From 4a276b0af01332f95a8a20dc23458e554403ac8a Mon Sep 17 00:00:00 2001
From: Hare <kei.hiracchi.0928@gmail.com>
Date: Fri, 21 Aug 2026 18:34:40 +0900
Subject: [PATCH] fix: scope console and workspace shell widths

---
 .../console/worker-console.ui.test.ts         | 20 +++++++++++++++++++
 web/workspace/src/routes/+layout.svelte       |  2 +-
 .../workers/[workerId]/console/+page.svelte   |  6 ++++++
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts b/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts
index 89f172fe..009cce36 100644
--- a/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts
+++ b/web/workspace/src/lib/workspace/console/worker-console.ui.test.ts
@@ -357,6 +357,26 @@ Deno.test("Worker Console uses protocol observation events without transcript fe
   );
 });
 
+Deno.test("Worker Console owns its narrower centered shell width", async () => {
+  const page = await Deno.readTextFile(
+    new URL(
+      "./../../../routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte",
+      import.meta.url,
+    ),
+  );
+  const rootLayout = await Deno.readTextFile(
+    new URL("./../../../routes/+layout.svelte", import.meta.url),
+  );
+
+  assert(
+    page.includes(".console-shell {") &&
+      page.includes("max-width: 920px;") &&
+      page.includes("margin-inline: auto;") &&
+      rootLayout.includes("max-width: 1280px;"),
+    "Root content should allow 1280px while Worker Console remains centered at 920px",
+  );
+});
+
 Deno.test("Worker Console overview activity summaries use 14px text", async () => {
   const consoleLine = await Deno.readTextFile(
     new URL("./ConsoleLineItem.svelte", import.meta.url),
diff --git a/web/workspace/src/routes/+layout.svelte b/web/workspace/src/routes/+layout.svelte
index c8b1cbf1..75d9ee6d 100644
--- a/web/workspace/src/routes/+layout.svelte
+++ b/web/workspace/src/routes/+layout.svelte
@@ -127,7 +127,7 @@
     min-width: 0;
     min-height: 0;
     width: 100%;
-    max-width: 920px;
+    max-width: 1280px;
     margin-inline: auto;
     overflow-y: auto;
     padding: var(--space-6);
diff --git a/web/workspace/src/routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte b/web/workspace/src/routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte
index c62eaa01..e459f0eb 100644
--- a/web/workspace/src/routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte
+++ b/web/workspace/src/routes/w/[workspaceId]/runtimes/[runtimeId]/workers/[workerId]/console/+page.svelte
@@ -1596,6 +1596,12 @@
 </div>
 
 <style>
+    .console-shell {
+        width: 100%;
+        max-width: 920px;
+        margin-inline: auto;
+    }
+
     .worker-console-shell {
         display: flex;
         flex-direction: column;