@oh-story/dsh 0.1.6 → 0.1.8

package/lib/client.js

@@ -560,10 +560,11 @@ function parseEpisodeProduction(documents, episodeDirectory) {
   let storyboardPath = `${episodeDirectory}/\u5206\u955C.md`, imagePromptPath = `${episodeDirectory}/\u56FE\u7247\u63D0\u793A\u8BCD.md`, videoPromptPath = `${episodeDirectory}/\u89C6\u9891\u63D0\u793A\u8BCD.md`, visualPath = `${episodeDirectory}/\u89C6\u89C9\u8BBE\u5B9A.md`, shots = parseStoryboard(storyboardPath, documents[storyboardPath] ?? ""), assets = parseImagePrompts(imagePromptPath, documents[imagePromptPath] ?? ""), motions = parseVideoPrompts(videoPromptPath, documents[videoPromptPath] ?? ""), visualAssets = parseVisualAssets(visualPath, documents[visualPath] ?? ""), motionByShot = new Map(motions.flatMap((motion) => motion.shotId === void 0 ? [] : [[motion.shotId, motion]])), linkedShots = shots.map((shot) => ({ ...shot, motion: motionByShot.get(shot.id) })), targets = /* @__PURE__ */ new Map();
   for (let item of [...linkedShots, ...assets, ...motions, ...visualAssets])
     targets.set(item.id, { path: item.path, offset: item.offset, id: item.id });
+  let screenplayPath = `${episodeDirectory}/\u5267\u672C.md`;
   for (let shot of linkedShots)
-    if (shot.source !== void 0) {
-      let screenplayPath = `${episodeDirectory}/\u5267\u672C.md`, target = sectionTarget(screenplayPath, documents[screenplayPath] ?? "", shot.source);
-      target !== void 0 && targets.set(shot.source, target);
+    for (let id of sourceKeys(shot)) {
+      let target = sectionTarget(screenplayPath, documents[screenplayPath] ?? "", id);
+      target !== void 0 && targets.set(id, target);
     }
   let diagnostics = validateProductionProtocol({
     documents,
@@ -589,13 +590,14 @@ function parseStoryboard(path, content) {
   return levelTwoSections(content).flatMap((section) => {
     let match = /^(SHOT-[A-Z0-9-]+)\s*(?:[·｜|]\s*)?(.*)$/iu.exec(section.heading.trim());
     if (match === null || match[1] === void 0) return [];
-    let fields = bulletFields(section.body), id = match[1].toLocaleUpperCase();
+    let fields = bulletFields(section.body), id = match[1].toLocaleUpperCase(), source = firstField(fields, "\u6765\u6E90", "\u573A\u6B21");
     return [{
       id,
       title: match[2]?.trim() || id,
       path,
       offset: section.offset,
-      source: firstField(fields, "\u6765\u6E90", "\u573A\u6B21"),
+      source,
+      sceneIds: sourceSceneIds(source),
       durationSeconds: seconds(firstField(fields, "\u65F6\u957F")),
       purpose: firstField(fields, "\u76EE\u7684", "\u955C\u5934\u76EE\u7684"),
       shotSpec: firstField(fields, "\u666F\u522B/\u673A\u4F4D", "\u666F\u522B", "\u955C\u5934\u89C4\u683C"),
@@ -663,7 +665,8 @@ function validateProductionProtocol(input) {
   for (let shot of input.shots) {
     for (let reference of shot.references)
       knownReferences.has(reference) || add({ severity: "warning", code: "unknown_reference", path: shot.path, offset: shot.offset, targetId: shot.id, message: `${shot.id} \u5F15\u7528\u4E86\u672A\u89E3\u6790\u7684 ${reference}\u3002` });
-    shot.source !== void 0 && sectionTarget(screenplayPath, input.documents[screenplayPath] ?? "", shot.source) === void 0 && add({ severity: "warning", code: "unknown_source", path: shot.path, offset: shot.offset, targetId: shot.id, message: `${shot.id} \u7684\u6765\u6E90 ${shot.source} \u5728\u5267\u672C\u4E2D\u4E0D\u5B58\u5728\u3002` });
+    for (let id of sourceKeys(shot))
+      sectionTarget(screenplayPath, input.documents[screenplayPath] ?? "", id) === void 0 && add({ severity: "warning", code: "unknown_source", path: shot.path, offset: shot.offset, targetId: shot.id, message: `${shot.id} \u7684\u6765\u6E90 ${id} \u5728\u5267\u672C\u4E2D\u4E0D\u5B58\u5728\u3002` });
   }
   let shots = new Set(input.shots.map((shot) => shot.id)), motionsByShot = /* @__PURE__ */ new Map();
   for (let motion of input.motions) {
@@ -739,6 +742,12 @@ function slug(value) {
 function lineAt(content, offset) {
   return content.slice(0, Math.max(0, offset)).split(/\r?\n/u).length;
 }
+function sourceSceneIds(source) {
+  return source === void 0 ? [] : [...new Set([...source.matchAll(/(?:[A-Za-z0-9]+-)+SC[0-9]+/gu)].map((match) => match[0]))];
+}
+function sourceKeys(shot) {
+  return shot.sceneIds.length > 0 ? shot.sceneIds : shot.source === void 0 ? [] : [shot.source];
+}
 function sectionTarget(path, content, id) {
   let offset = content.search(new RegExp(`^##\\s+${id.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&")}(?:\\s|$)`, "imu"));
   return offset < 0 ? void 0 : { path, offset, id };
@@ -751,6 +760,19 @@ function creatorDocumentOrder(path) {
 // src/client/drama-production-view.tsx
 var import_react = require("react");
 
+// src/client/workbench-ui.ts
+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 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();
+}
+
 // src/client/production-prompts.ts
 var authorityBoundary = "\u53EA\u4F7F\u7528\u5F53\u524D DSH Preset \u53EF\u89C1\u7684\u5DE5\u5177\uFF1B\u6240\u6709\u6587\u4EF6\u3001\u7F51\u7EDC\u3001\u751F\u6210\u548C\u547D\u4EE4\u64CD\u4F5C\u7EE7\u7EED\u9075\u5B88 DSH \u6743\u9650\u4E0E\u5BA1\u6279\u3002";
 function nativeProductionPrompt(production, job, references) {
@@ -905,7 +927,53 @@ function reorderSequence(sequence, source, target) {
 }
 
 // src/client/drama-production-view.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime"), SECTION_LABELS = { shots: "\u955C\u5934", assets: "\u7D20\u6750", tasks: "\u4EFB\u52A1", sequence: "\u6210\u7247", canvas: "\u753B\u5E03" }, SECTION_ORDER = Object.keys(SECTION_LABELS), STATUS_LABELS = { awaiting_confirmation: "\u7B49\u5F85\u786E\u8BA4", pending: "\u5DF2\u63D0\u4EA4", running: "DSH \u6267\u884C\u4E2D", dispatched_unknown: "\u5F85\u6838\u5BF9", succeeded: "\u5DF2\u5B8C\u6210", failed: "\u5931\u8D25", canceled: "\u5DF2\u53D6\u6D88" }, ASSET_KIND_LABEL = { character: "\u4EBA\u7269", scene: "\u573A\u666F", prop: "\u9053\u5177", state: "\u72B6\u6001", unknown: "\u8BBE\u5B9A" }, JOB_KIND_LABEL = { image: "\u56FE\u7247", video: "\u89C6\u9891", composition: "\u6210\u7247" };
+var import_jsx_runtime3 = require("react/jsx-runtime"), SECTION_LABELS = { shots: "\u955C\u5934", assets: "\u7D20\u6750", tasks: "\u4EFB\u52A1", sequence: "\u6210\u7247", canvas: "\u753B\u5E03" }, SECTION_ORDER = Object.keys(SECTION_LABELS), STATUS_LABELS = { awaiting_confirmation: "\u7B49\u5F85\u786E\u8BA4", pending: "\u5DF2\u63D0\u4EA4", running: "DSH \u6267\u884C\u4E2D", dispatched_unknown: "\u5F85\u6838\u5BF9", succeeded: "\u5DF2\u5B8C\u6210", failed: "\u5931\u8D25", canceled: "\u5DF2\u53D6\u6D88" }, ASSET_KIND_LABEL = { character: "\u4EBA\u7269", scene: "\u573A\u666F", prop: "\u9053\u5177", state: "\u72B6\u6001", unknown: "\u8BBE\u5B9A" }, JOB_KIND_LABEL = { image: "\u56FE\u7247", video: "\u89C6\u9891", composition: "\u6210\u7247" }, MODALITY_LABEL = { image: "\u56FE\u7247", video: "\u89C6\u9891", music: "\u97F3\u4E50" };
+function ProductionEnvironment({ sessionId }) {
+  let [preflight, setPreflight] = (0, import_react.useState)(), [attempt, setAttempt] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    let controller = new AbortController();
+    return fetch(endpoint("drama-preflight", sessionId), { signal: controller.signal }).then(async (response) => {
+      if (!response.ok) throw new Error(`HTTP ${String(response.status)}`);
+      let summary = await response.json();
+      controller.signal.aborted || setPreflight(summary);
+    }).catch(() => {
+      controller.signal.aborted || setPreflight("failed");
+    }), () => {
+      controller.abort();
+    };
+  }, [attempt, sessionId]);
+  let unconfigured = typeof preflight == "object" ? preflight.adapters.filter((adapter) => !adapter.configured) : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production-environment", role: "status", "aria-label": "\u5A92\u4F53\u751F\u6210\u73AF\u5883", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "\u751F\u6210\u73AF\u5883" }),
+    preflight === void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "data-pending": !0, children: "\u68C0\u67E5\u4E2D\u2026" }),
+    preflight === "failed" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+      setPreflight(void 0), setAttempt((value) => value + 1);
+    }, children: "\u73AF\u5883\u68C0\u67E5\u5931\u8D25 \xB7 \u91CD\u8BD5" }),
+    typeof preflight == "object" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { "data-ready": preflight.python.ok || void 0, children: [
+        "Python ",
+        preflight.python.version ?? "\u672A\u627E\u5230"
+      ] }),
+      preflight.adapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { "data-ready": adapter.configured || void 0, title: adapter.configured ? `${adapter.name} \u5DF2\u914D\u7F6E` : `\u7F3A\u5C11\u73AF\u5883\u53D8\u91CF ${adapter.missing.join("\u3001")}`, children: [
+        MODALITY_LABEL[adapter.modality],
+        " ",
+        adapter.label,
+        adapter.configured ? "" : ` \xB7 \u7F3A ${adapter.missing.join("\u3001")}`
+      ] }, adapter.name)),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("em", { children: [
+        "DeepSeek \u53EA\u8D1F\u8D23\u5199\u63D0\u793A\u8BCD\uFF1B\u56FE\u7247\u3001\u89C6\u9891\u3001\u97F3\u4E50\u7531\u4E0A\u9762\u7684\u4F9B\u5E94\u5546 API \u751F\u6210\uFF0CKey \u5728\u542F\u52A8 DSH \u524D\u5199\u5165\u5BBF\u4E3B\u673A\u73AF\u5883\u53D8\u91CF\u3002",
+        unconfigured.length === preflight.adapters.length && " \u5F53\u524D\u4E00\u4E2A\u90FD\u6CA1\u914D\u7F6E\uFF0C\u751F\u4EA7\u4EFB\u52A1\u4F1A\u505C\u5728 adapter \u4E4B\u524D\u3002",
+        " ",
+        "Adapter \u914D\u7F6E",
+        preflight.adapterConfig.generated ? "\u5DF2\u81EA\u52A8\u767B\u8BB0" : "\u4F7F\u7528\u81EA\u5B9A\u4E49\u6587\u4EF6",
+        preflight.adapterConfig.ok ? "" : "\uFF08\u5199\u5165\u5931\u8D25\uFF09",
+        "\uFF1A",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: preflight.adapterConfig.path }),
+        "\u3002\u8BE6\u89C1 README\u300C\u5A92\u4F53\u751F\u6210 API\u300D\u3002"
+      ] })
+    ] })
+  ] });
+}
 function handleSectionKey(event, current, onChange) {
   let index = SECTION_ORDER.indexOf(current), next = event.key === "Home" ? 0 : event.key === "End" ? SECTION_ORDER.length - 1 : event.key === "ArrowRight" ? (index + 1) % SECTION_ORDER.length : event.key === "ArrowLeft" ? (index - 1 + SECTION_ORDER.length) % SECTION_ORDER.length : void 0;
   next !== void 0 && (event.preventDefault(), onChange(SECTION_ORDER[next]), event.currentTarget.parentElement?.querySelectorAll("[role='tab']")[next]?.focus());
@@ -1006,6 +1074,7 @@ ${item.prompt}`).join(`
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: props.onRefresh, children: "\u5237\u65B0" })
       ] })
     ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProductionEnvironment, { sessionId: props.sessionId }),
     notice !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production-notice", role: "status", children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: notice }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": "\u5173\u95ED\u63D0\u793A", onClick: () => {
@@ -1083,7 +1152,7 @@ function ShotBoard(props) {
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-reference-links", children: [
-          shot.source !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReferenceButton, { id: shot.source, production: props.production, onNavigate: props.onNavigate }),
+          shot.sceneIds.length > 0 ? shot.sceneIds.map((sceneId) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReferenceButton, { id: sceneId, production: props.production, onNavigate: props.onNavigate }, sceneId)) : shot.source !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReferenceButton, { id: shot.source, production: props.production, onNavigate: props.onNavigate }),
           shot.references.map((id) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReferenceButton, { id, production: props.production, onNavigate: props.onNavigate }, id))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-card-actions", children: [
