@xia-sc/dsh-cc-studio 0.3.2

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@xia-sc/dsh-cc-studio",
+  "version": "0.3.2",
+  "description": "CCv3 角色卡工坊：融合工坊 + CC 模式 + JSON/PNG/CHARX + 中英双语（跟随全局）",
+  "keywords": [
+    "dsh",
+    "dsh-plugin",
+    "deepseek-harness",
+    "character-card",
+    "ccv3",
+    "charx",
+    "sillytavern",
+    "worldbook"
+  ],
+  "homepage": "https://github.com/xia-sc/dsh-cc-studio#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xia-sc/dsh-cc-studio.git"
+  },
+  "bugs": {
+    "url": "https://github.com/xia-sc/dsh-cc-studio/issues"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "lib/index.js",
+  "exports": {
+    ".": "./lib/index.js",
+    "./client": "./lib/client.js",
+    "./agent": "./lib/agent.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib",
+    "cordis.patch.yml",
+    "prototypes",
+    "presets"
+  ],
+  "scripts": {
+    "test": "node tests/rpc-channel.test.mjs && node tests/preset-install.test.mjs && node tests/cc-detection.test.mjs && node tests/client-greetings.test.mjs",
+    "prepublishOnly": "npm test"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "platform": "web",
+      "inject": [
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-conversation",
+        "@deepseek-ai/dsh-client-ui-layout"
+      ]
+    }
+  },
+  "dependencies": {
+    "@deepseek-ai/cordis": "^4.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/presets/cc/agent.cordis.yml

@@ -0,0 +1,278 @@
+# The `standard` agent preset: the full coding agent, mounted once per process.
+#
+# This file is an AGENT-PLANE composition. The roster mounts it ONCE under a
+# standing scope; every session naming it joins by scope parentage, so the
+# tools and prompt sections registered here cover each joined agent while a
+# session's own state stays keyed per Session/Agent inside the plugins. The
+# host composition (`base.cordis.yml` + `web.cordis.yml`) keeps everything a
+# preset must not own: the registries themselves, the sandbox and approval
+# stack, persistence, and the model route.
+#
+# A service row here MUST sit inside a group carrying an `isolate` realm.
+# Without one it publishes into the root realm, where it is process-global —
+# another preset publishing the same name collides, and a host reader would
+# resolve one preset's instance for every session; `dsh-agent-presets` rejects
+# that at mount. `true` means an entry-local realm: this standing mount's own
+# private instance, apart from every other preset's. (A shared label does NOT
+# pool instances — `provide()` throws on the second registration under the
+# same realm symbol; labels join REALMS, and are not what this file needs.)
+
+# ── identity ────────────────────────────────────────────────────────────────
+
+# The preset's own persona, shadowing the deployment default for this agent.
+# dsh >= 0.1.5-rc.1: the persona row takes `prefix` (required) + optional `suffix`
+# — the old `text` key was replaced and now fails the config schema.
+# `{{model}}` and `{{cwd}}` resolve from the agent's own route and workspace.
+- id: persona
+  name: '@deepseek-ai/dsh-persona'
+  config:
+    prefix: |
+      你是 CC 角色卡工坊的专属引导员（CC 模式），模型 {{model}}，工作目录 {{cwd}}。
+      你的唯一任务是把用户的一句话点子变成可导入 SillyTavern / Risu 的完整 CCv3 卡（spec: chara_card_v3）。
+      必须走完强制工作流，不可偷懒跳过 5 维世界观和世界书：
+      1) cc_get_card — 先看草稿，告诉用户还缺什么
+      2) cc_patch_character — 补 name/nickname/description/personality/scenario/tags（至少 description/personality/scenario 非空，tags 同步胶囊风格标签）
+      3) cc_patch_world — 补五维 timeline/factions/geo/power/daily，至少填 3 项，autoLorebook=true 自动生成带 @@decorator 的基础条目
+      4) cc_add_lorebook_entries — 再补到至少 5 条，覆盖年表/势力/地理/力量/日常各 1，至少 1 条 constant，content 头部写 @@position/@@depth/@@activate 等，支持 CBS 占位符（双花括号的 char / random / roll 形式）
+      5) cc_patch_greetings — 补 first_mes、alternate_greetings(≥2)、group_only_greetings(≥1 必填)、mes_example
+      6) cc_validate — 必须调且 valid=true 才算完成，否则按返回的 errors/warnings 继续补；通过后提醒用户在工坊点“导出 JSON”或“★ 保存到侧边栏”（落盘 ~/.dsh/cc-library）
+
+      规则：每次对话只追问 1-2 个薄弱点，问完立刻调工具写入；用户说“随便/跳过”也要你合理推断补全，不能留空；严禁跳过 3/4 步直接做问候语；每调一次工具要简要总结“已写入 X，下一步 Y”，并让胶囊实时同步；结束前必须 cc_validate。
+
+- id: agent-instructions
+  name: '@deepseek-ai/dsh-agent-instructions'
+  config:
+    maxBytes: 65536
+
+# ── shell ───────────────────────────────────────────────────────────────────
+
+# `shell-env` stays in the HOST composition: `apps/cli/src/web.ts` injects it to
+# publish `DSH_WEB_URL`/`DSH_WEB_MODE`, and a host row that injects a service is
+# the criterion for host-plane ownership — injection resolves before any session
+# exists, so there is no agent to key by. Behind a preset realm those variables
+# never reached the model's shell at all. Both shell tools consume the host
+# registry from here; their executors (`bash-sandbox`/`pwsh-sandbox`) are
+# host-plane too.
+- id: tool-bash
+  name: '@deepseek-ai/dsh-tool-bash'
+  disabled: !!js process.platform === 'win32'
+
+- id: tool-pwsh
+  name: '@deepseek-ai/dsh-tool-pwsh'
+  disabled: !!js process.platform !== 'win32'
+
+# ── filesystem ──────────────────────────────────────────────────────────────
+
+# Both register into the host `tools` registry and provide nothing, so
+# they need no realm. The `fs` service and its policy stay in the host.
+- id: tool-fs
+  name: '@deepseek-ai/dsh-tool-fs'
+
+- id: tool-fs-search
+  name: '@deepseek-ai/dsh-tool-fs-search'
+  config:
+    sampleOverCapGlobResults: false
+
+# ── background jobs ────────────────────────────────────────────────────────
+
+# Only the model-facing controls. The task REGISTRY stays on the host plane:
+# its producers sit outside any realm this file could put it in — `tool-bash`
+# above resolves it with `ctx.get`, and an entry-local realm here is invisible
+# to every sibling row, so `run_in_background` would answer "background jobs
+# unavailable" while these controls sat in the catalog. The registry is keyed by
+# owning agent anyway, so one host instance serves every session. What a preset
+# chooses is whether its agent can collect and stop background work at all.
+- id: tool-jobs
+  name: '@deepseek-ai/dsh-tool-jobs'
+
+# ── skills ──────────────────────────────────────────────────────────────────
+
+# The skill REGISTRY lives in the host composition and is layered per scope:
+# these rows register into THIS preset's layer of it, so they need no realm.
+# `skill-filesystem` contributes local-root discovery for agents on this preset, and
+# `tool-skill` gives them the catalog and loader; the merged catalog also
+# carries whatever the deployment registered globally (repository plugins).
+- id: skill-filesystem
+  name: '@deepseek-ai/dsh-skill-filesystem'
+  disabled: true
+
+- id: tool-skill
+  name: '@deepseek-ai/dsh-tool-skill'
+  disabled: true
+
+# ── goals ───────────────────────────────────────────────────────────────────
+
+# Only the model-facing tool. The goal SERVICE, its session driver, and the
+# `/goal` command stay on the host plane: the Gateway serves the goal domain as
+# Remote endpoints whose receiver comes from a generated descriptor, so it
+# resolves `goals` on the host and an entry-local realm here would hide it. The
+# registry is keyed by session anyway, so one host instance serves every
+# session. What a preset chooses is whether its agent can call the goal tool.
+- id: tool-goal
+  name: '@deepseek-ai/dsh-tool-goal'
+
+# ── plan mode ───────────────────────────────────────────────────────────────
+
+# Plan state is per-agent by nature, so an entry-local realm is not a
+# workaround here — it is the correct lifetime.
+- id: planning
+  name: cordis:group
+  group: true
+  isolate:
+    planMode: true
+  config:
+    - id: plan-mode
+      name: '@deepseek-ai/dsh-plan-mode'
+      config:
+        section: |
+              You are in plan mode. Stay in plan mode until exit_plan_mode succeeds or the user switches the session mode. Imperative language to implement changes means plan the implementation, not execute it. A user's conversational agreement — including an answer confirming something you asked — approves nothing and does not end plan mode; fold the confirmed decision into the plan and submit it through exit_plan_mode.
+
+              Explore first. Use non-mutating reads, searches, static analysis, and checks to ground the plan in the actual repository. Do not edit or write files, change configuration, run formatters or code generation that rewrites tracked files, commit, or otherwise carry out the plan. Prefer existing functions and patterns over new machinery.
+
+              The tool catalog stays the same across modes for request-cache stability. These plan-mode rules override any later tool description or guidance that suggests using mutation tools; those tools remain listed to keep the tool catalog unchanged. Do not use todo_write to track this planning phase: it tracks implementation after an approved plan, while the plan itself belongs in exit_plan_mode.
+
+              Resolve discoverable facts by inspection. Use ask_user_question only for user-owned choices or material ambiguity that inspection cannot answer. Do not ask the user where code lives or how current behavior works when you can find out.
+
+              Make the plan decision-complete: state the goal and success criteria; group implementation changes by subsystem; identify public API, schema, and data-flow changes; cover edge cases, failure modes, tests, acceptance criteria, and explicit assumptions. Keep it concise enough to review but detailed enough that another engineer can implement it without making design decisions.
+
+              When ready, call exit_plan_mode with the complete plan markdown, starting with a # title. Make exit_plan_mode the only and final tool call in that assistant response: it presents the plan for approval, and implementation begins only in a later step after approval. Do not paste the final plan as a plain reply or ask "should I proceed?" through prose or ask_user_question. If review rejects it, incorporate the feedback and present again. If the review channel is unavailable or aborted, stay in plan mode and ask the user to switch modes manually; do not proceed with implementation.
+
+# ── compaction ──────────────────────────────────────────────────────────────
+
+# `compaction-basic` reads `toolResultPrune` through `ctx.get`, so the pruner must
+# share this realm rather than sit outside it.
+#
+# `tokenMeter` is deliberately NOT in this realm: the meter stays on the HOST
+# plane, and the rows here resolve that one instance. It takes no configuration,
+# keys every fold by Session, and owns the context-meter projection units the
+# browser reads for every session — behind a realm those units would come and go
+# with whichever presets happen to be mounted. What a preset chooses is whether
+# its agent compacts at all, which is `compaction-basic` below.
+- id: compaction
+  name: cordis:group
+  group: true
+  isolate:
+    compaction: true
+    toolResultPruner: true
+  config:
+    - id: compaction-basic
+      name: '@deepseek-ai/dsh-compaction-basic'
+
+    - id: command-compact
+      name: '@deepseek-ai/dsh-command-compact'
+
+    - id: tool-result-pruner
+      name: '@deepseek-ai/dsh-compaction-tool-result-pruner'
+      config:
+        thresholdChars: 8192
+        headChars: 4096
+        tailChars: 1024
+
+# ── delegation and workflows ────────────────────────────────────────────────
+
+# The `subagents` registry and its spawn/fork backends live in the HOST
+# composition: the registry is a process singleton whose cross-session queries
+# the api-proxy serves to the browser, and a provider name may only be
+# registered once. This preset contributes the delegation TOOLS, which resolve
+# that host registry.
+#
+# `workflows` is different — nothing outside an agent reads it — so every row
+# that reaches it shares one entry-local realm here, and a consumer left
+# outside would resolve a host registry this preset does not populate.
+#
+# `tool-subagent-report` is host-plane for the same reason as the registry,
+# not because a preset may not want it: it registers a CONTINUABLE SETUP on
+# that singleton rather than a tool this agent calls, and the setup list is
+# not scope-aware — one copy per mounted preset means every child gets
+# `report` registered once per live session, which throws on the second.
+- id: delegation
+  name: cordis:group
+  group: true
+  isolate:
+    workflowEngine: true
+  config:
+    - id: tool-subagent-control
+      name: '@deepseek-ai/dsh-tool-subagent-control'
+
+    - id: tool-subagent-list-agents
+      name: '@deepseek-ai/dsh-tool-subagent-control/list-agents'
+
+    - id: tool-subagent
+      name: '@deepseek-ai/dsh-tool-subagent'
+      config:
+        provider: spawn
+        toolName: subagent
+        backgroundMode: continuable
+
+    - id: tool-subagent-fork
+      name: '@deepseek-ai/dsh-tool-subagent'
+      config:
+        provider: fork
+        toolName: subagent_fork
+        backgroundMode: continuable
+
+    # Production dsh does not install these optional providers. Install the
+    # matching Bundle in this Profile and restart the Host, then copy this
+    # preset and remove `disabled` from the matching tool row. Host availability
+    # alone grants no tool.
+    - id: tool-subagent-codex
+      name: '@deepseek-ai/dsh-tool-subagent'
+      disabled: true
+      config:
+        provider: codex
+        toolName: subagent_codex
+        backgroundMode: one-shot
+        maxDepth: provider-managed
+
+    - id: tool-subagent-claude-code
+      name: '@deepseek-ai/dsh-tool-subagent'
+      disabled: true
+      config:
+        provider: claude-code
+        toolName: subagent_claude_code
+        backgroundMode: one-shot
+        maxDepth: provider-managed
+
+    # dsh 0.1.6-alpha.1: `dsh-workflow-worker-thread` is gone from the release;
+    # the workflow engine is now `dsh-workflow-ptc` (sandboxed Node PTC runtime,
+    # host row `ptc-runtime` → `dsh-ptc-runtime-node`). Preset health check
+    # (`unresolvableRows`) rejects any started row whose package cannot be
+    # resolved, so the old name marks the WHOLE preset broken — unselectable in
+    # the roster. Keep this in sync with the shipped `standard` preset.
+    - id: workflow-ptc
+      name: '@deepseek-ai/dsh-workflow-ptc'
+      config:
+        provider: spawn
+
+    - id: tool-workflow
+      name: '@deepseek-ai/dsh-tool-workflow'
+
+    - id: tool-ralph
+      name: '@deepseek-ai/dsh-tool-ralph'
+      config:
+        subagentProvider: spawn
+        maxRounds: 64
+
+# ── remaining model-facing rows ─────────────────────────────────────────────
+
+- id: tool-ask-user
+  name: '@deepseek-ai/dsh-tool-ask-user'
+
+- id: tool-todo
+  name: '@deepseek-ai/dsh-tool-todo'
+  config:
+    allowParallelInProgress: true
+
+# The `web` service and its search provider stay in the host composition; only
+# the model-facing tool is per-session.
+- id: tool-web
+  name: '@deepseek-ai/dsh-tool-web'
+  config:
+    fetch: false
+    searchTimeoutMs: 60000
+
+# ── CC 角色卡工坊（CC 模式专用） ───────────────────────────────────
+- id: cc-agent
+  name: '@xia-sc/dsh-cc-studio/agent'
+
+

