@oh-story/dsh 0.1.16 → 0.1.18

package/lib/client.js

@@ -36,7 +36,7 @@ var WORKBENCH_LABELS = {
 function workbenchLabel(mode) {
   return WORKBENCH_LABELS[mode];
 }
-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"]), GAME_DIRECTORY = "game-adaptations", VIDEO_DIRECTORY = "video-recaps", EDITABLE_EXTENSION = /\.(?:md|txt|json|jsonl|html|css|[cm]?js|tsx?|jsx)$/iu, MUTATING_CALLS = /* @__PURE__ */ new Set(["write", "edit", "str_replace_editor", "bash", "run_code", "oh_story_role"]);
+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"]), SHORT_STORY_FILES = /* @__PURE__ */ new Set(["\u6B63\u6587.md", "\u8BBE\u5B9A.md", "\u5C0F\u8282\u5927\u7EB2.md"]), GAME_DIRECTORY = "game-adaptations", VIDEO_DIRECTORY = "video-recaps", EDITABLE_EXTENSION = /\.(?:md|txt|json|jsonl|html|css|[cm]?js|tsx?|jsx)$/iu, MUTATING_CALLS = /* @__PURE__ */ new Set(["write", "edit", "str_replace_editor", "bash", "run_code", "oh_story_role"]);
 function streamingAssistant(timeline) {
   for (let turnNumber of timeline.turnOrder.toReversed()) {
     let turn = timeline.turns.get(turnNumber);
@@ -264,19 +264,24 @@ function creativeRelativePath(path, cwd) {
   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) || directory2 === GAME_DIRECTORY || directory2 === VIDEO_DIRECTORY)) && relative !== "short-drama.json" || !EDITABLE_EXTENSION.test(relative)) && !relative.split("/").some((part) => part === ".." || part === "." || part === ""))
+  if (!(!(directory2 !== void 0 && (STORY_DIRECTORIES.has(directory2) || DRAMA_DIRECTORIES.has(directory2) || directory2 === GAME_DIRECTORY || directory2 === VIDEO_DIRECTORY)) && relative !== "short-drama.json" && !SHORT_STORY_FILES.has(relative) || !EDITABLE_EXTENSION.test(relative)) && !relative.split("/").some((part) => part === ".." || part === "." || part === ""))
     return relative;
 }
 function workbenchModeForPath(path) {
   if (path === "short-drama.json") return "drama";
+  if (path !== void 0 && SHORT_STORY_FILES.has(path)) return "story";
   let directory2 = path?.split("/", 1)[0];
   if (directory2 !== void 0 && STORY_DIRECTORIES.has(directory2)) return "story";
   if (directory2 !== void 0 && DRAMA_DIRECTORIES.has(directory2)) return "drama";
   if (directory2 === GAME_DIRECTORY) return "game";
   if (directory2 === VIDEO_DIRECTORY) return "video";
 }
+function initialWorkbenchMode(current, files, games, videos) {
+  let hasWork = (mode) => mode === "game" ? games.some((game) => game.source === "workspace") : mode === "video" ? videos.length > 0 : files.some((file) => workbenchModeForPath(file.path) === mode);
+  return hasWork(current) ? current : ["story", "drama", "game", "video"].find(hasWork) ?? current;
+}
 function preferredWorkbenchFile(files, mode) {
-  let matching = files.filter((file) => workbenchModeForPath(file.path) === mode), preferences = mode === "story" ? [/^正文\/.*\.md$/u, /^大纲\/.*\.md$/u, /\.md$/u] : mode === "drama" ? [
+  let matching = files.filter((file) => workbenchModeForPath(file.path) === mode), preferences = mode === "story" ? [/^正文\/.*\.md$/u, /^正文\.md$/u, /^小节大纲\.md$/u, /^大纲\/.*\.md$/u, /\.md$/u] : mode === "drama" ? [
     /^剧集\/EP0*1\/剧本\.md$/u,
     /^剧集\/.*\/剧本\.md$/u,
     /^剧集\/EP0*1\/screenplay\.md$/iu,
@@ -1307,7 +1312,7 @@ function ProductionStatus({ sessionId, diagnostics, onNavigate }) {
       }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true" }),
         "\u751F\u6210\u73AF\u5883",
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: typeof preflight != "object" ? "\u68C0\u67E5\u4E2D\u2026" : preflight.python.ok ? `${String(configured)}/${String(total)} \u4F9B\u5E94\u5546\u5DF2\u914D\u7F6E` : "\u9700\u8981 Python 3.10+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: typeof preflight != "object" ? "\u68C0\u67E5\u4E2D\u2026" : preflight.python.ok ? `${String(configured)}/${String(total)} \u4F9B\u5E94\u5546\u5DF2\u914D\u7F6E` : `\u9700\u8981 Python ${preflight.python.minimum}+` }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { "aria-hidden": "true" })
       ] }),
       diagnostics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "oh-story-status-pill", "data-tone": protocolErrors > 0 ? "error" : "warning", "aria-expanded": open === "diagnostics", "aria-controls": "oh-story-production-diagnostics", onClick: () => {
@@ -1324,7 +1329,7 @@ function ProductionStatus({ sessionId, diagnostics, onNavigate }) {
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true" }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u8FD0\u884C" }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Python" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: preflight.python.ok ? preflight.python.version : `${preflight.python.version ?? "\u672A\u627E\u5230"} \xB7 Skill \u811A\u672C\u9700\u8981 3.10+` })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: preflight.python.ok ? preflight.python.version : `${preflight.python.version ?? "\u672A\u627E\u5230"} \xB7 \u77ED\u5267\u811A\u672C\u9700\u8981 ${preflight.python.minimum}+` })
         ] }),
         preflight.adapters.map((adapter) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { "data-ready": adapter.configured || void 0, children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true" }),
@@ -1953,8 +1958,63 @@ function VideoPreview({ project, sessionId, running }) {
     ) })
   ] });
 }