@@ -1419,21 +1488,6 @@ function settledProductionIntents(chat) {
 
 // src/client/video-studio.tsx
 var import_react2 = require("react");
-
-// src/client/workbench-ui.ts
-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 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();
-}
-
-// src/client/video-studio.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function preferredPreview(project) {
   return project.previews.find((item) => item.role === "final") ?? project.previews.find((item) => item.role === "edited") ?? project.previews.find((item) => item.role === "source");
@@ -1644,7 +1698,8 @@ function VideoStudio({
   labelledBy,
   onProject,
   onTab,
-  onWorkbench
+  onWorkbench,
+  onCollapse
 }) {
   let project = projects.find((item) => item.id === projectId) ?? projects[0], tabsId = (0, import_react2.useId)();
   (0, import_react2.useEffect)(() => {
@@ -1653,23 +1708,26 @@ function VideoStudio({
   let tabs = ["preview", "artifacts"];
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("main", { id: paneId, className: "oh-video-studio", role: "tabpanel", "aria-labelledby": labelledBy, hidden, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "oh-video-toolbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: workbenches.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": mode === "video",
-          tabIndex: mode === "video" ? 0 : -1,
-          onKeyDown: (event) => {
-            handleTabKey(event, workbenches, "video", onWorkbench);
-          },
-          onClick: () => {
-            onWorkbench(mode);
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-workbench-cluster", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: workbenches.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": mode === "video",
+            tabIndex: mode === "video" ? 0 : -1,
+            onKeyDown: (event) => {
+              handleTabKey(event, workbenches, "video", onWorkbench);
+            },
+            onClick: () => {
+              onWorkbench(mode);
+            },
+            children: workbenchLabel(mode)
           },
-          children: workbenchLabel(mode)
-        },
-        mode
-      )) }),
+          mode
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "oh-workbench-collapse", type: "button", title: "\u6536\u8D77\u521B\u4F5C\u5DE5\u4F5C\u53F0", "aria-label": "\u6536\u8D77\u521B\u4F5C\u5DE5\u4F5C\u53F0", onClick: onCollapse, children: "\xD7" })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "oh-video-project", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u89C6\u9891\u9879\u76EE" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { "aria-label": "\u89C6\u9891\u9879\u76EE", value: project?.id ?? "", disabled: project === void 0, onChange: (event) => {
@@ -1715,14 +1773,94 @@ function VideoStudio({
   ] });
 }
 
