@xia-sc/dsh-cc-studio 0.8.0 → 0.8.2

package/lib/client.js

@@ -11,6 +11,20 @@ window.__ModuleLoader__.load({
     var React=require("react");
     var name="dsh-cc-studio";
     var inject=["slots","connection","locale"];
+    // 原生 <select> 展开后的 option 列表不继承页面配色（深色模式下呈白底浅字、读不出来）。
+    // option 无法用 inline style 逐个维护，这里补一条跟随主题变量的全局规则。
+    (function(){
+      try{
+        var st=document.createElement("style");
+        st.setAttribute("data-dsh-cc-studio","select-theme");
+        st.textContent=[
+          "select option{background-color:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary)}",
+          "select option:checked{background-color:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font-weight:600}",
+          "select option:disabled{color:var(--dsw-alias-label-secondary)}"
+        ].join("");
+        (document.head||document.documentElement).appendChild(st);
+      }catch(e){}
+    })();
     var NS="dshCcStudio";
     var zh={
       "capsule.open":"🎭 角色卡工坊",
@@ -23,13 +37,65 @@ window.__ModuleLoader__.load({
       "panel.title":"角色卡工坊",
       "panel.subtitle":"CCv3 · 从点子到可导入卡",
       "panel.badge":"dsh-cc-studio · 融合",
-      "step.world":"5维世界观",
-      "step.char":"角色细化",
+      "step.world":"世界观",
+      "step.char":"角色",
       "step.lore":"世界书",
       "step.export":"校验导出",
+      "step.overview":"总览",
+      "step.greetings":"开场与示例",
+      "step.rel":"关系与分组",
+      "step.book":"共享世界书",
       "step.world.desc":"年表/势力/地理/力量/日常",
-      "step.char.desc":"六件套 + 开场",
-      "step.lore.desc":"Lorebook + Decorator",
+      "step.char.desc":"六件套 · 标签 · 作者",
+      "step.lore.desc":"条目 · 预算 · 触发词",
+      "step.overview.desc":"进度 · 统计 · 快捷动作",
+      "step.greetings.desc":"首条 · 备选 · 群聊 · 示例",
+      "step.rel.desc":"图谱 · 成员 · 渲染",
+      "step.book.desc":"一组一份 · 去重",
+      // —— 0.9.0 共享世界书（组级）——
+      "workshop.rel.edit":"编辑",
+      "workshop.rel.editTitle":"编辑关系",
+      "workshop.rel.addTitle":"添加关系",
+      "workshop.rel.typeLabel":"类型",
+      "workshop.rel.dirLabel":"方向",
+      "workshop.rel.myCard":"当前卡",
+      "book.title":"共享世界书",
+      "book.hint":"一组一份：世界设定（年表/势力/地理/力量/日常）放这里，成员卡里只留角色私有条目。导出后是 CCv3 官方的 lorebook_v3 JSON —— 在聊天客户端里绑成全局世界书，多张卡共用一本，卡里就不必再重复存。",
+      "book.noGroup":"共享世界书是按分组存放的：先在右侧「已存角色」里建一个分组，并把成员卡拉进去。",
+      "book.empty":"这个分组还没有共享世界书。",
+      "book.name":"书名",
+      "book.desc":"备注",
+      "book.depth":"扫描深度",
+      "book.budget":"token 预算",
+      "book.tokens":"约 {n} token",
+      "book.entries":"条目 · {n}",
+      "book.groups":"共 {n} 组",
+      "book.constant":"常驻",
+      "book.dupTitle":"成员卡之间的重复条目",
+      "book.dupNone":"成员卡之间没有内容重复的条目。",
+      "book.dupItem":"{n} 张卡都有 · 可省 {chars} 字符",
+      "book.dupMismatch":"名字/触发词不一致",
+      "book.promote":"提升到共享书",
+      "book.promoteHint":"把这 N 条搬进共享书，并从每张卡里删掉 —— 导出前先做这一步，卡里就不再有重复。",
+      "book.promotePreview":"将提升 {n} 条、从各卡共删 {m} 条重复",
+      "book.promoteDone":"已提升 {n} 条（删掉 {m} 条重复）",
+      "book.exportBook":"导出共享世界书 JSON",
+      "book.exported":"已导出 {name}",
+      "book.applyCard":"合并进当前卡",
+      "book.applyDone":"已往当前卡补了 {n} 条",
+      "book.applyNone":"当前卡已包含这本共享书的全部条目。",
+      "book.entryName":"条目名",
+      "book.entryKeys":"触发词（逗号分隔）",
+      "book.entryContent":"内容（可带 @@position / @@depth / @@activate 等装饰器）",
+      "book.refresh":"刷新",
+      "book.saved":"已保存（rev {rev}）",
+      // —— 0.9.0 导出页的共享书块 ——
+      "export.book.title":"共享世界书",
+      "export.book.hint":"当前卡所属分组的共享设定可以单独导出（CCv3 lorebook_v3 格式）：在客户端里把它绑成全局世界书，多张成员卡共用一本。",
+      "export.book.none":"当前卡不在任何分组里，或这个分组还没有共享世界书。",
+      "export.book.button":"⬇ 导出共享世界书",
+      "export.book.merge":"导出 JSON 时把共享条目并入这张卡（给不支持全局世界书的客户端）",
+      "export.book.merged":"（已并入 {n} 条共享条目）",
       "action.expand":"✦ AI 扩写",
       "action.validate":"校验",
       "action.exportJson":"⬇ JSON",
@@ -137,6 +203,9 @@ window.__ModuleLoader__.load({
       "workshop.group.none":"未分组",
       "workshop.group.new":"＋ 组",
       "workshop.group.summary":"{n} 卡 / {m} 关系",
+      "workshop.group.newGroup":"＋ 新建分组",
+      "workshop.group.empty":"（空）",
+      "workshop.group.needRestart":"宿主半还是旧代码（这些按钮要重启 dsh 才生效）：请退出并重新打开桌面应用 / 重启 dsh web，然后刷新页面",
       "workshop.group.prompt":"新分组名称（同一世界观的角色放一组）",
       "workshop.group.assign":"组",
       "workshop.group.set":"已归组",
@@ -280,13 +349,63 @@ window.__ModuleLoader__.load({
       "panel.title":"Character Card Studio",
       "panel.subtitle":"CCv3 · Idea to Importable Card",
       "panel.badge":"dsh-cc-studio · fusion",
-      "step.world":"World 5D",
+      "step.world":"World",
       "step.char":"Character",
       "step.lore":"Lorebook",
       "step.export":"Validate & Export",
+      "step.overview":"Overview",
+      "step.greetings":"Openings & examples",
+      "step.rel":"Relations & groups",
+      "step.book":"Shared lorebook",
       "step.world.desc":"Timeline/Factions/Geo/Power/Daily",
-      "step.char.desc":"6-piece + Openings",
-      "step.lore.desc":"Lorebook + Decorator",
+      "step.char.desc":"Core fields · tags · creator",
+      "step.lore.desc":"Entries · budget · keys",
+      "step.overview.desc":"Progress · stats · quick actions",
+      "step.greetings.desc":"First · alternates · group · examples",
+      "step.rel.desc":"Graph · members · render",
+      "step.book.desc":"One per group · dedupe",
+      "workshop.rel.edit":"Edit",
+      "workshop.rel.editTitle":"Edit relation",
+      "workshop.rel.addTitle":"Add relation",
+      "workshop.rel.typeLabel":"Type",
+      "workshop.rel.dirLabel":"Direction",
+      "workshop.rel.myCard":"current card",
+      "book.title":"Shared lorebook",
+      "book.hint":"One book per group: put the world setting (timeline / factions / geography / power / daily) here and keep only character-private entries in each member card. The export is CCv3's standalone lorebook_v3 JSON — bind it as a global lorebook in your client and every member card shares one copy instead of repeating it.",
+      "book.noGroup":"Shared lorebooks live on a group: create one under “Saved characters” on the right and put the member cards in it.",
+      "book.empty":"This group has no shared lorebook yet.",
+      "book.name":"Book name",
+      "book.desc":"Note",
+      "book.depth":"Scan depth",
+      "book.budget":"Token budget",
+      "book.tokens":"~{n} tokens",
+      "book.entries":"Entries · {n}",
+      "book.groups":"{n} groups",
+      "book.constant":"constant",
+      "book.dupTitle":"Entries duplicated across member cards",
+      "book.dupNone":"No entry is duplicated across member cards.",
+      "book.dupItem":"in {n} cards · saves {chars} chars",
+      "book.dupMismatch":"name/keys differ",
+      "book.promote":"Promote into the shared book",
+      "book.promoteHint":"Move these N entries into the shared book and delete them from every card — do this before exporting and the cards hold no duplicates.",
+      "book.promotePreview":"Will promote {n} and delete {m} duplicates across the cards",
+      "book.promoteDone":"Promoted {n} (removed {m} duplicates)",
+      "book.exportBook":"Export shared lorebook JSON",
+      "book.exported":"Exported {name}",
+      "book.applyCard":"Merge into the current card",
+      "book.applyDone":"Added {n} entries to the current card",
+      "book.applyNone":"The current card already contains every entry of this book.",
+      "book.entryName":"Entry name",
+      "book.entryKeys":"Keys (comma separated)",
+      "book.entryContent":"Content (may carry @@position / @@depth / @@activate decorators)",
+      "book.refresh":"Refresh",
+      "book.saved":"Saved (rev {rev})",
+      "export.book.title":"Shared lorebook",
+      "export.book.hint":"The shared setting of this card's group can be exported on its own (CCv3 lorebook_v3 format): bind it as a global lorebook in your client and every member card shares one copy.",
+      "export.book.none":"This card is in no group, or its group has no shared lorebook yet.",
+      "export.book.button":"⬇ Export shared lorebook",
+      "export.book.merge":"Merge the shared entries into this card when exporting JSON (for clients without a global lorebook)",
+      "export.book.merged":"({n} shared entries merged in)",
       "action.expand":"AI Expand",
       "action.validate":"Validate",
       "action.exportJson":"⬇ JSON",
@@ -394,6 +513,9 @@ window.__ModuleLoader__.load({
       "workshop.group.none":"Ungrouped",
       "workshop.group.new":"+ Group",
       "workshop.group.summary":"{n} cards / {m} relations",
+      "workshop.group.newGroup":"+ New group",
+      "workshop.group.empty":"(empty)",
+      "workshop.group.needRestart":"The host half is still running old code (these buttons need a dsh restart): quit and reopen the desktop app (or restart dsh web), then reload the page.",
       "workshop.group.prompt":"New group name (characters of one world go together)",
       "workshop.group.assign":"Group",
       "workshop.group.set":"Grouped",
@@ -575,7 +697,7 @@ window.__ModuleLoader__.load({
       var _saved = loadSettings();
       // 兼容旧开关：poll=false 视为 0 秒
       if(_saved.poll===false) _saved.pollInterval = 0;
-      var state={ draft: draft, draftStatus: null, cur:0, panelOpen:false, sideExpanded:false, isCcMode:false, currentSessionId:null, slotWarn:null, alternateSlots:null, world:{ timeline:"", factions:"", geo:"", power:"", daily:"" }, busy:null, valid:{valid:true,errors:[],warnings:[]}, lastMsg:null, library:[], libraryQuery:"", libraryCollapsed:false, libraryBusy:null, groups:[], currentGroupId:"", relations:null, relBusy:null, currentLibraryId:null, editingWorld:null, editingWorldRevert:null, editingText:null, pollEnabled:_saved.poll, pollInterval:_saved.pollInterval, autoValidate:_saved.autoValidate, autoSaveOnImport:_saved.autoSaveOnImport };
+      var state={ draft: draft, draftStatus: null, cur:0, panelOpen:false, sideExpanded:false, isCcMode:false, currentSessionId:null, slotWarn:null, alternateSlots:null, world:{ timeline:"", factions:"", geo:"", power:"", daily:"" }, busy:null, valid:{valid:true,errors:[],warnings:[]}, lastMsg:null, library:[], libraryQuery:"", libraryCollapsed:false, libraryBusy:null, groups:[], currentGroupId:"", relations:null, relBusy:null, currentLibraryId:null, book:null, bookBusy:null, bookMerge:false, editingWorld:null, editingWorldRevert:null, editingText:null, pollEnabled:_saved.poll, pollInterval:_saved.pollInterval, autoValidate:_saved.autoValidate, autoSaveOnImport:_saved.autoSaveOnImport };
       var listeners=new Set();
       function emit(){ listeners.forEach(function(fn){ try{fn();}catch(e){console.error(e);} }); }
       function getSnapshot(){ return state; }
@@ -774,10 +896,31 @@ window.__ModuleLoader__.load({
         }catch(e){ set({lastMsg:String(e&&e.message||e)}); }
       }
       function importJSON(){ return importAny(); }
+      /** 条目内容比对（折叠空白后逐字）——导出时把共享条目并进卡用的，与两半同一套口径。 */
+      function sameEntryContent(a, b){
+        var norm=function(e){ return String((e&&e.content)!=null? e.content : "").replace(/\s+/g," ").trim(); };
+        var x=norm(a); return !!x && x===norm(b);
+      }
+      /**
+       * 导出 JSON。0.9.0：若在导出页勾了「并入共享条目」，则**只在导出的副本上**把该组的共享世界书
+       * 里卡里还没有的条目补进去（给不支持全局世界书的客户端兜底）——草稿本身一个字节都不动。
+       */
       function exportJSON(){
-        var blob=new Blob([JSON.stringify(state.draft,null,2)],{type:"application/json"});
+        var out=state.draft, merged=0;
+        var book=state.book && state.book.book;
+        if(state.bookMerge && book && Array.isArray(book.data && book.data.entries) && book.data.entries.length){
+          var ents=(state.draft.data.character_book && state.draft.data.character_book.entries) || [];
+          var add=[];
+          book.data.entries.forEach(function(e){ if(!ents.some(function(x){ return sameEntryContent(x, e); })) add.push(e); });
+          if(add.length){
+            out=JSON.parse(JSON.stringify(state.draft));
+            out.data.character_book=Object.assign({}, out.data.character_book, { entries: ents.concat(add) });
+            merged=add.length;
+          }
+        }
+        var blob=new Blob([JSON.stringify(out,null,2)],{type:"application/json"});
         var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=(state.draft.data.name||"card")+".json"; a.click(); setTimeout(function(){ URL.revokeObjectURL(a.href); },800);
-        set({lastMsg:t("store.exportedJson")});
+        set({lastMsg: merged? t("store.exportedJson") + " " + t("export.book.merged",{n:String(merged)}) : t("store.exportedJson")});
       }
       function exportPNG(){
         var sid=state.currentSessionId||null;
@@ -886,14 +1029,33 @@ window.__ModuleLoader__.load({
         var gid = String(id || "");
         set({currentGroupId: gid});
         // "" = 全部（不过滤）、"__none" = 只看未分组：这两个都不是真分组，没有图谱可载
-        if(gid && gid !== "__none") loadGroup(gid); else set({relations:null});
+        if(gid && gid !== "__none"){ loadGroup(gid); loadBook(gid); } else { set({relations:null, book:null}); }
       }
       async function refreshGroups(){
         try{
           var res = await rpc("cc_listGroups", {});
-          if(res && res.ok && res.value) set({groups: res.value.groups||[]});
+          if(res && res.ok && res.value){ set({groups: res.value.groups||[]}); return; }
+          // 宿主半还是旧代码时这里会拿到 unknown-endpoint —— 那是「只刷新了页面、没重启 dsh」的典型信号，
+          // 直接说人话，别让用户对着一堆没反应的按钮猜（0.8.1）。
+          var code = res && res.error && res.error.details && res.error.details.code;
+          if(code === "unknown-endpoint"){ set({lastMsg: t("workshop.group.needRestart")}); return; }
+          set({lastMsg: String((res && res.error && res.error.message) || "")});
         }catch(e){ set({lastMsg:String(e && e.message || e)}); }
       }
+      /** 从某个分组面板直接进关系视图（折叠面板标题上的「关系」按钮用它）。 */
+      function openRelationsFor(gid){
+        var id = String(gid || "");
+        if(!id || id === "__none"){ set({lastMsg: t("workshop.rel.pickGroup")}); return; }
+        set({currentGroupId: id, cur: 4});
+        loadGroup(id);
+      }
+      /** 0.8.1：从侧栏进关系视图。未选具体分组时**给一句提示**，而不是把按钮静默禁用（用户会以为坏了）。 */
+      function openRelations(){
+        var gid = String(state.currentGroupId || "");
+        if(!gid || gid === "__none"){ set({lastMsg: t("workshop.rel.pickGroup")}); return; }
+        set({cur: 4});
+        loadGroup(gid);
+      }
       async function loadGroup(id){
         var gid = String(id || state.currentGroupId || "");
         if(!gid){ set({relations:null}); return; }
@@ -905,9 +1067,82 @@ window.__ModuleLoader__.load({
         }catch(e){ set({lastMsg:String(e && e.message || e)}); }
         set({relBusy:null});
       }
-      async function createGroup(){
-        var name = "";
-        try{ if(typeof window!=="undefined" && window.prompt) name = String(window.prompt(t("workshop.group.prompt"), "")||"").trim(); }catch(e){}
+      // ——— 0.9.0 组级共享世界书：一组一份，成员卡里只留私有条目 ———
+      async function loadBook(groupId){
+        var gid = String(groupId || state.currentGroupId || "");
+        if(!gid){ set({book:null}); return; }
+        set({bookBusy:"load"});
+        try{
+          var res = await rpc("cc_getBook", {groupId: gid});
+          if(res && res.ok && res.value) set({book: res.value});
+          else set({book:null, lastMsg:String((res && res.error && res.error.message) || "")});
+        }catch(e){ set({lastMsg:String(e && e.message || e)}); }
+        set({bookBusy:null});
+      }
+      async function patchBook(args){
+        var gid = String(state.currentGroupId||"");
+        if(!gid) return;
+        set({bookBusy:"patch"});
+        try{
+          var res = await rpc("cc_patchBook", Object.assign({groupId: gid}, args||{}));
+          if(res && res.ok && res.value){ await loadBook(gid); set({lastMsg:t("book.saved",{rev:String(res.value.rev)})}); }
+          else set({lastMsg:String((res && res.error && res.error.message) || "")});
+        }catch(e){ set({lastMsg:String(e && e.message || e)}); }
+        set({bookBusy:null});
+      }
+      /** 提升去重：`apply` 为假时只扫描预览（宿主半默认也是 dryRun，两边都不写盘）。 */
+      async function promoteBook(keys, apply){
+        var gid = String(state.currentGroupId||"");
+        if(!gid) return;
+        set({bookBusy: apply? "promote" : "scan"});
+        try{
+          var res = await rpc("cc_promoteBook", {groupId: gid, apply: !!apply, keys: (keys && keys.length)? keys : undefined});
+          if(res && res.ok && res.value){
+            var v = res.value;
+            set({lastMsg: v.dryRun
+              ? t("book.promotePreview",{n:String(v.wouldPromote||0), m:String(v.removedTotal||0)})
+              : t("book.promoteDone",{n:String(v.promoted||0), m:String(v.removedTotal||0)})});
+            await loadBook(gid);
+            if(!v.dryRun){ await refreshLibrary(); await loadGroup(gid); }
+          } else set({lastMsg:String((res && res.error && res.error.message) || "")});
+        }catch(e){ set({lastMsg:String(e && e.message || e)}); }
+        set({bookBusy:null});
+      }
+      async function applyBook(cardId){
+        var gid = String(state.currentGroupId||"");
+        if(!gid) return;
+        set({bookBusy:"apply"});
+        try{
+          var res = await rpc("cc_applyBook", {groupId: gid, cardId: cardId||undefined});
+          if(res && res.ok && res.value){
+            var v = res.value;
+            set({lastMsg: v.added ? t("book.applyDone",{n:String(v.added)}) : t("book.applyNone")});
+            await refreshLibrary();
+          } else set({lastMsg:String((res && res.error && res.error.message) || "")});
+        }catch(e){ set({lastMsg:String(e && e.message || e)}); }
+        set({bookBusy:null});
+      }
+      /**
+       * 导出共享世界书：文件本身就是 CCv3 官方的独立 lorebook 格式（{spec:"lorebook_v3", data}），
+       * 拷出去就能在聊天客户端里当全局/世界书绑 —— 绑定后所有成员卡共用这一本，卡里不必重复存。
+       */
+      function exportBookFile(){
+        var b = state.book && state.book.book;
+        if(!b) return;
+        try{
+          var blob = new Blob([JSON.stringify({spec:"lorebook_v3", data:b.data}, null, 2)], {type:"application/json"});
+          var a=document.createElement("a"); a.href=URL.createObjectURL(blob);
+          a.download = String(b.data.name||"shared-lorebook").replace(/[\\/:*?"<>|]/g,"_") + ".lorebook.json";
+          a.click();
+          setTimeout(function(){ URL.revokeObjectURL(a.href); }, 800);
+          set({lastMsg: t("book.exported",{name:String(b.data.name||"")})});
+        }catch(e){ set({lastMsg:String(e && e.message || e)}); }
+      }
+      function setBookMerge(v){ set({bookMerge: !!v}); }
+      async function createGroup(nameArg){
+        // 0.8.1：不再依赖 window.prompt（内嵌 webview 会拦掉原生对话框 → 用户看到的是「点了没反应」）。
+        // 名字由侧栏那个内联输入框传进来；没传就当取消。
+        var name = String(nameArg == null ? "" : nameArg).trim();
         if(!name) return;
         set({relBusy:"new"});
         try{
@@ -1080,6 +1315,10 @@ window.__ModuleLoader__.load({
           if(res && res.ok && res.value && res.value.draft){
             setDraftFromHost(res.value.draft);
             set({currentLibraryId: id});
+            // 0.9.0：载入一张卡就**跟着切到它所属的分组**。实机反馈：右边载入了陆昭，中间「人物关系」
+            // 却还停在江晚那个「测试」组，必须再点一次那个组的「关系」按钮才会切过去 —— 非常费解。
+            // 关系视图与共享世界书都是**按组**看的，所以「换卡」必须带着组一起换（没有组就清空）。
+            setCurrentGroupId((res.value.meta && res.value.meta.groupId) ? String(res.value.meta.groupId) : "");
             set({lastMsg:t("store.loadedCard",{name:(res.value.meta.name||id), n:(res.value.draft.data.character_book.entries.length||0), id:id.slice(0,8)})});
           } else set({lastMsg: res && res.error? String(res.error.message):t("store.errLoadFailed")});
         }catch(e){ set({lastMsg: String(e && e.message || e)}); }
@@ -1122,7 +1361,7 @@ window.__ModuleLoader__.load({
       // 0.4.1：这里原本还有一个 exportLibraryEntry —— 直接下载某张已存角色的 JSON。
       // 三个导出入口归一之后，卡片上的「导出」改成切到导出页，导出动作只剩导出页那一套实现，
       // 这条旁路就没有调用者了（留着它等于「同一次导出有两套行为」），故删除。
-      return { getSnapshot:getSnapshot, subscribe:subscribe, setCur:setCur, setPanel:setPanel, setSideExpanded:setSideExpanded, setIsCcMode:setIsCcMode, setDraftFromHost:setDraftFromHost, setSessionId:setSessionId, setSlotWarn:setSlotWarn, setAlternateSlots:setAlternateSlots, migrateSlot:migrateSlot, checkIsCcMode:checkIsCcMode, setPollEnabled:setPollEnabled, setPollInterval:setPollInterval, setAutoValidate:setAutoValidate, setAutoSaveOnImport:setAutoSaveOnImport, updateDraft:updateDraft, validate:validate, exportJSON:exportJSON, exportPNG:exportPNG, embedIntoPng:embedIntoPng, exportCharx:exportCharx, importJSON:importJSON, importAny:importAny, setWorldPatch:setWorldPatch, setEditingWorld:setEditingWorld, cancelEditingWorld:cancelEditingWorld, setEditingText:setEditingText, clearEditingText:clearEditingText, cancelEditingText:cancelEditingText, updateEditingText:updateEditingText, addEntry:addEntry, setLibraryQuery:setLibraryQuery, toggleLibraryCollapsed:toggleLibraryCollapsed, refreshLibrary:refreshLibrary, saveCurrentToLibrary:saveCurrentToLibrary, saveAsNewToLibrary:saveAsNewToLibrary, clearCurrentLibraryId:clearCurrentLibraryId, clearDraft:clearDraft, loadFromLibrary:loadFromLibrary, deleteFromLibrary:deleteFromLibrary, renameCurrentInLibrary:renameCurrentInLibrary, setCurrentGroupId:setCurrentGroupId, refreshGroups:refreshGroups, createGroup:createGroup, loadGroup:loadGroup, assignGroup:assignGroup, deleteGroup:deleteGroup, patchRelations:patchRelations, checkGroupNow:checkGroupNow, renderRelationsToCard:renderRelationsToCard };
+      return { getSnapshot:getSnapshot, subscribe:subscribe, setCur:setCur, setPanel:setPanel, setSideExpanded:setSideExpanded, setIsCcMode:setIsCcMode, setDraftFromHost:setDraftFromHost, setSessionId:setSessionId, setSlotWarn:setSlotWarn, setAlternateSlots:setAlternateSlots, migrateSlot:migrateSlot, checkIsCcMode:checkIsCcMode, setPollEnabled:setPollEnabled, setPollInterval:setPollInterval, setAutoValidate:setAutoValidate, setAutoSaveOnImport:setAutoSaveOnImport, updateDraft:updateDraft, validate:validate, exportJSON:exportJSON, exportPNG:exportPNG, embedIntoPng:embedIntoPng, exportCharx:exportCharx, importJSON:importJSON, importAny:importAny, setWorldPatch:setWorldPatch, setEditingWorld:setEditingWorld, cancelEditingWorld:cancelEditingWorld, setEditingText:setEditingText, clearEditingText:clearEditingText, cancelEditingText:cancelEditingText, updateEditingText:updateEditingText, addEntry:addEntry, setLibraryQuery:setLibraryQuery, toggleLibraryCollapsed:toggleLibraryCollapsed, refreshLibrary:refreshLibrary, saveCurrentToLibrary:saveCurrentToLibrary, saveAsNewToLibrary:saveAsNewToLibrary, clearCurrentLibraryId:clearCurrentLibraryId, clearDraft:clearDraft, loadFromLibrary:loadFromLibrary, deleteFromLibrary:deleteFromLibrary, renameCurrentInLibrary:renameCurrentInLibrary, setCurrentGroupId:setCurrentGroupId, refreshGroups:refreshGroups, createGroup:createGroup, loadGroup:loadGroup, assignGroup:assignGroup, deleteGroup:deleteGroup, patchRelations:patchRelations, checkGroupNow:checkGroupNow, renderRelationsToCard:renderRelationsToCard, openRelations:openRelations, openRelationsFor:openRelationsFor, loadBook:loadBook, patchBook:patchBook, promoteBook:promoteBook, applyBook:applyBook, exportBookFile:exportBookFile, setBookMerge:setBookMerge };
     }
 
     var S={
@@ -1362,31 +1601,50 @@ window.__ModuleLoader__.load({
       // 并在导出页把「导出的仍是工坊里这张、你点的那张还没载入」说清楚。清空后回到常态提示。
       var jumpRef=React.useState(null); var jumpFrom=jumpRef[0], setJumpFrom=jumpRef[1];
       // 0.8.0 关系视图的「添加关系」表单（局部状态，不进 store：它只是草稿输入）
-      var relFormRef=React.useState({from:"", to:"", type:"friend", strength:3, direction:"one-way", note:""}); var relForm=relFormRef[0], setRelForm=relFormRef[1];
+            var relFormRef=React.useState({from:"", to:"", type:"friend", strength:3, direction:"one-way", note:""}); var relForm=relFormRef[0], setRelForm=relFormRef[1];
+      // 0.9.0：关系的「添加 / 编辑」改成二级弹窗（列表回到只读的「关系表」形态）
+      var relEditRef=React.useState(null); var relEdit=relEditRef[0], setRelEdit=relEditRef[1];
+      var relAddRef=React.useState(false); var relAddOpen=relAddRef[0], setRelAddOpen=relAddRef[1];
+      // 0.8.1：分组名 / NPC 名改用内联输入（不再用 window.prompt —— 内嵌 webview 会拦掉它）
+      var groupDraftRef=React.useState(null); var groupDraft=groupDraftRef[0], setGroupDraft=groupDraftRef[1];
+            var npcDraftRef=React.useState(""); var npcDraft=npcDraftRef[0], setNpcDraft=npcDraftRef[1];
+      // 折叠面板：哪些分组被收起（键 = 分组 id，"" 表示未分组那一节）
+      var collapsedRef=React.useState({}); var collapsedGroups=collapsedRef[0], setCollapsedGroups=collapsedRef[1];
+      // 0.9.0 共享世界书的「＋ 新条目」表单（局部状态，不进 store：只是草稿输入）
+      var bookFormRef=React.useState({name:"", keys:"", content:""}); var bookForm=bookFormRef[0], setBookForm=bookFormRef[1];
+      function toggleGroupCollapsed(gid){ var key=String(gid||""); var next=Object.assign({}, collapsedGroups); next[key]=!next[key]; setCollapsedGroups(next); }
       React.useEffect(function(){ return store.subscribe(function(){ setS(store.getSnapshot()); }); }, [store]);
       React.useEffect(function(){
-        if(s.panelOpen) store.refreshLibrary();
+        if(s.panelOpen){
+          store.refreshLibrary(); store.refreshGroups();
+          // 0.9.0：面板一开就把当前组的共享世界书拉回来（左侧徽章与共享书视图都靠它）
+          if(String(s.currentGroupId||"") && s.currentGroupId !== "__none") store.loadBook();
+        }
       }, [s.panelOpen]);
       if(!s.panelOpen) return null;
-      // 顶部胶囊与左侧导航都只有写作三步：导出不再是「第 4 步」（0.4.1 归一）——
-      // 「校验导出」并进左下角那枚按钮，已存角色卡片上的「导出」也指向同一页，三处入口收成两处。
-      var steps=[t("step.world"), t("step.char"), t("step.lore")];
+      // 顶部胶囊（会话域那几个快捷入口）：0.9.0 起跟左侧新结构走，取最常看的三处 ——
+      // 总览（整卡状态）/ 角色 / 世界书。其余入口都在左侧导航里，胶囊不追求全。
+      var steps=[{cur:5, key:"step.overview"}, {cur:1, key:"step.char"}, {cur:2, key:"step.lore"}];
       // 步骤项的三个视觉状态严格互斥：选中(active) / 键盘焦点(focus-visible) / 悬停(hover)。
       // 鼠标点击走 onMouseDown preventDefault，不把焦点抢到按钮上 —— 否则旧项的焦点环会留在原地，
       // 与新的选中项同时发亮，看起来像「同时选中了两个」（这是本次修的问题）。
-      function navItem(i, title, desc){
-        var active=s.cur===i;
-        var hovered=hoverKey==="nav:"+i;
-        var focused=focusKey==="nav:"+i;
-        return h("button",{key:i, type:"button", "aria-current": active? "step": undefined,
+      function navItem(cur, title, desc, prog){
+        var active=s.cur===cur;
+        var hovered=hoverKey==="nav:"+cur;
+        var focused=focusKey==="nav:"+cur;
+        var dot = prog ? stateDot(prog.state) : null;
+        return h("button",{key:"step:"+cur, type:"button", "aria-current": active? "step": undefined,
           style: Object.assign({}, S.navBtn, hovered&&!active? S.navBtnHover:{}, focused? S.navBtnFocus:{}, active? S.navBtnActive:{}),
           onMouseDown:function(e){ if(e && e.preventDefault) e.preventDefault(); },
-          onMouseEnter:function(){ setHoverKey("nav:"+i); },
+          onMouseEnter:function(){ setHoverKey("nav:"+cur); },
           onMouseLeave:function(){ setHoverKey(null); },
-          onFocus:function(e){ setFocusKey(isFocusVisible(e)? "nav:"+i : null); },
+          onFocus:function(e){ setFocusKey(isFocusVisible(e)? "nav:"+cur : null); },
           onBlur:function(){ setFocusKey(null); },
-          onClick:function(){ store.setCur(i); }
-        }, title, h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginTop:2}}, desc));
+          onClick:function(){ store.setCur(cur); }
+        }, title,
+          dot? h("span",{style:{fontSize:11, color:dot.color, marginLeft:6}}, dot.text) : null,
+          (prog && prog.note)? h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", marginLeft:6}}, prog.note) : null,
+          h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginTop:2}}, desc));
       }
       // 工具按钮（⛶ / 删除…）鼠标按下就拦掉默认行为：别把焦点抢走，否则又留下一圈焦点描边
       function stopFocusSteal(e){ if(e && e.preventDefault) e.preventDefault(); }
@@ -1468,6 +1726,31 @@ window.__ModuleLoader__.load({
               })
         );
       }
+      // 0.9.0 总览用的进度行：与工具半 workflow.state 同口径（三态），但纯客户端算 —— 省一次 RPC，
+      // 也保证「左侧导航的徽章」和「总览页」永远一致（同一个函数算出来的）。
+      function draftProgress(s2){
+        var d = s2.draft.data;
+        var entries = Array.isArray(d.character_book && d.character_book.entries) ? d.character_book.entries : [];
+        var manual = entries.filter(function(e){ return !(e && (e.cc_auto || (e.extensions && e.extensions.cc_auto))); }).length;
+        var filled = function(v){ return String(v==null? "": v).trim().length > 0; };
+        var charN = [d.name, d.description, d.personality, d.scenario].filter(filled).length;
+        var worldN = ["timeline","factions","geo","power","daily"].filter(function(k){ return filled(s2.world[k]); }).length;
+        var alt = (d.alternate_greetings||[]).length, grp = (d.group_only_greetings||[]).length;
+        var firstOk = filled(d.first_mes);
+        var three = function(n, need){ return n>=need ? "ok" : (n>0 ? "partial" : "missing"); };
+        return [
+          { cur:1, title:t("step.char"), state: three(charN,4), note: charN+"/4" },
+          { cur:0, title:t("step.world"), state: three(worldN,3), note: worldN+"/5" },
+          { cur:2, title:t("step.lore"), state: (entries.length>=5 && manual>=1) ? "ok" : (entries.length>0 ? "partial" : "missing"),
+            note: t("common.entries",{n:String(entries.length)}) },
+          { cur:6, title:t("step.greetings"), state: (firstOk && alt>=2 && grp>=1) ? "ok" : ((firstOk||alt||grp) ? "partial" : "missing"),
+            note: (firstOk?1:0)+"+"+alt+"+"+grp },
+        ];
+      }
+      function stateDot(state){
+        return { color: state==="ok" ? "#a6e8c8" : (state==="partial" ? "#ffc46b" : "var(--dsw-alias-label-secondary)"),
+          text: state==="ok" ? "✓" : (state==="partial" ? "◐" : "○") };
+      }
       var main=null;
       if(s.cur===0){
         // 五维世界观：默认直接读全文（无边框 textarea 自动撑高），⛶ 仍可放大框写长文
@@ -1518,7 +1801,135 @@ window.__ModuleLoader__.load({
               field("system_prompt","system_prompt",{rowKey:"sys"}),
               field("post_history_instructions","post_history_instructions",{rowKey:"phi"})
             )
-          ),
+          )
+        );
+      } else if(s.cur===5){
+        // ── 总览（0.9.0 新增）：一眼看完整张卡 + 快捷动作。写作已交给 LLM，工坊的入口应该是「状态」。
+        var prog=draftProgress(s);
+        main=h("div",null,
+          h("div",{style:S.readCard},
+            h("h3",{style:S.readTitle}, t("step.overview"),
+              h("span",{style:{marginLeft:8, fontSize:12, fontWeight:400, color:"var(--dsw-alias-label-secondary)"}},
+                "· "+(String(s.draft.data.name||"").trim() || t("workshop.library.unnamed")))),
+            h("div",{style:{display:"flex", flexWrap:"wrap", gap:6, marginBottom:10}},
+              (s.draft.data.tags||[]).map(function(tg){ return h("span",{key:String(tg), style:S.badge}, String(tg)); }),
+              String(s.draft.data.creator||"").trim()? h("span",{style:S.badge}, "✎ "+String(s.draft.data.creator)) : null,
+              (s.draftStatus && s.draftStatus.cardId)? h("span",{style:S.badge}, "ID:"+String(s.draftStatus.cardId).slice(0,8)) : null),
+            prog.map(function(row){
+              var dot=stateDot(row.state);
+              return h("button",{key:"prog-"+row.cur, type:"button",
+                style:{display:"flex", alignItems:"center", gap:10, width:"100%", textAlign:"left", background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:10, padding:"8px 10px", marginBottom:6, cursor:"pointer", color:"var(--dsw-alias-label-primary)", font:"inherit"},
+                onMouseDown:stopFocusSteal, onClick:function(){ store.setCur(row.cur); }},
+                h("span",{style:{fontSize:14, width:16, textAlign:"center", color:dot.color}}, dot.text),
+                h("span",{style:{flex:1, fontSize:13}}, row.title),
+                h("span",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)"}}, row.note));
+            }),
+            h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", margin:"10px 0", lineHeight:1.7}}, t("step.overview.desc")),
+            h("div",{style:{display:"flex", gap:8, flexWrap:"wrap"}},
+              h("button",{type:"button", style:S.btn, onMouseDown:stopFocusSteal, onClick:function(){ store.validate(); }}, s.busy==="validate"? t("action.validating") : t("action.validate")),
+              h("button",{type:"button", style:Object.assign({}, S.btn, S.btnGhost), onMouseDown:stopFocusSteal, onClick:function(){ store.setCur(3); }}, t("step.export")),
+              h("button",{type:"button", style:Object.assign({}, S.btn, S.btnGhost), onMouseDown:stopFocusSteal, onClick:function(){ store.saveCurrentToLibrary(); }}, t("workshop.library.save"))),
+            s.lastMsg? h("div",{style:{marginTop:10, fontSize:12, color:"var(--dsw-alias-label-secondary)", lineHeight:1.7}}, s.lastMsg):null)
+        );
+      } else if(s.cur===7){
+        // ── 共享世界书（0.9.0）：一组一份，成员卡里只留角色私有条目 ──
+        var bk = s.book;
+        var gidB = String(s.currentGroupId||"");
+        var bookReady = !!(bk && bk.exists && bk.book);
+        var dup = (bk && bk.scan && bk.scan.candidates) ? bk.scan.candidates : [];
+        main=h("div",null,
+          h("div",{style:S.readCard},
+            h("h3",{style:S.readTitle}, t("book.title"),
+              bookReady? h("span",{style:Object.assign({}, S.badge, {marginLeft:8})}, "rev "+bk.rev) : null,
+              (bk && bk.group)? h("span",{style:{marginLeft:8, fontSize:12, fontWeight:400, color:"var(--dsw-alias-label-secondary)"}}, "· "+bk.group.name) : null),
+            h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginBottom:10, lineHeight:1.7}}, t("book.hint")),
+            !gidB
+              ? h("div",{style:{fontSize:12, color:"var(--dsw-alias-label-secondary)"}}, t("book.noGroup"))
+              : h("div",null,
+                  // 书级参数：defaultValue + onBlur 提交 —— 不随每次击键发 RPC
+                  h("div",{style:{display:"grid", gridTemplateColumns:"1fr 1fr", gap:"0 18px"}},
+                    h("div",{style:S.fieldRow},
+                      h("div",{style:S.fieldLabel}, h("label",{style:S.fieldName}, t("book.name"))),
+                      h("input",{style:S.readInput, defaultValue: bookReady? bk.book.data.name : "", placeholder:t("workshop.field.empty"),
+                        onBlur:function(ev){ if(bookReady && ev.target.value !== bk.book.data.name) store.patchBook({name: ev.target.value}); }})),
+                    h("div",{style:S.fieldRow},
+                      h("div",{style:S.fieldLabel}, h("label",{style:S.fieldName}, t("book.budget"))),
+                      h("input",{style:S.readInput, defaultValue: bookReady? String(bk.book.data.token_budget) : "", placeholder:"2000",
+                        onBlur:function(ev){ var n=Number(ev.target.value); if(bookReady && n>0 && n!==bk.book.data.token_budget) store.patchBook({token_budget:n}); }})),
+                    h("div",{style:S.fieldRow},
+                      h("div",{style:S.fieldLabel}, h("label",{style:S.fieldName}, t("book.depth"))),
+                      h("input",{style:S.readInput, defaultValue: bookReady? String(bk.book.data.scan_depth) : "", placeholder:"4",
+                        onBlur:function(ev){ var n=Number(ev.target.value); if(bookReady && n>0 && n!==bk.book.data.scan_depth) store.patchBook({scan_depth:n}); }})),
+                    h("div",{style:S.fieldRow},
+                      h("div",{style:S.fieldLabel}, h("label",{style:S.fieldName}, t("book.desc"))),
+                      h("input",{style:S.readInput, defaultValue: bookReady? bk.book.data.description : "", placeholder:t("workshop.field.empty"),
+                        onBlur:function(ev){ if(bookReady && ev.target.value !== bk.book.data.description) store.patchBook({description: ev.target.value}); }}))),
+                  h("div",{style:{marginTop:12, marginBottom:6, fontSize:12, fontWeight:600}},
+                    t("book.entries",{n:String(bookReady? bk.book.data.entries.length : 0)}),
+                    bookReady? h("span",{style:Object.assign({}, S.badge, {marginLeft:8})}, t("book.tokens",{n:String(bk.tokens||0)})) : null),
+                  // ⚠️ 宿主端点给的是**原始文档**（book.data.entries）—— 预览与长度在客户端算、删除按 index 定位。
+                  // 别再读成顶层字段：关系视图就是这么踩过一次（数据在 group 里、界面却显示 0 条）。
+                  bookReady? h("div",null, bk.book.data.entries.map(function(e, ei){
+                    var txt = String(e.content||"");
+                    return h("div",{key:ei, style:{border:"1px solid var(--dsw-alias-border-l1)", borderRadius:10, padding:"8px 10px", marginBottom:8, background:"var(--dsw-alias-bg-base)"}},
+                      h("div",{style:{display:"flex", alignItems:"center", gap:6, flexWrap:"wrap"}},
+                        h("span",{style:{fontWeight:600, fontSize:12}}, e.name||"—"),
+                        h("span",{style:Object.assign({}, S.badge, {fontSize:10})}, e.constant? t("book.constant") : ((e.keys||[]).join(", ")||"—")),
+                        h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)"}}, String(txt.length)+" chars"),
+                        h("button",{type:"button", style:Object.assign({}, S.btnGhost, {marginLeft:"auto", padding:"2px 8px", fontSize:11, border:"1px solid #3a2a2a", color:"#e8a6a6", background:"transparent"}), onMouseDown:stopFocusSteal,
+                          onClick:function(){ store.patchBook({ops:[{op:"removeEntry", index:ei}]}); }}, t("common.delete"))),
+                      h("div",{style:{fontSize:12, lineHeight:1.7, marginTop:4, whiteSpace:"pre-wrap", wordBreak:"break-word", color:"var(--dsw-alias-label-secondary)"}}, txt.slice(0,80).replace(/\s+/g," ") + (txt.length>80? " …":"")));
+                  })) : null,
+                  // 新条目：内联表单（不用 window.prompt —— 内嵌 webview 会拦掉原生对话框，表现为「点了没反应」）
+                  h("div",{style:{marginTop:6, paddingTop:10, borderTop:"1px dashed var(--dsw-alias-border-l1)"}},
+                    h("div",{style:{display:"flex", gap:6, flexWrap:"wrap", alignItems:"center"}},
+                      h("input",{placeholder:t("book.entryName"), value:bookForm.name, style:{width:120, background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"4px 8px", fontSize:12}, onChange:function(ev){ setBookForm(Object.assign({}, bookForm, {name: ev.target.value})); }}),
+                      h("input",{placeholder:t("book.entryKeys"), value:bookForm.keys, style:{width:180, background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"4px 8px", fontSize:12}, onChange:function(ev){ setBookForm(Object.assign({}, bookForm, {keys: ev.target.value})); }}),
+                      h("button",{type:"button", style:Object.assign({}, S.btn, {padding:"4px 12px", fontSize:12}), onMouseDown:stopFocusSteal,
+                        disabled: s.bookBusy==="patch",
+                        onClick:function(){
+                          var content=String(bookForm.content||"").trim();
+                          if(!content) return;
+                          store.patchBook({ops:[{op:"addEntry", entry:{ name:String(bookForm.name||"").trim(),
+                            keys:String(bookForm.keys||"").split(",").map(function(x){ return x.trim(); }).filter(Boolean), content: content }}]});
+                          setBookForm({name:"", keys:"", content:""});
+                        }}, s.bookBusy==="patch"? "…" : t("action.addEntry"))),
+                    h("textarea",{placeholder:t("book.entryContent"), value:bookForm.content, style:Object.assign({}, S.textarea, {minHeight:70, marginTop:6}),
+                      onChange:function(ev){ setBookForm(Object.assign({}, bookForm, {content: ev.target.value})); }})),
+                  // 成员卡之间的重复条目 → 一键提升（去重的正解）
+                  h("div",{style:{marginTop:14, paddingTop:10, borderTop:"1px dashed var(--dsw-alias-border-l1)"}},
+                    h("div",{style:{fontSize:12, fontWeight:600, marginBottom:4}}, t("book.dupTitle")),
+                    dup.length===0
+                      ? h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)"}}, t("book.dupNone"))
+                      : h("div",null,
+                          h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginBottom:6, lineHeight:1.7}}, t("book.promoteHint")),
+                          dup.map(function(c, i){
+                            return h("div",{key:c.signature||i, style:{border:"1px solid var(--dsw-alias-border-l1)", borderRadius:10, padding:"8px 10px", marginBottom:6, background:"var(--dsw-alias-bg-base)"}},
+                              h("div",{style:{display:"flex", alignItems:"center", gap:6, flexWrap:"wrap"}},
+                                h("span",{style:{fontWeight:600, fontSize:12}}, c.name||"—"),
+                                h("span",{style:Object.assign({}, S.badge, {fontSize:10})}, t("book.dupItem",{n:String(c.cards), chars:String(c.savedChars||0)})),
+                                (c.nameMismatch||c.keysMismatch)? h("span",{style:Object.assign({}, S.badge, {fontSize:10, color:"#ffc46b", borderColor:"#ffc46b"})}, t("book.dupMismatch")) : null),
+                              h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginTop:4, whiteSpace:"pre-wrap", wordBreak:"break-word"}}, c.preview));
+                          }),
+                          h("div",{style:{display:"flex", gap:8, marginTop:8, flexWrap:"wrap"}},
+                            h("button",{type:"button", style:Object.assign({}, S.btn, {padding:"4px 12px", fontSize:12}), onMouseDown:stopFocusSteal,
+                              disabled: !!(s.bookBusy==="scan"||s.bookBusy==="promote"),
+                              onClick:function(){ store.promoteBook(null, true); }}, (s.bookBusy==="promote")? "…" : t("book.promote")))))),
+                  s.lastMsg? h("div",{style:{marginTop:10, fontSize:12, color:"var(--dsw-alias-label-secondary)", lineHeight:1.7}}, s.lastMsg):null),
+          (gidB && bookReady) ? h("div",{style:S.readCard},
+            h("h3",{style:S.readTitle}, t("export.book.title")),
+            h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginBottom:10, lineHeight:1.7}}, t("export.book.hint")),
+            h("div",{style:{display:"flex", gap:8, flexWrap:"wrap"}},
+              h("button",{type:"button", style:S.btn, onMouseDown:stopFocusSteal, onClick:function(){ store.exportBookFile(); }}, t("export.book.button")),
+              h("button",{type:"button", style:Object.assign({}, S.btn, S.btnGhost), onMouseDown:stopFocusSteal, disabled: s.bookBusy==="apply", onClick:function(){ store.applyBook(); }}, s.bookBusy==="apply"? "…" : t("book.applyCard")),
+              h("button",{type:"button", style:Object.assign({}, S.btn, S.btnGhost), onMouseDown:stopFocusSteal, onClick:function(){ store.loadBook(); }}, t("book.refresh"))),
+            s.lastMsg? h("div",{style:{marginTop:10, fontSize:12, color:"var(--dsw-alias-label-secondary)"}}, s.lastMsg):null) : null
+        );
+      } else if(s.cur===6){
+        // 0.9.0：开场与示例从「角色」页拆出来 —— 左侧导航改按**卡片结构**排（角色 / 世界观 / 世界书 /
+        // 开场与示例 / 关系与分组 / 共享世界书），不再按「写作第几步」排：写作已交给 LLM，
+        // 工坊现在的职责是「看 + 微调 + 导出」，按结构分页比按步骤分页好找。
+        main=h("div",null,
           h("div",{style:S.readCard},
             h("h3",{style:S.readTitle},t("workshop.char.openingTitle")),
             field("first_mes","first_mes",{rowKey:"first"}),
@@ -1575,6 +1986,27 @@ window.__ModuleLoader__.load({
               h("button",{style: Object.assign({}, S.btn, S.btnGhost), onClick:function(){ store.validate(); }}, s.busy==="validate"? t("action.validating"): t("action.validate")),
               h("span",{style:{color:"var(--dsw-alias-label-secondary)", fontSize:11, alignSelf:"center"}}, t("workshop.export.hint2"))
             ),
+            // 0.9.0：组级共享世界书 —— 导出独立文件（零重复的做法），或按需把共享条目并进这张卡
+            (function(){
+              var bk=s.book, gid=String(s.currentGroupId||"");
+              var ready=!!(bk && bk.exists && bk.book);
+              if(!gid || !ready){
+                return h("div",{style:{fontSize:11, margin:"-4px 0 10px", lineHeight:1.7, color:"var(--dsw-alias-label-secondary)"}},
+                  t("export.book.title") + " · " + t("export.book.none"));
+              }
+              return h("div",{style:{border:"1px solid var(--dsw-alias-border-l1)", borderRadius:10, padding:"10px 12px", margin:"-4px 0 12px", background:"var(--dsw-alias-bg-base)"}},
+                h("div",{style:{display:"flex", alignItems:"center", gap:8, flexWrap:"wrap"}},
+                  h("strong",{style:{fontSize:12}}, t("export.book.title")),
+                  h("span",{style:S.badge}, bk.book.name||"—"),
+                  h("span",{style:S.badge}, t("book.entries",{n:String(bk.book.entries.length)})),
+                  h("span",{style:S.badge}, t("book.tokens",{n:String(bk.tokens||0)}))),
+                h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", margin:"6px 0 8px", lineHeight:1.7}}, t("export.book.hint")),
+                h("div",{style:{display:"flex", gap:8, flexWrap:"wrap", alignItems:"center"}},
+                  h("button",{type:"button", style:S.btn, onMouseDown:stopFocusSteal, onClick:function(){ store.exportBookFile(); }}, t("export.book.button")),
+                  h("label",{style:{display:"flex", alignItems:"center", gap:6, fontSize:11, color:"var(--dsw-alias-label-secondary)", cursor:"pointer"}},
+                    h("input",{type:"checkbox", checked:!!s.bookMerge, onChange:function(ev){ store.setBookMerge(ev.target.checked); }}),
+                    t("export.book.merge"))));
+            })(),
             // 导出页只认「当前工坊里的卡」：右侧卡片上的「导出」也是切到这一页，所以这里把口径写清楚
             // 从卡片跳进来、且那张卡不是工坊里这张时，把口径说透（导出的是谁、要导它该怎么做）；
             // 其余情况只留常态说明。
@@ -1594,94 +2026,139 @@ window.__ModuleLoader__.load({
         // ── 关系视图（s.cur === 4）──
         // 与导出页同属「不在左侧导航里的视图」：入口是右侧分组选择器旁的「关系」按钮。
         // 这里编辑的是**插件侧图谱**（<DSH_HOME>/cc-groups/）；只有「渲染到当前卡」才会把关系写进 description。
-        var relNodes = (s.relations && s.relations.nodes) || [];
-        var relEdges = (s.relations && s.relations.edges) || [];
+        // ⚠️ 节点与边在 `relations.group` **里面** —— 宿主半 cc_getGroup 的返回是 { group, members, rev }。
+        // 曾经按工具半 cc_get_relations 的形状读顶层的 s.relations.nodes / .edges，于是**永远读到空数组**：
+        // 界面显示「关系 · 0」、NPC 名字区空白，而 rev 与成员数正常（一个在 group 里、一个在顶层）——
+        // 看起来像「卡里的关系没读到」，实际是客户端读错了返回形状。
+        var relGroup = (s.relations && s.relations.group) || null;
+        var relNodes = (relGroup && relGroup.nodes) || [];
+        var relEdges = (relGroup && relGroup.edges) || [];
         var relMembers = (s.relations && s.relations.members) || [];
-        var relGroup = s.relations && s.relations.group;
         var gid = String(s.currentGroupId || "");
         var canEdit = !!gid && gid !== "__none";
         var relTypes = ["family","romance","mentor","friend","colleague","rival","enemy","debt","superior","other"];
         var nodeName = function(id){ var hit = relNodes.filter(function(x){ return x.id === id; })[0]; return hit ? hit.name : id; };
         var setF = function(patch){ setRelForm(Object.assign({}, relForm, patch)); };
         var smallSel = {fontSize:11, background:"transparent", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:6, color:"var(--dsw-alias-label-primary)", padding:"1px 4px"};
+        // 「当前卡」在组里的节点（用来在成员区标出「我」、并给「添加关系」挑默认的 from）
+        var myNode = relNodes.filter(function(n){ return n.kind === "card" && n.cardId === String(s.currentLibraryId||""); })[0];
+        var myNodeId = myNode ? myNode.id : "";
+        var relLabelOf = function(e){ return (e && e.label && String(e.label).trim()) ? String(e.label).trim() : t("rel.type."+((e && e.type) || "other")); };
+        /**
+         * 关系编辑的二级弹窗（添加 / 修改共用）。
+         * 为什么挪出来：原来每行关系都摆着「类型 / 强度 / 方向」三个下拉 + ✕，12 条关系就把整页占满，
+         * 读起来也不像「关系表」。现在列表是一行只读文本 + 一枚「编辑」，改哪条点哪条。
+         * 弹窗用 position:fixed 明确覆盖全屏（不依赖 S.overlay 的定位方式，因为它可能挂在主区里）。
+         */
+        function relDialog(titleKey, val, setVal, onSave, onDelete, withNodes){
+          var setV = function(patch){ setVal(Object.assign({}, val, patch)); };
+          var selStyle = {fontSize:12, background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"4px 8px"};
+          var labStyle = {fontSize:11, color:"var(--dsw-alias-label-secondary)"};
+          var close = function(){ setVal(null); };
+          return h("div",{style:{position:"fixed", inset:0, background:"rgba(0,0,0,.55)", zIndex:45, display:"flex", alignItems:"center", justifyContent:"center"},
+            onClick:function(e){ if(e.target===e.currentTarget) close(); }},
+            h("div",{style:{width:"min(470px, 92vw)", background:"var(--dsw-alias-bg-layer-1)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:16, padding:"16px", boxShadow:"var(--dsw-shadow-lv3)"}},
+              h("div",{style:{display:"flex", justifyContent:"space-between", alignItems:"center", marginBottom:12}},
+                h("strong",{style:{fontSize:14, color:"var(--dsw-alias-label-primary)"}}, t(titleKey)),
+                h("button",{type:"button", style:Object.assign({}, S.btnGhost, {padding:"4px 10px"}), onMouseDown:stopFocusSteal, onClick:close}, t("action.closeX"))),
+              withNodes ? h("div",{style:{display:"grid", gridTemplateColumns:"1fr 1fr", gap:10, marginBottom:10}},
+                h("label",{style:labStyle}, t("workshop.rel.from"),
+                  h("select",{style:Object.assign({}, selStyle, {width:"100%", marginTop:4}), value:val.from, onChange:function(ev){ setV({from:ev.target.value}); }},
+                    relNodes.map(function(n){ return h("option",{key:n.id, value:n.id}, n.name); }))),
+                h("label",{style:labStyle}, t("workshop.rel.to"),
+                  h("select",{style:Object.assign({}, selStyle, {width:"100%", marginTop:4}), value:val.to, onChange:function(ev){ setV({to:ev.target.value}); }},
+                    relNodes.map(function(n){ return h("option",{key:n.id, value:n.id}, n.name); })))) : null,
+              h("div",{style:{display:"grid", gridTemplateColumns:"1fr 1fr 1fr", gap:10}},
+                h("label",{style:labStyle}, t("workshop.rel.typeLabel"),
+                  h("select",{style:Object.assign({}, selStyle, {width:"100%", marginTop:4}), value:val.type, onChange:function(ev){ setV({type:ev.target.value}); }},
+                    relTypes.map(function(ty){ return h("option",{key:ty, value:ty}, t("rel.type."+ty)); }))),
+                h("label",{style:labStyle}, t("workshop.rel.strength"),
+                  h("select",{style:Object.assign({}, selStyle, {width:"100%", marginTop:4}), value:String(val.strength), onChange:function(ev){ setV({strength:Number(ev.target.value)}); }},
+                    [1,2,3,4,5].map(function(n){ return h("option",{key:n, value:String(n)}, n+"/5"); }))),
+                h("label",{style:labStyle}, t("workshop.rel.dirLabel"),
+                  h("select",{style:Object.assign({}, selStyle, {width:"100%", marginTop:4}), value:val.direction, onChange:function(ev){ setV({direction:ev.target.value}); }},
+                    h("option",{value:"one-way"}, t("workshop.rel.dirOneWay")),
+                    h("option",{value:"mutual"}, t("workshop.rel.dirMutual"))))),
+              h("input",{placeholder:t("workshop.rel.note"), value:val.note||"", style:Object.assign({}, selStyle, {width:"100%", boxSizing:"border-box", marginTop:10}), onChange:function(ev){ setV({note:ev.target.value}); }}),
+              h("div",{style:{display:"flex", gap:8, marginTop:14, justifyContent:"space-between"}},
+                onDelete ? h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid rgba(224,85,85,.55)", color:"#e05555", background:"transparent", padding:"4px 12px"}), onMouseDown:stopFocusSteal, onClick:onDelete}, t("common.delete")) : h("span",null),
+                h("div",{style:{display:"flex", gap:8}},
+                  h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-primary)", padding:"4px 12px"}), onMouseDown:stopFocusSteal, onClick:close}, t("action.cancel")),
+                  h("button",{type:"button", style:Object.assign({}, S.btn, {padding:"4px 14px"}), onMouseDown:stopFocusSteal, onClick:function(){ onSave(val); }}, t("action.done"))))));
+        }
         main = h("div",null,
           h("div",{style:S.readCard},
             h("h3",{style:S.readTitle}, t("workshop.rel.title"),
               h("span",{style:{marginLeft:8, fontSize:12, fontWeight:400, color:"var(--dsw-alias-label-secondary)"}}, "· " + ((relGroup && relGroup.name) || t("workshop.rel.noGroup"))),
-              relGroup ? h("span",{style:Object.assign({}, S.badge, {marginLeft:8})}, "rev " + relGroup.rev) : null),
+              relGroup ? h("span",{style:Object.assign({}, S.badge, {marginLeft:8})}, "rev " + relGroup.rev) : null,
+              // 0.9.0：把「这是哪张卡的视角」写在标题上 —— 关系是按组看的，很容易看错对象
+              myNode ? h("span",{style:{marginLeft:8, fontSize:12, fontWeight:400, color:"#7c5cff"}}, t("workshop.rel.myCard") + "：" + nodeName(myNodeId)) : null),
             h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginBottom:10, lineHeight:1.7}}, t("workshop.rel.hint")),
             !canEdit ? h("div",{style:{fontSize:12, color:"var(--dsw-alias-label-secondary)"}}, t("workshop.rel.pickGroup")) : h("div",null,
               h("div",{style:{fontSize:12, fontWeight:600, marginBottom:4}}, t("workshop.rel.members") + " · " + relMembers.length),
               h("div",{style:{display:"flex", flexWrap:"wrap", gap:6, marginBottom:14, alignItems:"center"}},
-                relMembers.map(function(m){ return h("span",{key:m.id, style:S.badge}, m.name); }),
+                relMembers.map(function(m){
+                  var isMe = String(m.id) === String(s.currentLibraryId||"");
+                  return h("span",{key:m.id, style:Object.assign({}, S.badge, isMe? {borderColor:"#7c5cff", color:"#7c5cff"}:{})}, m.name + (isMe? " · " + t("workshop.rel.myCard") : ""));
+                }),
                 relMembers.length===0 ? h("span",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)"}}, t("workshop.rel.noMember")) : null),
               h("div",{style:{display:"flex", flexWrap:"wrap", gap:6, marginBottom:14, alignItems:"center"}},
                 relNodes.filter(function(n){ return n.kind === "npc"; }).map(function(n){ return h("span",{key:n.id, style:S.badge}, n.name); }),
+                h("input",{placeholder:t("workshop.rel.nodePrompt"), value:npcDraft, style:{width:150, background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"2px 6px", fontSize:11},
+                  onChange:function(ev){ setNpcDraft(ev.target.value); },
+                  onKeyDown:function(ev){ var v=String(npcDraft||"").trim(); if(ev.key==="Enter" && v){ store.patchRelations([{op:"addNode", kind:"npc", name:v}]); setNpcDraft(""); } }}),
                 h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-secondary)", borderRadius:8, padding:"2px 8px", fontSize:11}), onClick:function(){
-                  var name = "";
-                  try{ if(typeof window!=="undefined" && window.prompt) name = String(window.prompt(t("workshop.rel.nodePrompt"), "")||"").trim(); }catch(e){}
-                  if(name) store.patchRelations([{op:"addNode", kind:"npc", name:name}]);
+                  var name = String(npcDraft||"").trim();
+                  if(name){ store.patchRelations([{op:"addNode", kind:"npc", name:name}]); setNpcDraft(""); }
                 }}, t("workshop.rel.addNode"))),
-              h("div",{style:{fontSize:12, fontWeight:600, marginBottom:4}}, t("workshop.rel.edges") + " · " + relEdges.length),
+              h("div",{style:{display:"flex", alignItems:"center", gap:8, marginBottom:6}},
+                h("div",{style:{fontSize:12, fontWeight:600, flex:1}}, t("workshop.rel.edges") + " · " + relEdges.length),
+                // 「添加关系」挪进二级弹窗：原来那张内联表单要占两行，把列表挤得很长
+                h("button",{type:"button", style:Object.assign({}, S.btn, {padding:"3px 10px", fontSize:11}), onMouseDown:stopFocusSteal,
+                  onClick:function(){
+                    var fromId = myNodeId || ((relNodes[0] && relNodes[0].id) || "");
+                    var other = relNodes.filter(function(n){ return n.id !== fromId; })[0];
+                    setRelForm({ from: fromId, to: other ? other.id : "", type: "friend", strength: 3, direction: "one-way", note: "" });
+                    setRelAddOpen(true);
+                  }}, t("workshop.rel.add"))),
               relEdges.length===0 ? h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginBottom:10}}, t("workshop.rel.noEdge")) :
+              // 一行只读 + 一枚「编辑」：类型/强度/方向/备注都在弹窗里改，列表因此回到「关系表」的样子
               h("div",null, relEdges.map(function(e){
-                return h("div",{key:e.id, style:{borderBottom:"1px solid var(--dsw-alias-border-l1)", padding:"6px 0"}},
-                  h("div",{style:{display:"flex", alignItems:"center", gap:6, flexWrap:"wrap"}},
-                    h("span",{style:{fontSize:12}}, nodeName(e.from)),
-                    h("span",{style:{color:"#7c5cff"}}, e.direction === "mutual" ? "⇄" : "→"),
-                    h("span",{style:{fontSize:12}}, nodeName(e.to)),
-                    h("select",{style:smallSel, value:e.type, onChange:function(ev){ store.patchRelations([{op:"updateEdge", edgeId:e.id, type:ev.target.value}]); }},
-                      relTypes.map(function(ty){ return h("option",{key:ty, value:ty}, t("rel.type."+ty)); })),
-                    h("select",{style:smallSel, value:String(e.strength), onChange:function(ev){ store.patchRelations([{op:"updateEdge", edgeId:e.id, strength:Number(ev.target.value)}]); }},
-                      [1,2,3,4,5].map(function(n){ return h("option",{key:n, value:String(n)}, n + "/5"); })),
-                    h("select",{style:smallSel, value:e.direction, onChange:function(ev){ store.patchRelations([{op:"updateEdge", edgeId:e.id, direction:ev.target.value}]); }},
-                      h("option",{value:"one-way"}, t("workshop.rel.dirOneWay")),
-                      h("option",{value:"mutual"}, t("workshop.rel.dirMutual"))),
-                    h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid #3a2a2a", background:"transparent", color:"#e8a6a6", borderRadius:6, padding:"1px 6px", fontSize:11}), onClick:function(){ store.patchRelations([{op:"removeEdge", edgeId:e.id}]); }}, "✕")),
-                  e.note ? h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginTop:2}}, e.note) : null);
+                return h("div",{key:e.id, style:{display:"flex", alignItems:"center", gap:8, padding:"5px 0", borderBottom:"1px solid var(--dsw-alias-border-l1)"}},
+                  h("span",{style:{fontSize:12, flexShrink:0}}, nodeName(e.from)),
+                  h("span",{style:{color:"#7c5cff", flexShrink:0}}, e.direction === "mutual" ? "⇄" : "→"),
+                  h("span",{style:{fontSize:12, flexShrink:0}}, nodeName(e.to)),
+                  h("span",{style:Object.assign({}, S.badge, {fontSize:10, flexShrink:0})}, relLabelOf(e)),
+                  h("span",{style:Object.assign({}, S.badge, {fontSize:10, flexShrink:0})}, e.strength+"/5"),
+                  h("span",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", flex:1, overflow:"hidden", textOverflow:"ellipsis", whiteSpace:"nowrap"}}, e.note||""),
+                  h("button",{type:"button", style:Object.assign({}, S.btnGhost, {flexShrink:0, padding:"2px 8px", fontSize:11, border:"1px solid var(--dsw-alias-border-l1)", color:"var(--dsw-alias-label-primary)", background:"transparent"}), onMouseDown:stopFocusSteal,
+                    onClick:function(){ setRelEdit({ edgeId:e.id, from:e.from, to:e.to, type:e.type, strength:e.strength, direction:e.direction, note:e.note||"" }); }}, t("workshop.rel.edit")));
               })),
-              h("div",{style:{marginTop:14, paddingTop:10, borderTop:"1px dashed var(--dsw-alias-border-l1)"}},
-                h("div",{style:{fontSize:12, fontWeight:600, marginBottom:6}}, t("workshop.rel.add")),
-                h("div",{style:{display:"flex", gap:6, flexWrap:"wrap", alignItems:"center"}},
-                  h("span",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)"}}, t("workshop.rel.from")),
-                  h("select",{style:Object.assign({}, smallSel, {background:"var(--dsw-alias-bg-base)", maxWidth:130}), value:relForm.from, onChange:function(ev){ setF({from:ev.target.value}); }},
-                    h("option",{value:""}, "—"),
-                    relNodes.map(function(n){ return h("option",{key:n.id, value:n.id}, n.name); })),
-                  h("span",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)"}}, t("workshop.rel.to")),
-                  h("select",{style:Object.assign({}, smallSel, {background:"var(--dsw-alias-bg-base)", maxWidth:130}), value:relForm.to, onChange:function(ev){ setF({to:ev.target.value}); }},
-                    h("option",{value:""}, "—"),
-                    relNodes.map(function(n){ return h("option",{key:n.id, value:n.id}, n.name); })),
-                  h("select",{style:Object.assign({}, smallSel, {background:"var(--dsw-alias-bg-base)"}), value:relForm.type, onChange:function(ev){ setF({type:ev.target.value}); }},
-                    relTypes.map(function(ty){ return h("option",{key:ty, value:ty}, t("rel.type."+ty)); })),
-                  h("select",{style:Object.assign({}, smallSel, {background:"var(--dsw-alias-bg-base)"}), value:String(relForm.strength), onChange:function(ev){ setF({strength:Number(ev.target.value)}); }},
-                    [1,2,3,4,5].map(function(n){ return h("option",{key:n, value:String(n)}, t("workshop.rel.strength") + " " + n); })),
-                  h("select",{style:Object.assign({}, smallSel, {background:"var(--dsw-alias-bg-base)"}), value:relForm.direction, onChange:function(ev){ setF({direction:ev.target.value}); }},
-                    h("option",{value:"one-way"}, t("workshop.rel.dirOneWay")),
-                    h("option",{value:"mutual"}, t("workshop.rel.dirMutual"))),
-                  h("button",{type:"button", style:Object.assign({}, S.btn, {padding:"3px 10px", fontSize:11}), onClick:function(){ store.patchRelations([{op:"addEdge", from:relForm.from, to:relForm.to, type:relForm.type, strength:relForm.strength, direction:relForm.direction, note:relForm.note}]); }}, t("workshop.rel.add"))),
-                h("input",{placeholder:t("workshop.rel.note"), style:{width:"100%", boxSizing:"border-box", marginTop:6, background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"4px 8px", fontSize:12}, value:relForm.note, onChange:function(ev){ setF({note:ev.target.value}); }})),
               h("div",{style:{display:"flex", gap:8, marginTop:14, flexWrap:"wrap"}},
                 h("button",{type:"button", style:Object.assign({}, S.btn, {padding:"4px 12px", fontSize:12}), onClick:function(){ store.renderRelationsToCard(); }, disabled: s.relBusy==="render"}, s.relBusy==="render" ? "…" : t("workshop.rel.render")),
                 h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-primary)", borderRadius:8, padding:"4px 12px", fontSize:12}), onClick:function(){ store.checkGroupNow(); }, disabled: s.relBusy==="check"}, s.relBusy==="check" ? "…" : t("workshop.rel.check")),
                 h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-secondary)", borderRadius:8, padding:"4px 12px", fontSize:12}), onClick:function(){ store.loadGroup(gid); }}, t("action.refresh")),
                 h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid #3a2a2a", background:"transparent", color:"#e8a6a6", borderRadius:8, padding:"4px 12px", fontSize:12}), onClick:function(){ store.deleteGroup(gid); }}, t("common.delete")))),
-            s.lastMsg ? h("div",{style:{marginTop:10, fontSize:12, color:"var(--dsw-alias-label-secondary)", lineHeight:1.7}}, s.lastMsg) : null)
+            s.lastMsg ? h("div",{style:{marginTop:10, fontSize:12, color:"var(--dsw-alias-label-secondary)", lineHeight:1.7}}, s.lastMsg) : null,
+            // —— 二级弹窗：改一条关系 / 加一条关系（列表只读，动作都在这里）——
+            relEdit ? relDialog("workshop.rel.editTitle", relEdit, setRelEdit,
+              function(v){ store.patchRelations([{op:"updateEdge", edgeId:v.edgeId, type:v.type, strength:v.strength, direction:v.direction, note:v.note}]); setRelEdit(null); },
+              function(){ store.patchRelations([{op:"removeEdge", edgeId:relEdit.edgeId}]); setRelEdit(null); }, false) : null,
+            relAddOpen ? relDialog("workshop.rel.addTitle", relForm,
+              function(v){ if(v===null){ setRelAddOpen(false); return; } setRelForm(v); },
+              function(v){ if(!v.from || !v.to || v.from===v.to) return; store.patchRelations([{op:"addEdge", from:v.from, to:v.to, type:v.type, strength:v.strength, direction:v.direction, note:v.note}]); setRelAddOpen(false); }, null, true) : null)
         );
       }