+function VideoEnvironmentReport({ preflight }) {
+  let fish = preflight.credentials.ttsProvider === "fish-audio" || preflight.credentials.ttsProvider === "auto" && !preflight.credentials.mimo;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.python.ok || void 0, children: [
+      "Python ",
+      preflight.python.version ?? "\u672A\u627E\u5230",
+      preflight.python.ok ? "" : ` \xB7 \u9700\u8981 ${preflight.python.minimum}+`
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.ffmpeg.ok && preflight.ffmpeg.subtitles || void 0, children: [
+      "ffmpeg ",
+      preflight.ffmpeg.ok ? preflight.ffmpeg.subtitles ? "\xB7 libass" : "\xB7 \u7F3A\u5B57\u5E55\u6EE4\u955C" : "\u672A\u627E\u5230"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.ffprobe.ok || void 0, children: [
+      "ffprobe ",
+      preflight.ffprobe.ok ? "\u53EF\u7528" : "\u672A\u627E\u5230"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.credentials.mimo || void 0, children: [
+      "MiMo Key ",
+      preflight.credentials.mimo ? "\u5DF2\u914D\u7F6E" : "\u672A\u914D\u7F6E"
+    ] }),
+    fish && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.credentials.fish || void 0, children: [
+      "Fish Key ",
+      preflight.credentials.fish ? "\u5DF2\u914D\u7F6E" : "\u672A\u914D\u7F6E"
+    ] }),
+    preflight.credentials.ttsProvider === "index-tts" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.credentials.indexTts || void 0, children: [
+      "IndexTTS ",
+      preflight.credentials.indexTts ? "\u5DF2\u914D\u7F6E" : "\u7F3A INDEX_TTS_ENDPOINT / INDEX_TTS_VOICE"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("em", { children: [
+      "Key \u4E0E PATH \u5728\u542F\u52A8 DSH \u7684\u7EC8\u7AEF\u91CC\u8BBE\u7F6E\uFF0C\u91CD\u542F DSH \u540E\u751F\u6548\u3002\u8FD9\u91CC\u68C0\u67E5 DSH Host \u8FDB\u7A0B\uFF1BAgent \u6267\u884C\u4E16\u754C\u4EE5 ",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "video-recap --doctor" }),
+      " \u4E3A\u51C6\u3002"
+    ] })
+  ] });
+}
+function VideoEnvironment({ sessionId }) {
+  let [preflight, setPreflight] = (0, import_react3.useState)(), [attempt, setAttempt] = (0, import_react3.useState)(0);
+  return (0, import_react3.useEffect)(() => {
+    let controller = new AbortController();
+    return fetch(endpoint("video-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]), /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-environment", role: "group", "aria-label": "\u89C6\u9891\u8FD0\u884C\u73AF\u5883", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FD0\u884C\u73AF\u5883" }),
+    typeof preflight == "object" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VideoEnvironmentReport, { preflight }) : preflight === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
+      setPreflight(void 0), setAttempt((value) => value + 1);
+    }, children: "\u73AF\u5883\u68C0\u67E5\u5931\u8D25 \xB7 \u91CD\u8BD5" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: "\u6B63\u5728\u68C0\u67E5 Python\u3001ffmpeg \u4E0E MiMo Key\u2026" })
+  ] });
+}
 function VideoArtifacts({ project, sessionId }) {
-  let [selected, setSelected] = (0, import_react3.useState)(preferredArtifact(project)?.path), [content, setContent] = (0, import_react3.useState)(), [error, setError] = (0, import_react3.useState)(), [preflight, setPreflight] = (0, import_react3.useState)();
+  let [selected, setSelected] = (0, import_react3.useState)(preferredArtifact(project)?.path), [content, setContent] = (0, import_react3.useState)(), [error, setError] = (0, import_react3.useState)();
   (0, import_react3.useEffect)(() => {
     setSelected(preferredArtifact(project)?.path);
   }, [project.id]), (0, import_react3.useEffect)(() => {
@@ -1980,47 +2040,7 @@ function VideoArtifacts({ project, sessionId }) {
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u9879\u76EE\u4EA7\u7269" }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: project.artifacts.length })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-environment", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FD0\u884C\u73AF\u5883" }),
-        typeof preflight == "object" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.python.ok || void 0, children: [
-            "Python ",
-            preflight.python.version ?? "\u672A\u627E\u5230"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.ffmpeg.ok && preflight.ffmpeg.subtitles || void 0, children: [
-            "ffmpeg ",
-            preflight.ffmpeg.subtitles ? "\xB7 libass" : "\xB7 \u7F3A\u5B57\u5E55\u6EE4\u955C"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.ffprobe.ok || void 0, children: [
-            "ffprobe ",
-            preflight.ffprobe.ok ? "\u53EF\u7528" : "\u672A\u627E\u5230"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.credentials.mimo || void 0, children: [
-            "MiMo Key ",
-            preflight.credentials.mimo ? "\u5DF2\u914D\u7F6E" : "\u672A\u914D\u7F6E"
-          ] }),
-          (preflight.credentials.ttsProvider === "fish-audio" || preflight.credentials.ttsProvider === "auto" && !preflight.credentials.mimo) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.credentials.fish || void 0, children: [
-            "Fish Key ",
-            preflight.credentials.fish ? "\u5DF2\u914D\u7F6E" : "\u672A\u914D\u7F6E"
-          ] }),
-          preflight.credentials.ttsProvider === "index-tts" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { "data-ready": preflight.credentials.indexTts || void 0, children: [
-            "IndexTTS ",
-            preflight.credentials.indexTts ? "\u5DF2\u914D\u7F6E" : "\u7F3A INDEX_TTS_ENDPOINT / INDEX_TTS_VOICE"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("em", { children: [
-            "DSH Host \u8FDB\u7A0B\u73AF\u5883\uFF1BAgent \u6267\u884C\u4E16\u754C\u4EE5 ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "video-recap --doctor" }),
-            " \u4E3A\u51C6\u3002"
-          ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
-          fetch(endpoint("video-preflight", sessionId)).then(async (response) => {
-            if (!response.ok) throw new Error(`HTTP ${String(response.status)}`);
-            setPreflight(await response.json());
-          }).catch(() => {
-            setPreflight("failed");
-          });
-        }, children: preflight === "failed" ? "\u73AF\u5883\u68C0\u67E5\u5931\u8D25 \xB7 \u91CD\u8BD5" : "\u68C0\u67E5\u73AF\u5883" })
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VideoEnvironment, { sessionId }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("nav", { children: [
         project.artifacts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u6D41\u6C34\u7EBF\u542F\u52A8\u540E\uFF0C\u5173\u952E\u4EA7\u7269\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002" }),
         project.artifacts.map((artifact) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
@@ -2130,8 +2150,9 @@ function VideoStudio({
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
         "\u5728\u53F3\u4FA7 Chat \u544A\u8BC9 Agent \u8981\u5904\u7406\u7684\u89C6\u9891\uFF1B\u9879\u76EE\u4F1A\u521B\u5EFA\u5728 ",
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "video-recaps/<\u9879\u76EE>/" }),
-        "\u3002"
-      ] })
+        "\u3002\u5F00\u59CB\u524D\u5148\u770B\u4E0B\u9762\u7684\u8FD0\u884C\u73AF\u5883\uFF1A\u7F3A\u9879\u65F6\u6D41\u6C34\u7EBF\u4F1A\u5728\u5904\u7406\u524D\u505C\u4E0B\u3002"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VideoEnvironment, { sessionId })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-panels", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { role: "tabpanel", id: `${tabsId}-preview-panel`, "aria-labelledby": `${tabsId}-preview-tab`, hidden: tab !== "preview", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VideoPreview, { project, sessionId, running }, project.id) }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { role: "tabpanel", id: `${tabsId}-artifacts-panel`, "aria-labelledby": `${tabsId}-artifacts-tab`, hidden: tab !== "artifacts", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VideoArtifacts, { project, sessionId }) })
@@ -2174,6 +2195,18 @@ function workbenchPreferenceStorage() {
   }
 }
 
+// src/client/game-preview-state.ts
+function gamePreviewStatus(state) {
+  let failed = state.frameError || state.probe === "failed";
+  return state.building ? { tone: "building", label: "Agent \u6B63\u5728\u66F4\u65B0\u6E38\u620F\u6587\u4EF6 \xB7 \u5F53\u524D\u9884\u89C8\u4FDD\u6301\u4E0D\u53D8" } : state.pending ? { tone: state.frameLoaded && !failed ? "ready" : "loading", label: "\u65B0\u7248\u672C\u5DF2\u5C31\u7EEA \xB7 \u7531\u4F60\u51B3\u5B9A\u4F55\u65F6\u8F7D\u5165" } : failed ? { tone: "error", label: "\u9884\u89C8\u8F7D\u5165\u5931\u8D25 \xB7 \u53EF\u91CD\u65B0\u8F7D\u5165" } : state.frameLoaded ? { tone: "ready", label: state.isolated ? "\u9884\u89C8\u5DF2\u8F7D\u5165" : "\u9884\u89C8\u5DF2\u8F7D\u5165 \xB7 \u5F53\u524D\u90E8\u7F72\u65E0\u6CD5\u9694\u79BB\u6765\u6E90\uFF0C\u5B58\u6863\u529F\u80FD\u4E0D\u53EF\u7528" } : { tone: "loading", label: "\u6B63\u5728\u8F7D\u5165\u9884\u89C8\u2026" };
+}
+function previewUrls(path, version, revision, origin) {
+  let url = new URL(path, origin);
+  url.searchParams.set("build", version), url.searchParams.set("reload", String(revision));
+  let probeHref = url.toString();
+  return url.hostname === "127.0.0.1" ? url.hostname = "localhost" : url.hostname === "localhost" && (url.hostname = "127.0.0.1"), { href: url.toString(), probeHref, isolated: url.origin !== new URL(origin).origin };
+}
+
 // 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 {
@@ -2193,6 +2226,10 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .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-welcome-example { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding-top: 12px; border-top: 1px solid var(--dsw-alias-border-l2); }
+.oh-story-welcome-example button { min-height: 32px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; padding: 4px 12px; color: inherit; background: var(--dsw-alias-bg-layer-1); cursor: pointer; font: inherit; font-weight: 600; }
+.oh-story-welcome-example button:hover { background: var(--dsw-alias-button-ghost-active-fill); }
+.oh-story-welcome-example span { color: var(--dsw-alias-label-secondary); font-size: 12px; }
 .oh-story-split-surface { display: contents; font-family: var(--dsw-font-family); }
 
 /* Collapsed, the plugin owns nothing but this control: DSH renders the
@@ -2457,20 +2494,9 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-game-reload { display: inline-flex; align-items: center; gap: 5px; }
 .oh-game-reload b { font: inherit; font-weight: 500; }
 .oh-game-preview-shell iframe { width: 100%; height: 100%; min-width: 0; min-height: 0; border: 0; background: var(--game-stage); }
-.oh-game-focus-hint {
-  position: absolute;
-  right: 10px;
-  bottom: 10px;
-  z-index: 2;
-  padding: 4px 8px;
-  border: 1px solid rgb(255 255 255 / 12%);
-  border-radius: 6px;
-  color: rgb(255 255 255 / 62%);
-  background: rgb(8 10 9 / 82%);
-  pointer-events: none;
-  font-size: 10px;
-}
+.oh-game-focus-hint { flex: none; margin-left: auto; color: rgb(255 255 255 / 52%); font-size: 10px; white-space: nowrap; }
 .oh-game-focus-hint[data-focused] { color: var(--game-accent); }
+.oh-game-studio[data-oh-game-narrow] .oh-game-focus-hint { display: none; }
 
 .oh-game-preview-empty,
 .oh-game-design-empty {
@@ -3153,7 +3179,8 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 [data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-preview-status button { min-height: 36px; }
 [data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-reload b { display: none; }
 [data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-preview-status { padding-left: 8px; }
-[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-preview-status > span { max-width: 40%; }
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-preview-status > .oh-game-runtime-state { max-width: 40%; }
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-focus-hint { display: none; }
 .oh-game-runtime-state > em { display: block; overflow: hidden; min-width: 0; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
 
 /* DSH may keep its navigation drawer open at a 500 px browser viewport,
@@ -3191,7 +3218,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
   padding-right: 6px;
   padding-left: 6px;
 }
-[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-studio[data-oh-game-narrow] .oh-game-preview-status > span { max-width: 36%; }
+[data-conversation-scroll][data-oh-story-workbench="game"][data-oh-story-layout="compact"] .oh-game-studio[data-oh-game-narrow] .oh-game-preview-status > .oh-game-runtime-state { max-width: 36%; }
 
 @media (prefers-reduced-motion: reduce) {
   .oh-game-preview-shell[data-state="building"] { animation: none; }
@@ -3359,6 +3386,10 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-video-prompt-example { max-width: 560px; margin-top: 10px; padding: 12px 14px; border: 1px solid rgb(255 255 255 / 11%); border-radius: 9px; background: rgb(255 255 255 / 4%); text-align: left; }
 .oh-video-prompt-example span { display: block; margin-bottom: 4px; color: var(--video-accent); font-size: 10px; font-weight: 600; }
 .oh-video-prompt-example q { quotes: none; }
+.oh-video-preview-empty .oh-video-environment { width: min(100%, 420px); box-sizing: border-box; margin: 10px 0 0; border-color: rgb(255 255 255 / 11%); background: rgb(255 255 255 / 4%); text-align: left; }
+.oh-video-preview-empty .oh-video-environment strong { color: rgb(255 255 255 / 92%); }
+.oh-video-preview-empty .oh-video-environment span,
+.oh-video-preview-empty .oh-video-environment em { color: rgb(244 248 255 / 70%); font-size: 11px; }
 
 .oh-video-artifacts { display: grid; min-width: 0; min-height: 0; flex: 1; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); overflow: hidden; }
 .oh-video-artifacts > aside { display: flex; min-height: 0; flex-direction: column; overflow: hidden; padding: 8px; border-right: 1px solid var(--os-border); background: var(--dsw-alias-bg-layer-1); }
@@ -3532,13 +3563,13 @@ var WorkspaceRequestError = class extends Error {
   }
   status;
 }, GROUP_ORDER = {
-  story: ["\u6B63\u6587", "\u5927\u7EB2", "\u8BBE\u5B9A", "\u8FFD\u8E2A", "\u5BF9\u6807", "\u53C2\u8003\u8D44\u6599"],
+  story: ["\u77ED\u7BC7", "\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"],
   game: ["game-adaptations"],
   video: ["video-recaps"]
 }, WORKBENCH_MODES = ["story", "drama", "game", "video"], EDITOR_MODES = ["preview", "source", "production"];
 function groupForPath(path) {
-  return path === "short-drama.json" ? "\u9879\u76EE" : path.split("/", 1)[0] ?? "\u5176\u4ED6";
+  return path === "short-drama.json" ? "\u9879\u76EE" : SHORT_STORY_FILES.has(path) ? "\u77ED\u7BC7" : path.split("/", 1)[0] ?? "\u5176\u4ED6";
 }
 async function json(response) {
   let value = await response.json();
@@ -3595,44 +3626,53 @@ function FileTreeNodes({
     ] }, node.path);
   }) });
 }
-function useWorkspace(sessionId) {
-  let [version, setVersion] = (0, import_react4.useState)(0), [workspace, setWorkspace] = (0, import_react4.useState)(), [error, setError] = (0, import_react4.useState)(), [loading, setLoading] = (0, import_react4.useState)(!0), reload = (0, import_react4.useCallback)(() => {
+var LIVE_WORKSPACE_REFRESH_MS = 4e3;
+function useWorkspace(sessionId, live) {
+  let [version, setVersion] = (0, import_react4.useState)(0), [workspace, setWorkspace] = (0, import_react4.useState)(), [error, setError] = (0, import_react4.useState)(), [loading, setLoading] = (0, import_react4.useState)(!0), listed = (0, import_react4.useRef)(void 0), inFlight = (0, import_react4.useRef)(void 0), reload = (0, import_react4.useCallback)(() => {
     setLoading(!0), setVersion((value) => value + 1);
   }, []);
   return (0, import_react4.useEffect)(() => {
     let controller = new AbortController();
-    return setError(void 0), fetch(endpoint("workspace", sessionId), { signal: controller.signal }).then((response) => json(response)).then(setWorkspace).catch((reason) => {
+    return inFlight.current = controller, fetch(endpoint("workspace", sessionId), { signal: controller.signal }).then((response) => json(response)).then((payload) => {
+      setError(void 0);
+      let text = JSON.stringify(payload);
+      text !== listed.current && (listed.current = text, setWorkspace(payload));
+    }).catch((reason) => {
       controller.signal.aborted || setError(reason instanceof Error ? reason.message : String(reason));
     }).finally(() => {
-      controller.signal.aborted || setLoading(!1);
+      inFlight.current === controller && (inFlight.current = void 0), controller.signal.aborted || setLoading(!1);
     }), () => {
       controller.abort();
     };
-  }, [sessionId, version]), { workspace, error, loading, reload };
-}
-function isolatedPreviewUrl(path, version, revision) {
-  let url = new URL(path, globalThis.location.origin);
-  return url.hostname === "127.0.0.1" ? url.hostname = "localhost" : url.hostname === "localhost" && (url.hostname = "127.0.0.1"), url.searchParams.set("build", version), url.searchParams.set("reload", String(revision)), { href: url.toString(), isolated: url.origin !== globalThis.location.origin };
+  }, [sessionId, version]), (0, import_react4.useEffect)(() => {
+    if (!live) return;
+    let timer = globalThis.setInterval(() => {
+      inFlight.current !== void 0 || globalThis.document.visibilityState === "hidden" || setVersion((value) => value + 1);
+    }, LIVE_WORKSPACE_REFRESH_MS);
+    return () => {
+      globalThis.clearInterval(timer);
+    };
+  }, [live]), { workspace, error, loading, reload };
 }
-function PreviewProbe({ href, onFailed }) {
-  let failedRef = (0, import_react4.useRef)(onFailed);
+function PreviewProbe({ href, onResult }) {
+  let resultRef = (0, import_react4.useRef)(onResult);
   return (0, import_react4.useEffect)(() => {
-    failedRef.current = onFailed;
-  }, [onFailed]), (0, import_react4.useEffect)(() => {
+    resultRef.current = onResult;
+  }, [onResult]), (0, import_react4.useEffect)(() => {
     let controller = new AbortController();
     return fetch(href, { signal: controller.signal }).then((response) => {
       if (controller.signal.aborted) return;
       let type = response.headers.get("content-type") ?? "";
-      (!response.ok || !type.includes("text/html")) && failedRef.current();
+      resultRef.current(href, response.ok && type.includes("text/html") ? "ok" : "failed");
     }).catch(() => {
-      controller.signal.aborted || failedRef.current();
+      controller.signal.aborted || resultRef.current(href, "failed");
     }), () => {
       controller.abort();
     };
   }, [href]), null;
 }
 function GamePreview({ project, building }) {
-  let shellRef = (0, import_react4.useRef)(null), fullscreenButtonRef = (0, import_react4.useRef)(null), restoreFullscreenFocus = (0, import_react4.useRef)(!1), [focused, setFocused] = (0, import_react4.useState)(!1), [loaded, setLoaded] = (0, import_react4.useState)(!1), [loadError, setLoadError] = (0, import_react4.useState)(!1), [revision, setRevision] = (0, import_react4.useState)(0), [loadedVersion, setLoadedVersion] = (0, import_react4.useState)(project.previewVersion);
+  let shellRef = (0, import_react4.useRef)(null), fullscreenButtonRef = (0, import_react4.useRef)(null), restoreFullscreenFocus = (0, import_react4.useRef)(!1), [focused, setFocused] = (0, import_react4.useState)(!1), [loaded, setLoaded] = (0, import_react4.useState)(!1), [loadError, setLoadError] = (0, import_react4.useState)(!1), [probe, setProbe] = (0, import_react4.useState)(), [revision, setRevision] = (0, import_react4.useState)(0), [loadedVersion, setLoadedVersion] = (0, import_react4.useState)(project.previewVersion);
   if ((0, import_react4.useEffect)(() => {
     let document = shellRef.current?.ownerDocument;
     if (document === void 0) return;
@@ -3657,33 +3697,42 @@ function GamePreview({ project, building }) {
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("q", { children: "\u628A\u300A\u4F5C\u54C1\u540D\u300B\u6539\u7F16\u6210\u7F51\u9875\u4E92\u52A8\u6E38\u620F\uFF0C\u76EE\u6807\u73A9\u5BB6\u662F\u2026\u2026\uFF0C\u6838\u5FC3\u73A9\u6CD5\u662F\u2026\u2026\uFF0C\u5E0C\u671B\u6574\u4F53\u98CE\u683C\u2026\u2026" })
     ] })
   ] });
-  let preview = isolatedPreviewUrl(project.previewUrl, loadedVersion, revision), pending = project.previewVersion !== loadedVersion, reload = () => {
+  let preview = previewUrls(project.previewUrl, loadedVersion, revision, globalThis.location.origin), pending = project.previewVersion !== loadedVersion, reload = () => {
     setLoaded(!1), setLoadError(!1), setLoadedVersion(project.previewVersion), setRevision((value) => value + 1);
   }, refresh = () => {
     setLoaded(!1), setLoadError(!1), setRevision((value) => value + 1);
-  }, runtimeState = loadError ? "\u9884\u89C8\u8F7D\u5165\u5931\u8D25 \xB7 \u53EF\u91CD\u65B0\u8F7D\u5165" : building ? "Agent \u6B63\u5728\u66F4\u65B0\u6E38\u620F\u6587\u4EF6 \xB7 \u5F53\u524D\u9884\u89C8\u4FDD\u6301\u4E0D\u53D8" : pending ? "\u65B0\u7248\u672C\u5DF2\u5C31\u7EEA \xB7 \u7531\u4F60\u51B3\u5B9A\u4F55\u65F6\u8F7D\u5165" : loaded ? preview.isolated ? "\u9884\u89C8\u5DF2\u8F7D\u5165" : "\u9884\u89C8\u5DF2\u8F7D\u5165 \xB7 \u5F53\u524D\u90E8\u7F72\u65E0\u6CD5\u9694\u79BB\u6765\u6E90\uFF0C\u5B58\u6863\u529F\u80FD\u4E0D\u53EF\u7528" : "\u6B63\u5728\u8F7D\u5165\u9884\u89C8\u2026";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: shellRef, className: "oh-game-preview-shell", "data-state": loadError ? "error" : building ? "building" : loaded ? "ready" : "loading", children: [
+  }, status = gamePreviewStatus({
+    frameLoaded: loaded,
+    frameError: loadError,
+    // A result for an earlier URL describes a build the frame no longer shows.
+    probe: probe?.href === preview.probeHref ? probe.result : "pending",
+    building,
+    pending,
+    isolated: preview.isolated
+  }), runtimeState = status.label, fullscreen = () => {
+    let shell = shellRef.current;
+    shell !== null && (restoreFullscreenFocus.current = !0, shell.requestFullscreen().catch(() => {
+      restoreFullscreenFocus.current = !1;
+    }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: shellRef, className: "oh-game-preview-shell", "data-state": status.tone, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-game-preview-status", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "oh-game-runtime-state", role: "status", "aria-live": "polite", title: runtimeState, children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { "aria-hidden": !0 }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: runtimeState })
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "oh-game-focus-hint", "data-focused": focused || void 0, children: focused ? "\u6E38\u620F\u6B63\u5728\u63A5\u6536\u952E\u9F20\u8F93\u5165" : "\u70B9\u51FB\u753B\u9762\u8FDB\u5165\u8BD5\u73A9" }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
         pending && !building && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: reload, children: "\u8F7D\u5165\u65B0\u7248\u672C" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "oh-game-reload", type: "button", onClick: refresh, "aria-label": "\u91CD\u65B0\u8F7D\u5165\u6E38\u620F", children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": !0, children: "\u21BB" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { children: "\u5237\u65B0" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { ref: fullscreenButtonRef, type: "button", onClick: () => {
-          let shell = shellRef.current;
-          shell !== null && (restoreFullscreenFocus.current = !0, shell.requestFullscreen().catch(() => {
-            restoreFullscreenFocus.current = !1;
-          }));
-        }, children: "\u5168\u5C4F\u8BD5\u73A9" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { ref: fullscreenButtonRef, type: "button", onClick: fullscreen, children: "\u5168\u5C4F\u8BD5\u73A9" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreviewProbe, { href: preview.href, onFailed: () => {
-      setLoaded(!1), setLoadError(!0);
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreviewProbe, { href: preview.probeHref, onResult: (href, result) => {
+      setProbe({ href, result });
     } }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "iframe",
@@ -3695,7 +3744,7 @@ function GamePreview({ project, building }) {
         allowFullScreen: !0,
         referrerPolicy: "no-referrer",
         onLoad: () => {
-          setLoadError(!1), setLoaded(!0);
+          setLoaded(!0);
         },
         onError: () => {
           setLoaded(!1), setLoadError(!0);
@@ -3708,8 +3757,7 @@ function GamePreview({ project, building }) {
         }
       },
       `${project.id}:${loadedVersion}:${String(revision)}`
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-focus-hint", "data-focused": focused || void 0, children: focused ? "\u6E38\u620F\u6B63\u5728\u63A5\u6536\u952E\u9F20\u8F93\u5165" : "\u70B9\u51FB\u753B\u9762\u8FDB\u5165\u8BD5\u73A9" })
+    )
   ] });
 }
 function GameDesign({
@@ -3873,8 +3921,12 @@ function CreativeWorkbench({
     let path = creativeRelativePath(activity2.path, workspace?.cwd);
     return path === void 0 ? [] : [{ activity: activity2, path }];
   }), [activities, workspace?.cwd]), primaryActivity = normalizedActivities.at(-1), activityPaths = (0, import_react4.useMemo)(() => new Set(normalizedActivities.map((value) => value.path)), [normalizedActivities]), settledPath = settledMutation === void 0 ? void 0 : creativeRelativePath(settledMutation.slice(settledMutation.indexOf("\0") + 1), workspace?.cwd), 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_react4.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), productionViewportByEpisode = useStore((memory) => memory.productionViewport), productionIntentCalls = useStore((memory) => memory.productionIntentCalls), surfaceRef = (0, import_react4.useRef)(null), setWorkbenchPreference = actions.setWorkbenchPreference, applyWorkbenchPreference = (0, import_react4.useCallback)((preference) => {
-    setWorkbenchPreference(preference), writeWorkbenchPreference(workbenchPreferenceStorage(), workspace?.cwd, preference);
-  }, [setWorkbenchPreference, workspace?.cwd]), compactTabsId = (0, import_react4.useId)(), compactStudioId = `${compactTabsId}-studio-panel`, compactVideoStudioId = `${compactTabsId}-video-studio-panel`, compactChatId = `${compactTabsId}-chat-panel`, navRef = (0, import_react4.useRef)(null), activityBases = (0, import_react4.useRef)(/* @__PURE__ */ new Map()), previousSignals = (0, import_react4.useRef)(/* @__PURE__ */ new Set()), consumedSettledMutation = useStore((memory) => memory.settledMutation), liveTurns = (0, import_react4.useRef)(/* @__PURE__ */ new Set());
+    setWorkbenchPreference(preference);
+    let storage = workbenchPreferenceStorage();
+    (creativeProject || readWorkbenchPreference(storage, workspace?.cwd) !== void 0) && writeWorkbenchPreference(storage, workspace?.cwd, preference);
+  }, [creativeProject, setWorkbenchPreference, workspace?.cwd]), exampleGameId = workspace?.games.find((game) => game.source === "example")?.id, playExample = exampleGameId === void 0 ? void 0 : () => {
+    setGameProjectId(exampleGameId), setGameTab("preview"), setWorkbench("game"), applyWorkbenchPreference("open");
+  }, compactTabsId = (0, import_react4.useId)(), compactStudioId = `${compactTabsId}-studio-panel`, compactVideoStudioId = `${compactTabsId}-video-studio-panel`, compactChatId = `${compactTabsId}-chat-panel`, navRef = (0, import_react4.useRef)(null), activityBases = (0, import_react4.useRef)(/* @__PURE__ */ new Map()), previousSignals = (0, import_react4.useRef)(/* @__PURE__ */ new Set()), consumedSettledMutation = useStore((memory) => memory.settledMutation), liveTurns = (0, import_react4.useRef)(/* @__PURE__ */ new Set());
   liveTurn !== void 0 && liveTurns.current.add(liveTurn);
   let saveLocks = (0, import_react4.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_react4.useMemo)(
     () => episodeDirectory === void 0 ? [] : creatorDocumentPaths(workspace?.files.filter((file) => file.kind === "text") ?? [], episodeDirectory),
@@ -3926,7 +3978,14 @@ function CreativeWorkbench({
     episodeDirectory !== void 0 && actions.setProductionCanvas((current) => ({ ...current, [episodeDirectory]: canvas }));
   }, [actions, episodeDirectory]), setProductionViewport = (0, import_react4.useCallback)((viewport) => {
     episodeDirectory !== void 0 && actions.setProductionViewport((current) => ({ ...current, [episodeDirectory]: viewport }));
-  }, [actions, episodeDirectory]), editorMode = useStore((memory) => memory.editorMode), setEditorMode = actions.setEditorMode, modeSelection = (0, import_react4.useRef)(selected), textareaRef = (0, import_react4.useRef)(null), editorPositions = (0, import_react4.useRef)(/* @__PURE__ */ new Map()), editorReady = buffer !== void 0 && buffer.missing !== !0, workspaceKind = workbench === "game" || workbench === "video" ? void 0 : workbench, gameBuilding = normalizedActivities.some(({ path }) => path.startsWith("game-adaptations/")), videoBuilding = normalizedActivities.some(({ path }) => path.startsWith("video-recaps/"));
+  }, [actions, episodeDirectory]), editorMode = useStore((memory) => memory.editorMode), setEditorMode = actions.setEditorMode, modeSelection = (0, import_react4.useRef)(selected), textareaRef = (0, import_react4.useRef)(null), editorPositions = (0, import_react4.useRef)(/* @__PURE__ */ new Map()), editorReady = buffer !== void 0 && buffer.missing !== !0, workspaceKind = workbench === "game" || workbench === "video" ? void 0 : workbench, initialWorkbenchFor = (0, import_react4.useRef)(void 0);
+  (0, import_react4.useEffect)(() => {
+    if (workspace === void 0 || initialWorkbenchFor.current === workspace.cwd) return;
+    initialWorkbenchFor.current = workspace.cwd;
+    let next = initialWorkbenchMode(workbench, workspace.files, workspace.games, workspace.videos);
+    next !== workbench && setWorkbench(next);
+  }, [setWorkbench, workbench, workspace]);
+  let gameBuilding = normalizedActivities.some(({ path }) => path.startsWith("game-adaptations/")), videoBuilding = normalizedActivities.some(({ path }) => path.startsWith("video-recaps/"));
   (0, import_react4.useEffect)(() => {
     buffersRef.current = buffers;
   }, [buffers]);
