@oh-story/dsh 0.1.1 → 0.1.3

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, 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 '"':
@@ -167,13 +178,14 @@ function visitRunning(blocks, visit) {
   for (let block of blocks)
     "kind" in block || visit(block), visitRunning(block.subCalls, visit);
 }
-function fileMutations(runningCalls, projectedCalls = []) {
+function fileMutations(runningCalls, partial = null) {
   let values = [];
   visitRunning(runningCalls, (call) => {
     values.push(...mutationsFromRunning(call));
   });
-  for (let call of projectedCalls) {
-    let value = mutationFromArgs(call.name, call.callId, call.argsRaw, "streaming");
+  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);
   }
   return values;
@@ -184,6 +196,26 @@ function mutatingCallIds(runningCalls) {
     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, ""), insideRoot = root !== void 0 && normalized.startsWith(`${root}/`);
@@ -494,24 +526,26 @@ 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(96px, 16%, 190px) minmax(180px, 1fr) minmax(252px, 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;
   overflow-y: auto;
   position: relative;
   scrollbar-gutter: stable;
+  scroll-padding-bottom: calc(var(--dsh-composer-height, 152px) + 16px);
 }
 
+/* Keep the final Chat flow above the overlapping official Composer. */
 [data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
   > [data-slot="conversation.session"] > :not(.oh-story-split-surface) {
   grid-column: 3;
@@ -521,6 +555,11 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   border-left: 1px solid var(--os-border);
 }
 
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+  [data-chat-flow] {
+  padding-bottom: calc(var(--dsh-composer-height, 152px) + 16px);
+}
+
 [data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
   > [data-composer-seat] {
   grid-column: 3;
@@ -571,7 +610,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,
@@ -597,39 +639,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; }
@@ -647,6 +676,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; }
@@ -657,13 +687,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;
@@ -686,13 +716,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 {
@@ -703,7 +737,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 {
@@ -714,7 +747,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;
@@ -730,7 +763,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;
@@ -742,7 +775,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; }
@@ -787,7 +820,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); }
@@ -843,49 +876,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);
 }
 
-@media (max-width: 700px) {
-  [data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
-    grid-template-columns: 72px minmax(0, 1fr) 236px;
-  }
-  .oh-story-tree { padding-inline: 5px; }
-  .oh-story-brand { padding-inline: 3px; font-size: 11px; }
-  .oh-story-brand button { width: 24px; }
-  .oh-story-mode-tabs { margin-inline: 0; }
-  .oh-story-mode-tabs button { font-size: 10px; }
-  .oh-story-editor header { padding-inline: 7px; }
-  .oh-story-editor header > span { display: none; }
-  .oh-story-editor-tabs button { padding-inline: 6px; }
-  .oh-story-jsonl summary > code,
-  .oh-story-jsonl summary > em { display: none; }
+[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);
 }
