oh-my-llmwikimode 1.4.0 → 1.5.0

package/docs/design/EOS_CHAT_HOME_IA.md

@@ -10,6 +10,16 @@
 
 The user starts with Chat-first capture: saying what they want so Eos captures that intent as a local review-required artifact, then makes it visible in `Side Review`. Chat does not execute shell commands, providers, agents, wiki promotion, git actions, or background work by itself.
 
+EOS Workspace uses the **Local AI Operating Workbench** shell:
+
+- left app rail for Home, Chat, Side Review, and future evidence/status surfaces.
+- top workspace tabs for keeping multiple work surfaces open while the user compares context.
+- main work area for the active capture, review, or evidence surface.
+- right inspector for artifact metadata, source paths, evidence, and prepared decision details.
+- bottom status strip for Local Only, Review Required, Not Applied, daemon/token state, and harness readiness.
+
+The shell is web-service first. It is not a VS Code extension app, and it does not require a VSIX runtime.
+
 ## 2. Primary promise
 
 Use this product promise when shaping UI copy:
@@ -20,12 +30,16 @@ Tell Eos what you want to prepare. Eos captures it for local review before anyth
 
 ## 3. Required regions
 
-1. **Header rail** - `EOS Workspace`, short local workspace status, and links to `Eos Chat` and `Side Review`.
-2. **Safety strip** - always-visible copy: `Local review workspace. Nothing is applied automatically.`
-3. **Welcome state** - explains chat-first workflow without starter chips.
-4. **Status cards** - wiki status, review queue count, and harness readiness in compact cards.
-5. **Message list** - local acknowledgements only; no execution transcript unless a future approved execution flow exists.
-6. **Composer** - bottom input with a short placeholder and explicit send button.
+1. **Left app rail** - persistent navigation for `EOS Workspace`, `Eos Chat`, and `Side Review`.
+2. **Top workspace tabs** - browser-like open surfaces for Home, Chat, Side Review, and future evidence panels.
+3. **Header rail** - `EOS Workspace`, short local workspace status, and links to `Eos Chat` and `Side Review`.
+4. **Safety strip** - always-visible copy: `Local review workspace. Nothing is applied automatically.`
+5. **Welcome state** - explains chat-first workflow without starter chips.
+6. **Status cards** - wiki status, review queue count, and harness readiness in compact cards.
+7. **Main work area** - local acknowledgements and the active task surface only; no execution transcript unless a future approved execution flow exists.
+8. **Right inspector** - optional artifact, evidence, and prepared decision detail surface.
+9. **Composer** - bottom input with a short placeholder and explicit send button.
+10. **Bottom status strip** - local-only, review-required, Not Applied, and route/auth status.
 
 ## 4. Empty state copy
 
@@ -83,8 +97,9 @@ Do not use these labels in the Eos Chat MVP:
 
 - `GET /chat/` serves the Eos Chat local UI.
 - `GET /chat` redirects to `/chat/`.
-- `GET /workspace/` serves the canonical EOS Workspace Home.
+- `GET /workspace/` serves the canonical operating workbench and EOS Workspace Home.
 - `GET /workspace` redirects to `/workspace/`.
+- `GET /side-review/` serves the review desk for local artifacts, evidence, and prepare-only decision notes.
 - `GET /api/home` remains a read-only home data snapshot.
 - `POST /api/chat/requests` creates a review-required local artifact only.
 
@@ -98,7 +113,9 @@ Do not use these labels in the Eos Chat MVP:
 - Review-required.
 - No hidden execution.
 - No source wiki mutation.
-- No hosted sync.
+- Hosted sync is deferred.
+- Production Discord control is deferred.
+- Marketplace, account, payment, publish, push, and package split work are deferred.
 - No auto-promotion, auto-merge, auto-delete, or auto-push.
 - Browser UI uses self-only CSP, local assets, and text-node rendering.
 
@@ -134,3 +151,18 @@ Required dashboard groups:
 - `System Health` - explains local load errors or confirms local review data is readable.
 
 The Chat home panel may show compact `Next Safe Actions` and `Recent Requests`, but these are navigation/review aids only. They must not become starter chips, execution shortcuts, provider dispatch, or hidden agent controls.