-      var stepsEls=steps.map(function(label, i){
-        var active=s.cur===i;
+      var stepsEls=steps.map(function(it, i){
+        var active=s.cur===it.cur;
         var hovered=hoverKey==="step:"+i;
         return h("span",{key:i, style: Object.assign({}, S.step, hovered&&!active? S.stepHover:{}, active? S.stepActive:{}),
           onMouseEnter:function(){ setHoverKey("step:"+i); },
           onMouseLeave:function(){ setHoverKey(null); },
-          onClick:function(){ store.setCur(i); }}, (i+1)+". "+label);
+          onClick:function(){ store.setCur(it.cur); }}, (i+1)+". "+t(it.key));
       });
       var filteredLibrary = (function(){
-        var gid = String(s.currentGroupId||"");
         var base = s.library;
-        // 0.8.0：分组筛选（"" = 全部；"__none" = 只看未分组）
-        if(gid === "__none") base = base.filter(function(e){ return !e.groupId; });
-        else if(gid) base = base.filter(function(e){ return String(e.groupId||"")===gid; });
         var q = String(s.libraryQuery||"").trim().toLowerCase();
         if(!q) return base;
         return base.filter(function(e){
@@ -1692,7 +2169,83 @@ window.__ModuleLoader__.load({
         });
       })();
       var bodyStyle = Object.assign({}, S.body, {gridTemplateColumns: s.libraryCollapsed ? "200px 1fr 40px" : "200px 1fr 268px"});
-      function renderLibrary(){
+      // 单张已存卡的渲染（抽成函数：分组折叠面板与搜索结果共用）
+      function renderCardEntry(entry){
+        var isBusy = s.libraryBusy && String(s.libraryBusy).indexOf(entry.id)>=0;
+        var isCurrent = s.currentLibraryId===entry.id;
+        // 列表展示前 4 个标签，「还有几个没显示」用 meta.tagsTotal 算（meta.tags 本身截断到 6 个 —— P1-11）
+        var tagTotal = (typeof entry.tagsTotal==="number") ? entry.tagsTotal : (entry.tags||[]).length;
+        var tagShown = Math.min((entry.tags||[]).length, 4);
+        var itemStyle = isCurrent ? Object.assign({}, S.libraryItem, {borderColor:"#7c5cff", background:"color-mix(in srgb, #7c5cff 8%, var(--dsw-alias-bg-layer-2))"}) : S.libraryItem;
+        return h("div",{key:entry.id, style:itemStyle},
+          h("div",{style:{display:"flex", alignItems:"center", justifyContent:"space-between", gap:6}},
+            h("div",{style:{fontWeight:600, fontSize:12, overflow:"hidden", textOverflow:"ellipsis", whiteSpace:"nowrap", flex:1}}, entry.name),
+            h("span",{style:Object.assign({}, S.badge, {flexShrink:0})}, t("common.loreCount").replace("{n}", String(entry.loreCount)))
+          ),
+          h("div",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", marginTop:2, fontFamily:"ui-monospace,Menlo,monospace"}}, "ID:"+entry.id.slice(0,8)),
+          h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginTop:2, whiteSpace:"nowrap", overflow:"hidden", textOverflow:"ellipsis"}}, entry.descriptionSnippet || (entry.tags||[]).join(" · ") || "—"),
+          h("div",{style:{display:"flex", flexWrap:"wrap", gap:4, marginTop:6}},
+            (entry.tags||[]).slice(0,4).map(function(t2){ return h("span",{key:t2, style:Object.assign({}, S.badge, {fontSize:10, padding:"1px 5px"})}, t2); }),
+            tagTotal > tagShown ? h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)"}}, "+"+(tagTotal-tagShown)) : null
+          ),
+          h("div",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", marginTop:4}}, new Date(entry.updatedAt*1000).toLocaleString()),
+          h("div",{style:{display:"flex", gap:6, marginTop:8}},
+            h("button",{style:Object.assign({}, S.btn, {padding:"4px 8px", fontSize:11, flex:1}), onClick:function(){ store.loadFromLibrary(entry.id); }, disabled: !!isBusy}, isBusy?"…":t("workshop.library.load")),
+            // 「导出」保留原位、只切到导出页（0.4.1 归一）：导出页导出的始终是当前工坊里的卡
+            h("button",{style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:(jumpFrom && jumpFrom.id===entry.id)? "#a6e8c8" : "var(--dsw-alias-label-secondary)", borderRadius:8, padding:"4px 8px", fontSize:11}), title:t("workshop.library.exportTip"), onClick:function(){ jumpToExport(entry); }}, (jumpFrom && jumpFrom.id===entry.id)? t("workshop.library.exportJumped"): t("workshop.library.export")),
+            h("button",{style:Object.assign({}, S.btnGhost, {border:"1px solid #3a2a2a", background:"transparent", color:"#e8a6a6", borderRadius:8, padding:"4px 8px", fontSize:11}), onClick:function(){ store.deleteFromLibrary(entry.id); }, disabled: !!isBusy}, t("common.delete")),
+            h("select",{style:{background:"transparent", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:(entry.groupId?"#7c5cff":"var(--dsw-alias-label-secondary)"), fontSize:11, padding:"2px 4px", maxWidth:92, flexShrink:0}, value:String(entry.groupId||""), disabled: !!isBusy, title:t("workshop.group.assign"), onChange:function(ev){ store.assignGroup(entry.id, ev.target.value||null); }},
+              h("option",{value:""}, t("workshop.group.none")),
+              (s.groups||[]).map(function(g){ return h("option",{key:g.id, value:g.id}, g.name); }))
+          )
+        );
+      }
+      /**
+       * 已存角色列表（折叠面板版）：**一个分组一节**，节标题就是分组名、点一下折叠/展开；
+       * 没归组的卡拉进「未分组」那一节（永远显示，即使为空）。搜索时平铺全部命中项 —— 那时折叠只会碍事。
+       */
+      function renderGroupedList(){
+        var q = String(s.libraryQuery||"").trim().toLowerCase();
+        var all = s.library || [];
+        if(q){
+          var hits = all.filter(function(e){
+            var nameMatch = String(e.name||"").toLowerCase().indexOf(q)>=0;
+            var tagMatch = Array.isArray(e.tags) && e.tags.some(function(x){ return String(x).toLowerCase().indexOf(q)>=0; });
+            var loreMatch = String(e.loreCount||"").indexOf(q)>=0;
+            return nameMatch || tagMatch || loreMatch;
+          });
+          if(!hits.length) return h("div",{style:{fontSize:12, color:"var(--dsw-alias-label-secondary)", textAlign:"center", padding:"24px 8px"}}, t("workshop.library.noMatch"));
+          return h("div",{style:{display:"flex", flexDirection:"column", gap:6}}, hits.map(renderCardEntry));
+        }
+        if(!all.length) return h("div",{style:{fontSize:12, color:"var(--dsw-alias-label-secondary)", textAlign:"center", padding:"24px 8px"}}, t("workshop.library.empty"));
+        var byGroup = {};
+        all.forEach(function(e){ var g = String(e.groupId||""); if(!byGroup[g]) byGroup[g] = []; byGroup[g].push(e); });
+        var sections = (s.groups||[]).map(function(g){ return { id:g.id, name:g.name, items: byGroup[g.id]||[], hasBook: !!g.hasBook, bookEntries: g.bookEntries||0 }; });
+        sections.push({ id:"", name: t("workshop.group.none"), items: byGroup[""]||[], hasBook:false, bookEntries:0 });
+        var out = sections.map(function(sec){
+          var collapsed = !!collapsedGroups[sec.id];
+          return h("div",{key:"sec:"+sec.id, style:{marginBottom:6}},
+            h("div",{style:{display:"flex", alignItems:"center", gap:6, padding:"5px 6px", cursor:"pointer", borderRadius:8, background:"var(--dsw-alias-bg-layer-1)", border:"1px solid var(--dsw-alias-border-l1)"}, onClick:function(){ toggleGroupCollapsed(sec.id); }},
+              h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", width:10, flexShrink:0}}, collapsed ? "▸" : "▾"),
+              h("span",{style:{fontSize:12, fontWeight:600, flex:1, overflow:"hidden", textOverflow:"ellipsis", whiteSpace:"nowrap"}}, sec.name),
+              h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", flexShrink:0}}, String(sec.items.length)),
+              // 0.9.0：这组有共享世界书时挂一枚入口（点它切到共享书视图并选中这个组）
+              (sec.id && sec.hasBook) ? h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid #7c5cff", background:"transparent", color:"#7c5cff", borderRadius:6, padding:"1px 6px", fontSize:10, flexShrink:0}), title:t("step.book"), onClick:function(ev){ ev.stopPropagation(); store.setCurrentGroupId(sec.id); store.setCur(7); }}, "📖 "+String(sec.bookEntries||0)) : null,
+              sec.id ? h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid #7c5cff", background:"transparent", color:"#7c5cff", borderRadius:6, padding:"1px 6px", fontSize:10, flexShrink:0}), onClick:function(ev){ ev.stopPropagation(); store.openRelationsFor(sec.id); }}, t("workshop.rel.open")) : null),
+            collapsed ? null : h("div",{style:{paddingLeft:2, display:"flex", flexDirection:"column", gap:6, marginTop:6}},
+              sec.items.length ? sec.items.map(renderCardEntry)
+                : h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", padding:"2px 8px"}}, t("workshop.group.empty")))
+          );
+        });
+        out.push(h("div",{key:"new-group", style:{marginTop:8}},
+          groupDraft === null
+            ? h("button",{type:"button", style:Object.assign({}, S.btnGhost, {width:"100%", border:"1px dashed var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-secondary)", borderRadius:8, padding:"6px 8px", fontSize:11}), onClick:function(){ setGroupDraft(""); }}, t("workshop.group.newGroup"))
+            : h("input",{autoFocus:true, value:groupDraft, placeholder:t("workshop.group.prompt"), style:{width:"100%", boxSizing:"border-box", background:"var(--dsw-alias-bg-base)", border:"1px solid #7c5cff", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"6px 8px", fontSize:11},
+                onChange:function(ev){ setGroupDraft(ev.target.value); },
+                onKeyDown:function(ev){ if(ev.key==="Enter"){ store.createGroup(ev.target.value); setGroupDraft(null); } if(ev.key==="Escape"){ setGroupDraft(null); } },
+                onBlur:function(ev){ var v=String(ev.target.value||"").trim(); if(v) store.createGroup(v); setGroupDraft(null); }})));
+        return h("div",null, out);
+      }      function renderLibrary(){
         if(s.libraryCollapsed){
           return h("div",{style:S.libraryCollapsedBar},
             h("button",{style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-primary)", borderRadius:8, padding:"6px 8px", fontSize:12, cursor:"pointer", width:28, height:28, display:"flex", alignItems:"center", justifyContent:"center"}), onClick:function(){ store.toggleLibraryCollapsed(); }, title:t("workshop.library.expand")}, "◀"),
@@ -1730,53 +2283,10 @@ window.__ModuleLoader__.load({
               h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", alignSelf:"center", overflow:"hidden", textOverflow:"ellipsis", whiteSpace:"nowrap", flex:1, textAlign:"right"}}, s.draft.data.name ? s.draft.data.name.slice(0,8) : t("workshop.library.unnamed"))
             ),
             h("input",{placeholder:t("workshop.library.searchPlaceholder"), style:{width:"100%", boxSizing:"border-box", maxWidth:"100%", background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"6px 8px", fontSize:12}, value:s.libraryQuery, onChange:function(e){ store.setLibraryQuery(e.target.value); }}),
-            // 0.8.0 分组：同一世界观的角色拉进一组，关系网按组维护（「关系」按钮进关系视图，s.cur===4）
-            h("div",{style:{display:"flex", gap:6, marginTop:6}},
-              h("select",{style:{flex:1, minWidth:0, background:"var(--dsw-alias-bg-base)", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:"var(--dsw-alias-label-primary)", padding:"4px 6px", fontSize:12}, value:s.currentGroupId||"", onChange:function(e){ store.setCurrentGroupId(e.target.value); }},
-                h("option",{value:""}, t("workshop.group.all")),
-                h("option",{value:"__none"}, t("workshop.group.none")),
-                (s.groups||[]).map(function(g){ return h("option",{key:g.id, value:g.id}, g.name + " · " + t("workshop.group.summary",{n:String(g.memberCount), m:String(g.edgeCount)})); })),
-              h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:"var(--dsw-alias-label-secondary)", borderRadius:8, padding:"4px 8px", fontSize:11, flexShrink:0}), onClick:function(){ store.createGroup(); }}, t("workshop.group.new")),
-              h("button",{type:"button", style:Object.assign({}, S.btnGhost, {border:"1px solid #7c5cff", background:"transparent", color:"#7c5cff", borderRadius:8, padding:"4px 8px", fontSize:11, flexShrink:0}), disabled: !s.currentGroupId || s.currentGroupId==="__none", onClick:function(){ store.setCur(4); }}, t("workshop.rel.open"))),
+
             s.lastMsg ? h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", whiteSpace:"nowrap", overflow:"hidden", textOverflow:"ellipsis"}}, s.lastMsg) : null
           ),
-          h("div",{style:S.libraryList},
-            filteredLibrary.length===0 ? h("div",{style:{fontSize:12, color:"var(--dsw-alias-label-secondary)", textAlign:"center", padding:"24px 8px"}}, s.library.length===0 ? t("workshop.library.empty") : t("workshop.library.noMatch")) :
-            filteredLibrary.map(function(entry){
-              var isBusy = s.libraryBusy && String(s.libraryBusy).indexOf(entry.id)>=0;
-              var isCurrent = s.currentLibraryId===entry.id;
-              // 列表展示前 4 个标签，但「还有几个没显示」必须用 meta.tagsTotal 算：meta.tags 本身截断到 6 个，
-              // 拿它的长度当总数会偏小（卡里 7 个、列表只显示 6 个，用户会以为标签没存上 —— LLM 侧回测报的 P1-11）
-              var tagTotal = (typeof entry.tagsTotal==="number") ? entry.tagsTotal : (entry.tags||[]).length;
-              var tagShown = Math.min((entry.tags||[]).length, 4);
-              var itemStyle = isCurrent ? Object.assign({}, S.libraryItem, {borderColor:"#7c5cff", background:"color-mix(in srgb, #7c5cff 8%, var(--dsw-alias-bg-layer-2))"}) : S.libraryItem;
-              return h("div",{key:entry.id, style:itemStyle},
-                h("div",{style:{display:"flex", alignItems:"center", justifyContent:"space-between", gap:6}},
-                  h("div",{style:{fontWeight:600, fontSize:12, overflow:"hidden", textOverflow:"ellipsis", whiteSpace:"nowrap", flex:1}}, entry.name),
-                  h("span",{style:Object.assign({}, S.badge, {flexShrink:0})}, t("common.loreCount").replace("{n}", String(entry.loreCount)))
-                ),
-                h("div",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", marginTop:2, fontFamily:"ui-monospace,Menlo,monospace"}}, "ID:"+entry.id.slice(0,8)),
-                h("div",{style:{fontSize:11, color:"var(--dsw-alias-label-secondary)", marginTop:2, whiteSpace:"nowrap", overflow:"hidden", textOverflow:"ellipsis"}}, entry.descriptionSnippet || entry.tags.join(" · ") || "—"),
-                h("div",{style:{display:"flex", flexWrap:"wrap", gap:4, marginTop:6}},
-                  (entry.tags||[]).slice(0,4).map(function(t){ return h("span",{key:t, style:Object.assign({}, S.badge, {fontSize:10, padding:"1px 5px"})}, t); }),
-                  tagTotal > tagShown ? h("span",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)"}}, "+"+(tagTotal-tagShown)) : null
-                ),
-                h("div",{style:{fontSize:10, color:"var(--dsw-alias-label-secondary)", marginTop:4}}, new Date(entry.updatedAt*1000).toLocaleString()),
-                h("div",{style:{display:"flex", gap:6, marginTop:8}},
-                  h("button",{style:Object.assign({}, S.btn, {padding:"4px 8px", fontSize:11, flex:1}), onClick:function(){ store.loadFromLibrary(entry.id); }, disabled: !!isBusy}, isBusy?"…":t("workshop.library.load")),
-                  // 「导出」保留在原位，但改成切到导出页（0.4.1 归一）：导出页导出的始终是当前工坊里的卡，
-                  // 想导这张已存角色先点「载入」—— 免得这里悄悄换掉用户正在编辑的草稿。
-                  // 点下去按钮自己先变（「已切到 ✓」），不然切页发生在中栏、用户视线却在右侧，会以为没反应。
-                  h("button",{style:Object.assign({}, S.btnGhost, {border:"1px solid var(--dsw-alias-border-l1)", background:"transparent", color:(jumpFrom && jumpFrom.id===entry.id)? "#a6e8c8" : "var(--dsw-alias-label-secondary)", borderRadius:8, padding:"4px 8px", fontSize:11}), title:t("workshop.library.exportTip"), onClick:function(){ jumpToExport(entry); }}, (jumpFrom && jumpFrom.id===entry.id)? t("workshop.library.exportJumped"): t("workshop.library.export")),
-                  h("button",{style:Object.assign({}, S.btnGhost, {border:"1px solid #3a2a2a", background:"transparent", color:"#e8a6a6", borderRadius:8, padding:"4px 8px", fontSize:11}), onClick:function(){ store.deleteFromLibrary(entry.id); }, disabled: !!isBusy}, t("common.delete")),
-                  // 0.8.0：直接把卡归到某个分组（空 = 未分组）。分组是关系图谱的载体。
-                  h("select",{style:{background:"transparent", border:"1px solid var(--dsw-alias-border-l1)", borderRadius:8, color:(entry.groupId?"#7c5cff":"var(--dsw-alias-label-secondary)"), fontSize:11, padding:"2px 4px", maxWidth:92, flexShrink:0}, value:String(entry.groupId||""), disabled: !!isBusy, title:t("workshop.group.assign"), onChange:function(ev){ store.assignGroup(entry.id, ev.target.value||null); }},
-                    h("option",{value:""}, t("workshop.group.none")),
-                    (s.groups||[]).map(function(g){ return h("option",{key:g.id, value:g.id}, g.name); }))
-                )
-              );
-            })
-          )
+          h("div",{style:S.libraryList}, renderGroupedList())
         );
       }
       return h("div",{style:S.overlay,
@@ -1838,9 +2348,33 @@ window.__ModuleLoader__.load({
           })(),
           h("div",{style:bodyStyle},
             h("div",{style:S.nav},
-              navItem(0, t("step.world"), t("step.world.desc")),
-              navItem(1, t("step.char"), t("step.char.desc")),
-              navItem(2, t("step.lore"), t("step.lore.desc")),
+              // 0.9.0：左侧从「写作三步」改成**卡片结构 + 进度徽章**。写作早交给 LLM 了，
+              // 工坊现在的职责是「看 + 微调 + 导出」，所以按卡片组成分页，每项右侧挂三态进度点与计数。
+              (function(){
+                var prog = draftProgress(s);
+                var byCur = {};
+                prog.forEach(function(p){ byCur[p.cur] = p; });
+                var curGid = String(s.currentGroupId||"");
+                var curGroup = null;
+                for(var i=0;i<s.groups.length;i++){ if(String(s.groups[i].id)===curGid) curGroup = s.groups[i]; }
+                var relProg = (s.relations && s.relations.group)
+                  // ⚠️ 边在 group **里面**（宿主 cc_getGroup 的形状是 {group,members,rev}）——
+                  // 这里曾经读顶层 s.relations.edges，于是左侧永远显示「0 条」（视图里却有 12 条）。
+                  ? { state: (((s.relations.group.edges||[]).length)? "ok":"partial"), note: t("common.entries",{n:String((s.relations.group.edges||[]).length)}) }
+                  : { state: "missing", note: s.groups.length? t("book.groups",{n:String(s.groups.length)}) : "—" };
+                var bookProg = (curGroup && curGroup.hasBook)
+                  ? { state: (curGroup.bookEntries? "ok":"partial"), note: t("common.entries",{n:String(curGroup.bookEntries||0)}) }
+                  : { state: "missing", note: "—" };
+                return [
+                  navItem(5, t("step.overview"), t("step.overview.desc"), null),
+                  navItem(1, t("step.char"), t("step.char.desc"), byCur[1]),
+                  navItem(0, t("step.world"), t("step.world.desc"), byCur[0]),
+                  navItem(2, t("step.lore"), t("step.lore.desc"), byCur[2]),
+                  navItem(6, t("step.greetings"), t("step.greetings.desc"), byCur[6]),
+                  navItem(4, t("step.rel"), t("step.rel.desc"), relProg),
+                  navItem(7, t("step.book"), t("step.book.desc"), bookProg)
+                ];
+              })(),
               h("div",{style:{marginTop:"auto", paddingTop:12, borderTop:"1px solid var(--dsw-alias-border-l1)", display:"flex", flexDirection:"column", gap:8}},
                 // 「校验导出」入口：这一步原本是导航里的第 4 项，与这枚按钮重复，0.4.1 合并成一枚。
                 // 点它切到导出页（校验按钮在那一页里）。