@world-engines/create-project 0.1.0-alpha.0

package/dist/default-view/interaction-demo.js

@@ -0,0 +1,129 @@
+/**
+ * 这是独立 opt-in 示例，不进入空白项目的运行路径。它只操作显式指定、仍为空白的项目。
+ */
+export const INTERACTION_DEMO_CONFIG = String.raw `/**
+ * 仅在 examples/interaction-demo 的安装脚本成功后复制到 view/src/view-config.ts。
+ * 这些名称和 action 与示范 TMW source/manifest 完全一致。
+ */
+export const viewConfig = {
+  variables: [] as readonly { name: string; label: string }[],
+  unlocks: [{ target: "node", id: "demo-gate", label: "示范关卡状态" }] as const,
+  actions: [
+    { eventType: "demo.gate.close", label: "关闭示范关卡", payload: {} },
+    { eventType: "demo.gate.open", label: "打开示范关卡", payload: {} },
+  ] as const,
+};
+`;
+export const INTERACTION_DEMO_INSTALLER = String.raw `#!/usr/bin/env node
+import { readFile } from "node:fs/promises";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { LocalProjectHost } from "@world-engines/project-host";
+import { decodeScenarioPartWesp, encodeWesp } from "@world-engines/project-format";
+
+// @world-engines/tmw 与 protocol-ts 是 project-host 的已声明运行依赖，不向作者项目根依赖表扩散内部包。
+const hostEntry = fileURLToPath(import.meta.resolve("@world-engines/project-host"));
+async function hostDependency(packageName, entrypoint) {
+  for (let current = dirname(hostEntry), parent = ""; current !== parent; parent = current, current = dirname(current)) {
+    const candidate = join(current, "node_modules", ...packageName.split("/"));
+    try { await readFile(join(candidate, "package.json")); return pathToFileURL(join(candidate, entrypoint)).href; }
+    catch { /* 继续沿 Host 的模块查找路径寻找已声明依赖。 */ }
+  }
+  throw new Error("project-host 依赖缺失：" + packageName);
+}
+const { ScenarioPartSourceV1 } = await import(await hostDependency("@world-engines/protocol-ts", "dist/gen/v1/scenario_part_source.js"));
+const { digestViewInteractionManifestV3, parseViewInteractionManifestV3 } = await import(await hostDependency("@world-engines/tmw", "dist/index.js"));
+
+const [flag, target] = process.argv.slice(2);
+if (flag !== "--project" || !target || process.argv.length !== 4) {
+  throw new Error("用法：node install.mjs --project <新建且尚未编辑的项目绝对路径>");
+}
+
+const projectRoot = resolve(target);
+const host = await LocalProjectHost.open(projectRoot);
+try {
+  const before = await host.readSourceReadback();
+  const source = ScenarioPartSourceV1.decode(await decodeScenarioPartWesp(before.source));
+  const sourceIsBlank = source.schema_version === 1 && [source.metadata, source.logical_graph, source.trigger_semantics, source.layout, source.resource_refs, source.prompt_retrieval, source.spatial_world]
+    .every((section) => section === undefined || section.length === 0);
+  if (!sourceIsBlank) throw new Error("示范只接受新建且未编辑的 source.wes；请新建一个项目作为示范项目。");
+  const schema = await host.dispatchTool({ name: "trigger_schema", input: {} });
+  const document = {
+    ...schema.empty_document,
+    events: [
+      { kind: "event", stable_id: "event.demo.gate.close", event_type: "demo.gate.close", hard_fact: true,
+        effective_time: { domain: "logical_seq", due_value: 0, effective_value: 0, crossing_policy: "forward_only", real_time_clock: null, wall_clock_policy: null }, selector: null },
+      { kind: "event", stable_id: "event.demo.gate.open", event_type: "demo.gate.open", hard_fact: true,
+        effective_time: { domain: "logical_seq", due_value: 0, effective_value: 0, crossing_policy: "forward_only", real_time_clock: null, wall_clock_policy: null }, selector: null },
+    ],
+    conditions: [],
+    effects: [
+      { kind: "effect", stable_id: "effect.demo.gate.close", capability_id: "node.set_unlock", selector: null,
+        arguments: { nodeId: "demo-gate", unlocked: false },
+        effective_time: { domain: "logical_seq", due_value: 0, effective_value: 0, crossing_policy: "forward_only", real_time_clock: null, wall_clock_policy: null }, execution_policy: "attempt_once", rewrite_policy: "normal_only", priority: 0, idempotency_key: "demo.unlock" },
+      { kind: "effect", stable_id: "effect.demo.gate.open", capability_id: "node.set_unlock", selector: null,
+        arguments: { nodeId: "demo-gate", unlocked: true },
+        effective_time: { domain: "logical_seq", due_value: 0, effective_value: 0, crossing_policy: "forward_only", real_time_clock: null, wall_clock_policy: null }, execution_policy: "attempt_once", rewrite_policy: "normal_only", priority: 0, idempotency_key: "demo.lock" },
+    ],
+    presentations: [],
+    edges: [
+      { from_stable_id: "event.demo.gate.close", to_stable_id: "effect.demo.gate.close" },
+      { from_stable_id: "event.demo.gate.open", to_stable_id: "effect.demo.gate.open" },
+    ],
+  };
+  const validation = await host.dispatchTool({ name: "trigger_validate", input: { candidate_document: document } });
+  if (validation.ok !== true || typeof validation.plan_sha256 !== "string") throw new Error("示范 TMW document 未通过正式 trigger_validate。");
+  const manifest = {
+    schema: "view-interaction-manifest.v3", generation: 3, epoch: 1, artifact_digest: validation.plan_sha256,
+    runtime_contract_hash: document.runtime_contract_hash, bootstrap_url: "http://localhost:43123/runtime.js",
+    capabilities: ["node.set_unlock"],
+    events: [
+      { event_id: "event.demo.gate.close", event_type: "demo.gate.close", capability: "node.set_unlock",
+        payload_schema: { type: "object", additional_properties: false, properties: {}, max_bytes: 64 } },
+      { event_id: "event.demo.gate.open", event_type: "demo.gate.open", capability: "node.set_unlock",
+        payload_schema: { type: "object", additional_properties: false, properties: {}, max_bytes: 64 } },
+    ],
+  };
+  if (parseViewInteractionManifestV3(manifest) === null) throw new Error("示范 manifest 未通过正式 schema 校验。");
+  const manifestDigest = await digestViewInteractionManifestV3(manifest);
+  const next = {
+    ...source,
+    metadata: new TextEncoder().encode(JSON.stringify({ metadata: { initial_scene: { schemaVersion: 1, sceneId: "interaction-demo", revision: 0, worldTime: 0, presentEntityNodeIds: [], spatialRef: null, manuscriptNotes: [] } } })),
+    logical_graph: new TextEncoder().encode(JSON.stringify({ entities: [{ entity_id: "demo-gate", name: ["示范关卡"], kind: "location", props: {} }], relations: [], history: [] })),
+    trigger_semantics: new TextEncoder().encode(JSON.stringify(document)),
+    layout: new TextEncoder().encode(JSON.stringify({ view_interaction_mobile: null, view_interaction_pc: { schema: "view-interaction-source.v3", generation: 3, manifest, manifest_digest: manifestDigest } })),
+  };
+  const receipt = await host.writeScenario({ operation_id: "install-interaction-demo-v1", expected_project_revision: before.project_revision, expected_source_sha256: before.source_sha256, source: await encodeWesp(ScenarioPartSourceV1.encode(next).finish()) });
+  if (receipt.readback_verified !== true) throw new Error("示范 source 写入未获得 readback 回执。");
+  const written = await host.readSourceReadback();
+  const writtenSource = ScenarioPartSourceV1.decode(await decodeScenarioPartWesp(written.source));
+  const writtenLayout = JSON.parse(new TextDecoder().decode(writtenSource.layout));
+  if (written.project_revision !== receipt.next_project_revision || writtenLayout.view_interaction_pc?.manifest_digest !== manifestDigest) throw new Error("示范 source readback 与 manifest 不一致。");
+  const readback = await host.dispatchTool({ name: "trigger_read", input: {} });
+  const simulation = await host.dispatchTool({ name: "trigger_simulate", input: { event: { type: "demo.gate.close", id: "demo.gate.close.verify", payload: {} }, state: {} } });
+  const gameplay = simulation.state?.gameplayState;
+  if (JSON.stringify(readback.document) !== JSON.stringify(document) || simulation.ok !== true
+    || gameplay?.entity_state_stacks?.["node:demo-gate"]?.kind !== "unavailable") throw new Error("示范 source 写后核验失败。");
+  process.stdout.write(JSON.stringify({ status: "installed", receipt, manifest_digest: manifestDigest, simulation }, null, 2) + "\n");
+} finally {
+  await host.close();
+}
+`;
+export const INTERACTION_DEMO_README = String.raw `# 可选互动与状态示范
+
+该目录不会被默认 View 或默认空白剧本加载。它只用于单独新建的示范项目：脚本先要求该项目的 \`source.wes\` 仍为空，再以一次带 revision/source SHA CAS 的正式 \`writeScenario\` 写入 TMW document 和 View manifest；任一前置条件不满足会退出，不会改写已有剧本。manifest 的 \`bootstrap_url\` 是当前正式 manifest 所需的 artifact fence；示范只使用本地 Preview 既有 \`http://localhost:43123/runtime.js\` 形式校验它，并不宣称该 URL 是可下载的作者脚本。
+
+1. 用 \`create-worldengine-project\` 新建一个专门的空项目，并完成根依赖安装。
+2. 在这个项目中执行（路径必须是该空项目的绝对路径）：
+
+\`\`\`powershell
+node examples/interaction-demo/install.mjs --project D:\\Proj\\interaction-demo
+Copy-Item examples/interaction-demo/view-config.ts view/src/view-config.ts
+npm run snapshot
+npm run smoke:view
+\`\`\`
+
+脚本会执行真实 \`trigger_validate\`、严格的 \`view-interaction-manifest.v3\` parse/digest、CAS source 写入、\`trigger_read\` 与 \`trigger_simulate\`。成功输出中的 \`readback_verified: true\` 是 source 写入回执；\`simulation.ok: true\` 且 node 状态被读回，证明正式 authoring TMW 路径成立。示范关卡初始为“已解锁”；“关闭示范关卡”将它设为“未解锁”，“打开示范关卡”再设回“已解锁”。两种 action 都可重复提交，不会因重复创建变量而失败。当前已安装 project-host 的公开入口不导出可编程的 LocalPreviewRuntime event executor，因此示范不会假装以内部路径完成 Preview runtime 读回；请在 GUI Preview 点击这两个按钮完成该最后一跳。View 只会显示“互动请求已发送”，不会把该同步请求冒充为故事已完成。支持该通知的 Host 会以 \`interactionResult\` 的 \`interactionId\`、\`nonce\`、\`status: committed|failed|uncertain\`（及可选 \`code\`）反馈 activation 是否 durable；\`committed\` 不等于 AI 完成或后续 delivery。\`tmw.delivery\` 只是业务通知，不能作为某次点击的关联回执。
+
+示范 action 是 manifest 声明的 \`demo.gate.close\` 和 \`demo.gate.open\`；它们分别关闭和打开 node \`demo-gate\`。状态面板通过公开只读 \`getUnlock("node", "demo-gate")\` 显示真实保存态。不要把示范的固定标识直接合并进已有剧本；请在自己的 TMW document 与 manifest 同时声明相同的 event、payload schema 和解锁目标后，再复制或改写配置。
+`.replaceAll("\\`", "`").replaceAll("\\\\", "\\");

