@oh-story/dsh 0.1.0 → 0.1.2

package/lib/client.js

@@ -24,10 +24,21 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = require("react"), import_react_dom = require("react-dom");
+var import_client = require("@deepseek-ai/dsh-client-runtime/client"), import_react = require("react"), import_react_dom = require("react-dom");
 
 // src/client/file-activity.ts
-var STORY_DIRECTORIES = /* @__PURE__ */ new Set(["\u6B63\u6587", "\u5927\u7EB2", "\u8BBE\u5B9A", "\u8FFD\u8E2A", "\u5BF9\u6807", "\u53C2\u8003\u8D44\u6599"]), DRAMA_DIRECTORIES = /* @__PURE__ */ new Set(["\u8F93\u5165", "\u9879\u76EE\u5F00\u53D1", "\u8BBE\u5B9A\u96C6", "\u5267\u96C6", "\u4EA4\u4ED8", "\u521B\u4F5C\u8005\u51B3\u7B56", "\u5BA1\u67E5"]), EDITABLE_EXTENSION = /\.(?:md|txt|json|jsonl)$/iu;
+var STORY_DIRECTORIES = /* @__PURE__ */ new Set(["\u6B63\u6587", "\u5927\u7EB2", "\u8BBE\u5B9A", "\u8FFD\u8E2A", "\u5BF9\u6807", "\u53C2\u8003\u8D44\u6599"]), DRAMA_DIRECTORIES = /* @__PURE__ */ new Set(["\u8F93\u5165", "\u9879\u76EE\u5F00\u53D1", "\u8BBE\u5B9A\u96C6", "\u5267\u96C6", "\u4EA4\u4ED8", "\u521B\u4F5C\u8005\u51B3\u7B56", "\u5BA1\u67E5"]), EDITABLE_EXTENSION = /\.(?:md|txt|json|jsonl)$/iu, MUTATING_CALLS = /* @__PURE__ */ new Set(["write", "edit", "str_replace_editor", "bash", "run_code", "oh_story_role"]);
+function streamingAssistant(timeline) {
+  for (let turnNumber of timeline.turnOrder.toReversed()) {
+    let turn = timeline.turns.get(turnNumber);
+    if (turn !== void 0)
+      for (let step of turn.steps.toReversed()) {
+        let assistant = step.data.get("assistant-step");
+        if (assistant?.status === "running") return assistant;
+      }
+  }
+  return null;
+}
 function decodeEscape(character) {
   switch (character) {
     case '"':
@@ -80,7 +91,16 @@ function completedString(raw, key) {
   let value = jsonStringPrefix(raw, key);
   return value?.complete === !0 ? value.value : void 0;
 }
-function mutation(name2, callId, argsRaw, stage) {
+function parsedArgs(raw) {
+  try {
+    let value = JSON.parse(raw);
+    return typeof value == "object" && value !== null && !Array.isArray(value) ? value : void 0;
+  } catch {
+    return;
+  }
+}
+function mutationFromArgs(name2, callId, argsRaw, stage) {
+  let complete = parsedArgs(argsRaw);
   if (name2 === "write")
     return {
       callId,
@@ -90,7 +110,8 @@ function mutation(name2, callId, argsRaw, stage) {
       path: jsonStringPrefix(argsRaw, "file_path")?.value,
       operation: "replace-file",
       oldText: void 0,
-      newText: jsonStringPrefix(argsRaw, "content")?.value
+      newText: jsonStringPrefix(argsRaw, "content")?.value,
+      replaceAll: !1
     };
   if (name2 === "edit")
     return {
@@ -101,7 +122,8 @@ function mutation(name2, callId, argsRaw, stage) {
       path: jsonStringPrefix(argsRaw, "file_path")?.value,
       operation: "replace-text",
       oldText: completedString(argsRaw, "old_string"),
-      newText: jsonStringPrefix(argsRaw, "new_string")?.value
+      newText: jsonStringPrefix(argsRaw, "new_string")?.value,
+      replaceAll: complete?.replace_all === !0
     };
   if (name2 !== "str_replace_editor") return;
   let command = completedString(argsRaw, "command");
@@ -115,7 +137,8 @@ function mutation(name2, callId, argsRaw, stage) {
     path,
     operation: "replace-file",
     oldText: void 0,
-    newText: jsonStringPrefix(argsRaw, "file_text")?.value
+    newText: jsonStringPrefix(argsRaw, "file_text")?.value,
+    replaceAll: !1
   } : command === "str_replace" ? {
     callId,
     name: name2,
@@ -124,7 +147,8 @@ function mutation(name2, callId, argsRaw, stage) {
     path,
     operation: "replace-text",
     oldText: completedString(argsRaw, "old_str"),
-    newText: jsonStringPrefix(argsRaw, "new_str")?.value
+    newText: jsonStringPrefix(argsRaw, "new_str")?.value ?? (complete !== void 0 ? "" : void 0),
+    replaceAll: complete?.replace_all === !0
   } : command === "insert" ? {
     callId,
     name: name2,
@@ -133,27 +157,71 @@ function mutation(name2, callId, argsRaw, stage) {
     path,
     operation: "insert-text",
     oldText: void 0,
-    newText: jsonStringPrefix(argsRaw, "new_str")?.value
-  } : { callId, name: name2, argsRaw, stage, path, operation: void 0, oldText: void 0, newText: void 0 };
-}
-function activeFileMutation(partialBlocks, runningCalls) {
-  for (let index = runningCalls.length - 1; index >= 0; index -= 1) {
-    let call = runningCalls[index];
-    if (call === void 0) continue;
-    let value = mutation(call.name, call.callId, call.argsRaw, "running");
-    if (value !== void 0) return value;
+    newText: jsonStringPrefix(argsRaw, "new_str")?.value,
+    replaceAll: !1
+  } : { callId, name: name2, argsRaw, stage, path, operation: void 0, oldText: void 0, newText: void 0, replaceAll: !1 };
+}
+function mutationsFromRunning(call) {
+  let direct = mutationFromArgs(call.name, call.callId, call.argsRaw, "running");
+  if (direct === void 0) return [];
+  let view = call.callView;
+  return view?.card !== "diff" || view.diffs.length === 0 ? [direct] : view.diffs.map((diff, index) => ({
+    ...direct,
+    callId: view.diffs.length === 1 ? call.callId : `${call.callId}:${String(index)}`,
+    path: diff.path,
+    operation: diff.oldText === null ? "replace-file" : "replace-text",
+    oldText: diff.oldText ?? void 0,
+    newText: diff.newText
+  }));
+}
+function visitRunning(blocks, visit) {
+  for (let block of blocks)
+    "kind" in block || visit(block), visitRunning(block.subCalls, visit);
+}
+function fileMutations(runningCalls, partial = null) {
+  let values = [];
+  visitRunning(runningCalls, (call) => {
+    values.push(...mutationsFromRunning(call));
+  });
+  for (let block of partial?.blocks ?? []) {
+    if (block.kind !== "tool-call") continue;
+    let value = mutationFromArgs(block.name, block.callId, block.argsRaw, "streaming");
+    value !== void 0 && !values.some((candidate) => candidate.callId === value.callId) && values.push(value);
   }
-  for (let index = partialBlocks.length - 1; index >= 0; index -= 1) {
-    let block = partialBlocks[index];
-    if (block?.kind !== "tool-call") continue;
-    let value = mutation(block.name, block.callId, block.argsRaw, "streaming");
-    if (value !== void 0) return value;
+  return values;
+}
+function mutatingCallIds(runningCalls) {
+  let ids = /* @__PURE__ */ new Set();
+  return visitRunning(runningCalls, (call) => {
+    MUTATING_CALLS.has(call.name) && ids.add(call.callId);
+  }), ids;
+}
+function settledMutationSignals(block) {
+  let nested = block.subCalls.flatMap(settledMutationSignals);
+  if (!("kind" in block) || block.isError) return nested;
+  let diffs = block.resultView?.card === "diff" ? block.resultView.diffs : block.callView?.card === "diff" ? block.callView.diffs : void 0;
+  if (diffs !== void 0) return [
+    ...diffs.map((diff, index) => `${block.callId}:${String(index)}\0${diff.path}`),
+    ...nested
+  ];
+  if (block.call === null) return nested;
+  let mutation = mutationFromArgs(block.call.name, block.callId, block.call.argsRaw, "running");
+  return mutation?.path === void 0 ? nested : [`${block.callId}\0${mutation.path}`, ...nested];
+}
+function latestSettledMutation(chat) {
+  for (let key of chat.order.toReversed()) {
+    let node = chat.nodes.get(key);
+    if (node?.kind !== "tool-call") continue;
+    let root = node.data.root, signal = root === void 0 ? void 0 : settledMutationSignals(root).at(-1);
+    if (signal !== void 0) return signal;
   }
 }
 function creativeRelativePath(path, cwd) {
   if (path === void 0 || path === "") return;
-  let normalized = path.replaceAll("\\", "/"), root = cwd?.replaceAll("\\", "/").replace(/\/$/u, ""), relative = root !== void 0 && normalized.startsWith(`${root}/`) ? normalized.slice(root.length + 1) : normalized.replace(/^\.\//u, "").replace(/^\//u, ""), [directory2] = relative.split("/", 1);
-  if (!(!(directory2 !== void 0 && (STORY_DIRECTORIES.has(directory2) || DRAMA_DIRECTORIES.has(directory2))) && relative !== "short-drama.json" || !EDITABLE_EXTENSION.test(relative)) && !relative.split("/").some((part) => part === ".." || part === ""))
+  let normalized = path.replaceAll("\\", "/"), root = cwd?.replaceAll("\\", "/").replace(/\/$/u, ""), insideRoot = root !== void 0 && normalized.startsWith(`${root}/`);
+  if ((normalized.startsWith("/") || /^[a-z]:\//iu.test(normalized) || normalized.startsWith("file:")) && !insideRoot) return;
+  let relative = insideRoot ? normalized.slice(root.length + 1) : normalized.replace(/^\.\//u, ""), [directory2] = relative.split("/", 1);
+  if (!(!(directory2 !== void 0 && (STORY_DIRECTORIES.has(directory2) || DRAMA_DIRECTORIES.has(directory2))) && relative !== "short-drama.json" || !EDITABLE_EXTENSION.test(relative)) && !relative.split("/").some((part) => part === ".." || part === "." || part === ""))
     return relative;
 }
 function workbenchModeForPath(path) {
@@ -165,7 +233,8 @@ function workbenchModeForPath(path) {
 function previewMutation(activity, base) {
   if (activity.operation === "replace-file") return activity.newText;
   if (activity.operation === "replace-text") {
-    if (activity.oldText === void 0 || activity.newText === void 0) return;
+    if (activity.oldText === void 0 || activity.newText === void 0 || activity.oldText === "") return;
+    if (activity.replaceAll) return base.includes(activity.oldText) ? base.split(activity.oldText).join(activity.newText) : void 0;
     let at = base.indexOf(activity.oldText);
     return at < 0 ? void 0 : `${base.slice(0, at)}${activity.newText}${base.slice(at + activity.oldText.length)}`;
   }
@@ -457,16 +526,16 @@ function MarkdownPreview({ content, label }) {
 
 // inline-css:/home/runner/work/oh-story-dsh/oh-story-dsh/packages/dsh-plugin/src/client/plugin.css
 var plugin_default = `.oh-story-bridge-marker { display: none; }
-.oh-story-split-surface { display: contents; }
+.oh-story-split-surface { display: contents; font-family: var(--dsw-font-family); }
 
 /* DSH documents every [data-slot] wrapper as a stable addressable styling
    seam. The official Session body and composer stay mounted; this only turns
    their scroll host into a three-column writing surface. */
 [data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
   --os-border: var(--dsw-alias-border-l2);
-  --os-muted: var(--dsw-alias-label-tertiary);
+  --os-muted: var(--dsw-alias-label-secondary);
   display: grid;
-  grid-template-columns: clamp(108px, 16%, 190px) minmax(220px, 1fr) minmax(260px, 38%);
+  grid-template-columns: clamp(184px, 16%, 200px) minmax(240px, 1fr) clamp(408px, 40%, 520px);
   grid-template-rows: minmax(0, 1fr);
   min-height: 0;
   overflow-x: hidden;
@@ -534,7 +603,10 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   gap: 12px;
 }
 
-.oh-story-brand { min-height: 28px; padding: 0 5px 10px 7px; font-size: 14px; font-weight: 500; }
+.oh-story-brand { min-height: 28px; gap: 8px; padding: 0 5px 8px 7px; font-size: 14px; font-weight: 500; white-space: nowrap; }
+.oh-story-brand-cluster { display: flex; min-width: 0; align-items: center; gap: 6px; }
+.oh-story-brand-cluster strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: inherit; }
+.oh-story-kind { flex: none; padding: 1px 6px; border-radius: 5px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-button-ghost-active-fill); font-size: 11px; line-height: 16px; font-weight: 500; }
 
 .oh-story-brand button,
 .oh-story-save,
@@ -560,39 +632,26 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-role button:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: -2px; }
 .oh-story-save:disabled { opacity: .48; cursor: default; }
 
-.oh-story-mode-tabs {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  margin: 0 4px 10px;
-  border-bottom: 1px solid var(--os-border);
-}
+.oh-story-mode-tabs { display: flex; margin: 0 4px 8px; padding: 2px; border: 1px solid var(--os-border); border-radius: 7px; background: var(--dsw-alias-bg-layer-1); }
 
 .oh-story-mode-tabs button,
 .oh-story-editor-tabs button {
   position: relative;
-  min-height: 30px;
+  min-height: 24px;
+  flex: 1;
   border: 0;
   color: var(--os-muted);
   background: transparent;
+  border-radius: 5px;
   cursor: pointer;
   font: inherit;
-  font-size: 12px;
+  font-size: 11px;
 }
 
 .oh-story-mode-tabs button:hover,
 .oh-story-editor-tabs button:hover { color: var(--dsw-alias-label-primary); }
 .oh-story-mode-tabs button[aria-selected="true"],
-.oh-story-editor-tabs button[aria-selected="true"] { color: var(--dsw-alias-label-primary); font-weight: 500; }
-.oh-story-mode-tabs button[aria-selected="true"]::after {
-  position: absolute;
-  right: 14px;
-  bottom: -1px;
-  left: 14px;
-  height: 2px;
-  border-radius: 2px 2px 0 0;
-  background: var(--dsw-alias-state-business-primary);
-  content: "";
-}
+.oh-story-editor-tabs button[aria-selected="true"] { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-bg-base); box-shadow: 0 1px 2px rgb(0 0 0 / 8%); font-weight: 500; }
 
 .oh-story-file-group,
 .oh-story-file-folder { margin: 0; }
@@ -610,6 +669,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   font-size: 11px;
   font-weight: 600;
 }
+.oh-story-file-folder > summary { padding-left: min(calc(7px + var(--oh-story-indent, 0px)), 49px); }
 .oh-story-file-group > summary { margin-top: 3px; }
 .oh-story-file-group > summary::-webkit-details-marker,
 .oh-story-file-folder > summary::-webkit-details-marker { display: none; }
@@ -620,13 +680,13 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-file-group > summary:hover,
 .oh-story-file-folder > summary:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
 .oh-story-file-group > summary span,
-.oh-story-file-folder > summary span { margin-left: auto; color: var(--dsw-alias-label-caption); font-weight: 400; }
+.oh-story-file-folder > summary span { margin-left: auto; color: var(--dsw-alias-label-secondary); font-weight: 400; }
 
 .oh-story-tree nav button {
   display: block;
   width: 100%;
   overflow: hidden;
-  padding: 6px 8px;
+  padding: 6px 8px 6px min(calc(14px + var(--oh-story-indent, 0px)), 56px);
   border: 0;
   border-radius: 6px;
   color: inherit;
@@ -649,13 +709,17 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   border-bottom: 1px solid var(--os-border);
 }
 
-.oh-story-editor header span {
+.oh-story-editor-path {
   overflow: hidden;
+  min-width: 0;
+  flex: 1;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 12px;
   color: var(--os-muted);
 }
+.oh-story-editor-path > span { overflow: hidden; display: block; text-overflow: ellipsis; }
+.oh-story-editor-path > strong { display: none; overflow: hidden; text-overflow: ellipsis; font: inherit; }
 
 .oh-story-editor-actions { display: flex; flex: none; align-items: center; gap: 8px; }
 .oh-story-editor-tabs {
@@ -666,7 +730,6 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   background: var(--dsw-alias-bg-layer-1);
 }
 .oh-story-editor-tabs button { min-height: 24px; padding: 0 9px; border-radius: 5px; font-size: 11px; }
-.oh-story-editor-tabs button[aria-selected="true"] { background: var(--dsw-alias-bg-base); box-shadow: 0 1px 2px rgb(0 0 0 / 8%); }
 .oh-story-save { min-height: 28px; }
 
 .oh-story-editor textarea {
@@ -677,7 +740,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   resize: none;
   border: 0;
   outline: 0;
-  padding: clamp(20px, 4vw, 48px) clamp(22px, 6vw, 84px) 48px;
+  padding: clamp(20px, 6%, 48px) clamp(22px, 10%, 84px) 48px;
   color: var(--dsw-alias-label-primary);
   background: transparent;
   font: 16px/1.9 ui-serif, "Songti SC", "STSong", Georgia, serif;
@@ -693,7 +756,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   min-height: 0;
   flex: 1;
   overflow: auto;
-  padding: clamp(24px, 5vw, 56px) clamp(24px, 7vw, 92px) 64px;
+  padding: clamp(24px, 8%, 56px) clamp(24px, 10%, 92px) 64px;
   color: var(--dsw-alias-label-primary);
   font: 16px/1.85 ui-serif, "Songti SC", "STSong", Georgia, serif;
   overflow-wrap: anywhere;
@@ -705,7 +768,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-markdown h3,
 .oh-story-markdown h4,
 .oh-story-markdown h5,
-.oh-story-markdown h6 { margin: 1.45em 0 .6em; font-family: ui-sans-serif, system-ui, "PingFang SC", sans-serif; line-height: 1.35; letter-spacing: -.01em; }
+.oh-story-markdown h6 { margin: 1.45em 0 .6em; font-family: var(--dsw-font-family); line-height: 1.35; letter-spacing: -.01em; }
 .oh-story-markdown h1 { font-size: 1.75em; }
 .oh-story-markdown h2 { padding-bottom: .35em; border-bottom: 1px solid var(--os-border); font-size: 1.35em; }
 .oh-story-markdown h3 { font-size: 1.15em; }
@@ -750,7 +813,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-jsonl-records { overflow: auto; padding: 14px 18px 36px; }
 .oh-story-jsonl details,
 .oh-story-jsonl-error { overflow: hidden; margin-bottom: 10px; border: 1px solid var(--os-border); border-radius: 10px; background: var(--dsw-alias-bg-layer-1); }
-.oh-story-jsonl summary { display: flex; min-height: 42px; align-items: center; gap: 9px; padding: 0 12px; cursor: pointer; list-style: none; font: 12px/1.4 ui-sans-serif, system-ui, "PingFang SC", sans-serif; }
+.oh-story-jsonl summary { display: flex; min-height: 42px; align-items: center; gap: 9px; padding: 0 12px; cursor: pointer; list-style: none; font: 12px/1.4 var(--dsw-font-family); }
 .oh-story-jsonl summary::-webkit-details-marker { display: none; }
 .oh-story-jsonl summary::before { content: "\u203A"; color: var(--os-muted); font-size: 16px; transition: transform .12s ease; }
 .oh-story-jsonl details[open] summary::before { transform: rotate(90deg); }
@@ -765,7 +828,8 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-jsonl-error pre { margin: 3px -12px -12px; }
 
 .oh-story-stream,
-.oh-story-conflict {
+.oh-story-conflict,
+.oh-story-warning {
   flex: none;
   padding: 7px 12px;
   border-bottom: 1px solid var(--os-border);
@@ -776,6 +840,18 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-stream { color: var(--dsw-alias-state-business-primary); background: var(--dsw-alias-button-ghost-active-fill); }
 .oh-story-stream[data-stage="streaming"] { animation: oh-story-pulse 1.2s ease-in-out infinite alternate; }
 .oh-story-conflict { color: var(--dsw-alias-state-warn-label); background: var(--dsw-specific-tip); }
+.oh-story-conflict > div { display: flex; gap: 6px; margin-top: 6px; }
+.oh-story-conflict button,
+.oh-story-empty button {
+  border: 1px solid var(--os-border);
+  border-radius: 6px;
+  color: inherit;
+  background: var(--dsw-alias-bg-base);
+  padding: 3px 8px;
+  cursor: pointer;
+  font: inherit;
+}
+.oh-story-warning { color: var(--dsw-alias-state-warn-label); background: var(--dsw-specific-tip); }
 
 @keyframes oh-story-pulse { to { opacity: .62; } }
 @media (prefers-reduced-motion: reduce) { .oh-story-stream[data-stage="streaming"] { animation: none; } }
@@ -793,19 +869,104 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-role pre { max-height: 260px; overflow: auto; margin: 4px 0 4px 4px; padding: 12px 16px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 12px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-markdown-code-block); white-space: pre-wrap; font: var(--dsw-font-markdown-code-block-small); }
 .oh-story-role > button { align-self: flex-start; margin: 4px 0 2px 4px; font-size: 11px; }
 
-@media (max-width: 980px) {
-  [data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
-    grid-template-columns: 104px minmax(210px, 1fr) minmax(252px, 40%);
-  }
-  .oh-story-editor textarea { padding-right: 28px; padding-left: 28px; }
+[data-conversation-scroll][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+  grid-template-columns: clamp(104px, 18%, 184px) minmax(200px, 1fr) clamp(300px, 45%, 408px);
+}
+
+[data-conversation-scroll][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+  grid-template-columns: clamp(80px, 16%, 104px) minmax(0, 1fr) clamp(228px, 48%, 300px);
+}
+
+[data-oh-story-layout="medium"] .oh-story-file-folder > summary { padding-left: min(calc(7px + var(--oh-story-indent, 0px)), 35px); }
+[data-oh-story-layout="medium"] .oh-story-tree nav button { padding-left: min(calc(14px + var(--oh-story-indent, 0px)), 42px); }
+[data-oh-story-layout="medium"] .oh-story-editor textarea { padding-right: 28px; padding-left: 28px; }
+
+[data-oh-story-layout="compact"] .oh-story-tree { padding-inline: 4px; }
+[data-oh-story-layout="compact"] .oh-story-brand { gap: 4px; padding-inline: 2px; font-size: 11px; }
+[data-oh-story-layout="compact"] .oh-story-brand-cluster { gap: 4px; }
+[data-oh-story-layout="compact"] .oh-story-brand-cluster strong > span { display: none; }
+[data-oh-story-layout="compact"] .oh-story-kind { padding-inline: 4px; font-size: 11px; }
+[data-oh-story-layout="compact"] .oh-story-brand button { width: 24px; height: 24px; }
+[data-oh-story-layout="compact"] .oh-story-mode-tabs { margin-inline: 0; }
+[data-oh-story-layout="compact"] .oh-story-mode-tabs button { padding-inline: 3px; font-size: 11px; }
+[data-oh-story-layout="compact"] .oh-story-file-folder > summary { padding-left: min(calc(5px + var(--oh-story-indent, 0px)), 19px); }
+[data-oh-story-layout="compact"] .oh-story-tree nav button { padding-right: 4px; padding-left: min(calc(7px + var(--oh-story-indent, 0px)), 21px); }
+[data-oh-story-layout="compact"] .oh-story-editor header {
+  display: grid;
+  min-height: 68px;
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: 24px 36px;
+  align-content: center;
+  gap: 0;
+  padding: 4px 3px;
 }
+[data-oh-story-layout="compact"] .oh-story-editor-path > span { display: none; }
+[data-oh-story-layout="compact"] .oh-story-editor-path > strong { display: block; font-size: 11px; line-height: 24px; }
+[data-oh-story-layout="compact"] .oh-story-editor-actions { width: 100%; min-width: 0; justify-content: flex-end; gap: 4px; }
+[data-oh-story-layout="compact"] .oh-story-editor-tabs { min-width: 0; flex: 1; }
+[data-oh-story-layout="compact"] .oh-story-editor-tabs button { min-width: 0; padding-inline: 2px; white-space: nowrap; }
+[data-oh-story-layout="compact"] .oh-story-save { flex: none; padding-inline: 4px; white-space: nowrap; font-size: 11px; }
+[data-oh-story-layout="compact"] .oh-story-editor textarea { padding: 16px 12px 40px; }
+[data-oh-story-layout="compact"] .oh-story-markdown { padding: 18px 12px 48px; }
+[data-oh-story-layout="compact"] .oh-story-jsonl-summary { padding-inline: 10px; }
+[data-oh-story-layout="compact"] .oh-story-jsonl-records { padding: 8px 7px 28px; }
+[data-oh-story-layout="compact"] .oh-story-jsonl summary { gap: 6px; padding-inline: 7px; }
+[data-oh-story-layout="compact"] .oh-story-jsonl summary > span { display: none; }
+[data-oh-story-layout="compact"] .oh-story-jsonl summary > strong { min-width: 32px; }
+[data-oh-story-layout="compact"] .oh-story-jsonl summary > code,
+[data-oh-story-layout="compact"] .oh-story-jsonl summary > em { display: none; }
 `;
 
 // src/client/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime"), name = "oh-story", inject = ["slots"], GROUP_ORDER = {
+var import_jsx_runtime3 = require("react/jsx-runtime"), name = "oh-story", inject = ["slots"];
+function applyUpdate(current, update) {
+  return typeof update == "function" ? update(current) : update;
+}
+function createWorkbenchStore() {
+  return (0, import_client.defineStore)({
+    init: () => ({
+      buffers: {},
+      editorMode: "preview",
+      expanded: {},
+      selected: void 0,
+      workbench: "story"
+    }),
+    actions: {
+      setBuffers: (draft, update) => {
+        draft.buffers = applyUpdate(draft.buffers, update);
+      },
+      setEditorMode: (draft, update) => {
+        draft.editorMode = applyUpdate(draft.editorMode, update);
+      },
+      setExpanded: (draft, update) => {
+        draft.expanded = applyUpdate(draft.expanded, update);
+      },
+      setSelected: (draft, update) => {
+        draft.selected = applyUpdate(draft.selected, update);
+      },
+      setWorkbench: (draft, update) => {
+        draft.workbench = applyUpdate(draft.workbench, update);
+      }
+    }
+  });
+}
+var WorkspaceRequestError = class extends Error {
+  constructor(status, message) {
+    super(message);
+    this.status = status;
+  }
+  status;
+}, GROUP_ORDER = {
   story: ["\u6B63\u6587", "\u5927\u7EB2", "\u8BBE\u5B9A", "\u8FFD\u8E2A", "\u5BF9\u6807", "\u53C2\u8003\u8D44\u6599"],
   drama: ["\u9879\u76EE", "\u8F93\u5165", "\u9879\u76EE\u5F00\u53D1", "\u8BBE\u5B9A\u96C6", "\u5267\u96C6", "\u5BA1\u67E5", "\u521B\u4F5C\u8005\u51B3\u7B56", "\u4EA4\u4ED8"]
-};
+}, WORKBENCH_MODES = ["story", "drama"], EDITOR_MODES = ["preview", "source"];
+function handleTabKey(event, values, current, select) {
+  let index;
+  if (event.key === "Home" ? index = 0 : event.key === "End" ? index = values.length - 1 : event.key === "ArrowRight" ? index = (values.indexOf(current) + 1) % values.length : event.key === "ArrowLeft" && (index = (values.indexOf(current) - 1 + values.length) % values.length), index === void 0) return;
+  event.preventDefault();
+  let value = values[index];
+  value !== void 0 && (select(value), event.currentTarget.parentElement?.querySelectorAll("[role='tab']")[index]?.focus());
+}
 function groupForPath(path) {
   return path === "short-drama.json" ? "\u9879\u76EE" : path.split("/", 1)[0] ?? "\u5176\u4ED6";
 }
@@ -817,14 +978,13 @@ function preferredFile(files, mode) {
   }
   return matching[0]?.path;
 }
-var EMPTY_BLOCKS = [], EMPTY_CALLS = [];
 function endpoint(path, sessionId, file) {
   let url = new URL(`/oh-story/${path}`, globalThis.location.origin);
   return url.searchParams.set("sessionId", sessionId), file !== void 0 && url.searchParams.set("path", file), url.toString();
 }
 async function json(response) {
   let value = await response.json();
-  if (!response.ok) throw new Error(value.error ?? `HTTP ${String(response.status)}`);
+  if (!response.ok) throw new WorkspaceRequestError(response.status, value.error ?? `HTTP ${String(response.status)}`);
   return value;
 }
 function FileTreeNodes({
@@ -841,7 +1001,9 @@ function FileTreeNodes({
       "button",
       {
         type: "button",
-        style: { paddingLeft: `${String(14 + depth * 14)}px` },
+        style: { "--oh-story-indent": `${String(depth * 14)}px` },
+        title: node.path,
+        "aria-label": node.path,
         "data-file-path": node.path,
         "data-agent-target": node.path === activityPath || void 0,
         "aria-current": node.path === selected ? "page" : void 0,
@@ -852,11 +1014,11 @@ function FileTreeNodes({
       },
       node.path
     );
-    let open = expanded[node.path] ?? selected?.startsWith(`${node.path}/`) === !0;
+    let open = selected?.startsWith(`${node.path}/`) === !0 || expanded[node.path] === !0;
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "oh-story-file-folder", open, onToggle: (event) => {
       onToggle(node.path, event.currentTarget.open);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { style: { paddingLeft: `${String(7 + depth * 14)}px` }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { style: { "--oh-story-indent": `${String(depth * 14)}px` }, title: node.path, children: [
         node.name,
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: node.fileCount })
       ] }),
@@ -876,89 +1038,182 @@ function FileTreeNodes({
   }) });
 }
 function useWorkspace(sessionId) {
-  let [version, setVersion] = (0, import_react.useState)(0), [workspace, setWorkspace] = (0, import_react.useState)(), [error, setError] = (0, import_react.useState)(), reload = (0, import_react.useCallback)(() => {
-    setVersion((value) => value + 1);
+  let [version, setVersion] = (0, import_react.useState)(0), [workspace, setWorkspace] = (0, import_react.useState)(), [error, setError] = (0, import_react.useState)(), [loading, setLoading] = (0, import_react.useState)(!0), reload = (0, import_react.useCallback)(() => {
+    setLoading(!0), setVersion((value) => value + 1);
   }, []);
   return (0, import_react.useEffect)(() => {
     let controller = new AbortController();
     return setError(void 0), fetch(endpoint("workspace", sessionId), { signal: controller.signal }).then((response) => json(response)).then(setWorkspace).catch((reason) => {
       controller.signal.aborted || setError(reason instanceof Error ? reason.message : String(reason));
+    }).finally(() => {
+      controller.signal.aborted || setLoading(!1);
     }), () => {
       controller.abort();
     };
-  }, [sessionId, version]), { workspace, error, reload };
+  }, [sessionId, version]), { workspace, error, loading, reload };
 }
-function CreativeWorkbench({ sessionId, useSession }) {
-  let { workspace, error, reload } = useWorkspace(sessionId), partialBlocks = useSession((value) => value.partial?.blocks ?? EMPTY_BLOCKS), runningCalls = useSession((value) => value.runningCalls ?? EMPTY_CALLS), activity = (0, import_react.useMemo)(() => activeFileMutation(partialBlocks, runningCalls), [partialBlocks, runningCalls]), activityPath = creativeRelativePath(activity?.path, workspace?.cwd), activityMode = workbenchModeForPath(activityPath), [workbench, setWorkbench] = (0, import_react.useState)("story"), initializedWorkbench = (0, import_react.useRef)(!1), [selected, setSelected] = (0, import_react.useState)(), [buffers, setBuffers] = (0, import_react.useState)({}), buffersRef = (0, import_react.useRef)({}), [refreshVersion, setRefreshVersion] = (0, import_react.useState)(0), [fileError, setFileError] = (0, import_react.useState)(), [conflict, setConflict] = (0, import_react.useState)(), [saving, setSaving] = (0, import_react.useState)(!1), [expanded, setExpanded] = (0, import_react.useState)({}), surfaceRef = (0, import_react.useRef)(null), navRef = (0, import_react.useRef)(null), lastActivity = (0, import_react.useRef)(), settleTimer = (0, import_react.useRef)(void 0), buffer = selected === void 0 ? void 0 : buffers[selected], dirty = buffer?.source === "human" && buffer.content !== buffer.saved, selectedLower = selected?.toLocaleLowerCase(), markdown = selectedLower?.endsWith(".md") === !0, jsonl = selectedLower?.endsWith(".jsonl") === !0, structured = jsonl || selectedLower?.endsWith(".json") === !0, previewable = markdown || jsonl, [editorMode, setEditorMode] = (0, import_react.useState)("preview");
+function CreativeWorkbench({
+  sessionId,
+  runningCalls,
+  partial,
+  settledMutation,
+  useStore,
+  actions
+}) {
+  let { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId), activities = (0, import_react.useMemo)(
+    () => fileMutations(runningCalls, partial),
+    [partial, runningCalls]
+  ), normalizedActivities = (0, import_react.useMemo)(() => activities.flatMap((activity2) => {
+    let path = creativeRelativePath(activity2.path, workspace?.cwd);
+    return path === void 0 ? [] : [{ activity: activity2, path }];
+  }), [activities, workspace?.cwd]), primaryActivity = normalizedActivities.at(-1), activityPaths = (0, import_react.useMemo)(() => new Set(normalizedActivities.map((value) => value.path)), [normalizedActivities]), activity = primaryActivity?.activity, activityPath = primaryActivity?.path, workbench = useStore((memory) => memory.workbench), setWorkbench = actions.setWorkbench, initializedWorkbench = (0, import_react.useRef)(!1), selected = useStore((memory) => memory.selected), setSelected = actions.setSelected, buffers = useStore((memory) => memory.buffers), setBuffers = actions.setBuffers, buffersRef = (0, import_react.useRef)({}), expanded = useStore((memory) => memory.expanded), setExpanded = actions.setExpanded, surfaceRef = (0, import_react.useRef)(null), navRef = (0, import_react.useRef)(null), activityBases = (0, import_react.useRef)(/* @__PURE__ */ new Map()), previousSignals = (0, import_react.useRef)(/* @__PURE__ */ new Set()), previousSettledMutation = (0, import_react.useRef)(settledMutation), saveLocks = (0, import_react.useRef)(/* @__PURE__ */ new Set()), buffer = selected === void 0 ? void 0 : buffers[selected], dirty = buffer?.source === "human" && buffer.content !== buffer.saved, saving = buffer?.saving === !0, fileError = buffer?.error, conflict = buffer?.conflict, selectedLower = selected?.toLocaleLowerCase(), markdown = selectedLower?.endsWith(".md") === !0, jsonl = selectedLower?.endsWith(".jsonl") === !0, structured = jsonl || selectedLower?.endsWith(".json") === !0, previewable = markdown || jsonl, editorMode = useStore((memory) => memory.editorMode), setEditorMode = actions.setEditorMode, modeSelection = (0, import_react.useRef)(selected), textareaRef = (0, import_react.useRef)(null), editorPositions = (0, import_react.useRef)(/* @__PURE__ */ new Map()), editorReady = buffer !== void 0 && buffer.missing !== !0, availableModes = (0, import_react.useMemo)(() => {
+    let value = /* @__PURE__ */ new Set();
+    for (let file of workspace?.files ?? []) {
+      let mode = workbenchModeForPath(file.path);
+      mode !== void 0 && value.add(mode);
+    }
+    return WORKBENCH_MODES.filter((mode) => value.has(mode));
+  }, [workspace?.files]), showModeTabs = workspace !== void 0 && availableModes.length !== 1, workspaceKind = availableModes.length === 1 ? availableModes[0] : void 0;
   (0, import_react.useEffect)(() => {
     buffersRef.current = buffers;
-  }, [buffers]), (0, import_react.useEffect)(() => {
-    if (workspace === void 0 || initializedWorkbench.current) return;
-    let hasStory = workspace.files.some((file) => workbenchModeForPath(file.path) === "story");
-    workspace.shortDrama !== null && !hasStory && setWorkbench("drama"), initializedWorkbench.current = !0;
-  }, [workspace]), (0, import_react.useEffect)(() => {
-    activityMode !== void 0 && setWorkbench(activityMode);
-  }, [activityMode]), (0, import_react.useEffect)(() => {
-    setEditorMode(previewable ? "preview" : "source");
-  }, [previewable, selected]), (0, import_react.useEffect)(() => {
-    if (activityPath !== void 0) {
-      setSelected(activityPath);
-      return;
-    }
-    selected !== void 0 && ((workspace?.files.some((file) => file.path === selected) ?? !1) || buffers[selected] !== void 0) && workbenchModeForPath(selected) === workbench || setSelected(workspace === void 0 ? void 0 : preferredFile(workspace.files, workbench));
-  }, [activityPath, buffers, selected, workbench, workspace]), (0, import_react.useEffect)(() => {
-    if (selected === void 0) return;
-    let exists = workspace?.files.some((file) => file.path === selected) ?? !1;
-    if (activityPath === selected && !exists) return;
+  }, [buffers]);
+  let rememberEditorPosition = (0, import_react.useCallback)(() => {
+    let element = textareaRef.current;
+    element === null || selected === void 0 || element.getAttribute("aria-label") !== selected || editorPositions.current.set(selected, {
+      scrollTop: element.scrollTop,
+      selectionStart: element.selectionStart,
+      selectionEnd: element.selectionEnd
+    });
+  }, [selected]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (editorMode !== "source" || selected === void 0 || !editorReady) return;
+    let element = textareaRef.current, position = editorPositions.current.get(selected);
+    if (element === null || position === void 0) return;
+    let end = Math.min(position.selectionEnd, element.value.length);
+    element.setSelectionRange(Math.min(position.selectionStart, end), end), element.scrollTop = position.scrollTop;
+  }, [editorMode, editorReady, selected]), (0, import_react.useEffect)(() => {
+    let warn = (event) => {
+      Object.values(buffersRef.current).some((value) => value.source === "human" && value.content !== value.saved) && event.preventDefault();
+    };
+    return globalThis.addEventListener("beforeunload", warn), () => {
+      globalThis.removeEventListener("beforeunload", warn);
+    };
+  }, []);
+  let expandPath = (0, import_react.useCallback)((path) => {
+    let segments = path.split("/"), ancestors = [groupForPath(path)];
+    for (let index = 1; index < segments.length - 1; index += 1) ancestors.push(segments.slice(0, index + 1).join("/"));
+    setExpanded((current) => {
+      let next = { ...current };
+      for (let ancestor of ancestors) next[ancestor] = !0;
+      return next;
+    });
+  }, []), revealPath = (0, import_react.useCallback)((path) => {
+    rememberEditorPosition(), setWorkbench(workbenchModeForPath(path) ?? "story"), setSelected(path), expandPath(path);
+  }, [expandPath, rememberEditorPosition]), followAgentPath = (0, import_react.useCallback)((path) => {
+    expandPath(path);
+    let current = selected === void 0 ? void 0 : buffersRef.current[selected];
+    path !== selected && current?.source === "human" && current.content !== current.saved && surfaceRef.current?.ownerDocument.activeElement === textareaRef.current || revealPath(path);
+  }, [expandPath, revealPath, selected]);
+  (0, import_react.useEffect)(() => {
+    workspace === void 0 || initializedWorkbench.current || (availableModes.length === 1 && setWorkbench(availableModes[0] ?? "story"), initializedWorkbench.current = !0);
+  }, [availableModes, workspace]), (0, import_react.useEffect)(() => {
+    activityPath !== void 0 && activityPath === selected && setEditorMode("source");
+  }, [activityPath, selected]), (0, import_react.useEffect)(() => {
+    modeSelection.current !== selected && (modeSelection.current = selected, setEditorMode(activityPath === selected ? "source" : previewable ? "preview" : "source"));
+  }, [activityPath, previewable, selected]), (0, import_react.useEffect)(() => {
+    workspaceLoading || activityPath === void 0 && (selected !== void 0 && ((workspace?.files.some((file) => file.path === selected) ?? !1) || buffers[selected] !== void 0) && workbenchModeForPath(selected) === workbench || setSelected(workspace === void 0 ? void 0 : preferredFile(workspace.files, workbench)));
+  }, [activityPath, buffers, selected, workbench, workspace, workspaceLoading]), (0, import_react.useEffect)(() => {
+    if (workspace === void 0 || workspaceLoading) return;
+    let paths = new Set(workspace.files.map((file) => file.path));
+    setBuffers((current) => {
+      let changed = !1, next = { ...current };
+      for (let [path, value] of Object.entries(current))
+        paths.has(path) || activityPaths.has(path) || (value.source === "human" && value.content !== value.saved ? value.missing !== !0 && (next[path] = { ...value, missing: !0, error: "\u6587\u4EF6\u5DF2\u4ECE workspace \u79FB\u9664\u3002\u672C\u5730\u8349\u7A3F\u4ECD\u4FDD\u7559\uFF0C\u53EF\u590D\u5236\u540E\u653E\u5F03\u8349\u7A3F\u3002" }, changed = !0) : (delete next[path], changed = !0));
+      return changed ? next : current;
+    });
+  }, [activityPaths, workspace, workspaceLoading]), (0, import_react.useEffect)(() => {
+    if (selected === void 0 || activityPaths.has(selected) || !(workspace?.files.some((file) => file.path === selected) ?? !1)) return;
     let controller = new AbortController();
-    return setFileError(void 0), fetch(endpoint("file", sessionId, selected), { signal: controller.signal }).then((response) => json(response)).then((file) => {
-      let existing = buffersRef.current[file.path];
-      if (existing?.source === "human" && existing.content !== existing.saved) {
-        setConflict(`${file.path} \u5DF2\u88AB Agent \u66F4\u65B0\uFF1B\u4F60\u7684\u672A\u4FDD\u5B58\u7248\u672C\u4ECD\u4FDD\u7559\u3002`);
-        return;
-      }
-      setBuffers((current) => ({
-        ...current,
-        [file.path]: { content: file.content, saved: file.content, source: "disk", version: file.version }
-      }));
+    return setBuffers((current) => {
+      let existing = current[selected];
+      return existing === void 0 ? current : { ...current, [selected]: { ...existing, error: void 0 } };
+    }), fetch(endpoint("file", sessionId, selected), { signal: controller.signal }).then((response) => json(response)).then((file) => {
+      setBuffers((current) => {
+        let existing = current[file.path];
+        return existing?.source === "human" && existing.content !== existing.saved ? existing.version === file.version ? { ...current, [file.path]: { ...existing, missing: !1, error: void 0 } } : {
+          ...current,
+          [file.path]: {
+            ...existing,
+            missing: !1,
+            error: void 0,
+            conflict: {
+              message: `${file.path} \u5DF2\u5728\u78C1\u76D8\u4E0A\u66F4\u65B0\uFF1B\u4F60\u7684\u672C\u5730\u8349\u7A3F\u6CA1\u6709\u88AB\u8986\u76D6\u3002`,
+              theirs: file.content,
+              theirsVersion: file.version
+            }
+          }
+        } : {
+          ...current,
+          [file.path]: { content: file.content, saved: file.content, source: "disk", version: file.version }
+        };
+      });
     }).catch((reason) => {
-      controller.signal.aborted || setFileError(reason instanceof Error ? reason.message : String(reason));
+      controller.signal.aborted || setBuffers((current) => {
+        let existing = current[selected];
+        return existing === void 0 ? current : {
+          ...current,
+          [selected]: { ...existing, error: reason instanceof Error ? reason.message : String(reason) }
+        };
+      });
     }), () => {
       controller.abort();
     };
-  }, [activityPath, refreshVersion, selected, sessionId, workspace?.files]), (0, import_react.useEffect)(() => {
-    if (activity === void 0 || activityPath === void 0) return;
-    setSelected(activityPath);
-    let existing = buffers[activityPath];
-    if (existing?.source === "human" && existing.content !== existing.saved) {
-      setConflict(`${activityPath} \u6B63\u7531 Agent \u4FEE\u6539\uFF1B\u4F60\u7684\u672A\u4FDD\u5B58\u7248\u672C\u5DF2\u9501\u5B9A\uFF0C\u4E0D\u4F1A\u88AB\u8986\u76D6\u3002`);
-      return;
-    }
-    let next = previewMutation(activity, existing?.saved ?? "");
-    next !== void 0 && (setConflict(void 0), setBuffers((current) => {
-      let currentBuffer = current[activityPath];
-      return currentBuffer?.source === "agent" && currentBuffer.content === next ? current : {
-        ...current,
-        [activityPath]: {
-          content: next,
-          saved: currentBuffer?.saved ?? "",
-          source: "agent",
-          version: currentBuffer?.version ?? ""
+  }, [activityPaths, selected, sessionId, workspace?.files]), (0, import_react.useEffect)(() => {
+    if (normalizedActivities.length !== 0) {
+      for (let { path } of normalizedActivities) expandPath(path);
+      activityPath !== void 0 && followAgentPath(activityPath), setBuffers((current) => {
+        let next = current;
+        for (let { activity: currentActivity, path } of normalizedActivities) {
+          let existing = next[path];
+          if (existing?.source === "human" && existing.content !== existing.saved) {
+            next = {
+              ...next,
+              [path]: {
+                ...existing,
+                conflict: { message: `${path} \u6B63\u7531 Agent \u4FEE\u6539\uFF1B\u4F60\u7684\u672C\u5730\u8349\u7A3F\u5DF2\u9501\u5B9A\uFF0C\u4E0D\u4F1A\u88AB\u8986\u76D6\u3002` }
+              }
+            };
+            continue;
+          }
+          let basis = activityBases.current.get(currentActivity.callId);
+          (basis === void 0 || basis.path !== path) && (basis = { path, base: existing?.content ?? "" }, activityBases.current.set(currentActivity.callId, basis));
+          let preview = previewMutation(currentActivity, basis.base);
+          preview === void 0 || existing?.source === "agent" && existing.content === preview || (next = {
+            ...next,
+            [path]: {
+              content: preview,
+              saved: existing?.saved ?? "",
+              source: "agent",
+              version: existing?.version ?? ""
+            }
+          });
         }
-      };
-    }));
-  }, [activity, activityPath, buffers]), (0, import_react.useEffect)(() => {
-    if (activity !== void 0) {
-      settleTimer.current !== void 0 && clearTimeout(settleTimer.current), lastActivity.current = activity;
-      return;
+        return next;
+      });
     }
-    if (lastActivity.current !== void 0)
-      return settleTimer.current = setTimeout(() => {
-        lastActivity.current = void 0, reload(), setRefreshVersion((value) => value + 1);
-      }, 180), () => {
-        settleTimer.current !== void 0 && clearTimeout(settleTimer.current);
-      };
-  }, [activity, reload]), (0, import_react.useEffect)(() => {
+  }, [activityPath, expandPath, followAgentPath, normalizedActivities]), (0, import_react.useEffect)(() => {
+    let signals = new Set(mutatingCallIds(runningCalls));
+    for (let { activity: currentActivity } of normalizedActivities) signals.add(currentActivity.callId.split(":", 1)[0] ?? currentActivity.callId);
+    let settled = [...previousSignals.current].some((callId) => !signals.has(callId));
+    for (let callId of activityBases.current.keys())
+      signals.has(callId.split(":", 1)[0] ?? callId) || activityBases.current.delete(callId);
+    previousSignals.current = signals, settled && reload();
+  }, [normalizedActivities, reload, runningCalls]), (0, import_react.useEffect)(() => {
+    if (settledMutation === void 0 || settledMutation === previousSettledMutation.current) return;
+    previousSettledMutation.current = settledMutation;
+    let path = creativeRelativePath(settledMutation.slice(settledMutation.indexOf("\0") + 1), workspace?.cwd);
+    path !== void 0 && followAgentPath(path), reload();
+  }, [followAgentPath, reload, settledMutation, workspace?.cwd]), (0, import_react.useEffect)(() => {
     if (selected !== void 0) {
       for (let button of navRef.current?.querySelectorAll("button[data-file-path]") ?? [])
         if (button.dataset.filePath === selected) {
@@ -967,7 +1222,7 @@ function CreativeWorkbench({ sessionId, useSession }) {
         }
     }
   }, [selected]), (0, import_react.useEffect)(() => {
-    if (activity !== void 0 || workspace === void 0) return;
+    if (normalizedActivities.length > 0 || workspace === void 0) return;
     let sessionSurface = surfaceRef.current?.parentElement;
     if (sessionSurface == null) return;
     let knownPaths = new Set(workspace.files.map((file) => file.path)), followOfficialFileLink = (event) => {
@@ -977,9 +1232,9 @@ function CreativeWorkbench({ sessionId, useSession }) {
       if (control === null || control.closest(".oh-story-split-surface") !== null) return;
       let candidates = [control.title, control.getAttribute("aria-label"), control.textContent];
       for (let candidate of candidates) {
-        let path = creativeRelativePath(candidate?.trim().replace(/^Open\s+/u, ""), workspace.cwd);
+        let path = creativeRelativePath(candidate?.trim().replace(/^(?:Open|打开)\s+/u, ""), workspace.cwd);
         if (!(path === void 0 || !knownPaths.has(path))) {
-          event.preventDefault(), event.stopPropagation(), setConflict(void 0), setWorkbench(workbenchModeForPath(path) ?? "story"), setSelected(path);
+          event.preventDefault(), event.stopPropagation(), revealPath(path);
           break;
         }
       }
@@ -987,39 +1242,88 @@ function CreativeWorkbench({ sessionId, useSession }) {
     return sessionSurface.addEventListener("click", followOfficialFileLink, !0), () => {
       sessionSurface.removeEventListener("click", followOfficialFileLink, !0);
     };
-  }, [activity, workspace]);
-  let save = (0, import_react.useCallback)(async () => {
-    if (selected === void 0 || buffer === void 0) return;
-    let submitted = buffer;
-    setSaving(!0), setFileError(void 0);
-    try {
-      let file = await json(await fetch(endpoint("file", sessionId, selected), {
-        method: "PUT",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ content: submitted.content, baseVersion: submitted.version })
-      }));
-      setBuffers((current) => {
-        let latest = current[selected];
-        if (latest === void 0) return current;
-        let unchanged = latest.content === submitted.content;
-        return {
-          ...current,
-          [selected]: {
-            content: unchanged ? file.content : latest.content,
-            saved: file.content,
-            source: unchanged ? "disk" : "human",
-            version: file.version
+  }, [normalizedActivities.length, revealPath, workspace]);
+  let savePath = (0, import_react.useCallback)(async (path) => {
+    if (saveLocks.current.has(path)) return;
+    let submitted = buffersRef.current[path];
+    if (!(submitted === void 0 || submitted.missing === !0 || submitted.content === submitted.saved)) {
+      saveLocks.current.add(path), setBuffers((current) => {
+        let existing = current[path];
+        return existing === void 0 ? current : { ...current, [path]: { ...existing, saving: !0, error: void 0 } };
+      });
+      try {
+        let file = await json(await fetch(endpoint("file", sessionId, path), {
+          method: "PUT",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ content: submitted.content, baseVersion: submitted.version })
+        }));
+        setBuffers((current) => {
+          let latest = current[path];
+          if (latest === void 0) return current;
+          let unchanged = latest.content === submitted.content;
+          return {
+            ...current,
+            [path]: {
+              content: unchanged ? file.content : latest.content,
+              saved: file.content,
+              source: unchanged ? "disk" : "human",
+              version: file.version,
+              saving: !1
+            }
+          };
+        }), reload();
+      } catch (reason) {
+        if (reason instanceof WorkspaceRequestError && reason.status === 412)
+          try {
+            let theirs = await json(await fetch(endpoint("file", sessionId, path)));
+            setBuffers((current) => {
+              let latest = current[path];
+              return latest === void 0 ? current : {
+                ...current,
+                [path]: {
+                  ...latest,
+                  saving: !1,
+                  conflict: {
+                    message: `${path} \u5DF2\u5728\u78C1\u76D8\u4E0A\u66F4\u65B0\uFF1B\u8BF7\u9009\u62E9\u4FDD\u7559\u54EA\u4E00\u7248\u3002`,
+                    theirs: theirs.content,
+                    theirsVersion: theirs.version
+                  }
+                }
+              };
+            });
+          } catch (refreshError) {
+            setBuffers((current) => {
+              let existing = current[path];
+              return existing === void 0 ? current : {
+                ...current,
+                [path]: { ...existing, saving: !1, error: refreshError instanceof Error ? refreshError.message : String(refreshError) }
+              };
+            });
           }
-        };
-      }), setConflict(void 0), reload();
-    } catch (reason) {
-      setFileError(reason instanceof Error ? reason.message : String(reason));
-    } finally {
-      setSaving(!1);
+        else
+          setBuffers((current) => {
+            let existing = current[path];
+            return existing === void 0 ? current : {
+              ...current,
+              [path]: { ...existing, saving: !1, error: reason instanceof Error ? reason.message : String(reason) }
+            };
+          });
+      } finally {
+        saveLocks.current.delete(path);
+      }
     }
-  }, [buffer, reload, selected, sessionId]), groups = (0, import_react.useMemo)(() => {
+  }, [reload, sessionId]);
+  (0, import_react.useEffect)(() => {
+    let saveShortcut = (event) => {
+      !(event.metaKey || event.ctrlKey) || event.key.toLocaleLowerCase() !== "s" || (event.preventDefault(), selected !== void 0 && savePath(selected));
+    };
+    return globalThis.addEventListener("keydown", saveShortcut), () => {
+      globalThis.removeEventListener("keydown", saveShortcut);
+    };
+  }, [savePath, selected]);
+  let groups = (0, import_react.useMemo)(() => {
     let value = /* @__PURE__ */ new Map(), all = [...workspace?.files ?? []].filter((file) => workbenchModeForPath(file.path) === workbench);
-    activityPath !== void 0 && !all.some((file) => file.path === activityPath) && all.push({ path: activityPath, bytes: 0 }), all.sort((left, right) => left.path.localeCompare(right.path, "zh-Hans-CN"));
+    activityPath !== void 0 && !all.some((file) => file.path === activityPath) && all.push({ path: activityPath, bytes: 0, version: "" }), all.sort((left, right) => left.path.localeCompare(right.path, "zh-Hans-CN"));
     for (let file of all) {
       let directory2 = groupForPath(file.path), files = value.get(directory2) ?? [];
       files.push(file), value.set(directory2, files);
@@ -1030,30 +1334,58 @@ function CreativeWorkbench({ sessionId, useSession }) {
       return (leftIndex < 0 ? order.length : leftIndex) - (rightIndex < 0 ? order.length : rightIndex) || left.localeCompare(right, "zh-Hans-CN");
     });
   }, [activityPath, workbench, workspace]), selectWorkbench = (next) => {
-    setWorkbench(next), setConflict(void 0);
+    setWorkbench(next);
     let target = workspace === void 0 ? void 0 : preferredFile(workspace.files, next);
-    setSelected(target);
-  }, selectedGroup = selected === void 0 ? void 0 : groupForPath(selected), toggleGroup = (key, open) => {
+    target === void 0 ? setSelected(void 0) : revealPath(target);
+  }, selectEditorMode = (next) => {
+    next === "preview" && rememberEditorPosition(), setEditorMode(next);
+  }, selectedLabel = selected ?? `\u5728\u5F53\u524D DSH workspace \u4E2D\u9009\u62E9${workbench === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267"}\u6587\u4EF6`, selectedBasename = selected?.split("/").at(-1) ?? selectedLabel, selectedGroup = selected === void 0 ? void 0 : groupForPath(selected), toggleGroup = (key, open) => {
     setExpanded((current) => ({ ...current, [key]: open }));
+  }, resolveConflict = (keepLocal) => {
+    if (selected === void 0 || conflict?.theirs === void 0 || conflict.theirsVersion === void 0) return;
+    let theirs = conflict.theirs, theirsVersion = conflict.theirsVersion;
+    setBuffers((current) => {
+      let existing = current[selected];
+      return existing === void 0 ? current : {
+        ...current,
+        [selected]: keepLocal ? { ...existing, saved: theirs, version: theirsVersion, source: "human", conflict: void 0 } : { content: theirs, saved: theirs, source: "disk", version: theirsVersion }
+      };
+    });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: plugin_default }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("aside", { className: "oh-story-tree", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-brand", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2726 Oh Story" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: reload, title: "\u5237\u65B0", children: "\u21BB" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": workbench === "story", onClick: () => {
-          selectWorkbench("story");
-        }, children: "\u5C0F\u8BF4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": workbench === "drama", onClick: () => {
-          selectWorkbench("drama");
-        }, children: "\u77ED\u5267" })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "oh-story-brand-cluster", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
+            "\u2726 ",
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "Oh Story" })
+          ] }),
+          workspaceKind !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "oh-story-kind", children: workspaceKind === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: reload, title: "\u5237\u65B0", "aria-label": "\u5237\u65B0\u9879\u76EE\u6587\u4EF6", children: "\u21BB" })
       ] }),
+      showModeTabs && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: WORKBENCH_MODES.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          tabIndex: workbench === mode ? 0 : -1,
+          "aria-selected": workbench === mode,
+          onKeyDown: (event) => {
+            handleTabKey(event, WORKBENCH_MODES, workbench, selectWorkbench);
+          },
+          onClick: () => {
+            selectWorkbench(mode);
+          },
+          children: mode === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267"
+        },
+        mode
+      )) }),
       error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-error", children: error }),
+      workspace?.metadataErrors.map((message) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-warning", children: message }, message)),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { ref: navRef, "aria-label": workbench === "story" ? "\u5C0F\u8BF4\u9879\u76EE\u6587\u4EF6" : "\u77ED\u5267\u9879\u76EE\u6587\u4EF6", children: groups.map(([directory2, files]) => {
-        let groupOpen = expanded[directory2] ?? selectedGroup === directory2;
+        let groupOpen = selectedGroup === directory2 || expanded[directory2] === !0;
         return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "oh-story-file-group", open: groupOpen, onToggle: (event) => {
           toggleGroup(directory2, event.currentTarget.open);
         }, children: [
@@ -1070,7 +1402,7 @@ function CreativeWorkbench({ sessionId, useSession }) {
               selected,
               activityPath,
               onToggle: toggleGroup,
-              onSelect: setSelected
+              onSelect: revealPath
             }
           )
         ] }, directory2);
@@ -1078,26 +1410,48 @@ function CreativeWorkbench({ sessionId, useSession }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("main", { className: "oh-story-editor", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { title: selected, children: selected ?? `\u5728\u5F53\u524D DSH workspace \u4E2D\u9009\u62E9${workbench === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267"}\u6587\u4EF6` }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "oh-story-editor-path", title: selected, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: selectedLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: selectedBasename })
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-editor-actions", children: [
-          previewable && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-editor-tabs", role: "tablist", "aria-label": markdown ? "Markdown \u67E5\u770B\u65B9\u5F0F" : "JSONL \u67E5\u770B\u65B9\u5F0F", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": editorMode === "preview", onClick: () => {
-              setEditorMode("preview");
-            }, children: "\u9884\u89C8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": editorMode === "source", onClick: () => {
-              setEditorMode("source");
-            }, children: "\u6E90\u7801" })
-          ] }),
-          (dirty || saving) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "oh-story-save", type: "button", disabled: saving, onClick: () => {
-            save();
+          previewable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-editor-tabs", role: "tablist", "aria-label": markdown ? "Markdown \u67E5\u770B\u65B9\u5F0F" : "JSONL \u67E5\u770B\u65B9\u5F0F", children: EDITOR_MODES.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              tabIndex: editorMode === mode ? 0 : -1,
+              "aria-selected": editorMode === mode,
+              onKeyDown: (event) => {
+                handleTabKey(event, EDITOR_MODES, editorMode, selectEditorMode);
+              },
+              onClick: () => {
+                selectEditorMode(mode);
+              },
+              children: mode === "preview" ? "\u9884\u89C8" : "\u6E90\u7801"
+            },
+            mode
+          )) }),
+          (dirty || saving) && selected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "oh-story-save", type: "button", disabled: saving || buffer?.missing === !0, onClick: () => {
+            savePath(selected);
           }, children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58" })
         ] })
       ] }),