@@ -4571,7 +4630,7 @@ function CreativeWorkbench({
         )
       ] })
     ] })
-  ] }) : !creativeProject && error === void 0 ? welcome ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WelcomeGuide, {}) : null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", "data-open": "false", children: [
+  ] }) : !creativeProject && error === void 0 ? welcome ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WelcomeGuide, { onPlayExample: playExample }) : null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", "data-open": "false", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: plugin_default }),
     /* @__PURE__ */ (0, import_jsx_runtime6.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");
@@ -4603,7 +4662,7 @@ function SessionWorkbenchBridge({ sessionId, useSession, useSessions, useProject
   let marker = (0, import_react4.useRef)(null), [target, setTarget] = (0, import_react4.useState)(), runningCalls = useChat((snapshot) => snapshot.legacy.runningCalls), partial = useChat((snapshot) => streamingAssistant(snapshot.timeline)), undispatched = useChat((snapshot) => undispatchedCalls(snapshot), sameUndispatchedCalls), settledMutation = useChat((snapshot) => latestSettledMutation(snapshot)), settledMutationTurn = useChat((snapshot) => latestSettledMutationTurn(snapshot)), liveTurn = useChat((snapshot) => openTurn(snapshot)), workbench = useStore((memory) => memory.workbench), gamePane = useStore((memory) => memory.gamePane), videoPane = useStore((memory) => memory.videoPane), sessionRunning = useSession((snapshot) => snapshot.running), inboxRows = useProjection("inbox", (inbox) => inbox?.["next-turn"]), pendingSubmissions = useSession((snapshot) => snapshot.pendingSubmissions), productionQueue = (0, import_react4.useMemo)(() => productionQueueFromInbox(
     inboxRows,
     new Set(pendingSubmissions.filter((item) => item.placement === "transcript").map((item) => item.requestId))
-  ), [inboxRows, pendingSubmissions]), chat = useChat((snapshot) => snapshot), productionIntents = (0, import_react4.useMemo)(() => settledProductionIntents(chat), [chat]), { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId), chosenPreference = useStore((memory) => memory.workbenchPreference), creativeProject = hasCreativeProject(workspace), welcome = useSessions((state) => state.byId[sessionId]?.blank === !0) && workspace !== void 0 && !workspaceLoading && !creativeProject, storedPreference = (0, import_react4.useMemo)(
+  ), [inboxRows, pendingSubmissions]), chat = useChat((snapshot) => snapshot), productionIntents = (0, import_react4.useMemo)(() => settledProductionIntents(chat), [chat]), { workspace, error, loading: workspaceLoading, reload } = useWorkspace(sessionId, sessionRunning), chosenPreference = useStore((memory) => memory.workbenchPreference), creativeProject = hasCreativeProject(workspace), welcome = useSessions((state) => state.byId[sessionId]?.blank === !0) && workspace !== void 0 && !workspaceLoading && !creativeProject, storedPreference = (0, import_react4.useMemo)(
     () => readWorkbenchPreference(workbenchPreferenceStorage(), workspace?.cwd),
     [workspace?.cwd]
   ), open = resolveWorkbenchOpen(chosenPreference ?? storedPreference, creativeProject);
@@ -4701,26 +4760,29 @@ function SessionWorkbenchBridge({ sessionId, useSession, useSessions, useProject
     ), target)
   ] });
 }
