@oh-story/dsh 0.1.13 → 0.1.14

package/lib/client.js

@@ -24,7 +24,7 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var import_dsh_client_store = require("@deepseek-ai/dsh-client-store"), import_react3 = require("react"), import_react_dom = require("react-dom");
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store"), import_react4 = require("react"), import_react_dom = require("react-dom");
 
 // src/client/file-activity.ts
 var WORKBENCH_LABELS = {
@@ -810,7 +810,7 @@ function creatorDocumentOrder(path) {
 }
 
 // src/client/drama-production-view.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/client/workbench-ui.ts
 function handleTabKey(event, values, current, select) {
@@ -825,6 +825,230 @@ function endpoint(path, sessionId, file) {
   return url.searchParams.set("sessionId", sessionId), file !== void 0 && url.searchParams.set("path", file), url.toString();
 }
 
+// src/client/production-canvas.tsx
+var import_react = require("react");
+
+// src/client/canvas-viewport.ts
+var DEFAULT_CANVAS_VIEWPORT = { x: 0, y: 0, zoom: 0.65 }, FIT_PADDING = 40;
+function clampZoom(zoom) {
+  return Math.min(3, Math.max(0.1, zoom));
+}
+function zoomAt(viewport, factor, anchor) {
+  let zoom = clampZoom(viewport.zoom * factor), scale = zoom / viewport.zoom;
+  return { x: anchor.x - (anchor.x - viewport.x) * scale, y: anchor.y - (anchor.y - viewport.y) * scale, zoom };
+}
+function wheelZoomFactor(deltaY, deltaMode) {
+  let pixels = deltaMode === 1 ? deltaY * 16 : deltaMode === 2 ? deltaY * 800 : deltaY;
+  return Math.exp(-pixels * 1e-3);
+}
+function centerOn(viewport, node, size) {
+  return {
+    x: size.width / 2 - (node.x + 180 / 2) * viewport.zoom,
+    y: size.height / 2 - (node.y + 76 / 2) * viewport.zoom,
+    zoom: viewport.zoom
+  };
+}
+function nodeVisible(viewport, node, size) {
+  let left = node.x * viewport.zoom + viewport.x, top = node.y * viewport.zoom + viewport.y;
+  return left >= 0 && top >= 0 && left + 180 * viewport.zoom <= size.width && top + 76 * viewport.zoom <= size.height;
+}
+function fitNodes(nodes, size, fallback = DEFAULT_CANVAS_VIEWPORT) {
+  if (nodes.length === 0 || size.width <= 0 || size.height <= 0) return fallback;
+  let left = Math.min(...nodes.map((node) => node.x)), top = Math.min(...nodes.map((node) => node.y)), right = Math.max(...nodes.map((node) => node.x + 180)), bottom = Math.max(...nodes.map((node) => node.y + 76)), widthZoom = (size.width - FIT_PADDING * 2) / Math.max(1, right - left), heightZoom = (size.height - FIT_PADDING * 2) / Math.max(1, bottom - top), zoom = clampZoom(Math.min(1, Math.max(Math.min(widthZoom, heightZoom), Math.min(widthZoom, 0.4)))), fitsHeight = (bottom - top) * zoom <= size.height - FIT_PADDING * 2;
+  return {
+    x: (size.width - (right - left) * zoom) / 2 - left * zoom,
+    y: fitsHeight ? (size.height - (bottom - top) * zoom) / 2 - top * zoom : FIT_PADDING - top * zoom,
+    zoom
+  };
+}
+
+// src/client/production-canvas.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime"), CLICK_SLOP = 4, BUTTON_ZOOM_STEP = 1.2, WHEEL_COMMIT_DELAY = 160;
+function canvasNodes(production) {
+  let assets = [...production.assets, ...production.visualAssets].map((asset, index) => ({ id: asset.id, label: asset.title, type: "asset", initial: { x: 80, y: 80 + index * 150 } })), shots = production.shots.map((shot, index) => ({ id: shot.id, label: shot.title, type: "shot", initial: { x: 640, y: 80 + index * 180 } }));
+  return [...assets, ...shots];
+}
+function ProductionCanvas(props) {
+  let nodes = (0, import_react.useMemo)(() => canvasNodes(props.production), [props.production]), viewportRef = (0, import_react.useRef)(null), [size, setSize] = (0, import_react.useState)({ width: 0, height: 0 }), [liveViewport, setLiveViewport] = (0, import_react.useState)(), [liveNode, setLiveNode] = (0, import_react.useState)(), [panning, setPanning] = (0, import_react.useState)(!1), wheelCommit = (0, import_react.useRef)(void 0), selectedHere = (0, import_react.useRef)(void 0), followed = (0, import_react.useRef)(void 0), positions = Object.fromEntries(nodes.map((node) => [node.id, props.canvas[node.id] ?? node.initial]));
+  liveNode !== void 0 && (positions[liveNode.id] = liveNode.point);
+  let committedViewport = props.viewport ?? (size.width > 0 ? fitNodes(Object.values(positions), size) : DEFAULT_CANVAS_VIEWPORT), viewport = liveViewport ?? committedViewport, latest = (0, import_react.useRef)({ viewport, committedViewport, props, nodes, size });
+  latest.current = { viewport, committedViewport, props, nodes, size }, (0, import_react.useLayoutEffect)(() => {
+    let element = viewportRef.current;
+    if (element === null) return;
+    let measure = () => {
+      setSize({ width: element.clientWidth, height: element.clientHeight });
+    };
+    measure();
+    let observer = new ResizeObserver(measure);
+    return observer.observe(element), () => {
+      observer.disconnect();
+    };
+  }, []), (0, import_react.useEffect)(() => {
+    let element = viewportRef.current;
+    if (element === null) return;
+    let onWheel = (event) => {
+      event.preventDefault();
+      let bounds = element.getBoundingClientRect(), next = zoomAt(latest.current.viewport, wheelZoomFactor(event.deltaY, event.deltaMode), { x: event.clientX - bounds.left, y: event.clientY - bounds.top });
+      setLiveViewport(next), clearTimeout(wheelCommit.current), wheelCommit.current = setTimeout(() => {
+        wheelCommit.current = void 0, latest.current.props.onViewportChange(next), setLiveViewport(void 0);
+      }, WHEEL_COMMIT_DELAY);
+    };
+    return element.addEventListener("wheel", onWheel, { passive: !1 }), () => {
+      element.removeEventListener("wheel", onWheel), clearTimeout(wheelCommit.current);
+    };
+  }, []);
+  let measured = size.width > 0;
+  (0, import_react.useEffect)(() => {
+    let { committedViewport: initial, props: currentProps } = latest.current;
+    measured && currentProps.viewport === void 0 && currentProps.onViewportChange(initial);
+  }, [measured]), (0, import_react.useEffect)(() => {
+    let { viewport: current, props: currentProps, nodes: currentNodes, size: currentSize } = latest.current, id = currentProps.selectedId;
+    if (!measured || id === followed.current || (followed.current = id, id === void 0)) return;
+    if (id === selectedHere.current) {
+      selectedHere.current = void 0;
+      return;
+    }
+    let node = currentNodes.find((candidate) => candidate.id === id);
+    if (node === void 0) return;
+    let point = currentProps.canvas[id] ?? node.initial;
+    nodeVisible(current, point, currentSize) || currentProps.onViewportChange(centerOn(current, point, currentSize));
+  }, [measured, props.selectedId]);
+  let flushWheel = () => {
+    wheelCommit.current !== void 0 && (clearTimeout(wheelCommit.current), wheelCommit.current = void 0, props.onViewportChange(viewport), setLiveViewport(void 0));
+  }, commitViewport = (next) => {
+    clearTimeout(wheelCommit.current), wheelCommit.current = void 0, setLiveViewport(void 0), props.onViewportChange(next);
+  }, zoomAtCenter = (factor) => {
+    commitViewport(zoomAt(viewport, factor, { x: size.width / 2, y: size.height / 2 }));
+  }, startPan = (event) => {
+    if (event.target instanceof Element && event.target.closest("article") !== null || event.button !== 0 && event.button !== 1) return;
+    event.preventDefault(), flushWheel();
+    let element = event.currentTarget;
+    element.setPointerCapture(event.pointerId), element.focus({ preventScroll: !0 });
+    let origin = viewport, start = { x: event.clientX, y: event.clientY }, moved = !1, next = origin;
+    setPanning(!0);
+    let move = (moveEvent) => {
+      let dx = moveEvent.clientX - start.x, dy = moveEvent.clientY - start.y;
+      !moved && Math.hypot(dx, dy) < CLICK_SLOP || (moved = !0, next = { ...origin, x: origin.x + dx, y: origin.y + dy }, setLiveViewport(next));
+    }, end = () => {
+      element.removeEventListener("pointermove", move), element.removeEventListener("pointerup", end), element.removeEventListener("pointercancel", end), setPanning(!1), moved ? commitViewport(next) : (selectedHere.current = void 0, props.onSelect(void 0));
+    };
+    element.addEventListener("pointermove", move), element.addEventListener("pointerup", end), element.addEventListener("pointercancel", end);
+  }, startDrag = (event, id) => {
+    if (event.button !== 0) return;
+    event.stopPropagation();
+    let element = event.currentTarget;
+    element.setPointerCapture(event.pointerId);
+    let origin = positions[id] ?? { x: 0, y: 0 }, start = { x: event.clientX, y: event.clientY }, zoom = viewport.zoom, moved = !1, next = origin, move = (moveEvent) => {
+      let dx = moveEvent.clientX - start.x, dy = moveEvent.clientY - start.y;
+      !moved && Math.hypot(dx, dy) < CLICK_SLOP || (moved = !0, next = { x: origin.x + dx / zoom, y: origin.y + dy / zoom }, setLiveNode({ id, point: next }));
+    }, end = () => {
+      element.removeEventListener("pointermove", move), element.removeEventListener("pointerup", end), element.removeEventListener("pointercancel", end), setLiveNode(void 0), moved ? props.onCanvasChange({ ...props.canvas, [id]: next }) : (id !== props.selectedId && (selectedHere.current = id), props.onSelect(id));
+    };
+    element.addEventListener("pointermove", move), element.addEventListener("pointerup", end), element.addEventListener("pointercancel", end);
+  }, navigate = (id) => {
+    let target = props.production.targets.get(id);
+    target !== void 0 && props.onNavigate(target);
+  }, onNodeKeyDown = (event, id) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault(), navigate(id);
+      return;
+    }
+    let step = event.shiftKey ? 40 : 10, delta = arrowDelta(event.key, step);
+    if (delta === void 0) return;
+    event.preventDefault(), event.stopPropagation();
+    let origin = positions[id] ?? { x: 0, y: 0 }, point = { x: origin.x + delta.x, y: origin.y + delta.y };
+    props.onCanvasChange({ ...props.canvas, [id]: point }), size.width > 0 && !nodeVisible(viewport, point, size) && commitViewport(centerOn(viewport, point, size));
+  }, onViewportKeyDown = (event) => {
+    if (event.target !== event.currentTarget) return;
+    let delta = arrowDelta(event.key, event.shiftKey ? 240 : 60);
+    delta !== void 0 ? (event.preventDefault(), commitViewport({ ...viewport, x: viewport.x - delta.x, y: viewport.y - delta.y })) : event.key === "+" || event.key === "=" ? (event.preventDefault(), zoomAtCenter(BUTTON_ZOOM_STEP)) : event.key === "-" || event.key === "_" ? (event.preventDefault(), zoomAtCenter(1 / BUTTON_ZOOM_STEP)) : event.key === "0" && (event.preventDefault(), commitViewport(fitNodes(Object.values(positions), size)));
+  }, connections = props.production.shots.flatMap((shot) => shot.references.map((reference) => [reference, shot.id])), gridSize = 20 * viewport.zoom;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "oh-story-canvas-shell", "aria-label": "\u77ED\u5267\u7D20\u6750\u4E0E\u955C\u5934\u5173\u7CFB\u753B\u5E03", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-canvas-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-canvas-help", id: "oh-story-canvas-help", children: "\u62D6\u52A8\u7A7A\u767D\u5904\u5E73\u79FB \xB7 \u6EDA\u8F6E\u7F29\u653E \xB7 \u65B9\u5411\u952E\u79FB\u52A8\u8282\u70B9 \xB7 Enter \u6253\u5F00\u539F\u6587 \xB7 \u5E03\u5C40\u53EA\u5728\u672C\u9875\u4FDD\u7559" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-canvas-controls", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": "\u7F29\u5C0F\u753B\u5E03", onClick: () => {
+          zoomAtCenter(1 / BUTTON_ZOOM_STEP);
+        }, children: "\u2212" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { "aria-live": "polite", children: [
+          Math.round(viewport.zoom * 100),
+          "%"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": "\u653E\u5927\u753B\u5E03", onClick: () => {
+          zoomAtCenter(BUTTON_ZOOM_STEP);
+        }, children: "\uFF0B" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+          commitViewport(fitNodes(Object.values(positions), size));
+        }, children: "\u9002\u5E94" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+          props.onCanvasChange({}), commitViewport(fitNodes(nodes.map((node) => node.initial), size));
+        }, children: "\u590D\u4F4D" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "div",
+      {
+        ref: viewportRef,
+        className: "oh-story-canvas-viewport",
+        role: "application",
+        "aria-roledescription": "\u65E0\u9650\u753B\u5E03",
+        "aria-label": "\u753B\u5E03\u89C6\u91CE",
+        "aria-describedby": "oh-story-canvas-help",
+        tabIndex: 0,
+        "data-panning": panning || void 0,
+        style: { backgroundPosition: `${String(viewport.x)}px ${String(viewport.y)}px`, backgroundSize: `${String(gridSize)}px ${String(gridSize)}px` },
+        onPointerDown: startPan,
+        onKeyDown: onViewportKeyDown,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-canvas", style: { transform: `translate(${String(viewport.x)}px, ${String(viewport.y)}px) scale(${String(viewport.zoom)})` }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", children: connections.map(([from, to]) => {
+            let a = positions[from], b = positions[to];
+            if (a === void 0 || b === void 0) return null;
+            let y1 = a.y + 76 / 2, y2 = b.y + 76 / 2, x1 = a.x + 180, bend = Math.max(60, Math.abs(b.x - x1) / 2);
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { "data-active": to === props.selectedId || from === props.selectedId || void 0, d: `M ${String(x1)} ${String(y1)} C ${String(x1 + bend)} ${String(y1)}, ${String(b.x - bend)} ${String(y2)}, ${String(b.x)} ${String(y2)}` }, `${from}:${to}`);
+          }) }),
+          nodes.map((node) => {
+            let references = connections.filter(([from, to]) => from === node.id || to === node.id).length;
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "article",
+              {
+                tabIndex: 0,
+                role: "button",
+                "aria-label": `${node.type === "asset" ? "\u7D20\u6750" : "\u955C\u5934"} ${node.label}\uFF0C${String(references)} \u6761\u5173\u7CFB`,
+                "aria-pressed": node.id === props.selectedId,
+                "data-node-type": node.type,
+                "data-selected": node.id === props.selectedId || void 0,
+                "data-dragging": liveNode?.id === node.id || void 0,
+                style: { left: positions[node.id]?.x, top: positions[node.id]?.y },
+                onKeyDown: (event) => {
+                  onNodeKeyDown(event, node.id);
+                },
+                onPointerDown: (event) => {
+                  startDrag(event, node.id);
+                },
+                onDoubleClick: () => {
+                  navigate(node.id);
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: node.type === "asset" ? "\u7D20\u6750" : "\u955C\u5934" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: node.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: node.id })
+                ]
+              },
+              node.id
+            );
+          })
+        ] })
+      }
+    )
+  ] });
+}
+function arrowDelta(key, step) {
+  if (key === "ArrowLeft") return { x: -step, y: 0 };
+  if (key === "ArrowRight") return { x: step, y: 0 };
+  if (key === "ArrowUp") return { x: 0, y: -step };
+  if (key === "ArrowDown") return { x: 0, y: step };
+}
+
 // 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", referenceRules = "\u53C2\u8003\u8F93\u5165\u4EE5\u6765\u6E90\u6761\u76EE\u81EA\u5DF1\u7684\u58F0\u660E\u4E3A\u51C6\uFF08IMG-* \u7684\u300C\u53C2\u8003\u300D\uFF0CSHOT-*\uFF0FMOTION-* \u7684\u300C\u8F93\u5165\u53C2\u8003\u56FE\u300D\uFF0C\u4EE5\u53CA MOTION-* \u72EC\u7ACB\u7684\u300C\u53C2\u8003\u97F3\u9891\u300D\uFF09\uFF1Areference_bindings \u5FC5\u987B\u4E0E\u8BE5\u6761\u76EE\u9010\u69FD\u4E00\u81F4\uFF0C\u5DE5\u4F5C\u53F0\u5217\u51FA\u7684\u8865\u5145\u53C2\u8003\u53EA\u4F5C\u6838\u5BF9\uFF0C\u6761\u76EE\u91CC\u6CA1\u6709\u58F0\u660E\u7684\u4E0D\u8981\u76F4\u63A5\u52A0\u8FDB job\uFF0C\u786E\u9700\u4F7F\u7528\u65F6\u5148\u8BF7\u62E5\u6709\u8BE5\u6761\u76EE\u7684\u9636\u6BB5\u4FEE\u8BA2\u6587\u6863\u3002\u8D77\u59CB\u5E27\u4E0E\u7ED3\u675F\u5E27\u7684\u89D2\u8272\u53EA\u53D6\u81EA\u6765\u6E90\u6761\u76EE\u81EA\u5DF1\u300C\u8F93\u5165\u53C2\u8003\u56FE\u300D\u5404\u69FD\u4F4D\u8BB0\u5F55\u7684\u7528\u9014\uFF08\u8D77\u59CB\u5E27\uFF0F\u7ED3\u675F\u5E27\uFF09\uFF1ASHOT-* \u770B\u300A\u5206\u955C.md\u300B\uFF0CMOTION-* \u770B\u300A\u89C6\u9891\u63D0\u793A\u8BCD.md\u300B\uFF1B\u518D\u7531\u76EE\u6807\u6A21\u578B\u65B9\u8A00\u7FFB\u6210 adapter \u7684 role\uFF0C\u4E0D\u6309\u6587\u4EF6\u540D\u6216\u5DE5\u4F5C\u53F0\u6E05\u5355\u63A8\u65AD\u3002\u76EE\u6807\u65B9\u8A00\u7528 first_frame\uFF0Flast_frame \u4F4D\u7F6E\u627F\u63A5\u8FD9\u7EC4\u8F93\u5165\u65F6\uFF0C\u7ED3\u675F\u5E27\u53EA\u8FDB last_frame\uFF0C\u7EDD\u4E0D\u964D\u7EA7\u6210\u666E\u901A\u53C2\u8003\u56FE\uFF1B\u65B9\u8A00\u8981\u6C42\u6574\u7EC4\u8D70\u591A\u69FD\u53C2\u8003\u65F6\uFF08\u5982 MiniMax H3 \u7684 full-reference\uFF1A\u9996\u5C3E\u5E27\u8F93\u5165\u4E0E\u53C2\u8003\u8F93\u5165\u4E92\u65A5\uFF0C\u8D77\u59CB\u5E27\u3001\u7ED3\u675F\u5E27\u90FD\u968F\u6574\u7EC4\u4EE5 reference_image \u9001\u5165\uFF09\uFF0C\u6309\u65B9\u8A00\u7FFB\u8BD1\uFF0C\u5E76\u5728\u9884\u89C8\u91CC\u5199\u660E\u7ED3\u675F\u5E27\u5C06\u4F5C\u4E3A\u53C2\u8003\u56FE\u9001\u5165\uFF0C\u6216\u5148\u8BF7\u5206\u955C owner \u53D6\u820D\u3002MOTION-* \u7684\u300C\u53C2\u8003\u97F3\u9891\u300D\u4E0D\u6DF7\u5165\u300C\u8F93\u5165\u53C2\u8003\u56FE\u300D\uFF1A\u5B83\u6392\u5728\u56FE\u7247 binding \u4E4B\u540E\uFF0Crole \u56FA\u5B9A\u4E3A reference_audio\uFF0Ccharacter \u9010\u5B57\u7167\u6284\u8BE5\u884C\u300C\u89D2\u8272\u300D\uFF0C\u97F3\u9891\u987A\u5E8F\u4ECD\u72EC\u7ACB\u4ECE 1 \u7F16\u53F7\uFF1Badapter profile \u672A\u663E\u5F0F\u58F0\u660E\u652F\u6301 reference_audio \u65F6\u5FC5\u987B\u5728\u63D0\u4EA4\u524D\u5931\u8D25\uFF0C\u4E0D\u80FD\u9759\u9ED8\u4E22\u5F03\u6216\u628A\u97F3\u9891\u5F53\u56FE\u7247\u3002", shotStartFrameNote = "\u5206\u955C.md \u7684 SHOT-* \u53EA\u4EA7\u51FA\u8D77\u59CB\u5E27\uFF1B\u8981\u4EA7\u51FA\u7ED3\u675F\u5E27\uFF0C\u5148\u7531\u56FE\u7247\u63D0\u793A\u8BCD\u9636\u6BB5\u5EFA\u7ACB\u72EC\u7ACB\u7684 IMG-* \u6761\u76EE\u518D\u6295\u4EA7\u3002";
 function referenceParagraph(kind) {
@@ -1042,7 +1266,7 @@ 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" }, ASSEMBLED_CUT_PATH = "\u5236\u4F5C\u6210\u679C/\u6210\u7247/\u6210\u7247.mp4";
+var import_jsx_runtime4 = 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" }, ASSEMBLED_CUT_PATH = "\u5236\u4F5C\u6210\u679C/\u6210\u7247/\u6210\u7247.mp4";
 function compositionSources(production, sequence, versions) {
   let versionById = new Map(versions.map((version) => [version.id, version])), shotById = new Map(production.shots.map((shot) => [shot.id, shot]));
   return sequence.flatMap((item) => {
@@ -1053,9 +1277,9 @@ function compositionSources(production, sequence, versions) {
   });
 }
 var MODALITY_LABEL = { image: "\u56FE\u7247", video: "\u89C6\u9891", tts: "\u8BED\u97F3", music: "\u97F3\u4E50" };
-function ProductionEnvironment({ sessionId }) {
-  let [preflight, setPreflight] = (0, import_react.useState)(), [attempt, setAttempt] = (0, import_react.useState)(0);
-  (0, import_react.useEffect)(() => {
+function ProductionStatus({ sessionId, diagnostics, onNavigate }) {
+  let [preflight, setPreflight] = (0, import_react2.useState)(), [attempt, setAttempt] = (0, import_react2.useState)(0), [open, setOpen] = (0, import_react2.useState)(), [copied, setCopied] = (0, import_react2.useState)(!1);
+  (0, import_react2.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)}`);
@@ -1067,34 +1291,89 @@ function ProductionEnvironment({ sessionId }) {
       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"
+  let toggle = (panel) => {
+    setOpen((current) => current === panel ? void 0 : panel);
+  }, configured = typeof preflight == "object" ? preflight.adapters.filter((adapter) => adapter.configured).length : 0, total = typeof preflight == "object" ? preflight.adapters.length : 0, environmentTone = typeof preflight != "object" ? "neutral" : !preflight.python.ok || !preflight.adapterConfig.ok ? "error" : configured === total ? "ready" : configured > 0 ? "partial" : "idle", protocolErrors = diagnostics.filter((item) => item.severity === "error").length, adapterFile = typeof preflight == "object" ? preflight.adapterConfig.path.split(/[\\/]/u).at(-1) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-status-pills", children: [
+      preflight === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "oh-story-status-pill", "data-tone": "error", onClick: () => {
+        setPreflight(void 0), setAttempt((value) => value + 1);
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true" }),
+        "\u73AF\u5883\u68C0\u67E5\u5931\u8D25",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: "\u91CD\u8BD5" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "oh-story-status-pill", "data-tone": environmentTone, "aria-expanded": open === "environment", "aria-controls": "oh-story-production-environment", "aria-label": "\u5A92\u4F53\u751F\u6210\u73AF\u5883", onClick: () => {
+        toggle("environment");
+      }, 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)("b", { "aria-hidden": "true" })
       ] }),
-      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\u8BED\u97F3\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 }),
+      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: () => {
+        toggle("diagnostics");
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true" }),
+        protocolErrors > 0 ? `${String(protocolErrors)} \u4E2A\u534F\u8BAE\u9519\u8BEF` : `${String(diagnostics.length)} \u4E2A\u683C\u5F0F\u63D0\u9192`,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { "aria-hidden": "true" })
+      ] })
+    ] }),
+    open === "environment" && typeof preflight == "object" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "oh-story-status-panel", id: "oh-story-production-environment", "aria-label": "\u5A92\u4F53\u751F\u6210\u73AF\u5883\u8BE6\u60C5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "oh-story-provider-list", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { "data-ready": preflight.python.ok || void 0, "data-error": !preflight.python.ok || void 0, children: [
+          /* @__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+` })
+        ] }),
+        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" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: MODALITY_LABEL[adapter.modality] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: adapter.label }),
+          adapter.configured ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u5DF2\u914D\u7F6E" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { children: [
+            "\u7F3A ",
+            adapter.missing.map((name2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: name2 }, name2))
+          ] })
+        ] }, adapter.name))
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+        "DeepSeek \u53EA\u8D1F\u8D23\u5199\u63D0\u793A\u8BCD\uFF0C\u56FE\u7247\u3001\u89C6\u9891\u3001\u8BED\u97F3\u3001\u97F3\u4E50\u7531\u8FD9\u4E9B\u4F9B\u5E94\u5546 API \u751F\u6210\u3002Key \u5199\u5728\u542F\u52A8 DSH \u4E4B\u524D\u7684\u5BBF\u4E3B\u673A\u73AF\u5883\u53D8\u91CF\u91CC",
+        configured === 0 ? "\uFF1B\u73B0\u5728\u4E00\u4E2A\u90FD\u6CA1\u914D\u7F6E\uFF0C\u751F\u4EA7\u4EFB\u52A1\u4F1A\u5728\u8C03\u7528\u4F9B\u5E94\u5546\u4E4B\u524D\u505C\u4E0B" : "",
         "\u3002\u8BE6\u89C1 README\u300C\u5A92\u4F53\u751F\u6210 API\u300D\u3002"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+          "Adapter \u914D\u7F6E",