-      activityPath === selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-stream", "data-stage": activity?.stage, children: [
+      activity !== void 0 && activityPath !== void 0 && activityPath === selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-stream", "data-stage": activity.stage, role: "status", "aria-live": "polite", children: [
         "\u25CF ",
-        activity?.stage === "running" ? "Agent \u6B63\u5728\u5E94\u7528\u4FEE\u6539" : "Agent \u6B63\u5728\u751F\u6210\u6587\u4EF6\u5185\u5BB9"
+        activity.stage === "running" ? "Agent \u6B63\u5728\u5E94\u7528\u4FEE\u6539" : "Agent \u6B63\u5728\u751F\u6210\u6587\u4EF6\u5185\u5BB9"
+      ] }),
+      conflict !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-conflict", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: conflict.message }),
+        conflict.theirs !== void 0 && conflict.theirsVersion !== void 0 && selected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+            resolveConflict(!1);
+          }, children: "\u8F7D\u5165\u78C1\u76D8\u7248\u672C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+            resolveConflict(!0);
+          }, children: "\u4FDD\u7559\u672C\u5730\u8349\u7A3F" })
+        ] })
       ] }),
-      conflict !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-conflict", children: conflict }),
       fileError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-error", children: fileError }),
       selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-empty", children: workbench === "story" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         "\u5F53\u524D workspace \u8FD8\u6CA1\u6709\u5C0F\u8BF4\u6587\u4EF6\u3002\u53EF\u5728\u53F3\u4FA7 Chat \u4E2D\u8FD0\u884C ",