+// src/client/workbench-presence.ts
+function hasCreativeProject(workspace) {
+  return workspace === void 0 ? !1 : workspace.files.length > 0 || workspace.videos.length > 0 || workspace.games.some((game) => game.source === "workspace");
+}
+function resolveWorkbenchOpen(preference, creativeProject) {
+  return preference === void 0 ? creativeProject : preference === "open";
+}
+function workbenchPreferenceKey(cwd) {
+  return `oh-story.workbench.${cwd}`;
+}
+function readWorkbenchPreference(storage, cwd) {
+  if (storage === void 0 || cwd === void 0) return;
+  let value;
+  try {
+    value = storage.getItem(workbenchPreferenceKey(cwd));
+  } catch {
+    return;
+  }
+  return value === "open" || value === "closed" ? value : void 0;
+}
+function writeWorkbenchPreference(storage, cwd, preference) {
+  if (!(storage === void 0 || cwd === void 0))
+    try {
+      storage.setItem(workbenchPreferenceKey(cwd), preference);
+    } catch {
+    }
+}
+function workbenchPreferenceStorage() {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return;
+  }
+}
+
 // 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-welcome {
+  box-sizing: border-box;
+  order: -1;
+  flex-shrink: 0;
+  width: min(640px, calc(100% - 32px));
+  margin: 24px auto;
+  padding: 20px 24px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-base);
+  font: 14px/1.7 var(--dsw-font-family);
+  overflow-wrap: anywhere;
+}
+.oh-story-welcome h2 { margin: 0 0 8px; font-size: 20px; }
+.oh-story-welcome p { margin: 8px 0 0; }
+.oh-story-welcome ol { margin: 12px 0; padding-left: 24px; }
 .oh-story-split-surface { display: contents; font-family: var(--dsw-font-family); }
 
+/* Collapsed, the plugin owns nothing but this control: DSH renders the
+   conversation exactly as it does without the plugin installed. The launcher is
+   fixed to the conversation column's own corner, which the bridge publishes,
+   because the surrounding shell is not ours to place things in. */
+.oh-story-launcher {
+  box-sizing: border-box;
+  display: flex;
+  position: fixed;
+  z-index: 9;
+  top: calc(var(--oh-story-seam-top, 0px) + 10px);
+  right: calc(var(--oh-story-seam-right, 0px) + 14px);
+  min-height: 28px;
+  align-items: center;
+  gap: 6px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-base);
+  padding: 3px 11px;
+  cursor: pointer;
+  font-family: var(--dsw-font-family);
+  font-size: 12px;
+  line-height: 20px;
+}
+.oh-story-launcher b { font-weight: 500; }
+.oh-story-launcher:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
+.oh-story-launcher:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 2px; }
+
 /* 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) {
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   --os-border: var(--dsw-alias-border-l2);
   --os-muted: var(--dsw-alias-label-secondary);
   display: grid;
@@ -1737,7 +1875,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 }
 
 /* Keep the final Chat flow above the overlapping official Composer. */
