@oh-story/dsh 0.1.0 → 0.1.1

package/lib/client.js

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(index_exports);
 var 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 decodeEscape(character) {
   switch (character) {
     case '"':
@@ -80,7 +80,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 +99,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 +111,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 +126,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 +136,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 +146,50 @@ 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;
-  }
-  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;
+    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, projectedCalls = []) {
+  let values = [];
+  visitRunning(runningCalls, (call) => {
+    values.push(...mutationsFromRunning(call));
+  });
+  for (let call of projectedCalls) {
+    let value = mutationFromArgs(call.name, call.callId, call.argsRaw, "streaming");
+    value !== void 0 && !values.some((candidate) => candidate.callId === value.callId) && values.push(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 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 +201,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)}`;
   }
@@ -466,7 +503,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   --os-border: var(--dsw-alias-border-l2);
   --os-muted: var(--dsw-alias-label-tertiary);
   display: grid;
-  grid-template-columns: clamp(108px, 16%, 190px) minmax(220px, 1fr) minmax(260px, 38%);
+  grid-template-columns: clamp(96px, 16%, 190px) minmax(180px, 1fr) minmax(252px, 38%);
   grid-template-rows: minmax(0, 1fr);
   min-height: 0;
   overflow-x: hidden;
@@ -765,7 +802,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 +814,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; } }
@@ -799,10 +849,40 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   }
   .oh-story-editor textarea { padding-right: 28px; padding-left: 28px; }
 }
+
+@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; }
+}
 `;
 
+// src/file-activity-projection-types.ts
+var FILE_ACTIVITY_PROJECTION_KEY = "ohStoryFileActivity";
+
 // 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 = ["sessions", "slots"], EMPTY_FILE_ACTIVITY_STORE = {
+  subscribe: () => () => {
+  },
+  getSnapshot: () => {
+  }
+}, WorkspaceRequestError = class extends Error {
+  constructor(status, message) {
+    super(message);
+    this.status = status;
+  }
+  status;
+}, workbenchMemory = /* @__PURE__ */ new Map(), 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"]
 };
@@ -817,14 +897,14 @@ function preferredFile(files, mode) {
   }
   return matching[0]?.path;
 }
-var EMPTY_BLOCKS = [], EMPTY_CALLS = [];
+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();
 }
 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({
@@ -852,7 +932,7 @@ 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: [
@@ -876,89 +956,157 @@ 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,
+  projectedCalls
+}) {
+  let { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId), activities = (0, import_react.useMemo)(
+    () => fileMutations(runningCalls, projectedCalls),
+    [projectedCalls, 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);
   (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)(() => {
+    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 revealPath = (0, import_react.useCallback)((path) => {
+    setWorkbench(workbenchModeForPath(path) ?? "story"), setSelected(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;
+    });
+  }, []);
+  (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;
-    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`);
+    activityPath !== void 0 && setEditorMode("source");
+  }, [activityPath]), (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;
       }
-      setBuffers((current) => ({
-        ...current,
-        [file.path]: { content: file.content, saved: file.content, source: "disk", version: file.version }
-      }));
+      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)(() => {
+    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 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) revealPath(path);
+      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)(() => {
+  }, [normalizedActivities, revealPath]), (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 (selected !== void 0) {
       for (let button of navRef.current?.querySelectorAll("button[data-file-path]") ?? [])
         if (button.dataset.filePath === selected) {
@@ -967,7 +1115,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 +1125,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 +1135,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,11 +1227,21 @@ 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);
+    target === void 0 ? setSelected(void 0) : revealPath(target);
   }, 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 }),
@@ -1052,8 +1259,9 @@ function CreativeWorkbench({ sessionId, useSession }) {
         }, children: "\u77ED\u5267" })
       ] }),
       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 +1278,7 @@ function CreativeWorkbench({ sessionId, useSession }) {
               selected,
               activityPath,
               onToggle: toggleGroup,
-              onSelect: setSelected
+              onSelect: revealPath
             }
           )
         ] }, directory2);
@@ -1088,16 +1296,26 @@ function CreativeWorkbench({ sessionId, useSession }) {
               setEditorMode("source");
             }, children: "\u6E90\u7801" })
           ] }),
-          (dirty || saving) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "oh-story-save", type: "button", disabled: saving, onClick: () => {
-            save();
+          (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,6 +1329,14 @@ 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",
         {
@@ -1124,13 +1350,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,12 +1363,25 @@ function CreativeWorkbench({ sessionId, useSession }) {
     ] })
   ] });
 }
-function CreativeSplitBridge(props) {
-  let marker = (0, import_react.useRef)(null), [target, setTarget] = (0, import_react.useState)();
+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);
   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 = () => {
@@ -1156,7 +1394,15 @@ function CreativeSplitBridge(props) {
     };
   }, [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 || sessionId === 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
+    ), target)
   ] });
 }
 function argsOf(block) {
@@ -1187,11 +1433,11 @@ function RoleToolView({ block, inspect }) {
   ] });
 }
 function apply(context) {
-  context.slots.inject("conversation.session.header.actions", () => context.slots.register({
-    name: "conversation.session.header.actions",
+  context.slots.inject("shell.overlay", () => context.slots.register({
+    name: "shell.overlay",
     id: "oh-story-workspace",
     order: -100
-  }, CreativeSplitBridge)), context.slots.inject("tool.call.toolview", () => context.slots.register({
+  }, () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CreativeSplitBridge, { context }))), context.slots.inject("tool.call.toolview", () => context.slots.register({
     name: "tool.call.toolview",
     key: "oh_story_role"
   }, RoleToolView));