+
+## 13. Workspace completion snapshot - 2026-06-01
+
+`GET /api/home` now includes an `operating_snapshot` read model for the browser workbench.
+
+Stable fields:
+
+- `operating_snapshot.version: 2`
+- `operating_snapshot.shell.motif: Local AI Operating Workbench`
+- `operating_snapshot.shell.regions`: `left_app_rail`, `top_workspace_tabs`, `main_work_area`, `right_inspector`, `bottom_status_strip`
+- `operating_snapshot.route_roles`: `/workspace/` as canonical operating workbench, `/chat/` as compatibility inbox, `/side-review/` as review desk
+- `operating_snapshot.artifact_lifecycle`: capture request -> local artifact -> Side Review card -> prepare-only decision artifact -> future explicit approval flow
+- `review_queue.side_review_decision_recent`: latest prepared decision artifacts for the right inspector/Home summary
+
+The snapshot is a read model only. It must not become an execution queue, approval queue, hosted sync contract, or source wiki mutation path.

package/docs/design/EOS_CHAT_OPERATING_LOOP.md

@@ -10,6 +10,12 @@ EOS Workspace is the browser-first Home. Chat is the inbox. Side Review is the r
 
 The user writes a request through Chat-first capture on `/workspace/` or the compatibility `/chat/` surface. Eos files it as a local review item, adds a deterministic intent hint, and places it on the `Side Review` desk. Nothing is executed or applied just because the request was captured.
 