-[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   > [data-slot="conversation.session"] > :not(.oh-story-split-surface) {
   grid-column: 3;
   grid-row: 1;
@@ -1746,12 +1884,12 @@ 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-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   [data-chat-flow] {
   padding-bottom: calc(max(var(--dsh-composer-height, 152px), var(--oh-story-composer-height, 0px)) + 16px);
 }
 
-[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   > [data-composer-seat] {
   grid-column: 3;
   grid-row: 1;
@@ -1765,7 +1903,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 
 /* Game mode keeps the official Conversation on the right but merges the two
    creator columns into one playable Studio. */
-[data-conversation-scroll][data-oh-story-workbench="game"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+[data-conversation-scroll][data-oh-story-workbench="game"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   --game-stage: #0d100e;
   --game-stage-raised: #161a17;
   --game-accent: var(--dsw-alias-state-business-primary);
@@ -1775,9 +1913,9 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   overflow: hidden;
 }
 
-[data-conversation-scroll][data-oh-story-workbench="game"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+[data-conversation-scroll][data-oh-story-workbench="game"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   > [data-slot="conversation.session"] > :not(.oh-story-split-surface),
-[data-conversation-scroll][data-oh-story-workbench="game"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+[data-conversation-scroll][data-oh-story-workbench="game"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   > [data-composer-seat] { grid-column: 2; }
 
 /* DSH 0.1.2 lays two 40px column-resize strips (z-index 8) over the whole
@@ -2053,6 +2191,27 @@ 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-brand-actions { display: flex; flex: none; align-items: center; gap: 2px; }
+
+.oh-workbench-cluster { display: flex; min-width: 0; align-items: center; gap: 6px; }
+.oh-workbench-collapse {
+  display: grid;
+  width: 28px;
+  height: 28px;
+  flex: none;
+  place-items: center;
+  border: 0;
+  border-radius: 5px;
+  color: var(--os-muted);
+  background: transparent;
+  padding: 0;
+  cursor: pointer;
+  font: inherit;
+  font-size: 16px;
+}
+.oh-workbench-collapse:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
+.oh-workbench-collapse:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: -2px; }
+
 .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,
@@ -2313,6 +2472,16 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-production-summary { color: var(--os-muted); white-space: nowrap; }
 .oh-story-production-notice { justify-content: space-between; margin: 8px 12px 0; padding: 7px 9px; border: 1px solid var(--os-border); border-radius: 7px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-bg-layer-1); }
 .oh-story-production-notice button { border: 0; background: transparent; }
+.oh-story-production-environment { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: 5px 10px; margin: 8px 12px 0; padding: 7px 9px; border: 1px solid var(--os-border); border-radius: 7px; color: var(--os-muted); background: var(--dsw-alias-bg-layer-1); font-size: 10px; }
+/* Environment names such as MINIMAX_VIDEO_RESOLUTIONS and the temp-dir path are longer than the 500 px editor column; let them break rather than widen the view. */
+.oh-story-production-environment > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
+.oh-story-production-environment strong { color: var(--dsw-alias-label-secondary); font-size: 11px; }
+.oh-story-production-environment span::before { content: "\u25CF"; margin-right: 4px; color: var(--video-danger, #d9534f); }
+.oh-story-production-environment span[data-ready]::before { color: var(--dsw-alias-state-success-primary, #45b96f); }
+.oh-story-production-environment span[data-pending]::before { color: var(--os-muted); }
+.oh-story-production-environment em { flex-basis: 100%; font-style: normal; line-height: 1.5; }
+.oh-story-production-environment code { font-size: 10px; overflow-wrap: anywhere; }
+.oh-story-production-environment button { min-height: 24px; border: 1px solid var(--os-border); border-radius: 6px; padding: 0 8px; color: inherit; background: var(--dsw-alias-bg-base); cursor: pointer; font: inherit; }
 .oh-story-production-diagnostics { margin: 8px 12px 0; padding: 7px 9px; border: 1px solid var(--dsw-alias-state-warn-label); border-radius: 7px; background: var(--dsw-specific-tip); }
 .oh-story-production-diagnostics summary { color: var(--dsw-alias-state-warn-label); cursor: pointer; }
 .oh-story-production-diagnostics ul { display: grid; gap: 4px; margin: 8px 0 0; padding: 0; list-style: none; }
@@ -2436,11 +2605,11 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-canvas article span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .oh-story-canvas article span { color: var(--os-muted); font-size: 10px; }
 
-[data-conversation-scroll][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+[data-conversation-scroll][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   grid-template-columns: clamp(104px, 18%, 184px) minmax(200px, 1fr) clamp(300px, 45%, 408px);
 }
 
-[data-conversation-scroll][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+[data-conversation-scroll][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   grid-template-columns: clamp(80px, 16%, 104px) minmax(0, 1fr) clamp(228px, 48%, 300px);
 }
 
@@ -2483,12 +2652,12 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 [data-oh-story-layout="compact"] .oh-story-jsonl summary > code,
 [data-oh-story-layout="compact"] .oh-story-jsonl summary > em { display: none; }
 
-[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   grid-template-columns: minmax(0, 1fr) clamp(360px, 42%, 440px);
 }
 [data-oh-story-workbench="game"][data-oh-story-layout="medium"] .oh-game-toolbar { grid-template-columns: auto minmax(140px, 1fr) auto; }
 
-[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   overflow: hidden;
@@ -2523,7 +2692,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   gap: 5px;
   padding: 4px 8px;
 }
-[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-mode-tabs { grid-column: 1; grid-row: 1; width: fit-content; }
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-toolbar > .oh-workbench-cluster { grid-column: 1; grid-row: 1; width: fit-content; }
 [data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-project > span { display: none; }
 [data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-project { grid-column: 1 / -1; grid-row: 2; }
 [data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-project select { max-width: none; width: 100%; min-height: 44px; }
@@ -2549,7 +2718,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   align-content: center;
   padding: 4px 8px;
 }
-[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-studio[data-oh-game-narrow] .oh-game-mode-tabs {
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-studio[data-oh-game-narrow] .oh-game-toolbar > .oh-workbench-cluster {
   grid-column: 1;
   grid-row: 2;
   justify-self: start;
@@ -2607,7 +2776,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 
 /* Video mode intentionally stays a preview surface: one player, a read-only artifact view,
    and the official DSH Conversation. It shares no nonlinear-editor or timeline runtime. */
-[data-conversation-scroll][data-oh-story-workbench="video"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+[data-conversation-scroll][data-oh-story-workbench="video"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) {
   --video-stage: #0b0d10;
   --video-stage-raised: #15181d;
   --video-accent: var(--dsw-alias-state-business-primary);
@@ -2616,9 +2785,9 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   grid-template-columns: minmax(0, 1fr) clamp(400px, 34%, 520px);
   overflow: hidden;
 }
-[data-conversation-scroll][data-oh-story-workbench="video"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+[data-conversation-scroll][data-oh-story-workbench="video"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   > [data-slot="conversation.session"] > :not(.oh-story-split-surface),
-[data-conversation-scroll][data-oh-story-workbench="video"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+[data-conversation-scroll][data-oh-story-workbench="video"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"])
   > [data-composer-seat] { grid-column: 2; }
 
 .oh-video-studio {
@@ -2762,10 +2931,10 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-video-artifact-content { min-width: 0; min-height: 0; flex: 1; overflow: auto; }
 .oh-video-artifact-content pre { min-width: 0; min-height: 100%; box-sizing: border-box; margin: 0; padding: 20px; color: inherit; background: var(--dsw-alias-bg-base); white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.65 var(--dsw-font-family-mono, ui-monospace, monospace); }
 
-[data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) { grid-template-columns: minmax(0, 1fr) clamp(360px, 42%, 440px); }
+[data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="medium"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) { grid-template-columns: minmax(0, 1fr) clamp(360px, 42%, 440px); }
 [data-oh-story-workbench="video"][data-oh-story-layout="medium"] .oh-video-project select { width: 100%; }
 
-[data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
+[data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"]:has(> [data-slot="conversation.session"] > .oh-story-split-surface[data-open="true"]) { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"]
   > [data-slot="conversation.session"] > :not(.oh-story-split-surface),
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"]
@@ -2778,7 +2947,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"][data-oh-studio-pane="chat"] .oh-video-studio { display: none; }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-game-mobile-switcher { display: flex; position: absolute; top: 8px; right: 8px; z-index: 20; border-color: var(--dsw-alias-border-l1); box-shadow: 0 4px 14px rgb(0 0 0 / 12%); }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-video-toolbar { min-height: 142px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 44px 44px 38px; align-content: center; gap: 2px 6px; padding: 4px 8px; }
-[data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-video-mode-tabs { grid-column: 1 / -1; grid-row: 1; width: fit-content; }
+[data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-video-toolbar > .oh-workbench-cluster { grid-column: 1 / -1; grid-row: 1; width: fit-content; }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-video-tabs { grid-column: 2; grid-row: 2; justify-self: end; }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-video-project { grid-column: 1; grid-row: 2; }
 [data-conversation-scroll][data-oh-story-workbench="video"][data-oh-story-layout="compact"] .oh-video-project > span { display: none; }
@@ -2801,6 +2970,7 @@ function createWorkbenchStore() {
   return (0, import_dsh_client_store.defineStore)({
     init: () => ({
       buffers: {},
+      workbenchPreference: void 0,
       editorMode: "preview",
       expanded: {},
       selected: void 0,
@@ -2825,6 +2995,9 @@ function createWorkbenchStore() {
       setBuffers: (draft, update) => {
         draft.buffers = applyUpdate(draft.buffers, update);
       },
+      setWorkbenchPreference: (draft, update) => {
+        draft.workbenchPreference = applyUpdate(draft.workbenchPreference, update);
+      },
       setEditorMode: (draft, update) => {
         draft.editorMode = applyUpdate(draft.editorMode, update);
       },
@@ -3126,6 +3299,7 @@ function GameStudio({
   paneId,
   labelledBy,
   onWorkbench,
+  onCollapse,
   onSelect
 }) {
   let project = workspace.games.find((value) => value.id === gameProjectId) ?? workspace.games[0], studioRef = (0, import_react3.useRef)(null), tabsId = (0, import_react3.useId)();
@@ -3146,23 +3320,26 @@ function GameStudio({
   let tabs = ["preview", "design"];
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { ref: studioRef, id: paneId, className: "oh-game-studio", "data-source": project.source, role: "tabpanel", "aria-labelledby": labelledBy, hidden, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "oh-game-toolbar", children: [
-      workbenches.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: workbenches.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": mode === "game",
-          tabIndex: mode === "game" ? 0 : -1,
-          onKeyDown: (event) => {
-            handleTabKey(event, workbenches, "game", onWorkbench);
-          },
-          onClick: () => {
-            onWorkbench(mode);
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-workbench-cluster", children: [
+        workbenches.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: workbenches.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": mode === "game",
+            tabIndex: mode === "game" ? 0 : -1,
+            onKeyDown: (event) => {
+              handleTabKey(event, workbenches, "game", onWorkbench);
+            },
+            onClick: () => {
+              onWorkbench(mode);
+            },
+            children: workbenchLabel(mode)
           },
-          children: workbenchLabel(mode)
-        },
-        mode
-      )) }),
+          mode
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "oh-workbench-collapse", type: "button", title: "\u6536\u8D77\u521B\u4F5C\u5DE5\u4F5C\u53F0", "aria-label": "\u6536\u8D77\u521B\u4F5C\u5DE5\u4F5C\u53F0", onClick: onCollapse, children: "\xD7" })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "oh-game-project", title: "\u5207\u6362\u9879\u76EE\u5C06\u91CD\u65B0\u8F7D\u5165\u8BD5\u73A9", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u6E38\u620F\u9879\u76EE" }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { "aria-label": "\u6E38\u620F\u9879\u76EE\uFF1B\u5207\u6362\u5C06\u91CD\u65B0\u8F7D\u5165\u8BD5\u73A9", value: project.id, onChange: (event) => {
@@ -3209,16 +3386,24 @@ function CreativeWorkbench({
   sendProductionPrompt,
   cancelProduction,
   removeQueuedProduction,
+  workspace,
+  error,
+  workspaceLoading,
+  reload,
+  open,
+  creativeProject,
   useStore,
   actions
 }) {
-  let { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId), activities = (0, import_react3.useMemo)(
+  let activities = (0, import_react3.useMemo)(
     () => fileMutations(runningCalls, partial),
     [partial, runningCalls]
   ), normalizedActivities = (0, import_react3.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_react3.useMemo)(() => new Set(normalizedActivities.map((value) => value.path)), [normalizedActivities]), activity = primaryActivity?.activity, activityPath = primaryActivity?.path, workbench = useStore((memory) => memory.workbench), setWorkbench = actions.setWorkbench, gameTab = useStore((memory) => memory.gameTab), setGameTab = actions.setGameTab, gameProjectId = useStore((memory) => memory.gameProjectId), setGameProjectId = actions.setGameProjectId, gamePane = useStore((memory) => memory.gamePane), setGamePane = actions.setGamePane, videoTab = useStore((memory) => memory.videoTab), setVideoTab = actions.setVideoTab, videoProjectId = useStore((memory) => memory.videoProjectId), setVideoProjectId = actions.setVideoProjectId, videoPane = useStore((memory) => memory.videoPane), setVideoPane = actions.setVideoPane, selected = useStore((memory) => memory.selected), setSelected = actions.setSelected, buffers = useStore((memory) => memory.buffers), setBuffers = actions.setBuffers, buffersRef = (0, import_react3.useRef)({}), expanded = useStore((memory) => memory.expanded), setExpanded = actions.setExpanded, productionSection = useStore((memory) => memory.productionSection), setProductionSection = actions.setProductionSection, productionSelectedIds = useStore((memory) => memory.productionSelectedIds), productionJobsByEpisode = useStore((memory) => memory.productionJobs), productionSelectionsByEpisode = useStore((memory) => memory.productionSelections), productionReferencesByEpisode = useStore((memory) => memory.productionReferences), productionSequenceByEpisode = useStore((memory) => memory.productionSequence), productionCanvasByEpisode = useStore((memory) => memory.productionCanvas), productionZoomByEpisode = useStore((memory) => memory.productionZoom), productionIntentCalls = useStore((memory) => memory.productionIntentCalls), surfaceRef = (0, import_react3.useRef)(null), compactTabsId = (0, import_react3.useId)(), compactStudioId = `${compactTabsId}-studio-panel`, compactVideoStudioId = `${compactTabsId}-video-studio-panel`, compactChatId = `${compactTabsId}-chat-panel`, navRef = (0, import_react3.useRef)(null), activityBases = (0, import_react3.useRef)(/* @__PURE__ */ new Map()), previousSignals = (0, import_react3.useRef)(/* @__PURE__ */ new Set()), previousSettledMutation = (0, import_react3.useRef)(settledMutation), saveLocks = (0, import_react3.useRef)(/* @__PURE__ */ new Set()), buffer = selected === void 0 ? void 0 : buffers[selected], selectedFile = workspace?.files.find((file) => file.path === selected), selectedMedia = selectedFile?.kind === "media", 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, episodeDirectory = episodeDirectoryForPath(selected), productionAvailable = selected !== void 0 && isCreatorDocumentPath(selected) && episodeDirectory !== void 0, editorModes = productionAvailable ? EDITOR_MODES : EDITOR_MODES.filter((mode) => mode !== "production"), episodeDocumentPaths = (0, import_react3.useMemo)(
+  }), [activities, workspace?.cwd]), primaryActivity = normalizedActivities.at(-1), activityPaths = (0, import_react3.useMemo)(() => new Set(normalizedActivities.map((value) => value.path)), [normalizedActivities]), activity = primaryActivity?.activity, activityPath = primaryActivity?.path, workbench = useStore((memory) => memory.workbench), setWorkbench = actions.setWorkbench, gameTab = useStore((memory) => memory.gameTab), setGameTab = actions.setGameTab, gameProjectId = useStore((memory) => memory.gameProjectId), setGameProjectId = actions.setGameProjectId, gamePane = useStore((memory) => memory.gamePane), setGamePane = actions.setGamePane, videoTab = useStore((memory) => memory.videoTab), setVideoTab = actions.setVideoTab, videoProjectId = useStore((memory) => memory.videoProjectId), setVideoProjectId = actions.setVideoProjectId, videoPane = useStore((memory) => memory.videoPane), setVideoPane = actions.setVideoPane, selected = useStore((memory) => memory.selected), setSelected = actions.setSelected, buffers = useStore((memory) => memory.buffers), setBuffers = actions.setBuffers, buffersRef = (0, import_react3.useRef)({}), expanded = useStore((memory) => memory.expanded), setExpanded = actions.setExpanded, productionSection = useStore((memory) => memory.productionSection), setProductionSection = actions.setProductionSection, productionSelectedIds = useStore((memory) => memory.productionSelectedIds), productionJobsByEpisode = useStore((memory) => memory.productionJobs), productionSelectionsByEpisode = useStore((memory) => memory.productionSelections), productionReferencesByEpisode = useStore((memory) => memory.productionReferences), productionSequenceByEpisode = useStore((memory) => memory.productionSequence), productionCanvasByEpisode = useStore((memory) => memory.productionCanvas), productionZoomByEpisode = useStore((memory) => memory.productionZoom), productionIntentCalls = useStore((memory) => memory.productionIntentCalls), surfaceRef = (0, import_react3.useRef)(null), setWorkbenchPreference = actions.setWorkbenchPreference, applyWorkbenchPreference = (0, import_react3.useCallback)((preference) => {
+    setWorkbenchPreference(preference), writeWorkbenchPreference(workbenchPreferenceStorage(), workspace?.cwd, preference);
+  }, [setWorkbenchPreference, workspace?.cwd]), compactTabsId = (0, import_react3.useId)(), compactStudioId = `${compactTabsId}-studio-panel`, compactVideoStudioId = `${compactTabsId}-video-studio-panel`, compactChatId = `${compactTabsId}-chat-panel`, navRef = (0, import_react3.useRef)(null), activityBases = (0, import_react3.useRef)(/* @__PURE__ */ new Map()), previousSignals = (0, import_react3.useRef)(/* @__PURE__ */ new Set()), previousSettledMutation = (0, import_react3.useRef)(settledMutation), saveLocks = (0, import_react3.useRef)(/* @__PURE__ */ new Set()), buffer = selected === void 0 ? void 0 : buffers[selected], selectedFile = workspace?.files.find((file) => file.path === selected), selectedMedia = selectedFile?.kind === "media", 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, episodeDirectory = episodeDirectoryForPath(selected), productionAvailable = selected !== void 0 && isCreatorDocumentPath(selected) && episodeDirectory !== void 0, editorModes = productionAvailable ? EDITOR_MODES : EDITOR_MODES.filter((mode) => mode !== "production"), episodeDocumentPaths = (0, import_react3.useMemo)(
     () => episodeDirectory === void 0 ? [] : creatorDocumentPaths(workspace?.files.filter((file) => file.kind === "text") ?? [], episodeDirectory),
     [episodeDirectory, workspace?.files]
   ), episodeDocuments = (0, import_react3.useMemo)(() => Object.fromEntries(episodeDocumentPaths.flatMap((path) => {
@@ -3506,7 +3691,7 @@ function CreativeWorkbench({
         }
     }
   }, [selected]), (0, import_react3.useEffect)(() => {
-    if (normalizedActivities.length > 0 || workspace === void 0) return;
+    if (!open || 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) => {
@@ -3526,7 +3711,7 @@ function CreativeWorkbench({
     return sessionSurface.addEventListener("click", followOfficialFileLink, !0), () => {
       sessionSurface.removeEventListener("click", followOfficialFileLink, !0);
     };
-  }, [normalizedActivities.length, revealPath, workspace]), (0, import_react3.useEffect)(() => {
+  }, [normalizedActivities.length, open, revealPath, workspace]), (0, import_react3.useEffect)(() => {
     if (workbench !== "game" && workbench !== "video") return;
     let surface = surfaceRef.current, sessionSurface = surface?.parentElement, chat = Array.from(sessionSurface?.children ?? []).find((child) => child !== surface && child instanceof HTMLElement);
     if (!(chat instanceof HTMLElement)) return;
@@ -3610,13 +3795,14 @@ function CreativeWorkbench({
     }
   }, [reload, sessionId]);
   (0, import_react3.useEffect)(() => {
+    if (!open) return;
     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]);
+  }, [open, savePath, selected]);
   let groups = (0, import_react3.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, version: "", kind: "text" }), all.sort((left, right) => left.path.localeCompare(right.path, "zh-Hans-CN"));
@@ -3641,8 +3827,8 @@ function CreativeWorkbench({
   }, navigateProductionTarget = (target) => {
     let before = (buffersRef.current[target.path]?.content ?? "").slice(0, target.offset), approximateScrollTop = Math.max(0, before.split(/\r?\n/u).length * 28 - 96);
     editorPositions.current.set(target.path, { scrollTop: approximateScrollTop, selectionStart: target.offset, selectionEnd: target.offset }), modeSelection.current = target.path, revealPath(target.path), setEditorMode("source");
-  }, selectedLabel = selected ?? `\u5728\u5F53\u524D DSH workspace \u4E2D\u9009\u62E9${workbenchLabel(workbench)}\u6587\u4EF6`, selectedBasename = selected?.split("/").at(-1) ?? selectedLabel, selectedGroup = selected === void 0 ? void 0 : groupForPath(selected), toggleGroup = (key, open) => {
-    setExpanded((current) => ({ ...current, [key]: open }));
+  }, selectedLabel = selected ?? `\u5728\u5F53\u524D DSH workspace \u4E2D\u9009\u62E9${workbenchLabel(workbench)}\u6587\u4EF6`, selectedBasename = selected?.split("/").at(-1) ?? selectedLabel, selectedGroup = selected === void 0 ? void 0 : groupForPath(selected), toggleGroup = (key, open2) => {
+    setExpanded((current) => ({ ...current, [key]: open2 }));
   }, resolveConflict = (keepLocal) => {
     if (selected === void 0 || conflict?.theirs === void 0 || conflict.theirsVersion === void 0) return;
     let theirs = conflict.theirs, theirsVersion = conflict.theirsVersion;
@@ -3654,7 +3840,7 @@ function CreativeWorkbench({
       };
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", "data-workbench": workbench, children: [
+  return open ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", "data-open": "true", "data-workbench": workbench, children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { children: plugin_default }),
     (workbench === "game" || workbench === "video") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-mobile-switcher", role: "tablist", "aria-label": workbench === "game" ? "\u7A84\u5C4F\u6E38\u620F\u5DE5\u4F5C\u53F0" : "\u7A84\u5C4F\u89C6\u9891\u5DE5\u4F5C\u53F0", children: ["studio", "chat"].map((pane) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "button",
@@ -3692,6 +3878,9 @@ function CreativeWorkbench({
         paneId: compactStudioId,
         labelledBy: `${compactTabsId}-studio-tab`,
         onWorkbench: selectWorkbench,
+        onCollapse: () => {
+          applyWorkbenchPreference("closed");
+        },
         onSelect: revealPath
       }
     ),
@@ -3710,7 +3899,10 @@ function CreativeWorkbench({
         labelledBy: `${compactTabsId}-studio-tab`,
         onProject: setVideoProjectId,
         onTab: setVideoTab,
-        onWorkbench: selectWorkbench
+        onWorkbench: selectWorkbench,
+        onCollapse: () => {
+          applyWorkbenchPreference("closed");
+        }
       }
     ),
     workbench !== "game" && workbench !== "video" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
@@ -3723,7 +3915,12 @@ function CreativeWorkbench({
             ] }),
             workspaceKind !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "oh-story-kind", children: workspaceKind === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: reload, title: "\u5237\u65B0", "aria-label": "\u5237\u65B0\u9879\u76EE\u6587\u4EF6", children: "\u21BB" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "oh-story-brand-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: reload, title: "\u5237\u65B0", "aria-label": "\u5237\u65B0\u9879\u76EE\u6587\u4EF6", children: "\u21BB" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
+              applyWorkbenchPreference("closed");
+            }, title: "\u6536\u8D77\u521B\u4F5C\u5DE5\u4F5C\u53F0", "aria-label": "\u6536\u8D77\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: "\xD7" })
+          ] })
         ] }),
         workspace !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(
           "button",
@@ -3836,6 +4033,7 @@ function CreativeWorkbench({
         ] }) : editorMode === "production" && productionAvailable && episodeProduction !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           DramaProductionView,
           {
+            sessionId,
             production: episodeProduction,
             sessionRunning,
             queue: productionQueue,
@@ -3895,10 +4093,21 @@ function CreativeWorkbench({
         )
       ] })
     ] })
+  ] }) : !creativeProject && error === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", "data-open": "false", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { children: plugin_default }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "oh-story-launcher", type: "button", title: error ?? "\u6253\u5F00\u521B\u4F5C\u5DE5\u4F5C\u53F0", "aria-label": "\u6253\u5F00\u521B\u4F5C\u5DE5\u4F5C\u53F0", onClick: () => {
+      applyWorkbenchPreference("open");
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": !0, children: "\u2726" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: "\u521B\u4F5C\u5DE5\u4F5C\u53F0" })
+    ] })
   ] });
 }
 function CreativeSplitBridge({ sessionId, useSession, useChat, useStore, actions, sendProductionPrompt, cancelProduction, removeQueuedProduction }) {
-  let marker = (0, import_react3.useRef)(null), [target, setTarget] = (0, import_react3.useState)(), runningCalls = useChat((snapshot) => snapshot.legacy.runningCalls), partial = useChat((snapshot) => streamingAssistant(snapshot.timeline)), settledMutation = useChat((snapshot) => latestSettledMutation(snapshot)), workbench = useStore((memory) => memory.workbench), gamePane = useStore((memory) => memory.gamePane), videoPane = useStore((memory) => memory.videoPane), sessionRunning = useSession((snapshot) => snapshot.running), productionQueue = useSession((snapshot) => snapshot.queue.map((item) => ({ id: item.id, preview: item.preview }))), chat = useChat((snapshot) => snapshot), productionIntents = (0, import_react3.useMemo)(() => settledProductionIntents(chat), [chat]);
+  let marker = (0, import_react3.useRef)(null), [target, setTarget] = (0, import_react3.useState)(), runningCalls = useChat((snapshot) => snapshot.legacy.runningCalls), partial = useChat((snapshot) => streamingAssistant(snapshot.timeline)), settledMutation = useChat((snapshot) => latestSettledMutation(snapshot)), workbench = useStore((memory) => memory.workbench), gamePane = useStore((memory) => memory.gamePane), videoPane = useStore((memory) => memory.videoPane), sessionRunning = useSession((snapshot) => snapshot.running), productionQueue = useSession((snapshot) => snapshot.queue.map((item) => ({ id: item.id, preview: item.preview }))), chat = useChat((snapshot) => snapshot), productionIntents = (0, import_react3.useMemo)(() => settledProductionIntents(chat), [chat]), { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId), chosenPreference = useStore((memory) => memory.workbenchPreference), creativeProject = hasCreativeProject(workspace), storedPreference = (0, import_react3.useMemo)(
+    () => readWorkbenchPreference(workbenchPreferenceStorage(), workspace?.cwd),
+    [workspace?.cwd]
+  ), open = resolveWorkbenchOpen(chosenPreference ?? storedPreference, creativeProject);
   return (0, import_react3.useLayoutEffect)(() => {
     let document = marker.current?.ownerDocument;
     if (document === void 0) return;
@@ -3914,8 +4123,21 @@ function CreativeSplitBridge({ sessionId, useSession, useChat, useStore, actions
   }, [sessionId]), (0, import_react3.useLayoutEffect)(() => {
     let scroller = target?.parentElement;
     if (scroller == null) return;
+    if (!open) {
+      let publishSeam = () => {
+        let box = scroller.getBoundingClientRect();
+        scroller.style.setProperty("--oh-story-seam-top", `${String(box.top)}px`), scroller.style.setProperty("--oh-story-seam-right", `${String(scroller.ownerDocument.documentElement.clientWidth - box.right)}px`);
+      };
+      publishSeam();
+      let seams = new ResizeObserver(publishSeam);
+      seams.observe(scroller);
+      let view = scroller.ownerDocument.defaultView;
+      return view?.addEventListener("resize", publishSeam), () => {
+        seams.disconnect(), view?.removeEventListener("resize", publishSeam), scroller.style.removeProperty("--oh-story-seam-top"), scroller.style.removeProperty("--oh-story-seam-right");
+      };
+    }
     let composerSeat = () => scroller.querySelector(":scope > [data-composer-seat]"), parkedAtTail = () => scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight <= 8, parked = parkedAtTail(), drivenAt = 0, markDriven = (event) => {
-      event.target instanceof Node && composerSeat()?.contains(event.target) === !0 || (drivenAt = performance.now());
+      event.target instanceof Node && composerSeat()?.contains(event.target) === !0 || event.type === "pointerdown" && event.target !== scroller || (drivenAt = performance.now());
     }, trackParked = () => {
       parkedAtTail() ? parked = !0 : performance.now() - drivenAt < 400 && (parked = !1);
     }, publishLayout = () => {
@@ -3947,7 +4169,7 @@ function CreativeSplitBridge({ sessionId, useSession, useChat, useStore, actions
         scroller.removeEventListener(driven, markDriven);
       observer.disconnect(), seats.disconnect(), scroller.style.removeProperty("--oh-story-scroll-height"), scroller.style.removeProperty("--oh-story-composer-height"), delete scroller.dataset.ohStoryLayout, delete scroller.dataset.ohStoryWorkbench, delete scroller.dataset.ohStudioPane;
     };
-  }, [gamePane, target, videoPane, workbench]), /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+  }, [gamePane, open, target, videoPane, workbench]), /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(
       CreativeWorkbench,
@@ -3959,6 +4181,12 @@ function CreativeSplitBridge({ sessionId, useSession, useChat, useStore, actions
         sessionRunning,
         productionQueue,
         productionIntents,
+        workspace,
+        error,
+        workspaceLoading,
+        reload,
+        open,
+        creativeProject,
         sendProductionPrompt,
         cancelProduction,
         removeQueuedProduction,
@@ -3968,8 +4196,47 @@ function CreativeSplitBridge({ sessionId, useSession, useChat, useStore, actions
     ), target)
   ] });
 }
+function WorkbenchWelcome() {
+  let marker = (0, import_react3.useRef)(null), [target, setTarget] = (0, import_react3.useState)();
+  return (0, import_react3.useLayoutEffect)(() => {
+    let document = marker.current?.ownerDocument;
+    if (document === void 0) return;
+    let locate = () => {
+      let anchor = document.querySelector("[data-conversation-scroll]");
+      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();
+    };
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { children: plugin_default }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("section", { className: "oh-story-welcome", "aria-label": "Oh Story \u4F7F\u7528\u5F15\u5BFC", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: "Oh Story \u5DF2\u52A0\u8F7D" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u4F5C\u54C1\u76EE\u5F55\u4E2D\u6709\u521B\u4F5C\u6587\u4EF6\u65F6\uFF0C\u5C0F\u8BF4\u3001\u77ED\u5267\u3001\u6E38\u620F\u3001\u89C6\u9891\u5DE5\u4F5C\u53F0\u4F1A\u81EA\u52A8\u663E\u793A\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("ol", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: "\u70B9\u51FB\u5DE6\u4FA7\u300C\u6DFB\u52A0\u5DE5\u4F5C\u533A / Add workspace\u300D\u7684 \uFF0B\uFF0C\u9009\u62E9\u5B58\u653E\u4F5C\u54C1\u7684\u6587\u4EF6\u5939\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: "\u5728\u4E0B\u65B9\u300C\u9009\u62E9\u5DE5\u4F5C\u533A / Choose workspace\u300D\u4E2D\u9009\u4E2D\u8BE5\u76EE\u5F55\uFF0C\u6216\u6253\u5F00\u5DF2\u6709\u4F1A\u8BDD\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: "\u7A7A\u76EE\u5F55\u5148\u5728 Chat \u4E2D\u5F00\u59CB\u521B\u4F5C\uFF0C\u751F\u6210\u7B2C\u4E00\u4E2A\u521B\u4F5C\u6587\u4EF6\u540E\uFF0C\u5DE5\u4F5C\u53F0\u4F1A\u81EA\u52A8\u51FA\u73B0\u3002" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+        "\u67E5\u770B\u5DF2\u6709\u4F5C\u54C1\u65E0\u9700 API Key\u3002\u5F00\u59CB AI \u521B\u4F5C\u524D\uFF0C\u5728\u300C\u8BBE\u7F6E \u2192 \u6A21\u578B\u300D\u914D\u7F6E\u6A21\u578B\uFF0C\u518D\u8F93\u5165 ",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/story" }),
+        "\u3001",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/short-drama" }),
+        "\u3001",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/novel-to-game quick" }),
+        " \u6216 ",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/video-recap" }),
+        "\u3002"
+      ] })
+    ] }), target)
+  ] });
+}
 function WorkbenchSeat({ SessionProvider, renderSlot }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SessionProvider, { children: renderSlot("oh-story.workspace", {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SessionProvider, { empty: () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WorkbenchWelcome, {}), children: renderSlot("oh-story.workspace", {}) });
 }
 function argsOf(block) {
   let raw = ("kind" in block ? block.call?.argsRaw : block.argsRaw) ?? "{}";