@@ -1111,11 +1465,23 @@ function CreativeWorkbench({ sessionId, useSession }) {
         "\u6B63\u5728\u52A0\u8F7D ",
         selected,
         "\u2026"
+      ] }) : buffer.missing === !0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-empty", children: [
+        "\u6587\u4EF6\u5DF2\u4ECE workspace \u79FB\u9664\uFF0C\u672C\u5730\u8349\u7A3F\u4ECD\u4FDD\u7559\u3002\u8BF7\u5148\u590D\u5236\u9700\u8981\u7684\u5185\u5BB9\uFF0C\u518D\u653E\u5F03\u8349\u7A3F\u3002",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+          setBuffers((current) => {
+            let next = { ...current };
+            return delete next[selected], next;
+          }), setSelected(workspace === void 0 ? void 0 : preferredFile(workspace.files, workbench));
+        }, children: "\u653E\u5F03\u672C\u5730\u8349\u7A3F" })
       ] }) : previewable && editorMode === "preview" ? markdown ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MarkdownPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(JsonlPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "textarea",
         {
+          ref: textareaRef,
           value: buffer.content,
           "data-format": structured ? "structured" : "prose",
+          onBlur: rememberEditorPosition,
+          onScroll: rememberEditorPosition,
+          onSelect: rememberEditorPosition,
           onChange: (event) => {
             let content = event.target.value;
             setBuffers((current) => ({
@@ -1124,13 +1490,12 @@ function CreativeWorkbench({ sessionId, useSession }) {
                 content,
                 saved: current[selected]?.saved ?? "",
                 source: "human",
-                version: current[selected]?.version ?? ""
+                version: current[selected]?.version ?? "",
+                conflict: current[selected]?.conflict,
+                saving: current[selected]?.saving
               }
             }));
           },
-          onKeyDown: (event) => {
-            (event.metaKey || event.ctrlKey) && event.key.toLocaleLowerCase() === "s" && (event.preventDefault(), save());
-          },
           spellCheck: !structured,
           "aria-label": selected
         }
@@ -1138,27 +1503,51 @@ function CreativeWorkbench({ sessionId, useSession }) {
     ] })
   ] });
 }
