@yuku123/z-team-component 0.2.28 → 0.2.30

package/dist/index-JMzBzwiO.js

@@ -0,0 +1,1746 @@
+import { jsx as e, jsxs as i, Fragment as be } from "react/jsx-runtime";
+import { ThunderboltOutlined as se, UpOutlined as Ie, DownOutlined as Se, LinkOutlined as $e, CopyOutlined as Te, EditOutlined as we, DeleteOutlined as ge, BranchesOutlined as Ae, HistoryOutlined as Ee, ReloadOutlined as xe, PlusOutlined as j, FileImageOutlined as De } from "@ant-design/icons";
+import { useState as p, useEffect as F, useCallback as re, useMemo as ne, useRef as fe } from "react";
+import _e from "axios";
+import { Empty as le, Modal as X, Select as q, Input as ee, Form as D, Col as Z, Row as pe, Space as oe, Dropdown as ke, Popconfirm as ye, Tag as H, Descriptions as Re, Card as Le, Table as He, Tree as Oe, Button as O, Tooltip as Be, Spin as Ue } from "antd";
+const Me = {
+  PageHeader: ({ title: a, subtitle: c }) => /* @__PURE__ */ i("div", { style: { marginBottom: 12 }, children: [
+    /* @__PURE__ */ e("h2", { style: { margin: 0 }, children: a }),
+    c && /* @__PURE__ */ e("p", { style: { color: "#666", margin: "4px 0 0", fontSize: 13 }, children: c })
+  ] }),
+  TenantDomainSelector: ({
+    tenants: a = [],
+    domains: c = [],
+    selectedTenant: n,
+    selectedDomain: h,
+    onTenantChange: b,
+    onDomainChange: d
+  }) => /* @__PURE__ */ i(oe, { style: { marginBottom: 12 }, children: [
+    /* @__PURE__ */ e("span", { style: { color: "#666" }, children: "租户" }),
+    /* @__PURE__ */ e(
+      q,
+      {
+        value: n,
+        onChange: b,
+        style: { minWidth: 160 },
+        options: a,
+        placeholder: "请选择租户"
+      }
+    ),
+    /* @__PURE__ */ e("span", { style: { color: "#666" }, children: "域" }),
+    /* @__PURE__ */ e(
+      q,
+      {
+        value: h,
+        onChange: d,
+        disabled: !n,
+        style: { minWidth: 160 },
+        options: c,
+        placeholder: "请选择域"
+      }
+    )
+  ] }),
+  Button: (a) => /* @__PURE__ */ e(O, { ...a }),
+  Tree: (a) => /* @__PURE__ */ e(Oe, { ...a }),
+  Table: (a) => /* @__PURE__ */ e(He, { ...a }),
+  Card: (a) => /* @__PURE__ */ e(Le, { ...a }),
+  Descriptions: ({ items: a = [], ...c }) => /* @__PURE__ */ e(Re, { ...c, bordered: !0, size: "small", items: a }),
+  Tag: (a) => /* @__PURE__ */ e(H, { ...a }),
+  Popconfirm: (a) => /* @__PURE__ */ e(ye, { ...a }),
+  Dropdown: (a) => /* @__PURE__ */ e(ke, { ...a }),
+  Empty: (a) => /* @__PURE__ */ e(le, { ...a }),
+  Space: (a) => /* @__PURE__ */ e(oe, { ...a }),
+  Row: (a) => /* @__PURE__ */ e(pe, { ...a }),
+  Col: (a) => /* @__PURE__ */ e(Z, { ...a }),
+  FormItem: ({ label: a, children: c, ...n }) => /* @__PURE__ */ e(D.Item, { label: a, ...n, children: c }),
+  Input: (a) => /* @__PURE__ */ e(ee, { ...a }),
+  InputTextArea: (a) => /* @__PURE__ */ e(ee.TextArea, { ...a }),
+  Select: (a) => /* @__PURE__ */ e(q, { ...a }),
+  Modal: (a) => /* @__PURE__ */ e(X, { ...a })
+};
+function ze({ node: a, highlightId: c, onElementClick: n }) {
+  var d;
+  const h = Me[a.type] || (() => null), b = c === a.id;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-node-id": a.id,
+      "data-node-type": a.type,
+      className: `manuscript-node ${b ? "manuscript-node-highlight" : ""}`,
+      onClick: (l) => {
+        l.stopPropagation(), n == null || n(a);
+      },
+      children: /* @__PURE__ */ e(h, { ...a.props || {}, children: (d = a.children) == null ? void 0 : d.map((l) => /* @__PURE__ */ e(
+        ze,
+        {
+          node: l,
+          highlightId: c,
+          onElementClick: n
+        },
+        l.id
+      )) })
+    }
+  );
+}
+function qe({ tree: a, highlightId: c, onElementClick: n }) {
+  return !a || a.length === 0 ? /* @__PURE__ */ e(le, { description: "暂无设计稿内容" }) : /* @__PURE__ */ e("div", { className: "manuscript-renderer", children: a.map((h) => /* @__PURE__ */ e(
+    ze,
+    {
+      node: h,
+      highlightId: c,
+      onElementClick: n
+    },
+    h.id
+  )) });
+}
+const Fe = {
+  P0: "red",
+  P1: "orange",
+  P2: "blue"
+};
+function je({
+  caseData: a,
+  isHighlighted: c,
+  chainData: n,
+  onEdit: h,
+  onDelete: b,
+  onClick: d,
+  onEffectClick: l
+}) {
+  const [_, r] = p(!1), f = n != null && n.triggerInfo ? Ne(n.triggerInfo, {}) : null, N = n != null && n.crossPageEffects ? Ne(n.crossPageEffects, []) : [];
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `manuscript-case-card ${c ? "highlight" : ""}`,
+      onClick: () => d == null ? void 0 : d(a),
+      children: [
+        /* @__PURE__ */ i("div", { className: "case-card-header", onClick: (v) => {
+          v.stopPropagation(), r(!_);
+        }, children: [
+          /* @__PURE__ */ i(oe, { children: [
+            /* @__PURE__ */ e("span", { className: "case-id", children: a.caseId }),
+            /* @__PURE__ */ e("span", { className: "case-title", children: a.title }),
+            /* @__PURE__ */ e(H, { color: Fe[a.priority] || "default", children: a.priority || "P1" }),
+            a.bizCode && /* @__PURE__ */ e(Be, { title: `因果链路: ${a.bizCode}`, children: /* @__PURE__ */ e(se, { style: { color: "#fa8c16" } }) })
+          ] }),
+          /* @__PURE__ */ e(
+            O,
+            {
+              type: "text",
+              size: "small",
+              icon: _ ? /* @__PURE__ */ e(Ie, {}) : /* @__PURE__ */ e(Se, {}),
+              onClick: (v) => {
+                v.stopPropagation(), r(!_);
+              }
+            }
+          )
+        ] }),
+        _ && /* @__PURE__ */ i("div", { className: "case-card-body", children: [
+          a.bizCode && /* @__PURE__ */ i("div", { className: "case-section", children: [
+            /* @__PURE__ */ i("div", { className: "case-section-title", children: [
+              /* @__PURE__ */ e(se, { style: { color: "#fa8c16" } }),
+              " 因果链路"
+            ] }),
+            /* @__PURE__ */ i("div", { className: "causal-chain", children: [
+              f && /* @__PURE__ */ i("div", { className: "chain-trigger", children: [
+                /* @__PURE__ */ e(H, { color: "orange", children: f.page }),
+                /* @__PURE__ */ i("span", { className: "chain-action", children: [
+                  "→ ",
+                  f.action
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "chain-effects", children: N.map((v, P) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "chain-effect-row",
+                  onClick: ($) => {
+                    $.stopPropagation(), l == null || l(v);
+                  },
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "chain-arrow", children: "→" }),
+                    /* @__PURE__ */ e(H, { color: "blue", children: v.page }),
+                    /* @__PURE__ */ i("span", { className: "chain-eff-type", children: [
+                      "[",
+                      v.effectType,
+                      "]"
+                    ] }),
+                    /* @__PURE__ */ e("span", { className: "chain-eff-desc", children: v.description }),
+                    /* @__PURE__ */ e(H, { style: { marginLeft: 8 }, children: v.delay })
+                  ]
+                },
+                P
+              )) })
+            ] })
+          ] }),
+          a.learningPath && a.learningPath.length > 0 && /* @__PURE__ */ i("div", { className: "case-section", children: [
+            /* @__PURE__ */ e("div", { className: "case-section-title", children: "📋 学习路径" }),
+            /* @__PURE__ */ e("ol", { className: "case-learning-path", children: a.learningPath.map((v, P) => /* @__PURE__ */ e("li", { children: v }, P)) })
+          ] }),
+          a.scene && /* @__PURE__ */ i("div", { className: "case-section", children: [
+            /* @__PURE__ */ e("div", { className: "case-section-title", children: "📍 起点场景" }),
+            /* @__PURE__ */ e("div", { className: "case-scene", children: a.scene })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "case-section", children: [
+            /* @__PURE__ */ e("div", { className: "case-section-title", children: "🔗 设计稿关联" }),
+            a.hotspotSelector ? /* @__PURE__ */ e(H, { color: "cyan", icon: /* @__PURE__ */ e($e, {}), children: a.hotspotSelector }) : /* @__PURE__ */ e("span", { style: { color: "#999" }, children: "未关联" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "case-card-actions", onClick: (v) => v.stopPropagation(), children: [
+            /* @__PURE__ */ e(
+              O,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ e(Te, {}),
+                onClick: () => h == null ? void 0 : h({ ...a, _action: "duplicate" }),
+                children: "复制"
+              }
+            ),
+            /* @__PURE__ */ e(
+              O,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ e(we, {}),
+                onClick: () => h == null ? void 0 : h(a),
+                children: "编辑"
+              }
+            ),
+            /* @__PURE__ */ e(ye, { title: "确认删除此 case?", onConfirm: () => b == null ? void 0 : b(a), children: /* @__PURE__ */ e(O, { size: "small", danger: !0, icon: /* @__PURE__ */ e(ge, {}), children: "删除" }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function Ne(a, c) {
+  if (!a) return c;
+  try {
+    return JSON.parse(a);
+  } catch {
+    return c;
+  }
+}
+function Ge({
+  open: a,
+  initialCase: c,
+  bizOptions: n = [],
+  designNodes: h = [],
+  onCancel: b,
+  onSubmit: d
+}) {
+  const [l] = D.useForm();
+  F(() => {
+    var r;
+    a && (c ? l.setFieldsValue({
+      ...c,
+      learningPathText: (r = c.learningPath) == null ? void 0 : r.join(`
+`)
+    }) : l.resetFields());
+  }, [a, c, l]);
+  const _ = async () => {
+    var r;
+    try {
+      const f = await l.validateFields(), N = {
+        ...f,
+        learningPath: ((r = f.learningPathText) == null ? void 0 : r.split(`
+`).filter((v) => v.trim())) || []
+      };
+      delete N.learningPathText, d(N);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ e(
+    X,
+    {
+      open: a,
+      title: c ? `编辑 case: ${c.caseId}` : "新增 case",
+      onCancel: b,
+      onOk: _,
+      okText: "保存 (commit)",
+      destroyOnHidden: !0,
+      children: /* @__PURE__ */ i(D, { form: l, layout: "vertical", children: [
+        /* @__PURE__ */ i(pe, { gutter: 16, children: [
+          /* @__PURE__ */ e(Z, { span: 12, children: /* @__PURE__ */ e(
+            D.Item,
+            {
+              name: "caseId",
+              label: "Case 编码",
+              rules: [{ required: !0, pattern: /^case\.\d+$/, message: "格式: case.NNN" }],
+              children: /* @__PURE__ */ e(ee, { placeholder: "case.001", disabled: !!c && !c._action })
+            }
+          ) }),
+          /* @__PURE__ */ e(Z, { span: 12, children: /* @__PURE__ */ e(D.Item, { name: "title", label: "标题", rules: [{ required: !0 }], children: /* @__PURE__ */ e(ee, { placeholder: "新增组织 A" }) }) })
+        ] }),
+        /* @__PURE__ */ e(
+          D.Item,
+          {
+            name: "bizCode",
+            label: "因果链路 (引用 z_biz_understanding.bizCode)",
+            extra: "选择这条 case 引用的跨页面因果链路",
+            children: /* @__PURE__ */ e(
+              q,
+              {
+                placeholder: "选择因果链路 (可选)",
+                allowClear: !0,
+                showSearch: !0,
+                optionFilterProp: "label",
+                options: n
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(D.Item, { name: "scene", label: "起点场景", children: /* @__PURE__ */ e(ee.TextArea, { rows: 2, placeholder: "管理员进入 4A 中心 → 组织管理 → ..." }) }),
+        /* @__PURE__ */ e(D.Item, { name: "learningPathText", label: "学习路径 (每行一步)", children: /* @__PURE__ */ e(
+          ee.TextArea,
+          {
+            rows: 5,
+            placeholder: `1. 进入组织管理页
+2. 选择目标域
+3. 点击 [+ 新增组织]
+4. 提交表单
+5. 观察 5 个页面联动`
+          }
+        ) }),
+        /* @__PURE__ */ i(pe, { gutter: 16, children: [
+          /* @__PURE__ */ e(Z, { span: 8, children: /* @__PURE__ */ e(D.Item, { name: "priority", label: "优先级", initialValue: "P1", children: /* @__PURE__ */ e(q, { options: [
+            { value: "P0", label: "P0 紧急" },
+            { value: "P1", label: "P1 重要" },
+            { value: "P2", label: "P2 一般" }
+          ] }) }) }),
+          /* @__PURE__ */ e(Z, { span: 8, children: /* @__PURE__ */ e(D.Item, { name: "status", label: "状态", initialValue: "OPEN", children: /* @__PURE__ */ e(q, { options: [
+            { value: "OPEN", label: "OPEN" },
+            { value: "IN_PROGRESS", label: "IN_PROGRESS" },
+            { value: "DONE", label: "DONE" },
+            { value: "ARCHIVED", label: "ARCHIVED" }
+          ] }) }) }),
+          /* @__PURE__ */ e(Z, { span: 8, children: /* @__PURE__ */ e(D.Item, { name: "hotspotSelector", label: "关联设计稿元素", children: /* @__PURE__ */ e(
+            q,
+            {
+              allowClear: !0,
+              placeholder: "选择 design node",
+              showSearch: !0,
+              optionFilterProp: "label",
+              options: h.map((r) => ({
+                value: r.id,
+                label: `${r.type} #${r.id}`
+              }))
+            }
+          ) }) })
+        ] })
+      ] })
+    }
+  );
+}
+const k = _e.create({ baseURL: "/api", timeout: 15e3 });
+k.interceptors.response.use(
+  (a) => a.data,
+  (a) => (console.error("[ManuscriptView]", a), Promise.reject(a))
+);
+function Ve({ productCode: a, pageCode: c }) {
+  const [n, h] = p(null), [b, d] = p(null), [l, _] = p([]), [r, f] = p([]), [N, v] = p([]), [P, $] = p("main"), [K, w] = p(null), [G, A] = p(null), [R, E] = p(!1), [S, T] = p(null), [x, V] = p(!1), [te, B] = p(!1), [U, Y] = p(""), [u, o] = p(!1), s = re(async () => {
+    o(!0);
+    try {
+      const [m, g, z, I, ue] = await Promise.all([
+        k.get("/product/manuscript/product", { params: { productCode: a, pageCode: c } }),
+        k.get("/product/manuscript/design", { params: { productCode: a, pageCode: c } }),
+        k.get("/product/biz-understanding/list", { params: { productCode: a } }),
+        k.get("/product/manuscript/history", {
+          params: {
+            productCode: a,
+            pageCode: c,
+            branch: P,
+            limit: 20
+          }
+        }),
+        k.get("/product/manuscript/branches", { params: { productCode: a, pageCode: c } })
+      ]);
+      h(m == null ? void 0 : m.data), d(g == null ? void 0 : g.data), _((z == null ? void 0 : z.data) || []), f((I == null ? void 0 : I.data) || []), v((ue == null ? void 0 : ue.data) || []);
+    } catch (m) {
+      console.error("loadAll 失败:", m);
+    } finally {
+      o(!1);
+    }
+  }, [a, c, P]);
+  F(() => {
+    s();
+  }, [s]);
+  const y = ne(() => {
+    if (!(n != null && n.cases)) return [];
+    try {
+      return JSON.parse(n.cases);
+    } catch {
+      return [];
+    }
+  }, [n]), J = ne(() => {
+    if (!(b != null && b.renderTree)) return [];
+    try {
+      return JSON.parse(b.renderTree);
+    } catch {
+      return [];
+    }
+  }, [b]), L = ne(() => {
+    const m = [];
+    function g(z) {
+      for (const I of z || [])
+        I.id && m.push({ id: I.id, type: I.type }), I.children && g(I.children);
+    }
+    return g(J), m;
+  }, [J]), Q = ne(() => {
+    const m = {};
+    for (const g of l) m[g.bizCode] = g;
+    return m;
+  }, [l]), ae = ne(
+    () => l.map((m) => ({ value: m.bizCode, label: `${m.bizCode} — ${m.title}` })),
+    [l]
+  ), de = (m) => {
+    w(m.caseId), A(m.hotspotSelector || null), setTimeout(() => {
+      w(null), A(null);
+    }, 3e3);
+  }, ce = (m) => {
+    if (!m.id) return;
+    A(m.id);
+    const g = y.find((z) => z.hotspotSelector === m.id);
+    g && w(g.caseId), setTimeout(() => {
+      w(null), A(null);
+    }, 3e3);
+  }, me = (m) => {
+    const g = y.find((z) => z.bizCode);
+    g && (w(g.caseId), setTimeout(() => w(null), 3e3));
+  }, M = async (m) => {
+    const g = (S == null ? void 0 : S._action) === "duplicate" || !S, z = (S == null ? void 0 : S._action) === "duplicate";
+    try {
+      if (g || z) {
+        const I = z ? { ...m, caseId: he(), title: m.title + " (副本)" } : m;
+        await k.post("/product/manuscript/case", {
+          productCode: a,
+          pageCode: c,
+          author: "admin",
+          caseData: I
+        });
+      } else
+        await k.put("/product/manuscript/case", {
+          productCode: a,
+          pageCode: c,
+          author: "admin",
+          originalCaseId: S.caseId,
+          caseData: m
+        });
+      E(!1), T(null), await s();
+    } catch (I) {
+      X.error({ title: "保存失败", content: I == null ? void 0 : I.message });
+    }
+  }, ie = async (m) => {
+    try {
+      await k.delete("/product/manuscript/case", {
+        params: { productCode: a, pageCode: c, caseId: m.caseId, author: "admin" }
+      }), await s();
+    } catch (g) {
+      X.error({ title: "删除失败", content: g == null ? void 0 : g.message });
+    }
+  }, he = () => {
+    const m = y.map((z) => parseInt((z.caseId || "case.0").split(".")[1] || "0")).filter((z) => !isNaN(z)), g = m.length > 0 ? Math.max(...m) : 0;
+    return `case.${String(g + 1).padStart(3, "0")}`;
+  }, Ce = async (m) => {
+    $(m);
+  }, Pe = async () => {
+    var m;
+    if (U.trim())
+      try {
+        const g = (m = N.find((z) => z.branch === P)) == null ? void 0 : m.headSha;
+        await k.post("/product/manuscript/branch", {
+          productCode: a,
+          pageCode: c,
+          branch: U,
+          fromSha: g
+        }), B(!1), Y(""), await s(), $(U);
+      } catch (g) {
+        X.error({ title: "创建分支失败", content: g == null ? void 0 : g.message });
+      }
+  };
+  return u && !n && !b ? /* @__PURE__ */ i("div", { style: { textAlign: "center", padding: 40 }, children: [
+    /* @__PURE__ */ e(Ue, {}),
+    " 加载中..."
+  ] }) : /* @__PURE__ */ i("div", { className: "manuscript-view", children: [
+    /* @__PURE__ */ e("div", { className: "manuscript-toolbar", children: /* @__PURE__ */ i(oe, { children: [
+      /* @__PURE__ */ e(Ae, {}),
+      /* @__PURE__ */ e("span", { children: "分支:" }),
+      /* @__PURE__ */ e(
+        q,
+        {
+          value: P,
+          onChange: Ce,
+          style: { minWidth: 120 },
+          options: N.map((m) => ({ value: m.branch, label: m.branch }))
+        }
+      ),
+      /* @__PURE__ */ e(O, { size: "small", onClick: () => B(!0), children: "新分支" }),
+      /* @__PURE__ */ i(
+        O,
+        {
+          size: "small",
+          icon: /* @__PURE__ */ e(Ee, {}),
+          onClick: () => V(!0),
+          children: [
+            "历史 (",
+            r.length,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(O, { size: "small", icon: /* @__PURE__ */ e(xe, {}), onClick: s, children: "刷新" })
+    ] }) }),
+    /* @__PURE__ */ i("div", { className: "manuscript-layout", children: [
+      /* @__PURE__ */ i("div", { className: "manuscript-left", children: [
+        /* @__PURE__ */ i("div", { className: "case-list-header", children: [
+          /* @__PURE__ */ i("h3", { children: [
+            "📋 产品稿件 / ",
+            y.length,
+            " 条 case",
+            (n == null ? void 0 : n.title) && /* @__PURE__ */ e("small", { style: { marginLeft: 8, color: "#888" }, children: n.title })
+          ] }),
+          /* @__PURE__ */ e(
+            O,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ e(j, {}),
+              onClick: () => {
+                T(null), E(!0);
+              },
+              children: "新增 case"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "case-list", children: y.length === 0 ? /* @__PURE__ */ e(le, { description: "暂无 case, 点击 [新增 case] 开始" }) : y.map((m) => /* @__PURE__ */ e(
+          je,
+          {
+            caseData: m,
+            isHighlighted: K === m.caseId,
+            chainData: m.bizCode ? Q[m.bizCode] : null,
+            onEdit: (g) => {
+              T(g), E(!0);
+            },
+            onDelete: ie,
+            onClick: de,
+            onEffectClick: me
+          },
+          m.caseId
+        )) })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "manuscript-right", children: [
+        /* @__PURE__ */ i("div", { className: "design-header", children: [
+          /* @__PURE__ */ i("h3", { children: [
+            "🎨 设计稿件",
+            (b == null ? void 0 : b.title) && /* @__PURE__ */ e("small", { style: { marginLeft: 8, color: "#888" }, children: b.title })
+          ] }),
+          /* @__PURE__ */ i("span", { style: { color: "#888", fontSize: 12 }, children: [
+            L.length,
+            " 个节点"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "design-canvas", children: /* @__PURE__ */ e(
+          qe,
+          {
+            tree: J,
+            highlightId: G,
+            onElementClick: ce
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Ge,
+      {
+        open: R,
+        initialCase: S,
+        bizOptions: ae,
+        designNodes: L,
+        onCancel: () => {
+          E(!1), T(null);
+        },
+        onSubmit: M
+      }
+    ),
+    /* @__PURE__ */ e(
+      X,
+      {
+        open: x,
+        title: `commit 历史 (${P} 分支)`,
+        onCancel: () => V(!1),
+        footer: null,
+        children: /* @__PURE__ */ e("div", { className: "commit-history", children: r.length === 0 ? /* @__PURE__ */ e(le, { description: "暂无 commit 记录" }) : r.map((m) => /* @__PURE__ */ i("div", { className: "commit-row", children: [
+          /* @__PURE__ */ e("div", { className: "commit-sha", children: /* @__PURE__ */ e(H, { color: "purple", children: m.sha.substring(0, 8) }) }),
+          /* @__PURE__ */ i("div", { className: "commit-msg", children: [
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e(H, { color: m.operation === "CREATE" ? "green" : m.operation === "UPDATE" ? "blue" : m.operation === "DELETE" ? "red" : m.operation === "BIND" ? "cyan" : "default", children: m.operation }),
+              /* @__PURE__ */ e(H, { children: m.targetType }),
+              /* @__PURE__ */ e("code", { children: m.targetId })
+            ] }),
+            /* @__PURE__ */ e("div", { style: { color: "#888", fontSize: 12, marginTop: 4 }, children: m.commitMessage })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "commit-meta", style: { color: "#888", fontSize: 11 }, children: [
+            /* @__PURE__ */ e("div", { children: m.author }),
+            /* @__PURE__ */ e("div", { children: m.createdAt })
+          ] })
+        ] }, m.sha)) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      X,
+      {
+        open: te,
+        title: "新建分支",
+        onCancel: () => B(!1),
+        onOk: Pe,
+        okText: "创建",
+        children: /* @__PURE__ */ i("div", { style: { padding: "12px 0" }, children: [
+          /* @__PURE__ */ e("span", { style: { marginRight: 8 }, children: "分支名:" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              value: U,
+              onChange: (m) => Y(m.target.value),
+              placeholder: "feature-xxx",
+              style: { padding: "4px 8px", border: "1px solid #d9d9d9", borderRadius: 4, width: 200 }
+            }
+          ),
+          /* @__PURE__ */ i("div", { style: { marginTop: 8, color: "#888", fontSize: 12 }, children: [
+            "从当前分支 (",
+            /* @__PURE__ */ e("code", { children: P }),
+            ") 的 HEAD fork"
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+const Je = "_container_1c2b1_6", We = "_sidebar_1c2b1_15", Xe = "_sidebarHeader_1c2b1_25", Ke = "_productList_1c2b1_37", Ye = "_productItem_1c2b1_43", Qe = "_productItemActive_1c2b1_57", Ze = "_productItemName_1c2b1_62", et = "_productItemCode_1c2b1_68", tt = "_productItemStatus_1c2b1_73", at = "_emptyHint_1c2b1_84", it = "_main_1c2b1_92", nt = "_productHeader_1c2b1_100", st = "_productTitle_1c2b1_109", ct = "_productCode_1c2b1_115", rt = "_tabBar_1c2b1_122", lt = "_tab_1c2b1_122", ot = "_tabActive_1c2b1_142", dt = "_tabContent_1c2b1_148", mt = "_formGroup_1c2b1_155", ht = "_formLabel_1c2b1_163", ut = "_formInput_1c2b1_171", pt = "_formTextarea_1c2b1_172", bt = "_designGrid_1c2b1_189", gt = "_designCard_1c2b1_195", _t = "_designImage_1c2b1_202", ft = "_designInfo_1c2b1_209", Nt = "_designName_1c2b1_213", vt = "_designDesc_1c2b1_220", yt = "_designActions_1c2b1_225", zt = "_designLink_1c2b1_233", Ct = "_table_1c2b1_244", Pt = "_empty_1c2b1_84", It = "_btn_1c2b1_284", St = "_btnPrimary_1c2b1_300", $t = "_btnDanger_1c2b1_311", Tt = "_toolbar_1c2b1_321", wt = "_priority_1c2b1_329", At = "_priorityP0_1c2b1_337", Et = "_priorityP1_1c2b1_342", xt = "_priorityP2_1c2b1_347", Dt = "_priorityP3_1c2b1_352", kt = "_status_1c2b1_357", Rt = "_statusActive_1c2b1_367", Lt = "_statusDone_1c2b1_372", Ht = "_featureNo_1c2b1_377", Ot = "_spinner_1c2b1_386", Bt = "_modal_1c2b1_394", Ut = "_modalBody_1c2b1_404", Mt = "_modalTitle_1c2b1_413", qt = "_modalActions_1c2b1_420", Ft = "_bizLayout_1c2b1_430", jt = "_bizList_1c2b1_437", Gt = "_bizFilter_1c2b1_448", Vt = "_bizFilterHint_1c2b1_454", Jt = "_bizListHeader_1c2b1_459", Wt = "_bizItem_1c2b1_467", Xt = "_bizItemActive_1c2b1_481", Kt = "_bizItemHeader_1c2b1_487", Yt = "_bizItemTitle_1c2b1_494", Qt = "_bizItemStatus_1c2b1_504", Zt = "_bizItemSummary_1c2b1_512", ea = "_bizItemMeta_1c2b1_522", ta = "_bizItemDot_1c2b1_527", aa = "_bizDetail_1c2b1_531", ia = "_bizDetailHeader_1c2b1_537", na = "_bizDetailTitle_1c2b1_543", sa = "_bizDetailCode_1c2b1_550", ca = "_bizSection_1c2b1_556", ra = "_bizSectionTitle_1c2b1_560", la = "_bizTriggerCard_1c2b1_570", oa = "_bizEffects_1c2b1_580", da = "_bizEffectCard_1c2b1_586", ma = "_bizEffectPage_1c2b1_595", ha = "_bizEffectArrow_1c2b1_602", ua = "_bizEffectPageCode_1c2b1_608", pa = "_bizEffectDelay_1c2b1_618", ba = "_bizEffectType_1c2b1_626", ga = "_bizEffectDesc_1c2b1_633", _a = "_bizStory_1c2b1_638", fa = "_chatLayout_1c2b1_657", Na = "_chatHeader_1c2b1_666", va = "_chatSessionSelect_1c2b1_673", ya = "_chatHint_1c2b1_683", za = "_chatBody_1c2b1_689", Ca = "_chatEmpty_1c2b1_699", Pa = "_msgRow_1c2b1_707", Ia = "_msgRowUser_1c2b1_714", Sa = "_bubble_1c2b1_718", $a = "_bubbleUser_1c2b1_728", Ta = "_bubbleAssistant_1c2b1_734", wa = "_streamingCursor_1c2b1_741", Aa = "_proposalCard_1c2b1_752", Ea = "_proposalHead_1c2b1_764", xa = "_proposalBadge_1c2b1_771", Da = "_proposalType_1c2b1_779", ka = "_proposalActions_1c2b1_785", Ra = "_proposalAccepted_1c2b1_791", La = "_proposalRejected_1c2b1_797", Ha = "_proposalPreview_1c2b1_803", Oa = "_chatError_1c2b1_813", Ba = "_chatInputRow_1c2b1_822", Ua = "_chatTextarea_1c2b1_828", t = {
+  container: Je,
+  sidebar: We,
+  sidebarHeader: Xe,
+  productList: Ke,
+  productItem: Ye,
+  productItemActive: Qe,
+  productItemName: Ze,
+  productItemCode: et,
+  productItemStatus: tt,
+  emptyHint: at,
+  main: it,
+  productHeader: nt,
+  productTitle: st,
+  productCode: ct,
+  tabBar: rt,
+  tab: lt,
+  tabActive: ot,
+  tabContent: dt,
+  formGroup: mt,
+  formLabel: ht,
+  formInput: ut,
+  formTextarea: pt,
+  designGrid: bt,
+  designCard: gt,
+  designImage: _t,
+  designInfo: ft,
+  designName: Nt,
+  designDesc: vt,
+  designActions: yt,
+  designLink: zt,
+  table: Ct,
+  empty: Pt,
+  btn: It,
+  btnPrimary: St,
+  btnDanger: $t,
+  toolbar: Tt,
+  priority: wt,
+  priorityP0: At,
+  priorityP1: Et,
+  priorityP2: xt,
+  priorityP3: Dt,
+  status: kt,
+  statusActive: Rt,
+  statusDone: Lt,
+  featureNo: Ht,
+  spinner: Ot,
+  modal: Bt,
+  modalBody: Ut,
+  modalTitle: Mt,
+  modalActions: qt,
+  bizLayout: Ft,
+  bizList: jt,
+  bizFilter: Gt,
+  bizFilterHint: Vt,
+  bizListHeader: Jt,
+  bizItem: Wt,
+  bizItemActive: Xt,
+  bizItemHeader: Kt,
+  bizItemTitle: Yt,
+  bizItemStatus: Qt,
+  bizItemSummary: Zt,
+  bizItemMeta: ea,
+  bizItemDot: ta,
+  bizDetail: aa,
+  bizDetailHeader: ia,
+  bizDetailTitle: na,
+  bizDetailCode: sa,
+  bizSection: ca,
+  bizSectionTitle: ra,
+  bizTriggerCard: la,
+  bizEffects: oa,
+  bizEffectCard: da,
+  bizEffectPage: ma,
+  bizEffectArrow: ha,
+  bizEffectPageCode: ua,
+  bizEffectDelay: pa,
+  bizEffectType: ba,
+  bizEffectDesc: ga,
+  bizStory: _a,
+  chatLayout: fa,
+  chatHeader: Na,
+  chatSessionSelect: va,
+  chatHint: ya,
+  chatBody: za,
+  chatEmpty: Ca,
+  msgRow: Pa,
+  msgRowUser: Ia,
+  bubble: Sa,
+  bubbleUser: $a,
+  bubbleAssistant: Ta,
+  streamingCursor: wa,
+  proposalCard: Aa,
+  proposalHead: Ea,
+  proposalBadge: xa,
+  proposalType: Da,
+  proposalActions: ka,
+  proposalAccepted: Ra,
+  proposalRejected: La,
+  proposalPreview: Ha,
+  chatError: Oa,
+  chatInputRow: Ba,
+  chatTextarea: Ua
+}, W = _e.create({ baseURL: "/api", timeout: 3e4 });
+W.interceptors.response.use(
+  (a) => a.data,
+  (a) => (console.error("[ProductChat] request failed", a), Promise.reject(a))
+);
+const Ma = {
+  name: "产品名称",
+  vision: "产品愿景",
+  target_users: "目标用户",
+  description: "业务描述",
+  requirement: "业务需求",
+  design: "设计稿",
+  biz_understanding: "业务理解稿件",
+  glossary: "统一语言术语",
+  concept: "领域概念",
+  scenario: "用户链路场景"
+};
+function ve(a) {
+  return a.replace(/<proposal[\s\S]*?<\/proposal>/g, "").trim();
+}
+function qa(a) {
+  try {
+    return JSON.parse(a);
+  } catch {
+    return {};
+  }
+}
+function Fa(a, c) {
+  switch (a) {
+    case "name":
+      return String(c.name || "");
+    case "vision":
+      return String(c.vision || "");
+    case "target_users":
+      return String(c.targetUsers || "");
+    case "description":
+      return String(c.description || "");
+    case "requirement":
+      return `[${c.priority || "P1"}] ${c.title || ""}`;
+    case "design":
+      return String(c.name || "");
+    case "biz_understanding":
+      return String(c.title || "");
+    default:
+      return JSON.stringify(c);
+  }
+}
+function ja({
+  productCode: a,
+  productName: c,
+  onArtifactChanged: n
+}) {
+  const [h, b] = p([]), [d, l] = p(null), [_, r] = p([]), [f, N] = p([]), [v, P] = p(""), [$, K] = p(!1), [w, G] = p(""), [A, R] = p(""), E = fe(null), S = fe(null), T = re(async () => {
+    try {
+      const u = await W.get(`/product/${a}/chat/sessions`), o = (u == null ? void 0 : u.data) || [];
+      b(o), l(
+        (s) => s && o.some((y) => y.id === s) ? s : o.length > 0 ? o[0].id : null
+      );
+    } catch (u) {
+      console.error(u);
+    }
+  }, [a]), x = re(async (u) => {
+    try {
+      const [o, s] = await Promise.all([
+        W.get(`/product/${a}/chat/sessions/${u}/messages`),
+        W.get(`/product/${a}/chat/proposals`, {
+          params: { sessionId: u }
+        })
+      ]);
+      r((o == null ? void 0 : o.data) || []), N((s == null ? void 0 : s.data) || []);
+    } catch (o) {
+      console.error(o);
+    }
+  }, [a]);
+  F(() => {
+    l(null), r([]), N([]), T();
+  }, [T]), F(() => {
+    d != null && x(d);
+  }, [d, x]), F(() => {
+    var u;
+    (u = S.current) == null || u.scrollIntoView({ behavior: "smooth" });
+  }, [_, w]);
+  const V = async () => {
+    try {
+      const u = await W.post(`/product/${a}/chat/sessions`, {
+        title: `${c} · 产品对话`
+      }), o = u == null ? void 0 : u.data;
+      await T(), o != null && o.id && l(o.id);
+    } catch (u) {
+      console.error(u);
+    }
+  }, te = async () => {
+    if (d != null && confirm("确认删除该会话（连同消息与提案记录）？"))
+      try {
+        await W.delete(`/product/${a}/chat/sessions/${d}`), l(null), r([]), N([]), await T();
+      } catch (u) {
+        console.error(u);
+      }
+  }, B = async () => {
+    const u = v.trim();
+    if (!u || $ || d == null) return;
+    P(""), R(""), K(!0), G(""), r((s) => [
+      ...s,
+      { id: -Date.now(), sessionId: d, role: "user", content: u }
+    ]);
+    const o = new AbortController();
+    E.current = o;
+    try {
+      const s = await fetch(
+        `/api/product/${a}/chat/sessions/${d}/chat/stream`,
+        {
+          method: "POST",
+          headers: { Accept: "text/event-stream", "Content-Type": "application/json" },
+          body: JSON.stringify({ message: u }),
+          signal: o.signal
+        }
+      );
+      if (!s.ok || !s.body) {
+        const ae = await s.text().catch(() => "");
+        R(ae || `HTTP ${s.status}`);
+        return;
+      }
+      const y = s.body.getReader(), J = new TextDecoder();
+      let L = "", Q = "";
+      for (; ; ) {
+        const { done: ae, value: de } = await y.read();
+        if (ae) break;
+        L += J.decode(de, { stream: !0 });
+        const ce = L.split(`
+`);
+        L = ce.pop() || "";
+        for (const me of ce) {
+          const M = me.trim();
+          if (!M) {
+            Q = "";
+            continue;
+          }
+          if (!M.startsWith(":")) {
+            if (M.startsWith("event:")) {
+              Q = M.slice(6).trim();
+              continue;
+            }
+            if (M.startsWith("data:")) {
+              const ie = M.slice(5).trim();
+              if (Q === "done") {
+                Q = "";
+                continue;
+              }
+              if (ie.startsWith("[error]")) {
+                R(ie.slice(7).trim());
+                return;
+              }
+              G((he) => he + ie);
+            }
+          }
+        }
+      }
+    } catch (s) {
+      (s == null ? void 0 : s.name) !== "AbortError" && R(String((s == null ? void 0 : s.message) || s));
+    } finally {
+      E.current = null, K(!1), G(""), d != null && await x(d);
+    }
+  }, U = async (u, o) => {
+    try {
+      const s = await W.post(
+        `/product/${a}/chat/proposals/${u}/${o}`,
+        {}
+      ), y = s == null ? void 0 : s.data;
+      y != null && y.id && N((J) => J.map((L) => L.id === y.id ? y : L)), o === "accept" && n();
+    } catch (s) {
+      console.error(s), R("裁定失败，请重试");
+    }
+  }, Y = (u) => f.filter((o) => o.messageId === u);
+  return /* @__PURE__ */ i("div", { className: t.chatLayout, children: [
+    /* @__PURE__ */ i("div", { className: t.chatHeader, children: [
+      /* @__PURE__ */ i(
+        "select",
+        {
+          className: t.chatSessionSelect,
+          value: d ?? "",
+          onChange: (u) => l(u.target.value ? Number(u.target.value) : null),
+          children: [
+            h.length === 0 && /* @__PURE__ */ e("option", { value: "", children: "（暂无会话）" }),
+            h.map((u) => /* @__PURE__ */ e("option", { value: u.id, children: u.title }, u.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: V, children: "新会话" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: t.btn,
+          onClick: te,
+          disabled: d == null,
+          children: "删除会话"
+        }
+      ),
+      /* @__PURE__ */ e("span", { className: t.chatHint, children: "AI 已自动装载产品蓝图与现状；聊出的结论会以提案卡交你裁定后落库" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: t.chatBody, children: d == null ? /* @__PURE__ */ i("div", { className: t.chatEmpty, children: [
+      /* @__PURE__ */ e("p", { children: "新建产品后就可以开聊了。" }),
+      /* @__PURE__ */ e("p", { children: "把产品想成什么聊什么：愿景、用户、需求、设计，聊清楚的会沉淀下来。" }),
+      /* @__PURE__ */ e("button", { className: `${t.btn} ${t.btnPrimary}`, onClick: V, children: "开聊" })
+    ] }) : /* @__PURE__ */ i(be, { children: [
+      _.map(
+        (u) => u.role === "user" ? /* @__PURE__ */ e("div", { className: `${t.msgRow} ${t.msgRowUser}`, children: /* @__PURE__ */ e("div", { className: `${t.bubble} ${t.bubbleUser}`, children: u.content }) }, u.id) : /* @__PURE__ */ i("div", { className: t.msgRow, children: [
+          /* @__PURE__ */ e("div", { className: `${t.bubble} ${t.bubbleAssistant}`, children: ve(u.content) || "（本条为提案输出）" }),
+          Y(u.id).map((o) => /* @__PURE__ */ e(
+            Ga,
+            {
+              proposal: o,
+              onDecide: U
+            },
+            o.id
+          ))
+        ] }, u.id)
+      ),
+      $ && /* @__PURE__ */ e("div", { className: t.msgRow, children: /* @__PURE__ */ i("div", { className: `${t.bubble} ${t.bubbleAssistant}`, children: [
+        ve(w) || "…",
+        /* @__PURE__ */ e("span", { className: t.streamingCursor, children: "▍" })
+      ] }) }),
+      /* @__PURE__ */ e("div", { ref: S })
+    ] }) }),
+    A && /* @__PURE__ */ e("div", { className: t.chatError, children: A }),
+    /* @__PURE__ */ i("div", { className: t.chatInputRow, children: [
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          className: t.chatTextarea,
+          placeholder: d == null ? "先点「开聊」创建会话…" : "和 AI 聊这个产品…（Enter 发送，Shift+Enter 换行）",
+          value: v,
+          disabled: d == null || $,
+          onChange: (u) => P(u.target.value),
+          onKeyDown: (u) => {
+            u.key === "Enter" && !u.shiftKey && (u.preventDefault(), B());
+          }
+        }
+      ),
+      $ ? /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.btn} ${t.btnDanger}`,
+          onClick: () => {
+            var u;
+            return (u = E.current) == null ? void 0 : u.abort();
+          },
+          children: "停止"
+        }
+      ) : /* @__PURE__ */ e(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: B,
+          disabled: !v.trim() || d == null,
+          children: "发送"
+        }
+      )
+    ] })
+  ] });
+}
+function Ga({
+  proposal: a,
+  onDecide: c
+}) {
+  const n = qa(a.payload), h = Ma[a.proposalType] || a.proposalType, b = a.action === "CREATE";
+  return /* @__PURE__ */ i("div", { className: t.proposalCard, children: [
+    /* @__PURE__ */ i("div", { className: t.proposalHead, children: [
+      /* @__PURE__ */ e("span", { className: t.proposalBadge, children: b ? "新增" : "更新" }),
+      /* @__PURE__ */ e("span", { className: t.proposalType, children: h }),
+      a.status === "PENDING" && /* @__PURE__ */ i("span", { className: t.proposalActions, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: `${t.btn} ${t.btnPrimary}`,
+            onClick: () => c(a.id, "accept"),
+            children: "采纳"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: t.btn,
+            onClick: () => c(a.id, "reject"),
+            children: "驳回"
+          }
+        )
+      ] }),
+      a.status === "ACCEPTED" && /* @__PURE__ */ i("span", { className: t.proposalAccepted, children: [
+        "已落库 ",
+        a.appliedRef || ""
+      ] }),
+      a.status === "REJECTED" && /* @__PURE__ */ e("span", { className: t.proposalRejected, children: "已驳回" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: t.proposalPreview, children: Fa(a.proposalType, n) || "（空提案）" })
+  ] });
+}
+const C = _e.create({ baseURL: "/api", timeout: 15e3 });
+C.interceptors.response.use(
+  (a) => a.data,
+  (a) => (console.error("[ProductWorkbench] request failed", a), Promise.reject(a))
+);
+function si() {
+  const [a, c] = p([]), [n, h] = p(null), [b, d] = p(!1), [l, _] = p("chat"), [r, f] = p([]), [N, v] = p([]), [P, $] = p([]), [K, w] = p([]), [G, A] = p(!1), [R, E] = p(!1), [S, T] = p(!1), x = re(async () => {
+    d(!0);
+    try {
+      const o = await C.get("/product/list"), s = (o == null ? void 0 : o.data) || [];
+      c(s), s.length > 0 && !n && h(s[0]);
+    } catch (o) {
+      console.error(o);
+    } finally {
+      d(!1);
+    }
+  }, [n]);
+  F(() => {
+    x();
+  }, [x]), F(() => {
+    if (!n) return;
+    const o = n.productCode;
+    l === "design" ? C.get(`/product/${o}/design/list`).then((s) => f((s == null ? void 0 : s.data) || [])).catch(() => f([])) : l === "requirement" ? C.get(`/product/${o}/requirement/list`).then((s) => v((s == null ? void 0 : s.data) || [])).catch(() => v([])) : l === "feature" ? C.get(`/product/${o}/feature/list`).then((s) => $((s == null ? void 0 : s.data) || [])).catch(() => $([])) : l === "biz-understanding" && C.get("/product/biz-understanding/list", { params: { productCode: o } }).then((s) => w((s == null ? void 0 : s.data) || [])).catch(() => w([]));
+  }, [n, l]);
+  const V = async (o) => {
+    try {
+      const s = await C.post("/product", o), y = s == null ? void 0 : s.data;
+      await x(), h(y), A(!1);
+    } catch (s) {
+      console.error(s);
+    }
+  }, te = async (o) => {
+    if (n)
+      try {
+        await C.put(`/product/${n.productCode}`, o), await x();
+      } catch (s) {
+        console.error(s);
+      }
+  }, B = async (o) => {
+    if (n)
+      try {
+        await C.post(`/product/${n.productCode}/design`, o), E(!1);
+        const s = await C.get(`/product/${n.productCode}/design/list`);
+        f((s == null ? void 0 : s.data) || []);
+      } catch (s) {
+        console.error(s);
+      }
+  }, U = async (o) => {
+    if (n)
+      try {
+        await C.post(`/product/${n.productCode}/requirement`, o), T(!1);
+        const s = await C.get(`/product/${n.productCode}/requirement/list`);
+        v((s == null ? void 0 : s.data) || []);
+      } catch (s) {
+        console.error(s);
+      }
+  }, Y = async (o) => {
+    if (n && confirm("确认删除该需求？"))
+      try {
+        await C.delete(`/product/${n.productCode}/requirement/${o}`);
+        const s = await C.get(`/product/${n.productCode}/requirement/list`);
+        v((s == null ? void 0 : s.data) || []);
+      } catch (s) {
+        console.error(s);
+      }
+  }, u = async () => {
+    if (n)
+      try {
+        await C.post(`/product/${n.productCode}/feature/decompose`);
+        const o = await C.get(`/product/${n.productCode}/feature/list`);
+        $((o == null ? void 0 : o.data) || []), alert("功能拆分完成");
+      } catch (o) {
+        console.error(o);
+      }
+  };
+  return b ? /* @__PURE__ */ e("div", { className: t.spinner, children: "加载中..." }) : /* @__PURE__ */ i("div", { className: t.container, children: [
+    /* @__PURE__ */ i("aside", { className: t.sidebar, children: [
+      /* @__PURE__ */ e("div", { className: t.sidebarHeader, children: /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => A(!0),
+          title: "新建产品",
+          children: [
+            /* @__PURE__ */ e(j, {}),
+            " 新建"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: t.productList, children: a.length === 0 ? /* @__PURE__ */ e("div", { className: t.emptyHint, children: '暂无产品，点击"新建"开始' }) : a.map((o) => /* @__PURE__ */ i(
+        "div",
+        {
+          className: `${t.productItem} ${(n == null ? void 0 : n.productCode) === o.productCode ? t.productItemActive : ""}`,
+          onClick: () => h(o),
+          children: [
+            /* @__PURE__ */ e("div", { className: t.productItemName, children: o.name }),
+            /* @__PURE__ */ e("div", { className: t.productItemCode, children: o.productCode }),
+            /* @__PURE__ */ e("span", { className: t.productItemStatus, children: o.status })
+          ]
+        },
+        o.productCode
+      )) })
+    ] }),
+    /* @__PURE__ */ e("main", { className: t.main, children: n ? /* @__PURE__ */ i(be, { children: [
+      /* @__PURE__ */ i("div", { className: t.productHeader, children: [
+        /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ e("span", { className: t.productTitle, children: n.name }),
+          /* @__PURE__ */ e("span", { className: t.productCode, children: n.productCode })
+        ] }),
+        /* @__PURE__ */ e("span", { className: t.status, children: n.status })
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.tabBar, children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "chat" ? t.tabActive : ""}`,
+            onClick: () => _("chat"),
+            title: "产品在对话中生长：聊出的结论经你裁定后落为正式产物",
+            children: "对话"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "description" ? t.tabActive : ""}`,
+            onClick: () => _("description"),
+            children: "产品描述"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "design" ? t.tabActive : ""}`,
+            onClick: () => _("design"),
+            children: "设计稿"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "requirement" ? t.tabActive : ""}`,
+            onClick: () => _("requirement"),
+            children: "业务需求"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "feature" ? t.tabActive : ""}`,
+            onClick: () => _("feature"),
+            children: "功能拆分"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: `${t.tab} ${l === "biz-understanding" ? t.tabActive : ""}`,
+            onClick: () => _("biz-understanding"),
+            title: "跨页面因果链稿件库 — 一份稿件 = 一个跨页面动作的连锁变化",
+            children: [
+              "业务理解 ",
+              /* @__PURE__ */ e(se, { style: { marginLeft: 4, fontSize: 12 } })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "manuscript" ? t.tabActive : ""}`,
+            onClick: () => _("manuscript"),
+            title: "产品稿件 (case) × 设计稿件 (UI) 双向高亮",
+            children: "稿件编辑器"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.tabContent, children: [
+        l === "chat" && /* @__PURE__ */ e(
+          ja,
+          {
+            productCode: n.productCode,
+            productName: n.name,
+            onArtifactChanged: () => {
+              x();
+            }
+          }
+        ),
+        l === "description" && /* @__PURE__ */ e(Va, { product: n, onSave: te }),
+        l === "design" && /* @__PURE__ */ e(
+          Ja,
+          {
+            designs: r,
+            onAdd: () => E(!0),
+            onDelete: async (o) => {
+              if (!confirm("确认删除该设计稿？")) return;
+              await C.delete(
+                `/product/${n.productCode}/design/${o}`
+              );
+              const s = await C.get(
+                `/product/${n.productCode}/design/list`
+              );
+              f((s == null ? void 0 : s.data) || []);
+            }
+          }
+        ),
+        l === "requirement" && /* @__PURE__ */ e(
+          Wa,
+          {
+            requirements: N,
+            onAdd: () => T(!0),
+            onDelete: Y
+          }
+        ),
+        l === "feature" && /* @__PURE__ */ e(Xa, { features: P, onDecompose: u }),
+        l === "biz-understanding" && /* @__PURE__ */ e(Za, { items: K }),
+        l === "manuscript" && n && /* @__PURE__ */ e(
+          Ve,
+          {
+            productCode: n.productCode,
+            pageCode: "ctc.4a.org"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ e("div", { className: t.spinner, children: /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e("p", { children: "暂无产品" }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => A(!0),
+          children: [
+            /* @__PURE__ */ e(j, {}),
+            " 创建第一个产品"
+          ]
+        }
+      )
+    ] }) }) }),
+    G && /* @__PURE__ */ e(
+      Ka,
+      {
+        onCancel: () => A(!1),
+        onSubmit: V
+      }
+    ),
+    R && /* @__PURE__ */ e(
+      Ya,
+      {
+        onCancel: () => E(!1),
+        onSubmit: B
+      }
+    ),
+    S && /* @__PURE__ */ e(
+      Qa,
+      {
+        onCancel: () => T(!1),
+        onSubmit: U
+      }
+    )
+  ] });
+}
+function Va({
+  product: a,
+  onSave: c
+}) {
+  const [n, h] = p(a.name), [b, d] = p(a.vision || ""), [l, _] = p(a.targetUsers || ""), [r, f] = p(a.description || "");
+  return F(() => {
+    h(a.name), d(a.vision || ""), _(a.targetUsers || ""), f(a.description || "");
+  }, [a]), /* @__PURE__ */ i("div", { className: t.formGroup, children: [
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品名称" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: n,
+        onChange: (N) => h(N.target.value)
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品愿景" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: b,
+        onChange: (N) => d(N.target.value),
+        placeholder: "描述这个产品要解决什么问题..."
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "目标用户" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: l,
+        onChange: (N) => _(N.target.value),
+        placeholder: "谁会用这个产品..."
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "业务描述 (Markdown)" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        style: { minHeight: 200 },
+        value: r,
+        onChange: (N) => f(N.target.value),
+        placeholder: `## 核心场景 
+## 用户故事 
+## 业务规则`
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: `${t.btn} ${t.btnPrimary}`,
+        onClick: () => c({ name: n, vision: b, targetUsers: l, description: r }),
+        children: "保存"
+      }
+    )
+  ] });
+}
+function Ja({
+  designs: a,
+  onAdd: c,
+  onDelete: n
+}) {
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("div", { className: t.toolbar, children: [
+      /* @__PURE__ */ i("h3", { style: { margin: 0, fontSize: 14 }, children: [
+        "设计稿 (",
+        a.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ i("button", { className: `${t.btn} ${t.btnPrimary}`, onClick: c, children: [
+        /* @__PURE__ */ e(j, {}),
+        " 添加设计稿"
+      ] })
+    ] }),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: '暂无设计稿，点击"添加设计稿"录入' }) : /* @__PURE__ */ e("div", { className: t.designGrid, children: a.map((h) => /* @__PURE__ */ i("div", { className: t.designCard, children: [
+      h.fileUrl && /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(h.fileUrl) ? /* @__PURE__ */ e("img", { className: t.designImage, src: h.fileUrl, alt: h.name }) : /* @__PURE__ */ i(
+        "a",
+        {
+          className: t.designLink,
+          href: h.fileUrl,
+          target: "_blank",
+          rel: "noreferrer",
+          children: [
+            /* @__PURE__ */ e(De, { style: { fontSize: 24, marginRight: 6 } }),
+            "外链预览"
+          ]
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: t.designInfo, children: [
+        /* @__PURE__ */ e("div", { className: t.designName, children: h.name || "(未命名)" }),
+        /* @__PURE__ */ e("div", { className: t.designDesc, children: h.description || h.fileUrl })
+      ] }),
+      /* @__PURE__ */ e("div", { className: t.designActions, children: /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnDanger}`,
+          onClick: () => n(h.id),
+          children: [
+            /* @__PURE__ */ e(ge, {}),
+            " 删除"
+          ]
+        }
+      ) })
+    ] }, h.id)) })
+  ] });
+}
+function Wa({
+  requirements: a,
+  onAdd: c,
+  onDelete: n
+}) {
+  const h = (d) => d === "P0" ? t.priorityP0 : d === "P1" ? t.priorityP1 : d === "P2" ? t.priorityP2 : t.priorityP3, b = (d) => d === "IN_PROGRESS" ? t.statusActive : d === "DONE" ? t.statusDone : "";
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("div", { className: t.toolbar, children: [
+      /* @__PURE__ */ i("h3", { style: { margin: 0, fontSize: 14 }, children: [
+        "业务需求 (",
+        a.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ i("button", { className: `${t.btn} ${t.btnPrimary}`, onClick: c, children: [
+        /* @__PURE__ */ e(j, {}),
+        " 新增需求"
+      ] })
+    ] }),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: "暂无需求，先录入需求后即可一键拆分" }) : /* @__PURE__ */ i("table", { className: t.table, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("th", { style: { width: 80 }, children: "优先级" }),
+        /* @__PURE__ */ e("th", { children: "标题" }),
+        /* @__PURE__ */ e("th", { children: "描述" }),
+        /* @__PURE__ */ e("th", { style: { width: 100 }, children: "状态" }),
+        /* @__PURE__ */ e("th", { style: { width: 100 }, children: "操作" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.map((d) => /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `${t.priority} ${h(d.priority)}`, children: d.priority }) }),
+        /* @__PURE__ */ e("td", { children: d.title }),
+        /* @__PURE__ */ e("td", { style: { color: "var(--text-tertiary, #999)" }, children: d.description }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `${t.status} ${b(d.status)}`, children: d.status }) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: `${t.btn} ${t.btnDanger}`,
+            onClick: () => n(d.id),
+            children: /* @__PURE__ */ e(ge, {})
+          }
+        ) })
+      ] }, d.id)) })
+    ] })
+  ] });
+}
+function Xa({
+  features: a,
+  onDecompose: c
+}) {
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i("div", { className: t.toolbar, children: [
+      /* @__PURE__ */ i("h3", { style: { margin: 0, fontSize: 14 }, children: [
+        "功能拆分 (",
+        a.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: c,
+          title: "根据业务需求自动生成 FEATURE-XXX",
+          children: [
+            /* @__PURE__ */ e(se, {}),
+            " 一键拆分"
+          ]
+        }
+      )
+    ] }),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: '暂无功能，先在"业务需求"录入需求，再点击"一键拆分"' }) : /* @__PURE__ */ i("table", { className: t.table, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("th", { style: { width: 120 }, children: "编号" }),
+        /* @__PURE__ */ e("th", { children: "名称" }),
+        /* @__PURE__ */ e("th", { children: "描述" }),
+        /* @__PURE__ */ e("th", { style: { width: 100 }, children: "状态" }),
+        /* @__PURE__ */ e("th", { style: { width: 220 }, children: "文档路径" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.map((n) => /* @__PURE__ */ i("tr", { children: [
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: t.featureNo, children: n.featureNo }) }),
+        /* @__PURE__ */ e("td", { children: n.name }),
+        /* @__PURE__ */ e("td", { style: { color: "var(--text-tertiary, #999)" }, children: n.description }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: t.status, children: n.status }) }),
+        /* @__PURE__ */ e("td", { style: { fontSize: 11, color: "var(--text-tertiary, #999)" }, children: n.docPath })
+      ] }, n.id)) })
+    ] })
+  ] });
+}
+function Ka({
+  onCancel: a,
+  onSubmit: c
+}) {
+  const [n, h] = p(""), [b, d] = p("");
+  return /* @__PURE__ */ e("div", { className: t.modal, children: /* @__PURE__ */ i("div", { className: t.modalBody, children: [
+    /* @__PURE__ */ e("div", { className: t.modalTitle, children: "新建产品" }),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品名称 *" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: n,
+        onChange: (l) => h(l.target.value),
+        placeholder: "例如：智能客服平台"
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品愿景" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: b,
+        onChange: (l) => d(l.target.value),
+        placeholder: "简要描述愿景..."
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: a, children: "取消" }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => n && c({ name: n, vision: b, status: "DRAFT" }),
+          disabled: !n,
+          children: [
+            /* @__PURE__ */ e(j, {}),
+            " 创建"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function Ya({
+  onCancel: a,
+  onSubmit: c
+}) {
+  const [n, h] = p(""), [b, d] = p(""), [l, _] = p("");
+  return /* @__PURE__ */ e("div", { className: t.modal, children: /* @__PURE__ */ i("div", { className: t.modalBody, children: [
+    /* @__PURE__ */ e("div", { className: t.modalTitle, children: "添加设计稿" }),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "名称" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: n,
+        onChange: (r) => h(r.target.value),
+        placeholder: "首页 / 登录页 / 后台..."
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "URL 或图片地址 *" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: b,
+        onChange: (r) => d(r.target.value),
+        placeholder: "https://... 或 Figma link"
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "说明" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: l,
+        onChange: (r) => _(r.target.value)
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: a, children: "取消" }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => b && c({ name: n, fileUrl: b, description: l, assetType: "IMAGE" }),
+          disabled: !b,
+          children: [
+            /* @__PURE__ */ e(j, {}),
+            " 添加"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function Qa({
+  onCancel: a,
+  onSubmit: c
+}) {
+  const [n, h] = p(""), [b, d] = p(""), [l, _] = p("P1");
+  return /* @__PURE__ */ e("div", { className: t.modal, children: /* @__PURE__ */ i("div", { className: t.modalBody, children: [
+    /* @__PURE__ */ e("div", { className: t.modalTitle, children: "新增业务需求" }),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "标题 *" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: n,
+        onChange: (r) => h(r.target.value),
+        placeholder: "例如：支持用户拖拽上传设计稿"
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "描述" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: b,
+        onChange: (r) => d(r.target.value)
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "优先级" }),
+    /* @__PURE__ */ i(
+      "select",
+      {
+        className: t.formInput,
+        value: l,
+        onChange: (r) => _(r.target.value),
+        children: [
+          /* @__PURE__ */ e("option", { value: "P0", children: "P0 - 紧急" }),
+          /* @__PURE__ */ e("option", { value: "P1", children: "P1 - 重要" }),
+          /* @__PURE__ */ e("option", { value: "P2", children: "P2 - 一般" }),
+          /* @__PURE__ */ e("option", { value: "P3", children: "P3 - 低" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: a, children: "取消" }),
+      /* @__PURE__ */ i(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => n && c({ title: n, description: b, priority: l }),
+          disabled: !n,
+          children: [
+            /* @__PURE__ */ e(j, {}),
+            " 添加"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function Za({ items: a }) {
+  const [c, n] = p(null), [h, b] = p(""), d = (r, f) => {
+    if (!r) return f;
+    try {
+      return JSON.parse(r);
+    } catch {
+      return f;
+    }
+  }, l = h.trim() ? a.filter((r) => d(r.impactedPages, []).some((N) => N.includes(h.trim()))) : a, _ = (r) => r === "P0" ? t.priorityP0 : r === "P1" ? t.priorityP1 : t.priorityP2;
+  return l.length > 0 && (!c || !l.find((r) => r.id === c.id)) && n(l[0]), /* @__PURE__ */ i("div", { className: t.bizLayout, children: [
+    /* @__PURE__ */ i("div", { className: t.bizList, children: [
+      /* @__PURE__ */ i("div", { className: t.bizFilter, children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            className: t.formInput,
+            placeholder: "反向追溯: 输入页面编码 (如 ctc.4a.account)",
+            value: h,
+            onChange: (r) => b(r.target.value)
+          }
+        ),
+        h && /* @__PURE__ */ i("span", { className: t.bizFilterHint, children: [
+          l.length,
+          " 篇稿件涉及该页面"
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.bizListHeader, children: [
+        "业务理解 / 跨页面因果链 (",
+        l.length,
+        ")"
+      ] }),
+      l.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: h ? `没有稿件涉及「${h}」` : "暂无稿件, 请先在 DBA 层跑建表 SQL + 种子数据" }) : l.map((r) => {
+        var N;
+        const f = d(r.impactedPages, []);
+        return /* @__PURE__ */ i(
+          "div",
+          {
+            className: `${t.bizItem} ${(c == null ? void 0 : c.id) === r.id ? t.bizItemActive : ""}`,
+            onClick: () => n(r),
+            children: [
+              /* @__PURE__ */ i("div", { className: t.bizItemHeader, children: [
+                /* @__PURE__ */ e("span", { className: `${t.priority} ${_(r.priority)}`, children: r.priority }),
+                /* @__PURE__ */ e("span", { className: t.bizItemTitle, children: r.title }),
+                /* @__PURE__ */ e("span", { className: t.bizItemStatus, children: r.status })
+              ] }),
+              /* @__PURE__ */ e("div", { className: t.bizItemSummary, children: r.summary }),
+              /* @__PURE__ */ i("div", { className: t.bizItemMeta, children: [
+                "触发: ",
+                ((N = d(r.triggerInfo, {})) == null ? void 0 : N.page) || "-",
+                /* @__PURE__ */ e("span", { className: t.bizItemDot, children: "•" }),
+                "影响 ",
+                f.length,
+                " 个页面"
+              ] })
+            ]
+          },
+          r.id
+        );
+      })
+    ] }),
+    /* @__PURE__ */ e("div", { className: t.bizDetail, children: c ? /* @__PURE__ */ i(be, { children: [
+      /* @__PURE__ */ i("div", { className: t.bizDetailHeader, children: [
+        /* @__PURE__ */ e("div", { className: t.bizDetailTitle, children: c.title }),
+        /* @__PURE__ */ e("div", { className: t.bizDetailCode, children: c.bizCode })
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.bizSection, children: [
+        /* @__PURE__ */ i("div", { className: t.bizSectionTitle, children: [
+          /* @__PURE__ */ e(se, {}),
+          " 触发信息"
+        ] }),
+        (() => {
+          const r = d(c.triggerInfo, {});
+          return /* @__PURE__ */ i("div", { className: t.bizTriggerCard, children: [
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("b", { children: "页面:" }),
+              " ",
+              r.page || "-"
+            ] }),
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("b", { children: "动作:" }),
+              " ",
+              r.action || "-"
+            ] }),
+            /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("b", { children: "元素:" }),
+              " ",
+              r.element || "-"
+            ] }),
+            r.preStates && r.preStates.length > 0 && /* @__PURE__ */ i("div", { children: [
+              /* @__PURE__ */ e("b", { children: "前置:" }),
+              " ",
+              r.preStates.join(" / ")
+            ] })
+          ] });
+        })()
+      ] }),
+      /* @__PURE__ */ i("div", { className: t.bizSection, children: [
+        /* @__PURE__ */ i("div", { className: t.bizSectionTitle, children: [
+          "⚡ 跨页面连带效应 (",
+          d(c.crossPageEffects, []).length,
+          ")"
+        ] }),
+        /* @__PURE__ */ e("div", { className: t.bizEffects, children: d(c.crossPageEffects, []).map((r, f) => /* @__PURE__ */ i("div", { className: t.bizEffectCard, children: [
+          /* @__PURE__ */ i("div", { className: t.bizEffectPage, children: [
+            /* @__PURE__ */ e("span", { className: t.bizEffectArrow, children: "→" }),
+            /* @__PURE__ */ e("span", { className: t.bizEffectPageCode, children: r.page }),
+            /* @__PURE__ */ e("span", { className: t.bizEffectDelay, children: r.delay })
+          ] }),
+          /* @__PURE__ */ i("div", { className: t.bizEffectType, children: [
+            "[",
+            r.effectType,
+            "]"
+          ] }),
+          /* @__PURE__ */ e("div", { className: t.bizEffectDesc, children: r.description })
+        ] }, f)) })
+      ] }),
+      c.story && /* @__PURE__ */ i("div", { className: t.bizSection, children: [
+        /* @__PURE__ */ e("div", { className: t.bizSectionTitle, children: "📖 故事正文" }),
+        /* @__PURE__ */ e("pre", { className: t.bizStory, children: c.story })
+      ] })
+    ] }) : /* @__PURE__ */ e("div", { className: t.empty, children: "从左侧选择一份稿件查看因果链详情" }) })
+  ] });
+}
+export {
+  si as default
+};