@tea-agent/loop-agent 0.13.0-beta.0 → 0.14.0

package/dist/worker/observe/static/styles.css

@@ -279,6 +279,11 @@ td:first-child,
 
 .panel-primary {
 	border-color: var(--hairline-strong);
+	box-shadow: var(--shadow-panel);
+}
+.panel-features {
+	background: var(--canvas-soft);
+	border-color: var(--hairline);
 }
 .panel-meta {
 	background: transparent;
@@ -312,41 +317,263 @@ td:first-child,
 }
 
 .view-dashboard {
+	--dashboard-cols: minmax(0, 1.65fr) minmax(280px, 0.85fr);
+	/* Secondary: timeline + batch table — more even, batch side slightly wider. */
+	--dashboard-secondary-cols: minmax(0, 1fr) minmax(0, 1.2fr);
+	--dashboard-gap: var(--space-4);
 	display: grid;
 	gap: var(--space-4);
 }
 
-.repo-banner {
+.view-pool {
+	display: grid;
+	gap: var(--space-4);
+}
+.page-header,
+.pool-page-header,
+.dashboard-page-header {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	gap: var(--space-4) var(--space-6);
+	align-items: start;
+	padding-bottom: var(--space-4);
+	border-bottom: 1px solid var(--hairline);
+}
+.page-header-heading,
+.view-dashboard .page-header-heading,
+.view-pool .page-header-heading {
+	margin-bottom: 0;
+}
+.pool-toolbar {
+	display: grid;
+	justify-items: end;
+	gap: 8px;
+	padding-top: 2px;
+}
+.pool-toolbar-actions {
 	display: flex;
+	flex-wrap: wrap;
 	align-items: center;
-	gap: var(--space-3);
-	padding: 10px 14px;
+	justify-content: flex-end;
+	gap: 10px 12px;
+}
+.pool-toolbar .pool-updated-at {
+	margin: 0;
+	max-width: 28ch;
+	font-size: 11px;
+	line-height: 1.4;
+	text-align: right;
+}
+.pool-refresh-btn {
+	appearance: none;
 	border: 1px solid var(--hairline-strong);
-	border-radius: var(--radius-lg);
+	border-radius: var(--radius-md);
 	background: var(--surface);
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	padding: 8px 14px;
+	cursor: pointer;
+}
+.pool-refresh-btn:hover {
+	border-color: var(--orange);
+	color: var(--orange-active);
+}
+.pool-auto-refresh-label {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	color: var(--body);
+	font-size: 13px;
+	cursor: pointer;
+}
+.pool-workspace {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: var(--space-4);
+	align-items: start;
+}
+.pool-ops-list {
+	display: grid;
+	gap: 10px;
+}
+.pool-ops-card {
+	padding: 12px 14px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-md);
+	background: var(--canvas-soft);
+	border-left: 3px solid var(--hairline-strong);
+}
+.pool-ops-card-attention {
+	border-left-color: var(--red);
+	border-color: color-mix(in srgb, var(--red) 35%, var(--hairline));
+	background: #fff8f9;
+}
+.pool-ops-card-ready {
+	border-left-color: var(--orange);
+	background: #fffaf5;
 }