-function WelcomeGuide() {
+function WelcomeGuide({ onPlayExample }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "oh-story-welcome", "aria-label": "Oh Story \u4F7F\u7528\u5F15\u5BFC", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: plugin_default }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "Oh Story \u5DF2\u52A0\u8F7D" }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("ol", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: "\u70B9\u51FB\u5DE6\u4FA7\u300C\u5DE5\u4F5C\u533A / Workspaces\u300D\u65C1\u7684\u300C\u6DFB\u52A0\u5DE5\u4F5C\u533A / Add workspace\u300D\uFF0C\u9009\u62E9\u5B58\u653E\u4F5C\u54C1\u7684\u6587\u4EF6\u5939\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("li", { children: "\u7A7A\u76EE\u5F55\uFF08\u5305\u62EC DSH \u81EA\u52A8\u5EFA\u7ACB\u7684\u300C\u9ED8\u8BA4\u5DE5\u4F5C\u533A / Default workspace\u300D\uFF09\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_runtime6.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 ",
+      "\u76F4\u63A5\u5728\u4E0B\u65B9\u8F93\u5165\u6846\u8BF4\u4F60\u60F3\u5199\u4EC0\u4E48\uFF0C\u6BD4\u5982\u300C\u5199\u4E00\u7BC7 8000 \u5B57\u7684\u91CD\u751F\u590D\u4EC7\u77ED\u7BC7\u300D\uFF0C\u6216\u8F93\u5165 ",
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/story" }),
       "\u3001",
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/short-drama" }),
       "\u3001",
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/novel-to-game quick" }),
-      " \u6216 ",
+      "\u3001",
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/video-recap" }),
-      "\u3002"
+      "\u3002\u5199\u51FA\u7B2C\u4E00\u4E2A\u521B\u4F5C\u6587\u4EF6\u540E\uFF0C\u5C0F\u8BF4\u3001\u77ED\u5267\u3001\u6E38\u620F\u3001\u89C6\u9891\u5DE5\u4F5C\u53F0\u4F1A\u81EA\u52A8\u51FA\u73B0\u3002"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("ol", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: "\u4E0D\u9009\u6587\u4EF6\u5939\u4E5F\u80FD\u5F00\u59CB\uFF1A\u4F5C\u54C1\u4F1A\u5199\u8FDB DSH \u81EA\u52A8\u5EFA\u7ACB\u7684\u300C\u9ED8\u8BA4\u5DE5\u4F5C\u533A / Default workspace\u300D\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: "\u60F3\u653E\u8FDB\u81EA\u5DF1\u7684\u4F5C\u54C1\u6587\u4EF6\u5939\uFF1A\u70B9\u51FB\u5DE6\u4FA7\u300C\u5DE5\u4F5C\u533A / Workspaces\u300D\u65C1\u7684\u300C\u6DFB\u52A0\u5DE5\u4F5C\u533A / Add workspace\u300D\uFF0C\u5728\u7CFB\u7EDF\u5F39\u51FA\u7684\u6587\u4EF6\u5939\u7A97\u53E3\u91CC\u9009\u62E9\uFF0C\u518D\u5728\u4E0B\u65B9\u300C\u9009\u62E9\u5DE5\u4F5C\u533A / Choose workspace\u300D\u4E2D\u9009\u4E2D\u5B83\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: "\u8F93\u5165\u6846\u53F3\u4E0B\u89D2\u663E\u793A\u6A21\u578B\u540D\u5C31\u8BF4\u660E\u5DF2\u914D\u7F6E\u597D\uFF1B\u6CA1\u6709\u6A21\u578B\u65F6\uFF0C\u5728\u300C\u8BBE\u7F6E \u2192 \u6A21\u578B\u300D\u586B\u5165 API Key\u3002\u53EA\u67E5\u770B\u5DF2\u6709\u4F5C\u54C1\u65E0\u9700 API Key\u3002" })
+    ] }),
+    onPlayExample !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-welcome-example", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: onPlayExample, children: "\u5148\u73A9\u5185\u7F6E\u793A\u4F8B\u300A\u91D1\u74F6\u6885 \xB7 \u98CE\u6708\u603B\u8D26\u300B" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u968F\u63D2\u4EF6\u9644\u5E26\u7684\u5B8C\u6574 ADV \u6E38\u620F\uFF0C\u4E0D\u7528 API Key\u3002\u5185\u5BB9 18+\uFF0C\u8FDB\u5165\u524D\u4F1A\u786E\u8BA4\u5E74\u9F84\u3002" })
     ] })
   ] });
 }