+          preflight.adapterConfig.generated ? "\uFF08\u81EA\u52A8\u767B\u8BB0\uFF09" : "\uFF08\u81EA\u5B9A\u4E49\uFF09",
+          preflight.adapterConfig.ok ? "" : " \xB7 \u5199\u5165\u5931\u8D25"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { title: preflight.adapterConfig.path, children: adapterFile }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
+          navigator.clipboard.writeText(preflight.adapterConfig.path).then(() => {
+            setCopied(!0), setTimeout(() => {
+              setCopied(!1);
+            }, 1500);
+          });
+        }, children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u8DEF\u5F84" })
+      ] })
+    ] }),
+    open === "diagnostics" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "oh-story-status-panel oh-story-production-diagnostics", id: "oh-story-production-diagnostics", "aria-label": "\u6587\u6863\u683C\u5F0F\u63D0\u9192", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: diagnostics.slice(0, 8).map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { "data-severity": item.severity, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", onClick: () => {
+          onNavigate({ path: item.path, offset: item.offset, id: item.targetId ?? item.code });
+        }, children: [
+          item.path.split("/").at(-1),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+            ":",
+            item.line
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: item.message })
+      ] }, `${item.path}:${String(item.offset)}:${item.code}`)) }),
+      diagnostics.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+        "\u53E6\u6709 ",
+        diagnostics.length - 8,
+        " \u9879\uFF0C\u8BF7\u6309\u6587\u6863\u4F4D\u7F6E\u4FEE\u590D\u3002"
       ] })
     ] })
   ] });
@@ -1104,15 +1383,15 @@ function handleSectionKey(event, current, onChange) {
   next !== void 0 && (event.preventDefault(), onChange(SECTION_ORDER[next]), event.currentTarget.parentElement?.querySelectorAll("[role='tab']")[next]?.focus());
 }
 function DramaProductionView(props) {
-  let [notice, setNotice] = (0, import_react.useState)(), protocolErrors = props.production.diagnostics.filter((item) => item.severity === "error").length, jobsRef = (0, import_react.useRef)(props.jobs), commitJobs = (0, import_react.useCallback)((next) => {
+  let [notice, setNotice] = (0, import_react2.useState)(), jobsRef = (0, import_react2.useRef)(props.jobs), commitJobs = (0, import_react2.useCallback)((next) => {
     jobsRef.current = next, props.onJobsChange(next);
   }, [props.onJobsChange]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     jobsRef.current = props.jobs;
-  }, [props.jobs]), (0, import_react.useEffect)(() => {
+  }, [props.jobs]), (0, import_react2.useEffect)(() => {
     let next = reconcileSequence(props.production.shots.map((shot) => shot.id), props.sequence, props.versions, props.selections, props.production.episodeDirectory);
     JSON.stringify(next) !== JSON.stringify(props.sequence) && props.onSequenceChange(next);
-  }, [props.production.shots, props.selections, props.sequence, props.versions]), (0, import_react.useEffect)(() => {
+  }, [props.production.shots, props.selections, props.sequence, props.versions]), (0, import_react2.useEffect)(() => {
     let next = reconcileProductionJobs(props.jobs, props.queue, props.sessionRunning, props.versions);
     JSON.stringify(next) !== JSON.stringify(props.jobs) && commitJobs(next);
   }, [commitJobs, props.jobs, props.queue, props.sessionRunning, props.versions]);
@@ -1185,15 +1464,15 @@ ${item.prompt}`).join(`
       supersededOutputIds: props.libraryVersions.flatMap((version) => version.path === outputPath ? [version.id] : [])
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-production-tabs", role: "tablist", "aria-label": "\u77ED\u5267\u751F\u4EA7\u89C6\u56FE", children: SECTION_ORDER.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", tabIndex: props.section === item ? 0 : -1, "aria-selected": props.section === item, onKeyDown: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-production-tabs", role: "tablist", "aria-label": "\u77ED\u5267\u751F\u4EA7\u89C6\u56FE", children: SECTION_ORDER.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", role: "tab", tabIndex: props.section === item ? 0 : -1, "aria-selected": props.section === item, onKeyDown: (event) => {
         handleSectionKey(event, item, props.onSectionChange);
       }, onClick: () => {
         props.onSectionChange(item);
       }, children: SECTION_LABELS[item] }, item)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production-meta", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "oh-story-production-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-meta", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "oh-story-production-summary", children: [
           props.production.shots.length,
           " \u955C \xB7 ",
           props.production.assets.length + props.production.visualAssets.length,
@@ -1201,167 +1480,151 @@ ${item.prompt}`).join(`
           props.jobs.filter((job) => job.status === "awaiting_confirmation" || job.status === "running" || job.status === "pending").length,
           " \u4EFB\u52A1"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: props.onRefresh, children: "\u5237\u65B0" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.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: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ProductionStatus, { sessionId: props.sessionId, diagnostics: props.production.diagnostics, onNavigate: props.onNavigate }),
+    notice !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-notice", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: notice }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "aria-label": "\u5173\u95ED\u63D0\u793A", onClick: () => {
         setNotice(void 0);
       }, children: "\xD7" })
     ] }),
-    props.production.diagnostics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "oh-story-production-diagnostics", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("summary", { children: protocolErrors > 0 ? `${String(protocolErrors)} \u4E2A\u534F\u8BAE\u9519\u8BEF` : `${String(props.production.diagnostics.length)} \u4E2A\u683C\u5F0F\u63D0\u9192` }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: props.production.diagnostics.slice(0, 8).map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { "data-severity": item.severity, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", onClick: () => {
-          props.onNavigate({ path: item.path, offset: item.offset, id: item.targetId ?? item.code });
-        }, children: [
-          item.path.split("/").at(-1),
-          ":",
-          item.line
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: item.message })
-      ] }, `${item.path}:${String(item.offset)}:${item.code}`)) }),
-      props.production.diagnostics.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
-        "\u53E6\u6709 ",
-        props.production.diagnostics.length - 8,
-        " \u9879\uFF0C\u8BF7\u6309\u6587\u6863\u4F4D\u7F6E\u4FEE\u590D\u3002"
-      ] })
-    ] }),
-    props.section === "shots" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ShotBoard, { ...props, onCreateJob: createJob, onBatch: createBatch }),
-    props.section === "assets" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AssetBoard, { ...props, onCreateJob: createJob }),
-    props.section === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TaskBoard, { jobs: props.jobs, queue: props.queue, sessionRunning: props.sessionRunning, onCancel: cancelJob, onRemoveQueued: removeQueuedJob }),
-    props.section === "sequence" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SequenceBoard, { ...props, episodeDirectory: props.production.episodeDirectory, onCompose: composeSequence }),
-    props.section === "canvas" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProductionCanvas, { ...props })
+    props.section === "shots" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShotBoard, { ...props, onCreateJob: createJob, onBatch: createBatch }),
+    props.section === "assets" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AssetBoard, { ...props, onCreateJob: createJob }),
+    props.section === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TaskBoard, { jobs: props.jobs, queue: props.queue, sessionRunning: props.sessionRunning, onCancel: cancelJob, onRemoveQueued: removeQueuedJob }),
+    props.section === "sequence" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SequenceBoard, { ...props, episodeDirectory: props.production.episodeDirectory, onCompose: composeSequence }),
+    props.section === "canvas" && (props.production.shots.length + props.production.assets.length + props.production.visualAssets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "oh-story-canvas-shell", "aria-label": "\u77ED\u5267\u7D20\u6750\u4E0E\u955C\u5934\u5173\u7CFB\u753B\u5E03", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MissingDocument, { document: `${props.production.episodeDirectory}/\u5206\u955C.md`, documentPaths: props.production.documentPaths, what: "\u5173\u7CFB", skill: "/short-drama-storyboard", onNavigate: props.onNavigate }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ProductionCanvas, { production: props.production, selectedId: props.selectedId, canvas: props.canvas, viewport: props.viewport, onSelect: props.onSelect, onNavigate: props.onNavigate, onCanvasChange: props.onCanvasChange, onViewportChange: props.onViewportChange }))
   ] });
 }
 function ShotBoard(props) {
   let selectedRef = useScrollIntoView(props.selectedId);
-  return props.production.shots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "oh-story-shot-board", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MissingDocument, { document: `${props.production.episodeDirectory}/\u5206\u955C.md`, documentPaths: props.production.documentPaths, what: "\u955C\u5934", skill: "/short-drama-storyboard", onNavigate: props.onNavigate }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "oh-story-shot-board", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production-actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+  return props.production.shots.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "oh-story-shot-board", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MissingDocument, { document: `${props.production.episodeDirectory}/\u5206\u955C.md`, documentPaths: props.production.documentPaths, what: "\u955C\u5934", skill: "/short-drama-storyboard", onNavigate: props.onNavigate }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "oh-story-shot-board", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
         props.onBatch("image");
       }, children: "\u51C6\u5907\u6279\u91CF\u5173\u952E\u5E27" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
         props.onBatch("video");
       }, children: "\u51C6\u5907\u6279\u91CF\u89C6\u9891" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-shot-grid", children: props.production.shots.map((shot) => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-shot-grid", children: props.production.shots.map((shot) => {
       let completeness = productionCompleteness(shot), versions = props.versions.filter((version) => version.targetId === shot.id), selected = selectedVersionForTarget(shot.id, props.versions, props.selections, "image") ?? selectedVersionForTarget(shot.id, props.versions, props.selections, "video");
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "oh-story-shot-card", role: "button", tabIndex: 0, "aria-pressed": props.selectedId === shot.id, "aria-label": `\u9009\u4E2D\u955C\u5934 ${shot.id} ${shot.title}`, ref: props.selectedId === shot.id ? selectedRef : void 0, "data-selected": props.selectedId === shot.id || void 0, onKeyDown: (event) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { className: "oh-story-shot-card", role: "button", tabIndex: 0, "aria-pressed": props.selectedId === shot.id, "aria-label": `\u9009\u4E2D\u955C\u5934 ${shot.id} ${shot.title}`, ref: props.selectedId === shot.id ? selectedRef : void 0, "data-selected": props.selectedId === shot.id || void 0, onKeyDown: (event) => {
         (event.key === "Enter" || event.key === " ") && (event.preventDefault(), props.onSelect(shot.id));
       }, onClick: () => {
         props.onSelect(shot.id);
       }, children: [
-        selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-shot-placeholder", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: shot.id.split("-").at(-1) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u7B49\u5F85\u5173\u952E\u5E27\u6210\u679C" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MediaPreview, { version: selected }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: (event) => {
+        selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-shot-placeholder", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: shot.id.split("-").at(-1) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u5F85\u751F\u6210\u5173\u952E\u5E27" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPreview, { version: selected }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: (event) => {
             event.stopPropagation(), props.onNavigate({ path: shot.path, offset: shot.offset, id: shot.id });
           }, children: shot.id }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: shot.durationSeconds === void 0 ? "\u2014" : `${String(shot.durationSeconds)}s` })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: shot.durationSeconds === void 0 ? "\u2014" : `${String(shot.durationSeconds)}s` })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: shot.title }),
-        shot.shotSpec !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: shot.shotSpec }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("dl", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: "\u8D77" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: shot.start ?? "\u672A\u586B\u5199" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { children: "\u7EC8" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: shot.end ?? "\u672A\u586B\u5199" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: shot.title }),
+        shot.shotSpec !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: shot.shotSpec }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("dl", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { children: "\u8D77" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: shot.start ?? "\u672A\u586B\u5199" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { children: "\u7EC8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: shot.end ?? "\u672A\u586B\u5199" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-shot-status", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReadinessBadge, { label: "\u5173\u952E\u5E27", ready: completeness.keyframe }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReadinessBadge, { label: "\u8FD0\u52A8", ready: completeness.motion }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReadinessBadge, { label: "\u53C2\u8003", ready: completeness.references }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-shot-status", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReadinessBadge, { label: "\u5173\u952E\u5E27", ready: completeness.keyframe }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReadinessBadge, { label: "\u8FD0\u52A8", ready: completeness.motion }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReadinessBadge, { label: "\u53C2\u8003", ready: completeness.references }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
             versions.length,
             " \u7248\u672C"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-reference-links", children: [
-          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_runtime4.jsxs)("div", { className: "oh-story-reference-links", children: [
+          shot.sceneIds.length > 0 ? shot.sceneIds.map((sceneId) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReferenceButton, { id: sceneId, production: props.production, onNavigate: props.onNavigate }, sceneId)) : shot.source !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReferenceButton, { id: shot.source, production: props.production, onNavigate: props.onNavigate }),
+          shot.references.map((id) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReferenceButton, { id, production: props.production, onNavigate: props.onNavigate }, id))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-card-actions", children: [
-          shot.keyframePrompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-card-actions", children: [
+          shot.keyframePrompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: (event) => {
             event.stopPropagation(), props.onCreateJob(shot.id, "image", shot.keyframePrompt ?? "");
           }, children: "\u51C6\u5907\u5173\u952E\u5E27" }),
-          shot.motion?.prompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: (event) => {
+          shot.motion?.prompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: (event) => {
             event.stopPropagation(), props.onCreateJob(shot.id, "video", shot.motion?.prompt ?? "");
           }, children: "\u51C6\u5907\u89C6\u9891" })
         ] }),
-        versions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VersionStrip, { targetId: shot.id, versions, selections: props.selections, onSelectionsChange: props.onSelectionsChange })
+        versions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VersionStrip, { targetId: shot.id, versions, selections: props.selections, onSelectionsChange: props.onSelectionsChange })
       ] }, shot.id);
     }) })
   ] });
 }
 function AssetBoard(props) {
-  let [query, setQuery] = (0, import_react.useState)(""), [kind, setKind] = (0, import_react.useState)("all"), assets = [...props.production.assets, ...props.production.visualAssets.filter((visual) => !props.production.assets.some((asset) => asset.title === visual.title))], needle = query.trim().toLocaleLowerCase(), library = props.libraryVersions.filter((version) => (kind === "all" || version.kind === kind) && (needle === "" || `${version.targetId} ${version.path ?? ""}`.toLocaleLowerCase().includes(needle))), selectedRef = useScrollIntoView(props.selectedId), referenceTarget = props.selectedId?.startsWith("SHOT-") === !0 ? props.selectedId : void 0, toggleReference = (versionId) => {
+  let [query, setQuery] = (0, import_react2.useState)(""), [kind, setKind] = (0, import_react2.useState)("all"), assets = [...props.production.assets, ...props.production.visualAssets.filter((visual) => !props.production.assets.some((asset) => asset.title === visual.title))], needle = query.trim().toLocaleLowerCase(), library = props.libraryVersions.filter((version) => (kind === "all" || version.kind === kind) && (needle === "" || `${version.targetId} ${version.path ?? ""}`.toLocaleLowerCase().includes(needle))), selectedRef = useScrollIntoView(props.selectedId), referenceTarget = props.selectedId?.startsWith("SHOT-") === !0 ? props.selectedId : void 0, toggleReference = (versionId) => {
     if (referenceTarget === void 0) return;
     let current = props.manualReferences[referenceTarget] ?? [], next = current.includes(versionId) ? current.filter((id) => id !== versionId) : [...current, versionId], mutable = Object.fromEntries(Object.entries(props.manualReferences).map(([target, ids]) => [target, [...ids]]));
     props.onManualReferencesChange({ ...mutable, [referenceTarget]: next });
   };
-  return assets.length === 0 && props.libraryVersions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "oh-story-assets", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MissingDocument, { document: `${props.production.episodeDirectory}/\u56FE\u7247\u63D0\u793A\u8BCD.md`, documentPaths: props.production.documentPaths, what: "\u7D20\u6750", skill: "/short-drama-image-prompts", onNavigate: props.onNavigate }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "oh-story-assets", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-asset-grid", children: assets.map((asset) => {
+  return assets.length === 0 && props.libraryVersions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { className: "oh-story-assets", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MissingDocument, { document: `${props.production.episodeDirectory}/\u56FE\u7247\u63D0\u793A\u8BCD.md`, documentPaths: props.production.documentPaths, what: "\u7D20\u6750", skill: "/short-drama-image-prompts", onNavigate: props.onNavigate }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "oh-story-assets", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-asset-grid", children: assets.map((asset) => {
       let prompt = "prompt" in asset ? asset.prompt : asset.description, versions = props.versions.filter((version) => version.targetId === asset.id), selected = selectedVersionForTarget(asset.id, props.versions, props.selections, "image");
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "oh-story-asset-card", ref: props.selectedId === asset.id ? selectedRef : void 0, "data-selected": props.selectedId === asset.id || void 0, children: [
-        selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-asset-placeholder", children: asset.kind === "character" ? "\u4EBA" : asset.kind === "scene" ? "\u666F" : asset.kind === "prop" ? "\u7269" : "\u8BBE" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MediaPreview, { version: selected }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: ASSET_KIND_LABEL[asset.kind] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: asset.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { className: "oh-story-asset-card", ref: props.selectedId === asset.id ? selectedRef : void 0, "data-selected": props.selectedId === asset.id || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-asset-media", "data-kind": asset.kind, children: [
+          selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-asset-placeholder", "aria-hidden": "true", children: asset.kind === "character" ? "\u4EBA" : asset.kind === "scene" ? "\u666F" : asset.kind === "prop" ? "\u7269" : "\u8BBE" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPreview, { version: selected }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: ASSET_KIND_LABEL[asset.kind] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-asset-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: asset.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
             props.onNavigate({ path: asset.path, offset: asset.offset, id: asset.id });
           }, children: asset.id })
         ] }),