-.repo-banner > i {
+.pool-ops-card-title {
+	margin-bottom: 6px;
+	font-size: 14px;
+	font-weight: 700;
+}
+.pool-ops-card-meta {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px;
 	color: var(--muted);
-	font-size: 18px;
+	font-size: 12px;
 }
-.repo-banner-text {
+.pool-ops-card-detail {
+	margin: 8px 0 0;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.5;
+}
+.pool-filters {
+	display: block;
+}
+.pool-filters-inner {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: end;
+	gap: var(--space-3);
+}
+.pool-filters-inner label {
 	display: grid;
-	gap: 2px;
+	gap: 4px;
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+}
+.pool-filters-inner select,
+.pool-filters-inner input[type="search"] {
+	min-width: 160px;
+	padding: 7px 10px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-md);
+	background: var(--surface);
+	color: var(--ink);
+	font-size: 13px;
+}
+.pool-table-wrap {
+	overflow-x: auto;
+}
+.pool-ref-links {
+	display: inline;
+	font-size: 12px;
+	overflow-wrap: anywhere;
+}
+.pool-events-details {
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+	padding: 0 var(--space-5) var(--space-4);
+}
+.pool-events-details > summary {
+	cursor: pointer;
+	padding: var(--space-4) 0;
+	color: var(--ink);
+	font-size: 14px;
+	font-weight: 700;
+}
+.pool-events-details > summary:hover {
+	color: var(--orange-active);
+}
+.pool-events-details .panel-timeline {
+	border: 0;
+	padding: 0;
+	box-shadow: none;
+}
+#pool-kpi.panel-kpi {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: var(--space-2);
+}
+#pool-kpi .section-heading {
+	margin: 0;
+}
+.pool-fault-active {
+	display: grid;
+	gap: var(--space-3);
+}
+
+.repo-banner {
+	display: flex;
+	align-items: flex-start;
+	gap: 10px;
+	padding: 6px 12px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-md);
+	background: transparent;
+}
+.repo-banner-inline {
+	justify-self: end;
+	align-items: center;
+	max-width: min(48ch, 100%);
+	padding: 4px 10px 4px 8px;
+	border: 1px solid var(--hairline);
+	border-radius: 999px;
+	background: var(--canvas-soft);
+}
+.repo-banner-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 auto;
+	width: 28px;
+	height: 28px;
+	border-radius: 8px;
+	background: var(--surface);
+	border: 1px solid var(--hairline);
+	color: var(--orange-active);
+}
+.repo-banner-icon > i {
+	font-size: 15px;
+	line-height: 1;
+}
+.repo-banner-inline .repo-banner-text {
+	display: grid;
+	justify-items: start;
+	gap: 1px;
+	min-width: 0;
+}
+.repo-banner-text {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: baseline;
+	gap: 6px 10px;
 	min-width: 0;
 }
 .repo-banner-name {
 	color: var(--ink);
-	font-size: 14px;
+	font-size: 13px;
 	font-weight: 700;
-	overflow-wrap: anywhere;
+	letter-spacing: 0.01em;
+	line-height: 1.25;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .repo-banner-path {
 	color: var(--muted);
 	font-size: 11px;
-	overflow-wrap: anywhere;
+	line-height: 1.35;
+	font-variant-numeric: tabular-nums;
+	letter-spacing: 0.01em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	max-width: 36ch;
 }
 
 .panel-kpi {
+	display: grid;
+	grid-template-columns: var(--dashboard-cols);
+	gap: var(--space-2) var(--dashboard-gap);
+	align-items: stretch;
 	padding: 0;
 	background: transparent;
 	border: 0;
@@ -356,11 +583,13 @@ td:first-child,
 	margin: 0;
 	padding: 0;
 	border: 0;
+	min-width: 0;
 	display: grid;
-	gap: var(--space-3);
+	grid-template-rows: auto 1fr;
+	gap: var(--space-2);
 }
 .kpi-group + .kpi-group {
-	margin-top: var(--space-3);
+	margin-top: 0;
 }
 .kpi-group-legend {
 	padding: 0;
@@ -373,18 +602,56 @@ td:first-child,
 
 .kpi-grid {
 	display: grid;
-	grid-template-columns: repeat(6, minmax(0, 1fr));
+	grid-template-columns: repeat(5, minmax(0, 1fr));
 	overflow: visible;
-	border: 1px solid var(--hairline-strong);
-	border-radius: var(--radius-lg);
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-md);
 	background: var(--surface);
+	height: 100%;
+}
+
+/* Must follow .kpi-grid so display:flex wins over display:grid. */
+.kpi-grid.pool-health-grid {
+	display: flex;
+	flex-wrap: nowrap;
+	align-items: stretch;
+	overflow-x: auto;
+	height: auto;
+	grid-template-columns: none;
+}
+.kpi-grid.pool-health-grid .kpi-card {
+	flex: 1 1 0;
+	min-width: 96px;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: nowrap;
+	align-items: baseline;
+	justify-content: flex-start;
+	gap: 8px;
+	padding: 8px 12px;
+	border-top: 0;
+	border-left: 1px solid var(--hairline);
+}
+.kpi-grid.pool-health-grid .kpi-card:first-child {
+	border-left: 0;
+}
+.kpi-grid.pool-health-grid .kpi-value {
+	font-size: 18px;
+	line-height: 1.1;
+}
+.kpi-grid.pool-health-grid .kpi-label {
+	margin: 0;
+	font-size: 11px;
+	font-weight: 650;
+	color: var(--muted);
+	white-space: nowrap;
 }
 
 .kpi-card {
 	position: relative;
 	min-width: 0;
-	min-height: 84px;
-	padding: 15px 18px 14px;
+	min-height: 0;
+	padding: 10px 12px 9px;
 	border-left: 1px solid var(--hairline);
 }
 
@@ -392,23 +659,50 @@ td:first-child,
 	border-left: 0;
 }
 .kpi-label {
-	margin-bottom: 9px;
+	margin-bottom: 4px;
 	color: var(--muted);
-	font-size: 11px;
+	font-size: 10px;
 	font-weight: 650;
 }
 .kpi-value-row {
 	display: flex;
-	align-items: baseline;
+	align-items: flex-start;
 	gap: 6px;
 }
 .kpi-value {
 	color: var(--ink);
-	font-size: 26px;
+	font-size: 22px;
 	font-weight: 500;
 	line-height: 1;
 	font-variant-numeric: tabular-nums;
 }
