dsh-titlecraft 0.1.0-rc.0

package/lib/client.js

@@ -0,0 +1,1247 @@
+;
+window.__ModuleLoader__.load({
+    id: 'dsh-titlecraft',
+    factory: (require) => {
+        const React = require('react');
+        const { jsx, jsxs } = require('react/jsx-runtime');
+        const { Button, Input, Menu, IconChevronDownOutline14, } = require('@deepseek-ai/dsh-client-ui-primitives');
+        const inject = ['slots', 'settingsScope', 'connection'];
+        const NS = 'titlecraft';
+        const RENAME_SLOT = 'sidebar.workspaces.session.rename.extra';
+        const TYPES = ['功能', '设计', '修复', '优化', '发布', '探索', '文档', '研究'];
+        const ICON_DATA = {"legacyGlyphs":["◇","◈","▲","◉"],"groups":[{"id":"core-signals","zh":"通用信号","en":"Core signals","icons":[["spark","✦","通用亮点","general highlight"],["star","★","重点","priority"],["diamond","◆","模块","module"],["target","◎","目标","goal"],["plus","＋","新增","add"],["arrow-up","↗","优化","optimization"],["check","✓","完成","completion"],["alert","△","警告","warning"],["info","ⓘ","信息","information"],["flag","⚑","发布","release"],["bolt","⚡","性能","performance"],["sparkles","✨","闪耀亮点","sparkle"],["question","❔","疑问","question"],["cross","✕","否定","negative"],["minus","−","减少","decrease"],["prohibited","⛔","禁止","prohibited"],["warning","⚠","高风险","high-risk warning"]]},{"id":"dev-operations","zh":"开发与运维","en":"Development and operations","icons":[["gear","⚙","配置","configuration"],["tools","🛠","开发","development"],["wrench","🔧","修复","fix"],["bug","🐛","缺陷","bug"],["patch","🩹","补丁","patch"],["broom","🧹","清理","cleanup"],["recycle","♻","重构","refactor"],["puzzle","🧩","插件","plugin"],["thread","🧵","流程","flow"],["refresh","↻","刷新","refresh"],["terminal","❯_","终端","terminal"],["play","▶","运行","run"],["pause","Ⅱ","暂停","pause"],["stop","■","停止","stop"],["record","●","记录","record"],["hammer","🔨","构建","build"],["screwdriver","🪛","配置","configure"],["nut-bolt","🔩","装配","assembly"],["toolbox","🧰","工具集","toolbox"],["magnet","🧲","吸附","magnet"],["construction","🚧","施工","under construction"]]},{"id":"security-compliance","zh":"安全与合规","en":"Security and compliance","icons":[["lock","🔒","安全","security"],["key","🔑","认证","authentication"],["shield","🛡","保护","protection"],["legal","⚖","法律","legal"],["unlock","🔓","解锁","unlock"],["keyhole","🗝","密钥","keyhole"],["biohazard","☣","危险","biohazard"],["radioactive","☢","辐射","radioactive"],["cross-mark","❌","错误","error"],["check-mark-button","✅","确认","confirmed"]]},{"id":"analysis-automation","zh":"分析与自动化","en":"Analysis and automation","icons":[["search","🔍","搜索","search"],["experiment","🧪","测试","testing"],["chart","📊","数据","data"],["bulb","💡","想法","idea"],["robot","🤖","智能体","agent"],["brain","🧠","推理","reasoning"],["science","⚗","科学","science"],["math","∑","数学","mathematics"],["microscope","🔬","深度检查","deep inspection"],["telescope","🔭","远期观察","foresight"],["dna","🧬","谱系","lineage"],["test-tube","🧫","样本","sample"],["atom","⚛","原理","principle"],["abacus","🧮","计算","calculation"]]},{"id":"planning-navigation","zh":"规划与导航","en":"Planning and navigation","icons":[["compass","🧭","规划","planning"],["map","🗺","架构","architecture"],["clock","⏱","时间","time"],["location","📍","位置","location"],["signpost","🪧","指引","guidance"],["hourglass","⌛","等待","waiting"],["hourglass-flowing","⏳","处理中","processing"],["timer","⏲","倒计时","countdown"],["alarm","⏰","提醒","reminder"],["anchor","⚓","稳定","stability"],["route","🛣","路线","route"]]},{"id":"knowledge-docs","zh":"知识与文档","en":"Knowledge and documentation","icons":[["document","▤","文档","documentation"],["note","📝","写作","writing"],["book","📚","知识","knowledge"],["graduate","🎓","教育","education"],["newspaper","📰","新闻","news"],["scroll","📜","长文","long-form"],["open-book","📖","阅读","reading"],["receipt","🧾","凭证","receipt"],["bookmark-tabs","📑","索引","index"],["card-index","🗃","档案","archive"]]},{"id":"communication-media","zh":"沟通与媒体","en":"Communication and media","icons":[["chat","💬","对话","conversation"],["bell","🔔","通知","notification"],["palette","🎨","设计","design"],["image","🖼","图片","image"],["film","🎬","视频","video"],["eye","👁","查看","view"],["ear","👂","音频","audio"],["mic","🎙","语音","voice"],["speaker","🔊","声音","sound"],["camera","📷","摄影","photography"],["music","🎵","音乐","music"],["game","🎮","游戏","game"],["dice","🎲","随机","randomness"],["thought","💭","思考","thought"],["speech","🗨","引用","quote"],["headphones","🎧","耳机","headphones"],["video-camera","📹","录像","video capture"],["camera-flash","📸","闪光","flash capture"],["radio","📻","广播","broadcast"]]},{"id":"systems-infrastructure","zh":"系统与基础设施","en":"Systems and infrastructure","icons":[["rocket","🚀","发布","release"],["package","📦","包","package"],["bricks","🧱","基础设施","infrastructure"],["link","🔗","集成","integration"],["globe","🌐","网络","network"],["desktop","🖥","桌面端","desktop"],["mobile","📱","移动端","mobile"],["database","🗄","数据库","database"],["disk","💾","持久化","persistence"],["cloud","☁","云端","cloud"],["plug","🔌","电源","power"],["battery","🔋","电量","power"],["satellite","🛰","卫星","satellite"],["antenna","📡","信号","signal"],["keyboard","⌨","输入","input"],["printer","🖨","打印","print"],["mouse","🖱","指针","pointer"],["api","⇄","接口","API"],["laptop","💻","笔记本","laptop"],["hard-drive","💽","硬盘","hard drive"],["cd","💿","光盘","optical disc"],["wifi","📶","无线网络","Wi-Fi"],["power","⏻","电源","power"],["folder-open","📂","打开目录","open folder"]]},{"id":"files-workflow","zh":"文件与流程","en":"Files and workflow","icons":[["calendar","📅","日历","calendar"],["event","🗓","事件","event"],["pin","📌","置顶","pin"],["inbox","📥","收件","inbox"],["outbox","📤","发件","outbox"],["mail","✉","邮件","mail"],["folder","📁","目录","directory"],["file","📄","文件","file"],["clipboard","📋","清单","checklist"],["bookmark","🔖","书签","bookmark"],["label","🏷","标签","label"],["paperclip","📎","附件","attachment"],["ruler","📏","尺寸","dimension"],["pencil","✏","编辑","edit"],["pen","🖊","撰写","authoring"],["upload","⬆","上传","upload"],["download","⬇","下载","download"],["layers","◫","图层","layers"],["grid","▦","网格","grid"],["list","☷","列表","list"],["filter","▽","筛选","filter"],["sort","⇅","排序","sort"],["expand","⤢","展开","expand"],["back","↩","返回","back"],["forward","↪","前进","forward"],["undo","↶","撤销","undo"],["redo","↷","重做","redo"],["left-arrow","←","向左","left"],["right-arrow","→","向右","right"]]},{"id":"organization-commerce","zh":"组织与商业","en":"Organization and commerce","icons":[["home","🏠","首页","home"],["office","🏢","组织","organization"],["factory","🏭","生产","production"],["cart","🛒","商店","store"],["money","💰","成本","cost"],["card","💳","支付","payment"],["gift","🎁","奖励","reward"],["trophy","🏆","成就","achievement"],["medal","🏅","质量","quality"],["crown","👑","高级","premium"],["person","🧑","个人","individual"],["family","👪","家庭","family"],["ticket","🎫","票据","ticket"],["shopping-bag","🛍","商品","product"],["house-with-garden","🏡","住所","residence"],["office-building","🏬","部门","department"]]},{"id":"people-wellbeing","zh":"人物与关怀","en":"People and wellbeing","icons":[["user","👤","用户","user"],["users","👥","团队","team"],["handshake","🤝","合作","collaboration"],["heart","♥","喜爱","favorite"],["pulse","💓","状态","status"],["smile","☺","体验","experience"],["health","⚕","医疗","medical"],["accessibility","♿","无障碍","accessibility"],["pill","💊","药物","medication"],["syringe","💉","注入","injection"],["stethoscope","🩺","诊断","diagnosis"],["hospital","🏥","医疗","medical care"],["broken-heart","💔","故障","breakage"],["party","🎉","庆祝","celebration"]]},{"id":"nature-transport","zh":"自然与交通","en":"Nature and transport","icons":[["sun","☀","亮色","light theme"],["moon","☾","暗色","dark theme"],["rain","🌧","天气","weather"],["snow","❄","冻结","freeze"],["leaf","🍃","轻量","lightweight"],["tree","🌳","层级","hierarchy"],["flower","✿","美化","beauty"],["seedling","🌱","初始化","initialization"],["water","💧","流动","flow"],["mountain","⛰","挑战","challenge"],["plane","✈","旅行","travel"],["car","🚗","车辆","vehicle"],["train","🚆","队列","queue"],["ship","🚢","容器","container"],["bike","🚲","轻量出行","light mobility"],["earth","🌍","地球","earth"],["storm","⛈","风暴","storm"],["ocean","🌊","广域流动","ocean"],["volcano","🌋","爆发","eruption"],["bus","🚌","公共交通","public transit"],["truck","🚚","运输","transport"]]}]};
+        const ICON_GROUPS = ICON_DATA.groups;
+        const LEGACY_ICON_GLYPHS = ICON_DATA.legacyGlyphs;
+        const ICONS = ICON_GROUPS.flatMap((group) => group.icons);
+        const FIELDS = [
+            'schemaVersion',
+            'enabled',
+            'dateSource',
+            'types',
+            'enabledTypes',
+            'formatTemplate',
+            'timezone',
+            'datePattern',
+            'instantEnabled',
+            'firstMessageLlmEnabled',
+            'refineEnabled',
+            'idleDelayMs',
+            'maxInputBytes',
+            'maxOutputTokens',
+            'timeoutMs',
+            'topicMaxChars',
+            'minConfidence',
+            'preferCheap',
+            'fallbackToSessionModel',
+            'modelProvider',
+            'modelName',
+            'respectManualTitles',
+            'topicGuidance',
+            'templatePreset',
+            'iconMode',
+            'iconId',
+            'fontFamily',
+            'fontSize',
+            'sessionTitleLeftOffset',
+        ];
+        const DEFAULTS = {
+            schemaVersion: 2,
+            enabled: true,
+            dateSource: 'createdAt',
+            types: TYPES,
+            enabledTypes: TYPES,
+            templatePreset: 'standard',
+            formatTemplate: '{icon} {date}｜{type}｜{topic}',
+            iconMode: 'none',
+            iconId: 'spark',
+            fontFamily: 'dsh',
+            fontSize: 14,
+            sessionTitleLeftOffset: 0,
+            timezone: 'Asia/Shanghai',
+            datePattern: 'MMDD',
+            instantEnabled: true,
+            firstMessageLlmEnabled: false,
+            refineEnabled: true,
+            idleDelayMs: 3000,
+            maxInputBytes: 6000,
+            maxOutputTokens: 96,
+            timeoutMs: 60000,
+            topicMaxChars: 16,
+            minConfidence: 0.72,
+            preferCheap: true,
+            fallbackToSessionModel: false,
+            modelProvider: '',
+            modelName: '',
+            respectManualTitles: true,
+            topicGuidance: '主题应简洁、具体，基于对话实际内容；不要重复项目名称。无法判断时返回空主题。',
+        };
+        const STYLE_ID = 'dsh-titlecraft-style';
+        const CSS = `
+.dtc-plugin{list-style:none;min-width:0;border:.5px solid var(--dsw-alias-border-l4);border-radius:16px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);transition:border-color .16s,background .16s}
+.dtc-plugin:hover,.dtc-plugin[data-open=true]{border-color:var(--dsw-alias-label-dimmed)}.dtc-plugin[data-open=true]{background:var(--dsw-alias-bg-layer-2)}
+.dtc-plugin__header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px;height:auto}
+.dtc-plugin__header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.dtc-plugin__heading{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.dtc-plugin__heading strong{font-size:15px;font-weight:600;line-height:1.4}.dtc-plugin__heading small{font-size:13px;color:var(--dsw-alias-label-tertiary);line-height:1.5}
+.dtc-plugin__chevron{flex:none;color:var(--dsw-alias-label-tertiary);transition:transform .16s}.dtc-plugin[data-open=true] .dtc-plugin__chevron{transform:rotate(180deg)}
+.dtc-plugin__pending{white-space:nowrap;border-radius:999px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);padding:1px 8px;font-size:11px;line-height:17px}
+.dtc{container-type:inline-size;box-sizing:border-box;min-width:0;margin:0 16px;padding:12px 0 8px;border-top:.5px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.dtc[hidden]{display:none}
+.dtc__fields{display:flex;flex-direction:column;gap:16px;border:0;padding:0;margin:0;min-width:0}.dtc h3{margin:0 0 12px;font-size:13px;font-weight:600}
+.dtc__lede,.dtc__hint,.dtc__status{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5;margin:0;font-weight:400}.dtc__status[data-error=true]{color:var(--dsw-alias-label-error)}.dtc__compat{margin:0;padding:10px 12px;border:.5px solid var(--dsw-alias-border-l3);border-radius:10px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}
+.dtc__card{min-width:0}.dtc__card+.dtc__card{border-top:.5px solid var(--dsw-alias-border-l2);padding-top:12px}
+.dtc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dtc__wide{grid-column:1/-1}
+.dtc label,.dtc__field{display:flex;flex-direction:column;min-width:0;gap:6px;font-size:13px;line-height:1.5;font-weight:500}.dtc__input{box-sizing:border-box;width:100%;min-width:0;height:36px;min-height:36px}.dtc input.dtc__input,.dtc .dtc__input input{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0}
+.dtc .dtc__check{flex-direction:row;align-items:flex-start;gap:8px;cursor:pointer;font-weight:400;padding:6px 0}.dtc__check span{min-width:0;overflow-wrap:break-word}.dtc .dtc__check input[type=checkbox]{box-sizing:border-box;width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:2px 0 0;padding:0;accent-color:var(--dsw-alias-brand-primary)}
+.dtc textarea{box-sizing:border-box;width:100%;min-width:0;min-height:88px;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:8px 12px;font:inherit}.dtc textarea:focus-visible{outline:2px solid var(--dsw-alias-brand-primary)}
+.dtc__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-bottom:12px}.dtc__select{box-sizing:border-box;width:100%;min-width:0;height:36px;min-height:36px;justify-content:space-between;border-radius:10px}.dtc__select>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtc__select svg{flex:none}.dtc__select[aria-expanded=true]{border-color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-2)}
+.dtc-icon-option{display:inline-grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.dtc-icon-glyph,.dtc-session-title-icon{box-sizing:border-box;width:24px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-weight:400;line-height:1;text-align:center}.dtc-icon-glyph{font-size:16px}.dtc-session-title-icon{font-size:inherit}.dtc-icon-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtc-session-left-offset{translate:var(--dtc-session-title-left-offset,0px) 0}.dtc-session-title-display{font-size:var(--dtc-session-title-font-size,14px)!important}.dtc-session-title-with-icon{display:flex!important;align-items:center;min-width:0}.dtc-session-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtc-rename-workbench{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;border-top:.5px solid var(--dsw-alias-border-l2);min-width:0}.dtc-rename-workbench label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--dsw-alias-label-primary)}.dtc-rename-workbench textarea{box-sizing:border-box;width:100%;min-height:108px;max-height:240px;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:10px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:9px 12px;font:inherit;line-height:1.5}.dtc-rename-workbench textarea:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-1px}.dtc-summary-count{align-self:flex-end;color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:400}.dtc-rename-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dtc-rename-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.dtc-rename-actions button{height:36px;min-height:36px}.dtc-rename-workbench .dtc__status{margin:0}@media(max-width:520px){.dtc-rename-grid{grid-template-columns:1fr}}body:has(.dtc-icon-menu .dtc__select[aria-expanded=true])>[role=menu]>[role=presentation]{box-sizing:border-box;max-height:min(360px,calc(100vh - 96px));overflow-y:auto}
+.dtc__preview{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;margin-top:6px;padding:10px;border:.5px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);overflow-wrap:anywhere}
+.dtc__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center;border-top:.5px solid var(--dsw-alias-border-l2);padding:12px 0 4px;margin-top:12px}.dtc__actions .dtc__status{flex:1;min-width:100px}
+.dtc__type-editor{border:0;padding:0;margin:0;min-width:0}.dtc__type-editor legend{font-size:13px;font-weight:500;margin-bottom:6px}.dtc__type-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.dtc__type-option{display:flex;align-items:center;border:.5px solid var(--dsw-alias-border-l2);border-radius:8px;padding:0 4px 0 10px}.dtc .dtc__type-remove{padding:4px 8px;margin-left:4px}
+.dtc__type-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px}.dtc__type-tools label{flex:1 1 160px}.dtc__type-tools button{flex-shrink:0;white-space:nowrap}.dtc__type-tools+.dtc__hint{margin-top:10px}.dtc__type-option:has(input:checked){border-color:var(--dsw-alias-brand-primary)}
+@container(max-width:520px){.dtc__grid,.dtc__checks{grid-template-columns:1fr}.dtc__wide{grid-column:auto}}
+@media(prefers-reduced-motion:reduce){.dtc-plugin,.dtc-plugin__chevron{transition:none}}
+`;
+        function apply(ctx) {
+            let style = document.getElementById(STYLE_ID);
+            if (!style) {
+                style = document.createElement('style');
+                style.id = STYLE_ID;
+                style.textContent = CSS;
+                document.head.appendChild(style);
+            }
+            ctx.effect(() => () => style?.remove(), 'titlecraft: remove styles');
+            const scope = ctx.settingsScope.bind({ namespace: NS });
+            const workspaceCompatibility = {
+                getSnapshot: () => {
+                    if (typeof ctx.slots.entriesOfSlot !== 'function')
+                        return 'unavailable';
+                    const owner = ctx.slots.entriesOfSlot('sidebar.workspaces')[0];
+                    if (!owner)
+                        return 'unavailable';
+                    const spec = owner.children?.[RENAME_SLOT];
+                    return spec?.kind === 'list' && spec.scope === 'root' ? 'compatible' : 'incompatible';
+                },
+                subscribe: (listener) => typeof ctx.slots.subscribe === 'function'
+                    ? ctx.slots.subscribe('sidebar.workspaces', listener)
+                    : () => { },
+            };
+            ctx.effect(() => {
+                if (typeof scope.subscribe !== 'function' ||
+                    typeof scope.getSnapshot !== 'function' ||
+                    !document.documentElement?.style)
+                    return () => { };
+                const syncAppearance = () => {
+                    const snapshot = scope.getSnapshot();
+                    if (snapshot.status !== 'ready')
+                        return;
+                    const raw = Number(snapshot.value?.sessionTitleLeftOffset);
+                    const offset = Number.isFinite(raw)
+                        ? Math.min(8, Math.max(0, Math.round(raw)))
+                        : DEFAULTS.sessionTitleLeftOffset;
+                    const fontRaw = Number(snapshot.value?.fontSize);
+                    const fontSize = Number.isFinite(fontRaw)
+                        ? Math.min(20, Math.max(12, Math.round(fontRaw)))
+                        : DEFAULTS.fontSize;
+                    document.documentElement.style.setProperty('--dtc-session-title-left-offset', offset === 0 ? '0px' : `-${offset}px`);
+                    document.documentElement.style.setProperty('--dtc-session-title-font-size', `${fontSize}px`);
+                };
+                const unsubscribe = scope.subscribe(syncAppearance);
+                syncAppearance();
+                return () => {
+                    unsubscribe();
+                    document.documentElement.style.removeProperty('--dtc-session-title-left-offset');
+                    document.documentElement.style.removeProperty('--dtc-session-title-font-size');
+                };
+            }, 'titlecraft: sync session title appearance');
+            ctx.slots.inject('settings.plugin.item', () => ctx.slots.register({
+                name: 'settings.plugin.item',
+                key: NS,
+                order: 95,
+            }, () => jsx(SettingsSection, { scope, workspaceCompatibility, connection: ctx.connection })));
+            ctx.slots.inject(RENAME_SLOT, () => ctx.slots.register({
+                name: RENAME_SLOT,
+                id: NS,
+                order: 95,
+            }, (owner) => jsx(SessionRenameWorkbench, { ...owner, scope, connection: ctx.connection })));
+        }
+        const iconOptionLabel = (glyph, label) => jsxs('span', {
+            className: 'dtc-icon-option',
+            children: [
+                jsx('span', { className: 'dtc-icon-glyph', 'aria-hidden': true, children: glyph }),
+                jsx('span', { className: 'dtc-icon-label', children: label }),
+            ],
+        });
+        const groupedIconMenuItems = (zh) => ICON_GROUPS.flatMap((group, index) => [
+            ...(index ? [{ type: 'separator', id: `icon-separator-${group.id}` }] : []),
+            { type: 'label', id: `icon-group-${group.id}`, text: zh ? group.zh : group.en },
+            ...group.icons.map(([id, glyph, cn, en]) => ({
+                id,
+                label: iconOptionLabel(glyph, zh ? cn : en),
+            })),
+        ]);
+        const iconIdFromLeadingToken = (title) => {
+            const token = title.match(/^(\S+)(?:\s|$)/u)?.[1];
+            return ICONS.find(([, glyph]) => glyph === token)?.[0];
+        };
+        function replaceTitleIcon(title, glyph, formatTemplate) {
+            const leading = title.match(/^(\S+)(\s+)(.*)$/u);
+            const knownGlyphs = new Set([
+                ...ICONS.map(([, candidate]) => candidate),
+                ...LEGACY_ICON_GLYPHS,
+            ]);
+            if (leading && knownGlyphs.has(leading[1]))
+                return `${glyph}${leading[2]}${leading[3]}`;
+            const iconAt = formatTemplate.indexOf('{icon}');
+            const topicAt = formatTemplate.indexOf('{topic}');
+            return iconAt >= 0 && (topicAt < 0 || iconAt < topicAt)
+                ? `${glyph} ${title}`
+                : `${title} ${glyph}`;
+        }
+        function SessionRenameWorkbench({ scope, connection, sessionId, title, onTitleChange, disabled, }) {
+            const snapshot = React.useSyncExternalStore((listener) => scope.subscribe(listener), () => scope.getSnapshot(), () => scope.getSnapshot());
+            const config = { ...DEFAULTS, ...(snapshot.value || {}) };
+            const language = document.documentElement?.lang || navigator.language || 'en';
+            const zh = /^zh(?:-|$)/i.test(language);
+            const text = (cn, en) => (zh ? cn : en);
+            const types = Array.isArray(config.enabledTypes) && config.enabledTypes.length
+                ? config.enabledTypes
+                : TYPES;
+            const mode = config.iconMode === 'type' ? 'smart' : config.iconMode;
+            const initialIcon = iconIdFromLeadingToken(title) || config.iconId;
+            const [summary, setSummary] = React.useState('');
+            const [type, setType] = React.useState(types[0]);
+            const [iconId, setIconId] = React.useState(initialIcon);
+            const [busy, setBusy] = React.useState('');
+            const [error, setError] = React.useState('');
+            const [message, setMessage] = React.useState('');
+            const active = React.useRef(null);
+            React.useEffect(() => () => active.current?.abort(), []);
+            React.useEffect(() => {
+                if (!types.includes(type))
+                    setType(types[0]);
+            }, [snapshot.revision]);
+            if (snapshot.status !== 'ready')
+                return null;
+            const failText = (code) => ({
+                'no-messages': text('当前会话没有可归纳的真人消息。', 'No human messages are available to summarize.'),
+                'no-route': text('没有可用的 AI 模型。', 'No AI model is available.'),
+                'route-unavailable': text('AI 模型暂时不可用。', 'The AI model is temporarily unavailable.'),
+                timeout: text('AI 归纳超时，请稍后重试。', 'AI summarization timed out. Try again later.'),
+                'uncertain-summary': text('AI 对会话摘要把握不足，未覆盖你的草稿。', 'AI was not confident enough to replace your summary draft.'),
+                'generic-topic': text('AI 结果过于笼统，未覆盖你的草稿。', 'The AI result was too generic, so your draft was left unchanged.'),
+                'invalid-json': text('AI 返回格式无效，请重试。', 'AI returned an invalid format. Try again.'),
+                'invalid-schema': text('AI 返回内容不完整，请重试。', 'AI returned incomplete data. Try again.'),
+                'invalid-type': text('AI 返回了未启用的标题类型。', 'AI returned a disabled title type.'),
+                'invalid-icon': text('AI 返回了白名单之外的图标。', 'AI returned an icon outside the allowlist.'),
+                'invalid-summary-length': text('会话摘要应为 2–240 个字符；AI 摘要通常为几十字。', 'The session summary must contain 2–240 characters; AI normally writes several dozen.'),
+                'invalid-topic-format': text('AI 生成的主题含有不允许的格式字符。', 'The AI topic contained forbidden formatting characters.'),
+                aborted: text('操作已取消。', 'The operation was cancelled.'),
+                'title-too-long': text('压缩后的标题仍超过 80 字节，请精简摘要后重试。', 'The compressed title still exceeds 80 bytes. Shorten the summary and try again.'),
+                'type-disabled': text('所选标题类型已停用。', 'The selected title type is disabled.'),
+                'connection-unavailable': text('标题工艺 Host 接口不可用；更新插件后请重启 DSH Web。', 'The TitleCraft Host endpoint is unavailable. Restart DSH Web after updating the plugin.'),
+            })[code] ||
+                text('未能完成标题处理，请稍后重试。', 'Title processing could not be completed.');
+            const call = async (endpoint, payload) => {
+                active.current?.abort();
+                const controller = new AbortController();
+                active.current = controller;
+                let result;
+                try {
+                    result = await connection.rpc.call('/titlecraft', endpoint, { sessionId, ...payload }, controller.signal);
+                }
+                catch (cause) {
+                    throw Object.assign(cause instanceof Error ? cause : new Error('connection-unavailable'), { code: controller.signal.aborted ? 'aborted' : 'connection-unavailable' });
+                }
+                if (!result?.ok)
+                    throw Object.assign(new Error(result?.error?.message || 'request-failed'), {
+                        code: result?.error?.code || 'request-failed',
+                    });
+                return result.value;
+            };
+            const summarize = async () => {
+                if (disabled || busy)
+                    return;
+                setBusy('summarize');
+                setError('');
+                setMessage('');
+                try {
+                    const value = await call('summarize', {});
+                    setSummary(value.summary);
+                    setType(value.type);
+                    if (value.iconId && ICONS.some(([id]) => id === value.iconId))
+                        setIconId(value.iconId);
+                    setMessage(text('AI 已生成一段可编辑摘要；确认内容后再压缩为标题。', 'AI generated an editable summary. Review it before compressing it into a title.'));
+                }
+                catch (cause) {
+                    if (cause?.code !== 'aborted')
+                        setError(failText(cause?.code));
+                }
+                finally {
+                    setBusy('');
+                    active.current = null;
+                }
+            };
+            const applyTemplate = async () => {
+                const clean = summary.trim();
+                if (disabled || busy || !clean) {
+                    if (!clean)
+                        setError(text('请先输入或生成一段会话摘要。', 'Enter or generate a session summary first.'));
+                    return;
+                }
+                setBusy('generate');
+                setError('');
+                setMessage('');
+                try {
+                    const value = await call('generate', { summary: clean, type, iconId });
+                    onTitleChange(value.title);
+                    setMessage(text(`已将摘要压缩为主题“${value.topic}”并更新上方标题草稿；点击原生“重命名”才会保存。`, `Compressed the summary to “${value.topic}” and updated the native title draft. Use Rename to save it.`));
+                }
+                catch (cause) {
+                    if (cause?.code !== 'aborted')
+                        setError(failText(cause?.code));
+                }
+                finally {
+                    setBusy('');
+                    active.current = null;
+                }
+            };
+            const chooseIcon = (id) => {
+                setIconId(id);
+                const glyph = ICONS.find(([candidate]) => candidate === id)?.[1];
+                if (!glyph || mode === 'none' || !config.formatTemplate.includes('{icon}'))
+                    return;
+                const next = replaceTitleIcon(title, glyph, config.formatTemplate);
+                if (new TextEncoder().encode(next).length > 80) {
+                    setError(text('更换后标题超过 80 字节，未修改。', 'The resulting title exceeds 80 bytes and was not changed.'));
+                    return;
+                }
+                setError('');
+                onTitleChange(next);
+            };
+            const showIcon = mode !== 'none' && config.formatTemplate.includes('{icon}');
+            return jsxs('div', {
+                className: 'dtc-rename-workbench',
+                children: [
+                    jsx('label', {
+                        children: [
+                            text('会话摘要草稿', 'Session summary draft'),
+                            jsx('textarea', {
+                                value: summary,
+                                maxLength: 240,
+                                disabled: disabled || Boolean(busy),
+                                placeholder: text('输入一段几十字的会话摘要，或让 AI 根据当前会话生成。', 'Enter a several-dozen-character session summary, or let AI generate one from this session.'),
+                                onChange: (event) => setSummary(event.currentTarget.value),
+                            }),
+                            jsx('span', {
+                                className: 'dtc-summary-count',
+                                children: text(`AI 通常生成 40–100 字 · ${[...summary].length}/240`, `AI normally writes 40–100 characters · ${[...summary].length}/240`),
+                            }),
+                        ],
+                    }),
+                    jsxs('div', {
+                        className: 'dtc-rename-grid',
+                        children: [
+                            jsx(SelectField, {
+                                active: !disabled && !busy,
+                                label: text('标题类型', 'Title type'),
+                                value: type,
+                                options: types.map((value) => [value, value]),
+                                onChange: setType,
+                            }),
+                            showIcon &&
+                                jsx(SelectField, {
+                                    active: !disabled && !busy,
+                                    iconMenu: true,
+                                    label: text('会话图标', 'Session icon'),
+                                    value: iconId,
+                                    options: ICONS.map(([id, glyph, cn, en]) => [
+                                        id,
+                                        iconOptionLabel(glyph, zh ? cn : en),
+                                    ]),
+                                    menuItems: groupedIconMenuItems(zh),
+                                    onChange: chooseIcon,
+                                }),
+                        ],
+                    }),
+                    jsxs('div', {
+                        className: 'dtc-rename-actions',
+                        children: [
+                            jsx(Button, {
+                                type: 'button',
+                                disabled: disabled || Boolean(busy),
+                                onClick: summarize,
+                                children: busy === 'summarize'
+                                    ? text('AI 生成摘要中…', 'Generating summary…')
+                                    : text('AI 生成摘要', 'AI generate summary'),
+                            }),
+                            jsx(Button, {
+                                type: 'button',
+                                disabled: disabled || Boolean(busy) || !summary.trim(),
+                                onClick: applyTemplate,
+                                children: busy === 'generate'
+                                    ? text('压缩标题中…', 'Compressing title…')
+                                    : text('从摘要生成标题', 'Generate title from summary'),
+                            }),
+                        ],
+                    }),
+                    message && jsx('p', { className: 'dtc__status', role: 'status', children: message }),
+                    error &&
+                        jsx('p', {
+                            className: 'dtc__status',
+                            'data-error': true,
+                            role: 'alert',
+                            children: error,
+                        }),
+                ],
+            });
+        }
+        function SettingsSection({ scope, workspaceCompatibility, connection }) {
+            const language = document.documentElement?.lang || navigator.language || 'en';
+            const zh = /^zh(?:-|$)/i.test(language);
+            const snapshot = React.useSyncExternalStore((listener) => scope.subscribe(listener), () => scope.getSnapshot(), () => scope.getSnapshot());
+            const workspaceStatus = React.useSyncExternalStore((listener) => workspaceCompatibility.subscribe(listener), () => workspaceCompatibility.getSnapshot(), () => 'unavailable');
+            const resolved = { ...DEFAULTS, ...(snapshot.value || {}) };
+            const [draft, setDraft] = React.useState(resolved);
+            const [message, setMessage] = React.useState('');
+            const [saving, setSaving] = React.useState(false);
+            const [open, setOpen] = React.useState(false);
+            const [failed, setFailed] = React.useState(false);
+            const bodyId = React.useId();
+            const header = React.useRef(null);
+            const [routes, setRoutes] = React.useState({
+                status: 'idle',
+                providers: [],
+                models: [],
+                provider: '',
+            });
+            const [routeRevision, setRouteRevision] = React.useState(0);
+            React.useEffect(() => {
+                if (!open)
+                    return;
+                const controller = new AbortController();
+                const provider = draft.modelProvider;
+                setRoutes({ status: 'loading', providers: [], models: [], provider });
+                Promise.resolve()
+                    .then(() => connection.rpc.call('/titlecraft', 'models', { provider }, controller.signal))
+                    .then((result) => {
+                    if (controller.signal.aborted)
+                        return;
+                    if (!result?.ok)
+                        throw new Error('unavailable');
+                    setRoutes({
+                        status: 'ready',
+                        providers: result.value.providers,
+                        models: result.value.models,
+                        provider,
+                    });
+                })
+                    .catch(() => {
+                    if (!controller.signal.aborted)
+                        setRoutes({ status: 'error', providers: [], models: [], provider });
+                });
+                return () => controller.abort();
+            }, [open, draft.modelProvider, routeRevision]);
+            React.useEffect(() => setDraft(resolved), [snapshot.revision]);
+            const set = (field, value) => setDraft((old) => ({ ...old, [field]: value }));
+            const typesSupported = Array.isArray(snapshot.value?.types) && Array.isArray(snapshot.value?.enabledTypes);
+            const text = (cn, en) => (zh ? cn : en);
+            const previewIcon = draft.iconMode === 'none' ? '' : ICONS.find(([id]) => id === draft.iconId)?.[1] || '';
+            const preview = draft.formatTemplate
+                .replaceAll('{date}', draft.datePattern
+                .replaceAll('YYYY', '2026')
+                .replaceAll('MM', '09')
+                .replaceAll('DD', '03'))
+                .replaceAll('{type}', draft.enabledTypes.includes('优化') ? '优化' : draft.enabledTypes[0] || '未选择')
+                .replaceAll('{topic}', '标题模板设计')
+                .replaceAll('{icon}', previewIcon ? previewIcon + ' ' : '');
+            const save = async (event) => {
+                event.preventDefault();
+                if (unavailable || saving || !typesSupported || !dirty || invalid)
+                    return;
+                setFailed(false);
+                setSaving(true);
+                setMessage('');
+                try {
+                    const ops = FIELDS.filter((field) => field !== 'fallbackToSessionModel' ||
+                        typeof snapshot.value?.fallbackToSessionModel === 'boolean').map((field) => ({ op: 'set', path: [field], value: draft[field] }));
+                    await scope.mutate(ops, snapshot.revision);
+                    setMessage(text('已保存，规则将实时用于后续标题。', 'Saved. New rules apply to subsequent titles.'));
+                    setOpen(false);
+                    header.current?.focus();
+                }
+                catch (error) {
+                    setOpen(true);
+                    setFailed(true);
+                    setMessage(text(`保存失败：${String(error)}`, `Save failed: ${String(error)}`));
+                }
+                finally {
+                    setSaving(false);
+                }
+            };
+            const reset = async () => {
+                if (unavailable || saving)
+                    return;
+                setFailed(false);
+                setSaving(true);
+                setMessage('');
+                try {
+                    await scope.mutate(FIELDS.filter((field) => field !== 'fallbackToSessionModel' ||
+                        typeof snapshot.value?.fallbackToSessionModel === 'boolean').map((field) => ({ op: 'unset', path: [field] })), snapshot.revision);
+                    setDraft(DEFAULTS);
+                    setMessage(text('已恢复默认规则。', 'Defaults restored.'));
+                }
+                catch (error) {
+                    setOpen(true);
+                    setFailed(true);
+                    setMessage(text(`重置失败：${String(error)}`, `Reset failed: ${String(error)}`));
+                }
+                finally {
+                    setSaving(false);
+                }
+            };
+            const unavailable = snapshot.status !== 'ready' || !snapshot.writable;
+            const dirty = FIELDS.some((field) => JSON.stringify(draft[field]) !== JSON.stringify(resolved[field]));
+            const limits = {
+                fontSize: [12, 20],
+                sessionTitleLeftOffset: [0, 8],
+                idleDelayMs: [250, 600000],
+                maxInputBytes: [512, 65536],
+                maxOutputTokens: [32, 512],
+                timeoutMs: [1000, 2147483647],
+                topicMaxChars: [4, 40],
+                minConfidence: [0, 1],
+            };
+            const invalid = (Boolean(draft.modelProvider !== '' || draft.modelName !== '') &&
+                (routes.status !== 'ready' ||
+                    routes.provider !== draft.modelProvider ||
+                    !routes.providers.includes(draft.modelProvider) ||
+                    !routes.models.includes(draft.modelName))) ||
+                draft.enabledTypes.length === 0 ||
+                Object.entries(limits).some(([key, [min, max]]) => !Number.isFinite(draft[key]) ||
+                    draft[key] < min ||
+                    draft[key] > max ||
+                    (key !== 'minConfidence' && !Number.isInteger(draft[key])));
+            const form = jsxs('form', {
+                id: bodyId,
+                hidden: !open,
+                className: 'dtc',
+                onSubmit: save,
+                children: [
+                    unavailable &&
+                        jsx('p', {
+                            className: 'dtc__status',
+                            role: 'status',
+                            children: text('当前配置只读或尚未就绪。', 'Settings are read-only or not ready.'),
+                        }),
+                    jsxs('fieldset', {
+                        className: 'dtc__fields',
+                        disabled: unavailable || saving,
+                        children: [
+                            jsxs('div', {
+                                children: [
+                                    jsx('p', {
+                                        className: 'dtc__lede',
+                                        children: text('标题工艺仅修改会话标题；无法可靠判断主题时保留原名。', 'Changes TitleCraft session titles only; ambiguous topics keep their current title.'),
+                                    }),
+                                ],
+                            }),
+                            workspaceStatus !== 'compatible' &&
+                                jsx('p', {
+                                    className: 'dtc__compat',
+                                    role: 'status',
+                                    children: text(workspaceStatus === 'incompatible'
+                                        ? '当前 Workspace 会话列表未声明标题工艺兼容契约。自动标题仍可用；原生重命名工作台和列表外观可能不可用。标题工艺不会接管或争抢 Workspace，第三方界面适配应由独立兼容插件提供。'
+                                        : '尚未检测到 Workspace 会话列表。自动标题仍可用；重命名工作台和列表外观将在兼容 Workspace 可用后启用。标题工艺不会接管该界面。', workspaceStatus === 'incompatible'
+                                        ? 'The active Workspace session list does not declare the TitleCraft compatibility contract. Automatic titles still work; the native Rename workbench and list appearance may be unavailable. TitleCraft never takes over or competes for Workspace ownership; third-party UI support belongs in a separate compatibility plugin.'
+                                        : 'No Workspace session list is currently available. Automatic titles still work; the Rename workbench and list appearance activate when a compatible Workspace is present. TitleCraft never takes over this surface.'),
+                                }),
+                            snapshot.status === 'unavailable' &&
+                                jsx('p', {
+                                    className: 'dtc__status',
+                                    children: text('当前 Host 未开放此设置命名空间。', 'This settings namespace is not exposed by the Host.'),
+                                }),
+                            jsxs('section', {
+                                className: 'dtc__card',
+                                children: [
+                                    jsx('h3', { children: text('格式规则', 'Format rules') }),
+                                    jsxs('div', {
+                                        className: 'dtc__grid',
+                                        children: [
+                                            jsx(Check, {
+                                                label: text('启用自动统一', 'Enable automatic titles'),
+                                                checked: draft.enabled,
+                                                onChange: (v) => set('enabled', v),
+                                            }),
+                                            jsx(Check, {
+                                                label: text('保护人工标题', 'Preserve manual titles'),
+                                                checked: draft.respectManualTitles,
+                                                onChange: (v) => set('respectManualTitles', v),
+                                            }),
+                                            jsx(SelectField, {
+                                                active: open && !unavailable && !saving,
+                                                label: text('模板样式', 'Template style'),
+                                                value: draft.templatePreset,
+                                                options: [
+                                                    [
+                                                        'standard',
+                                                        text('标准（默认）：图标 日期｜类型｜主题', 'Standard (default): icon date | type | topic'),
+                                                    ],
+                                                    ['concise', text('精简：图标 类型｜主题', 'Concise: icon type | topic')],
+                                                    [
+                                                        'topic-first',
+                                                        text('主题优先：图标 主题｜类型 · 日期', 'Topic first: icon topic | type · date'),
+                                                    ],
+                                                    [
+                                                        'bracketed',
+                                                        text('标签：图标 [类型] 主题 · 日期', 'Bracketed: icon [type] topic · date'),
+                                                    ],
+                                                    [
+                                                        'compact',
+                                                        text('日期简报：图标 日期 · 主题', 'Date brief: icon date · topic'),
+                                                    ],
+                                                    [
+                                                        'timeline',
+                                                        text('时间线：图标 日期 — 主题 [类型]', 'Timeline: icon date — topic [type]'),
+                                                    ],
+                                                    ['minimal', text('极简：图标 主题', 'Minimal: icon topic')],
+                                                    ['custom', text('自定义', 'Custom')],
+                                                ],
+                                                onChange: (v) => {
+                                                    const templates = {
+                                                        standard: '{icon} {date}｜{type}｜{topic}',
+                                                        concise: '{icon} {type}｜{topic}',
+                                                        'topic-first': '{icon} {topic}｜{type} · {date}',
+                                                        bracketed: '{icon} [{type}] {topic} · {date}',
+                                                        compact: '{icon} {date} · {topic}',
+                                                        timeline: '{icon} {date} — {topic} [{type}]',
+                                                        minimal: '{icon} {topic}',
+                                                    };
+                                                    setDraft((old) => ({
+                                                        ...old,
+                                                        templatePreset: v,
+                                                        formatTemplate: templates[v] || old.formatTemplate,
+                                                    }));
+                                                },
+                                            }),
+                                            jsx(Field, {
+                                                label: text('标题模板', 'Title template'),
+                                                value: draft.formatTemplate,
+                                                onChange: (v) => setDraft((old) => ({
+                                                    ...old,
+                                                    templatePreset: 'custom',
+                                                    formatTemplate: v,
+                                                })),
+                                                wide: true,
+                                                hint: '{date} / {type} / {topic} / {icon}',
+                                            }),
+                                            jsx(SelectField, {
+                                                active: open && !unavailable && !saving,
+                                                label: text('图标模式', 'Icon mode'),
+                                                value: draft.iconMode === 'type' ? 'smart' : draft.iconMode,
+                                                options: [
+                                                    ['none', text('不写入标题', 'Do not persist')],
+                                                    ['selected', text('固定图标', 'Fixed icon')],
+                                                    ['smart', text('智能语义选择', 'Smart semantic selection')],
+                                                ],
+                                                onChange: (v) => set('iconMode', v),
+                                                hint: text('智能模式由精修模型按主题从本地图标白名单选择。', 'Smart mode lets the refinement model choose from the local icon allowlist by topic.'),
+                                            }),
+                                            jsx(SelectField, {
+                                                active: open && !unavailable && !saving,
+                                                iconMenu: true,
+                                                label: text('固定／回退图标', 'Fixed / fallback icon'),
+                                                value: draft.iconId,
+                                                options: ICONS.map(([id, glyph, cn, en]) => [
+                                                    id,
+                                                    iconOptionLabel(glyph, text(cn, en)),
+                                                ]),
+                                                menuItems: groupedIconMenuItems(zh),
+                                                onChange: (v) => set('iconId', v),
+                                                hint: text('智能精修前或智能结果不可用时使用。', 'Used before smart refinement or when no smart icon is available.'),
+                                            }),
+                                            jsx(SelectField, {
+                                                active: open && !unavailable && !saving,
+                                                label: text('预览字体', 'Preview font'),
+                                                value: draft.fontFamily,
+                                                options: [
+                                                    ['dsh', text('跟随 DSH', 'DSH default')],
+                                                    ['system-ui', text('系统界面', 'System UI')],
+                                                    ['ui-monospace', text('等宽', 'Monospace')],
+                                                    ['ui-serif', text('衬线', 'Serif')],
+                                                ],
+                                                onChange: (v) => set('fontFamily', v),
+                                                hint: text('仅用于设置预览；DSH 暂无会话行样式接口。', 'Preview only; DSH exposes no session-row styling API yet.'),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('会话标题字号', 'Session title size'),
+                                                value: draft.fontSize,
+                                                min: 12,
+                                                max: 20,
+                                                onChange: (v) => set('fontSize', v),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('会话左侧内容与标题向左偏移（0–8 px）', 'Session leading content and title left offset (0–8 px)'),
+                                                value: draft.sessionTitleLeftOffset,
+                                                min: 0,
+                                                max: 8,
+                                                onChange: (v) => set('sessionTitleLeftOffset', v),
+                                            }),
+                                            jsx(SelectField, {
+                                                active: open && !unavailable && !saving,
+                                                label: text('日期来源', 'Date source'),
+                                                value: draft.dateSource,
+                                                options: [
+                                                    ['createdAt', text('创建时间（稳定）', 'Created time (stable)')],
+                                                    ['lastUserMessage', text('最后真人消息', 'Last human message')],
+                                                    ['lastCompletedTurn', text('最后完成回合', 'Last completed turn')],
+                                                    ['lastActivity', text('最后持久活动', 'Last durable activity')],
+                                                ],
+                                                onChange: (v) => set('dateSource', v),
+                                                hint: text('后三项会让标题日期随对应活动更新；无匹配事件时回退到创建时间。', 'Activity-based modes update the title date and fall back to creation time when no matching event exists.'),
+                                            }),
+                                            jsx(Field, {
+                                                label: text('时区', 'Timezone'),
+                                                value: draft.timezone,
+                                                onChange: (v) => set('timezone', v),
+                                                placeholder: 'Asia/Shanghai',
+                                            }),
+                                            jsx(DateMode, {
+                                                active: open && !unavailable && !saving,
+                                                label: text('日期模式', 'Date pattern'),
+                                                value: draft.datePattern,
+                                                onChange: (v) => set('datePattern', v),
+                                            }),
+                                            jsx(TypeSelector, {
+                                                types: draft.types,
+                                                enabledTypes: draft.enabledTypes,
+                                                zh,
+                                                disabled: unavailable || saving,
+                                                saved: { types: resolved.types, enabledTypes: resolved.enabledTypes },
+                                                onChange: (value) => setDraft((old) => ({ ...old, ...value })),
+                                            }),
+                                            !typesSupported &&
+                                                jsx('p', {
+                                                    className: 'dtc__hint dtc__wide',
+                                                    role: 'status',
+                                                    children: text('需要重启 DSH 以加载类型配置支持，重启前无法保存。', 'Restart DSH to load type configuration support before saving.'),
+                                                }),
+                                            jsxs('div', {
+                                                className: 'dtc__wide',
+                                                children: [
+                                                    jsx('span', {
+                                                        className: 'dtc__hint',
+                                                        children: text('预览', 'Preview'),
+                                                    }),
+                                                    jsx('div', {
+                                                        className: 'dtc__preview',
+                                                        style: {
+                                                            fontFamily: draft.fontFamily === 'dsh' ? 'inherit' : draft.fontFamily,
+                                                            fontSize: `${draft.fontSize}px`,
+                                                        },
+                                                        children: preview,
+                                                    }),
+                                                ],
+                                            }),
+                                        ],
+                                    }),
+                                ],
+                            }),
+                            jsxs('section', {
+                                className: 'dtc__card',
+                                children: [
+                                    jsx('h3', { children: text('生成时机', 'Generation timing') }),
+                                    jsx(SelectField, {
+                                        label: text('首次标题', 'Initial title'),
+                                        active: open && !unavailable && !saving,
+                                        value: draft.firstMessageLlmEnabled
+                                            ? 'ai'
+                                            : draft.instantEnabled
+                                                ? 'rules'
+                                                : 'keep',
+                                        options: [
+                                            ['rules', text('本地规则 · 不调用 AI', 'Local rules · no AI call')],
+                                            ['ai', text('AI 生成 · 更早获得语义标题', 'AI · earlier semantic title')],
+                                            ['keep', text('保持原名', 'Keep existing title')],
+                                        ],
+                                        onChange: (value) => setDraft((old) => ({
+                                            ...old,
+                                            firstMessageLlmEnabled: value === 'ai',
+                                            instantEnabled: value === 'ai' ? old.instantEnabled : value === 'rules',
+                                        })),
+                                        hint: text('AI 生成需要等待模型响应并产生费用；无法可靠判断时保留原名。', 'AI generation takes time and incurs costs; uncertain results keep the existing title.'),
+                                    }),
+                                    jsx(Check, {
+                                        label: text('对话结束后用 AI 更新标题', 'Update title with AI after each turn'),
+                                        checked: draft.refineEnabled,
+                                        onChange: (value) => set('refineEnabled', value),
+                                    }),
+                                    jsx('p', {
+                                        className: 'dtc__hint',
+                                        children: text('随对话内容变化更新标题；已尝试 AI 起名的首回合不会重复调用。', 'Keep the title up to date; a first turn already attempted by AI is not generated twice.'),
+                                    }),
+                                    jsx('h3', {
+                                        style: { marginTop: 24 },
+                                        children: text('模型与调用', 'Models and calls'),
+                                    }),
+                                    jsxs('div', {
+                                        className: 'dtc__checks',
+                                        children: [
+                                            jsx(Check, {
+                                                label: text('自动路由时优先低成本模型', 'Prefer low-cost models for automatic routing'),
+                                                checked: draft.preferCheap,
+                                                onChange: (value) => set('preferCheap', value),
+                                            }),
+                                            typeof snapshot.value?.fallbackToSessionModel === 'boolean'
+                                                ? jsx(Check, {
+                                                    label: text('失败后用会话模型再试一次', 'Retry once with the session model on failure'),
+                                                    checked: draft.fallbackToSessionModel,
+                                                    onChange: (value) => set('fallbackToSessionModel', value),
+                                                })
+                                                : jsx('p', {
+                                                    className: 'dtc__hint',
+                                                    children: text('重启 DSH 后可配置失败重试。', 'Restart DSH to configure retries.'),
+                                                }),
+                                        ],
+                                    }),
+                                    jsx('p', {
+                                        className: 'dtc__hint',
+                                        children: text('低成本按模型名称估计，不保证价格；失败重试可能增加一次调用费用。', 'Low cost is estimated from model names, not guaranteed; retrying may incur another call.'),
+                                    }),
+                                    jsxs('div', {
+                                        className: 'dtc__grid',
+                                        children: [
+                                            jsx(NumberField, {
+                                                label: text('空闲延迟（毫秒）', 'Idle delay (ms)'),
+                                                value: draft.idleDelayMs,
+                                                min: 250,
+                                                max: 600000,
+                                                onChange: (v) => set('idleDelayMs', v),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('主题最长字符', 'Topic max characters'),
+                                                value: draft.topicMaxChars,
+                                                min: 4,
+                                                max: 40,
+                                                onChange: (v) => set('topicMaxChars', v),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('最低置信度', 'Minimum confidence'),
+                                                value: draft.minConfidence,
+                                                min: 0,
+                                                max: 1,
+                                                step: 0.01,
+                                                onChange: (v) => set('minConfidence', v),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('输入字节上限', 'Input byte limit'),
+                                                value: draft.maxInputBytes,
+                                                min: 512,
+                                                max: 65536,
+                                                onChange: (v) => set('maxInputBytes', v),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('输出 Token 上限', 'Output token limit'),
+                                                value: draft.maxOutputTokens,
+                                                min: 32,
+                                                max: 512,
+                                                onChange: (v) => set('maxOutputTokens', v),
+                                            }),
+                                            jsx(NumberField, {
+                                                label: text('超时（毫秒）', 'Timeout (ms)'),
+                                                value: draft.timeoutMs,
+                                                min: 1000,
+                                                max: 2147483647,
+                                                onChange: (v) => set('timeoutMs', v),
+                                            }),
+                                            jsx(SelectField, {
+                                                label: text('固定 Provider（可选）', 'Fixed provider (optional)'),
+                                                value: draft.modelProvider,
+                                                active: open && !unavailable && !saving,
+                                                options: [
+                                                    ['', text('自动路由', 'Automatic routing')],
+                                                    ...routes.providers.map((id) => [id, id]),
+                                                    ...(draft.modelProvider && !routes.providers.includes(draft.modelProvider)
+                                                        ? [
+                                                            [
+                                                                draft.modelProvider,
+                                                                `${draft.modelProvider} (${text('待验证／不可用', 'unverified / unavailable')})`,
+                                                            ],
+                                                        ]
+                                                        : []),
+                                                ],
+                                                onChange: (value) => setDraft((old) => ({ ...old, modelProvider: value, modelName: '' })),
+                                            }),
+                                            jsx(SelectField, {
+                                                label: text('固定 Model（可选）', 'Fixed model (optional)'),
+                                                value: draft.modelName,
+                                                active: open &&
+                                                    !unavailable &&
+                                                    !saving &&
+                                                    Boolean(draft.modelProvider) &&
+                                                    routes.status === 'ready' &&
+                                                    routes.provider === draft.modelProvider,
+                                                options: [
+                                                    ['', text('请选择模型', 'Select a model')],
+                                                    ...routes.models.map((id) => [id, id]),
+                                                    ...(draft.modelName && !routes.models.includes(draft.modelName)
+                                                        ? [
+                                                            [
+                                                                draft.modelName,
+                                                                `${draft.modelName} (${text('待验证／不可用', 'unverified / unavailable')})`,
+                                                            ],
+                                                        ]
+                                                        : []),
+                                                ],
+                                                onChange: (value) => set('modelName', value),
+                                            }),
+                                            jsx('p', {
+                                                className: 'dtc__hint',
+                                                role: 'status',
+                                                children: routes.status === 'loading'
+                                                    ? text('正在读取可用模型…', 'Loading available models…')
+                                                    : routes.status === 'error'
+                                                        ? text('无法读取模型。保留原配置；可重试或选择自动路由。', 'Model discovery failed. Existing settings are preserved; retry or choose automatic routing.')
+                                                        : !routes.providers.length
+                                                            ? text('没有可用 Provider。自动路由仍按会话配置尝试。', 'No providers available. Automatic routing still uses the session configuration.')
+                                                            : draft.modelProvider && !routes.models.includes(draft.modelName)
+                                                                ? text('请选择该 Provider 下的可用模型；失效配置不能保存。', 'Select an available model for this provider; invalid routes cannot be saved.')
+                                                                : text('模型发现不发起生成请求，不改变主会话模型。', 'Discovery does not generate text or change the session model.'),
+                                            }),
+                                            jsx(Button, {
+                                                type: 'button',
+                                                disabled: routes.status === 'loading',
+                                                onClick: () => setRouteRevision((value) => value + 1),
+                                                children: text('刷新模型列表', 'Refresh models'),
+                                            }),
+                                            jsxs('label', {
+                                                className: 'dtc__wide',
+                                                children: [
+                                                    text('主题提炼补充规则', 'Additional topic guidance'),
+                                                    jsx('textarea', {
+                                                        value: draft.topicGuidance,
+                                                        onChange: (e) => set('topicGuidance', e.target.value),
+                                                    }),
+                                                ],
+                                            }),
+                                        ],
+                                    }),
+                                ],
+                            }),
+                        ],
+                    }),
+                    jsxs('div', {
+                        className: 'dtc__actions',
+                        children: [
+                            (message || invalid) &&
+                                jsx('span', {
+                                    className: 'dtc__status',
+                                    'aria-live': 'polite',
+                                    'data-error': failed || invalid,
+                                    role: 'status',
+                                    children: invalid
+                                        ? text('请检查数值范围、启用类型及固定模型的可用性。', 'Check numeric ranges, enabled types, and fixed-model availability.')
+                                        : message,
+                                }),
+                            jsx(Button, {
+                                type: 'button',
+                                variant: 'outline',
+                                size: 'sm',
+                                disabled: !dirty || saving,
+                                onClick: () => {
+                                    setDraft(resolved);
+                                    setMessage('');
+                                    setFailed(false);
+                                },
+                                children: text('放弃修改', 'Discard changes'),
+                            }),
+                            jsx(Button, {
+                                type: 'button',
+                                variant: 'outline',
+                                size: 'sm',
+                                disabled: unavailable || saving,
+                                onClick: reset,
+                                children: text('恢复默认', 'Restore defaults'),
+                            }),
+                            jsx(Button, {
+                                type: 'submit',
+                                variant: 'primary',
+                                size: 'sm',
+                                disabled: unavailable || saving || !typesSupported || !dirty || invalid,
+                                children: saving ? text('保存中…', 'Saving…') : text('保存', 'Save'),
+                            }),
+                        ],
+                    }),
+                ],
+            });
+            if (snapshot.status === 'unavailable')
+                return null;
+            return jsxs('li', {
+                className: 'dtc-plugin',
+                'data-open': open,
+                children: [
+                    jsxs('button', {
+                        ref: header,
+                        type: 'button',
+                        className: 'dtc-plugin__header',
+                        'aria-expanded': open,
+                        'aria-controls': bodyId,
+                        'aria-label': text(`${open ? '收起' : '展开'}：标题工艺`, `${open ? 'Collapse' : 'Expand'}: TitleCraft`),
+                        onClick: () => setOpen((v) => !v),
+                        children: [
+                            jsxs('span', {
+                                className: 'dtc-plugin__heading',
+                                children: [
+                                    jsx('strong', { children: text('标题工艺', 'TitleCraft') }),
+                                    jsx('small', {
+                                        children: text('模板、图标、主题提炼与生成时机。', 'Templates, icons, topic extraction and generation timing.'),
+                                    }),
+                                ],
+                            }),
+                            dirty &&
+                                jsx('span', {
+                                    className: 'dtc-plugin__pending',
+                                    children: text('未保存', 'Unsaved'),
+                                }),
+                            jsx(IconChevronDownOutline14, { className: 'dtc-plugin__chevron' }),
+                        ],
+                    }),
+                    form,
+                ],
+            });
+        }
+        function TypeSelector({ types, enabledTypes, saved, onChange, disabled, zh }) {
+            const [name, setName] = React.useState('');
+            const [error, setError] = React.useState('');
+            const text = (cn, en) => (zh ? cn : en);
+            const add = () => {
+                const next = name.trim();
+                if (!/^[\p{L}\p{N}][\p{L}\p{N} _-]*$/u.test(next) || [...next].length > 12) {
+                    setError(text('名称需为 1–12 个字符，仅允许文字、数字、空格、下划线和短横线。', 'Use 1–12 letters, digits, spaces, underscores or hyphens.'));
+                    return;
+                }
+                if (types.some((type) => type.toLowerCase() === next.toLowerCase())) {
+                    setError(text('该类型已存在。', 'This type already exists.'));
+                    return;
+                }
+                if (types.length >= 32) {
+                    setError(text('最多 32 个类型。', 'Maximum 32 types.'));
+                    return;
+                }
+                onChange({ types: [...types, next], enabledTypes: [...enabledTypes, next] });
+                setName('');
+                setError('');
+            };
+            const change = (value) => {
+                onChange(value);
+                setError('');
+            };
+            return jsxs('fieldset', {
+                className: 'dtc__type-editor dtc__wide',
+                disabled,
+                children: [
+                    jsx('legend', { children: text('标题类型', 'Title types') }),
+                    jsx('p', {
+                        className: 'dtc__hint',
+                        children: text('勾选允许生成的类型；新增类型默认启用。更改后需保存，不会批量修改已有标题。', 'Select types allowed for new titles. New types are enabled. Save to apply; existing titles are not batch-renamed.'),
+                    }),
+                    jsx('div', {
+                        className: 'dtc__type-list',
+                        children: types.map((type) => jsxs('div', {
+                            className: 'dtc__type-option',
+                            children: [
+                                jsx(Check, {
+                                    label: type,
+                                    checked: enabledTypes.includes(type),
+                                    onChange: (checked) => change({
+                                        types,
+                                        enabledTypes: checked
+                                            ? [...enabledTypes, type]
+                                            : enabledTypes.filter((item) => item !== type),
+                                    }),
+                                }),
+                                jsx(Button, {
+                                    size: 'sm',
+                                    type: 'button',
+                                    className: 'dtc__type-remove',
+                                    'aria-label': text(`删除类型 ${type}`, `Delete type ${type}`),
+                                    onClick: () => change({
+                                        types: types.filter((item) => item !== type),
+                                        enabledTypes: enabledTypes.filter((item) => item !== type),
+                                    }),
+                                    children: '×',
+                                }),
+                            ],
+                        }, type)),
+                    }),
+                    jsx('p', {
+                        className: 'dtc__hint',
+                        role: 'status',
+                        children: enabledTypes.length === 0
+                            ? text('至少启用一个类型才能保存。', 'Enable at least one type to save.')
+                            : text(`已启用 ${enabledTypes.length} / ${types.length} 个类型`, `${enabledTypes.length} / ${types.length} types enabled`),
+                    }),
+                    jsxs('div', {
+                        className: 'dtc__type-tools',
+                        children: [
+                            jsxs('label', {
+                                children: [
+                                    text('新增类型', 'New type'),
+                                    jsx(Input, {
+                                        className: 'dtc__input',
+                                        value: name,
+                                        placeholder: text('例如：测试', 'e.g. Testing'),
+                                        onChange: (e) => setName(e.target.value),
+                                        onKeyDown: (e) => {
+                                            if (e.key === 'Enter' && !e.nativeEvent?.isComposing) {
+                                                e.preventDefault();
+                                                add();
+                                            }
+                                        },
+                                    }),
+                                ],
+                            }),
+                            jsx(Button, {
+                                variant: 'outline',
+                                size: 'sm',
+                                type: 'button',
+                                onClick: add,
+                                disabled: !name.trim() || types.length >= 32,
+                                children: text('添加', 'Add'),
+                            }),
+                        ],
+                    }),
+                    error && jsx('p', { role: 'alert', className: 'dtc__hint', children: error }),
+                    jsxs('div', {
+                        className: 'dtc__type-tools',
+                        children: [
+                            jsx(Button, {
+                                variant: 'outline',
+                                size: 'sm',
+                                type: 'button',
+                                onClick: () => {
+                                    change({ types: [...TYPES], enabledTypes: [...TYPES] });
+                                    setName('');
+                                },
+                                children: text('重置类型', 'Reset types'),
+                                title: text('恢复默认八种类型，保存后生效', 'Restore eight defaults; save to apply'),
+                            }),
+                            jsx(Button, {
+                                variant: 'outline',
+                                size: 'sm',
+                                type: 'button',
+                                onClick: () => {
+                                    change({ types: [...saved.types], enabledTypes: [...saved.enabledTypes] });
+                                    setName('');
+                                },
+                                children: text('还原类型', 'Revert types'),
+                                title: text('撤销类型的未保存修改', 'Discard unsaved type changes'),
+                            }),
+                        ],
+                    }),
+                    jsx('p', {
+                        className: 'dtc__hint',
+                        children: text('重置：恢复默认八种；还原：回到上次保存。自定义类型由模型精修识别；未启用精修时不会自动推断自定义类型。', 'Reset restores eight defaults; Revert restores saved types. Custom types require model refinement.'),
+                    }),
+                ],
+            });
+        }
+        function Check({ label, checked, onChange }) {
+            return jsxs('label', {
+                className: 'dtc__check',
+                children: [
+                    jsx('input', {
+                        type: 'checkbox',
+                        checked: Boolean(checked),
+                        onChange: (event) => onChange(event.target.checked),
+                    }),
+                    jsx('span', { children: label }),
+                ],
+            });
+        }
+        function Field({ label, value, onChange, placeholder, wide, hint }) {
+            return jsxs('label', {
+                className: wide ? 'dtc__wide' : undefined,
+                children: [
+                    label,
+                    jsx(Input, {
+                        className: 'dtc__input',
+                        value: value ?? '',
+                        placeholder,
+                        onChange: (event) => onChange(event.target.value),
+                    }),
+                    hint && jsx('span', { className: 'dtc__hint', children: hint }),
+                ],
+            });
+        }
+        function SelectField({ label, value, options, menuItems, onChange, hint, active = true, iconMenu = false, }) {
+            const [open, setOpen] = React.useState(false);
+            React.useEffect(() => {
+                if (!active)
+                    setOpen(false);
+            }, [active]);
+            const selected = options.find(([id]) => id === value)?.[1] ?? value;
+            return jsxs('div', {
+                className: 'dtc__field',
+                children: [
+                    jsx('span', { children: label }),
+                    jsx(Menu, {
+                        open: open && active,
+                        onClose: () => setOpen(false),
+                        portal: true,
+                        align: 'end',
+                        className: iconMenu ? 'dtc-icon-menu' : undefined,
+                        items: menuItems ?? options.map(([id, name]) => ({ id, label: name })),
+                        selectedId: value,
+                        onSelect: (id) => {
+                            onChange(id);
+                            setOpen(false);
+                        },
+                        anchor: jsxs(Button, {
+                            type: 'button',
+                            variant: 'outline',
+                            className: 'dtc__select',
+                            disabled: !active,
+                            'aria-label': label,
+                            'aria-haspopup': 'menu',
+                            'aria-expanded': open && active,
+                            onClick: () => {
+                                if (active)
+                                    setOpen((v) => !v);
+                            },
+                            children: [jsx('span', { children: selected }), jsx(IconChevronDownOutline14, {})],
+                        }),
+                    }),
+                    hint && jsx('span', { className: 'dtc__hint', children: hint }),
+                ],
+            });
+        }
+        function NumberField({ label, value, onChange, min, max, step = 1 }) {
+            return jsxs('label', {
+                children: [
+                    label,
+                    jsx(Input, {
+                        className: 'dtc__input',
+                        type: 'number',
+                        required: true,
+                        value,
+                        min,
+                        max,
+                        step,
+                        onChange: (event) => onChange(event.target.value === '' ? '' : Number(event.target.value)),
+                    }),
+                ],
+            });
+        }
+        function DateMode({ value, onChange, label, active }) {
+            return jsx(SelectField, {
+                label,
+                value,
+                onChange,
+                active,
+                options: ['MMDD', 'YYYYMMDD', 'YYYY-MM-DD'].map((id) => [id, id]),
+            });
+        }
+        return { apply, inject };
+    },
+});
+//# sourceMappingURL=client.js.map