cli-jaw 2.17.67 → 2.17.68

package/public/dist/manager/index.html

@@ -6,10 +6,10 @@
   <link rel="icon" type="image/png" href="/dist/assets/icon-192-CADbZUeU.png">
   <title>Jaw Manager</title>
   <script src="/manager/theme-boot.js"></script>
-  <script type="module" crossorigin src="/dist/assets/manager-BXf6oL68.js"></script>
+  <script type="module" crossorigin src="/dist/assets/manager-Dhz8mX5E.js"></script>
   <link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-DSSkXCir.css">
   <link rel="stylesheet" crossorigin href="/dist/assets/settings-embedding-CUQ8Is3y.css">
-  <link rel="stylesheet" crossorigin href="/dist/assets/manager-CEtdsk3Q.css">
+  <link rel="stylesheet" crossorigin href="/dist/assets/manager-B9imHVqw.css">
 </head>
 <body>
   <div id="manager-root"></div>

package/public/manager/src/components/InstanceDetailPanel.tsx

@@ -6,6 +6,8 @@ import type {
 } from '../types';
 import { ProcessControlPanel } from './ProcessControlPanel';
 import { InstanceLogsPanel } from './InstanceLogsPanel';
+import { formatUptime } from '../instance-label';
+import './instance-overview.css';
 
 type InstanceDetailPanelProps = {
     instance: DashboardInstance | null;
@@ -16,22 +18,73 @@ type InstanceDetailPanelProps = {
 
 export function InstanceDetailPanel(props: InstanceDetailPanelProps) {
     const instance = props.instance;
+    const checkedAt = instance ? new Date(instance.lastCheckedAt) : null;
+    const hasCheckedAt = checkedAt != null && Number.isFinite(checkedAt.getTime());
 
     return (
         <section className="detail-panel" aria-label="Selected instance detail">
                 {props.activeTab === 'overview' && (
-                    <>
-                        <div className="overview-grid">
-                            <div><span>Status</span><strong>{instance?.status || 'n/a'}</strong></div>
-                            <div><span>CLI</span><strong>{instance?.currentCli || 'n/a'}</strong></div>
-                            <div><span>Model</span><strong>{instance?.currentModel || 'n/a'}</strong></div>
-                            <div><span>Owner</span><strong>{instance?.lifecycle?.owner || 'n/a'}</strong></div>
-                            <div><span>Version</span><strong>{instance?.version || 'n/a'}</strong></div>
-                            <div><span>Group</span><strong>{instance?.group || 'ungrouped'}</strong></div>
-                            <div><span>Reason</span><strong>{instance?.lifecycle?.reason || instance?.healthReason || 'ok'}</strong></div>
-                        </div>
+                    <div className="instance-overview">
+                        {instance ? (
+                            <section className="overview-instance" aria-label="Instance overview">
+                                <header className="overview-status-line">
+                                    <div className="overview-status-heading">
+                                        <span className={`overview-status is-${instance.status}`}>
+                                            <span aria-hidden="true" />
+                                            {instance.status}
+                                        </span>
+                                        <span className="overview-port">:{instance.port}</span>
+                                    </div>
+                                    <span className="overview-checked">
+                                        {hasCheckedAt ? <>Checked <time dateTime={checkedAt.toISOString()} title={checkedAt.toLocaleString()}>{checkedAt.toLocaleTimeString()}</time></> : 'Check time unavailable'}
+                                    </span>
+                                </header>
+                                {!instance.ok && <p className="overview-unavailable">This instance is not responding. Check its logs or use the instance menu to manage it.</p>}
+                                <div className="overview-sections">
+                                    <section aria-label="Runtime">
+                                        <h3>Runtime</h3>
+                                        <dl className="overview-properties">
+                                            <div><dt>CLI</dt><dd>{instance.currentCli || 'Not reported'}</dd></div>
+                                            <div><dt>Model</dt><dd className="overview-mono">{instance.currentModel || 'Not reported'}</dd></div>
+                                            <div><dt>Version</dt><dd>{instance.version || 'Not reported'}</dd></div>
+                                            <div><dt>Uptime</dt><dd>{instance.ok && instance.uptime != null ? formatUptime(instance.uptime) : 'Not available'}</dd></div>
+                                        </dl>
+                                    </section>
+                                    <section aria-label="Connection">
+                                        <h3>Connection</h3>
+                                        <dl className="overview-properties">
+                                            <div><dt>Address</dt><dd className="overview-mono">{instance.url}</dd></div>
+                                            <div><dt>Managed by</dt><dd>{instance.lifecycle?.owner || 'Unknown'}</dd></div>
+                                            <div><dt>Process ID</dt><dd className="overview-mono">{instance.lifecycle?.pid ?? 'Not reported'}</dd></div>
+                                            <div><dt>Group</dt><dd>{instance.group || 'Ungrouped'}</dd></div>
+                                        </dl>
+                                    </section>
+                                </div>
+                                <section className="overview-project" aria-label="Project directories">
+                                    <h3>Project</h3>
+                                    {instance.projectDirs?.length ? (
+                                        <ul>{instance.projectDirs.map(dir => <li key={dir} className="overview-mono">{dir}</li>)}</ul>
+                                    ) : <p>{instance.ok && instance.projectDirs != null
+                                        ? 'No project selected. Choose a folder from the instance header.'
+                                        : 'Project information unavailable.'}</p>}
+                                </section>
+                                <details className="overview-diagnostics">
+                                    <summary>Health &amp; ownership details</summary>
+                                    <dl className="overview-properties">
+                                        <div><dt>Health reason</dt><dd>{instance.healthReason || 'Not reported'}</dd></div>
+                                        <div><dt>Ownership reason</dt><dd>{instance.lifecycle?.reason || 'Not reported'}</dd></div>
+                                        <div><dt>Service mode</dt><dd>{instance.serviceMode}</dd></div>
+                                    </dl>
+                                </details>
+                            </section>
+                        ) : (
+                            <div className="overview-no-selection">
+                                <h3>No instance selected</h3>
+                                <p>Select an instance in the sidebar to see its runtime and connection details.</p>
+                            </div>
+                        )}
                         <ProcessControlPanel />
-                    </>
+                    </div>
                 )}
 
                 {props.activeTab === 'logs' && instance && (

package/public/manager/src/components/ProcessControlPanel.tsx

@@ -1,87 +1,120 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import {
     adoptManagedProcesses,
     fetchProcessControlState,
     stopManagedProcesses,
 } from '../api';
 import type { DashboardProcessControlState } from '../types';
+import './process-control.css';
+
+type ProcessOperation = 'refresh' | 'recover' | 'stop';
 
 export function ProcessControlPanel() {
     const [state, setState] = useState<DashboardProcessControlState | null>(null);
-    const [busy, setBusy] = useState<string | null>(null);
+    const [busy, setBusy] = useState<ProcessOperation | null>('refresh');
     const [message, setMessage] = useState<string | null>(null);
-    const managedCount = state?.managed.length || 0;
+    const [error, setError] = useState<string | null>(null);
+    const mounted = useRef(false);
+    const activeRequest = useRef<object | null>(null);
+    const managedCount = state?.managed.length ?? 0;
 
-    useEffect(() => {
-        void refresh();
-    }, []);
-
-    async function refresh(): Promise<void> {
-        try {
-            setState(await fetchProcessControlState());
-        } catch (error) {
-            setMessage((error as Error).message);
-        }
-    }
-
-    async function run(label: string, fn: () => Promise<DashboardProcessControlState>): Promise<void> {
-        setBusy(label);
+    const run = useCallback(async (
+        operation: ProcessOperation,
+        request: () => Promise<DashboardProcessControlState>,
+    ): Promise<void> => {
+        if (!mounted.current || activeRequest.current) return;
+        const token = {};
+        activeRequest.current = token;
+        setBusy(operation);
         setMessage(null);
+        setError(null);
         try {
-            const next = await fn();
+            const next = await request();
+            if (!mounted.current || activeRequest.current !== token) return;
             setState(next);
-            setMessage(`${label} complete.`);
-        } catch (error) {
-            setMessage((error as Error).message);
+            setMessage(operation === 'stop'
+                ? 'Stop request complete. The list shows remaining managed servers.'
+                : operation === 'recover' ? 'Recovery complete. Managed process records refreshed.' : null);
+        } catch (cause) {
+            if (!mounted.current || activeRequest.current !== token) return;
+            setError(cause instanceof Error ? cause.message : 'Unable to update managed processes. Try refreshing.');
         } finally {
-            setBusy(null);
+            if (mounted.current && activeRequest.current === token) {
+                activeRequest.current = null;
+                setBusy(null);
+            }
         }
-    }
+    }, []);
+
+    useEffect(() => {
+        mounted.current = true;
+        void run('refresh', fetchProcessControlState);
+        return () => {
+            mounted.current = false;
+            activeRequest.current = null;
+        };
+    }, [run]);
 
     function handleStopAll(): void {
-        if (managedCount === 0) return;
-        if (!window.confirm(`Stop ${managedCount} dashboard-managed server${managedCount === 1 ? '' : 's'}?`)) return;
-        void run('Stop all managed', stopManagedProcesses);
+        if (activeRequest.current || managedCount === 0 || error) return;
+        if (!window.confirm(`Stop ${managedCount} dashboard-managed server${managedCount === 1 ? '' : 's'} across all instances?`)) return;
+        void run('stop', stopManagedProcesses);
     }
 
     return (
-        <section className="process-control-panel" aria-label="Process control">
-            <div className="process-control-header">
-                <div>
-                    <span>Process control</span>
-                    <strong>{managedCount} managed</strong>
+        <section className="process-control-panel" aria-label="Managed processes — all instances">
+            <header className="process-control-header">
+                <div className="process-control-heading">
+                    <h3>Managed processes</h3>
+                    <p>All instances in this manager</p>
                 </div>
-                <button type="button" onClick={refresh} disabled={busy != null}>Refresh</button>
-            </div>
-            <div className="process-control-actions">
-                <button type="button" onClick={handleStopAll} disabled={busy != null || managedCount === 0}>
-                    Stop all managed
-                </button>
-                <button
-                    type="button"
-                    onClick={() => void run('Adopt/recover managed', adoptManagedProcesses)}
-                    disabled={busy != null}
-                >
-                    Adopt/recover
-                </button>
-                <button type="button" disabled title={state?.unsupported.reason || 'Planned'}>
-                    Force release port
+                <button type="button" onClick={() => void run('refresh', fetchProcessControlState)} disabled={busy !== null}>
+                    {busy === 'refresh' ? 'Refreshing…' : 'Refresh'}
                 </button>
+            </header>
+            <div className="process-control-content" aria-busy={busy !== null}>
+                <p className="process-control-count">
+                    {state ? `${managedCount} managed server${managedCount === 1 ? '' : 's'}` : 'Process count unavailable'}
+                    {error && state && <span> · Last loaded list</span>}
+                </p>
+                {state && managedCount > 0 && (
+                    <table className="process-control-table">
+                        <caption className="process-control-sr-only">Dashboard-managed servers across all instances</caption>
+                        <thead><tr><th scope="col">Port</th><th scope="col">PID</th><th scope="col">Ownership proof</th></tr></thead>
+                        <tbody>
+                            {state.managed.map(entry => (
+                                <tr key={entry.port}>
+                                    <th scope="row">:{entry.port}</th>
+                                    <td>{entry.pid ?? 'Unavailable'}</td>
+                                    <td>{entry.proof === 'child' ? 'Child process' : 'Registry record'}</td>
+                                </tr>
+                            ))}
+                        </tbody>
+                    </table>
+                )}
+                {state && managedCount === 0 && (
+                    <p className="process-control-empty">No managed servers. Start an instance or recover existing records below.</p>
+                )}
             </div>
-            <p className="process-control-hint">
-                Stop all affects only dashboard-managed servers. Adopt/recover reconnects known managed process records without stopping external instances.
-            </p>
-            <div className="process-control-list">
-                {state?.managed.map(entry => (
-                    <div key={entry.port} className="process-control-row">
-                        <span>:{entry.port}</span>
-                        <strong>{entry.pid ? `pid ${entry.pid}` : 'pid n/a'}</strong>
-                        <em>{entry.proof}</em>
-                    </div>
-                ))}
-                {managedCount === 0 && <p>No dashboard-managed servers are registered.</p>}
+            <div className="process-control-feedback" role="status" aria-live="polite">
+                {busy ? (busy === 'refresh' ? 'Loading managed processes…' : busy === 'recover' ? 'Recovering managed processes…' : 'Stopping managed servers…') : message}
             </div>
-            {message && <p className="process-control-message">{message}</p>}
+            {error && <p className="process-control-error" role="alert">{error} Use Refresh to check the current state.</p>}
+            <details className="process-control-maintenance">
+                <summary>Recovery &amp; stop all</summary>
+                <div className="process-control-maintenance-body">
+                    <p>These actions apply to all dashboard-managed servers. External instances are not stopped.</p>
+                    <div className="process-control-actions">
+                        <button type="button" onClick={() => void run('recover', adoptManagedProcesses)} disabled={busy !== null}>
+                            {busy === 'recover' ? 'Recovering…' : 'Adopt/recover'}
+                        </button>
+                        <button type="button" className="process-control-stop" onClick={handleStopAll} disabled={busy !== null || managedCount === 0 || error !== null}>
+                            {busy === 'stop' ? 'Stopping…' : 'Stop all managed'}
+                        </button>
+                    </div>
+                    <p className="process-control-hint">Adopt/recover reconnects known managed process records.</p>
+                </div>
+            </details>
         </section>
     );
 }

package/public/manager/src/components/instance-overview.css

@@ -0,0 +1,97 @@
+.workbench-overview > .workbench-header {
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    min-height: var(--workspace-topbar-height);
+    padding: 12px;
+}
+.workbench-overview .workbench-header .detail-header {
+    display: flex;
+    flex: 1 1 520px;
+    min-width: 0;
+    align-items: center;
+    flex-wrap: wrap;
+    border: 0;
+    padding: 0;
+}
+.workbench-overview .workbench-header .detail-header > div:first-child { flex: 1 1 180px; }
+.workbench-overview .workbench-header .detail-header-actions { flex-wrap: wrap; }
+.workbench-overview .workbench-mode-bar { margin-left: auto; }
+.instance-overview {
+    width: 100%;
+    min-height: 0;
+    overflow: auto;
+    padding: clamp(16px, 3vw, 32px);
+    container-type: inline-size;
+}
+.instance-overview > * {
+    max-width: 1040px;
+    margin-inline: auto;
+}
+.overview-instance { margin-bottom: 28px; }
+.overview-status-line,
+.overview-status-heading { display: flex; align-items: center; gap: 14px; }
+.overview-status-line {
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding-bottom: 20px;
+    border-bottom: 1px solid var(--border-subtle);
+}
+.overview-status {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 16px;
+    font-weight: 600;
+    text-transform: capitalize;
+}
+.overview-status > span {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--status-idle);
+}
+.overview-status.is-online > span { background: var(--status-success); }
+.overview-status.is-error > span { background: var(--status-error); }
+.overview-status.is-timeout > span { background: var(--status-warn); }
+.overview-port { color: var(--text-secondary); font-family: var(--font-mono); font-size: 13px; }
+.overview-checked { color: var(--text-secondary); font-size: 12px; }
+.overview-unavailable { color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
+.overview-sections { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
+.instance-overview h3 { margin: 0 0 14px; font-size: 13px; font-weight: 600; }
+.overview-sections > section { min-width: 0; padding-block: 22px; }
+.overview-properties { margin: 0; display: grid; gap: 13px; }
+.overview-properties > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; font-size: 13px; line-height: 1.5; }
+.overview-properties dt { color: var(--text-secondary); }
+.overview-properties dd { margin: 0; overflow-wrap: anywhere; }
+.overview-mono { font-family: var(--font-mono); font-size: 12px; }
+.overview-project { padding-block: 18px; border-top: 1px solid var(--border-subtle); }
+.overview-project ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
+.overview-project li { overflow-wrap: anywhere; line-height: 1.6; }
+.overview-project p,
+.overview-no-selection p { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.6; }
+.overview-diagnostics { border-top: 1px solid var(--border-subtle); }
+.overview-diagnostics summary { padding-block: 14px; color: var(--text-secondary); cursor: pointer; font-size: 12px; }
+.overview-diagnostics summary:hover { color: var(--text-primary); }
+.overview-diagnostics summary:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
+.overview-diagnostics .overview-properties { padding-block: 4px 16px; }
+.overview-diagnostics .overview-properties > div { grid-template-columns: 128px minmax(0, 1fr); }
+.overview-no-selection { padding-block: 20px 32px; }
+@container (max-width: 640px) {
+    .overview-sections { grid-template-columns: minmax(0, 1fr); gap: 0; }
+    .overview-sections > section + section { border-top: 1px solid var(--border-subtle); }
+}
+@container (max-width: 360px) {
+    .overview-properties > div { grid-template-columns: 80px minmax(0, 1fr); gap: 8px; }
+    .overview-diagnostics .overview-properties > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
+}
+@media (max-width: 480px) {
+    .workbench-overview .workbench-header .detail-header { align-items: stretch; flex-direction: column; }
+    .workbench-overview .workbench-header .detail-header > div:first-child { flex-basis: auto; }
+    .workbench-overview .workbench-mode-bar { margin-left: 0; }
+    .workbench-overview .workbench-header .detail-header-actions { justify-content: flex-start; }
+    .workbench-overview .workbench-header .detail-header button,
+    .workbench-overview .workbench-header .detail-header .open-link,
+    .workbench-overview .workbench-mode-tabs button { min-height: 44px; height: auto; }
+    .overview-diagnostics summary { min-height: 44px; }
+}

package/public/manager/src/components/process-control.css

@@ -0,0 +1,128 @@
+.process-control-panel {
+    min-width: 0;
+    border: 1px solid var(--border-subtle);
+    border-radius: 8px;
+    background: var(--canvas-mid);
+    color: var(--text-primary);
+    overflow: hidden;
+}
+
+.process-control-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 16px 18px 12px;
+}
+
+.process-control-panel .process-control-heading h3 {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.4;
+}
+
+.process-control-heading p,
+.process-control-count,
+.process-control-empty,
+.process-control-maintenance-body p {
+    margin: 5px 0 0;
+    color: var(--text-secondary);
+    font-size: 12px;
+    line-height: 1.5;
+}
+
+.process-control-header button,
+.process-control-actions button {
+    min-height: 32px;
+    padding: 5px 10px;
+    font: inherit;
+    font-size: 12px;
+    white-space: nowrap;
+}
+
+.process-control-content { padding: 0 18px 14px; }
+.process-control-count { margin: 0 0 10px; }
+.process-control-count span { font-size: 11px; }
+
+.process-control-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 12px;
+    text-align: left;
+}
+
+.process-control-table th,
+.process-control-table td {
+    padding: 9px 10px;
+    border-bottom: 1px solid var(--border-subtle);
+    overflow-wrap: anywhere;
+}
+
+.process-control-table thead th {
+    padding-top: 0;
+    color: var(--text-secondary);
+    font-size: 11px;
+    font-weight: 500;
+}
+
+.process-control-table tbody th,
+.process-control-table tbody td:nth-child(2) {
+    font-variant-numeric: tabular-nums;
+}
+
+.process-control-table tbody th { font-weight: 600; }
+.process-control-table tbody td { color: var(--text-secondary); }
+.process-control-table tr:last-child > * { border-bottom: 0; }
+.process-control-table thead tr > * { border-bottom: 1px solid var(--border-subtle); }
+.process-control-table tr > :first-child { padding-left: 0; }
+.process-control-table tr > :last-child { padding-right: 0; }
+
+.process-control-feedback:not(:empty),
+.process-control-error {
+    margin: 0;
+    padding: 0 18px 14px;
+    color: var(--text-secondary);
+    font-size: 12px;
+    line-height: 1.5;
+    overflow-wrap: anywhere;
+}
+
+.process-control-error { color: var(--status-error); }
+.process-control-maintenance { border-top: 1px solid var(--border-subtle); }
+.process-control-maintenance summary {
+    padding: 12px 18px;
+    cursor: pointer;
+    color: var(--text-secondary);
+    font-size: 12px;
+    font-weight: 500;
+}
+.process-control-maintenance summary:hover { color: var(--text-primary); }
+.process-control-maintenance-body { padding: 0 18px 16px; }
+.process-control-maintenance-body p { margin-top: 0; }
+.process-control-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 8px; }
+.process-control-actions .process-control-stop { color: var(--status-error); }
+.process-control-panel button:disabled { cursor: not-allowed; opacity: 0.5; }
+.process-control-panel button:focus-visible,
+.process-control-maintenance summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+
+.process-control-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+}
+
+@media (max-width: 480px) {
+    .process-control-header button, .process-control-actions button, .process-control-maintenance summary { min-height: 44px; }
+    .process-control-header { gap: 10px; padding: 14px 12px 10px; }
+    .process-control-content { padding: 0 12px 12px; }
+    .process-control-feedback:not(:empty), .process-control-error { padding-inline: 12px; }
+    .process-control-maintenance summary { padding: 12px; }
+    .process-control-maintenance-body { padding: 0 12px 14px; }
+    .process-control-table th, .process-control-table td { padding-inline: 6px; }
+}

package/public/manager/src/manager-components.css

@@ -885,29 +885,12 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     overflow: auto;
     padding: 12px;
 }
-.overview-grid {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: 10px;
-}
-.overview-grid > div, .metric, .detail-empty {
+.metric, .detail-empty {
     border: 1px solid var(--border-subtle);
     background: var(--canvas-mid);
     border-radius: 8px;
     padding: 11px;
 }
-.overview-grid span {
-    display: block;
-    color: var(--text-secondary);
-    font-size: 11px;
-}
-.overview-grid strong {
-    display: block;
-    margin-top: 6px;
-    overflow-wrap: anywhere;
-    font-size: 14px;
-    font-weight: 500;
-}
 /* ─── Logs Panel ──────────────────────────────── */
 .logs-panel {
     display: flex;
@@ -984,64 +967,6 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     min-width: 0;
 }
 
-.process-control-panel {
-    margin-top: 12px;
-    border: 1px solid var(--border-subtle);
-    background: var(--canvas-mid);
-    border-radius: 8px;
-    padding: 11px;
-}
-.process-control-header,
-.process-control-actions,
-.process-control-row {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-.process-control-header {
-    justify-content: space-between;
-}
-.process-control-header span,
-.process-control-list p,
-.process-control-message {
-    color: var(--text-secondary);
-    font-size: 11px;
-}
-.process-control-header strong {
-    display: block;
-    margin-top: 3px;
-    font-size: 14px;
-}
-.process-control-actions {
-    flex-wrap: wrap;
-    margin-top: 10px;
-}
-.process-control-actions button,
-.process-control-header button {
-    min-height: 28px;
-    padding: 5px 9px;
-    font-size: 12px;
-}
-.process-control-list {
-    display: grid;
-    gap: 6px;
-    margin-top: 10px;
-}
-.process-control-row {
-    min-height: 28px;
-    border: 1px solid var(--border-subtle);
-    border-radius: 6px;
-    padding: 5px 7px;
-}
-.process-control-row span {
-    font-weight: 700;
-}
-.process-control-row strong,
-.process-control-row em {
-    color: var(--text-secondary);
-    font-size: 11px;
-    font-style: normal;
-}
 .preview-panel {
     position: relative;
     min-height: 100%;

package/public/manager/src/manager-layout.css

@@ -150,7 +150,6 @@
     .dashboard-shell.manager-shell:not(.is-sidebar-collapsed) .manager-workspace.is-side-panel-open {
         --right-panel-width: 50vw;
     }
-    .overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 @media (max-width: 1023px) {
     .dashboard-shell.manager-shell .manager-workspace,
@@ -285,7 +284,6 @@
         overflow-x: auto;
     }
     .workbench-header .workbench-mode-tabs button { flex: 1 0 auto; }
-    .overview-grid { grid-template-columns: 1fr; }
     .workbench-preview .preview-panel {
         gap: 8px;
         padding: 8px 10px;