+.kpi-card.kpi-highlight .kpi-value {
+	color: var(--orange-active);
+}
+.kpi-card.kpi-muted .kpi-value {
+	color: var(--muted);
+}
+.kpi-card.kpi-risk .kpi-value {
+	color: var(--amber);
+}
+.kpi-card.kpi-danger .kpi-value {
+	color: var(--red);
+}
+.kpi-value-with-link {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 2px;
+}
+.kpi-value-with-link .kpi-value-num {
+	font-variant-numeric: tabular-nums;
+}
+.kpi-value-with-link .inbox-link {
+	font-size: 10px;
+	font-weight: 650;
+	line-height: 1.2;
+	text-underline-offset: 2px;
+}
 
 .kpi-help {
 	display: inline-flex;
@@ -464,75 +758,110 @@ td:first-child,
 .dashboard-workspace,
 .dashboard-secondary {
 	display: grid;
-	gap: var(--space-4);
-	align-items: stretch;
+	gap: var(--dashboard-gap);
+	align-items: start;
 }
 
 .dashboard-workspace {
-	grid-template-columns: 1fr;
+	grid-template-columns: var(--dashboard-cols);
 }
 .dashboard-secondary {
-	grid-template-columns: repeat(2, minmax(0, 1fr));
+	grid-template-columns: var(--dashboard-secondary-cols);
+}
+#dashboard-batches {
+	min-width: 0;
+	overflow-x: auto;
+}
+#dashboard-batches table {
+	width: 100%;
+	min-width: 0;
+}
+#dashboard-batches th,
+#dashboard-batches td {
+	white-space: nowrap;
+}
+#dashboard-batches td:last-child {
+	white-space: normal;
+	min-width: 12rem;
+}
+
+.panel-primary,
+.panel-risk {
+	min-width: 0;
 }
 
 .panel-risk {
 	display: block;
-	background: var(--canvas-soft);
+	background: var(--surface);
+	border-color: var(--hairline-strong);
+	box-shadow: var(--shadow-panel);
+	position: sticky;
+	top: 16px;
 }
 
+/* Attention state stays on inner cards; outer shell matches active DAG panel. */
 .panel-risk-attention {
-	border-color: color-mix(in srgb, var(--red) 50%, var(--hairline));
-	background: #fff8f9;
+	border-color: var(--hairline-strong);
+	background: var(--surface);
 }
 .panel-risk .section-heading {
-	margin: 0 0 var(--space-3);
+	margin: 0 0 var(--space-4);
 }
 .risk-blocks {
 	display: grid;
-	gap: var(--space-4);
+	gap: 10px;
 }
