@whyshu/argent-erp 0.0.0-stage → 0.2.2

package/dist/client.js

@@ -0,0 +1,614 @@
+/**
+ * argent-erp · 客户端（dsh browser bundle 格式，**手写维护**）
+ *
+ * 形态：一个 `conversation.view` tab（对话顶部的 Chat / 轨迹 / **ERP** 切换项），
+ * 渲染 ERP 的只读视图：办公室现场 / 待办 / 时间线 / 货件 / 聊一聊。
+ *
+ * 为什么不是侧栏面板：会话视图与"正在做的那一单"同屏——看 ERP 不用离开会话。
+ *
+ * 数据全部来自宿主端点 `/api/argent-erp/*`（token 在宿主侧，浏览器拿不到）。
+ * ⛔ 不做写操作；重编辑一律跳 ERP web。
+ *
+ * id 必须是**整包名**（与 package.json#name 一致），否则客户端拒绝加载。
+ */
+window.__ModuleLoader__.load({
+  id: "@whyshu/argent-erp",
+  factory: (require) => {
+    const React = require("react")
+    const h = React.createElement
+    const module = { exports: {} }
+    const exports = module.exports
+
+    const NS = "argent-erp"
+    const API = "/api/argent-erp"
+    const WEB = "https://whyshu.com/admin/argent/"
+
+    /* ───────────────────────── 样式（只注入一次；全部用 dsh 主题 token） ───────────────────────── */
+
+    const CSS = `
+.aerp-root{display:flex;flex-direction:column;height:100%;min-height:0;color:var(--dsw-alias-label-primary);
+  font:14px/1.55 var(--dsw-font-family,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif)}
+.aerp-head{display:flex;align-items:center;gap:8px;padding:10px 18px 0;flex-wrap:wrap}
+.aerp-title{font-weight:600;font-size:14px;letter-spacing:.2px}
+.aerp-dim{color:var(--dsw-alias-label-secondary);font-size:12px}
+.aerp-spacer{flex:1 1 auto}
+.aerp-btn{border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);
+  border-radius:8px;padding:4px 10px;font:12px/1.4 inherit;cursor:pointer}
+.aerp-btn:hover{background:rgba(127,127,127,.10)}
+.aerp-btn:disabled{opacity:.5;cursor:default}
+.aerp-btn.primary{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary)}
+.aerp-sel{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);
+  border-radius:8px;padding:4px 8px;font:12px/1.4 inherit}
+.aerp-tabs{display:flex;gap:4px;padding:10px 18px 0;flex-wrap:wrap}
+.aerp-tab{border:0;background:transparent;color:var(--dsw-alias-label-secondary);border-radius:8px;
+  padding:5px 11px;font:13px/1.4 inherit;cursor:pointer}
+.aerp-tab:hover{background:rgba(127,127,127,.10);color:var(--dsw-alias-label-primary)}
+.aerp-tab[data-on="1"]{background:rgba(127,127,127,.16);color:var(--dsw-alias-label-primary);font-weight:600}
+.aerp-body{flex:1 1 auto;min-height:0;overflow:auto;padding:12px 18px 28px;display:flex;flex-direction:column;gap:12px}
+.aerp-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;padding:12px 14px}
+.aerp-card h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary)}
+.aerp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}
+.aerp-kpi{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;padding:10px 12px}
+.aerp-kpi b{display:block;font-size:22px;line-height:1.15;font-weight:600}
+.aerp-kpi span{display:block;font-size:11px;color:var(--dsw-alias-label-secondary);margin-top:2px}
+.aerp-list{display:flex;flex-direction:column;gap:6px}
+.aerp-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;
+  border:1px solid transparent;background:rgba(127,127,127,.06)}
+.aerp-row:hover{background:rgba(127,127,127,.13);border-color:var(--dsw-alias-border-l1)}
+.aerp-row .t{font-weight:600;font-size:13px}
+.aerp-row .s{font-size:11px;color:var(--dsw-alias-label-secondary);margin-top:2px}
+.aerp-row .r{margin-left:auto;font-size:11px;color:var(--dsw-alias-label-secondary);white-space:nowrap}
+.aerp-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;flex:0 0 auto;background:var(--dsw-alias-state-idle-primary)}
+.aerp-dot[data-s="in_progress"],.aerp-dot[data-s="working"]{background:var(--dsw-alias-state-success-primary)}
+.aerp-dot[data-s="pending"]{background:var(--dsw-alias-state-warn-primary)}
+.aerp-dot[data-s="blocked"],.aerp-dot[data-s="failed"]{background:var(--dsw-alias-state-error-primary)}
+.aerp-dot[data-s="done"],.aerp-dot[data-s="completed"]{background:var(--dsw-alias-state-idle-primary)}
+.aerp-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
+.aerp-person{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.06)}
+.aerp-person .nm{font-weight:600;font-size:13px}
+.aerp-person .rl{font-size:11px;color:var(--dsw-alias-label-secondary)}
+.aerp-person .cu{font-size:11px;color:var(--dsw-alias-label-secondary);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.aerp-empty,.aerp-loading{padding:26px 0;text-align:center;color:var(--dsw-alias-label-secondary);font-size:12px}
+.aerp-err{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--dsw-alias-state-error-primary);
+  background:rgba(248,113,113,.10);color:var(--dsw-alias-label-primary);font-size:13px;white-space:pre-wrap}
+.aerp-note{font-size:12px;color:var(--dsw-alias-label-secondary);background:rgba(127,127,127,.08);
+  border-radius:10px;padding:10px 12px}
+.aerp-note b{color:var(--dsw-alias-label-primary)}
+.aerp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
+.aerp-link{color:var(--dsw-alias-brand-primary);cursor:pointer;text-decoration:none;font-size:12px}
+.aerp-link:hover{text-decoration:underline}
+.aerp-detail-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}
+.aerp-nodes{display:flex;flex-direction:column;gap:0;margin-top:6px}
+.aerp-node{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--dsw-alias-border-l1)}
+.aerp-node:last-child{border-bottom:0}
+.aerp-node .k{font-size:13px;font-weight:600}
+.aerp-node .m{font-size:11px;color:var(--dsw-alias-label-secondary)}
+.aerp-node .f{font-size:11px;color:var(--dsw-alias-label-secondary);margin-top:3px}
+.aerp-chip{display:inline-block;border-radius:999px;padding:1px 8px;font-size:11px;
+  background:rgba(127,127,127,.14);color:var(--dsw-alias-label-secondary)}
+.aerp-chip[data-on="1"]{background:rgba(52,211,153,.16);color:var(--dsw-alias-state-success-primary)}
+.aerp-search{display:flex;gap:8px;align-items:center}
+.aerp-search input{flex:1 1 auto;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;
+  background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);padding:6px 10px;font:13px/1.4 inherit}
+`
+
+    function injectCss() {
+      try {
+        if (typeof document === "undefined" || !document.head) return
+        if (document.getElementById("argent-erp-css")) return
+        const style = document.createElement("style")
+        style.id = "argent-erp-css"
+        style.textContent = CSS
+        document.head.appendChild(style)
+      } catch { /* noop */ }
+    }
+
+    /* ───────────────────────── 纯函数（可单测；见 exports.__test__） ───────────────────────── */
+
+    const pad2 = (n) => (n < 10 ? "0" + n : String(n))
+
+    /** 24 小时制（全站口径）：2026-11-07 14:05 */
+    function fmtDateTime(iso) {
+      if (!iso) return ""
+      const d = new Date(iso)
+      if (Number.isNaN(d.getTime())) return String(iso)
+      return `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())} ${pad2(d.getHours())}:${pad2(d.getMinutes())}`
+    }
+
+    /** 相对时间：刚刚 / 5 分钟前 / 3 小时前 / 2 天前 */
+    function fmtRelative(iso, now = Date.now()) {
+      if (!iso) return ""
+      const t = Date.parse(iso)
+      if (Number.isNaN(t)) return ""
+      const diff = Math.max(0, now - t)
+      const min = Math.floor(diff / 60000)
+      if (min < 1) return "刚刚"
+      if (min < 60) return min + " 分钟前"
+      const hr = Math.floor(min / 60)
+      if (hr < 24) return hr + " 小时前"
+      const day = Math.floor(hr / 24)
+      if (day < 30) return day + " 天前"
+      return fmtDateTime(iso).slice(0, 10)
+    }
+
+    const STATUS_LABEL = {
+      pending: "待处理", in_progress: "在办", working: "在岗", blocked: "异常",
+      done: "已完成", completed: "已完成", idle: "空闲", failed: "失败",
+    }
+    function statusLabel(status) {
+      return STATUS_LABEL[status] || status || ""
+    }
+
+    /** 时间线：days[] → 扁平条目（按天分组，日期递减） */
+    function flattenTimeline(data) {
+      if (!data || !Array.isArray(data.days)) return []
+      const out = []
+      for (const day of data.days) {
+        for (const ev of day.events || []) out.push(Object.assign({ date: day.date }, ev))
+      }
+      return out
+    }
+
+    /** 节点完成度（0..100），用于详情顶部那条进度条文字 */
+    function flowProgress(nodes) {
+      const list = Array.isArray(nodes) ? nodes : []
+      if (!list.length) return 0
+      const done = list.filter((n) => n && (n.status === "done" || n.status === "completed")).length
+      return Math.round((done / list.length) * 100)
+    }
+
+    /* ───────────────────────── 数据 ───────────────────────── */
+
+    function useApi(path, autoMs) {
+      const [st, set] = React.useState({ loading: true, data: null, error: null, at: null })
+      const seq = React.useRef(0)
+      const load = React.useCallback(() => {
+        const mine = ++seq.current
+        set((s) => Object.assign({}, s, { loading: s.data === null, error: null }))
+        fetch(API + path, { headers: { accept: "application/json" } })
+          .then((r) => r.json().then((j) => ({ ok: r.ok, j })))
+          .then(({ ok, j }) => {
+            if (mine !== seq.current) return
+            if (j && j.ok) set({ loading: false, data: j.data, error: null, at: new Date().toISOString() })
+            else set({ loading: false, data: null, error: (j && (j.message || j.error)) || ("HTTP " + (ok ? "?" : "错误")), at: new Date().toISOString() })
+          })
+          .catch((e) => {
+            if (mine !== seq.current) return
+            set({ loading: false, data: null, error: String((e && e.message) || e), at: new Date().toISOString() })
+          })
+      }, [path])
+      React.useEffect(() => { load() }, [load])
+      React.useEffect(() => {
+        if (!autoMs) return undefined
+        const t = setInterval(load, autoMs)
+        return () => clearInterval(t)
+      }, [autoMs, load])
+      return { loading: st.loading, data: st.data, error: st.error, at: st.at, reload: load }
+    }
+
+    /* ───────────────────────── 小组件 ───────────────────────── */
+
+    function ErrorCard({ error, onRetry }) {
+      return h("div", { className: "aerp-err" },
+        "ERP 取不到数据：" + String(error || "未知错误"),
+        h("div", { className: "aerp-actions" },
+          onRetry ? h("button", { type: "button", className: "aerp-btn", onClick: onRetry }, "重试") : null,
+          h("a", { className: "aerp-link", href: WEB, target: "_blank", rel: "noopener noreferrer" }, "在 ERP 里打开 ↗")))
+    }
+
+    function Kpis({ kpis }) {
+      const items = [
+        { label: "待处理", value: kpis.pending },
+        { label: "在办", value: kpis.inProgress },
+        { label: "今日完成", value: kpis.doneToday },
+        { label: kpis.agentsLabel || "执行机在线", value: `${kpis.agentsOnline}/${kpis.agentsTotal}` },
+      ]
+      return h("div", { className: "aerp-kpis" }, items.map((it, i) =>
+        h("div", { className: "aerp-kpi", key: i }, h("b", null, String(it.value)), h("span", null, it.label))))
+    }
+
+    function Tabs({ items, value, onChange }) {
+      return h("div", { className: "aerp-tabs", role: "tablist" }, items.map((it) =>
+        h("button", {
+          key: it.id, type: "button", role: "tab", className: "aerp-tab",
+          "data-on": value === it.id ? "1" : "0",
+          "aria-selected": value === it.id ? "true" : "false",
+          onClick: () => onChange(it.id),
+        }, it.label)))
+    }
+
+    function Row({ status, title, sub, right, onClick }) {
+      return h("div", {
+        className: "aerp-row", role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined,
+        onClick: onClick || undefined,
+        onKeyDown: onClick ? (e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); onClick() } } : undefined,
+      },
+        h("i", { className: "aerp-dot", "data-s": status || "" }),
+        h("div", { style: { minWidth: 0 } }, h("div", { className: "t" }, title), sub ? h("div", { className: "s" }, sub) : null),
+        right ? h("div", { className: "r" }, right) : null)
+    }
+
+    /* ───────────────────────── 详情 ───────────────────────── */
+
+    function FlowDetail({ tenant, flowId, onBack }) {
+      const q = useApi(`/flow?tenant=${encodeURIComponent(tenant || "")}&id=${encodeURIComponent(flowId)}`)
+      return h("div", { className: "aerp-card" },
+        h("div", { className: "aerp-detail-head" },
+          h("button", { type: "button", className: "aerp-btn", onClick: onBack }, "← 返回"),
+          h("span", { className: "aerp-dim" }, "时间线详情")),
+        q.loading ? h("div", { className: "aerp-loading" }, "加载中…")
+          : q.error ? h(ErrorCard, { error: q.error, onRetry: q.reload })
+            : h("div", null,
+              h("div", { style: { fontWeight: 600, fontSize: 14 } }, q.data.title || flowId),
+              h("div", { className: "aerp-dim", style: { marginTop: 4 } },
+                [q.data.shipmentNo, q.data.sku, q.data.store, q.data.statusLabel].filter(Boolean).join(" · ")),
+              h("div", { className: "aerp-dim", style: { marginTop: 6 } }, `节点完成 ${flowProgress(q.data.nodes)}%`),
+              h("div", { className: "aerp-nodes" }, (q.data.nodes || []).map((n, i) =>
+                h("div", { className: "aerp-node", key: n.key || i },
+                  h("i", { className: "aerp-dot", "data-s": n.status || "" }),
+                  h("div", { style: { minWidth: 0 } },
+                    h("div", { className: "k" }, n.title || n.key),
+                    h("div", { className: "m" }, [n.statusLabel || statusLabel(n.status), n.ownerName, fmtDateTime(n.at)].filter(Boolean).join(" · ")),
+                    (n.fields || []).length
+                      ? h("div", { className: "f" }, n.fields.slice(0, 6).map((f) => `${f.label}: ${f.value}`).join("；"))
+                      : null))))))
+    }
+
+    function ShipmentDetail({ tenant, recordId, onBack }) {
+      const q = useApi(`/shipment?tenant=${encodeURIComponent(tenant || "")}&recordId=${encodeURIComponent(recordId)}`)
+      return h("div", { className: "aerp-card" },
+        h("div", { className: "aerp-detail-head" },
+          h("button", { type: "button", className: "aerp-btn", onClick: onBack }, "← 返回"),
+          h("span", { className: "aerp-dim" }, "货件详情")),
+        q.loading ? h("div", { className: "aerp-loading" }, "加载中…")
+          : q.error ? h(ErrorCard, { error: q.error, onRetry: q.reload })
+            : h("div", null,
+              h("div", { style: { fontWeight: 600, fontSize: 14 } }, q.data.shipmentNo || recordId),
+              h("div", { className: "aerp-dim", style: { marginTop: 4 } },
+                [q.data.store, q.data.sku, q.data.fullStatus, q.data.currentStep, q.data.boxCount ? q.data.boxCount + " 箱" : ""].filter(Boolean).join(" · ")),
+              h("div", { className: "aerp-dim", style: { marginTop: 6 } },
+                `发票：${q.data.invoice && q.data.invoice.status || "未知"}${q.data.invoice && q.data.invoice.ready ? "（已就绪）" : ""}`),
+              h("div", { className: "aerp-nodes" }, (q.data.nodes || []).map((n, i) =>
+                h("div", { className: "aerp-node", key: i },
+                  h("i", { className: "aerp-dot", "data-s": n.status || "" }),
+                  h("div", null,
+                    h("div", { className: "k" }, n.label || ""),
+                    h("div", { className: "m" }, [statusLabel(n.status), fmtDateTime(n.at)].filter(Boolean).join(" · "))))))))
+    }
+
+    /* ───────────────────────── 面板 ───────────────────────── */
+
+    function OfficePane({ overview, tenant }) {
+      if (overview.loading && !overview.data) return h("div", { className: "aerp-loading" }, "加载办公室现场…")
+      if (overview.error) return h(ErrorCard, { error: overview.error, onRetry: overview.reload })
+      const d = overview.data || {}
+      const employees = d.employees || []
+      const machines = (d.agents && d.agents.machines) || []
+      const activity = d.activity || []
+      return h(React.Fragment, null,
+        h(Kpis, { kpis: d.kpis || {} }),
+        h("div", { className: "aerp-card" },
+          h("h4", null, "在岗（" + employees.length + "）"),
+          employees.length
+            ? h("div", { className: "aerp-people" }, employees.map((e, i) =>
+                h("div", { className: "aerp-person", key: e.id || i },
+                  h("i", { className: "aerp-dot", "data-s": e.status || "" }),
+                  h("div", { style: { minWidth: 0 } },
+                    h("div", { className: "nm" }, e.name || "—"),
+                    h("div", { className: "rl" }, [e.roleLabel, statusLabel(e.status)].filter(Boolean).join(" · ")),
+                    h("div", { className: "cu", title: e.current || "" }, e.current || "空闲")))))
+            : h("div", { className: "aerp-empty" }, "当前没有在岗记录")),
+        machines.length
+          ? h("div", { className: "aerp-card" },
+              h("h4", null, "执行机"),
+              h("div", { className: "aerp-list" }, machines.map((m, i) =>
+                h(Row, {
+                  key: m.machineId || i, status: m.online ? "working" : "idle",
+                  title: m.name || m.machineId,
+                  sub: [m.online ? "在线" : "离线", m.defaultPreset, m.lastSeenAt ? "最后上报 " + fmtRelative(m.lastSeenAt) : ""].filter(Boolean).join(" · "),
+                }))))
+          : null,
+        h("div", { className: "aerp-card" },
+          h("h4", null, "现场动态"),
+          activity.length
+            ? h("div", { className: "aerp-list" }, activity.map((a, i) =>
+                h(Row, { key: a.id || i, status: a.actorKind === "agent" ? "working" : "idle",
+                  title: a.text || "", sub: [a.actor, fmtRelative(a.ts)].filter(Boolean).join(" · ") })))
+            : h("div", { className: "aerp-empty" }, "暂无动态")))
+    }
+
+    function TodoPane({ overview, onOpenFlow, onOpenShipment }) {
+      if (overview.loading && !overview.data) return h("div", { className: "aerp-loading" }, "加载待办…")
+      if (overview.error) return h(ErrorCard, { error: overview.error, onRetry: overview.reload })
+      const items = (overview.data && overview.data.workItems) || []
+      const sorted = items.slice().sort((a, b) => {
+        const rank = (s) => (s === "in_progress" ? 0 : s === "blocked" ? 1 : 2)
+        return rank(a.status) - rank(b.status) || String(b.updatedAt || "").localeCompare(String(a.updatedAt || ""))
+      })
+      if (!sorted.length) return h("div", { className: "aerp-empty" }, "没有待办 🎉")
+      return h("div", { className: "aerp-card" },
+        h("h4", null, `待办（${sorted.length}）`),
+        h("div", { className: "aerp-list" }, sorted.map((it, i) =>
+          h(Row, {
+            key: it.id || i, status: it.status,
+            title: it.title || it.shipmentNo || "—",
+            sub: [it.ownerName, it.nodeLabel, fmtRelative(it.updatedAt)].filter(Boolean).join(" · "),
+            right: it.progress ? it.progress + "%" : "",
+            onClick: () => {
+              // 抢预约任务没有货件 recordId（shipmentId 是任务 id）⇒ 只能跳 ERP
+              if (it.type === "appointment") { try { window.open(WEB + "#/appointments", "_blank", "noopener,noreferrer") } catch { /* noop */ } }
+              else onOpenShipment(it.shipmentId)
+            },
+          }))))
+    }
+
+    function TimelinePane({ tenant, onOpenFlow }) {
+      const q = useApi(`/timeline?tenant=${encodeURIComponent(tenant || "")}&days=14`)
+      if (q.loading) return h("div", { className: "aerp-loading" }, "加载时间线…")
+      if (q.error) return h(ErrorCard, { error: q.error, onRetry: q.reload })
+      const rows = flattenTimeline(q.data)
+      if (!rows.length) return h("div", { className: "aerp-empty" }, "最近 14 天没有更新")
+      const groups = new Map()
+      for (const r of rows) {
+        if (!groups.has(r.date)) groups.set(r.date, [])
+        groups.get(r.date).push(r)
+      }
+      return h("div", { style: { display: "flex", flexDirection: "column", gap: 12 } },
+        [...groups.entries()].map(([date, evs]) =>
+          h("div", { className: "aerp-card", key: date },
+            h("h4", null, date),
+            h("div", { className: "aerp-list" }, evs.map((ev, i) =>
+              h(Row, {
+                key: ev.id || i, status: ev.todoCount > 0 ? "pending" : "idle",
+                title: ev.title || ev.shipmentNo || ev.id,
+                sub: [ev.sku, ev.store, ev.currentStepLabel || ev.statusLabel].filter(Boolean).join(" · "),
+                right: ev.todoCount > 0 ? ev.todoCount + " 待办" : "",
+                onClick: () => onOpenFlow(ev.id),
+              }))))))
+    }
+
+    function ShipmentPane({ tenant, onOpenShipment }) {
+      const [q, setQ] = React.useState("")
+      const [draft, setDraft] = React.useState("")
+      const qs = useApi(`/shipments?tenant=${encodeURIComponent(tenant || "")}&q=${encodeURIComponent(q)}&limit=30`)
+      const submit = (e) => { e.preventDefault(); setQ(draft.trim()) }
+      const list = (qs.data && (qs.data.shipments || qs.data.items || qs.data.rows)) || []
+      return h(React.Fragment, null,
+        h("form", { className: "aerp-search", onSubmit: submit },
+          h("input", { value: draft, onChange: (e) => setDraft(e.target.value), placeholder: "搜货件号 / SKU / 店铺…", "aria-label": "搜索货件" }),
+          h("button", { type: "submit", className: "aerp-btn primary" }, "搜索")),
+        qs.loading ? h("div", { className: "aerp-loading" }, "加载货件…")
+          : qs.error ? h(ErrorCard, { error: qs.error, onRetry: qs.reload })
+            : list.length
+              ? h("div", { className: "aerp-card" }, h("div", { className: "aerp-list" }, list.map((s, i) =>
+                  h(Row, {
+                    key: s.recordId || s.sourceRecordId || s._id || i,
+                    status: s.fullStatus || s.status || "",
+                    title: s.shipmentNo || s.appointmentShipmentNo || s.sourceRecordId || "—",
+                    sub: [s.shop || s.store || s.storeName, s.sku, s.currentStep].filter(Boolean).join(" · "),
+                    onClick: () => onOpenShipment(s.recordId || s.sourceRecordId || s._id),
+                  }))))
+              : h("div", { className: "aerp-empty" }, q ? "没有匹配的货件" : "输入关键词搜索货件"))
+    }
+
+    /**
+     * 「办公室聊一聊」——本视图只做**入口 + 说明**，不重造聊天 UI。
+     *
+     * 结论（2026-11-07 实证）：ERP 的办公室聊一聊是**服务端** LLM+工具循环（POST .../office/chat，
+     * 自定义 SSE：meta/tool/card/proposal/delta/done），会话落 OfficeChatSession（tenantId+userId 双隔离），
+     * 计费走 pointsBilling —— 它与 dsh 的 Session 事件**不是同一种协议**，
+     * 因此 dsh 的 Chat 视图不能直接渲染它（Chat 视图硬绑 target="chat"，见 README）。
+     *
+     * 两条正确的路：
+     *  ① 在 ERP 里聊（原样，保留计费/工具/会话）；
+     *  ② 开一个 **dsh 会话**聊 —— 那就是 dsh 原生 Chat 视图（本按钮）。
+     */
+    /** 办公室助理 preset 的 id（与 presets/argent-office.patch.yml 的 config.id 一致） */
+    const OFFICE_PRESET = "argent-office"
+    /**
+     * 新会话钉死的模型：问述代理（走问述积分）。
+     * provider id = `whyshu`（由 @whyshu/argent 的 llm-whyshu 注册），model 见其模型目录。
+     */
+    const OFFICE_MODEL = { provider: "whyshu", model: "deepseek-flash" }
+
+    function ChatPane({ tenant, props }) {
+      const [busy, setBusy] = React.useState(false)
+      const [msg, setMsg] = React.useState("")
+      const history = useApi(`/chat/sessions?tenant=${encodeURIComponent(tenant || "")}&limit=20`)
+      const sessions = props && props.sessions
+      const nav = props && props.workspaceNav      // ctx.uiWorkspace（openSession / connectWorkspace）
+      const remote = props && props.remote          // ctx.remote（session.selectModel）
+      // 当前会话所属 workspace（没有就退回第一个）——不传 workspaceId 会掉进「请选择 workspace」，
+      // 用户选完 workspace 时 UI 会**另建一个 blank 会话**，preset 就被重置成默认了（2026-11-07 实测）。
+      const useWorkspaces = (props && props.useWorkspaces) || (() => null)
+      const workspaces = (() => { try { return useWorkspaces((x) => x) } catch { return null } })()
+      const wsList = (workspaces && workspaces.items) || []
+      const myWs = (props && props.sessionId
+        ? wsList.find((w) => w && Array.isArray(w.sessionIds) && w.sessionIds.includes(props.sessionId))
+        : null) || wsList[0] || null
+
+      /** 把新会话模型钉成问述代理；失败不算致命，返回提示文案 */
+      const pinModel = async (sid) => {
+        try {
+          const api = remote && remote.session
+          if (!api || typeof api.selectModel !== "function") return "（模型未钉选：当前 dsh 没有 remote.session.selectModel，可在输入框上方的模型选择里手动选「问述代理 · deepseek-flash」）"
+          const r = await api.selectModel({ sessionId: sid, provider: OFFICE_MODEL.provider, model: OFFICE_MODEL.model })
+          if (r && r.ok === false) {
+            const err = r.error || {}
+            return `（模型钉选失败：${err.code || ""} ${err.message || ""}——可在模型选择里手动选「问述代理 · deepseek-flash」）`
+          }
+          return ""
+        } catch (e) {
+          return "（模型钉选失败：" + String((e && e.message) || e) + "——可在模型选择里手动选「问述代理 · deepseek-flash」）"
+        }
+      }
+
+      const startDshChat = async () => {
+        setBusy(true)
+        setMsg("")
+        try {
+          let sid = ""
+          let warn = ""
+          // 首选：workspace 原生路径（会复用/新建该 workspace 的 blank，再按 preset 落位）
+          if (nav && typeof nav.connectWorkspace === "function" && myWs && myWs.workspaceId) {
+            try {
+              sid = await nav.connectWorkspace(myWs.workspaceId, { agentPreset: OFFICE_PRESET })
+            } catch (e) {
+              // workspace 路径失败（权限/迁移等）⇒ 退回 sessions.create，带上 workspaceId
+              console.warn("[argent-erp] connectWorkspace 失败，退回 sessions.create:", (e && e.message) || e)
+              sid = ""
+            }
+          }
+          if (!sid) {
+            if (!(sessions && typeof sessions.create === "function")) {
+              setMsg("当前 dsh 版本没有可用的建会话接口（uiWorkspace.connectWorkspace / sessions.create）；请在左侧手动新建。")
+              return
+            }
+            sid = await sessions.create(Object.assign({ agentPreset: OFFICE_PRESET }, myWs && myWs.workspaceId ? { workspaceId: myWs.workspaceId } : {}))
+          }
+          warn = await pinModel(sid)
+          if (nav && typeof nav.openSession === "function") nav.openSession(sid)
+          setMsg((sid ? "已新建会话 " + sid.slice(0, 12) + "…" : "已新建会话") + (warn ? " " + warn : ""))
+        } catch (e) {
+          const text = String((e && e.message) || e)
+          setMsg(/preset/i.test(text)
+            ? "未找到「六禾园办公室助理」preset（" + text + "）——重装/重启 dsh 后再试。"
+            : "新建会话失败：" + text)
+        } finally {
+          setBusy(false)
+        }
+      }
+
+      return h(React.Fragment, null,
+        h("div", { className: "aerp-note" },
+          h("b", null, "和办公室聊一聊 = 一个 dsh 会话"),
+          "（角色「六禾园办公室助理」）：只聊六禾园办公室，只有 ERP 只读工具，没有本机/终端/联网能力——边界写死在 preset 里，不靠模型自觉。",
+          "会话建在你**当前 workspace** 里，模型钉死为「问述代理 · deepseek-flash」（走问述积分），原生 Chat 的轨迹、统计、中断全都在。"),
+        h("div", { className: "aerp-actions" },
+          h("button", { type: "button", className: "aerp-btn primary", disabled: busy, onClick: startDshChat },
+            busy ? "正在新建…" : "和办公室聊一聊（dsh 会话）"),
+          h("a", { className: "aerp-btn", href: WEB + "#/office", target: "_blank", rel: "noopener noreferrer" }, "在 ERP 里聊 ↗")),
+        msg ? h("div", { className: "aerp-note", style: { marginTop: 8 } }, msg) : null,
+        h("div", { className: "aerp-dim", style: { marginTop: 2, fontSize: 11 } },
+          "说明：ERP 网页里的「办公室聊一聊」仍跑在 ERP 服务端（自定义 SSE + 服务端计费），与这里的 dsh 会话是两条链路；上面的历史只读列表是 ERP 那一侧的记录。"),
+        h("div", { className: "aerp-card", style: { marginTop: 4 } },
+          h("h4", null, "ERP 侧历史会话（只读）"),
+          history.loading ? h("div", { className: "aerp-loading" }, "加载中…")
+            : history.error ? h(ErrorCard, { error: history.error, onRetry: history.reload })
+              : (history.data && history.data.sessions || []).length
+                ? h("div", { className: "aerp-list" }, history.data.sessions.map((s, i) =>
+                    h(Row, {
+                      key: s.id || i, status: "idle",
+                      title: s.title || "（无标题会话）",
+                      sub: [s.messageCount ? s.messageCount + " 条" : "", fmtDateTime(s.updatedAt)].filter(Boolean).join(" · "),
+                      right: h("a", { className: "aerp-link", href: WEB + "#/office", target: "_blank", rel: "noopener noreferrer" }, "打开 ↗"),
+                    })))
+                : h("div", { className: "aerp-empty" }, "还没有 ERP 侧聊天记录")))
+    }
+
+    /* ───────────────────────── 主视图 ───────────────────────── */
+
+    const TABS = [
+      { id: "office", label: "办公室" },
+      { id: "todo", label: "待办" },
+      { id: "timeline", label: "时间线" },
+      { id: "shipments", label: "货件" },
+      { id: "chat", label: "聊一聊" },
+    ]
+
+    function ErpView(props) {
+      const [tab, setTab] = React.useState("office")
+      const [tenant, setTenant] = React.useState("")
+      const [detail, setDetail] = React.useState(null) // { kind:'flow'|'shipment', id }
+      const [nonce, setNonce] = React.useState(0)     // 刷新时让各自取数的面板重挂
+      // 渲染信标：只有切到 ERP tab 才会打 ⇒ /health 的 viewPingAt 能证明"真的渲染了"
+      React.useEffect(() => { try { fetch(API + "/ping?from=view") } catch { /* noop */ } }, [])
+      const who = useApi("/whoami")
+      const health = useApi("/health")
+      const overview = useApi(`/overview?tenant=${encodeURIComponent(tenant || "")}`, 60000)
+
+      React.useEffect(() => {
+        if (!tenant && who.data && who.data.defaultTenant) setTenant(who.data.defaultTenant)
+      }, [who.data, tenant])
+
+      const tenants = (who.data && who.data.tenants) || []
+      const host = (who.data && who.data.tokenSource) || ""
+      const at = overview.at || (who.at || "")
+      const openFlow = (id) => setDetail({ kind: "flow", id })
+      const openShipment = (id) => setDetail({ kind: "shipment", id })
+
+      let body
+      if (detail) {
+        body = detail.kind === "flow"
+          ? h(FlowDetail, { tenant, flowId: detail.id, onBack: () => setDetail(null) })
+          : h(ShipmentDetail, { tenant, recordId: detail.id, onBack: () => setDetail(null) })
+      } else if (tab === "office") {
+        body = h(OfficePane, { overview, tenant })
+      } else if (tab === "todo") {
+        body = h(TodoPane, { overview, onOpenFlow: openFlow, onOpenShipment: openShipment })
+      } else if (tab === "timeline") {
+        body = h(TimelinePane, { key: "tl-" + nonce, tenant, onOpenFlow: openFlow })
+      } else if (tab === "shipments") {
+        body = h(ShipmentPane, { key: "sh-" + nonce, tenant, onOpenShipment: openShipment })
+      } else {
+        body = h(ChatPane, { key: "chat-" + nonce, tenant, props })
+      }
+
+      return h("div", { className: "aerp-root" },
+        h("div", { className: "aerp-head" },
+          h("span", { className: "aerp-title" }, "Argent ERP"),
+          tenants.length > 1
+            ? h("select", {
+                className: "aerp-sel", value: tenant, onChange: (e) => { setTenant(e.target.value); setDetail(null) },
+                "aria-label": "租户",
+              }, tenants.map((t) => h("option", { key: t.appId, value: t.appId }, t.name || t.appId)))
+            : null,
+          h("span", { className: "aerp-spacer" }),
+          at ? h("span", { className: "aerp-dim" }, "更新于 " + fmtDateTime(at).slice(11)) : null,
+          h("button", { type: "button", className: "aerp-btn", onClick: () => { overview.reload(); setNonce((n) => n + 1) } }, "刷新"),
+          h("a", { className: "aerp-btn", href: WEB, target: "_blank", rel: "noopener noreferrer" }, "完整版 ↗")),
+        h(Tabs, { items: TABS, value: tab, onChange: (id) => { setTab(id); setDetail(null) } }),
+        (health.data && health.data.erpTools === 0)
+          ? h("div", { className: "aerp-err", style: { margin: "8px 18px 0" } },
+              "未检测到 ERP 工具（mcp__argent__erp_*）：办公室角色需要同机安装 @whyshu/argent（提供 ERP MCP 网关与问述 provider）。只装本插件时，角色会被安全降级为「无工具、只按提示词回答」。")
+          : null,
+        h("div", { className: "aerp-body" }, body),
+        host === "none" ? h("div", { className: "aerp-dim", style: { padding: "0 18px 10px" } }, "未检测到问述账号 token") : null)
+    }
+
+    /* ───────────────────────── 注册 ───────────────────────── */
+
+    const name = "argent-erp-client"
+    const inject = ["slots"]
+
+    function apply(ctx) {
+      injectCss()
+      // 自检信标：宿主 /health 会回报 clientPingAt ⇒ 能区分"bundle 没加载"与"加载了但没显示"
+      try { fetch(API + "/ping?from=client").catch(() => {}) } catch { /* noop */ }
+
+      // ⛔ 永不抛出：注册失败只影响这个 tab，不能让 web boot 报 "entry did not activate"
+      try {
+        ctx.slots.inject("conversation.view", () => ctx.slots.register({
+          name: "conversation.view",
+          id: "erp",
+          order: 5,
+          label: () => "ERP",
+          inject: () => ({
+            sessions: (() => { try { return ctx.get("sessions") } catch { return undefined } })(),
+            workspaceNav: (() => { try { return ctx.get("uiWorkspace") } catch { return undefined } })(),
+            remote: (() => { try { return ctx.get("remote") } catch { return undefined } })(),
+          }),
+        }, ErpView))
+      } catch (e) {
+        console.warn("[argent-erp] conversation.view 注册失败（不影响 dsh）:", (e && e.message) || e)
+      }
+    }
+
+    exports.name = name
+    exports.inject = inject
+    exports.apply = apply
+    // 仅测试用：纯函数导出，避免为了验证格式再重启一次
+    exports.__test__ = { fmtDateTime, fmtRelative, flattenTimeline, flowProgress, statusLabel }
+    return module.exports
+  },
+})