@@ -53,6 +55,14 @@ const emit = defineEmits<{
const notes = reactive>({})
const visibleLoops = computed(() => props.payload.items.slice(0, 4))
const overflowCount = computed(() => Math.max(props.payload.items.length - visibleLoops.value.length, 0))
+const priorityNote = computed(() => {
+ const nextCount = props.payload.summary.by_state.next || 0
+ const activeCount = props.payload.summary.by_state.active || 0
+ if (nextCount) return `${nextCount} 个问题已经标成 next，适合进入下一轮行动。`
+ if (activeCount) return `${activeCount} 个问题仍然 active，先判断它们是否还值得继续。`
+ if (props.payload.summary.total) return '剩余问题大多已经处理，可以展开确认是否需要恢复。'
+ return '当前没有悬而未决的问题。'
+})
function setState(loopId: string, state: TrustOpenLoopState) {
emit('updateLoop', loopId, {
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index cff8445..d938718 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -7283,6 +7283,15 @@ button:not(:disabled):hover {
margin-top: 2px;
}
+.trust-batch-guidance,
+.trust-loop-priority-note,
+.trust-diagnostics-guidance {
+ margin: 4px 0 0;
+ color: var(--muted-foreground);
+ font-size: 0.82rem;
+ line-height: 1.35;
+}
+
.trust-batch-bar input,
.trust-filter-row input,
.trust-filter-row select,
@@ -7759,6 +7768,12 @@ button:not(:disabled):hover {
margin-bottom: 10px;
}
+.trust-diagnostics-guidance {
+ border-left: 3px solid rgba(53, 99, 91, 0.34);
+ padding-left: 8px;
+ margin-bottom: 10px;
+}
+
.trust-open-loop-card {
display: grid;
grid-template-columns: minmax(0, 1fr);
@@ -7777,6 +7792,14 @@ button:not(:disabled):hover {
background: rgba(250, 250, 246, 0.68);
}
+.trust-loop-priority-note {
+ border: 1px dashed rgba(44, 53, 68, 0.18);
+ border-radius: 8px;
+ background: rgba(250, 250, 246, 0.72);
+ padding: 8px;
+ margin-bottom: 10px;
+}
+
.trust-empty {
color: var(--muted-foreground);
margin: 0;
@@ -7806,6 +7829,24 @@ button:not(:disabled):hover {
}
}
+@media (max-width: 760px) {
+ .trust-session-planner,
+ .trust-review-progress {
+ grid-template-columns: 1fr;
+ }
+
+ .trust-session-modes,
+ .trust-decision-options {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .trust-review-signals[data-compact="false"],
+ .trust-risk-lens,
+ .trust-decision-coach {
+ padding: 9px;
+ }
+}
+
@media (max-width: 560px) {
.trust-center-header {
flex-direction: column;
diff --git a/tests/trust_operations_ui.test.ts b/tests/trust_operations_ui.test.ts
index 7acdb51..173001c 100644
--- a/tests/trust_operations_ui.test.ts
+++ b/tests/trust_operations_ui.test.ts
@@ -160,3 +160,22 @@ test('Trust Center adds reusable signals, risk lens, and decision coach', () =>
assert.match(styles, /\.trust-risk-lens/)
assert.match(styles, /\.trust-decision-coach/)
})
+
+test('Trust Center secondary panels include guidance and responsive session layout', () => {
+ const batch = read('frontend/src/components/TrustBatchActionBar.vue')
+ const loops = read('frontend/src/components/TrustOpenLoopPanel.vue')
+ const diagnostics = read('frontend/src/components/TrustDiagnosticsPanel.vue')
+ const styles = read('frontend/src/styles.css')
+
+ assert.match(batch, /trust-batch-guidance/)
+ assert.match(batch, /batchGuidance/)
+ assert.match(loops, /trust-loop-priority-note/)
+ assert.match(loops, /priorityNote/)
+ assert.match(diagnostics, /trust-diagnostics-guidance/)
+ assert.match(diagnostics, /diagnosticsGuidance/)
+ assert.match(styles, /@media \(max-width: 760px\)[\s\S]*\.trust-session-planner/)
+ assert.match(styles, /@media \(max-width: 760px\)[\s\S]*\.trust-decision-options/)
+ assert.match(styles, /\.trust-batch-guidance/)
+ assert.match(styles, /\.trust-loop-priority-note/)
+ assert.match(styles, /\.trust-diagnostics-guidance/)
+})