Refine premium workbench UX

2026-07-14 05:10:36 +02:00
parent a18fba8c7a
commit a2d9cef986
15 changed files with 1802 additions and 106 deletions
@@ -105,15 +105,23 @@ export function WorkbenchStatusStrip({
      state: exports.length > 0 ? 'ready' : 'waiting',
    },
  ]
+  const readyCount = items.filter((item) => item.state === 'ready').length

  return (
    <section className="workbench-status-strip" aria-label="Workbench readiness">
      <div className="status-strip-header">
        <div>
          <p className="eyebrow">V1 readiness</p>
-          <h2>Workbench status</h2>
+          <h2>
+            <span className="sr-only">Workbench status: </span>
+            {readyCount === items.length ? 'Mol workbench is ready' : 'Mol workbench needs attention'}
+          </h2>
+          <p className="status-next-action">{nextAction(items)}</p>
+        </div>
+        <div className="status-readiness" aria-label={`${readyCount} of ${items.length} workbench stages ready`}>
+          <strong>{readyCount}/{items.length}</strong>
+          <span>stages ready</span>
        </div>
-        <p className="status-next-action">{nextAction(items)}</p>
      </div>
      <div className="status-strip-grid">
        {items.map((item) => (