-.risk-block {
+.risk-block,
+.risk-block-dag,
+.risk-block-worker {
 	display: grid;
-	grid-template-columns: minmax(120px, 0.25fr) minmax(0, 1fr);
+	grid-template-columns: minmax(0, 1fr) auto;
+	grid-template-areas:
+		"label total"
+		"summary total"
+		"link total";
 	align-items: start;
-	gap: var(--space-3);
-	padding-top: var(--space-3);
-	border-top: 1px solid var(--hairline);
-}
-.risk-block:first-child {
-	padding-top: 0;
-	border-top: 0;
+	column-gap: var(--space-3);
+	row-gap: 4px;
+	padding: 14px;
+	padding-left: 12px;
+	border: 1px solid color-mix(in srgb, var(--red) 35%, var(--hairline));
+	border-left: 3px solid var(--red);
+	border-radius: var(--radius-md);
+	background: #fff8f9;
 }
 .risk-block-label {
-	color: var(--muted);
+	grid-area: label;
+	color: var(--ink);
 	font-size: 11px;
 	font-weight: 700;
 	letter-spacing: 0.04em;
 	text-transform: uppercase;
 }
-.risk-block-dag .risk-block-label {
-	color: var(--ink);
-}
-.risk-block-worker .risk-block-label {
-	color: var(--ink);
-}
 .risk-total {
+	grid-area: total;
 	margin: 0;
-	color: var(--amber);
+	color: var(--red);
 	font-size: 32px;
 	font-weight: 500;
 	line-height: 1;
 	font-variant-numeric: tabular-nums;
-}
-.panel-risk-attention .risk-total {
-	color: var(--red);
+	align-self: center;
+	text-align: right;
+	min-width: 1.5ch;
 }
 .risk-summary {
+	grid-area: summary;
 	margin: 0;
 	color: var(--body);
 	font-size: 12px;
 	line-height: 1.6;
 }
+.risk-block .risk-link {
+	grid-area: link;
+	justify-self: start;
+	margin-top: 6px;
+}
 .panel-risk .risk-empty {
 	margin: 0;
 }
@@ -611,10 +940,17 @@ td:first-child,
 	border: 1px solid var(--hairline);
 	border-radius: var(--radius-md);
 	background: var(--canvas-soft);
+	border-left: 3px solid var(--hairline-strong);
+	padding-left: 12px;
 }
 .active-dag-card-running {
-	border-left: 3px solid var(--orange);
-	padding-left: 12px;
+	border-left-color: var(--orange);
+	background: #fffaf5;
+}
+.active-dag-card-attention {
+	border-left-color: var(--red);
+	border-color: color-mix(in srgb, var(--red) 35%, var(--hairline));
+	background: #fff8f9;
 }
 .active-dag-header {
 	display: flex;
@@ -641,6 +977,49 @@ td:first-child,
 	margin-top: 10px;
 }
 