-function CreativeSplitBridge(props) {
-  let marker = (0, import_react.useRef)(null), [target, setTarget] = (0, import_react.useState)();
+function CreativeSplitBridge({ sessionId, useSession, useStore, actions }) {
+  let marker = (0, import_react.useRef)(null), [target, setTarget] = (0, import_react.useState)(), runningCalls = useSession((snapshot) => snapshot.runningCalls), partial = useSession((snapshot) => streamingAssistant(snapshot.chat.timeline)), settledMutation = useSession((snapshot) => latestSettledMutation(snapshot.chat));
   return (0, import_react.useLayoutEffect)(() => {
-    let anchor = marker.current?.closest("[data-phase]")?.querySelector("[data-conversation-scroll] > [data-slot='conversation.session']");
-    setTarget(anchor ?? void 0);
-  }, [props.sessionId]), (0, import_react.useLayoutEffect)(() => {
+    let document = marker.current?.ownerDocument;
+    if (document === void 0) return;
+    let locate = () => {
+      let anchor = document.querySelector("[data-conversation-scroll] > [data-slot='conversation.session']");
+      setTarget((current) => current === anchor ? current : anchor ?? void 0);
+    };
+    locate();
+    let observer = new MutationObserver(locate);
+    return observer.observe(document.body, { childList: !0, subtree: !0 }), () => {
+      observer.disconnect();
+    };
+  }, [sessionId]), (0, import_react.useLayoutEffect)(() => {
     let scroller = target?.parentElement;
     if (scroller == null) return;
-    let publishHeight = () => {
+    let publishLayout = () => {
       scroller.style.setProperty("--oh-story-scroll-height", `${String(scroller.clientHeight)}px`);
+      let layout = scroller.clientWidth < 620 ? "compact" : scroller.clientWidth < 900 ? "medium" : "wide";
+      scroller.dataset.ohStoryLayout !== layout && (scroller.dataset.ohStoryLayout = layout);
     };
-    publishHeight();
-    let observer = new ResizeObserver(publishHeight);
+    publishLayout();
+    let observer = new ResizeObserver(publishLayout);
     return observer.observe(scroller), () => {
-      observer.disconnect(), scroller.style.removeProperty("--oh-story-scroll-height");
+      observer.disconnect(), scroller.style.removeProperty("--oh-story-scroll-height"), delete scroller.dataset.ohStoryLayout;
     };
   }, [target]), /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { ref: marker, className: "oh-story-bridge-marker", "aria-hidden": !0 }),
-    target === void 0 ? null : (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CreativeWorkbench, { ...props }, props.sessionId), target)
+    target === void 0 ? null : (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      CreativeWorkbench,
+      {
+        sessionId,
+        runningCalls,
+        partial,
+        settledMutation,
+        useStore,
+        actions
+      }
+    ), target)
   ] });
 }