package/dist/default-view/panel.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_CHAT_PLAYER_PANEL: string;

package/dist/default-view/panel.js

@@ -0,0 +1,311 @@
+export const DEFAULT_CHAT_PLAYER_PANEL = String.raw `import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import type { ReactNode } from "react";
+import type { TmwInteractionResult } from "@world-engines/view-sdk";
+import { emitConfiguredAction, optionalRead, publicError, type ChatMessage, type ChatPlayConversationBridge } from "./chatplay";
+import { viewConfig } from "./view-config";
+
+export type PlayerPanelKind = "model" | "worldline" | "progress" | "assets" | "resources" | "state" | "actions" | "search";
+
+const panelTitles: Record<PlayerPanelKind, string> = {
+  model: "模型设置", worldline: "世界线", progress: "剧情进度", assets: "资源", resources: "已解锁内容", state: "角色状态", actions: "互动选择", search: "历史搜索",
+};
+
+export function PlayerPanel({ kind, bridge, messages, onWorldlineChange, onClose }: {
+  kind: PlayerPanelKind;
+  bridge: ChatPlayConversationBridge;
+  messages: readonly ChatMessage[];
+  onWorldlineChange: () => void;
+  onClose: () => void;
+}) {
+  const [revision, setRevision] = useState(0);
+  const [body, setBody] = useState<ReactNode>("正在读取…");
+  const request = useRef(0);
+  const dialog = useRef<HTMLElement>(null);
+
+  useLayoutEffect(() => {
+    const node = dialog.current;
+    if (!node) return;
+    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const focusable = () => [...node.querySelectorAll<HTMLElement>("button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [href], [tabindex]:not([tabindex=\"-1\"])")];
+    focusable()[0]?.focus();
+    const trap = (event: KeyboardEvent) => {
+      if (event.key !== "Tab") return;
+      const items = focusable();
+      if (!items.length) { event.preventDefault(); return; }
+      const first = items[0]; const last = items.at(-1)!;
+      if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
+      else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
+    };
+    node.addEventListener("keydown", trap);
+    return () => { node.removeEventListener("keydown", trap); previous?.focus(); };
+  }, []);
+
+  useEffect(() => {
+    let active = true;
+    let stop = () => {};
+    void bridge.ready.then(() => {
+      if (!active) return;
+      const refresh = () => setRevision((value) => value + 1);
+      const stops = [bridge.on("stateChanged", refresh), bridge.on("resourceUnlocked", refresh), bridge.on("tmwDelivery", refresh)];
+      stop = () => stops.forEach((end) => end());
+    }).catch(() => {});
+    return () => { active = false; stop(); };
+  }, [bridge, kind]);
+
+  useEffect(() => {
+    const generation = ++request.current;
+    let active = true;
+    const show = (next: ReactNode) => { if (active && generation === request.current) setBody(next); };
+    const unavailable = (reason: unknown, fallback: string) => publicError(reason, fallback) ?? "当前游戏暂不支持此功能。";
+    const load = async () => {
+      if (kind === "model") { show(<ModelSettings bridge={bridge} />); return; }
+      if (kind === "worldline") {
+        const result = await optionalRead(() => bridge.worldline.list());
+        show(result.value ? <Worldlines bridge={bridge} initialCatalog={result.value} messages={messages} onChanged={onWorldlineChange} /> : unavailable(result.error, "世界线暂不可用"));
+        return;
+      }
+      if (kind === "progress") {
+        const [meta, progress] = await Promise.all([optionalRead(() => bridge.getScenarioMeta()), optionalRead(() => bridge.getProgress())]);
+        show(typeof progress.value === "number" ? <div><h3>{meta.value?.title || "当前剧情"}</h3><p>当前进度 {Math.round(Math.max(0, Math.min(1, progress.value)) * 100)}%</p></div> : unavailable(progress.error, "剧情进度暂不可用"));
+        return;
+      }
+      if (kind === "assets") {
+        const result = await optionalRead(() => bridge.listAssets());
+        const labels = result.value ? assetLabels(result.value) : [];
+        show(result.value ? (result.value.length ? <div className="chat-gallery">{result.value.map((asset, index) => <Asset key={asset.id} bridge={bridge} asset={asset} label={labels[index]} />)}</div> : "暂无资源。") : unavailable(result.error, "资源暂不可用"));
+        return;
+      }
+      if (kind === "resources") {
+        const result = await optionalRead(() => bridge.getOwnedResources());
+        const resources = result.value ? ownedResourceRows(result.value) : undefined;
+        show(resources ? (resources.length ? <ul className="chat-detail-list">{resources.map((item) => <li key={item.key}><span>{item.kind}</span><span>{item.label}</span></li>)}</ul> : "暂无已解锁内容。") : unavailable(result.error, "已解锁内容暂不可用"));
+        return;
+      }
+      if (kind === "state") { show(await readState(bridge, unavailable)); return; }
+      if (kind === "actions") { show(<ConfiguredActions bridge={bridge} />); return; }
+      show(<History bridge={bridge} initialMessages={messages} />);
+    };
+    void load().catch((reason) => show(unavailable(reason, "内容暂不可用")));
+    return () => { active = false; };
+  }, [bridge, kind, messages, onWorldlineChange, revision]);
+
+  const headingId = "chat-player-panel-title";
+  return <section className="chat-player-panel" ref={dialog} role="dialog" aria-modal="true" aria-labelledby={headingId}>
+    <header className="chat-panel-header"><h2 id={headingId}>{panelTitles[kind]}</h2><button className="chat-panel-close" type="button" aria-label="关闭面板" onClick={onClose}>×</button></header>
+    <div className="chat-panel-content">{body}</div>
+  </section>;
+}
+
+async function readState(bridge: ChatPlayConversationBridge, unavailable: (reason: unknown, fallback: string) => string): Promise<ReactNode> {
+  const context = bridge.context();
+  const canReadCustomState = !context || context.capabilities.customStateMaxBytes > 0;
+  const keysResult = canReadCustomState ? await optionalRead(() => bridge.customState.keys()) : { value: [] as string[] };
+  const custom = await Promise.all((keysResult.value ?? []).map(async (key) => ({ label: key, result: await optionalRead(() => bridge.customState.get(key)) })));
+  const variables = await Promise.all(viewConfig.variables.map(async (item) => ({ label: item.label, result: await optionalRead(() => bridge.getVariable(item.name)) })));
+  const unlocks = await Promise.all(viewConfig.unlocks.map(async (item) => ({ label: item.label, result: await optionalRead(() => bridge.getUnlock(item.target, item.id)) })));
+  const rows = [
+    ...custom.map((item) => ({ label: item.label, text: customStateText(item.result.value), error: item.result.error })),
+    ...variables.map((item) => ({ label: item.label, text: variableValue(item.result.value), error: item.result.error })),
+    ...unlocks.map((item) => ({ label: item.label, text: unlockText(item.result.value), error: item.result.error })),
+  ];
+  if (!rows.length) return keysResult.error ? unavailable(keysResult.error, "角色状态暂不可用") : "暂无可显示的角色状态。";
+  return <ul className="chat-detail-list">{rows.map((row) => <li key={row.label}><span>{row.label}</span><span>{row.error ? unavailable(row.error, "读取失败") : row.text}</span></li>)}</ul>;
+}
+
+function ModelSettings({ bridge }: { bridge: ChatPlayConversationBridge }) {
+  const [busy, setBusy] = useState(false);
+  const [notice, setNotice] = useState<string | null>(null);
+  const pending = useRef(false);
+  const open = async () => {
+    if (pending.current) return;
+    pending.current = true;
+    setBusy(true); setNotice(null);
+    try {
+      if (typeof bridge.openModelSettings !== "function") throw new Error("E_CAPABILITY_UNAVAILABLE");
+      await bridge.openModelSettings();
+      setNotice("已打开模型设置。");
+    } catch (reason) { setNotice(publicError(reason, "模型设置暂不可用") ?? "当前游戏暂不支持模型设置。"); }
+    finally { pending.current = false; setBusy(false); }
+  };
+  return <div className="chat-choice-list"><p>在设置中选择对话模型。</p><button className="chat-button" type="button" disabled={busy} onClick={() => { void open(); }}>{busy ? "正在打开…" : "打开模型设置"}</button>{notice && <p role="status">{notice}</p>}</div>;
+}
+
+function ConfiguredActions({ bridge }: { bridge: ChatPlayConversationBridge }) {
+  const [pending, setPending] = useState<{ eventType: string; interactionId: string; nonce: string; status: "pending" | "uncertain" } | null>(null);
+  const [notice, setNotice] = useState<string | null>(null);
+  const active = useRef<{ eventType: string; interactionId: string; nonce: string | null } | null>(null);
+  const buffered = useRef(new Map<string, TmwInteractionResult>());
+  const timeout = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const live = useRef(true);
+  const clearTimer = () => {
+    if (timeout.current !== null) clearTimeout(timeout.current);
+    timeout.current = null;
+  };
+  const clearActive = () => {
+    clearTimer(); active.current = null; buffered.current.clear();
+  };
+  const settle = (result: TmwInteractionResult) => {
+    const current = active.current;
+    if (!current || current.interactionId !== result.interactionId) return;
+    if (current.nonce === null) { buffered.current.set(result.nonce, result); return; }
+    if (current.nonce !== result.nonce) return;
+    clearTimer();
+    if (!live.current) return;
+    if (result.status === "uncertain") {
+      setPending({ ...current, nonce: result.nonce, status: "uncertain" });
+      setNotice("暂未确认结果，请先查看故事变化。");
+      return;
+    }
+    clearActive(); setPending(null);
+    if (result.status === "committed") setNotice("互动已提交。");
+    else setNotice("互动未能完成，请重试。");
+  };
+  useEffect(() => {
+    live.current = true;
+    const stop = bridge.on("interactionResult", settle);
+    return () => { live.current = false; stop(); clearActive(); };
+  }, [bridge]);
+  if (!viewConfig.actions.length) return <>当前没有可选互动。</>;
+  const run = (action: (typeof viewConfig.actions)[number], retryUncertain = false) => {
+    if (active.current && !retryUncertain) return;
+    if (retryUncertain) { clearActive(); setPending(null); }
+    const interactionId = crypto.randomUUID();
+    active.current = { eventType: action.eventType, interactionId, nonce: null };
+    setPending({ eventType: action.eventType, interactionId, nonce: "", status: "pending" }); setNotice(null);
+    try {
+      const receipt = emitConfiguredAction(bridge, action.eventType, action.payload, interactionId);
+      const current = active.current;
+      if (!current || current.interactionId !== receipt.interactionId) return;
+      current.nonce = receipt.nonce;
+      setPending({ eventType: action.eventType, interactionId: receipt.interactionId, nonce: receipt.nonce, status: "pending" });
+      setNotice("互动请求已发送。");
+      const early = buffered.current.get(receipt.nonce);
+      if (early) settle(early);
+      else timeout.current = setTimeout(() => settle({ interactionId: receipt.interactionId, nonce: receipt.nonce, status: "uncertain" }), 15_000);
+    } catch (reason) { clearActive(); setPending(null); setNotice(publicError(reason, "互动暂不可用") ?? "当前游戏暂不支持此互动。"); }
+  };
+  return <div className="chat-choice-list">{viewConfig.actions.map((action) => <button className="chat-button" key={action.eventType} type="button" disabled={pending !== null} onClick={() => run(action)}>{pending?.eventType === action.eventType && pending.status === "pending" ? "正在确认…" : action.label}</button>)}{pending?.status === "uncertain" && <button className="chat-button" type="button" onClick={() => { const action = viewConfig.actions.find((item) => item.eventType === pending.eventType); if (action) void run(action, true); }}>再次发送</button>}{notice && <p role="status">{notice}</p>}</div>;
+}
+
+
+function History({ bridge, initialMessages }: { bridge: ChatPlayConversationBridge; initialMessages: readonly ChatMessage[] }) {
+  const [query, setQuery] = useState("");
+  const [messages, setMessages] = useState(initialMessages);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  useEffect(() => setMessages(initialMessages), [initialMessages]);
+  const found = useMemo(() => messages.filter((message) => message.text.toLocaleLowerCase().includes(query.trim().toLocaleLowerCase())), [messages, query]);
+  const readEarlier = async () => {
+    const before = messages[0]?.id;
+    if (!before || loading) return;
+    setLoading(true); setError(null);
+    try {
+      const earlier = await bridge.listMessages({ before, limit: 80 });
+      setMessages((current) => Array.from(new Map([...earlier, ...current].map((message) => [message.id, message])).values()).sort((left, right) => left.ts - right.ts || left.id.localeCompare(right.id)));
+    } catch (reason) { setError(publicError(reason, "更早记录暂不可用") ?? "当前游戏未开放更早记录。"); }
+    finally { setLoading(false); }
+  };
+  return <div className="chat-choice-list"><label>搜索聊天记录<input value={query} onChange={(event) => setQuery(event.target.value)} placeholder="输入关键词" /></label>{found.length ? <ul className="chat-search-results">{found.map((message) => <li key={message.id}>{message.text}</li>)}</ul> : <p>没有匹配的记录。</p>}{messages.length > 0 && <button className="chat-button" type="button" disabled={loading} onClick={() => { void readEarlier(); }}>{loading ? "正在读取…" : "读取更早记录"}</button>}{error && <p className="chat-error" role="alert">{error}</p>}</div>;
+}
+
+function Worldlines({ bridge, initialCatalog, messages, onChanged }: { bridge: ChatPlayConversationBridge; initialCatalog: Awaited<ReturnType<ChatPlayConversationBridge["worldline"]["list"]>>; messages: readonly ChatMessage[]; onChanged: () => void }) {
+  const [catalog, setCatalog] = useState(initialCatalog);
+  const anchors = messages.filter((message) => message.role === "assistant");
+  const [anchor, setAnchor] = useState(anchors.at(-1)?.id ?? "");
+  const [title, setTitle] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const pending = useRef(false);
+  useEffect(() => { setCatalog(initialCatalog); }, [initialCatalog]);
+  useEffect(() => { if (!anchors.some((message) => message.id === anchor)) setAnchor(anchors.at(-1)?.id ?? ""); }, [anchor, anchors]);
+  const refreshCatalog = async () => setCatalog(await bridge.worldline.list());
+  const run = async (work: () => Promise<unknown>) => {
+    if (pending.current) return;
+    pending.current = true;
+    setBusy(true); setError(null);
+    try {
+      await work();
+      onChanged();
+      try { await refreshCatalog(); }
+      catch (reason) { setError(publicError(reason, "世界线目录刷新失败") ?? "世界线已切换，目录暂时无法刷新。"); }
+    }
+    catch (reason) { setError(publicError(reason, "世界线操作失败") ?? "当前游戏暂不支持世界线。"); }
+    finally { pending.current = false; setBusy(false); }
+  };
+  const depths = worldlineDepths(catalog);
+  return <div className="chat-choice-list">{error && <p className="chat-error" role="alert">{error}</p>}<ul className="chat-worldline-list">{catalog.worldlines.map((line) => <li key={line.worldlineId} style={{ paddingInlineStart: depths.get(line.worldlineId)! * 16 }}><button className="chat-button" type="button" disabled={busy || line.worldlineId === catalog.activeWorldlineId} onClick={() => { void run(() => bridge.worldline.activate(line.worldlineId)); }}><span>{line.title || "未命名世界线"}</span>{line.worldlineId === catalog.activeWorldlineId && <span className="chat-worldline-active">当前</span>}</button></li>)}</ul>{anchors.length > 0 ? <div className="chat-choice-list"><label>从这条记录分支<select value={anchor} onChange={(event) => setAnchor(event.target.value)}>{anchors.map((message) => <option key={message.id} value={message.id}>{message.text.slice(0, 48) || "空白记录"}</option>)}</select></label><label>分支名称<input value={title} onInput={(event) => setTitle(event.currentTarget.value)} onChange={(event) => setTitle(event.target.value)} placeholder="可选" /></label><button className="chat-button" type="button" disabled={busy || !anchor} onClick={() => { void run(() => bridge.worldline.fork(anchor, title.trim() || undefined)); }}>新建分支</button></div> : <p>收到故事回复后可创建分支。</p>}</div>;
+}
+
+function Asset({ bridge, asset, label }: { bridge: ChatPlayConversationBridge; asset: Awaited<ReturnType<ChatPlayConversationBridge["listAssets"]>>[number]; label: string }) {
+  const [url, setUrl] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [attempt, setAttempt] = useState(0);
+  useEffect(() => {
+    let active = true;
+    setUrl(null); setError(null);
+    void bridge.getAssetUrl(asset.id).then((next) => {
+      if (!active) return;
+      if (isSafeAssetUrl(next)) setUrl(next); else setError("资源地址不可用。");
+    }).catch((reason) => { if (active) setError(publicError(reason, "资源预览不可用") ?? "当前游戏未开放资源预览。"); });
+    return () => { active = false; };
+  }, [asset.id, attempt, bridge]);
+  const playable = asset.mime.startsWith("image/") || asset.mime.startsWith("audio/") || asset.mime.startsWith("video/");
+  const mediaFailed = () => { setUrl(null); setError("资源加载失败。"); };
+  const mediaLoaded = () => setError(null);
+  return <figure className="chat-gallery-item"><figcaption>{label}</figcaption>{error && <div><p className="chat-error" role="alert">{error}</p><button className="chat-button" type="button" onClick={() => setAttempt((value) => value + 1)}>重试预览</button></div>}{url && asset.mime.startsWith("image/") && <img src={url} alt={label} onLoad={mediaLoaded} onError={mediaFailed} />}{url && asset.mime.startsWith("audio/") && <audio controls src={url} onLoadedData={mediaLoaded} onError={mediaFailed} />}{url && asset.mime.startsWith("video/") && <video controls src={url} onLoadedData={mediaLoaded} onError={mediaFailed} />}{url && !playable && <p>此资源类型暂不支持预览。</p>}</figure>;
+}
+
+function assetLabels(assets: readonly Awaited<ReturnType<ChatPlayConversationBridge["listAssets"]>>[number][]): string[] {
+  const counts = new Map<string, number>();
+  return assets.map((asset) => {
+    const filename = visibleFilename(asset.filename);
+    if (filename && !isOpaqueAssetFilename(filename)) return filename;
+    const kind = resourceKind(asset.mime);
+    const index = (counts.get(kind) ?? 0) + 1;
+    counts.set(kind, index);
+    return kind + " " + index;
+  });
+}
+
+function ownedResourceRows(groups: readonly Awaited<ReturnType<ChatPlayConversationBridge["getOwnedResources"]>>[number][]) {
+  const counts = new Map<string, number>();
+  return groups.flatMap((group, groupIndex) => group.resources.map((item, resourceIndex) => {
+    const kind = resourceKind(item.type);
+    const filename = visibleFilename(item.uri);
+    if (filename && !isOpaqueAssetFilename(filename)) return { key: groupIndex + ":" + resourceIndex, kind, label: filename };
+    const index = (counts.get(kind) ?? 0) + 1;
+    counts.set(kind, index);
+    return { key: groupIndex + ":" + resourceIndex, kind, label: kind + " " + index };
+  }));
+}
+
+function visibleFilename(filename: string): string {
+  const raw = filename.split(/[?#]/u)[0] ?? "";
+  const leaf = raw.split(/[\\/]/u).filter(Boolean).at(-1) ?? "";
+  let decoded = leaf;
+  try { decoded = decodeURIComponent(leaf); } catch { /* Keep the raw leaf, then sanitize it below. */ }
+  return decoded.split(/[\\/]/u).filter(Boolean).at(-1)?.split(/[?#]/u)[0]?.replace(/[\u0000-\u001f\u007f]/gu, "").trim() ?? "";
+}
+function isOpaqueAssetFilename(filename: string): boolean {
+  const stem = filename.replace(/\.[^.]+$/u, "");
+  return /^(?:sha256[-_])?[a-f0-9]{32,128}$/iu.test(stem) || /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/iu.test(stem);
+}
+function resourceKind(value: string): string { const kind = value.toLowerCase(); if (kind.startsWith("image/") || kind.includes("image") || kind.includes("img")) return "图片"; if (kind.startsWith("audio/") || kind.includes("audio")) return "音频"; if (kind.startsWith("video/") || kind.includes("video")) return "视频"; return "资源"; }
+
+function worldlineDepths(catalog: Awaited<ReturnType<ChatPlayConversationBridge["worldline"]["list"]>>) {
+  const parents = new Map(catalog.worldlines.map((line) => [line.worldlineId, line.parentWorldlineId]));
+  const depths = new Map<string, number>();
+  for (const line of catalog.worldlines) {
+    let depth = 0; let current = line.parentWorldlineId; const seen = new Set<string>([line.worldlineId]);
+    while (current && !seen.has(current)) { seen.add(current); depth += 1; current = parents.get(current) ?? null; }
+    depths.set(line.worldlineId, Math.min(depth, 8));
+  }
+  return depths;
+}
+
+function customStateText(entry: unknown): string { return entry && typeof entry === "object" && "value" in entry ? displayValue((entry as { value: unknown }).value) : "暂不可用"; }
+function unlockText(entry: unknown): string { return entry && typeof entry === "object" && "unlocked" in entry ? (entry as { unlocked: boolean }).unlocked ? "已解锁" : "未解锁" : "暂不可用"; }
+function variableValue(variable: unknown): string { return variable && typeof variable === "object" && "value" in variable ? displayValue((variable as { value: unknown }).value) : displayValue(variable); }
+function displayValue(value: unknown): string { if (value === undefined) return "暂不可用"; if (value === null) return "无"; if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value); return "已设置"; }
+function isSafeAssetUrl(value: string): boolean { try { return ["blob:", "https:", "http:"].includes(new URL(value, window.location.href).protocol); } catch { return false; } }
+`;