-        prompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "oh-story-asset-description", children: prompt }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-card-actions", children: prompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+        prompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "oh-story-asset-description", children: prompt }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-card-actions", children: prompt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
           props.onCreateJob(asset.id, "image", prompt);
         }, children: "\u51C6\u5907\u7D20\u6750" }) }),
-        versions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VersionStrip, { targetId: asset.id, versions, selections: props.selections, onSelectionsChange: props.onSelectionsChange })
+        versions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VersionStrip, { targetId: asset.id, versions, selections: props.selections, onSelectionsChange: props.onSelectionsChange })
       ] }, asset.id);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-media-library", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "\u9879\u76EE\u5A92\u4F53\u5E93" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-media-library", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u9879\u76EE\u5A92\u4F53\u5E93" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
             library.length,
             "/",
             props.libraryVersions.length,
             " \u9879 \xB7 \u53EF\u8DE8\u96C6\u590D\u7528"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { "aria-label": "\u641C\u7D22\u9879\u76EE\u5A92\u4F53", value: query, placeholder: "\u641C\u7D22 ID \u6216\u8DEF\u5F84", onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u641C\u7D22\u9879\u76EE\u5A92\u4F53", value: query, placeholder: "\u641C\u7D22 ID \u6216\u8DEF\u5F84", onChange: (event) => {
             setQuery(event.target.value);
           } }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("select", { "aria-label": "\u7B5B\u9009\u5A92\u4F53\u7C7B\u578B", value: kind, onChange: (event) => {
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { "aria-label": "\u7B5B\u9009\u5A92\u4F53\u7C7B\u578B", value: kind, onChange: (event) => {
             setKind(event.target.value);
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "all", children: "\u5168\u90E8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "image", children: "\u56FE\u7247" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "video", children: "\u89C6\u9891" })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "all", children: "\u5168\u90E8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "image", children: "\u56FE\u7247" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "video", children: "\u89C6\u9891" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "oh-story-projection-note", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "oh-story-projection-note", children: [
         referenceTarget === void 0 ? "\u5148\u5728\u955C\u5934\u9875\u9009\u4E2D\u4E00\u4E2A\u955C\u5934\uFF0C\u518D\u56DE\u5230\u8FD9\u91CC\u628A\u5DF2\u6709\u56FE\u7247\u8BBE\u4E3A\u8BE5\u955C\u5934\u7684\u8865\u5145\u53C2\u8003\u3002" : `\u53EF\u628A\u4E0B\u9762\u7684\u56FE\u7247\u8BBE\u4E3A ${referenceTarget} \u7684\u8865\u5145\u53C2\u8003\u3002`,
         "\u8865\u5145\u53C2\u8003\u53EA\u63D0\u793A Agent \u6838\u5BF9\uFF1B\u5199\u8FDB\u6765\u6E90\u6761\u76EE\u7684\u300C\u8F93\u5165\u53C2\u8003\u56FE\u300D\u540E\u624D\u4F1A\u9001\u8FDB\u751F\u4EA7\u3002"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-media-library-grid", children: library.map((version) => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-media-library-grid", children: library.map((version) => {
         let selected = referenceTarget !== void 0 && (props.manualReferences[referenceTarget] ?? []).includes(version.id);
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MediaPreview, { version }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: version.targetId }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { title: version.path, children: version.path }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { children: [
-            version.path !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPreview, { version }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: version.targetId }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { title: version.path, children: version.path }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { children: [
+            version.path !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
               props.onOpenMedia(version.path);
             }, children: "\u6253\u5F00\u6587\u4EF6" }),
-            referenceTarget !== void 0 && version.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-pressed": selected, "aria-label": `${selected ? "\u53D6\u6D88" : "\u8BBE\u4E3A"} ${referenceTarget} \u53C2\u8003 ${version.targetId}`, title: "\u63D0\u793A Agent \u6838\u5BF9\uFF1B\u5199\u8FDB\u300C\u8F93\u5165\u53C2\u8003\u56FE\u300D\u540E\u624D\u4F1A\u9001\u8FDB\u751F\u4EA7", onClick: () => {
+            referenceTarget !== void 0 && version.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "aria-pressed": selected, "aria-label": `${selected ? "\u53D6\u6D88" : "\u8BBE\u4E3A"} ${referenceTarget} \u53C2\u8003 ${version.targetId}`, title: "\u63D0\u793A Agent \u6838\u5BF9\uFF1B\u5199\u8FDB\u300C\u8F93\u5165\u53C2\u8003\u56FE\u300D\u540E\u624D\u4F1A\u9001\u8FDB\u751F\u4EA7", onClick: () => {
               toggleReference(version.id);
             }, children: selected ? "\u5DF2\u8BBE\u8865\u5145\u53C2\u8003" : "\u8BBE\u4E3A\u8865\u5145\u53C2\u8003" })
           ] })
@@ -1372,34 +1635,37 @@ function AssetBoard(props) {
 }
 function TaskBoard({ jobs, queue, sessionRunning, onCancel, onRemoveQueued }) {
   let activeJobId = activeProductionJobId(jobs, queue, sessionRunning);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "oh-story-task-board", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-projection-note", children: "\u56FE\u7247\u3001\u89C6\u9891\u3001\u8BED\u97F3\u3001\u97F3\u4E50\u90FD\u5148\u9884\u68C0\u3001\u540E\u786E\u8BA4\u3002\u8FD9\u91CC\u8DDF\u8E2A\u56FE\u7247\u3001\u89C6\u9891\u4E0E\u6210\u7247\u4EFB\u52A1\uFF1B\u8BED\u97F3\u548C\u97F3\u4E50\u5728 Chat \u91CC\u5B8C\u6210\uFF0C\u7ED3\u679C\u76F4\u63A5\u843D\u5728\u5236\u4F5C\u6210\u679C\u76EE\u5F55\u3002\u4F9B\u5E94\u5546\u89C1\u4E0A\u65B9\u300C\u751F\u6210\u73AF\u5883\u300D\uFF0C\u5B9E\u9645\u8D26\u53F7\u3001\u6A21\u578B\u4E0E\u53EF\u7528\u6027\u7531\u5F53\u524D DSH \u8FD0\u884C\u73AF\u5883\u51B3\u5B9A\u3002" }),
-    jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-production-empty", children: "\u8FD8\u6CA1\u6709\u751F\u4EA7\u4EFB\u52A1\u3002\u53EF\u4ECE\u955C\u5934\u6216\u7D20\u6750\u9875\u63D0\u4EA4\u5355\u4E2A\u6216\u6279\u91CF\u4EFB\u52A1\u3002" }) : [...jobs].reverse().map((job) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "oh-story-task-board", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "oh-story-board-hint", children: "\u8FD9\u91CC\u8DDF\u8E2A\u56FE\u7247\u3001\u89C6\u9891\u4E0E\u6210\u7247\u4EFB\u52A1\uFF0C\u6BCF\u9879\u90FD\u5148\u9884\u68C0\u3001\u518D\u7531\u4F60\u5728 Chat \u786E\u8BA4\u3002\u8BED\u97F3\u548C\u97F3\u4E50\u5728 Chat \u91CC\u5B8C\u6210\uFF0C\u7ED3\u679C\u76F4\u63A5\u5199\u8FDB\u5236\u4F5C\u6210\u679C\u76EE\u5F55\u3002" }),
+    jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u751F\u4EA7\u4EFB\u52A1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u5728\u300C\u955C\u5934\u300D\u6216\u300C\u7D20\u6750\u300D\u9875\u51C6\u5907\u5173\u952E\u5E27\u3001\u89C6\u9891\u6216\u7D20\u6750\uFF0C\u786E\u8BA4\u540E\u7684\u4EFB\u52A1\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002" })
+    ] }) : [...jobs].reverse().map((job) => {
       let queued = queuedItemForJob(job.id, queue), displayStatus = queued === void 0 ? STATUS_LABELS[job.status] : "DSH Queue";
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { "data-job-id": job.id, "data-status": job.status, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { title: job.targetId, children: job.targetId }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: JOB_KIND_LABEL[job.kind] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: displayStatus })
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { "data-job-id": job.id, "data-status": job.status, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { title: job.targetId, children: job.targetId }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: JOB_KIND_LABEL[job.kind] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: displayStatus })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-task-progress", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { style: { width: `${String(job.progress)}%` } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("summary", { children: "\u67E5\u770B\u6295\u4EA7\u63D0\u793A\u8BCD" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: job.prompt })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-task-progress", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { style: { width: `${String(job.progress)}%` } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: "\u67E5\u770B\u6295\u4EA7\u63D0\u793A\u8BCD" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: job.prompt })
         ] }),
-        job.expectedOutputs > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("small", { children: [
+        job.expectedOutputs > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { children: [
           job.completedOutputs,
           "/",
           job.expectedOutputs,
           " \u9879\u6210\u679C"
         ] }),
-        job.error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-error", children: job.error }),
-        job.output !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MediaPreview, { version: job.output }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { children: [
-          queued !== void 0 && (job.status === "awaiting_confirmation" || job.status === "pending" || job.status === "running") && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+        job.error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-error", children: job.error }),
+        job.output !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPreview, { version: job.output }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { children: [
+          queued !== void 0 && (job.status === "awaiting_confirmation" || job.status === "pending" || job.status === "running") && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
             onRemoveQueued(job, queued.id);
           }, children: "\u4ECE DSH Queue \u79FB\u9664" }),
-          activeJobId === job.id && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
+          activeJobId === job.id && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
             onCancel(job);
           }, children: "\u505C\u6B62\u5F53\u524D DSH Turn" })
         ] })
@@ -1414,47 +1680,49 @@ function SequenceBoard(props) {
   }, chooseSource = (shotId, sourceVersionId) => {
     props.onSequenceChange(props.sequence.map((item) => item.shotId !== shotId ? item : sourceVersionId === "" ? { shotId: item.shotId, versionId: item.versionId } : { ...item, sourceVersionId, versionId: sourceVersionId }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "oh-story-sequence", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-sequence-summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "oh-story-sequence", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-sequence-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { children: [
         props.sequence.length,
         " \u4E2A\u955C\u5934"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: props.sequence.length === 0 ? "\u8FD8\u6CA1\u6709\u955C\u5934" : composing ? "\u6210\u7247\u4EFB\u52A1\u8FDB\u884C\u4E2D" : issues.length === 0 ? "\u5DF2\u53EF\u5408\u6210" : `${String(issues.length)} \u4E2A\u963B\u585E\u9879` }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", disabled: composing || issues.length > 0 || props.sequence.length < 2, onClick: props.onCompose, children: "\u5408\u6210\u6210\u7247" })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: props.sequence.length === 0 ? "\u8FD8\u6CA1\u6709\u955C\u5934" : composing ? "\u6210\u7247\u4EFB\u52A1\u8FDB\u884C\u4E2D" : issues.length === 0 ? "\u5DF2\u53EF\u5408\u6210" : `${String(issues.length)} \u4E2A\u963B\u585E\u9879` }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: composing || issues.length > 0 || props.sequence.length < 2, onClick: props.onCompose, children: "\u5408\u6210\u6210\u7247" })
     ] }),
-    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { className: "oh-story-sequence-issues", children: [
-      issues.slice(0, 3).map((issue) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: issue }, issue)),
-      issues.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
+    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "oh-story-sequence-issues", children: [
+      issues.slice(0, 3).map((issue) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: issue }, issue)),
+      issues.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
         "\u53E6\u6709 ",
         issues.length - 3,
         " \u4E2A\u963B\u585E\u9879\uFF0C\u8BF7\u5728\u4E0B\u65B9\u955C\u5934\u884C\u8865\u9F50\u7D20\u6750\u3002"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { children: props.sequence.map((item, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { children: props.sequence.map((item, index) => {
       let version = item.versionId === void 0 ? void 0 : versionById.get(item.versionId), choices = scopedVersions.filter((candidate) => candidate.path !== void 0 && sequenceSourceEligible(item.shotId, candidate)), explicitMissing = item.sourceVersionId !== void 0 && !choices.some((choice) => choice.id === item.sourceVersionId);
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: String(index + 1).padStart(2, "0") }),
-        version === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-sequence-missing", children: "\u7F3A\u5C11\u7D20\u6750" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MediaPreview, { version, interactive: !1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: item.shotId }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("select", { "aria-label": `\u9009\u62E9 ${item.shotId} \u6210\u7247\u7D20\u6750`, value: item.sourceVersionId ?? "", onChange: (event) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: String(index + 1).padStart(2, "0") }),
+        version === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-sequence-missing", children: "\u7F3A\u5C11\u7D20\u6750" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPreview, { version, interactive: !1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-sequence-main", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { title: item.shotId, children: item.shotId }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { "aria-label": `\u9009\u62E9 ${item.shotId} \u6210\u7247\u7D20\u6750`, value: item.sourceVersionId ?? "", onChange: (event) => {
             chooseSource(item.shotId, event.target.value);
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", children: "\u81EA\u52A8\uFF08\u89C6\u9891\u4F18\u5148\uFF09" }),
-            explicitMissing && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: item.sourceVersionId, disabled: !0, children: "\u5DF2\u9009\u7D20\u6750\u4E0D\u53EF\u7528" }),
-            choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("option", { value: choice.id, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "", children: "\u81EA\u52A8\uFF08\u89C6\u9891\u4F18\u5148\uFF09" }),
+            explicitMissing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: item.sourceVersionId, disabled: !0, children: "\u5DF2\u9009\u7D20\u6750\u4E0D\u53EF\u7528" }),
+            choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("option", { value: choice.id, children: [
               choice.targetId,
               " \xB7 ",
               choice.kind === "video" ? "\u89C6\u9891" : "\u9759\u5E27",
               " \xB7 ",
               choice.path?.split("/").at(-1)
             ] }, choice.id))
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": `\u4E0A\u79FB ${item.shotId}`, disabled: index === 0, onClick: () => {
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-sequence-move", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "aria-label": `\u4E0A\u79FB ${item.shotId}`, disabled: index === 0, onClick: () => {
             move(index, -1);
           }, children: "\u2191" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": `\u4E0B\u79FB ${item.shotId}`, disabled: index === props.sequence.length - 1, onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "aria-label": `\u4E0B\u79FB ${item.shotId}`, disabled: index === props.sequence.length - 1, onClick: () => {
             move(index, 1);
           }, children: "\u2193" })
         ] })
@@ -1462,82 +1730,28 @@ function SequenceBoard(props) {
     }) })
   ] });
 }
-function ProductionCanvas(props) {
-  let nodes = (0, import_react.useMemo)(() => {
-    let assets = [...props.production.assets, ...props.production.visualAssets].map((asset, index) => ({ id: asset.id, label: asset.title, type: "asset", initial: { x: 80, y: 80 + index * 150 } })), shots = props.production.shots.map((shot, index) => ({ id: shot.id, label: shot.title, type: "shot", initial: { x: 640, y: 80 + index * 180 } }));
-    return [...assets, ...shots];
-  }, [props.production.assets, props.production.shots, props.production.visualAssets]), positions = Object.fromEntries(nodes.map((node) => [node.id, props.canvas[node.id] ?? node.initial])), startDrag = (event, id) => {
-    event.currentTarget.setPointerCapture(event.pointerId);
-    let origin = positions[id] ?? { x: 0, y: 0 }, start = { x: event.clientX, y: event.clientY }, move = (moveEvent) => {
-      props.onCanvasChange({ ...props.canvas, [id]: { x: origin.x + (moveEvent.clientX - start.x) / props.zoom, y: origin.y + (moveEvent.clientY - start.y) / props.zoom } });
-    }, end = () => {
-      globalThis.removeEventListener("pointermove", move), globalThis.removeEventListener("pointerup", end);
-    };
-    globalThis.addEventListener("pointermove", move), globalThis.addEventListener("pointerup", end);
-  }, moveNode = (id, x, y) => {
-    let origin = positions[id] ?? { x: 0, y: 0 };
-    props.onCanvasChange({ ...props.canvas, [id]: { x: origin.x + x, y: origin.y + y } });
-  }, connections = props.production.shots.flatMap((shot) => shot.references.map((reference) => [reference, shot.id]));
-  return nodes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { className: "oh-story-canvas-shell", "aria-label": "\u77ED\u5267\u7D20\u6750\u4E0E\u955C\u5934\u5173\u7CFB\u753B\u5E03", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MissingDocument, { document: `${props.production.episodeDirectory}/\u5206\u955C.md`, documentPaths: props.production.documentPaths, what: "\u5173\u7CFB", skill: "/short-drama-storyboard", onNavigate: props.onNavigate }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "oh-story-canvas-shell", "aria-label": "\u77ED\u5267\u7D20\u6750\u4E0E\u955C\u5934\u5173\u7CFB\u753B\u5E03", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-projection-note", children: "\u6587\u6863\u5173\u7CFB \xB7 \u5E03\u5C40\u4EC5\u4FDD\u5B58\u5728\u5F53\u524D DSH Session" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-canvas-controls", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": "\u7F29\u5C0F\u753B\u5E03", onClick: () => {
-        props.onZoomChange(Math.max(0.5, props.zoom - 0.1));
-      }, children: "\u2212" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
-        Math.round(props.zoom * 100),
-        "%"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", "aria-label": "\u653E\u5927\u753B\u5E03", onClick: () => {
-        props.onZoomChange(Math.min(1.8, props.zoom + 0.1));
-      }, children: "\uFF0B" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => {
-        props.onCanvasChange({}), props.onZoomChange(0.65);
-      }, children: "\u590D\u4F4D" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-canvas-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-canvas", style: { transform: `scale(${String(props.zoom)})` }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { "aria-hidden": "true", children: connections.map(([from, to]) => {
-        let a = positions[from], b = positions[to];
-        return a === void 0 || b === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { "data-active": to === props.selectedId || void 0, d: `M ${String(a.x + 180)} ${String(a.y + 50)} C ${String(a.x + 360)} ${String(a.y + 50)}, ${String(b.x - 180)} ${String(b.y + 50)}, ${String(b.x)} ${String(b.y + 50)}` }, `${from}:${to}`);
-      }) }),
-      nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { tabIndex: 0, "aria-label": `${node.type === "asset" ? "\u7D20\u6750" : "\u955C\u5934"} ${node.label}`, "data-node-type": node.type, "data-selected": node.id === props.selectedId || void 0, style: { left: positions[node.id]?.x, top: positions[node.id]?.y }, onKeyDown: (event) => {
-        let step = event.shiftKey ? 40 : 10, delta = event.key === "ArrowLeft" ? [-step, 0] : event.key === "ArrowRight" ? [step, 0] : event.key === "ArrowUp" ? [0, -step] : event.key === "ArrowDown" ? [0, step] : void 0;
-        delta !== void 0 && (event.preventDefault(), moveNode(node.id, delta[0], delta[1]));
-      }, onPointerDown: (event) => {
-        startDrag(event, node.id);
-      }, onDoubleClick: () => {
-        let target = props.production.targets.get(node.id);
-        target !== void 0 && props.onNavigate(target);
-      }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("small", { children: node.type === "asset" ? "\u7D20\u6750" : "\u955C\u5934" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: node.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: node.id })
-      ] }, node.id))
-    ] }) })
-  ] });
-}
 function useScrollIntoView(selectedId) {
-  let ref = (0, import_react.useRef)(null);
-  return (0, import_react.useEffect)(() => {
+  let ref = (0, import_react2.useRef)(null);
+  return (0, import_react2.useEffect)(() => {
     ref.current?.scrollIntoView({ block: "nearest" });
   }, [selectedId]), ref;
 }
 function ReadinessBadge({ label, ready }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { "data-ready": ready, "aria-label": `${label}${ready ? "\u5DF2\u5907" : "\u5F85\u8865"}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { "aria-hidden": "true", children: ready ? "\u2713" : "\u2014" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { "data-ready": ready, "aria-label": `${label}${ready ? "\u5DF2\u5907" : "\u5F85\u8865"}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": "true", children: ready ? "\u2713" : "\u2014" }),
     label
   ] });
 }
 function MissingDocument({ document, documentPaths, what, skill, onNavigate }) {
   let present = documentPaths.includes(document);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-production-empty", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-story-production-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { children: [
       "\u8FD8\u6CA1\u6709\u53EF\u6295\u5F71\u7684",
       what,
       "\u3002"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: present ? `${document} \u5DF2\u5B58\u5728\uFF0C\u4F46\u6CA1\u6709\u89E3\u6790\u51FA\u6761\u76EE\u3002\u8BF7\u68C0\u67E5\u4E8C\u7EA7\u6807\u9898\u662F\u5426\u4E3A\u7A33\u5B9A\u7684 ID \u5F62\u5F0F\u3002` : `\u672C\u96C6\u8FD8\u6CA1\u6709 ${document}\u3002\u5728\u53F3\u4FA7 Chat \u7528 ${skill} \u5199\u597D\u8FD9\u4EFD\u6587\u6863\u540E\uFF0C\u8FD9\u91CC\u4F1A\u81EA\u52A8\u51FA\u73B0\u3002` }),
