@oh-story/dsh 0.1.0

package/lib/client.js

@@ -0,0 +1,1201 @@
+window.__ModuleLoader__.load({id:"@oh-story/dsh",factory:(require)=>{var module={exports:{}};var exports=module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+
+// src/client/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  default: () => index_default,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+var import_react = require("react"), import_react_dom = require("react-dom");
+
+// src/client/file-activity.ts
+var STORY_DIRECTORIES = /* @__PURE__ */ new Set(["\u6B63\u6587", "\u5927\u7EB2", "\u8BBE\u5B9A", "\u8FFD\u8E2A", "\u5BF9\u6807", "\u53C2\u8003\u8D44\u6599"]), DRAMA_DIRECTORIES = /* @__PURE__ */ new Set(["\u8F93\u5165", "\u9879\u76EE\u5F00\u53D1", "\u8BBE\u5B9A\u96C6", "\u5267\u96C6", "\u4EA4\u4ED8", "\u521B\u4F5C\u8005\u51B3\u7B56", "\u5BA1\u67E5"]), EDITABLE_EXTENSION = /\.(?:md|txt|json|jsonl)$/iu;
+function decodeEscape(character) {
+  switch (character) {
+    case '"':
+      return '"';
+    case "\\":
+      return "\\";
+    case "/":
+      return "/";
+    case "b":
+      return "\b";
+    case "f":
+      return "\f";
+    case "n":
+      return `
+`;
+    case "r":
+      return "\r";
+    case "t":
+      return "	";
+    default:
+      return;
+  }
+}
+function jsonStringPrefix(raw, key) {
+  let match = new RegExp(`"${key.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&")}"\\s*:\\s*"`, "u").exec(raw);
+  if (match === null) return;
+  let value = "";
+  for (let index = match.index + match[0].length; index < raw.length; index += 1) {
+    let character = raw[index] ?? "";
+    if (character === '"') return { value, complete: !0 };
+    if (character !== "\\") {
+      value += character;
+      continue;
+    }
+    let escape = raw[index + 1];
+    if (escape === void 0) return { value, complete: !1 };
+    if (escape === "u") {
+      let hex = raw.slice(index + 2, index + 6);
+      if (!/^[\da-f]{4}$/iu.test(hex)) return { value, complete: !1 };
+      value += String.fromCharCode(Number.parseInt(hex, 16)), index += 5;
+      continue;
+    }
+    let decoded = decodeEscape(escape);
+    if (decoded === void 0) return { value, complete: !1 };
+    value += decoded, index += 1;
+  }
+  return { value, complete: !1 };
+}
+function completedString(raw, key) {
+  let value = jsonStringPrefix(raw, key);
+  return value?.complete === !0 ? value.value : void 0;
+}
+function mutation(name2, callId, argsRaw, stage) {
+  if (name2 === "write")
+    return {
+      callId,
+      name: name2,
+      argsRaw,
+      stage,
+      path: jsonStringPrefix(argsRaw, "file_path")?.value,
+      operation: "replace-file",
+      oldText: void 0,
+      newText: jsonStringPrefix(argsRaw, "content")?.value
+    };
+  if (name2 === "edit")
+    return {
+      callId,
+      name: name2,
+      argsRaw,
+      stage,
+      path: jsonStringPrefix(argsRaw, "file_path")?.value,
+      operation: "replace-text",
+      oldText: completedString(argsRaw, "old_string"),
+      newText: jsonStringPrefix(argsRaw, "new_string")?.value
+    };
+  if (name2 !== "str_replace_editor") return;
+  let command = completedString(argsRaw, "command");
+  if (command === "view") return;
+  let path = jsonStringPrefix(argsRaw, "path")?.value;
+  return command === "create" ? {
+    callId,
+    name: name2,
+    argsRaw,
+    stage,
+    path,
+    operation: "replace-file",
+    oldText: void 0,
+    newText: jsonStringPrefix(argsRaw, "file_text")?.value
+  } : command === "str_replace" ? {
+    callId,
+    name: name2,
+    argsRaw,
+    stage,
+    path,
+    operation: "replace-text",
+    oldText: completedString(argsRaw, "old_str"),
+    newText: jsonStringPrefix(argsRaw, "new_str")?.value
+  } : command === "insert" ? {
+    callId,
+    name: name2,
+    argsRaw,
+    stage,
+    path,
+    operation: "insert-text",
+    oldText: void 0,
+    newText: jsonStringPrefix(argsRaw, "new_str")?.value
+  } : { callId, name: name2, argsRaw, stage, path, operation: void 0, oldText: void 0, newText: void 0 };
+}
+function activeFileMutation(partialBlocks, runningCalls) {
+  for (let index = runningCalls.length - 1; index >= 0; index -= 1) {
+    let call = runningCalls[index];
+    if (call === void 0) continue;
+    let value = mutation(call.name, call.callId, call.argsRaw, "running");
+    if (value !== void 0) return value;
+  }
+  for (let index = partialBlocks.length - 1; index >= 0; index -= 1) {
+    let block = partialBlocks[index];
+    if (block?.kind !== "tool-call") continue;
+    let value = mutation(block.name, block.callId, block.argsRaw, "streaming");
+    if (value !== void 0) return value;
+  }
+}
+function creativeRelativePath(path, cwd) {
+  if (path === void 0 || path === "") return;
+  let normalized = path.replaceAll("\\", "/"), root = cwd?.replaceAll("\\", "/").replace(/\/$/u, ""), relative = root !== void 0 && normalized.startsWith(`${root}/`) ? normalized.slice(root.length + 1) : normalized.replace(/^\.\//u, "").replace(/^\//u, ""), [directory2] = relative.split("/", 1);
+  if (!(!(directory2 !== void 0 && (STORY_DIRECTORIES.has(directory2) || DRAMA_DIRECTORIES.has(directory2))) && relative !== "short-drama.json" || !EDITABLE_EXTENSION.test(relative)) && !relative.split("/").some((part) => part === ".." || part === ""))
+    return relative;
+}
+function workbenchModeForPath(path) {
+  if (path === "short-drama.json") return "drama";
+  let directory2 = path?.split("/", 1)[0];
+  if (directory2 !== void 0 && STORY_DIRECTORIES.has(directory2)) return "story";
+  if (directory2 !== void 0 && DRAMA_DIRECTORIES.has(directory2)) return "drama";
+}
+function previewMutation(activity, base) {
+  if (activity.operation === "replace-file") return activity.newText;
+  if (activity.operation === "replace-text") {
+    if (activity.oldText === void 0 || activity.newText === void 0) return;
+    let at = base.indexOf(activity.oldText);
+    return at < 0 ? void 0 : `${base.slice(0, at)}${activity.newText}${base.slice(at + activity.oldText.length)}`;
+  }
+  if (activity.operation === "insert-text") {
+    if (activity.newText === void 0) return;
+    let rawLine = /"insert_line"\s*:\s*(\d+)/u.exec(activity.argsRaw)?.[1];
+    if (rawLine === void 0) return;
+    let line = Number.parseInt(rawLine, 10), parts = base.split(`
+`), at = Math.max(0, Math.min(parts.length, line));
+    return parts.splice(at, 0, activity.newText), parts.join(`
+`);
+  }
+}
+
+// src/client/file-tree.ts
+function directory(name2, path) {
+  return { name: name2, path, directories: /* @__PURE__ */ new Map(), files: [] };
+}
+function compareNames(left, right) {
+  return left.name.localeCompare(right.name, "zh-Hans-CN", { numeric: !0 });
+}
+function freezeDirectory(value) {
+  let directories = [...value.directories.values()].map(freezeDirectory).sort(compareNames), files = [...value.files].sort(compareNames);
+  return {
+    kind: "directory",
+    name: value.name,
+    path: value.path,
+    fileCount: files.length + directories.reduce((sum, child) => sum + child.fileCount, 0),
+    children: [...directories, ...files]
+  };
+}
+function buildFileTree(files, group) {
+  let root = directory(group, group);
+  for (let file of files) {
+    let segments = (file.path.startsWith(`${group}/`) ? file.path.slice(group.length + 1) : file.path).split("/").filter((segment) => segment !== ""), name2 = segments.pop();
+    if (name2 === void 0) continue;
+    let parent = root;
+    for (let segment of segments) {
+      let path = `${parent.path}/${segment}`, child = parent.directories.get(segment) ?? directory(segment, path);
+      parent.directories.set(segment, child), parent = child;
+    }
+    parent.files.push({ kind: "file", name: name2, path: file.path, bytes: file.bytes });
+  }
+  return freezeDirectory(root).children;
+}
+
+// src/client/jsonl-preview.tsx
+var import_jsx_runtime = require("react/jsx-runtime"), TITLE_KEYS = [
+  "display_name",
+  "title",
+  "name",
+  "shot_id",
+  "scene_id",
+  "episode_id",
+  "character_id",
+  "location_id",
+  "view_id",
+  "prop_id",
+  "state_id",
+  "decision_id",
+  "occurrence_id",
+  "record_id",
+  "id"
+];
+function objectRecord(value) {
+  return typeof value == "object" && value !== null && !Array.isArray(value) ? value : void 0;
+}
+function stringField(record, keys) {
+  for (let key of keys) {
+    let value = record[key];
+    if (typeof value == "string" && value.trim() !== "") return value;
+  }
+}
+function metadata(value, line) {
+  let record = objectRecord(value);
+  if (record === void 0) return { title: typeof value == "string" ? value : JSON.stringify(value) ?? `\u7B2C ${String(line)} \u884C` };
+  let type = stringField(record, ["record_type", "type", "kind"]), acceptance = objectRecord(record.creator_acceptance), status = stringField(record, ["status"]) ?? (acceptance === void 0 ? void 0 : stringField(acceptance, ["status"]));
+  return {
+    title: stringField(record, TITLE_KEYS) ?? `\u8BB0\u5F55 ${String(line)}`,
+    ...type === void 0 ? {} : { type },
+    ...status === void 0 ? {} : { status }
+  };
+}
+function parseJsonl(content) {
+  let records = [], lines = content.replaceAll(`\r
+`, `
+`).split(`
+`);
+  for (let [index, raw] of lines.entries())
+    if (raw.trim() !== "")
+      try {
+        let value = JSON.parse(raw);
+        records.push({ line: index + 1, raw, value, ...metadata(value, index + 1) });
+      } catch (error) {
+        records.push({
+          line: index + 1,
+          raw,
+          title: `\u7B2C ${String(index + 1)} \u884C\u683C\u5F0F\u9519\u8BEF`,
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+  return records;
+}
+var PREVIEW_LIMIT = 200;
+function JsonlPreview({ content, label }) {
+  let records = parseJsonl(content);
+  if (records.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "oh-story-markdown-empty", children: "\u8FD9\u4E2A JSONL \u6587\u4EF6\u8FD8\u662F\u7A7A\u7684\u3002" });
+  let valid = records.filter((record) => record.error === void 0).length, errors = records.length - valid, visible = records.slice(0, PREVIEW_LIMIT);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "oh-story-jsonl", "aria-label": `${label} \u7ED3\u6784\u5316\u9884\u89C8`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "oh-story-jsonl-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: errors === 0 ? `${String(valid)} \u6761\u8BB0\u5F55` : `${String(valid)} \u6761\u6709\u6548\u8BB0\u5F55` }),
+      errors > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        String(errors),
+        " \u6761\u683C\u5F0F\u9519\u8BEF"
+      ] }),
+      records.length > PREVIEW_LIMIT && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        "\u4EC5\u663E\u793A\u524D ",
+        String(PREVIEW_LIMIT),
+        " \u6761"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "oh-story-jsonl-records", children: visible.map((record) => record.error === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { open: records.length <= 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("summary", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          "\u7B2C ",
+          String(record.line),
+          " \u884C"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: record.title }),
+        record.type !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: record.type }),
+        record.status !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("em", { children: record.status })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: JSON.stringify(record.value, null, 2) }) })
+    ] }, record.line) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "oh-story-jsonl-error", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: record.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: record.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: record.raw })
+    ] }, record.line)) })
+  ] });
+}
+
+// src/client/markdown-preview.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime"), INLINE = /(`[^`\n]+`|\*\*[^*\n]+\*\*|~~[^~\n]+~~|\[[^\]\n]+\]\(https?:\/\/[^)\s]+\)|\*[^*\n]+\*)/gu;
+function inline(source, key) {
+  let nodes = [], cursor = 0;
+  for (let match of source.matchAll(INLINE)) {
+    let token = match[0], index = match.index;
+    if (index > cursor && nodes.push(source.slice(cursor, index)), token.startsWith("`")) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: token.slice(1, -1) }, `${key}-${String(index)}`));
+    else if (token.startsWith("**")) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: token.slice(2, -2) }, `${key}-${String(index)}`));
+    else if (token.startsWith("~~")) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("del", { children: token.slice(2, -2) }, `${key}-${String(index)}`));
+    else if (token.startsWith("*")) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: token.slice(1, -1) }, `${key}-${String(index)}`));
+    else {
+      let link = /^\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)$/u.exec(token);
+      nodes.push(link === null ? token : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: link[2], target: "_blank", rel: "noreferrer", children: link[1] }, `${key}-${String(index)}`));
+    }
+    cursor = index + token.length;
+  }
+  return cursor < source.length && nodes.push(source.slice(cursor)), nodes;
+}
+function splitTableRow(line) {
+  let source = line.trim();
+  source.startsWith("|") && (source = source.slice(1)), source.endsWith("|") && (source = source.slice(0, -1));
+  let cells = [], cell = "";
+  for (let index = 0; index < source.length; index += 1) {
+    let character = source[index] ?? "";
+    character === "\\" && source[index + 1] === "|" ? (cell += "|", index += 1) : character === "|" ? (cells.push(cell.trim()), cell = "") : cell += character;
+  }
+  return cells.push(cell.trim()), cells;
+}
+function tableAlignments(line) {
+  let cells = splitTableRow(line);
+  if (!(cells.length === 0 || !cells.every((cell) => /^:?-{3,}:?$/u.test(cell))))
+    return cells.map((cell) => {
+      if (cell.startsWith(":") && cell.endsWith(":")) return "center";
+      if (cell.endsWith(":")) return "right";
+      if (cell.startsWith(":")) return "left";
+    });
+}
+function beginsBlock(lines, index) {
+  let line = lines[index] ?? "";
+  return /^(`{3,}|~{3,})\s*[\w-]*\s*$/u.test(line) || /^#{1,6}\s+/u.test(line) || /^(?:-{3,}|\*{3,}|_{3,})\s*$/u.test(line) || /^>\s?/u.test(line) || /^[-*+]\s+/u.test(line) || /^\d+[.)]\s+/u.test(line) || line.includes("|") && tableAlignments(lines[index + 1] ?? "") !== void 0;
+}
+function parseMarkdownBlocks(markdown) {
+  let lines = markdown.replaceAll(`\r
+`, `
+`).split(`
+`), result = [];
+  for (let index = 0; index < lines.length; ) {
+    let line = lines[index] ?? "";
+    if (line.trim() === "") {
+      index += 1;
+      continue;
+    }
+    let fence = /^(`{3,}|~{3,})\s*([\w-]*)\s*$/u.exec(line);
+    if (fence !== null) {
+      let marker = fence[1] ?? "```", markerCharacter = marker[0] ?? "`", closing = new RegExp(`^${markerCharacter}{${String(marker.length)},}\\s*$`, "u"), code = [];
+      for (index += 1; index < lines.length && !closing.test(lines[index] ?? ""); )
+        code.push(lines[index] ?? ""), index += 1;
+      index < lines.length && (index += 1), result.push({ kind: "code", lines: code, ...fence[2] === void 0 || fence[2] === "" ? {} : { language: fence[2] } });
+      continue;
+    }
+    let heading = /^(#{1,6})\s+(.+)$/u.exec(line);
+    if (heading !== null) {
+      result.push({ kind: "heading", text: heading[2] ?? "", level: heading[1]?.length ?? 1 }), index += 1;
+      continue;
+    }
+    if (/^(?:-{3,}|\*{3,}|_{3,})\s*$/u.test(line)) {
+      result.push({ kind: "rule" }), index += 1;
+      continue;
+    }
+    let alignments = line.includes("|") ? tableAlignments(lines[index + 1] ?? "") : void 0;
+    if (alignments !== void 0) {
+      let headers = splitTableRow(line), rows = [];
+      for (index += 2; index < lines.length && (lines[index] ?? "").includes("|") && (lines[index] ?? "").trim() !== ""; )
+        rows.push(splitTableRow(lines[index] ?? "")), index += 1;
+      result.push({ kind: "table", headers, rows, alignments });
+      continue;
+    }
+    if (/^>\s?/u.test(line)) {
+      let quote = [];
+      for (; index < lines.length && /^>\s?/u.test(lines[index] ?? ""); )
+        quote.push((lines[index] ?? "").replace(/^>\s?/u, "")), index += 1;
+      result.push({ kind: "quote", lines: quote });
+      continue;
+    }
+    let unordered = /^[-*+]\s+(.+)$/u.exec(line), ordered = /^(\d+)[.)]\s+(.+)$/u.exec(line);
+    if (unordered !== null || ordered !== null) {
+      let kind = unordered !== null ? "ul" : "ol", items = [], pattern = kind === "ul" ? /^[-*+]\s+(.+)$/u : /^\d+[.)]\s+(.+)$/u, start = ordered === null ? void 0 : Number(ordered[1]);
+      for (; index < lines.length; ) {
+        let item = pattern.exec(lines[index] ?? "");
+        if (item === null) break;
+        let source = item[1] ?? "", task = /^\[([ xX])\]\s+(.+)$/u.exec(source);
+        items.push(task === null ? { text: source } : { text: task[2] ?? "", checked: task[1]?.toLocaleLowerCase() === "x" }), index += 1;
+      }
+      result.push({ kind, items, ...start === void 0 ? {} : { start } });
+      continue;
+    }
+    let paragraph = [line];
+    for (index += 1; index < lines.length; ) {
+      let next = lines[index] ?? "";
+      if (next.trim() === "" || beginsBlock(lines, index)) break;
+      paragraph.push(next), index += 1;
+    }
+    result.push({ kind: "paragraph", lines: paragraph });
+  }
+  return result;
+}
+function Heading({ block, blockKey }) {
+  let children = inline(block.text, blockKey);
+  switch (block.level) {
+    case 1:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children });
+    case 2:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children });
+    case 3:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children });
+    case 4:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children });
+    case 5:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h5", { children });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h6", { children });
+  }
+}
+function MarkdownPreview({ content, label }) {
+  let parsed = parseMarkdownBlocks(content);
+  return parsed.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "oh-story-markdown-empty", children: "\u8FD9\u4E2A Markdown \u6587\u4EF6\u8FD8\u662F\u7A7A\u7684\u3002" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("article", { className: "oh-story-markdown", "aria-label": `${label} \u6E32\u67D3\u9884\u89C8`, children: parsed.map((block, index) => {
+    let key = `block-${String(index)}`;
+    if (block.kind === "code") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { "data-language": block.language, children: block.lines.join(`
+`) }) }, key);
+    if (block.kind === "rule") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("hr", {}, key);
+    if (block.kind === "quote") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("blockquote", { children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: inline(line, `${key}-${String(lineIndex)}`) }, `${key}-${String(lineIndex)}`)) }, key);
+    if (block.kind === "ul" || block.kind === "ol") {
+      let items = block.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: item.checked === void 0 ? void 0 : "oh-story-task-item", children: [
+        item.checked === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: item.checked, readOnly: !0, disabled: !0, "aria-label": item.checked ? "\u5DF2\u5B8C\u6210" : "\u672A\u5B8C\u6210" }),
+        inline(item.text, `${key}-${String(itemIndex)}`)
+      ] }, `${key}-${String(itemIndex)}`));
+      return block.kind === "ul" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { children: items }, key) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ol", { start: block.start, children: items }, key);
+    }
+    return block.kind === "table" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "oh-story-markdown-table", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: block.headers.map((cell, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { style: { textAlign: block.alignments[cellIndex] }, children: inline(cell, `${key}-h-${String(cellIndex)}`) }, `${key}-h-${String(cellIndex)}`)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: block.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: block.headers.map((_, cellIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { style: { textAlign: block.alignments[cellIndex] }, children: inline(row[cellIndex] ?? "", `${key}-r-${String(rowIndex)}-${String(cellIndex)}`) }, `${key}-r-${String(rowIndex)}-${String(cellIndex)}`)) }, `${key}-r-${String(rowIndex)}`)) })
+    ] }) }, key) : block.kind === "heading" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Heading, { block, blockKey: key }, key) : block.kind === "paragraph" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: block.lines.map((line, lineIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+      lineIndex === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
+      inline(line, `${key}-${String(lineIndex)}`)
+    ] }, `${key}-${String(lineIndex)}`)) }, key) : null;
+  }) });
+}
+
+// inline-css:/home/runner/work/oh-story-dsh/oh-story-dsh/packages/dsh-plugin/src/client/plugin.css
+var plugin_default = `.oh-story-bridge-marker { display: none; }
+.oh-story-split-surface { display: contents; }
+
+/* DSH documents every [data-slot] wrapper as a stable addressable styling
+   seam. The official Session body and composer stay mounted; this only turns
+   their scroll host into a three-column writing surface. */
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+  --os-border: var(--dsw-alias-border-l2);
+  --os-muted: var(--dsw-alias-label-tertiary);
+  display: grid;
+  grid-template-columns: clamp(108px, 16%, 190px) minmax(220px, 1fr) minmax(260px, 38%);
+  grid-template-rows: minmax(0, 1fr);
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+  scrollbar-gutter: stable;
+}
+
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+  > [data-slot="conversation.session"] > :not(.oh-story-split-surface) {
+  grid-column: 3;
+  grid-row: 1;
+  min-width: 0;
+  min-height: 100%;
+  border-left: 1px solid var(--os-border);
+}
+
+[data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface)
+  > [data-composer-seat] {
+  grid-column: 3;
+  grid-row: 1;
+  align-self: start;
+  min-width: 0;
+  width: 100%;
+  position: sticky;
+  top: calc(var(--oh-story-scroll-height, 720px) - var(--dsh-composer-height, 152px));
+  bottom: auto;
+}
+
+.oh-story-tree,
+.oh-story-editor {
+  box-sizing: border-box;
+  grid-row: 1;
+  position: sticky;
+  top: 0;
+  align-self: start;
+  min-width: 0;
+  min-height: 0;
+  height: 100%;
+  color: inherit;
+  background: var(--dsw-alias-bg-base);
+}
+
+.oh-story-tree {
+  grid-column: 1;
+  overflow: auto;
+  padding: 14px 10px 24px;
+  border-right: 1px solid var(--os-border);
+  background: var(--dsw-specific-sidebar-fill);
+}
+
+.oh-story-editor {
+  display: flex;
+  grid-column: 2;
+  overflow: hidden;
+  flex-direction: column;
+}
+
+.oh-story-brand,
+.oh-story-editor header,
+.oh-story-role summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.oh-story-brand { min-height: 28px; padding: 0 5px 10px 7px; font-size: 14px; font-weight: 500; }
+
+.oh-story-brand button,
+.oh-story-save,
+.oh-story-role button {
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 999px;
+  color: var(--dsw-alias-label-secondary);
+  background: var(--dsw-alias-bg-base);
+  padding: 3px 9px;
+  cursor: pointer;
+  font: inherit;
+}
+
+.oh-story-brand button { display: grid; width: 28px; height: 28px; place-items: center; border: 0; padding: 0; background: transparent; font-size: 16px; }
+.oh-story-brand button:hover,
+.oh-story-save:hover:not(:disabled),
+.oh-story-role button:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
+.oh-story-brand button:focus-visible,
+.oh-story-save:focus-visible,
+.oh-story-mode-tabs button:focus-visible,
+.oh-story-editor-tabs button:focus-visible,
+.oh-story-tree nav button:focus-visible,
+.oh-story-role button:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: -2px; }
+.oh-story-save:disabled { opacity: .48; cursor: default; }
+
+.oh-story-mode-tabs {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin: 0 4px 10px;
+  border-bottom: 1px solid var(--os-border);
+}
+
+.oh-story-mode-tabs button,
+.oh-story-editor-tabs button {
+  position: relative;
+  min-height: 30px;
+  border: 0;
+  color: var(--os-muted);
+  background: transparent;
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+}
+
+.oh-story-mode-tabs button:hover,
+.oh-story-editor-tabs button:hover { color: var(--dsw-alias-label-primary); }
+.oh-story-mode-tabs button[aria-selected="true"],
+.oh-story-editor-tabs button[aria-selected="true"] { color: var(--dsw-alias-label-primary); font-weight: 500; }
+.oh-story-mode-tabs button[aria-selected="true"]::after {
+  position: absolute;
+  right: 14px;
+  bottom: -1px;
+  left: 14px;
+  height: 2px;
+  border-radius: 2px 2px 0 0;
+  background: var(--dsw-alias-state-business-primary);
+  content: "";
+}
+
+.oh-story-file-group,
+.oh-story-file-folder { margin: 0; }
+.oh-story-file-group > summary,
+.oh-story-file-folder > summary {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-height: 26px;
+  padding: 0 7px;
+  border-radius: 6px;
+  color: var(--os-muted);
+  cursor: pointer;
+  list-style: none;
+  font-size: 11px;
+  font-weight: 600;
+}
+.oh-story-file-group > summary { margin-top: 3px; }
+.oh-story-file-group > summary::-webkit-details-marker,
+.oh-story-file-folder > summary::-webkit-details-marker { display: none; }
+.oh-story-file-group > summary::before,
+.oh-story-file-folder > summary::before { width: 8px; content: "\u203A"; transform: rotate(0); transition: transform .12s ease; }
+.oh-story-file-group[open] > summary::before,
+.oh-story-file-folder[open] > summary::before { transform: rotate(90deg); }
+.oh-story-file-group > summary:hover,
+.oh-story-file-folder > summary:hover { color: var(--dsw-alias-label-primary); background: var(--dsw-alias-interactive-bg-hover); }
+.oh-story-file-group > summary span,
+.oh-story-file-folder > summary span { margin-left: auto; color: var(--dsw-alias-label-caption); font-weight: 400; }
+
+.oh-story-tree nav button {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: 6px;
+  color: inherit;
+  background: transparent;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+  font: inherit;
+  font-size: 12px;
+}
+.oh-story-tree nav button:hover { background: var(--dsw-alias-interactive-bg-hover); }
+.oh-story-tree nav button[aria-current="page"] { background: var(--dsw-alias-button-ghost-active-fill); color: var(--dsw-alias-label-primary); }
+.oh-story-tree nav button[data-agent-target] { box-shadow: inset 2px 0 var(--dsw-alias-state-business-primary); }
+
+.oh-story-editor header {
+  min-height: 44px;
+  flex: none;
+  padding: 0 14px;
+  border-bottom: 1px solid var(--os-border);
+}
+
+.oh-story-editor header span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: var(--os-muted);
+}
+
+.oh-story-editor-actions { display: flex; flex: none; align-items: center; gap: 8px; }
+.oh-story-editor-tabs {
+  display: flex;
+  padding: 2px;
+  border: 1px solid var(--os-border);
+  border-radius: 7px;
+  background: var(--dsw-alias-bg-layer-1);
+}
+.oh-story-editor-tabs button { min-height: 24px; padding: 0 9px; border-radius: 5px; font-size: 11px; }
+.oh-story-editor-tabs button[aria-selected="true"] { background: var(--dsw-alias-bg-base); box-shadow: 0 1px 2px rgb(0 0 0 / 8%); }
+.oh-story-save { min-height: 28px; }
+
+.oh-story-editor textarea {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 0;
+  flex: 1;
+  resize: none;
+  border: 0;
+  outline: 0;
+  padding: clamp(20px, 4vw, 48px) clamp(22px, 6vw, 84px) 48px;
+  color: var(--dsw-alias-label-primary);
+  background: transparent;
+  font: 16px/1.9 ui-serif, "Songti SC", "STSong", Georgia, serif;
+}
+.oh-story-editor textarea[data-format="structured"] {
+  tab-size: 2;
+  font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+}
+
+.oh-story-markdown {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 0;
+  flex: 1;
+  overflow: auto;
+  padding: clamp(24px, 5vw, 56px) clamp(24px, 7vw, 92px) 64px;
+  color: var(--dsw-alias-label-primary);
+  font: 16px/1.85 ui-serif, "Songti SC", "STSong", Georgia, serif;
+  overflow-wrap: anywhere;
+}
+.oh-story-markdown > :first-child { margin-top: 0; }
+.oh-story-markdown > :last-child { margin-bottom: 0; }
+.oh-story-markdown h1,
+.oh-story-markdown h2,
+.oh-story-markdown h3,
+.oh-story-markdown h4,
+.oh-story-markdown h5,
+.oh-story-markdown h6 { margin: 1.45em 0 .6em; font-family: ui-sans-serif, system-ui, "PingFang SC", sans-serif; line-height: 1.35; letter-spacing: -.01em; }
+.oh-story-markdown h1 { font-size: 1.75em; }
+.oh-story-markdown h2 { padding-bottom: .35em; border-bottom: 1px solid var(--os-border); font-size: 1.35em; }
+.oh-story-markdown h3 { font-size: 1.15em; }
+.oh-story-markdown p { margin: .75em 0; }
+.oh-story-markdown ul,
+.oh-story-markdown ol { margin: .75em 0; padding-left: 1.6em; }
+.oh-story-markdown li { margin: .28em 0; }
+.oh-story-markdown .oh-story-task-item { list-style: none; margin-left: -1.35em; }
+.oh-story-task-item input { margin: 0 .55em 0 0; accent-color: var(--dsw-alias-state-business-primary); }
+.oh-story-markdown blockquote { margin: 1em 0; padding: .1em 1em; border-left: 3px solid var(--dsw-alias-state-business-primary); color: var(--dsw-alias-label-secondary); }
+/* DSH gives inline code its own alias; the block fill is a different surface. */
+.oh-story-markdown code { padding: .15em .4em; border-radius: 4px; background: var(--dsw-alias-markdown-inline-code); font: .86em/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
+.oh-story-markdown pre { overflow: auto; margin: 1em 0; padding: 14px 16px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 10px; background: var(--dsw-alias-markdown-code-block); }
+.oh-story-markdown pre code { padding: 0; background: transparent; }
+.oh-story-markdown a { color: var(--dsw-alias-state-business-primary); text-decoration-thickness: 1px; text-underline-offset: 3px; }
+.oh-story-markdown del { color: var(--os-muted); }
+.oh-story-markdown-table { overflow-x: auto; margin: 1em 0; border: 1px solid var(--os-border); border-radius: 10px; }
+.oh-story-markdown table { width: 100%; border-collapse: collapse; font-family: ui-sans-serif, system-ui, "PingFang SC", sans-serif; font-size: 13px; line-height: 1.55; }
+.oh-story-markdown th,
+.oh-story-markdown td { min-width: 96px; padding: 9px 12px; border-right: 1px solid var(--os-border); border-bottom: 1px solid var(--os-border); vertical-align: top; }
+.oh-story-markdown th:last-child,
+.oh-story-markdown td:last-child { border-right: 0; }
+.oh-story-markdown tbody tr:last-child td { border-bottom: 0; }
+.oh-story-markdown th { background: var(--dsw-alias-bg-layer-1); font-weight: 600; }
+.oh-story-markdown hr { margin: 2em 0; border: 0; border-top: 1px solid var(--os-border); }
+.oh-story-markdown-empty { margin: auto; color: var(--os-muted); font-size: 13px; }
+
+.oh-story-jsonl {
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  min-height: 0;
+  flex: 1;
+  overflow: hidden;
+  flex-direction: column;
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-base);
+}
+.oh-story-jsonl-summary { display: flex; min-height: 42px; flex: none; align-items: center; gap: 10px; padding: 0 18px; border-bottom: 1px solid var(--os-border); font-size: 12px; }
+.oh-story-jsonl-summary strong { font-weight: 600; }
+.oh-story-jsonl-summary span { color: var(--os-muted); }
+.oh-story-jsonl-records { overflow: auto; padding: 14px 18px 36px; }
+.oh-story-jsonl details,
+.oh-story-jsonl-error { overflow: hidden; margin-bottom: 10px; border: 1px solid var(--os-border); border-radius: 10px; background: var(--dsw-alias-bg-layer-1); }
+.oh-story-jsonl summary { display: flex; min-height: 42px; align-items: center; gap: 9px; padding: 0 12px; cursor: pointer; list-style: none; font: 12px/1.4 ui-sans-serif, system-ui, "PingFang SC", sans-serif; }
+.oh-story-jsonl summary::-webkit-details-marker { display: none; }
+.oh-story-jsonl summary::before { content: "\u203A"; color: var(--os-muted); font-size: 16px; transition: transform .12s ease; }
+.oh-story-jsonl details[open] summary::before { transform: rotate(90deg); }
+.oh-story-jsonl summary > span { flex: none; color: var(--os-muted); font-variant-numeric: tabular-nums; }
+.oh-story-jsonl summary > strong { overflow: hidden; min-width: 80px; flex: 1; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
+.oh-story-jsonl summary > code,
+.oh-story-jsonl summary > em { flex: none; padding: 2px 6px; border-radius: 5px; background: var(--dsw-alias-button-ghost-active-fill); color: var(--dsw-alias-label-secondary); font: 11px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; }
+.oh-story-jsonl pre { overflow: auto; max-height: 520px; margin: 0; padding: 14px 16px; border-top: 1px solid var(--os-border); background: var(--dsw-alias-markdown-code-block); color: var(--dsw-alias-label-secondary); white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
+.oh-story-jsonl-error { display: grid; gap: 5px; padding: 12px; border-color: var(--dsw-alias-state-error-primary); font-size: 12px; }
+.oh-story-jsonl-error > strong { color: var(--dsw-alias-state-error-primary); }
+.oh-story-jsonl-error > span { color: var(--os-muted); }
+.oh-story-jsonl-error pre { margin: 3px -12px -12px; }
+
+.oh-story-stream,
+.oh-story-conflict {
+  flex: none;
+  padding: 7px 12px;
+  border-bottom: 1px solid var(--os-border);
+  font-size: 11px;
+  line-height: 1.4;
+}
+
+.oh-story-stream { color: var(--dsw-alias-state-business-primary); background: var(--dsw-alias-button-ghost-active-fill); }
+.oh-story-stream[data-stage="streaming"] { animation: oh-story-pulse 1.2s ease-in-out infinite alternate; }
+.oh-story-conflict { color: var(--dsw-alias-state-warn-label); background: var(--dsw-specific-tip); }
+
+@keyframes oh-story-pulse { to { opacity: .62; } }
+@media (prefers-reduced-motion: reduce) { .oh-story-stream[data-stage="streaming"] { animation: none; } }
+
+.oh-story-empty { margin: auto; max-width: 480px; padding: 30px; color: var(--os-muted); line-height: 1.7; text-align: center; }
+.oh-story-error { margin: 8px; padding: 8px 10px; border-radius: 8px; color: var(--dsw-alias-state-error-primary); background: var(--dsw-specific-tip); font-size: 12px; }
+
+.oh-story-role { display: flex; flex-direction: column; margin: 0; overflow: hidden; }
+.oh-story-role summary { min-height: 24px; padding: 0; cursor: pointer; list-style: none; font-size: 14px; line-height: 24px; }
+.oh-story-role summary::-webkit-details-marker { display: none; }
+.oh-story-role summary span { color: var(--dsw-alias-state-business-primary); }
+.oh-story-role summary strong { margin-right: auto; color: var(--dsw-alias-label-secondary); font-weight: 500; }
+.oh-story-role summary em { color: var(--dsw-alias-label-caption); font-style: normal; font-size: 12px; }
+.oh-story-role[data-state="error"] summary em { color: var(--dsw-alias-state-error-primary); }
+.oh-story-role pre { max-height: 260px; overflow: auto; margin: 4px 0 4px 4px; padding: 12px 16px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 12px; color: var(--dsw-alias-label-secondary); background: var(--dsw-alias-markdown-code-block); white-space: pre-wrap; font: var(--dsw-font-markdown-code-block-small); }
+.oh-story-role > button { align-self: flex-start; margin: 4px 0 2px 4px; font-size: 11px; }
+
+@media (max-width: 980px) {
+  [data-conversation-scroll]:has(> [data-slot="conversation.session"] > .oh-story-split-surface) {
+    grid-template-columns: 104px minmax(210px, 1fr) minmax(252px, 40%);
+  }
+  .oh-story-editor textarea { padding-right: 28px; padding-left: 28px; }
+}
+`;
+
+// src/client/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime"), name = "oh-story", inject = ["slots"], GROUP_ORDER = {
+  story: ["\u6B63\u6587", "\u5927\u7EB2", "\u8BBE\u5B9A", "\u8FFD\u8E2A", "\u5BF9\u6807", "\u53C2\u8003\u8D44\u6599"],
+  drama: ["\u9879\u76EE", "\u8F93\u5165", "\u9879\u76EE\u5F00\u53D1", "\u8BBE\u5B9A\u96C6", "\u5267\u96C6", "\u5BA1\u67E5", "\u521B\u4F5C\u8005\u51B3\u7B56", "\u4EA4\u4ED8"]
+};
+function groupForPath(path) {
+  return path === "short-drama.json" ? "\u9879\u76EE" : path.split("/", 1)[0] ?? "\u5176\u4ED6";
+}
+function preferredFile(files, mode) {
+  let matching = files.filter((file) => workbenchModeForPath(file.path) === mode), preferences = mode === "story" ? [/^正文\/.*\.md$/u, /^大纲\/.*\.md$/u, /\.md$/u] : [/^剧集\/EP0*1\/screenplay\.md$/iu, /^剧集\/.*\/screenplay\.md$/iu, /^项目开发\/creative-brief\.md$/u, /^输入\/.*\.md$/u, /\.md$/u, /^short-drama\.json$/u];
+  for (let pattern of preferences) {
+    let match = matching.find((file) => pattern.test(file.path));
+    if (match !== void 0) return match.path;
+  }
+  return matching[0]?.path;
+}
+var EMPTY_BLOCKS = [], EMPTY_CALLS = [];
+function endpoint(path, sessionId, file) {
+  let url = new URL(`/oh-story/${path}`, globalThis.location.origin);
+  return url.searchParams.set("sessionId", sessionId), file !== void 0 && url.searchParams.set("path", file), url.toString();
+}
+async function json(response) {
+  let value = await response.json();
+  if (!response.ok) throw new Error(value.error ?? `HTTP ${String(response.status)}`);
+  return value;
+}
+function FileTreeNodes({
+  nodes,
+  depth,
+  expanded,
+  selected,
+  activityPath,
+  onToggle,
+  onSelect
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: nodes.map((node) => {
+    if (node.kind === "file") return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        type: "button",
+        style: { paddingLeft: `${String(14 + depth * 14)}px` },
+        "data-file-path": node.path,
+        "data-agent-target": node.path === activityPath || void 0,
+        "aria-current": node.path === selected ? "page" : void 0,
+        onClick: () => {
+          onSelect(node.path);
+        },
+        children: node.name
+      },
+      node.path
+    );
+    let open = expanded[node.path] ?? selected?.startsWith(`${node.path}/`) === !0;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "oh-story-file-folder", open, onToggle: (event) => {
+      onToggle(node.path, event.currentTarget.open);
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { style: { paddingLeft: `${String(7 + depth * 14)}px` }, children: [
+        node.name,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: node.fileCount })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        FileTreeNodes,
+        {
+          nodes: node.children,
+          depth: depth + 1,
+          expanded,
+          selected,
+          activityPath,
+          onToggle,
+          onSelect
+        }
+      )
+    ] }, node.path);
+  }) });
+}
+function useWorkspace(sessionId) {
+  let [version, setVersion] = (0, import_react.useState)(0), [workspace, setWorkspace] = (0, import_react.useState)(), [error, setError] = (0, import_react.useState)(), reload = (0, import_react.useCallback)(() => {
+    setVersion((value) => value + 1);
+  }, []);
+  return (0, import_react.useEffect)(() => {
+    let controller = new AbortController();
+    return setError(void 0), fetch(endpoint("workspace", sessionId), { signal: controller.signal }).then((response) => json(response)).then(setWorkspace).catch((reason) => {
+      controller.signal.aborted || setError(reason instanceof Error ? reason.message : String(reason));
+    }), () => {
+      controller.abort();
+    };
+  }, [sessionId, version]), { workspace, error, reload };
+}
+function CreativeWorkbench({ sessionId, useSession }) {
+  let { workspace, error, reload } = useWorkspace(sessionId), partialBlocks = useSession((value) => value.partial?.blocks ?? EMPTY_BLOCKS), runningCalls = useSession((value) => value.runningCalls ?? EMPTY_CALLS), activity = (0, import_react.useMemo)(() => activeFileMutation(partialBlocks, runningCalls), [partialBlocks, runningCalls]), activityPath = creativeRelativePath(activity?.path, workspace?.cwd), activityMode = workbenchModeForPath(activityPath), [workbench, setWorkbench] = (0, import_react.useState)("story"), initializedWorkbench = (0, import_react.useRef)(!1), [selected, setSelected] = (0, import_react.useState)(), [buffers, setBuffers] = (0, import_react.useState)({}), buffersRef = (0, import_react.useRef)({}), [refreshVersion, setRefreshVersion] = (0, import_react.useState)(0), [fileError, setFileError] = (0, import_react.useState)(), [conflict, setConflict] = (0, import_react.useState)(), [saving, setSaving] = (0, import_react.useState)(!1), [expanded, setExpanded] = (0, import_react.useState)({}), surfaceRef = (0, import_react.useRef)(null), navRef = (0, import_react.useRef)(null), lastActivity = (0, import_react.useRef)(), settleTimer = (0, import_react.useRef)(void 0), buffer = selected === void 0 ? void 0 : buffers[selected], dirty = buffer?.source === "human" && buffer.content !== buffer.saved, selectedLower = selected?.toLocaleLowerCase(), markdown = selectedLower?.endsWith(".md") === !0, jsonl = selectedLower?.endsWith(".jsonl") === !0, structured = jsonl || selectedLower?.endsWith(".json") === !0, previewable = markdown || jsonl, [editorMode, setEditorMode] = (0, import_react.useState)("preview");
+  (0, import_react.useEffect)(() => {
+    buffersRef.current = buffers;
+  }, [buffers]), (0, import_react.useEffect)(() => {
+    if (workspace === void 0 || initializedWorkbench.current) return;
+    let hasStory = workspace.files.some((file) => workbenchModeForPath(file.path) === "story");
+    workspace.shortDrama !== null && !hasStory && setWorkbench("drama"), initializedWorkbench.current = !0;
+  }, [workspace]), (0, import_react.useEffect)(() => {
+    activityMode !== void 0 && setWorkbench(activityMode);
+  }, [activityMode]), (0, import_react.useEffect)(() => {
+    setEditorMode(previewable ? "preview" : "source");
+  }, [previewable, selected]), (0, import_react.useEffect)(() => {
+    if (activityPath !== void 0) {
+      setSelected(activityPath);
+      return;
+    }
+    selected !== void 0 && ((workspace?.files.some((file) => file.path === selected) ?? !1) || buffers[selected] !== void 0) && workbenchModeForPath(selected) === workbench || setSelected(workspace === void 0 ? void 0 : preferredFile(workspace.files, workbench));
+  }, [activityPath, buffers, selected, workbench, workspace]), (0, import_react.useEffect)(() => {
+    if (selected === void 0) return;
+    let exists = workspace?.files.some((file) => file.path === selected) ?? !1;
+    if (activityPath === selected && !exists) return;
+    let controller = new AbortController();
+    return setFileError(void 0), fetch(endpoint("file", sessionId, selected), { signal: controller.signal }).then((response) => json(response)).then((file) => {
+      let existing = buffersRef.current[file.path];
+      if (existing?.source === "human" && existing.content !== existing.saved) {
+        setConflict(`${file.path} \u5DF2\u88AB Agent \u66F4\u65B0\uFF1B\u4F60\u7684\u672A\u4FDD\u5B58\u7248\u672C\u4ECD\u4FDD\u7559\u3002`);
+        return;
+      }
+      setBuffers((current) => ({
+        ...current,
+        [file.path]: { content: file.content, saved: file.content, source: "disk", version: file.version }
+      }));
+    }).catch((reason) => {
+      controller.signal.aborted || setFileError(reason instanceof Error ? reason.message : String(reason));
+    }), () => {
+      controller.abort();
+    };
+  }, [activityPath, refreshVersion, selected, sessionId, workspace?.files]), (0, import_react.useEffect)(() => {
+    if (activity === void 0 || activityPath === void 0) return;
+    setSelected(activityPath);
+    let existing = buffers[activityPath];
+    if (existing?.source === "human" && existing.content !== existing.saved) {
+      setConflict(`${activityPath} \u6B63\u7531 Agent \u4FEE\u6539\uFF1B\u4F60\u7684\u672A\u4FDD\u5B58\u7248\u672C\u5DF2\u9501\u5B9A\uFF0C\u4E0D\u4F1A\u88AB\u8986\u76D6\u3002`);
+      return;
+    }
+    let next = previewMutation(activity, existing?.saved ?? "");
+    next !== void 0 && (setConflict(void 0), setBuffers((current) => {
+      let currentBuffer = current[activityPath];
+      return currentBuffer?.source === "agent" && currentBuffer.content === next ? current : {
+        ...current,
+        [activityPath]: {
+          content: next,
+          saved: currentBuffer?.saved ?? "",
+          source: "agent",
+          version: currentBuffer?.version ?? ""
+        }
+      };
+    }));
+  }, [activity, activityPath, buffers]), (0, import_react.useEffect)(() => {
+    if (activity !== void 0) {
+      settleTimer.current !== void 0 && clearTimeout(settleTimer.current), lastActivity.current = activity;
+      return;
+    }
+    if (lastActivity.current !== void 0)
+      return settleTimer.current = setTimeout(() => {
+        lastActivity.current = void 0, reload(), setRefreshVersion((value) => value + 1);
+      }, 180), () => {
+        settleTimer.current !== void 0 && clearTimeout(settleTimer.current);
+      };
+  }, [activity, reload]), (0, import_react.useEffect)(() => {
+    if (selected !== void 0) {
+      for (let button of navRef.current?.querySelectorAll("button[data-file-path]") ?? [])
+        if (button.dataset.filePath === selected) {
+          button.scrollIntoView({ block: "nearest" });
+          break;
+        }
+    }
+  }, [selected]), (0, import_react.useEffect)(() => {
+    if (activity !== void 0 || workspace === void 0) return;
+    let sessionSurface = surfaceRef.current?.parentElement;
+    if (sessionSurface == null) return;
+    let knownPaths = new Set(workspace.files.map((file) => file.path)), followOfficialFileLink = (event) => {
+      let origin = event.target;
+      if (!(origin instanceof Element)) return;
+      let control = origin.closest("button, a");
+      if (control === null || control.closest(".oh-story-split-surface") !== null) return;
+      let candidates = [control.title, control.getAttribute("aria-label"), control.textContent];
+      for (let candidate of candidates) {
+        let path = creativeRelativePath(candidate?.trim().replace(/^Open\s+/u, ""), workspace.cwd);
+        if (!(path === void 0 || !knownPaths.has(path))) {
+          event.preventDefault(), event.stopPropagation(), setConflict(void 0), setWorkbench(workbenchModeForPath(path) ?? "story"), setSelected(path);
+          break;
+        }
+      }
+    };
+    return sessionSurface.addEventListener("click", followOfficialFileLink, !0), () => {
+      sessionSurface.removeEventListener("click", followOfficialFileLink, !0);
+    };
+  }, [activity, workspace]);
+  let save = (0, import_react.useCallback)(async () => {
+    if (selected === void 0 || buffer === void 0) return;
+    let submitted = buffer;
+    setSaving(!0), setFileError(void 0);
+    try {
+      let file = await json(await fetch(endpoint("file", sessionId, selected), {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ content: submitted.content, baseVersion: submitted.version })
+      }));
+      setBuffers((current) => {
+        let latest = current[selected];
+        if (latest === void 0) return current;
+        let unchanged = latest.content === submitted.content;
+        return {
+          ...current,
+          [selected]: {
+            content: unchanged ? file.content : latest.content,
+            saved: file.content,
+            source: unchanged ? "disk" : "human",
+            version: file.version
+          }
+        };
+      }), setConflict(void 0), reload();
+    } catch (reason) {
+      setFileError(reason instanceof Error ? reason.message : String(reason));
+    } finally {
+      setSaving(!1);
+    }
+  }, [buffer, reload, selected, sessionId]), groups = (0, import_react.useMemo)(() => {
+    let value = /* @__PURE__ */ new Map(), all = [...workspace?.files ?? []].filter((file) => workbenchModeForPath(file.path) === workbench);
+    activityPath !== void 0 && !all.some((file) => file.path === activityPath) && all.push({ path: activityPath, bytes: 0 }), all.sort((left, right) => left.path.localeCompare(right.path, "zh-Hans-CN"));
+    for (let file of all) {
+      let directory2 = groupForPath(file.path), files = value.get(directory2) ?? [];
+      files.push(file), value.set(directory2, files);
+    }
+    let order = GROUP_ORDER[workbench];
+    return [...value.entries()].sort(([left], [right]) => {
+      let leftIndex = order.indexOf(left), rightIndex = order.indexOf(right);
+      return (leftIndex < 0 ? order.length : leftIndex) - (rightIndex < 0 ? order.length : rightIndex) || left.localeCompare(right, "zh-Hans-CN");
+    });
+  }, [activityPath, workbench, workspace]), selectWorkbench = (next) => {
+    setWorkbench(next), setConflict(void 0);
+    let target = workspace === void 0 ? void 0 : preferredFile(workspace.files, next);
+    setSelected(target);
+  }, selectedGroup = selected === void 0 ? void 0 : groupForPath(selected), toggleGroup = (key, open) => {
+    setExpanded((current) => ({ ...current, [key]: open }));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref: surfaceRef, className: "oh-story-split-surface", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: plugin_default }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("aside", { className: "oh-story-tree", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-brand", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2726 Oh Story" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: reload, title: "\u5237\u65B0", children: "\u21BB" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-mode-tabs", role: "tablist", "aria-label": "\u521B\u4F5C\u5DE5\u4F5C\u53F0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": workbench === "story", onClick: () => {
+          selectWorkbench("story");
+        }, children: "\u5C0F\u8BF4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": workbench === "drama", onClick: () => {
+          selectWorkbench("drama");
+        }, children: "\u77ED\u5267" })
+      ] }),
+      error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-error", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", { ref: navRef, "aria-label": workbench === "story" ? "\u5C0F\u8BF4\u9879\u76EE\u6587\u4EF6" : "\u77ED\u5267\u9879\u76EE\u6587\u4EF6", children: groups.map(([directory2, files]) => {
+        let groupOpen = expanded[directory2] ?? selectedGroup === directory2;
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "oh-story-file-group", open: groupOpen, onToggle: (event) => {
+          toggleGroup(directory2, event.currentTarget.open);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { children: [
+            directory2,
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: files.length })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            FileTreeNodes,
+            {
+              nodes: buildFileTree(files, directory2),
+              depth: 1,
+              expanded,
+              selected,
+              activityPath,
+              onToggle: toggleGroup,
+              onSelect: setSelected
+            }
+          )
+        ] }, directory2);
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("main", { className: "oh-story-editor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { title: selected, children: selected ?? `\u5728\u5F53\u524D DSH workspace \u4E2D\u9009\u62E9${workbench === "story" ? "\u5C0F\u8BF4" : "\u77ED\u5267"}\u6587\u4EF6` }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-editor-actions", children: [
+          previewable && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-editor-tabs", role: "tablist", "aria-label": markdown ? "Markdown \u67E5\u770B\u65B9\u5F0F" : "JSONL \u67E5\u770B\u65B9\u5F0F", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": editorMode === "preview", onClick: () => {
+              setEditorMode("preview");
+            }, children: "\u9884\u89C8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", role: "tab", "aria-selected": editorMode === "source", onClick: () => {
+              setEditorMode("source");
+            }, children: "\u6E90\u7801" })
+          ] }),
+          (dirty || saving) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "oh-story-save", type: "button", disabled: saving, onClick: () => {
+            save();
+          }, children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58" })
+        ] })
+      ] }),
+      activityPath === selected && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-stream", "data-stage": activity?.stage, children: [
+        "\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_runtime3.jsx)("div", { className: "oh-story-conflict", children: conflict }),
+      fileError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-error", children: fileError }),
+      selected === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "oh-story-empty", children: workbench === "story" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        "\u5F53\u524D workspace \u8FD8\u6CA1\u6709\u5C0F\u8BF4\u6587\u4EF6\u3002\u53EF\u5728\u53F3\u4FA7 Chat \u4E2D\u8FD0\u884C ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { children: "/story-setup" }),
+        "\u3002"
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.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_runtime3.jsx)("code", { children: "/short-drama" }),
+        "\u3002"
+      ] }) }) : buffer === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "oh-story-empty", children: [
+        "\u6B63\u5728\u52A0\u8F7D ",
+        selected,
+        "\u2026"
+      ] }) : previewable && editorMode === "preview" ? markdown ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MarkdownPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(JsonlPreview, { content: buffer.content, label: selected }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "textarea",
+        {
+          value: buffer.content,
+          "data-format": structured ? "structured" : "prose",
+          onChange: (event) => {
+            let content = event.target.value;
+            setBuffers((current) => ({
+              ...current,
+              [selected]: {
+                content,
+                saved: current[selected]?.saved ?? "",
+                source: "human",
+                version: current[selected]?.version ?? ""
+              }
+            }));
+          },
+          onKeyDown: (event) => {
+            (event.metaKey || event.ctrlKey) && event.key.toLocaleLowerCase() === "s" && (event.preventDefault(), save());
+          },
+          spellCheck: !structured,
+          "aria-label": selected
+        }
+      )
+    ] })
+  ] });
+}
+function CreativeSplitBridge(props) {
+  let marker = (0, import_react.useRef)(null), [target, setTarget] = (0, import_react.useState)();
+  return (0, import_react.useLayoutEffect)(() => {
+    let anchor = marker.current?.closest("[data-phase]")?.querySelector("[data-conversation-scroll] > [data-slot='conversation.session']");
+    setTarget(anchor ?? void 0);
+  }, [props.sessionId]), (0, import_react.useLayoutEffect)(() => {
+    let scroller = target?.parentElement;
+    if (scroller == null) return;
+    let publishHeight = () => {
+      scroller.style.setProperty("--oh-story-scroll-height", `${String(scroller.clientHeight)}px`);
+    };
+    publishHeight();
+    let observer = new ResizeObserver(publishHeight);
+    return observer.observe(scroller), () => {
+      observer.disconnect(), scroller.style.removeProperty("--oh-story-scroll-height");
+    };
+  }, [target]), /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { ref: marker, className: "oh-story-bridge-marker", "aria-hidden": !0 }),
+    target === void 0 ? null : (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CreativeWorkbench, { ...props }, props.sessionId), target)
+  ] });
+}
+function argsOf(block) {
+  let raw = ("kind" in block ? block.call?.argsRaw : block.argsRaw) ?? "{}";
+  try {
+    let value = JSON.parse(raw);
+    return typeof value == "object" && value !== null && !Array.isArray(value) ? value : {};
+  } catch {
+    return {};
+  }
+}
+function resultOf(block) {
+  if ("kind" in block)
+    return block.content.map((item) => item.type === "text" ? item.text : JSON.stringify(item, null, 2)).join(`
+`);
+}
+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_runtime3.jsxs)("details", { className: "oh-story-role", "data-state": state, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: plugin_default }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u2726 Role" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: role }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("em", { children: state === "running" ? "\u8FD0\u884C\u4E2D" : state === "error" ? "\u5931\u8D25" : "\u5B8C\u6210" })
+    ] }),
+    output !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { children: output }),
+    inspect !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: inspect, children: "\u5728\u8F68\u8FF9\u4E2D\u68C0\u67E5" })
+  ] });
+}
+function apply(context) {
+  context.slots.inject("conversation.session.header.actions", () => context.slots.register({
+    name: "conversation.session.header.actions",
+    id: "oh-story-workspace",
+    order: -100
+  }, CreativeSplitBridge)), context.slots.inject("tool.call.toolview", () => context.slots.register({
+    name: "tool.call.toolview",
+    key: "oh_story_role"
+  }, RoleToolView));
+}
+var index_default = { name, inject, apply };
+;return module.exports;}});
+//# sourceMappingURL=client.js.map