dsh-novel 0.1.0

package/lib/client.js

@@ -0,0 +1,1560 @@
+window.__ModuleLoader__.load({
+	id: "dsh-novel",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/novel/domains.ts
+		const DOMAIN_LABELS = {
+			info: "基本信息",
+			overview: "概述",
+			world: "世界",
+			role: "人物",
+			creature: "生物",
+			item: "物品",
+			level: "等级",
+			timeline: "时间线",
+			outline: "大纲",
+			chapter: "章节",
+			skill: "技能",
+			roleRelation: "人物关系",
+			roleTimeline: "人物时间线",
+			creatureTimeline: "生物时间线",
+			itemTimeline: "物品时间线",
+			worldTimeline: "世界时间线"
+		};
+		/** Conversation「内容」Tab 内的竖向分区；基本信息并入概述。模板为内置，不展示。 */
+		const CONTENT_SECTIONS = [
+			"overview",
+			"world",
+			"role",
+			"creature",
+			"item",
+			"level",
+			"timeline",
+			"outline",
+			"chapter",
+			"skill"
+		];
+		//#endregion
+		//#region src/novel/contract.ts
+		/** Same-origin HTTP prefix for the novel Host API. */
+		const NOVEL_API_PREFIX = "/dsh-novel/api";
+		//#endregion
+		//#region src/client/novel-api.ts
+		async function novelApi(path, init) {
+			const response = await fetch(`${NOVEL_API_PREFIX}${path}`, {
+				cache: "no-store",
+				headers: {
+					"content-type": "application/json",
+					...init?.headers ?? {}
+				},
+				...init
+			});
+			const text = await response.text();
+			const body = text.length === 0 ? void 0 : JSON.parse(text);
+			if (!response.ok) throw new Error(body?.error ?? `HTTP ${String(response.status)}`);
+			return body;
+		}
+		//#endregion
+		//#region src/novel/outline-labels.ts
+		function asOrdinal(value) {
+			if (typeof value === "number" && Number.isFinite(value)) return value;
+			if (typeof value === "string" && value.trim() !== "") {
+				const n = Number(value.trim());
+				if (Number.isFinite(n)) return n;
+			}
+		}
+		function canonicalizeOutlineKind(raw) {
+			if (typeof raw !== "string") return void 0;
+			const key = raw.trim();
+			if (key === "chapter_segment" || key === "chapter" || key === "章") return "chapter_segment";
+			if (key === "volume" || key === "卷") return "volume";
+		}
+		function outlineKindOf(data) {
+			const explicit = canonicalizeOutlineKind(data.kind ?? data.nodeKind);
+			if (explicit !== void 0) return explicit;
+			return typeof data.parentId === "string" && data.parentId.length > 0 || typeof data.parentName === "string" && data.parentName.length > 0 ? "chapter_segment" : "volume";
+		}
+		function volumeChapterLabel(ordinal, unit, name) {
+			const title = name.trim().length > 0 ? name.trim() : "未命名";
+			const n = asOrdinal(ordinal);
+			if (n === void 0) return title;
+			return `第${n}${unit} ${title}`;
+		}
+		function shortName(data, fallback) {
+			return typeof data.name === "string" && data.name.trim().length > 0 ? data.name.trim() : fallback;
+		}
+		function outlineNodeLabel(data, fallback) {
+			const unit = outlineKindOf(data) === "chapter_segment" ? "章" : "卷";
+			return volumeChapterLabel(data.ordinal, unit, shortName(data, fallback));
+		}
+		function chapterNodeLabel(data, fallback) {
+			return volumeChapterLabel(data.ordinal ?? data.chapterNo, "章", shortName(data, fallback));
+		}
+		function compareOrdinal(a, b) {
+			const oa = asOrdinal(a);
+			const ob = asOrdinal(b);
+			if (oa === void 0 && ob === void 0) return 0;
+			if (oa === void 0) return 1;
+			if (ob === void 0) return -1;
+			return oa - ob;
+		}
+		function sortByOrdinalName(items, ordinalOf) {
+			return [...items].sort((a, b) => {
+				const cmp = compareOrdinal(ordinalOf(a), ordinalOf(b));
+				if (cmp !== 0) return cmp;
+				return (a.name ?? "").localeCompare(b.name ?? "", "zh");
+			});
+		}
+		//#endregion
+		//#region src/novel/normalize-entity.ts
+		function asRecord$2(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : {};
+		}
+		/** Merge nested `profile` onto the root; existing top-level keys win. */
+		function hoistProfile(data) {
+			return {
+				...asRecord$2(data.profile),
+				...data
+			};
+		}
+		/** Merge outline `extra` onto the root; existing top-level keys win. */
+		function hoistOutlineExtra(data) {
+			return {
+				...asRecord$2(data.extra),
+				...data
+			};
+		}
+		/** Shape used by the content tab: hoist profile/extra so template keys resolve. */
+		function displayEntityData(data) {
+			return hoistOutlineExtra(hoistProfile(data));
+		}
+		//#endregion
+		//#region src/client/entity-client.ts
+		function asRecord$1(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : {};
+		}
+		async function listEntities(path, domain) {
+			return novelApi(`/entities?path=${encodeURIComponent(path)}&domain=${encodeURIComponent(domain)}`);
+		}
+		function dataOf(item) {
+			return asRecord$1(item.data);
+		}
+		function viewData(item) {
+			if (item === void 0) return {};
+			return {
+				name: item.name ?? "",
+				...displayEntityData(dataOf(item))
+			};
+		}
+		function parentIdOf(item, items) {
+			const data = asRecord$1(item.data);
+			if (typeof data.parentId === "string" && data.parentId.length > 0) return data.parentId;
+			if (typeof data.parentName === "string" && data.parentName.length > 0) return items.find((row) => row.name === data.parentName)?.id;
+		}
+		function filterOwned(items, ownerKey, ownerId) {
+			return items.filter((item) => String(dataOf(item)[ownerKey] ?? "") === ownerId);
+		}
+		//#endregion
+		//#region src/client/section-icons.tsx
+		function CreatureIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M8 2.2c1.4 0 2.5 1.2 2.5 2.6 0 .5-.1 1-.4 1.4 1.3.5 2.2 1.8 2.2 3.3 0 2-1.9 3.6-4.3 3.6S3.7 11.5 3.7 9.5c0-1.5.9-2.8 2.2-3.3-.3-.4-.4-.9-.4-1.4C5.5 3.4 6.6 2.2 8 2.2Z",
+					stroke: "currentColor",
+					strokeWidth: "1.2"
+				})
+			});
+		}
+		function BookIcon() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: 16,
+				height: 16,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M8 3.2c-1.1-.8-2.6-1.1-4.4-.8v9.2c1.7-.3 3.2 0 4.4.8 1.1-.8 2.6-1.1 4.4-.8V2.4c-1.8-.3-3.3 0-4.4.8Z",
+					stroke: "currentColor",
+					strokeWidth: "1.2",
+					strokeLinejoin: "round"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M8 3.2v9.2",
+					stroke: "currentColor",
+					strokeWidth: "1.2"
+				})]
+			});
+		}
+		function SectionIcon({ section }) {
+			switch (section) {
+				case "overview": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BookIcon, {});
+				case "world": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGlobeOutline14, {});
+				case "role": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconUserOutline16, {});
+				case "creature": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreatureIcon, {});
+				case "item": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconArchiveOutline20, { size: 16 });
+				case "level": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconGoalOutline16, {});
+				case "timeline": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutline14, {});
+				case "outline": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChecklistOutline14, {});
+				case "chapter": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconListPenOutline16, {});
+				case "skill": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutline16, {});
+			}
+		}
+		//#endregion
+		//#region src/novel/template-fields.ts
+		function asRecord(value) {
+			return value !== null && typeof value === "object" && !Array.isArray(value) ? value : {};
+		}
+		function asFields(raw) {
+			if (!Array.isArray(raw)) return [];
+			return raw.flatMap((row) => {
+				if (row === null || typeof row !== "object") return [];
+				const rec = row;
+				if (typeof rec.key !== "string" || typeof rec.label !== "string") return [];
+				const options = flattenOptions(rec.options);
+				const field = {
+					key: rec.key,
+					label: rec.label
+				};
+				if (typeof rec.component === "string") field.component = rec.component;
+				if (options.length > 0) field.options = options;
+				return [field];
+			});
+		}
+		function flattenOptions(raw) {
+			if (!Array.isArray(raw)) return [];
+			const out = [];
+			for (const entry of raw) {
+				if (entry === null || typeof entry !== "object") continue;
+				const rec = entry;
+				if (typeof rec.value === "string" && typeof rec.label === "string") {
+					out.push({
+						label: rec.label,
+						value: rec.value
+					});
+					continue;
+				}
+				if (Array.isArray(rec.options)) for (const nested of rec.options) {
+					if (nested === null || typeof nested !== "object") continue;
+					const item = nested;
+					if (typeof item.value === "string" && typeof item.label === "string") out.push({
+						label: item.label,
+						value: item.value
+					});
+				}
+			}
+			return out;
+		}
+		/** Pick human-editable fields from a Noveel form_templates.config blob. */
+		function fieldsOf(template, section, extra) {
+			const block = asRecord(asRecord(template)[section]);
+			switch (section) {
+				case "overview": return asFields(block.fields);
+				case "role":
+				case "creature":
+				case "item": return extra === "timeline" ? asFields(asRecord(block.timeline).extraFields) : asFields(block.detailFields);
+				case "world": return extra === "timeline" ? asFields(asRecord(block.timeline).extraFields) : asFields(block.defaultDetailFields);
+				case "level": return asFields(block.levelFields);
+				case "timeline": return asFields(block.extraFields);
+				case "outline": return extra === "chapterSegment" ? asFields(block.chapterSegmentFields) : asFields(block.volumeFields);
+				default: return asFields(block.fields ?? block.detailFields);
+			}
+		}
+		function getByPath(obj, path) {
+			const parts = path.split(".").filter(Boolean);
+			let cur = obj;
+			for (const part of parts) {
+				if (cur == null || typeof cur !== "object" || Array.isArray(cur)) return void 0;
+				cur = cur[part];
+			}
+			return cur;
+		}
+		//#endregion
+		//#region src/client/ui/TemplateRead.tsx
+		function ReadField({ label, children }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshNovelViewField",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelReadValue",
+					children: children === "" || children === void 0 || children === null ? "—" : children
+				})]
+			});
+		}
+		function displayText(value) {
+			if (value === void 0 || value === null || value === "") return "";
+			if (Array.isArray(value)) return value.map((item) => String(item)).filter(Boolean).join("、");
+			if (typeof value === "boolean") return value ? "是" : "否";
+			return String(value);
+		}
+		function TemplateRead({ template, section, extra, value, omitKeys }) {
+			const skip = new Set(omitKeys ?? []);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fieldsOf(template, section, extra).filter((field) => !skip.has(field.key)).map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+				label: field.label,
+				children: displayText(getByPath(value, field.key))
+			}, field.key)) });
+		}
+		//#endregion
+		//#region src/client/ui/live-reload.ts
+		const HINT = "暂无。可在对话中让 AI 补充。";
+		function emptyHint(hasFilter) {
+			return hasFilter ? "无匹配项" : HINT;
+		}
+		function useLiveReload(reload, ms = 5e3) {
+			(0, react.useEffect)(() => {
+				const tick = () => {
+					reload();
+				};
+				const id = window.setInterval(tick, ms);
+				const onVis = () => {
+					if (document.visibilityState === "visible") tick();
+				};
+				document.addEventListener("visibilitychange", onVis);
+				return () => {
+					window.clearInterval(id);
+					document.removeEventListener("visibilitychange", onVis);
+				};
+			}, [reload, ms]);
+		}
+		//#endregion
+		//#region src/client/sections/OverviewSection.tsx
+		function OverviewSection({ path, template, styles }) {
+			const [row, setRow] = (0, react.useState)({});
+			const reload = (0, react.useCallback)(async () => {
+				setRow(await novelApi(`/novel?path=${encodeURIComponent(path)}`));
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			const blueprint = asRecord$1(row.blueprint_json);
+			const styleName = styles.find((style) => style.id === row.writing_style_id)?.name ?? String(row.writing_style_id ?? "");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: "dshNovelViewForm",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+							className: "dshNovelTitle",
+							children: String(row.title ?? "未命名")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelMeta",
+							children: [row.category, styleName].filter((item) => item !== void 0 && item !== "").join(" · ") || "—"
+						}),
+						row.description !== void 0 && row.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelProse",
+							children: String(row.description)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TemplateRead, {
+							template,
+							section: "overview",
+							value: blueprint
+						})
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region src/novel/noveel-shapes.ts
+		const WORLD_KINDS = [
+			{
+				value: "universe",
+				label: "宇宙"
+			},
+			{
+				value: "multiverse",
+				label: "多元宇宙"
+			},
+			{
+				value: "galaxy",
+				label: "星系"
+			},
+			{
+				value: "realm",
+				label: "界域"
+			},
+			{
+				value: "domain",
+				label: "域"
+			},
+			{
+				value: "plane",
+				label: "位面"
+			},
+			{
+				value: "planet",
+				label: "星球"
+			},
+			{
+				value: "continent",
+				label: "大陆"
+			},
+			{
+				value: "mainland",
+				label: "大陆"
+			},
+			{
+				value: "region",
+				label: "地区"
+			},
+			{
+				value: "mountain",
+				label: "山脉"
+			},
+			{
+				value: "secret_realm",
+				label: "秘境/禁地"
+			},
+			{
+				value: "country",
+				label: "国家"
+			},
+			{
+				value: "empire",
+				label: "帝国"
+			},
+			{
+				value: "kingdom",
+				label: "王国"
+			},
+			{
+				value: "city",
+				label: "城市"
+			},
+			{
+				value: "town",
+				label: "城镇"
+			},
+			{
+				value: "settlement",
+				label: "聚落"
+			},
+			{
+				value: "faction",
+				label: "势力"
+			},
+			{
+				value: "sect",
+				label: "宗门/门派"
+			},
+			{
+				value: "clan",
+				label: "家族/氏族"
+			},
+			{
+				value: "guild",
+				label: "公会"
+			},
+			{
+				value: "army",
+				label: "军队"
+			},
+			{
+				value: "corporation",
+				label: "公司/集团"
+			},
+			{
+				value: "alliance",
+				label: "联盟"
+			},
+			{
+				value: "cult",
+				label: "教派"
+			},
+			{
+				value: "academy",
+				label: "学院"
+			},
+			{
+				value: "custom",
+				label: "其他"
+			}
+		];
+		function emptyLevelSystem() {
+			return {
+				name: "自定义体系",
+				category: "自定义",
+				description: "",
+				levels: [{
+					name: "第一阶",
+					subLevels: [
+						{ name: "初期" },
+						{ name: "中期" },
+						{ name: "后期" }
+					],
+					promotionCondition: "达到上一阶大圆满，并满足作品内设定的突破条件。",
+					abilities: "待补充该等级典型能力与表现。"
+				}]
+			};
+		}
+		//#endregion
+		//#region src/client/ui/controls.tsx
+		function SearchField({ className: _className, ...rest }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshNovelViewSearch",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, {}),
+					placeholder: "搜索…",
+					...rest
+				})
+			});
+		}
+		function DetailTabs({ tabs, value, onChange }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshNovelTabs",
+				role: "tablist",
+				children: tabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": value === tab.id,
+					"data-active": value === tab.id || void 0,
+					onClick: () => {
+						onChange(tab.id);
+					},
+					children: tab.label
+				}, tab.id))
+			});
+		}
+		function SectionToolbar({ tabs, actions }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshNovelViewFormHead",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormHeadTabs",
+					children: tabs
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormHeadActions",
+					children: actions
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/ui/EntitySidebar.tsx
+		function EntitySidebar({ items, selectedId, onSelect, tree, label, className, files }) {
+			const [filter, setFilter] = (0, react.useState)("");
+			const [expanded, setExpanded] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const nameOf = label ?? ((item) => item.name ?? item.id);
+			const q = filter.trim();
+			const visibleItems = (0, react.useMemo)(() => {
+				if (q.length === 0) return items;
+				const match = /* @__PURE__ */ new Set();
+				for (const item of items) if (nameOf(item).includes(q)) match.add(item.id);
+				for (const item of items) {
+					if (!match.has(item.id)) continue;
+					let current = parentIdOf(item, items);
+					while (current !== void 0) {
+						match.add(current);
+						const ancestor = items.find((row) => row.id === current);
+						current = ancestor === void 0 ? void 0 : parentIdOf(ancestor, items);
+					}
+				}
+				return items.filter((item) => match.has(item.id));
+			}, [
+				items,
+				nameOf,
+				q
+			]);
+			(0, react.useEffect)(() => {
+				if (q.length === 0) return;
+				setExpanded((current) => {
+					const next = new Set(current);
+					for (const item of visibleItems) {
+						let ancestor = parentIdOf(item, items);
+						while (ancestor !== void 0) {
+							next.add(ancestor);
+							const row = items.find((entry) => entry.id === ancestor);
+							ancestor = row === void 0 ? void 0 : parentIdOf(row, items);
+						}
+					}
+					return next;
+				});
+			}, [
+				items,
+				q,
+				visibleItems
+			]);
+			const shown = (0, react.useMemo)(() => {
+				if (!tree) return visibleItems.map((item) => ({
+					...item,
+					depth: 0,
+					hasChildren: false
+				}));
+				return buildTree(visibleItems, items);
+			}, [
+				tree,
+				visibleItems,
+				items
+			]).filter((row) => {
+				if (!tree) return true;
+				const parent = parentIdOf(row, items);
+				if (parent === void 0) return true;
+				let current = parent;
+				while (current !== void 0) {
+					if (!expanded.has(current)) return false;
+					const ancestor = items.find((item) => item.id === current);
+					current = ancestor === void 0 ? void 0 : parentIdOf(ancestor, items);
+				}
+				return true;
+			});
+			const toggle = (id) => {
+				setExpanded((current) => {
+					const next = new Set(current);
+					if (next.has(id)) next.delete(id);
+					else next.add(id);
+					return next;
+				});
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+				className: `dshNovelViewList${className === void 0 ? "" : ` ${className}`}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewListToolbar",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchField, {
+						value: filter,
+						onChange: (event) => {
+							setFilter(event.target.value);
+						}
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewListBody",
+					children: [shown.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: q ? "无匹配项" : "暂无。可在对话中让 AI 补充。"
+					}), shown.map((row) => {
+						const folder = isFolder(row);
+						const open = expanded.has(row.id);
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "dshNovelViewRow",
+							"data-kind": folder ? "folder" : "file",
+							"data-active": !folder && row.id === selectedId ? true : void 0,
+							style: { paddingLeft: 8 + row.depth * 12 },
+							onClick: () => {
+								if (folder) toggle(row.id);
+								else onSelect(row.id);
+							},
+							children: [
+								tree && row.hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshNovelViewChevron",
+									"data-open": open || void 0,
+									onClick: (event) => {
+										event.stopPropagation();
+										toggle(row.id);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {})
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dshNovelViewChevron" }),
+								files ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dshNovelViewRowIcon",
+									children: folder ? open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderOpenOutline16, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconListPenOutline16, {})
+								}) : null,
+								nameOf(row)
+							]
+						}, row.id);
+					})]
+				})]
+			});
+		}
+		function isFolder(item) {
+			return asRecord$1(item.data).kind === "folder";
+		}
+		function buildTree(items, all) {
+			const byParent = /* @__PURE__ */ new Map();
+			for (const item of items) {
+				const parent = parentIdOf(item, all);
+				const list = byParent.get(parent) ?? [];
+				list.push(item);
+				byParent.set(parent, list);
+			}
+			const out = [];
+			const walk = (parent, depth) => {
+				for (const child of byParent.get(parent) ?? []) {
+					out.push({
+						...child,
+						depth,
+						hasChildren: (byParent.get(child.id) ?? []).length > 0
+					});
+					walk(child.id, depth + 1);
+				}
+			};
+			walk(void 0, 0);
+			const seen = new Set(out.map((row) => row.id));
+			for (const item of items) if (!seen.has(item.id)) out.push({
+				...item,
+				depth: 0,
+				hasChildren: false
+			});
+			return out;
+		}
+		//#endregion
+		//#region src/client/ui/TimelinePanel.tsx
+		function TimelinePanel({ path, domain, ownerKey, ownerId, chapters }) {
+			const [rows, setRows] = (0, react.useState)([]);
+			const reload = (0, react.useCallback)(async () => {
+				setRows(filterOwned(await listEntities(path, domain), ownerKey, ownerId));
+			}, [
+				path,
+				domain,
+				ownerId,
+				ownerKey
+			]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshNovelViewFormBody",
+				children: [rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dshNovelViewMuted",
+					children: emptyHint()
+				}), rows.map((row) => {
+					const data = dataOf(row);
+					const chapter = chapters.find((item) => item.id === data.relatedChapterId);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+						className: "dshNovelEntry",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshNovelEntryTitle",
+								children: String(data.title ?? row.name ?? "未命名")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshNovelViewMuted",
+								children: [data.timeLabel, chapter?.name].filter(Boolean).map(String).join(" · ")
+							}),
+							data.content !== void 0 && data.content !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dshNovelProse",
+								children: String(data.content)
+							})
+						] })
+					}, row.id);
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/sections/WorldSection.tsx
+		function WorldSection({ path, template, chapters }) {
+			const [items, setItems] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const [tab, setTab] = (0, react.useState)("detail");
+			const selected = items.find((item) => item.id === selectedId);
+			const data = viewData(selected);
+			const kindLabel = WORLD_KINDS.find((kind) => kind.value === data.kind)?.label ?? String(data.kind ?? "");
+			const parentId = selected === void 0 ? void 0 : parentIdOf(selected, items);
+			const parentName = parentId === void 0 ? typeof data.parentName === "string" && data.parentName.length > 0 ? data.parentName : void 0 : items.find((item) => item.id === parentId)?.name;
+			const reload = (0, react.useCallback)(async () => {
+				const rows = await listEntities(path, "world");
+				setItems(rows);
+				setSelectedId((current) => current !== void 0 && rows.some((row) => row.id === current) ? current : rows[0]?.id);
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				items,
+				selectedId,
+				tree: true,
+				onSelect: (id) => {
+					setSelectedId(id);
+					setTab("detail");
+				}
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dshNovelViewForm",
+				children: [selectedId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionToolbar, { tabs: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailTabs, {
+					tabs: [{
+						id: "detail",
+						label: "详情"
+					}, {
+						id: "timeline",
+						label: "时间线"
+					}],
+					value: tab,
+					onChange: setTab
+				}) }), selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					})
+				}) : tab === "detail" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "dshNovelTitle",
+							children: String(data.name ?? "未命名")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelMeta",
+							children: [kindLabel, parentName].filter(Boolean).join(" · ")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+							label: "类型",
+							children: kindLabel
+						}),
+						parentName !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+							label: "父节点",
+							children: parentName
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TemplateRead, {
+							template,
+							section: "world",
+							value: data
+						})
+					]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimelinePanel, {
+					path,
+					domain: "worldTimeline",
+					ownerKey: "worldNodeId",
+					ownerId: selectedId,
+					chapters
+				})]
+			})] });
+		}
+		//#endregion
+		//#region src/client/ui/RelationPanel.tsx
+		function RelationPanel({ path, ownerId, roles }) {
+			const [rows, setRows] = (0, react.useState)([]);
+			const reload = (0, react.useCallback)(async () => {
+				const all = await listEntities(path, "roleRelation");
+				setRows(all.filter((item) => {
+					const data = dataOf(item);
+					return String(data.roleId ?? "") === ownerId || String(data.targetRoleId ?? "") === ownerId;
+				}));
+			}, [path, ownerId]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshNovelViewFormBody",
+				children: [rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "dshNovelViewMuted",
+					children: emptyHint()
+				}), rows.map((row) => {
+					const data = dataOf(row);
+					const otherId = String(data.roleId ?? "") === ownerId ? data.targetRoleId : data.roleId;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+						className: "dshNovelEntry",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dshNovelEntryTitle",
+							children: [
+								(roles.find((role) => role.id === otherId) ?? roles.find((role) => role.name === otherId))?.name ?? String(otherId ?? ""),
+								" · ",
+								String(data.relationType ?? "")
+							]
+						}), data.content !== void 0 && data.content !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelProse",
+							children: String(data.content)
+						})] })
+					}, row.id);
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/sections/ListDetailSection.tsx
+		function ListDetailSection({ path, domain, template, templateSection, chapters, tree, tabs, timelineDomain, ownerKey }) {
+			const [items, setItems] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const [tab, setTab] = (0, react.useState)("detail");
+			const selected = items.find((item) => item.id === selectedId);
+			const data = viewData(selected);
+			const reload = (0, react.useCallback)(async () => {
+				const rows = await listEntities(path, domain);
+				setItems(rows);
+				setSelectedId((current) => {
+					if (current !== void 0 && rows.some((row) => row.id === current)) return current;
+					return rows[0]?.id;
+				});
+			}, [domain, path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				items,
+				selectedId,
+				tree,
+				onSelect: (id) => {
+					setSelectedId(id);
+					setTab("detail");
+				}
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dshNovelViewForm",
+				children: [tabs.length > 1 && selectedId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionToolbar, { tabs: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailTabs, {
+					tabs: tabs.map((id) => ({
+						id,
+						label: id === "detail" ? "详情" : id === "timeline" ? "时间线" : "关系"
+					})),
+					value: tab,
+					onChange: setTab
+				}) }), selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					})
+				}) : tab === "detail" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "dshNovelTitle",
+						children: String(data.name ?? "未命名")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TemplateRead, {
+						template,
+						section: templateSection,
+						value: data
+					})]
+				}) : tab === "timeline" && timelineDomain && ownerKey ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimelinePanel, {
+					path,
+					domain: timelineDomain,
+					ownerKey,
+					ownerId: selectedId,
+					chapters
+				}) : tab === "relation" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RelationPanel, {
+					path,
+					ownerId: selectedId,
+					roles: items
+				}) : null]
+			})] });
+		}
+		//#endregion
+		//#region src/client/sections/owned-sections.tsx
+		function RoleSection(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListDetailSection, {
+				...props,
+				domain: "role",
+				templateSection: "role",
+				tabs: [
+					"detail",
+					"relation",
+					"timeline"
+				],
+				timelineDomain: "roleTimeline",
+				ownerKey: "roleId"
+			});
+		}
+		function CreatureSection(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListDetailSection, {
+				...props,
+				domain: "creature",
+				templateSection: "creature",
+				tabs: ["detail", "timeline"],
+				timelineDomain: "creatureTimeline",
+				ownerKey: "creatureId"
+			});
+		}
+		function ItemSection(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListDetailSection, {
+				...props,
+				domain: "item",
+				templateSection: "item",
+				tabs: ["detail", "timeline"],
+				timelineDomain: "itemTimeline",
+				ownerKey: "itemId"
+			});
+		}
+		//#endregion
+		//#region src/client/sections/LevelSection.tsx
+		function parseSystem(data) {
+			const system = asRecord$1(data.system);
+			const levels = Array.isArray(system.levels) ? system.levels : emptyLevelSystem().levels;
+			return {
+				name: String(system.name ?? ""),
+				description: String(system.description ?? ""),
+				levels: levels.map((row) => {
+					const rec = asRecord$1(row);
+					const subs = Array.isArray(rec.subLevels) ? rec.subLevels : [];
+					return {
+						name: String(rec.name ?? ""),
+						promotionCondition: String(rec.promotionCondition ?? ""),
+						abilities: String(rec.abilities ?? ""),
+						subLevels: subs.map((sub) => String(asRecord$1(sub).name ?? "")).filter(Boolean)
+					};
+				})
+			};
+		}
+		function LevelSection({ path }) {
+			const [items, setItems] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const [tab, setTab] = (0, react.useState)("detail");
+			const selected = items.find((item) => item.id === selectedId);
+			const data = viewData(selected);
+			const system = parseSystem(data);
+			const reload = (0, react.useCallback)(async () => {
+				const rows = await listEntities(path, "level");
+				setItems(rows);
+				setSelectedId((current) => current !== void 0 && rows.some((row) => row.id === current) ? current : rows[0]?.id);
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				items,
+				selectedId,
+				label: (item) => {
+					const system = asRecord$1(asRecord$1(item.data).system);
+					return item.name ?? (typeof system.name === "string" ? system.name : void 0) ?? item.id;
+				},
+				onSelect: (id) => {
+					setSelectedId(id);
+					setTab("detail");
+				}
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dshNovelViewForm",
+				children: [selectedId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionToolbar, { tabs: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DetailTabs, {
+					tabs: [{
+						id: "detail",
+						label: "详情"
+					}, {
+						id: "tiers",
+						label: "档位"
+					}],
+					value: tab,
+					onChange: setTab
+				}) }), selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					})
+				}) : tab === "detail" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "dshNovelTitle",
+							children: String(data.name || system.name || "未命名")
+						}),
+						system.description !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelProse",
+							children: system.description
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+							label: "体系",
+							children: system.name
+						})
+					]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [system.levels.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					}), system.levels.map((level, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+						className: "dshNovelTier",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshNovelEntryTitle",
+								children: level.name
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dshNovelPills",
+								children: level.subLevels.map((sub) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, { children: sub }, sub))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+								label: "突破条件",
+								children: level.promotionCondition
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+								label: "能力",
+								children: level.abilities
+							})
+						]
+					}, index))]
+				})]
+			})] });
+		}
+		//#endregion
+		//#region src/novel/timeline-labels.ts
+		const EVENT_TYPE_LABELS = {
+			plot: "主线",
+			conflict: "冲突",
+			suspense: "悬念",
+			foreshadow: "伏笔",
+			turning: "转折",
+			resolution: "收束",
+			other: "其他"
+		};
+		const TRACKED_EVENT_TYPES = /* @__PURE__ */ new Set([
+			"conflict",
+			"suspense",
+			"foreshadow"
+		]);
+		function asEventType(value) {
+			if (typeof value !== "string") return void 0;
+			const key = value.trim();
+			return key.length > 0 ? key : void 0;
+		}
+		function asResolved(value) {
+			if (typeof value === "boolean") return value;
+			if (value === "true") return true;
+			if (value === "false") return false;
+		}
+		function timelineEventTypeLabel(eventType) {
+			const key = asEventType(eventType);
+			if (key === void 0) return void 0;
+			return EVENT_TYPE_LABELS[key] ?? key;
+		}
+		function timelineResolvedLabel(eventType, isResolved) {
+			const key = asEventType(eventType);
+			if (key === void 0 || !TRACKED_EVENT_TYPES.has(key)) return void 0;
+			if (asResolved(isResolved) === true) return "已解决";
+			return "未解决";
+		}
+		//#endregion
+		//#region src/client/sections/TimelineSection.tsx
+		function TimelineSection({ path, template, chapters }) {
+			const [items, setItems] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const selected = items.find((item) => item.id === selectedId);
+			const data = viewData(selected);
+			const chapter = chapters.find((item) => item.id === data.relatedChapterId);
+			const typeLabel = timelineEventTypeLabel(data.eventType);
+			const resolvedLabel = timelineResolvedLabel(data.eventType, data.isResolved);
+			const reload = (0, react.useCallback)(async () => {
+				const rows = await listEntities(path, "timeline");
+				setItems(rows);
+				setSelectedId((current) => current !== void 0 && rows.some((row) => row.id === current) ? current : rows[0]?.id);
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				items,
+				selectedId,
+				onSelect: setSelectedId
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: "dshNovelViewForm",
+				children: selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					})
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "dshNovelTitle",
+							children: String(data.title ?? data.name ?? "未命名")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelMeta",
+							children: [
+								data.timeLabel,
+								typeLabel,
+								resolvedLabel,
+								chapter?.name
+							].filter(Boolean).map(String).join(" · ")
+						}),
+						typeLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+							label: "类型",
+							children: typeLabel
+						}),
+						resolvedLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReadField, {
+							label: "状态",
+							children: resolvedLabel === "已解决" && data.resolveChapterNo !== void 0 && data.resolveChapterNo !== "" ? `${resolvedLabel} · 回收章 ${String(data.resolveChapterNo)}` : resolvedLabel
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TemplateRead, {
+							template,
+							section: "timeline",
+							extra: "timeline",
+							value: data
+						})
+					]
+				})
+			})] });
+		}
+		//#endregion
+		//#region src/client/sections/OutlineSection.tsx
+		function labelData$1(item) {
+			const data = dataOf(item);
+			return {
+				...data,
+				name: item.name ?? data.name
+			};
+		}
+		function OutlineSection({ path, template }) {
+			const [items, setItems] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const selected = items.find((item) => item.id === selectedId);
+			const data = viewData(selected);
+			const isChapter = outlineKindOf(data) === "chapter_segment";
+			const parent = items.find((item) => item.id === data.parentId);
+			const parentLabel = parent === void 0 ? void 0 : outlineNodeLabel(labelData$1(parent), parent.name ?? parent.id);
+			const reload = (0, react.useCallback)(async () => {
+				const rows = sortByOrdinalName(await listEntities(path, "outline"), (item) => dataOf(item).ordinal);
+				setItems(rows);
+				setSelectedId((current) => current !== void 0 && rows.some((row) => row.id === current) ? current : rows[0]?.id);
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				items,
+				selectedId,
+				tree: true,
+				label: (item) => outlineNodeLabel(labelData$1(item), item.name ?? item.id),
+				onSelect: setSelectedId
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: "dshNovelViewForm",
+				children: selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					})
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "dshNovelTitle",
+							children: outlineNodeLabel(data, String(data.name ?? "未命名"))
+						}),
+						parentLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelMeta",
+							children: parentLabel
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TemplateRead, {
+							template,
+							section: "outline",
+							extra: isChapter ? "chapterSegment" : void 0,
+							value: data,
+							omitKeys: ["name"]
+						})
+					]
+				})
+			})] });
+		}
+		//#endregion
+		//#region src/client/sections/ChapterSection.tsx
+		function labelData(item) {
+			const data = dataOf(item);
+			return {
+				...data,
+				name: item.name ?? data.name
+			};
+		}
+		function ChapterSection({ path }) {
+			const [items, setItems] = (0, react.useState)([]);
+			const [outlines, setOutlines] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const selected = items.find((item) => item.id === selectedId);
+			const data = viewData(selected);
+			const related = outlines.find((item) => item.id === data.relatedOutlineId);
+			const outlineName = related === void 0 ? void 0 : outlineNodeLabel(labelData(related), related.name ?? related.id);
+			const reload = (0, react.useCallback)(async () => {
+				const [rows, outlineRows] = await Promise.all([listEntities(path, "chapter"), listEntities(path, "outline")]);
+				const sorted = sortByOrdinalName(rows, (item) => dataOf(item).ordinal ?? dataOf(item).chapterNo);
+				setItems(sorted);
+				setOutlines(outlineRows);
+				setSelectedId((current) => current !== void 0 && sorted.some((row) => row.id === current) ? current : sorted[0]?.id);
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				items,
+				selectedId,
+				label: (item) => chapterNodeLabel(labelData(item), item.name ?? item.id),
+				onSelect: setSelectedId
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: "dshNovelViewForm",
+				children: selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: emptyHint()
+					})
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewFormBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "dshNovelTitle",
+							children: chapterNodeLabel(data, String(data.name ?? data.title ?? "未命名"))
+						}),
+						outlineName !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelMeta",
+							children: outlineName
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshNovelProse",
+							children: String(data.content ?? "") || "—"
+						})
+					]
+				})
+			})] });
+		}
+		//#endregion
+		//#region src/client/sections/SkillSection.tsx
+		function SkillSection({ path }) {
+			const [skills, setSkills] = (0, react.useState)([]);
+			const [selectedId, setSelectedId] = (0, react.useState)();
+			const selected = skills.find((item) => item.id === selectedId);
+			const reload = (0, react.useCallback)(async () => {
+				const rows = await novelApi(`/skills?path=${encodeURIComponent(path)}`);
+				setSkills(rows);
+				setSelectedId((current) => current !== void 0 && rows.some((row) => row.id === current) ? current : void 0);
+			}, [path]);
+			(0, react.useEffect)(() => {
+				reload();
+			}, [reload]);
+			useLiveReload(reload);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntitySidebar, {
+				className: "dshNovelSkillTree",
+				files: true,
+				tree: true,
+				items: (0, react.useMemo)(() => skillTreeItems(skills), [skills]),
+				selectedId,
+				onSelect: setSelectedId
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+				className: "dshNovelViewForm",
+				children: selected === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dshNovelViewEmpty",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelViewMuted",
+							children: skills.length === 0 ? emptyHint() : "选择一份技能阅读。"
+						})
+					})
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewFormBody",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+						className: "dshNovelDoc",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dshNovelCrumb",
+							children: crumbOf(selected)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dshNovelMarkdown",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, { text: selected.body })
+						})]
+					})
+				})
+			})] });
+		}
+		function crumbOf(skill) {
+			const folder = (skill.folder ?? "").trim();
+			return folder.length === 0 ? skill.title : `${folder.replaceAll("/", " / ")} / ${skill.title}`;
+		}
+		function skillTreeItems(skills) {
+			const folders = /* @__PURE__ */ new Set();
+			for (const skill of skills) {
+				const parts = (skill.folder ?? "").split("/").filter(Boolean);
+				let acc = "";
+				for (const part of parts) {
+					acc = acc.length === 0 ? part : `${acc}/${part}`;
+					folders.add(acc);
+				}
+			}
+			const nodes = [];
+			for (const folder of [...folders].sort()) {
+				const parts = folder.split("/");
+				const parent = parts.slice(0, -1).join("/");
+				nodes.push({
+					id: `dir:${folder}`,
+					name: parts[parts.length - 1] ?? folder,
+					data: {
+						kind: "folder",
+						parentId: parent.length > 0 ? `dir:${parent}` : ""
+					}
+				});
+			}
+			for (const skill of skills) {
+				const folder = (skill.folder ?? "").trim();
+				nodes.push({
+					id: skill.id,
+					name: skill.title,
+					data: {
+						kind: "file",
+						parentId: folder.length > 0 ? `dir:${folder}` : ""
+					}
+				});
+			}
+			return nodes;
+		}
+		//#endregion
+		//#region src/client/NovelWorkspaceView.tsx
+		const sessionMemory = /* @__PURE__ */ new Map();
+		/** Novel workspace occupying the conversation.view tab. Does not switch the active view. */
+		function NovelWorkspaceView({ sessionId, useSessions }) {
+			const workspacePath = useSessions((state) => {
+				const session = state.byId[sessionId];
+				return session?.cwd ?? session?.header?.cwd;
+			});
+			const [section, setSection] = (0, react.useState)(sessionMemory.get(sessionId) ?? "overview");
+			const [isNovel, setIsNovel] = (0, react.useState)(false);
+			const [template, setTemplate] = (0, react.useState)();
+			const [chapters, setChapters] = (0, react.useState)([]);
+			const [styles, setStyles] = (0, react.useState)([]);
+			(0, react.useEffect)(() => {
+				sessionMemory.set(sessionId, section);
+			}, [section, sessionId]);
+			const refreshStatus = (0, react.useCallback)(async () => {
+				if (workspacePath === void 0) {
+					setIsNovel(false);
+					return;
+				}
+				const status = await novelApi(`/status?path=${encodeURIComponent(workspacePath)}`);
+				setIsNovel(status.novel);
+				if (!status.novel) return;
+				const listed = await novelApi(`/styles?path=${encodeURIComponent(workspacePath)}`).catch(() => []);
+				if (listed.length > 0) setStyles(listed);
+				setTemplate(await novelApi(`/template?path=${encodeURIComponent(workspacePath)}`));
+				setChapters(await listEntities(workspacePath, "chapter"));
+			}, [workspacePath]);
+			(0, react.useEffect)(() => {
+				refreshStatus();
+			}, [refreshStatus]);
+			useLiveReload(refreshStatus);
+			const pageProps = {
+				path: workspacePath ?? "",
+				template,
+				chapters
+			};
+			if (workspacePath === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshNovelView",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dshNovelViewEmpty",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "先在左侧打开或新建会话，并绑定工作区目录。" })
+				})
+			});
+			if (!isNovel) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dshNovelView",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dshNovelViewEmpty",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "当前目录还不是小说工作区。" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "dshNovelViewMuted",
+						children: "在对话里让 AI 初始化小说工作区。"
+					})]
+				})
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dshNovelView",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+						className: "dshNovelViewRail",
+						"aria-label": "小说分区",
+						children: CONTENT_SECTIONS.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+							label: DOMAIN_LABELS[key],
+							side: "right",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dshNovelViewRailBtn",
+								"data-active": section === key || void 0,
+								"aria-label": DOMAIN_LABELS[key],
+								onClick: () => {
+									setSection(key);
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionIcon, { section: key })
+							})
+						}, key))
+					}),
+					section === "overview" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverviewSection, {
+						path: workspacePath,
+						template,
+						styles
+					}),
+					section === "world" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorldSection, { ...pageProps }),
+					section === "role" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoleSection, { ...pageProps }),
+					section === "creature" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreatureSection, { ...pageProps }),
+					section === "item" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemSection, { ...pageProps }),
+					section === "level" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LevelSection, { ...pageProps }),
+					section === "timeline" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimelineSection, { ...pageProps }),
+					section === "outline" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OutlineSection, { ...pageProps }),
+					section === "chapter" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChapterSection, { ...pageProps }),
+					section === "skill" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillSection, { path: workspacePath })
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/styles.ts
+		const NOVEL_STYLES = `
+.dshNovelView { display: flex; height: 100%; min-height: 0; width: 100%; overflow: hidden; color: var(--dsw-alias-label-primary, inherit); font-size: 13px; line-height: 1.45; background: var(--dsw-alias-bg-base); }
+.dshNovelViewRail { display: flex; flex-direction: column; gap: 2px; width: 46px; flex-shrink: 0; overflow: auto; padding: 8px 4px; border-right: 1px solid var(--dsw-alias-border-l2); }
+.dshNovelViewRail button { appearance: none; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer; transition-property: transform, background-color, color; transition-duration: 120ms; transition-timing-function: cubic-bezier(0.2, 0, 0, 1); }
+.dshNovelViewRail button:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary, inherit); }
+.dshNovelViewRail button:active { transform: scale(0.96); }
+.dshNovelViewRail button[data-active] { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary, inherit); }
+.dshNovelViewList { display: flex; flex-direction: column; width: 200px; flex-shrink: 0; min-width: 0; min-height: 0; border-right: 1px solid var(--dsw-alias-border-l2); overflow: hidden; }
+.dshNovelSkillTree { width: 240px; }
+.dshNovelViewListToolbar { display: flex; align-items: center; gap: 4px; padding: 8px 8px 4px; min-width: 0; overflow: hidden; }
+.dshNovelViewSearch { display: flex; flex: 1; min-width: 0; overflow: hidden; box-sizing: border-box; }
+.dshNovelViewSearch > span, .dshNovelInput { display: flex !important; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
+.dshNovelControl { display: block; width: 100%; max-width: 100%; box-sizing: border-box; min-width: 0; border: 1px solid var(--dsw-alias-border-l2); border-radius: 8px; background: var(--dsw-alias-bg-layer-1, var(--dsw-alias-bg-base)); color: var(--dsw-alias-label-primary, inherit); padding: 5px 8px; font-size: 14px; line-height: 22px; }
+.dshNovelControl:focus { outline: none; border-color: var(--dsw-alias-brand-primary); }
+textarea.dshNovelControl { min-height: 88px; resize: vertical; }
+.dshNovelJsonEditor { flex: 1; min-height: 0; height: 100%; width: 100%; resize: none; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; line-height: 18px; padding: 12px; border: 0; border-radius: 12px; background: var(--dsw-alias-markdown-code-block, var(--dsw-alias-bg-layer-1)); color: var(--dsw-alias-label-primary, inherit); box-sizing: border-box; }
+.dshNovelJsonEditor:focus { outline: none; box-shadow: inset 0 0 0 1px var(--dsw-alias-brand-primary); }
+.dshNovelTabs { display: flex; gap: 36px; margin-top: 4px; padding-left: 8px; min-height: 0; }
+.dshNovelTabs button { appearance: none; position: relative; padding: 0 0 11px; border: 0; background: transparent; font-size: 13px; line-height: 16px; font-weight: 500; color: var(--dsw-alias-label-tertiary); cursor: pointer; }
+.dshNovelTabs button::after { content: ""; position: absolute; right: 0; bottom: 1px; left: 0; height: 2px; border-radius: 2px; background: transparent; }
+.dshNovelTabs button[data-active] { color: var(--dsw-alias-state-business-primary); }
+.dshNovelTabs button[data-active]::after { background: var(--dsw-alias-state-business-primary); }
+.dshNovelEntry { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 6px; }
+.dshNovelEntryTitle { font-size: 14px; font-weight: 500; line-height: 22px; }
+.dshNovelTier { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--dsw-alias-border-l2); border-radius: 6px; }
+.dshNovelPills { display: flex; flex-wrap: wrap; gap: 6px; }
+.dshNovelTitle { margin: 0; font-size: 20px; font-weight: 600; line-height: 28px; }
+.dshNovelMeta { margin: 0; color: var(--dsw-alias-label-secondary); font-size: 13px; line-height: 20px; }
+.dshNovelProse { margin: 0; white-space: pre-wrap; font-size: 14px; line-height: 24px; }
+.dshNovelReadValue { white-space: pre-wrap; font-size: 14px; line-height: 22px; color: var(--dsw-alias-label-primary, inherit); }
+.dshNovelViewListBody { flex: 1; min-height: 0; overflow: auto; padding: 4px 6px 12px; }
+.dshNovelViewRow { appearance: none; display: flex; align-items: center; gap: 6px; width: 100%; min-height: 32px; text-align: left; border: 0; background: transparent; color: inherit; padding: 0 8px; border-radius: 6px; cursor: pointer; transition-property: transform, background-color, color; transition-duration: 120ms; transition-timing-function: cubic-bezier(0.2, 0, 0, 1); }
+.dshNovelViewRow:hover { background: var(--dsw-alias-interactive-bg-hover); }
+.dshNovelViewRow:active { transform: scale(0.96); }
+.dshNovelViewRow[data-active] { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }
+.dshNovelViewRow[data-kind="folder"] { color: var(--dsw-alias-label-secondary); font-weight: 500; }
+.dshNovelViewRowIcon { display: inline-flex; width: 16px; height: 16px; flex-shrink: 0; color: currentColor; }
+.dshNovelViewChevron { display: inline-flex; align-items: center; justify-content: center; width: 14px; flex-shrink: 0; transition-property: transform; transition-duration: 120ms; color: var(--dsw-alias-label-tertiary, inherit); }
+.dshNovelViewChevron[data-open] { transform: rotate(90deg); }
+.dshNovelDoc { display: flex; flex-direction: column; gap: 12px; max-width: 680px; width: 100%; }
+.dshNovelCrumb { margin: 0; font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+.dshNovelMarkdown { font-size: 14px; line-height: 24px; color: var(--dsw-alias-label-primary); }
+.dshNovelViewForm { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
+.dshNovelViewFormHead { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 4px 16px 0 12px; border-bottom: 1px solid var(--dsw-alias-border-l2); min-width: 0; }
+.dshNovelViewFormHeadTabs { min-width: 0; overflow: hidden; }
+.dshNovelViewFormHeadActions { display: flex; flex: none; align-items: center; gap: 8px; margin-left: auto; padding-bottom: 6px; }
+.dshNovelViewFormBody { flex: 1; min-height: 0; overflow: auto; padding: 12px; display: flex; flex-direction: column; gap: 12px; }
+.dshNovelViewField { display: flex; flex-direction: column; gap: 4px; }
+.dshNovelViewField label { font-size: 12px; color: var(--dsw-alias-label-secondary, inherit); }
+.dshNovelViewEmpty { margin: auto; padding: 32px 20px; display: flex; flex-direction: column; gap: 12px; max-width: 420px; width: 100%; }
+.dshNovelViewMuted { color: var(--dsw-alias-label-secondary, inherit); font-size: 12px; }
+.dshNovelViewError { color: var(--dsw-alias-state-error-primary, tomato); font-size: 12px; }
+`;
+		function installNovelStyles() {
+			const style = document.createElement("style");
+			style.dataset.plugin = "dsh-novel";
+			style.dataset.pluginCss = "dsh-novel/content";
+			style.textContent = NOVEL_STYLES;
+			document.head.appendChild(style);
+			return () => {
+				style.remove();
+			};
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const inject = ["slots", "sessions"];
+		function apply(ctx) {
+			ctx.effect(() => installNovelStyles(), "dsh-novel: content tab styles");
+			ctx.slots.inject("conversation.view", () => ctx.slots.register({
+				name: "conversation.view",
+				id: "novel",
+				order: 20,
+				label: () => "内容"
+			}, NovelWorkspaceView));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map