+function WorkbenchSeat({ SessionProvider, renderSlot }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SessionProvider, { children: () => renderSlot("oh-story.workspace", {}) });
+}
 function argsOf(block) {
   let raw = ("kind" in block ? block.call?.argsRaw : block.argsRaw) ?? "{}";
   try {
@@ -1187,11 +1576,18 @@ function RoleToolView({ block, inspect }) {
   ] });
 }
 function apply(context) {
-  context.slots.inject("conversation.session.header.actions", () => context.slots.register({
-    name: "conversation.session.header.actions",
-    id: "oh-story-workspace",
-    order: -100
-  }, CreativeSplitBridge)), context.slots.inject("tool.call.toolview", () => context.slots.register({
+  context.slots.inject("shell.overlay", () => {
+    let disposeSeat = context.slots.register({
+      name: "shell.overlay",
+      id: "oh-story-workspace",
+      order: -100,
+      children: { "oh-story.workspace": { kind: "single", scope: "session" } }
+    }, WorkbenchSeat), disposeWorkbench = context.slots.register({
+      name: "oh-story.workspace",
+      store: createWorkbenchStore
+    }, CreativeSplitBridge);
+    return [disposeSeat, disposeWorkbench];
+  }), context.slots.inject("tool.call.toolview", () => context.slots.register({
     name: "tool.call.toolview",
     key: "oh_story_role"
   }, RoleToolView));