dsh-plugin-tlrp 0.3.0 → 0.4.0

package/README.md

@@ -2,7 +2,7 @@
 
 DSH 核心角色扮演与**多形态矩阵**插件：把「当前用哪种形态说话、能动哪些工具、要不要写状态面板」从人设文本里的死规则，变成可在设置面板里自由增删改的运行时形态（Mode）。
 
-- 包名 `dsh-plugin-tlrp`，版本 `0.3.0`，零外部重型依赖
+- 包名 `dsh-plugin-tlrp`，版本 `0.4.0`，零外部重型依赖
 - 双入口：ESM `index.js` + CommonJS `index.cjs`，同一份实现源（`lib/core.cjs`）
 - 六块能力：设置命名空间 / 形态矩阵（自定义形态 + 动态指令）/ 动态提示变量 / 每轮尾部深度注入 / 按形态的工具拦截 / 多角色与触发映射表
 
@@ -39,6 +39,11 @@ tlrp 把这三件事都挪到宿主层：
 | `customSceneOverride` | string | `""` | 临时情景覆盖 |
 | `characters` | array | 内置 `firefly` + `sam_tactical` | 多角色预设库 |
 | `triggers` | array | 内置 5 组流萤触发映射 | 提示词触发映射表（动态世界书） |
+| `styleLayerDefault` | `on` \| `dialog` \| `off` | `off` | 全局风格层档位（形态与 `/style` 可各自覆盖）：`on` 只加语气与表情/贴纸，`dialog` 再进一步砍掉动作、环境、外貌与旁白 |
+| `styleEmojiHint` | string | 适度使用 emoji 的说明 | 风格层里的表情规则；留空＝本轮不用 emoji |
+| `stickerDir` | string | `""` | 表情包目录；留空落 `~/.dsh/stickers/<角色id>/` |
+| `galleryDir` | string | `""` | 图库目录；留空落 `~/.dsh/gallery/` |
+| `maxStickersPerTurn` | number | `2` | 每轮最多贴几张图（`0`＝本轮禁止贴图） |
 
 非面板字段（通过 `cordis.patch.yml` 调）：`timeZone`、`statusFooterLabel`、`registerNowVariable`、`coreSectionEnabled`、`coreSectionOrder`、`coreSectionText`、`contextOrder`、`maxTriggerInjections`、`blockedToolPatterns`、`allowedToolPatterns`、`activeProfileEntryId`。
 
@@ -65,12 +70,30 @@ Web / CLI 走 `ctx.commands.register()`（拦截层，不产生模型消息）
 | `/char <id>` | 切换激活角色（`/char` 不带参数会列出可用 id） |
 | `/scene <描述>` | 覆盖当前情景；留空回到角色默认情景 |
 | `/tlrp status`（或 `/status`） | 打印路由锁定、本轮形态、以及**全部已注册形态**的优先级 / 工具策略 / 别名 / 触发链 |
+| `/style on` \| `dialog` \| `off` \| `default` \| `status` | 当轮覆盖风格层档位：`on` 只带语气＋表情/贴纸、`dialog` 对话体（只说出口的话，不写动作/环境/外貌/旁白）、`off` 关掉、`default` 交回「形态 → 全局」判定；不带参数等同 `status` |
 | 形态别名（动态注册） | 每个形态 `commandAliases` 里以 `/` 开头的别名都会被注册成真指令：默认有 `/rp` `/work` `/sam` `/sleep`，你新建 `debug` 形态并给它 `/debug`，就立刻多一条 `/debug` |
 
 首行标记等价于指令，但**只认已注册别名**：`【流萤】`/`【陪伴】` → `rp`、`【战术】` → `work`、`【萨姆】`/`【机甲】` → `sam`、`【医疗舱】` → `sleep`；你自己给 `debug` 形态写 `【排障】`，那 `【排障】` 就同样能切形态。
 
 旧写法（`/rp` `/work`）在默认形态表下照旧可用，因为它们就是 `rp`/`work` 形态自带的别名。
 