-`;
 
-// src/file-activity-projection-types.ts
-var FILE_ACTIVITY_PROJECTION_KEY = "ohStoryFileActivity";
+[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 = ["sessions", "slots"], EMPTY_FILE_ACTIVITY_STORE = {
-  subscribe: () => () => {
-  },
-  getSnapshot: () => {
-  }
-}, WorkspaceRequestError = class extends Error {
+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;
-}, workbenchMemory = /* @__PURE__ */ new Map(), GROUP_ORDER = {
+}, 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";
 }
@@ -897,7 +985,6 @@ function preferredFile(files, mode) {
   }
   return matching[0]?.path;
 }
-var 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();
@@ -921,7 +1008,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,
@@ -936,7 +1025,7 @@ function FileTreeNodes({
     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 })
       ] }),
@@ -973,20 +1062,43 @@ function useWorkspace(sessionId) {
 function CreativeWorkbench({
   sessionId,
   runningCalls,
-  projectedCalls
+  partial,
+  settledMutation,
+  useStore,
+  actions
 }) {
   let { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId), activities = (0, import_react.useMemo)(
-    () => fileMutations(runningCalls, projectedCalls),
-    [projectedCalls, runningCalls]
+    () => 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, remembered = (0, import_react.useMemo)(() => workbenchMemory.get(sessionId), [sessionId]), [workbench, setWorkbench] = (0, import_react.useState)(remembered?.workbench ?? "story"), initializedWorkbench = (0, import_react.useRef)(!1), [selected, setSelected] = (0, import_react.useState)(remembered?.selected), [buffers, setBuffers] = (0, import_react.useState)(remembered?.buffers ?? {}), buffersRef = (0, import_react.useRef)({}), [expanded, setExpanded] = (0, import_react.useState)(remembered?.expanded ?? {}), 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()), 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, setEditorMode] = (0, import_react.useState)(remembered?.editorMode ?? "preview"), modeSelection = (0, import_react.useRef)(selected);
+  }), [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)(() => {
-    workbenchMemory.set(sessionId, { buffers, editorMode, expanded, selected, workbench });
-  }, [buffers, editorMode, expanded, selected, sessionId, workbench]), (0, import_react.useEffect)(() => {
+  }, [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();
     };
@@ -994,8 +1106,7 @@ function CreativeWorkbench({
       globalThis.removeEventListener("beforeunload", warn);
     };
   }, []);
-  let revealPath = (0, import_react.useCallback)((path) => {
-    setWorkbench(workbenchModeForPath(path) ?? "story"), setSelected(path);
+  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) => {
@@ -1003,24 +1114,22 @@ function CreativeWorkbench({
       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)(() => {
-    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)(() => {
-    activityPath !== void 0 && setEditorMode("source");
-  }, [activityPath]), (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)(() => {
-    if (!workspaceLoading) {
-      if (activityPath !== void 0) {
-        revealPath(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, revealPath, selected, workbench, workspace, workspaceLoading]), (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) => {
@@ -1068,8 +1177,8 @@ function CreativeWorkbench({
     };
   }, [activityPaths, selected, sessionId, workspace?.files]), (0, import_react.useEffect)(() => {
     if (normalizedActivities.length !== 0) {
-      for (let { path } of normalizedActivities) revealPath(path);
-      setBuffers((current) => {
+      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];
@@ -1099,7 +1208,7 @@ function CreativeWorkbench({
         return next;
       });
     }
-  }, [normalizedActivities, revealPath]), (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));
@@ -1107,6 +1216,11 @@ function CreativeWorkbench({
       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) {
@@ -1230,7 +1344,9 @@ function CreativeWorkbench({
     setWorkbench(next);
     let target = workspace === void 0 ? void 0 : preferredFile(workspace.files, next);
     target === void 0 ? setSelected(void 0) : revealPath(target);
-  }, selectedGroup = selected === void 0 ? void 0 : groupForPath(selected), toggleGroup = (key, open) => {
+  }, 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;
@@ -1247,17 +1363,32 @@ function CreativeWorkbench({
     /* @__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]) => {
@@ -1286,16 +1417,28 @@ function CreativeWorkbench({
     ] }),
     /* @__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" })
-          ] }),
+          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" })
@@ -1340,8 +1483,12 @@ function CreativeWorkbench({
       ] }) : 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) => ({
@@ -1363,12 +1510,8 @@ function CreativeWorkbench({
     ] })
   ] });
 }
-function CreativeSplitBridge({ context }) {
-  let marker = (0, import_react.useRef)(null), [target, setTarget] = (0, import_react.useState)(), provideFace = context.sessions.currentProvideInfo, subscribeProvide = (0, import_react.useCallback)((listener) => provideFace.subscribe(listener), [provideFace]), getProvide = (0, import_react.useCallback)(() => provideFace.getSnapshot(), [provideFace]), provide = (0, import_react.useSyncExternalStore)(subscribeProvide, getProvide, getProvide), sessionId = provide.sessionId, source = provide.hooks.session, subscribe = (0, import_react.useCallback)((listener) => source?.subscribe(listener) ?? (() => {
-  }), [source]), getSnapshot = (0, import_react.useCallback)(() => source?.getSnapshot(), [source]), snapshot = (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot), projectionSource = (0, import_react.useMemo)(
-    () => provide.projections?.faceOf(FILE_ACTIVITY_PROJECTION_KEY) ?? EMPTY_FILE_ACTIVITY_STORE,
-    [provide.projections]
-  ), subscribeProjection = (0, import_react.useCallback)((listener) => projectionSource.subscribe(listener), [projectionSource]), getProjection = (0, import_react.useCallback)(() => projectionSource.getSnapshot(), [projectionSource]), projection = (0, import_react.useSyncExternalStore)(subscribeProjection, getProjection, getProjection);
+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 document = marker.current?.ownerDocument;
     if (document === void 0) return;
@@ -1384,27 +1527,34 @@ function CreativeSplitBridge({ context }) {
   }, [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 || sessionId === void 0 ? null : (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    target === void 0 ? null : (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       CreativeWorkbench,
       {
         sessionId,
-        runningCalls: snapshot?.runningCalls ?? EMPTY_CALLS,
-        projectedCalls: projection?.calls ?? []
-      },
-      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 {
@@ -1433,11 +1583,18 @@ function RoleToolView({ block, inspect }) {
   ] });
 }
 function apply(context) {
-  context.slots.inject("shell.overlay", () => context.slots.register({
-    name: "shell.overlay",
-    id: "oh-story-workspace",
-    order: -100
-  }, () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CreativeSplitBridge, { context }))), 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));