-    present && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: present ? `${document} \u5DF2\u5B58\u5728\uFF0C\u4F46\u6CA1\u6709\u89E3\u6790\u51FA\u6761\u76EE\u3002\u8BF7\u68C0\u67E5\u4E8C\u7EA7\u6807\u9898\u662F\u5426\u4E3A\u7A33\u5B9A\u7684 ID \u5F62\u5F0F\u3002` : `\u672C\u96C6\u8FD8\u6CA1\u6709 ${document}\u3002\u5728\u53F3\u4FA7 Chat \u7528 ${skill} \u5199\u597D\u8FD9\u4EFD\u6587\u6863\u540E\uFF0C\u8FD9\u91CC\u4F1A\u81EA\u52A8\u51FA\u73B0\u3002` }),
+    present && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", onClick: () => {
       onNavigate({ path: document, offset: 0, id: document });
     }, children: [
       "\u6253\u5F00 ",
@@ -1547,20 +1761,20 @@ function MissingDocument({ document, documentPaths, what, skill, onNavigate }) {
 }
 function ReferenceButton({ id, production, onNavigate }) {
   let target = production.targets.get(id);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", disabled: target === void 0, onClick: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: target === void 0, onClick: (event) => {
     event.stopPropagation(), target !== void 0 && onNavigate(target);
   }, children: id });
 }
 function MediaPreview({ version, interactive = !0 }) {
-  return version.kind === "image" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { className: "oh-story-media-preview", src: version.url, alt: version.targetId, loading: "lazy" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("video", { className: "oh-story-media-preview", src: version.url, controls: interactive, muted: !interactive, preload: "metadata" });
+  return version.kind === "image" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { className: "oh-story-media-preview", src: version.url, alt: version.targetId, loading: "lazy" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("video", { className: "oh-story-media-preview", src: version.url, controls: interactive, muted: !interactive, preload: "metadata" });
 }
 function VersionStrip({ targetId, versions, selections, onSelectionsChange }) {
   let selected = selectedVersionForTarget(targetId, versions, selections)?.id;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-version-strip", "aria-label": `${targetId} \u6210\u679C\u7248\u672C`, children: versions.map((version, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type: "button", "aria-pressed": version.id === selected, "aria-label": `\u9009\u62E9 ${targetId} \u7248\u672C ${String(index + 1)}`, "data-selected": version.id === selected || void 0, onClick: (event) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-version-strip", "aria-label": `${targetId} \u6210\u679C\u7248\u672C`, children: versions.map((version, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", "aria-pressed": version.id === selected, "aria-label": `\u9009\u62E9 ${targetId} \u7248\u672C ${String(index + 1)}`, "data-selected": version.id === selected || void 0, onClick: (event) => {
     event.stopPropagation(), onSelectionsChange({ ...selections, [targetId]: version.id });
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MediaPreview, { version, interactive: !1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MediaPreview, { version, interactive: !1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
       "V",
       String(index + 1)
     ] })
@@ -1635,8 +1849,8 @@ function settledProductionIntents(chat) {
 }
 
 // src/client/video-studio.tsx
-var import_react2 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_jsx_runtime5 = 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,15 +1858,15 @@ function readableBytes(bytes) {
   return bytes < 1024 * 1024 ? `${(bytes / 1024).toFixed(1)} KB` : bytes < 1024 * 1024 * 1024 ? `${(bytes / (1024 * 1024)).toFixed(1)} MB` : `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
 function ActionIcon({ name: name2 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { "aria-hidden": !0, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: {
-    reload: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 11a8 8 0 1 0-2.34 5.66" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 4v7h-7" })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { "aria-hidden": !0, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: {
+    reload: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M20 11a8 8 0 1 0-2.34 5.66" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M20 4v7h-7" })
     ] }),
-    fullscreen: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5" }) }),
-    external: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 3h7v7M21 3l-9 9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+    fullscreen: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5" }) }),
+    external: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M14 3h7v7M21 3l-9 9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
     ] })
   }[name2] });
 }
@@ -1663,28 +1877,28 @@ function artifactKindLabel(kind) {
   return { plan: "\u65B9\u6848", script: "\u6587\u7A3F", subtitle: "\u5B57\u5E55", quality: "\u8D28\u68C0", manifest: "\u6E05\u5355" }[kind];
 }
 function VideoPreview({ project, sessionId, running }) {
-  let shellRef = (0, import_react2.useRef)(null), initial = preferredPreview(project), [role, setRole] = (0, import_react2.useState)(initial?.role), selected = project.previews.find((item) => item.role === role) ?? preferredPreview(project), [loaded, setLoaded] = (0, import_react2.useState)(initial), [revision, setRevision] = (0, import_react2.useState)(0), [ready, setReady] = (0, import_react2.useState)(!1), [error, setError] = (0, import_react2.useState)(!1);
-  if (selected === void 0 || loaded === void 0) return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-preview-empty", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": !0, children: "\u25B6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u53EF\u9884\u89C8\u7684\u89C6\u9891" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+  let shellRef = (0, import_react3.useRef)(null), initial = preferredPreview(project), [role, setRole] = (0, import_react3.useState)(initial?.role), selected = project.previews.find((item) => item.role === role) ?? preferredPreview(project), [loaded, setLoaded] = (0, import_react3.useState)(initial), [revision, setRevision] = (0, import_react3.useState)(0), [ready, setReady] = (0, import_react3.useState)(!1), [error, setError] = (0, import_react3.useState)(!1);
+  if (selected === void 0 || loaded === void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-preview-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": !0, children: "\u25B6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u53EF\u9884\u89C8\u7684\u89C6\u9891" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
       "\u628A\u539F\u7247\u5BFC\u5165 ",
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "video-recaps/<\u9879\u76EE>/sources/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "video-recaps/<\u9879\u76EE>/sources/" }),
       "\uFF0C\u7136\u540E\u5728\u53F3\u4FA7 Chat \u4F7F\u7528 ",
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "/video-recap" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/video-recap" }),
       "\u3002\u526A\u540E\u7247\u548C\u6700\u7EC8\u6210\u7247\u4F1A\u81EA\u52A8\u51FA\u73B0\u5728\u8FD9\u91CC\u3002"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-prompt-example", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u63CF\u8FF0\u793A\u4F8B" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("q", { children: "\u628A\u8FD9\u6BB5\u89C6\u9891\u505A\u6210 3 \u5206\u949F\u4E2D\u6587\u89E3\u8BF4\uFF0C\u4FDD\u7559\u5173\u952E\u539F\u58F0\uFF0C\u5B57\u5E55\u70E7\u8FDB\u753B\u9762\u3002" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-prompt-example", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u63CF\u8FF0\u793A\u4F8B" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("q", { children: "\u628A\u8FD9\u6BB5\u89C6\u9891\u505A\u6210 3 \u5206\u949F\u4E2D\u6587\u89E3\u8BF4\uFF0C\u4FDD\u7559\u5173\u952E\u539F\u58F0\uFF0C\u5B57\u5E55\u70E7\u8FDB\u753B\u9762\u3002" })
     ] })
   ] });
   let pending = selected.path !== loaded.path || selected.version !== loaded.version, load = (asset) => {
     setRole(asset.role), setLoaded(asset), setReady(!1), setError(!1), setRevision((value) => value + 1);
   }, runtimeState = error ? "\u89C6\u9891\u8F7D\u5165\u5931\u8D25 \xB7 \u53EF\u91CD\u65B0\u8F7D\u5165" : running ? "Agent \u6B63\u5728\u66F4\u65B0\u9879\u76EE \xB7 \u5F53\u524D\u64AD\u653E\u4FDD\u6301\u4E0D\u53D8" : pending ? "\u65B0\u7248\u672C\u5DF2\u5C31\u7EEA \xB7 \u7531\u4F60\u51B3\u5B9A\u4F55\u65F6\u8F7D\u5165" : ready ? `${loaded.label}\u5DF2\u8F7D\u5165 \xB7 ${readableBytes(loaded.bytes)}` : "\u6B63\u5728\u8BFB\u53D6\u89C6\u9891\u4FE1\u606F\u2026", mediaUrl = `${endpoint("media", sessionId, loaded.path)}&version=${encodeURIComponent(loaded.version)}&reload=${String(revision)}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ref: shellRef, className: "oh-video-preview-shell", "data-state": error ? "error" : running ? "building" : ready ? "ready" : "loading", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-stagebar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-version-tabs", role: "tablist", "aria-label": "\u9884\u89C8\u7248\u672C", children: project.previews.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: shellRef, className: "oh-video-preview-shell", "data-state": error ? "error" : running ? "building" : ready ? "ready" : "loading", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-stagebar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-version-tabs", role: "tablist", "aria-label": "\u9884\u89C8\u7248\u672C", children: project.previews.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           type: "button",
@@ -1704,24 +1918,24 @@ function VideoPreview({ project, sessionId, running }) {
         },
         asset.role
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "oh-video-runtime-state", role: "status", "aria-live": "polite", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": !0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: runtimeState })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "oh-video-runtime-state", role: "status", "aria-live": "polite", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { "aria-hidden": !0 }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: runtimeState })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-preview-actions", children: [
-        pending && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-preview-actions", children: [
+        pending && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
           load(selected);
         }, children: "\u8F7D\u5165\u65B0\u7248\u672C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", title: "\u91CD\u65B0\u8F7D\u5165", "aria-label": "\u91CD\u65B0\u8F7D\u5165\u89C6\u9891", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", title: "\u91CD\u65B0\u8F7D\u5165", "aria-label": "\u91CD\u65B0\u8F7D\u5165\u89C6\u9891", onClick: () => {
           load(loaded);
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActionIcon, { name: "reload" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", title: "\u5168\u5C4F", "aria-label": "\u5168\u5C4F\u9884\u89C8", onClick: () => {
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActionIcon, { name: "reload" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", title: "\u5168\u5C4F", "aria-label": "\u5168\u5C4F\u9884\u89C8", onClick: () => {
           shellRef.current?.requestFullscreen();
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActionIcon, { name: "fullscreen" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { href: mediaUrl, target: "_blank", rel: "noreferrer", title: "\u5728\u65B0\u7A97\u53E3\u6253\u5F00", "aria-label": "\u5728\u65B0\u7A97\u53E3\u6253\u5F00\u89C6\u9891", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActionIcon, { name: "external" }) })
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActionIcon, { name: "fullscreen" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: mediaUrl, target: "_blank", rel: "noreferrer", title: "\u5728\u65B0\u7A97\u53E3\u6253\u5F00", "aria-label": "\u5728\u65B0\u7A97\u53E3\u6253\u5F00\u89C6\u9891", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActionIcon, { name: "external" }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-player-stage", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-player-stage", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "video",
       {
         src: mediaUrl,
@@ -1740,10 +1954,10 @@ function VideoPreview({ project, sessionId, running }) {
   ] });
 }
 function VideoArtifacts({ project, sessionId }) {
-  let [selected, setSelected] = (0, import_react2.useState)(preferredArtifact(project)?.path), [content, setContent] = (0, import_react2.useState)(), [error, setError] = (0, import_react2.useState)(), [preflight, setPreflight] = (0, import_react2.useState)();
-  (0, import_react2.useEffect)(() => {
+  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)();
+  (0, import_react3.useEffect)(() => {
     setSelected(preferredArtifact(project)?.path);
-  }, [project.id]), (0, import_react2.useEffect)(() => {
+  }, [project.id]), (0, import_react3.useEffect)(() => {
     if (selected === void 0) {
       setContent(void 0);
       return;
@@ -1760,45 +1974,45 @@ function VideoArtifacts({ project, sessionId }) {
     };
   }, [selected, sessionId]);
   let selectedArtifact = project.artifacts.find((item) => item.path === selected);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-artifacts", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("aside", { "aria-label": "\u89C6\u9891\u9879\u76EE\u4EA7\u7269", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-artifacts-heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u9879\u76EE\u4EA7\u7269" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: project.artifacts.length })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-artifacts", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("aside", { "aria-label": "\u89C6\u9891\u9879\u76EE\u4EA7\u7269", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-artifacts-heading", children: [
+        /* @__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_runtime4.jsxs)("div", { className: "oh-video-environment", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u8FD0\u884C\u73AF\u5883" }),
-        typeof preflight == "object" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { "data-ready": preflight.python.ok || void 0, children: [
+      /* @__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_runtime4.jsxs)("span", { "data-ready": preflight.ffmpeg.ok && preflight.ffmpeg.subtitles || void 0, children: [
+          /* @__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_runtime4.jsxs)("span", { "data-ready": preflight.ffprobe.ok || void 0, children: [
+          /* @__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_runtime4.jsxs)("span", { "data-ready": preflight.credentials.mimo || void 0, children: [
+          /* @__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_runtime4.jsxs)("span", { "data-ready": preflight.credentials.fish || void 0, children: [
+          (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_runtime4.jsxs)("span", { "data-ready": preflight.credentials.indexTts || void 0, children: [
+          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_runtime4.jsxs)("em", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("em", { children: [
             "DSH Host \u8FDB\u7A0B\u73AF\u5883\uFF1BAgent \u6267\u884C\u4E16\u754C\u4EE5 ",
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "video-recap --doctor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "video-recap --doctor" }),
             " \u4E3A\u51C6\u3002"
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
+        ] }) : /* @__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());
@@ -1807,9 +2021,9 @@ function VideoArtifacts({ project, sessionId }) {
           });
         }, children: preflight === "failed" ? "\u73AF\u5883\u68C0\u67E5\u5931\u8D25 \xB7 \u91CD\u8BD5" : "\u68C0\u67E5\u73AF\u5883" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("nav", { children: [
-        project.artifacts.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsxs)(
+      /* @__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)(
           "button",
           {
             type: "button",
@@ -1818,23 +2032,23 @@ function VideoArtifacts({ project, sessionId }) {
               setSelected(artifact.path);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: artifact.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: artifact.path.split("/").at(-1) })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: artifact.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: artifact.path.split("/").at(-1) })
             ]
           },
           artifact.path
         ))
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { children: [
-      selectedArtifact !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "oh-video-artifact-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: selectedArtifact.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: selectedArtifact.path.split("/").at(-1) })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { children: [
+      selectedArtifact !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "oh-video-artifact-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: selectedArtifact.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: selectedArtifact.path.split("/").at(-1) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: artifactKindLabel(selectedArtifact.kind) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: artifactKindLabel(selectedArtifact.kind) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-artifact-content", children: project.artifacts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-artifacts-empty", children: "\u6545\u4E8B\u65B9\u6848\u3001\u89E3\u8BF4\u8BCD\u3001\u5B57\u5E55\u548C\u8D28\u68C0\u62A5\u544A\u4F1A\u6309\u4E0A\u6E38\u6D41\u6C34\u7EBF\u5199\u5165\u8FD9\u91CC\u3002" }) : error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-story-error", children: error }) : content === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-artifacts-empty", children: "\u6B63\u5728\u8F7D\u5165\u4EA7\u7269\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { children: content }) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-artifact-content", children: project.artifacts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-artifacts-empty", children: "\u6545\u4E8B\u65B9\u6848\u3001\u89E3\u8BF4\u8BCD\u3001\u5B57\u5E55\u548C\u8D28\u68C0\u62A5\u544A\u4F1A\u6309\u4E0A\u6E38\u6D41\u6C34\u7EBF\u5199\u5165\u8FD9\u91CC\u3002" }) : error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-error", children: error }) : content === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-artifacts-empty", children: "\u6B63\u5728\u8F7D\u5165\u4EA7\u7269\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { children: content }) })
     ] })
   ] });
 }
@@ -1853,15 +2067,15 @@ function VideoStudio({
   onWorkbench,
   onCollapse
 }) {
-  let project = projects.find((item) => item.id === projectId) ?? projects[0], tabsId = (0, import_react2.useId)();
-  (0, import_react2.useEffect)(() => {
+  let project = projects.find((item) => item.id === projectId) ?? projects[0], tabsId = (0, import_react3.useId)();
+  (0, import_react3.useEffect)(() => {
     project !== void 0 && project.id !== projectId && onProject(project.id);
   }, [onProject, project, projectId]);
   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.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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { id: paneId, className: "oh-video-studio", role: "tabpanel", "aria-labelledby": labelledBy, hidden, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "oh-video-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-workbench-cluster", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: workbenches.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             type: "button",
@@ -1878,19 +2092,19 @@ function VideoStudio({
           },
           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_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_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) => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "oh-video-project", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u89C6\u9891\u9879\u76EE" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { "aria-label": "\u89C6\u9891\u9879\u76EE", value: project?.id ?? "", disabled: project === void 0, onChange: (event) => {
           onProject(event.target.value);
-        }, children: projects.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: item.id, children: item.title }, item.id)) })
+        }, children: projects.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: item.id, children: item.title }, item.id)) })
       ] }),
-      project !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "oh-video-stage", "data-state": project.state, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { "aria-hidden": !0 }),
+      project !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "oh-video-stage", "data-state": project.state, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { "aria-hidden": !0 }),
         project.stageLabel
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "oh-video-tabs", role: "tablist", "aria-label": "\u89C6\u9891\u5DE5\u4F5C\u53F0", children: tabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-tabs", role: "tablist", "aria-label": "\u89C6\u9891\u5DE5\u4F5C\u53F0", children: tabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           type: "button",
@@ -1910,17 +2124,17 @@ function VideoStudio({
         item
       )) })
     ] }),
-    project === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-preview-empty", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": !0, children: "\u25B6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u89C6\u9891\u9879\u76EE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+    project === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-video-preview-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": !0, children: "\u25B6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u89C6\u9891\u9879\u76EE" }),
+      /* @__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_runtime4.jsx)("code", { children: "video-recaps/<\u9879\u76EE>/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "video-recaps/<\u9879\u76EE>/" }),
         "\u3002"
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "oh-video-panels", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "tabpanel", id: `${tabsId}-preview-panel`, "aria-labelledby": `${tabsId}-preview-tab`, hidden: tab !== "preview", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VideoPreview, { project, sessionId, running }, project.id) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { role: "tabpanel", id: `${tabsId}-artifacts-panel`, "aria-labelledby": `${tabsId}-artifacts-tab`, hidden: tab !== "artifacts", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VideoArtifacts, { project, 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 }) })
     ] })
   ] });
 }
@@ -2625,62 +2839,14 @@ 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; }
-.oh-story-production-diagnostics li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 6px; color: var(--dsw-alias-label-secondary); }
-.oh-story-production-diagnostics li[data-severity="error"] { color: var(--dsw-alias-state-error-primary); }
-.oh-story-production-diagnostics li button { border: 0; padding: 0; color: inherit; background: transparent; text-align: left; }
-.oh-story-production-diagnostics p { margin: 6px 0 0; color: var(--os-muted); }
-.oh-story-production-actions { justify-content: flex-end; margin-bottom: 12px; }
-.oh-story-production-actions button:last-child,
-.oh-story-sequence-summary button { color: var(--dsw-alias-state-business-primary); border-color: var(--dsw-alias-state-business-primary); }
-.oh-story-shot-board { padding: 16px 12px; }
 .oh-story-shot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); align-items: start; gap: 12px; }
 .oh-story-shot-card,
 .oh-story-asset-card,
 .oh-story-task-board > article { min-width: 0; overflow: hidden; border: 1px solid var(--os-border); border-radius: 10px; background: var(--dsw-alias-bg-layer-1); }
-.oh-story-shot-card { padding: 10px; cursor: default; transition: border-color .15s ease, background-color .15s ease; }
-.oh-story-shot-card:hover { border-color: var(--dsw-alias-border-l2); }
-.oh-story-shot-card { cursor: pointer; }
 .oh-story-shot-card:focus-visible,
 .oh-story-asset-card:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 2px; }
 .oh-story-shot-card[data-selected],
 .oh-story-asset-card[data-selected] { border-color: var(--dsw-alias-state-business-primary); background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 4%, var(--dsw-alias-bg-layer-1)); }
-.oh-story-shot-card > header,
-.oh-story-task-board article > header { display: flex; min-height: 0; align-items: center; gap: 8px; padding: 0; border: 0; }
-.oh-story-shot-card > header > button { overflow: hidden; min-width: 0; flex: 1; border: 0; padding: 0; color: var(--dsw-alias-state-business-primary); background: transparent; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
-.oh-story-shot-card > header > span { color: var(--os-muted); font-variant-numeric: tabular-nums; }
-.oh-story-shot-card h3,
-.oh-story-asset-card h3 { margin: 7px 0 4px; font-size: 13px; font-weight: 600; }
-.oh-story-shot-card > p,
-.oh-story-asset-card > p,
-.oh-story-task-board article > p { margin: 5px 0; color: var(--os-muted); }
-.oh-story-shot-placeholder { display: grid; height: 132px; place-content: center; gap: 3px; margin-bottom: 8px; border-radius: 7px; color: var(--os-muted); background: var(--dsw-alias-button-ghost-active-fill); text-align: center; }
-.oh-story-shot-placeholder strong { color: var(--dsw-alias-label-secondary); font-size: 22px; font-variant-numeric: tabular-nums; }
-.oh-story-shot-card dl { display: grid; grid-template-columns: 20px minmax(0, 1fr); margin: 7px 0; }
-.oh-story-shot-card dt { color: var(--dsw-alias-state-business-primary); }
-.oh-story-shot-card dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
-.oh-story-shot-status,
-.oh-story-reference-links,
-.oh-story-card-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
-.oh-story-shot-status span { padding: 1px 5px; border-radius: 5px; color: var(--os-muted); background: var(--dsw-alias-button-ghost-active-fill); }
-.oh-story-shot-status span[data-ready="true"] { color: var(--dsw-alias-state-business-primary); }
-.oh-story-shot-status span > i { margin-right: 3px; font-style: normal; }
-.oh-story-reference-links button { max-width: 100%; overflow: hidden; padding: 1px 5px; border: 0; color: var(--dsw-alias-state-business-primary); background: transparent; text-overflow: ellipsis; }
-.oh-story-card-actions { padding-top: 8px; border-top: 1px solid var(--os-border); }
-.oh-story-card-actions button { flex: 1; padding-block: 4px; }
-.oh-story-card-actions button:last-child { color: var(--dsw-alias-state-business-primary); border-color: color-mix(in srgb, var(--dsw-alias-state-business-primary) 45%, var(--os-border)); }
 .oh-story-media-preview { display: block; width: 100%; height: 168px; border-radius: 7px; background: var(--dsw-alias-bg-base); object-fit: contain; }
 .oh-story-media-document { display: grid; min-height: 0; flex: 1; overflow: auto; place-items: center; padding: 24px; }
 .oh-story-media-document img,
@@ -2691,12 +2857,6 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-version-strip > button[data-selected] { border-color: var(--dsw-alias-state-business-primary); }
 .oh-story-version-strip .oh-story-media-preview { height: 72px; }
 .oh-story-version-strip span { position: absolute; right: 3px; bottom: 3px; padding: 0 3px; border-radius: 3px; background: var(--dsw-alias-bg-base); font-size: 10px; }
-.oh-story-asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; padding: 16px 12px; }
-.oh-story-asset-card { padding: 10px; }
-.oh-story-asset-card > div:nth-child(2) > button { overflow: hidden; max-width: 100%; border: 0; padding: 0; color: var(--dsw-alias-state-business-primary); background: transparent; text-overflow: ellipsis; }
-.oh-story-asset-card small { color: var(--os-muted); text-transform: uppercase; }
-.oh-story-asset-placeholder { display: grid; height: 112px; place-items: center; border-radius: 7px; color: var(--os-muted); background: var(--dsw-alias-button-ghost-active-fill); font-size: 28px; }
-.oh-story-asset-description { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; }
 .oh-story-media-library { margin: 0 12px 14px; padding-top: 12px; border-top: 1px solid var(--os-border); }
 .oh-story-media-library > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
 .oh-story-media-library > header > div { display: flex; align-items: center; gap: 7px; }
@@ -2723,36 +2883,170 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 .oh-story-task-board details p { max-height: 120px; overflow: auto; margin: 6px 0; padding: 8px; border-radius: 6px; background: var(--dsw-alias-bg-base); white-space: pre-wrap; }
 .oh-story-task-board footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; margin-top: 8px; }
 .oh-story-projection-note { padding: 7px 10px; border: 1px solid var(--os-border); border-radius: 7px; color: var(--os-muted); background: var(--dsw-alias-bg-layer-1); }
-.oh-story-task-board > .oh-story-projection-note { margin-bottom: 0; }
-.oh-story-production-empty { padding: 48px 20px; color: var(--os-muted); text-align: center; }
-.oh-story-production-empty strong { display: block; margin-bottom: 6px; color: var(--dsw-alias-text-1); font-size: 13px; }
-.oh-story-production-empty p { margin: 0 auto; max-width: 44em; line-height: 1.6; }
+/* Shared rhythm for every production tab: 12px gutters, 10\u201312px radii, mono for IDs,
+   one primary action per surface, status as quiet dots rather than red walls. */
+.oh-story-production { --os-mono: 10.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; --os-accent: var(--dsw-alias-state-business-primary); --os-accent-soft: color-mix(in srgb, var(--dsw-alias-state-business-primary) 9%, transparent); }
+.oh-story-production-tabs button:hover:not(:disabled) { color: var(--dsw-alias-label-primary); background: transparent; }
+
+/* Status row: one pill per concern; the detail opens underneath on demand. */
+.oh-story-production-status { margin: 10px 12px 0; }
+.oh-story-status-pills { display: flex; flex-wrap: wrap; gap: 6px; }
+.oh-story-production .oh-story-status-pill { display: inline-flex; min-height: 26px; align-items: center; gap: 6px; padding: 0 10px 0 9px; border-radius: 999px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-bg-layer-1); white-space: nowrap; }
+.oh-story-production .oh-story-status-pill[aria-expanded="true"] { border-color: var(--dsw-alias-border-l2); color: var(--dsw-alias-label-primary); }
+.oh-story-status-pill > i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: var(--os-muted); }
+.oh-story-status-pill[data-tone="ready"] > i { background: var(--dsw-alias-state-success-primary); }
+.oh-story-status-pill[data-tone="partial"] > i,
+.oh-story-status-pill[data-tone="warning"] > i { background: var(--dsw-alias-state-warn-label); }
+.oh-story-status-pill[data-tone="error"] > i { background: var(--dsw-alias-state-error-primary); }
+.oh-story-status-pill[data-tone="idle"] > i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--os-muted); }
+.oh-story-status-pill em { overflow: hidden; min-width: 0; color: var(--os-muted); font-style: normal; text-overflow: ellipsis; }
+.oh-story-production .oh-story-status-pill { max-width: 100%; overflow: hidden; }
+.oh-story-status-pill > b { width: 4px; height: 4px; margin-left: 1px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; opacity: .5; transform: translateY(-1px) rotate(45deg); transition: transform .15s ease; }
+.oh-story-status-pill[aria-expanded="true"] > b { transform: translateY(1px) rotate(-135deg); }
+.oh-story-status-panel { margin-top: 8px; padding: 8px 12px 10px; border: 1px solid var(--os-border); border-radius: 10px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-bg-layer-1); }
+.oh-story-provider-list { display: grid; margin: 0; padding: 0; list-style: none; }
+.oh-story-provider-list li { display: grid; grid-template-columns: 6px 30px minmax(84px, max-content) minmax(0, 1fr); align-items: baseline; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--os-border); }
+.oh-story-provider-list li:last-child { border-bottom: 0; }
+.oh-story-provider-list i { width: 6px; height: 6px; align-self: start; margin-top: 6px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--os-muted); }
+.oh-story-provider-list li[data-ready] i { background: var(--dsw-alias-state-success-primary); box-shadow: none; }
+.oh-story-provider-list span { color: var(--os-muted); font-size: 11px; }
+.oh-story-provider-list strong { color: var(--dsw-alias-label-primary); font-weight: 500; white-space: nowrap; }
+.oh-story-provider-list small { display: flex; min-width: 0; flex-wrap: wrap; align-items: baseline; gap: 4px; color: var(--os-muted); font-size: 11px; }
+.oh-story-provider-list li[data-ready] small { color: var(--dsw-alias-state-success-primary); }
+.oh-story-provider-list li[data-error] i { background: var(--dsw-alias-state-error-primary); box-shadow: none; }
+.oh-story-provider-list li[data-error] small { color: var(--dsw-alias-state-error-primary); }
+.oh-story-shot-card > .oh-story-media-preview,
+.oh-story-asset-media > .oh-story-media-preview { background: var(--dsw-alias-button-ghost-active-fill); }
+.oh-story-status-panel code { max-width: 100%; overflow: hidden; padding: 0 5px; border-radius: 4px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-button-ghost-active-fill); font: var(--os-mono); text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-status-panel > p { margin: 8px 0 0; color: var(--os-muted); line-height: 1.6; }
+.oh-story-status-panel > footer { display: flex; min-width: 0; align-items: center; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--os-border); color: var(--os-muted); font-size: 11px; }
+.oh-story-status-panel > footer > span { flex: none; }
+.oh-story-status-panel > footer code { min-width: 0; flex: 1; }
+.oh-story-status-panel > footer button { flex: none; padding: 1px 8px; }
+.oh-story-production-diagnostics ul { display: grid; margin: 0; padding: 0; list-style: none; }
+.oh-story-production-diagnostics li { display: grid; grid-template-columns: minmax(92px, max-content) minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 5px 0; border-bottom: 1px solid var(--os-border); }
+.oh-story-production-diagnostics li:last-child { border-bottom: 0; }
+.oh-story-production .oh-story-production-diagnostics li button { border: 0; padding: 0; color: var(--os-accent); background: transparent; font: var(--os-mono); text-align: left; white-space: nowrap; }
+.oh-story-production-diagnostics li button span { color: var(--os-muted); }
+.oh-story-production-diagnostics li[data-severity="error"] > span { color: var(--dsw-alias-state-error-primary); }
+.oh-story-production-diagnostics p { margin: 6px 0 0; color: var(--os-muted); }
+
+/* Shot board */
+.oh-story-shot-board { padding: 12px; }
+.oh-story-production-actions { justify-content: flex-end; gap: 6px; margin-bottom: 10px; }
+.oh-story-production .oh-story-production-actions button:last-child { border-color: color-mix(in srgb, var(--os-accent) 40%, var(--os-border)); color: var(--os-accent); background: var(--os-accent-soft); }
+.oh-story-shot-card { padding: 8px 8px 10px; border-radius: 12px; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
+.oh-story-shot-card:hover { border-color: var(--dsw-alias-border-l2); box-shadow: 0 2px 10px rgb(0 0 0 / 5%); }
+.oh-story-shot-card > .oh-story-media-preview,
+.oh-story-shot-placeholder { height: 156px; border-radius: 8px; }
+.oh-story-shot-placeholder { display: grid; box-sizing: border-box; place-content: center; gap: 2px; border: 1px dashed var(--os-border); color: var(--os-muted); background: repeating-linear-gradient(135deg, transparent 0 9px, color-mix(in srgb, var(--os-border) 35%, transparent) 9px 10px); text-align: center; }
+.oh-story-shot-placeholder strong { color: var(--dsw-alias-label-secondary); font: 600 20px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; }
+.oh-story-shot-placeholder span { font-size: 11px; }
+.oh-story-shot-card > header,
+.oh-story-task-board article > header { display: flex; min-height: 0; align-items: center; gap: 8px; padding: 0; border: 0; }
+.oh-story-shot-card > header { margin: 9px 2px 0; }
+.oh-story-production .oh-story-shot-card > header > button { overflow: hidden; min-width: 0; flex: 1; border: 0; padding: 0; color: var(--os-muted); background: transparent; font: var(--os-mono); text-align: left; text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-production .oh-story-shot-card > header > button:hover { color: var(--os-accent); background: transparent; }
+.oh-story-shot-card > header > span { padding: 0 6px; border-radius: 999px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-button-ghost-active-fill); font: var(--os-mono); }
+.oh-story-shot-card h3,
+.oh-story-asset-card h3 { margin: 4px 2px 2px; color: var(--dsw-alias-label-primary); font-size: 13.5px; font-weight: 600; line-height: 1.4; }
+.oh-story-shot-card > p,
+.oh-story-task-board article > p { margin: 0 2px; color: var(--os-muted); }
+.oh-story-shot-card dl { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 4px 6px; margin: 8px 2px; }
+.oh-story-shot-card dt { width: 16px; height: 16px; margin-top: 1px; border-radius: 4px; color: var(--os-accent); background: var(--os-accent-soft); font-size: 10px; line-height: 16px; text-align: center; }
+.oh-story-shot-card dd { min-width: 0; margin: 0; color: var(--dsw-alias-label-secondary); overflow-wrap: anywhere; }
+.oh-story-shot-status,
+.oh-story-reference-links { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 2px 0; }
+.oh-story-shot-status span { display: inline-flex; align-items: center; gap: 3px; padding: 0 7px; border-radius: 999px; color: var(--os-muted); background: var(--dsw-alias-button-ghost-active-fill); font-size: 11px; line-height: 20px; }
+.oh-story-shot-status span[data-ready="true"] { color: var(--dsw-alias-state-success-primary); background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent); }
+.oh-story-shot-status span > i { font-size: 10px; font-style: normal; }
+.oh-story-shot-status > span:last-child:not([data-ready]) { margin-left: auto; padding: 0; background: transparent; font-variant-numeric: tabular-nums; }
+.oh-story-production .oh-story-reference-links button { max-width: 100%; overflow: hidden; padding: 0 6px; border-color: var(--os-border); border-radius: 5px; color: var(--dsw-alias-label-secondary); background: transparent; font: var(--os-mono); line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-production .oh-story-reference-links button:hover:not(:disabled) { border-color: var(--os-accent); color: var(--os-accent); background: var(--os-accent-soft); }
+.oh-story-card-actions { display: flex; gap: 6px; margin: 10px 2px 0; padding-top: 10px; border-top: 1px solid var(--os-border); }
+.oh-story-card-actions button { min-width: 0; flex: 1; padding-block: 5px; }
+.oh-story-production .oh-story-card-actions button:last-child { border-color: color-mix(in srgb, var(--os-accent) 40%, var(--os-border)); color: var(--os-accent); background: var(--os-accent-soft); }
+
+/* Asset board */
+.oh-story-asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; padding: 12px; }
+.oh-story-asset-card { display: flex; flex-direction: column; padding: 8px 8px 10px; border-radius: 12px; }
+.oh-story-asset-media { position: relative; }
+.oh-story-asset-media > .oh-story-media-preview,
+.oh-story-asset-placeholder { height: 136px; border-radius: 8px; }
+.oh-story-asset-placeholder { display: grid; place-items: center; color: color-mix(in srgb, var(--os-accent) 55%, var(--os-muted)); background: linear-gradient(160deg, var(--os-accent-soft), var(--dsw-alias-button-ghost-active-fill)); font-size: 34px; font-weight: 300; }
+.oh-story-asset-media[data-kind="scene"] .oh-story-asset-placeholder { color: color-mix(in srgb, var(--dsw-alias-state-success-primary) 60%, var(--os-muted)); background: linear-gradient(160deg, color-mix(in srgb, var(--dsw-alias-state-success-primary) 9%, transparent), var(--dsw-alias-button-ghost-active-fill)); }
+.oh-story-asset-media[data-kind="prop"] .oh-story-asset-placeholder { color: color-mix(in srgb, var(--dsw-alias-state-warn-label) 65%, var(--os-muted)); background: linear-gradient(160deg, color-mix(in srgb, var(--dsw-alias-state-warn-label) 9%, transparent), var(--dsw-alias-button-ghost-active-fill)); }
+.oh-story-asset-media > small { position: absolute; top: 8px; left: 8px; padding: 0 8px; border: 1px solid var(--os-border); border-radius: 999px; color: var(--dsw-alias-label-secondary); background: color-mix(in srgb, var(--dsw-alias-bg-base) 86%, transparent); backdrop-filter: blur(6px); font-size: 10.5px; line-height: 18px; }
+.oh-story-asset-head { display: flex; min-width: 0; flex-direction: column; margin-top: 9px; }
+.oh-story-asset-head h3 { margin-top: 0; }
+.oh-story-production .oh-story-asset-head > button { overflow: hidden; max-width: 100%; align-self: flex-start; margin-left: 2px; border: 0; padding: 0; color: var(--os-muted); background: transparent; font: var(--os-mono); text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-production .oh-story-asset-head > button:hover { color: var(--os-accent); background: transparent; }
+.oh-story-asset-description { display: -webkit-box; overflow: hidden; margin: 6px 2px 0; color: var(--os-muted); font-size: 11.5px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
+.oh-story-asset-card > .oh-story-card-actions { margin-top: auto; }
+.oh-story-asset-card > .oh-story-asset-description + .oh-story-card-actions { margin-top: 10px; }
+
+/* Task board */
+.oh-story-board-hint { margin: 0; color: var(--os-muted); font-size: 11.5px; line-height: 1.6; }
+.oh-story-production-empty { margin: 4px 0; padding: 36px 20px; border: 1px dashed var(--os-border); border-radius: 12px; color: var(--os-muted); text-align: center; }
+.oh-story-production-empty strong { display: block; margin-bottom: 4px; color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 600; }
+.oh-story-production-empty p { max-width: 36em; margin: 0 auto; line-height: 1.6; }
 .oh-story-production-empty button { margin-top: 12px; }
+.oh-story-shot-board > .oh-story-production-empty,
+.oh-story-assets > .oh-story-production-empty,
+.oh-story-canvas-shell > .oh-story-production-empty { margin: 12px; }
+
+/* Final-cut sequence */
 .oh-story-sequence { padding: 12px; }
-.oh-story-sequence-summary { justify-content: space-between; margin-bottom: 10px; }
+.oh-story-sequence-summary { flex-wrap: wrap; margin-bottom: 10px; }
+.oh-story-sequence-summary strong { color: var(--dsw-alias-label-primary); font-size: 13px; }
 .oh-story-sequence-summary span { margin-left: auto; color: var(--os-muted); }
-.oh-story-sequence-issues { margin: 0 0 10px; padding: 8px 8px 8px 28px; border-radius: 7px; color: var(--dsw-alias-state-warn-label); background: var(--dsw-specific-tip); }
-.oh-story-sequence-issues li + li { margin-top: 2px; }
+.oh-story-production .oh-story-sequence-summary button { border-color: transparent; color: #fff; background: var(--os-accent); }
+.oh-story-production .oh-story-sequence-summary button:hover:not(:disabled) { background: color-mix(in srgb, var(--os-accent) 88%, #000); }
+.oh-story-sequence-issues { margin: 0 0 10px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--dsw-alias-state-warn-label) 35%, var(--os-border)); border-radius: 10px; color: var(--dsw-alias-label-secondary); background: var(--dsw-specific-tip); list-style: none; }
+.oh-story-sequence-issues li { position: relative; padding-left: 14px; line-height: 1.7; }
+.oh-story-sequence-issues li::before { position: absolute; top: .72em; left: 2px; width: 5px; height: 5px; border-radius: 50%; background: var(--dsw-alias-state-warn-label); content: ""; }
 .oh-story-sequence ol { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
-.oh-story-sequence > ol > li { display: grid; min-height: 70px; grid-template-columns: 28px 96px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px; border: 1px solid var(--os-border); border-radius: 8px; background: var(--dsw-alias-bg-layer-1); }
-.oh-story-sequence > ol > li > span { color: var(--os-muted); font-variant-numeric: tabular-nums; }
+.oh-story-sequence > ol > li { display: grid; min-height: 60px; grid-template-columns: 22px 64px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 6px 8px; border: 1px solid var(--os-border); border-radius: 10px; background: var(--dsw-alias-bg-layer-1); }
+.oh-story-sequence > ol > li > span { color: var(--os-muted); font: var(--os-mono); text-align: right; }
 .oh-story-sequence > ol > li .oh-story-media-preview,
-.oh-story-sequence-missing { width: 96px; height: 54px; }
-.oh-story-sequence-missing { display: grid; place-items: center; border-radius: 5px; color: var(--os-muted); background: var(--dsw-alias-button-ghost-active-fill); }
-.oh-story-sequence > ol > li > strong { overflow: hidden; text-overflow: ellipsis; }
-.oh-story-sequence > ol > li > div:last-child { display: grid; width: clamp(160px, 25vw, 260px); min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto; gap: 3px; }
-.oh-story-sequence > ol > li select { width: 100%; min-width: 0; }
-.oh-story-canvas-shell { position: relative; display: flex; height: max(580px, calc(100% - 84px)); min-height: 580px; flex-direction: column; overflow: hidden; }
-.oh-story-canvas-shell > .oh-story-projection-note { z-index: 3; flex: none; margin: 8px 168px 8px 8px; }
-.oh-story-canvas-controls { position: absolute; z-index: 4; top: 8px; right: 8px; display: flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--os-border); border-radius: 8px; background: var(--dsw-alias-bg-base); }
-.oh-story-canvas-controls span { min-width: 44px; color: var(--os-muted); text-align: center; }
-.oh-story-canvas-viewport { width: 100%; min-height: 0; flex: 1; overflow: auto; background-color: var(--dsw-alias-bg-base); background-image: radial-gradient(var(--os-border) 1px, transparent 1px); background-size: 20px 20px; }
-.oh-story-canvas { position: relative; width: 1800px; height: 1800px; transform-origin: 0 0; }
-.oh-story-canvas svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
-.oh-story-canvas path { fill: none; opacity: .35; stroke: var(--dsw-alias-border-l2); stroke-width: 1.5; }
-.oh-story-canvas path[data-active] { opacity: .8; stroke: var(--dsw-alias-state-business-primary); }
+.oh-story-sequence-missing { width: 64px; height: 48px; border-radius: 6px; }
+.oh-story-sequence > ol > li .oh-story-media-preview { object-fit: cover; }
+.oh-story-sequence-missing { display: grid; box-sizing: border-box; place-items: center; border: 1px dashed color-mix(in srgb, var(--dsw-alias-state-warn-label) 50%, var(--os-border)); color: var(--dsw-alias-state-warn-label); font-size: 10.5px; }
+.oh-story-sequence-main { display: grid; min-width: 0; gap: 4px; }
+.oh-story-sequence-main strong { overflow: hidden; color: var(--dsw-alias-label-primary); font: 500 11.5px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-sequence-main select { width: 100%; min-width: 0; padding-block: 3px; }
+.oh-story-sequence-move { display: grid; gap: 3px; }
+.oh-story-production .oh-story-sequence-move button { width: 26px; height: 22px; padding: 0; line-height: 1; }
+/* Project media library: same card language as the asset board. */
+.oh-story-media-library { margin: 4px 12px 16px; padding-top: 14px; }
+.oh-story-media-library > header strong { color: var(--dsw-alias-label-primary); font-size: 13px; }
+.oh-story-media-library > .oh-story-projection-note { padding: 0; border: 0; background: transparent; font-size: 11.5px; line-height: 1.6; }
+.oh-story-media-library-grid > article { gap: 4px; padding: 8px; border-radius: 12px; }
+.oh-story-media-library-grid .oh-story-media-preview { border-radius: 8px; background: var(--dsw-alias-button-ghost-active-fill); }
+.oh-story-media-library-grid > article > strong { margin-top: 4px; overflow: hidden; color: var(--dsw-alias-label-primary); font: 500 11.5px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-media-library-grid > article > span { font: var(--os-mono); font-size: 10px; }
+.oh-story-media-library-grid footer { margin-top: 6px; }
+.oh-story-production:has(> .oh-story-canvas-shell) { display: flex; flex-direction: column; }
+.oh-story-production:has(> .oh-story-canvas-shell) > :not(.oh-story-canvas-shell) { flex: none; }
+.oh-story-canvas-shell { position: relative; display: flex; min-height: 420px; flex: 1 0 420px; flex-direction: column; overflow: hidden; }
+.oh-story-canvas-toolbar { display: flex; flex: none; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--os-border); }
+.oh-story-canvas-help { overflow: hidden; min-width: 0; flex: 1; color: var(--os-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
+.oh-story-canvas-controls { display: flex; flex: none; align-items: center; overflow: hidden; border: 1px solid var(--os-border); border-radius: 8px; background: var(--dsw-alias-bg-layer-1); }
+.oh-story-production .oh-story-canvas-controls button { min-width: 28px; height: 26px; border: 0; border-radius: 0; padding: 0 8px; background: transparent; }
+.oh-story-production .oh-story-canvas-controls button + button,
+.oh-story-production .oh-story-canvas-controls span + button { border-left: 1px solid var(--os-border); }
+.oh-story-canvas-controls span { min-width: 44px; border-left: 1px solid var(--os-border); color: var(--dsw-alias-label-secondary); font: var(--os-mono); line-height: 26px; text-align: center; font-variant-numeric: tabular-nums; }
+.oh-story-canvas-viewport { position: relative; width: 100%; min-height: 0; flex: 1; overflow: hidden; cursor: grab; touch-action: none; overscroll-behavior: contain; background-color: var(--dsw-alias-bg-base); background-image: radial-gradient(var(--os-border) 1px, transparent 1px); background-size: 20px 20px; }
+.oh-story-canvas-viewport[data-panning] { cursor: grabbing; }
+.oh-story-canvas-viewport:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: -2px; }
+.oh-story-canvas { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: visible; transform-origin: 0 0; }
+.oh-story-canvas svg { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: visible; pointer-events: none; }
+.oh-story-canvas path { fill: none; opacity: .6; stroke: var(--dsw-alias-border-l2); stroke-width: 1.5; }
+.oh-story-canvas path[data-active] { opacity: .9; stroke-width: 2.5; stroke: var(--dsw-alias-state-business-primary); }
 .oh-story-canvas article { position: absolute; display: flex; width: 180px; min-height: 76px; box-sizing: border-box; flex-direction: column; gap: 4px; padding: 10px; border: 1px solid var(--os-border); border-radius: 8px; background: var(--dsw-alias-bg-layer-1); box-shadow: 0 4px 14px rgb(0 0 0 / 8%); cursor: grab; user-select: none; touch-action: none; }
-.oh-story-canvas article:active { cursor: grabbing; }
+.oh-story-canvas article:active,
+.oh-story-canvas article[data-dragging] { z-index: 2; cursor: grabbing; }
+.oh-story-canvas article[data-selected] { z-index: 1; }
 .oh-story-canvas article[data-node-type="shot"] { border-color: var(--dsw-alias-state-business-primary); }
 .oh-story-canvas article[data-selected] { box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-business-primary) 28%, transparent), 0 4px 14px rgb(0 0 0 / 8%); }
 .oh-story-canvas article small { color: var(--os-muted); text-transform: uppercase; }
@@ -2919,17 +3213,24 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 [data-oh-story-layout="compact"] .oh-story-media-library > header { align-items: stretch; flex-direction: column; }
 [data-oh-story-layout="compact"] .oh-story-media-library > header > div:last-child { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
 [data-oh-story-layout="compact"] .oh-story-media-library input { width: 100%; }
+[data-oh-story-layout="compact"] .oh-story-canvas-toolbar { flex-wrap: wrap; }
+[data-oh-story-layout="compact"] .oh-story-canvas-help { flex-basis: 100%; white-space: normal; }
+[data-oh-story-layout="compact"] .oh-story-canvas-controls { max-width: 100%; flex-wrap: wrap; }
+[data-oh-story-layout="compact"] .oh-story-production .oh-story-canvas-controls button { flex: 1; }
 [data-oh-story-layout="compact"] .oh-story-sequence { padding-inline: 6px; }
-[data-oh-story-layout="compact"] .oh-story-sequence-summary { flex-wrap: wrap; }
 [data-oh-story-layout="compact"] .oh-story-sequence-summary span { display: none; }
-[data-oh-story-layout="compact"] .oh-story-sequence > ol > li { grid-template-columns: 24px 64px minmax(0, 1fr); gap: 5px; }
+[data-oh-story-layout="compact"] .oh-story-sequence > ol > li { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 6px; padding: 6px; }
+[data-oh-story-layout="compact"] .oh-story-sequence > ol > li > span { display: none; }
 [data-oh-story-layout="compact"] .oh-story-sequence > ol > li .oh-story-media-preview,
-[data-oh-story-layout="compact"] .oh-story-sequence-missing { width: 64px; height: 40px; }
-[data-oh-story-layout="compact"] .oh-story-sequence > ol > li > div:last-child { grid-column: 1 / -1; width: auto; }
-[data-oh-story-layout="compact"] .oh-story-sequence > ol > li select { grid-column: 1 / -1; }
-[data-oh-story-layout="compact"] .oh-story-sequence > ol > li button:first-of-type { grid-column: 2; }
-[data-oh-story-layout="compact"] .oh-story-canvas-shell > .oh-story-projection-note { overflow: hidden; max-height: 48px; margin: 8px; }
-[data-oh-story-layout="compact"] .oh-story-canvas-controls { position: static; flex: none; align-self: flex-end; margin: 0 8px 8px; }
+[data-oh-story-layout="compact"] .oh-story-sequence-missing { width: 44px; height: 44px; }
+[data-oh-story-layout="compact"] .oh-story-sequence-main { display: contents; }
+[data-oh-story-layout="compact"] .oh-story-sequence-main select { grid-column: 1 / -1; grid-row: 2; }
+[data-oh-story-layout="compact"] .oh-story-sequence-move { grid-row: 1; grid-column: 3; }
+[data-oh-story-layout="compact"] .oh-story-provider-list li { grid-template-columns: 6px minmax(0, 1fr); }
+[data-oh-story-layout="compact"] .oh-story-provider-list li > span { display: none; }
+[data-oh-story-layout="compact"] .oh-story-provider-list li > small { grid-column: 2; }
+[data-oh-story-layout="compact"] .oh-story-production-diagnostics li { grid-template-columns: minmax(0, 1fr); gap: 0; }
+[data-oh-story-layout="compact"] .oh-story-status-panel > footer { flex-wrap: wrap; }
 
 /* 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. */
@@ -3119,7 +3420,7 @@ var plugin_default = `.oh-story-bridge-marker { display: none; }
 `;
 
 // src/client/index.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime"), name = "oh-story", inject = ["slots", "sessions", "conversation"];
+var import_jsx_runtime6 = require("react/jsx-runtime"), name = "oh-story", inject = ["slots", "sessions", "conversation"];
 function applyUpdate(current, update) {
   return typeof update == "function" ? update(current) : update;
 }
@@ -3146,7 +3447,7 @@ function createWorkbenchStore() {
       productionReferences: {},
       productionSequence: {},
       productionCanvas: {},
-      productionZoom: {},
+      productionViewport: {},
       productionIntentCalls: {},
       settledMutation: void 0,
       hydrated: !1
@@ -3215,8 +3516,8 @@ function createWorkbenchStore() {
       setProductionCanvas: (draft, update) => {
         draft.productionCanvas = applyUpdate(draft.productionCanvas, update);
       },
-      setProductionZoom: (draft, update) => {
-        draft.productionZoom = applyUpdate(draft.productionZoom, update);
+      setProductionViewport: (draft, update) => {
+        draft.productionViewport = applyUpdate(draft.productionViewport, update);
       },
       setProductionIntentCalls: (draft, update) => {
         draft.productionIntentCalls = applyUpdate(draft.productionIntentCalls, update);
@@ -3253,8 +3554,8 @@ function FileTreeNodes({
   onToggle,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: nodes.map((node) => {
-    if (node.kind === "file") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: nodes.map((node) => {
+    if (node.kind === "file") return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         type: "button",
@@ -3272,14 +3573,14 @@ function FileTreeNodes({
       node.path
     );
     let open = selected?.startsWith(`${node.path}/`) === !0 || expanded[node.path] === !0;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "oh-story-file-folder", open, onToggle: (event) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "oh-story-file-folder", open, onToggle: (event) => {
       onToggle(node.path, event.currentTarget.open);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { style: { "--oh-story-indent": `${String(depth * 14)}px` }, title: node.path, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { style: { "--oh-story-indent": `${String(depth * 14)}px` }, title: node.path, children: [
         node.name,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: node.fileCount })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: node.fileCount })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         FileTreeNodes,
         {
           nodes: node.children,
@@ -3295,10 +3596,10 @@ function FileTreeNodes({
   }) });
 }
 function useWorkspace(sessionId) {
-  let [version, setVersion] = (0, import_react3.useState)(0), [workspace, setWorkspace] = (0, import_react3.useState)(), [error, setError] = (0, import_react3.useState)(), [loading, setLoading] = (0, import_react3.useState)(!0), reload = (0, import_react3.useCallback)(() => {
+  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)(() => {
     setLoading(!0), setVersion((value) => value + 1);
   }, []);
-  return (0, import_react3.useEffect)(() => {
+  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) => {
       controller.signal.aborted || setError(reason instanceof Error ? reason.message : String(reason));
@@ -3314,10 +3615,10 @@ function isolatedPreviewUrl(path, version, revision) {
   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 };
 }
 function PreviewProbe({ href, onFailed }) {
-  let failedRef = (0, import_react3.useRef)(onFailed);
-  return (0, import_react3.useEffect)(() => {
+  let failedRef = (0, import_react4.useRef)(onFailed);
+  return (0, import_react4.useEffect)(() => {
     failedRef.current = onFailed;
-  }, [onFailed]), (0, import_react3.useEffect)(() => {
+  }, [onFailed]), (0, import_react4.useEffect)(() => {
     let controller = new AbortController();
     return fetch(href, { signal: controller.signal }).then((response) => {
       if (controller.signal.aborted) return;
@@ -3331,8 +3632,8 @@ function PreviewProbe({ href, onFailed }) {
   }, [href]), null;
 }
 function GamePreview({ project, building }) {
-  let shellRef = (0, import_react3.useRef)(null), fullscreenButtonRef = (0, import_react3.useRef)(null), restoreFullscreenFocus = (0, import_react3.useRef)(!1), [focused, setFocused] = (0, import_react3.useState)(!1), [loaded, setLoaded] = (0, import_react3.useState)(!1), [loadError, setLoadError] = (0, import_react3.useState)(!1), [revision, setRevision] = (0, import_react3.useState)(0), [loadedVersion, setLoadedVersion] = (0, import_react3.useState)(project.previewVersion);
-  if ((0, import_react3.useEffect)(() => {
+  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);
+  if ((0, import_react4.useEffect)(() => {
     let document = shellRef.current?.ownerDocument;
     if (document === void 0) return;
     let restore = () => {
@@ -3341,19 +3642,19 @@ function GamePreview({ project, building }) {
     return document.addEventListener("fullscreenchange", restore), () => {
       document.removeEventListener("fullscreenchange", restore);
     };
-  }, []), !project.previewReady || project.previewUrl === void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-game-preview-empty", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": !0, children: "\u25EB" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u53EF\u8BD5\u73A9\u7248\u672C" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+  }, []), !project.previewReady || project.previewUrl === void 0) return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-game-preview-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": !0, children: "\u25EB" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u8FD8\u6CA1\u6709\u53EF\u8BD5\u73A9\u7248\u672C" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
       "\u5728\u53F3\u4FA7 Chat \u4F7F\u7528 ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/novel-to-game quick" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/novel-to-game quick" }),
       "\uFF0C\u4EA7\u7269\u5199\u5165 ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "game-adaptations/<project>/build/app/" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "game-adaptations/<project>/build/app/" }),
       " \u540E\u4F1A\u81EA\u52A8\u51FA\u73B0\u5728\u8FD9\u91CC\u3002"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-game-prompt-example", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u63CF\u8FF0\u793A\u4F8B" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.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" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-game-prompt-example", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u63CF\u8FF0\u793A\u4F8B" }),
+      /* @__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 = () => {
@@ -3361,19 +3662,19 @@ function GamePreview({ project, building }) {
   }, 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_runtime5.jsxs)("div", { ref: shellRef, className: "oh-game-preview-shell", "data-state": loadError ? "error" : building ? "building" : loaded ? "ready" : "loading", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-game-preview-status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "oh-game-runtime-state", role: "status", "aria-live": "polite", title: runtimeState, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", { "aria-hidden": !0 }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: runtimeState })
+  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: [
+    /* @__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_runtime5.jsxs)("div", { children: [
-        pending && !building && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: reload, children: "\u8F7D\u5165\u65B0\u7248\u672C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "oh-game-reload", type: "button", onClick: refresh, "aria-label": "\u91CD\u65B0\u8F7D\u5165\u6E38\u620F", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": !0, children: "\u21BB" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: "\u5237\u65B0" })
+      /* @__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_runtime5.jsx)("button", { ref: fullscreenButtonRef, type: "button", onClick: () => {
+        /* @__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;
@@ -3381,10 +3682,10 @@ function GamePreview({ project, building }) {
         }, children: "\u5168\u5C4F\u8BD5\u73A9" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreviewProbe, { href: preview.href, onFailed: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreviewProbe, { href: preview.href, onFailed: () => {
       setLoaded(!1), setLoadError(!0);
     } }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "iframe",
       {
         src: preview.href,
@@ -3408,7 +3709,7 @@ function GamePreview({ project, building }) {
       },
       `${project.id}:${loadedVersion}:${String(revision)}`
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.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" })
+    /* @__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({
@@ -3418,10 +3719,10 @@ function GameDesign({
   sessionId,
   onSelect
 }) {
-  let documents = (0, import_react3.useMemo)(() => files.filter((file) => file.path.startsWith(`${project.root}/`) && /\.(?:md|txt|json|jsonl|html|css|[cm]?js|tsx?|jsx)$/iu.test(file.path)), [files, project.root]), preferred = selected !== void 0 && documents.some((file) => file.path === selected) ? selected : documents.find((file) => file.path === `${project.root}/PRODUCT_BRIEF.md`)?.path ?? documents[0]?.path, [path, setPath] = (0, import_react3.useState)(preferred), [content, setContent] = (0, import_react3.useState)(), [error, setError] = (0, import_react3.useState)();
-  if ((0, import_react3.useEffect)(() => {
+  let documents = (0, import_react4.useMemo)(() => files.filter((file) => file.path.startsWith(`${project.root}/`) && /\.(?:md|txt|json|jsonl|html|css|[cm]?js|tsx?|jsx)$/iu.test(file.path)), [files, project.root]), preferred = selected !== void 0 && documents.some((file) => file.path === selected) ? selected : documents.find((file) => file.path === `${project.root}/PRODUCT_BRIEF.md`)?.path ?? documents[0]?.path, [path, setPath] = (0, import_react4.useState)(preferred), [content, setContent] = (0, import_react4.useState)(), [error, setError] = (0, import_react4.useState)();
+  if ((0, import_react4.useEffect)(() => {
     setPath(preferred);
-  }, [preferred, project.id]), (0, import_react3.useEffect)(() => {
+  }, [preferred, project.id]), (0, import_react4.useEffect)(() => {
     if (path === void 0 || project.source === "example") {
       setContent(void 0);
       return;
@@ -3434,21 +3735,21 @@ function GameDesign({
     }), () => {
       controller.abort();
     };
-  }, [path, project.source, sessionId]), project.source === "example") return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-game-design-empty", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u5185\u7F6E\u5B8C\u6574\u793A\u4F8B" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u300A\u91D1\u74F6\u6885 \xB7 \u98CE\u6708\u603B\u8D26\u300B\u7684\u5B8C\u6574\u53EF\u73A9\u6784\u5EFA\u4E0E QA \u6821\u9A8C\u7ED3\u679C\u968F\u63D2\u4EF6\u6253\u5305\uFF0C\u53EF\u76F4\u63A5\u5728\u5DE6\u4FA7\u8BD5\u73A9\u3002\u4E0A\u6E38\u7684\u4EA7\u54C1\u7B80\u62A5\u3001\u5206\u6790\u3001\u6982\u5FF5\u3001\u8BBE\u8BA1\u4E0E\u6E90\u5C0F\u8BF4\u4E0D\u968F\u5305\u5206\u53D1\uFF0C\u53EF\u5728 novel-to-game \u4ED3\u5E93\u67E5\u770B\u5B8C\u6574\u521B\u4F5C\u8FC7\u7A0B\u3002" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "novel-to-game/examples/jin-ping-mei" })
+  }, [path, project.source, sessionId]), project.source === "example") return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-game-design-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u5185\u7F6E\u5B8C\u6574\u793A\u4F8B" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "\u300A\u91D1\u74F6\u6885 \xB7 \u98CE\u6708\u603B\u8D26\u300B\u7684\u5B8C\u6574\u53EF\u73A9\u6784\u5EFA\u4E0E QA \u6821\u9A8C\u7ED3\u679C\u968F\u63D2\u4EF6\u6253\u5305\uFF0C\u53EF\u76F4\u63A5\u5728\u5DE6\u4FA7\u8BD5\u73A9\u3002\u4E0A\u6E38\u7684\u4EA7\u54C1\u7B80\u62A5\u3001\u5206\u6790\u3001\u6982\u5FF5\u3001\u8BBE\u8BA1\u4E0E\u6E90\u5C0F\u8BF4\u4E0D\u968F\u5305\u5206\u53D1\uFF0C\u53EF\u5728 novel-to-game \u4ED3\u5E93\u67E5\u770B\u5B8C\u6574\u521B\u4F5C\u8FC7\u7A0B\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "novel-to-game/examples/jin-ping-mei" })
   ] });
-  if (documents.length === 0 || path === void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-design-empty", children: "\u5F53\u524D\u9879\u76EE\u8FD8\u6CA1\u6709\u53EF\u68C0\u67E5\u7684\u8BBE\u8BA1\u6216\u6E90\u6587\u4EF6\u3002" });
+  if (documents.length === 0 || path === void 0) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-design-empty", children: "\u5F53\u524D\u9879\u76EE\u8FD8\u6CA1\u6709\u53EF\u68C0\u67E5\u7684\u8BBE\u8BA1\u6216\u6E90\u6587\u4EF6\u3002" });
   let markdown = path.toLocaleLowerCase().endsWith(".md");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-game-design", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-game-design", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
       "\u9879\u76EE\u6587\u4EF6",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("select", { value: path, onChange: (event) => {
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("select", { value: path, onChange: (event) => {
         setPath(event.target.value), onSelect(event.target.value);
-      }, children: documents.map((file) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: file.path, children: file.path.slice(project.root.length + 1) }, file.path)) })
+      }, children: documents.map((file) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: file.path, children: file.path.slice(project.root.length + 1) }, file.path)) })
     ] }),
-    error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-error", children: error }) : content === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-design-empty", children: "\u6B63\u5728\u8F7D\u5165\u6587\u4EF6\u2026" }) : markdown ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MarkdownPreview, { content, label: path }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { className: "oh-game-source", "aria-label": `${path} \u6E90\u7801`, children: content })
+    error !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-error", children: error }) : content === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-design-empty", children: "\u6B63\u5728\u8F7D\u5165\u6587\u4EF6\u2026" }) : markdown ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MarkdownPreview, { content, label: path }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { className: "oh-game-source", "aria-label": `${path} \u6E90\u7801`, children: content })
   ] });
 }
 function GameStudio({
@@ -3468,8 +3769,8 @@ function GameStudio({
   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)();
-  if ((0, import_react3.useLayoutEffect)(() => {
+  let project = workspace.games.find((value) => value.id === gameProjectId) ?? workspace.games[0], studioRef = (0, import_react4.useRef)(null), tabsId = (0, import_react4.useId)();
+  if ((0, import_react4.useLayoutEffect)(() => {
     let studio = studioRef.current;
     if (studio === null) return;
     let publishWidth = () => {
@@ -3480,14 +3781,14 @@ function GameStudio({
     return observer.observe(studio), () => {
       observer.disconnect();
     };
-  }, []), (0, import_react3.useEffect)(() => {
+  }, []), (0, import_react4.useEffect)(() => {
     project !== void 0 && project.id !== gameProjectId && onGameProject(project.id);
-  }, [gameProjectId, onGameProject, project]), project === void 0) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { ref: studioRef, id: paneId, className: "oh-game-studio", role: "tabpanel", "aria-labelledby": labelledBy, hidden, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-design-empty", children: "\u6E38\u620F\u80FD\u529B\u6B63\u5728\u8F7D\u5165\u2026" }) });
+  }, [gameProjectId, onGameProject, project]), project === void 0) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("main", { ref: studioRef, id: paneId, className: "oh-game-studio", role: "tabpanel", "aria-labelledby": labelledBy, hidden, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-design-empty", children: "\u6E38\u620F\u80FD\u529B\u6B63\u5728\u8F7D\u5165\u2026" }) });
   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: [
-      /* @__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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("header", { className: "oh-game-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-workbench-cluster", children: [
+        workbenches.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: workbenches.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -3504,18 +3805,18 @@ function GameStudio({
           },
           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_runtime6.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) => {
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "oh-game-project", title: "\u5207\u6362\u9879\u76EE\u5C06\u91CD\u65B0\u8F7D\u5165\u8BD5\u73A9", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u6E38\u620F\u9879\u76EE" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("select", { "aria-label": "\u6E38\u620F\u9879\u76EE\uFF1B\u5207\u6362\u5C06\u91CD\u65B0\u8F7D\u5165\u8BD5\u73A9", value: project.id, onChange: (event) => {
           onGameProject(event.target.value);
         }, children: [
-          workspace.games.some((item) => item.source === "workspace") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("optgroup", { label: "\u6211\u7684\u9879\u76EE", children: workspace.games.filter((item) => item.source === "workspace").map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: item.id, children: `\u6211\u7684\u9879\u76EE \xB7 ${item.title}` }, item.id)) }),
-          workspace.games.some((item) => item.source === "example") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("optgroup", { label: "\u5185\u7F6E\u793A\u4F8B", children: workspace.games.filter((item) => item.source === "example").map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: item.id, children: `\u5185\u7F6E\u793A\u4F8B \xB7 ${item.title}` }, item.id)) })
+          workspace.games.some((item) => item.source === "workspace") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("optgroup", { label: "\u6211\u7684\u9879\u76EE", children: workspace.games.filter((item) => item.source === "workspace").map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: item.id, children: `\u6211\u7684\u9879\u76EE \xB7 ${item.title}` }, item.id)) }),
+          workspace.games.some((item) => item.source === "example") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("optgroup", { label: "\u5185\u7F6E\u793A\u4F8B", children: workspace.games.filter((item) => item.source === "example").map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: item.id, children: `\u5185\u7F6E\u793A\u4F8B \xB7 ${item.title}` }, item.id)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-tabs", role: "tablist", "aria-label": "\u6E38\u620F\u5DE5\u4F5C\u53F0", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-tabs", role: "tablist", "aria-label": "\u6E38\u620F\u5DE5\u4F5C\u53F0", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "button",
         {
           type: "button",
@@ -3535,9 +3836,9 @@ function GameStudio({
         tab
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-game-panels", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-panel", role: "tabpanel", id: `${tabsId}-preview-panel`, "aria-labelledby": `${tabsId}-preview-tab`, hidden: gameTab !== "preview", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GamePreview, { project, building }, `${project.id}:${String(project.previewReady)}`) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-panel", role: "tabpanel", id: `${tabsId}-design-panel`, "aria-labelledby": `${tabsId}-design-tab`, hidden: gameTab !== "design", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GameDesign, { project, files: workspace.files, selected, sessionId, onSelect }) })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-game-panels", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-panel", role: "tabpanel", id: `${tabsId}-preview-panel`, "aria-labelledby": `${tabsId}-preview-tab`, hidden: gameTab !== "preview", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GamePreview, { project, building }, `${project.id}:${String(project.previewReady)}`) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-panel", role: "tabpanel", id: `${tabsId}-design-panel`, "aria-labelledby": `${tabsId}-design-tab`, hidden: gameTab !== "design", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(GameDesign, { project, files: workspace.files, selected, sessionId, onSelect }) })
     ] })
   ] });
 }
@@ -3565,26 +3866,26 @@ function CreativeWorkbench({
   useStore,
   actions
 }) {
-  let activities = (0, import_react3.useMemo)(
+  let activities = (0, import_react4.useMemo)(
     () => fileMutations(runningCalls, partial, undispatched),
     [partial, runningCalls, undispatched]
-  ), normalizedActivities = (0, import_react3.useMemo)(() => activities.flatMap((activity2) => {
+  ), normalizedActivities = (0, import_react4.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]), 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_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) => {
+  }), [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_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()), consumedSettledMutation = useStore((memory) => memory.settledMutation), liveTurns = (0, import_react3.useRef)(/* @__PURE__ */ new Set());
+  }, [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());
   liveTurn !== void 0 && liveTurns.current.add(liveTurn);
-  let 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)(
+  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),
     [episodeDirectory, workspace?.files]
-  ), episodeDocuments = (0, import_react3.useMemo)(() => Object.fromEntries(episodeDocumentPaths.flatMap((path) => {
+  ), episodeDocuments = (0, import_react4.useMemo)(() => Object.fromEntries(episodeDocumentPaths.flatMap((path) => {
     let current = buffers[path];
     return current === void 0 || current.missing === !0 ? [] : [[path, current.content]];
-  })), [buffers, episodeDocumentPaths]), episodeProduction = (0, import_react3.useMemo)(
+  })), [buffers, episodeDocumentPaths]), episodeProduction = (0, import_react4.useMemo)(
     () => episodeDirectory === void 0 ? void 0 : parseEpisodeProduction(episodeDocuments, episodeDirectory),
     [episodeDirectory, episodeDocuments]
-  ), productionLibrary = (0, import_react3.useMemo)(() => (workspace?.files ?? []).flatMap((file) => {
+  ), productionLibrary = (0, import_react4.useMemo)(() => (workspace?.files ?? []).flatMap((file) => {
     if (file.kind !== "media" || file.mimeType?.startsWith("audio/") === !0) return [];
     if (!file.path.startsWith("\u5267\u96C6/") && !file.path.startsWith("\u4EA4\u4ED8/")) return [];
     let targetId = file.path.toLocaleUpperCase().match(/(?:SHOT|IMG|MOTION|VISUAL)-[A-Z0-9-]+/u)?.[0] ?? file.path.split("/").at(-2) ?? "PROJECT-MEDIA";
@@ -3595,7 +3896,7 @@ function CreativeWorkbench({
       url: endpoint("media", sessionId, file.path),
       path: file.path
     }];
-  }), [sessionId, workspace?.files]), productionVersions = (0, import_react3.useMemo)(() => {
+  }), [sessionId, workspace?.files]), productionVersions = (0, import_react4.useMemo)(() => {
     if (episodeProduction === void 0) return [];
     let episodeName = episodeProduction.episodeDirectory.split("/").at(-1) ?? "", knownTargets = [
       ...episodeProduction.shots.map((shot) => shot.id),
@@ -3611,25 +3912,25 @@ function CreativeWorkbench({
     }), byId = /* @__PURE__ */ new Map();
     for (let version of fromWorkspace) byId.set(version.id, version);
     return [...byId.values()];
-  }, [episodeProduction, productionLibrary]), productionSelectedId = episodeDirectory === void 0 ? void 0 : productionSelectedIds[episodeDirectory], productionJobs = episodeDirectory === void 0 ? [] : productionJobsByEpisode[episodeDirectory] ?? [], productionSelections = episodeDirectory === void 0 ? {} : productionSelectionsByEpisode[episodeDirectory] ?? {}, productionReferences = episodeDirectory === void 0 ? {} : productionReferencesByEpisode[episodeDirectory] ?? {}, productionSequence = episodeDirectory === void 0 ? [] : productionSequenceByEpisode[episodeDirectory] ?? [], productionCanvas = episodeDirectory === void 0 ? {} : productionCanvasByEpisode[episodeDirectory] ?? {}, productionZoom = episodeDirectory === void 0 ? 0.65 : productionZoomByEpisode[episodeDirectory] ?? 0.65, setProductionSelectedId = (0, import_react3.useCallback)((selectedId) => {
+  }, [episodeProduction, productionLibrary]), productionSelectedId = episodeDirectory === void 0 ? void 0 : productionSelectedIds[episodeDirectory], productionJobs = episodeDirectory === void 0 ? [] : productionJobsByEpisode[episodeDirectory] ?? [], productionSelections = episodeDirectory === void 0 ? {} : productionSelectionsByEpisode[episodeDirectory] ?? {}, productionReferences = episodeDirectory === void 0 ? {} : productionReferencesByEpisode[episodeDirectory] ?? {}, productionSequence = episodeDirectory === void 0 ? [] : productionSequenceByEpisode[episodeDirectory] ?? [], productionCanvas = episodeDirectory === void 0 ? {} : productionCanvasByEpisode[episodeDirectory] ?? {}, productionViewport = episodeDirectory === void 0 ? void 0 : productionViewportByEpisode[episodeDirectory], setProductionSelectedId = (0, import_react4.useCallback)((selectedId) => {
     episodeDirectory !== void 0 && actions.setProductionSelectedIds((current) => ({ ...current, [episodeDirectory]: selectedId }));
-  }, [actions, episodeDirectory]), setProductionJobs = (0, import_react3.useCallback)((jobs) => {
+  }, [actions, episodeDirectory]), setProductionJobs = (0, import_react4.useCallback)((jobs) => {
     episodeDirectory !== void 0 && actions.setProductionJobs((current) => ({ ...current, [episodeDirectory]: jobs }));
-  }, [actions, episodeDirectory]), setProductionSelections = (0, import_react3.useCallback)((selections) => {
+  }, [actions, episodeDirectory]), setProductionSelections = (0, import_react4.useCallback)((selections) => {
     episodeDirectory !== void 0 && actions.setProductionSelections((current) => ({ ...current, [episodeDirectory]: selections }));
-  }, [actions, episodeDirectory]), setProductionReferences = (0, import_react3.useCallback)((references) => {
+  }, [actions, episodeDirectory]), setProductionReferences = (0, import_react4.useCallback)((references) => {
     episodeDirectory !== void 0 && actions.setProductionReferences((current) => ({ ...current, [episodeDirectory]: references }));
-  }, [actions, episodeDirectory]), setProductionSequence = (0, import_react3.useCallback)((sequence) => {
+  }, [actions, episodeDirectory]), setProductionSequence = (0, import_react4.useCallback)((sequence) => {
     episodeDirectory !== void 0 && actions.setProductionSequence((current) => ({ ...current, [episodeDirectory]: sequence }));
-  }, [actions, episodeDirectory]), setProductionCanvas = (0, import_react3.useCallback)((canvas) => {
+  }, [actions, episodeDirectory]), setProductionCanvas = (0, import_react4.useCallback)((canvas) => {
     episodeDirectory !== void 0 && actions.setProductionCanvas((current) => ({ ...current, [episodeDirectory]: canvas }));
-  }, [actions, episodeDirectory]), setProductionZoom = (0, import_react3.useCallback)((zoom) => {
-    episodeDirectory !== void 0 && actions.setProductionZoom((current) => ({ ...current, [episodeDirectory]: zoom }));
-  }, [actions, episodeDirectory]), editorMode = useStore((memory) => memory.editorMode), setEditorMode = actions.setEditorMode, modeSelection = (0, import_react3.useRef)(selected), textareaRef = (0, import_react3.useRef)(null), editorPositions = (0, import_react3.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/"));
-  (0, import_react3.useEffect)(() => {
+  }, [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/"));
+  (0, import_react4.useEffect)(() => {
     buffersRef.current = buffers;
   }, [buffers]);
-  let rememberEditorPosition = (0, import_react3.useCallback)(() => {
+  let rememberEditorPosition = (0, import_react4.useCallback)(() => {
     let element = textareaRef.current;
     element === null || selected === void 0 || element.getAttribute("aria-label") !== selected || editorPositions.current.set(selected, {
       scrollTop: element.scrollTop,
@@ -3637,13 +3938,13 @@ function CreativeWorkbench({
       selectionEnd: element.selectionEnd
     });
   }, [selected]);
-  (0, import_react3.useLayoutEffect)(() => {
+  (0, import_react4.useLayoutEffect)(() => {
     if (editorMode !== "source" || selected === void 0 || !editorReady) return;
     let element = textareaRef.current, position = editorPositions.current.get(selected);
     if (element === null || position === void 0) return;
     let end = Math.min(position.selectionEnd, element.value.length);
     element.setSelectionRange(Math.min(position.selectionStart, end), end), element.scrollTop = position.scrollTop;
-  }, [editorMode, editorReady, selected]), (0, import_react3.useEffect)(() => {
+  }, [editorMode, editorReady, selected]), (0, import_react4.useEffect)(() => {
     let warn = (event) => {
       Object.values(buffersRef.current).some((value) => value.source === "human" && value.content !== value.saved) && event.preventDefault();
     };
@@ -3651,7 +3952,7 @@ function CreativeWorkbench({
       globalThis.removeEventListener("beforeunload", warn);
     };
   }, []);
-  let expandPath = (0, import_react3.useCallback)((path) => {
+  let expandPath = (0, import_react4.useCallback)((path) => {
     let segments = path.split("/"), ancestors = [groupForPath(path)];
     for (let index = 1; index < segments.length - 1; index += 1) ancestors.push(segments.slice(0, index + 1).join("/"));
     setExpanded((current) => {
@@ -3659,12 +3960,12 @@ function CreativeWorkbench({
       for (let ancestor of ancestors) next[ancestor] = !0;
       return next;
     });
-  }, []), revealPath = (0, import_react3.useCallback)((path) => {
+  }, []), revealPath = (0, import_react4.useCallback)((path) => {
     rememberEditorPosition();
     let nextWorkbench = workbenchModeForPath(path) ?? "story";
     setWorkbench(nextWorkbench), nextWorkbench === "game" && !path.includes("/build/app/") && setGameTab("design"), setSelected(path), expandPath(path);
   }, [expandPath, rememberEditorPosition]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (workspace === void 0) return;
     let pending = productionIntents.filter(({ callId }) => productionIntentCalls[callId] !== !0);
     if (pending.length !== 0) {
@@ -3722,22 +4023,22 @@ function CreativeWorkbench({
       }));
     }
   }, [actions, expandPath, productionIntentCalls, productionIntents, setEditorMode, setProductionSection, setSelected, setWorkbench, workspace]);
-  let openedGame = (0, import_react3.useRef)(!1);
+  let openedGame = (0, import_react4.useRef)(!1);
   workbench === "game" && (openedGame.current = !0);
-  let gameStudioMounted = openedGame.current, openedVideo = (0, import_react3.useRef)(!1);
+  let gameStudioMounted = openedGame.current, openedVideo = (0, import_react4.useRef)(!1);
   workbench === "video" && (openedVideo.current = !0);
-  let videoStudioMounted = openedVideo.current, followAgentPath = (0, import_react3.useCallback)((path) => {
+  let videoStudioMounted = openedVideo.current, followAgentPath = (0, import_react4.useCallback)((path) => {
     expandPath(path);
     let current = selected === void 0 ? void 0 : buffersRef.current[selected];
     path !== selected && current?.source === "human" && current.content !== current.saved && surfaceRef.current?.ownerDocument.activeElement === textareaRef.current || workbench === "game" && gameTab === "preview" || workbench === "video" && videoTab === "preview" || revealPath(path);
   }, [expandPath, gameTab, revealPath, selected, videoTab, workbench]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     activityPath !== void 0 && activityPath === selected && !selectedMedia && setEditorMode("source");
-  }, [activityPath, selected, selectedMedia]), (0, import_react3.useEffect)(() => {
+  }, [activityPath, selected, selectedMedia]), (0, import_react4.useEffect)(() => {
     modeSelection.current !== selected && (modeSelection.current = selected, setEditorMode(selected !== void 0 && activityPaths.has(selected) ? "source" : selectedMedia || previewable ? "preview" : "source"));
-  }, [activityPaths, previewable, selected, selectedMedia]), (0, import_react3.useEffect)(() => {
+  }, [activityPaths, previewable, selected, selectedMedia]), (0, import_react4.useEffect)(() => {
     workspaceLoading || activityPath === void 0 && (selected !== void 0 && ((workspace?.files.some((file) => file.path === selected) ?? !1) || buffers[selected] !== void 0) && workbenchModeForPath(selected) === workbench || setSelected(workspace === void 0 ? void 0 : preferredWorkbenchFile(workspace.files, workbench)));
-  }, [activityPath, buffers, selected, workbench, workspace, workspaceLoading]), (0, import_react3.useEffect)(() => {
+  }, [activityPath, buffers, selected, workbench, workspace, workspaceLoading]), (0, import_react4.useEffect)(() => {
     if (workspace === void 0 || workspaceLoading) return;
     let paths = new Set(workspace.files.map((file) => file.path));
     setBuffers((current) => {
@@ -3746,7 +4047,7 @@ function CreativeWorkbench({
         paths.has(path) || activityPaths.has(path) || value.source === "agent" && sessionRunning && path === settledPath || (value.source === "human" && value.content !== value.saved ? value.missing !== !0 && (next[path] = { ...value, missing: !0, error: "\u6587\u4EF6\u5DF2\u4ECE workspace \u79FB\u9664\u3002\u672C\u5730\u8349\u7A3F\u4ECD\u4FDD\u7559\uFF0C\u53EF\u590D\u5236\u540E\u653E\u5F03\u8349\u7A3F\u3002" }, changed = !0) : (delete next[path], changed = !0));
       return changed ? next : current;
     });
-  }, [activityPaths, sessionRunning, settledPath, workspace, workspaceLoading]), (0, import_react3.useEffect)(() => {
+  }, [activityPaths, sessionRunning, settledPath, workspace, workspaceLoading]), (0, import_react4.useEffect)(() => {
     if (selected === void 0 || selectedMedia || activityPaths.has(selected) || !(workspace?.files.some((file) => file.path === selected) ?? !1)) return;
     let controller = new AbortController();
     return setBuffers((current) => {
@@ -3783,7 +4084,7 @@ function CreativeWorkbench({
     }), () => {
       controller.abort();
     };
-  }, [activityPaths, selected, selectedMedia, sessionId, workspace?.files]), (0, import_react3.useEffect)(() => {
+  }, [activityPaths, selected, selectedMedia, sessionId, workspace?.files]), (0, import_react4.useEffect)(() => {
     if (!productionAvailable) return;
     let missing = episodeDocumentPaths.filter((path) => buffersRef.current[path] === void 0 && !activityPaths.has(path));
     if (missing.length === 0) return;
@@ -3809,7 +4110,7 @@ function CreativeWorkbench({
     }), () => {
       controller.abort();
     };
-  }, [activityPaths, episodeDocumentPaths, productionAvailable, sessionId]), (0, import_react3.useEffect)(() => {
+  }, [activityPaths, episodeDocumentPaths, productionAvailable, sessionId]), (0, import_react4.useEffect)(() => {
     if (normalizedActivities.length !== 0) {
       for (let { path } of normalizedActivities) expandPath(path);
       activityPath !== void 0 && followAgentPath(activityPath), setBuffers((current) => {
@@ -3842,14 +4143,14 @@ function CreativeWorkbench({
         return next;
       });
     }
-  }, [activityPath, expandPath, followAgentPath, normalizedActivities]), (0, import_react3.useEffect)(() => {
+  }, [activityPath, expandPath, followAgentPath, normalizedActivities]), (0, import_react4.useEffect)(() => {
     let signals = new Set(mutatingCallIds(runningCalls));
     for (let { activity: currentActivity } of normalizedActivities) signals.add(currentActivity.callId.split(":", 1)[0] ?? currentActivity.callId);
     let settled = [...previousSignals.current].some((callId) => !signals.has(callId));
     for (let callId of activityBases.current.keys())
       signals.has(callId.split(":", 1)[0] ?? callId) || activityBases.current.delete(callId);
     previousSignals.current = signals, settled && reload();
-  }, [normalizedActivities, reload, runningCalls]), (0, import_react3.useEffect)(() => {
+  }, [normalizedActivities, reload, runningCalls]), (0, import_react4.useEffect)(() => {
     if (settledMutation === void 0 || settledMutation === consumedSettledMutation) return;
     if (settledMutationTurn === void 0 || !liveTurns.current.has(settledMutationTurn)) {
       actions.setSettledMutation(settledMutation);
@@ -3859,7 +4160,7 @@ function CreativeWorkbench({
     actions.setSettledMutation(settledMutation);
     let path = creativeRelativePath(settledMutation.slice(settledMutation.indexOf("\0") + 1), workspace.cwd);
     path !== void 0 && followAgentPath(path), reload();
-  }, [actions, consumedSettledMutation, followAgentPath, reload, settledMutation, settledMutationTurn, workspace?.cwd]), (0, import_react3.useEffect)(() => {
+  }, [actions, consumedSettledMutation, followAgentPath, reload, settledMutation, settledMutationTurn, workspace?.cwd]), (0, import_react4.useEffect)(() => {
     if (selected !== void 0) {
       for (let button of navRef.current?.querySelectorAll("button[data-file-path]") ?? [])
         if (button.dataset.filePath === selected) {
@@ -3867,7 +4168,7 @@ function CreativeWorkbench({
           break;
         }
     }
-  }, [selected]), (0, import_react3.useEffect)(() => {
+  }, [selected]), (0, import_react4.useEffect)(() => {
     if (!open || normalizedActivities.length > 0 || workspace === void 0) return;
     let sessionSurface = surfaceRef.current?.parentElement;
     if (sessionSurface == null) return;
@@ -3888,7 +4189,7 @@ function CreativeWorkbench({
     return sessionSurface.addEventListener("click", followOfficialFileLink, !0), () => {
       sessionSurface.removeEventListener("click", followOfficialFileLink, !0);
     };
-  }, [normalizedActivities.length, open, revealPath, workspace]), (0, import_react3.useEffect)(() => {
+  }, [normalizedActivities.length, open, revealPath, workspace]), (0, import_react4.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;
@@ -3901,7 +4202,7 @@ function CreativeWorkbench({
       chat.id = previous.id, previous.role === null ? chat.removeAttribute("role") : chat.setAttribute("role", previous.role), previous.labelledBy === null ? chat.removeAttribute("aria-labelledby") : chat.setAttribute("aria-labelledby", previous.labelledBy);
     };
   }, [compactChatId, compactTabsId, workbench]);
-  let savePath = (0, import_react3.useCallback)(async (path) => {
+  let savePath = (0, import_react4.useCallback)(async (path) => {
     if (saveLocks.current.has(path)) return;
     let submitted = buffersRef.current[path];
     if (!(submitted === void 0 || submitted.missing === !0 || submitted.content === submitted.saved)) {
@@ -3971,7 +4272,7 @@ function CreativeWorkbench({
       }
     }
   }, [reload, sessionId]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!open) return;
     let saveShortcut = (event) => {
       !(event.metaKey || event.ctrlKey) || event.key.toLocaleLowerCase() !== "s" || (event.preventDefault(), selected !== void 0 && savePath(selected));
@@ -3980,7 +4281,7 @@ function CreativeWorkbench({
       globalThis.removeEventListener("keydown", saveShortcut);
     };
   }, [open, savePath, selected]);
-  let groups = (0, import_react3.useMemo)(() => {
+  let groups = (0, import_react4.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"));
     for (let file of all) {
@@ -4017,9 +4318,9 @@ function CreativeWorkbench({
       };
     });
   };
-  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)(
+  return open ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", "data-open": "true", "data-workbench": workbench, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: plugin_default }),
+    (workbench === "game" || workbench === "video") && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
       "button",
       {
         type: "button",
@@ -4038,8 +4339,8 @@ function CreativeWorkbench({
       },
       pane
     )) }),
-    workbench === "game" && workspace === void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { id: compactStudioId, className: "oh-game-studio", role: "tabpanel", "aria-labelledby": `${compactTabsId}-studio-tab`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-game-design-empty", children: error ?? "\u6B63\u5728\u8FDE\u63A5\u6E38\u620F\u5DE5\u4F5C\u53F0\u2026" }) }),
-    workspace !== void 0 && gameStudioMounted && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    workbench === "game" && workspace === void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("main", { id: compactStudioId, className: "oh-game-studio", role: "tabpanel", "aria-labelledby": `${compactTabsId}-studio-tab`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-game-design-empty", children: error ?? "\u6B63\u5728\u8FDE\u63A5\u6E38\u620F\u5DE5\u4F5C\u53F0\u2026" }) }),
+    workspace !== void 0 && gameStudioMounted && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       GameStudio,
       {
         sessionId,
@@ -4061,8 +4362,8 @@ function CreativeWorkbench({
         onSelect: revealPath
       }
     ),
-    workbench === "video" && workspace === void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { id: compactVideoStudioId, className: "oh-video-studio", role: "tabpanel", "aria-labelledby": `${compactTabsId}-studio-tab`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-video-preview-empty", children: error ?? "\u6B63\u5728\u8FDE\u63A5\u89C6\u9891\u5DE5\u4F5C\u53F0\u2026" }) }),
-    workspace !== void 0 && videoStudioMounted && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    workbench === "video" && workspace === void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("main", { id: compactVideoStudioId, className: "oh-video-studio", role: "tabpanel", "aria-labelledby": `${compactTabsId}-studio-tab`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-video-preview-empty", children: error ?? "\u6B63\u5728\u8FDE\u63A5\u89C6\u9891\u5DE5\u4F5C\u53F0\u2026" }) }),
+    workspace !== void 0 && videoStudioMounted && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       VideoStudio,
       {
         sessionId,
@@ -4082,24 +4383,24 @@ function CreativeWorkbench({
         }
       }
     ),
-    workbench !== "game" && workbench !== "video" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("aside", { className: "oh-story-tree", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-story-brand", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "oh-story-brand-cluster", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("strong", { children: [
+    workbench !== "game" && workbench !== "video" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("aside", { className: "oh-story-tree", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-brand", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "oh-story-brand-cluster", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("strong", { children: [
               "\u2726 ",
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Oh Story" })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Oh Story" })
             ] }),
-            workspaceKind !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "oh-story-kind", children: workspaceKind === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267" })
+            workspaceKind !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "oh-story-kind", children: workspaceKind === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267" })
           ] }),
-          /* @__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: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "oh-story-brand-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: reload, title: "\u5237\u65B0", "aria-label": "\u5237\u65B0\u9879\u76EE\u6587\u4EF6", children: "\u21BB" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.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)(
+        workspace !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -4116,18 +4417,18 @@ function CreativeWorkbench({
           },
           mode
         )) }),
-        error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-error", children: error }),
-        workspace?.metadataErrors.map((message) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-warning", children: message }, message)),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { ref: navRef, "aria-label": workbench === "story" ? "\u5C0F\u8BF4\u9879\u76EE\u6587\u4EF6" : "\u77ED\u5267\u9879\u76EE\u6587\u4EF6", children: groups.map(([directory2, files]) => {
+        error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-error", children: error }),
+        workspace?.metadataErrors.map((message) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-warning", children: message }, message)),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { ref: navRef, "aria-label": workbench === "story" ? "\u5C0F\u8BF4\u9879\u76EE\u6587\u4EF6" : "\u77ED\u5267\u9879\u76EE\u6587\u4EF6", children: groups.map(([directory2, files]) => {
           let groupOpen = selectedGroup === directory2 || expanded[directory2] === !0;
-          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "oh-story-file-group", open: groupOpen, onToggle: (event) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "oh-story-file-group", open: groupOpen, onToggle: (event) => {
             toggleGroup(directory2, event.currentTarget.open);
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { children: [
               directory2,
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: files.length })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: files.length })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               FileTreeNodes,
               {
                 nodes: buildFileTree(files, directory2),
@@ -4142,14 +4443,14 @@ function CreativeWorkbench({
           ] }, directory2);
         }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { className: "oh-story-editor", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "oh-story-editor-path", title: selected, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: selectedLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: selectedBasename })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("main", { className: "oh-story-editor", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "oh-story-editor-path", title: selected, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: selectedLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: selectedBasename })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-story-editor-actions", children: [
-            (previewable || productionAvailable) && !selectedMedia && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-editor-tabs", role: "tablist", "aria-label": productionAvailable ? "\u77ED\u5267\u6587\u6863\u67E5\u770B\u65B9\u5F0F" : markdown ? "Markdown \u67E5\u770B\u65B9\u5F0F" : "JSONL \u67E5\u770B\u65B9\u5F0F", children: editorModes.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-editor-actions", children: [
+            (previewable || productionAvailable) && !selectedMedia && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-editor-tabs", role: "tablist", "aria-label": productionAvailable ? "\u77ED\u5267\u6587\u6863\u67E5\u770B\u65B9\u5F0F" : markdown ? "Markdown \u67E5\u770B\u65B9\u5F0F" : "JSONL \u67E5\u770B\u65B9\u5F0F", children: editorModes.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "button",
               {
                 type: "button",
@@ -4166,48 +4467,48 @@ function CreativeWorkbench({
               },
               mode
             )) }),
-            (dirty || saving) && selected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "oh-story-save", type: "button", disabled: saving || buffer?.missing === !0, onClick: () => {
+            (dirty || saving) && selected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "oh-story-save", type: "button", disabled: saving || buffer?.missing === !0, onClick: () => {
               savePath(selected);
             }, children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58" })
           ] })
         ] }),
-        activity !== void 0 && activityPath !== void 0 && activityPath === selected && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-story-stream", "data-stage": activity.stage, role: "status", "aria-live": "polite", children: [
+        activity !== void 0 && activityPath !== void 0 && activityPath === selected && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-stream", "data-stage": activity.stage, role: "status", "aria-live": "polite", children: [
           "\u25CF ",
           activity.stage === "running" ? "Agent \u6B63\u5728\u5E94\u7528\u4FEE\u6539" : "Agent \u6B63\u5728\u751F\u6210\u6587\u4EF6\u5185\u5BB9"
         ] }),
-        conflict !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-story-conflict", role: "alert", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: conflict.message }),
-          conflict.theirs !== void 0 && conflict.theirsVersion !== void 0 && selected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
+        conflict !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-conflict", role: "alert", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: conflict.message }),
+          conflict.theirs !== void 0 && conflict.theirsVersion !== void 0 && selected !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: () => {
               resolveConflict(!1);
             }, children: "\u8F7D\u5165\u78C1\u76D8\u7248\u672C" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: () => {
               resolveConflict(!0);
             }, children: "\u4FDD\u7559\u672C\u5730\u8349\u7A3F" })
           ] })
         ] }),
-        fileError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-error", children: fileError }),
-        selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-empty", children: workbench === "story" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        fileError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-error", children: fileError }),
+        selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-empty", children: workbench === "story" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
           "\u5F53\u524D workspace \u8FD8\u6CA1\u6709\u5C0F\u8BF4\u6587\u4EF6\u3002\u53EF\u5728\u53F3\u4FA7 Chat \u4E2D\u8FD0\u884C ",
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/story-setup" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/story-setup" }),
           "\u3002"
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
           "\u5F53\u524D workspace \u8FD8\u6CA1\u6709\u77ED\u5267\u9879\u76EE\u3002\u53EF\u5728\u53F3\u4FA7 Chat \u4E2D\u8FD0\u884C ",
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/short-drama" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/short-drama" }),
           "\u3002"
-        ] }) }) : selectedMedia && selectedFile !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "oh-story-media-document", children: selectedFile.mimeType?.startsWith("image/") === !0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: endpoint("media", sessionId, selectedFile.path), alt: selectedFile.path }) : selectedFile.mimeType?.startsWith("audio/") === !0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("audio", { src: endpoint("media", sessionId, selectedFile.path), controls: !0 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("video", { src: endpoint("media", sessionId, selectedFile.path), controls: !0, preload: "metadata" }) }) : buffer === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-story-empty", children: [
+        ] }) }) : selectedMedia && selectedFile !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "oh-story-media-document", children: selectedFile.mimeType?.startsWith("image/") === !0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: endpoint("media", sessionId, selectedFile.path), alt: selectedFile.path }) : selectedFile.mimeType?.startsWith("audio/") === !0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("audio", { src: endpoint("media", sessionId, selectedFile.path), controls: !0 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("video", { src: endpoint("media", sessionId, selectedFile.path), controls: !0, preload: "metadata" }) }) : buffer === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-empty", children: [
           "\u6B63\u5728\u52A0\u8F7D ",
           selected,
           "\u2026"
-        ] }) : buffer.missing === !0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "oh-story-empty", children: [
+        ] }) : buffer.missing === !0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "oh-story-empty", children: [
           "\u6587\u4EF6\u5DF2\u4ECE workspace \u79FB\u9664\uFF0C\u672C\u5730\u8349\u7A3F\u4ECD\u4FDD\u7559\u3002\u8BF7\u5148\u590D\u5236\u9700\u8981\u7684\u5185\u5BB9\uFF0C\u518D\u653E\u5F03\u8349\u7A3F\u3002",
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: () => {
             setBuffers((current) => {
               let next = { ...current };
               return delete next[selected], next;
             }), setSelected(workspace === void 0 ? void 0 : preferredWorkbenchFile(workspace.files, workbench));
           }, children: "\u653E\u5F03\u672C\u5730\u8349\u7A3F" })
-        ] }) : editorMode === "production" && productionAvailable && episodeProduction !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        ] }) : editorMode === "production" && productionAvailable && episodeProduction !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           DramaProductionView,
           {
             sessionId,
@@ -4223,7 +4524,7 @@ function CreativeWorkbench({
             manualReferences: productionReferences,
             sequence: productionSequence,
             canvas: productionCanvas,
-            zoom: productionZoom,
+            viewport: productionViewport,
             onSectionChange: setProductionSection,
             onSelect: setProductionSelectedId,
             onNavigate: navigateProductionTarget,
@@ -4235,13 +4536,13 @@ function CreativeWorkbench({
             },
             onSequenceChange: setProductionSequence,
             onCanvasChange: setProductionCanvas,
-            onZoomChange: setProductionZoom,
+            onViewportChange: setProductionViewport,
             onDispatchPrompt: sendProductionPrompt,
             onCancelTurn: cancelProduction,
             onRemoveQueued: removeQueuedProduction,
             onRefresh: reload
           }
-        ) : previewable && editorMode === "preview" ? markdown ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MarkdownPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonlPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        ) : previewable && editorMode === "preview" ? markdown ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MarkdownPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(JsonlPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "textarea",
           {
             ref: textareaRef,
@@ -4270,43 +4571,43 @@ function CreativeWorkbench({
         )
       ] })
     ] })
-  ] }) : !creativeProject && error === void 0 ? welcome ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WelcomeGuide, {}) : 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: () => {
+  ] }) : !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: [
+    /* @__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");
     }, 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" })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": !0, children: "\u2726" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { children: "\u521B\u4F5C\u5DE5\u4F5C\u53F0" })
     ] })
   ] });
 }
 function CreativeSplitBridge(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SessionWorkbenchMemory, { ...props }, props.sessionId);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SessionWorkbenchMemory, { ...props }, props.sessionId);
 }
 function SessionWorkbenchMemory(props) {
   let { sessionId, useStore, actions } = props, hydrated = useStore((state) => state.hydrated);
-  return (0, import_react3.useLayoutEffect)(() => {
+  return (0, import_react4.useLayoutEffect)(() => {
     hydrated || actions.restore(workbenchMemoryBySession.get(sessionId));
-  }, [actions, hydrated, sessionId]), hydrated ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WorkbenchMemoryMirror, { sessionId, useStore }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SessionWorkbenchBridge, { ...props })
+  }, [actions, hydrated, sessionId]), hydrated ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WorkbenchMemoryMirror, { sessionId, useStore }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SessionWorkbenchBridge, { ...props })
   ] }) : null;
 }
 function WorkbenchMemoryMirror({ sessionId, useStore }) {
   let memory = useStore((state) => state);
-  return (0, import_react3.useEffect)(() => {
+  return (0, import_react4.useEffect)(() => {
     workbenchMemoryBySession.set(sessionId, memory);
   }, [memory, sessionId]), null;
 }
 function SessionWorkbenchBridge({ sessionId, useSession, useSessions, useProjection, 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)), 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_react3.useMemo)(() => productionQueueFromInbox(
+  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_react3.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_react3.useMemo)(
+  ), [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)(
     () => readWorkbenchPreference(workbenchPreferenceStorage(), workspace?.cwd),
     [workspace?.cwd]
   ), open = resolveWorkbenchOpen(chosenPreference ?? storedPreference, creativeProject);
-  return (0, import_react3.useLayoutEffect)(() => {
+  return (0, import_react4.useLayoutEffect)(() => {
     let document = marker.current?.ownerDocument;
     if (document === void 0) return;
     let locate = () => {
@@ -4320,7 +4621,7 @@ function SessionWorkbenchBridge({ sessionId, useSession, useSessions, useProject
     return observer.observe(document.body, { childList: !0, subtree: !0 }), () => {
       observer.disconnect();
     };
-  }, [sessionId]), (0, import_react3.useLayoutEffect)(() => {
+  }, [sessionId]), (0, import_react4.useLayoutEffect)(() => {
     let scroller = target?.parentElement;
     if (scroller == null) return;
     if (!open) {
@@ -4369,9 +4670,9 @@ function SessionWorkbenchBridge({ sessionId, useSession, useSessions, useProject
         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, 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)(
+  }, [gamePane, open, target, videoPane, workbench]), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(
       CreativeWorkbench,
       {
         sessionId,
@@ -4401,31 +4702,31 @@ function SessionWorkbenchBridge({ sessionId, useSession, useSessions, useProject
   ] });
 }
 function WelcomeGuide() {
-  return /* @__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)("style", { children: plugin_default }),
-    /* @__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\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_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\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" })
+  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_runtime5.jsxs)("p", { children: [
+    /* @__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 ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/story" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/story" }),
       "\u3001",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/short-drama" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/short-drama" }),
       "\u3001",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/novel-to-game quick" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/novel-to-game quick" }),
       " \u6216 ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: "/video-recap" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: "/video-recap" }),
       "\u3002"
     ] })
   ] });
 }
 function WorkbenchWelcome() {
-  let marker = (0, import_react3.useRef)(null), [target, setTarget] = (0, import_react3.useState)();
-  return (0, import_react3.useLayoutEffect)(() => {
+  let marker = (0, import_react4.useRef)(null), [target, setTarget] = (0, import_react4.useState)();
+  return (0, import_react4.useLayoutEffect)(() => {
     let document = marker.current?.ownerDocument;
     if (document === void 0) return;
     let locate = () => {
@@ -4437,13 +4738,13 @@ function WorkbenchWelcome() {
     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)("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)(WelcomeGuide, {}), target)
+  }, []), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(WelcomeGuide, {}), target)
   ] });
 }
 function WorkbenchSeat({ SessionProvider, renderSlot }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SessionProvider, { empty: () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(WorkbenchWelcome, {}), children: renderSlot("oh-story.workspace", {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SessionProvider, { empty: () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WorkbenchWelcome, {}), children: renderSlot("oh-story.workspace", {}) });
 }
 function argsOf(block) {
   let raw = ("kind" in block ? block.call?.argsRaw : block.phase === "start" ? block.argsRaw : void 0) ?? "{}";
@@ -4461,32 +4762,32 @@ function resultOf(block) {
 }
 function RoleToolView({ block, inspect }) {
   let args = argsOf(block), role = typeof args.role == "string" ? args.role : "story-role", output = resultOf(block), state = "kind" in block ? block.isError ? "error" : "done" : "running";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "oh-story-role", "data-state": state, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { children: plugin_default }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u2726 Role" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: role }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: state === "running" ? "\u8FD0\u884C\u4E2D" : state === "error" ? "\u5931\u8D25" : "\u5B8C\u6210" })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "oh-story-role", "data-state": state, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: plugin_default }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u2726 Role" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: role }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: state === "running" ? "\u8FD0\u884C\u4E2D" : state === "error" ? "\u5931\u8D25" : "\u5B8C\u6210" })
     ] }),
-    output !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { children: output }),
-    inspect !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: inspect, children: "\u5728\u8F68\u8FF9\u4E2D\u68C0\u67E5" })
+    output !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { children: output }),
+    inspect !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: inspect, children: "\u5728\u8F68\u8FF9\u4E2D\u68C0\u67E5" })
   ] });
 }
 function ProductionToolView({ block, inspect }) {
   let args = argsOf(block), action = typeof args.action == "string" ? args.action : "production", episode = typeof args.episode == "string" ? args.episode : "\u77ED\u5267", state = "kind" in block ? block.isError ? "error" : "done" : "running";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("details", { className: "oh-story-role", "data-state": state, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("style", { children: plugin_default }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("summary", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u25A6 \u751F\u4EA7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("strong", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("details", { className: "oh-story-role", "data-state": state, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { children: plugin_default }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("summary", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u25A6 \u751F\u4EA7" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("strong", { children: [
         episode,
         " \xB7 ",
         action
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: state === "running" ? "\u6267\u884C\u4E2D" : state === "error" ? "\u5931\u8D25" : "\u5DF2\u5E94\u7528" })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: state === "running" ? "\u6267\u884C\u4E2D" : state === "error" ? "\u5931\u8D25" : "\u5DF2\u5E94\u7528" })
     ] }),
-    resultOf(block) !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { children: resultOf(block) }),
-    inspect !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: inspect, children: "\u5728\u8F68\u8FF9\u4E2D\u68C0\u67E5" })
+    resultOf(block) !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { children: resultOf(block) }),
+    inspect !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: inspect, children: "\u5728\u8F68\u8FF9\u4E2D\u68C0\u67E5" })
   ] });
 }
 function apply(context) {