<!-- 当前整合候选：V3.2.3-rc.1 / 2026-09-22。沿用既有文件路径以兼容部署；下文历史基线描述不代表本次验收结果。
     历史：V3.1.0 本地测试版 / 2026-09-15 / 基于 f5815b9。当前默认真实登录，只有 loopback 显式 ?preview=blind-box 保留盲盒预览。 -->
<!-- ★ 唯一现行 UI 基线 ★ —— 本项目存在多份历史 UI 副本（详见 codex-claude-task.md「UI 副本盘点」）。
     评审、验收、比对一律以本文件为准；`work/jingquan-ops-console/public/index.html` 是运行程序（Codex 车道）。
     其余 `经营驾驶舱-*.html`、`dashboard.html`、`archive-ui/*` 均为历史件，不得作为现行版本引用。
     核心文件：jqcraftsagent-UI；产品代号：jqcraftsagent；UI版本：V3（本次为 V3 内增量，不新增版本线）；变更时间：2026-08-29；本次程序修改：否（UI 基线文档，程序侧由 Codex 代码道实现）；当前程序基线：c96bcf4 / jqcraftsagent-v2.6.1-aliyun-test；发布状态：阿里云测试环境已部署，真实数据接线待实现；UI 交互优化由 Claude 负责，字段与权限以 PRD/架构/数据库设计为准。
     V2.9 本地修复（Codex，2026-09-10）：经营总览所有 ROI、询盘转化率和支付转化率均使用缺失值安全格式化，避免数据库返回 null 时调用 toFixed 导致整页停在载入状态。
     V3 增量变更（Claude，2026-08-29）：
     ① 回灌程序 UI 已实现的四项：事业部改名「灯饰工程/爆款工艺品」、组织树增加店铺层、人工数据导入卡片与提交逻辑、无 API 时清空示意经营数据；
     ② 组织基线：运营人员使用全局连续代号 运营A、运营B……（不分事业部重置），暂定 1:1，数据结构按一人多店设计。
        ⚠ 店铺数量口径未定，见 ⑦ —— 本行原写「14 家（各 7 家）」，与下方 SEED_SHOPS 实际条目不符，已更正；
     ③ 清除触碰 AGENTS.md 第四节真实性红线的预置数据：编造员工姓名与企微账号、编造竞品价格销量、带时间戳的伪造审批链、编造商品名与调价记录；
     ④ 修正程序 UI 的两处缺陷：路由 slug 硬编码编造员工姓名拼音（改为按代号动态派生）、jq-lighting 与 jq-lighting-factory 双双指向 jq1；
     ⑤ 统一导入契约补齐：environment 改为可配（原硬编码 test）、载荷补 shop_id 与原始文件 sha256。
     ⑥ 2026-08-29 二次调整（用户指定）：**数据接入前保留完整静态结构**，不再整块空态短路。
        新增 DATA_READY 门禁与「待同步」占位层：num/fmtY/kpi/spark/rankBars 统一拦截，
        数值位显示「待同步」、图表显示虚线骨架、排行显示骨架行；一律不显示 0、不显示编造值、不留白。
        组织改由「已入驻店铺清单」SEED_SHOPS 驱动——入驻一家显示一家，加一行即多一家，
        组织树、事业部对比与 KPI 作用域自动跟随；当前种子为灯饰工程/爆款工艺品各 1 家，
        对应虚拟运营 运营A、运营B（全局连续代号，1:1 待映射）。
        注：事业部级「环比」原由 seed() 哈希伪造，后端无对应字段，故接入真实数据后仍显示「待同步」，
        这是有意为之——没有数据来源就不给数字。
     ⑦ 2026-08-29 店铺数量口径待定（Codex 验收发现，Claude 确认）：本文件曾先后出现两个互相冲突的口径——
        文件头写「14 家（两事业部各 7 家）」，而 SEED_SHOPS 只有各 1 家。二者均非事实：
        Codex 查本地库得到**活动店铺 737 家，其中映射到事业部的为 0 家**。
        因此当前 SEED_SHOPS 仅为**最小可评审骨架**，不代表真实入驻范围；真实范围须由后端
        组织授权关系提供，前端不得硬编码任何店铺数量，可用性判定也不得以固定数字为门槛。
        737 家的量级还意味着组织树需要检索/分页/虚拟滚动，全展开不可用——此项待用户确认范围后设计。
     ⑧ 2026-08-29 四次调整（Claude，核实商品卡功能模块并修复三处真实缺陷 + 人工导入 Agent 清洗内置化）：
        - 核实到 `buildDemoProducts()`／`PNAME.jf1`（3 条真实 1688 标题作示例商品名，字段全为 null／「待同步」）
          已存在于文件中、用于离线态下把「商品分析」「商品详情」两处的商品卡功能模块渲染出可点内容，
          此前未在本表登记，本次补登记。核实过程中用 Chromium 实机点开发现三处真实 bug，均已修复：
          ① `p.chg` 为 null 时 `p.chg>=0` 隐式转换取 true，导致「+null%」字面文本渲染；已加 `ready(p.chg)` 门禁。
          ② `funnel()` 离线态 `weak:-1`，数组按 -1 取值得到 `undefined`，Diagnosis 渲染出「undefined层」；已按
          `fn.weak>=0` 判断修复。③ 商品详情页「最近变更」硬编码固定文案「今日改价 ¥129→¥119；标题加"北欧客厅吊灯"」，
          与任何 `p.*` 字段无关、不受 DATA_READY 门禁约束，触碰 AGENTS.md 第四节真实性红线（编造具体调价）——
          此前 F1 只清理了 COMPOBS/OPACTIONS 数组里的同类问题，这条硬编码在模板字符串里当时漏查；已改为
          「待接入 · 需后端 product_change_log」。Decision Timeline、Hypotheses/Recommendation、推送按钮可用态
          一并补 ready(p.chg) 门禁。验证：两个内联 script 块 node --check 全通过；Chromium 实机遍历商品分析
          （3 行）与商品详情页，undefined/NaN/null 命中 0。
        - 人工导入「让 Agent 帮我清洗」按钮原来只发一句无结构文字指令，新增 `templateCleaningPrompt()`，
          点击时把 IMPORT_TEMPLATE_COLS（与下载模板同一份数据）结构化拼进 Agent 对话输入，模型据此
          直接拿到列定义与硬规则，不再需要自己猜格式；Chromium 实测填入内容 738 字符、含全部列定义。
     ⑨ 2026-08-29 五次调整（用户指定，Claude 执行，覆盖 ⑧ 的人工导入部分）：⑧ 落地的「让 Agent 帮我清洗」
        对话内置方案已按用户指令废弃——**取消「下载清洗模板」与「让 Agent 帮我清洗」这一前置步骤**，
        `IMPORT_TEMPLATE_COLS`／`templateCleaningPrompt()`／`downloadTemplate()` 三者已从本文件删除。
        新逻辑：运营人员只提交原始文件，清洗改为后端统一处理——大模型按既定标准格式清洗原始文件后
        写入数据库，前端不再要求用户先手工/对话清洗。标准字段契约不再在前端展示，改登记在
        `codex-claude-task.md`（原 TASKS.md，本轮核实到已被改名，用法不变）「人工导入·标准字段契约（后端参考）」，
        供 Codex 落地清洗管线对齐。页面文案按指定改为名词/名词+动词的字段化风格，不写指令性说明（如原
        「不要直接上传…」「请先把原始文件交给 Agent…」等句子已删除；字段标签「已清洗文件」改「原始文件」，
        按钮「校验并提交」改「上传」）。三张卡片改名去掉「第N步」编号：原始文件上传／上传日志／历史批次。 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>景泉AI工作台</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  :root{
    --paper:#f4f2ec; --surface:#ffffff; --surface-2:#faf9f5; --sunk:#efece4;
    --ink:#1c1b17; --ink-2:#6a675d; --ink-3:#918d80;
    --line:#e3dfd4; --line-2:#d2cdbf; --grid:#ece8de;
    --accent:#37497f; --accent-soft:#eaecf6;
    --gold:#a9781a; --gold-soft:#f3ecdb; --teal:#12715c; --teal-soft:#dcefe8;
    --up:#1c8f68; --up-soft:#dcefe6; --down:#c0433a; --down-soft:#f6e2df;
    --wait:#9a7212; --wait-soft:#f1e9d6;
    --radius:9px;
    --sans:"IBM Plex Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,monospace;
    --serif:"Fraunces","Songti SC",Georgia,serif;
    --ag-w:402px;
  }
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
    --paper:#191813; --surface:#232219; --surface-2:#1f1e16; --sunk:#2b2a20;
    --ink:#f0ede3; --ink-2:#b0ab9a; --ink-3:#807c6e;
    --line:#332f23; --line-2:#403b2c; --grid:#2c2a20;
    --accent:#9fb0ea; --accent-soft:#26283a;
    --gold:#e0b352; --gold-soft:#2c2513; --teal:#66c6ab; --teal-soft:#132a24;
    --up:#5cc79c; --up-soft:#13291f; --down:#e8867d; --down-soft:#33201d; --wait:#d9b25a; --wait-soft:#2e2712;
  }}
  :root[data-theme="dark"]{
    --paper:#191813; --surface:#232219; --surface-2:#1f1e16; --sunk:#2b2a20;
    --ink:#f0ede3; --ink-2:#b0ab9a; --ink-3:#807c6e;
    --line:#332f23; --line-2:#403b2c; --grid:#2c2a20;
    --accent:#9fb0ea; --accent-soft:#26283a;
    --gold:#e0b352; --gold-soft:#2c2513; --teal:#66c6ab; --teal-soft:#132a24;
    --up:#5cc79c; --up-soft:#13291f; --down:#e8867d; --down-soft:#33201d; --wait:#d9b25a; --wait-soft:#2e2712;
  }
  *{box-sizing:border-box}
  html,body{margin:0}
  body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
  .app{display:grid;grid-template-columns:272px 1fr;min-height:100vh}
  .side{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh}
  .brand{padding:16px 18px 14px;border-bottom:1px solid var(--line)}
  .brand h1{margin:0;font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:.2px}
  .brand .sub{color:var(--ink-3);font-size:11.5px;letter-spacing:.4px;margin-top:2px}
  .tree{padding:8px 10px 20px;overflow-y:auto;flex:1}
  .unit{margin-top:8px}
  .unit-h{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;font-weight:500}
  .unit-h:hover{background:var(--surface-2)}
  .unit-h.on{background:var(--accent-soft)}
  .unit-h .dot{width:9px;height:9px;border-radius:2px;flex:none}
  .unit-h .n{font-size:10.5px;color:var(--ink-3);margin-left:auto;font-family:var(--mono)}
  .grp{margin:2px 0 4px 15px;padding-left:9px;border-left:1px solid var(--line)}
  /* ── 待同步占位（2026-08-29）：数据接入前保留结构，数值位统一走这个视觉 ── */
  /* 店铺行与运营行的层级区分：运营=主体（人），店铺=其下属资产标注 */
  .shop-nm{font-size:12px;font-weight:400;color:var(--ink-2);letter-spacing:.1px}
  .node.shop-node.static{cursor:default;background:transparent}
  .node.shop-node.static:hover{background:transparent}
  /* 本次导入日志：控制台式逐行留痕 */
  .implog{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);padding:8px 10px;font-family:var(--mono,ui-monospace,monospace);font-size:11px;line-height:1.75}
  .logline{display:flex;gap:8px;align-items:baseline;padding:1px 0;border-bottom:1px dotted transparent}
  .logline .lt{color:var(--ink-3);flex:none}
  .logline .li{flex:none;width:12px;text-align:center;font-weight:700}
  .logline .ls{flex:none;min-width:150px;color:var(--ink-2)}
  .logline .ld{color:var(--ink-3);word-break:break-all}
  .logline.ok .li{color:var(--up)}
  .logline.warn .li{color:var(--wait)}
  .logline.fail .li{color:var(--down)}
  .logline.fail .ls{color:var(--down)}
  .logline.info .li{color:var(--ink-3)}
  .pf{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:16px;
    padding:0 5px;border-radius:4px;font-size:9.5px;font-weight:600;letter-spacing:.2px;
    flex:none;margin-right:2px}
  .cnt.code{font-family:var(--mono,monospace);font-size:9.5px;letter-spacing:.4px;opacity:.72}
  .pend{display:inline-block;font-size:.72em;font-weight:500;letter-spacing:.3px;
    color:var(--wait,#9a7212);background:color-mix(in srgb,var(--wait,#9a7212) 12%,transparent);
    border:1px dashed color-mix(in srgb,var(--wait,#9a7212) 45%,transparent);
    border-radius:5px;padding:1px 7px;vertical-align:middle;white-space:nowrap}
  .kpi .v .pend{font-size:.5em;padding:3px 10px}
  .spark.skel{opacity:.5}
  .rk.skel{opacity:.62}
  .rk.skel .nm{color:var(--ink-3)}
  .rk.skel .track{background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 12px);opacity:.55}
  .grp-l{font-size:10.5px;letter-spacing:.6px;color:var(--ink-3);text-transform:uppercase;padding:8px 8px 3px}
  .node{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;cursor:pointer;color:var(--ink-2)}
  .node:hover{background:var(--surface-2);color:var(--ink)}
  .node.on{background:var(--accent-soft);color:var(--ink);font-weight:500}
  .node .ico{font-size:13px;width:14px;text-align:center;opacity:.8;flex:none}
  .node .op-s{min-width:0;flex:1}
  .node .op-s .s{font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .node.on .op-s .s{color:var(--ink-2)}
  .node .cnt{font-size:10px;color:var(--ink-3);font-family:var(--mono);flex:none}
  .node.muted{color:var(--ink-3);cursor:default}
  .node.muted:hover{background:none;color:var(--ink-3)}
  .side-f{padding:11px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:7px;line-height:1.4}
  .side-f .k{width:7px;height:7px;border-radius:50%;background:var(--up);flex:none}
  .main{display:flex;flex-direction:column;min-width:0}
  .top{display:flex;align-items:center;gap:14px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--surface-2);position:sticky;top:0;z-index:5}
  .crumb{font-size:12.5px;color:var(--ink-3)}
  .crumb b{color:var(--ink);font-weight:500}
  .seg{margin-left:auto;display:inline-flex;background:var(--sunk);border-radius:8px;padding:3px}
  .seg button{border:0;background:none;font:inherit;font-size:12.5px;color:var(--ink-2);padding:5px 15px;border-radius:6px;cursor:pointer}
  .seg button.on{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.06)}
  .role{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2);cursor:pointer;padding:3px 6px 3px 3px;border-radius:8px}
  .role:hover{background:var(--surface)}
  .ava{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:500}
  [data-theme="dark"] .ava,:root:not([data-theme="light"]) .ava{color:#191813}
  .role .me{display:flex;flex-direction:column;line-height:1.25}
  .role .me b{font-weight:500;color:var(--ink);font-size:13px}
  .role .me em{font-style:normal;font-size:11px;color:var(--ink-3)}
  .role .caret{color:var(--ink-3);font-size:10px}
  .menu-btn{display:none;border:1px solid var(--line-2);background:var(--surface);border-radius:8px;width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);font-size:17px;flex:none;padding:0}
  .scrim{display:none}
  .card,.buc,.kpi,.node,.stab,.c7{transition:border-color .15s ease,background .15s ease,transform .12s ease}
  .buc:hover,.anomit:hover,.rk:hover{transform:translateY(-1px)}
  .node:focus-visible,.stab:focus-visible,.btn:focus-visible,.seg button:focus-visible,.menu-btn:focus-visible,.buc:focus-visible,.role:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .loading{padding:64px 20px;text-align:center;color:var(--ink-3);font-size:13px}
  .loading .sp{width:22px;height:22px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  @media (prefers-reduced-motion:reduce){.loading .sp{animation:none}.card,.buc,.kpi,.node,.stab,.c7{transition:none}}
  .proto{display:flex;align-items:center;gap:8px;margin:0;padding:8px 26px;background:var(--wait-soft);border-bottom:1px solid var(--line);font-size:12px;color:var(--wait)}
  .canvas{padding:22px 26px 40px;box-sizing:border-box}
  .h-row{display:flex;align-items:baseline;gap:12px;margin:2px 0 16px;flex-wrap:wrap}
  .h-row h2{margin:0;font-size:18px;font-weight:600}
  .h-row .sc{font-size:12.5px;color:var(--ink-3)}
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}
  .kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
  .kpi.wait{background:var(--surface-2)}
  .kpi .l{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .kpi .v{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.1;margin-top:7px;font-variant-numeric:tabular-nums}
  .kpi .v small{font-family:var(--sans);font-size:12px;color:var(--ink-3);font-weight:400;margin-left:3px}
  .kpi.wait .v{font-family:var(--sans);font-size:15px;color:var(--wait);margin-top:11px}
  .kpi .d{margin-top:6px;font-size:12px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:5px}
  .up{color:var(--up)}.down{color:var(--down)}
  .pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:500}
  .pill.wait{background:var(--wait-soft);color:var(--wait)}
  .spark{margin-top:8px;height:26px;width:100%;display:block}
  .card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:20px}
  .card-h{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}
  .card-h h3{margin:0;font-size:14.5px;font-weight:600}
  .card-h .hint{font-size:12px;color:var(--ink-3);margin-left:auto}
  .card-h .src{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:500;margin-left:auto}
  .src.rpa{background:var(--teal-soft);color:var(--teal)}.src.radar{background:var(--gold-soft);color:var(--gold)}.src.ai{background:var(--accent-soft);color:var(--accent)}.src.wait{background:var(--wait-soft);color:var(--wait)}
  .cbody{padding:14px 16px}
  /* 归因链 */
  .attr{display:flex;flex-direction:column;gap:0}
  .attr .lv{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
  .attr .lv:last-child{border-bottom:0}
  .attr .lv .ar{color:var(--ink-3);font-family:var(--mono);font-size:12px;width:74px;flex:none}
  .attr .lv .q{flex:1;font-size:13px}
  .attr .lv .q b{font-weight:500}
  .attr .lv .val{font-variant-numeric:tabular-nums;font-size:13px;text-align:right;white-space:nowrap}
  .attr .lv.on2{background:var(--surface-2);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}
  /* 事业部对比 */
  .bu{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
  .buc{border:1px solid var(--line);border-radius:12px;padding:15px 17px;cursor:pointer;background:var(--surface);position:relative;overflow:hidden}
  .buc:hover{border-color:var(--line-2)}
  .buc .bar{position:absolute;left:0;top:0;bottom:0;width:4px}
  .buc .hd{display:flex;align-items:center;gap:8px;font-weight:500}
  .buc .hd .gmname{margin-left:auto;font-size:11px;color:var(--ink-3)}
  .buc .big{font-family:var(--serif);font-weight:600;font-size:26px;margin-top:9px;font-variant-numeric:tabular-nums}
  .buc .big small{font-family:var(--sans);font-size:12px;color:var(--ink-3);font-weight:400}
  .buc .row{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--ink-2);align-items:center}
  .buc .mspark{margin-top:10px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .cols3>div{padding:14px 16px;border-right:1px solid var(--line)}
  .cols3>div:last-child{border-right:0}
  .colh{font-size:12px;color:var(--ink-2);font-weight:500;margin-bottom:10px}
  .rank{display:flex;flex-direction:column;gap:9px}
  .rk{display:flex;align-items:center;gap:9px;cursor:pointer}
  .rk:hover .nm{color:var(--accent)}
  .rk .nm{width:104px;min-width:104px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rk .nm .s2{font-size:10.5px;color:var(--ink-3)}
  .rk .track{flex:1;height:8px;background:var(--sunk);border-radius:4px;overflow:hidden}
  .rk .fill{height:100%;border-radius:4px}
  .rk .val{font-variant-numeric:tabular-nums;font-size:12px;width:60px;text-align:right}
  /* 漏斗 */
  .fn{display:flex;flex-direction:column;gap:2px}
  .fn .st{display:flex;align-items:center;gap:10px}
  .fn .st .lb{width:78px;min-width:78px;font-size:12px;color:var(--ink-2)}
  .fn .st .track{flex:1;height:26px;background:var(--sunk);border-radius:6px;overflow:hidden;position:relative}
  .fn .st .fill{height:100%;display:flex;align-items:center;padding-left:10px;font-size:11.5px;color:#fff;font-variant-numeric:tabular-nums}
  [data-theme="dark"] .fn .st .fill,:root:not([data-theme="light"]) .fn .st .fill{color:#191813}
  .fn .conv{display:flex;align-items:center;gap:6px;padding:2px 0 2px 88px;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}
  .fn .conv.bad{color:var(--down);font-weight:500}
  .fn .conv .flag{background:var(--down-soft);color:var(--down);font-size:10px;padding:1px 7px;border-radius:20px}
  /* 七卡 */
  .cards7{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
  .c7{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 16px}
  .c7.full{grid-column:1/-1}
  .c7 h4{margin:0 0 11px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}
  .c7 h4 .src{margin-left:auto}
  .kv{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}
  .kv .i .l{font-size:11px;color:var(--ink-3)}
  .kv .i .v{font-size:15px;font-weight:500;margin-top:2px;font-variant-numeric:tabular-nums}
  .kv .i .v.w{font-size:12.5px;color:var(--wait);font-weight:500}
  .stage-badge{font-size:11px;padding:2px 9px;border-radius:20px;font-weight:500}
  .risk{font-size:11px;padding:2px 8px;border-radius:6px;font-weight:500}
  .risk.gao{background:var(--down-soft);color:var(--down)}.risk.zhong{background:var(--wait-soft);color:var(--wait)}.risk.di{background:var(--up-soft);color:var(--up)}
  .score{font-weight:500;padding:2px 9px;border-radius:6px;font-size:12px}
  .tl{display:flex;flex-direction:column;gap:0;position:relative}
  .tl .ti{display:flex;gap:11px;padding:0 0 14px;position:relative}
  .tl .ti:last-child{padding-bottom:0}
  .tl .dot{width:10px;height:10px;border-radius:50%;flex:none;margin-top:3px}
  .tl .ti::before{content:'';position:absolute;left:4.5px;top:14px;bottom:-2px;width:1px;background:var(--line)}
  .tl .ti:last-child::before{display:none}
  .tl .tc .tt{font-size:12.5px;font-weight:500}
  .tl .tc .td{font-size:11.5px;color:var(--ink-3);margin-top:1px}
  /* Decision Card */
  .dcard{border:1px solid var(--accent);border-radius:12px;background:var(--surface);overflow:hidden;margin-bottom:20px}
  .dcard .dh{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent-soft);flex-wrap:wrap}
  .dcard .dh .did{font-family:var(--mono);font-size:11px;color:var(--accent)}
  .dcard .dh h3{margin:0;font-size:14px;font-weight:600}
  .dcard .dh .prio{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:500;background:var(--down-soft);color:var(--down)}
  .dcard .dh .prio.p1{background:var(--wait-soft);color:var(--wait)}
  .dcard .dh .prio.p2{background:var(--sunk);color:var(--ink-2)}
  .dfields{display:grid;grid-template-columns:88px 1fr;gap:0}
  .dfields .fk{padding:9px 14px;font-size:11.5px;color:var(--ink-3);border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
  .dfields .fv{padding:9px 14px;font-size:12.5px;border-bottom:1px solid var(--line);line-height:1.55}
  .dfields .fk:last-of-type,.dfields .fv:last-of-type{border-bottom:0}
  .dfields .fv .w{color:var(--wait)}
  .dfoot{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--line);align-items:center}
  .conf{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:500}
  .conf.mid{background:var(--wait-soft);color:var(--wait)}.conf.hi{background:var(--up-soft);color:var(--up)}.conf.lo{background:var(--down-soft);color:var(--down)}
  /* 异常中心 */
  .anom{display:flex;flex-direction:column}
  .anomit{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start}
  .anomit:last-child{border-bottom:0}
  .anomit:hover{background:var(--surface-2)}
  .anomit .sev{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}
  .anomit .ac{flex:1}
  .anomit .ac .at{font-size:13px;font-weight:500}
  .anomit .ac .ad{font-size:11.5px;color:var(--ink-2);margin-top:3px;line-height:1.5}
  .anomit .ac .dont{color:var(--down)}
  .anomit .imp{font-size:11.5px;color:var(--ink-3);text-align:right;white-space:nowrap}
  /* 决策中心概览 */
  .dcount{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 16px}
  .dcount .dc{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
  .dcount .dc .n{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
  .dcount .dc .l{font-size:11.5px;color:var(--ink-3);margin-top:2px}
  .dcount .dc.over .n{color:var(--down)}
  table{width:100%;border-collapse:collapse;font-size:13px}
  thead th{text-align:right;font-weight:500;color:var(--ink-3);font-size:11.5px;letter-spacing:.3px;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
  thead th:first-child,tbody td:first-child{text-align:left}
  tbody td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
  tbody tr:last-child td{border-bottom:0}
  tbody tr{cursor:pointer}
  tbody tr:hover{background:var(--surface-2)}
  .shop-n{display:flex;align-items:center;gap:9px}
  .shop-n .b{width:6px;height:22px;border-radius:2px;flex:none}
  .shop-n .sub{font-size:11px;color:var(--ink-3)}
  .op-head{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:18px;flex-wrap:wrap}
  .op-head .big{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;font-size:17px;flex:none}
  [data-theme="dark"] .op-head .big,:root:not([data-theme="light"]) .op-head .big{color:#191813}
  .op-head .who .nm{font-size:17px;font-weight:600}
  .op-head .who .ro{font-size:12.5px;color:var(--ink-2);margin-top:3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .op-head .who .ro .wx{display:inline-flex;align-items:center;gap:4px;color:var(--teal)}
  .op-head .shopref{margin-left:auto;text-align:right;font-size:12px;color:var(--ink-3)}
  .op-head .shopref b{color:var(--ink);font-weight:500;font-size:14px;display:block;margin-top:2px}
  .op-head .opshops{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
  .opshop-h{padding:6px 12px;border-radius:20px;border:1px solid var(--line);font-size:12px;font-weight:500;cursor:pointer;color:var(--ink-2);white-space:nowrap;display:inline-flex;align-items:center;gap:5px;background:var(--surface)}
  .opshop-h .n{color:var(--ink-3);font-weight:400;font-size:11px}
  .opshop-h.on{background:var(--accent);border-color:var(--accent);color:#fff}
  .opshop-h.on .n{color:inherit;opacity:.82}
  [data-theme="dark"] .opshop-h.on,:root:not([data-theme="light"]) .opshop-h.on{color:#191813}
  .stabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
  .stab{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:5px 13px;font-size:12.5px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:7px}
  .stab:hover{background:var(--surface-2)}
  .stab.on{border-color:var(--accent);color:var(--ink);font-weight:500;background:var(--accent-soft)}
  .stab .b{width:7px;height:7px;border-radius:2px}
  .act{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
  .act:last-child{border-bottom:0}
  .act .tp{font-size:11px;padding:2px 9px;border-radius:6px;font-weight:500;background:var(--sunk);color:var(--ink-2);white-space:nowrap;flex:none;margin-top:1px}
  .act .c{font-size:12.5px;line-height:1.5}.act .c b{font-weight:500}
  .btn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px;padding:6px 13px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
  .btn:hover{background:var(--surface-2)}
  .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
  [data-theme="dark"] .btn.primary,:root:not([data-theme="light"]) .btn.primary{color:#191813}
  .btn[disabled]{opacity:.5;cursor:not-allowed}
  .muted-note{font-size:11.5px;color:var(--ink-3);margin-top:2px}
  .kbstrip{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:11.5px;color:var(--ink-2);margin-bottom:20px}
  .kbstrip .kt{color:var(--accent);font-weight:500}
  .back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);cursor:pointer;margin-bottom:12px}
  .back:hover{color:var(--ink)}
  .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  @media(max-width:1080px){.grid2{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.bu{grid-template-columns:1fr}.cols3{grid-template-columns:1fr}.cols3>div{border-right:0;border-bottom:1px solid var(--line)}.cards7{grid-template-columns:1fr}.dcount{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:1fr}.menu-btn{display:inline-flex}.side{position:fixed;left:0;top:0;bottom:0;width:284px;z-index:40;transform:translateX(-100%);transition:transform .22s ease}.side.open{transform:translateX(0);box-shadow:2px 0 26px rgba(0,0,0,.22)}.scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:39}.canvas{padding:18px 16px 40px}.top{padding:12px 16px}.proto{padding:8px 16px}}
  @media (prefers-reduced-motion:no-preference){.canvas>*{animation:f .3s ease both}@keyframes f{from{opacity:0;transform:translateY(4px)}}}
</style>

<!-- ══ 增量：常驻 Agent 侧栏（不改动原有任何选择器，全部以 ag- 前缀隔离） ══ -->
<style>
  .app{grid-template-columns:272px minmax(0,1fr) var(--ag-w)}
  body.agoff .app{grid-template-columns:272px minmax(0,1fr)}
  .aghandle{display:none;width:38px;height:4px;border-radius:3px;background:var(--line-2);margin:8px auto 2px;flex:none}
  .agscrim{display:none}

  .agpanel{background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden;min-width:0}
  /* 2026-08-27 增量：Agent 侧栏可拖拽伸缩。手柄贴在面板左边框，仅在"并排栏"布局（≥1181px，非移动端下方浮层形态）显示；
     实际宽度写进 --ag-w 这个 CSS 变量，主内容列本来就是 minmax(0,1fr)，会跟着自动让出/收回空间，不需要额外适配代码。 */
  .agresize{display:none}
  @media(min-width:1181px){
    .agresize{display:block;position:absolute;top:0;bottom:0;left:-4px;width:8px;cursor:col-resize;z-index:5;touch-action:none}
    .agresize::after{content:'';position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent}
    .agresize:hover::after,.agresize.on::after{background:var(--accent)}
  }
  body.ag-resizing{cursor:col-resize!important;user-select:none}
  body.ag-resizing .agpanel{transition:none}
  .agh{padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
  .agh .agt{display:flex;align-items:center;gap:8px}
  .agh .agt b{font-size:13.5px;font-weight:600}
  .agh .agt .agx{margin-left:auto;border:0;background:none;color:var(--ink-3);cursor:pointer;font-size:15px;padding:2px 5px;line-height:1;border-radius:6px}
  .agh .agt .agx:hover{color:var(--ink);background:var(--sunk)}
  .agwho{margin-top:6px;display:flex;flex-direction:column;gap:3px}
  .aggreet{font-size:12.5px;font-weight:600;color:var(--ink)}
  .agscope{font-size:10.5px;color:var(--ink-3);font-family:var(--mono);width:100%;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .agscope b{color:var(--down);font-family:var(--sans);white-space:nowrap}

  .agtabs{display:flex;gap:4px;padding:8px 11px;border-bottom:1px solid var(--line)}
  .agtab{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 3px;font:inherit;font-size:11.5px;color:var(--ink-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.3}
  .agtab em{font-style:normal;font-size:9.5px;color:var(--ink-3);font-family:var(--mono)}
  .agtab.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink);font-weight:500}
  .agtab.on em{color:var(--accent)}

  .agskills{padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}
  .agskills .agsh{font-size:9.5px;letter-spacing:.5px;color:var(--ink-3);text-transform:uppercase;font-family:var(--mono);margin-bottom:6px;display:flex;align-items:center;gap:6px}
  .agsklist{display:flex;flex-wrap:wrap;gap:5px}
  .agsk{font:inherit;font-size:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:7px;padding:4px 9px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
  .agsk:hover{border-color:var(--accent);color:var(--accent)}
  .agsk .agv{font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}
  .agsk.lk{opacity:.5;border-style:dashed}
  .agsk.lk:hover{border-color:var(--line-2);color:var(--ink-2)}

  .agctx{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px;border-bottom:1px solid var(--line);align-items:center}
  .agctx .agl{font-size:10px;color:var(--ink-3);letter-spacing:.4px}
  .agchip{font-size:10.5px;font-family:var(--mono);background:var(--sunk);color:var(--ink-2);border-radius:6px;padding:2px 7px;border:1px solid var(--line);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .agchip.hot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}

  .agstream{flex:1;overflow-y:auto;padding:13px 12px 6px;display:flex;flex-direction:column;justify-content:flex-start;gap:11px;overscroll-behavior:contain}
  .agstream::before{content:'';margin-top:auto}
  .agmsg{max-width:100%;animation:agrise .22s ease both}
  @keyframes agrise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.agmsg{animation:none}}
  .agmsg.u{align-self:flex-end;background:var(--accent-soft);border-radius:11px 11px 3px 11px;padding:8px 11px;font-size:13px;max-width:90%}
  .agmsg.a{background:var(--surface-2);border:1px solid var(--line);border-radius:11px 11px 11px 3px;padding:11px 12px;font-size:13px}
  .agmsg.s{align-self:center;font-size:10.5px;color:var(--ink-3);font-family:var(--mono);background:var(--sunk);border-radius:20px;padding:3px 10px;text-align:center}
  .agmsg p{margin:0 0 8px;line-height:1.6}
  .agmsg p:last-child{margin-bottom:0}

  .agans{display:flex;flex-direction:column;gap:9px;margin-top:9px}
  .agsec .agk{font-size:9.5px;letter-spacing:.7px;color:var(--ink-3);text-transform:uppercase;font-family:var(--mono);margin-bottom:3px}
  .agsec .agb{font-size:12.5px;line-height:1.6}
  .agsec .agb code{font-family:var(--mono);font-size:11.5px;background:var(--sunk);padding:1px 5px;border-radius:4px;color:var(--ink-2)}
  .agsec.w .agb{color:var(--wait)}

  .agev{border:1px solid var(--line);border-radius:9px;margin-top:10px;overflow:hidden;background:var(--surface)}
  .agev summary{cursor:pointer;list-style:none;padding:7px 11px;font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:6px;background:var(--surface-2)}
  .agev summary::-webkit-details-marker{display:none}
  .agev summary::before{content:'▸';color:var(--ink-3);font-size:10px}
  .agev[open] summary::before{content:'▾'}
  .agevb{padding:4px 11px 9px;font-family:var(--mono);font-size:10.5px;color:var(--ink-2);line-height:1.7}
  .agevb div{border-bottom:1px dashed var(--line);padding:4px 0}
  .agevb div:last-child{border-bottom:0}

  .agdoc{border:1px solid var(--line);border-left:3px solid var(--up);border-radius:0 9px 9px 0;background:var(--surface);padding:8px 11px;margin-top:8px}
  .agdoc .agdt{font-size:12.5px;font-weight:500}
  .agdoc .agdm{font-family:var(--mono);font-size:10px;color:var(--ink-3);margin-top:3px;line-height:1.6}

  .agacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
  .agbtn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:7px;padding:5px 10px;font:inherit;font-size:11.5px;cursor:pointer}
  .agbtn:hover{border-color:var(--accent);color:var(--accent)}
  .agbtn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
  [data-theme="dark"] .agbtn.pri,:root:not([data-theme="light"]) .agbtn.pri{color:#191813}
  .agbtn[disabled]{opacity:.45;cursor:not-allowed}
  .agbtn[disabled]:hover{border-color:var(--line-2);color:var(--ink-2)}

  .agfld{border:1px solid var(--line);border-radius:10px;padding:10px 11px;margin-top:9px;background:var(--surface)}
  .agfld .agfh{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500}
  .agfld .agno{font-family:var(--mono);font-size:10px;color:var(--ink-3)}
  .agdraft{margin-top:7px;background:var(--gold-soft);border:1px dashed var(--gold);border-radius:7px;padding:7px 9px}
  .agdraft .agval{font-family:var(--serif);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
  .agdraft .agwhy{font-size:11px;color:var(--ink-2);margin-top:3px;line-height:1.55}
  .agfld .agnote{font-size:11px;color:var(--ink-2);margin-top:6px;line-height:1.55}
  .agfld.done{background:var(--up-soft);border-color:var(--up)}
  .agfld.done .agdraft{background:none;border:0;padding:0}
  .agstamp{font-size:10.5px;font-family:var(--mono);color:var(--up);margin-top:6px}
  .agfld input[type=text]{width:100%;margin-top:7px;padding:6px 9px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2);color:var(--ink);font-family:var(--mono);font-size:12px}

  .agunlock{margin-top:10px;border-left:3px solid var(--up);background:var(--up-soft);border-radius:0 8px 8px 0;padding:9px 11px;font-size:12px}
  .agunlock .agu{font-weight:600;color:var(--up);margin-bottom:5px}
  .agunlock ul{margin:0;padding-left:16px;line-height:1.7}

  .agfoot{border-top:1px solid var(--line);background:var(--surface-2)}
  .agfilestray{display:none;gap:6px;padding:8px 11px 0;overflow-x:auto}
  .agfilestray.on{display:flex}
  .agfile{flex:none;width:132px;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:6px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:6px}
  .agfile i{width:28px;height:30px;border-radius:5px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:8px var(--mono);font-style:normal;overflow:hidden}
  .agfile i img{width:100%;height:100%;object-fit:cover}.agfile b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agfile small{display:block;font-size:8px;color:var(--ink-3);margin-top:2px}.agfile button{border:0;background:none;color:var(--ink-3);padding:0}
  .agformats{display:flex;align-items:center;gap:4px;padding:8px 11px 0;overflow-x:auto}.agformats>span{font-size:9px;color:var(--ink-3);margin-right:2px}.agfmt{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:6px;padding:3px 7px;font:9px var(--sans)}.agfmt.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
  .agartifact{margin-top:9px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);border-radius:0 8px 8px 0;padding:8px 9px;display:flex;gap:8px;align-items:center}.agartifact i{width:32px;height:34px;border-radius:5px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font:8px var(--mono);font-style:normal}.agartifact b{display:block;font-size:10.5px}.agartifact small{display:block;font-size:8.5px;color:var(--ink-3);margin-top:2px}.agartifact a,.agartifact button{margin-left:auto;border:1px solid var(--line);background:var(--surface-2);color:var(--accent);border-radius:6px;padding:4px 7px;font-size:9px;text-decoration:none}
  .v3-copilot-artifacts{margin-top:12px}.v3-copilot-artifacts .cbody{padding:0}.v3-copilot-artifacts .agartifact{margin:0;border-width:0 0 1px 3px;border-radius:0;padding:10px 12px}.v3-copilot-artifacts .agartifact:last-child{border-bottom:0}
  .agquick{display:flex;gap:5px;padding:9px 11px 0;flex-wrap:wrap}
  .agq{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:20px;padding:4px 10px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
  .agq:hover{border-color:var(--accent);color:var(--accent)}
  .aginp{display:flex;gap:7px;padding:9px 11px}
  .aginp input{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);color:var(--ink);font-size:12.5px;font-family:var(--sans)}
  .aginp button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:0 14px;font:inherit;font-size:12.5px;cursor:pointer}
  .aginp .agattach{display:none;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2);padding:0 10px}
  .aginp .agattach.on{display:inline-flex;align-items:center}
  [data-theme="dark"] .aginp button,:root:not([data-theme="light"]) .aginp button{color:#191813}
  .agmeter{display:flex;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10px;color:var(--ink-3);flex-wrap:wrap}
  .agmeter .agg{width:6px;height:6px;border-radius:50%;background:var(--up);flex:none}

  /* 注入到原有 KPI / 卡片上的追问锚点 */
  .kpi{position:relative}
  .askbtn{position:absolute;top:8px;right:8px;width:23px;height:23px;border-radius:7px;border:1px solid transparent;background:none;color:var(--ink-3);cursor:pointer;display:grid;place-items:center;font-size:12px;opacity:.45;line-height:1;padding:0;z-index:2}
  .kpi:hover .askbtn,.askbtn:focus-visible{opacity:1;border-color:var(--line-2);background:var(--surface)}
  .askbtn.on{opacity:1;background:var(--accent);border-color:var(--accent);color:#fff}
  [data-theme="dark"] .askbtn.on,:root:not([data-theme="light"]) .askbtn.on{color:#191813}
  .askinline{border:0;background:none;padding:0 0 0 5px;color:var(--ink-3);cursor:pointer;font-size:11px;line-height:1;opacity:.5}
  .card-h:hover .askinline,.askinline:focus-visible{opacity:1;color:var(--accent)}
  .kpi.agunlocked{border-color:var(--up)}

  .agfab{position:fixed;right:18px;bottom:18px;z-index:44;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;padding:10px 16px;font:inherit;font-size:12.5px;cursor:pointer;display:none;box-shadow:0 4px 16px rgba(0,0,0,.2)}
  [data-theme="dark"] .agfab,:root:not([data-theme="light"]) .agfab{color:#191813}

  /* ══════ 终端适配：四档 ══════ */

  /* ① 宽屏桌面 ≥1461px —— 三列常驻，侧栏 402px（默认规则见上） */

  /* ② 笔记本 1181–1460px —— 三列，各列收窄 */
  @media(min-width:1181px) and (max-width:1460px){
    .app{grid-template-columns:228px minmax(0,1fr) var(--ag-w)}
    body.agoff .app{grid-template-columns:228px minmax(0,1fr)}
    .agskills{padding:8px 11px}
    .agsk{font-size:10.5px;padding:3px 8px}
  }

  /* ①② 共用：桌面态下侧栏在文档流内，收起即消失，FAB 唤回 */
  @media(min-width:1181px){
    body.agoff .agpanel{display:none}
    body.agoff .agfab{display:block}
  }

  /* ③ 平板 / 窄笔记本 ≤1180px —— 侧栏改为右侧浮层抽屉，不再挤占正文 */
  @media(max-width:1180px){
    .app,body.agoff .app{grid-template-columns:272px minmax(0,1fr)}
    .agpanel{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(420px,88vw);height:100vh;z-index:46;
      transform:translateX(101%);transition:transform .24s ease;box-shadow:-2px 0 30px rgba(0,0,0,.26)}
    body.agon .agpanel{transform:none}
    .agscrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:45;opacity:0;pointer-events:none;transition:opacity .24s ease}
    body.agon .agscrim{opacity:1;pointer-events:auto}
    .agfab{display:block}
    body.agon .agfab{display:none}
  }
  @media(max-width:1080px){
    .app,body.agoff .app{grid-template-columns:1fr}
  }

  /* ④ 手机 / 企业微信内置浏览器 ≤768px —— 底部半屏 sheet */
  @media(max-width:768px){
    .agpanel{top:auto;left:0;right:0;bottom:0;width:auto;height:min(86vh,720px);
      border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;
      transform:translateY(101%);box-shadow:0 -3px 30px rgba(0,0,0,.32)}
    body.agon .agpanel{transform:none}
    .aghandle{display:block}
    .agh{padding-top:6px}
    .agfab{left:50%;right:auto;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:11px 20px;font-size:13px;border-radius:22px}
    .agfoot{padding-bottom:env(safe-area-inset-bottom,0px)}
    .aginp input{font-size:16px}              /* 防 iOS 聚焦自动缩放 */
    .agsk,.agq{padding:7px 12px;font-size:11.5px}
    .agbtn{padding:8px 12px;font-size:12px}
    .agtab{padding:9px 3px}
    .agx{width:32px;height:32px}
    .askbtn{opacity:1;width:26px;height:26px}  /* 触屏没有 hover，锚点常显 */
    .askinline{opacity:.8}
  }

  /* ④b 窄屏顶栏：面包屑单行省略、角色只留头像，避免原 UI 在 390px 下折成三行 */
  @media(max-width:768px){
    .top{gap:9px}
    .crumb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    /* 原 .proto 是 flex，窄屏下裸文本节点会各自成列——改回块级 */
    .proto{display:block;line-height:1.65}
    .proto>span:first-child,.proto>i{float:left;margin-right:6px}
    .kpi{overflow:hidden}   /* sparkline 贴边不溢出圆角 */
    .seg{margin-left:0;flex:none}
    .seg button{padding:5px 11px}
    .role .me{display:none}
    .role .caret{display:none}
    /* Skill 条改为单行横滑，把高度让给对话 */
    .agsklist{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
    .agsk{flex:none}
    .agscope{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  }

  /* ⑤ 小屏手机 ≤560px —— 指标单列，正文收紧，宽表可横滚 */
  @media(max-width:560px){
    .kpis{grid-template-columns:1fr}
    .canvas{padding:16px 13px 40px}
    .card .cbody{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .agpanel{height:min(88vh,760px)}
    .h-row h2{font-size:16px}
    .proto{padding:8px 13px;font-size:11px}
  }

  /* ⑥ 横屏手机 —— sheet 占满，避免只剩一条缝 */
  @media(max-width:768px) and (max-height:500px){
    .agpanel{height:96vh}
    .agskills{display:none}
  }

  body.aglock{overflow:hidden}

  /* ══ 增量：员工数据采集表单/审核 ══ */
  .empform{display:flex;flex-direction:column;gap:12px}
  .empform[hidden]{display:none}
  .effrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .eff{display:flex;flex-direction:column;gap:5px}
  .eff label{font-size:12px;color:var(--ink-2);font-weight:500}
  .eff input,.eff select,.eff textarea{font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface-2);color:var(--ink)}
  .eff textarea{resize:vertical;min-height:56px}
  .empst{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600;white-space:nowrap;letter-spacing:.2px}
  .actmeta{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
  .emplist-label{padding:9px 12px 3px;font-size:11px;color:var(--ink-3);font-weight:500}
  .donutrow{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .emplegend{display:flex;flex-wrap:wrap;gap:12px;font-size:11.5px;color:var(--ink-2)}
  .emplegend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
  @media(max-width:640px){
    .effrow{grid-template-columns:1fr}
    .eff input,.eff select,.eff textarea{font-size:16px}
  }
</style>

<h2 class="sr-only">景泉AI工作台：连接经营分析、人事、采购与企业 Agent 能力。</h2>

<link rel="stylesheet" href="/mobile-adapter.css" data-jq-mobile-adapter="v1">
<link rel="stylesheet" href="/v32-design.css" data-jq-v32-design="A"><script src="/v32-login.js" defer></script>
<link rel="stylesheet" href="/cross-surface-v32.css" data-jq-cross-surface="v1"><script src="/cross-surface-v32.js" defer></script>
<div class="app">
  <aside class="side">
    <div class="brand"><div class="jq-brand-lockup"><span class="jq-brand-symbol"><img src="/brand/jingquan-logo-black.png" alt="" aria-hidden="true"></span><div><h1>景泉AI工作台</h1><div class="sub">灯饰工程 · 爆款工艺品</div></div></div></div>
    <nav class="tree" id="tree" aria-label="组织与店铺"></nav>
    <div class="side-f"><button class="v3-side-logout" id="v3sideLogout" type="button">退出登录</button></div>
  </aside>
  <div class="scrim" id="scrim"></div>
  <div class="main">
    <div class="top">
      <button class="menu-btn" id="menuBtn" type="button" aria-label="打开导航菜单">☰</button>
      <div class="crumb" id="crumb"></div>
      <div class="seg" id="seg" role="group" aria-label="时间口径">
        <button data-p="d" class="on">日</button><button data-p="w">周</button><button data-p="mo">月</button>
      </div>
      <div class="role"><span class="ava">罗</span><span class="me"><b>罗总</b></span><span class="caret">▾</span></div>
    </div>
    <p class="proto"><i>●</i> 界面原型 · 示意数据。指标对齐设计基线 V1.0 与现有库结构；毛利/有效询盘/SKU母体/店雷达等未接入项标注「待接入」，不以广告归因冒充毛利。</p>
    <div class="canvas" id="canvas"><div class="loading"><div class="sp"></div>正在载入经营数据…</div></div>
  </div>

  <!-- ══ 增量：常驻 Agent 侧栏 ══ -->
  <aside class="agpanel" id="agpanel" aria-label="景泉 Agent">
    <div class="agresize" id="agresize" role="separator" aria-orientation="vertical" aria-label="拖拽调整 Agent 侧栏宽度" tabindex="0"></div>
    <div class="aghandle" aria-hidden="true"></div>
    <div class="agh">
      <div class="agt">
        <b>景泉 Agent</b>
        <span class="pill wait" id="agmode" style="background:var(--accent-soft);color:var(--accent)">解释 · 只读</span>
        <select id="agModelSel" aria-label="切换 Agent 使用的模型" title="切换本次会话使用的模型接口" style="margin-left:auto;font-size:10.5px;padding:2px 6px;border-radius:20px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-family:var(--sans)">
          <option value="openai">OpenAI Agent</option>
          <option value="deepseek">DeepSeek</option>
          <option value="newton">云牛顿 (1688)</option>
        </select>
        <button class="agx" id="agclose" type="button" aria-label="收起侧栏">✕</button>
      </div>
      <div class="agwho">
        <div class="aggreet" id="aggreet"></div>
        <div class="agscope" id="agscope"></div>
      </div>
    </div>

    <div class="agtabs">
      <button class="agtab on" type="button" data-agtab="explain">解释<em>C 只读</em></button>
      <button class="agtab" type="button" data-agtab="kb">知识<em>K 知识库</em></button>
      <button class="agtab" type="button" data-agtab="backfill">补录<em>D 补数</em></button>
    </div>

    <div class="agskills">
      <div class="agsh"><span>本岗位可调用 Skill</span><span class="pill" id="agskn" style="background:var(--accent-soft);color:var(--accent)">—</span></div>
      <div class="agsklist" id="agsklist"></div>
    </div>

    <div class="agctx" id="agctx"><span class="agl">上下文</span></div>
    <div class="agstream" id="agstream"></div>

    <div class="agfoot">
      <div class="agquick" id="agquick"></div>
      <div class="agfilestray" id="agfilestray" aria-live="polite"></div>
      <div class="aginp">
        <button class="agattach on" id="agattach" type="button">＋ 文件</button>
        <input id="agfiles" type="file" accept=".docx,.md,.pdf,.xlsx,.csv,image/png,image/jpeg,image/webp" multiple hidden>
        <input id="aginp" type="text" placeholder="直接提问，例如：分析上周变化、回顾历史数据…" aria-label="向 Agent 提问">
        <button id="agsend" type="button">发送</button>
      </div>
      <div class="agmeter"><span class="agg"></span><span id="agmeter">模型用量以服务端审计记录为准</span></div>
    </div>
  </aside>
</div>

<div class="agscrim" id="agscrim"></div>
<button class="agfab" id="agfab" type="button"><svg viewBox="0 0 16 16" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true" style="vertical-align:-2px;margin-right:5px"><circle cx="6.8" cy="6.8" r="4.2"/><path d="M10 10 L13.6 13.6" stroke-linecap="round"/></svg>唤起 Agent</button>

<script>
(function(){
  /* ══ 待同步占位机制（2026-08-29 用户指定）══
     数据接入前**保留完整静态结构**，只把需要真实数值的位置标为「待同步」。
     不显示 0、不显示编造数字、不整块留白——结构可评审，数值可追踪。
     DATA_READY 仅在后端返回真实数据时置 true。 */
  let DATA_READY=false;
  const PEND='<span class="pend" title="等待后端接入真实数据">待同步</span>';
  const ready=v=>DATA_READY&&v!=null&&Number.isFinite(v);
  const fmtY=n=>ready(n)?(n>=10000?(n/10000).toFixed(n>=100000?0:1):Math.round(n).toLocaleString()):PEND;
  const num=n=>ready(n)?Math.round(n).toLocaleString():PEND;
  const fx=(v,d)=>ready(v)?v.toFixed(d==null?1:d):'待同步';   // 百分比/比率统一走这里，避免渲染出 NaN
  const pctOf=(a,b)=>(ready(a)&&ready(b)&&b)?a/b*100:null;
  const seed=s=>{let x=Math.sin(s)*10000;return x-Math.floor(x);};
  const series=(base,n,sd)=>Array.from({length:n},(_,i)=>base*(0.82+seed(sd+i*1.3)*0.36));
  const C={gold:'#a9781a',teal:'#12715c',accent:'#37497f',up:'#1c8f68',down:'#c0433a',wait:'#9a7212'};
  function spark(vals,color,w,h){
    const W0=w||120,H0=h||26;
    if(!DATA_READY||!vals||!vals.length||!vals.every(Number.isFinite)){
      // 骨架：一条虚线基线 + 待同步角标，结构在位但不画任何假曲线
      return `<svg class="spark skel" viewBox="0 0 ${W0} ${H0}" preserveAspectRatio="none" aria-hidden="true">`+
        `<line x1="0" y1="${(H0/2).toFixed(1)}" x2="${W0}" y2="${(H0/2).toFixed(1)}" stroke="var(--line-2)" stroke-width="1" stroke-dasharray="4 4"/></svg>`;
    }
    const mn=Math.min(...vals),mx=Math.max(...vals),rg=(mx-mn)||1,W=w||120,H=h||26,st=W/(vals.length-1);
    let d=vals.map((v,i)=>(i?'L':'M')+(i*st).toFixed(1)+' '+(H-2-((v-mn)/rg)*(H-4)).toFixed(1)).join(' ');
    const ly=(H-2-((vals[vals.length-1]-mn)/rg)*(H-4)).toFixed(1);
    return `<svg class="spark" viewBox="0 0 ${W} ${H}" preserveAspectRatio="none" aria-hidden="true"><path d="${d} L ${W} ${H} L 0 ${H} Z" fill="${color}" opacity=".12"/><path d="${d}" fill="none" stroke="${color}" stroke-width="1.6" stroke-linejoin="round"/><circle cx="${W}" cy="${ly}" r="2.4" fill="${color}"/></svg>`;
  }
  function rankBars(rows){
    if(!rows||!rows.length){
      return `<div class="rank">`+Array.from({length:5},(_,i)=>
        `<div class="rk skel"><div class="nm">商品 ${i+1}<div class="s2">Listing/SKU 待接入</div></div><div class="track"><div class="fill" style="width:0"></div></div><div class="val">${PEND}</div></div>`).join('')+`</div>`;
    }
    return `<div class="rank">`+rows.map(r=>`<div class="rk" ${r.prod?`data-prod="${r.prod}"`:''}><div class="nm">${r.nm}${r.s2?`<div class="s2">${r.s2}</div>`:''}</div><div class="track"><div class="fill" style="width:${Number.isFinite(r.frac)?Math.max(4,r.frac*100).toFixed(0):0}%;background:${r.color}"></div></div><div class="val">${r.val}</div></div>`).join('')+`</div>`;}
  function bigChart(vals,color,labels){return `<div>${spark(vals,color,640,110)}</div><div style="display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--ink-3)">${labels.map(l=>`<span>${l}</span>`).join('')}</div>`;}

  let UNITS=[
    {code:'JQ',name:'灯饰工程',gm:'罗总',col:C.gold},
    {code:'JF',name:'爆款工艺品',gm:'薛总',col:C.teal},
  ];
  const SHARED=['人事部','产品研发人员','盲盒设计工作台','打样工作台','财务工作台','采购工作台','生产工作台','仓储工作台'];
  /* ══ 组织基线：由「已入驻店铺清单」驱动（2026-08-29 用户指定）══
     经营总览与左侧面板都跟着 SEED_SHOPS 走：入驻一家显示一家，入驻多家显示多家。
     新店入驻只需在 SEED_SHOPS 加一行，组织树、事业部对比、KPI 作用域自动跟随。
     运营人员当前为**虚拟运营**（无真实人员映射），按用户确认使用全局连续代号
     运营A、运营B……不分事业部重置，暂定一人一店；`wx` 一律留空并标 test_pending_mapping，
     不得显示为企业微信真实身份。数据结构按一人多店设计，未来接真实人员只改映射。
     所有经营字段一律 null —— 真实数值只能来自后端，前端不预置任何业务数字。 */
  /* ⚠ SEED_SHOPS 是**最小可评审骨架**，不是真实入驻清单。
     2026-08-29 Codex 查库：活动店铺 737 家，映射事业部者 0 家。真实范围须由后端
     组织授权关系提供（接 API 后 boot() 会用 m.shops 整体覆盖本数组）。
     前端不得硬编码店铺数量，可用性判定也不得以固定数字为门槛。
     name 留空 = 真实店铺名未提供，界面显示「<事业部> · N号店 + 店铺名称待同步」。 */
  /* 2026-09-02 用户指定：灯饰工程保留静态 demo —— 运营A（单店+3个静态商品样例）与运营B（一人多店 demo，
     原运营C 改名 B）；爆款工艺品由后端真实数据（侯迦蓝）覆盖。运营人员按建号顺序取全局连续代号，
     故把灯饰工程两个运营排在前（→A、B），爆款种子排最后（离线占位，在线被后端替换）。
     所有经营数值一律 null（待同步）——静态样例只提供结构与标题，禁止填静态经营数字（PRD §582）。 */
  const SEED_SHOPS=[
    // 灯饰工程 · 运营A —— 单店（3 个静态商品样例见 PNAME.jq1）
    {unit:'JQ',no:1,name:'',platform:'1688'},
    // 灯饰工程 · 运营B —— 一人多店 demo（保留；首行新建运营B，后续行挂 op:'op2'）
    {unit:'JQ',no:2,name:'',platform:'1688'},
    {unit:'JQ',no:3,name:'',platform:'1688',op:'op2'},
    {unit:'JQ',no:4,name:'',platform:'temu',op:'op2'},
    // 爆款工艺品 —— 在线由后端 侯迦蓝 覆盖；离线为占位运营
    {unit:'JF',no:1,name:'',platform:'1688'},
  ];
  /* ══ 店铺平台标识（2026-08-29 用户指定）══
     每家店铺归属一个电商平台，树上用平台字标区分，而不是统一的通用图标。
     这里用**文字字标 + 平台色**而非真实 logo 图片：单文件基线不引外部资源、无需处理
     第三方商标授权，且离线可用。将来若要换成真实 logo，只改 PLATFORM 表里的 render 即可。
     平台字段来自数据库同步（shop.platform），后端未给时默认 1688。 */
  const PLATFORM={
    '1688'  :{label:'1688',  fg:'#ff6a00',bg:'rgba(255,106,0,.10)'},
    'temu'  :{label:'Temu',  fg:'#fb7701',bg:'rgba(251,119,1,.10)'},
    'taobao':{label:'淘宝',  fg:'#ff4400',bg:'rgba(255,68,0,.10)'},
    'tmall' :{label:'天猫',  fg:'#c41230',bg:'rgba(196,18,48,.10)'},
    'douyin':{label:'抖音',  fg:'#161823',bg:'rgba(22,24,35,.08)'},
    'pdd'   :{label:'拼多多',fg:'#e02e24',bg:'rgba(224,46,36,.10)'},
    'amazon':{label:'Amazon',fg:'#ff9900',bg:'rgba(255,153,0,.12)'},
    'alibaba':{label:'国际站',fg:'#ff6a00',bg:'rgba(255,106,0,.10)'},
  };
  const platformOf=s=>PLATFORM[String(s&&s.platform||'1688').toLowerCase()]||{label:String(s.platform||'—'),fg:'var(--ink-3)',bg:'transparent'};
  const platformChip=s=>{const pf=platformOf(s);return `<span class="pf" style="color:${pf.fg};background:${pf.bg}">${pf.label}</span>`;};

  const OP_LETTERS='ABCDEFGHIJKLMNOPQRSTUVWXYZ';
  let SHOP=[],OPS=[];
  (function buildOrg(){
    /* 一人多店：种子行可用 op 字段挂到已存在的运营（如 {unit:'JQ',no:2,op:'op1'}）；
       不写 op 就新建一个运营，按全局连续代号顺延。运营代号只按「新建顺序」递增，
       不因挂靠行而跳号。 */
    const byOp=new Map();
    SEED_SHOPS.forEach(s=>{
      const unitName=({JQ:'灯饰工程',JF:'爆款工艺品'})[s.unit]||s.unit;
      const code=`${s.unit}-${String(s.no).padStart(2,'0')}`;
      const sid=`${s.unit.toLowerCase()}${s.no}`;
      let oid=s.op;
      if(!oid||!byOp.has(oid)){
        oid=s.op||`op${byOp.size+1}`;
        if(!byOp.has(oid)){
          byOp.set(oid,true);
           OPS.push({id:oid,name:`运营${OP_LETTERS[OPS.length]}`,wx:'',unit:s.unit,
                    virtual:true,mapping_status:'test_pending_mapping'});
        }
      }
      SHOP.push({id:sid,name:s.name||`${unitName} · ${s.no}号店`,code:code,platform:s.platform||'1688',
                 name_pending:!s.name,unit:s.unit,op:oid,pending_mapping:true,
                 gmv:null,vis:null,iconv:null,pconv:null,ad:null,att:null,chg:null});
    });
  })();
  const PNAME={
    'jq1':[
      '北欧轻奢全铜客厅吊灯 现代简约餐厅卧室灯具 工程定制款',
      '新中式实木羊皮灯 中国风茶室民宿吊灯 酒店工程灯具',
      'LED 户外防水庭院壁灯 别墅花园景观亮化工程照明灯'
    ],
    'jf1':[
      '跨境新品万圣节门挂花环蝙蝠小屋派对装饰道具布置挂件暗黑蜘蛛花',
      '跨境新品万圣节装饰 南瓜木质挂饰节日氛围个性装扮 派对道具批发',
      '跨境新品2025年保时捷福特野马圣诞倒数盲盒圣诞树装饰亚克力挂件'
    ]
  };
  const STAGES={'主推款':C.up,'成长款':C.teal,'潜力款':C.accent,'测款':C.gold,'衰退款':C.down,'冷启动':C.wait};
  /* 竞品价格与销量属 AGENTS.md 第四节红线明列的禁止编造项，前端不预置。 */
  let COMP={};

  /* ══ 增量：员工数据采集（技术原型，见《下一阶段程序更新范围-员工数据采集-v1.md》） ══
     前端本地状态，尚未接后端授权校验/分表存储；仅演示交互，正式落库由 Codex 实现。
     2026-08-26 二次修改（用户反馈）：取消独立左侧栏页面，改为挂在运营人员自己的页面
     （运营详情页"当日运营日报"卡片）里，一个小"+提交"按钮即可；竞品观察合并进同一张卡片。
     审核直接复用既有事业部总经理字段（UNITS.gm：景泉→罗总，骏峰→薛总），不再做单独身份切换判断。 */
  const nowStr=()=>{const d=new Date();const p=n=>String(n).padStart(2,'0');return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;};
  const STATUSNAME={submitted:'待审核',approved:'已通过',rejected:'已退回'};
  const STATUSCOLOR={submitted:'var(--wait)',approved:'var(--up)',rejected:'var(--down)'};
  const empBadge=s=>`<span class="empst" style="background:${STATUSCOLOR[s]}22;color:${STATUSCOLOR[s]}">${STATUSNAME[s]}</span>`;
  let empSeq=1006;
  /* 竞品观察与运营动作：原预置数据含带精确时间戳的伪造审批链（提交人/审核人/通过时间）
     与编造调价，属 AGENTS.md 第四节红线，已清空。真实记录由后端 employee_submission 提供。 */
  let COMPOBS=[];
  let OPACTIONS=[];
  function empDonut(segments,size){
    size=size||116;const r=size/2-10,cx=size/2,cy=size/2,circ=2*Math.PI*r;
    const total=segments.reduce((a,s)=>a+s.val,0)||1;let off=0;
    const arcs=segments.map(s=>{const frac=s.val/total,len=frac*circ,rot=(off/total)*360;off+=s.val;
      return `<circle cx="${cx}" cy="${cy}" r="${r}" fill="none" stroke="${s.color}" stroke-width="13" stroke-dasharray="${len.toFixed(1)} ${(circ-len).toFixed(1)}" transform="rotate(${(rot-90).toFixed(1)} ${cx} ${cy})"/>`;}).join('');
    return `<svg viewBox="0 0 ${size} ${size}" width="${size}" height="${size}" aria-hidden="true">${arcs}<text x="${cx}" y="${cy-1}" text-anchor="middle" font-size="17" font-weight="600" fill="var(--ink)">${total}</text><text x="${cx}" y="${cy+13}" text-anchor="middle" font-size="9" fill="var(--ink-3)">合计</text></svg>`;
  }
  const empLegend=segments=>`<div class="emplegend">${segments.map(s=>`<span class="lg"><i style="background:${s.color}"></i>${s.label} ${s.val}</span>`).join('')}</div>`;
  const empToggleBtn=(id,label)=>`<button type="button" class="btn" data-emp-toggle="${id}" data-emp-open-label="${label}">${label}</button>`;
  /* 动作类型口径对齐运营 SOP 里实际会用到的动作杠杆，覆盖当前全部演示记录用到的类型，避免选项与已提交记录对不上。 */
  const ACTIONTYPES=['价格调整','关键词优化','详情页更新','主图/视觉更新','投放广告','库存与交期处理','客服话术调整','竞品应对','其他'];
  function actRow(a){return `<div class="act" style="border-left:3px solid ${STATUSCOLOR[a.status]}"><span class="tp">${a.actionType}</span><div class="c">${a.desc}${a.expect?' <span class="muted-note">· 预期：'+a.expect+'</span>':''}</div><div class="actmeta">${empBadge(a.status)}<span class="muted-note">${a.submittedAt||a.createdAt}</span></div></div>`;}
  function compRow(c){const trend=c.priceTrend==='down'?'<span class="down">▼</span>':c.priceTrend==='up'?'<span class="up">▲</span>':'--';
    return `<div class="act" style="border-left:3px solid ${STATUSCOLOR[c.status]}"><span class="tp">竞品</span><div class="c"><b>${c.compName}</b> ¥${c.price} ${trend}${c.salesNote?' · '+c.salesNote:''}${c.judge?'<div class="muted-note">判断（主观）：'+c.judge+'</div>':''}</div><div class="actmeta">${empBadge(c.status)}<span class="muted-note">${c.submittedAt||c.createdAt}</span></div></div>`;}
  function empActionForm(o,shops){
    return `<form class="empform empinline" id="act-form-${o.id}" data-emp-form="action" data-emp-op="${o.id}" hidden style="padding:12px;border-bottom:1px solid var(--line);background:var(--surface-2)">
      <div class="effrow">
        <div class="eff"><label>店铺</label><select name="shop">${shops.map(s=>`<option value="${s.id}">${s.name}</option>`).join('')}</select></div>
        <div class="eff"><label>动作类型</label><select name="actionType">${ACTIONTYPES.map(t=>`<option>${t}</option>`).join('')}</select></div>
      </div>
      <div class="eff"><label>动作说明</label><textarea name="desc" rows="2" placeholder="做了什么 / 计划做什么" required></textarea></div>
      <div class="eff"><label>预期效果（可选）</label><input type="text" name="expect" placeholder="如：询盘量周环比 +10%"></div>
      <div><button type="submit" class="btn primary">提交</button></div>
    </form>`;
  }
  function empCompForm(o,shops){
    return `<form class="empform empinline" id="comp-form-${o.id}" data-emp-form="competitor" data-emp-op="${o.id}" hidden style="padding:12px;border-bottom:1px solid var(--line);background:var(--surface-2)">
      <div class="effrow">
        <div class="eff"><label>店铺</label><select name="shop">${shops.map(s=>`<option value="${s.id}">${s.name}</option>`).join('')}</select></div>
        <div class="eff"><label>竞品名称</label><input type="text" name="compName" placeholder="如：某某店铺 · 同款吊灯" required></div>
      </div>
      <div class="effrow">
        <div class="eff"><label>竞品价格（元）</label><input type="number" name="price" min="0" step="0.01" required></div>
        <div class="eff"><label>价格趋势</label><select name="priceTrend"><option value="down">下降</option><option value="flat">持平</option><option value="up">上升</option></select></div>
      </div>
      <div class="eff"><label>客观信息 / 销量趋势（必填，需可核实）</label><textarea name="salesNote" rows="2" required></textarea></div>
      <div class="eff"><label>证据（截图存放位置说明）</label><input type="text" name="evidence"></div>
      <div class="eff"><label>主观判断（可选）</label><textarea name="judge" rows="2"></textarea></div>
      <div class="muted-note">⚠ 没有证据的判断不得进入已确认事实；客观信息与主观判断分别存储，只有审核通过才进入正式指标。</div>
      <div><button type="submit" class="btn primary">提交</button></div>
    </form>`;
  }
  function empDailyCard(o,shops){
    const acts=OPACTIONS.filter(r=>r.createdBy===o.id).sort((a,b)=>b.createdAt.localeCompare(a.createdAt));
    const comps=COMPOBS.filter(r=>r.createdBy===o.id).sort((a,b)=>b.createdAt.localeCompare(a.createdAt));
    let h=`<div class="card"><div class="card-h"><h3>当日运营日报 · 操作动作</h3><span class="hint">${empToggleBtn('act-form-'+o.id,'+ 新增动作记录')}</span></div><div>`;
    h+=empActionForm(o,shops);
    h+=acts.length?`<div class="emplist-label">提交记录 · ${acts.length}</div>`+acts.map(actRow).join(''):'<div class="act"><div class="c muted-note">暂无动作记录，点右上角"+ 新增动作记录"提交。</div></div>';
    h+=`<div style="display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2)"><b style="font-size:12.5px">竞品观察</b><span style="margin-left:auto">${empToggleBtn('comp-form-'+o.id,'+ 新增竞品记录')}</span></div>`;
    h+=empCompForm(o,shops);
    h+=comps.length?`<div class="emplist-label">提交记录 · ${comps.length}</div>`+comps.map(compRow).join(''):'<div class="act"><div class="c muted-note">暂无竞品观察，点右上角"+ 新增竞品记录"提交。</div></div>';
    h+=`</div></div>`;
    return h;
  }
  function empReviewCard(unitCode){
    const scopeShops=unitCode?shopsUnit(unitCode):SHOP;
    const scopeIds=new Set(scopeShops.map(s=>s.id));
    const queue=[...COMPOBS,...OPACTIONS].filter(r=>r.status==='submitted'&&scopeIds.has(r.shop));
    const gmName=unitCode?unitOf(unitCode).gm:UNITS.map(u=>u.gm).join(' · ');
    let h=`<div class="card"><div class="card-h"><h3>员工数据待审核</h3><span class="hint">审核人 ${gmName}</span></div><div class="cbody">`;
    if(!queue.length)return h+'<div class="muted-note">当前没有待审核记录。</div></div></div>';
    const segs=[{label:'竞品观察',val:queue.filter(r=>r.kind==='competitor').length,color:'var(--accent)'},{label:'运营动作',val:queue.filter(r=>r.kind==='action').length,color:'var(--gold)'}].filter(s=>s.val>0);
    h+=`<div class="donutrow">${empDonut(segs)}${empLegend(segs)}</div>`;
    h+=`<div style="overflow-x:auto;margin-top:10px"><table><thead><tr><th>编号</th><th>类型</th><th>提交人</th><th>店铺</th><th>内容</th><th>提交时间</th><th>操作</th></tr></thead><tbody>`
    +queue.map(r=>`<tr><td>${r.id}</td><td>${r.kind==='competitor'?'竞品观察':'运营动作'}</td><td>${r.createdByName}</td><td>${shopById(r.shop).name}</td><td>${r.compName||r.desc||''}</td><td>${r.submittedAt}</td><td><button class="btn primary" data-emp-approve="${r.id}">通过</button> <button class="btn" data-emp-reject="${r.id}">退回</button></td></tr>`).join('')
    +'</tbody></table></div></div></div>';
    return h;
  }
  function empDecide(id,status){
    const rec=COMPOBS.find(r=>r.id===id)||OPACTIONS.find(r=>r.id===id);
    if(!rec)return;
    rec.status=status;rec.reviewer=unitOf(shopById(rec.shop).unit).gm;rec.reviewedAt=nowStr();
    render();
  }
  const P={d:{m:1,day:'今日',n:30,unit:'天',lab:'近30天'},w:{m:6.3,day:'本周',n:12,unit:'周',lab:'近12周'},mo:{m:27,day:'本月',n:12,unit:'月',lab:'近12月'}};
  const TOOLNAME={iam:'组织与权限',models:'模型接口 · OpenAI/DeepSeek',token:'Token 消耗',agents:'Agent 工作台',tasks:'我的任务',logs:'工作日志',digests:'日报总结',instructions:'指令中心',rpa:'数据采集 · RPA 调度',audit:'审计留痕',artifacts:'附件与生成物','local-assistants':'本机设计助手'};
  const PUBLIC_TOOLS=['agents','tasks','artifacts','logs','digests','instructions'];
  const ADMIN_TOOLS=['rpa','iam','models','local-assistants','token','audit'];
  const MODEL_INFO={openai:{code:'openai',label:'OpenAI Agent',full:'OpenAI Agent · 网关',rate:0.000012,col:'var(--accent)'},deepseek:{code:'deepseek',label:'DeepSeek',full:'DeepSeek · v3',rate:0.0000015,col:'var(--teal)'},newton:{code:'newton',label:'云牛顿',full:'1688 云牛顿 Agent',rate:null,col:'var(--gold)'}};
  window.MODEL_INFO=MODEL_INFO;

  function buildProducts(){const out=[];SHOP.forEach(s=>{const names=PNAME[s.id]||[s.name+'主推',s.name+'测款'];
    [['main',0.62,0],['sec',0.38,1]].forEach(([kind,share,idx])=>{const sd=s.id.charCodeAt(2)*3+idx*7;
      const gmv=s.gmv*share,vis=s.vis*share,spend=s.ad*share,att=s.att*share;
      const impr=vis*7.5,clicks=impr*(0.11+seed(sd)*0.06),inquiries=vis*(s.iconv/100),leads=inquiries*(0.4+seed(sd+2)*0.2),orders=vis*(s.pconv/100);
      const roi=att/spend, chg=+(s.chg+(seed(sd+5)-0.5)*8).toFixed(1);
      const stage=kind==='main'?(roi>=4.2?'主推款':'成长款'):(chg<0?'衰退款':(seed(sd+9)>0.5?'测款':'潜力款'));
      const risk=chg<-3?'高':(roi<3?'中':'低');
      out.push({id:s.id+'-'+kind,shop:s.id,unit:s.unit,name:names[idx],gmv,vis,spend,att,roi,impr,clicks,inquiries,leads,orders,chg,stage,risk,
        price:89+Math.round(seed(sd)*140),moq:[1,2,5,10][Math.floor(seed(sd+1)*4)],stock:80+Math.round(seed(sd+3)*900),lead:7+Math.round(seed(sd+4)*15),detail:70+Math.round(seed(sd+6)*28)});});});
    return out;}
  /* 静态商品样例：只给标题/结构，所有经营数值 null（待同步）。用于离线评审与
     灯饰工程 demo 合并。禁止填静态经营数字（PRD §582）。 */
  function buildDemoProducts(){
    const out=[];
    ['jq1','jf1'].forEach(sid=>{const s=SHOP.find(x=>x.id===sid);if(!s)return;
      (PNAME[sid]||[]).forEach((name,i)=>out.push({id:`${s.id}-demo-${i+1}`,shop:s.id,unit:s.unit,name,demo:true,
        gmv:null,vis:null,iconv:null,pconv:null,ad:null,att:null,chg:null,roi:null,impr:null,clicks:null,
        inquiries:null,leads:null,orders:null,stage:'待同步',risk:'待同步',price:null,moq:null,stock:null,lead:null,detail:null}));});
    return out;
  }
  let PROD=buildProducts();
  const unitOf=c=>UNITS.find(u=>u.code===c);
  /* 2026-09-02 用户指定：商品事业部缩写用「工艺品」而非「爆款」。 */
  const unitAbbr=u=>{const n=(u&&u.name)||'';return n==='爆款工艺品'?'工艺品':n.slice(0,2);};
  const opOf=id=>OPS.find(o=>o.id===id);
  const shopById=id=>SHOP.find(s=>s.id===id);
  const shopsOfOp=id=>SHOP.filter(s=>s.op===id);
  const opsUnit=c=>OPS.filter(o=>o.unit===c);
  const shopsUnit=c=>SHOP.filter(s=>s.unit===c);
  const buGmv=c=>shopsUnit(c).reduce((a,s)=>a+s.gmv,0);
  const roiOf=s=>s.att/s.ad;
  const prodsOfShop=id=>PROD.filter(p=>p.shop===id);
  /* 2026-09-02：统一商品排序（老板/运营/店铺三视图共用同一 productSort 状态与控件）。
     默认「负责优先」→ 营业额降序（PRD §565/§588）；可选 营业额/利润/销量/利润率/ROAS。
     负责状态与商业结果依赖后端（responsibility_status / 聚水潭），未接入时按现有可用值排序、数值显示待同步。 */
  const SORT_LABELS={resp:'负责优先',revenue:'营业额',profit:'利润',sales_qty:'销量',profit_rate:'利润率',roi:'ROAS'};
  function sortProducts(list){
    const numOr=(v)=>{const n=Number(v);return Number.isFinite(n)?n:-Infinity;};
    const byResult=(a,b)=>{const av=numOr(a.revenue)>-Infinity?numOr(a.revenue):numOr(a.gmv),bv=numOr(b.revenue)>-Infinity?numOr(b.revenue):numOr(b.gmv);return bv-av;};
    return list.slice().sort((a,b)=>{
      if(productSort==='resp'){const ra=a.responsibility_status==='responsible'?0:1,rb=b.responsibility_status==='responsible'?0:1;if(ra!==rb)return ra-rb;return byResult(a,b);}
      const av=numOr(a[productSort]),bv=numOr(b[productSort]);
      if(av===-Infinity&&bv===-Infinity)return byResult(a,b);
      return bv-av;
    });
  }
  function sortSelectHtml(){return `<label class="sc" style="margin-left:auto;display:flex;align-items:center;gap:6px">排序<select id="productSort" style="border:1px solid var(--line);border-radius:5px;padding:4px 8px;color:var(--ink);background:var(--surface)">${Object.entries(SORT_LABELS).map(([k,l])=>`<option value="${k}" ${productSort===k?'selected':''}>${l}${k==='resp'?'':'↓'}</option>`).join('')}</select></label>`;}
  const prodsScope=shops=>PROD.filter(p=>shops.some(s=>s.id===p.shop));
  const prodById=id=>PROD.find(p=>p.id===id);
  const hasOrgData=()=>Array.isArray(SHOP)&&SHOP.length>0&&Array.isArray(OPS)&&OPS.length>0;

  /* 路由：Codex 程序版曾按编造员工姓名拼音硬编码 slug（li-xiao / zhao-lei / zhou-heng），
     且 jq-lighting 与 jq-lighting-factory 双双指向 jq1（不同店铺打开同一页，属缺陷）。
     基线改为由 OPS/SHOP 动态派生代号 slug，无需维护映射表，也不落任何真实姓名。 */
  const ROUTE_PATH=location.pathname.replace(/\/+$/,'')||'/';
  const opSlug=o=>'op-'+o.id.replace(/^op/,'');
  const shopSlug=s=>String(s.code||s.id).toLowerCase();
  function viewFromRoute(){
    const P_=(location.pathname||'/').replace(/\/+$/,'')||'/';   /* 每次读实时路径：popstate/前进后退才能正确解析 */
    const m=P_.match(/^\/operator\/([^/]+)$/);
    if(m){const o=OPS.find(x=>opSlug(x)===m[1]);if(o)return {type:'op',opid:o.id};}
    const s=P_.match(/^\/shop\/([^/]+)$/);
    if(s){const sh=SHOP.find(x=>shopSlug(x)===s[1]);if(sh)return {type:'shop',shop:sh.id};}
    return {type:'overview',unit:null};
  }
  /* 2026-09-02：把当前 view 反解析成 URL 路径，用于 pushState，使 /shop/:slug、/operator/:slug 可深链与复制。*/
  function routeFromView(){try{if(view.type==='shop'){const s=shopById(view.shop);return s?'/shop/'+shopSlug(s):'/';}if(view.type==='op'||view.type==='product'){const o=opOf(view.opid);return o?'/operator/'+opSlug(o):'/';}}catch(e){}return '/';}
  let period='d', productSort='resp', prodLimit=50, view=viewFromRoute();

  const plannedUnitNavigation=[{code:'JQ',name:'花灯工程'},{code:'JF',name:'爆款工艺品'}];
  function renderTree(){
    const t=document.getElementById('tree');let h='';
    h+=`<div class="grp-l" style="padding:6px 10px 3px">经营分析</div>`;
    h+=[['ov','经营总览','▦'],['products','商品分析','▤'],['anoms','异常诊断中心','⚠'],['decisions','决策执行中心','✓']].map(function(x){const on=(x[0]==='ov'&&view.type==='overview')||view.type===x[0];return `<div class="node ${on?'on':''}" data-nav="${x[0]}"><span class="ico" aria-hidden="true">${x[2]}</span><div class="op-s"><div>${x[1]}</div></div></div>`;}).join('');
    /* 人工数据导入：独立一级导航（2026-08-29 用户指定）。
       不再挂在「中台工具 · 数据采集」下——采集是自动化运维，导入是业务日常操作，
       使用者、频率和权限都不同。权限下放到运营人员：运营可导入自己授权店铺的数据。 */
    /* 2026-09-02 用户指定：人工数据导入 与 数据采集·RPA调度 归入「中台工具」组（见下方），此处不再置顶。 */
    const managerUnitPreview=['owner','platform_admin'].includes(document.body.dataset.v3Role||'owner');
    if(managerUnitPreview){plannedUnitNavigation.forEach(u=>{
      h+=`<div class="grp-l" data-v3-unit-group="${u.code}">${u.name}</div>`;
      for(const label of ['运营工作台','业务工作台'])h+=`<div class="node v32-unavailable-workbench v32-planned-workbench" data-v3-unit-workbench="${u.code}" aria-disabled="true" tabindex="-1" title="当前阶段暂未开放"><span class="ico">◇</span><div class="op-s"><div>${label}</div></div></div>`;
    });}else{h+=`<div class="grp-l" style="padding:12px 10px 3px">组织 · 事业部（权限切片）</div>`;UNITS.forEach(u=>{
      h+=`<div class="unit"><div class="unit-h ${view.type==='overview'&&view.unit===u.code?'on':''}" data-act="unit" data-u="${u.code}"><span class="dot" style="background:${u.col}"></span>${u.name}<span class="n">${shopsUnit(u.code).length}店/${opsUnit(u.code).length}人</span></div>`;
      h+=`<div class="grp"><div class="grp-l">运营部 · 运营人员</div>`;
      opsUnit(u.code).forEach(o=>{const sh=shopsOfOp(o.id);const sub=`授权 ${sh.length} 家店铺${o.virtual?' · 待映射真实人员':''}`;
        h+=`<div class="node ${(view.type==='op'||view.type==='product')&&view.opid===o.id?'on':''}" data-act="op" data-id="${o.id}"><span class="ico" style="color:${u.col}">◔</span><div class="op-s"><div>${o.name}</div><div class="s">${sub}</div></div>${sh.length>1?`<span class="cnt">×${sh.length}</span>`:''}</div>`;
        sh.forEach(s=>{const ps=prodsOfShop(s.id);/* 交互取舍（2026-08-29）：运营只授权 1 家店时，点店铺 = 点运营，纯冗余 → 设为静态标注不可点；
             授权多家时才需要点击切到单店切片 → 保留 data-act="shop"。这样既去掉当前的无效交互，
             又不牺牲一人多店的能力。 */
          const clickable=true; /* 2026-09-02：点店铺进入独立店铺运营页（/shop/:slug），故恒可点击 */
          h+=`<div class="node shop-node${clickable?'':' static'}" ${clickable?`data-act="shop" data-id="${s.id}"`:''}>${platformChip(s)}<div class="op-s"><div class="shop-nm">${s.name}</div><div class="s">${s.name_pending?'店铺名称待同步 · ':''}${ps.length?ps.length+' Listing/Product':'Listing/SKU 待接入'}</div></div><span class="cnt code">${s.code}</span></div>`;});});
      h+=`</div></div>`;});}
    /* 兜底（2026-08-29）：接入真实数据时，若后端给了 shops 却没给 ops，或店铺的 op 找不到对应运营，
       原逻辑会让这些店铺**从树上彻底消失**——用户上传了真店铺却看不到，且没有任何提示。
       这里单列一组「未分配运营」，把它们显式暴露出来，不静默丢弃。 */
    const assigned=new Set(OPS.map(o=>o.id));
    const orphan=SHOP.filter(s=>!s.op||!assigned.has(s.op));
    if(!managerUnitPreview&&orphan.length){
      h+=`<div class="grp-l" style="padding:14px 10px 3px">未分配运营 <span class="pill wait">${orphan.length}</span></div>`;
      orphan.forEach(s=>{const u=unitOf(s.unit)||{col:'var(--ink-3)'};const ps=prodsOfShop(s.id);
        h+=`<div class="node shop-node" data-act="shop" data-id="${s.id}">${platformChip(s)}<div class="op-s"><div class="shop-nm">${s.name||s.code||s.id}</div><div class="s">未绑定运营人员 · ${ps.length?ps.length+' Listing/Product':'Listing/SKU 待接入'}</div></div><span class="cnt code">${s.code||''}</span></div>`;});
      h+=`<div class="muted-note" style="padding:2px 10px 6px;font-size:10px">这些店铺已接入但缺少运营授权关系，暂不计入任何运营的作用域。请在后端补 shop↔运营 映射。</div>`;
    }
    h+=`<div class="grp-l" style="padding:14px 10px 3px">职能部门</div>`;
    SHARED.forEach(d=>{h+=`<div class="node"><span class="ico">◇</span><div class="op-s"><div>${d}</div></div></div>`;});
    h+=`<div class="grp-l" data-v3-section="public" style="padding:14px 10px 3px">公共工作区</div>`;
    PUBLIC_TOOLS.forEach(k=>{h+=`<div class="node ${view.type==='tool'&&view.tool===k?'on':''}" data-tool="${k}" data-v3-scope="public"><span class="ico">◧</span><div class="op-s"><div>${TOOLNAME[k]}</div></div></div>`;});
    h+=`<div class="grp-l" data-v3-section="admin" style="padding:14px 10px 3px">系统管理</div>`;
    ADMIN_TOOLS.forEach(k=>{h+=`<div class="node ${view.type==='tool'&&view.tool===k?'on':''}" data-tool="${k}" data-v3-scope="admin"><span class="ico">${k==='rpa'?'⟳':'◧'}</span><div class="op-s"><div>${TOOLNAME[k]}</div>${k==='rpa'?'<div class="s">自动采集调度与运维监控 · 管理员</div>':''}</div></div>`;});
    t.innerHTML=h;
    t.querySelectorAll('[data-act],[data-nav],[data-tool]').forEach(el=>el.addEventListener('click',()=>{
      if(el.dataset.nav){const k=el.dataset.nav;view=k==='ov'?{type:'overview',unit:null}:{type:k};}
      else if(el.dataset.tool){view={type:'tool',tool:el.dataset.tool};}
      else{const a=el.dataset.act;if(a==='all')view={type:'overview',unit:null};else if(a==='unit')view={type:'overview',unit:el.dataset.u};else if(a==='op')view={type:'op',opid:el.dataset.id};else if(a==='shop'){const s=shopById(el.dataset.id);if(s)view={type:'shop',shop:s.id};}}
      render();}));
  }
  function productsView(){if(!hasOrgData())return emptyState('商品分析','未连接后端 API，Listing/Product/SKU 映射与商品指标均未接入。');
    const m=P[period].m;document.getElementById('crumb').innerHTML=`商业因果链 · <b>商品分析</b>`;
    const sorted=sortProducts(PROD);
    const factCount=PROD.filter(p=>p.has_fact).length,naturalCount=PROD.filter(p=>p.natural_status==='已采集').length,adCount=PROD.filter(p=>p.ad_status==='已采集').length;
    let h=`<div class="h-row"><h2>商品分析</h2><span class="sc">${P[period].day}口径 · ${PROD.length} 个商品资料 · 运营数据 ${factCount} · 自然经营 ${naturalCount} · 广告 ${adCount} · 点进看漏斗与 Decision Card</span>${sortSelectHtml()}</div>`;
    h+=`<div class="card"><div class="card-h"><h3>全部商品（老板全店视角）</h3><span class="hint">统一字段口径（PRD §567）· Product→Listing→SKU 聚合待后端，当前按 Listing 平铺 + 分页 · 共 ${PROD.length} 个 · 商业结果聚水潭口径未接入显示待同步 · 点行看漏斗/详情</span></div>
      <div style="overflow-x:auto"><table><thead>
      <tr><th rowspan="2">商品</th><th rowspan="2">店铺</th><th rowspan="2">事业部</th><th rowspan="2">负责状态</th><th colspan="5">商业结果 · 聚水潭</th><th colspan="3">广告</th><th rowspan="2">质量</th><th rowspan="2">风险</th></tr>
      <tr><th>销量</th><th>营业额</th><th>利润</th><th>利润率</th><th>销售均价</th><th>广告消耗</th><th title="ROAS = 广告归因成交额 ÷ 广告花费">ROAS</th><th title="ROI = (收益 − 成本) ÷ 成本，需聚水潭利润/成本口径">ROI</th></tr>
      </thead><tbody>`;
    sorted.slice(0,prodLimit).forEach(p=>{const s=shopById(p.shop)||{name:'待映射'},u=unitOf(p.unit)||{col:'var(--ink-3)',name:'待映射'};
      const resp=p.responsibility_status;const respStyle=resp==='responsible'?' style="color:var(--down);font-weight:600"':'';const respTxt=resp==='responsible'?'负责':resp==='unmapped'?'待映射':resp==='not_responsible'?'非负责':PEND;
      h+=`<tr data-prod="${p.id}"><td class="prod-title" title="${(p.name||'').replace(/"/g,'&quot;')}" style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${p.name||PEND}</td><td>${s.name}</td><td><span style="color:${u.col}">●</span> ${unitAbbr(u)}</td><td${respStyle}>${respTxt}</td><td>${num(p.sales_qty)}</td><td>${num(p.revenue)}</td><td>${num(p.profit)}</td><td>${ready(p.profit_rate)?fx(p.profit_rate)+'%':PEND}</td><td>${num(p.avg_selling_price)}</td><td>${num(p.spend)}</td><td>${fx(p.roi)}</td><td>${fx(p.profit_roi)}</td><td>${p.data_quality_status||PEND}</td><td><span class="risk ${p.risk==='高'?'gao':p.risk==='中'?'zhong':p.risk==='低'?'di':''}">${p.risk||PEND}</span></td></tr>`;});
    h+=`</tbody></table></div>`;
    if(sorted.length>prodLimit)h+=`<div style="padding:10px 14px;text-align:center"><button class="btn" data-prod-more="1">加载更多（还有 ${sorted.length-prodLimit} 个）</button></div>`;
    h+=`</div>`;
    h+=`<div class="kbstrip"><span class="kt">◆</span> 老板与运营视角均不平铺数百条（PRD §588）：默认分页；完整运营/商业指标（展现/点击/收藏加购/有效线索/CTR/CPC/退款/库存 等）在商品详情与店铺运营页分组展示；商业结果以聚水潭为准，未接入显示待同步、不推算。<b>ROAS</b> = 广告归因成交额 ÷ 广告花费；<b>ROI</b> = (收益 − 成本) ÷ 成本（需聚水潭利润/成本，未接入显示待同步）。</div>`;
    return h;}
  function anomsView(){if(!hasOrgData())return emptyState('异常诊断中心','未连接后端 API，异常判定依赖真实指标与数据质量状态，无法在离线态给出结论。');
    const m=P[period].m;document.getElementById('crumb').innerHTML=`商业因果链 · <b>异常诊断中心</b>`;
    return `<div class="h-row"><h2>异常诊断中心</h2><span class="sc">${P[period].day}口径 · AI 漏斗分层识别 · 全店范围</span></div>`+anomCenter(PROD,m);}
  function decisionsView(){document.getElementById('crumb').innerHTML=`商业因果链 · <b>决策执行中心</b>`;
    return `<div class="h-row"><h2>决策执行中心</h2><span class="sc">Decision Card 全流程 · 点商品看完整卡</span></div>`+decisionCenter(PROD)+`<div class="kbstrip"><span class="kt">◆</span> 完整 Decision Card 在商品详情页；此处为跨商品决策概览（统一 decision_id 待接入，串联建议→审批→执行→复查→效果）。</div>`;}
  function tokenView(){document.getElementById('crumb').innerHTML=`中台工具 · <b>Token 消耗</b>`;
    return `<div class="h-row"><h2>Token 消耗</h2><span class="sc">真实用量待接线</span></div><div class="card"><div class="card-h"><h3>模型用量与成本</h3><span class="src ai">不展示演示数字</span></div><div class="cbody"><div class="muted-note">当前页面尚未接入可核验的模型用量和供应商账单接口。Token 总量、调用次数、费用、人员明细及趋势暂不展示，避免把原型数据误认为真实记录。</div></div></div>`;
    const m=P[period].m;
    const provs=[{name:'OpenAI · gpt-5.6',tok:182000,cost:246,col:C.accent},{name:'DeepSeek · v3',tok:340000,cost:41,col:C.teal}];
    const totTok=provs.reduce((a,p)=>a+p.tok,0)*m,totCost=provs.reduce((a,p)=>a+p.cost,0)*m,calls=1240*m;
    const failRate=0.032, avgLatency=1380;
    let h=`<div class="h-row"><h2>Token 消耗</h2><span class="sc">${P[period].day}口径 · OpenAI + DeepSeek · 接 /api/models/usage</span></div>`;
    h+=`<div class="kpis">
      ${kpi('Token 总量',totTok,'',3.4,C.accent,2)}
      ${kpi('调用次数',calls,'次',1.8,C.teal,7)}
      ${kpi('估算成本',totCost,'元',2.6,C.gold,12)}
      ${waitKpi('账单核对','对齐供应商真实账单')}</div>`;
    const mx=Math.max(...provs.map(p=>p.tok));
    h+=`<div class="card"><div class="card-h"><h3>按模型供应商</h3><span class="src rpa">agent.model_call · 018 token 记账</span></div><div class="cbody">
      ${rankBars(provs.map(p=>({nm:p.name,s2:`估算 ¥${num(p.cost*m)}`,frac:p.tok/mx,val:num(p.tok*m),color:p.col})))}</div></div>`;

    const callerPool=[...OPS.map(o=>({name:o.name,unit:o.unit,seed:o.id.length*13+o.name.charCodeAt(0)})),{name:BOSS_NAME,unit:null,seed:29},{name:'系统调度（日报/RPA·无具体员工）',unit:null,seed:41}];
    const userRows=callerPool.map(c=>({nm:c.name,unit:c.unit,frac:0.05+seed(c.seed)*0.22,callsShare:0.05+seed(c.seed+3)*0.22}));
    const uSum=userRows.reduce((a,r)=>a+r.frac,0),ucSum=userRows.reduce((a,r)=>a+r.callsShare,0);
    userRows.forEach(r=>{r.tok=Math.round(totTok*r.frac/uSum);r.calls=Math.round(calls*r.callsShare/ucSum);});
    userRows.sort((a,b)=>b.tok-a.tok);
    const umx=Math.max(...userRows.map(r=>r.tok));
    h+=`<div class="card"><div class="card-h"><h3>按使用人员</h3><span class="src ai">示意 · 待 agent.model_call 增加 actor_employee_id</span></div><div class="cbody">
      ${rankBars(userRows.map(r=>({nm:r.nm+(r.unit?'　·　'+unitOf(r.unit).name:''),s2:r.calls+' 次调用',frac:r.tok/umx,val:num(r.tok),color:r.unit?unitOf(r.unit).col:C.gold})))}</div></div>`;

    const TASKTYPES=[{k:'daily_digest',n:'日报 AI 富化'},{k:'image_generation',n:'图片生成'},{k:'detail_page_plan',n:'详情页规划'},{k:'model_gateway_invoke',n:'通用模型调用'},{k:'connection_test',n:'连通性测试'}];
    const taskRows=TASKTYPES.map((t,i)=>({nm:t.n,frac:0.06+seed(i*17+5)*0.28,callsShare:0.06+seed(i*23+7)*0.28}));
    const tSum=taskRows.reduce((a,r)=>a+r.frac,0),tcSum=taskRows.reduce((a,r)=>a+r.callsShare,0);
    taskRows.forEach(r=>{r.tok=Math.round(totTok*r.frac/tSum);r.calls=Math.round(calls*r.callsShare/tcSum);});
    taskRows.sort((a,b)=>b.tok-a.tok);
    const tmx=Math.max(...taskRows.map(r=>r.tok));
    h+=`<div class="card"><div class="card-h"><h3>按调用任务类型</h3><span class="src ai">示意 · 对应 agent.model_call.task_type</span></div><div class="cbody">
      ${rankBars(taskRows.map(r=>({nm:r.nm,s2:r.calls+' 次调用',frac:r.tok/tmx,val:num(r.tok),color:C.accent})))}</div></div>`;

    h+=`<div class="card"><div class="card-h"><h3>近30天 Token 趋势</h3><span class="src ai">示意</span></div><div class="cbody">${bigChart(series(totTok,30,4),C.accent,['30天前','','','','今天'])}</div></div>`;

    const detailRows=Array.from({length:12},(_,i)=>{const c=callerPool[Math.floor(seed(i*7+2)*callerPool.length)%callerPool.length];const t=TASKTYPES[Math.floor(seed(i*11+3)*TASKTYPES.length)%TASKTYPES.length];const prov=seed(i*5+1)>0.55?provs[0]:provs[1];const ok=seed(i*3+9)>failRate;const mins=i*37+Math.round(seed(i)*20);const d=new Date(Date.now()-mins*60000);const hh=String(d.getHours()).padStart(2,'0'),mm=String(d.getMinutes()).padStart(2,'0');
      return {time:`${hh}:${mm}`,who:c.name,task:t.n,model:prov.name,tok:800+Math.round(seed(i*13)*3600),ok,latency:900+Math.round(seed(i*19)*2200)};});
    h+=`<div class="card"><div class="card-h"><h3>调用明细（最近 ${detailRows.length} 条）</h3><span class="src ai">示意 · 建议后端提供 /api/models/calls 明细接口</span></div>
      <div style="overflow-x:auto"><table><thead><tr><th>时间</th><th>使用人员</th><th>调用任务</th><th>模型</th><th>Token</th><th>状态</th><th>耗时</th></tr></thead><tbody>
      ${detailRows.map(r=>`<tr><td>${r.time}</td><td>${r.who}</td><td>${r.task}</td><td>${r.model}</td><td>${num(r.tok)}</td><td>${r.ok?'<span class="risk di">成功</span>':'<span class="risk gao">失败</span>'}</td><td>${r.latency}ms</td></tr>`).join('')}
      </tbody></table></div></div>`;

    h+=`<div class="kbstrip"><span class="kt">◆</span> 数据源 <b>agent.model_call</b> + 迁移 <b>018 token accounting</b>，接 <b>/api/models/usage</b>；成本为估算，账单核对待接入供应商真实账单。「按使用人员」「调用明细」两项目前为前端示意，需要后端在 <b>agent.model_call</b> 增加 <b>actor_employee_id</b> 字段并提供明细查询接口后才能替换为真实数据；平均耗时约 ${avgLatency}ms，失败率约 ${(failRate*100).toFixed(1)}%（示意）。</div>`;
    return h;}
  function modelsView(){document.getElementById('crumb').innerHTML=`中台工具 · <b>模型接口</b>`;
    const active=(window.__activeModel&&window.__activeModel())||'openai';
    const providers=[
      {code:'openai',name:'OpenAI',full:'ChatGPT · gpt-5.6',status:'启用',routes:[{task:'日常对话 / 解释',pri:1},{task:'日报 AI 富化',pri:1},{task:'图片生成',pri:1}]},
      {code:'deepseek',name:'DeepSeek',full:'DeepSeek · v3',status:'启用',routes:[{task:'日常对话 / 解释',pri:10},{task:'成本敏感型批处理',pri:1}]}
    ];
    let h=`<div class="h-row"><h2>模型接口</h2><span class="sc">对齐 /api/model-gateway/status · 当前默认 <b>${MODEL_INFO[active].full}</b></span></div>`;
    h+=`<div class="kpis">
      ${kpi('已配置供应商',2,'家',0,C.accent,3)}
      ${kpi('已启用路由',providers.reduce((a,p)=>a+p.routes.length,0),'条',0,C.teal,8)}
      ${waitKpi('生产切换权限','正式环境需 admin.model.manage')}</div>`;
    h+=providers.map(p=>`<div class="card"><div class="card-h"><h3>${p.name} <span class="pill" style="background:${p.code===active?'var(--up-soft)':'var(--surface-2)'};color:${p.code===active?'var(--up)':'var(--ink-3)'}">${p.code===active?'当前默认':p.status}</span></h3><span class="src ai">${p.full}</span></div><div class="cbody">
      <div class="muted-note" style="margin-bottom:8px">任务路由（task_type → priority，priority=1 为当前生效）</div>
      ${p.routes.map(r=>`<div class="rk"><div class="nm">${r.task}</div><div class="val">优先级 ${r.pri}</div></div>`).join('')}
      <div style="margin-top:10px;display:flex;gap:8px">
        <button class="btn${p.code===active?'':' primary'}" data-model-select="${p.code}" ${p.code===active?'disabled':''}>设为默认模型</button>
        <button class="btn" data-model-test="${p.code}">连通性测试</button>
      </div></div></div>`).join('');
    h+=`<div class="kbstrip"><span class="kt">◆</span> 对应后端 <b>/api/model-gateway/status</b>、<b>/select</b>、<b>/test</b>；本页"设为默认模型"会同步更新右侧 Agent 侧栏正在使用的模型。正式环境切换默认模型需要 <b>admin.model.manage</b> 权限，本原型未做前端角色拦截，由后端强制校验。</div>`;
    return h;}
  /* ══ 数据采集监控：RPA / 聚水潭 API / 店雷达 MCP 三个来源的健康状态 ══
     RPA 走已接线的 /api/rpa/* 接口，是真实状态。聚水潭、店雷达后端目前没有暴露监控接口
     （聚水潭是独立脚本，2026-08-26 本机验证通过但未接入 ops-console；店雷达仍处于阻塞、
     从未真正连接过）——所以这两项会先尝试请求 /api/jushuitan/status、/api/store-radar/status，
     若后端返回 404/NOT_FOUND（预期中的"还没做"），就展示已知的真实历史事实，不假装是实时监控；
     若返回其他错误（网络失败、鉴权失败等），才当作真正的"异常"处理。 */
  const MONITOR_LABEL={ok:'正常',partial:'部分可用',warn:'待核实',not_configured:'待配置',error:'异常',unknown:'检查中'};
  const MONITOR_COLOR={ok:C.up,partial:C.gold,warn:C.wait,not_configured:C.wait,error:C.down,unknown:C.wait};
  let MONITOR={
    rpa:{status:'unknown',detail:'尚未检查',lastCheck:null},
    jushuitan:{status:'unknown',detail:'尚未检查',lastCheck:null},
    radar:{status:'unknown',detail:'尚未检查',lastCheck:null},
    log:[]
  };
  let monitorTimer=null;
  function logMonitor(system,status,detail){
    MONITOR[system]={status,detail,lastCheck:new Date()};
    MONITOR.log.unshift({time:nowStr?nowStr():new Date().toLocaleString('zh-CN',{hour12:false}),system,status,detail});
    if(MONITOR.log.length>40)MONITOR.log.length=40;
  }
  function monitorTile(key,name){const m=MONITOR[key];
    const color=MONITOR_COLOR[m.status]||C.wait,label=MONITOR_LABEL[m.status]||'待核实';
    return `<div class="kpi wait" style="border-left:3px solid ${color}"><div class="l">${name} <span class="pill" style="background:${color}22;color:${color}">${label}</span></div>
      <div class="v" style="font-size:13px;line-height:1.5;font-weight:400">${m.detail}</div>
      <div class="muted-note">最近检查 ${m.lastCheck?m.lastCheck.toLocaleTimeString('zh-CN',{hour12:false}):'—'}</div></div>`;}
  function paintMonitor(){
    const tilesEl=document.getElementById('monTiles');if(!tilesEl)return;
    tilesEl.innerHTML=monitorTile('rpa','RPA 采集')+monitorTile('jushuitan','聚水潭 API')+monitorTile('radar','店雷达 MCP');
    const bannerEl=document.getElementById('monBanner');
    const abnormal=['rpa','jushuitan','radar'].filter(k=>MONITOR[k].status==='error');
    if(bannerEl)bannerEl.innerHTML=abnormal.length?`<div class="kbstrip" style="border-color:${C.down};background:${C.down}14"><span class="kt" style="color:${C.down}">⚠ 异常</span> ${abnormal.map(k=>({rpa:'RPA 采集',jushuitan:'聚水潭 API',radar:'店雷达 MCP'})[k]+'：'+MONITOR[k].detail).join('　·　')}</div>`:'';
    const logEl=document.getElementById('monLog');
    if(logEl)logEl.innerHTML=MONITOR.log.length?MONITOR.log.map(l=>`<div class="rk"><div class="rn"><span class="rd" style="background:${MONITOR_COLOR[l.status]}"></span><div><div class="t">${({rpa:'RPA 采集',jushuitan:'聚水潭 API',radar:'店雷达 MCP'})[l.system]}</div><div class="s">${l.detail}</div></div></div><div class="rv">${l.time}</div></div>`).join(''):'<div class="muted-note">暂无检查记录</div>';
  }
  async function checkJushuitan(){try{await rpaApi('/api/jushuitan/status');logMonitor('jushuitan','ok','监控接口已接入，返回正常。');}catch(e){
    if(e.message==='NOT_FOUND')logMonitor('jushuitan','partial','监控接口尚未接入。最近一次人工验证：2026-08-26 本机 dev 环境，7 个只读接口（店铺/SKU/库存/订单/退款/物流查询）全部 HTTP 200、code 0；阿里云测试环境因缺少 JST_APP_KEY/SECRET/ACCESS_TOKEN/BASE_URL 四个变量仍被阻塞，尚未接入自动化监控。');
    else logMonitor('jushuitan','error','请求失败：'+e.message);
  }paintMonitor();}
  async function checkRadar(){try{await rpaApi('/api/store-radar/status');logMonitor('radar','ok','监控接口已接入，返回正常。');}catch(e){
    if(e.message==='NOT_FOUND')logMonitor('radar','not_configured','尚未建立连接：等待用户提供店雷达 MCP Endpoint、Token 及首批接入工具范围（详见 work/store-radar-mcp/README.md）。目前只完成了配置模板和验收约束，从未真正握手成功过。');
    else logMonitor('radar','error','请求失败：'+e.message);
  }paintMonitor();}
  async function refreshMonitor(){await Promise.all([loadRpaPanel(),checkJushuitan(),checkRadar()]);}
  function startMonitorAutoRefresh(){clearInterval(monitorTimer);refreshMonitor();monitorTimer=setInterval(refreshMonitor,15000);}
  function stopMonitorAutoRefresh(){clearInterval(monitorTimer);monitorTimer=null;}
  /* ══ 人工数据导入（独立一级导航，2026-08-29 用户指定）══
     与「数据采集」分离：采集是自动化运维（管理员），导入是业务日常操作（运营人员）。
     2026-08-29 四次调整（用户指定，Claude 执行）：取消「下载清洗模板」与「让 Agent 帮我清洗」
     这一前置步骤——运营人员直接提交原始文件，清洗改由后端统一处理：大模型按既定标准格式
     （字段契约见 codex-claude-task.md「人工导入·标准字段契约」，不再在前端展示/下载）清洗原始文件后
     写入数据库，前端只负责上传入口、上传日志和历史批次查询，不再要求用户先手工清洗。
     页面文案改为名词/名词+动词的字段化风格，不写指令性说明。 */
  function importView(){
    document.getElementById('crumb').innerHTML=`数据录入 · <b>人工数据导入</b>`;
    const myShops=SHOP;   // 接后端后由 test_session 的 shop_scope 决定，前端不硬编码范围
    let h=`<div class="h-row"><h2>人工数据导入</h2><span class="sc">运营人员可用 · 自动采集不稳定时的备用入口 · 走与 RPA 相同的统一导入契约</span></div>`;

    // 原始文件上传：不再要求用户先手工/用 Agent 清洗，清洗改到后端统一处理。
    h+=`<div class="card"><div class="card-h"><h3>原始文件上传</h3><span class="src ai">Agent 清洗 · 自动入库</span></div><div class="cbody">
      <form id="manualImportForm" novalidate>
        <div class="effrow"><div class="eff"><label>原始文件</label><input id="manualImportFile" type="file" accept=".xlsx,.xls,.csv"></div>
          <div class="eff"><label>来源系统</label><select name="source_system"><option value="manual_upload">人工上传</option><option value="sycm">生意参谋</option><option value="advertising">数字营销</option><option value="jushuitan">聚水潭</option></select></div></div>
        <div class="effrow"><div class="eff"><label>归属店铺</label><select name="shop_id" id="manualImportShop"><option value="">请选择店铺</option></select></div>
          <div class="eff"><label>环境</label><input name="environment_display" value="${ENVIRONMENT}" readonly title="由 ?env= 参数或部署配置决定，前端不硬编码"></div></div>
        <div class="effrow"><div class="eff"><label>统计日</label><input name="metric_date" type="date"></div>
          <div class="eff"><label>快照日</label><input name="snapshot_date" type="date"></div></div>
        <button class="btn primary" type="submit">上传</button>
      </form>
      <div id="manualImportResult" class="muted-note" style="margin-top:10px">未选择文件</div>
      <div class="muted-note" style="margin-top:8px">可导入店铺：${myShops.length?myShops.map(s=>`<code>${s.id}</code> ${s.name}`).join('　'):'待组织数据接入'}</div>
    </div></div>`;

    // 上传日志（用户 2026-08-29 纠正：这里要的是「这一次导入干了什么」的过程留痕，
    // 不是历史批次查询表。查询表另置于下一块。失败同样逐步留痕，不允许只留一句"失败"。）
    h+=`<div class="card"><div class="card-h"><h3>上传日志</h3>
      <span class="hint"><button class="btn" id="impLogCopy">复制</button> <button class="btn" id="impLogClear">清空</button></span></div>
      <div class="cbody"><div class="implog" id="impLog">${renderImportLog()}</div>
      <div class="muted-note" style="margin-top:10px">会话内存记录，正式记录以后端 <code>ingestion.source_batch</code> 为准。</div>
    </div></div>`;

    // 历史批次（审计查询，次要）
    h+=`<div class="card"><div class="card-h"><h3>历史批次</h3><span class="src wait">${DATA_READY?'':'待接入 · '}ingestion.source_batch</span></div><div style="overflow-x:auto">
      <table><thead><tr><th>批次</th><th>提交人</th><th>店铺</th><th>来源</th><th>统计日</th><th>行数</th><th>成功/拒绝</th><th>质量</th><th>提交时间</th></tr></thead><tbody>`;
    const logs=DATA_READY&&Array.isArray(IMPORT_LOGS)?IMPORT_LOGS:[];
    if(logs.length){
      logs.forEach(r=>{h+=`<tr><td><code>${r.source_batch_id||PEND}</code></td><td>${r.submitted_by||PEND}</td><td>${r.shop_id||PEND}</td><td>${r.source_system||PEND}</td><td>${r.metric_date||PEND}</td><td>${r.rows==null?PEND:r.rows}</td><td>${r.accepted==null?PEND:r.accepted+' / '+(r.rejected||0)}</td><td>${r.data_quality_status||PEND}</td><td>${r.submitted_at||PEND}</td></tr>`;});
    }else{
      for(let i=0;i<3;i++)h+=`<tr class="skel">`+Array.from({length:9},()=>`<td>${PEND}</td>`).join('')+`</tr>`;
    }
    h+=`</tbody></table></div><div class="cbody muted-note">失败批次保留，补传生成新批次。</div></div>`;
    return h;
  }

  function rpaView(){document.getElementById('crumb').innerHTML=`中台工具 · <b>数据采集 · RPA 调度</b>`;return `<div class="h-row"><h2>数据采集 · RPA 调度</h2><span class="sc">自动采集的调度与运维监控 · 每 15 秒自动检查 · 人工导入已独立为一级导航</span></div>
    <div id="monBanner"></div>
    <div class="kpis" id="monTiles">${['rpa','jushuitan','radar'].map(k=>monitorTile(k,{rpa:'RPA 采集',jushuitan:'聚水潭 API',radar:'店雷达 MCP'}[k])).join('')}</div>
    <div class="card"><div class="cbody" style="padding:12px 16px" class="muted-note"><span class="pill wait">已移出本页</span>
      人工数据导入已独立为左侧一级导航「<b>数据录入 · 人工数据导入</b>」，权限下放至运营人员。
      本页只保留自动采集的运维监控。<button class="btn" data-goto-nav="import" style="margin-left:8px">前往人工导入 →</button></div></div>
    <div class="card"><div class="card-h"><h3>采集任务</h3><span class="src rpa">1688 受控 RPA · 定时自动 / 手动均支持</span><span class="hint"><button class="btn primary" id="rpaRefresh">采集</button></span></div><div class="cbody" id="rpaJobs"><div class="loading"><div class="sp"></div>正在读取采集任务</div></div></div>
    <div class="card"><div class="card-h"><h3>最近运行</h3><span class="hint">15 秒自动刷新</span></div><div class="cbody" id="rpaRuns"><div class="muted-note">暂无运行记录</div></div></div>
    <div class="card"><div class="card-h"><h3>每日调度</h3><span class="src ai">operations.rpa_schedule · 定时启动</span></div><div class="cbody" id="rpaSchedules"><div class="muted-note">暂无调度计划</div></div></div>
    <div class="card"><div class="card-h"><h3>聚水潭 API 监控</h3><span class="src ai">work/jushuitan-api</span><span class="hint"><button class="btn" data-mon-check="jushuitan">立即检查</button></span></div><div class="cbody"><p style="margin:0;font-size:13px;line-height:1.7">${MONITOR.jushuitan.detail||'正在检查…'}</p></div></div>
    <div class="card"><div class="card-h"><h3>店雷达 MCP 监控</h3><span class="src ai">work/store-radar-mcp</span><span class="hint"><button class="btn" data-mon-check="radar">立即检查</button></span></div><div class="cbody"><p style="margin:0;font-size:13px;line-height:1.7">${MONITOR.radar.detail||'正在检查…'}</p></div></div>
    <div class="card"><div class="card-h"><h3>监控日志</h3><span class="hint">最近 40 条 · 本次会话内存，不落库</span></div><div class="cbody" id="monLog"><div class="muted-note">暂无检查记录</div></div></div>
    <div class="kbstrip"><span class="kt">◆ 安全边界</span> 只允许后台白名单任务；未完成现场验证的任务保持停用，登录失效、验证码或页面改版时自动停止并反馈错误。聚水潭/店雷达的监控接口尚未在后端实现，本页会先探测 <code>/api/jushuitan/status</code>、<code>/api/store-radar/status</code>，探测不到时展示已知的真实历史事实，不编造实时数据；建议 Codex 后续补上这两个只读监控接口。</div>`;}
  const rpaStatusName={queued:'排队',running:'运行中',succeeded:'成功',failed:'失败',needs_login:'需要登录',cancelled:'已取消',blocked:'已阻止'};
  /* 2026-09-02：RPA 采集任务按 1688 后台 平台→一级模块→二级页面 对齐分组（PRD §154）。
     /api/rpa/jobs 不返回 url，故按 reportType 映射；完整 collection_plan→…→artifact 层级待 Codex 后端。
     生意参谋一级/二级顺序遵循 PRD §154：首页核心→流量→商品明细→询盘→…；数字营销独立工作流。 */
  const RPA_1688={
    shop_daily:{plat:'生意参谋',l1:'首页 / 看板',l2:'核心看板',ord:1},
    traffic_source_daily:{plat:'生意参谋',l1:'流量',l2:'店铺来源',ord:4},
    entry_keyword_daily:{plat:'生意参谋',l1:'流量',l2:'入店关键词',ord:5},
    product_daily:{plat:'生意参谋',l1:'商品',l2:'商品明细',ord:7},
    inquiry_product_daily:{plat:'生意参谋',l1:'询盘',l2:'商品询盘',ord:8},
    inquiry_customer_daily:{plat:'生意参谋',l1:'询盘',l2:'客户询盘',ord:9},
    ad_account_daily:{plat:'数字营销',l1:'账户报表',l2:'数据概览',ord:1},
    ad_product_daily:{plat:'数字营销',l1:'账户报表',l2:'商品报表',ord:2},
    ad_plan_daily:{plat:'数字营销',l1:'推广计划',l2:'计划报表',ord:3},
    ad_keyword_daily:{plat:'数字营销',l1:'账户报表',l2:'关键词报表',ord:4}
  };
  const RPA_PLAT_ORDER=['生意参谋','数字营销'];
  /* 采集进行时：按最近一次执行把任务归类为 进行中/排队中/已完成/未完成采集/未采集/待验证。 */
  function rpaCat(j){
    if(!j.enabled)return {k:'unverified',t:'待现场验证',c:C.wait};
    const le=j.last_execution;
    if(!le)return {k:'pending',t:'未采集',c:C.wait};
    if(le.status==='succeeded')return {k:'done',t:'已完成',c:C.up};
    if(le.status==='running')return {k:'running',t:'进行中',c:C.accent};
    if(le.status==='queued')return {k:'queued',t:'排队中',c:C.gold};
    return {k:'failed',t:'未完成采集',c:C.down};
  }
  function rpaJobsHtml(items){
    if(!items||!items.length)return '<div class="muted-note">暂无任务</div>';
    const on=items.filter(j=>j.enabled).length,tree={};
    const cats=items.map(rpaCat),cnt=k=>cats.filter(c=>c.k===k).length;
    const done=cnt('done'),running=cnt('running'),queued=cnt('queued'),failed=cnt('failed'),pending=cnt('pending'),unver=cnt('unverified');
    const total=items.length,pct=total?Math.round(done/total*100):0;
    let h=`<div style="padding:2px 2px 10px"><div style="display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px"><span><b>采集进行时</b> · ${done}/${total} 已完成</span><span style="color:var(--ink-3)">${pct}%</span></div><div style="height:8px;border-radius:5px;background:var(--line-2);overflow:hidden"><div style="height:100%;width:${pct}%;background:${C.up}"></div></div><div style="display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:6px"><span style="color:${C.accent}">● 进行中 ${running}</span><span style="color:${C.gold}">● 排队中 ${queued}</span><span style="color:${C.up}">● 已完成 ${done}</span><span style="color:${C.down}">● 未完成 ${failed}</span><span style="color:var(--ink-3)">● 未采集 ${pending} · 待验证 ${unver}</span></div><div class="muted-note" style="margin-top:4px">当前 ${total} 个采集任务 · ${on} 个已启用 · 按 1688 后台 平台→一级模块→二级页面 对齐（完整 collection_plan 层级待后端）</div></div>`;
    items.forEach((j,i)=>{const m=RPA_1688[j.reportType]||{plat:j.module==='advertising'?'数字营销':j.module==='sycm'?'生意参谋':(j.module||'其他'),l1:'其他',l2:j.reportType||j.id,ord:99};
      ((tree[m.plat]=tree[m.plat]||{})[m.l1]=(tree[m.plat][m.l1]||[])).push({...j,_l2:m.l2,_ord:m.ord,_cat:cats[i]});});
    Object.keys(tree).sort((a,b)=>{const ia=RPA_PLAT_ORDER.indexOf(a),ib=RPA_PLAT_ORDER.indexOf(b);return (ia<0?99:ia)-(ib<0?99:ib);}).forEach(plat=>{
      h+='<div class="grp-l" style="padding:10px 2px 3px;font-weight:600">'+plat+'</div>';
      const l1s=tree[plat];
      Object.keys(l1s).sort((a,b)=>Math.min(...l1s[a].map(j=>j._ord))-Math.min(...l1s[b].map(j=>j._ord))).forEach(l1=>{
        h+='<div style="padding:3px 2px;font-size:11px;color:var(--ink-3)">'+l1+'</div>';
        l1s[l1].sort((a,b)=>a._ord-b._ord).forEach(j=>{const cat=j._cat,le=j.last_execution,prog=(le&&(le.status==='running'||le.status==='queued'))?` · ${le.progress_percent||0}%`:'';
          h+=`<div class="rk"><div class="rn"><span class="rd" style="background:${cat.c}"></span><div><div class="t">${j._l2} <span style="color:var(--ink-3);font-weight:400">· ${j.id}</span></div><div class="s">${j.reportType} · ${j.frequency} · <span style="color:${cat.c}">${cat.t}${prog}</span></div></div></div><div class="rv">${j.enabled?`<button class="btn primary" data-rpa-run="${j.id}">立即采集</button>`:'<span class="risk zhong">待现场验证</span>'}</div></div>`;});
      });
    });
    return h;
  }
  async function rpaApi(path,opt={}){const r=await fetch(API_BASE+path,{...opt,headers:{'content-type':'application/json','x-jq-employee-id':EMP,'accept':'application/json',...(opt.headers||{})}});const x=await r.json();if(!r.ok)throw new Error(x.error||`HTTP ${r.status}`);return x;}
  async function loadRpaPanel(){const jobsEl=document.getElementById('rpaJobs');if(!jobsEl)return;try{const [jobs,runs,schedules]=await Promise.all([rpaApi('/api/rpa/jobs'),rpaApi('/api/rpa/runs'),rpaApi('/api/rpa/schedules')]);jobsEl.innerHTML=rpaJobsHtml(jobs.items||[]);const runsEl=document.getElementById('rpaRuns');runsEl.innerHTML=(runs.items||[]).slice(0,20).map(x=>{let _m='';try{const os=typeof x.output_summary==='string'?JSON.parse(x.output_summary):(x.output_summary||{});const b=[];if(os&&os.run_id)b.push('批次 '+String(os.run_id).slice(0,8));if(os&&os.relative_path)b.push('文件 '+String(os.relative_path).split(/[\\/]/).pop());if(x.exit_code!=null)b.push('退出码 '+x.exit_code);_m=b.join(' · ');}catch(e){}const _meta=`<div class="s" style="opacity:.72">${_m?_m+' · ':''}行数 / 重试次数 / 缺失字段 待后端补全</div>`;return `<div class="rk"><div class="rn"><span class="rd" style="background:${x.status==='succeeded'?C.up:x.status==='failed'||x.status==='needs_login'?C.down:C.wait}"></span><div><div class="t">${x.job_id}</div><div class="s">${x.requested_date} · ${x.stage} · 进度 ${x.progress_percent}%${x.error_message?' · '+x.error_message:''}</div>${_meta}</div></div><div class="rv">${rpaStatusName[x.status]||x.status}</div></div>`;}).join('')||'<div class="muted-note">暂无运行记录</div>';const schedulesEl=document.getElementById('rpaSchedules');schedulesEl.innerHTML=(schedules.items||[]).map(x=>`<div class="rk"><div class="rn"><span class="rd" style="background:${x.enabled?C.up:C.wait}"></span><div><div class="t">${x.schedule_name}</div><div class="s">每日 ${String(x.local_time).slice(0,5)} · 下次 ${x.next_run_at||'待计算'}</div></div></div><div class="rv">${x.enabled?'已启用':'已停用'}</div></div>`).join('')||'<div class="muted-note">暂无调度计划</div>';jobsEl.querySelectorAll('[data-rpa-run]').forEach(b=>b.addEventListener('click',async()=>{if(!confirm(`确认启动 ${b.dataset.rpaRun}？`))return;b.disabled=true;try{await rpaApi('/api/rpa/runs',{method:'POST',body:JSON.stringify({job_id:b.dataset.rpaRun,date:new Date().toISOString().slice(0,10)})});await loadRpaPanel();}catch(e){alert(e.message)}finally{b.disabled=false}}));
      const failedJobs=(runs.items||[]).filter(x=>x.status==='failed'||x.status==='needs_login').length;
      const items=jobs.items||[],total=items.length,notDone=items.filter(j=>j.enabled&&(!j.last_execution||j.last_execution.status!=='succeeded')).length,doneJobs=items.filter(j=>j.enabled&&j.last_execution&&j.last_execution.status==='succeeded').length;
      logMonitor('rpa',(failedJobs||notDone)?'warn':'ok',failedJobs?`最近运行 ${failedJobs} 条失败/需要登录；启用任务未完成采集 ${notDone} 个，请检查「最近运行」。`:(notDone?`采集进行时：${doneJobs} 已完成 · ${notDone} 未完成采集（未成功入库），共 ${total} 个任务。`:`采集进行时：启用任务采集均已完成，共 ${total} 个任务。`));paintMonitor();
    }catch(e){const msg=e.message==='UNAUTHENTICATED'?'当前身份未登录，请通过企业微信 OAuth 进入系统。':e.message==='FORBIDDEN'?'当前账号没有 RPA 管理权限。':'RPA 服务不可用：'+e.message;jobsEl.innerHTML=`<div class="muted-note">${msg}</div>`;logMonitor('rpa','error',msg);paintMonitor();}}
  function toolView(){if(view.tool==='token')return tokenView();if(view.tool==='rpa')return rpaView();if(view.tool==='models')return modelsView();const n=TOOLNAME[view.tool];document.getElementById('crumb').innerHTML=`中台工具 · <b>${n}</b>`;
    const note={iam:'员工、部门、角色与四级数据范围（事业部 / 部门 / 店铺 / 个人），来自企业微信通讯录同步。',agents:'运营 Agent、工具编排与运行状态。',tasks:'运营任务：问题 / 建议 / 负责人 / 截止日，关联 decision_id。',logs:'工作日志：采集员工前一天工作内容（企微 / 表单）。',digests:'日报总结：AI 汇总、风险与今日重点；审核后才可生成指令。',instructions:'指令推送：审批后经企业微信发送，delivery_log 留痕。<b>触发权限归运营人员的上级（事业部总经理）或自动化规则，不对运营人员开放</b>——运营人员只负责起草动作与执行，不负责推送这一步。',audit:'审计留痕：模型、权限、审批与投递记录，只读。'}[view.tool];
    return `<div class="h-row"><h2>${n}</h2><span class="sc">中台工具模块 · 对齐 Control UI</span></div>
      <div class="card"><div class="card-h"><h3>${n}</h3><span class="src ai">Control UI 模块 · Codex 实现</span></div><div class="cbody">
      <p style="margin:0 0 10px;font-size:13px;line-height:1.7">${note}</p>
      <div class="muted-note">该模块在 OpenClaw Control UI 中由 Codex 实现（对应 jingquan-ops-console API）。本经营驾驶舱与其共用同一套组织、权限与数据模型；此处为导航占位，真实系统点击进入对应模块。</div>
      </div></div>`;}
  function kpi(label,val,unit,delta,color,sd){
    const ok=ready(val);
    const v=ok?(val>=10000?fmtY(val)+`<small>万${unit}</small>`:(Number.isInteger(val)?num(val):val.toFixed(1))+`<small>${unit}</small>`)
              :`${PEND}<small>${unit}</small>`;
    const d=ok&&ready(delta)?`<div class="d ${delta>=0?'up':'down'}">${delta>=0?'▲':'▼'} ${Math.abs(delta).toFixed(1)}% <span style="color:var(--ink-3)">环比</span></div>`
              :`<div class="d" style="color:var(--ink-3)">环比 待同步</div>`;
    return `<div class="kpi"><div class="l">${label}</div><div class="v">${v}</div>${d}${spark(null,color)}</div>`;}
  const waitKpi=(label,note)=>`<div class="kpi wait"><div class="l">${label} <span class="pill wait">待接入</span></div><div class="v">待接入</div><div class="muted-note">${note}</div></div>`;

  /* ---------- 老板经营总览 ---------- */
  /* 空态：无任何组织/经营数据时的统一呈现。
     契约硬约束——缺失值显示「—」，不补 0、不用上期值填充、不显示为实时。
     此前程序版本在数据清空后仍执行 top[0].gmv，直接抛异常导致画布卡在「正在载入经营数据…」，
     离线打开即白屏；此处以空态短路，从根上避免。 */
  function emptyState(title,reason){
    return `<div class="card"><div class="card-h"><h3>${title}</h3><span class="src wait">数据未接入</span></div>
      <div class="cbody" style="padding:28px 18px;text-align:center">
        <div style="font-size:30px;color:var(--ink-3);line-height:1.1">—</div>
        <div class="muted-note" style="margin-top:10px">${reason}</div>
        <div class="muted-note" style="margin-top:6px">接入方式：在地址后追加 <b>?api=后端地址&amp;emp=员工ID</b>（如 <code>?api=http://127.0.0.1:4318</code>）。
        所有指标须由后端随附 source_system、source_batch_id、environment、metric_date、data_quality_status 等元数据，前端不自行计算经营指标。</div>
      </div></div>`;
  }

  function overview(){
    const m=P[period].m,per=P[period];
    const scope=view.unit?shopsUnit(view.unit):SHOP;
    if(!scope.length)return emptyState('经营数据待同步','当前账号范围内尚无可用店铺经营事实；缺失数据不代表数值为零。');
    const scopeProd=prodsScope(scope);
    document.getElementById('crumb').innerHTML=`${view.unit?unitOf(view.unit).name+' · ':'全部事业部 · '}<b>经营总览</b>`;
    const gmv=scope.reduce((a,s)=>a+s.gmv*m,0),ad=scope.reduce((a,s)=>a+s.ad*m,0),att=scope.reduce((a,s)=>a+s.att*m,0);
    const inq=scope.reduce((a,s)=>a+s.vis*s.iconv/100*m,0);
    let h='';
    if(view.unit)h+=`<div class="back" data-act="all">‹ 返回全部事业部</div>`;
    h+=`<div class="h-row"><h2>${view.unit?unitOf(view.unit).name:'全部店铺'}经营总览</h2><span class="sc">${per.day}口径 · ${scope.length} 店 · 2B 生意 · 因果链视角</span></div>`;
    // 数据未接入时，直接在总览给出补数据的入口——否则用户面对满屏「待同步」不知道去哪补
    if(!DATA_READY){
      h+=`<div class="card" style="border-color:var(--wait);background:var(--surface-2)">
        <div class="cbody" style="display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px">
          <span class="pill wait" style="flex:none">数据未接入</span>
          <div style="flex:1;min-width:220px" class="muted-note">当前所有经营数值均为「待同步」。RPA 自动采集尚未启用，
          可先用<b>人工导入</b>上传生意参谋 / 数字营销 / 聚水潭导出的 Excel、CSV，走同一套导入契约入库。</div>
          <button class="btn primary" data-goto-nav="import" style="flex:none">前往人工导入数据 →</button>
        </div></div>`;
    }
    // 结果层 KPI
    h+=`<div class="kpis">
      ${kpi('成交金额 GMV',gmv,'元',null,C.accent,3)}
      ${kpi('询盘量',inq,'条',null,C.teal,9)}
      ${kpi('广告费 / ROAS',ad,'元',null,C.down,23)}
      ${waitKpi('毛利 / 毛利率','需 order + cost 接入')}
    </div>`;
    // 员工数据待审核（罗总管景泉、薛总管骏峰；全部事业部视图合并显示）
    h+=empReviewCard(view.unit);
    // 归因下钻
    h+=`<div class="card"><div class="card-h"><h3>为什么多赚 / 少赚 · 利润归因下钻</h3><span class="src wait">毛利待接入 · GMV侧可算</span></div><div class="cbody"><div class="attr">
      <div class="lv on2"><span class="ar">利润层</span><span class="q"><b>毛利</b> = GMV − 成本；先看是 GMV 变化还是成本变化</span><span class="val w" style="color:var(--wait)">待接入</span></div>
      <div class="lv"><span class="ar">↳ 结果</span><span class="q"><b>GMV</b> ${per.day}合计（可算）</span><span class="val">${fmtY(gmv)} 万</span></div>
      <div class="lv"><span class="ar">↳ 订单</span><span class="q">GMV = 订单数 × 客单价（订单明细待接入）</span><span class="val w" style="color:var(--wait)">待接入</span></div>
      <div class="lv"><span class="ar">↳ 询盘</span><span class="q">订单 ← 有效询盘（有效口径待定义）</span><span class="val">${num(inq)} 条</span></div>
      <div class="lv"><span class="ar">↳ 流量/转化</span><span class="q">询盘 ← 访客 × 询盘转化；再拆流量或转化问题</span><span class="val">${fx(scope.length?scope.reduce((a,s)=>a+(s.iconv==null?NaN:s.iconv),0)/scope.length:NaN)}%</span></div>
      <div class="lv"><span class="ar">↳ 定位</span><span class="q">下钻到具体 <b>商品 / 关键词 / 市场</b>（见下方 Top/Bottom 商品与异常中心）</span><span class="val" style="color:var(--accent)">点商品继续 ↓</span></div>
    </div></div></div>`;
    // 事业部对比
    if(!view.unit){h+=`<div class="bu">`;
      UNITS.forEach(u=>{h+=`<div class="buc" data-act="unit" data-u="${u.code}"><span class="bar" style="background:${u.col}"></span>
        <div class="hd"><span class="dot" style="width:9px;height:9px;border-radius:2px;background:${u.col};display:inline-block"></span>${u.name}<span class="gmname">总经理 ${u.gm}</span></div>
        <div class="big">${fmtY(buGmv(u.code)*m)}<small> 万元 GMV · ${per.day}</small></div>
        <div class="row"><span class="d" style="color:var(--ink-3)">环比 待同步</span><span>${shopsUnit(u.code).length} 店</span><span>ROAS ${fx(shopsUnit(u.code).reduce((a,s)=>a+(s.att||0),0)/(shopsUnit(u.code).reduce((a,s)=>a+(s.ad||0),0)||NaN))}</span></div>
        <div class="mspark">${spark(series(buGmv(u.code),20,u.code.length*9),u.col,480,30)}</div></div>`;});
      h+=`</div>`;}
    // Top/Bottom 商品
    const byGmv=scopeProd.slice().sort((a,b)=>b.gmv-a.gmv), top=byGmv.slice(0,5);
    const byChg=scopeProd.slice().sort((a,b)=>a.chg-b.chg), bottom=byChg.slice(0,5);
    const maxG=top.length?top[0].gmv:0;   // 防御：scopeProd 为空时不得越界
    h+=`<div class="card"><div class="card-h"><h3>Top / Bottom 商品（SKU）</h3><span class="src wait">母体待建 · 暂按 listing</span></div>
      <div class="grid2" style="gap:0">
      <div style="padding:14px 16px;border-right:1px solid var(--line)"><div class="colh">▲ 最赚（GMV Top5）</div>${rankBars(top.map(p=>({nm:p.name,s2:`${unitAbbr(unitOf(p.unit))} · ROI ${fx(p.roi)}`,frac:(ready(p.gmv)&&maxG)?p.gmv/maxG:0,val:num(p.gmv*m),color:unitOf(p.unit).col,prod:p.id})))}</div>
      <div style="padding:14px 16px"><div class="colh">▼ 最需关注（环比 Bottom5）</div>${rankBars(bottom.map(p=>({nm:p.name,s2:`环比 ${ready(p.chg)?(p.chg>=0?'+':'')+p.chg+'%':PEND}`,frac:ready(p.chg)?Math.min(1,Math.abs(p.chg)/15):0,val:ready(p.chg)?(p.chg>=0?'+':'')+p.chg+'%':PEND,color:ready(p.chg)&&p.chg<0?C.down:C.gold,prod:p.id})))}</div>
      </div></div>`;
    // 广告投放分析 / 运营评估 / 竞对追踪
    h+=adCard(scope);
    h+=assessCard(view.unit?opsUnit(view.unit):OPS);
    h+=compCard(scope);
    h+=regionCard();
    // 异常与待办统一在独立的异常诊断中心核对真实来源，不在总览重复展示原型判断。
    // 决策中心概览
    h+=decisionCenter(scopeProd);
    return h;
  }
  function anomCenter(prods,m){
    const list=[];
    prods.forEach(p=>{const ctr=p.clicks/p.impr, iconv=p.inquiries/p.vis, roi=p.roi;
      if(iconv<0.055)list.push({sev:C.down,t:`高访客低询盘 · ${p.name}`,d:`访客 ${num(p.vis*m)} 但询盘转化仅 ${fx(iconv*100)}%。查详情/MOQ/价格区间/交期/信任信息。`,dont:'不要直接判产品无需求',imp:`环比 ${ready(p.chg)?(p.chg>=0?'+':'')+p.chg+'%':PEND}`,prod:p.id});
      else if(ctr<0.115)list.push({sev:C.gold,t:`高曝光低点击 · ${p.name}`,d:`曝光 ${num(p.impr*m)} 但 CTR ${fx(ctr*100)}%。查主图/价格/标题需求匹配。`,dont:'不要直接加预算',imp:`ROI ${fx(roi)}`,prod:p.id});
      else if(roi<3)list.push({sev:C.gold,t:`高消耗低投产 · ${p.name}`,d:`广告消耗 ${num(p.spend*m)} 但 ROI ${fx(roi)}。查计划出价与流量结构。`,dont:'不要只追 GMV',imp:`环比 ${ready(p.chg)?(p.chg>=0?'+':'')+p.chg+'%':PEND}`,prod:p.id});});
    const show=list.sort((a,b)=>(a.sev===C.down?0:1)-(b.sev===C.down?0:1)).slice(0,5);
    return `<div class="card"><div class="card-h"><h3>异常诊断中心</h3><span class="src ai">AI 漏斗分层识别</span></div><div class="anom">`+
      (show.length?show.map(a=>`<div class="anomit" data-prod="${a.prod}"><span class="sev" style="background:${a.sev}"></span><div class="ac"><div class="at">${a.t}</div><div class="ad">${a.d} <span class="dont">✕ ${a.dont}</span></div></div><div class="imp">${a.imp}<br>进商品 ›</div></div>`).join(''):`<div class="anomit"><div class="ac"><div class="ad">当前范围无显著漏斗异常。</div></div></div>`)+
      `</div></div>`;
  }
  function decisionCenter(prods){
    /* 原实现用 +2 / 3 / 5 等常量凑数，属编造计数。改为：无 decision 数据即显示待同步。 */
    const dc=v=>DATA_READY&&Number.isFinite(v)?v:PEND;
    const pend=null, prog=null, over=null, done=null;
    return `<div class="card"><div class="card-h"><h3>决策与执行中心 · Decision Card</h3><span class="src ai">统一 decision_id 待接入</span></div>
      <div class="dcount">
        <div class="dc"><div class="n">${dc(pend)}</div><div class="l">待审批</div></div>
        <div class="dc"><div class="n">${dc(prog)}</div><div class="l">执行中</div></div>
        <div class="dc over"><div class="n">${dc(over)}</div><div class="l">已逾期</div></div>
        <div class="dc"><div class="n">${dc(done)}</div><div class="l">已完成待复查</div></div>
      </div><div class="muted-note" style="padding:0 16px 14px">每条建议→审批→执行→复查→效果需统一 decision_id 串联（P2 收敛）；采纳率/有效率回流成功案例库。</div></div>`;
  }

  function adCard(scope){const m=P[period].m;
    const shopSpend=scope.slice().sort((a,b)=>b.ad-a.ad).slice(0,5);const maxS=Math.max(...shopSpend.map(s=>s.ad));
    const prods=prodsScope(scope).slice().sort((a,b)=>b.spend-a.spend).slice(0,5);const maxP=Math.max(...prods.map(p=>p.spend));
    const roi=scope.slice().sort((a,b)=>roiOf(b)-roiOf(a)).slice(0,5);const maxR=Math.max(...roi.map(roiOf));
    return `<div class="card"><div class="card-h"><h3>广告投放分析</h3><span class="src rpa">数字营销采集</span></div><div class="cols3">
      <div><div class="colh">店铺广告消耗</div>${rankBars(shopSpend.map(s=>({nm:s.name,s2:`ROI ${fx(roiOf(s))}`,frac:(ready(s.ad)&&maxS)?s.ad/maxS:0,val:num(s.ad*m),color:unitOf(s.unit).col})))}</div>
      <div><div class="colh">单产品消耗 Top</div>${rankBars(prods.map(p=>({nm:p.name,s2:`ROI ${fx(p.roi)}`,frac:(ready(p.spend)&&maxP)?p.spend/maxP:0,val:num(p.spend*m),color:C.accent,prod:p.id})))}</div>
      <div><div class="colh">店铺投产比 ROI</div>${rankBars(roi.map(s=>({nm:s.name,s2:`消耗 ${num(s.ad*m)}`,frac:(ready(roiOf(s))&&maxR)?roiOf(s)/maxR:0,val:fx(roiOf(s)),color:roiOf(s)>=4?C.up:C.gold})))}</div>
    </div></div>`;}
  function assessCard(scopeOps){let h=`<div class="card"><div class="card-h"><h3>运营人员当日工作评估</h3><span class="src ai">日报+采集·AI评估</span></div><div style="overflow-x:auto"><table><thead><tr><th>运营</th><th>事业部</th><th>店铺</th><th>日报</th><th>动作</th><th>有效</th><th>店均环比</th><th>评分</th></tr></thead><tbody>`;
    scopeOps.forEach(o=>{const u=unitOf(o.unit),sh=shopsOfOp(o.id);const chg=sh.reduce((a,s)=>a+s.chg*s.gmv,0)/sh.reduce((a,s)=>a+s.gmv,0);
      /* 原实现用 seed() 伪造动作数/有效数/评分，并把日报状态写死为「✓ 已交」——
         这些都是员工工作事实，编造风险高于经营数字。改为无数据即待同步。 */
      const acts=DATA_READY&&Number.isFinite(o.actions)?o.actions:null;
      const eff=DATA_READY&&Number.isFinite(o.effective)?o.effective:null;
      const score=DATA_READY&&Number.isFinite(o.score)?o.score:null;
      const daily=DATA_READY&&o.daily_report_status?o.daily_report_status:null;
      const bgOk=score!=null;const bg=!bgOk?'transparent':score>=85?'var(--up-soft)':score>=70?'var(--sunk)':'var(--down-soft)',fg=!bgOk?'var(--ink-3)':score>=85?'var(--up)':score>=70?'var(--ink-2)':'var(--down)';
      h+=`<tr data-act="op" data-id="${o.id}"><td>${o.name}</td><td><span style="color:${u.col}">●</span> ${unitAbbr(u)}</td><td>${sh.length}</td><td>${daily?`<span style="color:${/已交|已提交/.test(daily)?'var(--up)':'var(--down)'}">${/已交|已提交/.test(daily)?'✓':'✕'} ${daily}</span>`:PEND}</td><td>${acts==null?PEND:acts}</td><td>${eff==null?PEND:eff}</td><td class="${chg>=0?'up':'down'}">${ready(chg)?((chg>=0?'+':'')+chg.toFixed(1)+'%'):'待同步'}</td><td><span class="score" style="background:${bg};color:${fg}">${score==null?PEND:score}</span></td></tr>`;});
    h+=`</tbody></table></div></div>`;return h;}
  function compCard(scope){const rows=Object.keys(COMP).filter(k=>scope.some(s=>s.id===k)).map(k=>Object.assign({shop:k},COMP[k]));
    return `<div class="card"><div class="card-h"><h3>市场竞争 · 竞对追踪</h3><span class="src radar">店雷达 MCP</span></div><div class="anom">`+rows.map(c=>{const s=shopById(c.shop);
      return `<div class="anomit"><div class="ac"><div class="at">${c.name}</div><div class="ad">对标 ${s.name} · ${c.note}</div></div><div class="imp">¥${c.price} <span class="${c.chg<0?'down':c.chg>0?'up':''}">${c.chg===0?'—':(c.chg>0?'+':'')+c.chg+'%'}</span><br>销量 ${c.sales}</div></div>`;}).join('')+`</div><div class="muted-note" style="padding:10px 16px">店雷达 MCP 抓取，同步至商品定性证据卡（待接入）。</div></div>`;}

  /* ══ 客户区域分布：独立数据源（2026-08-29 用户确认）══
     契约要点：**店铺数据与老板角色数据同源同字段，仅作用域不同**（老板 = 全部授权店铺的聚合，
     单店 = 该店切片），因此两者共用同一套 metric 契约。**唯独客户区域分布不走这条同步链路**——
     它不能由店铺经营指标聚合得出，需后端单独提供 `/api/analytics/region`（或 dashboard_model.region），
     并携带自己的 source_system / source_batch_id / metric_date / data_quality_status / availability。
     未接入前只显示结构骨架，不显示任何区域百分比。
     ⚠ 待 Codex/用户确认：「不同步」是指①数据源独立（本实现按此），还是②同时口径/更新频率也不同
     （若是，区域卡需展示自己的「截至时间」，与页面顶部时间口径解耦）。 */
  let REGION=null;        // 客户区域分布，独立数据源；null = 未接入
  let IMPORT_LOGS=null;   // 历史导入批次（审计查询），来自 ingestion.source_batch；null = 未接入
  /* 本次导入执行日志：记录「这一次导入干了什么」，与历史批次查询是两回事。
     每一步都留痕，失败同样完整记录并标注未入库。会话内存，不落库。 */
  let IMPORT_RUN_LOG=[];
  const LOGICON={info:'·',ok:'✓',warn:'!',fail:'✕'};
  function impLog(status,step,detail){
    const d=new Date();const p2=n=>String(n).padStart(2,'0');
    IMPORT_RUN_LOG.push({ts:`${p2(d.getHours())}:${p2(d.getMinutes())}:${p2(d.getSeconds())}`,status,step,detail:detail==null?'':String(detail)});
    const box=document.getElementById('impLog');
    if(box){box.innerHTML=renderImportLog();box.scrollTop=box.scrollHeight;}
  }
  function renderImportLog(){
    if(!IMPORT_RUN_LOG.length)return `<div class="muted-note" style="padding:8px 2px">尚未执行导入。选择文件并提交后，这里会逐步记录处理过程。</div>`;
    return IMPORT_RUN_LOG.map(r=>`<div class="logline ${r.status}"><span class="lt">${r.ts}</span><span class="li">${LOGICON[r.status]||'·'}</span><span class="ls">${r.step}</span><span class="ld">${r.detail}</span></div>`).join('');
  }
  function regionCard(){
    const ready_=DATA_READY&&Array.isArray(REGION)&&REGION.length;
    const rows=ready_?REGION.map(r=>({nm:r.name,frac:r.share/Math.max(...REGION.map(x=>x.share)),val:r.share+'%',color:C.wait}))
                     :[];
    const skel=ready_?'':`<div class="rank">`+['广东','浙江','江苏','山东','福建','其他'].map(()=>
      `<div class="rk skel"><div class="nm">区域<div class="s2">待后端区域接口提供</div></div><div class="track"><div class="fill" style="width:0"></div></div><div class="val">${PEND}</div></div>`).join('')+`</div>`;
    return `<div class="card"><div class="card-h"><h3>客户区域分布 · 战略切片</h3><span class="src wait">${ready_?'季度口径':'独立数据源 · 待同步'}</span></div><div class="cbody">
      ${ready_?rankBars(rows):skel}
      <div class="muted-note" style="margin-top:12px">该指标<b>不由店铺经营数据聚合</b>，需后端独立接口提供，与老板/店铺共用的指标契约分开维护。
      2B 生意：买家账号地域 ≠ 真实企业/项目所在地，仅作季度战略参考（选展会 / 地推 / 物流布局），不用于考核。</div>
    </div></div>`;}

  /* ---------- 运营人员 ---------- */
  function operator(){
    const o=opOf(view.opid),u=unitOf(o.unit),m=P[period].m,per=P[period];
    const shops=shopsOfOp(o.id);
    const activeShop=view.shop?shopById(view.shop):null;
    const scopeShops=activeShop?[activeShop]:shops;
    const myProd=prodsScope(shops), scopeProd=prodsScope(scopeShops);
    const gmv=scopeShops.reduce((a,s)=>a+s.gmv*m,0),ad=scopeShops.reduce((a,s)=>a+s.ad*m,0);
    const iconv=scopeShops.reduce((a,s)=>a+s.iconv,0)/scopeShops.length,pconv=scopeShops.reduce((a,s)=>a+s.pconv,0)/scopeShops.length;
    const chg=scopeShops.reduce((a,s)=>a+s.chg*s.gmv,0)/scopeShops.reduce((a,s)=>a+s.gmv,0);
    document.getElementById('crumb').innerHTML=`${u.name} · 运营部 · <b>${o.name}</b>${activeShop?' · '+activeShop.name:''}`;
    let h=`<div class="back" data-act="unit" data-u="${u.code}">‹ 返回 ${u.name}</div>`;
    h+=`<div class="op-head"><div class="big">${o.name[0]}</div>
      <div class="who"><div class="nm">${o.name}</div><div class="ro"><span>${u.name} · 运营部 · 运营人员</span><span class="wx">${o.wx?`✎ 企微 @${o.wx}`:'✎ 企微账号待映射'}</span></div></div>`;
    if(shops.length>1){
      h+=`<div class="opshops">
        <div class="opshop-h ${!activeShop?'on':''}" data-act="opshop" data-s="">全部店铺<span class="n">${shops.length}店</span></div>
        ${shops.map(s=>`<div class="opshop-h ${activeShop&&activeShop.id===s.id?'on':''}" data-act="opshop" data-s="${s.id}">${s.name}</div>`).join('')}
      </div>`;
    }else{
      h+=`<div class="shopref">负责店铺<b>${shops[0].name} · ${myProd.length} 个商品</b></div>`;
    }
    h+=`</div>`;
    h+=`<div class="h-row"><h2>${o.name} · 运营数据</h2><span class="sc">${activeShop?activeShop.name+' · ':shops.length>1?'合计口径 · ':''}${per.day}口径</span></div>`;
    h+=`<div class="kpis">
      ${kpi(activeShop?'GMV':'合计 GMV',gmv,'元',chg,C.accent,o.id.length+2)}
      ${kpi('询盘转化率',iconv,'%',1.0,C.gold,o.id.length+6)}
      ${kpi('支付转化率',pconv,'%',0.5,C.up,o.id.length+9)}
      ${kpi('广告消耗',ad,'元',-1.3,C.down,o.id.length+15)}</div>`;
    // 多店铺时，全部店铺视图下补一排"分店对比"卡片，结构对齐老板经营总览的事业部对比卡
    if(shops.length>1&&!activeShop){
      h+=`<div class="bu">`;
      shops.forEach(s=>{
        h+=`<div class="buc" data-act="opshop" data-s="${s.id}"><span class="bar" style="background:${u.col}"></span>
          <div class="hd"><span class="dot" style="width:9px;height:9px;border-radius:2px;background:${u.col};display:inline-block"></span>${s.name}<span class="gmname">ROI ${fx(roiOf(s))}</span></div>
          <div class="big">${num(s.gmv*m)}<small> 元 GMV · ${per.day}</small></div>
          <div class="row"><span class="d ${s.chg>=0?'up':'down'}">${s.chg>=0?'▲':'▼'} ${fx(Math.abs(s.chg))}%</span><span>询盘转化 ${fx(s.iconv)}%</span><span>支付转化 ${fx(s.pconv)}%</span></div>
          <div class="mspark">${spark(series(s.gmv,20,s.id.length*9),u.col,480,30)}</div></div>`;});
      h+=`</div>`;
    }
    // 商品表（下钻核心，随店铺切换筛选）
    h+=`<div class="card"><div class="card-h"><h3>负责商品（点进商品详情看漏斗与决策）</h3><span class="hint">SKU 母体待建 · 暂按 listing</span>${sortSelectHtml()}</div>
      <div style="overflow-x:auto"><table><thead><tr><th>商品</th><th>店铺</th><th>生命周期</th><th>GMV(元)</th><th>询盘转化</th><th title="ROAS = 广告归因成交额 ÷ 广告花费">ROAS</th><th title="ROI = (收益 − 成本) ÷ 成本，需聚水潭利润/成本口径">ROI</th><th>环比</th><th>风险</th></tr></thead><tbody>`;
    sortProducts(scopeProd).forEach(p=>{const s=shopById(p.shop);
      h+=`<tr data-prod="${p.id}"><td>${p.name}</td><td class="shop-n"><span class="b" style="background:${unitOf(p.unit).col}"></span>${s.name}</td>
        <td><span class="stage-badge" style="background:${STAGES[p.stage]}22;color:${STAGES[p.stage]}">${p.stage}</span></td>
        <td>${num(p.gmv*m)}</td><td>${fx(pctOf(p.inquiries,p.vis))}%</td><td>${fx(p.roi)}</td><td>${fx(p.profit_roi)}</td>
        <td class="${p.chg>=0?'up':'down'}">${p.chg>=0?'+':''}${p.chg}%</td>
        <td><span class="risk ${p.risk==='高'?'gao':p.risk==='中'?'zhong':'di'}">${p.risk}</span></td></tr>`;});
    h+=`</tbody></table></div></div>`;
    // 当日运营日报 · 操作动作 + 竞品观察（提交时始终可选该运营人员名下全部店铺，不受当前筛选影响，见 empDailyCard）
    h+=empDailyCard(o,shops);
    return h;
  }

  /* ---------- 店铺运营页（2026-09-02 增量 · 见 codex 前端 handoff /shop/:shopSlug）----------
     纯增量视图，不改 operator()/product()/productsView()。
     · 商业结果（销量/营业额/利润/利润率/销售均价/平均利润）以聚水潭口径为准，未接入显示「待同步」，不推算；
     · 运营/广告指标来自 SYCM/数字营销证据，非最终利润口径；
     · 负责状态、Product→Listing→SKU 下钻、数据截至/质量状态由后端 /api/analytics/shops/:shop_id/operations 提供，
       未接入前一律「待同步」，不在前端合成或标红。 */
  function shopView(){
    const s=shopById(view.shop);
    if(!s){view={type:'overview',unit:null};return overview();}
    const u=unitOf(s.unit)||{col:'var(--ink-3)',name:'待映射'},o=s.op?opOf(s.op):null,per=P[period];
    if(view._shopFor!==s.id){view._shopFor=s.id;view._limit=50;}
    const prods=prodsScope([s]);
    document.getElementById('crumb').innerHTML=`${u.name} · ${o?o.name+' · ':''}<b>${s.name}</b>`;
    let h=`<div class="back" data-act="${o?'op':'unit'}" ${o?`data-id="${s.op}"`:`data-u="${s.unit}"`}>‹ 返回 ${o?o.name:u.name}</div>`;
    h+=`<div class="op-head"><div class="big">${platformOf(s).label.slice(0,1)}</div>
      <div class="who"><div class="nm">${platformChip(s)} ${s.name}</div>
        <div class="ro"><span>${u.name} · ${o?('负责运营 '+o.name):'未绑定运营人员'}</span>
        <span class="wx">${prods.length?prods.length+' 个商品 · Listing/Product':'Listing/SKU 待接入'}</span></div></div></div>`;
    h+=`<div class="h-row"><h2>店铺经营结果</h2><span class="sc">${per.day}口径 · 以聚水潭订单/发货/售后为准 · 缺失显示待同步</span></div>`;
    h+=`<div class="kpis">
      ${kpi('总销量',s.sales_qty,' 件',0,C.accent,11)}
      ${kpi('总营业额',s.revenue,'元',0,C.teal,12)}
      ${kpi('总利润',s.profit,'元',0,C.up,13)}
      ${kpi('利润率',s.profit_rate,'%',0,C.gold,14)}
      ${kpi('销售均价',s.avg_selling_price,'元',0,C.accent,15)}
      ${kpi('平均利润',s.avg_profit,'元',0,C.teal,16)}</div>`;
    h+=`<div class="h-row"><h2>运营与广告指标</h2><span class="sc">平台经营/流量/广告证据 · 非最终利润口径</span></div>`;
    h+=`<div class="kpis">
      ${kpi('GMV',s.gmv,'元',0,C.accent,21)}
      ${kpi('访客数',s.vis,'',0,C.teal,22)}
      ${kpi('询盘转化率',s.iconv,'%',0,C.gold,23)}
      ${kpi('支付转化率',s.pconv,'%',0,C.up,24)}
      ${kpi('广告消耗',s.ad,'元',0,C.down,25)}
      ${kpi('ROAS',(ready(s.att)&&ready(s.ad)&&s.ad)?s.att/s.ad:null,'',0,C.accent,26)}</div>`;
    const sorted=sortProducts(prods);
    const limit=view._limit||50, shown=sorted.slice(0,limit);
    h+=`<div class="card"><div class="card-h"><h3>店铺商品</h3><span class="hint">共 ${prods.length} 个 · 默认负责优先→营业额降序 · 负责商品红色标记待后端 responsibility_status</span>${sortSelectHtml()}</div>
      <div style="overflow-x:auto"><table><thead>
      <tr><th rowspan="2">商品</th><th rowspan="2">Listing/SKU</th><th rowspan="2">负责状态</th><th colspan="5">商业结果 · 聚水潭</th><th colspan="4">运营 / 广告</th><th colspan="2">数据</th><th rowspan="2">风险</th></tr>
      <tr><th>销量</th><th>营业额</th><th>利润</th><th>利润率</th><th>销售均价</th><th>询盘/订单</th><th>广告消耗</th><th title="ROAS = 广告归因成交额 ÷ 广告花费">ROAS</th><th title="ROI = (收益 − 成本) ÷ 成本，需聚水潭利润/成本口径">ROI</th><th>截至</th><th>质量</th></tr>
      </thead><tbody>`;
    shown.forEach(p=>{
      const resp=p.responsibility_status;
      const respStyle=resp==='responsible'?' style="color:var(--down);font-weight:600"':'';
      const respTxt=resp==='responsible'?'负责':resp==='unmapped'?'待映射':resp==='not_responsible'?'非负责':PEND;
      h+=`<tr data-prod="${p.id}">
        <td class="prod-title" title="${(p.name||'').replace(/"/g,'&quot;')}" style="max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${p.name||PEND}</td>
        <td>${p.listing_sku||PEND}</td>
        <td${respStyle}>${respTxt}</td>
        <td>${num(p.sales_qty)}</td><td>${num(p.revenue)}</td><td>${num(p.profit)}</td><td>${ready(p.profit_rate)?fx(p.profit_rate)+'%':PEND}</td><td>${num(p.avg_selling_price)}</td>
        <td>${(ready(p.inquiries)||ready(p.orders))?num(p.inquiries)+' / '+num(p.orders):PEND}</td><td>${num(p.ad)}</td><td>${fx(p.roi)}</td><td>${fx(p.profit_roi)}</td>
        <td>${p.data_as_of||PEND}</td><td>${p.data_quality_status||PEND}</td>
        <td><span class="risk ${p.risk==='高'?'gao':p.risk==='中'?'zhong':p.risk==='低'?'di':''}">${p.risk||PEND}</span></td></tr>`;});
    h+=`</tbody></table></div>`;
    if(sorted.length>limit)h+=`<div style="padding:10px 14px;text-align:center"><button class="btn" data-shop-more="1">加载更多（还有 ${sorted.length-limit} 个）</button></div>`;
    h+=`</div>`;
    h+=`<div class="kbstrip"><span class="kt">◆</span> 商业结果字段（销量/营业额/利润等）来自聚水潭，接入前显示「待同步」；Product→Listing→SKU 下钻与负责状态由后端 <code>/api/analytics/shops/:shop_id/operations</code> 提供后接入，前端不自造口径。<b>ROAS</b> = 广告归因成交额 ÷ 广告花费；<b>ROI</b> = (收益 − 成本) ÷ 成本（需聚水潭利润/成本，未接入显示待同步）。</div>`;
    return h;
  }

  /* ---------- 商品详情（七卡 + Decision Card） ---------- */
  function funnel(p,m){
    if(!DATA_READY){
      const names=['曝光','点击','访客','询盘','有效线索','订单'];
      return {html:`<div class="fn">${names.map(n=>`<div class="st"><div class="lb">${n}</div><div class="track"><div class="fill" style="width:0">${PEND}</div></div></div>${n==='订单'?'':'<div class="conv">↓ 待同步</div>'}`).join('')}</div>`,weak:-1,diag:'真实指标尚未导入，暂不进行漏斗诊断。'};
    }
    const stg=[['曝光',p.impr*m],['点击',p.clicks*m],['访客',p.vis*m],['询盘',p.inquiries*m],['有效线索',p.leads*m],['订单',p.orders*m]];
    const mx=stg[0][1];const convs=[];for(let i=1;i<stg.length;i++)convs.push(stg[i][1]/stg[i-1][1]);
    const weak=convs.indexOf(Math.min(...convs));
    const cols=[C.accent,C.accent,C.teal,C.gold,C.gold,C.up];
    const names=['曝光→点击','点击→访客','访客→询盘','询盘→有效','有效→订单'];
    let h=`<div class="fn">`;
    stg.forEach((s,i)=>{h+=`<div class="st"><div class="lb">${s[0]}</div><div class="track"><div class="fill" style="width:${Math.max(9,s[1]/mx*100).toFixed(0)}%;background:${cols[i]}">${num(s[1])}</div></div></div>`;
      if(i<stg.length-1){const c=convs[i],bad=i===weak;h+=`<div class="conv ${bad?'bad':''}">↓ ${names[i]} ${fx(c*100)}%${bad?` <span class="flag">瓶颈层 · AI标记</span>`:''}</div>`;}});
    h+=`</div>`;
    const diag=['曝光正常但点击弱 → 查主图/价格/标题（不要直接加预算）','点击到访客流失 → 查落地与加载','访客到询盘弱 → 查详情/MOQ/价格区间/交期/信任信息（不要直接判无需求）','询盘到有效弱 → 查线索质量/找工厂需求识别/响应速度','有效到订单弱 → 查报价/跟进/样品/付款条件/竞品（不要只归因流量）'][weak];
    return {html:h,weak,diag};
  }
  function product(){
    const p=prodById(view.pid),s=shopById(p.shop),u=unitOf(p.unit),m=P[period].m,per=P[period],o=opOf(s.op);
    document.getElementById('crumb').innerHTML=`${u.name} · ${s.name} · <b>${p.name}</b>`;
    const fn=funnel(p,m), roi=p.roi;
    let h=`<div class="back" data-act="op" data-id="${s.op}">‹ 返回 ${o.name}</div>`;
    h+=`<div class="h-row"><h2>${p.name}</h2><span class="sc">${s.name} · 负责 ${o.name} · ${per.day}口径</span><span class="stage-badge" style="background:${STAGES[p.stage]}22;color:${STAGES[p.stage]}">${p.stage}</span><span class="risk ${p.risk==='高'?'gao':p.risk==='中'?'zhong':'di'}">风险 ${p.risk}</span></div>`;
    h+=`<div class="cards7">`;
    // 状态卡
    h+=`<div class="c7"><h4>状态卡 <span class="src ai">AI</span></h4><div class="kv">
      <div class="i"><div class="l">生命周期</div><div class="v" style="color:${STAGES[p.stage]||'var(--ink-3)'}">${p.stage||PEND}</div></div>
      <div class="i"><div class="l">风险等级</div><div class="v">${p.risk||PEND}</div></div>
      <div class="i" style="grid-column:1/-1"><div class="l">AI 结论</div><div class="v" style="font-size:12.5px;font-weight:400;line-height:1.5">${ready(p.chg)?(p.chg>=0?'处上升通道，广告 ROI 达标，可小步扩量高转化款。':'环比承压，'+fn.diag.split('→')[0]+'为当前瓶颈，先诊断后动作。'):PEND}</div></div>
      <div class="i" style="grid-column:1/-1"><div class="l">最近决策</div><div class="v" style="font-size:12.5px;font-weight:400">${ready(p.chg)?'DC-2048 · '+(p.chg>=0?'扩量高转化词包（执行中）':'补详情信任要素（待审批）'):PEND}</div></div>
    </div></div>`;
    // 商业结果卡
    h+=`<div class="c7"><h4>商业结果卡 <span class="src rpa">采集</span></h4><div class="kv">
      <div class="i"><div class="l">GMV</div><div class="v">${num(p.gmv*m)}</div></div>
      <div class="i"><div class="l">订单数</div><div class="v">${num(p.orders*m)}</div></div>
      <div class="i"><div class="l">毛利 / 毛利率</div><div class="v w">待接入</div></div>
      <div class="i"><div class="l">退款</div><div class="v w">待接入</div></div>
    </div></div>`;
    // 漏斗卡
    h+=`<div class="c7 full"><h4>漏斗卡 · 曝光→点击→访客→询盘→有效线索→订单 <span class="src rpa">采集 · 有效线索口径待定义</span></h4>${fn.html}
      <div class="muted-note" style="margin-top:10px;color:var(--down)">诊断：${fn.diag}</div></div>`;
    // 广告卡
    h+=`<div class="c7"><h4>广告卡 <span class="src rpa">数字营销</span></h4><div class="kv">
      <div class="i"><div class="l">广告消耗</div><div class="v">${num(p.spend*m)}</div></div>
      <div class="i"><div class="l">ROAS（归因）</div><div class="v">${fx(roi)}</div></div>
      <div class="i"><div class="l">付费线索</div><div class="v">${num(p.leads*m*0.6)}</div></div>
      <div class="i"><div class="l">CAC</div><div class="v w">待接入</div></div>
    </div></div>`;
    // 运营因素卡
    h+=`<div class="c7"><h4>运营因素卡 <span class="src rpa">主数据 + 日报</span></h4><div class="kv">
      <div class="i"><div class="l">价格</div><div class="v">${ready(p.price)?'¥'+p.price:PEND}</div></div>
      <div class="i"><div class="l">MOQ</div><div class="v">${ready(p.moq)?p.moq:PEND}</div></div>
      <div class="i"><div class="l">库存 / 交期</div><div class="v" style="font-size:14px">${ready(p.stock)?p.stock:PEND} / ${ready(p.lead)?p.lead+'天':PEND}</div></div>
      <div class="i"><div class="l">详情完整度</div><div class="v">${ready(p.detail)?p.detail+'%':PEND}</div></div>
      <div class="i" style="grid-column:1/-1"><div class="l">最近变更</div><div class="v w">待接入 · 需后端 product_change_log</div></div>
    </div></div>`;
    // 定性证据卡
    const c=COMP[p.shop];
    h+=`<div class="c7"><h4>定性证据卡 <span class="src radar">店雷达 + 业务</span></h4>
      <div class="kv"><div class="i" style="grid-column:1/-1"><div class="l">客户拒绝原因 Top（需 crm.lead）</div><div class="v w">待接入 · 现无 Lead 明细</div></div></div>
      <div style="margin-top:10px;font-size:12px;color:var(--ink-2);line-height:1.6">竞品追踪（店雷达 MCP）：${c?`${c.name} ¥${c.price}（${c.chg===0?'持平':(c.chg>0?'+':'')+c.chg+'%'}），销量${c.sales}；${c.note}。`:'本店暂无对标竞品数据。'}</div></div>`;
    // Decision Timeline
    h+=`<div class="c7 full"><h4>Decision Timeline <span class="src ai">决策闭环</span></h4><div class="tl">
      <div class="ti"><span class="dot" style="background:${ready(p.chg)?C.accent:'var(--line-2)'}"></span><div class="tc"><div class="tt">AI 建议 · ${ready(p.chg)?(p.chg>=0?'扩量高转化词包':'补详情信任要素'):PEND}</div><div class="td">${ready(p.chg)?'今日 09:40 · confidence 中 · 引用漏斗+广告+竞对':PEND}</div></div></div>
      <div class="ti"><span class="dot" style="background:${ready(p.chg)?(p.chg>=0?C.up:C.gold):'var(--line-2)'}"></span><div class="tc"><div class="tt">人工确认 · ${ready(p.chg)?(p.chg>=0?'运营主管已批准':'待运营主管审批'):PEND}</div><div class="td">${ready(p.chg)?(p.chg>=0?'今日 10:05':'—'):PEND}</div></div></div>
      <div class="ti"><span class="dot" style="background:var(--line-2)"></span><div class="tc"><div class="tt">执行动作 · ${ready(p.chg)?(p.chg>=0?'已推送企微，运营执行中':'未开始'):PEND}</div><div class="td">写入 operation_action，记录前后指标窗口</div></div></div>
      <div class="ti"><span class="dot" style="background:var(--line-2)"></span><div class="tc"><div class="tt">复查结果 · 待 3 日后</div><div class="td">复查指标：询盘转化率 / 有效线索；判定 有效/无效/不确定</div></div></div>
    </div></div>`;
    h+=`</div>`;
    // 结构化 Decision Card + 指令
    const prio=p.risk==='高'?'P0':p.risk==='中'?'P1':'P2';
    h+=`<div class="dcard"><div class="dh"><span class="did">DC-2048</span><h3>${p.name} · 下一步决策</h3><span class="prio ${prio==='P0'?'':prio==='P1'?'p1':'p2'}">${prio}</span></div>
      <div class="dfields">
        <div class="fk">Status</div><div class="fv">${p.name} ${per.day} GMV ${num(p.gmv*m)}，环比 ${ready(p.chg)?(p.chg>=0?'+':'')+p.chg+'%':PEND}；${p.stage}。</div>
        <div class="fk">Evidence</div><div class="fv">曝光 ${num(p.impr*m)}、CTR ${fx(pctOf(p.clicks,p.impr))}%、访客 ${num(p.vis*m)}、询盘转化 ${fx(pctOf(p.inquiries,p.vis))}%、ROI ${fx(roi)}。</div>
        <div class="fk">Diagnosis</div><div class="fv">${fn.weak>=0?`瓶颈在<b>${['曝光','点击','询盘','有效线索','订单'][fn.weak]}层</b>：${fn.diag}`:fn.diag}</div>
        <div class="fk">Hypotheses</div><div class="fv">${ready(p.chg)?(p.chg>=0?'高转化词包可承接更多预算；主推款场景图不足限制点击。':'MOQ/价格可能压低询盘意愿；详情信任要素不足。')+'（待验证）':PEND}</div>
        <div class="fk">Data Gap</div><div class="fv"><span class="w">最近 10 条客户拒绝原因（需 crm.lead）；SKU 级毛利（需 cost）。</span></div>
        <div class="fk">Recommendation</div><div class="fv">${ready(p.chg)?(p.chg>=0?'①高转化款置顶补 3 张场景主图；②词包日预算 ¥300→¥380 小步扩量。':'①补详情首屏信任要素与买家秀；②暂停 2 个低 ROI 计划，不降价。'):PEND}</div>
        <div class="fk">Owner / 截止</div><div class="fv">${o.name}${o.wx?'（@'+o.wx+'）':''} · 截止 2 个工作日</div>
        <div class="fk">Review</div><div class="fv">3 天后复查 询盘转化率 / 有效线索率；判定 有效/无效/不确定。</div>
      </div>
      <div class="dfoot"><span class="conf mid">confidence 中</span><span class="muted-note" style="margin:0">approval_required · 未审批不可推送（人工闸门）</span>
        <span style="margin-left:auto;display:flex;gap:8px"><button class="btn primary" data-push="0" ${ready(p.chg)&&p.chg>=0?'':'disabled'}>✔ 推送企业微信</button><button class="btn">编辑</button>${ready(p.chg)&&p.chg<0?'<button class="btn">去审批</button>':''}</span></div>
    </div>`;
    h+=`<div class="kbstrip"><span class="kt">◆ 指令优化闭环</span> Decision Card 由大模型据 漏斗+广告+竞对+企业知识库+成功动作案例库 生成；人工审批后推送企微；生效动作回流案例库，持续优化指令质量。</div>`;
    return h;
  }

  function render(){
    renderTree();
    const c=document.getElementById('canvas');
    c.innerHTML=view.type==='shop'?shopView():view.type==='product'?product():view.type==='op'?operator():view.type==='products'?productsView():view.type==='anoms'?anomsView():view.type==='decisions'?decisionsView():view.type==='import'?importView():view.type==='tool'?toolView():overview();
    try{const _rp=routeFromView();if(location.pathname!==_rp)history.pushState(null,'',_rp);}catch(e){}
    if(view.type==='tool'&&view.tool==='rpa'){
      document.getElementById('rpaRefresh')?.addEventListener('click',refreshMonitor);
      c.querySelectorAll('[data-mon-check]').forEach(b=>b.addEventListener('click',()=>{
        if(b.dataset.monCheck==='jushuitan')checkJushuitan();else if(b.dataset.monCheck==='radar')checkRadar();
      }));
      setTimeout(startMonitorAutoRefresh,0);
      bindManualImport();   // 视图重建后表单是新节点，必须重新绑定
    }else if(view.type==='import'){
      bindManualImport();
      document.getElementById('impLogCopy')?.addEventListener('click',()=>{
        const txt=IMPORT_RUN_LOG.map(r=>`[${r.ts}] ${(LOGICON[r.status]||'·')} ${r.step}　${r.detail}`).join('\n')||'（本次导入日志为空）';
        navigator.clipboard?.writeText(txt).then(()=>impLog('info','日志已复制到剪贴板',`${IMPORT_RUN_LOG.length} 行`),
          ()=>impLog('warn','复制失败','当前环境不允许写剪贴板，请手工选中复制'));
      });
      document.getElementById('impLogClear')?.addEventListener('click',()=>{
        IMPORT_RUN_LOG=[];const box=document.getElementById('impLog');if(box)box.innerHTML=renderImportLog();
      });
      document.getElementById('manualImportFile')?.addEventListener('change',e=>{
        const f=e.target.files?.[0];
        if(f){IMPORT_RUN_LOG=[];impLog('info','已选择文件',`${f.name}（${f.size<1024?f.size+' B':(f.size/1024).toFixed(1)+' KB'}）—— 尚未提交`);}
      });
    }else{
      stopMonitorAutoRefresh();
    }
    c.querySelectorAll('[data-model-select]').forEach(b=>b.addEventListener('click',()=>{
      if(window.__setActiveModel)window.__setActiveModel(b.dataset.modelSelect);
    }));
    c.querySelectorAll('[data-model-test]').forEach(b=>b.addEventListener('click',()=>{
      const original=b.textContent;b.disabled=true;b.textContent='测试中…';
      setTimeout(()=>{b.disabled=false;b.textContent=original;alert(`${MODEL_INFO[b.dataset.modelTest].full} 连通性测试通过（示意）`);},600);
    }));
    c.querySelectorAll('[data-prod]').forEach(el=>el.addEventListener('click',ev=>{ev.stopPropagation();const s=prodById(el.dataset.prod);view={type:'product',pid:el.dataset.prod,opid:shopById(s.shop).op};render();}));
    c.querySelector('#productSort')?.addEventListener('change',e=>{productSort=e.target.value;render();});
    c.querySelector('[data-shop-more]')?.addEventListener('click',()=>{view._limit=(view._limit||50)+50;render();});
    c.querySelector('[data-prod-more]')?.addEventListener('click',()=>{prodLimit+=50;render();});
    document.querySelectorAll('[data-goto-nav]').forEach(el=>el.addEventListener('click',ev=>{
      ev.preventDefault();ev.stopPropagation();view={type:el.dataset.gotoNav};render();
    }));
    document.querySelectorAll('[data-agent-ask]').forEach(el=>el.addEventListener('click',ev=>{
      ev.preventDefault();ev.stopPropagation();
      const inp=document.getElementById('aginp');
      document.getElementById('agfab')?.click();
      if(inp){inp.value=el.dataset.agentAsk;inp.focus();}
    }));
    document.querySelectorAll('[data-goto-tool]').forEach(el=>el.addEventListener('click',ev=>{
      ev.preventDefault();ev.stopPropagation();view={type:'tool',tool:el.dataset.gotoTool};render();
      document.querySelector('.canvas')?.scrollTo({top:0,behavior:'instant'});
    }));
    c.querySelectorAll('[data-act]').forEach(el=>el.addEventListener('click',ev=>{ev.stopPropagation();const a=el.dataset.act;
      if(a==='all')view={type:'overview',unit:null};else if(a==='unit')view={type:'overview',unit:el.dataset.u};else if(a==='op')view={type:'op',opid:el.dataset.id};else if(a==='opshop')view={type:'op',opid:view.opid,shop:el.dataset.s||null};render();}));
    c.querySelectorAll('[data-push]').forEach(b=>b.addEventListener('click',()=>{if(b.disabled)return;b.textContent='✔ 已推送';b.disabled=true;b.style.opacity=.6;}));
    c.querySelectorAll('[data-emp-toggle]').forEach(b=>b.addEventListener('click',()=>{
      const el=document.getElementById(b.dataset.empToggle);if(!el)return;
      el.hidden=!el.hidden;b.textContent=el.hidden?b.dataset.empOpenLabel:'收起';
      if(!el.hidden)el.querySelector('input,select,textarea')?.focus();
    }));
    c.querySelectorAll('[data-emp-form]').forEach(f=>f.addEventListener('submit',async ev=>{
      ev.preventDefault();
      const kind=f.dataset.empForm,op=opOf(f.dataset.empOp),fd=new FormData(f),now=nowStr();
      if(!op)return;
      if(kind==='competitor'){
        COMPOBS.push({id:'CO-'+(++empSeq),kind:'competitor',shop:fd.get('shop'),compName:fd.get('compName'),price:+fd.get('price'),priceTrend:fd.get('priceTrend'),salesNote:fd.get('salesNote'),evidence:fd.get('evidence'),judge:fd.get('judge'),status:'submitted',createdBy:op.id,createdByName:op.name,createdAt:now,submittedAt:now});
      }else{
        OPACTIONS.push({id:'OA-'+(++empSeq),kind:'action',shop:fd.get('shop'),actionType:fd.get('actionType'),desc:fd.get('desc'),expect:fd.get('expect'),status:'submitted',createdBy:op.id,createdByName:op.name,createdAt:now,submittedAt:now});
      }
      render();
    }));
    c.querySelectorAll('[data-emp-approve]').forEach(b=>b.addEventListener('click',()=>empDecide(b.dataset.empApprove,'approved')));
    c.querySelectorAll('[data-emp-reject]').forEach(b=>b.addEventListener('click',()=>empDecide(b.dataset.empReject,'rejected')));
    if(window.__agentSyncContext)window.__agentSyncContext(agentContextForView());
  }
  window.__rerenderCanvas=render;
  /* 2026-08-27 增量：Agent 身份下拉已去掉，改为纯按左侧栏/主内容区当前浏览范围映射，
     侧栏标题下方直接显示"几点好，某某人"。映射关系：
     景泉/骏峰运营人员或其商品页 → 用该运营人员本人姓名打招呼，Skill/知识库范围切到对应事业部运营岗；
     全部事业部/跨事业部页面、单事业部总览、中台工具页 → 目前登录用的是罗总（老板），一律用"罗总"打招呼，
     Skill/知识库范围按事业部总览/平台工具分别切换。财务暂无对应导航入口，本轮不涉及。 */
  const BOSS_NAME='罗总';
  function agentContextForView(){
    if(view.type==='tool')return {role:'admin',name:BOSS_NAME};
    if(view.type==='op'||view.type==='product'){
      const o=opOf(view.opid);
      if(o)return {role:o.unit==='JQ'?'jq':'jf',name:o.name};
    }
    if(view.type==='overview'){
      if(view.unit==='JQ')return {role:'jq',name:BOSS_NAME};
      if(view.unit==='JF')return {role:'jf',name:BOSS_NAME};
    }
    return {role:'boss',name:BOSS_NAME};
  }
  document.getElementById('seg').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;
    period=b.dataset.p;document.querySelectorAll('#seg button').forEach(x=>x.classList.toggle('on',x===b));render();});

  /* ---------- 接线层 · 契约见 28-经营驾驶舱-前端接线契约 ---------- */
  const qs=new URLSearchParams(location.search);
  const API_BASE=(qs.get('api')||'').replace(/\/$/,'');
  const API_ENABLED=qs.get('api')!=='off';
  /* F4：environment 不得硬编码。取自 ?env=，缺省 test；生产部署应由后端或构建配置注入。
     写死 test 会在阿里云/生产环境静默错标数据来源环境。 */
  const ENVIRONMENT=(qs.get('env')||'test').toLowerCase()==='production'?'production':'test';
  const EMP='';
  let LIVE=false;
  async function api(path){try{const r=await fetch(API_BASE+path,{credentials:'include',headers:{'accept':'application/json'}});if(!r.ok)return null;return await r.json();}catch(e){return null;}}
  function banner(){const p=document.querySelector('.proto');if(!p)return;
    p.innerHTML=LIVE
      ? `<i style="color:var(--up)">●</i> 数据源：实时 @ ${API_BASE||location.origin}（身份 ${EMP}）· 未接入字段由后端返回 not_available → 前端显示「待接入」，不编造。`
      : `<i>●</i> 数据源：未接入 · 全部数值显示「待同步」。接实时数据在 URL 加 <b>?api=后端地址&emp=员工ID</b>；
        也可 <a href="#" data-goto-nav="import" style="color:var(--accent);text-decoration:underline">人工导入 Excel / CSV</a> 补数据。`;}
  /* 统一导入：environment 不硬编码，取自 ?env= 或默认 test；载荷补 shop_id 与原始文件 sha256
     （P0-数据接入契约明列「原始文件引用」）。失败一律不标记为成功。 */
  async function sha256Hex(buf){
    if(!(crypto&&crypto.subtle))return null;
    const d=await crypto.subtle.digest('SHA-256',buf);
    return Array.from(new Uint8Array(d)).map(b=>b.toString(16).padStart(2,'0')).join('');
  }
  function bindManualImport(){
    const form=document.getElementById('manualImportForm');
    if(!form)return;
    const sel=document.getElementById('manualImportShop');
    if(sel&&sel.options.length<=1)SHOP.forEach(s=>{const o=document.createElement('option');o.value=s.id;o.textContent=s.name;sel.appendChild(o);});
    form.addEventListener('submit',async ev=>{
      ev.preventDefault();
      const f=ev.currentTarget,file=document.getElementById('manualImportFile')?.files?.[0],out=document.getElementById('manualImportResult');
      if(!out)return;
      if(!file){
        IMPORT_RUN_LOG=[];
        impLog('fail','前置校验 · 文件','未选择文件');
        impLog('fail','终止','未入库。');
        out.textContent='未提交：请先选择已清洗的文件。详见下方本次导入日志。';return;
      }
      IMPORT_RUN_LOG=[];
      const kb=(n)=>n<1024?n+' B':(n/1024).toFixed(1)+' KB';
      impLog('info','开始导入',`${file.name}（${kb(file.size)}，${file.type||'类型未知'}）`);
      out.textContent='正在校验并提交…';

      const shopId=f.elements.shop_id&&f.elements.shop_id.value;
      impLog(shopId?'ok':'fail','前置校验 · 归属店铺',shopId?`shop_id=${shopId}`:'未选择——shop_id 是统一导入契约必填字段');
      if(!shopId){impLog('fail','终止','未入库。请选择归属店铺后重试。');out.textContent='未提交：请先选择归属店铺。详见下方本次导入日志。';return;}
      impLog('info','前置校验 · 参数',`来源=${f.elements.source_system.value} · environment=${ENVIRONMENT} · 统计日=${f.elements.metric_date.value||'未填'} · 快照日=${f.elements.snapshot_date.value||'未填'}`);

      let sha=null;
      try{
        const buf=await file.arrayBuffer();
        sha=await sha256Hex(buf);
        impLog(sha?'ok':'warn','计算文件指纹',sha?`sha256=${sha.slice(0,16)}…${sha.slice(-8)}`:'当前环境不支持 crypto.subtle，未生成指纹（原始文件引用将缺失）');
        var bytes=new Uint8Array(buf),binary='';
        for(let i=0;i<bytes.length;i+=0x8000)binary+=String.fromCharCode(...bytes.subarray(i,i+0x8000));
        var b64=btoa(binary);
        impLog('ok','文件编码完成',`${kb(b64.length)} base64 载荷`);
      }catch(e){
        impLog('fail','读取文件失败',e.message);
        impLog('fail','终止','未入库。');
        out.textContent='导入未完成：读取文件失败。详见下方本次导入日志。';return;
      }

      if(!API_ENABLED){
        impLog('fail','提交后端','当前已关闭真实 API（?api=off），请求未发出');
        impLog('info','所需返回契约','source_batch_id / status / preview / validation_errors / data_quality_status');
        impLog('fail','终止','未入库。前端不会在无后端时伪造成功。');
        out.textContent='未提交：当前未配置真实 API。详见下方本次导入日志。';return;
      }

      try{
        impLog('info','提交后端',`POST ${API_BASE}/api/ingestion/import`);
        const payload={original_filename:file.name,content_type:file.type,content_sha256:sha,content_base64:b64,
          source_system:f.elements.source_system.value,shop_id:shopId,environment:ENVIRONMENT,
          metric_date:f.elements.metric_date.value||null,snapshot_date:f.elements.snapshot_date.value||null};
        const r=await fetch(API_BASE+'/api/ingestion/import',{method:'POST',headers:{'content-type':'application/json','x-jq-employee-id':EMP,'accept':'application/json'},body:JSON.stringify(payload)});
        const x=await r.json();
        if(!r.ok)throw new Error(x.error||'HTTP '+r.status);
        impLog('ok','后端已受理',`批次 ${x.source_batch_id||x.batch_id||'unknown'} · 状态 ${x.status||'unknown'}`);
        const errs=x.validation_errors||[];
        impLog(errs.length?'warn':'ok','逐行校验',`预览 ${x.preview?.length||0} 行 · 校验错误 ${errs.length} 条`);
        errs.slice(0,20).forEach(e=>impLog('warn',`拒绝 第 ${e.row??'?'} 行`,`${e.field||''} ${e.message||e.reason||''}`.trim()));
        if(errs.length>20)impLog('info','…',`另有 ${errs.length-20} 条校验错误未在此展开，完整明细见后端批次记录`);
        impLog('info','数据质量',x.data_quality_status||'unknown');
        impLog(x.status==='confirmed'?'ok':'warn','结束',x.status==='confirmed'?'已入库':`批次状态为 ${x.status||'unknown'}，未确认入库`);
        out.textContent='批次 '+(x.source_batch_id||x.batch_id||'unknown')+' · 状态 '+(x.status||'unknown')+' · 校验错误 '+errs.length+' 条 · 质量 '+(x.data_quality_status||'unknown');
      }catch(e){
        impLog('fail','提交失败',e.message);
        impLog('fail','终止','未入库。失败批次不会被标记为成功，可修正后重新提交生成新批次。');
        out.textContent='导入未完成：'+e.message+'（详见下方本次导入日志）';
      }
    });
  }

  async function boot(){
    if(API_ENABLED){
      const raw=await api('/api/dashboard/model'+(qs.get('scope')?`?scope=${qs.get('scope')}`:''));
      const m=raw&&(raw.data||raw);   // 兼容后端 {data:{…}} 信封（Codex adapter）或顶层扁平
      if(m&&(Array.isArray(m.shops)||Array.isArray(m.units))){
        LIVE=true;DATA_READY=true;
        // Real-data mode: render only records returned by the local API. Do not merge SEED/demo rows.
        UNITS=Array.isArray(m.units)?m.units:[];
        SHOP=Array.isArray(m.shops)?m.shops:[];
        OPS=Array.isArray(m.ops)?m.ops:[];
        COMP=m.competitors&&typeof m.competitors==='object'?m.competitors:{};
        PROD=Array.isArray(m.products)?m.products:[];
        COMPOBS=Array.isArray(m.competitor_observations)?m.competitor_observations:[];
        /* 客户区域分布走独立字段，不由店铺聚合派生；后端未给即保持 null（渲染为待同步）。 */
        REGION=Array.isArray(m.region)?m.region:null;
        IMPORT_LOGS=Array.isArray(m.import_batches)?m.import_batches:null;
        OPACTIONS=Array.isArray(m.operator_actions)?m.operator_actions:[];
      }
    }else{
      /* 无真实 API 时不加载或展示任何静态经营事实，避免示例数字被误认为业务数据。
         COMPOBS / OPACTIONS 一并清空——伪造审批留痕的风险高于伪造数字，且在线分支
         同样由后端接管，避免历史预置记录与真实运营人员数据并存渲染。 */
      /* 2026-08-29 调整：离线时**保留组织静态结构**（事业部/虚拟运营/已入驻店铺），
         便于评审版面；但不给任何经营数值——SEED 里业务字段本就是 null，
         经 num()/fmtY()/kpi() 一律渲染为「待同步」。竞品与审批记录仍整体清空：
         那是伪造留痕风险，不属于「结构」。 */
      UNITS=[];SHOP=[];OPS=[];COMP={};COMPOBS=[];OPACTIONS=[];PROD=[];
    }
    view=viewFromRoute();banner();render();bindManualImport();
    if(ROUTE_PATH==='/agent')document.getElementById('agfab')?.click();
  }
  const side=document.querySelector('.side'),scrim=document.getElementById('scrim'),menuBtn=document.getElementById('menuBtn');
  menuBtn.setAttribute('aria-controls','tree');menuBtn.setAttribute('aria-expanded','false');
  function closeMenu(focus=false){side.classList.remove('open');scrim.classList.remove('open');menuBtn.setAttribute('aria-expanded','false');if(focus&&window.matchMedia('(max-width:1080px)').matches)menuBtn.focus();}
  menuBtn.addEventListener('click',()=>{const o=!side.classList.contains('open');side.classList.toggle('open',o);scrim.classList.toggle('open',o);menuBtn.setAttribute('aria-expanded',String(o));if(o){const first=side.querySelector('button,[href],[tabindex]:not([tabindex="-1"])');first?.focus();}});
  scrim.addEventListener('click',closeMenu);
  document.getElementById('tree').addEventListener('click',event=>{
    if(event.target.closest('button[aria-expanded][aria-controls]'))return;
    if(event.target.closest('[data-module-page],[data-hr-page],[data-v3-dept],[data-nav],[data-act]')&&window.matchMedia('(max-width:1080px)').matches)setTimeout(closeMenu,10);
  });
  document.addEventListener('keydown',event=>{if(!side.classList.contains('open')||!window.matchMedia('(max-width:1080px)').matches)return;if(event.key==='Escape'){event.preventDefault();closeMenu(true);return;}if(event.key==='Tab'){const items=[...side.querySelectorAll('button,[href],[tabindex]:not([tabindex="-1"])')].filter(el=>!el.hidden&&el.getClientRects().length);if(!items.length)return;const first=items[0],last=items.at(-1);if(event.shiftKey&&document.activeElement===first){event.preventDefault();last.focus();}else if(!event.shiftKey&&document.activeElement===last){event.preventDefault();first.focus();}}});
  window.addEventListener('popstate',()=>{view=viewFromRoute();render();});
  window.JQRenderTree=renderTree;
  boot();
})();
</script>
<script>
document.addEventListener('click',(event)=>{
  const control=event.target.closest('[data-v3-direct],[data-v3-stop],[data-v3-action="today_purchase"]');
  if(!control||window.JQ_CURRENT_USER)return;
  event.preventDefault();event.stopImmediatePropagation();
  const login=document.getElementById('v3login'),message=document.getElementById('v3authmsg');
  if(login)login.hidden=false;
  if(message)message.textContent='请先使用测试账号登录后再执行真实业务功能。';
},true);
function mountPasswordChange(){
  if(document.getElementById('v3-password-change'))return;
  const panel=document.createElement('form');
  panel.id='v3-password-change';panel.className='v3-login-form';
  panel.style.cssText='position:fixed;z-index:10001;right:7vw;top:50%;transform:translateY(-50%);width:min(410px,calc(100vw - 48px));padding:24px;background:var(--paper);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.18)';
  panel.innerHTML='<h2>修改初始密码</h2><p class="v3-note">为保护测试账号，请先完成密码修改后再执行业务操作。</p><label class="v3-field">当前密码<input class="v3-input" name="current_password" type="password" required autocomplete="current-password"></label><label class="v3-field">新密码（至少 10 位）<input class="v3-input" name="new_password" type="password" minlength="10" required autocomplete="new-password"></label><label class="v3-field">确认新密码<input class="v3-input" name="confirm_password" type="password" minlength="10" required autocomplete="new-password"></label><button class="v3-btn primary wide" type="submit">保存新密码</button><div class="v3-note" role="status" style="margin-top:9px"></div>';
  panel.onsubmit=async(event)=>{event.preventDefault();const data=new FormData(panel),status=panel.querySelector('[role="status"]');if(data.get('new_password')!==data.get('confirm_password')){status.textContent='两次输入的新密码不一致。';return;}const response=await fetch('/auth/password/change',{method:'POST',credentials:'include',headers:{'content-type':'application/json'},body:JSON.stringify({current_password:data.get('current_password'),new_password:data.get('new_password')})}),result=await response.json().catch(()=>({}));if(!response.ok){status.textContent=result.error==='CURRENT_PASSWORD_INVALID'?'当前密码不正确。':result.error||'密码修改失败，请稍后重试。';return;}panel.remove();const msg=document.getElementById('v3authmsg');if(msg)msg.textContent='密码已修改，可以开始测试业务功能。';};
  document.body.append(panel);
}
new MutationObserver(()=>{const message=document.getElementById('v3authmsg');if(message&&message.textContent.includes('当前为临时密码'))mountPasswordChange();}).observe(document.documentElement,{childList:true,subtree:true,characterData:true});
</script>
<!-- 2026-08-29 既有核心文件增量：组织树按事业部→运营人员→店铺渲染；缺少真实人员映射时显示运营A/运营B等“测试待映射”代号并暂定1:1。代号不得显示为企业微信真实身份；前端保留一人多店布局能力。 -->
<!--
  2026-08-28 迭代备注：阿里云公网测试已验收页面加载、组织导航、驾驶舱总览、Agent 解释/知识库模式。
  测试环境明确展示 RPA disabled、事实缺失和技术原型边界；补录仅允许 AI 起草后人工确认。
  页签名称修改按用户决定暂不提交，当前标题保持“驾驶舱 Agent 侧栏”。
-->


<!-- ══ 增量：Agent 侧栏逻辑 · 非侵入式挂载，不修改原有渲染函数 ══ -->
<script>
(function(){
  var $=function(s){return document.querySelector(s)};
  var CHAT_QUERY=new URLSearchParams(location.search);
  var CHAT_API_BASE=(CHAT_QUERY.get('api')||'').replace(/\/$/,'');
  var CHAT_API_ENABLED=CHAT_QUERY.get('api')!=='off';
  var CHAT_EMP=CHAT_QUERY.get('emp')||'owner-test';
  var stream=$('#agstream'), ctxEl=$('#agctx'), quickEl=$('#agquick'), modeEl=$('#agmode');
  var calls=0, toks=0, mode='explain', role='boss', unlocked=false, currentPersonName='罗总';
  var copilotStates=Object.create(null),copilotPageGeneration=0;
  /* 终端形态：≤1180px 时侧栏是浮层/底部 sheet，需要显式开合 */
  var OVERLAY=function(){return window.matchMedia('(max-width:1180px)').matches;};

  /* ───────── 模型接口切换：默认 ChatGPT，与左侧「模型接口」工具页共享同一份状态 ───────── */
  var MODEL_INFO=window.MODEL_INFO||{openai:{code:'openai',label:'OpenAI Agent',full:'OpenAI Agent · 网关',rate:0.000012},deepseek:{code:'deepseek',label:'DeepSeek',full:'DeepSeek · v3',rate:0.0000015}};
  var activeModel='openai';
  var modelSelEl=$('#agModelSel');
  function paintModelSel(){if(modelSelEl)modelSelEl.value=activeModel;}
  window.__activeModel=function(){return activeModel;};
  window.__setActiveModel=function(code){if(!MODEL_INFO[code]||code===activeModel)return;activeModel=code;paintModelSel();
    push('s','已切换到 <b>'+MODEL_INFO[code].full+'</b> · 之后的对话与调用按新模型计费（示意）');
    if(window.__rerenderCanvas)window.__rerenderCanvas();};
  if(modelSelEl)modelSelEl.addEventListener('change',function(){window.__setActiveModel(modelSelEl.value);});

  /* ───────── 云牛顿(1688 Newton) Agent 接入（新增模式，保留 OpenAI/DeepSeek）─────────
     经 ops-console 反代 /api/newton/* → work/newton-cloud-gateway（签名/凭证留服务端）。
     任务式：create → 轮询 get(chunks/status/nextIndex) → WAIT_USER 时用下一条输入 resume。
     未配置 AppKey/AppSecret 或网关未起 → fail-closed，明确提示，不伪造回答。 */
  var newtonSession=null, newtonBusy=false, newtonWait=null;
  function agesc(s){return String(s==null?'':s).replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c];});}
  function newtonPost(op,body){
    return fetch('/api/newton/task/'+op,{method:'POST',headers:{'content-type':'application/json','accept':'application/json','x-jq-employee-id':(typeof CHAT_EMP!=='undefined'?CHAT_EMP:'')||''},body:JSON.stringify(body||{})})
      .then(function(r){return r.json().catch(function(){return {};}).then(function(x){
        if(!r.ok||(x&&x.success===false))throw new Error((x&&(x.error||(x.data&&x.data.error)||x.message))||('HTTP '+r.status));
        return (x&&x.data!==undefined)?x.data:x;
      });});
  }
  function newtonTable(content){
    var rows=null; try{rows=JSON.parse(content);}catch(e){}
    if(Array.isArray(rows)&&rows.length&&rows[0]&&typeof rows[0]==='object'){
      var cols=Object.keys(rows[0]);
      var h='<div style="overflow-x:auto"><table><thead><tr>'+cols.map(function(c){return '<th>'+agesc(c)+'</th>';}).join('')+'</tr></thead><tbody>'+
        rows.slice(0,50).map(function(rw){return '<tr>'+cols.map(function(c){return '<td>'+agesc(rw[c])+'</td>';}).join('')+'</tr>';}).join('')+'</tbody></table></div>';
      push('a','<div class="agsec"><div class="agk">结构化数据</div><div class="agb">'+h+'</div></div>');
    }else{
      push('a','<div class="agsec"><div class="agk">结构化数据</div><div class="agb"><pre style="white-space:pre-wrap;font-size:11px;margin:0">'+agesc(content).slice(0,4000)+'</pre></div></div>');
    }
  }
  function newtonPoll(taskId){
    var idx=0, acc='', tries=0, bubble=null;
    function step(){
      return newtonPost('get',{taskId:taskId,fromIndex:idx}).then(function(q){
        var chunks=(q&&q.chunks)||[];
        idx=(q&&q.nextIndex!=null)?q.nextIndex:idx+chunks.length;
        chunks.forEach(function(c){ if(!c)return;
          if(c.type==='text'){acc+=(c.content||''); if(!bubble)bubble=push('a',''); bubble.innerHTML='<p>'+agesc(acc).replace(/\n/g,'<br>')+'</p>'; stream.scrollTop=stream.scrollHeight;}
          else if(c.type==='tool_call'){push('s','· 调用工具');}
          else if(c.type==='tool_result'){push('s','· 工具返回');}
          else if(c.type==='complex_table'){newtonTable(c.content||'');}
          else if(c.type==='error'){push('a','<p style="color:var(--down)">云牛顿错误：'+agesc(c.content||'')+'</p>');}
        });
        var st=String((q&&q.status)||'').toUpperCase();
        if(st==='WAIT_USER'||st==='WAIT_SKILL'){newtonWait=taskId;var msg=(q&&q.pendingInterrupt&&q.pendingInterrupt.message)||'云牛顿需要你补充信息后继续。';push('s','⏳ 等待补充：'+agesc(msg)+'　——在下方输入回复并发送即可继续。');newtonBusy=false;return;}
        if(st==='END'||st==='KILL'||st==='ERROR'){if(st==='ERROR')push('a','<p style="color:var(--down)">云牛顿任务失败：'+agesc((q&&q.errorMessage)||'')+'</p>');if(!bubble&&!acc&&st==='END')push('a','<p class="muted-note">（云牛顿本次无文本输出）</p>');newtonWait=null;newtonBusy=false;return;}
        if(++tries>180){push('s','云牛顿轮询超时，请稍后重试。');newtonBusy=false;return;}
        return new Promise(function(res){setTimeout(res,1000);}).then(step);
      });
    }
    return step();
  }
  function newtonSend(v){
    if(newtonBusy){push('s','云牛顿正在处理，请稍候…');return;}
    newtonBusy=true; if(mode!=='explain')setMode('explain',true); setCtx('云牛顿 Agent');
    var pending=newtonWait;
    var p=pending
      ? newtonPost('resume',{taskId:pending,sessionId:newtonSession||undefined,userInput:v}).then(function(r){newtonWait=null;return newtonPoll((r&&r.taskId)||pending);})
      : newtonPost('create',{message:v,sessionId:newtonSession||undefined}).then(function(info){newtonSession=(info&&info.sessionId)||newtonSession;if(!info||!info.taskId)throw new Error('云牛顿未返回 taskId');return newtonPoll(info.taskId);});
    p.catch(function(e){newtonBusy=false;newtonWait=null;push('a','<p><b>云牛顿暂不可用：</b>'+agesc(e.message)+'</p><div class="muted-note">需在 <code>work/newton-cloud-gateway</code> 配置 NEWTON_APP_KEY/SECRET 并启动网关（ops-console 已反代 <code>/api/newton/*</code>）。凭证/网关就绪前此模式不可用，不伪造回答。</div>');});
  }
  window.__newtonSend=newtonSend;
  paintModelSel();

  /* ───────── 口径注册表 metric_registry（运行时注入，不写死在 prompt 里） ───────── */
  var REG={
    gmv:{k:['支付金额','GMV','成交金额'],name:'支付金额 / GMV',status:'confirmed',
      def:'买家实际支付成功的订单金额合计，<b>含未发货、未扣退款</b>。不是净 GMV。',
      src:'<code>sycm.shop_daily.pay_amount</code> · 生意参谋首页核心看板日报 · RPA 直接下载',
      time:'metric_date 为统计日，snapshot_date 为采集日，当前 <code>snapshot_stage=T+1</code>。平台事后会归因修订，所以设计上要在 T+7、T+15 重采并多快照并存不覆盖——但<b>该回溯调度属 Phase 4，尚未建设，且规范要求人工确认触发、不无人值守</b>。也就是说你现在看到的是首采值，修订值还没有。',
      warn:'净 GMV 需要退款表，当前 <code>not_available</code>。别把这个数当结算口径。',
      ev:['ingest_batch　b_20260826_0610_sycm','原始文件　shop_daily.xlsx (sha256 4f2a…c19b)','入库行数　30 / 30，跳过 0','data_quality　5 规则通过，0 告警']},
    uv:{k:['访客','流量','浏览'],name:'访客数',status:'confirmed',
      def:'店铺全终端去重访客，<b>自然 + 付费合计</b>。与广告访客<b>不可相加</b>，相加即重复计数。',
      src:'<code>sycm.shop_daily.uv</code>（合计）· <code>advertising.account_daily.visitors</code>（付费）',
      time:'日频骨干，T+1 采集，T+7 / T+15 回溯。',
      warn:'要拆到具体来源需要 <code>sycm.traffic_source_daily</code>——文件已下载但<b>映射未确认、未入库</b>。所以我只能说「自然侧下滑」，说不了「哪个搜索词掉了」。',
      ev:['ingest_batch　b_20260826_0610_sycm','traffic_source_daily　runtime/downloads/ 已存在，pending_mapping','缺口登记　T3 建 confirmed 映射']},
    spend:{k:['广告消耗','消耗','广告花费'],name:'广告消耗',status:'confirmed',
      def:'数字营销 · 全站推店当日账户消耗合计。',
      src:'<code>advertising.account_daily.spend</code> · 半自动导出，当前为手工导入',
      time:'metric_date 日频；该表当前仅 1 行 confirmed，返工后待复跑。',
      warn:'ROAS 我给不了——需要「广告归因收入」字段，口径<b>业务方尚未确认</b>。用店铺支付金额除以消耗会把自然成交算进广告功劳，是明确禁止的替代口径。',
      ev:['ingest_batch　b_20260826_0555_ads（手工导入）','account_daily　1 行 confirmed','广告归因 GMV　口径未确认，字段 blocked']},
    profit:{k:['毛利'],name:'毛利 / 毛利率',status:'not_available',
      def:'毛利 = 收入 − 商品成本 − 履约成本。',
      src:'收入侧有 <code>sycm.shop_daily.pay_amount</code>；<b>成本侧一行都没有</b>——<code>master_data.product_cost</code> 模板已起草，未接 ingest。',
      time:'—',
      warn:'我不会估。用广告归因倒推毛利率会把自然成交计入广告功劳，且成本假设无依据。未接入项返回 <code>not_available</code>，禁止显示 0 或估算值。',
      gap:'补 19 个在推商品的采购成本与履约成本 → 毛利、毛利率、CAC 三个指标同时解锁。',
      unlock:['毛利 / 毛利率（日·周·月）','CAC 与广告边际收益','商品分层的盈利视角，而不只是流量视角'],
      ev:['master_data.product_cost　0 行，未接 ingest','模板　product_cost_segment.xlsx 已起草','阻断指标　毛利 / 毛利率 / CAC']},
    inquiry:{k:['询盘'],name:'有效询盘',status:'not_available',
      def:'需求完整、可报价、有响应时长记录的询盘。',
      src:'必须来自 <code>crm.inquiry_quality</code>（人工确认）——<b>未接 ingest</b>。',
      time:'—',
      warn:'生意参谋的「优质询盘」<code>quality_inquiries</code> 是平台自评，不含「需求是否采全」「是否报价」「未成交原因」。两者<b>不能混用</b>，我不拿平台数顶替。',
      gap:'按知识库《询盘响应与质量分级 SOP v1.2》的 A/B/C 分级与 6 类未成交原因补录。',
      unlock:['有效询盘数与询盘转化率','未成交原因分布','首次响应时长达标率'],
      ev:['crm.inquiry_quality　0 行，模板已起草','sycm.inquiry_product_daily　下载入口未通','平台字段　quality_inquiries 口径不等价']},
    cvr:{k:['转化'],name:'支付转化率',status:'pending_mapping',
      def:'支付转化率 = 支付买家数 / 访客数。<b>不等于询盘转化率</b>，两者不可互相替代。',
      src:'<code>sycm.product_daily</code>（映射未确认）+ <code>advertising.product_daily</code>（19 行 confirmed）',
      time:'商品级日频；商品 ID 映射确认后方可 confirmed。',
      warn:'询盘环节不可见，所以判断不了是「没人问」还是「问了没成」——<b>这两种情况的动作完全相反</b>。',
      ev:['product_daily　pending_mapping，平台商品ID 已保留','advertising.product_daily　19 行 confirmed','inquiry_product_daily　下载入口未通']},
    token:{k:['Token','token'],name:'Token 总量',status:'confirmed',
      def:'当期全部模型调用的输入 + 输出 + 缓存 Token 合计。',
      src:'<code>agent.model_call</code> · 迁移 018 token accounting · <code>/api/models/usage</code>',
      time:'按调用时间聚合，可日 / 周 / 月上卷；聚合可重算，原始调用日志不可覆盖。',
      warn:'费用为<b>平台估算</b>，价格按调用发生时快照保存。与供应商真实账单的对账<b>尚未接入</b>，差异未记录。',
      ev:['agent.model_call　实时写入','价格快照　随调用保存，调价不改写历史','账单核对　not_available']},
    cost:{k:['估算成本','成本'],name:'估算成本',status:'confirmed',
      def:'按调用时价格快照 × Token 量估算的模型费用。',
      src:'<code>agent.model_call</code> 价格快照字段',
      time:'随调用实时累计。',
      warn:'必须标注为「平台估算」，不是供应商账单。两者定期对账并记录差异——该对账当前未接入。',
      ev:['币种　CNY','计价版本　随调用快照','状态　平台估算（非账单）']},
    calls:{k:['调用次数'],name:'调用次数',status:'confirmed',
      def:'当期模型调用总次数，含失败调用。',
      src:'<code>agent.model_call</code>',time:'实时累计。',
      warn:'失败调用也计次但不计费；成功率需单独看，不要用调用次数代替有效产出。',
      ev:['agent.model_call　全量写入','失败调用　计次不计费']},
    bill:{k:['账单核对'],name:'账单核对',status:'not_available',
      def:'平台估算费用与供应商真实账单的对账结果。',
      src:'需接入供应商账单导出——<b>未接入</b>。',time:'—',
      warn:'在对账接入前，任何「成本」都只能称为估算，不能作为财务口径。',
      ev:['供应商账单　未接入','差异记录表　未建']},
    roas:{k:['ROI','ROAS','投产比'],name:'ROI / ROAS',status:'blocked',
      def:'广告归因收入 / 广告消耗。',
      src:'需要「广告归因收入」字段——<b>口径未确认，字段 blocked</b>。',time:'—',
      warn:'在口径确认前我不输出这个数，也不用店铺支付金额做替代分母。',
      ev:['广告归因 GMV　口径未确认','替代口径　明确禁止']},
    aov:{k:['客单价'],name:'客单价',status:'not_available',
      def:'支付金额 / 支付买家数。',
      src:'需要交易明细，<code>sycm.transaction_daily</code> <b>规划中，未建表</b>。',time:'—',
      warn:'口径未确认（是否含退款、是否按买家去重），确认前不正式展示。',
      ev:['sycm.transaction_daily　规划中','退款口径　未确认']}
  };
  var STATUS={confirmed:['已入库 · 可用','ok'],pending_mapping:['映射未确认','map'],not_available:['待接入','wait'],blocked:['口径未确认 · 已阻断','wait']};

  function lookup(label){
    for(var id in REG){var e=REG[id];for(var i=0;i<e.k.length;i++){if(label.indexOf(e.k[i])>=0)return e;}}
    return null;
  }

  /* ───────── 岗位 × Skill 路由（前端只显示，真实系统由后端 RBAC 强制） ───────── */
  var ROLES={
    boss:{scope:'范围 <b style="color:var(--ink-2)">全公司</b> · 两事业部　能力：只读 · 审批 · 发送',
      skills:[['经营解释','v2',1],['周复盘摘要','v1',1],['决策卡审批助手','v1',1],['1688 套图','v3','非本岗位职责，需要时由运营执行'],['财务对账','—','第一版未开放']]},
    jf:{scope:'范围 <b style="color:var(--ink-2)">骏峰 / 授权店铺</b>　能力：只读 · 起草 · 补录',
      skills:[['1688 套图','v3',1],['商品详情页文案','v2',1],['询盘质量补录','v1',1],['商品成本补录','v1',1],['景泉花灯报价','v1','跨事业部，无授权'],['决策卡审批','—','审批需主管及以上']]},
    jq:{scope:'范围 <b style="color:var(--ink-2)">景泉 / 文旅花灯项目</b>　能力：只读 · 起草 · 补录',
      skills:[['花灯项目报价口径','v1',1],['工程进度日志','v1',1],['文旅案例检索','v1',1],['文旅项目效果图生成','v1',1],['GMV 指标树','—','景泉为工程项目制，该指标树不适用'],['1688 套图','v3','跨事业部，无授权']]},
    admin:{scope:'范围 <b style="color:var(--ink-2)">平台管理域</b>　能力：IAM · 采集调度 · 模型配置',
      skills:[['采集计划配置','v1',1],['采集失败排查','v1',1],['登录态维护','v1',1],['经营解释','v2','管理员身份不自动获得经营数据范围'],['1688 套图','v3','非本岗位职责']]},
    fin:{scope:'范围 <b style="color:var(--ink-2)">财务域</b>　能力：按最小权限逐步开放',
      skills:[['成本口径查询','v1',1],['资金对账','—','对账 Skill 待建，数据源未接入'],['经营解释','v2','经营数据未授予财务岗']]}
  };
  /* 采集面可用性：agent 每次回答都要能声明数据新鲜度，不能默认「今天已入库」 */
  var COLLECT={jobsTotal:9,enabled:0,lastOk:'2026-08-25',lastRunAt:'2026-08-26 06:10',needsLogin:false};
  /* 2026-08-27 增量：去掉"身份"下拉，Agent 名称统一叫"景泉 Agent"，
     打招呼收窄成标题正下方一行常驻小字（几点好 + 当前浏览的人），不再往聊天记录里插播打招呼消息。
     身份范围/Skill 清单仍按 roleForView 映射的角色走，只是驱动方式从手动选改成了自动跟随左侧栏。
     原型说明：这里的"角色/人"是按左侧栏当前浏览对象推导的，不是真实登录态；
     真实登录后"具体是哪个人在用"由后端会话身份决定，见 codex-claude-task.md 待办。 */
  var ROLENOTE={
    boss:'可查看全公司两事业部经营数据；拥有审批与发送权限——调价、预算等写操作仍需人工确认，AI 不直接执行。',
    jf:'可用 1688 套图 v3、商品详情页文案、询盘质量补录、商品成本补录；景泉花灯报价（跨事业部）与决策卡审批（需主管及以上）暂不可用。',
    jq:'景泉是工程项目制，Skill 清单随之调整：可用花灯项目报价口径、工程进度日志、文旅案例检索、文旅项目效果图生成（图片生成类 Skill，用于投标/客户提案的效果图草稿）；GMV 指标树对景泉不适用，因此锁定。',
    admin:'负责采集调度、模型接入与登录态维护；管理员身份不自动获得经营数据范围，需要另行授权。',
    fin:'财务岗当前不具备经营数据范围：可用成本口径查询；经营解释、资金对账暂未开放。'
  };
  function timeGreeting(){var h=new Date().getHours();return h<11?'早上好':h<18?'下午好':'晚上好';}
  function updateAgGreet(){var el=$('#aggreet');if(el)el.textContent=timeGreeting()+'，'+currentPersonName;}
  function renderRole(){
    var r=ROLES[role];
    var short=r.scope.replace('范围 ','').replace(/[　\s]*能力[：:]/,' · ');
    $('#agscope').title=r.scope.replace(/<[^>]+>/g,'')+'　'+ROLENOTE[role];
    $('#agscope').innerHTML=short+' <b>· 不执行平台动作</b>';
    var open=r.skills.filter(function(s){return s[2]===1}).length;
    $('#agskn').textContent=open+' / '+r.skills.length+' 可用';
    $('#agsklist').innerHTML=r.skills.map(function(s){
      var lk=s[2]!==1;
      return '<button type="button" class="agsk'+(lk?' lk':'')+'" data-agsk="'+s[0]+'" data-agwhy="'+(lk?s[2]:'')+'">'+s[0]+'<span class="agv">'+s[1]+'</span></button>';
    }).join('');
  }

  /* ───────── 上下文：直接读面包屑与时间口径 ───────── */
  function readCtx(){
    var cr=document.getElementById('crumb'), sg=document.querySelector('#seg button.on');
    return {view:cr?cr.textContent.replace(/\s+/g,' ').trim():'经营总览', period:sg?sg.textContent.trim():'日'};
  }
  function setCtx(extra){
    var c=readCtx();
    var h='<span class="agl">上下文</span>';
    h+='<span class="agchip">视图 '+c.view+'</span><span class="agchip">口径 '+c.period+'</span>';
    if(extra)h+='<span class="agchip hot">'+extra+'</span>';
    ctxEl.innerHTML=h;
  }

  /* ───────── 消息 ───────── */
  function push(cls,html){var d=document.createElement('div');d.className='agmsg '+cls;d.innerHTML=html;stream.appendChild(d);stream.scrollTop=stream.scrollHeight;return d;}
  function agent(html,tok){
    var el=push('a','<span style="color:var(--ink-3);font-size:11.5px">正在读取…</span>');
    setTimeout(function(){el.innerHTML=html;stream.scrollTop=stream.scrollHeight;},380);
    return el;
  }
  function sec(k,b,w){return '<div class="agsec'+(w?' w':'')+'"><div class="agk">'+k+'</div><div class="agb">'+b+'</div></div>';}
  function evd(rows){return '<details class="agev"><summary>证据 '+rows.length+' 项</summary><div class="agevb">'+rows.map(function(r){return '<div>'+r+'</div>'}).join('')+'</div></details>';}
  function docref(t,m){return '<div class="agdoc"><div class="agdt">'+t+'</div><div class="agdm">'+m+'</div></div>';}

  /* ───────── C：从注册表渲染解释 ───────── */
  function answer(e,shown){
    var st=STATUS[e.status];
    var h='<p><b>'+e.name+'</b>'+(shown?'　当前显示 <b>'+shown+'</b>':'')+'　<span class="pill '+st[1]+'">'+st[0]+'</span></p>';
    h+='<div class="agans">';
    h+=sec('口径定义',e.def);
    h+=sec('来源',e.src);
    if(e.time&&e.time!=='—')h+=sec('时间坐标',e.time);
    if(e.gap)h+=sec('补齐路径',e.gap);
    h+=sec('置信与缺口',e.warn,true);
    h+='</div>';
    if(e.unlock)h+='<div class="agunlock"><div class="agu">补齐后解锁</div><ul>'+e.unlock.map(function(x){return '<li>'+x+'</li>'}).join('')+'</ul></div>';
    if(e.ev)h+=evd(e.ev);
    h+='<div class="agacts">';
    if(e.status==='not_available'||e.status==='pending_mapping')h+='<button class="agbtn pri" data-agtab="backfill">去补这块数据 →</button>';
    h+='<button class="agbtn" data-agrefuse="1">那你直接帮我调一下</button></div>';
    return h;
  }
  var UNREG='<p><b>这个指标没在口径注册表里登记，我不解释未登记口径。</b></p><div class="agans">'+
    sec('机制','我的口径不是写死在提示词里的，是运行时从 <code>metric_registry</code> 注入的：定义、来源字段、时间窗、confirmed 状态。表里没有，我就没有依据。')+
    sec('为什么这么设计','口径散在文档里时，前端一套解释、Agent 一套解释，迟早打架。登记进表，改口径改表，不改提示词。')+
    sec('怎么办','请数据负责人把该指标登记进 <code>metric_registry</code>（定义 / 来源表字段 / 窗口 / 负责人 / 口径版本），登记后我立刻能答。')+'</div>';

  /* ───────── 采集面：数据为什么是这个日期 ───────── */
  var COLLECTANS='<p>你看到的数字<b>不是今天自动采回来的</b>。当前没有任何 RPA 任务在自动跑。</p><div class="agans">'+
    sec('采集状态','采集任务的启用状态以左侧「数据采集 · RPA 调度」页的实时列表为准：多数任务 <code>enabled=false</code>，仅现场验证通过的少数启用。按规范 <code>enabled=false</code> 必须直接返回 <code>blocked</code>，<b>连浏览器都不启动</b>。')+
    sec('最新事实','最近一次成功入库 metric_date <code>'+COLLECT.lastOk+'</code>，snapshot <code>'+COLLECT.lastRunAt+'</code>，来源是人工触发的单店验收跑批。')+
    sec('为什么这么设，不是没做完','验收要求先只启用一个店铺的一个任务，确认登录态、下载、解析、入库都对，再逐个扩到全部已配置任务——<b>不得一次性批量启用全部店铺</b>。这是防止一次性把登录态跑挂或触发风控。')+
    sec('调度归谁','调度由中台服务负责，不是 RPA 自己定时。计划写 <code>operations.rpa_schedule</code>，执行写 <code>operations.rpa_execution</code>，事实写 <code>raw_data.rpa_run</code> 及业务 schema。')+
    sec('我不能替你开','RPA 是<b>系统服务，不是员工账号</b>。按权限矩阵，创建/执行任务、配置每日计划、配置登录态只有<b>平台管理员</b>可做；老板与运营岗都是"否"。我能做的是把状态和失败原因摘要讲清楚。',true)+
    '</div>'+
    evd(['rpa_job　10 个已纳入 V2.7 · 2 个已验收可实跑（实时以 RPA 调度页为准）','最近成功　'+COLLECT.lastOk+' · 单店验收跑批','状态机　queued→running→succeeded/failed/needs_login/blocked/cancelled','异步导出取件　代码已实现，blocked_pending_user_session'])+
    '<div class="agacts"><button class="agbtn" data-agquick="agq6">那异步导出卡在哪</button></div>';

  var ASYNCANS='<p>交易明细、客户 CRM、资金对账、商品管理这四块，<b>代码已经写好了，卡在一次人的操作上。</b></p><div class="agans">'+
    sec('为什么这四块重要','它们是"点导出 → 异步生成 → 去下载中心取件"模式，不是直接下载。补齐这套编排，采集面从 2 个板块扩到 6+ 个板块。')+
    sec('实现状态','<code>work/jingquan-1688-rpa/src/async-export.mjs</code> 已存在，范围限定只读：触发导出后轮询下载中心并取件，<b>禁止自动登录、验证码和写操作</b>。')+
    sec('卡在哪','状态 <code>blocked_pending_user_session</code>——需要一次<b>已登录且授权的客户或交易页面会话</b>，用来确认真实的下载中心 URL、行选择器与取件选择器，跑通一次端到端验收。')+
    sec('结论','缺的不是开发排期，是一次真人登录操作。这件事的性价比高于继续加分析功能。')+
    '</div>';

  var RPAREFUSE='<p><b>我不能触发采集。</b>这不是我偷懒，是权限矩阵定死的。</p><div class="agans">'+
    sec('为什么','RPA 是系统服务，不是员工账号。「创建/执行 RPA 任务」「取消任务」「配置每日计划」「配置 1688 登录态」四项，只有<b>平台管理员</b>与 RPA 服务本身为"是"。运营人员和老板都是"否"。')+
    sec('前端也不给这个口子','规范明写：运营人员不显示「立即采集/取消任务/保存计划」；前端只能提交白名单 <code>job_id</code>，不得提交命令、URL、文件路径或 Cookie；后端始终重新校验角色、店铺范围与 <code>admin.rpa.manage</code>。')+
    sec('你能做的','把身份切到「张工 · 平台管理员」看采集调度 Skill，或到「中台工具 · 数据采集 · RPA 调度」页处理。我可以先把失败原因摘要整理给你。',true)+
    '</div>';

  /* ───────── 越界与决策卡 ───────── */
  var REFUSE='<p><b>这个我不能做。</b>调价、改预算、上下架、发送都是平台写操作，AI 不执行——产品红线，不是能力问题。</p><div class="agans">'+
    sec('我能做的','把它变成一张<b>决策卡草稿</b>：诊断 + 证据 + 建议动作 + 负责人 + 截止时间 + 复核日期，进 <code>workflow</code> 等人审批。')+
    sec('审批链','运营编辑 → 主管审批 → 企微定向发送 → 执行回填 → 到期复核。重大价格或预算变更升级老板审批。')+
    sec('发送保证','同一 decision_id 即使重试，最多产生一次正式投递。')+'</div>'+
    '<div class="agacts"><button class="agbtn pri" data-agcard="1">生成决策卡草稿</button><button class="agbtn" disabled>直接执行（已禁用）</button></div>';
  var CARD='<p>草稿已生成，<b>状态：待主管审批</b>。未审批前不会发送给任何人。</p><div class="agans">'+
    sec('decision_id','<code>dc_20260826_0031</code>')+
    sec('对象','当前范围 · 万圣节南瓜花环 40cm')+
    sec('诊断','支付转化 0.97%（店内倒数第 3），单品广告占比 32% 偏高；询盘环节不可见。')+
    sec('建议','降低该单品广告预算 30%，观察 7 天；<b>不建议调价</b>——缺成本与询盘事实，调价依据不足。')+
    sec('负责人 / 截止','运营 小林 · 次日 18:00')+
    sec('复核','7 天后复核支付转化与消耗占比，结果回填 measured')+
    sec('证据链','绑定 3 条事实记录 + 1 项数据缺口声明')+'</div>';

  /* ───────── K：企业知识库（与事实库分离，不出数字） ───────── */
  var KB={
    intro:'<p>知识库回答<b>「我们公司怎么做」</b>，不回答「昨天卖了多少」。</p><div class="agans">'+
      sec('两库分离','企业知识库与经营事实库物理分开、检索通道分开。<b>知识库不产出任何经营数值</b>——否则模型会把规范文档里的示例数字当成真实业绩说出来。')+
      sec('每条回答必带','文档名 · 版本 · 生效日期 · 归口负责人 · 适用范围。<b>没有 doc_id 的句子不允许出现。</b>')+
      sec('检索方式','关键词 + 元数据过滤（部门 / 岗位 / 事业部 / 版本 / 生效日期）。文档量只有几百块，结构化检索比向量召回更准、可解释、能精确控权限；文档过千再评估混合检索。')+'</div>'+
      '<div class="agacts"><button class="agbtn" data-agkb="tuku">套图规范</button><button class="agbtn" data-agkb="sop">询盘响应 SOP</button><button class="agbtn" data-agkb="baojia">花灯报价口径</button><button class="agbtn" data-agkb="miss">问个没有的</button></div>',
    tuku:{q:'骏峰 1688 套图有什么规范？',tok:1120,html:
      '<p>有成文规范，当前 <b>v3</b>，11 个文件，含场景推理与比例算法两套规则。</p>'+
      docref('骏峰 1688 商品套图规范 v3','版本 v3 · 生效 2026-08-19 · 归口 运营中心 · 适用 爆款工艺品全部 1688 店铺')+
      '<div class="agans">'+
      sec('要点','主图 9 张结构固定；场景图按品类自动推理（节庆 / 家居 / 婚庆）；尺寸比例由算法给出，不手工估；两个图文模块在款式间共享。')+
      sec('验收门槛','3 款不同结构真实产品，单款审核 ≥90 分、可发布率 ≥80%、人工修改 ≤2 轮、无一票否决项。<b>当前只跑过 1 款技术样例，未达门槛。</b>')+
      sec('我不会说的','我不会告诉你「按规范做能提升多少转化」——那是经营结果，要走事实库，且当前没有对照数据。',true)+'</div>'+
      '<div class="agacts"><button class="agbtn" data-agsk="1688 套图">调用套图 Skill</button></div>'},
    sop:{q:'询盘多久必须回复？',tok:860,html:
      '<p>规定<b>工作时段 30 分钟内首次响应</b>，非工作时段次日 9:30 前。</p>'+
      docref('询盘响应与质量分级 SOP','版本 v1.2 · 生效 2026-07-01 · 归口 运营中心 · 适用 全部 1688 店铺')+
      '<div class="agans">'+
      sec('质量分级','A 类需求明确可报价 / B 类需求待澄清 / C 类无效或同行。分级结果写进 <code>crm.inquiry_quality</code>。')+
      sec('未成交原因','固定 6 类：价格、交期、起订量、款式、资质、失联。不允许自由填写，否则无法统计。')+
      sec('这里有个断点','SOP 已成文，但<b>落库的表还没接 ingest</b>——制度存在、数据不存在，响应时长目前无法统计。',true)+'</div>'+
      '<div class="agacts"><button class="agbtn pri" data-agtab="backfill">去补询盘质量表</button></div>'},
    baojia:{q:'花灯项目怎么报价？',tok:1040,html:
      '<p>景泉是<b>工程项目制</b>，报价按项目组合，不套用商品单价。</p>'+
      docref('景泉文旅花灯项目报价口径 v1','版本 v1 · 生效 2026-08-10 · 归口 景泉工程部 · 适用 灯饰工程')+
      '<div class="agans">'+
      sec('构成','主体结构 + 灯具材料 + 造型工时 + 运输安装 + 现场调试 + 维保周期，按项目一次性组合。')+
      sec('关键差异','景泉<b>不适用 GMV 指标树</b>（有效流量 × 支付转化 × 客单价）——那套只适用骏峰标准品与独立站直接成交。这也是景泉岗位的 Skill 列表里 GMV 指标树锁着的原因。')+
      sec('岗位边界','你现在是老板身份可以看。骏峰运营岗调这条会被拒——跨事业部无授权。')+'</div>'},
    miss:{q:'Temu 店铺的运营规范是什么？',tok:520,html:
      '<p><b>知识库里没有这份文档。</b></p><div class="agans">'+
      sec('检索结果','0 条命中。Temu 属后续多平台范围，归属与店铺数尚未确认，暂无成文规范。')+
      sec('我不会做的','不会拿 1688 的规范改写成 Temu 版本给你——那是编造制度。要建这份文档，请指定归口负责人。',true)+'</div>'}
  };

  /* ───────── Skill 调用 ───────── */
  var SKILL={'1688 套图':'<p>已调用 <b>1688 套图 Skill v3</b>。</p><div class="agans">'+
    sec('输入','商品 万圣节南瓜花环 40cm · 原始图册 6 张 · 品类推理「节庆装饰」')+
    sec('产出','9 张主图结构草稿 + 2 个共享图文模块，全部标记 <code>draft</code>')+
    sec('留痕','素材、提示词版本、模型、输出、耗时、费用写入 <code>content.generation_job</code>')+
    sec('发布闸门','<b>未经运营审核不得进入 1688 正式发布流程。</b>当前样例未达 3 款验收门槛。',true)+'</div>'+
    '<div class="agacts"><button class="agbtn" disabled>直接发布（已禁用）</button><button class="agbtn pri">送审</button></div>',
  '文旅项目效果图生成':'<p>已调用 <b>文旅项目效果图生成 Skill v1</b>。</p><div class="agans">'+
    sec('输入','项目 春节庙会拱门彩灯 · 结构与尺寸参数 · 参考案例图 2 张')+
    sec('产出','3 张效果图草稿（白天 / 夜景 / 局部细节），全部标记 <code>draft</code>')+
    sec('留痕','素材、提示词版本、模型、输出、耗时、费用写入 <code>content.generation_job</code>')+
    sec('发布闸门','<b>未经运营主管确认不得用于对外投标或客户提案。</b>景泉是工程项目制，效果图直接影响报价与客户预期，比骏峰标品套图更需要人工把关。',true)+'</div>'+
    '<div class="agacts"><button class="agbtn" disabled>直接对外发送（已禁用）</button><button class="agbtn pri">送审</button></div>'};
  function skillGeneric(n){return '<p>已调用 <b>'+n+'</b>。</p><div class="agans">'+
    sec('岗位绑定','该 Skill 由后端按 部门 × 岗位 授权，前端只做显示；换岗位后可用清单会变。')+
    sec('留痕','调用者、店铺、输入、模型、Token、费用、结果状态全部入 <code>agent</code> schema。')+
    sec('原型说明','这一版只把 1688 套图 Skill 做到细节，其余为占位。',true)+'</div>';}

  /* ───────── D：补录 ───────── */
  var QUEUE='<p>你的范围内有 <b>3 张</b>人工表待补。按解锁价值排序：</p>'+
    '<div class="agfld"><div class="agfh"><span class="agno">01</span>商品成本分层 <span class="pill wait">0 / 19 商品</span></div>'+
    '<div class="agnote">写入 <b>master_data.product_cost</b> → 解锁毛利、毛利率、CAC</div>'+
    '<div class="agacts"><button class="agbtn pri" data-agbf="start">开始补录</button></div></div>'+
    '<div class="agfld"><div class="agfh"><span class="agno">02</span>询盘质量 <span class="pill wait">未开始</span></div>'+
    '<div class="agnote">写入 <b>crm.inquiry_quality</b> → 解锁有效询盘、未成交原因分布（分级口径见知识库 SOP v1.2）</div></div>'+
    '<div class="agfld"><div class="agfh"><span class="agno">03</span>运营变更日志 <span class="pill wait">未开始</span></div>'+
    '<div class="agnote">写入 <b>operations.change_log</b> → 让「改动 → 效果」可归因，支撑单一变量判断</div></div>';

  var FIELDS=[
    {no:'01',name:'采购成本',val:'¥ 18.60',why:'依据：聚水潭 SKU 档案最近一次采购单价。<b>来源可查，置信较高。</b>'},
    {no:'02',name:'履约成本',val:'¥ 4.20',why:'依据：近 30 单快递均价推算。<b>这是我的估算，不是事实</b>——请按实际改，我不会替你确认。'},
    {no:'03',name:'商品分层',val:'引流款',why:'依据：访客占全店 22%、支付转化 0.97%、广告占比 32%——高流量低转化高投入。分层会影响后续诊断阈值。'},
    {no:'04',name:'生命周期',val:'成长期',why:'依据：上架 47 天，访客周环比 +8%，尚未见衰减。'}
  ];
  var fi=0;
  function askField(){
    if(fi>=FIELDS.length){finish();return;}
    var f=FIELDS[fi];
    agent('<p>第 '+f.no+' 项：<b>'+f.name+'</b></p>'+
      '<div class="agfld" id="agf'+f.no+'"><div class="agfh"><span class="agno">'+f.no+'</span>'+f.name+' <span class="pill" style="background:var(--accent-soft);color:var(--accent)">AI 起草</span></div>'+
      '<div class="agdraft"><div class="agval">'+f.val+'</div><div class="agwhy">'+f.why+'</div></div>'+
      '<input type="text" value="'+f.val+'" aria-label="'+f.name+'">'+
      '<div class="agacts"><button class="agbtn pri" data-agfc="'+f.no+'">确认这一项</button><button class="agbtn" data-agfs="'+f.no+'">跳过</button></div></div>',760);
  }
  function confirmField(no,skipped){
    var box=document.getElementById('agf'+no); if(!box)return;
    var inp=box.querySelector('input'), v=inp?inp.value:'';
    box.classList.add('done');
    var acts=box.querySelector('.agacts'); if(acts)acts.remove();
    if(inp)inp.remove();
    box.querySelector('.pill').outerHTML=skipped?'<span class="pill wait">已跳过</span>':'<span class="pill" style="background:var(--teal-soft);color:var(--teal)">confirmed</span>';
    if(!skipped){
      box.querySelector('.agdraft').innerHTML='<div class="agval">'+v+'</div>';
      var who=currentPersonName;
      box.insertAdjacentHTML('beforeend','<div class="agstamp">confirmed_by '+who+' · '+new Date().toLocaleTimeString('zh-CN',{hour:'2-digit',minute:'2-digit'})+' · source=manual_input</div>');
    }
    fi++; setTimeout(askField,300);
  }
  function finish(){
    agent('<p>已写入 <b>master_data.product_cost</b>，1 个商品完成。</p><div class="agans">'+
      sec('写入','batch <code>mi_20260826_0031</code>　source <code>manual_input</code>')+
      sec('可追溯','原始草稿值、修改后值、确认人、确认时间全部保留，符合「人工补录可追溯原始值」验收项。')+
      sec('还差','18 个在推商品。全部补齐后毛利才能上日报；单个补齐可先做单品毛利。')+'</div>'+
      '<div class="agunlock"><div class="agu">该商品已解锁</div><ul><li>单品毛利 ¥ 6.80 / 件</li><li>单品毛利率 22.4%</li><li>广告边际：广告花 686 元，毛利 1,142 元 → 尚为正</li></ul></div>'+
      '<div class="agacts"><button class="agbtn pri" data-agbf="start">补下一个</button><button class="agbtn" data-agtab="explain">回到解释</button></div>',1640);
    setTimeout(function(){unlocked=true;applyUnlock();push('s','驾驶舱已联动更新');},900);
  }
  function applyUnlock(){
    if(!unlocked)return;
    document.querySelectorAll('#canvas .kpi').forEach(function(k){
      var l=k.querySelector('.l'); if(!l||l.textContent.indexOf('毛利')<0)return;
      if(k.dataset.agdone)return; k.dataset.agdone='1';
      k.classList.add('agunlocked');
      var v=k.querySelector('.v'); if(v){v.textContent='1 / 19 商品已补';v.style.color='var(--up)';v.style.fontSize='14px';}
      var p=k.querySelector('.pill'); if(p){p.textContent='部分可算';p.style.background='var(--teal-soft)';p.style.color='var(--teal)';}
    });
  }

  /* ───────── 注入追问锚点（非侵入：只加按钮，不改原渲染） ───────── */
  var ICON='<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><circle cx="6.8" cy="6.8" r="4.2"/><path d="M10 10 L13.6 13.6" stroke-linecap="round"/></svg>';
  function inject(){
    var c=document.getElementById('canvas'); if(!c)return;
    c.querySelectorAll('.kpi').forEach(function(k){
      if(k.querySelector('.askbtn'))return;
      var l=k.querySelector('.l'); if(!l)return;
      var label=l.textContent.replace(/待接入/g,'').trim();
      var b=document.createElement('button');
      b.type='button'; b.className='askbtn'; b.innerHTML=ICON;
      b.setAttribute('aria-label','追问 '+label);
      b.dataset.aglabel=label;
      var val=k.querySelector('.v'); b.dataset.agval=val?val.textContent.trim():'';
      k.appendChild(b);
    });
    c.querySelectorAll('.card-h h3').forEach(function(h){
      if(h.querySelector('.askinline'))return;
      var b=document.createElement('button');
      b.type='button'; b.className='askinline'; b.innerHTML=ICON;
      b.setAttribute('aria-label','追问 '+h.textContent.trim());
      b.dataset.aglabel=h.textContent.trim(); b.dataset.agval='';
      h.appendChild(b);
    });
    applyUnlock();
  }
  var cv=document.getElementById('canvas');
  if(cv&&window.MutationObserver){new MutationObserver(function(){inject();}).observe(cv,{childList:true,subtree:false});}
  setTimeout(inject,60); setTimeout(inject,600);

  /* ───────── 模式 ───────── */
  var QUICK={
    explain:[['agq1','支付金额怎么来的'],['agq2','毛利为什么待接入'],['agq5','数据是什么时候采的'],['agq3','ROAS 能给我吗'],['agq4','把广告预算降 30%'],['agq7','帮我重新采一下数据']],
    kb:[['kb-tuku','套图规范'],['kb-sop','询盘响应 SOP'],['kb-baojia','花灯报价口径'],['kb-miss','问个没有的']],
    backfill:[['bf-start','开始补商品成本'],['tab-explain','切回解释']]
  };
  function renderQuick(){
    quickEl.innerHTML=QUICK[mode].map(function(q){return '<button class="agq" data-agquick="'+q[0]+'">'+q[1]+'</button>'}).join('');
  }
  var BADGE={explain:['解释 · 只读','var(--accent-soft)','var(--accent)'],kb:['知识 · 不出数字','var(--up-soft)','var(--up)'],backfill:['补录 · 需人工确认','var(--gold-soft)','var(--gold)']};
  function setMode(m,quiet){
    mode=m;
    document.querySelectorAll('.agtab').forEach(function(t){t.classList.toggle('on',t.dataset.agtab===m)});
    modeEl.textContent=BADGE[m][0]; modeEl.style.background=BADGE[m][1]; modeEl.style.color=BADGE[m][2];
    renderQuick();
    if(quiet)return;
    if(m==='backfill'){setCtx('模式 补录');push('s','已切换到补录 Agent');agent(QUEUE,640);}
    else if(m==='kb'){setCtx('模式 知识库');push('s','已切换到企业知识库 · 与事实库分离');agent(KB.intro,520);}
    else {setCtx();push('s','已切换到解释 Agent · 只读');}
  }

  function askLabel(label,val,btn){
    if(OVERLAY())openPanel();          /* 触屏：点数字直接把侧栏拉起来 */
    if(mode!=='explain')setMode('explain',true);
    document.querySelectorAll('.askbtn').forEach(function(b){b.classList.toggle('on',b===btn)});
    setCtx(label);
    push('u','「'+label+'」这个数怎么来的？');
    var e=lookup(label);
    agent(e?answer(e,val):UNREG, e?1200:640);
  }

  /* ───────── 事件 ───────── */
  document.addEventListener('click',function(ev){
    var t=ev.target.closest('[data-aglabel],[data-agtab],[data-agkb],[data-agsk],[data-agbf],[data-agfc],[data-agfs],[data-agrefuse],[data-agcard],[data-agquick],[data-bb-prompt]');
    if(!t)return;
    if(t.dataset.bbPrompt){$('#aginp').value=t.dataset.bbPrompt;send();return;}
    if(t.dataset.aglabel!==undefined){ev.stopPropagation();askLabel(t.dataset.aglabel,t.dataset.agval,t);return;}
    if(t.dataset.agquick){
      var q=t.dataset.agquick;
      if(q==='agq1'){askLabel('支付金额','',null);return;}
      if(q==='agq2'){askLabel('毛利','',null);return;}
      if(q==='agq3'){askLabel('ROAS','',null);return;}
      if(q==='agq4'){push('u','把广告预算降 30%');agent(REFUSE,1120);return;}
      if(q==='agq5'){if(mode!=='explain')setMode('explain',true);setCtx('采集状态');push('u','这些数据是什么时候采的？');agent(COLLECTANS,1280);return;}
      if(q==='agq6'){push('u','那异步导出卡在哪');agent(ASYNCANS,1040);return;}
      if(q==='agq7'){push('u','帮我重新采一下数据');agent(RPAREFUSE,980);return;}
      if(q.indexOf('kb-')===0){var k=KB[q.slice(3)];if(k){if(mode!=='kb')setMode('kb',true);setCtx('知识库检索');push('u',k.q);agent(k.html,k.tok);}return;}
      if(q==='bf-start'){startBf();return;}
      if(q==='tab-explain'){setMode('explain');return;}
      return;
    }
    if(t.dataset.agsk){
      var n=t.dataset.agsk;
      if(t.classList.contains('lk')){
        push('s','Skill 未授权');
        agent('<p><b>'+n+'</b> 在当前岗位不可调用。</p><div class="agans">'+sec('原因',t.dataset.agwhy||'无授权')+sec('机制','Skill 授权由后端按 部门 × 岗位 强制执行，<b>前端隐藏不构成安全边界</b>——换个身份看看清单怎么变。')+'</div>',380);
        return;
      }
      push('u','用「'+n+'」处理一下');
      agent(SKILL[n]||skillGeneric(n),1180); return;
    }
    if(t.dataset.agkb){var kk=KB[t.dataset.agkb];if(kk){if(mode!=='kb')setMode('kb',true);setCtx('知识库检索');push('u',kk.q);agent(kk.html,kk.tok);}return;}
    if(t.dataset.agrefuse){push('u','那你直接帮我调一下');agent(REFUSE,1120);return;}
    if(t.dataset.agcard){agent(CARD,1480);return;}
    if(t.dataset.agtab){setMode(t.dataset.agtab);return;}
    if(t.dataset.agbf==='start'){startBf();return;}
    if(t.dataset.agfc){confirmField(t.dataset.agfc,false);return;}
    if(t.dataset.agfs){confirmField(t.dataset.agfs,true);return;}
  },true);

  function startBf(){
    if(mode!=='backfill')setMode('backfill',true);
    fi=0; push('u','补 万圣节南瓜花环 40cm 的成本');
    agent('<p>好。这个商品有 <b>4 个必填项</b>，我按已有数据先起草，<b>每一项都要你确认才写库</b>——AI 起草的值不会自动 confirmed。</p>',720);
    setTimeout(askField,900);
  }

  /* 左侧栏/主内容区导航驱动的身份自动切换，见另一段脚本里的 agentContextForView()。
     打招呼字样（几点好 + 当前浏览的人）每次导航都刷新；Skill/知识库范围只有派生角色真变了才切换，
     避免同一事业部内换人、翻商品页时反复触发范围提示。 */
  window.__agentSyncContext=function(ctx){
    currentPersonName=(ctx&&ctx.name)||currentPersonName;
    updateAgGreet();
    if(!ctx||!ROLES[ctx.role]||ctx.role===role)return;
    role=ctx.role;
    renderRole();
  };

  async function stopHrFromCopilotText(text){
    if(!/(停止|叫停|暂停|终止|关闭)/.test(text))return false;
    var kinds=[];
    if(/简历|筛选/.test(text))kinds.push('screening');
    if(/招呼|主动/.test(text))kinds.push('greeting');
    if(/被动|回复/.test(text))kinds.push('reply');
    if(/全部|所有|任意|自动化进程/.test(text)||!kinds.length)kinds=['screening','greeting','reply'];
    var routes={screening:'screening/stop',greeting:'greeting/stop',reply:'review/stop'};
    var unique=[...new Set(kinds)];
    await Promise.all(unique.map(function(kind){return fetch('/api/hr-assistant/'+routes[kind],{method:'POST',credentials:'include',headers:{'content-type':'application/json'},body:'{}'}).then(function(response){if(!response.ok)throw new Error('停止请求失败');return response.json();});}));
    agent('<p>已按指令停止：<b>'+unique.map(function(kind){return {screening:'简历筛选',greeting:'主动打招呼',reply:'被动消息回复'}[kind];}).join('、')+'</b>。</p>',0);
    return true;
  }

  function copilotWorkspace(){
    var crumb=($('#crumb')&&$('#crumb').textContent)||'';
    var roleCode=document.body.dataset.v3Role||role||'',specialist=/^(sampler|product_development|blind_box_designer|hr|procurement|finance)$/.test(roleCode);
    var workspace=document.querySelector('#sampling-pages,#sampling-workbench')?'sampling':document.querySelector('#hr-workbench')?'hr':document.querySelector('#research-workbench')?'product_research':document.querySelector('#blind-box-workbench,[data-blind-box-workbench]')?'blind_box_designer':document.querySelector('#procurement-workbench,[data-procurement-workbench]')?'procurement':document.querySelector('#finance-workbench,[data-finance-workbench]')?'finance':crumb.includes('盲盒设计')?'blind_box_designer':crumb.includes('采购')?'procurement':crumb.includes('人事')?'hr':crumb.includes('财务')?'finance':specialist?'':'dashboard';
    return {workspace:workspace,view:crumb,role:roleCode,path:location.pathname};
  }
  function copilotSessionKey(workspace){var employee=window.JQ_CURRENT_USER&&window.JQ_CURRENT_USER.employee_id;return employee&&workspace?'jq-v32-copilot-session:'+employee+':'+workspace:'';}
  function rememberCopilotSession(workspace,session){var key=copilotSessionKey(workspace);if(key&&/^[0-9a-f-]{36}$/i.test(String(session||'')))try{localStorage.setItem(key,session);}catch(_){} }
  function copilotState(workspace){workspace=workspace||copilotWorkspace().workspace;if(!copilotStates[workspace]){var key=copilotSessionKey(workspace),session='';if(key)try{session=localStorage.getItem(key)||'';}catch(_){}copilotStates[workspace]={session:/^[0-9a-f-]{36}$/i.test(session)?session:'',files:[],uploading:0,generation:0};}return copilotStates[workspace];}
  function readAsDataUrl(file){return new Promise(function(resolve,reject){var reader=new FileReader();reader.onload=function(){resolve(String(reader.result||''));};reader.onerror=reject;reader.readAsDataURL(file);});}
  function base64Body(dataUrl){return String(dataUrl).split(',')[1]||'';}
  function renderCopilotFiles(){
    var tray=$('#agfilestray');if(!tray)return;var state=copilotState();
    tray.classList.toggle('on',state.files.length>0);
    tray.innerHTML=state.files.map(function(item,index){var ext=(item.file.name.split('.').pop()||'FILE').toUpperCase();return '<div class="agfile"><i>'+(item.preview?'<img src="'+item.preview+'" alt="">':agesc(ext))+'</i><span><b title="'+agesc(item.file.name)+'">'+agesc(item.file.name)+'</b><small>'+agesc(item.status)+'</small></span><button type="button" data-agfile-remove="'+index+'" aria-label="移除附件">×</button></div>';}).join('');
    tray.querySelectorAll('[data-agfile-remove]').forEach(function(button){button.onclick=function(){state.files.splice(Number(button.dataset.agfileRemove),1);renderCopilotFiles();};});
  }
  function artifactCard(artifact){var label={docx:'DOC',md:'MD',pdf:'PDF',xlsx:'XLS',image:'IMG',png:'IMG',jpg:'IMG',jpeg:'IMG',webp:'IMG'}[artifact.artifact_type]||'FILE';var action=artifact.download_url?'<a href="'+agesc(artifact.download_url)+'" download>下载</a>':artifact.image_url?'<a href="'+agesc(artifact.image_url)+'" target="_blank" rel="noopener">查看</a>':'';return '<div class="agartifact"><i>'+label+'</i><span><b>'+agesc(artifact.file_name||artifact.title||'生成结果')+'</b><small>'+agesc((artifact.artifact_type||'file').toUpperCase())+' · 草稿 · 当前角色页面</small></span>'+action+'</div>';}
  function renderArtifactToCurrentPage(artifact){
    var canvas=document.querySelector('#canvas');if(!canvas)return;
    var section=canvas.querySelector('.v3-copilot-artifacts');if(!section){section=document.createElement('section');section.className='card v3-copilot-artifacts';section.dataset.workspace=copilotWorkspace().workspace;section.innerHTML='<div class="card-h"><h3>本页面生成的内容与文件</h3><span class="hint">由 Copilot 回写 · 继承当前角色权限</span></div><div class="cbody"></div>';canvas.appendChild(section);}var host=section.querySelector('.cbody');
    if(host.querySelector('.v3-empty'))host.innerHTML='';host.insertAdjacentHTML('afterbegin',artifactCard(artifact));
  }
  var copilotArtifactLoadTimer=0,copilotArtifactLoading='';
  async function loadCopilotArtifactsForPage(){
    if(!window.JQ_CURRENT_USER||location.protocol==='file:')return;
    var context=copilotWorkspace(),canvas=document.querySelector('#canvas');if(!context.workspace||!canvas||canvas.querySelector('.v3-copilot-artifacts[data-workspace="'+context.workspace+'"]'))return;
    if(copilotArtifactLoading===context.workspace)return;copilotArtifactLoading=context.workspace;
    try{var response=await fetch(CHAT_API_BASE+'/api/copilot/artifacts?workspace='+encodeURIComponent(context.workspace),{credentials:'include',headers:{'x-jq-employee-id':CHAT_EMP,'accept':'application/json'}});var result=await response.json();if(!response.ok)throw new Error(result.error||'ARTIFACT_LIST_FAILED');if(copilotWorkspace().workspace!==context.workspace)return;(result.items||[]).slice().reverse().forEach(renderArtifactToCurrentPage);}catch(error){console.warn('Copilot artifacts unavailable',error);}finally{copilotArtifactLoading='';}
  }
  window.loadCopilotArtifactsForPage=loadCopilotArtifactsForPage;
  async function uploadCopilotFile(file){
    var context=copilotWorkspace(),state=copilotState(context.workspace),item={file:file,status:'正在读取',attachment:null,preview:''};state.files.push(item);state.uploading++;renderCopilotFiles();
    try{var dataUrl=await readAsDataUrl(file);if(file.type.indexOf('image/')===0)item.preview=dataUrl;item.dataUrl=dataUrl;item.status='正在解析';renderCopilotFiles();
      var response=await fetch(CHAT_API_BASE+'/api/copilot/attachments',{method:'POST',credentials:'include',headers:{'content-type':'application/json','x-jq-employee-id':CHAT_EMP},body:JSON.stringify({session_id:state.session,file_name:file.name,mime_type:file.type,content_base64:base64Body(dataUrl),workspace_context:context})});
      var result=await response.json();if(!response.ok)throw new Error(result.error||'UPLOAD_FAILED');item.attachment=result.attachment;state.session=result.attachment.session_id;rememberCopilotSession(context.workspace,state.session);item.status=result.attachment.parse_status==='failed'?'解析失败':'已读取';
    }catch(error){item.status='失败：'+String(error.message||error);}finally{state.uploading--;if(copilotWorkspace().workspace===context.workspace)renderCopilotFiles();}
  }
  function requestedOutputFormat(v){
    if(/(?:生成|制作|绘制|画).{0,16}(?:图片|图像|插画|效果图)|(?:图片|图像).{0,10}(?:生成|制作)/i.test(v))return 'image';
    if(/(?:生成|输出|导出|制作|保存|下载|给我|提供).{0,24}(?:Word|docx)|(?:Word|docx).{0,16}(?:文件|文档|报告)/i.test(v))return 'docx';
    if(/(?:生成|输出|导出|制作|保存|下载|给我|提供).{0,24}(?:Markdown|\.md\b)|(?:Markdown|\.md\b).{0,16}(?:文件|文档|报告)/i.test(v))return 'md';
    if(/(?:生成|输出|导出|制作|保存|下载|给我|提供).{0,24}PDF|PDF.{0,16}(?:文件|文档|报告)/i.test(v))return 'pdf';
    if(/(?:生成|输出|导出|制作|保存|下载|给我|提供).{0,24}(?:Excel|xlsx)|(?:Excel|xlsx).{0,16}(?:文件|表格|报表)/i.test(v))return 'xlsx';
    return 'reply';
  }
  async function enhancedCopilotTurn(v,outputFormat){
    var context=copilotWorkspace(),state=copilotState(context.workspace),generation=++state.generation;
    if(state.uploading)throw new Error('附件仍在上传，请稍候');
    var accepted=state.files.filter(function(item){return item.attachment;});
    if(outputFormat==='image'){
      var reference=accepted.find(function(item){return item.file.type.indexOf('image/')===0;});
      agent('<p>正在调用已配置的图片生成接口…</p>',0);
      var imageResponse=await fetch(CHAT_API_BASE+'/api/images/generate',{method:'POST',credentials:'include',headers:{'content-type':'application/json','x-jq-employee-id':CHAT_EMP},body:JSON.stringify({prompt:v,size:'1024x1024',quality:'medium',reference_image:reference&&reference.dataUrl||null,copilot_session_id:state.session,workspace_context:context,source_attachment_ids:accepted.map(function(item){return item.attachment.attachment_id;})})});
      var image=await imageResponse.json();if(!imageResponse.ok)throw new Error(image.detail||image.error||'IMAGE_GENERATION_FAILED');
      var artifact=Object.assign({},image.artifact||{artifact_type:'png',title:'Copilot生成图片',file_name:'Copilot生成图片.png'},{image_url:image.image_url});state.session=artifact.session_id||state.session;if(copilotWorkspace().workspace!==context.workspace||state.generation!==generation)return true;agent('<p>图片已生成，并回写当前页面等待人工审核。</p>'+artifactCard(artifact),0);renderArtifactToCurrentPage(artifact);return true;
    }
    var response=await fetch(CHAT_API_BASE+'/api/agent/chat',{method:'POST',credentials:'include',headers:{'content-type':'application/json','x-jq-employee-id':CHAT_EMP,'accept':'application/json'},body:JSON.stringify({message:v,session_id:state.session,attachment_ids:accepted.map(function(item){return item.attachment.attachment_id;}),workspace_context:context})});
    var result=await response.json();state.session=result.session_id||state.session;if(!response.ok||result.status==='failed')throw new Error(result.error||('HTTP '+response.status));rememberCopilotSession(context.workspace,state.session);if(copilotWorkspace().workspace!==context.workspace||state.generation!==generation)return true;
    var attachmentNotes=(result.attachment_diagnostics||[]).map(function(item){return agesc(item.file_name)+'：'+agesc(item.status==='sent_as_image'?'已作为图片传给模型':item.status==='sent_as_text'?'已提取文字传给模型':'未传给模型（'+(item.error||'不可读取')+'）');});
    if(attachmentNotes.length)agent('<div class="muted-note">'+attachmentNotes.join('<br>')+'</div>',0);
    var answer=String(result.message&&result.message.content||'');
    if(outputFormat==='reply'){agent('<p>'+agesc(answer).replace(/\n/g,'<br>')+'</p><div class="muted-note">证据状态：'+agesc(result.message&&result.message.evidence_status||'not_available')+'</div>',0);return true;}
    var title=((($('#crumb')&&$('#crumb').textContent||'Copilot生成内容').trim()||'Copilot生成内容')+'-'+new Date().toISOString().slice(0,10)).slice(0,110);
    var artifactResponse=await fetch(CHAT_API_BASE+'/api/copilot/artifacts',{method:'POST',credentials:'include',headers:{'content-type':'application/json','x-jq-employee-id':CHAT_EMP},body:JSON.stringify({session_id:state.session,format:outputFormat,title:title,content:answer,source_attachment_ids:accepted.map(function(item){return item.attachment.attachment_id;}),workspace_context:context})});
    var artifactResult=await artifactResponse.json();if(!artifactResponse.ok)throw new Error(artifactResult.detail||artifactResult.error||'ARTIFACT_GENERATION_FAILED');
    agent('<p>内容已生成，并回写当前角色页面。</p>'+artifactCard(artifactResult.artifact),0);renderArtifactToCurrentPage(artifactResult.artifact);return true;
  }

  function renderCopilotDataViews(views){
    var canvas=$('#canvas');if(!canvas||!Array.isArray(views)||!views.length)return;
    canvas.querySelectorAll('.v3-copilot-data-view').forEach(function(node){node.remove();});
    views.slice(0,3).forEach(function(view){
      if(!view||!view.data||typeof view.data!=='object')return;
      var section=document.createElement('section');section.className='card v3-copilot-data-view';
      var heading=document.createElement('h3');heading.textContent='Copilot 数据视图 · '+({hr:'人事',research:'商品研发',sampling:'打样',blindbox:'盲盒设计',procurement:'采购',operations:'经营',finance:'财务'}[view.workspace]||view.workspace);section.appendChild(heading);
      var meta=document.createElement('p');meta.className='v3-note';meta.textContent='来源：'+(view.metadata&&view.metadata.source||'授权工作区')+' · 环境：'+(view.metadata&&view.metadata.environment||'未标识')+' · 当前登录权限';section.appendChild(meta);
      var rows=Array.isArray(view.data.counts)?view.data.counts:Array.isArray(view.data.items)?view.data.items:[];
      if(rows.length){var list=document.createElement('div');list.className='v3-copilot-data-list';var maximum=Math.max(1,...rows.map(function(row){return Number(row.count??row.shortage_quantity??0)||0;}));rows.slice(0,20).forEach(function(row){var item=document.createElement('div');item.className='v3-copilot-data-row';var label=document.createElement('span');label.textContent=String(row.material_name||row.material_code||[row.verdict,row.status,row.review_status,row.lifecycle_status].filter(Boolean).join(' · ')||'数据项');var value=document.createElement('strong');var amount=Number(row.count??row.shortage_quantity??0)||0;value.textContent=String(amount);var bar=document.createElement('i');bar.style.width=Math.max(2,Math.min(100,amount/maximum*100))+'%';item.append(label,value,bar);list.appendChild(item);});section.appendChild(list);}
      else {var summary=document.createElement('pre');summary.className='v3-copilot-data-summary';summary.textContent=JSON.stringify(view.data,null,2).slice(0,6000);section.appendChild(summary);}
      canvas.prepend(section);
    });
  }
  function sendGlobalRead(v){
    var context=copilotWorkspace(),plainState=copilotState(context.workspace),generation=++plainState.generation;
    fetch(CHAT_API_BASE+'/api/agent/chat',{method:'POST',credentials:'include',headers:{'content-type':'application/json','x-jq-employee-id':CHAT_EMP,'accept':'application/json'},body:JSON.stringify({message:v,session_id:plainState.session,workspace_context:context})})
      .then(function(r){return r.json().then(function(x){if(!r.ok)throw new Error(x.error||('HTTP '+r.status));return x;});})
      .then(function(x){plainState.session=x.session_id||plainState.session;rememberCopilotSession(context.workspace,plainState.session);if(copilotWorkspace().workspace!==context.workspace||plainState.generation!==generation)return;agent('<p>'+agesc(x.message&&x.message.content||'').replace(/\n/g,'<br>')+'</p><div class="muted-note">证据状态：'+agesc(x.message&&x.message.evidence_status||'not_available')+'</div>',0);renderCopilotDataViews(x.views);})
      .catch(function(e){agent('<p>全域分析暂不可用：'+agesc(e.message)+'</p><div class="muted-note">请检查登录权限、模型配置和数据源状态。</div>',0);});
  }
  async function send(){
    var state=copilotState(),v=$('#aginp').value.trim();if(!v&&state.files.length)v='请读取这些附件，并结合当前角色页面给出分析。';if(!v)return;var outputFormat=requestedOutputFormat(v);
    $('#aginp').value=''; push('u',v);
    var crumbText=$('#crumb')?.textContent||'';
    var currentWorkspace=(typeof activeDept!=='undefined'&&activeDept)||(crumbText.includes('盲盒设计')?'blind_box_designer':crumbText.includes('采购')?'procurement':crumbText.includes('人事')?'hr':'');
    if(state.files.length||outputFormat!=='reply'){
      agent('<p>正在读取附件和当前页面上下文…</p>',0);
      enhancedCopilotTurn(v,outputFormat).catch(function(e){agent('<p>Copilot 处理失败：'+agesc(e.message)+'</p><div class="muted-note">未生成文件，也未把失败结果标记为完成。</div>',0);});
      return;
    }
    if(CHAT_API_ENABLED&&/(分析|统计|趋势|变化|汇总|报表|图表|展示.*数据|查.*数据|历史数据|历史记录|过去|最近|上周|上月|本周|本月|同比|环比|周期|按天|按周|按月|复盘)/.test(v)&&!/(采集|生成图片|设计图|制图|写入|审批|发送|下单)/.test(v)){
      agent('<p>正在按当前登录权限读取工作台数据并生成分析…</p>',0);sendGlobalRead(v);return;
    }
    if(document.querySelector('#research-workbench')){
      agent('<p>研发助手正在读取商品证据…</p>',0);
      Promise.resolve(window.ProductResearchWorkbench.handleAgentMessage(v)).then(function(answer){agent('<p>'+String(answer).replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c]}).replace(/\n/g,'<br>')+'</p>',0);}).catch(function(e){agent('<p>'+String(e.message).replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c]})+'</p>',0);});
      return;
    }
    if(currentWorkspace==='blind_box_designer'){
      agent('<p>盲盒设计助手正在处理…</p>',0);
      Promise.resolve(window.BlindBoxWorkbench?.handleAgentMessage(v))
        .then(function(answer){agent('<p>'+String(answer||'请先上传产品图片。').replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c]}).replace(/\n/g,'<br>')+'</p>',0);})
        .catch(function(e){agent('<p>盲盒设计助手暂不可用：'+String(e.message).replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c]})+'</p>',0);});
      return;
    }
    if(currentWorkspace==='hr'&&await stopHrFromCopilotText(v))return;
    if(currentWorkspace==='hr'&&/(组织|部门)\s*[:：=]/.test(v)&&/岗位\s*[:：=]/.test(v)&&/姓名\s*[:：=]/.test(v)){
      agent('<p>正在核对人事资料草稿；本次不会自动开通登录或授予角色…</p>',0);
      Promise.resolve(window.HrWorkbench?.previewCopilotIntake(v)).then(function(result){
        if(!result)throw Error('人事工作台未连接');var p=result.proposal||{};
        agent('<p>请核对：组织 <b>'+agesc(p.organization)+'</b>；岗位 <b>'+agesc(p.job)+'</b>；姓名 <b>'+agesc(p.name)+'</b>；人员编号 <b>'+agesc(p.code)+'</b>。</p><p>确认后写入人事草稿并更新组织架构图；不创建登录权限。</p><button type="button" class="agbtn" data-hr-copilot-confirm="'+agesc(result.intake_id)+'">确认写入草稿</button>',0);
      }).catch(function(error){agent('<p>人事草稿未创建：'+agesc(error.message)+'</p>',0);});return;
    }
    if(activeModel==='newton'){newtonSend(v);return;}
    if(currentWorkspace==='hr'||currentWorkspace==='procurement'){
      var taskType=currentWorkspace==='hr'?'hr':'procurement';
      agent('<p>正在交给'+(taskType==='hr'?'人事':'采购')+' Agent 处理…</p>',0);
      fetch(CHAT_API_BASE+'/api/agents/openai-run',{method:'POST',headers:{'content-type':'application/json','x-jq-employee-id':CHAT_EMP,'accept':'application/json'},body:JSON.stringify({task_type:taskType,message:v})})
        .then(function(r){return r.json().then(function(x){if(!r.ok)throw new Error(x.provider_error||x.error||('HTTP '+r.status));return x;});})
        .then(function(x){var answer=String(x.answer||'Agent 已完成，但没有返回文字内容。');var safe=answer.replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c]}).replace(/\n/g,'<br>');agent('<p>'+safe+'</p>',0);if(taskType==='procurement'&&x.procurement&&typeof renderProcurementSnapshot==='function')renderProcurementSnapshot(x.procurement);if(taskType==='hr'&&typeof renderHrGeneratedOutput==='function')renderHrGeneratedOutput(answer);})
        .catch(function(e){agent('<p>Agent 暂不可用：'+String(e.message).replace(/[&<>]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;'}[c]})+'</p><div class="muted-note">请检查登录身份、Agent 配置或网络连接。</div>',0);});
      return;
    }
    if(CHAT_API_ENABLED){sendGlobalRead(v);return;}
    if(/采集|重采|重新采|同步一下|更新数据|跑一下|抓一下/.test(v)){agent(RPAREFUSE,980);return;}
    if(/什么时候采|数据新不新|多久更新|快照|采集状态|RPA|rpa/.test(v)){if(mode!=='explain')setMode('explain',true);setCtx('采集状态');agent(COLLECTANS,1280);return;}
    if(/异步导出|下载中心|取件|交易明细|客户CRM|资金对账/.test(v)){agent(ASYNCANS,1040);return;}
    if(/降价|调价|改预算|预算|上架|下架|发送|推送/.test(v)){agent(REFUSE,1120);return;}
    if(/规范|SOP|sop|制度|流程|怎么做|报价|响应/.test(v)){
      if(mode!=='kb')setMode('kb',true);
      var k=/报价|花灯|工程/.test(v)?KB.baojia:/询盘|响应/.test(v)?KB.sop:KB.tuku;
      agent(k.html,k.tok); return;
    }
    if(/补录|补数|成本表/.test(v)){setMode('backfill');return;}
    var e=lookup(v);
    if(e){if(mode!=='explain')setMode('explain',true);setCtx(e.name);agent(answer(e,''),1200);return;}
    agent('<p>没匹配到已登记的指标。你可以点任意数字右上角的<b>放大镜</b>，或试下面的快捷问题。</p>'+
      '<div class="agacts"><button class="agbtn" data-agquick="agq1">支付金额</button><button class="agbtn" data-agquick="agq2">毛利</button><button class="agbtn" data-agkb="tuku">套图规范</button></div>',420);
  }
  $('#agsend').addEventListener('click',send);
  document.addEventListener('click',function(event){var button=event.target.closest('[data-hr-copilot-confirm]');if(!button)return;var id=button.dataset.hrCopilotConfirm;button.disabled=true;Promise.resolve(window.HrWorkbench?.confirmCopilotIntake(id)).then(function(result){if(!result)throw Error('人事工作台未连接');agent('<p>已保存人事草稿：'+agesc(result.unit_name)+' · '+agesc(result.job_name)+' · '+agesc(result.display_name)+'。组织架构图已刷新；仍待人工核实。</p>',0);}).catch(function(error){button.disabled=false;agent('<p>写入未完成：'+agesc(error.message)+'</p>',0);});});
  $('#aginp').addEventListener('keydown',function(e){if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();send();}});
  $('#agattach').addEventListener('click',function(){$('#agfiles').click();});
  $('#agfiles').addEventListener('change',function(){
    var state=copilotState();
    var selected=[...(this.files||[])];if(!selected.length)return;
    if(state.files.length+selected.length>10){agent('<p>单次对话最多附加 10 个文件。请移除部分附件后重试；本次没有上传或忽略任何文件。</p>',0);this.value='';return;}
    if(!state.session&&window.crypto&&crypto.randomUUID)state.session=crypto.randomUUID();
    var files=selected;
    push('u','已添加 '+files.length+' 个附件');files.forEach(uploadCopilotFile);
    var context=copilotWorkspace();
    if(context.workspace==='blind_box_designer'&&files.every(function(file){return file.type.indexOf('image/')===0;})){
      agent('<p>图片同时进入盲盒设计工作台，正在读取并同步生产画布…</p>',0);
      Promise.resolve(window.BlindBoxWorkbench?.handleAgentFiles(files)).then(function(answer){agent('<p>'+agesc(answer||'图片处理完成。').replace(/\n/g,'<br>')+'</p>',0);}).catch(function(e){agent('<p>盲盒画布同步失败：'+agesc(e.message)+'</p>',0);});
    }
    this.value='';
  });
  function openPanel(){
    document.body.classList.remove('agoff');
    document.body.classList.add('agon');
    if(OVERLAY())document.body.classList.add('aglock');
    stream.scrollTop=stream.scrollHeight;
  }
  function closePanel(){
    document.body.classList.add('agoff');
    document.body.classList.remove('agon');
    document.body.classList.remove('aglock');
  }
  $('#agclose').addEventListener('click',closePanel);
  $('#agfab').addEventListener('click',openPanel);
  $('#agscrim').addEventListener('click',closePanel);
  document.addEventListener('keydown',function(e){
    if(e.key==='Escape'&&document.body.classList.contains('agon'))closePanel();
  });

  /* 2026-08-27 增量：Agent 侧栏可拖拽伸缩，有最大拉伸值和最小显示值，随视口变化重新夹紧。
     宽度写进 --ag-w 这个 CSS 变量（已接到 .app 的 grid-template-columns 里）；
     主内容列本来就是 minmax(0,1fr)，拖拽时会自动让出/收回空间，不需要额外写"适配左侧看板"的代码。
     只在≥1181px 的并排栏布局生效——移动端/平板下 Agent 是浮层，拖拽没有意义。 */
  var AG_MIN=300, AG_MAX=640, AG_MIN_MAIN=460;
  function agDefaultWidth(){return window.matchMedia('(max-width:1460px)').matches?350:402;}
  function agSidebarWidth(){return window.matchMedia('(max-width:1460px)').matches?228:272;}
  function agClamp(w){
    var maxByViewport=window.innerWidth-agSidebarWidth()-AG_MIN_MAIN;
    var max=Math.max(AG_MIN,Math.min(AG_MAX,maxByViewport));
    return Math.max(AG_MIN,Math.min(max,Math.round(w)));
  }
  var agentWidth=(function(){
    try{var saved=+localStorage.getItem('jq_agent_w');if(saved)return agClamp(saved);}catch(e){}
    return agDefaultWidth();
  })();
  function applyAgentWidth(w){
    agentWidth=agClamp(w);
    document.documentElement.style.setProperty('--ag-w',agentWidth+'px');
    try{localStorage.setItem('jq_agent_w',agentWidth);}catch(e){}
  }
  applyAgentWidth(agentWidth);
  window.addEventListener('resize',function(){applyAgentWidth(agentWidth);});
  var agResizeEl=document.getElementById('agresize');
  if(agResizeEl){
    var agDragging=false, agDragStartX=0, agDragStartW=0;
    agResizeEl.addEventListener('pointerdown',function(e){
      if(OVERLAY())return;
      agDragging=true; agDragStartX=e.clientX; agDragStartW=agentWidth;
      agResizeEl.classList.add('on');
      document.body.classList.add('ag-resizing');
      agResizeEl.setPointerCapture(e.pointerId);
      e.preventDefault();
    });
    agResizeEl.addEventListener('pointermove',function(e){
      if(!agDragging)return;
      applyAgentWidth(agDragStartW+(agDragStartX-e.clientX));
    });
    function agEndDrag(){
      if(!agDragging)return;
      agDragging=false;
      agResizeEl.classList.remove('on');
      document.body.classList.remove('ag-resizing');
    }
    agResizeEl.addEventListener('pointerup',agEndDrag);
    agResizeEl.addEventListener('pointercancel',agEndDrag);
    agResizeEl.addEventListener('keydown',function(e){
      if(e.key==='ArrowLeft'){applyAgentWidth(agentWidth+16);e.preventDefault();}
      else if(e.key==='ArrowRight'){applyAgentWidth(agentWidth-16);e.preventDefault();}
      else if(e.key==='Home'){applyAgentWidth(AG_MIN);e.preventDefault();}
      else if(e.key==='End'){applyAgentWidth(AG_MAX);e.preventDefault();}
    });
  }

  /* 初始形态：桌面常驻展开；平板与手机默认收起，先让用户看驾驶舱 */
  function initState(){
    if(OVERLAY())closePanel();
    else{document.body.classList.remove('agoff');document.body.classList.remove('agon');document.body.classList.remove('aglock');}
  }
  initState();
  var mq=window.matchMedia('(max-width:1180px)');
  if(mq.addEventListener)mq.addEventListener('change',initState);
  else if(mq.addListener)mq.addListener(initState);
  document.getElementById('seg').addEventListener('click',function(){setTimeout(function(){setCtx();inject();},20);});
  document.getElementById('tree').addEventListener('click',function(){setTimeout(function(){setCtx();inject();},20);});

  /* ───────── 开场 ───────── */
  renderRole(); setCtx(); renderQuick(); updateAgGreet();
  push('s','会话已建立 · 范围继承自左侧组织节点');
  push('a','<p>先说数据新鲜度，再说我能做什么——顺序不能反。</p><div class="agans">'+
    sec('今天没有自动采集','采集任务的启用状态以「数据采集 · RPA 调度」页实时列表为准：多数任务 <code>enabled=false</code>（仅现场验证通过的少数启用），规范要求 <code>enabled=false</code> 时直接返回 <code>blocked</code>、不启动浏览器。最近一次成功入库是 metric_date <code>'+COLLECT.lastOk+'</code>（人工触发的单店验收跑批）。<b>下面所有数字都以此为准，不是今天的。</b>',true)+
    sec('解释（只读）','点任意数字右上角的<b>放大镜</b>。口径从 <code>metric_registry</code> 运行时注入——没登记的指标我不解释。')+
    sec('知识（企业知识库）','套图规范、询盘 SOP、报价口径。<b>只答制度，不出数字。</b>')+
    sec('补录（需人工确认）','把缺的成本、询盘质量、变更日志补进来。AI 起草，你确认才写库。')+
    sec('我答不了 / 做不了什么','毛利、有效询盘、净 GMV、ROAS、客单价——事实缺失或口径未确认。另外我<b>不能触发采集、不能执行任何平台写操作</b>。',true)+'</div>'+
    '<div class="agacts"><button class="agbtn pri" data-agquick="agq5">数据是什么时候采的</button><button class="agbtn" data-agquick="agq2">毛利为什么待接入</button><button class="agbtn" data-agtab="kb">知识库</button></div>');
})();
</script>

<style>
/* V3.1 incremental layer: keep the validated V3 cockpit, canvas and Agent rail intact. */
#v3login{position:fixed;inset:0;height:100dvh;z-index:9999;background:var(--paper);display:grid;grid-template-columns:minmax(360px,1fr) minmax(440px,.82fr);color:var(--ink);overflow:hidden}
html:has(#v3login:not([hidden])),body:has(#v3login:not([hidden])){height:100%;overflow:hidden}
#v3login[hidden]{display:none}.v3-login-story{background:var(--sunk);padding:7vh 7vw;display:flex;flex-direction:column;justify-content:space-between}.v3-login-story h1{font:600 clamp(38px,4.5vw,64px)/1.18 var(--serif);letter-spacing:-2px;margin:22px 0}.v3-login-story p{max-width:440px;color:var(--ink-2);line-height:1.9}.v3-login-box{display:flex;align-items:center;justify-content:center;padding:42px}.v3-login-form{width:min(410px,100%)}.v3-login-form h2{font-size:27px;font-weight:500;margin:12px 0 6px}.v3-field{display:block;font-size:12px;font-weight:600;margin:22px 0 7px}.v3-input{width:100%;padding:12px 13px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:14px var(--sans)}.v3-code{display:grid;grid-template-columns:1fr auto;gap:8px}.v3-btn{padding:10px 15px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:13px var(--sans);cursor:pointer}.v3-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.v3-btn.wide{width:100%;margin-top:22px}.v3-note{font-size:12px;color:var(--ink-2);line-height:1.7}.v3-alert{padding:11px 13px;margin-top:18px;background:var(--gold-soft);border-left:3px solid var(--gold);font-size:12px;color:var(--ink-2)}
.v3-login-story{position:relative;overflow:hidden}.v3-login-brand{position:relative;z-index:2}.v3-robot-stage{position:absolute;left:50%;top:53%;width:290px;height:290px;transform:translate(-50%,-50%);display:grid;place-items:center}.v3-robot-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(52,71,126,.16),rgba(52,71,126,0) 68%);animation:v3RobotGlow 3.2s ease-in-out infinite}.v3-robot{position:relative;width:142px;height:168px;animation:v3RobotFloat 3.2s ease-in-out infinite}.v3-robot-head{position:absolute;left:13px;top:18px;width:116px;height:82px;border:2px solid var(--accent);border-radius:34px 34px 28px 28px;background:var(--surface);box-shadow:0 16px 38px rgba(52,71,126,.12)}.v3-robot-head:before{content:'';position:absolute;left:56px;top:-22px;width:2px;height:22px;background:var(--accent)}.v3-robot-head:after{content:'';position:absolute;left:50px;top:-29px;width:13px;height:13px;border:2px solid var(--accent);border-radius:50%;background:var(--gold-soft)}.v3-robot-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:28px}.v3-robot-eye{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft);animation:v3RobotBlink 4.5s infinite}.v3-robot-mouth{position:absolute;left:46px;bottom:17px;width:24px;height:7px;border-bottom:2px solid var(--accent);border-radius:50%}.v3-robot-body{position:absolute;left:28px;top:106px;width:86px;height:55px;border:2px solid var(--accent);border-radius:18px 18px 28px 28px;background:var(--surface)}.v3-robot-body:before,.v3-robot-body:after{content:'';position:absolute;top:9px;width:29px;height:2px;background:var(--accent)}.v3-robot-body:before{left:-24px;transform:rotate(28deg)}.v3-robot-body:after{right:-24px;transform:rotate(-28deg)}.v3-robot-core{position:absolute;left:34px;top:15px;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px var(--gold-soft);animation:v3RobotCore 1.8s ease-in-out infinite}.v3-robot-shadow{position:absolute;left:73px;bottom:30px;width:145px;height:18px;border-radius:50%;background:rgba(35,39,52,.1);filter:blur(7px);animation:v3RobotShadow 3.2s ease-in-out infinite}@keyframes v3RobotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes v3RobotShadow{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(.82);opacity:.35}}@keyframes v3RobotGlow{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}@keyframes v3RobotBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}@keyframes v3RobotCore{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.v3-robot,.v3-robot-glow,.v3-robot-eye,.v3-robot-core,.v3-robot-shadow{animation:none}}
#seg[hidden],.role[hidden]{display:none!important}
#tree [hidden]{display:none!important}
.brand .sub[hidden]{display:none!important}
.node[data-v3-dept]{cursor:pointer}.node[data-v3-dept]:hover{background:var(--surface-2)}.v3-dept-page .h-row{margin-bottom:14px}.v3-dept-page .v3-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.v3-dept-page .v3-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px}.v3-kpi b{font-size:12px;font-weight:500}.v3-kpi strong{display:block;font:25px var(--mono);margin:8px 0}.v3-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:15px 0}.v3-tabs button{border:0;background:none;padding:10px 13px;color:var(--ink-2);cursor:pointer}.v3-tabs button.on{color:var(--accent);border-bottom:2px solid var(--accent)}.v3-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.v3-toolbar .v3-input{max-width:300px}.v3-toolbar .push{margin-left:auto}.v3-empty{padding:38px 18px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--ink-2)}.v3-empty b{display:block;color:var(--ink);font-weight:500;margin-bottom:7px}.v3-stage{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:12px 0 16px}.v3-stage div{padding:11px 10px;border-top:2px solid var(--line-2);font-size:11px;color:var(--ink-2)}.v3-stage b{display:block;font-size:12px;color:var(--ink);margin:4px 0}.v3-table{overflow:auto}.v3-table table{min-width:760px}.v3-split{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.v3-rules{display:flex;flex-direction:column;gap:9px}.v3-rule{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:12px}.v3-rule span{color:var(--ink-2)}.v3-preview-badge{font-size:10px;color:var(--gold);background:var(--gold-soft);border-radius:10px;padding:3px 8px}.v3-logout{margin-left:8px}
.v3-proc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v3-proc-head .v3-source{flex:1;min-width:260px}.v3-config{display:grid;grid-template-columns:130px 1fr auto;gap:10px;align-items:center}.v3-config+.v3-config{margin-top:9px}.v3-status{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}.v3-status i{width:7px;height:7px;background:var(--ok);border-radius:50%}.v3-proc-kpis{grid-template-columns:repeat(6,1fr)!important}.v3-proc-kpis .v3-kpi{padding:12px}.v3-proc-kpis .v3-kpi strong{font-size:21px}.v3-table table.v3-proc-table{min-width:1120px}.v3-filter-note{padding:9px 11px;background:var(--surface-2);border-radius:var(--radius);color:var(--ink-2);font-size:11px}
.v3-purchase-link{white-space:nowrap;padding:7px 10px}
.v3-hr-status{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.v3-hr-status .push{margin-left:auto}.v3-hr-tabs{overflow:auto;white-space:nowrap}.v3-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.v3-skill{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--surface)}.v3-skill small{display:block;color:var(--ink-2);margin:5px 0 10px;line-height:1.45}.v3-skill span{font:10px var(--mono);color:var(--accent)}.v3-queue{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:12px 0}.v3-queue div{padding:12px;border-right:1px solid var(--line)}.v3-queue div:last-child{border-right:0}.v3-queue strong{display:block;font:22px var(--mono);margin-top:7px}.v3-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v3-setting{border:1px solid var(--line);border-radius:var(--radius);padding:11px}.v3-setting b{display:block;margin-bottom:5px}.v3-setting span{font-size:11px;color:var(--ink-2);line-height:1.5}.v3-policy{border-left:3px solid var(--gold);padding:9px 11px;background:var(--gold-soft);font-size:11px;line-height:1.55}
.v3-core-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.v3-core-tabs button{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;color:var(--ink-2);cursor:pointer}.v3-core-tabs button b{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.v3-core-tabs button.on{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.v3-auto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v3-auto-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px}.v3-auto-card .num{font:10px var(--mono);color:var(--accent)}.v3-auto-card h3{font-size:14px;margin:7px 0}.v3-auto-card p{font-size:11px;line-height:1.55;color:var(--ink-2);min-height:52px}.v3-flow{display:flex;align-items:center;gap:7px;margin:12px 0;color:var(--ink-2);font-size:11px}.v3-flow b{color:var(--ink);padding:7px 10px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.v3-output-table{width:100%}.v3-output-table td{padding:12px;border-bottom:1px solid var(--line)}
.v3-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--ink-2)}.v3-state:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ink-3)}.v3-auto-actions{display:flex;gap:7px;margin-top:12px}.v3-auto-actions .v3-btn{min-width:96px}.v3-candidate-table{min-width:860px!important}.v3-candidate-table td,.v3-candidate-table th{white-space:nowrap}.v3-simple-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.v3-simple-head .push{margin-left:auto}
.v3-robot-eye{translate:var(--v3-eye-x,0px) var(--v3-eye-y,0px);transition:translate 90ms ease-out}
.v3-robot.is-private .v3-robot-eye{animation:none;transform:scaleY(.12);translate:0 0;box-shadow:0 0 0 5px var(--accent-soft);transition:transform 160ms ease,translate 120ms ease}
.v3-side-logout{width:100%;margin-bottom:12px;padding:9px 12px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font:12px var(--sans);cursor:pointer}.v3-side-logout:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:900px){#v3login{grid-template-columns:1fr}.v3-login-story{display:none}.v3-login-box{padding:28px}.v3-dept-page .v3-kpis,.v3-split,.v3-config,.v3-skill-grid,.v3-queue,.v3-field-grid,.v3-core-tabs,.v3-auto-grid{grid-template-columns:1fr}.v3-stage{grid-template-columns:repeat(2,1fr)}}
</style>
<div id="v3login">
  <section class="v3-login-story"><div class="v3-login-brand"><span class="jq-brand-symbol"><img src="/brand/jingquan-logo-black.png" alt="" aria-hidden="true"></span><span>景泉AI工作台</span></div><div class="v3-robot-stage" aria-hidden="true"><div class="v3-robot-glow"></div><div class="v3-robot"><div class="v3-robot-head"><div class="v3-robot-face"><i class="v3-robot-eye"></i><i class="v3-robot-eye"></i></div><i class="v3-robot-mouth"></i></div><div class="v3-robot-body"><i class="v3-robot-core"></i></div></div><div class="v3-robot-shadow"></div></div></section>
  <section class="v3-login-box"><form class="v3-login-form" id="v3loginform"><h2>登录</h2><label class="v3-field" for="v3phone">手机号码</label><input class="v3-input" id="v3phone" type="tel" inputmode="tel" autocomplete="username" maxlength="11" pattern="1[0-9]{10}" placeholder="请输入手机号" required><label class="v3-field" for="v3password">密码</label><input class="v3-input" id="v3password" type="password" autocomplete="current-password" placeholder="请输入密码" required><button class="v3-btn primary wide" type="submit">登录</button><button class="v3-btn wide" type="button" id="v3forgot">忘记密码</button><div id="v3authmsg" class="v3-note" role="status" style="margin-top:9px"></div></form></section>
</div>
<script src="/blind-box-workbench.js"></script>
<!-- 产品研发工作台 V3.3：独立模块，保留盲盒工作台 -->
<script src="/product-research.js"></script>
<script src="/hr-workbench.js"></script>
<script src="/workbench-navigation.js"></script>
<script src="/sampling-prototype-layout.js"></script>
<script>window.JQSamplingReady=import('/sampling-workbench.js');window.JQSamplingReady.catch(()=>{});</script>
<script>
(()=>{'use strict';
const $=(s,r=document)=>r.querySelector(s), $$=(s,r=document)=>[...r.querySelectorAll(s)];let previewRole='owner',activeDept='',purchaseTab='material',hrTab='automation',pendingHrAction='',selectedHrCandidate='',hrPollTimer=null,hrStatusTimer=null,procurementPollTimer=null,isAuthenticated=false;
const IS_LOCAL_UI_PREVIEW=['127.0.0.1','localhost'].includes(location.hostname)&&location.protocol!=='file:'&&new URLSearchParams(location.search).get('preview')==='blind-box';
const ROLE_PROFILE={owner:{name:'罗总',avatar:'罗'},platform_admin:{name:'系统管理员',avatar:'管'},hr:{name:'人事同事',avatar:'人'},procurement:{name:'采购同事',avatar:'采'},finance:{name:'财务同事',avatar:'财'},sampler:{name:'打样师',avatar:'样'},product_development:{name:'产品研发同事',avatar:'研'},blind_box_designer:{name:'盲盒产品设计师',avatar:'设'},operator:{name:'运营同事',avatar:'运'}};
const login=$('#v3login'),msg=$('#v3authmsg');
 const robotHead=$('.v3-robot-head');let eyeFrame=0;
 function pointRobotEyes(clientX,clientY){if(!robotHead||matchMedia('(prefers-reduced-motion: reduce)').matches)return;cancelAnimationFrame(eyeFrame);eyeFrame=requestAnimationFrame(()=>{const r=robotHead.getBoundingClientRect(),dx=clientX-(r.left+r.width/2),dy=clientY-(r.top+r.height/2),distance=Math.hypot(dx,dy)||1,reach=Math.min(6,distance/24);robotHead.style.setProperty('--v3-eye-x',`${(dx/distance*reach).toFixed(2)}px`);robotHead.style.setProperty('--v3-eye-y',`${(dy/distance*reach).toFixed(2)}px`);});}
 window.addEventListener('pointermove',e=>pointRobotEyes(e.clientX,e.clientY),{passive:true});document.documentElement.addEventListener('mouseleave',()=>{if(robotHead){robotHead.style.setProperty('--v3-eye-x','0px');robotHead.style.setProperty('--v3-eye-y','0px');}});
 const passwordInput=$('#v3password'),robot=$('.v3-robot');if(passwordInput&&robot){passwordInput.addEventListener('focus',()=>robot.classList.add('is-private'));passwordInput.addEventListener('blur',()=>robot.classList.remove('is-private'));}
 function showLogin(){isAuthenticated=false;login.hidden=false;if(passwordInput)passwordInput.value='';window.scrollTo({top:0,behavior:'smooth'});}
 function roleFromIdentity(identity){const codes=(identity?.roles||[]).map(x=>x.role_code);return ['owner','platform_admin','blind_box_designer','sampler','hr','procurement','finance','product_development','operator'].find(x=>codes.includes(x))||'operator';}
 async function logout(){try{if(location.protocol!=='file:'){const response=await fetch('/auth/logout',{method:'POST',credentials:'include'});if(!response.ok)throw new Error('LOGOUT_FAILED');}window.JQ_CURRENT_USER=null;location.reload();}catch{const msg=$('#v3authmsg');if(msg)msg.textContent='退出未完成，请重试。';}}
 $('#v3sideLogout').onclick=logout;
function enterWorkspace(identity){isAuthenticated=true;previewRole=roleFromIdentity(identity);window.JQ_CURRENT_USER=identity;document.body.dataset.v3Role=previewRole;login.hidden=true;window.JQRenderTree?.();if(['hr','procurement','finance','product_development','blind_box_designer','sampler'].includes(previewRole)){applyRole();showDepartment(previewRole);}else if((previewRole==='operator')){activeDept='';applyRole();const ownShop=$$('#tree [data-act="shop"]').find(n=>!n.hidden);if(ownShop)ownShop.click();else{$('#crumb').textContent='我的店铺 · 未绑定';$('#canvas').innerHTML=`<div class="v3-empty"><b>当前账号尚未绑定可查看的店铺</b><span>系统管理权限已保留；请由老板或授权管理员为该账号分配店铺范围后再查看经营数据。</span></div>`;}}else{activeDept='';applyRole();}patchAgentLabels();syncRoleScope();if(identity?.password_change_required)setTimeout(mountPasswordChange,0);}
async function requireAuthenticated(){if(isAuthenticated)return true;showLogin();msg.textContent='请先使用测试账号登录后再执行真实业务功能。';return false;}
$('#v3forgot').onclick=()=>{msg.textContent='请联系管理员重置密码。';};$('#v3loginform').onsubmit=async e=>{e.preventDefault();if(location.protocol==='file:'){msg.textContent='静态文件不提供登录服务，请打开测试环境地址。';return;}msg.textContent='正在登录…';const submit=e.currentTarget.querySelector('button[type="submit"]');submit.disabled=true;try{const response=await fetch('/auth/password/login',{method:'POST',credentials:'include',headers:{'content-type':'application/json'},body:JSON.stringify({phone:$('#v3phone').value,password:passwordInput.value})});const result=await response.json().catch(()=>({}));if(!response.ok)throw new Error(result.error||'LOGIN_FAILED');msg.textContent='';enterWorkspace(result.identity);if(result.password_change_required)msg.textContent='当前为临时密码，请登录后尽快修改。';}catch{msg.textContent='手机号或密码错误，或账号暂不可用。';}finally{submit.disabled=false;}};
function patchAgentLabels(){const panel=$('#agpanel'),sel=$('#agModelSel'),input=$('#aginp'),profile=ROLE_PROFILE[previewRole]||ROLE_PROFILE.operator,identity=window.JQ_CURRENT_USER||{},displayName=identity.display_name||identity.name||profile.name,avatar=identity.avatar_text||displayName.slice(0,1),hour=new Date().getHours(),greeting=hour<11?'早上好':hour<18?'下午好':'晚上好';if(panel){panel.setAttribute('aria-label','景泉 Copilot');const title=panel.querySelector('.agt>b');if(title)title.textContent='景泉 Copilot';}const greet=$('#aggreet');if(greet)greet.textContent=`${greeting}，${displayName}`;const me=$('.me b'),ava=$('.role .ava');if(me)me.textContent=displayName;if(ava)ava.textContent=avatar;if(input)input.setAttribute('aria-label','向 Copilot 交代任务');if(sel){sel.setAttribute('aria-label','切换 Copilot 使用的模型网关');const opt=sel.querySelector('option[value="openai"]');if(opt)opt.textContent='OpenAI Agent';}$$('*').filter(x=>x.childElementCount===0&&/ChatGPT/.test(x.textContent)).forEach(x=>x.textContent=x.textContent.replace(/ChatGPT/g,'OpenAI Agent'));}
function syncRoleScope(){const scope=$('#agscope');if(!scope)return;scope.removeAttribute('title');if(previewRole==='platform_admin'){scope.textContent='系统管理员 · 全部功能与全公司数据 · 数据同步管理';}else if(previewRole==='operator'){scope.textContent='我的授权店铺 · 仅查看本人负责的数据与公共工作区';scope.setAttribute('title','正式登录后，店铺范围由员工账号绑定的 shop_ids 决定。');}else if(previewRole==='finance'){scope.textContent='财务人员 · 财务数据与公共工作区';}else if(previewRole==='product_development'){scope.textContent='产品研发人员 · 产品研发数据与公共工作区';}else if(previewRole==='sampler'){scope.textContent='打样师 · 打样单、BOM版本、风险分析与签样';}else if(previewRole==='blind_box_designer'){scope.textContent='盲盒产品设计师 · 本人设计项目与公共工作区';}}
function removeRetiredCollectionUI(){$$('[data-nav="import"],#product-data-coverage').forEach(x=>x.remove());}
function deptKey(text){if(text.includes('人事'))return'hr';if(text.includes('采购'))return'procurement';if(text.includes('财务'))return'finance';if(text.includes('盲盒设计'))return'blind_box_designer';if(text.includes('打样'))return'sampler';if(text.includes('产品研发'))return'product_development';return'';}
function roleAllows(key){return ['owner','platform_admin'].includes(previewRole)||previewRole===key;}
function bindDepartments(){const group=$$('.grp-l').find(x=>x.textContent.trim()==='职能部门');if(!group)return;let nodes=[];for(let e=group.nextElementSibling;e&&!e.classList.contains('grp-l');e=e.nextElementSibling)if(e.classList.contains('node'))nodes.push(e);[['采购工作台'],['盲盒设计工作台'],['打样工作台']].forEach(([label])=>{if(!nodes.some(n=>n.textContent.includes(label))){const n=document.createElement('div');n.className='node';n.innerHTML=`<span class="ico">◇</span><div class="op-s"><div>${label}</div></div>`;group.parentNode.insertBefore(n,nodes.at(-1)?.nextElementSibling||group.nextSibling);nodes.push(n);}});nodes.forEach(n=>{const key=deptKey(n.textContent),disabled=['财务工作台','采购工作台','生产工作台','仓储工作台'].includes(n.querySelector('.op-s')?.textContent.trim());n.hidden=Boolean(key&&!roleAllows(key));if(key)n.dataset.v3Dept=key;if(disabled){n.classList.add('muted','v32-unavailable-workbench');n.dataset.v3Disabled='true';n.setAttribute('aria-disabled','true');n.setAttribute('title','当前阶段暂未开放');n.tabIndex=-1;n.onclick=null;n.onkeydown=null;return;}if(key&&!n.dataset.v3Bound){n.dataset.v3Bound='true';if(key==='blind_box_designer')n.dataset.v3Level='1';n.tabIndex=0;n.setAttribute('role','button');n.onclick=()=>showDepartment(key);n.onkeydown=e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();showDepartment(key);}};}});}
function applyRole(){bindDepartments();const me=$('.me b'),brandSub=$('.brand .sub');if(me)me.textContent={owner:'老板',platform_admin:'系统管理员',hr:'人事人员',procurement:'采购人员',finance:'财务人员',sampler:'打样师',product_development:'产品研发人员',blind_box_designer:'盲盒产品设计师',operator:'运营人员'}[previewRole];if(brandSub)brandSub.hidden=!['owner','platform_admin'].includes(previewRole);const groups=$$('.tree .grp-l'),nodes=$$('.tree .node');groups.forEach(g=>{g.hidden=false;if(!(previewRole==='operator')&&g.dataset.v3OriginalLabel&&g.textContent!==g.dataset.v3OriginalLabel)g.textContent=g.dataset.v3OriginalLabel;});nodes.forEach(n=>n.hidden=false);$$('#tree .unit-h').forEach(n=>n.hidden=false);if(['owner','platform_admin'].includes(previewRole)){patchAgentLabels();return;}if(['hr','procurement','finance','product_development','blind_box_designer','sampler'].includes(previewRole)){$$('#tree .unit-h').forEach(n=>n.hidden=true);groups.forEach(g=>g.hidden=!(g.textContent.includes('职能部门')||g.dataset.v3Section==='public'));nodes.forEach(n=>n.hidden=!(n.dataset.v3Dept===previewRole||n.dataset.v3Scope==='public'));patchAgentLabels();return;}if((previewRole==='operator')){const identity=window.JQ_CURRENT_USER||{},allowed=new Set((identity.shop_ids||identity.allowed_shop_ids||[]).map(String)),shops=$$('#tree [data-act="shop"]'),fallback=location.protocol==='file:'?shops[0]?.dataset.id:null;if(!allowed.size&&fallback)allowed.add(String(fallback));groups.forEach(g=>{const org=g.textContent.includes('组织 · 事业部')||g.dataset.v3OriginalLabel?.includes('组织 · 事业部');if(org){g.dataset.v3OriginalLabel=g.dataset.v3OriginalLabel||g.textContent;if(g.textContent!=='我的店铺')g.textContent='我的店铺';}g.hidden=!(org||g.dataset.v3Section==='public'||(previewRole==='platform_admin'&&g.dataset.v3Section==='system'));});$$('#tree .unit-h').forEach(n=>n.hidden=true);nodes.forEach(n=>{const isShop=n.dataset.act==='shop'&&allowed.has(String(n.dataset.id));const system=previewRole==='platform_admin'&&n.dataset.v3Scope==='system';n.hidden=!(isShop||n.dataset.v3Scope==='public'||system);});}patchAgentLabels();}
const bindDepartmentsBeforeProcurement=bindDepartments;
bindDepartments=function(){
  bindDepartmentsBeforeProcurement();
  const node=$('#tree>.node[data-v3-dept="procurement"]');
  if(!node||!roleAllows('procurement'))return;
  node.classList.remove('muted','v32-unavailable-workbench');
  delete node.dataset.v3Disabled;
  node.removeAttribute('aria-disabled');node.removeAttribute('title');
  node.tabIndex=0;node.setAttribute('role','button');
  node.onclick=()=>showDepartment('procurement');
  node.onkeydown=event=>{if(event.key==='Enter'||event.key===' '){event.preventDefault();showDepartment('procurement');}};
};
const applyRoleBeforeHrPages=applyRole;
applyRole=function(){applyRoleBeforeHrPages();window.HrWorkbench?.installNavigation(previewRole,pageId=>{window.HrWorkbench.select(pageId);showDepartment('hr');});window.WorkbenchNavigation?.install(previewRole,key=>showDepartment(key),activeDept);decoratePrimaryNavigation();};
// Visual labels/icons only: never replace child page IDs, labels or event handlers.
function decoratePrimaryNavigation(){
  const research=$('#research-pages-nav .department-toggle>span:first-child');
  if(research&&research.textContent!=='产品研发工作台')research.textContent='产品研发工作台';
  $$('#tree>.node').forEach(node=>{const label=node.querySelector('.op-s>div')?.textContent.trim()||'';const icon=label.includes('运营')?'operations':label.includes('采购')?'procurement':label.includes('财务')?'finance':label.includes('生产')?'production':label.includes('仓储')?'warehouse':label.includes('盲盒')?'design':node.dataset.nav==='ov'?'overview':'generic';if(node.dataset.sidebarIcon!==icon)node.dataset.sidebarIcon=icon;});
}
const showDepartmentBeforeHrPages=showDepartment;
function showProcurementWorkbench(){
  activeDept='procurement';window.scrollTo(0,0);clearInterval(procurementPollTimer);procurementPollTimer=null;
  const canvas=$('#canvas');if(!canvas)return;
  window.HrWorkbench?.deactivate();window.WorkbenchNavigation?.invalidate();
  canvas.innerHTML=purchasePage();canvas.scrollTop=0;
  const sourceState=canvas.querySelector('.v3-status');if(sourceState)sourceState.textContent='只读接口 · 连接与业务结果以快照为准';
  const configButton=canvas.querySelector('[data-v3-action="config"]');if(configButton){configButton.textContent='配置由管理员维护';configButton.disabled=true;}
  $$('.tree .node').forEach(node=>{const current=node.dataset.v3Dept==='procurement';node.classList.toggle('on',current);if(node.dataset.v3Dept)current?node.setAttribute('aria-current','page'):node.removeAttribute('aria-current');});
  const crumb=$('#crumb'),status=$('.main>.proto');if(crumb)crumb.textContent='采购工作台';
  if(status)status.innerHTML='<i>●</i> 聚水潭只读缺料快照 · 人工复核后进入采购系统；不自动下单';
  const seg=$('#seg'),role=$('.role');if(seg)seg.hidden=true;if(role)role.hidden=true;
  updateAgentForDepartment('procurement');normalizeCopilotUI();bindPage();startProcurementPolling();
}
showDepartment=function(key){window.WorkbenchNavigation?.invalidate();if(key==='product_development')window.ProductResearchWorkbench?.selectPage(window.WorkbenchNavigation?.getPage(key)?.pageId);showDepartmentBeforeHrPages(key);window.WorkbenchNavigation?.sync(key);if(key==='sampler'&&window.SamplingWorkbench)window.WorkbenchNavigation?.mountSampling($('#canvas'));if(key!=='hr'){window.HrWorkbench?.deactivate();const page=window.WorkbenchNavigation?.getPage(key);if(page)$('#crumb').textContent=page.label;return;}clearTimeout(hrStatusTimer);clearTimeout(hrPollTimer);const selected=window.HrWorkbench?.pageId;window.HrWorkbench?.mount($('#canvas'),{pageId:selected,legacyRecruitment:()=>hrPageV3().replace('<h2>人事工作台</h2>','<h3>BOSS 自动化与招聘 Skill</h3>'),bindRecruitment:bindPage});const page=window.HrWorkbench?.pages.find(p=>p.pageId===selected);if(page)$('#crumb').textContent='人事工作台 · '+page.label;};
const showDepartmentWithRolePages=showDepartment;
showDepartment=function(key){if(key==='procurement')return showProcurementWorkbench();return showDepartmentWithRolePages(key);};
function empty(title,sub){return `<div class="v3-empty"><b>${title}</b>${sub}</div>`;}
function updateAgentForDepartment(key){const list=$('#agsklist'),stream=$('#agstream'),quick=$('#agquick'),scope=$('#agscope');if(key==='hr'){if(scope)scope.textContent='人事部 · 招聘数据 · 草稿生成 · 关键决定须人工审核';if(list)list.innerHTML=['岗位画像','岗位测试题','候选人筛选','候选人诊断'].map((x,i)=>`<button class="agsk">${x}<span class="agv">v1</span></button>`).join('');if(stream)stream.innerHTML='<div class="agtime">会话已切换 · 人事部招聘工作区</div><div class="agmsg user">先说明候选人资料是否完整，再给出可执行的下一步。</div><div class="agmsg ai"><b>我可以协助</b><br>完善岗位画像、生成测试题、基于岗位证据筛选候选人、起草 BOSS 回复以及形成五维诊断报告。<br><br><b>必须人工决定</b><br>进入面试、淘汰、录用、薪酬承诺和正式发送。</div>';if(quick)quick.innerHTML=['为这个岗位完善画像','生成初筛问题','分析候选人缺失信息','起草一条回复'].map(x=>`<button class="agq">${x}</button>`).join('');}else if(key==='procurement'){if(scope)scope.textContent='采购部 · 聚水潭加工单/库存 · 缺料建议 · 建单前人工复核';if(list)list.innerHTML='<button class="agsk">缺料计算<span class="agv">v1</span></button><button class="agsk">采购清单复核<span class="agv">v1</span></button>';if(stream)stream.innerHTML='<div class="agtime">会话已切换 · 采购工作区</div><div class="agmsg ai">我将读取已审核且拣货批次为 0 的加工单，结合商品库存和采购在途计算缺料；生成采购清单前由采购人员复核。</div>';if(quick)quick.innerHTML=['刷新缺料数据','解释某个商品缺料量','生成待复核采购清单'].map(x=>`<button class="agq">${x}</button>`).join('');}}
const updateAgentForDepartmentBase=updateAgentForDepartment;
updateAgentForDepartment=function(key){
  updateAgentForDepartmentBase(key);
  const title=$('#agpanel .agt>b'),input=$('#aginp'),scope=$('#agscope'),list=$('#agsklist'),stream=$('#agstream'),quick=$('#agquick'),attach=$('#agattach');
  const modeBadge=$('#agmode');if(modeBadge)modeBadge.textContent=key==='hr'?'人事草稿 · 人工确认':'解释 · 只读';
  if(key!=='blind_box_designer'){
    if(title)title.textContent='景泉 Copilot';
    if(input)input.placeholder='问一个指标、查一条规范，或说要补录什么…';
    if(attach)attach.classList.add('on');
    const guidance={
      sampler:{scope:'打样工作区 · 原始资料 · BOM · 人工签样',skills:['资料核对','BOM 复核','打样风险'],welcome:'可以上传图片或文件，请我核对打样要求、整理 BOM 草稿或解释风险。数据来自当前授权订单；接单、保存 BOM 和签样以页面实际操作结果为准，签样必须人工确认。',prompts:['核对当前打样单的缺失资料','检查 BOM 有哪些待确认项','整理一份签样前检查清单']},
      product_development:{scope:'产品研发工作区 · 来源证据 · 研发筛选 · 采集状态',skills:['证据整理','选品复核','筛选逻辑'],welcome:'可以上传参考资料，请我整理商品情报、解释筛选依据或检查采集状态。没有来源证据的价格、销量和产品事实不会补写；采集是否成功以运行记录为准。',prompts:['整理当前商品的证据与缺失项','解释采纳和废弃的筛选依据','查看采集尚缺哪些配置']},
      finance:{scope:'财务工作区 · 功能待接入',skills:[],welcome:'财务专属业务数据尚未接入。我可以协助整理你上传的资料草稿，但不会把未核实数据当成财务结论。',prompts:['整理上传资料的待核对项']}
    }[key];
    if(guidance){
      if(scope)scope.textContent=guidance.scope;
      if(list)list.innerHTML=guidance.skills.map(x=>`<button class="agsk">${x}</button>`).join('');
      if(stream&&stream.dataset.workspace!==key){stream.innerHTML=`<div class="agtime">已切换到当前岗位工作区</div><div class="agmsg ai">${guidance.welcome}</div>`;stream.dataset.workspace=key;}
      if(quick)quick.innerHTML=guidance.prompts.map(x=>`<button class="agq">${x}</button>`).join('');
    }else if(stream)stream.dataset.workspace=key;
    if(key==='hr'&&stream)stream.insertAdjacentHTML('beforeend','<div class="agmsg ai">录入组织与人员草稿时，请按“组织：部门；岗位：岗位名；姓名：姓名；人员编号：内部编号”发送。系统先展示待确认提案，只有你确认后才写入组织架构图；不会开通账号或角色。</div>');
    return;
  }
  if(title)title.textContent='盲盒设计助手';
  if(input)input.placeholder='我们需要设计什么盲盒图案？';
  if(attach)attach.classList.add('on');
  if(scope)scope.textContent='盲盒设计 · 产品图片 · 图案生成 · 生产文件';
  if(list)list.innerHTML='<button class="agsk">图案创意<span class="agv">v1</span></button><button class="agsk">量产规范<span class="agv">v1</span></button><button class="agsk">套装一致性<span class="agv">v1</span></button>';
  if(stream)stream.innerHTML='<div class="agtime">会话已切换 · 盲盒设计工作区</div><div class="agmsg ai"><b>今天想从哪类节日灵感开始？</b><br>有客户原图就直接添加；如果暂时没有想法，我可以先给你几组不同风格的方向。</div>';
  if(quick)quick.innerHTML=['我没有灵感，给我三个方向','给我一组圣诞节灵感','给我一组万圣节灵感'].map(x=>`<button class="agq" data-bb-prompt="${x}">${x}</button>`).join('');
};
function normalizeCopilotUI(){const labels={sync:'交给 Copilot：刷新数据',export:'交给 Copilot：导出',config:'交给 Copilot：修改设置',draft:'交给 Copilot：生成采购清单',scan:'交给 Copilot：读取未读',generate:'交给 Copilot：重新起草',send:'交给 Copilot：审核发送',screen:'交给 Copilot：运行筛选',save:'交给 Copilot：保存草稿',appointment:'交给 Copilot：创建预约',connect:'交给 Copilot：检查连接',skill:'在 Copilot 中调用',job:'交给 Copilot：管理岗位'};$$('[data-v3-action]').forEach(b=>{if(/^start_/.test(b.dataset.v3Action)){b.remove();return;}if(labels[b.dataset.v3Action])b.textContent=labels[b.dataset.v3Action];});$$('[data-v3-direct]').forEach(b=>b.textContent='启动');if(activeDept!=='blind_box_designer')$$('#canvas textarea').forEach(x=>x.readOnly=true);}
function genericDepartmentPage(key){const meta={finance:['财务工作台','财务功能将在后续版本接入。'],product_development:['产品研发工作台','产品研发功能将在后续版本接入。']}[key];return `<div class="v3-dept-page"><div class="h-row"><h2>${meta[0]}</h2><span class="sc">部门工作区</span></div>${empty('功能待接入',meta[1])}</div>`;}
function showDepartment(key){activeDept=key;window.scrollTo(0,0);clearInterval(procurementPollTimer);procurementPollTimer=null;const canvas=$('#canvas'),crumb=$('#crumb'),status=$('.main>.proto'),labels={hr:'人事部',procurement:'采购工作台',finance:'财务工作台',sampler:'打样师',product_development:'产品研发工作台',blind_box_designer:'盲盒设计工作台'};if(!canvas)return;if(['finance','procurement'].includes(key)){canvas.innerHTML=empty('工作台暂未开放','当前阶段仅保留一级导航占位，内容尚未验收。');if(crumb)crumb.textContent='职能部门 · '+labels[key];if(status)status.innerHTML='<i>●</i> 当前阶段暂未开放';return;}canvas.scrollTop=0;const main=canvas.closest('.main');if(main)main.scrollTop=0;const seg=$('#seg'),role=$('.role');if(seg)seg.hidden=true;if(role)role.hidden=true;$$('.tree .node').forEach(n=>{const current=n.dataset.v3Dept===key;n.classList.toggle('on',current);if(n.dataset.v3Dept)current?n.setAttribute('aria-current','page'):n.removeAttribute('aria-current');});if(crumb)crumb.innerHTML=`职能部门 · <b>${labels[key]}</b>`;if(status)status.innerHTML=key==='procurement'?'<i>●</i> 数据源：聚水潭 API 每分钟刷新 · 加工单 / 商品库存由 Copilot 读取并计算 · 中间工作区展示最近成功快照。':key==='hr'?'<i>●</i> 人事工作台 · BOSS直聘自动化与 Copilot 内容生成':`<i>●</i> ${labels[key]}工作区`;if(key==='sampler'&&!window.SamplingWorkbench){canvas.innerHTML=empty('加载打样工作台','正在加载模块…');window.JQSamplingReady.then(()=>{if(activeDept==='sampler')showDepartment('sampler');}).catch(()=>{canvas.innerHTML=empty('模块加载失败','请刷新重试');});return;}canvas.innerHTML=key==='sampler'?window.SamplingWorkbench.page():key==='hr'?hrPageV3():key==='procurement'?purchasePage():key==='blind_box_designer'?(window.BlindBoxWorkbench?.page()||empty('模块加载失败','请刷新页面后重试。')):key==='product_development'?(window.ProductResearchWorkbench?.page()||empty('模块加载失败','请刷新页面')):genericDepartmentPage(key);updateAgentForDepartment(key);if(key==='product_development')window.ProductResearchWorkbench?.context();normalizeCopilotUI();bindPage();if(key==='procurement')startProcurementPolling();if(key==='blind_box_designer')window.BlindBoxWorkbench?.bind();if(key==='product_development')window.ProductResearchWorkbench?.bind();if(key==='sampler')window.SamplingWorkbench?.bind().catch(error=>{canvas.insertAdjacentHTML('afterbegin','<p role="alert">'+safe(error.message)+'</p>');});}
function enforceLocalBlindBoxWorkspace(){if(!IS_LOCAL_UI_PREVIEW||!isAuthenticated||previewRole!=='blind_box_designer')return;const localCanvas=$('#canvas');if(activeDept!=='blind_box_designer'||!localCanvas?.querySelector('.blind-box'))showDepartment('blind_box_designer');}
function purchasePage(){const headers=purchaseTab==='order'?['选择','加工单号','加工日期','加工类型','加工仓库','备注','状态','拣货批次','商品编码','需求数量']:['选择','商品编码','商品名称','备注 / 规格','总需求量','主仓实际库存','采购在途','缺料数量','状态','加工单数','操作','标签'];return `<div class="v3-dept-page"><div class="h-row"><h2>采购工作台</h2><span class="sc">当日采购快照</span><span class="push"></span><button class="v3-btn primary" data-v3-action="today_purchase">统计今日采购清单</button></div><p class="proto"><i>●</i> 数据截至时间：待首次统计。加工单仅纳入“已审核”且“拣货批次 = 0”的记录。</p><div class="card"><div class="cbody"><div class="v3-proc-head"><div class="v3-source"><b>数据来源：聚水潭加工单 + 商品库存</b><div class="v3-note">按钮与 Copilot 对话调用同一个 Agent 任务；完成后在本页显示当天需要采购的物料。</div></div></div></div></div><div class="card"><div class="cbody"><div class="v3-config"><b>采购建单地址</b><input class="v3-input" value="https://www.erp321.com/epaas" aria-label="采购建单地址"><span></span></div><div class="v3-config"><b>聚水潭 API</b><span class="v3-status"><i></i>已接入 · 加工单 / 商品库存</span><span><button class="v3-btn" data-v3-action="config">同步设置</button></span></div></div></div><p class="v3-note">Agent 自动读取数量、主仓实际库存、采购在途和商品编码；同一商品合并需求量，库存和采购在途按商品编码去重后参与计算。</p><div class="v3-tabs">${[['material','材料编码视角'],['order','加工单视角']].map(x=>`<button class="${purchaseTab===x[0]?'on':''}" data-ptab="${x[0]}">${x[1]}</button>`).join('')}</div><div class="v3-kpis v3-proc-kpis">${[['商品种数','全部商品编码'],['缺料商品','缺料数量 > 0'],['总需求量','加工单需求合计'],['主仓库存合计','实际库存'],['采购在途合计','未入库采购量'],['缺料合计','建议采购总量']].map(x=>`<div class="v3-kpi"><b>${x[0]}</b><strong>—</strong><span class="v3-note">${x[1]}</span></div>`).join('')}</div><div class="card"><div class="cbody"><div class="v3-filter-note">加工单筛选条件：状态 = 已审核 ｜ 拣货批次 = 0</div><div class="v3-toolbar"><label class="v3-note"><input type="checkbox" checked> 只看缺料</label><input class="v3-input" placeholder="搜索编码、名称、备注" aria-label="搜索采购数据"></div><div class="v3-table"><table class="v3-proc-table"><thead><tr>${headers.map(x=>`<th>${x}</th>`).join('')}</tr></thead><tbody><tr><td colspan="${headers.length}">${empty('等待统计今日采购清单','点击上方按钮，或在 Copilot 中说“统计今天需要采购的物料”。')}</td></tr></tbody></table></div><p class="v3-note">缺料数量 = MAX(0，总需求量 − 主仓实际库存 − 采购在途)。每条缺料物料可直接进入聚水潭采购界面；审核、付款和供应商发送仍由采购人员完成。</p></div></div></div>`;}
function hrPage(){const tabs=[['chat','沟通工作台'],['screening','筛选与测评'],['knowledge','岗位知识库'],['appointments','面试预约'],['automation','运行控制']];const skills=[['岗位画像','定义职责、门槛与初筛问题'],['岗位测试题','生成候选人试卷与内部评分资料'],['候选人筛选','简历匹配、疑点与面试追问'],['候选人诊断','五维评估、证据与试用期指标']];let content='';if(hrTab==='chat')content=`<div class="v3-split"><div class="card"><div class="card-h"><h3>BOSS 候选人会话</h3><span class="hint">默认人工审核</span></div><div class="cbody"><div class="v3-toolbar"><input class="v3-input" placeholder="搜索候选人或岗位"><button class="v3-btn" data-v3-action="scan">扫描未读会话</button></div>${empty('尚未连接本地会话服务','正式接线后从 boss-hr-assistant 读取会话；不把聊天内容写入页面文件。')}</div></div><div class="card"><div class="card-h"><h3>Agent 回复草稿</h3><span class="hint">先审核，后发送</span></div><div class="cbody"><div class="v3-policy">回复顺序：先回答候选人的问题，再结合岗位缺失信息，每次只追问一个重点；薪资承诺、录用结论和敏感情况必须转人工。</div><textarea class="v3-input" style="width:100%;max-width:none;height:110px;margin:10px 0" placeholder="选择会话后由 Agent 生成回复草稿"></textarea><div class="v3-toolbar"><button class="v3-btn" data-v3-action="generate">重新生成</button><span class="push"></span><button class="v3-btn primary" data-v3-action="send">审核并发送到 BOSS</button></div></div></div></div>`;else if(hrTab==='screening')content=`<div class="card"><div class="card-h"><h3>简历筛选与能力测评</h3><span class="hint">所有结论需引用岗位相关证据</span></div><div class="cbody"><div class="v3-toolbar"><select class="v3-input"><option>选择招聘岗位</option></select><select class="v3-input"><option>全部阶段</option><option>待筛选</option><option>待测试</option><option>待面试</option><option>待诊断</option></select><span class="push"></span><button class="v3-btn primary" data-v3-action="screen">运行一轮筛选</button></div>${empty('尚无筛选结果','流程：硬条件闸门 → 初筛 → Agent 评分与证据 → 人工决定。')}</div></div>`;else if(hrTab==='knowledge')content=`<div class="v3-split"><div class="card"><div class="card-h"><h3>企业知识库与通用话术</h3><span class="hint">所有岗位共用</span></div><div class="cbody"><textarea class="v3-input" style="width:100%;max-width:none;height:145px" placeholder="公司介绍、工作地点、作息、福利及统一回复口径；未知信息标记待确认"></textarea><button class="v3-btn" style="margin-top:9px" data-v3-action="save">保存草稿</button></div></div><div class="card"><div class="card-h"><h3>岗位专用设置</h3></div><div class="cbody v3-rules">${[['岗位事实','职责、必须条件、优先条件'],['初筛问题','按缺失信息逐个提问'],['风险关键词','触发停止并转人工'],['面试口径','时间、地点与联系人']].map(x=>`<div class="v3-rule"><b>${x[0]}</b><span>${x[1]}</span></div>`).join('')}<button class="v3-btn" data-v3-action="job">管理岗位</button></div></div></div>`;else if(hrTab==='appointments')content=`<div class="v3-split"><div class="card"><div class="card-h"><h3>待预约候选人</h3><span class="hint">从已通过初筛人员中选择</span></div><div class="cbody">${empty('暂无待预约记录','接线后展示候选人、岗位、可用时间和沟通状态。')}</div></div><div class="card"><div class="card-h"><h3>面试安排</h3></div><div class="cbody"><div class="v3-field-grid"><div class="v3-setting"><b>面试时间</b><span>由人事确认可用时段</span></div><div class="v3-setting"><b>面试地点</b><span>使用已确认的公司地址</span></div><div class="v3-setting"><b>面试官</b><span>按岗位指定，不自动承诺</span></div><div class="v3-setting"><b>通知状态</b><span>发送前必须人工复核</span></div></div><button class="v3-btn primary" style="margin-top:10px" data-v3-action="appointment">新建面试预约</button></div></div></div>`;else content=`<div class="v3-split"><div class="card"><div class="card-h"><h3>BOSS 自动回复</h3><span class="hint">本地服务端口 4328</span></div><div class="cbody"><div class="v3-hr-status"><span class="v3-status"><i style="background:var(--gold)"></i>本地服务未连接</span><span class="push"></span><button class="v3-btn" data-v3-action="connect">检查连接</button></div><div class="v3-field-grid" style="margin-top:12px"><div class="v3-setting"><b>运行模式</b><span>默认人工审核；自动发送需单独授权</span></div><div class="v3-setting"><b>允许时间窗</b><span>仅在设定工作时段回复</span></div><div class="v3-setting"><b>最多沟通轮数</b><span>超过限制自动转人工</span></div><div class="v3-setting"><b>停止关键词</b><span>敏感或无法判断时停止</span></div></div></div></div><div class="card"><div class="card-h"><h3>运行动态</h3><span class="hint">扫描 → 草稿 → 审核/发送</span></div><div class="cbody">${empty('自动化尚未启动','连接后显示扫描、生成、发送、停止和错误记录。')}</div></div></div>`;return `<div class="v3-dept-page"><div class="h-row"><h2>人事工作台</h2><span class="sc">BOSS 招聘助手 · 四个招聘 Skill · 人工决策</span></div><p class="proto"><i>●</i> 本地 boss-hr-assistant 已定位，V3 通过 HTTP/MCP 接线；候选人资料不进入静态前端。</p><div class="v3-queue">${[['待沟通','—'],['待筛选','—'],['待面试','—'],['待人工决定','—']].map(x=>`<div><span class="v3-note">${x[0]}</span><strong>${x[1]}</strong></div>`).join('')}</div><div class="v3-skill-grid">${skills.map((x,i)=>`<div class="v3-skill"><span>SKILL 0${i+1}</span><b>${x[0]}</b><small>${x[1]}</small><button class="v3-btn" data-v3-action="skill">查看用途</button></div>`).join('')}</div><div class="v3-tabs v3-hr-tabs">${tabs.map(x=>`<button class="${hrTab===x[0]?'on':''}" data-htab="${x[0]}">${x[1]}</button>`).join('')}</div>${content}<p class="v3-note">招聘筛选、测评和 Agent 建议只作辅助；进入面试、录用、淘汰、薪酬承诺等决定必须由人事或负责人审核。</p></div>`;}
function hrPageV2(){const coreTabs=`<div class="v3-core-tabs"><button class="${hrTab==='automation'?'on':''}" data-htab="automation"><b>01 · BOSS 自动化</b>筛选简历、主动打招呼、被动回复</button><button class="${hrTab==='content'?'on':''}" data-htab="content"><b>02 · 内容与文件生成</b>Copilot 调用 Agent API 与四个招聘 Skill</button></div>`;let body;if(hrTab==='content'){const skills=[['岗位画像与招聘文案','完善岗位标准并生成 BOSS 发布文案','profile'],['岗位测试题','生成候选人试卷与人事评分资料','assessment'],['候选人筛选报告','生成匹配证据、疑点及面试追问','screen_report'],['候选人综合诊断','生成五维评估、建议和试用期指标','diagnosis']];body=`<div class="v3-policy">所有内容生成均在右侧 Copilot 中沟通。Copilot 通过 Agent API 调用对应 Skill；中间区域只展示生成进度、预览和文件。</div><div class="v3-skill-grid">${skills.map((x,i)=>`<div class="v3-skill"><span>SKILL 0${i+1}</span><b>${x[0]}</b><small>${x[1]}</small><button class="v3-btn" data-v3-action="${x[2]}">交给 Copilot 生成</button></div>`).join('')}</div><div class="card"><div class="card-h"><h3>生成记录与文件</h3><span class="hint">由 Copilot 更新展示</span></div><div class="cbody"><table class="v3-output-table"><tbody><tr><td>${empty('尚未生成文件','在 Copilot 中说明岗位和材料后，生成的 DOCX、报告或招聘文案将在这里展示。')}</td></tr></tbody></table></div></div>`;}else{body=`<div class="v3-flow"><b>读取 BOSS 候选人</b>→<b>筛选合适人群</b>→<b>主动打招呼</b>→<b>被动持续回复</b>→<b>转人工</b></div><div class="v3-auto-grid"><div class="v3-auto-card"><span class="num">AUTOMATION 01</span><h3>简历筛选</h3><p>自动读取候选人资料，按岗位硬条件、匹配证据和缺失信息筛选；不使用非岗位相关敏感属性。</p><button class="v3-btn primary" data-v3-action="start_screening">交给 Copilot：启动筛选</button></div><div class="v3-auto-card"><span class="num">AUTOMATION 02</span><h3>合适人群主动打招呼</h3><p>只面向通过筛选的候选人，使用岗位专属开场话术；记录发送原因、次数和结果。</p><button class="v3-btn" data-v3-action="start_greeting">交给 Copilot：启动主动沟通</button></div><div class="v3-auto-card"><span class="num">AUTOMATION 03</span><h3>候选人消息被动回复</h3><p>收到消息后先回答再追问，每次只问一个重点；遇到薪资承诺、录用判断或停止关键词转人工。</p><button class="v3-btn" data-v3-action="start_reply">交给 Copilot：启动被动回复</button></div></div><div class="card" style="margin-top:12px"><div class="card-h"><h3>自动化运行状态</h3><span class="hint">本地 boss-hr-assistant · 4328</span></div><div class="cbody"><div class="v3-hr-status"><span class="v3-status"><i style="background:var(--gold)"></i>本地服务未连接</span><span class="push"></span><button class="v3-btn" data-v3-action="automation_settings">交给 Copilot：配置自动化</button></div><div class="v3-queue">${[['已读取简历','—'],['筛选合适','—'],['主动沟通','—'],['待回复/转人工','—']].map(x=>`<div><span class="v3-note">${x[0]}</span><strong>${x[1]}</strong></div>`).join('')}</div>${empty('等待自动化程序运行','Copilot 启动程序后，这里展示扫描、筛选、主动沟通、被动回复和异常记录。')}</div></div>`;}return `<div class="v3-dept-page"><div class="h-row"><h2>人事工作台</h2><span class="sc">自动化执行 + Copilot 内容生产</span></div><p class="proto"><i>●</i> 中间工作区仅展示状态与产物；所有指令、补充信息、确认和结论统一在右侧 Copilot 完成。</p>${coreTabs}${body}<p class="v3-note">自动化程序负责 BOSS 页面操作；Agent API 负责推理和内容生成。录用、淘汰、薪酬承诺以及高影响消息发送必须人工确认。</p></div>`;}
function hrPageV3(){const tabs=`<div class="v3-core-tabs"><button class="${hrTab==='automation'?'on':''}" data-htab="automation"><b>BOSS直聘自动化</b>筛选、主动沟通、被动回复</button><button class="${hrTab==='content'?'on':''}" data-htab="content"><b>招聘与测试</b>通过 Copilot 调用招聘 Skill</button></div>`;if(hrTab==='content'){const skills=[['岗位画像与招聘文案','profile'],['岗位测试题','assessment'],['候选人筛选报告','screen_report'],['候选人综合诊断','diagnosis']];return `<div class="v3-dept-page"><div class="h-row"><h2>人事工作台</h2><span class="sc">Copilot</span></div>${tabs}<div class="v3-skill-grid">${skills.map((x,i)=>`<div class="v3-skill"><span>SKILL 0${i+1}</span><b>${x[0]}</b><small>点击后直接生成；资料不足时在 Copilot 中补充</small><button class="v3-btn primary" data-v3-action="${x[1]}">开始生成</button></div>`).join('')}</div><div class="card"><div class="card-h"><h3>生成的内容与文件</h3><span class="hint">支持预览和下载</span></div><div class="cbody" id="v3-hr-generated">${empty('暂无文件','生成完成后在这里预览和下载。')}</div></div></div>`;}const modes=[['简历筛选','针对某个岗位筛选简历，并把合适候选人展示在下方。','screening'],['主动打招呼','选择合适候选人，主动沟通并尝试预约面试。','greeting'],['被动消息回复','持续处理候选人来信，需要时转给人事。','reply']];return `<div class="v3-dept-page"><div class="h-row"><h2>人事工作台</h2><span class="sc">BOSS直聘自动化</span></div>${tabs}<div class="v3-auto-grid">${modes.map((x,i)=>`<div class="v3-auto-card" data-v3-automation="${x[2]}"><div class="v3-simple-head"><span class="num">0${i+1}</span><span class="push"></span><span class="v3-state">未启动</span></div><h3>${x[0]}</h3><p>${x[1]}</p><div class="v3-auto-actions"><button class="v3-btn" data-v3-direct="start_${x[2]}">启动</button><button class="v3-btn" data-v3-stop="${x[2]}">停止</button></div></div>`).join('')}</div><div class="card" style="margin-top:12px"><div class="card-h"><h3>筛选出的候选人</h3><span class="hint">由自动化程序更新</span></div><div class="cbody"><div class="v3-toolbar"><select class="v3-input" id="v3-hr-job"><option value="">全部岗位</option></select><input class="v3-input" placeholder="搜索候选人"><span class="push"></span><span class="v3-state" id="v3-hr-screen-state">等待筛选</span></div><div class="v3-table"><table class="v3-candidate-table"><thead><tr><th>候选人</th><th>应聘岗位</th><th>匹配结论</th><th>关键依据</th><th>沟通状态</th><th>面试状态</th><th>操作</th></tr></thead><tbody id="v3-hr-candidates"><tr><td colspan="7">${empty('暂时没有候选人','点击“简历筛选”的启动按钮，或在 Copilot 中发出筛选指令。')}</td></tr></tbody></table></div></div></div></div>`;}

function renderHrGeneratedOutput(content){const box=$('#v3-hr-generated');if(!box)return;const labels={profile:'岗位画像与招聘文案',assessment:'岗位测试题',screen_report:'候选人筛选报告',diagnosis:'候选人综合诊断'},title=labels[pendingHrAction]||'人事 Agent 生成内容',safe=String(content).replace(/[&<>]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;'}[c])).replace(/\n/g,'<br>');box.innerHTML=`<div class="v3-toolbar"><b>${title}</b><span class="push"></span><button class="v3-btn primary" id="v3-hr-download">下载 Markdown</button></div><div class="v3-policy" style="margin-top:10px;max-height:360px;overflow:auto">${safe}</div>`;const download=$('#v3-hr-download');if(download)download.onclick=()=>{const blob=new Blob([String(content)],{type:'text/markdown;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=`${title}-${new Date().toISOString().slice(0,10)}.md`;a.click();setTimeout(()=>URL.revokeObjectURL(url),1000);};}
function safe(v){return String(v??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));}
 // Keep browser API calls on the UI origin; server-ui proxies /api requests.
 function v3Api(){return '';}
 function v3Headers(){return {'content-type':'application/json'};}
async function refreshHrCandidates(){const table=$('#v3-hr-candidates'),state=$('#v3-hr-screen-state');if(!table)return;try{const r=await fetch(v3Api()+'/api/hr-assistant/screening',{credentials:'include',headers:v3Headers()});const x=await r.json();if(!r.ok)throw new Error(x.message||x.error);const rows=x.items||[];table.innerHTML=rows.length?rows.map(it=>`<tr><td>${safe(it.name)}</td><td>${safe(it.job||'—')}</td><td>${safe(it.verdict||'待判断')}${it.score==null?'':` · ${safe(it.score)}分`}</td><td>${safe((it.cites||[]).join('；')||it.reason||'—')}</td><td>未沟通</td><td>未预约</td><td><button class="v3-btn ${selectedHrCandidate===it.name?'primary':''}" data-v3-candidate="${safe(it.name)}">${selectedHrCandidate===it.name?'已选择':'选择'}</button></td></tr>`).join(''):`<tr><td colspan="7">${x.running?'正在读取候选人，请稍候…':'尚无筛选结果。'}</td></tr>`;if(state)state.textContent=x.running?'筛选中':(x.cancelled?'已停止':`已展示 ${rows.length} 人`);bindHrCandidateButtons();if(x.running){clearTimeout(hrPollTimer);hrPollTimer=setTimeout(refreshHrCandidates,1500);}}catch(e){if(state)state.textContent='模块未连接';table.innerHTML=`<tr><td colspan="7">${safe(e.message)}</td></tr>`;}}
function bindHrCandidateButtons(){$$('[data-v3-candidate]').forEach(b=>b.onclick=()=>{selectedHrCandidate=b.dataset.v3Candidate;refreshHrCandidates();});}
async function refreshHrAutomationStatus(){if(activeDept!=='hr'||hrTab!=='automation')return;try{const r=await fetch(v3Api()+'/api/hr-assistant/status',{credentials:'include',headers:v3Headers()}),x=await r.json();if(!r.ok)throw new Error(x.message||x.error);for(const kind of ['screening','greeting','reply']){const state=$(`[data-v3-automation="${kind}"] .v3-state`),running=x.automations?.[kind]?.running;if(state)state.textContent=running?'运行中':(state.textContent==='启动失败'?'启动失败':'未启动');}clearTimeout(hrStatusTimer);hrStatusTimer=setTimeout(refreshHrAutomationStatus,1500);}catch(e){$$('[data-v3-automation] .v3-state').forEach(s=>s.textContent='服务未连接');}}
async function ensureBossReady(state){const statusResponse=await fetch(v3Api()+'/api/hr-assistant/status',{credentials:'include',headers:v3Headers()}),status=await statusResponse.json();if(!statusResponse.ok)throw new Error(status.message||status.error);if(status.chromeConnected&&status.bossPageOpen)return true;if(state)state.textContent=status.chromeConnected?'请打开BOSS沟通页':'正在打开专用浏览器';if(!status.chromeConnected){const launchResponse=await fetch(v3Api()+'/api/hr-assistant/boss/launch',{method:'POST',credentials:'include',headers:v3Headers(),body:'{}'}),launch=await launchResponse.json();if(!launchResponse.ok)throw new Error(launch.message||launch.error);}const stream=$('#agstream');if(stream)stream.insertAdjacentHTML('beforeend','<div class="agmsg ai"><b>需要完成一次人工登录</b><br>已打开 BOSS 专用浏览器。请在新窗口登录 BOSS 直聘，并停留在“沟通”列表页，然后再次点击启动。</div>');if(state)state.textContent='等待登录BOSS';return false;}
async function startHrDirect(action,button){const state=button.closest('.v3-auto-card')?.querySelector('.v3-state');try{if(state)state.textContent='启动中';if(!(await ensureBossReady(state)))return;if(action==='start_screening'){const job=prompt('请输入需要筛选的岗位名称（可留空筛选全部岗位）','')??null;if(job===null){if(state)state.textContent='未启动';return;}const r=await fetch(v3Api()+'/api/hr-assistant/screening/run',{method:'POST',credentials:'include',headers:v3Headers(),body:JSON.stringify({job,limit:30,doLLM:true})});const x=await r.json();if(!r.ok)throw new Error(x.message||x.error);if(state)state.textContent=x.started===false?'已有筛选任务':'筛选中';clearTimeout(hrPollTimer);hrPollTimer=setTimeout(refreshHrCandidates,500);return;}if(action==='start_reply'){const r=await fetch(v3Api()+'/api/hr-assistant/review/start',{method:'POST',credentials:'include',headers:v3Headers(),body:'{}'});const x=await r.json();if(!r.ok)throw new Error(x.message||x.error);if(state)state.textContent=x.running?'人工审核模式运行中':(x.connection?.bossPageOpen?'未启动':'等待登录BOSS');return;}if(action==='start_greeting'){if(!selectedHrCandidate)throw new Error('请先在下方筛选结果中选择一名候选人。');const text=prompt(`请输入发给 ${selectedHrCandidate} 的打招呼内容。发送前会再次确认。`,'您好，我看过您的资料，想和您沟通一下这个岗位。');if(!text){if(state)state.textContent='未启动';return;}if(!confirm(`确认向 ${selectedHrCandidate} 发送以下内容？\n\n${text}`)){if(state)state.textContent='已取消';return;}const r=await fetch(v3Api()+'/api/hr-assistant/greeting/start',{method:'POST',credentials:'include',headers:v3Headers(),body:JSON.stringify({name:selectedHrCandidate,text,limit:1,delayMs:8000,dryRun:false})}),x=await r.json();if(!r.ok)throw new Error(x.message||x.error);if(state)state.textContent='沟通中';return;}}catch(e){if(state)state.textContent='启动失败';const stream=$('#agstream');if(stream)stream.insertAdjacentHTML('beforeend',`<div class="agmsg ai"><b>人事自动化未启动</b><br>${safe(e.message)}</div>`);}}
async function stopHrAutomation(kind,announce=true){const routes={screening:'screening/stop',greeting:'greeting/stop',reply:'review/stop'},r=await fetch(v3Api()+'/api/hr-assistant/'+routes[kind],{method:'POST',credentials:'include',headers:v3Headers(),body:'{}'}),x=await r.json();if(!r.ok)throw new Error(x.message||x.error);const state=$(`[data-v3-automation="${kind}"] .v3-state`);if(state)state.textContent='已停止';if(kind==='screening'){clearTimeout(hrPollTimer);refreshHrCandidates();}if(announce){const stream=$('#agstream');if(stream)stream.insertAdjacentHTML('beforeend',`<div class="agmsg ai"><b>已停止</b><br>${safe(x.message||'自动化进程已停止。')}</div>`);}return x;}
async function stopHrFromText(text){if(!/(停止|叫停|暂停|终止|关闭)/.test(text))return false;const kinds=[];if(/简历|筛选/.test(text))kinds.push('screening');if(/招呼|主动/.test(text))kinds.push('greeting');if(/被动|回复/.test(text))kinds.push('reply');if(/全部|所有|任意|自动化进程/.test(text)||!kinds.length)kinds.splice(0,kinds.length,'screening','greeting','reply');await Promise.all([...new Set(kinds)].map(k=>stopHrAutomation(k,false)));agent(`<p>已按指令停止：<b>${[...new Set(kinds)].map(k=>({screening:'简历筛选',greeting:'主动打招呼',reply:'被动消息回复'}[k])).join('、')}</b>。</p>`,0);return true;}
window.__v3StopHrFromText=stopHrFromText;
function procurementDateLabel(value){const m=String(value||'').match(/(\d{4})-(\d{2})-(\d{2})/);return m?`${m[1]}年${Number(m[2])}月${Number(m[3])}日`:'当天';}
function renderProcurementSnapshot(data){const table=$('.v3-proc-table tbody'),status=$('.v3-dept-page>.proto'),rows=data.items||[],day=procurementDateLabel(data.snapshot_date||data.generated_at);if(table)table.innerHTML=rows.length?rows.map(r=>`<tr><td><input type="checkbox"></td><td>${safe(r.material_code)}</td><td>${safe(r.material_name)}</td><td>${safe(r.specification)}</td><td>${safe(r.total_demand)}</td><td>${safe(r.main_stock)}</td><td>${safe(r.purchase_in_transit)}</td><td>${safe(r.shortage_quantity)}</td><td>${safe(r.status)}</td><td>${safe(r.manufacture_orders?.length)}</td><td><a class="v3-btn" href="${safe(r.purchase_url)}" target="_blank" rel="noopener">去采购</a></td><td>${day}</td></tr>`).join(''):`<tr><td colspan="12">${day}没有需要采购的物料。</td></tr>`;const values=[data.material_count,data.shortage_count,data.summary?.total_demand??rows.reduce((n,r)=>n+Number(r.total_demand||0),0),data.summary?.main_stock??rows.reduce((n,r)=>n+Number(r.main_stock||0),0),data.summary?.purchase_in_transit??rows.reduce((n,r)=>n+Number(r.purchase_in_transit||0),0),data.summary?.shortage_total??rows.reduce((n,r)=>n+Number(r.shortage_quantity||0),0)];$$('.v3-proc-kpis strong').forEach((x,i)=>x.textContent=values[i]??'—');if(status)status.innerHTML=`<i>●</i> 数据截至：${safe(new Date(data.generated_at).toLocaleString())}；统计日：${day}；加工单 ${safe(data.manufacture_count)} 张${data.from_daily_log?'（已从当天统计日志恢复）':''}。`;ensurePurchaseRowActions();}
const renderProcurementSnapshotMaterial=renderProcurementSnapshot;
renderProcurementSnapshot=function(data){
  renderProcurementSnapshotMaterial(data);
  const summary=data.summary||data,values=[data.material_count??summary.evaluated_material_count,data.shortage_count??summary.shortage_material_count,summary.evaluated_total_demand,summary.evaluated_main_stock,summary.evaluated_purchase_in_transit,summary.shortage_total];
  $$('.v3-proc-kpis strong').forEach((node,index)=>{if(values[index]!==undefined&&values[index]!==null)node.textContent=values[index];});
  if(data.manufacture_count==null){const status=$('.v3-dept-page>.proto');if(status)status.innerHTML=`<i>●</i> 数据截至：${safe(new Date(data.generated_at).toLocaleString())}；统计日：${safe(procurementDateLabel(data.snapshot_date||data.generated_at))}；加工单数未随当前快照保存。`;}
  if(purchaseTab!=='order')return;
  const table=$('.v3-proc-table');if(!table)return;
  const byOrder=new Map();for(const item of data.items||[])for(const id of item.manufacture_orders||[]){const key=String(id);if(!byOrder.has(key))byOrder.set(key,new Set());byOrder.get(key).add(String(item.material_code||''));}
  table.querySelector('thead').innerHTML='<tr><th>加工单号</th><th>关联缺料物料编码</th><th>数据说明</th></tr>';
  table.querySelector('tbody').innerHTML=[...byOrder].map(([id,codes])=>`<tr><td>${safe(id)}</td><td>${safe([...codes].join('、'))}</td><td>当前快照仅保留订单号与物料关联；订单日期、仓库、单项需求量未保留，不推算。</td></tr>`).join('')||'<tr><td colspan="3">当前快照没有可关联的缺料加工单。</td></tr>';
};
async function loadLatestProcurement(){try{const response=await fetch('/api/procurement/shortage/today',{credentials:'include'});if(response.ok)renderProcurementSnapshot(await response.json());}catch(_error){/* 当天尚无统计日志时保持空态 */}}
function startProcurementPolling(){loadLatestProcurement();procurementPollTimer=setInterval(loadLatestProcurement,15_000);}
async function loadTodayProcurement(){const stream=$('#agstream'),table=$('.v3-proc-table tbody');if(table)table.innerHTML='<tr><td colspan="12">正在读取聚水潭加工单和库存…</td></tr>';try{const headers={'content-type':'application/json'};const response=await fetch('/api/procurement/shortage',{method:'POST',credentials:'include',headers,body:'{}'});const data=await response.json();if(!response.ok)throw new Error(data.detail||data.error||'统计失败');renderProcurementSnapshot(data);if(stream)stream.insertAdjacentHTML('beforeend',`<div class="agmsg ai"><b>采购统计完成</b><br>统计日：${safe(procurementDateLabel(data.snapshot_date))}；共发现 ${safe(data.shortage_count)} 种需要采购的物料，结果已保存并显示在采购页面。</div>`);}catch(error){if(table)table.innerHTML=`<tr><td colspan="12">${safe(error.message)}</td></tr>`;if(stream)stream.insertAdjacentHTML('beforeend',`<div class="agmsg ai"><b>采购统计未完成</b><br>${safe(error.message)}</div>`);}}
function routeToCopilot(action){const prompts={job:'帮我管理当前岗位的画像、硬性条件和初筛问题。',today_purchase:'统计今天需要采购的物料：读取聚水潭已审核且拣货批次为 0 的加工单，结合商品库存和采购在途计算缺料，并把结果显示在采购页面。',sync:'读取聚水潭加工单和商品库存，按既定条件刷新缺料结果。',export:'把当前页面展示的结果导出，请先说明导出范围。',config:'帮我修改当前模块的同步设置。',draft:'根据当前缺料结果生成待人工复核的采购清单。',start_screening:'帮我针对某个岗位筛选简历，并把筛选出的候选人展示在页面中。',start_greeting:'帮我和选中的候选人打招呼，判断是否合适并尝试约来面试。',start_reply:'启动 BOSS 被动消息回复。',automation_settings:'帮我配置 BOSS 自动化的岗位、时间窗、沟通轮数、发送上限和停止关键词。',profile:'调用岗位画像 Skill，和我逐项确认岗位信息后生成岗位画像与招聘文案。',assessment:'调用岗位测试题 Skill。请先告诉我生成候选人试卷和人事评分资料还缺哪些岗位信息，不要编造。',screen_report:'调用候选人筛选 Skill。请先告诉我生成筛选与面试报告还缺哪些岗位画像和候选人材料，不要编造。',diagnosis:'调用候选人诊断 Skill。请先告诉我生成五维综合评估还缺哪些简历、测试及面试材料，不要编造。',scan:'读取 BOSS 未读会话，并在中间工作区展示会话列表。',generate:'根据当前候选人信息重新起草一条回复。',send:'准备发送当前回复，请先向我展示最终内容并请求确认。',screen:'按当前岗位运行候选人筛选，展示证据、缺失信息和建议。',save:'保存当前知识库草稿，请先列出本次变更。',appointment:'创建面试预约，请先向我确认候选人、时间、地点和面试官。',connect:'检查本地 BOSS 招聘服务连接状态。',skill:'调用当前招聘 Skill，并告诉我还缺哪些输入。'};const input=$('#aginp'),stream=$('#agstream'),prompt=prompts[action]||'处理当前页面任务。';if(input){input.value=prompt;input.focus();}if(['profile','assessment','screen_report','diagnosis'].includes(action)){pendingHrAction=action;const sendButton=$('#agsend');if(sendButton)sendButton.click();return;}if(stream){stream.insertAdjacentHTML('beforeend',`<div class="agmsg user">${prompt}</div><div class="agmsg ai"><b>${action==='today_purchase'?'正在统计':'已准备'}</b><br>${action==='today_purchase'?'该按钮与 Copilot 对话使用同一个任务入口，结果将回写到采购页面。':'请在这里补充或确认后发送。任务执行结果会更新到中间页面。'}</div>`);stream.scrollTop=stream.scrollHeight;}if(action==='today_purchase')loadTodayProcurement();}
function purchasePageUrl(){return $('.v3-config input[aria-label="采购建单地址"]')?.value.trim()||'https://www.erp321.com/epaas';}
function ensurePurchaseRowActions(){if(activeDept!=='procurement'||purchaseTab!=='material')return;$$('.v3-proc-table tbody tr').forEach(row=>{if(row.querySelector('td[colspan]'))return;const cells=[...row.cells];if(cells.length<11)return;const actionCell=cells[10];if(actionCell.querySelector('[data-v3-jst-purchase]'))return;const button=document.createElement('button');button.type='button';button.className='v3-btn primary v3-purchase-link';button.dataset.v3JstPurchase='';button.textContent='去聚水潭采购';button.setAttribute('aria-label',`去聚水潭采购${cells[1]?.textContent.trim()?`：${cells[1].textContent.trim()}`:''}`);button.onclick=()=>window.open(purchasePageUrl(),'_blank','noopener');actionCell.replaceChildren(button);});}
function bindPage(){$$('[data-ptab]').forEach(b=>b.onclick=()=>{purchaseTab=b.dataset.ptab;showDepartment('procurement');});$$('[data-htab]').forEach(b=>b.onclick=()=>{hrTab=b.dataset.htab;showDepartment('hr');});$$('[data-v3-action]').forEach(b=>b.onclick=()=>routeToCopilot(b.dataset.v3Action));$$('[data-v3-direct]').forEach(b=>b.onclick=()=>startHrDirect(b.dataset.v3Direct,b));$$('[data-v3-stop]').forEach(b=>b.onclick=()=>stopHrAutomation(b.dataset.v3Stop));ensurePurchaseRowActions();if(activeDept==='hr'&&hrTab==='automation'){refreshHrCandidates();refreshHrAutomationStatus();}else{clearTimeout(hrStatusTimer);}}
const obs=new MutationObserver(()=>{removeRetiredCollectionUI();applyRole();patchAgentLabels();syncRoleScope();});const tree=$('#tree');if(tree)obs.observe(tree,{childList:true,subtree:true});removeRetiredCollectionUI();applyRole();patchAgentLabels();syncRoleScope();
const purchaseRowsObserver=new MutationObserver(()=>ensurePurchaseRowActions());const canvas=$('#canvas');if(canvas)purchaseRowsObserver.observe(canvas,{childList:true,subtree:true});
let copilotPageArtifactTimer=0;const copilotArtifactObserver=new MutationObserver(()=>{clearTimeout(copilotPageArtifactTimer);copilotPageArtifactTimer=setTimeout(()=>window.loadCopilotArtifactsForPage?.(),120);});if(canvas)copilotArtifactObserver.observe(canvas,{childList:true,subtree:false});
if(IS_LOCAL_UI_PREVIEW){
  const localWorkspaceObserver=new MutationObserver(()=>enforceLocalBlindBoxWorkspace());if(canvas)localWorkspaceObserver.observe(canvas,{childList:true,subtree:true});
  enterWorkspace({employee_id:'local-blind-box-preview',employee_code:'local-preview',display_name:'本地设计师',department_name:'盲盒设计',password_change_required:false,roles:[{role_code:'blind_box_designer',scope_type:'self',scope_id:'local'}],shop_ids:[]});
  requestAnimationFrame(enforceLocalBlindBoxWorkspace);
  const localMessage=$('#bb-message');if(localMessage)localMessage.textContent='本地设计模式 · 生产过程与输出路径将在画布中实时显示';
}else if(location.protocol!=='file:'){fetch('/api/auth/me',{credentials:'include'}).then(async response=>{if(!response.ok)return;enterWorkspace(await response.json());}).catch(()=>{});}
})();
</script>