+The UI motif is a Local AI Operating Workbench:
+
+- `/workspace/` is the canonical operating workbench with the left app rail, top workspace tabs, main work area, right inspector, and bottom status strip.
+- `/chat/` is the compatibility inbox for focused capture.
+- `/side-review/` is the review desk for review-required artifacts, evidence, prepared decisions, and completion reports.
+
 ## 2. Operating loop
 
 ```text
@@ -106,3 +112,17 @@ This slice must not add:
 ## 9. Workspace Home coordination
 
 `/workspace/` is the canonical browser Home for this slice. It exposes `EOS Workspace`, `Chat-first capture`, `Capture for Review`, `Open Chat`, and `Open Side Review` while keeping every output local-only, review-required, and Not Applied.
+
+The review-required artifact lifecycle remains capture request -> local artifact -> Side Review card -> prepare-only decision artifact -> future explicit approval flow. Hosted sync and production Discord control are deferred; marketplace, package split, publish, push, hidden execution, and source wiki mutation stay out of scope.
+
+## 10. Completion proof - 2026-06-01
+
+The operating loop is now verified as a browser-first product slice:
+
+- A request can be captured through the local HTTP/browser flow and surfaced as Home queue pressure.
+- The captured request appears in Side Review with evidence and safe prepare-only actions.
+- Preparing a decision writes `.system/eos/side-review/decisions/{id}.json` and Home shows it as a recent prepared decision.
+- Source markdown checksums remain unchanged; only `.system/eos` review artifacts are written.
+- Chrome desktop/mobile evidence confirms the workspace shell and route-specific surfaces render as nonblank local pages.
+
+Completion evidence lives under `.omo/ulw-loop/evidence/eos-workspace-completion-20260601/`.

package/docs/design/EOS_DESIGN.md

@@ -22,6 +22,22 @@ Eos is **not** a cloud assistant surface, marketing landing page, autonomous exe
 
 The interface should feel like a trustworthy local cockpit where conversation opens separate work panels, not a generic chatbot SaaS clone or button-heavy dashboard.
 
+**Local AI Operating Workbench** is the browser-service shell motif for EOS Workspace. It borrows the familiar shape of operating tools without turning EOS into a VS Code extension:
+
+- left app rail: persistent navigation for Workspace Home, Chat, Side Review, future evidence views, and status surfaces.
+- top workspace tabs: multiple open work surfaces can be kept visible like browser or IDE tabs.
+- main work area: the active surface owns the center of the screen and carries the primary task.
+- right inspector: optional evidence, artifact metadata, source path, decision detail, and review context.
+- bottom status strip: local-only state, review-required mode, Not Applied state, harness readiness, and route/auth status.
+
+Route roles stay explicit:
+
+- `/workspace/` is the canonical operating workbench and default browser Home.
+- `/chat/` is the compatibility inbox and focused capture surface.
+- `/side-review/` is the review desk for artifacts, evidence, prepared decisions, and completion reports.
+
+The review-required artifact lifecycle is: capture request -> local artifact -> Side Review card -> prepare-only decision artifact -> future explicit approval flow. Hosted sync, production Discord control, marketplace work, package split, publish, push, real execution, and automatic mutation are deferred until separate specs authorize them.
+
 Compatibility note: the VS Code extension design gate still tracks the earlier `Dawn Control Room` metaphor and the Korean chat prompt `무엇을 맡길까요?`. Treat both as compatible markers for the same calm, chat-first local command center direction, not as permission to add a dashboard-first or execution-first surface.
 
 ## Primary Surfaces for This Slice
@@ -298,3 +314,28 @@ Verification anchors:
 - `test/eos/home-data.test.js`
 - `test/eos/side-review-routes.test.js`
 - `test/eos/workspace-boundary-side-review-view-model.test.js`
+
+## Implemented EOS Workspace Completion Slice - 2026-06-01
+
+The EOS Workspace completion slice turns `/workspace/` into the canonical browser-first operating workbench.
+
+What changed:
+
+- `GET /api/home` now exposes operating snapshot v2 with the `Local AI Operating Workbench` motif, route roles, artifact lifecycle, recent chat requests, and recent prepared Side Review decisions.
+- `/workspace/` now renders the shell regions directly: left app rail, top workspace tabs, main work area, right inspector, and bottom status strip.
+- Chat capture remains available from `/workspace/` and `/chat/`; both routes create review-required local artifacts only.
+- Prepared Side Review decisions are visible from Home/Workspace as local review-required artifacts.
+- Desktop and mobile Chrome evidence is captured under `.omo/ulw-loop/evidence/eos-workspace-completion-20260601/`.
+
+Boundary:
+
+- The slice remains web-service first, not a VS Code extension.
+- It does not add hosted sync, production Discord control, marketplace/account/payment features, package splitting, npm publish, auto-apply, auto-promotion, auto-merge/delete, auto-push, hidden execution, or source wiki mutation.
+
+Verification anchors:
+
+- `test/eos/home-data.test.js`
+- `test/eos/workspace-home-routes.test.js`
+- `test/eos/uiux-product-shape.test.js`
+- `npm run test:eos`
+- `npm run verify:eos-workspace-completion`

package/docs/design/EOS_SIDE_REVIEW_IA.md

@@ -8,6 +8,8 @@
 
 `Side Review` is the companion window for looking at structured material while `EOS Workspace` at `/workspace/` remains the browser-first Home and `Eos Chat` remains the compatibility capture surface.
 
+In the Local AI Operating Workbench shell, `/side-review/` is the review desk. It can be opened from the left app rail or held as a top workspace tab while the main work area stays on Chat or Home. Its cards may feed the right inspector with artifact paths, evidence, and prepared decision detail, while the bottom status strip continues to show Local Only, Review Required, and Not Applied state.
+
 It answers five questions:
 
 1. What is waiting?
@@ -356,3 +358,21 @@ The UI and API may summarize these proof fields, but must not convert them into
 ### Future boundary
 
 Real approval execution, source wiki mutation, promotion, merge, delete, push, release, npm publish, hosted sync, and Discord runtime control require a separate explicit product spec and are not part of this MVP.
+
+## 13. Workspace completion integration - 2026-06-01
+
+`Side Review` is now part of the EOS operating workbench loop rather than a standalone browser surface.
+
+Integration contract:
+
+- `/workspace/` links to Side Review as the review desk in the left app rail and top workspace tabs.
+- Prepared decision artifacts remain in `.system/eos/side-review/decisions/` and are summarized by Home through `review_queue.side_review_decision_recent`.
+- The Workspace right inspector may summarize recent prepared decisions, but it must not expose execution, approval, promotion, merge, delete, push, or source mutation controls.
+- The decision artifact lifecycle remains prepare-only until a future explicit approval flow is specified and separately verified.
+
+Verification anchors:
+
+- `test/eos/home-data.test.js`
+- `test/eos/side-review-routes.test.js`
+- `test/eos/workspace-home-routes.test.js`
+- `test/eos/uiux-product-shape.test.js`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oh-my-llmwikimode",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "LLM Wiki plugin for OpenCode ??auto-memory, retrieval, and knowledge promotion",
   "type": "module",
   "main": "./src/server.js",
@@ -29,6 +29,7 @@
     "test:security": "node --test test/security.test.js",
     "test:eos": "node --test test/eos/**/*.test.js",
     "verify:eos-workspace-product": "npm run test:eos && npm run verify:eos-boundary-policy && npm run verify:eos-boundary && npm run eos:a11y-snapshot -- --json",
+    "verify:eos-workspace-completion": "node scripts/verify-eos-workspace-completion.js",
     "verify:package": "node test/verify-package.test.js",
     "verify:docs": "node test/verify-docs.test.js",
     "verify:side-effects": "node scripts/side-effect-audit.js",

package/src/eos/chat/static/styles.css

@@ -70,7 +70,7 @@ body {
   color: var(--eos-accent);
   font-size: 0.78rem;
   font-weight: 700;
-  letter-spacing: 0.08em;
+  letter-spacing: 0;
   text-transform: uppercase;
 }
 

package/src/eos/home.js

@@ -11,6 +11,27 @@ import {
 } from "../llmwiki/eos-adapter.js";
 import { classifyChatIntent } from "./chat/intent-hints.js";
 
+const OPERATING_SNAPSHOT_VERSION = 2;
+const WORKSPACE_SHELL_REGIONS = Object.freeze([
+  Object.freeze({ id: "left_app_rail", label: "Left app rail", role: "persistent_navigation" }),
+  Object.freeze({ id: "top_workspace_tabs", label: "Top workspace tabs", role: "workspace_context" }),
+  Object.freeze({ id: "main_work_area", label: "Main work area", role: "primary_task_surface" }),
+  Object.freeze({ id: "right_inspector", label: "Right inspector", role: "evidence_and_detail" }),
+  Object.freeze({ id: "bottom_status_strip", label: "Bottom status strip", role: "local_safety_status" }),
+]);
+const ROUTE_ROLES = Object.freeze({
+  workspace: "canonical_operating_workbench",
+  chat: "compatibility_inbox",
+  side_review: "review_desk",
+});
+const ARTIFACT_LIFECYCLE = Object.freeze([
+  "capture_request",
+  "local_artifact",
+  "side_review_card",
+  "prepare_only_decision_artifact",
+  "future_explicit_approval_flow",
+]);
+
 function readJson(filePath, fallback = {}) {
   try {
     return JSON.parse(fs.readFileSync(filePath, "utf-8"));
@@ -44,6 +65,8 @@ function buildReviewQueue(wikiRoot) {
   const graphInsightCount = safeCount(graphReasoning.summary?.insight_count ?? graphReasoning.insights?.length);
   const chatRequests = summarizeChatRequestsForHome(wikiRoot);
   const chatRequestCount = chatRequests.total;
+  const sideReviewDecisions = summarizeSideReviewDecisionsForHome(wikiRoot);
+  const sideReviewDecisionCount = sideReviewDecisions.total;
 
   return {
     curator_queue_count: curatorQueueCount,
@@ -54,7 +77,15 @@ function buildReviewQueue(wikiRoot) {
     chat_request_intent_counts: chatRequests.intent_counts,
     chat_request_recent: chatRequests.recent,
     chat_request_load_errors: chatRequests.load_errors,
-    total_review_required: curatorQueueCount + curatorProposalCount + graphQueueCardCount + graphInsightCount + chatRequestCount,
+    side_review_decision_count: sideReviewDecisionCount,
+    side_review_decision_recent: sideReviewDecisions.recent,
+    side_review_decision_load_errors: sideReviewDecisions.load_errors,
+    total_review_required: curatorQueueCount
+      + curatorProposalCount
+      + graphQueueCardCount
+      + graphInsightCount
+      + chatRequestCount
+      + sideReviewDecisionCount,
   };
 }
 
@@ -148,6 +179,13 @@ function buildWorkspaceHome() {
   return {
     title: "EOS Workspace",
     route: "/workspace/",
+    operating_snapshot_version: OPERATING_SNAPSHOT_VERSION,
+    shell: {
+      motif: "Local AI Operating Workbench",
+      regions: WORKSPACE_SHELL_REGIONS,
+    },
+    route_roles: ROUTE_ROLES,
+    artifact_lifecycle: ARTIFACT_LIFECYCLE,
     primary_surface: "chat_capture",
     companion_surface: "side_review",
     capture_endpoint: "/api/chat/requests",
@@ -184,6 +222,48 @@ function buildWorkspaceHome() {
   };
 }
 
+function summarizeSideReviewDecisionsForHome(wikiRoot) {
+  const recent = [];
+  const loadErrors = [];
+  let entries;
+  const decisionsDir = path.join(wikiRoot, ".system", "eos", "side-review", "decisions");
+  try {
+    entries = fs.readdirSync(decisionsDir, { withFileTypes: true });
+  } catch (error) {
+    if (error?.code === "ENOENT") {
+      return { total: 0, recent: [], load_errors: [] };
+    }
+    throw error;
+  }
+
+  for (const entry of entries) {
+    if (!entry.isFile() || !entry.name.endsWith(".json")) continue;
+    try {
+      const filePath = path.join(decisionsDir, entry.name);
+      const artifact = JSON.parse(fs.readFileSync(filePath, "utf-8"));
+      if (artifact?.type !== "eos_side_review_decision" || artifact?.status !== "review_required") continue;
+      recent.push({
+        id: artifact.id,
+        card_id: artifact.card_id,
+        decision: artifact.decision,
+        decision_label: artifact.decision_label || artifact.decision || "review decision",
+        status: artifact.status,
+        artifact_path: artifact.artifact_path,
+        source_artifact_path: artifact.source_artifact_path || null,
+        source_path: artifact.source_path || null,
+        created_at: artifact.created_at || null,
+      });
+    } catch (error) {
+      loadErrors.push({
+        path: path.posix.join(".system", "eos", "side-review", "decisions", entry.name),
+        error: error instanceof Error ? error.message : String(error),
+      });
+    }
+  }
+  recent.sort((left, right) => String(right.created_at || "").localeCompare(String(left.created_at || "")) || String(left.id).localeCompare(String(right.id)));
+  return { total: recent.length, recent: recent.slice(0, 5), load_errors: loadErrors };
+}
+
 function summarizeChatRequestsForHome(wikiRoot) {
   const counts = {
     knowledge_request: 0,
@@ -323,6 +403,7 @@ export function buildEosHomeData(wikiRoot, config = {}, options = {}) {
   const reviewQueue = buildReviewQueue(wikiRoot);
   const librarian = buildLibrarianState(wikiRoot, config, options);
   const nextSafeActions = buildNextSafeActions(reviewQueue, librarian);
+  const workspaceHome = buildWorkspaceHome();
 
   return {
     version: 1,
@@ -336,7 +417,20 @@ export function buildEosHomeData(wikiRoot, config = {}, options = {}) {
       recent_entries: Array.isArray(stats.recent_entries) ? stats.recent_entries.slice(0, 8) : [],
     },
     review_queue: reviewQueue,
-    workspace_home: buildWorkspaceHome(),
+    workspace_home: workspaceHome,
+    operating_snapshot: {
+      version: OPERATING_SNAPSHOT_VERSION,
+      shell: workspaceHome.shell,
+      route_roles: workspaceHome.route_roles,
+      artifact_lifecycle: workspaceHome.artifact_lifecycle,
+      recent_requests: reviewQueue.chat_request_recent,
+      recent_decisions: reviewQueue.side_review_decision_recent,
+      safety: {
+        local_only: true,
+        review_required: true,
+        not_applied: true,
+      },
+    },
     librarian,
     command_center: buildCommandCenter(reviewQueue, librarian, nextSafeActions),
     search: {

package/src/eos/side-review/static/styles.css

@@ -93,7 +93,7 @@ textarea {
   color: var(--eos-safe);
   font-size: 0.78rem;
   font-weight: 800;
-  letter-spacing: 0.16em;
+  letter-spacing: 0;
   text-transform: uppercase;
 }
 
@@ -106,7 +106,7 @@ h1 {
   margin-bottom: 16px;
   font-size: clamp(2.4rem, 7vw, 5.4rem);
   line-height: 0.92;
-  letter-spacing: -0.06em;
+  letter-spacing: 0;
 }
 
 .lede {
@@ -356,7 +356,7 @@ code {
   color: var(--eos-muted);
   font-size: 0.78rem;
   font-weight: 800;
-  letter-spacing: 0.08em;
+  letter-spacing: 0;
   text-transform: uppercase;
 }
 
@@ -462,7 +462,7 @@ textarea {
   h1 {
     font-size: clamp(2rem, 11vw, 2.8rem);
     line-height: 1.02;
-    letter-spacing: -0.045em;
+    letter-spacing: 0;
   }
 
   .lede {

package/src/eos/workspace/static/app.js

@@ -13,6 +13,7 @@ const elements = {
   reviewCount: document.querySelector("#review-count"),
   intentSummary: document.querySelector("#intent-summary"),
   healthSummary: document.querySelector("#health-summary"),
+  decisionSummary: document.querySelector("#decision-summary"),
 };
 
 function setText(node, value) {
@@ -54,6 +55,14 @@ function formatIntentSummary(counts = {}) {
   return visible.map(([label, count]) => `${label} ${count}`).join(" / ");
 }
 
+function formatDecisionSummary(decisions = []) {
+  if (!Array.isArray(decisions) || decisions.length === 0) return "No prepared decisions yet";
+  const first = decisions[0];
+  const decision = first.decision_label || first.decision || "review decision";
+  const suffix = decisions.length === 1 ? "decision" : "decisions";
+  return `${decisions.length} prepared ${suffix}; latest is ${decision}.`;
+}
+
 function appendCaptureResult(result) {
   if (!elements.resultList) return;
   if (elements.resultEmpty) elements.resultEmpty.hidden = true;
@@ -96,11 +105,13 @@ async function loadHome() {
     setText(elements.reviewCount, `${queue.total_review_required ?? 0} waiting`);
     setText(elements.intentSummary, formatIntentSummary(queue.chat_request_intent_counts));
     setText(elements.healthSummary, health);
+    setText(elements.decisionSummary, formatDecisionSummary(queue.side_review_decision_recent));
   } catch {
     setText(elements.wikiCount, "Unavailable");
     setText(elements.reviewCount, "Check local server");
     setText(elements.intentSummary, "Unavailable");
     setText(elements.healthSummary, "Home data is unavailable. Nothing was applied.");
+    setText(elements.decisionSummary, "Prepared decisions are unavailable.");
   } finally {
     setLoadingHome(false);
   }

package/src/eos/workspace/static/index.html

@@ -8,57 +8,88 @@
 </head>
 <body>
   <a class="skip-link" href="#workspace-content">Skip to EOS Workspace content</a>
-  <main id="workspace-content" class="workspace-shell" aria-labelledby="workspace-title">
-    <header class="top-row">
-      <div>
-        <p class="eyebrow">Chat-first capture</p>
-        <h1 id="workspace-title">EOS Workspace</h1>
-        <p class="subtitle">Capture requests to local review artifacts before any source updates.</p>
-      </div>
-      <nav aria-label="Workspace navigation">
-        <a class="nav-link" href="/chat/">Open Chat</a>
-        <a class="nav-link" href="/side-review/">Open Side Review</a>
+  <div class="operating-workbench">
+    <aside class="app-rail" aria-label="Left app rail">
+      <p class="rail-title">Left app rail</p>
+      <a class="rail-link is-active" href="/workspace/" aria-current="page">Workspace</a>
+      <a class="rail-link" href="/chat/">Chat</a>
+      <a class="rail-link" href="/side-review/">Side Review</a>
+    </aside>
+
+    <div class="workspace-frame">
+      <nav class="workspace-tabs" aria-label="Top workspace tabs">
+        <span class="tab is-active">Top workspace tabs</span>
+        <a class="tab" href="/chat/">Chat Capture</a>
+        <a class="tab" href="/side-review/">Side Review</a>
       </nav>
-    </header>
 
-    <section class="safety-strip" aria-label="Safety contract">
-      <span>Local Only</span>
-      <span>Review Required</span>
-      <span>Not Applied</span>
-      <strong>Local artifact capture only. Nothing was applied.</strong>
-    </section>
+      <main id="workspace-content" class="workspace-shell main-work-area" aria-labelledby="workspace-title">
+        <header class="top-row">
+          <div>
+            <p class="eyebrow">Chat-first capture / Main work area</p>
+            <h1 id="workspace-title">EOS Workspace</h1>
+            <p class="subtitle">Capture requests to local review artifacts before any source updates.</p>
+          </div>
+          <nav aria-label="Workspace navigation">
+            <a class="nav-link" href="/chat/">Open Chat</a>
+            <a class="nav-link" href="/side-review/">Open Side Review</a>
+          </nav>
+        </header>
+
+        <section class="safety-strip" aria-label="Safety contract">
+          <span>Local Only</span>
+          <span>Review Required</span>
+          <span>Not Applied</span>
+          <strong>Local artifact capture only. Nothing was applied.</strong>
+        </section>
+
+        <section class="status-grid" id="status-grid" aria-busy="true" aria-label="Workspace status">
+          <article>
+            <p class="label">Wiki Entries</p>
+            <strong id="wiki-count">Loading...</strong>
+          </article>
+          <article>
+            <p class="label">Review Queue</p>
+            <strong id="review-count">Loading...</strong>
+          </article>
+          <article>
+            <p class="label">Intent Summary</p>
+            <strong id="intent-summary">Loading...</strong>
+          </article>
+          <article>
+            <p class="label">Local Health</p>
+            <strong id="health-summary">Loading...</strong>
+          </article>
+        </section>
+
+        <form id="capture-form" class="capture-form" aria-label="Capture request for local review">
+          <label for="request-input">Request</label>
+          <textarea id="request-input" name="message" rows="4" maxlength="8000" required placeholder="Tell EOS what to prepare for review."></textarea>
+          <button type="submit">Capture for Review</button>
+          <p class="help-text">Captured requests remain review-required until you inspect them in Side Review.</p>
+        </form>
 
-    <section class="status-grid" id="status-grid" aria-busy="true" aria-label="Workspace status">
-      <article>
-        <p class="label">Wiki Entries</p>
-        <strong id="wiki-count">Loading...</strong>
-      </article>
-      <article>
-        <p class="label">Review Queue</p>
-        <strong id="review-count">Loading...</strong>
-      </article>
-      <article>
-        <p class="label">Intent Summary</p>
-        <strong id="intent-summary">Loading...</strong>
-      </article>
-      <article>
-        <p class="label">Local Health</p>
-        <strong id="health-summary">Loading...</strong>
-      </article>
-    </section>
+        <section class="result-panel" aria-live="polite" aria-label="Capture results">
+          <p id="result-empty" class="muted">No captured requests in this browser session.</p>
+          <ol id="result-list" class="result-list"></ol>
+        </section>
+      </main>
 
-    <form id="capture-form" class="capture-form" aria-label="Capture request for local review">
-      <label for="request-input">Request</label>
-      <textarea id="request-input" name="message" rows="4" maxlength="8000" required placeholder="Tell EOS what to prepare for review."></textarea>
-      <button type="submit">Capture for Review</button>
-      <p class="help-text">Captured requests remain review-required until you inspect them in Side Review.</p>
-    </form>
+      <aside class="right-inspector" aria-label="Right inspector">
+        <p class="eyebrow">Right inspector</p>
+        <h2>Prepared Decisions</h2>
+        <p id="decision-summary">No prepared decisions yet.</p>
+        <p class="muted">Decision artifacts stay local and review-required until an explicit approval flow exists.</p>
+      </aside>
 
-    <section class="result-panel" aria-live="polite" aria-label="Capture results">
-      <p id="result-empty" class="muted">No captured requests in this browser session.</p>
-      <ol id="result-list" class="result-list"></ol>
-    </section>
-  </main>
+      <footer class="bottom-status" aria-label="Bottom status strip">
+        <span>Bottom status strip</span>
+        <span>Local Only</span>
+        <span>Review Required</span>
+        <span>Not Applied</span>
+      </footer>
+    </div>
+  </div>
   <script src="/workspace/app.js" defer></script>
 </body>
 </html>

package/src/eos/workspace/static/styles.css

@@ -23,6 +23,83 @@ body {
   background: linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 90%, transparent), var(--bg));
 }
 
+.operating-workbench {
+  min-height: 100vh;
+  display: grid;
+  grid-template-columns: 184px minmax(0, 1fr);
+}
+
+.app-rail {
+  min-width: 0;
+  padding: 18px 12px;
+  border-right: 1px solid var(--border);
+  background: color-mix(in srgb, var(--bg) 82%, black);
+}
+
+.rail-title {
+  margin: 0 0 14px;
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 800;
+  text-transform: uppercase;
+}
+
+.rail-link {
+  display: flex;
+  align-items: center;
+  min-height: 36px;
+  margin-bottom: 6px;
+  padding: 8px 10px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  color: var(--text);
+  font-weight: 700;
+  text-decoration: none;
+}
+
+.rail-link.is-active,
+.rail-link:focus-visible,
+.rail-link:hover {
+  border-color: color-mix(in srgb, var(--accent) 48%, var(--border));
+  background: color-mix(in srgb, var(--accent) 14%, var(--surface-soft));
+}
+
+.workspace-frame {
+  min-width: 0;
+  min-height: 100vh;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(240px, 288px);
+  grid-template-rows: auto minmax(0, 1fr) auto;
+}
+
+.workspace-tabs {
+  grid-column: 1 / -1;
+  min-width: 0;
+  display: flex;
+  align-items: end;
+  gap: 6px;
+  padding: 10px 14px 0;
+  border-bottom: 1px solid var(--border);
+  background: color-mix(in srgb, var(--surface-soft) 88%, transparent);
+}
+
+.tab {
+  min-height: 36px;
+  padding: 9px 12px;
+  border: 1px solid transparent;
+  border-bottom: 0;
+  border-radius: 8px 8px 0 0;
+  color: var(--muted);
+  font-weight: 800;
+  text-decoration: none;
+}
+
+.tab.is-active {
+  color: var(--text);
+  border-color: var(--border);
+  background: var(--surface);
+}
+
 .skip-link {
   position: absolute;
   top: 12px;
@@ -41,18 +118,58 @@ body {
 }
 
 .workspace-shell {
-  width: min(980px, calc(100vw - 28px));
-  margin: 0 auto;
-  min-height: 100vh;
-  padding: 24px 0 32px;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
+  padding: 18px;
   display: grid;
   gap: 14px;
+  align-content: start;
 }
 
 .workspace-shell > * {
   min-width: 0;
 }
 
+.main-work-area {
+  background: color-mix(in srgb, var(--bg) 54%, transparent);
+}
+
+.right-inspector {
+  min-width: 0;
+  padding: 18px 14px;
+  border-left: 1px solid var(--border);
+  background: color-mix(in srgb, var(--surface-soft) 76%, transparent);
+}
+
+.right-inspector h2 {
+  margin: 0 0 10px;
+  font-size: 1.05rem;
+  line-height: 1.2;
+}
+
+.bottom-status {
+  grid-column: 1 / -1;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  padding: 8px 14px;
+  border-top: 1px solid var(--border);
+  color: var(--muted);
+  background: color-mix(in srgb, var(--bg) 82%, black);
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.bottom-status span:not(:first-child) {
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 3px 8px;
+  color: var(--warning);
+}
+
 .top-row,
 .status-grid article,
 .capture-form,
@@ -77,7 +194,7 @@ body {
   text-transform: uppercase;
   font-size: 0.76rem;
   font-weight: 700;
-  letter-spacing: 0.06em;
+  letter-spacing: 0;
 }
 
 h1,
@@ -217,6 +334,38 @@ button:disabled {
 }
 
 @media (max-width: 820px) {
+  .operating-workbench {
+    grid-template-columns: 1fr;
+  }
+
+  .app-rail {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    align-items: center;
+    padding: 10px 12px;
+    border-right: 0;
+    border-bottom: 1px solid var(--border);
+  }
+
+  .rail-title {
+    flex: 1 0 100%;
+    margin: 0;
+  }
+
+  .rail-link {
+    margin-bottom: 0;
+  }
+
+  .workspace-frame {
+    grid-template-columns: 1fr;
+  }
+
+  .right-inspector {
+    border-left: 0;
+    border-top: 1px solid var(--border);
+  }
+
   .top-row {
     display: grid;
   }
@@ -228,8 +377,16 @@ button:disabled {
 
 @media (max-width: 560px) {
   .workspace-shell {
-    width: min(100% - 16px, 980px);
-    padding: 18px 0 24px;
+    padding: 12px;
+  }
+
+  .workspace-tabs {
+    flex-wrap: wrap;
+    overflow-x: visible;
+  }
+
+  .tab {
+    white-space: normal;
   }
 
   .status-grid {
@@ -254,6 +411,12 @@ button:disabled {
   .result-panel,
   .result-item,
   .safety-strip,
+  .app-rail,
+  .rail-link,
+  .workspace-tabs,
+  .tab,
+  .right-inspector,
+  .bottom-status,
   textarea,
   button,
   .nav-link {