+.feature-decision-list {
+	display: grid;
+	gap: 8px;
+}
+.feature-decision-row {
+	display: grid;
+	grid-template-columns: minmax(120px, 0.9fr) minmax(88px, 0.55fr) minmax(0, 1.6fr) auto;
+	align-items: center;
+	gap: var(--space-3);
+	padding: 10px 12px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-md);
+	background: var(--surface);
+	cursor: pointer;
+}
+.feature-decision-row:hover {
+	border-color: var(--hairline-strong);
+}
+.feature-decision-id {
+	min-width: 0;
+	font-size: 13px;
+	font-weight: 700;
+	overflow-wrap: anywhere;
+}
+.feature-decision-status {
+	color: var(--body);
+	font-size: 12px;
+}
+.feature-decision-next {
+	min-width: 0;
+	color: var(--muted);
+	font-size: 12px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.feature-decision-open {
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 700;
+	white-space: nowrap;
+}
+
 .meta-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
@@ -770,12 +1149,13 @@ tr.clickable:focus-within {
 .dag-inspector {
 	position: fixed;
 	z-index: 40;
-	top: 96px;
+	/* Align with site-header top edge; same inset as right/bottom. */
+	top: 24px;
 	right: 24px;
 	bottom: 24px;
 	display: grid;
 	grid-template-rows: auto minmax(0, 1fr);
-	width: min(var(--dag-inspector-width, 440px), calc(100vw - 48px));
+	width: min(var(--dag-inspector-width, 50vw), calc(100vw - 48px));
 	min-width: 0;
 	padding: 0;
 	overflow: hidden;
@@ -1252,6 +1632,160 @@ body.is-resizing-dag-graph {
 	font-size: 11px;
 }
 
+.process-timeline-toolbar {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px;
+	margin-bottom: var(--space-2);
+}
+.process-timeline-toggle {
+	min-height: 28px;
+	padding: 0 10px;
+	border: 1px solid var(--hairline-strong);
+	border-radius: var(--radius-sm);
+	background: var(--surface);
+	color: var(--body);
+	font-size: 11px;
+	font-weight: 600;
+	cursor: pointer;
+}
+.process-timeline-toggle:hover,
+.process-timeline-toggle:focus-visible {
+	border-color: var(--orange);
+	color: var(--orange-active);
+	outline: none;
+}
+.process-timeline-toggle[aria-pressed="true"] {
+	border-color: color-mix(in srgb, var(--orange) 55%, var(--hairline));
+	background: #fff5ed;
+	color: var(--orange-active);
+}
+.process-timeline-body {
+	min-width: 0;
+	padding: 4px 0 8px var(--space-2);
+}
+.process-timeline-card {
+	display: grid;
+	gap: 6px;
+	min-width: 0;
+}
+.process-timeline-details {
+	min-width: 0;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-sm);
+	background: var(--surface);
+}
+.process-timeline-summary {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	padding: 8px 10px;
+	cursor: pointer;
+	list-style: none;
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 650;
+}
+.process-timeline-summary::-webkit-details-marker {
+	display: none;
+}
+.process-timeline-summary-title {
+	min-width: 0;
+	overflow-wrap: anywhere;
+}
+.process-timeline-summary-status {
+	flex-shrink: 0;
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+}
+.process-timeline-summary-status.status-succeeded {
+	color: var(--green);
+}
+.process-timeline-summary-status.status-failed {
+	color: var(--red);
+}
+.process-timeline-summary-status.status-pending {
+	color: var(--orange);
+}
+.process-timeline-tool-card.is-error .process-timeline-details {
+	border-color: color-mix(in srgb, var(--red) 45%, var(--hairline));
+	background: color-mix(in srgb, var(--red) 6%, var(--surface));
+}
+.process-timeline-card-body {
+	display: grid;
+	gap: 6px;
+	padding: 0 10px 10px;
+}
+.process-timeline-section-label {
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+}
+.process-timeline-code,
+.process-timeline-thinking-body {
+	margin: 0;
+	padding: 8px 10px;
+	overflow: auto;
+	border-radius: var(--radius-sm);
+	background: var(--canvas-soft);
+	color: var(--body);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 11px;
+	line-height: 1.45;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+}
+.process-timeline-more {
+	margin-top: 2px;
+}
+.process-timeline-more > summary {
+	cursor: pointer;
+	color: var(--blue);
+	font-size: 11px;
+	font-weight: 650;
+}
+.process-timeline-thinking > summary {
+	background: color-mix(in srgb, var(--lavender) 35%, var(--surface));
+}
+.process-timeline-turn-text {
+	display: grid;
+	gap: 6px;
+	padding: 8px 10px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-sm);
+	background: var(--surface);
+}
+.process-timeline-turn-text .markdown-output {
+	font-size: 12px;
+}
+.process-timeline-tool-only-note {
+	margin: 0;
+	font-size: 12px;
+}
+.process-timeline-turn-tools {
+	display: grid;
+	gap: 4px;
+	margin: 0;
+	padding: 0 0 0 1.1em;
+	color: var(--body);
+	font-size: 12px;
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	overflow-wrap: anywhere;
+}
+.process-timeline-turn-tools li {
+	padding: 2px 0;
+}
+.process-timeline-agent-end-note {
+	margin: 0;
+	font-size: 11px;
+}
+.process-timeline-item.is-error .process-timeline-dot {
+	background: var(--red);
+}
+
 .markdown-output {
 	display: grid;
 	gap: var(--space-3);
@@ -1290,6 +1824,10 @@ body.is-resizing-dag-graph {
 .markdown-output ul,
 .markdown-output ol {
 	margin: 0;
+	overflow-wrap: anywhere;
+}
+.markdown-output p {
+	white-space: normal;
 }
 .markdown-output ul,
 .markdown-output ol {
@@ -1601,17 +2139,34 @@ body.is-resizing-dag-graph {
 }
 
 @media (max-width: 1320px) {
+	.view-dashboard {
+		--dashboard-cols: 1fr;
+	}
 	.kpi-grid {
 		grid-template-columns: repeat(3, minmax(0, 1fr));
 	}
+	.kpi-grid.pool-health-grid {
+		display: flex;
+		flex-wrap: nowrap;
+		grid-template-columns: none;
+	}
 	.kpi-card:nth-child(4) {
 		border-left: 0;
 	}
 	.kpi-card:nth-child(n + 4) {
 		border-top: 1px solid var(--hairline);
 	}
-	.dashboard-workspace {
-		grid-template-columns: 1fr;
+	.kpi-grid.pool-health-grid .kpi-card,
+	.kpi-grid.pool-health-grid .kpi-card:nth-child(n),
+	.kpi-grid.pool-health-grid .kpi-card:nth-child(n + 4) {
+		border-top: 0;
+		border-left: 1px solid var(--hairline);
+	}
+	.kpi-grid.pool-health-grid .kpi-card:first-child {
+		border-left: 0;
+	}
+	.panel-risk {
+		position: static;
 	}
 	.run-detail-workspace {
 		grid-template-columns: minmax(200px, 0.45fr) minmax(0, 1fr);
@@ -1636,6 +2191,32 @@ body.is-resizing-dag-graph {
 	.panel-artifacts {
 		grid-column: auto;
 	}
+	.pool-workspace {
+		grid-template-columns: 1fr;
+	}
+	.page-header,
+	.pool-page-header,
+	.dashboard-page-header {
+		grid-template-columns: 1fr;
+	}
+	.repo-banner-inline {
+		justify-self: start;
+		max-width: none;
+	}
+	.repo-banner-path {
+		max-width: none;
+		white-space: normal;
+	}
+	.pool-toolbar {
+		justify-items: start;
+	}
+	.pool-toolbar-actions {
+		justify-content: flex-start;
+	}
+	.pool-toolbar .pool-updated-at {
+		text-align: left;
+		max-width: none;
+	}
 }
 
 @media (max-width: 720px) {
@@ -1648,6 +2229,11 @@ body.is-resizing-dag-graph {
 	.kpi-grid {
 		grid-template-columns: repeat(2, minmax(0, 1fr));
 	}
+	.kpi-grid.pool-health-grid {
+		display: flex;
+		flex-wrap: nowrap;
+		grid-template-columns: none;
+	}
 	.kpi-card:nth-child(n) {
 		border-top: 1px solid var(--hairline);
 		border-left: 1px solid var(--hairline);
@@ -1659,8 +2245,17 @@ body.is-resizing-dag-graph {
 	.kpi-card:nth-child(odd) {
 		border-left: 0;
 	}
+	.kpi-grid.pool-health-grid .kpi-card,
+	.kpi-grid.pool-health-grid .kpi-card:nth-child(n),
+	.kpi-grid.pool-health-grid .kpi-card:nth-child(odd) {
+		border-top: 0;
+		border-left: 1px solid var(--hairline);
+	}
+	.kpi-grid.pool-health-grid .kpi-card:first-child {
+		border-left: 0;
+	}
 	.dag-inspector {
-		top: 76px;
+		top: 12px;
 		right: 12px;
 		bottom: 12px;
 		width: calc(100vw - 24px);
@@ -1671,9 +2266,16 @@ body.is-resizing-dag-graph {
 	.dashboard-secondary {
 		grid-template-columns: 1fr;
 	}
-	.risk-block {
+	.feature-decision-row {
 		grid-template-columns: 1fr;
-		gap: var(--space-2);
+		gap: 4px;
+	}
+	.feature-decision-next {
+		white-space: normal;
+	}
+	.risk-block {
+		grid-template-columns: minmax(0, 1fr) auto;
+		column-gap: var(--space-2);
 	}
 	.panel {
 		padding: var(--space-4);