+## 三点五、风格层（只带语气，不演全套）
+
+风格层是叠加在形态之上的**表演强度旋钮**：它不换人设、不改工具策略，只决定「这一轮要不要写旁白」。
+
+四档，取值 `inherit` / `on` / `dialog` / `off`：
+
+| 档位 | 注入内容 |
+| --- | --- |
+| `inherit` | 跟随下一级（形态跟全局、全局 `inherit` 视作 `off`） |
+| `on` | 补语言风格（`speechStyle` + `dialogueExamples`）＋ emoji 规则 ＋ 本地表情包/图库清单；不复述人设，也不改形态原有的动作写法 |
+| `dialog` | 在 `on` 之上追加「本轮的表演强度」：只输出角色说出口的话，禁止 `*斜体动作*`、环境天气、陈设外貌、心理独白串，除非人设明确要求否则不写状态面板 |
+| `off` | 完全不注入风格块 |
+
+判定优先级：**会话 `/style` 覆盖 > 形态自带 `styleLayer` > 全局 `styleLayerDefault`**。形态自带值在设置面板的形态表单里改，全局值在「风格层（轻量注入）」分区里改，两者都不用重启。
+
+配合本地图库：把图片丢进 `~/.dsh/stickers/<角色id>/`（或自建目录并在 `stickerDir` 指定）与 `~/.dsh/gallery/`，标签＝文件名主干，插件只扫**顶层**文件（png/jpg/jpeg/webp/gif）。模型按 `![标签](绝对路径)` 的语法贴图，路径用正斜杠；客户端会把绝对路径改写成带鉴权的 `api/file` 地址，所以本地图能直接渲染。
+
 ## 四、提示变量
 
 | 变量 | 取值 |
@@ -168,14 +191,14 @@ dsh --profile web --dump-config | grep -A 8 "id: tlrp"
 
 | 脚本 | 证明什么 |
 | --- | --- |
-| `node --test test/core.test.mjs` | 24 条纯逻辑单测：指令解析、形态归一化与迁移、触发匹配、三种准则渲染、模板中和、时区格式化、多角色回落 |
-| `node scripts/apply-check.mjs` | 48 条端到端检查：用**真的** `SystemPrompt` 跑 `assemble()+renderPrompt()`，证明未知变量数为 0、核心 section/角色块/时间变量都在、auto 分流、形态准则切换、按 `toolPolicy` 拦截与放行、`/mode <id>` 与自定义别名（`/debug`、`【排障】`）切形态、**自定义第 5 个形态** 的专属准则/精简人设/`block_all` 全拦、`/char` `/scene` `/tlrp` 与 `settings.mutate` 落到 `include:tlrp`、命中「橡木蛋糕卷」注入、`sam_tactical` 独立人格、关闭态不拦截 |
+| `node --test test/core.test.mjs test/memory-bridge.test.mjs test/style.test.mjs` | 47 条纯逻辑单测：指令解析、形态归一化与迁移、触发匹配、三种准则渲染、模板中和、时区格式化、多角色回落、记忆桥、风格层四档解析与归一化、贴纸库扫描、风格块渲染 |
+| `node scripts/apply-check.mjs` | 66 条端到端检查：用**真的** `SystemPrompt` 跑 `assemble()+renderPrompt()`，证明未知变量数为 0、核心 section/角色块/时间变量都在、auto 分流、形态准则切换、按 `toolPolicy` 拦截与放行、`/mode <id>` 与自定义别名（`/debug`、`【排障】`）切形态、**自定义第 5 个形态** 的专属准则/精简人设/`block_all` 全拦、`/char` `/scene` `/tlrp` 与 `settings.mutate` 落到 `include:tlrp`、`/style` 四档在 work 与 rp 两侧切换（`dialog` 会同时改掉陪伴族格式红线与斜体动作要求）、命中「橡木蛋糕卷」注入、`sam_tactical` 独立人格、关闭态不拦截 |
 | `node scripts/mutate-check.mjs` | 21 条设置写入检查：用**真的** `dsh-settings` 代码跑 `describe()+mutate()`，九个 volatile 字段逐个往返、`modes` 数组往返（含自定义形态）、`mode` 可锁定到任意形态 id、非 volatile 字段被拒绝、未被服务的 ns（`tlrp`）被拒绝、批量写入 |