package/dist/default-view/styles.d.ts

@@ -0,0 +1,2 @@
+/** sandbox iframe 内独立使用的玩家聊天样式，主题由宿主的 data-theme 同步。 */
+export declare const DEFAULT_CHAT_STYLES: string;

package/dist/default-view/styles.js

@@ -0,0 +1,125 @@
+/** sandbox iframe 内独立使用的玩家聊天样式，主题由宿主的 data-theme 同步。 */
+export const DEFAULT_CHAT_STYLES = String.raw `@layer reset, chat;
+@layer reset {
+  *, *::before, *::after { box-sizing: border-box; }
+  html, body, #root { width: 100%; min-width: 0; height: 100%; min-height: 0; margin: 0; }
+  body { overflow: hidden; }
+  button, textarea { font: inherit; }
+  button { color: inherit; }
+}
+@layer chat {
+  :root { font-family: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif; color-scheme: light; }
+  .chat-app {
+    --chat-accent: #0f6cbd; --chat-accent-hover: #005a9e; --chat-accent-soft: #e5f1fb;
+    --chat-canvas: #f7f8fa; --chat-surface: #fff; --chat-surface-raised: #fff; --chat-input: #fff;
+    --chat-hover: #edf1f6; --chat-border: #d9dee7; --chat-border-soft: #e8ebf0;
+    --chat-text: #1b1c1f; --chat-text-secondary: #4b5260; --chat-text-tertiary: #707784;
+    --chat-on-accent: #fff; --chat-danger: #b42318; --chat-danger-surface: #fff1f0;
+    --chat-shadow: 0 10px 28px rgb(29 41 57 / 12%), 0 2px 8px rgb(29 41 57 / 7%); --chat-shadow-soft: 0 2px 6px rgb(29 41 57 / 8%);
+    --chat-radius-window: 12px; --chat-radius-control: 8px; --chat-radius-bubble: 16px;
+    --chat-safe-top: env(safe-area-inset-top, 0px); --chat-safe-right: env(safe-area-inset-right, 0px); --chat-safe-bottom: env(safe-area-inset-bottom, 0px); --chat-safe-left: env(safe-area-inset-left, 0px);
+    display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; width: 100%; height: 100dvh; min-height: 0; overflow: hidden; color: var(--chat-text); background: var(--chat-canvas);
+  }
+  .chat-app[data-theme="dark"] {
+    --chat-accent: #60a5fa; --chat-accent-hover: #93c5fd; --chat-accent-soft: #1e3a5f;
+    --chat-canvas: #171a20; --chat-surface: #1b1f27; --chat-surface-raised: #232833; --chat-input: #202530;
+    --chat-hover: #292f3b; --chat-border: #3a4150; --chat-border-soft: #2c323d;
+    --chat-text: #f4f6f9; --chat-text-secondary: #c7ced9; --chat-text-tertiary: #929baa;
+    --chat-on-accent: #101827; --chat-danger: #ffb4ab; --chat-danger-surface: #54221f;
+    --chat-shadow: 0 14px 32px rgb(0 0 0 / 38%), 0 3px 9px rgb(0 0 0 / 22%); --chat-shadow-soft: 0 2px 6px rgb(0 0 0 / 24%);
+    color-scheme: dark;
+  }
+  .chat-main { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; width: 100%; height: 100%; min-height: 0; background: var(--chat-surface); }
+  .chat-header { display: flex; grid-row: 1; min-width: 0; min-height: 64px; align-items: center; justify-content: center; padding: 12px 24px; border-bottom: 1px solid var(--chat-border-soft); background: var(--chat-surface); }
+  .chat-scene-title { max-width: 900px; overflow: hidden; color: var(--chat-text); font-size: 16px; font-weight: 650; letter-spacing: -.01em; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
+  .chat-progress { width: min(160px, 24vw); height: 3px; margin-left: 12px; overflow: hidden; border-radius: 999px; background: var(--chat-border); }
+  .chat-progress > span { display: block; height: 100%; border-radius: inherit; background: var(--chat-accent); }
+  .chat-transcript { display: flex; grid-row: 3; width: min(100%, 900px); min-height: 0; margin: 0 auto; padding: 30px clamp(20px, 5vw, 56px); flex-direction: column; gap: 16px; overflow: auto; overscroll-behavior: contain; scroll-behavior: smooth; }
+  .chat-message { width: fit-content; max-width: min(78%, 720px); padding: 11px 14px; border: 1px solid var(--chat-border-soft); border-radius: var(--chat-radius-bubble) var(--chat-radius-bubble) var(--chat-radius-bubble) 4px; color: var(--chat-text); background: var(--chat-surface-raised); box-shadow: var(--chat-shadow-soft); }
+  .chat-message[data-role="user"] { align-self: flex-end; border-color: transparent; border-radius: var(--chat-radius-bubble) var(--chat-radius-bubble) 4px var(--chat-radius-bubble); color: var(--chat-on-accent); background: var(--chat-accent); }
+  .chat-message[data-role="assistant"] { align-self: flex-start; }
+  .chat-message[data-role="system"] { align-self: center; max-width: min(100%, 640px); padding: 8px 11px; border-radius: 8px; color: var(--chat-text-secondary); font-size: 13px; }
+  .chat-message-body { margin: 0; overflow-wrap: anywhere; font-size: 15px; line-height: 1.62; white-space: pre-wrap; }
+  .chat-message-body :where(pre, code) { max-width: 100%; overflow: auto; font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace; }
+  .chat-message-body pre { margin: 10px 0 0; padding: 12px; border: 1px solid var(--chat-border); border-radius: 8px; background: var(--chat-surface); white-space: pre; }
+  .chat-message[data-role="user"] .chat-message-body pre { border-color: rgb(255 255 255 / 26%); color: var(--chat-on-accent); background: rgb(0 0 0 / 14%); }
+  .chat-empty { display: grid; min-height: 100%; place-content: center; gap: 9px; padding: 24px; color: var(--chat-text-tertiary); text-align: center; }
+  .chat-empty-illustration { width: 44px; height: 44px; margin: 0 auto 6px; fill: none; stroke: var(--chat-accent); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
+  .chat-empty h2 { margin: 0; color: var(--chat-text); font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
+  .chat-empty p { max-width: 310px; margin: 0; line-height: 1.55; }
+  .chat-app > .chat-error, .chat-app > .chat-status[role="status"], .chat-main > .chat-error, .chat-main > .chat-status[role="status"] { grid-row: 2; width: min(900px, calc(100% - 40px)); min-height: 0; margin: 12px auto 0; padding: 10px 12px; border: 1px solid var(--chat-border-soft); border-radius: 8px; color: var(--chat-text-secondary); background: var(--chat-surface-raised); font-size: 13px; line-height: 1.45; }
+  .chat-error { border-color: var(--chat-danger); color: var(--chat-danger); background: var(--chat-danger-surface); }
+  .chat-composer { position: sticky; bottom: 0; display: flex; grid-row: 4; width: 100%; min-width: 0; align-items: flex-end; justify-content: center; gap: 10px; padding: 14px max(24px, calc((100% - 900px) / 2)) 24px; border-top: 1px solid var(--chat-border-soft); background: var(--chat-surface); }
+  .chat-input { width: min(100%, 760px); max-height: 160px; resize: none; padding: 11px 13px; border: 1px solid var(--chat-border); border-radius: var(--chat-radius-control); outline: 0; color: var(--chat-text); background: var(--chat-input); font-size: 15px; line-height: 1.45; }
+  .chat-input::placeholder { color: var(--chat-text-tertiary); opacity: 1; }
+  .chat-input:hover { border-color: var(--chat-text-tertiary); }
+  .chat-input:focus { border-color: var(--chat-accent); box-shadow: 0 0 0 3px var(--chat-accent-soft); }
+  .chat-fab-row { position: relative; display: flex; flex: 0 0 auto; align-items: flex-end; gap: 8px; }
+  .chat-fab, .chat-panel-close, .chat-retry, .chat-fab-option { border: 0; cursor: pointer; touch-action: manipulation; transition: transform 140ms ease, background-color 140ms ease, color 140ms ease, border-color 140ms ease, opacity 140ms ease; }
+  .chat-fab { display: inline-grid; width: 44px; min-width: 44px; height: 44px; flex: 0 0 44px; place-items: center; padding: 0; border: 1px solid var(--chat-border); border-radius: 50%; color: var(--chat-text-secondary); background: var(--chat-surface); }
+  .chat-fab-add { background: transparent; }
+  .chat-fab-send { border-color: var(--chat-accent); color: var(--chat-on-accent); background: var(--chat-accent); }
+  .chat-fab:hover:not(:disabled) { background: var(--chat-hover); }
+  .chat-fab-send:hover:not(:disabled) { background: var(--chat-accent-hover); }
+  .chat-fab:disabled { cursor: not-allowed; opacity: .48; }
+  .chat-fab svg, .chat-fab-option svg, .chat-panel-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
+  .chat-fab:active:not(:disabled), .chat-fab-option:active, .chat-panel-close:active { transform: scale(.96); }
+  .chat-fab-menu { position: absolute; left: 0; bottom: calc(100% + 10px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; width: min(480px, calc(100vw - 48px)); max-height: min(360px, calc(100dvh - 176px)); padding: 14px 12px; overflow: auto; border: 1px solid var(--chat-border); border-radius: 10px; background: var(--chat-surface-raised); box-shadow: var(--chat-shadow); }
+  .chat-fab-menu[aria-expanded="false"] { display: none; }
+  .chat-fab-option { display: grid; min-width: 0; min-height: 78px; place-items: center; gap: 5px; padding: 2px; border-radius: 8px; color: var(--chat-text-secondary); background: transparent; text-align: center; }
+  .chat-fab-option:hover { color: var(--chat-text); background: var(--chat-hover); }
+  .chat-fab-option-icon { display: inline-grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; color: var(--chat-on-accent); background: var(--chat-accent); }
+  .chat-fab-option:hover .chat-fab-option-icon { background: var(--chat-accent-hover); }
+  .chat-fab-option svg { width: 20px; height: 20px; color: inherit; }
+  .chat-fab-option-label { display: block; width: 100%; overflow: hidden; font-size: 12px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
+  .chat-panel-overlay { position: fixed; z-index: 4; inset: 0; background: rgb(0 0 0 / 18%); }
+  .chat-app[data-theme="dark"] .chat-panel-overlay { background: rgb(0 0 0 / 35%); }
+  .chat-player-panel { position: fixed; z-index: 5; top: 76px; right: max(20px, calc((100vw - 980px) / 2)); width: min(380px, calc(100vw - 40px)); max-height: min(620px, calc(100dvh - 100px)); overflow: auto; border: 1px solid var(--chat-border); border-radius: var(--chat-radius-window); background: var(--chat-surface-raised); box-shadow: var(--chat-shadow); }
+  .chat-panel-header { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 16px; border-bottom: 1px solid var(--chat-border-soft); color: var(--chat-text); font-size: 14px; font-weight: 650; }
+  .chat-panel-close { display: inline-grid; width: 36px; height: 36px; place-items: center; padding: 0; border-radius: 8px; color: var(--chat-text-secondary); background: transparent; }
+  .chat-panel-close:hover { color: var(--chat-text); background: var(--chat-hover); }
+  .chat-panel-content { padding: 14px 16px 18px; color: var(--chat-text-secondary); font-size: 14px; line-height: 1.5; }
+  .chat-panel-content :where(h2, h3) { margin: 0 0 10px; color: var(--chat-text); font-size: 14px; }
+  .chat-panel-content p { margin: 7px 0 0; }
+  .chat-panel-content :where(input, select) { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--chat-border); border-radius: 8px; color: var(--chat-text); background: var(--chat-input); font: inherit; }
+  .chat-panel-content :where(input, select):focus { border-color: var(--chat-accent); outline: 0; box-shadow: 0 0 0 3px var(--chat-accent-soft); }
+  .chat-detail-list, .chat-search-results, .chat-worldline-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
+  .chat-detail-list li, .chat-search-results li, .chat-worldline-list li { min-width: 0; padding: 9px 10px; border: 1px solid var(--chat-border-soft); border-radius: 8px; color: var(--chat-text-secondary); overflow-wrap: anywhere; }
+  .chat-search-results li { background: var(--chat-surface); }
+  .chat-worldline-list li { background: var(--chat-surface); }
+  .chat-worldline-active { border-color: var(--chat-accent) !important; color: var(--chat-accent) !important; background: var(--chat-accent-soft) !important; font-weight: 650; }
+  .chat-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
+  .chat-gallery-item { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--chat-border-soft); border-radius: 8px; background: var(--chat-surface); }
+  .chat-gallery-item :where(img, video, audio) { display: block; width: 100%; max-width: 100%; max-height: 150px; object-fit: cover; }
+  .chat-gallery-item figcaption { padding: 7px 8px; overflow: hidden; color: var(--chat-text-secondary); font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
+  .chat-choice-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
+  .chat-choice-list label { display: grid; gap: 5px; color: var(--chat-text-secondary); font-size: 13px; }
+  .chat-choice-list button, .chat-panel-content .chat-button { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid var(--chat-border); border-radius: 8px; color: var(--chat-text); background: var(--chat-surface); text-align: left; cursor: pointer; }
+  .chat-choice-list button:hover, .chat-panel-content .chat-button:hover { border-color: var(--chat-accent); background: var(--chat-accent-soft); }
+  :where(.chat-app) :where(button, textarea):focus-visible { outline: 3px solid var(--chat-accent-soft); outline-offset: 2px; }
+  @media (max-width: 720px) {
+    .chat-app { --chat-radius-control: 16px; --chat-radius-bubble: 18px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif; }
+    .chat-header { min-height: calc(52px + var(--chat-safe-top)); padding: calc(8px + var(--chat-safe-top)) calc(16px + var(--chat-safe-right)) 8px calc(16px + var(--chat-safe-left)); }
+    .chat-scene-title { font-size: 17px; }
+    .chat-progress { display: none; }
+    .chat-transcript { width: 100%; gap: 14px; padding: 22px 16px 12px; }
+    .chat-message { max-width: 90%; padding: 11px 13px; }
+    .chat-message-body { font-size: 16px; line-height: 1.58; }
+    .chat-app > .chat-error, .chat-app > .chat-status[role="status"], .chat-main > .chat-error, .chat-main > .chat-status[role="status"] { grid-row: 2; width: calc(100% - 24px); margin-top: 8px; }
+    .chat-composer { gap: 8px; padding: 10px calc(12px + var(--chat-safe-right)) calc(10px + var(--chat-safe-bottom)) calc(12px + var(--chat-safe-left)); }
+    .chat-composer { background: rgb(255 255 255 / 82%); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); }
+    .chat-app[data-theme="dark"] .chat-composer { background: rgb(27 31 39 / 84%); }
+    .chat-input, .chat-panel-content :where(input, select) { font-size: 16px; }
+    .chat-fab { width: 46px; min-width: 46px; height: 46px; flex-basis: 46px; }
+    .chat-fab-menu { left: 0; width: min(480px, calc(100vw - 24px)); max-height: min(360px, calc(100dvh - 164px)); padding: 12px 8px; background: rgb(255 255 255 / 86%); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); }
+    .chat-app[data-theme="dark"] .chat-fab-menu { background: rgb(35 40 51 / 86%); }
+    .chat-player-panel { top: calc(8px + var(--chat-safe-top)); right: calc(12px + var(--chat-safe-right)); width: calc(100vw - 24px - var(--chat-safe-left) - var(--chat-safe-right)); max-height: calc(100dvh - 16px - var(--chat-safe-top) - var(--chat-safe-bottom)); border-radius: 18px; background: rgb(255 255 255 / 88%); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); }
+    .chat-app[data-theme="dark"] .chat-player-panel { background: rgb(35 40 51 / 89%); }
+    .chat-panel-close { width: 44px; height: 44px; border-radius: 50%; }
+  }
+  @media (max-width: 720px) and (orientation: landscape) { .chat-header { min-height: calc(44px + var(--chat-safe-top)); padding-top: calc(4px + var(--chat-safe-top)); padding-bottom: 4px; } .chat-transcript { padding-top: 14px; } .chat-player-panel { top: calc(4px + var(--chat-safe-top)); max-height: calc(100dvh - 8px - var(--chat-safe-top) - var(--chat-safe-bottom)); } }
+  @media (max-width: 720px) and (prefers-reduced-transparency: reduce) { .chat-composer, .chat-fab-menu, .chat-player-panel { background: var(--chat-surface-raised); -webkit-backdrop-filter: none; backdrop-filter: none; } }
+  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 1ms !important; } }
+  @media (forced-colors: active) { .chat-app { --chat-accent: Highlight; --chat-accent-hover: Highlight; --chat-accent-soft: Canvas; --chat-canvas: Canvas; --chat-surface: Canvas; --chat-surface-raised: Canvas; --chat-input: Field; --chat-border: CanvasText; --chat-border-soft: CanvasText; --chat-text: CanvasText; --chat-text-secondary: CanvasText; --chat-text-tertiary: GrayText; --chat-on-accent: HighlightText; --chat-danger: CanvasText; --chat-danger-surface: Canvas; } .chat-composer, .chat-fab-menu, .chat-player-panel { background: Canvas; -webkit-backdrop-filter: none; backdrop-filter: none; } .chat-fab-send, .chat-message[data-role="user"] { forced-color-adjust: none; color: HighlightText; background: Highlight; } }
+}
+`;

package/dist/errors.d.ts

@@ -0,0 +1,5 @@
+export type ProjectInitializationErrorCode = "E_TARGET_NOT_EMPTY" | "E_TARGET_INVALID" | "E_PACKAGE_SOURCE_INVALID" | "E_DEPENDENCY_INSTALL_FAILED" | "E_INITIALIZATION_VERIFY_FAILED";
+export declare class ProjectInitializationError extends Error {
+    readonly code: ProjectInitializationErrorCode;
+    constructor(code: ProjectInitializationErrorCode, message: string);
+}

package/dist/errors.js

@@ -0,0 +1,8 @@
+export class ProjectInitializationError extends Error {
+    code;
+    constructor(code, message) {
+        super(message);
+        this.name = "ProjectInitializationError";
+        this.code = code;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./errors.js";
+export * from "./initialize.js";
+export { AUTHOR_PROJECT_VITE_VERSION, AUTHOR_PROJECT_WORKER_FORMAT } from "./template.js";

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./errors.js";
+export * from "./initialize.js";
+export { AUTHOR_PROJECT_VITE_VERSION, AUTHOR_PROJECT_WORKER_FORMAT } from "./template.js";