@yuku123/z-team-component 0.2.22 → 0.2.23

package/dist/index-pfzY68PH.js

@@ -0,0 +1,1408 @@
+import { jsx as e, jsxs as a, Fragment as ce } from "react/jsx-runtime";
+import { ThunderboltOutlined as G, UpOutlined as ze, DownOutlined as Ce, LinkOutlined as ke, CopyOutlined as Ie, EditOutlined as Pe, DeleteOutlined as ne, BranchesOutlined as Te, HistoryOutlined as Se, ReloadOutlined as $e, PlusOutlined as H, FileImageOutlined as we } from "@ant-design/icons";
+import { useState as h, useEffect as V, useCallback as le, useMemo as q } from "react";
+import oe from "axios";
+import { Empty as W, Modal as O, Select as L, Input as F, Form as I, Col as M, Row as ae, Space as X, Dropdown as Ae, Popconfirm as de, Tag as $, Descriptions as Ee, Card as De, Table as xe, Tree as Le, Button as w, Tooltip as He, Spin as Oe } from "antd";
+const Re = {
+  PageHeader: ({ title: i, subtitle: s }) => /* @__PURE__ */ a("div", { style: { marginBottom: 12 }, children: [
+    /* @__PURE__ */ e("h2", { style: { margin: 0 }, children: i }),
+    s && /* @__PURE__ */ e("p", { style: { color: "#666", margin: "4px 0 0", fontSize: 13 }, children: s })
+  ] }),
+  TenantDomainSelector: ({
+    tenants: i = [],
+    domains: s = [],
+    selectedTenant: n,
+    selectedDomain: d,
+    onTenantChange: u,
+    onDomainChange: m
+  }) => /* @__PURE__ */ a(X, { style: { marginBottom: 12 }, children: [
+    /* @__PURE__ */ e("span", { style: { color: "#666" }, children: "租户" }),
+    /* @__PURE__ */ e(
+      L,
+      {
+        value: n,
+        onChange: u,
+        style: { minWidth: 160 },
+        options: i,
+        placeholder: "请选择租户"
+      }
+    ),
+    /* @__PURE__ */ e("span", { style: { color: "#666" }, children: "域" }),
+    /* @__PURE__ */ e(
+      L,
+      {
+        value: d,
+        onChange: m,
+        disabled: !n,
+        style: { minWidth: 160 },
+        options: s,
+        placeholder: "请选择域"
+      }
+    )
+  ] }),
+  Button: (i) => /* @__PURE__ */ e(w, { ...i }),
+  Tree: (i) => /* @__PURE__ */ e(Le, { ...i }),
+  Table: (i) => /* @__PURE__ */ e(xe, { ...i }),
+  Card: (i) => /* @__PURE__ */ e(De, { ...i }),
+  Descriptions: ({ items: i = [], ...s }) => /* @__PURE__ */ e(Ee, { ...s, bordered: !0, size: "small", items: i }),
+  Tag: (i) => /* @__PURE__ */ e($, { ...i }),
+  Popconfirm: (i) => /* @__PURE__ */ e(de, { ...i }),
+  Dropdown: (i) => /* @__PURE__ */ e(Ae, { ...i }),
+  Empty: (i) => /* @__PURE__ */ e(W, { ...i }),
+  Space: (i) => /* @__PURE__ */ e(X, { ...i }),
+  Row: (i) => /* @__PURE__ */ e(ae, { ...i }),
+  Col: (i) => /* @__PURE__ */ e(M, { ...i }),
+  FormItem: ({ label: i, children: s, ...n }) => /* @__PURE__ */ e(I.Item, { label: i, ...n, children: s }),
+  Input: (i) => /* @__PURE__ */ e(F, { ...i }),
+  InputTextArea: (i) => /* @__PURE__ */ e(F.TextArea, { ...i }),
+  Select: (i) => /* @__PURE__ */ e(L, { ...i }),
+  Modal: (i) => /* @__PURE__ */ e(O, { ...i })
+};
+function me({ node: i, highlightId: s, onElementClick: n }) {
+  var m;
+  const d = Re[i.type] || (() => null), u = s === i.id;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-node-id": i.id,
+      "data-node-type": i.type,
+      className: `manuscript-node ${u ? "manuscript-node-highlight" : ""}`,
+      onClick: (l) => {
+        l.stopPropagation(), n == null || n(i);
+      },
+      children: /* @__PURE__ */ e(d, { ...i.props || {}, children: (m = i.children) == null ? void 0 : m.map((l) => /* @__PURE__ */ e(
+        me,
+        {
+          node: l,
+          highlightId: s,
+          onElementClick: n
+        },
+        l.id
+      )) })
+    }
+  );
+}
+function Be({ tree: i, highlightId: s, onElementClick: n }) {
+  return !i || i.length === 0 ? /* @__PURE__ */ e(W, { description: "暂无设计稿内容" }) : /* @__PURE__ */ e("div", { className: "manuscript-renderer", children: i.map((d) => /* @__PURE__ */ e(
+    me,
+    {
+      node: d,
+      highlightId: s,
+      onElementClick: n
+    },
+    d.id
+  )) });
+}
+const Me = {
+  P0: "red",
+  P1: "orange",
+  P2: "blue"
+};
+function Fe({
+  caseData: i,
+  isHighlighted: s,
+  chainData: n,
+  onEdit: d,
+  onDelete: u,
+  onClick: m,
+  onEffectClick: l
+}) {
+  const [f, r] = h(!1), g = n != null && n.triggerInfo ? se(n.triggerInfo, {}) : null, _ = n != null && n.crossPageEffects ? se(n.crossPageEffects, []) : [];
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `manuscript-case-card ${s ? "highlight" : ""}`,
+      onClick: () => m == null ? void 0 : m(i),
+      children: [
+        /* @__PURE__ */ a("div", { className: "case-card-header", onClick: (N) => {
+          N.stopPropagation(), r(!f);
+        }, children: [
+          /* @__PURE__ */ a(X, { children: [
+            /* @__PURE__ */ e("span", { className: "case-id", children: i.caseId }),
+            /* @__PURE__ */ e("span", { className: "case-title", children: i.title }),
+            /* @__PURE__ */ e($, { color: Me[i.priority] || "default", children: i.priority || "P1" }),
+            i.bizCode && /* @__PURE__ */ e(He, { title: `因果链路: ${i.bizCode}`, children: /* @__PURE__ */ e(G, { style: { color: "#fa8c16" } }) })
+          ] }),
+          /* @__PURE__ */ e(
+            w,
+            {
+              type: "text",
+              size: "small",
+              icon: f ? /* @__PURE__ */ e(ze, {}) : /* @__PURE__ */ e(Ce, {}),
+              onClick: (N) => {
+                N.stopPropagation(), r(!f);
+              }
+            }
+          )
+        ] }),
+        f && /* @__PURE__ */ a("div", { className: "case-card-body", children: [
+          i.bizCode && /* @__PURE__ */ a("div", { className: "case-section", children: [
+            /* @__PURE__ */ a("div", { className: "case-section-title", children: [
+              /* @__PURE__ */ e(G, { style: { color: "#fa8c16" } }),
+              " 因果链路"
+            ] }),
+            /* @__PURE__ */ a("div", { className: "causal-chain", children: [
+              g && /* @__PURE__ */ a("div", { className: "chain-trigger", children: [
+                /* @__PURE__ */ e($, { color: "orange", children: g.page }),
+                /* @__PURE__ */ a("span", { className: "chain-action", children: [
+                  "→ ",
+                  g.action
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "chain-effects", children: _.map((N, C) => /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "chain-effect-row",
+                  onClick: (A) => {
+                    A.stopPropagation(), l == null || l(N);
+                  },
+                  children: [
+                    /* @__PURE__ */ e("span", { className: "chain-arrow", children: "→" }),
+                    /* @__PURE__ */ e($, { color: "blue", children: N.page }),
+                    /* @__PURE__ */ a("span", { className: "chain-eff-type", children: [
+                      "[",
+                      N.effectType,
+                      "]"
+                    ] }),
+                    /* @__PURE__ */ e("span", { className: "chain-eff-desc", children: N.description }),
+                    /* @__PURE__ */ e($, { style: { marginLeft: 8 }, children: N.delay })
+                  ]
+                },
+                C
+              )) })
+            ] })
+          ] }),
+          i.learningPath && i.learningPath.length > 0 && /* @__PURE__ */ a("div", { className: "case-section", children: [
+            /* @__PURE__ */ e("div", { className: "case-section-title", children: "📋 学习路径" }),
+            /* @__PURE__ */ e("ol", { className: "case-learning-path", children: i.learningPath.map((N, C) => /* @__PURE__ */ e("li", { children: N }, C)) })
+          ] }),
+          i.scene && /* @__PURE__ */ a("div", { className: "case-section", children: [
+            /* @__PURE__ */ e("div", { className: "case-section-title", children: "📍 起点场景" }),
+            /* @__PURE__ */ e("div", { className: "case-scene", children: i.scene })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "case-section", children: [
+            /* @__PURE__ */ e("div", { className: "case-section-title", children: "🔗 设计稿关联" }),
+            i.hotspotSelector ? /* @__PURE__ */ e($, { color: "cyan", icon: /* @__PURE__ */ e(ke, {}), children: i.hotspotSelector }) : /* @__PURE__ */ e("span", { style: { color: "#999" }, children: "未关联" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "case-card-actions", onClick: (N) => N.stopPropagation(), children: [
+            /* @__PURE__ */ e(
+              w,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ e(Ie, {}),
+                onClick: () => d == null ? void 0 : d({ ...i, _action: "duplicate" }),
+                children: "复制"
+              }
+            ),
+            /* @__PURE__ */ e(
+              w,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ e(Pe, {}),
+                onClick: () => d == null ? void 0 : d(i),
+                children: "编辑"
+              }
+            ),
+            /* @__PURE__ */ e(de, { title: "确认删除此 case?", onConfirm: () => u == null ? void 0 : u(i), children: /* @__PURE__ */ e(w, { size: "small", danger: !0, icon: /* @__PURE__ */ e(ne, {}), children: "删除" }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function se(i, s) {
+  if (!i) return s;
+  try {
+    return JSON.parse(i);
+  } catch {
+    return s;
+  }
+}
+function Ue({
+  open: i,
+  initialCase: s,
+  bizOptions: n = [],
+  designNodes: d = [],
+  onCancel: u,
+  onSubmit: m
+}) {
+  const [l] = I.useForm();
+  V(() => {
+    var r;
+    i && (s ? l.setFieldsValue({
+      ...s,
+      learningPathText: (r = s.learningPath) == null ? void 0 : r.join(`
+`)
+    }) : l.resetFields());
+  }, [i, s, l]);
+  const f = async () => {
+    var r;
+    try {
+      const g = await l.validateFields(), _ = {
+        ...g,
+        learningPath: ((r = g.learningPathText) == null ? void 0 : r.split(`
+`).filter((N) => N.trim())) || []
+      };
+      delete _.learningPathText, m(_);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ e(
+    O,
+    {
+      open: i,
+      title: s ? `编辑 case: ${s.caseId}` : "新增 case",
+      onCancel: u,
+      onOk: f,
+      okText: "保存 (commit)",
+      destroyOnHidden: !0,
+      children: /* @__PURE__ */ a(I, { form: l, layout: "vertical", children: [
+        /* @__PURE__ */ a(ae, { gutter: 16, children: [
+          /* @__PURE__ */ e(M, { span: 12, children: /* @__PURE__ */ e(
+            I.Item,
+            {
+              name: "caseId",
+              label: "Case 编码",
+              rules: [{ required: !0, pattern: /^case\.\d+$/, message: "格式: case.NNN" }],
+              children: /* @__PURE__ */ e(F, { placeholder: "case.001", disabled: !!s && !s._action })
+            }
+          ) }),
+          /* @__PURE__ */ e(M, { span: 12, children: /* @__PURE__ */ e(I.Item, { name: "title", label: "标题", rules: [{ required: !0 }], children: /* @__PURE__ */ e(F, { placeholder: "新增组织 A" }) }) })
+        ] }),
+        /* @__PURE__ */ e(
+          I.Item,
+          {
+            name: "bizCode",
+            label: "因果链路 (引用 z_biz_understanding.bizCode)",
+            extra: "选择这条 case 引用的跨页面因果链路",
+            children: /* @__PURE__ */ e(
+              L,
+              {
+                placeholder: "选择因果链路 (可选)",
+                allowClear: !0,
+                showSearch: !0,
+                optionFilterProp: "label",
+                options: n
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(I.Item, { name: "scene", label: "起点场景", children: /* @__PURE__ */ e(F.TextArea, { rows: 2, placeholder: "管理员进入 4A 中心 → 组织管理 → ..." }) }),
+        /* @__PURE__ */ e(I.Item, { name: "learningPathText", label: "学习路径 (每行一步)", children: /* @__PURE__ */ e(
+          F.TextArea,
+          {
+            rows: 5,
+            placeholder: `1. 进入组织管理页
+2. 选择目标域
+3. 点击 [+ 新增组织]
+4. 提交表单
+5. 观察 5 个页面联动`
+          }
+        ) }),
+        /* @__PURE__ */ a(ae, { gutter: 16, children: [
+          /* @__PURE__ */ e(M, { span: 8, children: /* @__PURE__ */ e(I.Item, { name: "priority", label: "优先级", initialValue: "P1", children: /* @__PURE__ */ e(L, { options: [
+            { value: "P0", label: "P0 紧急" },
+            { value: "P1", label: "P1 重要" },
+            { value: "P2", label: "P2 一般" }
+          ] }) }) }),
+          /* @__PURE__ */ e(M, { span: 8, children: /* @__PURE__ */ e(I.Item, { name: "status", label: "状态", initialValue: "OPEN", children: /* @__PURE__ */ e(L, { options: [
+            { value: "OPEN", label: "OPEN" },
+            { value: "IN_PROGRESS", label: "IN_PROGRESS" },
+            { value: "DONE", label: "DONE" },
+            { value: "ARCHIVED", label: "ARCHIVED" }
+          ] }) }) }),
+          /* @__PURE__ */ e(M, { span: 8, children: /* @__PURE__ */ e(I.Item, { name: "hotspotSelector", label: "关联设计稿元素", children: /* @__PURE__ */ e(
+            L,
+            {
+              allowClear: !0,
+              placeholder: "选择 design node",
+              showSearch: !0,
+              optionFilterProp: "label",
+              options: d.map((r) => ({
+                value: r.id,
+                label: `${r.type} #${r.id}`
+              }))
+            }
+          ) }) })
+        ] })
+      ] })
+    }
+  );
+}
+const P = oe.create({ baseURL: "/api", timeout: 15e3 });
+P.interceptors.response.use(
+  (i) => i.data,
+  (i) => (console.error("[ManuscriptView]", i), Promise.reject(i))
+);
+function qe({ productCode: i, pageCode: s }) {
+  const [n, d] = h(null), [u, m] = h(null), [l, f] = h([]), [r, g] = h([]), [_, N] = h([]), [C, A] = h("main"), [Q, T] = h(null), [Y, S] = h(null), [K, E] = h(!1), [k, D] = h(null), [R, j] = h(!1), [Z, U] = h(!1), [B, J] = h(""), [ee, p] = h(!1), o = le(async () => {
+    p(!0);
+    try {
+      const [c, b, v, z, ie] = await Promise.all([
+        P.get("/product/manuscript/product", { params: { productCode: i, pageCode: s } }),
+        P.get("/product/manuscript/design", { params: { productCode: i, pageCode: s } }),
+        P.get("/product/biz-understanding/list", { params: { productCode: i } }),
+        P.get("/product/manuscript/history", {
+          params: {
+            productCode: i,
+            pageCode: s,
+            branch: C,
+            limit: 20
+          }
+        }),
+        P.get("/product/manuscript/branches", { params: { productCode: i, pageCode: s } })
+      ]);
+      d(c == null ? void 0 : c.data), m(b == null ? void 0 : b.data), f((v == null ? void 0 : v.data) || []), g((z == null ? void 0 : z.data) || []), N((ie == null ? void 0 : ie.data) || []);
+    } catch (c) {
+      console.error("loadAll 失败:", c);
+    } finally {
+      p(!1);
+    }
+  }, [i, s, C]);
+  V(() => {
+    o();
+  }, [o]);
+  const x = q(() => {
+    if (!(n != null && n.cases)) return [];
+    try {
+      return JSON.parse(n.cases);
+    } catch {
+      return [];
+    }
+  }, [n]), te = q(() => {
+    if (!(u != null && u.renderTree)) return [];
+    try {
+      return JSON.parse(u.renderTree);
+    } catch {
+      return [];
+    }
+  }, [u]), re = q(() => {
+    const c = [];
+    function b(v) {
+      for (const z of v || [])
+        z.id && c.push({ id: z.id, type: z.type }), z.children && b(z.children);
+    }
+    return b(te), c;
+  }, [te]), ue = q(() => {
+    const c = {};
+    for (const b of l) c[b.bizCode] = b;
+    return c;
+  }, [l]), he = q(
+    () => l.map((c) => ({ value: c.bizCode, label: `${c.bizCode} — ${c.title}` })),
+    [l]
+  ), pe = (c) => {
+    T(c.caseId), S(c.hotspotSelector || null), setTimeout(() => {
+      T(null), S(null);
+    }, 3e3);
+  }, be = (c) => {
+    if (!c.id) return;
+    S(c.id);
+    const b = x.find((v) => v.hotspotSelector === c.id);
+    b && T(b.caseId), setTimeout(() => {
+      T(null), S(null);
+    }, 3e3);
+  }, ge = (c) => {
+    const b = x.find((v) => v.bizCode);
+    b && (T(b.caseId), setTimeout(() => T(null), 3e3));
+  }, fe = async (c) => {
+    const b = (k == null ? void 0 : k._action) === "duplicate" || !k, v = (k == null ? void 0 : k._action) === "duplicate";
+    try {
+      if (b || v) {
+        const z = v ? { ...c, caseId: Ne(), title: c.title + " (副本)" } : c;
+        await P.post("/product/manuscript/case", {
+          productCode: i,
+          pageCode: s,
+          author: "admin",
+          caseData: z
+        });
+      } else
+        await P.put("/product/manuscript/case", {
+          productCode: i,
+          pageCode: s,
+          author: "admin",
+          originalCaseId: k.caseId,
+          caseData: c
+        });
+      E(!1), D(null), await o();
+    } catch (z) {
+      O.error({ title: "保存失败", content: z == null ? void 0 : z.message });
+    }
+  }, _e = async (c) => {
+    try {
+      await P.delete("/product/manuscript/case", {
+        params: { productCode: i, pageCode: s, caseId: c.caseId, author: "admin" }
+      }), await o();
+    } catch (b) {
+      O.error({ title: "删除失败", content: b == null ? void 0 : b.message });
+    }
+  }, Ne = () => {
+    const c = x.map((v) => parseInt((v.caseId || "case.0").split(".")[1] || "0")).filter((v) => !isNaN(v)), b = c.length > 0 ? Math.max(...c) : 0;
+    return `case.${String(b + 1).padStart(3, "0")}`;
+  }, ve = async (c) => {
+    A(c);
+  }, ye = async () => {
+    var c;
+    if (B.trim())
+      try {
+        const b = (c = _.find((v) => v.branch === C)) == null ? void 0 : c.headSha;
+        await P.post("/product/manuscript/branch", {
+          productCode: i,
+          pageCode: s,
+          branch: B,
+          fromSha: b
+        }), U(!1), J(""), await o(), A(B);
+      } catch (b) {
+        O.error({ title: "创建分支失败", content: b == null ? void 0 : b.message });
+      }
+  };
+  return ee && !n && !u ? /* @__PURE__ */ a("div", { style: { textAlign: "center", padding: 40 }, children: [
+    /* @__PURE__ */ e(Oe, {}),
+    " 加载中..."
+  ] }) : /* @__PURE__ */ a("div", { className: "manuscript-view", children: [
+    /* @__PURE__ */ e("div", { className: "manuscript-toolbar", children: /* @__PURE__ */ a(X, { children: [
+      /* @__PURE__ */ e(Te, {}),
+      /* @__PURE__ */ e("span", { children: "分支:" }),
+      /* @__PURE__ */ e(
+        L,
+        {
+          value: C,
+          onChange: ve,
+          style: { minWidth: 120 },
+          options: _.map((c) => ({ value: c.branch, label: c.branch }))
+        }
+      ),
+      /* @__PURE__ */ e(w, { size: "small", onClick: () => U(!0), children: "新分支" }),
+      /* @__PURE__ */ a(
+        w,
+        {
+          size: "small",
+          icon: /* @__PURE__ */ e(Se, {}),
+          onClick: () => j(!0),
+          children: [
+            "历史 (",
+            r.length,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(w, { size: "small", icon: /* @__PURE__ */ e($e, {}), onClick: o, children: "刷新" })
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "manuscript-layout", children: [
+      /* @__PURE__ */ a("div", { className: "manuscript-left", children: [
+        /* @__PURE__ */ a("div", { className: "case-list-header", children: [
+          /* @__PURE__ */ a("h3", { children: [
+            "📋 产品稿件 / ",
+            x.length,
+            " 条 case",
+            (n == null ? void 0 : n.title) && /* @__PURE__ */ e("small", { style: { marginLeft: 8, color: "#888" }, children: n.title })
+          ] }),
+          /* @__PURE__ */ e(
+            w,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ e(H, {}),
+              onClick: () => {
+                D(null), E(!0);
+              },
+              children: "新增 case"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "case-list", children: x.length === 0 ? /* @__PURE__ */ e(W, { description: "暂无 case, 点击 [新增 case] 开始" }) : x.map((c) => /* @__PURE__ */ e(
+          Fe,
+          {
+            caseData: c,
+            isHighlighted: Q === c.caseId,
+            chainData: c.bizCode ? ue[c.bizCode] : null,
+            onEdit: (b) => {
+              D(b), E(!0);
+            },
+            onDelete: _e,
+            onClick: pe,
+            onEffectClick: ge
+          },
+          c.caseId
+        )) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "manuscript-right", children: [
+        /* @__PURE__ */ a("div", { className: "design-header", children: [
+          /* @__PURE__ */ a("h3", { children: [
+            "🎨 设计稿件",
+            (u == null ? void 0 : u.title) && /* @__PURE__ */ e("small", { style: { marginLeft: 8, color: "#888" }, children: u.title })
+          ] }),
+          /* @__PURE__ */ a("span", { style: { color: "#888", fontSize: 12 }, children: [
+            re.length,
+            " 个节点"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "design-canvas", children: /* @__PURE__ */ e(
+          Be,
+          {
+            tree: te,
+            highlightId: Y,
+            onElementClick: be
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Ue,
+      {
+        open: K,
+        initialCase: k,
+        bizOptions: he,
+        designNodes: re,
+        onCancel: () => {
+          E(!1), D(null);
+        },
+        onSubmit: fe
+      }
+    ),
+    /* @__PURE__ */ e(
+      O,
+      {
+        open: R,
+        title: `commit 历史 (${C} 分支)`,
+        onCancel: () => j(!1),
+        footer: null,
+        children: /* @__PURE__ */ e("div", { className: "commit-history", children: r.length === 0 ? /* @__PURE__ */ e(W, { description: "暂无 commit 记录" }) : r.map((c) => /* @__PURE__ */ a("div", { className: "commit-row", children: [
+          /* @__PURE__ */ e("div", { className: "commit-sha", children: /* @__PURE__ */ e($, { color: "purple", children: c.sha.substring(0, 8) }) }),
+          /* @__PURE__ */ a("div", { className: "commit-msg", children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e($, { color: c.operation === "CREATE" ? "green" : c.operation === "UPDATE" ? "blue" : c.operation === "DELETE" ? "red" : c.operation === "BIND" ? "cyan" : "default", children: c.operation }),
+              /* @__PURE__ */ e($, { children: c.targetType }),
+              /* @__PURE__ */ e("code", { children: c.targetId })
+            ] }),
+            /* @__PURE__ */ e("div", { style: { color: "#888", fontSize: 12, marginTop: 4 }, children: c.commitMessage })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "commit-meta", style: { color: "#888", fontSize: 11 }, children: [
+            /* @__PURE__ */ e("div", { children: c.author }),
+            /* @__PURE__ */ e("div", { children: c.createdAt })
+          ] })
+        ] }, c.sha)) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      O,
+      {
+        open: Z,
+        title: "新建分支",
+        onCancel: () => U(!1),
+        onOk: ye,
+        okText: "创建",
+        children: /* @__PURE__ */ a("div", { style: { padding: "12px 0" }, children: [
+          /* @__PURE__ */ e("span", { style: { marginRight: 8 }, children: "分支名:" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              value: B,
+              onChange: (c) => J(c.target.value),
+              placeholder: "feature-xxx",
+              style: { padding: "4px 8px", border: "1px solid #d9d9d9", borderRadius: 4, width: 200 }
+            }
+          ),
+          /* @__PURE__ */ a("div", { style: { marginTop: 8, color: "#888", fontSize: 12 }, children: [
+            "从当前分支 (",
+            /* @__PURE__ */ e("code", { children: C }),
+            ") 的 HEAD fork"
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+const Ge = "_container_15k6u_6", Ve = "_sidebar_15k6u_15", je = "_sidebarHeader_15k6u_25", Je = "_productList_15k6u_37", We = "_productItem_15k6u_43", Xe = "_productItemActive_15k6u_57", Qe = "_productItemName_15k6u_62", Ye = "_productItemCode_15k6u_68", Ke = "_productItemStatus_15k6u_73", Ze = "_emptyHint_15k6u_84", et = "_main_15k6u_92", tt = "_productHeader_15k6u_100", it = "_productTitle_15k6u_109", at = "_productCode_15k6u_115", nt = "_tabBar_15k6u_122", rt = "_tab_15k6u_122", st = "_tabActive_15k6u_142", ct = "_tabContent_15k6u_148", lt = "_formGroup_15k6u_155", ot = "_formLabel_15k6u_163", dt = "_formInput_15k6u_171", mt = "_formTextarea_15k6u_172", ut = "_designGrid_15k6u_189", ht = "_designCard_15k6u_195", pt = "_designImage_15k6u_202", bt = "_designInfo_15k6u_209", gt = "_designName_15k6u_213", ft = "_designDesc_15k6u_220", _t = "_designActions_15k6u_225", Nt = "_designLink_15k6u_233", vt = "_table_15k6u_244", yt = "_empty_15k6u_84", zt = "_btn_15k6u_284", Ct = "_btnPrimary_15k6u_300", kt = "_btnDanger_15k6u_311", It = "_toolbar_15k6u_321", Pt = "_priority_15k6u_329", Tt = "_priorityP0_15k6u_337", St = "_priorityP1_15k6u_342", $t = "_priorityP2_15k6u_347", wt = "_priorityP3_15k6u_352", At = "_status_15k6u_357", Et = "_statusActive_15k6u_367", Dt = "_statusDone_15k6u_372", xt = "_featureNo_15k6u_377", Lt = "_spinner_15k6u_386", Ht = "_modal_15k6u_394", Ot = "_modalBody_15k6u_404", Rt = "_modalTitle_15k6u_413", Bt = "_modalActions_15k6u_420", Mt = "_bizLayout_15k6u_430", Ft = "_bizList_15k6u_437", Ut = "_bizFilter_15k6u_448", qt = "_bizFilterHint_15k6u_454", Gt = "_bizListHeader_15k6u_459", Vt = "_bizItem_15k6u_467", jt = "_bizItemActive_15k6u_481", Jt = "_bizItemHeader_15k6u_487", Wt = "_bizItemTitle_15k6u_494", Xt = "_bizItemStatus_15k6u_504", Qt = "_bizItemSummary_15k6u_512", Yt = "_bizItemMeta_15k6u_522", Kt = "_bizItemDot_15k6u_527", Zt = "_bizDetail_15k6u_531", ei = "_bizDetailHeader_15k6u_537", ti = "_bizDetailTitle_15k6u_543", ii = "_bizDetailCode_15k6u_550", ai = "_bizSection_15k6u_556", ni = "_bizSectionTitle_15k6u_560", ri = "_bizTriggerCard_15k6u_570", si = "_bizEffects_15k6u_580", ci = "_bizEffectCard_15k6u_586", li = "_bizEffectPage_15k6u_595", oi = "_bizEffectArrow_15k6u_602", di = "_bizEffectPageCode_15k6u_608", mi = "_bizEffectDelay_15k6u_618", ui = "_bizEffectType_15k6u_626", hi = "_bizEffectDesc_15k6u_633", pi = "_bizStory_15k6u_638", t = {
+  container: Ge,
+  sidebar: Ve,
+  sidebarHeader: je,
+  productList: Je,
+  productItem: We,
+  productItemActive: Xe,
+  productItemName: Qe,
+  productItemCode: Ye,
+  productItemStatus: Ke,
+  emptyHint: Ze,
+  main: et,
+  productHeader: tt,
+  productTitle: it,
+  productCode: at,
+  tabBar: nt,
+  tab: rt,
+  tabActive: st,
+  tabContent: ct,
+  formGroup: lt,
+  formLabel: ot,
+  formInput: dt,
+  formTextarea: mt,
+  designGrid: ut,
+  designCard: ht,
+  designImage: pt,
+  designInfo: bt,
+  designName: gt,
+  designDesc: ft,
+  designActions: _t,
+  designLink: Nt,
+  table: vt,
+  empty: yt,
+  btn: zt,
+  btnPrimary: Ct,
+  btnDanger: kt,
+  toolbar: It,
+  priority: Pt,
+  priorityP0: Tt,
+  priorityP1: St,
+  priorityP2: $t,
+  priorityP3: wt,
+  status: At,
+  statusActive: Et,
+  statusDone: Dt,
+  featureNo: xt,
+  spinner: Lt,
+  modal: Ht,
+  modalBody: Ot,
+  modalTitle: Rt,
+  modalActions: Bt,
+  bizLayout: Mt,
+  bizList: Ft,
+  bizFilter: Ut,
+  bizFilterHint: qt,
+  bizListHeader: Gt,
+  bizItem: Vt,
+  bizItemActive: jt,
+  bizItemHeader: Jt,
+  bizItemTitle: Wt,
+  bizItemStatus: Xt,
+  bizItemSummary: Qt,
+  bizItemMeta: Yt,
+  bizItemDot: Kt,
+  bizDetail: Zt,
+  bizDetailHeader: ei,
+  bizDetailTitle: ti,
+  bizDetailCode: ii,
+  bizSection: ai,
+  bizSectionTitle: ni,
+  bizTriggerCard: ri,
+  bizEffects: si,
+  bizEffectCard: ci,
+  bizEffectPage: li,
+  bizEffectArrow: oi,
+  bizEffectPageCode: di,
+  bizEffectDelay: mi,
+  bizEffectType: ui,
+  bizEffectDesc: hi,
+  bizStory: pi
+}, y = oe.create({ baseURL: "/api", timeout: 15e3 });
+y.interceptors.response.use(
+  (i) => i.data,
+  (i) => (console.error("[ProductWorkbench] request failed", i), Promise.reject(i))
+);
+function Si() {
+  const [i, s] = h([]), [n, d] = h(null), [u, m] = h(!1), [l, f] = h("description"), [r, g] = h([]), [_, N] = h([]), [C, A] = h([]), [Q, T] = h([]), [Y, S] = h(!1), [K, E] = h(!1), [k, D] = h(!1), R = le(async () => {
+    m(!0);
+    try {
+      const p = await y.get("/product/list"), o = (p == null ? void 0 : p.data) || [];
+      s(o), o.length > 0 && !n && d(o[0]);
+    } catch (p) {
+      console.error(p);
+    } finally {
+      m(!1);
+    }
+  }, [n]);
+  V(() => {
+    R();
+  }, [R]), V(() => {
+    if (!n) return;
+    const p = n.productCode;
+    l === "design" ? y.get(`/product/${p}/design/list`).then((o) => g((o == null ? void 0 : o.data) || [])).catch(() => g([])) : l === "requirement" ? y.get(`/product/${p}/requirement/list`).then((o) => N((o == null ? void 0 : o.data) || [])).catch(() => N([])) : l === "feature" ? y.get(`/product/${p}/feature/list`).then((o) => A((o == null ? void 0 : o.data) || [])).catch(() => A([])) : l === "biz-understanding" && y.get("/product/biz-understanding/list", { params: { productCode: p } }).then((o) => T((o == null ? void 0 : o.data) || [])).catch(() => T([]));
+  }, [n, l]);
+  const j = async (p) => {
+    try {
+      const o = await y.post("/product", p), x = o == null ? void 0 : o.data;
+      await R(), d(x), S(!1);
+    } catch (o) {
+      console.error(o);
+    }
+  }, Z = async (p) => {
+    if (n)
+      try {
+        await y.put(`/product/${n.productCode}`, p), await R();
+      } catch (o) {
+        console.error(o);
+      }
+  }, U = async (p) => {
+    if (n)
+      try {
+        await y.post(`/product/${n.productCode}/design`, p), E(!1);
+        const o = await y.get(`/product/${n.productCode}/design/list`);
+        g((o == null ? void 0 : o.data) || []);
+      } catch (o) {
+        console.error(o);
+      }
+  }, B = async (p) => {
+    if (n)
+      try {
+        await y.post(`/product/${n.productCode}/requirement`, p), D(!1);
+        const o = await y.get(`/product/${n.productCode}/requirement/list`);
+        N((o == null ? void 0 : o.data) || []);
+      } catch (o) {
+        console.error(o);
+      }
+  }, J = async (p) => {
+    if (n && confirm("确认删除该需求？"))
+      try {
+        await y.delete(`/product/${n.productCode}/requirement/${p}`);
+        const o = await y.get(`/product/${n.productCode}/requirement/list`);
+        N((o == null ? void 0 : o.data) || []);
+      } catch (o) {
+        console.error(o);
+      }
+  }, ee = async () => {
+    if (n)
+      try {
+        await y.post(`/product/${n.productCode}/feature/decompose`);
+        const p = await y.get(`/product/${n.productCode}/feature/list`);
+        A((p == null ? void 0 : p.data) || []), alert("功能拆分完成");
+      } catch (p) {
+        console.error(p);
+      }
+  };
+  return u ? /* @__PURE__ */ e("div", { className: t.spinner, children: "加载中..." }) : /* @__PURE__ */ a("div", { className: t.container, children: [
+    /* @__PURE__ */ a("aside", { className: t.sidebar, children: [
+      /* @__PURE__ */ e("div", { className: t.sidebarHeader, children: /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => S(!0),
+          title: "新建产品",
+          children: [
+            /* @__PURE__ */ e(H, {}),
+            " 新建"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: t.productList, children: i.length === 0 ? /* @__PURE__ */ e("div", { className: t.emptyHint, children: '暂无产品，点击"新建"开始' }) : i.map((p) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: `${t.productItem} ${(n == null ? void 0 : n.productCode) === p.productCode ? t.productItemActive : ""}`,
+          onClick: () => d(p),
+          children: [
+            /* @__PURE__ */ e("div", { className: t.productItemName, children: p.name }),
+            /* @__PURE__ */ e("div", { className: t.productItemCode, children: p.productCode }),
+            /* @__PURE__ */ e("span", { className: t.productItemStatus, children: p.status })
+          ]
+        },
+        p.productCode
+      )) })
+    ] }),
+    /* @__PURE__ */ e("main", { className: t.main, children: n ? /* @__PURE__ */ a(ce, { children: [
+      /* @__PURE__ */ a("div", { className: t.productHeader, children: [
+        /* @__PURE__ */ a("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__ */ a("div", { className: t.tabBar, children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "description" ? t.tabActive : ""}`,
+            onClick: () => f("description"),
+            children: "产品描述"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "design" ? t.tabActive : ""}`,
+            onClick: () => f("design"),
+            children: "设计稿"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "requirement" ? t.tabActive : ""}`,
+            onClick: () => f("requirement"),
+            children: "业务需求"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "feature" ? t.tabActive : ""}`,
+            onClick: () => f("feature"),
+            children: "功能拆分"
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: `${t.tab} ${l === "biz-understanding" ? t.tabActive : ""}`,
+            onClick: () => f("biz-understanding"),
+            title: "跨页面因果链稿件库 — 一份稿件 = 一个跨页面动作的连锁变化",
+            children: [
+              "业务理解 ",
+              /* @__PURE__ */ e(G, { style: { marginLeft: 4, fontSize: 12 } })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${t.tab} ${l === "manuscript" ? t.tabActive : ""}`,
+            onClick: () => f("manuscript"),
+            title: "产品稿件 (case) × 设计稿件 (UI) 双向高亮",
+            children: "稿件编辑器"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: t.tabContent, children: [
+        l === "description" && /* @__PURE__ */ e(bi, { product: n, onSave: Z }),
+        l === "design" && /* @__PURE__ */ e(
+          gi,
+          {
+            designs: r,
+            onAdd: () => E(!0),
+            onDelete: async (p) => {
+              if (!confirm("确认删除该设计稿？")) return;
+              await y.delete(
+                `/product/${n.productCode}/design/${p}`
+              );
+              const o = await y.get(
+                `/product/${n.productCode}/design/list`
+              );
+              g((o == null ? void 0 : o.data) || []);
+            }
+          }
+        ),
+        l === "requirement" && /* @__PURE__ */ e(
+          fi,
+          {
+            requirements: _,
+            onAdd: () => D(!0),
+            onDelete: J
+          }
+        ),
+        l === "feature" && /* @__PURE__ */ e(_i, { features: C, onDecompose: ee }),
+        l === "biz-understanding" && /* @__PURE__ */ e(zi, { items: Q }),
+        l === "manuscript" && n && /* @__PURE__ */ e(
+          qe,
+          {
+            productCode: n.productCode,
+            pageCode: "ctc.4a.org"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ e("div", { className: t.spinner, children: /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ e("p", { children: "暂无产品" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => S(!0),
+          children: [
+            /* @__PURE__ */ e(H, {}),
+            " 创建第一个产品"
+          ]
+        }
+      )
+    ] }) }) }),
+    Y && /* @__PURE__ */ e(
+      Ni,
+      {
+        onCancel: () => S(!1),
+        onSubmit: j
+      }
+    ),
+    K && /* @__PURE__ */ e(
+      vi,
+      {
+        onCancel: () => E(!1),
+        onSubmit: U
+      }
+    ),
+    k && /* @__PURE__ */ e(
+      yi,
+      {
+        onCancel: () => D(!1),
+        onSubmit: B
+      }
+    )
+  ] });
+}
+function bi({
+  product: i,
+  onSave: s
+}) {
+  const [n, d] = h(i.name), [u, m] = h(i.vision || ""), [l, f] = h(i.targetUsers || ""), [r, g] = h(i.description || "");
+  return V(() => {
+    d(i.name), m(i.vision || ""), f(i.targetUsers || ""), g(i.description || "");
+  }, [i]), /* @__PURE__ */ a("div", { className: t.formGroup, children: [
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品名称" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: n,
+        onChange: (_) => d(_.target.value)
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品愿景" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: u,
+        onChange: (_) => m(_.target.value),
+        placeholder: "描述这个产品要解决什么问题..."
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "目标用户" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: l,
+        onChange: (_) => f(_.target.value),
+        placeholder: "谁会用这个产品..."
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "业务描述 (Markdown)" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        style: { minHeight: 200 },
+        value: r,
+        onChange: (_) => g(_.target.value),
+        placeholder: `## 核心场景 
+## 用户故事 
+## 业务规则`
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: `${t.btn} ${t.btnPrimary}`,
+        onClick: () => s({ name: n, vision: u, targetUsers: l, description: r }),
+        children: "保存"
+      }
+    )
+  ] });
+}
+function gi({
+  designs: i,
+  onAdd: s,
+  onDelete: n
+}) {
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: t.toolbar, children: [
+      /* @__PURE__ */ a("h3", { style: { margin: 0, fontSize: 14 }, children: [
+        "设计稿 (",
+        i.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ a("button", { className: `${t.btn} ${t.btnPrimary}`, onClick: s, children: [
+        /* @__PURE__ */ e(H, {}),
+        " 添加设计稿"
+      ] })
+    ] }),
+    i.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: '暂无设计稿，点击"添加设计稿"录入' }) : /* @__PURE__ */ e("div", { className: t.designGrid, children: i.map((d) => /* @__PURE__ */ a("div", { className: t.designCard, children: [
+      d.fileUrl && /\.(jpg|jpeg|png|gif|webp|svg)$/i.test(d.fileUrl) ? /* @__PURE__ */ e("img", { className: t.designImage, src: d.fileUrl, alt: d.name }) : /* @__PURE__ */ a(
+        "a",
+        {
+          className: t.designLink,
+          href: d.fileUrl,
+          target: "_blank",
+          rel: "noreferrer",
+          children: [
+            /* @__PURE__ */ e(we, { style: { fontSize: 24, marginRight: 6 } }),
+            "外链预览"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: t.designInfo, children: [
+        /* @__PURE__ */ e("div", { className: t.designName, children: d.name || "(未命名)" }),
+        /* @__PURE__ */ e("div", { className: t.designDesc, children: d.description || d.fileUrl })
+      ] }),
+      /* @__PURE__ */ e("div", { className: t.designActions, children: /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnDanger}`,
+          onClick: () => n(d.id),
+          children: [
+            /* @__PURE__ */ e(ne, {}),
+            " 删除"
+          ]
+        }
+      ) })
+    ] }, d.id)) })
+  ] });
+}
+function fi({
+  requirements: i,
+  onAdd: s,
+  onDelete: n
+}) {
+  const d = (m) => m === "P0" ? t.priorityP0 : m === "P1" ? t.priorityP1 : m === "P2" ? t.priorityP2 : t.priorityP3, u = (m) => m === "IN_PROGRESS" ? t.statusActive : m === "DONE" ? t.statusDone : "";
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: t.toolbar, children: [
+      /* @__PURE__ */ a("h3", { style: { margin: 0, fontSize: 14 }, children: [
+        "业务需求 (",
+        i.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ a("button", { className: `${t.btn} ${t.btnPrimary}`, onClick: s, children: [
+        /* @__PURE__ */ e(H, {}),
+        " 新增需求"
+      ] })
+    ] }),
+    i.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: "暂无需求，先录入需求后即可一键拆分" }) : /* @__PURE__ */ a("table", { className: t.table, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("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: i.map((m) => /* @__PURE__ */ a("tr", { children: [
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `${t.priority} ${d(m.priority)}`, children: m.priority }) }),
+        /* @__PURE__ */ e("td", { children: m.title }),
+        /* @__PURE__ */ e("td", { style: { color: "var(--text-tertiary, #999)" }, children: m.description }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `${t.status} ${u(m.status)}`, children: m.status }) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: `${t.btn} ${t.btnDanger}`,
+            onClick: () => n(m.id),
+            children: /* @__PURE__ */ e(ne, {})
+          }
+        ) })
+      ] }, m.id)) })
+    ] })
+  ] });
+}
+function _i({
+  features: i,
+  onDecompose: s
+}) {
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: t.toolbar, children: [
+      /* @__PURE__ */ a("h3", { style: { margin: 0, fontSize: 14 }, children: [
+        "功能拆分 (",
+        i.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: s,
+          title: "根据业务需求自动生成 FEATURE-XXX",
+          children: [
+            /* @__PURE__ */ e(G, {}),
+            " 一键拆分"
+          ]
+        }
+      )
+    ] }),
+    i.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: '暂无功能，先在"业务需求"录入需求，再点击"一键拆分"' }) : /* @__PURE__ */ a("table", { className: t.table, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("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: i.map((n) => /* @__PURE__ */ a("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 Ni({
+  onCancel: i,
+  onSubmit: s
+}) {
+  const [n, d] = h(""), [u, m] = h("");
+  return /* @__PURE__ */ e("div", { className: t.modal, children: /* @__PURE__ */ a("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) => d(l.target.value),
+        placeholder: "例如：智能客服平台"
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "产品愿景" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: u,
+        onChange: (l) => m(l.target.value),
+        placeholder: "简要描述愿景..."
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: i, children: "取消" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => n && s({ name: n, vision: u, status: "DRAFT" }),
+          disabled: !n,
+          children: [
+            /* @__PURE__ */ e(H, {}),
+            " 创建"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function vi({
+  onCancel: i,
+  onSubmit: s
+}) {
+  const [n, d] = h(""), [u, m] = h(""), [l, f] = h("");
+  return /* @__PURE__ */ e("div", { className: t.modal, children: /* @__PURE__ */ a("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) => d(r.target.value),
+        placeholder: "首页 / 登录页 / 后台..."
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "URL 或图片地址 *" }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: t.formInput,
+        value: u,
+        onChange: (r) => m(r.target.value),
+        placeholder: "https://... 或 Figma link"
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "说明" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: l,
+        onChange: (r) => f(r.target.value)
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: i, children: "取消" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => u && s({ name: n, fileUrl: u, description: l, assetType: "IMAGE" }),
+          disabled: !u,
+          children: [
+            /* @__PURE__ */ e(H, {}),
+            " 添加"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function yi({
+  onCancel: i,
+  onSubmit: s
+}) {
+  const [n, d] = h(""), [u, m] = h(""), [l, f] = h("P1");
+  return /* @__PURE__ */ e("div", { className: t.modal, children: /* @__PURE__ */ a("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) => d(r.target.value),
+        placeholder: "例如：支持用户拖拽上传设计稿"
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "描述" }),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        className: t.formTextarea,
+        value: u,
+        onChange: (r) => m(r.target.value)
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: t.formLabel, children: "优先级" }),
+    /* @__PURE__ */ a(
+      "select",
+      {
+        className: t.formInput,
+        value: l,
+        onChange: (r) => f(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__ */ a("div", { className: t.modalActions, children: [
+      /* @__PURE__ */ e("button", { className: t.btn, onClick: i, children: "取消" }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          className: `${t.btn} ${t.btnPrimary}`,
+          onClick: () => n && s({ title: n, description: u, priority: l }),
+          disabled: !n,
+          children: [
+            /* @__PURE__ */ e(H, {}),
+            " 添加"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function zi({ items: i }) {
+  const [s, n] = h(null), [d, u] = h(""), m = (r, g) => {
+    if (!r) return g;
+    try {
+      return JSON.parse(r);
+    } catch {
+      return g;
+    }
+  }, l = d.trim() ? i.filter((r) => m(r.impactedPages, []).some((_) => _.includes(d.trim()))) : i, f = (r) => r === "P0" ? t.priorityP0 : r === "P1" ? t.priorityP1 : t.priorityP2;
+  return l.length > 0 && (!s || !l.find((r) => r.id === s.id)) && n(l[0]), /* @__PURE__ */ a("div", { className: t.bizLayout, children: [
+    /* @__PURE__ */ a("div", { className: t.bizList, children: [
+      /* @__PURE__ */ a("div", { className: t.bizFilter, children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            className: t.formInput,
+            placeholder: "反向追溯: 输入页面编码 (如 ctc.4a.account)",
+            value: d,
+            onChange: (r) => u(r.target.value)
+          }
+        ),
+        d && /* @__PURE__ */ a("span", { className: t.bizFilterHint, children: [
+          l.length,
+          " 篇稿件涉及该页面"
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: t.bizListHeader, children: [
+        "业务理解 / 跨页面因果链 (",
+        l.length,
+        ")"
+      ] }),
+      l.length === 0 ? /* @__PURE__ */ e("div", { className: t.empty, children: d ? `没有稿件涉及「${d}」` : "暂无稿件, 请先在 DBA 层跑建表 SQL + 种子数据" }) : l.map((r) => {
+        var _;
+        const g = m(r.impactedPages, []);
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: `${t.bizItem} ${(s == null ? void 0 : s.id) === r.id ? t.bizItemActive : ""}`,
+            onClick: () => n(r),
+            children: [
+              /* @__PURE__ */ a("div", { className: t.bizItemHeader, children: [
+                /* @__PURE__ */ e("span", { className: `${t.priority} ${f(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__ */ a("div", { className: t.bizItemMeta, children: [
+                "触发: ",
+                ((_ = m(r.triggerInfo, {})) == null ? void 0 : _.page) || "-",
+                /* @__PURE__ */ e("span", { className: t.bizItemDot, children: "•" }),
+                "影响 ",
+                g.length,
+                " 个页面"
+              ] })
+            ]
+          },
+          r.id
+        );
+      })
+    ] }),
+    /* @__PURE__ */ e("div", { className: t.bizDetail, children: s ? /* @__PURE__ */ a(ce, { children: [
+      /* @__PURE__ */ a("div", { className: t.bizDetailHeader, children: [
+        /* @__PURE__ */ e("div", { className: t.bizDetailTitle, children: s.title }),
+        /* @__PURE__ */ e("div", { className: t.bizDetailCode, children: s.bizCode })
+      ] }),
+      /* @__PURE__ */ a("div", { className: t.bizSection, children: [
+        /* @__PURE__ */ a("div", { className: t.bizSectionTitle, children: [
+          /* @__PURE__ */ e(G, {}),
+          " 触发信息"
+        ] }),
+        (() => {
+          const r = m(s.triggerInfo, {});
+          return /* @__PURE__ */ a("div", { className: t.bizTriggerCard, children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("b", { children: "页面:" }),
+              " ",
+              r.page || "-"
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("b", { children: "动作:" }),
+              " ",
+              r.action || "-"
+            ] }),
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("b", { children: "元素:" }),
+              " ",
+              r.element || "-"
+            ] }),
+            r.preStates && r.preStates.length > 0 && /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ e("b", { children: "前置:" }),
+              " ",
+              r.preStates.join(" / ")
+            ] })
+          ] });
+        })()
+      ] }),
+      /* @__PURE__ */ a("div", { className: t.bizSection, children: [
+        /* @__PURE__ */ a("div", { className: t.bizSectionTitle, children: [
+          "⚡ 跨页面连带效应 (",
+          m(s.crossPageEffects, []).length,
+          ")"
+        ] }),
+        /* @__PURE__ */ e("div", { className: t.bizEffects, children: m(s.crossPageEffects, []).map((r, g) => /* @__PURE__ */ a("div", { className: t.bizEffectCard, children: [
+          /* @__PURE__ */ a("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__ */ a("div", { className: t.bizEffectType, children: [
+            "[",
+            r.effectType,
+            "]"
+          ] }),
+          /* @__PURE__ */ e("div", { className: t.bizEffectDesc, children: r.description })
+        ] }, g)) })
+      ] }),
+      s.story && /* @__PURE__ */ a("div", { className: t.bizSection, children: [
+        /* @__PURE__ */ e("div", { className: t.bizSectionTitle, children: "📖 故事正文" }),
+        /* @__PURE__ */ e("pre", { className: t.bizStory, children: s.story })
+      ] })
+    ] }) : /* @__PURE__ */ e("div", { className: t.empty, children: "从左侧选择一份稿件查看因果链详情" }) })
+  ] });
+}
+export {
+  Si as default
+};