- {#each hosts.hosts.slice(0, 6) as host (host.key)}
+ {#each sampleHostOptions.slice(0, 6) as host (host.key)}
- {host.message || host.schedule_detail || 'No detail'}
+ {host.label}{host.detail ? ` · ${host.detail}` : ''}
{/each}
- {#if hosts.hosts.length === 0}
+ {#if sampleHostOptions.length === 0}
Worker status is unavailable.
{/if}
@@ -733,8 +817,7 @@
}
.folder-header__facts,
- .decision__next,
- .decision__metrics,
+ .decision__facts,
.sample-facts {
display: flex;
gap: var(--mf-space-5);
@@ -746,12 +829,10 @@
grid-template-columns: repeat(3, minmax(0, 1fr));
}
- .decision__next {
+ .decision__facts {
background: var(--mf-bg-panel-2);
border: var(--mf-border-muted);
border-left: 2px solid var(--decision-line);
- display: grid;
- gap: var(--mf-space-2);
padding: var(--mf-space-4);
}
@@ -760,7 +841,7 @@
}
.folder-header__facts div,
- .decision__metrics div,
+ .decision-fact,
.sample-facts div,
.context-list div {
display: grid;
@@ -770,8 +851,7 @@
.folder-header__facts span,
.folder-header__path span,
- .decision__next span,
- .decision__metrics span,
+ .decision-fact span,
.sample-facts span,
.context-list span {
color: var(--mf-fg-tertiary);
@@ -783,8 +863,7 @@
.folder-header__facts strong,
.folder-header__path strong,
- .decision__next strong,
- .decision__metrics strong,
+ .decision-fact strong,
.sample-facts strong,
.context-list strong {
font-family: var(--mf-font-mono), monospace;
@@ -793,7 +872,7 @@
overflow-wrap: anywhere;
}
- .decision__next small {
+ .decision-fact small {
color: var(--mf-fg-tertiary);
font-size: var(--mf-text-xs);
}
@@ -878,10 +957,16 @@
border-left: 3px solid var(--decision-line);
display: grid;
gap: var(--mf-space-6);
- grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) minmax(160px, 240px) auto;
+ grid-template-columns: minmax(24rem, 1.25fr) minmax(14rem, 0.75fr);
padding: var(--mf-space-6);
}
+ .decision__summary,
+ .decision__facts,
+ .decision__actions {
+ min-width: 0;
+ }
+
.decision--active {
--decision-line: var(--mf-active-fg);
}
@@ -907,11 +992,21 @@
max-width: 68ch;
}
+ .decision__facts {
+ grid-column: 1 / -1;
+ }
+
+ .decision-fact {
+ flex: 1 1 0;
+ }
+
.decision__actions {
align-items: center;
display: flex;
gap: var(--mf-space-4);
flex-wrap: wrap;
+ grid-column: 1 / -1;
+ justify-content: flex-end;
min-width: 0;
}
@@ -933,6 +1028,133 @@
color: var(--mf-fail-fg);
}
+ .review-workspace {
+ background: var(--mf-bg-panel);
+ border: var(--mf-border);
+ border-left: 3px solid var(--mf-ready-fg);
+ display: grid;
+ gap: var(--mf-space-5);
+ padding: var(--mf-space-5);
+ }
+
+ .review-workspace__header {
+ align-items: start;
+ display: grid;
+ gap: var(--mf-space-5);
+ grid-template-columns: minmax(0, 1fr);
+ }
+
+ .review-workspace h2 {
+ font-size: var(--mf-text-lg);
+ margin-top: var(--mf-space-3);
+ }
+
+ .output-review-table__head span {
+ color: var(--mf-fg-tertiary);
+ font-size: var(--mf-text-2xs);
+ font-weight: var(--mf-weight-semibold);
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+ }
+
+ .output-review-table {
+ border: var(--mf-border-muted);
+ display: grid;
+ overflow: hidden;
+ }
+
+ .output-review-table__head,
+ .output-review-row {
+ display: grid;
+ gap: var(--mf-space-4);
+ grid-template-columns: minmax(110px, 0.8fr) minmax(130px, 1fr) minmax(150px, 1.1fr) minmax(
+ 180px,
+ 1.4fr
+ );
+ min-width: 0;
+ }
+
+ .output-review-table__head {
+ background: var(--mf-bg-strip);
+ border-bottom: var(--mf-border-muted);
+ padding: var(--mf-space-3) var(--mf-space-4);
+ }
+
+ .output-review-row {
+ background: var(--mf-bg-panel-2);
+ border-bottom: var(--mf-border-muted);
+ padding: var(--mf-space-4);
+ }
+
+ .output-review-row:last-child {
+ border-bottom: 0;
+ }
+
+ .output-review-row--wait {
+ box-shadow: inset 3px 0 0 var(--mf-wait-fg);
+ }
+
+ .output-review-row strong,
+ .output-review-row span {
+ font-family: var(--mf-font-mono), monospace;
+ font-size: var(--mf-text-xs);
+ overflow-wrap: anywhere;
+ }
+
+ .output-review-row strong {
+ font-family: inherit;
+ font-weight: var(--mf-weight-semibold);
+ }
+
+ .output-review-row small {
+ color: var(--mf-fg-tertiary);
+ font-size: var(--mf-text-xs);
+ line-height: var(--mf-leading-snug);
+ overflow-wrap: anywhere;
+ }
+
+ .review-media-grid {
+ display: grid;
+ gap: var(--mf-space-4);
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .review-media-tile {
+ background: var(--mf-bg-input);
+ border: var(--mf-border-muted);
+ color: var(--mf-fg-primary);
+ cursor: pointer;
+ display: grid;
+ gap: var(--mf-space-3);
+ font: inherit;
+ min-width: 0;
+ padding: var(--mf-space-3);
+ text-align: left;
+ text-decoration: none;
+ }
+
+ .review-media-tile:hover {
+ border-color: var(--mf-active-line);
+ }
+
+ .review-media-tile img {
+ aspect-ratio: 16 / 9;
+ background: var(--mf-bg-base);
+ border: var(--mf-border-muted);
+ object-fit: contain;
+ width: 100%;
+ }
+
+ .review-media-tile span {
+ font-size: var(--mf-text-xs);
+ font-weight: var(--mf-weight-semibold);
+ overflow-wrap: anywhere;
+ }
+
+ .review-media-tile--audio {
+ grid-column: 1 / -1;
+ }
+
.action-form {
margin: 0;
}
@@ -1158,6 +1380,10 @@
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}
+ .evidence-grid--sample-only {
+ grid-template-columns: minmax(0, 1fr);
+ }
+
.sample-card {
display: grid;
gap: var(--mf-space-5);
@@ -1188,7 +1414,6 @@
overflow-wrap: anywhere;
}
- .artifact-list,
.host-list,
.history-list,
.step-list {
@@ -1197,7 +1422,6 @@
padding: var(--mf-space-5);
}
- .artifact-row,
.host-row {
align-items: start;
border-bottom: var(--mf-border-muted);
@@ -1207,7 +1431,6 @@
padding-bottom: var(--mf-space-4);
}
- .artifact-row strong,
.history-list strong {
display: block;
font-size: var(--mf-text-sm);
@@ -1215,7 +1438,6 @@
overflow-wrap: anywhere;
}
- .artifact-row span,
.host-row span,
.history-list span {
color: var(--mf-fg-tertiary);
@@ -1394,11 +1616,16 @@
}
.decision {
- grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
+ grid-template-columns: minmax(0, 1fr);
+ }
+
+ .decision__facts {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
}
.decision__actions {
- grid-column: 1 / -1;
+ justify-content: flex-start;
}
}
@@ -1422,14 +1649,27 @@
.workflow-strip,
.decision,
.bench,
+ .review-workspace__header,
.support-grid,
.evidence-grid {
grid-template-columns: 1fr;
}
+ .output-review-table__head {
+ display: none;
+ }
+
+ .output-review-row {
+ grid-template-columns: 1fr;
+ gap: var(--mf-space-2);
+ }
+
+ .review-media-grid {
+ grid-template-columns: 1fr;
+ }
+
.folder-header__facts,
- .decision__next,
- .decision__metrics,
+ .decision__facts,
.sample-facts,
.decision__actions {
flex-wrap: wrap;
diff --git a/frontend/src/lib/components/workstation/HomeWorkbenchView.svelte b/frontend/src/lib/components/workstation/HomeWorkbenchView.svelte
index 780538b..32911d8 100644
--- a/frontend/src/lib/components/workstation/HomeWorkbenchView.svelte
+++ b/frontend/src/lib/components/workstation/HomeWorkbenchView.svelte
@@ -46,7 +46,7 @@
let searchQuery = $state('');
let libraryFilters = $state