@cnbmtech/dsh-zentao-session 0.0.0-stage → 0.2.1

package/client.js

@@ -0,0 +1,1792 @@
+/**
+ * dsh-zentao-session — Web 客户端部分（DSH 原生面板风格）。
+ *
+ * 侧边栏「插件」分组下的「禅道」条目（槽位 sidebar.panellist）+ 主面板（槽位 main）。
+ * 面板：双栏（BUG/任务列表 + 完整详情）、可折叠分区、与禅道一致的确认/解决等操作弹窗、
+ * 首次安装的登录卡片（凭据写入 DSH 凭据库，之后免登录）。
+ *
+ * 面板：BUG / 任务 / 需求 三个页签，各自的浏览范围（指派给我、我评审…）与禅道「我的地盘」一致；
+ * 条目可拖拽/复制为 Markdown 引用，也可按角色预设提示词一键发到对话。
+ *
+ * 宿主路由：
+ *   GET  /api/dsh-zentao-session/{auth,bugs,tasks,stories,bugfull,taskfull,storyfull,bugops,bugform}
+ *        （列表类可带 ?type=assignedTo|openedBy|resolvedBy|finishedBy|reviewedBy|closedBy|canceledBy）
+ *   POST /api/dsh-zentao-session/{login,logout,bugaction,comment}  需请求头 x-dsh-zentao-session: 1
+ *   GET  /api/dsh-zentao-session-file?path=/file-read-…            截图代理
+ */
+window.__ModuleLoader__.load({
+  id: 'dsh-zentao-session',
+  factory: (require) => {
+    const React = require('react')
+    const h = React.createElement
+
+    /** 详情请求序号：用于丢弃过期响应，避免快速切换条目时旧响应覆盖新数据。 */
+    let detailSeq = 0
+
+    const API_BASE = '/api/dsh-zentao-session'
+    const FILE_BASE = '/api/dsh-zentao-session-file'
+    const RPC_CHANNEL = '/dsh-zentao-session'
+    const PANEL_ID = 'zentao-session'
+    const ROLE_KEY = 'dsh-zentao-role'
+    const CSS_MARK = 'dsh-zentao-session/panel.css'
+    const REMARK_TEMPLATE = '问题原因：\n\n解决方案：\n\n解决时间：'
+
+    let hostConnection = null
+    /**
+     * 面板与宿主服务的桥。handlePrompt 要等服务注入完成才可用，所以用**稳定对象**传递：
+     * 若把它作为 prop 值直接注册组件，服务就绪后组件标识变化会导致整个面板重挂载、丢掉已加载的列表。
+     */
+    const panelRuntime = { handlePrompt: null, build: null }
+
+    /**
+     * 建立「按角色处理」到会话服务的桥。三道兜底，任何一道成功即可用：
+     *   ① apply 时立刻解析（服务已就绪）；
+     *   ② ctx.inject 回调（服务晚于 apply 就绪，例如对话插件后加载）；
+     *   ③ 面板点击时懒重试（panelRuntime.build()）。
+     * 三次都拿不到就只保留「复制 / 拖拽」入口，绝不静默失败。
+     */
+    function wireConversationBridge(ctx) {
+      const owner = ctx || {}
+      const pickFrom = (source, key) => {
+        if (!source) return undefined
+        try {
+          if (typeof source.get === 'function') {
+            const hit = source.get(key)
+            if (hit) return hit
+          }
+        } catch { /* 未 inject 的服务在 ctx.get 上只是取不到 */ }
+        try { return source[key] } catch { return undefined }
+      }
+      const build = (source) => {
+        const sessions = pickFrom(source, 'sessions')
+        const workspaces = pickFrom(source, 'workspaces')
+        const uiWorkspace = pickFrom(source, 'uiWorkspace')
+        if (!sessions || !workspaces || !uiWorkspace) return null
+        return async (text) => {
+          const list = sessions.list.getSnapshot()
+          const ws = workspaces.list.getSnapshot()
+          const items = (ws && ws.items) || []
+          // 0.2.x 没有 current/recentWorkspaceId：屏幕上那个会话就是 mainView 保留的那个，
+          // 它所属的项目才是「当前项目」。
+          const current = Object.values((list && list.byId) || {}).find((row) => {
+            const kept = row && row.retainedBy && row.retainedBy.mainView
+            return (kept || 0) > 0
+          })
+          const ownerRow = current ? items.find((item) => (item.sessionIds || []).includes(current.id)) : undefined
+          const target = (ownerRow && ownerRow.workspaceId) || (items[0] && items[0].workspaceId)
+          if (!target) throw new Error('未找到当前项目（workspace），请先打开一个项目')
+          // connectWorkspace 会复用空白会话或新建一个；openSession 把它显示出来
+          const sessionId = await uiWorkspace.connectWorkspace(target)
+          uiWorkspace.openSession(sessionId)
+          // 发送要求会话作用域存活：保留到发送完成再释放
+          await sessions.using(sessionId, { source: 'zentao' }, async () => {
+            const scoped = sessions.scope(sessionId)
+            const conversation = scoped && typeof scoped.get === 'function' ? scoped.get('conversation') : undefined
+            if (!conversation || typeof conversation.send !== 'function') {
+              throw new Error('conversation 服务不可用（Web 对话插件未加载？）')
+            }
+            await conversation.send(text)
+          })
+        }
+      }
+      panelRuntime.build = () => build(owner)
+      if (typeof panelRuntime.handlePrompt !== 'function') panelRuntime.handlePrompt = build(owner)
+      if (typeof owner.inject === 'function') {
+        try {
+          owner.inject(['sessions', 'workspaces', 'uiWorkspace'], (svcCtx) => {
+            if (typeof panelRuntime.handlePrompt !== 'function') {
+              panelRuntime.handlePrompt = build(svcCtx) || build(owner)
+            }
+          })
+        } catch { /* 注入不可用：留给点击时懒解析 */ }
+      }
+      if (typeof panelRuntime.handlePrompt === 'function') {
+        try { owner.logger?.info?.('[zentao-session] 已启用「按角色处理」：可在当前项目新建对话并发送') } catch { /* 忽略 */ }
+      }
+    }
+
+
+
+    // ── 禅道字典 ────────────────────────────────────────────────────────────
+    const BUG_TYPE = {
+      codeerror: '代码错误', config: '配置相关', install: '安装部署', security: '安全相关',
+      performance: '性能问题', standard: '标准规范', automation: '测试脚本', designdefect: '设计缺陷', others: '其他',
+      zsj: '数据问题', kfsj: '开发设计缺陷',
+    }
+    const BUG_STATUS = { active: '激活', resolved: '已解决', closed: '已关闭' }
+    const BUG_RESOLUTION = {
+      fixed: '已修复', duplicate: '重复bug', bydesign: '设计如此', notrepro: '无法重现',
+      willnotfix: '不予解决', toll: '延期处理', external: '外部原因', postponed: '延期处理', technology: '技术不支持',
+      // 该禅道实例的自定义解决方案
+      solve: '已解决', updatedoc: '修改文档', deployment: '环境问题', design_revision: '设计变更',
+      version: '版本问题', outside: '非测试范围', by_pm_design: '产品设计如此', by_dev_design: '开发设计如此',
+      pre_cond_missing: '前置条件缺失', testscope_changing: '提测范围变更',
+    }
+    const SEVERITY = { 1: '1 致命', 2: '2 严重', 3: '3 一般', 4: '4 轻微' }
+    const PRIORITY = { 1: '1 最高', 2: '2 高', 3: '3 中', 4: '4 低' }
+    const ACTION = {
+      opened: '创建', edited: '编辑', commented: '添加备注', confirmed: '确认', assigned: '指派',
+      activated: '激活', resolved: '解决', closed: '关闭', deleted: '删除', started: '开始',
+      finished: '完成', paused: '暂停', canceled: '取消', restarted: '重新开始', reviewed: '评审',
+    }
+    const TASK_TYPE = { devel: '开发', design: '设计', test: '测试', study: '研究', discuss: '讨论', ui: '界面', affair: '事务', misc: '其他' }
+    const TASK_STATUS = { wait: '未开始', doing: '进行中', done: '已完成', pause: '已暂停', cancel: '已取消', closed: '已关闭' }
+    const STORY_STATUS = { draft: '草稿', reviewing: '评审中', active: '激活', changing: '变更中', closed: '已关闭' }
+    const STORY_STAGE = {
+      wait: '未开始', planned: '已计划', projected: '已立项', developing: '研发中', developed: '研发完毕',
+      testing: '测试中', tested: '测试完毕', verified: '已验收', released: '已发布', closed: '已关闭',
+    }
+    const STATUS_TONE = {
+      active: 'amber', resolved: 'green', closed: 'grey',
+      wait: 'grey', doing: 'blue', done: 'green', pause: 'grey', cancel: 'grey',
+      draft: 'grey', reviewing: 'blue', changing: 'amber',
+    }
+    /** 页签名（同时是宿主 action 与 tab 的键）。 */
+    const TABS = [['bugs', '我的 BUG'], ['tasks', '我的任务'], ['stories', '我的需求']]
+    const KIND_LABEL = { bugs: 'BUG', tasks: '任务', stories: '需求' }
+    const STATUS_MAP = { bugs: BUG_STATUS, tasks: TASK_STATUS, stories: STORY_STATUS }
+    /**
+     * 浏览范围（与禅道「我的地盘」的 tab 逐一对应，含顺序）。
+     * 值必须逐字一致：写错时禅道不报错，而是静默退化成未过滤的全量列表。
+     */
+    const SCOPES = {
+      bugs: [['assignedTo', '指派给我'], ['openedBy', '由我创建'], ['resolvedBy', '由我解决'], ['closedBy', '由我关闭']],
+      tasks: [['assignedTo', '指派给我'], ['openedBy', '由我创建'], ['finishedBy', '由我完成'], ['closedBy', '由我关闭'], ['canceledBy', '由我取消']],
+      stories: [['assignedTo', '指派给我'], ['openedBy', '我创建'], ['reviewedBy', '我评审'], ['closedBy', '我关闭']],
+    }
+    /** 角色预设：一键把条目按职位送进对话（提示词可自行修改）。 */
+    const ROLES = [['dev', '开发'], ['test', '测试'], ['product', '产品'], ['manage', '管理']]
+    /** 自动刷新可选间隔（秒）。 */
+    const AUTO_OPTIONS = [[0, '关'], [60, '1 分'], [300, '5 分'], [900, '15 分'], [1800, '30 分']]
+    const ROLE_INTRO = {
+      dev: '你是一名开发工程师。请针对下面这条禅道条目做开发侧处理：给出技术方案、改动点、影响面、风险与自测计划。',
+      test: '你是一名测试工程师。请针对下面这条禅道条目做测试侧处理：给出测试点、用例设计（含边界与异常）、回归范围与潜在风险。',
+      product: '你是一名产品经理。请针对下面这条禅道条目做产品侧处理：梳理背景、目标与验收标准，并给出拆分、优先级与关联方建议。',
+      manage: '你是一名研发管理者。请针对下面这条禅道条目做管理侧处理：给出优先级、排期、资源与风险判断，以及是否需要升级或协调。',
+    }
+    /** 禅道 BUG 操作 → 中文按钮名（与禅道操作栏一致）。 */
+    const OP_LABEL = {
+      confirmBug: '确认', resolve: '解决', close: '关闭', activate: '激活',
+      assignTo: '指派', edit: '编辑', finish: '完成', create: '创建',
+    }
+    /** 操作弹窗标题（禅道表单页里那一行小字）。 */
+    const OP_TITLE = {
+      confirmBug: '确认 BUG', resolve: '解决 BUG', close: '关闭 BUG', activate: '激活 BUG',
+      assignTo: '指派 BUG', edit: '编辑 BUG',
+    }
+
+    const CSS = `
+.zts-root{
+  --line:#e9eaec; --line2:#f1f2f4; --line-strong:#cfd4da; --card:#ffffff; --page:#fbfbfc;
+  --ink:#1f2328; --ink2:#5b6470; --dim:#8b939c; --dim2:#a8afb7;
+  /* 禅道主题蓝：从禅道界面截图采样得到 #0c64eb（按钮底色） */
+  --blue:#0c64eb; --blue-hover:#0a53c4; --blue-bg:#eaf1fe; --blue-line:#cfe0fd;
+  --btn-primary:#0c64eb; --btn-primary-hover:#0a53c4;
+  --green:#16a34a; --green-bg:#f0fdf4; --green-line:#cdeed7;
+  --amber:#b45309; --amber-bg:#fff8ec; --amber-line:#f6e3c5;
+  --grey-bg:#f4f5f7; --shadow:0 18px 48px -24px rgba(16,24,40,.35);
+  --font:'Segoe UI Variable Text','Segoe UI','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
+  --mono:'Cascadia Mono',Consolas,monospace;
+  display:flex; flex-direction:column; height:100%; min-height:0; padding:18px 22px 0;
+  background:var(--page); color:var(--ink); font-family:var(--font); font-size:13px; line-height:1.55;
+  -webkit-font-smoothing:antialiased;
+}
+.zts-dark{
+  --line:#2b2e33; --line2:#232629; --line-strong:#3a3f46; --card:#1c1e22; --page:#141619;
+  --ink:#e9ebee; --ink2:#a8adb6; --dim:#7f858e; --dim2:#6b7178;
+  --blue:#6f9bf3; --blue-hover:#8bb0f6; --blue-bg:rgba(111,155,243,.14); --blue-line:rgba(111,155,243,.32);
+  /* 深色下按钮用深一档的蓝，保证白字对比度 */
+  --btn-primary:#2f6fed; --btn-primary-hover:#3b7ef5;
+  --green:#57d18a; --green-bg:rgba(87,209,138,.12); --green-line:rgba(87,209,138,.3);
+  --amber:#e5a94a; --amber-bg:rgba(229,169,74,.12); --amber-line:rgba(229,169,74,.3);
+  --grey-bg:rgba(255,255,255,.06); --shadow:0 18px 48px -24px rgba(0,0,0,.75);
+}
+.zts-top{display:flex; align-items:center; gap:12px; padding-bottom:14px}
+.zts-brand{display:flex; align-items:center; gap:9px; font-size:16px; font-weight:600}
+.zts-mark{width:22px; height:22px; border-radius:6px; background:linear-gradient(150deg,#2f6fed,#5b8def);
+  display:grid; place-items:center; color:#fff; font-size:12px; flex:none}
+.zts-crumb{color:var(--dim); font-size:12.5px}
+.zts-sp{flex:1}
+.zts-conn{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink2)}
+.zts-conn i{width:7px; height:7px; border-radius:50%; background:var(--green)}
+.zts-conn.syncing i{background:var(--amber)} .zts-conn.err i{background:#e05252}
+.zts-iconbtn{width:30px; height:30px; border:1px solid var(--line); border-radius:8px; background:var(--card);
+  color:var(--ink2); display:grid; place-items:center; cursor:pointer; font-size:13px; text-decoration:none}
+.zts-iconbtn:hover{background:var(--grey-bg)}
+.zts-rot{animation:zts-spin .9s linear infinite; display:inline-block}
+@keyframes zts-spin{to{transform:rotate(360deg)}}
+.zts-tabs{display:flex; gap:22px; border-bottom:1px solid var(--line); margin-bottom:16px}
+.zts-tab{font:inherit; font-size:13.5px; background:none; border:0; color:var(--dim); cursor:pointer; padding:0 0 10px; position:relative}
+.zts-tab:hover{color:var(--ink)}
+.zts-tab.on{color:var(--ink); font-weight:500}
+.zts-tab.on::after{content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--blue); border-radius:2px}
+.zts-tab b{color:var(--dim2); font-weight:400; margin-left:5px}
+.zts-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px}
+.zts-stat{border:1px solid var(--line); border-radius:12px; padding:13px 15px 11px; background:var(--card);
+  width:100%; font:inherit; color:inherit; text-align:left; cursor:pointer; transition:border-color .16s, background .16s, box-shadow .16s}
+.zts-stat:hover{border-color:var(--line-strong, #cfd4da); background:var(--grey-bg)}
+.zts-stat.is-active{border-color:var(--blue); background:var(--blue-bg); box-shadow:0 0 0 3px var(--blue-bg)}
+.zts-stat .k{font-size:12px; color:var(--ink2); margin-bottom:6px}
+.zts-stat .v{font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1.1}
+.zts-stat .v.amber{color:var(--amber)} .zts-stat .v.green{color:var(--green)} .zts-stat .v.blue{color:var(--blue)}
+.zts-stat .s{font-size:11px; color:var(--dim); margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
+.zts-bar{display:flex; align-items:center; gap:10px; margin-bottom:14px; flex-wrap:wrap}
+.zts-search{flex:1; max-width:420px; min-width:200px; display:flex; align-items:center; gap:8px;
+  border:1px solid var(--line); border-radius:10px; padding:6px 12px; background:var(--card); color:var(--dim)}
+.zts-search input{border:0; outline:0; font:inherit; font-size:12.5px; color:var(--ink); flex:1; background:transparent}
+.zts-seg{display:inline-flex; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--card)}
+.zts-seg button{font:inherit; font-size:12.5px; padding:7px 13px; border:0; background:transparent; color:var(--ink2); cursor:pointer}
+.zts-seg button+button{border-left:1px solid var(--line)}
+.zts-seg button.on{background:var(--grey-bg); color:var(--ink); font-weight:500}
+.zts-cols{flex:1; min-height:0; display:grid; grid-template-columns:minmax(300px,38fr) minmax(340px,62fr); gap:16px; padding-bottom:16px}
+.zts-cols.is-full{grid-template-columns:minmax(0,1fr)}
+.zts-card{border:1px solid var(--line); border-radius:12px; background:var(--card); display:flex; flex-direction:column; min-height:0; overflow:hidden}
+.zts-cardhd{display:flex; align-items:center; gap:8px; padding:11px 14px; border-bottom:1px solid var(--line2); font-size:13px; font-weight:500; flex:none}
+.zts-cardhd .n{font-weight:400; color:var(--dim); font-size:12px}
+.zts-cnt{margin-left:auto; font-size:12px; color:var(--dim)}
+.zts-scroll{flex:1; min-height:0; overflow-y:auto}
+.zts-scroll::-webkit-scrollbar{width:9px} .zts-scroll::-webkit-scrollbar-thumb{background:var(--line); border-radius:9px}
+.zts-item{padding:11px 14px; border-bottom:1px solid var(--line2); cursor:pointer}
+.zts-item[draggable="true"]{cursor:grab}
+.zts-item[draggable="true"]:active{cursor:grabbing}
+.zts-item:last-child{border-bottom:0}
+.zts-item:hover{background:var(--grey-bg)}
+.zts-item.on{background:var(--blue-bg); box-shadow:inset 3px 0 0 var(--blue)}
+.zts-item-t{font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
+.zts-item-m{margin-top:5px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; font-size:11.5px; color:var(--dim)}
+.zts-mono{font-family:var(--mono); font-size:11px; color:var(--dim)}
+.zts-chip{display:inline-flex; align-items:center; gap:5px; font-size:11px; line-height:18px; padding:0 7px;
+  border-radius:6px; background:var(--grey-bg); border:1px solid var(--line); color:var(--ink2); white-space:nowrap}
+.zts-chip.amber{color:var(--amber); background:var(--amber-bg); border-color:var(--amber-line)}
+.zts-chip.green{color:var(--green); background:var(--green-bg); border-color:var(--green-line)}
+.zts-chip.blue{color:var(--blue); background:var(--blue-bg); border-color:var(--blue-line)}
+.zts-chip.grey{color:var(--ink2); background:var(--grey-bg); border-color:var(--line)}
+.zts-detail{padding:15px 17px 20px}
+.zts-dh{display:flex; align-items:flex-start; gap:12px}
+.zts-dh h2{margin:0; font-size:15.5px; font-weight:600; line-height:1.5; flex:1; overflow-wrap:anywhere}
+.zts-acts{display:flex; gap:8px; margin:13px 0 6px; flex-wrap:wrap; align-items:center}
+.zts-btn{font:inherit; font-size:12.5px; padding:7px 14px; border-radius:9px; cursor:pointer;
+  border:1px solid var(--line); background:var(--card); color:var(--ink)}
+.zts-btn:hover:not(:disabled){background:var(--grey-bg)}
+.zts-btn:disabled{opacity:.55; cursor:progress}
+.zts-btn.pri{background:var(--btn-primary); border-color:var(--btn-primary); color:#fff}
+.zts-btn.pri:hover:not(:disabled){background:var(--btn-primary-hover)}
+.zts-dark .zts-btn.pri{background:#e9ebee; border-color:#e9ebee; color:#1b1d21}
+.zts-dark .zts-btn.pri:hover:not(:disabled){background:#fff}
+.zts-select.mini{width:auto; max-width:none; padding:5px 8px; font-size:12.5px}
+.zts-iconbtn.mini{width:22px; height:22px; font-size:12px; margin-left:4px; flex:none}
+.zts-topsel{display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--ink2); white-space:nowrap}
+.zts-topsel .lbl{color:var(--dim)}
+.zts-btn.link{border-color:transparent; background:transparent; color:var(--dim); padding:7px 6px}
+.zts-btn.link:hover{color:var(--blue); background:transparent}
+.zts-sect{display:flex; align-items:center; gap:7px; width:100%; background:none; border:0; cursor:pointer;
+  font:inherit; font-size:12px; font-weight:500; color:var(--ink2); padding:9px 0; text-align:left}
+.zts-sect:hover{color:var(--ink)}
+.zts-sect .chev{display:inline-block; transition:transform .18s; color:var(--dim); font-size:10px}
+.zts-sect.open .chev{transform:rotate(90deg)}
+.zts-sect .n{font-weight:400; color:var(--dim); font-size:11.5px}
+.zts-sect-body{padding:0 0 14px}
+.zts-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:10px; overflow:hidden}
+.zts-cell{padding:9px 12px; border-right:1px solid var(--line2); border-bottom:1px solid var(--line2); min-width:0}
+.zts-grid .zts-cell:nth-child(3n){border-right:0}
+.zts-grid .zts-cell:last-child{border-bottom:0}
+.zts-cell .k{font-size:11px; color:var(--dim); margin-bottom:3px}
+.zts-cell .v{font-size:12.5px; color:var(--ink); overflow-wrap:anywhere}
+.zts-cell .v.mono{font-family:var(--mono); font-size:11.5px; color:var(--ink)}
+.zts-steps{border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:var(--page);
+  font-size:12.5px; line-height:1.8; color:var(--ink2); overflow-wrap:anywhere}
+.zts-steps img{max-width:100%; height:auto; border:1px solid var(--line); border-radius:8px; margin:6px 0; display:block; cursor:zoom-in; transition:box-shadow .18s}
+.zts-steps img:hover{box-shadow:0 8px 24px -12px rgba(16,24,40,.5)}
+/* 备注/操作历史里的贴图同样可点击预览 */
+.zts-tl-comment img{max-width:100%; height:auto; border:1px solid var(--line); border-radius:8px; margin:6px 0; display:block; cursor:zoom-in}
+.zts-tl-comment img:hover{box-shadow:0 8px 24px -12px rgba(16,24,40,.5)}
+/* ── 图片画廊（多图左右切换；与宿主图片弹窗同款观感，经 body portal 全屏渲染） ── */
+.zts-gallery{position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:34px;
+  background:rgba(8,12,20,.88); backdrop-filter:blur(3px); cursor:zoom-out}
+.zts-gallery-img{max-width:94vw; max-height:88vh; border-radius:10px; cursor:zoom-out;
+  box-shadow:0 30px 80px -30px #000; background:#fff}
+.zts-gallery-close{position:absolute; top:18px; right:22px; width:34px; height:34px; border-radius:9px; cursor:pointer;
+  font:inherit; font-size:15px; color:#e5e7eb; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22)}
+.zts-gallery-close:hover{background:rgba(255,255,255,.22)}
+.zts-gallery-nav{position:absolute; top:50%; transform:translateY(-50%); width:46px; height:76px; cursor:pointer;
+  font:inherit; font-size:30px; line-height:1; color:#e5e7eb; background:rgba(255,255,255,.1);
+  border:1px solid rgba(255,255,255,.18); border-radius:12px}
+.zts-gallery-nav:hover{background:rgba(255,255,255,.24)}
+.zts-gallery-nav.prev{left:22px}
+.zts-gallery-nav.next{right:22px}
+.zts-gallery-meta{position:absolute; bottom:18px; left:0; right:0; text-align:center; color:#cbd5e1; font-size:12px}
+.zts-steps p{margin:0 0 6px} .zts-steps a{color:var(--blue)} .zts-steps table{max-width:100%}
+.zts-tl{border:1px solid var(--line); border-radius:10px; overflow:hidden}
+.zts-tl-row{display:flex; gap:10px; padding:10px 13px; border-bottom:1px solid var(--line2); font-size:12.5px; flex-wrap:wrap}
+.zts-tl-row:last-child{border-bottom:0}
+.zts-tl-who{min-width:96px; color:var(--ink); flex:none}
+.zts-tl-act{color:var(--ink2); flex:none}
+.zts-tl-date{color:var(--dim); font-family:var(--mono); font-size:11px; margin-left:auto; flex:none}
+.zts-tl-comment{margin:0; flex-basis:100%; padding:8px 10px; border-left:2px solid var(--line); color:var(--ink2);
+  white-space:pre-wrap; font-size:12.5px; overflow-wrap:anywhere}
+.zts-editor{border:1px solid var(--line); border-radius:10px; padding:12px; background:var(--card)}
+.zts-editor .eh{font-size:11.5px; color:var(--dim); margin-bottom:8px}
+.zts-textarea,.zts-input,.zts-select{width:100%; border:1px solid var(--line); border-radius:8px; padding:8px 10px;
+  font:inherit; font-size:12.5px; color:var(--ink); background:var(--card); outline:0}
+.zts-textarea{min-height:92px; resize:vertical}
+.zts-input:focus,.zts-select:focus,.zts-textarea:focus{border-color:var(--blue); box-shadow:0 0 0 3px var(--blue-bg)}
+.zts-editor .ef{display:flex; gap:8px; align-items:center; margin-top:9px; flex-wrap:wrap}
+.zts-notice{margin:0 0 12px; padding:8px 12px; border-radius:9px; font-size:12.5px;
+  border:1px solid var(--green-line); color:var(--green); background:var(--green-bg)}
+.zts-notice.fail{border-color:#f0c2c2; color:#c0392b; background:#fdf2f2}
+.zts-dark .zts-notice.fail{border-color:rgba(240,113,113,.35); color:#f28b8b; background:rgba(240,113,113,.12)}
+.zts-empty{padding:26px 14px; text-align:center; color:var(--dim); font-size:12.5px}
+.zts-skeleton{height:58px; margin:10px; border-radius:9px; background:var(--grey-bg); position:relative; overflow:hidden}
+.zts-skeleton::after{content:''; position:absolute; inset:0; transform:translateX(-100%);
+  background:linear-gradient(90deg,transparent,rgba(127,127,127,.14),transparent); animation:zts-sweep 1.3s ease-in-out infinite}
+@keyframes zts-sweep{100%{transform:translateX(100%)}}
+/* ── 登录卡片 ── */
+.zts-login{max-width:420px; margin:6vh auto 0; border:1px solid var(--line); border-radius:14px; background:var(--card);
+  padding:22px 22px 20px; box-shadow:var(--shadow)}
+.zts-login h3{margin:0 0 4px; font-size:17px; font-weight:600}
+.zts-login p{margin:0 0 16px; font-size:12.5px; color:var(--dim)}
+.zts-login label{display:block; font-size:12px; color:var(--ink2); margin-bottom:5px}
+.zts-login .row{margin-bottom:12px}
+.zts-login .foot{display:flex; align-items:center; gap:10px; margin-top:16px}
+/* ── 操作弹窗（与禅道表单同构：右对齐标签 + 控件列 + 宽行 + 必填星号） ── */
+.zts-mask{position:fixed; inset:0; z-index:60; background:rgba(16,24,40,.45); display:grid; place-items:center; padding:24px}
+.zts-dark .zts-mask{background:rgba(0,0,0,.6)}
+.zts-modal{width:min(720px,100%); max-height:88vh; display:flex; flex-direction:column; background:var(--card);
+  border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); overflow:hidden}
+.zts-modal-hd{display:flex; align-items:center; gap:10px; padding:14px 18px; border-bottom:1px solid var(--line2); font-size:14px}
+.zts-modal-hd .t{font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
+.zts-badge{font-family:var(--mono); font-size:12px; color:var(--dim); border:1px solid var(--line); border-radius:6px; padding:1px 7px; flex:none}
+.zts-modal-bd{padding:16px 18px; overflow-y:auto}
+.zts-modal-ft{display:flex; align-items:center; gap:10px; padding:12px 18px; border-top:1px solid var(--line2); background:var(--page)}
+.zts-form{border:1px solid var(--line); border-radius:10px; padding:14px 16px 4px; background:var(--card)}
+.zts-frow{display:flex; align-items:flex-start; gap:12px; margin-bottom:13px}
+.zts-flabel{width:88px; flex:none; text-align:right; font-size:12.5px; color:var(--ink2); padding-top:8px; line-height:1.4}
+.zts-req{color:#e05252; margin-left:3px}
+.zts-fctrl{flex:1; min-width:0; display:flex; align-items:center; gap:10px; flex-wrap:wrap}
+.zts-fctrl .zts-select,.zts-fctrl .zts-input{max-width:340px}
+.zts-fctrl .wide{max-width:100%}
+.zts-select[multiple]{min-height:118px; max-width:100%}
+.zts-textarea.wide{min-height:150px}
+.zts-cbox{display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--ink2); white-space:nowrap}
+.zts-extra{display:inline-flex; align-items:center; gap:6px}
+.zts-extra .zts-input,.zts-extra .zts-picker{max-width:220px; width:220px}
+.zts-addon{font-size:12px; color:var(--dim)}
+.zts-fhint{font-size:11px; color:var(--dim)}
+.zts-btn.blue{background:var(--btn-primary); border-color:var(--btn-primary); color:#fff}
+.zts-btn.blue:hover:not(:disabled){background:var(--btn-primary-hover)}
+.zts-form-actions{display:flex; align-items:center; justify-content:center; gap:12px; padding:6px 0 14px}
+.zts-picker{position:relative; width:340px; max-width:100%}
+.zts-picker.wide{width:100%}
+.zts-picker-input{display:flex; align-items:center; gap:8px; width:100%; text-align:left; font:inherit; font-size:12.5px;
+  padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:var(--card); color:var(--ink); cursor:pointer}
+.zts-picker-input:hover{border-color:var(--line-strong, #cfd4da)}
+.zts-picker-input .ph{color:var(--dim)}
+.zts-picker-input > span:first-child{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
+.zts-picker-caret{color:var(--dim); font-size:10px; flex:none}
+.zts-picker-menu{margin-top:6px; border:1px solid var(--line); border-radius:8px; background:var(--card); padding:8px}
+.zts-picker-list{max-height:190px; overflow-y:auto; margin-top:6px}
+.zts-picker-item{display:flex; align-items:center; gap:7px; padding:4px 6px; border-radius:6px; font-size:12.5px; cursor:pointer}
+.zts-picker-item:hover{background:var(--grey-bg)}
+.zts-picker-item.on{background:var(--blue-bg); color:var(--blue)}
+.zts-modal-hist{margin-top:8px; border-top:1px solid var(--line2); padding-top:10px}
+.zts-histlist{margin:0; padding-left:22px; font-size:12.5px; color:var(--ink2); line-height:1.9}
+.zts-histlist li{margin-bottom:2px}
+@media (prefers-reduced-motion:reduce){ .zts-root *{animation:none !important; transition:none !important} }
+@media (max-width:900px){
+  .zts-cols{grid-template-columns:minmax(0,1fr)}
+  .zts-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
+  .zts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
+  .zts-grid .zts-cell:nth-child(3n){border-right:1px solid var(--line2)}
+  .zts-grid .zts-cell:nth-child(2n){border-right:0}
+}
+`
+
+    function ensureStyles() {
+      try {
+        if (typeof document === 'undefined' || !document.head) return
+        if (document.querySelector(`style[data-plugin-css="${CSS_MARK}"]`)) return
+        const style = document.createElement('style')
+        // data-plugin 让运行时的样式认领/回收归属到本插件（claimStyles 只认这个属性）
+        style.setAttribute('data-plugin', PANEL_ID)
+        style.setAttribute('data-plugin-css', CSS_MARK)
+        style.textContent = CSS
+        document.head.appendChild(style)
+      } catch { /* 样式失败不影响功能 */ }
+    }
+
+    function detectTheme() {
+      try {
+        const raw = getComputedStyle(document.body).backgroundColor || ''
+        const match = /rgba?\(([^)]+)\)/.exec(raw)
+        if (!match) return 'light'
+        const parts = match[1].split(',').map((value) => parseFloat(value))
+        if (!(parts.length > 3 ? parts[3] : 1)) return 'light'
+        const luminance = (0.2126 * parts[0] + 0.7152 * parts[1] + 0.0722 * parts[2]) / 255
+        return luminance < 0.5 ? 'dark' : 'light'
+      } catch { return 'light' }
+    }
+
+    function useTheme() {
+      const [theme, setTheme] = React.useState(detectTheme)
+      React.useEffect(() => {
+        const sync = () => setTheme(detectTheme())
+        try {
+          const observer = new MutationObserver(sync)
+          observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class', 'style', 'data-theme'] })
+          observer.observe(document.body, { attributes: true, attributeFilter: ['class', 'style'] })
+          const media = window.matchMedia?.('(prefers-color-scheme: dark)')
+          media?.addEventListener?.('change', sync)
+          return () => { observer.disconnect(); media?.removeEventListener?.('change', sync) }
+        } catch { return undefined }
+      }, [])
+      return theme
+    }
+
+    function resolveConnection(props) {
+      return (props && props.connection) || hostConnection || null
+    }
+
+    async function callHost(connection, action, payload) {
+      const input = payload || {}
+      const isWrite = action === 'confirm' || action === 'comment' || action === 'login' || action === 'logout' || action === 'bugaction'
+      const params = new URLSearchParams()
+      if (!isWrite) {
+        if (input.id) params.set('id', input.id)
+        if (input.op) params.set('op', input.op)
+        if (input.type) params.set('type', input.type)
+      }
+      const query = params.toString()
+      const suffix = query ? `?${query}` : ''
+      // 读操作也要带自定义头：宿主路由对所有 action 都要求它（这是该接口唯一的访问控制，
+      // 既能挡住跨站页面，也避免裸 GET 触发真实登录）
+      const headers = { accept: 'application/json', 'x-dsh-zentao-session': '1' }
+      try {
+        const response = await fetch(`${API_BASE}/${action}${suffix}`, isWrite
+          ? { method: 'POST', headers: { ...headers, 'content-type': 'application/json' }, body: JSON.stringify(input) }
+          : { headers })
+        const parsed = JSON.parse(await response.text())
+        if (parsed && typeof parsed === 'object') return parsed
+      } catch { /* 退到 RPC */ }
+      if (connection && connection.rpc && typeof connection.rpc.call === 'function') {
+        return connection.rpc.call(RPC_CHANNEL, action, input)
+      }
+      return { ok: false, error: '数据通道不可用：同源路由未命中，且没有 connection 服务' }
+    }
+
+    const proxyFile = (src) => (/^\/file-(read|download)-/.test(src) ? `${FILE_BASE}?path=${encodeURIComponent(src)}` : src)
+
+    function sanitizeSteps(html) {
+      let out = String(html || '')
+        // script/style 连同内容一起删（内容本就该丢）
+        .replace(/<(script|style)\b[^>]*>([\s\S]*?<\/\1\s*>)?/gi, '')
+        // 其余危险标签「只删标签、不删中间内容」：若写成成对删除，
+        // 遇到不闭合的 <iframe> + 远处的 </iframe> 会把正文一起吃掉。
+        .replace(/<\/?(iframe|object|embed|form|base|meta|link|frame|frameset)\b[^>]*>/gi, '')
+        .replace(/\son[a-z]+\s*=\s*("[^"]*"|'[^']*'|[^\s>]+)/gi, '')
+        // 会绕过图片代理或触发导航的属性
+        .replace(/\s(srcset|poster|formaction|xlink:href|data-src)\s*=\s*("[^"]*"|'[^']*'|[^\s>]+)/gi, '')
+        .replace(/javascript:/gi, '')
+      // 图片走本机代理（引号可省略：禅道编辑器偶有无引号写法）
+      out = out.replace(/(<img[^>]*?\ssrc=)(["']?)([^"'\s>]+)\2/gi,
+        (_m, pre, quote, src) => `${pre}${quote}${proxyFile(src)}${quote}`)
+      // 外链补 rel，避免 window.opener 风险
+      out = out.replace(/<a\s([^>]*?)>/gi, (_m, attrs) => `<a ${attrs} rel="noreferrer noopener">`)
+      return out
+    }
+
+    /** HTML → 纯文本：Markdown 引用里不能出现标签。 */
+    function htmlToText(value) {
+      return String(value || '')
+        .replace(/<(script|style)\b[^>]*>[\s\S]*?<\/\1\s*>/gi, '')
+        .replace(/<\/(p|div|li|tr|h[1-6])>/gi, '\n')
+        .replace(/<br\s*\/?>/gi, '\n')
+        .replace(/<[^>]+>/g, '')
+        .replace(/&nbsp;/g, ' ').replace(/&lt;/g, '<').replace(/&gt;/g, '>')
+        .replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&amp;/g, '&')
+        .replace(/[ \t]+\n/g, '\n').replace(/\n{3,}/g, '\n\n').trim()
+    }
+
+    /**
+     * 一条禅道条目 → 可编辑的 Markdown 引用。
+     * 拖拽到输入框、复制、按角色发到对话三个入口共用同一份文本，避免三处内容不一致。
+     */
+    function itemMarkdown(kind, record, options) {
+      const opts = options || {}
+      const row = record || {}
+      const users = opts.users || {}
+      const statusMap = STATUS_MAP[kind] || {}
+      const who = (account) => (account && users[account]) ? users[account] : (account || '')
+      const id = row.id === undefined || row.id === null || row.id === '' ? '-' : row.id
+      const lines = [`【禅道${KIND_LABEL[kind] || ''} #${id}】${row.title || row.name || '(无标题)'}`, '']
+      const push = (label, value, unit) => {
+        if (value === undefined || value === null) return
+        const text = String(value).trim()
+        // 禅道的空日期是 "0000-00-00"，空数值是 "0"：都不该出现在引用里
+        if (!text || text === '0' || /^0+[-0: ]*$/.test(text)) return
+        lines.push(`- ${label}：${text}${unit ? ` ${unit}` : ''}`)
+      }
+      push('状态', statusMap[row.status] || row.status)
+      push('优先级', row.pri ? `P${row.pri}` : '')
+      if (kind === 'bugs') {
+        push('严重程度', row.severity ? `S${row.severity}` : '')
+        push('类型', BUG_TYPE[row.type] || row.type)
+        push('解决方案', BUG_RESOLUTION[row.resolution] || row.resolution)
+        push('所属产品', opts.productName || row.productTitle)
+        push('所属模块', opts.modulePath)
+        push('指派给', who(row.assignedTo))
+        push('由谁创建', who(row.openedBy), row.openedDate ? `(${row.openedDate})` : '')
+      } else if (kind === 'tasks') {
+        push('所属项目', opts.projectName || row.projectName)
+        push('所属执行', row.executionName)
+        push('指派给', who(row.assignedTo))
+        push('截止日期', row.deadline)
+        push('工时(预计/已耗/剩余)', [row.estimate, row.consumed, row.left].filter((v) => v !== undefined && v !== null && v !== '').join(' / '), 'h')
+      } else {
+        push('所处阶段', STORY_STAGE[row.stage] || row.stage)
+        push('所属产品', opts.productName || row.productTitle)
+        push('所属模块', opts.modulePath)
+        push('指派给', who(row.assignedTo))
+        push('由谁创建', who(row.openedBy), row.openedDate ? `(${row.openedDate})` : '')
+      }
+      const rich = kind === 'bugs' ? row.steps : kind === 'tasks' ? (row.desc || row.storySpec) : (row.spec || row.desc)
+      const body = htmlToText(rich)
+      if (body) lines.push('', kind === 'bugs' ? '重现步骤：' : (kind === 'tasks' ? '任务描述：' : '需求描述：'), body)
+      if (opts.url) lines.push('', `禅道原地址：${opts.url}`)
+      return lines.join('\n')
+    }
+
+    /** 复制到剪贴板：优先 Clipboard API，失败退回临时 textarea（旧内核/无权限时）。 */
+    async function copyText(text) {
+      try {
+        await navigator.clipboard.writeText(text)
+        return true
+      } catch {
+        try {
+          const area = document.createElement('textarea')
+          area.value = text
+          area.style.position = 'fixed'
+          area.style.top = '0'
+          area.style.left = '0'
+          area.style.opacity = '0'
+          document.body.appendChild(area)
+          area.focus()
+          area.select()
+          const ok = document.execCommand('copy')
+          document.body.removeChild(area)
+          return ok
+        } catch { return false }
+      }
+    }
+
+    function Chip(text, tone, key) {
+      return h('span', { className: `zts-chip${tone ? ` ${tone}` : ''}`, key: key || `c-${text}` }, text)
+    }
+
+    function Field(label, value, mono, key) {
+      return h('div', { className: 'zts-cell', key: key || label }, [
+        h('div', { key: 'k', className: 'k' }, label),
+        h('div', { key: 'v', className: `v${mono ? ' mono' : ''}` }, value === undefined || value === null || value === '' ? '—' : String(value)),
+      ])
+    }
+
+    /** 可折叠分区。 */
+    function Section(key, title, open, onToggle, children, count) {
+      return h('div', { key }, [
+        h('button', { key: 'h', type: 'button', className: `zts-sect${open ? ' open' : ''}`, onClick: onToggle }, [
+          h('span', { key: 'chev', className: 'chev' }, '▶'),
+          h('span', { key: 't' }, title),
+          count ? h('span', { key: 'n', className: 'n' }, `（${count}）`) : null,
+        ]),
+        open ? h('div', { key: 'b', className: 'zts-sect-body' }, children) : null,
+      ])
+    }
+
+    function ZentaoIcon(props) {
+      const size = typeof props?.size === 'number' ? props.size : 16
+      return h('svg', {
+        width: size, height: size, viewBox: '0 0 24 24', fill: 'none',
+        stroke: 'currentColor', 'aria-hidden': 'true',
+      },
+      h('rect', { x: 2.7, y: 2.7, width: 18.6, height: 18.6, rx: 5, strokeWidth: 1.5 }),
+      h('path', { d: 'M7 8.5h6.4M7 12h4.2', strokeWidth: 1.5, strokeLinecap: 'round' }),
+      h('path', { d: 'M6.8 15.6h3.4l2 2 4-4.4', strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round' }))
+    }
+
+    /** 单选/多选的选择器（对齐禅道的 picker-select：单行框 + 可搜索下拉）。 */
+    function Picker(props) {
+      const { field, value, onChange } = props
+      const [open, setOpen] = React.useState(false)
+      const [search, setSearch] = React.useState('')
+      const options = (field.options || []).filter((option) => option.value !== '')
+      const selected = field.multiple ? (Array.isArray(value) ? value.map(String) : []) : (value ? [String(value)] : [])
+      const labelOf = (raw) => (options.find((option) => String(option.value) === raw) || {}).label || raw
+      const shown = search
+        ? options.filter((option) => `${option.label} ${option.value}`.toLowerCase().includes(search.toLowerCase()))
+        : options
+      return h('div', { className: `zts-picker${field.wide ? ' wide' : ''}` }, [
+        h('button', {
+          key: 'i', type: 'button', className: 'zts-picker-input',
+          onClick: () => setOpen((prev) => !prev),
+        }, [
+          h('span', { key: 't', className: selected.length ? '' : 'ph' }, selected.length ? selected.map(labelOf).join('、') : '（未选择）'),
+          h('span', { key: 'c', className: 'zts-picker-caret' }, '▾'),
+        ]),
+        open ? h('div', { key: 'm', className: 'zts-picker-menu' }, [
+          h('input', {
+            key: 's', className: 'zts-input', placeholder: '搜索…', value: search,
+            onChange: (event) => setSearch(event.target.value),
+          }),
+          h('div', { key: 'l', className: 'zts-picker-list' }, shown.slice(0, 300).map((option) => {
+            const raw = String(option.value)
+            const on = selected.includes(raw)
+            return h('label', { key: `${field.name}-${raw}`, className: `zts-picker-item${on ? ' on' : ''}` }, [
+              h('input', {
+                key: 'i', type: field.multiple ? 'checkbox' : 'radio', checked: on,
+                onChange: () => {
+                  if (field.multiple) {
+                    onChange(field.name, on ? selected.filter((item) => item !== raw) : [...selected, raw])
+                  } else {
+                    onChange(field.name, option.value)
+                    setOpen(false)
+                  }
+                },
+              }),
+              h('span', { key: 't' }, option.label || raw),
+            ])
+          })),
+        ]) : null,
+      ])
+    }
+
+    /**
+     * 图片预览画廊：点任意一张图进入，← →（或两侧按钮）切换当前页面的全部图片。
+     * 宿主自带的 ImageLightbox 只支持单图（签名里没有列表/翻页），所以画廊这层自己实现，
+     * 但沿用它的做法：body portal 渲染（绕开面板容器的 transform/fixed 裁剪）、ESC 与遮罩关闭。
+     */
+    function ImageGallery(props) {
+      const { list, index, onIndex, onClose } = props
+      const total = list.length
+      const safeIndex = Math.max(0, Math.min(index, total - 1))
+      const current = list[safeIndex] || ''
+      React.useEffect(() => {
+        const onKey = (event) => {
+          if (event.key === 'Escape') { event.stopPropagation(); onClose() }
+          else if (event.key === 'ArrowLeft') { event.preventDefault(); onIndex(safeIndex - 1) }
+          else if (event.key === 'ArrowRight') { event.preventDefault(); onIndex(safeIndex + 1) }
+        }
+        try { window.addEventListener('keydown', onKey, true) } catch { /* 忽略 */ }
+        return () => { try { window.removeEventListener('keydown', onKey, true) } catch { /* 忽略 */ } }
+      }, [safeIndex, onClose, onIndex])
+
+      const stop = (event) => event.stopPropagation()
+      const overlay = h('div', {
+        className: 'zts-gallery', role: 'dialog', 'aria-modal': 'true', 'aria-label': '图片预览',
+        onClick: onClose,
+      }, [
+        h('img', { key: 'img', className: 'zts-gallery-img', src: current, alt: '图片预览', onClick: stop }),
+        total > 1 ? h('button', {
+          key: 'prev', type: 'button', className: 'zts-gallery-nav prev', title: '上一张（←）',
+          onClick: (event) => { stop(event); onIndex(safeIndex - 1) },
+        }, '‹') : null,
+        total > 1 ? h('button', {
+          key: 'next', type: 'button', className: 'zts-gallery-nav next', title: '下一张（→）',
+          onClick: (event) => { stop(event); onIndex(safeIndex + 1) },
+        }, '›') : null,
+        h('button', {
+          key: 'close', type: 'button', className: 'zts-gallery-close', title: '关闭（ESC）',
+          onClick: (event) => { stop(event); onClose() },
+        }, '✕'),
+        h('div', { key: 'meta', className: 'zts-gallery-meta' },
+          `${safeIndex + 1} / ${total}${total > 1 ? ' · ← → 切换 · ESC 关闭' : ' · ESC 关闭'}`),
+      ])
+      try {
+        const reactDom = require('react-dom')
+        if (reactDom && typeof reactDom.createPortal === 'function' && typeof document !== 'undefined') {
+          return reactDom.createPortal(overlay, document.body)
+        }
+      } catch { /* 落到内联渲染 */ }
+      return overlay
+    }
+
+    /** 与禅道一致的操作弹窗：字段、条件显隐、必填标记、历史记录都来自禅道。 */
+    function ActionModal(props) {
+      const { modal, onChange, onSubmit, onClose } = props
+
+      const visible = (field) => {
+        if (field.hidden) return false
+        // 多个显示条件之间是「与」关系（如既是 resolution≠duplicate，又需勾选「创建」）
+        if (field.showWhen) {
+          const current = String(modal.values[field.showWhen.field] ?? '')
+          if (Array.isArray(field.showWhen.in) && !field.showWhen.in.includes(current)) return false
+          if (Array.isArray(field.showWhen.notIn) && field.showWhen.notIn.includes(current)) return false
+        }
+        if (field.showWhenChecked && !modal.values[field.showWhenChecked]) return false
+        return true
+      }
+      const shown = (modal.fields || [])
+        .filter((field) => field.type !== 'hidden' && field.type !== 'note' && field.type !== 'file')
+        .filter(visible)
+
+      // 按禅道的「行」分组：主控件 + 同行的附加控件 + 勾选框
+      const groups = new Map()
+      for (const field of shown) {
+        const key = field.rowKey || field.name
+        if (!groups.has(key)) groups.set(key, [])
+        groups.get(key).push(field)
+      }
+      const rows = [...groups.values()].map((group) => ({
+        main: group.find((field) => field.primary) || group.find((field) => field.type !== 'checkbox') || null,
+        extras: group.filter((field) => field.type !== 'checkbox' && !field.primary),
+        boxes: group.filter((field) => field.type === 'checkbox'),
+      })).filter((row) => row.main || row.boxes.length)
+
+      const control = (field) => {
+        const value = modal.values[field.name] ?? field.value ?? ''
+        const wide = field.wide || field.type === 'textarea'
+        if (field.type === 'select') {
+          return h(Picker, { key: field.name, field, value, onChange })
+        }
+        if (field.type === 'textarea') {
+          return h('textarea', {
+            key: field.name,
+            className: 'zts-textarea wide',
+            rows: field.rows || 6,
+            value: String(value),
+            onChange: (event) => onChange(field.name, event.target.value),
+          })
+        }
+        return h('input', {
+          key: field.name,
+          className: `zts-input${wide ? ' wide' : ''}`,
+          value: String(value),
+          placeholder: field.placeholder || undefined,
+          onChange: (event) => onChange(field.name, event.target.value),
+        })
+      }
+
+      const checkbox = (field) => h('label', { key: field.name, className: 'zts-cbox' }, [
+        h('input', {
+          key: 'i', type: 'checkbox',
+          checked: Boolean(modal.values[field.name]),
+          onChange: (event) => onChange(field.name, event.target.checked ? (field.value || '1') : ''),
+        }),
+        h('span', { key: 'l' }, field.label || field.name),
+      ])
+
+      // 禅道的历史记录是正序（最早的在前）且带序号
+      const actions = (modal.actions || []).slice().reverse()
+
+      return h('div', { className: 'zts-mask', onClick: (event) => { if (event.target === event.currentTarget) onClose() } }, [
+        h('div', { key: 'm', className: 'zts-modal' }, [
+          h('div', { key: 'hd', className: 'zts-modal-hd' }, [
+            modal.bugId ? h('span', { key: 'id', className: 'zts-badge' }, modal.bugId) : null,
+            h('span', { key: 't', className: 't' }, modal.bugTitle || modal.title || '操作'),
+            h('span', { key: 'sp', className: 'zts-sp' }),
+            h('button', { key: 'x', type: 'button', className: 'zts-btn link', onClick: onClose }, '✕'),
+          ]),
+          h('div', { key: 'bd', className: 'zts-modal-bd' }, [
+            modal.error ? h('div', { key: 'err', className: 'zts-notice fail' }, modal.error) : null,
+            h('div', { key: 'form', className: 'zts-form' }, [
+              ...rows.map((row, index) => h('div', { key: row.main ? row.main.name : `boxes-${index}`, className: 'zts-frow' }, [
+                row.main
+                  ? h('label', { key: 'l', className: 'zts-flabel' }, row.main.label || row.main.name)
+                  : h('span', { key: 'l', className: 'zts-flabel' }),
+                h('div', { key: 'c', className: 'zts-fctrl' }, [
+                  row.main ? control(row.main) : null,
+                  // 必填标记与禅道一致：跟在控件后面
+                  row.main && row.main.required ? h('span', { key: 'r', className: 'zts-req' }, '*') : null,
+                  // 同行的附加控件（如勾选「创建」后的所属项目、新版本名称）
+                  ...row.extras.map((extra) => h('span', { key: extra.name, className: 'zts-extra' }, [
+                    extra.addon ? h('span', { key: 'a', className: 'zts-addon' }, extra.addon) : null,
+                    control(extra),
+                  ])),
+                  ...row.boxes.map(checkbox),
+                ]),
+              ])),
+              // 与禅道一致：保存/返回居中
+              h('div', { key: 'actions', className: 'zts-form-actions' }, [
+                h('button', {
+                  key: 'save', type: 'button', className: 'zts-btn blue', disabled: modal.busy, onClick: onSubmit,
+                }, modal.busy ? '保存中…' : '保存'),
+                h('button', { key: 'back', type: 'button', className: 'zts-btn', onClick: onClose, disabled: modal.busy }, '返回'),
+              ]),
+            ]),
+            actions.length ? h('div', { key: 'hist', className: 'zts-modal-hist' }, [
+              h('div', { key: 't', className: 'zts-sect open', style: { cursor: 'default' } }, '历史记录'),
+              h('ol', { key: 'l', className: 'zts-histlist' }, actions.map((item, index) => h('li', {
+                key: item.id || `${item.date}-${item.action}`, value: index + 1,
+              }, [
+                `${item.date}，由 `,
+                h('strong', { key: 'w' }, item.actorName || item.actor),
+                ` ${ACTION[item.action] || item.action}。`,
+                item.comment ? h('div', {
+                  key: 'c', className: 'zts-tl-comment',
+                  onClick: props.onPreview,
+                  dangerouslySetInnerHTML: { __html: sanitizeSteps(item.comment) },
+                }) : null,
+              ]))),
+            ]) : null,
+          ]),
+        ]),
+      ])
+    }
+
+    function ZentaoPanel(props) {
+      const connection = resolveConnection(props)
+      const theme = useTheme()
+      const [auth, setAuth] = React.useState({ status: 'loading' })
+      const [loginForm, setLoginForm] = React.useState({ baseUrl: '', account: '', password: '' })
+      const [loginBusy, setLoginBusy] = React.useState(false)
+      const [loginError, setLoginError] = React.useState('')
+      const [tab, setTab] = React.useState('bugs')
+      const [state, setState] = React.useState({ status: 'idle' })
+      const [selectedId, setSelectedId] = React.useState('')
+      const [detail, setDetail] = React.useState({ status: 'idle' })
+      const [ops, setOps] = React.useState([])
+      const [opsState, setOpsState] = React.useState('idle') // idle | loading | ready | error
+      const [modal, setModal] = React.useState(null)
+      const [open, setOpen] = React.useState({ steps: true, info: false, handle: false, relations: false, timeline: false, remark: false })
+      const [query, setQuery] = React.useState('')
+      const [filter, setFilter] = React.useState('all')
+      const [draft, setDraft] = React.useState('')
+      const [busy, setBusy] = React.useState('')
+      const [zenTaoSid, setZenTaoSid] = React.useState('')
+      const [gallery, setGallery] = React.useState(null)
+      const [detailFull, setDetailFull] = React.useState(false)
+      const [notice, setNotice] = React.useState(null)
+      // 每个页签各自的浏览范围（默认"指派给我"，与禅道 tab 一致）
+      const [scopes, setScopes] = React.useState({ bugs: 'assignedTo', tasks: 'assignedTo', stories: 'assignedTo' })
+      const [autoRefresh, setAutoRefresh] = React.useState(0) // 秒；0 = 关闭
+      const [role, setRole] = React.useState(() => {
+        try { return window.localStorage.getItem(ROLE_KEY) || 'dev' } catch { return 'dev' }
+      })
+      const [busyHint, setBusyHint] = React.useState('')
+
+      const checkAuth = React.useCallback(async () => {
+        setAuth({ status: 'loading' })
+        try {
+          const result = await callHost(connection, 'auth', {})
+          setAuth({ status: 'ready', ...result })
+          return result
+        } catch (error) {
+          setAuth({ status: 'ready', authenticated: false, error: String((error && error.message) || error) })
+          return null
+        }
+      }, [connection])
+
+      /** 三类列表按各自的浏览范围并行取；任一失败只报自己那一类，不牵连其它。 */
+      const loadLists = React.useCallback(async (active) => {
+        const wanted = active || { bugs: 'assignedTo', tasks: 'assignedTo', stories: 'assignedTo' }
+        setState((prev) => ({ ...prev, status: 'loading' }))
+        try {
+          const [bugs, tasks, stories] = await Promise.all([
+            callHost(connection, 'bugs', { type: wanted.bugs }),
+            callHost(connection, 'tasks', { type: wanted.tasks }),
+            callHost(connection, 'stories', { type: wanted.stories }),
+          ])
+          for (const [label, result] of [['BUG', bugs], ['任务', tasks], ['需求', stories]]) {
+            if (!result || result.ok !== true) throw new Error(`${label}列表获取失败：${(result && result.error) || '未知错误'}`)
+          }
+          setState({
+            status: 'ready',
+            bugs: bugs.bugs || [], bugTotal: bugs.recTotal || (bugs.bugs || []).length,
+            tasks: tasks.tasks || [], taskTotal: tasks.recTotal || (tasks.tasks || []).length,
+            stories: stories.stories || [], storyTotal: stories.recTotal || (stories.stories || []).length,
+            baseUrl: bugs.baseUrl || tasks.baseUrl || stories.baseUrl,
+          })
+        } catch (error) {
+          // 刷新失败时保留上一次的数据，不要把列表清空（否则界面变成 0/0 条 与错误提示并存）
+          setState((prev) => ({ ...prev, status: 'ready', error: String((error && error.message) || error) }))
+        }
+      }, [connection])
+
+      React.useEffect(() => { checkAuth() }, [checkAuth])
+      React.useEffect(() => {
+        if (auth.status === 'ready' && auth.authenticated) loadLists(scopes)
+      }, [auth.status, auth.authenticated, loadLists, scopes])
+
+      // 自动刷新：间隔可选；页面不可见时跳过这一轮（后台标签页不该一直打禅道）
+      React.useEffect(() => {
+        if (!autoRefresh || autoRefresh <= 0) return undefined
+        if (!(auth.status === 'ready' && auth.authenticated)) return undefined
+        const timer = window.setInterval(() => {
+          try { if (document.visibilityState === 'hidden') return } catch { /* 忽略 */ }
+          loadLists(scopes)
+        }, autoRefresh * 1000)
+        return () => window.clearInterval(timer)
+      }, [autoRefresh, auth.status, auth.authenticated, loadLists, scopes])
+      React.useEffect(() => {
+        if (auth.sid) setZenTaoSid(auth.sid)
+      }, [auth.sid])
+      // 真全屏状态同步：ESC 退出全屏时，面板也要跟着恢复双栏
+      React.useEffect(() => {
+        const onChange = () => {
+          try { setDetailFull(Boolean(document.fullscreenElement)) } catch { /* 忽略 */ }
+        }
+        try { document.addEventListener('fullscreenchange', onChange) } catch { /* 忽略 */ }
+        return () => { try { document.removeEventListener('fullscreenchange', onChange) } catch { /* 忽略 */ } }
+      }, [])
+
+      /** 禅道页面链接：附带 ?zentaosid= 以在浏览器里免登录打开。 */
+      const zenTaoUrl = (path) => {
+        if (!baseUrl) return ''
+        const url = `${baseUrl}${path || ''}`
+        if (!zenTaoSid) return url
+        return `${url}${url.includes('?') ? '&' : '?'}zentaosid=${encodeURIComponent(zenTaoSid)}`
+      }
+
+      const bugs = state.bugs || []
+      const tasks = state.tasks || []
+      const stories = state.stories || []
+      const items = state[tab] || []
+      const baseUrl = state.baseUrl || auth.baseUrl || ''
+
+      /** 禅道详情页路径：三类条目只有前缀不同（bug-view / task-view / story-view）。 */
+      const KIND_PATH = { bugs: 'bug', tasks: 'task', stories: 'story' }
+      const KIND_KEY = { bugs: 'bug', tasks: 'task', stories: 'story' }
+      const itemUrl = (kind, id) => (id === undefined || id === null || id === '' ? '' : zenTaoUrl(`/${KIND_PATH[kind] || 'bug'}-view-${id}.html`))
+      /** 当前页签浏览范围的中文名（禅道 tab 上的写法）。 */
+      const scopeLabel = (kind) => ((SCOPES[kind] || []).find(([value]) => value === scopes[kind]) || ['', ''])[1] || ''
+      /** 卡片标题：沿用面板既有写法（BUG 后带空格，其余不带），避免与既有文案规范打架。 */
+      const cardTitle = (suffix) => (tab === 'bugs' ? `BUG ${suffix}` : `${KIND_LABEL[tab]}${suffix}`)
+      /** 列表条数文案：一页只有 20 条，必须说清"本页多少 / 服务端共多少"。 */
+      const listCountText = () => {
+        const total = Number(state[`${KIND_KEY[tab]}Total`]) || items.length
+        const base = `${filtered.length} / ${items.length} 条`
+        return total > items.length ? `${base}（服务端共 ${total}）` : base
+      }
+
+      /** 收集当前面板里出现过的全部图片（重现步骤 + 备注/操作历史贴图，按文档顺序）。 */
+      const collectImages = (clickedSrc) => {
+        const list = []
+        try {
+          for (const node of document.querySelectorAll('.zts-root img')) {
+            if (node.closest && node.closest('.zts-gallery')) continue
+            const src = node.getAttribute('src') || node.src
+            if (src && !list.includes(src)) list.push(src)
+          }
+        } catch { /* 忽略 */ }
+        if (list.length === 0 && detail.status === 'ready') {
+          // 没有真实 DOM（测试环境）时从数据里兜底：按渲染顺序取 steps 与各条备注里的图
+          const record = detail.data.bug || detail.data.task || detail.data.story || {}
+          const html = [record.steps, record.desc, record.storySpec]
+            .concat((Array.isArray(detail.data.actions) ? detail.data.actions : []).map((item) => item.comment))
+            .filter(Boolean).join(' ')
+          for (const match of String(html).matchAll(/<img[^>]*?\ssrc=(["']?)([^"'\s>]+)\1/gi)) {
+            const src = proxyFile(match[2])
+            if (!list.includes(src)) list.push(src)
+          }
+        }
+        const src = clickedSrc || list[0] || ''
+        if (src && !list.includes(src)) list.unshift(src)
+        return { list, index: Math.max(0, list.indexOf(src)) }
+      }
+
+      /** 点击图片 → 进入画廊预览（可左右切换当前页面的所有图片）。 */
+      const onImageClick = (event) => {
+        const target = event && event.target
+        if (target && target.tagName === 'IMG') {
+          const src = target.getAttribute ? (target.getAttribute('src') || target.src) : target.src
+          if (src) setGallery(collectImages(src))
+        }
+      }
+
+      /** 全屏：优先浏览器真全屏（Fullscreen API）；不支持时退回面板内铺满。 */
+      /**
+       * 全屏：作用域限定在插件面板本身（.zts-root），不动宿主其它区域。
+       * 面板元素不可用时退回「面板内铺满」，**不会**去全屏 documentElement。
+       */
+      const toggleFullscreen = () => {
+        try {
+          if (typeof document !== 'undefined' && document.fullscreenElement) {
+            document.exitFullscreen?.()
+            setDetailFull(false)
+            return
+          }
+          const el = (typeof document !== 'undefined' && document.querySelector('.zts-root')) || null
+          if (el && typeof el.requestFullscreen === 'function') {
+            const entered = el.requestFullscreen({ navigationUI: 'hide' })
+            setDetailFull(true) // 立即铺满，不等 fullscreenchange（ESC 退出时由事件同步回来）
+            if (entered && typeof entered.catch === 'function') entered.catch(() => setDetailFull((prev) => !prev))
+            return
+          }
+        } catch { /* 落到下面兜底 */ }
+        setDetailFull((prev) => !prev)
+      }
+
+      // 面板卸载（切走插件页/关闭）时退出全屏，避免把全屏状态带走
+      React.useEffect(() => () => {
+        try { if (document.fullscreenElement?.classList?.contains('zts-root')) document.exitFullscreen?.() } catch { /* 忽略 */ }
+      }, [])
+
+      const openDetail = React.useCallback(async (kind, id) => {
+        const seq = ++detailSeq
+        setSelectedId(id)
+        setDetail({ status: 'loading' })
+        setOps([])
+        setOpsState(kind === 'bugs' ? 'loading' : 'idle')
+        setDraft('')
+        setNotice(null)
+        // 操作弹窗与图片预览都绑定在具体条目上，改选条目必须关掉，避免误提交到别的 BUG
+        setModal(null)
+        setGallery(null)
+        setOpen({ steps: true, info: false, handle: false, relations: false, timeline: false, remark: false })
+        try {
+          const action = kind === 'bugs' ? 'bugfull' : kind === 'tasks' ? 'taskfull' : 'storyfull'
+          const result = await callHost(connection, action, { id })
+          if (seq !== detailSeq) return // 已有更新的请求，丢弃这次结果（防竞态）
+          if (result && result.sid) setZenTaoSid(result.sid)
+          if (result && result.ok === true) setDetail({ status: 'ready', kind, data: result })
+          else setDetail({ status: 'error', error: (result && result.error) || '详情获取失败' })
+          if (kind === 'bugs') {
+            const opsResult = await callHost(connection, 'bugops', { id })
+            if (seq !== detailSeq) return
+            const okOps = opsResult && opsResult.ok !== false && Array.isArray(opsResult.ops)
+            setOps(okOps ? opsResult.ops : [])
+            setOpsState(okOps ? 'ready' : 'error')
+          }
+        } catch (error) {
+          if (seq !== detailSeq) return
+          setDetail({ status: 'error', error: String((error && error.message) || error) })
+          setOpsState(kind === 'bugs' ? 'error' : 'idle')
+        }
+      }, [connection])
+
+      // 列表就绪后默认选中当前页签的第一条（BUG 页签看 BUG，任务页签看任务）
+      React.useEffect(() => {
+        if (state.status !== 'ready' || selectedId) return
+        const source = state[tab] || []
+        const first = source[0]
+        if (first) openDetail(tab, String(first.id))
+      }, [state, selectedId, tab, openDetail])
+
+      /** 切换页签：详情必须整体重置，否则会残留上一个页签的内容。 */
+      const switchTab = (next) => {
+        if (next === tab) return
+        setTab(next)
+        setSelectedId('')
+        setFilter('all')
+        setDetail({ status: 'idle' })
+        setOps([])
+        setOpsState('idle')
+        setDraft('')
+        setNotice(null)
+        setModal(null)
+        setGallery(null)
+        // 全屏态若不退出，列表不渲染、只剩一个小按钮能救回来
+        setDetailFull(false)
+        setOpen({ steps: true, info: false, handle: false, relations: false, timeline: false, remark: false })
+      }
+
+      const refreshAll = async (text) => {
+        await loadLists(scopes)
+        if (selectedId) await openDetail(tab, selectedId)
+        if (text) setNotice({ text })
+      }
+
+      const runComment = async () => {
+        const value = draft.trim()
+        if (!value) { setNotice({ fail: true, text: '备注内容不能为空' }); return }
+        setBusy('comment')
+        try {
+          const result = await callHost(connection, 'comment', { id: selectedId, comment: value })
+          if (result && result.ok === false) setNotice({ fail: true, text: `失败：${result.error}` })
+          else await refreshAll(`已给 #${selectedId} 添加备注`)
+        } catch (error) {
+          setNotice({ fail: true, text: `失败：${String((error && error.message) || error)}` })
+        } finally { setBusy('') }
+      }
+
+      // ── 与对话联动：复制 / 拖拽 / 按角色发到对话 ────────────────────────────
+      const roleLabel = (ROLES.find(([key]) => key === role) || ['dev', '开发'])[1]
+      const changeRole = (value) => {
+        setRole(value)
+        try { window.localStorage.setItem(ROLE_KEY, value) } catch { /* 忽略 */ }
+      }
+      const changeScope = (kind, value) => setScopes((prev) => (prev[kind] === value ? prev : { ...prev, [kind]: value }))
+
+      /** 当前列表里对应的那一行：详情缺字段时（如需求的产品名）用它兜底。 */
+      const listRowOf = (kind, id) => (state[kind] || []).find((item) => String(item.id) === String(id)) || {}
+
+      /** 列表行 → Markdown 引用（拖拽与复制入口用）。 */
+      const rowMarkdown = (kind, row) => itemMarkdown(kind, row, { url: itemUrl(kind, row.id) })
+
+      /** 当前详情 → Markdown 引用（含相关人真名、模块路径、完整描述）。 */
+      const detailMarkdown = () => {
+        if (detail.status !== 'ready') return ''
+        const kind = detail.kind
+        const data = detail.data || {}
+        const record = kind === 'bugs' ? data.bug : kind === 'tasks' ? data.task : data.story
+        if (!record) return ''
+        return itemMarkdown(kind, record, {
+          url: itemUrl(kind, record.id),
+          users: data.users || {},
+          // 详情接口对需求只回产品 id（product："55"），产品名只有列表行有 → 回落到列表行
+          productName: data.productName || record.productTitle || listRowOf(kind, record.id).productTitle,
+          projectName: data.projectName,
+          modulePath: data.modulePath,
+        })
+      }
+
+      const onRowDragStart = (event, kind, row) => {
+        try {
+          event.dataTransfer.effectAllowed = 'copy'
+          event.dataTransfer.setData('text/plain', rowMarkdown(kind, row))
+        } catch { /* 忽略 */ }
+      }
+
+      const doCopy = async (text, label) => {
+        if (!text) { setNotice({ fail: true, text: '暂时没有可复制的内容' }); return }
+        const ok = await copyText(text)
+        setNotice(ok
+          ? { text: `${label}已复制为 Markdown，粘贴到聊天框即可提问` }
+          : { fail: true, text: '复制失败，请手动选中文本复制' })
+      }
+
+      /** 按角色把条目送进对话：新建/复用当前项目的会话并发送提示词。 */
+      const doHandle = async (text) => {
+        if (!text) return
+        let handler = props.runtime && props.runtime.handlePrompt
+        // 懒重试：apply 时服务可能还没就绪（例如对话插件后加载），点击时再解析一次
+        if (typeof handler !== 'function' && props.runtime && typeof props.runtime.build === 'function') {
+          try {
+            props.runtime.handlePrompt = props.runtime.build()
+            handler = props.runtime.handlePrompt
+          } catch { /* 落到下面的复制兜底 */ }
+        }
+        if (typeof handler !== 'function') {
+          await doCopy(text, `「${roleLabel}」提示词`)
+          setNotice({ text: `当前宿主不支持自动新建对话，「${roleLabel}」提示词已复制，粘贴后发送即可` })
+          return
+        }
+        setBusyHint('处理中…')
+        try {
+          await handler(text)
+          setNotice({ text: `已按【${roleLabel}】新建对话并发送，切到会话查看` })
+        } catch (error) {
+          const message = String((error && error.message) || error)
+          const ok = await copyText(text)
+          setNotice({ fail: true, text: `自动发送失败（${message}）${ok ? '；提示词已复制，粘贴后发送即可' : ''}` })
+        } finally { setBusyHint('') }
+      }
+
+      /** 角色提示词 + 条目内容：与复制/拖拽用的是同一份 Markdown。 */
+      const handlePromptText = (markdown) => `${ROLE_INTRO[role] || ROLE_INTRO.dev}\n\n${markdown}`
+
+      const openAction = async (op) => {
+        const id = selectedId
+        const record = (detail.status === 'ready' ? (detail.data.bug || detail.data.task || detail.data.story) : {}) || {}
+        const meta = {
+          op,
+          title: OP_TITLE[op] || (OP_LABEL[op] || op),
+          // forId 是提交目标，必须与 bugId 展示串分开：弹窗打开后用户可能改选列表项，
+          // 提交必须落在弹窗自己的 BUG 上，而不是「当前选中项」。
+          forId: id,
+          bugId: id ? `#${id}` : '',
+          bugTitle: record.title || record.name || '',
+          actions: Array.isArray(detail.data && detail.data.actions) ? detail.data.actions : [],
+        }
+        setModal({ ...meta, fields: [], values: {}, busy: true })
+        try {
+          const form = await callHost(connection, 'bugform', { id, op })
+          if (!form || form.ok === false) throw new Error((form && form.error) || '表单获取失败')
+          const values = {}
+          for (const field of form.fields || []) {
+            if (field.type === 'checkbox') {
+              // 勾选框默认不选中（除非禅道表单里本来就 checked）
+              values[field.name] = field.defaultChecked ? (field.value || '1') : ''
+            } else if (field.name === 'comment') {
+              // 三段式只用于「解决」（团队惯例）；确认等操作保持空白，避免把模板文字误提交上去
+              values[field.name] = field.value || (op === 'resolve' ? REMARK_TEMPLATE : '')
+            } else {
+              values[field.name] = field.value ?? ''
+            }
+          }
+          setModal({ ...meta, fields: form.fields || [], values, busy: false, error: '' })
+        } catch (error) {
+          setModal({ ...meta, fields: [], values: {}, busy: false, error: String((error && error.message) || error) })
+        }
+      }
+
+      const submitAction = async () => {
+        if (!modal) return
+        if (modal.op === 'resolve' && !modal.values.resolution) { setModal({ ...modal, error: '请选择解决方案' }); return }
+        setModal({ ...modal, busy: true, error: '' })
+        try {
+          const targetId = modal.forId || selectedId
+          const result = await callHost(connection, 'bugaction', { id: targetId, op: modal.op, values: modal.values })
+          if (result && result.ok === false) { setModal({ ...modal, busy: false, error: result.error || '提交失败' }); return }
+          const inner = result && result.result
+          // 禅道拒绝提交时会在返回页里给 alert（如缺必填项）。alert 非空 = 被拒，绝不能当成功。
+          if (inner && inner.alert) {
+            setModal({ ...modal, busy: false, error: `禅道拒绝了这次操作：${inner.alert}` })
+            return
+          }
+          // 回读证实真的生效（禅道没报错 ≠ 一定写进去了）
+          let verifyFail = ''
+          try {
+            const after = await callHost(connection, 'bugfull', { id: targetId })
+            const record = (after && after.ok === true) ? (after.bug || {}) : {}
+            if (modal.op === 'resolve' && String(record.status) !== 'resolved') {
+              verifyFail = '禅道未报错，但回读发现状态未变成「已解决」，操作可能未生效'
+            }
+          } catch { /* 回读失败不阻塞成功提示 */ }
+          setModal(null)
+          await refreshAll(`${OP_LABEL[modal.op] || modal.op}成功（#${targetId}）${verifyFail ? ` ⚠ ${verifyFail}` : ''}`)
+        } catch (error) {
+          setModal({ ...modal, busy: false, error: String((error && error.message) || error) })
+        }
+      }
+
+      const doLogin = async () => {
+        setLoginBusy(true)
+        setLoginError('')
+        try {
+          const result = await callHost(connection, 'login', {
+            baseUrl: loginForm.baseUrl.trim(),
+            account: loginForm.account.trim(),
+            password: loginForm.password,
+          })
+          if (result && result.ok === false) { setLoginError(result.error || '登录失败'); return }
+          setLoginForm((prev) => ({ ...prev, password: '' }))
+          await checkAuth()
+        } catch (error) {
+          setLoginError(String((error && error.message) || error))
+        } finally { setLoginBusy(false) }
+      }
+
+      const doLogout = async () => {
+        if (!window.confirm('退出登录将清除已保存的禅道密码，确定吗？')) return
+        const result = await callHost(connection, 'logout', {})
+        if (result && result.ok === false) {
+          setNotice({ fail: true, text: `退出失败：${result.error}` })
+          return
+        }
+        setState({ status: 'idle' })
+        setSelectedId('')
+        setDetail({ status: 'idle' })
+        setOps([])
+        setOpsState('idle')
+        setModal(null)
+        setGallery(null)
+        setDetailFull(false)
+        setDraft('')
+        setZenTaoSid('')
+        setLoginForm((prev) => ({ ...prev, password: '' }))
+        await checkAuth()
+      }
+
+      // ── 登录卡片 ────────────────────────────────────────────────────────────
+      if (auth.status === 'loading') {
+        return h('div', { className: `zts-root ${theme === 'dark' ? 'zts-dark' : ''}` },
+          h('div', { className: 'zts-empty' }, '正在检查禅道登录状态…'))
+      }
+      if (!auth.authenticated) {
+        return h('div', { className: `zts-root ${theme === 'dark' ? 'zts-dark' : ''}` }, [
+          h('div', { key: 'top', className: 'zts-top' }, [
+            h('div', { key: 'brand', className: 'zts-brand' }, [h('span', { key: 'm', className: 'zts-mark' }, '禅'), h('span', { key: 'n' }, '禅道 · 登录')]),
+            h('span', { key: 'sp', className: 'zts-sp' }),
+            h('span', { key: 'c', className: 'zts-conn err' }, [h('i', { key: 'd' }), '未登录']),
+          ]),
+          h('div', { key: 'card', className: 'zts-login' }, [
+            h('h3', { key: 't' }, '连接你的禅道'),
+            h('p', { key: 'p' }, '首次使用需要登录一次。凭据会保存到 DSH 凭据库（~/.dsh/.credentials.yaml），之后免登录。'),
+            loginError ? h('div', { key: 'e', className: 'zts-notice fail' }, loginError) : null,
+            auth.error && !loginError ? h('div', { key: 'ae', className: 'zts-notice fail' }, `当前状态：${auth.error}`) : null,
+            h('div', { key: 'f1', className: 'row' }, [
+              h('label', { key: 'l' }, '禅道地址'),
+              h('input', {
+                key: 'i', className: 'zts-input', value: loginForm.baseUrl,
+                placeholder: 'https://your-zentao.example.com',
+                onChange: (event) => setLoginForm((prev) => ({ ...prev, baseUrl: event.target.value })),
+              }),
+            ]),
+            h('div', { key: 'f2', className: 'row' }, [
+              h('label', { key: 'l' }, '账号'),
+              h('input', {
+                key: 'i', className: 'zts-input', value: loginForm.account,
+                onChange: (event) => setLoginForm((prev) => ({ ...prev, account: event.target.value })),
+              }),
+            ]),
+            h('div', { key: 'f3', className: 'row' }, [
+              h('label', { key: 'l' }, '密码'),
+              h('input', {
+                key: 'i', className: 'zts-input', type: 'password', value: loginForm.password,
+                onChange: (event) => setLoginForm((prev) => ({ ...prev, password: event.target.value })),
+                onKeyDown: (event) => { if (event.key === 'Enter') doLogin() },
+              }),
+            ]),
+            h('div', { key: 'foot', className: 'foot' }, [
+              h('button', { key: 'b', type: 'button', className: 'zts-btn pri', disabled: loginBusy, onClick: doLogin }, loginBusy ? '登录中…' : '登录并保存'),
+              h('span', { key: 'h', style: { fontSize: 11, color: 'var(--dim)' } }, '账号需有该禅道的访问权限'),
+            ]),
+          ]),
+        ])
+      }
+
+      // ── 主面板 ──────────────────────────────────────────────────────────────
+      const filtered = items.filter((item) => {
+        if (query) {
+          const text = `${item.id} ${item.title || item.name || ''}`.toLowerCase()
+          if (!text.includes(query.toLowerCase())) return false
+        }
+        if (filter === 'all') return true
+        if (filter === 'confirmed') return String(item.confirmed) === '1'
+        if (filter === 'unconfirmed') return String(item.confirmed) !== '1'
+        return item.status === filter
+      })
+
+      // 统计卡：每张对应一个筛选条件，点击即筛选（再点一次取消）
+      const countBy = (rows, key, value) => rows.filter((row) => row.status === value).length
+      const scopeText = `范围：${scopeLabel(tab)}`
+      const stats = tab === 'bugs'
+        ? [
+            { key: 'all', k: '我的 BUG', v: bugs.length, s: scopeText },
+            { key: 'unconfirmed', k: '未确认', v: bugs.filter((b) => String(b.confirmed) !== '1').length, s: '需要你确认', tone: 'amber' },
+            { key: 'confirmed', k: '已确认', v: bugs.filter((b) => String(b.confirmed) === '1').length, s: '已进入处理流程', tone: 'green' },
+            { key: 'resolved', k: '已解决', v: countBy(bugs, 'status', 'resolved'), s: '等待验证或关闭' },
+          ]
+        : tab === 'tasks'
+          ? [
+              { key: 'all', k: '我的任务', v: tasks.length, s: scopeText },
+              { key: 'doing', k: '进行中', v: countBy(tasks, 'status', 'doing'), s: '正在处理', tone: 'blue' },
+              { key: 'wait', k: '未开始', v: countBy(tasks, 'status', 'wait'), s: '尚未启动' },
+              { key: 'done', k: '已完成', v: countBy(tasks, 'status', 'done'), s: '已交付', tone: 'green' },
+            ]
+          : [
+              { key: 'all', k: '我的需求', v: stories.length, s: scopeText },
+              { key: 'active', k: '激活', v: countBy(stories, 'status', 'active'), s: '正在推进', tone: 'amber' },
+              { key: 'reviewing', k: '评审中', v: countBy(stories, 'status', 'reviewing'), s: '等待评审', tone: 'blue' },
+              { key: 'closed', k: '已关闭', v: countBy(stories, 'status', 'closed'), s: '已结束' },
+            ]
+
+      const filters = tab === 'bugs'
+        ? [['all', '全部'], ['unconfirmed', '未确认'], ['confirmed', '已确认'], ['resolved', '已解决']]
+        : tab === 'tasks'
+          ? [['all', '全部'], ['doing', '进行中'], ['wait', '未开始'], ['done', '已完成']]
+          : [['all', '全部'], ['active', '激活'], ['reviewing', '评审中'], ['closed', '已关闭']]
+      const activeFilterLabel = (filters.find(([value]) => value === filter) || ['all', '全部'])[1]
+      const applyFilter = (key) => setFilter((prev) => (prev === key ? 'all' : key))
+
+      const emptyText = () => {
+        if (items.length) return '没有匹配的条目。'
+        return `没有「${scopeLabel(tab)}」的${KIND_LABEL[tab]}。`
+      }
+      const list = filtered.length === 0
+        ? h('div', { className: 'zts-empty' }, state.status === 'error' ? `连接失败：${state.error}` : emptyText())
+        : filtered.map((item) => {
+            const id = String(item.id)
+            const isBug = tab === 'bugs'
+            const status = (STATUS_MAP[tab] || {})[item.status] || item.status
+            return h('div', {
+              key: `${tab}-${id}`,
+              className: `zts-item${selectedId === id ? ' on' : ''}`,
+              draggable: true,
+              title: '点击查看详情；按住拖到聊天输入框可插入 Markdown 引用',
+              onDragStart: (event) => onRowDragStart(event, tab, item),
+              onClick: () => openDetail(tab, id),
+            }, [
+              h('div', { key: 't', className: 'zts-item-t' }, item.title || item.name || '(无标题)'),
+              h('div', { key: 'm', className: 'zts-item-m' }, [
+                h('span', { key: 'id', className: 'zts-mono' }, `#${id}`),
+                Chip(status, STATUS_TONE[item.status], 'st'),
+                item.pri ? Chip(`P${item.pri}`, '', 'pri') : null,
+                isBug && String(item.confirmed) === '1' ? Chip('已确认', 'blue', 'cf') : null,
+                tab === 'stories' && item.stage ? Chip(STORY_STAGE[item.stage] || item.stage, '', 'stage') : null,
+                h('span', { key: 'who' }, item.assignedTo || ''),
+                h('span', { key: 'd' }, String(item.openedDate || '').slice(5, 16)),
+                h('button', {
+                  key: 'cp', type: 'button', className: 'zts-iconbtn mini', title: '复制为 Markdown 引用',
+                  onClick: (event) => { event.stopPropagation(); doCopy(rowMarkdown(tab, item), `#${id} `) },
+                }, '⧉'),
+              ]),
+            ])
+          })
+
+      // ── 详情 ────────────────────────────────────────────────────────────────
+      let detailBody
+      if (!selectedId) {
+        detailBody = h('div', { className: 'zts-empty' }, '从左侧选择一条 BUG、任务或需求查看完整详情。')
+      } else if (detail.status === 'loading') {
+        detailBody = [0, 1, 2, 3].map((n) => h('div', { key: n, className: 'zts-skeleton' }))
+      } else if (detail.status === 'error') {
+        detailBody = h('div', { className: 'zts-empty' }, `详情加载失败：${detail.error}`)
+      } else if (detail.status === 'ready') {
+        const data = detail.data
+        const isBug = detail.kind === 'bugs'
+        const isStory = detail.kind === 'stories'
+        const record = isBug ? data.bug : isStory ? data.story : data.task
+        const users = data.users || {}
+        const name = (account) => (account ? (users[account] || account) : '')
+        const title = record.title || record.name
+        const confirmed = String(record.confirmed) === '1'
+        const listRow = listRowOf(detail.kind, record.id)
+        const node = []
+        const actionButtons = []
+
+        if (isBug) {
+          // 操作按钮只在成功取到禅道操作列表后渲染：取不到就不猜，避免在已解决 BUG 上给出「确认」
+          const available = ops.filter((op) => op !== 'edit')
+          const primaryOp = confirmed ? 'resolve' : 'confirmBug'
+          // 已确认的 BUG 不再提供「确认」，与禅道操作栏一致
+          const rest = available.filter((op) => op !== primaryOp && OP_LABEL[op] && !(op === 'confirmBug' && confirmed))
+          if (opsState === 'ready' && available.includes(primaryOp)) {
+            actionButtons.push(h('button', {
+              key: 'primary', type: 'button', className: 'zts-btn pri', onClick: () => openAction(primaryOp),
+            }, OP_LABEL[primaryOp]))
+          }
+          for (const op of rest) {
+            actionButtons.push(h('button', {
+              key: op, type: 'button', className: 'zts-btn', onClick: () => openAction(op),
+            }, OP_LABEL[op]))
+          }
+          if (opsState === 'error') {
+            actionButtons.push(h('span', { key: 'opserr', className: 'zts-fhint' }, '未取到可用操作（可在禅道网页中操作）'))
+          }
+        }
+        // 对话联动：与列表拖拽/复制共用同一份 Markdown（itemMarkdown）
+        const markdown = detailMarkdown()
+        actionButtons.push(h('button', {
+          key: 'drag', type: 'button', className: 'zts-btn', draggable: true,
+          title: '按住拖到聊天输入框，释放即插入可编辑的 Markdown 引用',
+          onDragStart: (event) => {
+            try {
+              event.dataTransfer.effectAllowed = 'copy'
+              event.dataTransfer.setData('text/plain', markdown)
+            } catch { /* 忽略 */ }
+          },
+        }, '⠿ 拖拽引用'))
+        actionButtons.push(h('button', {
+          key: 'copy', type: 'button', className: 'zts-btn',
+          onClick: () => doCopy(markdown, `${KIND_LABEL[detail.kind]} #${record.id}`),
+        }, '复制'))
+        actionButtons.push(h('button', {
+          key: 'handle', type: 'button', className: 'zts-btn pri', disabled: busyHint !== '',
+          title: `按【${roleLabel}】角色新建对话并发送这条${KIND_LABEL[detail.kind]}`,
+          onClick: () => doHandle(handlePromptText(markdown)),
+        }, busyHint || `按【${roleLabel}】处理`))
+        actionButtons.push(h('a', {
+          key: 'open', className: 'zts-btn link',
+          href: itemUrl(detail.kind, record.id), target: '_blank', rel: 'noreferrer',
+          title: zenTaoSid ? '已附带会话参数，浏览器里免登录打开' : '打开禅道页面',
+        }, `在禅道中打开 ↗${zenTaoSid ? '（免登录）' : ''}`))
+
+        node.push(h('div', { key: 'hd', className: 'zts-dh' }, [
+          h('h2', { key: 't' }, title || '(无标题)'),
+          Chip((STATUS_MAP[detail.kind] || {})[record.status] || record.status, STATUS_TONE[record.status], 'st'),
+          isStory && record.stage ? Chip(STORY_STAGE[record.stage] || record.stage, '', 'stage') : null,
+          isBug && confirmed ? Chip('已确认', 'blue', 'cf') : null,
+          isBug && record.resolution ? Chip(BUG_RESOLUTION[record.resolution] || record.resolution, 'green', 'res') : null,
+        ]))
+        node.push(h('div', { key: 'acts', className: 'zts-acts' }, actionButtons))
+
+        // 重现步骤 / 描述：默认展开，可点击折叠
+        const rich = isBug ? record.steps : isStory ? (record.spec || record.desc) : (record.desc || record.storySpec)
+        if (rich) {
+          node.push(Section('steps', isBug ? '重现步骤' : isStory ? '需求描述' : '任务描述', open.steps !== false,
+            () => setOpen((prev) => ({ ...prev, steps: !(prev.steps ?? true) })),
+            [h('div', {
+              key: 'steps', className: 'zts-steps',
+              onClick: onImageClick,
+              dangerouslySetInnerHTML: { __html: sanitizeSteps(rich) },
+            })]))
+        }
+
+        if (isBug) {
+          node.push(Section('info', '基本信息', open.info, () => setOpen((prev) => ({ ...prev, info: !prev.info })), [
+            h('div', { key: 'g', className: 'zts-grid' }, [
+              Field('产品', data.productName), Field('项目', data.projectName), Field('模块', data.modulePath),
+              Field('类型', BUG_TYPE[record.type] || record.type), Field('严重度', SEVERITY[record.severity] || record.severity),
+              Field('优先级', PRIORITY[record.pri] || record.pri),
+              Field('关键词', record.keywords), Field('操作系统', record.os), Field('浏览器', record.browser),
+              Field('硬件平台', record.hardware), Field('来源', record.found), Field('创建构建', record.openedBuild),
+            ]),
+          ]))
+          node.push(Section('handle', '处理信息', open.handle, () => setOpen((prev) => ({ ...prev, handle: !prev.handle })), [
+            h('div', { key: 'g', className: 'zts-grid' }, [
+              Field('创建者', name(record.openedBy)), Field('创建时间', record.openedDate, true), Field('指派给', name(record.assignedTo)),
+              Field('指派时间', record.assignedDate, true), Field('截止日期', /^0+[-0]*$/.test(String(record.deadline || '')) ? '' : record.deadline, true),
+              Field('激活次数', record.activatedCount),
+              Field('解决者', name(record.resolvedBy)), Field('解决时间', record.resolvedDate, true),
+              Field('解决方案', BUG_RESOLUTION[record.resolution] || record.resolution),
+              Field('关闭者', name(record.closedBy)), Field('关闭时间', record.closedDate, true), Field('最后修改', record.lastEditedDate, true),
+            ]),
+          ]))
+          const relations = [
+            ['需求', record.storyTitle || record.story], ['任务', record.taskName || record.task],
+            ['计划', record.planName || record.plan], ['用例', record.case],
+            ['重复BUG', record.duplicateBug], ['相关BUG', record.linkBug],
+            ['反馈', record.feedback], ['仓库提交', record.entry || record.repo],
+          ].filter(([, value]) => value && String(value) !== '0')
+          if (relations.length) {
+            node.push(Section('relations', '关联对象', open.relations, () => setOpen((prev) => ({ ...prev, relations: !prev.relations })), [
+              h('div', { key: 'g', className: 'zts-grid' }, relations.map(([k, v]) => Field(k, v, false, `rel-${k}`))),
+            ], relations.length))
+          }
+        } else if (isStory) {
+          node.push(Section('info', '基本信息', open.info, () => setOpen((prev) => ({ ...prev, info: !prev.info })), [
+            h('div', { key: 'g', className: 'zts-grid' }, [
+              Field('产品', data.productName || record.productTitle || listRow.productTitle), Field('模块', data.modulePath),
+              Field('优先级', PRIORITY[record.pri] || record.pri),
+              Field('状态', STORY_STATUS[record.status] || record.status),
+              Field('所处阶段', STORY_STAGE[record.stage] || record.stage),
+              Field('来源', record.source), Field('来源备注', record.sourceNote),
+              Field('计划', record.planTitle || record.plan), Field('版本', record.version),
+            ]),
+          ]))
+          node.push(Section('handle', '相关人与时间', open.handle, () => setOpen((prev) => ({ ...prev, handle: !prev.handle })), [
+            h('div', { key: 'g', className: 'zts-grid' }, [
+              Field('创建者', name(record.openedBy)), Field('创建时间', record.openedDate, true),
+              Field('指派给', name(record.assignedTo)), Field('指派时间', record.assignedDate, true),
+              Field('评审人', String(record.reviewedBy || '').split(',').filter(Boolean).map(name).join('、')),
+              Field('评审时间', record.reviewedDate, true),
+              Field('关闭者', name(record.closedBy)), Field('关闭时间', record.closedDate, true),
+              Field('最后修改', record.lastEditedDate, true),
+            ]),
+          ]))
+          const storyRelations = [
+            ['父需求', record.parentName], ['子需求', record.childStories], ['关联需求', record.linkStories],
+            ['转BUG', record.toBug], ['来自BUG', record.fromBug], ['反馈', record.feedback],
+          ].filter(([, value]) => value && String(value) !== '0')
+          if (storyRelations.length) {
+            node.push(Section('relations', '关联对象', open.relations, () => setOpen((prev) => ({ ...prev, relations: !prev.relations })), [
+              h('div', { key: 'g', className: 'zts-grid' }, storyRelations.map(([k, v]) => Field(k, v, false, `rel-${k}`))),
+            ], storyRelations.length))
+          }
+        } else {
+          node.push(Section('info', '基本信息', open.info, () => setOpen((prev) => ({ ...prev, info: !prev.info })), [
+            h('div', { key: 'g', className: 'zts-grid' }, [
+              Field('项目', data.projectName), Field('模块', data.modulePath), Field('类型', TASK_TYPE[record.type] || record.type),
+              Field('优先级', PRIORITY[record.pri] || record.pri), Field('状态', TASK_STATUS[record.status] || record.status),
+              Field('所属需求', record.storyTitle || record.story), Field('父任务', record.parentName),
+            ]),
+          ]))
+          node.push(Section('handle', '工时与时间', open.handle, () => setOpen((prev) => ({ ...prev, handle: !prev.handle })), [
+            h('div', { key: 'g', className: 'zts-grid' }, [
+              Field('预计工时', record.estimate), Field('已耗工时', record.consumed), Field('剩余工时', record.left),
+              Field('截止日期', /^0+[-0]*$/.test(String(record.deadline || '')) ? '' : record.deadline, true),
+              Field('预计开始', /^0+[-0]*$/.test(String(record.estStarted || '')) ? '' : record.estStarted, true),
+              Field('实际开始', record.realStarted, true),
+              Field('创建者', name(record.openedBy)), Field('创建时间', record.openedDate, true), Field('指派时间', record.assignedDate, true),
+              Field('完成者', name(record.finishedBy)), Field('完成时间', record.finishedDate, true), Field('最后修改', record.lastEditedDate, true),
+            ]),
+          ]))
+        }
+
+        if (Array.isArray(data.actions) && data.actions.length) {
+          node.push(Section('timeline', '操作历史', open.timeline, () => setOpen((prev) => ({ ...prev, timeline: !prev.timeline })), [
+            h('div', { key: 'tl', className: 'zts-tl' }, data.actions.map((item) => h('div', {
+              key: item.id || `${item.date}-${item.action}`, className: 'zts-tl-row',
+            }, [
+              h('span', { key: 'w', className: 'zts-tl-who' }, item.actorName || item.actor),
+              h('span', { key: 'a', className: 'zts-tl-act' }, ACTION[item.action] || item.action),
+              h('span', { key: 'd', className: 'zts-tl-date' }, item.date),
+              item.comment ? h('div', {
+                key: 'c', className: 'zts-tl-comment',
+                // 备注里可直接贴图（禅道编辑器支持），按 HTML 渲染并接上图片预览
+                onClick: onImageClick,
+                dangerouslySetInnerHTML: { __html: sanitizeSteps(item.comment) },
+              }) : null,
+            ]))),
+          ], data.actions.length))
+        }
+
+        if (isBug && String(record.status) !== 'closed') {
+          node.push(Section('remark', '添加备注', open.remark, () => setOpen((prev) => ({ ...prev, remark: !prev.remark })), [
+            h('div', { key: 'ed', className: 'zts-editor' }, [
+              h('div', { key: 'h', className: 'eh' }, '提交后公示于禅道操作历史；该版本禅道不支持删除备注。'),
+              h('textarea', {
+                key: 'ta', className: 'zts-textarea', value: draft, placeholder: '写下你的备注…',
+                onChange: (event) => setDraft(event.target.value),
+              }),
+              h('div', { key: 'f', className: 'ef' }, [
+                h('button', { key: 'clr', type: 'button', className: 'zts-btn', onClick: () => setDraft('') }, '清空'),
+                h('span', { key: 'sp', className: 'zts-sp' }),
+                h('span', { key: 'n', style: { fontSize: 11, color: 'var(--dim)' } }, `${draft.length} 字`),
+                h('button', { key: 'send', type: 'button', className: 'zts-btn pri', disabled: busy === 'comment', onClick: runComment },
+                  busy === 'comment' ? '提交中…' : '提交备注'),
+              ]),
+            ]),
+          ]))
+        }
+
+        detailBody = node
+      }
+
+      const loading = state.status === 'loading'
+
+      return h('div', { className: `zts-root ${theme === 'dark' ? 'zts-dark' : ''}` }, [
+        h('div', { key: 'top', className: 'zts-top' }, [
+          h('div', { key: 'brand', className: 'zts-brand' }, [
+            h('span', { key: 'mark', className: 'zts-mark' }, '禅'),
+            h('span', { key: 'name' }, '禅道 · 我的工作'),
+          ]),
+          baseUrl ? h('span', { key: 'crumb', className: 'zts-crumb' }, String(baseUrl).replace(/^https?:\/\//, '')) : null,
+          auth.account ? h('span', { key: 'acct', className: 'zts-crumb' }, `· ${auth.account}`) : null,
+          h('span', { key: 'sp', className: 'zts-sp' }),
+          h('span', { key: 'conn', className: `zts-conn${loading ? ' syncing' : (state.status === 'error' ? ' err' : '')}` },
+            [h('i', { key: 'd' }), state.status === 'error' ? '未连接' : (loading ? '同步中' : '已连接')]),
+          h('button', { key: 'r', type: 'button', className: 'zts-iconbtn', title: '刷新', onClick: () => loadLists(scopes), disabled: loading },
+            h('span', { className: loading ? 'zts-rot' : '', style: { display: 'inline-block' } }, '⟳')),
+          baseUrl ? h('a', {
+            key: 'o', className: 'zts-iconbtn', href: zenTaoUrl(''), target: '_blank', rel: 'noreferrer',
+            title: zenTaoSid ? '打开禅道（已附带会话参数，免登录）' : '打开禅道',
+          }, '↗') : null,
+          h('button', { key: 'lo', type: 'button', className: 'zts-iconbtn', title: '退出登录', onClick: doLogout }, '⏻'),
+        ]),
+
+        h('div', { key: 'tabs', className: 'zts-tabs' }, TABS.map(([key, label]) => h('button', {
+          key, type: 'button', className: `zts-tab${tab === key ? ' on' : ''}`, onClick: () => switchTab(key),
+        }, [label, h('b', { key: 'n' }, String((state[key] || []).length))]))),
+
+        h('div', { key: 'stats', className: 'zts-stats' }, stats.map((item) => h('button', {
+          key: item.key,
+          type: 'button',
+          className: `zts-stat${filter === item.key ? ' is-active' : ''}`,
+          title: filter === item.key ? `取消筛选：${item.k}` : `点击筛选：${item.k}`,
+          onClick: () => applyFilter(item.key),
+        }, [
+          h('div', { key: 'k', className: 'k' }, item.k),
+          h('div', { key: 'v', className: `v${item.tone ? ` ${item.tone}` : ''}` }, String(item.v)),
+          h('div', { key: 's', className: 's' }, item.s),
+        ]))),
+
+        notice ? h('div', { key: 'notice', className: `zts-notice${notice.fail ? ' fail' : ''}` }, notice.text) : null,
+
+        h('div', { key: 'bar', className: 'zts-bar' }, [
+          h('label', { key: 'search', className: 'zts-search' }, ['🔍', h('input', {
+            key: 'i', value: query, placeholder: `搜索${KIND_LABEL[tab]}标题 / 编号…`,
+            onChange: (event) => setQuery(event.target.value),
+          })]),
+          h('span', { key: 'sp', className: 'zts-sp' }),
+          h('label', { key: 'role', className: 'zts-topsel', title: '「按角色处理」使用的预设提示词（保存在本机）' }, [
+            h('span', { key: 'l', className: 'lbl' }, '角色'),
+            h('select', {
+              key: 's', className: 'zts-select mini', value: role,
+              onChange: (event) => changeRole(event.target.value),
+            }, ROLES.map(([value, label]) => h('option', { key: value, value }, label))),
+          ]),
+          h('label', { key: 'auto', className: 'zts-topsel', title: '自动刷新间隔；页面不可见时跳过这一轮' }, [
+            h('span', { key: 'l', className: 'lbl' }, '自动'),
+            h('select', {
+              key: 's', className: 'zts-select mini', value: String(autoRefresh),
+              onChange: (event) => setAutoRefresh(Number(event.target.value) || 0),
+            }, AUTO_OPTIONS.map(([value, label]) => h('option', { key: String(value), value: String(value) }, label))),
+          ]),
+          h('div', { key: 'seg', className: 'zts-seg' }, filters.map(([value, label]) => h('button', {
+            key: value, type: 'button', className: filter === value ? 'on' : '', onClick: () => setFilter(value),
+          }, label))),
+        ]),
+
+        h('div', { key: 'cols', className: `zts-cols${detailFull ? ' is-full' : ''}` }, [
+          detailFull ? null : h('div', { key: 'list', className: 'zts-card' }, [
+            h('div', { key: 'hd', className: 'zts-cardhd' }, [
+              cardTitle('列表'),
+              // 范围选择器：值直接决定 /my-{kind}-{scope}.json 的路径段
+              h('select', {
+                key: 'scope', className: 'zts-select mini', value: scopes[tab],
+                title: '浏览范围（与禅道「我的地盘」的 tab 一致）',
+                onChange: (event) => changeScope(tab, event.target.value),
+              }, (SCOPES[tab] || []).map(([value, label]) => h('option', { key: value, value }, label))),
+              h('span', { key: 'n', className: 'n' }, filter === 'all' ? '' : `筛选：${activeFilterLabel}`),
+              h('span', { key: 'c', className: 'zts-cnt' }, listCountText()),
+            ]),
+            h('div', { key: 'sc', className: 'zts-scroll' }, loading && items.length === 0
+              ? [0, 1, 2, 3, 4].map((n) => h('div', { key: n, className: 'zts-skeleton' }))
+              : list),
+          ]),
+          h('div', { key: 'detail', className: 'zts-card' }, [
+            h('div', { key: 'hd', className: 'zts-cardhd' }, [
+              cardTitle('详情'),
+              h('span', { key: 'n', className: 'n' }, selectedId ? `#${selectedId}` : ''),
+              h('span', { key: 'c', className: 'zts-cnt' }, detail.status === 'ready'
+                ? `更新于 ${String(((detail.data.bug || detail.data.task || detail.data.story) || {}).lastEditedDate || ((detail.data.bug || detail.data.task || detail.data.story) || {}).openedDate || '').slice(5, 16) || '—'}`
+                : ''),
+              h('button', {
+                key: 'fs', type: 'button', className: 'zts-iconbtn', style: { width: 26, height: 26, marginLeft: 6 },
+                title: detailFull ? '退出全屏（ESC）' : '全屏（浏览器真全屏，ESC 退出）',
+                onClick: toggleFullscreen,
+              }, detailFull ? '⤡' : '⛶'),
+            ]),
+            h('div', { key: 'sc', className: 'zts-scroll' },
+              h('div', { key: 'body', className: 'zts-detail' }, detailBody)),
+          ]),
+        ]),
+
+        modal ? h(ActionModal, {
+          key: 'modal', modal,
+          onChange: (field, value) => setModal((prev) => ({ ...prev, values: { ...prev.values, [field]: value } })),
+          onSubmit: submitAction,
+          onPreview: onImageClick,
+          onClose: () => setModal(null),
+        }) : null,
+
+        // 图片画廊：点任意一张图进入，可左右切换当前页面的全部图片
+        gallery && gallery.list && gallery.list.length
+          ? h(ImageGallery, {
+            key: 'gallery', list: gallery.list, index: gallery.index,
+            onIndex: (next) => setGallery((prev) => {
+              if (!prev || !prev.list.length) return prev
+              // 循环切换：首尾相接
+              const total = prev.list.length
+              const wrapped = ((next % total) + total) % total
+              return { ...prev, index: wrapped }
+            }),
+            onClose: () => setGallery(null),
+          })
+          : null,
+      ])
+    }
+
+    const module = { exports: {} }
+
+    module.exports = {
+      name: 'dsh-zentao-session',
+      inject: ['slots'],
+      apply(ctx) {
+        try {
+          ensureStyles()
+          try {
+            if (ctx && typeof ctx.inject === 'function') {
+              ctx.inject(['connection'], (connCtx) => {
+                hostConnection = (connCtx && connCtx.connection)
+                  || (connCtx && typeof connCtx.get === 'function' ? connCtx.get('connection') : null)
+              })
+            }
+          } catch { /* 退回 props.connection 或同源 HTTP */ }
+          // 「按角色处理」需要 sessions / workspaces / uiWorkspace 三个服务；都是可选依赖，
+          // 缺任何一个就只保留「复制 / 拖拽」入口（按钮会退回复制提示词）。
+          try {
+            wireConversationBridge(ctx)
+          } catch (error) {
+            try { ctx.logger?.warn?.('[zentao-session] 对话联动桥接失败：' + String((error && error.message) || error)) } catch { /* 忽略 */ }
+          }
+          if (!ctx || !ctx.slots || typeof ctx.slots.inject !== 'function') return
+          const safe = (slot, register) => {
+            try {
+              ctx.slots.inject(slot, register)
+            } catch (error) {
+              try { ctx.logger?.warn?.(`[zentao-session] 槽位 ${slot} 注册失败：${(error && error.message) || error}`) } catch {}
+            }
+          }
+          safe('sidebar.panellist', () => ctx.slots.register({
+            name: 'sidebar.panellist',
+            id: PANEL_ID,
+            order: 40,
+            label: () => '禅道',
+          }, (props) => h(ZentaoIcon, { size: typeof props?.size === 'number' ? props.size : undefined })))
+          safe('main', () => ctx.slots.register({
+            name: 'main',
+            key: PANEL_ID,
+          }, (props) => h(ZentaoPanel, Object.assign({}, props, { runtime: panelRuntime }))))
+        } catch (error) {
+          try {
+            ctx.logger?.warn?.(`[zentao-session] 客户端注册失败：${(error && error.message) || error}`)
+          } catch {}
+        }
+      },
+    }
+
+    return module.exports
+  },
+})