-| `node scripts/client-check.mjs` | 53 条客户端渲染检查：切换栏按 `modes` 动态渲染、自定义形态出现在切换栏、形态 CRUD 按钮与编辑器字段齐全 |
+| `node scripts/client-check.mjs` | 62 条客户端渲染检查：切换栏按 `modes` 动态渲染、自定义形态出现在切换栏、形态 CRUD 按钮与编辑器字段齐全、五个分区可折叠（`aria-expanded`、`data-open`、`hidden` 兜底 CSS）、风格层分区与形态级档位选择 |
 
 ```bash
 cd ~/.dsh/profiles/desktop
-node --test "D:/Code/my-dsh-plugins/packages/tlrp/test/core.test.mjs"
+node --test "D:/Code/my-dsh-plugins/packages/tlrp/test/core.test.mjs" "D:/Code/my-dsh-plugins/packages/tlrp/test/style.test.mjs"
 node "D:/Code/my-dsh-plugins/packages/tlrp/scripts/apply-check.mjs"
 node "D:/Code/my-dsh-plugins/packages/tlrp/scripts/mutate-check.mjs"
 ```

package/client.js

@@ -93,6 +93,17 @@ window.__ModuleLoader__.load({
     /** 工具策略下拉项：与 core.cjs 的 TOOL_POLICIES 一一对应。 */
     const TOOL_POLICY_OPTIONS = ["allow_all", "whitelist_only", "block_all"];
 
+    /** 风格层三态：与 lib/schema.cjs 的 modeShape.styleLayer 一一对应。 */
+    const STYLE_LAYER_OPTIONS = ["inherit", "on", "dialog", "off"];
+
+    /** 形态风格层三态的显示文案。 */
+    function styleLayerLabel(t, flag) {
+      if (flag === "on") return t("styleOn");
+      if (flag === "dialog") return t("styleDialog");
+      if (flag === "off") return t("styleOff");
+      return t("styleInherit");
+    }
+
     /** 新建形态用的空骨架：字段名与 lib/schema.cjs 的 modeShape 一一对应。 */
     const EMPTY_MODE = {
       id: "",
@@ -108,6 +119,7 @@ window.__ModuleLoader__.load({
       statusFooterOverride: "",
       bindCharacterId: "",
       isDefaultFallback: false,
+      styleLayer: "inherit",
     };
 
     /** 形态 id 的合法字符：与宿主注册斜杠指令时用的正则保持一致。 */
@@ -261,6 +273,23 @@ window.__ModuleLoader__.load({
 
       modeSection: "形态矩阵工作室 Mode Studio",
       modeSectionHint: "运行形态可以像角色一样自由增删改：每个形态有自己的行为准则、工具策略、状态面板模板与触发指令；auto 按优先级与关键词自动分流。",
+      styleSection: "风格层（轻量注入）",
+      styleSectionHint: "只把角色的语言风格、表情与本地贴纸追加进上下文，不演微动作；人设是否完整注入仍由形态的「注入完整人设」决定。对话里可用 /style on|off|default|status 临时开关。",
+      field_styleLayerDefault: "全局默认",
+      hint_styleLayerDefault: "形态设为「跟随全局默认」时用这里。只带语气=口吻像角色但仍可演；对话体=只说话，禁旁白、动作、环境与外貌描写。",
+      field_styleEmojiHint: "表情（emoji）用量",
+      hint_styleEmojiHint: "写进上下文的 emoji 使用规则；留空则声明本轮不用 emoji。",
+      field_stickerDir: "表情包目录",
+      hint_stickerDir: "留空则用 ~/.dsh/stickers/<角色 ID>；只读该目录顶层，文件名即标签，支持 png/jpg/jpeg/webp/gif。",
+      field_galleryDir: "图库目录",
+      hint_galleryDir: "留空则用 ~/.dsh/gallery；同样只读顶层，文件名即标签。",
+      field_maxStickersPerTurn: "每轮最多贴图",
+      hint_maxStickersPerTurn: "表情包与图库共用这个上限；0 表示整轮禁止贴图。",
+      styleSwatch: "当前判定",
+      sectionsToolbarExpand: "全部展开",
+      sectionsToolbarCollapse: "全部收起",
+      sectionsSummaryModes: "{count} 个形态",
+      sectionsSummaryTriggers: "{count} 条触发",
       mode: "当前模式",
       modeHint: "点顶部按钮直接锁定；选「自动路由」则按关键词与优先级每轮判定。",
       modeAuto: "自动路由 (auto)",
@@ -303,6 +332,12 @@ window.__ModuleLoader__.load({
       hint_mode_statusFooterOverride: "留空则使用角色自己的状态面板模板；可用 {label}{scene}{dress}{os}{heat}{shield}{vocoder}{entropy}。",
       field_mode_bindCharacterId: "联动角色",
       hint_mode_bindCharacterId: "切到该形态时自动切换到的角色；留空表示保持当前角色。",
+      field_mode_styleLayer: "风格层",
+      hint_mode_styleLayer: "跟随全局／强制开／强制关；对话里的 /style 优先级最高。",
+      styleInherit: "跟随全局默认",
+      styleOn: "只带语气",
+      styleDialog: "对话体（只说话不演）",
+      styleOff: "强制关",
       policyAllowAll: "放行全部工具",
       policyWhitelist: "仅白名单",
       policyBlockAll: "禁用全部工具",
@@ -424,6 +459,23 @@ window.__ModuleLoader__.load({
 
       modeSection: "Mode Studio",
       modeSectionHint: "Runtime modes are as editable as characters: each one carries its own directive, tool policy, status-footer template and trigger aliases; auto routes by priority and keywords.",
+      styleSection: "Style layer (lightweight injection)",
+      styleSectionHint: "Appends only the character's speech style, emoji rules and local stickers to the context, with no action roleplay; whether the full persona is injected stays controlled by the mode's Inject full persona switch. Toggle it in chat with /style on|off|default|status.",
+      field_styleLayerDefault: "Global default",
+      hint_styleLayerDefault: "Used by modes set to Follow global default. Tone only keeps acting; Dialogue only forbids narration, actions, environment and appearance.",
+      field_styleEmojiHint: "Emoji allowance",
+      hint_styleEmojiHint: "Emoji rule injected into the context; empty means this turn uses no emoji.",
+      field_stickerDir: "Sticker directory",
+      hint_stickerDir: "Empty uses ~/.dsh/stickers/<character id>; only its top level is read and each file name is the tag (png/jpg/jpeg/webp/gif).",
+      field_galleryDir: "Gallery directory",
+      hint_galleryDir: "Empty uses ~/.dsh/gallery; likewise top level only, file name is the tag.",
+      field_maxStickersPerTurn: "Max images per turn",
+      hint_maxStickersPerTurn: "Shared by stickers and gallery; 0 forbids any image for the turn.",
+      styleSwatch: "Resolved",
+      sectionsToolbarExpand: "Expand all",
+      sectionsToolbarCollapse: "Collapse all",
+      sectionsSummaryModes: "{count} modes",
+      sectionsSummaryTriggers: "{count} triggers",
       mode: "Mode",
       modeHint: "Click a button to lock a mode; Auto routes every turn from keywords and priority.",
       modeAuto: "Auto route (auto)",
@@ -466,6 +518,12 @@ window.__ModuleLoader__.load({
       hint_mode_statusFooterOverride: "Empty uses the character template; supports {label}{scene}{dress}{os}{heat}{shield}{vocoder}{entropy}.",
       field_mode_bindCharacterId: "Bound character",
       hint_mode_bindCharacterId: "Character switched to when this mode activates; empty keeps the current one.",
+      field_mode_styleLayer: "Style layer",
+      hint_mode_styleLayer: "Follow global default / force on / force off; a /style command in chat wins over both.",
+      styleInherit: "Follow global default",
+      styleOn: "Tone only",
+      styleDialog: "Dialogue only",
+      styleOff: "Force off",
       policyAllowAll: "Allow every tool",
       policyWhitelist: "Allowlist only",
       policyBlockAll: "Block every tool",
@@ -583,6 +641,16 @@ window.__ModuleLoader__.load({
 .tlrp-section-head { display: flex; flex-direction: column; gap: 3px; }
 .tlrp-section-title { font-size: 13px; font-weight: 600; color: var(--dsw-alias-text-primary, #e8eaf0); }
 .tlrp-section-hint { font-size: 11.5px; line-height: 1.55; color: var(--dsw-alias-text-secondary, #9aa3b2); }
+.tlrp-section-toggle { display: flex; align-items: flex-start; gap: 8px; width: 100%; margin: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
+.tlrp-section-toggle:focus-visible { outline: 2px solid var(--dsw-alias-border-accent, #66e0c2); outline-offset: 3px; border-radius: 6px; }
+.tlrp-section-main { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
+.tlrp-section-chevron { flex: 0 0 12px; margin-top: 3px; color: var(--dsw-alias-text-secondary, #9aa3b2); transition: transform .16s ease; }
+.tlrp-section[data-open="true"] .tlrp-section-chevron { transform: rotate(90deg); }
+.tlrp-section-summary { display: flex; flex-wrap: wrap; gap: 6px; }
+.tlrp-section[data-open="true"] .tlrp-section-summary { display: none; }
+.tlrp-section-body { display: flex; flex-direction: column; gap: 12px; }
+.tlrp-section[data-open="false"] .tlrp-section-body { display: none; }
+.tlrp-sections-toolbar { display: flex; justify-content: flex-end; gap: 8px; }
 .tlrp-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
 .tlrp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
 .tlrp-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
@@ -638,20 +706,97 @@ window.__ModuleLoader__.load({
 
     /* ─────────────────────── 基础控件 ─────────────────────── */
 
-    /** 一行标题 + 说明的分区容器。 */
+    /* ── 分区收起状态：默认只展开第一块，用户的选择记在 localStorage ── */
+
+    const SECTION_IDS = ["mode", "style", "studio", "triggers", "presets"];
+    const SECTION_STORAGE_KEY = "tlrp.sections.open";
+
+    function mapSections(open) {
+      const next = {};
+      for (const id of SECTION_IDS) next[id] = open === true;
+      return next;
+    }
+
+    function persistSectionState(state) {
+      try {
+        window.localStorage.setItem(SECTION_STORAGE_KEY, JSON.stringify(state));
+      } catch (error) {
+        /* 隐私模式或存储配额：只丢记忆，不影响本次收展 */
+      }
+      return state;
+    }
+
+    function loadSectionState() {
+      try {
+        const raw = window.localStorage.getItem(SECTION_STORAGE_KEY);
+        const parsed = raw ? JSON.parse(raw) : null;
+        if (parsed && typeof parsed === "object") {
+          const next = {};
+          let anyOpen = false;
+          for (const id of SECTION_IDS) {
+            next[id] = parsed[id] === true;
+            if (next[id]) anyOpen = true;
+          }
+          if (anyOpen) return next;
+        }
+      } catch (error) {
+        /* 读不到就用默认 */
+      }
+      return { mode: true };
+    }
+
+    /** 分区容器：可收起卡片（标题行是按钮，收起后留一行状态摘要）。 */
     function Section(props) {
-      return h(
-        "section",
-        { className: "tlrp-section" },
+      const open = props.open === undefined ? true : props.open === true;
+      const header = h(
+        "button",
+        {
+          className: "tlrp-section-toggle",
+          type: "button",
+          "aria-expanded": open ? "true" : "false",
+          onClick: props.onToggle ? () => props.onToggle(props.id) : undefined,
+        },
+        h(
+          "svg",
+          {
+            className: "tlrp-section-chevron",
+            width: 12,
+            height: 12,
+            viewBox: "0 0 12 12",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 1.6,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            focusable: "false",
+          },
+          h("path", { d: "M4.5 2.5 L8 6 L4.5 9.5" })
+        ),
         h(
           "div",
-          { className: "tlrp-section-head" },
+          { className: "tlrp-section-main" },
           h("div", { className: "tlrp-section-title" }, props.title),
           props.hint ? h("div", { className: "tlrp-section-hint" }, props.hint) : null
-        ),
-        props.children
+        )
       );
-    }
+      return h(
+        "section",
+        { className: "tlrp-section", "data-open": open ? "true" : "false" },
+        header,
+        props.summary && props.summary.length > 0
+          ? h(
+              "div",
+              { className: "tlrp-section-summary" },
+              props.summary.map((text, index) => h("span", { key: String(index), className: "tlrp-chip" }, text))
+            )
+          : null,
+        h(
+          "div",
+          { className: "tlrp-section-body", hidden: open ? undefined : true },
+          ...(Array.isArray(props.children) ? props.children : [props.children])
+        )
+      );    }
 
     /** 字段容器：标签 + 控件 + 提示。 */
     function Field(props) {
@@ -1110,6 +1255,16 @@ window.__ModuleLoader__.load({
       );
       const [importText, setImportText] = useState("");
       const [notice, setNotice] = useState("");
+      const [openSections, setOpenSections] = useState(loadSectionState);
+      const toggleSection = useCallback(
+        (id) => {
+          if (typeof id !== "string") return;
+          setOpenSections((prev) => persistSectionState({ ...prev, [id]: prev?.[id] !== true }));
+        },
+        []
+      );
+      const setAllSections = useCallback((open) => setOpenSections(persistSectionState(mapSections(open))), []);
+      const sectionProps = (id) => ({ id, open: openSections?.[id] === true, onToggle: toggleSection });
 
       const applyImport = () => {
         let parsed;
@@ -1191,6 +1346,15 @@ window.__ModuleLoader__.load({
       }
 
       const disabled = writable !== true;
+      const modeStyleLayer =
+        activeMode?.styleLayer === "on" || activeMode?.styleLayer === "dialog" || activeMode?.styleLayer === "off"
+          ? activeMode.styleLayer
+          : null;
+      const effectiveStyleLayer =
+        modeStyleLayer ??
+        (STYLE_LAYER_OPTIONS.includes(value.styleLayerDefault) && value.styleLayerDefault !== "inherit"
+          ? value.styleLayerDefault
+          : "off");
 
       return h(
         "div",
@@ -1205,11 +1369,25 @@ window.__ModuleLoader__.load({
         ),
         disabled ? h("p", { className: "tlrp-warn" }, t("readOnly")) : null,
         notice ? h("p", { className: "tlrp-note" }, notice) : null,
+        h(
+          "div",
+          { className: "tlrp-sections-toolbar" },
+          h(Button, { onClick: () => setAllSections(true) }, t("sectionsToolbarExpand")),
+          h(Button, { onClick: () => setAllSections(false) }, t("sectionsToolbarCollapse"))
+        ),
 
         /* ── A：形态矩阵工作室 Mode Studio ── */
         h(
           Section,
-          { title: t("modeSection"), hint: t("modeSectionHint") },
+          {
+            ...sectionProps("mode"),
+            title: t("modeSection"),
+            hint: t("modeSectionHint"),
+            summary: [
+              `${t("mode")}：${mode === "auto" ? t("modeAuto") : activeMode?.name ?? mode}`,
+              t("sectionsSummaryModes", { count: modes.length }),
+            ],
+          },
           /* 顶部全局切换栏：自动路由 + 配置里的每一个形态 */
           h(
             "div",
@@ -1356,6 +1534,16 @@ window.__ModuleLoader__.load({
               onChange: (next) => patchMode("enableStatusFooter", next),
             })
           ),
+          h(
+            Field,
+            { label: t("field_mode_styleLayer"), hint: t("hint_mode_styleLayer") },
+            h(Select, {
+              value: modeDraft.styleLayer ?? "inherit",
+              disabled,
+              options: STYLE_LAYER_OPTIONS.map((flag) => ({ value: flag, label: styleLayerLabel(t, flag) })),
+              onChange: (next) => patchMode("styleLayer", next),
+            })
+          ),
           h(
             Field,
             { label: t("field_mode_autoKeywords"), hint: t("hint_mode_autoKeywords") },
@@ -1415,10 +1603,111 @@ window.__ModuleLoader__.load({
           )
         ),
 
+        /* ── A2：风格层（语言风格轻量注入） ── */
+        h(
+          Section,
+          {
+            ...sectionProps("style"),
+            title: t("styleSection"),
+            hint: t("styleSectionHint"),
+            summary: [`${t("styleSwatch")}：${styleLayerLabel(t, effectiveStyleLayer)}`],
+          },
+          h(
+            "div",
+            { className: "tlrp-row" },
+            h(
+              "span",
+              { className: "tlrp-chip" },
+              t("styleSwatch"),
+              " ",
+              h(
+                "b",
+                null,
+                activeMode?.styleLayer === "on" ||
+                activeMode?.styleLayer === "dialog" ||
+                activeMode?.styleLayer === "off"
+                  ? styleLayerLabel(t, activeMode.styleLayer)
+                  : styleLayerLabel(
+                      t,
+                      STYLE_LAYER_OPTIONS.includes(value.styleLayerDefault) && value.styleLayerDefault !== "inherit"
+                        ? value.styleLayerDefault
+                        : "off"
+                    )
+              )
+            ),
+            h("span", { className: "tlrp-chip" }, t("mode"), " ", h("b", null, activeMode?.name ?? "—"))
+          ),
+          h(
+            "div",
+            { className: "tlrp-grid" },
+            h(
+              Field,
+              { label: t("field_styleLayerDefault"), hint: t("hint_styleLayerDefault") },
+              h(Select, {
+                value: ["on", "dialog", "off"].includes(value.styleLayerDefault) ? value.styleLayerDefault : "off",
+                disabled,
+                options: [
+                  { value: "on", label: t("styleOn") },
+                  { value: "dialog", label: t("styleDialog") },
+                  { value: "off", label: t("styleOff") },
+                ],
+                onChange: (next) => write("styleLayerDefault", next),
+              })
+            ),
+            h(
+              Field,
+              { label: t("field_maxStickersPerTurn"), hint: t("hint_maxStickersPerTurn") },
+              h(TextInput, {
+                value: String(value.maxStickersPerTurn ?? 2),
+                disabled,
+                onChange: (next) => {
+                  const parsed = Number(next);
+                  write("maxStickersPerTurn", Number.isFinite(parsed) ? Math.max(0, Math.trunc(parsed)) : 0);
+                },
+              })
+            ),
+            h(
+              Field,
+              { label: t("field_stickerDir"), hint: t("hint_stickerDir") },
+              h(TextInput, {
+                value: typeof value.stickerDir === "string" ? value.stickerDir : "",
+                placeholder: "C:/Users/<you>/.dsh/stickers/<角色 ID>",
+                disabled,
+                onChange: (next) => write("stickerDir", next),
+              })
+            ),
+            h(
+              Field,
+              { label: t("field_galleryDir"), hint: t("hint_galleryDir") },
+              h(TextInput, {
+                value: typeof value.galleryDir === "string" ? value.galleryDir : "",
+                placeholder: "C:/Users/<you>/.dsh/gallery",
+                disabled,
+                onChange: (next) => write("galleryDir", next),
+              })
+            )
+          ),
+          h(
+            Field,
+            { label: t("field_styleEmojiHint"), hint: t("hint_styleEmojiHint") },
+            h(TextArea, {
+              rows: 3,
+              value: typeof value.styleEmojiHint === "string" ? value.styleEmojiHint : "",
+              disabled,
+              onChange: (next) => write("styleEmojiHint", next),
+            })
+          )
+        ),
+
         /* ── B：角色工作室 ── */
         h(
           Section,
-          { title: t("studio"), hint: t("studioHint") },
+          {
+            ...sectionProps("studio"),
+            title: t("studio"),
+            hint: t("studioHint"),
+            summary: [`${t("character")}：${activeCharacter?.name || activeCharacter?.id || t("unknownCharacter")}`],
+          },
           h(
             "div",
             { className: "tlrp-row" },
@@ -1465,7 +1754,12 @@ window.__ModuleLoader__.load({
         /* ── C：触发词映射表 ── */
         h(
           Section,
-          { title: t("triggers"), hint: t("triggersHint") },
+          {
+            ...sectionProps("triggers"),
+            title: t("triggers"),
+            hint: t("triggersHint"),
+            summary: [t("sectionsSummaryTriggers", { count: localTriggers.length })],
+          },
           h(
             "div",
             { className: "tlrp-row" },
@@ -1555,7 +1849,7 @@ window.__ModuleLoader__.load({
         /* ── D：预设导入导出与调试探针 ── */
         h(
           Section,
-          { title: t("presets"), hint: t("presetsHint") },
+          { ...sectionProps("presets"), title: t("presets"), hint: t("presetsHint") },
           h(
             "div",
             { className: "tlrp-grid" },