package/presets/cc/preset.yml

@@ -0,0 +1,2 @@
+name: CC 模式
+description: CCv3 角色卡工坊 — LLM 通过 6 个 Tool 引导填表（cc_get_card / cc_patch_character / cc_patch_world / cc_add_lorebook_entries / cc_patch_greetings / cc_validate），胶囊实时同步，工坊全屏编辑，导出 chara_card_v3。

package/prototypes/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="zh-CN"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>dsh-cc-studio 原型总览</title>
+<style>body{margin:0;font:14px/1.6 system-ui;background:#0b0d11;color:#e6e8ee} a{color:#7c5cff} .wrap{max-width:900px;margin:40px auto;padding:0 16px} .card{background:#171a21;border:1px solid #262c3a;border-radius:14px;padding:16px;margin-bottom:16px} .btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#7c5cff;color:white;text-decoration:none;font-weight:700;margin-right:8px} .btn.ghost{background:transparent;border:1px solid #262c3a;color:#e6e8ee} code{background:#0f1218;border:1px solid #262c3a;padding:2px 6px;border-radius:6px}</style></head>
+<body><div class="wrap">
+<h1>🎭 dsh-cc-studio · 原型对比</h1>
+<p style="color:#9aa3b8">Q1 的 A/B 两个可交互 H5 已生成，直接点开看效果（本地文件即可，或用 <code>file://</code> 打开）。Q2=B（五维深挖）、Q3=dsh-cc-studio、Q4=首版仅 JSON 已锁定。</p>
+<div class="card"><h3 style="margin:0 0 8px">原型 A — 轻量浮层</h3><p style="color:#9aa3b8">平时只占输入框上方一行胶囊，点开全屏工坊。适合沉浸式一次性做完。</p><a class="btn" href="./prototype-a.html" target="_blank">打开原型 A</a><span style="color:#9aa3b8">文件：<code>E:\dsh\plugin\dsh-cc-studio\prototypes\prototype-a.html</code></span></div>
+<div class="card"><h3 style="margin:0 0 8px">原型 B — 侧边常驻 + 浮层双形态</h3><p style="color:#9aa3b8">左侧 320px 常驻工坊（进度/5维快览/世界书快切/校验），中间照常聊天，右侧实时 JSON + 小助手。浮层仍保留用于沉浸式编辑。适合边聊边改。</p><a class="btn" href="./prototype-b.html" target="_blank">打开原型 B</a><span style="color:#9aa3b8">文件：<code>E:\dsh\plugin\dsh-cc-studio\prototypes\prototype-b.html</code></span></div>
+<div class="card"><h3>下一步</h3><ol><li>你在这两个页面里点一点，感受一下 A 的“干净” vs B 的“边聊边改”。</li><li>回复一句 <b>“定 A”</b> 或 <b>“定 B”</b> 或 <b>“都要 / 融合”</b>，我立刻按定版开写 <code>dsh-cc-studio</code> 真插件（<code>package.json/cordis.patch.yml/lib/index.js/lib/client.js</code>），首版先跑通 JSON 导出。</li></ol></div>
+<div class="card" style="background:#0f1218"><h4 style="margin:0 0 8px">已锁定的实现基线</h4><ul style="margin:0;color:#cbd5f0"><li>5维问卷：年表 / 势力 / 地理 / 力量体系 / 日常细节 → 一键生成带 <code>@@position/@@depth/@@activate</code> 的 Lorebook</li><li>CCv3 全字段表单 + Lorebook Decorator 可视化 + CBS 自动补全 + 实时校验</li><li>Host: <code>ctx.llm.stream</code> 透传 + <code>fs</code> 校验；Client: <code>shell.overlay + conversation.input.dock + settings.section</code></li><li>首版导出：<code>card.json</code>（<code>spec: chara_card_v3</code>），CHARX/PNG 二期</li></ul></div>
+</div></body></html>

package/prototypes/prototype-a.html

@@ -0,0 +1,246 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8"/>
+<meta name="viewport" content="width=device-width,initial-scale=1"/>
+<title>原型A · 轻量浮层工坊 — dsh-cc-studio</title>
+<style>
+  :root{--bg:#0f1115;--panel:#171a21;--panel2:#1e232e;--line:#262c3a;--text:#e6e8ee;--muted:#9aa3b8;--acc:#7c5cff;--acc2:#2ee6a6;--warn:#ff6b6b;--radius:14px}
+  *{box-sizing:border-box} html,body{height:100%} body{margin:0;background:#0b0d11;color:var(--text);font:14px/1.6 ui-sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
+  a{color:var(--acc)}
+  .topbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:#0f1218;position:sticky;top:0;z-index:5}
+  .topbar .brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.2px}
+  .pill{padding:4px 8px;border-radius:999px;background:#1a1f2e;border:1px solid #2a3350;color:#aeb8d4;font-size:12px}
+  .shell{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 44px)}
+  .sidebar{border-right:1px solid var(--line);background:#0f1218;padding:14px;display:flex;flex-direction:column;gap:14px}
+  .side-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}
+  .side-card h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
+  .conv{padding:16px;display:flex;flex-direction:column;gap:16px;background: radial-gradient(1200px 600px at 30% -10%, #1a1f3a 0, transparent 60%), linear-gradient(180deg,#0d0f14,#0b0d11)}
+  .msg{max-width:760px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
+  .msg.user{margin-left:auto;background:#1a1d27;border-color:#2a3147}
+  .msg .role{font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:.06em}
+  .composer{position:sticky;bottom:0;background:linear-gradient(180deg, transparent, #0b0d11 28%);padding:12px 0 16px}
+  .dock{max-width:760px;margin:0 auto 8px;display:flex;gap:8px;align-items:center}
+  .capsule{appearance:none;border:1px solid #2d3655;background:#171c2e;color:#c8d1ec;border-radius:999px;padding:6px 12px;font-size:12px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;transition:.15s}
+  .capsule:hover{border-color:#3a4670;background:#1c2240;transform:translateY(-1px)}
+  .capsule .dot{width:7px;height:7px;border-radius:50%;background:var(--acc2);box-shadow:0 0 10px var(--acc2)}
+  .inputbar{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;gap:10px;align-items:flex-end}
+  .inputbar textarea{flex:1;min-height:44px;max-height:120px;resize:none;background:#0f1218;border:1px solid #242b3d;border-radius:10px;padding:10px 12px;color:var(--text);outline:none}
+  .btn{appearance:none;border:1px solid transparent;background:var(--acc);color:white;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}
+  .btn.ghost{background:transparent;border-color:var(--line);color:var(--text)}
+  .btn.small{padding:6px 10px;font-size:12px;border-radius:8px}
+  /* overlay */
+  .overlay{position:fixed;inset:0;background:rgba(3,6,12,.62);backdrop-filter: blur(8px);display:none;align-items:center;justify-content:center;padding:18px;z-index:30}
+  .overlay.open{display:flex}
+  .workshop{width:min(1280px, 96vw);height:min(860px, 92vh);background:linear-gradient(180deg,#171c2a,#11141d);border:1px solid #2a324b;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 80px rgba(0,0,0,.55)}
+  .ws-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #242d47;background:#131827}
+  .steps{display:flex;gap:6px;align-items:center}
+  .step{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #2a334e;color:var(--muted);background:#0f1422}
+  .step.active{background:var(--acc);border-color:var(--acc);color:white;box-shadow:0 6px 16px rgba(124,92,255,.35)}
+  .ws-body{flex:1;display:grid;grid-template-columns:220px 1fr 360px;min-height:0}
+  .ws-nav{border-right:1px solid #242d47;background:#0f1320;padding:12px;display:flex;flex-direction:column;gap:10px}
+  .ws-nav button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:#cbd5f0;cursor:pointer}
+  .ws-nav button.active{background:#1a2140;border-color:#2d3a66;color:white}
+  .ws-nav button small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
+  .ws-main{padding:16px;overflow:auto}
+  .ws-side{border-left:1px solid #242d47;background:#0e1220;padding:12px;overflow:auto}
+  .card{background:#0f1422;border:1px solid #242d47;border-radius:12px;padding:12px;margin-bottom:12px}
+  .card h3{margin:0 0 8px;font-size:13px}
+  .field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
+  .field label{font-size:12px;color:var(--muted)}
+  .field input,.field textarea,.field select{width:100%;background:#0b0f1b;border:1px solid #26314d;border-radius:8px;color:var(--text);padding:8px 10px;outline:none}
+  .field textarea{min-height:84px;resize:vertical}
+  .chips{display:flex;flex-wrap:wrap;gap:6px}
+  .chip{font-size:11px;padding:4px 8px;border-radius:999px;background:#12182a;border:1px solid #28365a;color:#aebde0;cursor:pointer}
+  .chip.on{background:var(--acc);border-color:var(--acc);color:white}
+  .lore-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#0b0f1b;border:1px solid #26314d;border-radius:10px;padding:10px;margin-bottom:8px}
+  .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
+  .json{white-space:pre-wrap;word-break:break-all;background:#0b0f1b;border:1px solid #26314d;border-radius:10px;padding:10px;max-height:420px;overflow:auto}
+  .badge{font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid #2a3350;background:#11182e;color:#9fb0d8}
+  .dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
+  .dim{border:1px dashed #2a3552;border-radius:12px;padding:10px;background:#0c1020}
+  .dim h4{margin:0 0 6px;font-size:12px;color:#cbd5f0}
+  .kpi{display:flex;gap:8px;flex-wrap:wrap}
+  @media (max-width:1100px){.ws-body{grid-template-columns:1fr}.ws-side{border-left:none;border-top:1px solid #242d47}.shell{grid-template-columns:1fr}.sidebar{display:none}}
+</style>
+</head>
+<body>
+<div class="topbar">
+  <div class="brand">⬢ DSH <span style="color:var(--muted);font-weight:400">· web — 会话内角色卡工坊</span></div>
+  <div style="display:flex;gap:8px;align-items:center"><span class="pill">CCv3 Living Standard</span><span class="pill" style="background:#1a2a1f;border-color:#2a4a3a;color:#a6e8c8">● 模型就绪</span></div>
+</div>
+<div class="shell">
+  <div class="sidebar">
+    <div class="side-card"><h4>工作区</h4><div class="mono" style="color:#cbd5f0">E:\demo\my-cards</div><div style="color:var(--muted);font-size:12px;margin-top:6px">会话 cwd 实时跟随（dsh-git 同款 store）</div></div>
+    <div class="side-card"><h4>最近草稿</h4><div style="display:flex;flex-direction:column;gap:8px"><div style="padding:8px 10px;border:1px solid #26314d;border-radius:10px;background:#0b0f1b"><div style="font-weight:600">星港遗民 · 琉璃</div><div style="color:var(--muted);font-size:12px">未导出 · 5 lorebook</div></div><div style="padding:8px 10px;border:1px dashed #26314d;border-radius:10px;color:var(--muted)">+ 新建角色卡</div></div></div>
+    <div class="side-card"><h4>原型说明</h4><div style="color:var(--muted);font-size:12px">A = 轻量浮层：平时只占输入框上方一行胶囊，点开全屏工坊。适合“写完再导”的沉浸式创作。</div></div>
+  </div>
+  <div class="conv">
+    <div class="msg"><div class="role">ASSISTANT</div>试着丢一句点子给我，比如“废土上开面馆的仿生人奶奶，会修收音机”。我帮你把世界观补齐到可导出的 CCv3。</div>
+    <div class="msg user"><div class="role">YOU</div>我想做一个雨城里的记忆典当行老板娘，能把记忆做成香薰蜡烛，客人闻到就能重温那段记忆。但我世界观很薄…</div>
+    <div class="composer">
+      <div class="dock">
+        <button class="capsule" id="openA">🎭 角色卡工坊 <span class="dot"></span> 未导出 · 点此展开</button>
+        <span class="badge">CCv3 校验：<span style="color:var(--warn)">缺 nickname / group_only_greetings</span></span>
+        <span class="badge">草稿自动保存 ✓</span>
+      </div>
+      <div class="inputbar">
+        <textarea placeholder="继续聊点子，或直接在工坊里编辑…  Shift+Enter 换行"></textarea>
+        <button class="btn">发送</button>
+      </div>
+      <div style="max-width:760px;margin:8px auto 0;color:var(--muted);font-size:12px">按回车发送 · 工坊里每个 “AI 扩写” 都会走 DSH 的 llm.stream，失败可重试</div>
+    </div>
+  </div>
+</div>
+
+<div class="overlay" id="overlayA">
+  <div class="workshop" role="dialog" aria-modal="true">
+    <div class="ws-head">
+      <div style="display:flex;gap:12px;align-items:center"><strong>🎭 角色卡工坊</strong><span class="badge">dsh-cc-studio · A 浮层</span>
+        <div class="steps" id="stepsA"></div>
+      </div>
+      <div style="display:flex;gap:8px"><button class="btn ghost small" onclick="closeA()">收起</button><button class="btn small" onclick="exportJSON()">导出 JSON</button></div>
+    </div>
+    <div class="ws-body">
+      <div class="ws-nav" id="navA"></div>
+      <div class="ws-main" id="mainA"></div>
+      <div class="ws-side">
+        <div class="card"><h3>实时 CCv3 预览</h3><div class="kpi" style="margin-bottom:8px"><span class="badge">spec: chara_card_v3</span><span class="badge">校验: <span id="validA" style="color:var(--acc2)">通过</span></span></div><pre class="json mono" id="jsonA"></pre></div>
+        <div class="card"><h3>CBS 速查</h3><div class="chips"><span class="chip">{{char}}</span><span class="chip">{{user}}</span><span class="chip">{{random:A,B}}</span><span class="chip">{{roll:d6}}</span><span class="chip">{{// 注释}}</span></div><div style="color:var(--muted);font-size:12px;margin-top:8px">输入时自动补全，导出前会做大小写不敏感校验。</div></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+const steps = ["点子","世界观 5维","角色细化","世界书","校验导出"];
+let cur = 0;
+const draft = {
+  spec:"chara_card_v3", spec_version:"3.0",
+  data:{
+    name:"雨城烛坊 · 岚烟", nickname:"岚烟", tags:["记忆","雨城","香薰","典当"], creator:"you", character_version:"0.1",
+    description:"雨城常年细雨，霓虹在水膜上化开。岚烟经营一家无招牌的记忆典当行，将客人的记忆抽丝封进蜡烛。",
+    personality:"外柔内韧，嗅觉共情，话少但记性极好；对“自愿”有执念，拒绝强行抽取。",
+    scenario:"你推开吱呀的木门，铃铛轻响，雨气混着蜡与旧纸味扑面而来。岚烟在柜台后抬头，手中烛芯正袅袅成线。",
+    system_prompt:"You are 岚烟, keeper of memory candles. Reply in Chinese, sensory, restrained romance.",
+    post_history_instructions:"保持蜡烛=记忆的隐喻一致性，不主动破坏客人自愿原则。",
+    first_mes:"“雨又大了。先烤烤手吧——想典当哪一段？” 她把一盏未点的乳白蜡烛推到你面前，烛体里有细细的银线游动。",
+    alternate_greetings:["“今晚的雨适合想起旧人。你带记忆来了吗？”","“这盏是上周一位航行员留下的，里面有海风。”"],
+    group_only_greetings:["（群聊限定）“诸位若同时点烛，记忆会串味——我得一盏一盏来。”"],
+    mes_example:"{{user}}: 能把我5岁那年的夏夜还给我吗？\n{{char}}: 可以，但那段有蝉鸣和西瓜味，烧起来会很吵。你确定要现在闻吗？",
+    creator_notes:"雨城世界观薄弱用户的示例草稿", creator_notes_multilingual:{en:"Example draft for thin-worldbuilding user"}, source:[], assets:[{type:"icon",uri:"ccdefault:",name:"main",ext:"png"}], creation_date: Math.floor(Date.now()/1000), modification_date: Math.floor(Date.now()/1000),
+    character_book:{ name:"雨城烛坊 lorebook", description:"随卡私有世界书", scan_depth:4, token_budget:1200, recursive_scanning:false, extensions:{}, entries:[
+      {enabled:true, insertion_order:0, use_regex:false, constant:false, name:"雨城常雨", keys:["雨城","霓虹","潮气"], content:"@@position after_desc\n雨城年均降水 1800mm，排水系统以“雨梯”著称，霓虹倒影是导航。", priority:10},
+      {enabled:true, insertion_order:1, use_regex:false, constant:true, name:"蜡烛=记忆", keys:[], content:"@@activate\n蜡烛即记忆容器，银线密度=情绪强度。闻香即重温，不可食用。", priority:9},
+    ]}
+  }
+};
+let idea="雨城里的记忆典当行老板娘，能把记忆做成香薰蜡烛";
+let world={timeline:"2127 雨城独立后，记忆被列为可交易软资产", factions:"烛坊/雨梯管理局/盗忆人", geo:"环形雨城，内环干燥外环常雨", power:"抽忆术需自愿+嗅觉天赋", daily:"雨声电台、蜡烛夜市、记忆税"};
+
+function renderSteps(){
+  const el=document.getElementById('stepsA');
+  el.innerHTML=steps.map((s,i)=>`<span class="step ${i===cur?'active':''}" onclick="cur=${i};renderA()">${i+1}. ${s}</span>`).join("");
+}
+function renderNav(){
+  const nav=document.getElementById('navA');
+  const items=[
+    {t:"点子投喂",d:"一句话点子 + 风格"},
+    {t:"世界观 5维",d:"年表/势力/地理/力量/日常"},
+    {t:"角色细化",d:"六件套 + 开场"},
+    {t:"世界书",d:"Lorebook + Decorator"},
+    {t:"校验导出",d:"JSON 预览与下载"},
+  ];
+  nav.innerHTML=items.map((x,i)=>`<button class="${i===cur?'active':''}" onclick="cur=${i};renderA()">${x.t}<small>${x.d}</small></button>`).join("") +
+    `<div style="margin-top:auto;padding-top:12px;border-top:1px solid #242d47;display:flex;gap:8px"><button class="btn ghost small" style="flex:1" onclick="autoFill()">AI 扩写</button><button class="btn small" style="flex:1" onclick="validateA()">校验</button></div>`;
+}
+function renderA(){
+  renderSteps(); renderNav();
+  const m=document.getElementById('mainA');
+  if(cur===0){
+    m.innerHTML=`
+      <div class="card"><h3>点子投喂（薄世界观友好）</h3>
+        <div class="field"><label>一句话点子</label><textarea id="idea">${idea}</textarea></div>
+        <div class="field"><label>风格标签</label><div class="chips" id="tags"><span class="chip on">雨城</span><span class="chip on">感官系</span><span class="chip">赛博</span><span class="chip">治愈</span><span class="chip">微克苏鲁</span></div></div>
+        <div style="display:flex;gap:8px"><button class="btn small" onclick="expandIdea()">✦ AI 扩写成设定</button><button class="btn ghost small" onclick="cur=1;renderA()">跳过→世界观</button></div>
+        <div style="margin-top:10px;color:var(--muted);font-size:12px">会生成 description/personality/scenario 初稿 + 5维大纲草案，可一键采纳。</div>
+      </div>
+      <div class="card"><h3>AI 初稿（可直接采纳）</h3>
+        <div class="field"><label>description</label><textarea>${draft.data.description}</textarea></div>
+        <div class="field"><label>personality</label><textarea>${draft.data.personality}</textarea></div>
+        <div class="field"><label>scenario</label><textarea>${draft.data.scenario}</textarea></div>
+      </div>`;
+  } else if(cur===1){
+    m.innerHTML=`
+      <div class="card"><h3>世界观 5维（Q2-B 深度问卷）</h3><div style="color:var(--muted);font-size:12px;margin-bottom:10px">每维填 1-2 句即可，AI 会据此生成 Lorebook 条目（带 @@position/@@depth）。</div>
+        <div class="dim-grid">
+          <div class="dim"><h4>① 年表 Timeline</h4><textarea style="width:100%;min-height:70px;background:#0b0f1b;border:1px solid #26314d;border-radius:8px;color:var(--text);padding:8px">${world.timeline}</textarea></div>
+          <div class="dim"><h4>② 势力 Factions</h4><textarea style="width:100%;min-height:70px;background:#0b0f1b;border:1px solid #26314d;border-radius:8px;color:var(--text);padding:8px">${world.factions}</textarea></div>
+          <div class="dim"><h4>③ 地理 Geography</h4><textarea style="width:100%;min-height:70px;background:#0b0f1b;border:1px solid #26314d;border-radius:8px;color:var(--text);padding:8px">${world.geo}</textarea></div>
+          <div class="dim"><h4>④ 力量 Power</h4><textarea style="width:100%;min-height:70px;background:#0b0f1b;border:1px solid #26314d;border-radius:8px;color:var(--text);padding:8px">${world.power}</textarea></div>
+          <div class="dim" style="grid-column:span 2"><h4>⑤ 日常 Daily</h4><textarea style="width:100%;min-height:70px;background:#0b0f1b;border:1px solid #26314d;border-radius:8px;color:var(--text);padding:8px">${world.daily}</textarea></div>
+        </div>
+        <div style="display:flex;gap:8px;margin-top:12px"><button class="btn small" onclick="genLore()">✦ 5维→生成 6 条 Lorebook</button><button class="btn ghost small" onclick="cur=2;renderA()">下一步</button></div>
+      </div>`;
+  } else if(cur===2){
+    m.innerHTML=`
+      <div class="card"><h3>角色细化 — 六件套</h3>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
+          <div class="field"><label>name</label><input value="${draft.data.name}"/></div>
+          <div class="field"><label>nickname ({{char}} 用)</label><input value="${draft.data.nickname}"/></div>
+        </div>
+        <div class="field"><label>tags</label><input value="${draft.data.tags.join(', ')}"/></div>
+        <div class="field"><label>description</label><textarea>${draft.data.description}</textarea></div>
+        <div class="field"><label>personality</label><textarea>${draft.data.personality}</textarea></div>
+        <div class="field"><label>scenario</label><textarea>${draft.data.scenario}</textarea></div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
+          <div class="field"><label>system_prompt</label><textarea>${draft.data.system_prompt}</textarea></div>
+          <div class="field"><label>post_history_instructions</label><textarea>${draft.data.post_history_instructions}</textarea></div>
+        </div>
+      </div>
+      <div class="card"><h3>开场与示例</h3>
+        <div class="field"><label>first_mes</label><textarea>${draft.data.first_mes}</textarea></div>
+        <div class="field"><label>alternate_greetings (每行一条)</label><textarea>${draft.data.alternate_greetings.join('\n')}</textarea></div>
+        <div class="field"><label>group_only_greetings *必填</label><textarea>${draft.data.group_only_greetings.join('\n')}</textarea></div>
+        <div class="field"><label>mes_example ({{user}}/{{char}})</label><textarea style="min-height:110px">${draft.data.mes_example}</textarea></div>
+      </div>`;
+  } else if(cur===3){
+    const entries=draft.data.character_book.entries.map((e,i)=>`
+      <div class="lore-row">
+        <div><div style="font-weight:600">${e.name} <span class="badge">${e.constant?'constant':e.keys.join(', ')||'—'}</span> <span class="badge">order ${e.insertion_order}</span></div>
+        <div class="mono" style="color:#aebde0;margin-top:4px;white-space:pre-wrap">${e.content}</div>
+        <div class="chips" style="margin-top:6px"><span class="chip">@@depth 2</span><span class="chip">@@role system</span><span class="chip">@@position after_desc</span></div></div>
+        <div style="display:flex;flex-direction:column;gap:6px"><label style="font-size:12px"><input type="checkbox" ${e.enabled?'checked':''}/> enabled</label><button class="btn ghost small">编辑</button></div>
+      </div>`).join("");
+    m.innerHTML=`
+      <div class="card"><h3>世界书 Lorebook</h3><div style="display:flex;gap:8px;margin-bottom:8px"><span class="badge">scan_depth: ${draft.data.character_book.scan_depth}</span><span class="badge">token_budget: ${draft.data.character_book.token_budget}</span><span class="badge">entries: ${draft.data.character_book.entries.length}</span><button class="btn small" style="margin-left:auto" onclick="addEntry()">+ 新增条目</button></div>${entries}
+        <div style="margin-top:10px;display:flex;gap:8px"><button class="btn small" onclick="genLore()">✦ 用 5维再生成一批</button><button class="btn ghost small">导入 Lorebook JSON</button></div>
+      </div>`;
+  } else {
+    m.innerHTML=`
+      <div class="card"><h3>校验与导出 — 首版仅 JSON（最稳）</h3>
+        <div class="kpi"><span class="badge" style="border-color:#2a5a3a;color:#a6e8c8">✓ spec/spec_version 正确</span><span class="badge">group_only_greetings: 1 条</span><span class="badge">assets: 1</span></div>
+        <div style="display:flex;gap:8px;margin:12px 0"><button class="btn small" onclick="exportJSON()">⬇ 导出 card.json</button><button class="btn ghost small" onclick="validateA()">重新校验</button><span style="color:var(--muted);font-size:12px;align-self:center">CHARX/PNG 二期再上</span></div>
+        <div class="field"><label>creator_notes / 多语言</label><textarea>${draft.data.creator_notes}</textarea></div>
+        <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"><div class="field"><label>creation_date</label><input value="${draft.data.creation_date}" readonly/></div><div class="field"><label>modification_date (导出自动刷新)</label><input value="${draft.data.modification_date}" readonly/></div></div>
+      </div>`;
+  }
+  document.getElementById('jsonA').textContent = JSON.stringify(draft, null, 2);
+}
+function expandIdea(){ idea=document.getElementById('idea')?.value||idea; draft.data.description="雨城的雨是活的，会在玻璃上写字。岚烟的烛坊藏在雨梯夹层，蜡烛银线随记忆温度变色。"; renderA(); }
+function genLore(){ draft.data.character_book.entries.push({enabled:true, insertion_order: draft.data.character_book.entries.length, use_regex:false, constant:false, name:"雨梯管理局", keys:["雨梯","管理局"], content:"@@depth 4\n雨梯管理局负责分配干燥配额，烛坊因“记忆税”与其周旋。", priority:8}); renderA(); }
+function addEntry(){ draft.data.character_book.entries.push({enabled:true, insertion_order: draft.data.character_book.entries.length, use_regex:false, constant:false, name:"新条目", keys:["关键词"], content:"@@position personality\n新 lore 内容…", priority:5}); renderA(); }
+function validateA(){ document.getElementById('validA').textContent="通过"; document.getElementById('validA').style.color="var(--acc2)"; }
+function autoFill(){ expandIdea(); }
+function exportJSON(){
+  const blob=new Blob([JSON.stringify(draft,null,2)],{type:"application/json"});
+  const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download="card.json"; a.click(); URL.revokeObjectURL(a.href);
+}
+function openA(){ document.getElementById('overlayA').classList.add('open'); renderA(); }
+function closeA(){ document.getElementById('overlayA').classList.remove('open'); }
+document.getElementById('openA').addEventListener('click', openA);
+document.getElementById('overlayA').addEventListener('click', (e)=>{ if(e.target.id==='overlayA') closeA(); });
+renderA();
+</script>
+</body>
+</html>