dishui 0.0.49 → 0.0.50

package/dist/components/pro/Flow/panels/InspectorPanel.js

@@ -1,29 +1,31 @@
 import g from "../../../Button/index.js";
-import b from "../../../Input/index.js";
-import m from "../../../Label/index.js";
-import X from "../../../Checkbox/index.js";
-import k from "../../../Select/index.js";
-import { BORDER_STYLE_OPTIONS as q, DEFAULT_NODE_DATA as Q, EDGE_LINE_STYLE_OPTIONS as $, EDGE_MARKER_OPTIONS as Y, EDGE_TYPE_OPTIONS as D } from "../constants.js";
-import { useFlowContext as U } from "../context/FlowContext.js";
-import { useFlowUI as ee } from "../context/FlowUIContext.js";
-import { COMMON_COLORS as R, THEME_SYNC_TOKEN as le, isThemeToken as se, themeTokenCssVar as ae } from "../utils/themeColor.js";
-import { generateId as ie } from "../nodes/nodeUtils.js";
-import { getAllSvgIcons as te, getSvgIcon as ne } from "../nodes/svgIcons.js";
-import { useDraggablePanel as oe } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as re } from "../hooks/useResizablePanel.js";
-import { FLOW_NODE_TYPES as ce } from "../types.js";
-import { ExpandableTextarea as Z } from "./ExpandableTextarea.js";
-import { DataInspectorSection as de } from "./DataInspectorSection.js";
-import { useMemo as A, useRef as me } from "react";
-import { Fragment as L, jsx as e, jsxs as a } from "react/jsx-runtime";
-function Pe() {
-  const { showInspector: l } = ee(), { panelStyle: c, handleProps: r } = oe(), { panelWidth: t, resizeHandleProps: p } = re("left", 240);
+import v from "../../../Input/index.js";
+import n from "../../../Label/index.js";
+import K from "../../../Checkbox/index.js";
+import y from "../../../Select/index.js";
+import { BORDER_STYLE_OPTIONS as ee, DEFAULT_NODE_DATA as le, EDGE_LINE_STYLE_OPTIONS as V, EDGE_MARKER_OPTIONS as X, EDGE_TYPE_OPTIONS as se } from "../constants.js";
+import { useFlowContext as ae } from "../context/FlowContext.js";
+import { useFlowUI as te } from "../context/FlowUIContext.js";
+import { COMMON_COLORS as Z, THEME_SYNC_TOKEN as ie, isThemeToken as oe, themeTokenCssVar as ne } from "../utils/themeColor.js";
+import { generateId as re } from "../nodes/nodeUtils.js";
+import { getAllSvgIcons as ce, getSvgIcon as de } from "../nodes/svgIcons.js";
+import { COMPONENT_STYLES as _ } from "../archify/palette.js";
+import { ARCHIFY_COMPONENT_LABELS as A, ARCHIFY_COMPONENT_ORDER as $, archifyStylePatch as H } from "../archify/presets.js";
+import { useDraggablePanel as he } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as me } from "../hooks/useResizablePanel.js";
+import { FLOW_NODE_TYPES as pe } from "../types.js";
+import { ExpandableTextarea as j } from "./ExpandableTextarea.js";
+import { DataInspectorSection as fe } from "./DataInspectorSection.js";
+import { useMemo as R, useRef as ue } from "react";
+import { Fragment as F, jsx as e, jsxs as a } from "react/jsx-runtime";
+function Xe() {
+  const { showInspector: l } = te(), { panelStyle: d, handleProps: o } = he(), { panelWidth: i, resizeHandleProps: p } = me("left", 240);
   return l ? /* @__PURE__ */ a("div", {
     className: "flow-inspector",
     "data-flow-panel": !0,
     style: {
-      ...c,
-      width: t
+      ...d,
+      width: i
     },
     children: [
       /* @__PURE__ */ e("div", {
@@ -32,7 +34,7 @@ function Pe() {
       }),
       /* @__PURE__ */ e("div", {
         className: "flow-panel-drag-handle",
-        ...r,
+        ...o,
         style: {
           fontSize: 11,
           fontWeight: 600,
@@ -46,31 +48,31 @@ function Pe() {
       }),
       /* @__PURE__ */ e("div", {
         className: "flow-inspector-content",
-        children: /* @__PURE__ */ e(he, {})
+        children: /* @__PURE__ */ e(we, {})
       })
     ]
   }) : null;
 }
-function he() {
-  const { currentCanvas: l, selection: c, setSelection: r, setDoc: t, currentCanvasId: p } = U(), f = A(() => l.nodes.filter((d) => c.nodeIds.has(d.id)), [l.nodes, c.nodeIds]), s = A(() => l.edges.filter((d) => c.edgeIds.has(d.id)), [l.edges, c.edgeIds]), u = A(() => l.lines.filter((d) => c.lineIds.has(d.id)), [l.lines, c.lineIds]), S = f.length > 0 || s.length > 0 || u.length > 0, z = f.length === 1 && (f[0].type === "flowGroup" || f[0].type === "geometryGroup" || f[0].data.isGroup), M = f.length + u.length, P = (d = "flowGroup") => {
-    if (M < 2) return;
+function we() {
+  const { currentCanvas: l, selection: d, setSelection: o, setDoc: i, currentCanvasId: p } = ae(), f = R(() => l.nodes.filter((h) => d.nodeIds.has(h.id)), [l.nodes, d.nodeIds]), s = R(() => l.edges.filter((h) => d.edgeIds.has(h.id)), [l.edges, d.edgeIds]), u = R(() => l.lines.filter((h) => d.lineIds.has(h.id)), [l.lines, d.lineIds]), k = f.length > 0 || s.length > 0 || u.length > 0, C = f.length === 1 && (f[0].type === "flowGroup" || f[0].type === "geometryGroup" || f[0].data.isGroup), L = f.length + u.length, B = (h = "flowGroup") => {
+    if (L < 2) return;
     const w = 20;
-    let o = 1 / 0, i = 1 / 0, n = -1 / 0, h = -1 / 0;
+    let c = 1 / 0, t = 1 / 0, r = -1 / 0, m = -1 / 0;
     for (const x of f)
-      o = Math.min(o, x.position.x), i = Math.min(i, x.position.y), n = Math.max(n, x.position.x + x.width), h = Math.max(h, x.position.y + x.height);
-    for (const x of u) for (const C of x.points)
-      o = Math.min(o, C.x), i = Math.min(i, C.y), n = Math.max(n, C.x), h = Math.max(h, C.y);
-    const I = d === "geometryGroup", E = ie("group"), v = {
+      c = Math.min(c, x.position.x), t = Math.min(t, x.position.y), r = Math.max(r, x.position.x + x.width), m = Math.max(m, x.position.y + x.height);
+    for (const x of u) for (const S of x.points)
+      c = Math.min(c, S.x), t = Math.min(t, S.y), r = Math.max(r, S.x), m = Math.max(m, S.y);
+    const I = h === "geometryGroup", E = re("group"), b = {
       id: E,
-      type: d,
+      type: h,
       position: {
-        x: o - w,
-        y: i - w
+        x: c - w,
+        y: t - w
       },
-      width: n - o + w * 2,
-      height: h - i + w * 2,
+      width: r - c + w * 2,
+      height: m - t + w * 2,
       data: {
-        ...Q,
+        ...le,
         label: I ? "Geo Group" : "Group",
         fill: I ? "#fefce8" : "#f0f9ff",
         stroke: "#9ca3af",
@@ -78,225 +80,225 @@ function he() {
         borderStyle: I ? "dashed" : "dotted",
         isGroup: !0
       }
-    }, T = c.nodeIds, N = c.lineIds;
-    t((x) => {
-      const C = x.canvases[p];
-      return C ? {
+    }, T = d.nodeIds, N = d.lineIds;
+    i((x) => {
+      const S = x.canvases[p];
+      return S ? {
         ...x,
         canvases: {
           ...x.canvases,
           [p]: {
-            ...C,
-            nodes: I ? [v, ...C.nodes] : [v, ...C.nodes.map((F) => T.has(F.id) ? {
-              ...F,
+            ...S,
+            nodes: I ? [b, ...S.nodes] : [b, ...S.nodes.map((G) => T.has(G.id) ? {
+              ...G,
               parentId: E
-            } : F)],
-            lines: I ? C.lines : C.lines.map((F) => N.has(F.id) ? {
-              ...F,
+            } : G)],
+            lines: I ? S.lines : S.lines.map((G) => N.has(G.id) ? {
+              ...G,
               parentId: E
-            } : F)
+            } : G)
           }
         }
       } : x;
-    }), r({
+    }), o({
       nodeIds: /* @__PURE__ */ new Set([E]),
       edgeIds: /* @__PURE__ */ new Set(),
       lineIds: /* @__PURE__ */ new Set()
     });
-  }, _ = () => {
-    const d = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
-    for (const i of f) (i.type === "flowGroup" || i.type === "geometryGroup" || i.data.isGroup) && d.add(i.id);
-    if (d.size !== 0) {
-      for (const i of l.nodes) i.parentId && d.has(i.parentId) && w.add(i.id);
-      for (const i of l.lines) i.parentId && d.has(i.parentId) && o.add(i.id);
-      t((i) => {
-        const n = i.canvases[p];
-        return n ? {
-          ...i,
+  }, Y = () => {
+    const h = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+    for (const t of f) (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup) && h.add(t.id);
+    if (h.size !== 0) {
+      for (const t of l.nodes) t.parentId && h.has(t.parentId) && w.add(t.id);
+      for (const t of l.lines) t.parentId && h.has(t.parentId) && c.add(t.id);
+      i((t) => {
+        const r = t.canvases[p];
+        return r ? {
+          ...t,
           canvases: {
-            ...i.canvases,
+            ...t.canvases,
             [p]: {
-              ...n,
-              nodes: n.nodes.filter((h) => !d.has(h.id)).map((h) => w.has(h.id) ? {
-                ...h,
+              ...r,
+              nodes: r.nodes.filter((m) => !h.has(m.id)).map((m) => w.has(m.id) ? {
+                ...m,
                 parentId: void 0
-              } : h),
-              lines: n.lines.map((h) => o.has(h.id) ? {
-                ...h,
+              } : m),
+              lines: r.lines.map((m) => c.has(m.id) ? {
+                ...m,
                 parentId: void 0
-              } : h)
+              } : m)
             }
           }
-        } : i;
-      }), r({
+        } : t;
+      }), o({
         nodeIds: w,
         edgeIds: /* @__PURE__ */ new Set(),
-        lineIds: o
+        lineIds: c
       });
     }
-  }, G = (d) => {
-    const w = c.nodeIds;
-    w.size !== 0 && t((o) => {
-      const i = o.canvases[p];
-      if (!i) return o;
-      const n = i.nodes.map((v) => v.zIndex ?? 0), h = n.length > 0 ? Math.max(...n) : 0, I = n.length > 0 ? Math.min(...n) : 0, E = i.nodes.map((v) => {
-        if (!w.has(v.id)) return v;
-        const T = v.zIndex ?? 0;
+  }, O = (h) => {
+    const w = d.nodeIds;
+    w.size !== 0 && i((c) => {
+      const t = c.canvases[p];
+      if (!t) return c;
+      const r = t.nodes.map((b) => b.zIndex ?? 0), m = r.length > 0 ? Math.max(...r) : 0, I = r.length > 0 ? Math.min(...r) : 0, E = t.nodes.map((b) => {
+        if (!w.has(b.id)) return b;
+        const T = b.zIndex ?? 0;
         let N = T;
-        return d === "front" ? N = h + 1 : d === "back" ? N = I - 1 : d === "up" ? N = T + 1 : d === "down" && (N = T - 1), {
-          ...v,
+        return h === "front" ? N = m + 1 : h === "back" ? N = I - 1 : h === "up" ? N = T + 1 : h === "down" && (N = T - 1), {
+          ...b,
           zIndex: N
         };
       });
       return {
-        ...o,
+        ...c,
         canvases: {
-          ...o.canvases,
+          ...c.canvases,
           [p]: {
-            ...i,
+            ...t,
             nodes: E
           }
         }
       };
     });
-  }, O = (d) => {
-    const w = c.lineIds;
-    w.size !== 0 && t((o) => {
-      const i = o.canvases[p];
-      if (!i) return o;
-      const n = i.lines.map((v) => v.zIndex ?? 0), h = n.length > 0 ? Math.max(...n) : 0, I = n.length > 0 ? Math.min(...n) : 0, E = i.lines.map((v) => {
-        if (!w.has(v.id)) return v;
-        const T = v.zIndex ?? 0;
+  }, M = (h) => {
+    const w = d.lineIds;
+    w.size !== 0 && i((c) => {
+      const t = c.canvases[p];
+      if (!t) return c;
+      const r = t.lines.map((b) => b.zIndex ?? 0), m = r.length > 0 ? Math.max(...r) : 0, I = r.length > 0 ? Math.min(...r) : 0, E = t.lines.map((b) => {
+        if (!w.has(b.id)) return b;
+        const T = b.zIndex ?? 0;
         let N = T;
-        return d === "front" ? N = h + 1 : d === "back" ? N = I - 1 : d === "up" ? N = T + 1 : d === "down" && (N = T - 1), {
-          ...v,
+        return h === "front" ? N = m + 1 : h === "back" ? N = I - 1 : h === "up" ? N = T + 1 : h === "down" && (N = T - 1), {
+          ...b,
           zIndex: N
         };
       });
       return {
-        ...o,
+        ...c,
         canvases: {
-          ...o.canvases,
+          ...c.canvases,
           [p]: {
-            ...i,
+            ...t,
             lines: E
           }
         }
       };
     });
-  }, y = (d, w, o) => {
-    W(d, { [w]: o });
-  }, W = (d, w) => {
-    t((o) => {
-      const i = o.canvases[p];
-      return i ? {
-        ...o,
+  }, z = (h, w, c) => {
+    W(h, { [w]: c });
+  }, W = (h, w) => {
+    i((c) => {
+      const t = c.canvases[p];
+      return t ? {
+        ...c,
         canvases: {
-          ...o.canvases,
+          ...c.canvases,
           [p]: {
-            ...i,
-            nodes: i.nodes.map((n) => n.id === d ? {
-              ...n,
+            ...t,
+            nodes: t.nodes.map((r) => r.id === h ? {
+              ...r,
               data: {
-                ...n.data,
+                ...r.data,
                 ...w
               }
-            } : n)
+            } : r)
           }
         }
-      } : o;
+      } : c;
     });
-  }, j = (d, w, o) => {
-    t((i) => {
-      const n = i.canvases[p];
-      return n ? {
-        ...i,
+  }, J = (h, w, c) => {
+    i((t) => {
+      const r = t.canvases[p];
+      return r ? {
+        ...t,
         canvases: {
-          ...i.canvases,
+          ...t.canvases,
           [p]: {
-            ...n,
-            nodes: n.nodes.map((h) => h.id === d ? {
-              ...h,
-              [w]: o
-            } : h)
+            ...r,
+            nodes: r.nodes.map((m) => m.id === h ? {
+              ...m,
+              [w]: c
+            } : m)
           }
         }
-      } : i;
+      } : t;
     });
-  }, H = (d, w, o) => {
-    t((i) => {
-      const n = i.canvases[p];
-      return n ? {
-        ...i,
+  }, q = (h, w, c) => {
+    i((t) => {
+      const r = t.canvases[p];
+      return r ? {
+        ...t,
         canvases: {
-          ...i.canvases,
+          ...t.canvases,
           [p]: {
-            ...n,
-            edges: n.edges.map((h) => h.id === d ? {
-              ...h,
+            ...r,
+            edges: r.edges.map((m) => m.id === h ? {
+              ...m,
               data: {
-                ...h.data,
-                [w]: o
+                ...m.data,
+                [w]: c
               }
-            } : h)
+            } : m)
           }
         }
-      } : i;
+      } : t;
     });
-  }, K = (d, w) => {
-    t((o) => {
-      const i = o.canvases[p];
-      return i ? {
-        ...o,
+  }, Q = (h, w) => {
+    i((c) => {
+      const t = c.canvases[p];
+      return t ? {
+        ...c,
         canvases: {
-          ...o.canvases,
+          ...c.canvases,
           [p]: {
-            ...i,
-            nodes: i.nodes.map((n) => n.id === d ? {
-              ...n,
+            ...t,
+            nodes: t.nodes.map((r) => r.id === h ? {
+              ...r,
               type: w
-            } : n)
+            } : r)
           }
         }
-      } : o;
+      } : c;
     });
-  }, V = (d, w) => {
-    t((o) => {
-      const i = o.canvases[p];
-      return i ? {
-        ...o,
+  }, D = (h, w) => {
+    i((c) => {
+      const t = c.canvases[p];
+      return t ? {
+        ...c,
         canvases: {
-          ...o.canvases,
+          ...c.canvases,
           [p]: {
-            ...i,
-            edges: i.edges.map((n) => n.id === d ? {
-              ...n,
+            ...t,
+            edges: t.edges.map((r) => r.id === h ? {
+              ...r,
               type: w
-            } : n)
+            } : r)
           }
         }
-      } : o;
+      } : c;
     });
-  }, J = (d, w, o) => {
-    t((i) => {
-      const n = i.canvases[p];
-      return n ? {
-        ...i,
+  }, U = (h, w, c) => {
+    i((t) => {
+      const r = t.canvases[p];
+      return r ? {
+        ...t,
         canvases: {
-          ...i.canvases,
+          ...t.canvases,
           [p]: {
-            ...n,
-            lines: n.lines.map((h) => h.id === d ? {
-              ...h,
-              [w]: o
-            } : h)
+            ...r,
+            lines: r.lines.map((m) => m.id === h ? {
+              ...m,
+              [w]: c
+            } : m)
           }
         }
-      } : i;
+      } : t;
     });
   };
-  return /* @__PURE__ */ a(L, { children: [
-    !S && /* @__PURE__ */ e("div", {
+  return /* @__PURE__ */ a(F, { children: [
+    !k && /* @__PURE__ */ e("div", {
       style: {
         fontSize: 12,
         color: "color-mix(in oklch, var(--color-base-content) 40%, transparent)",
@@ -305,15 +307,15 @@ function he() {
       },
       children: "Select an element to inspect"
     }),
-    f.length === 1 && /* @__PURE__ */ e(pe, {
+    f.length === 1 && /* @__PURE__ */ e(ve, {
       node: f[0],
-      isGroup: z,
-      onUpdateData: y,
+      isGroup: C,
+      onUpdateData: z,
       onUpdateDataBatch: W,
-      onUpdateDimension: j,
-      onUpdateType: K
+      onUpdateDimension: J,
+      onUpdateType: Q
     }),
-    M > 1 && /* @__PURE__ */ a("div", {
+    L > 1 && /* @__PURE__ */ a("div", {
       className: "flow-inspector-section",
       children: [
         /* @__PURE__ */ e("div", {
@@ -342,20 +344,20 @@ function he() {
           },
           children: [/* @__PURE__ */ e(g, {
             size: "xs",
-            onClick: () => P("flowGroup"),
+            onClick: () => B("flowGroup"),
             block: !0,
             children: "Group (⌘G)"
           }), /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => P("geometryGroup"),
+            onClick: () => B("geometryGroup"),
             block: !0,
             children: "Geo Group (⌘⌥G)"
           })]
         })
       ]
     }),
-    z && /* @__PURE__ */ a("div", {
+    C && /* @__PURE__ */ a("div", {
       className: "flow-inspector-section",
       children: [
         /* @__PURE__ */ e("div", {
@@ -373,7 +375,7 @@ function he() {
         /* @__PURE__ */ e(g, {
           size: "xs",
           variant: "ghost",
-          onClick: _,
+          onClick: Y,
           block: !0,
           children: "Ungroup (⌘⇧G)"
         })
@@ -393,7 +395,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => G("front"),
+            onClick: () => O("front"),
             children: /* @__PURE__ */ e("span", {
               title: "Bring to Front (⌘⇧↑)",
               children: "⤒"
@@ -402,7 +404,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => G("up"),
+            onClick: () => O("up"),
             children: /* @__PURE__ */ e("span", {
               title: "Bring Forward (⌘↑)",
               children: "↑"
@@ -411,7 +413,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => G("down"),
+            onClick: () => O("down"),
             children: /* @__PURE__ */ e("span", {
               title: "Send Backward (⌘↓)",
               children: "↓"
@@ -420,7 +422,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => G("back"),
+            onClick: () => O("back"),
             children: /* @__PURE__ */ e("span", {
               title: "Send to Back (⌘⇧↓)",
               children: "⤓"
@@ -429,14 +431,14 @@ function he() {
         ]
       })]
     }),
-    s.length === 1 && /* @__PURE__ */ e(ue, {
+    s.length === 1 && /* @__PURE__ */ e(ge, {
       edge: s[0],
-      onUpdateData: H,
-      onUpdateType: V
+      onUpdateData: q,
+      onUpdateType: D
     }),
-    u.length === 1 && /* @__PURE__ */ a(L, { children: [/* @__PURE__ */ e(we, {
+    u.length === 1 && /* @__PURE__ */ a(F, { children: [/* @__PURE__ */ e(Ne, {
       line: u[0],
-      onUpdateData: J
+      onUpdateData: U
     }), /* @__PURE__ */ a("div", {
       className: "flow-inspector-section",
       children: [/* @__PURE__ */ e("div", {
@@ -451,7 +453,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => O("front"),
+            onClick: () => M("front"),
             children: /* @__PURE__ */ e("span", {
               title: "Bring to Front",
               children: "⤒"
@@ -460,7 +462,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => O("up"),
+            onClick: () => M("up"),
             children: /* @__PURE__ */ e("span", {
               title: "Bring Forward",
               children: "↑"
@@ -469,7 +471,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => O("down"),
+            onClick: () => M("down"),
             children: /* @__PURE__ */ e("span", {
               title: "Send Backward",
               children: "↓"
@@ -478,7 +480,7 @@ function he() {
           /* @__PURE__ */ e(g, {
             size: "xs",
             variant: "ghost",
-            onClick: () => O("back"),
+            onClick: () => M("back"),
             children: /* @__PURE__ */ e("span", {
               title: "Send to Back",
               children: "⤓"
@@ -489,8 +491,8 @@ function he() {
     })] })
   ] });
 }
-function B({ value: l, onChange: c, kind: r, allowTransparent: t, customFallback: p = "#ffffff" }) {
-  const f = le[r], s = ae(f) ?? "var(--color-base-content)", u = l ?? "", S = u.toLowerCase(), z = se(u), M = u === "transparent", P = R.some((y) => y.value.toLowerCase() === S), _ = u === f, G = !!u && !z && !M && !P, O = G ? u : p;
+function P({ value: l, onChange: d, kind: o, allowTransparent: i, customFallback: p = "#ffffff" }) {
+  const f = ie[o], s = ne(f) ?? "var(--color-base-content)", u = l ?? "", k = u.toLowerCase(), C = oe(u), L = u === "transparent", B = Z.some((z) => z.value.toLowerCase() === k), Y = u === f, O = !!u && !C && !L && !B, M = O ? u : p;
   return /* @__PURE__ */ a("div", {
     className: "flow-color-field",
     children: [
@@ -498,42 +500,42 @@ function B({ value: l, onChange: c, kind: r, allowTransparent: t, customFallback
         type: "button",
         title: "跟随主题切换",
         "aria-label": "跟随主题切换",
-        className: `flow-color-swatch flow-color-swatch--sync${_ ? " is-active" : ""}`,
+        className: `flow-color-swatch flow-color-swatch--sync${Y ? " is-active" : ""}`,
         style: { background: s },
-        onClick: () => c(f)
+        onClick: () => d(f)
       }),
       /* @__PURE__ */ e("span", { className: "flow-color-divider" }),
-      R.map((y) => /* @__PURE__ */ e("button", {
+      Z.map((z) => /* @__PURE__ */ e("button", {
         type: "button",
-        title: y.label,
-        "aria-label": y.label,
-        className: `flow-color-swatch${!z && !M && S === y.value.toLowerCase() ? " is-active" : ""}`,
-        style: { background: y.value },
-        onClick: () => c(y.value)
-      }, y.value)),
+        title: z.label,
+        "aria-label": z.label,
+        className: `flow-color-swatch${!C && !L && k === z.value.toLowerCase() ? " is-active" : ""}`,
+        style: { background: z.value },
+        onClick: () => d(z.value)
+      }, z.value)),
       /* @__PURE__ */ e("span", { className: "flow-color-divider" }),
       /* @__PURE__ */ e("label", {
-        className: `flow-color-swatch flow-color-swatch--custom${G ? " is-active" : ""}`,
+        className: `flow-color-swatch flow-color-swatch--custom${O ? " is-active" : ""}`,
         title: "自定义颜色",
-        style: G ? { background: u } : void 0,
+        style: O ? { background: u } : void 0,
         children: /* @__PURE__ */ e("input", {
           type: "color",
-          value: O,
-          onChange: (y) => c(y.target.value)
+          value: M,
+          onChange: (z) => d(z.target.value)
         })
       }),
-      t && /* @__PURE__ */ e("button", {
+      i && /* @__PURE__ */ e("button", {
         type: "button",
         title: "透明",
         "aria-label": "透明",
-        className: `flow-color-swatch flow-color-swatch--transparent${M ? " is-active" : ""}`,
-        onClick: () => c("transparent")
+        className: `flow-color-swatch flow-color-swatch--transparent${L ? " is-active" : ""}`,
+        onClick: () => d("transparent")
       })
     ]
   });
 }
-function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpdateDimension: p, onUpdateType: f }) {
-  return /* @__PURE__ */ a(L, { children: [
+function ve({ node: l, isGroup: d, onUpdateData: o, onUpdateDataBatch: i, onUpdateDimension: p, onUpdateType: f }) {
+  return /* @__PURE__ */ a(F, { children: [
     /* @__PURE__ */ a("div", {
       className: "flow-inspector-section",
       children: [
@@ -543,24 +545,24 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Label"
-          }), /* @__PURE__ */ e(b, {
+          }), /* @__PURE__ */ e(v, {
             size: "xs",
             value: l.data.label,
-            onChange: (s) => r(l.id, "label", s.target.value)
+            onChange: (s) => o(l.id, "label", s.target.value)
           })]
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Type"
-          }), /* @__PURE__ */ e(k, {
-            options: ce.map((s) => ({
+          }), /* @__PURE__ */ e(y, {
+            options: pe.map((s) => ({
               value: s,
               label: s
             })),
@@ -580,11 +582,11 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "W"
-          }), /* @__PURE__ */ e(b, {
+          }), /* @__PURE__ */ e(v, {
             size: "xs",
             type: "number",
             value: String(Math.round(l.width * 100) / 100),
@@ -593,11 +595,11 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "H"
-          }), /* @__PURE__ */ e(b, {
+          }), /* @__PURE__ */ e(v, {
             size: "xs",
             type: "number",
             value: String(Math.round(l.height * 100) / 100),
@@ -615,107 +617,185 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Fill"
-          }), /* @__PURE__ */ e(B, {
+          }), /* @__PURE__ */ e(P, {
             value: l.data.fill,
             kind: "fill",
             allowTransparent: !0,
             customFallback: "#ffffff",
-            onChange: (s) => r(l.id, "fill", s)
+            onChange: (s) => o(l.id, "fill", s)
           })]
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Stroke"
-          }), /* @__PURE__ */ e(B, {
+          }), /* @__PURE__ */ e(P, {
             value: l.data.stroke,
             kind: "stroke",
             allowTransparent: !0,
             customFallback: "#000000",
-            onChange: (s) => r(l.id, "stroke", s)
+            onChange: (s) => o(l.id, "stroke", s)
           })]
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Font"
-          }), /* @__PURE__ */ e(b, {
+          }), /* @__PURE__ */ e(v, {
             size: "xs",
             type: "number",
             value: String(l.data.fontSize),
-            onChange: (s) => r(l.id, "fontSize", Number(s.target.value) || 14)
+            onChange: (s) => o(l.id, "fontSize", Number(s.target.value) || 14)
           })]
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Color"
-          }), /* @__PURE__ */ e(B, {
+          }), /* @__PURE__ */ e(P, {
             value: l.data.color,
             kind: "text",
             customFallback: "#111827",
-            onChange: (s) => r(l.id, "color", s)
+            onChange: (s) => o(l.id, "color", s)
           })]
         }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Font Color"
-          }), /* @__PURE__ */ e(B, {
+          }), /* @__PURE__ */ e(P, {
             value: l.data.labelColor ?? l.data.color,
             kind: "text",
             customFallback: "#111827",
-            onChange: (s) => r(l.id, "labelColor", s)
+            onChange: (s) => o(l.id, "labelColor", s)
           })]
         }),
+        l.type !== "shapeSvg" && l.type !== "mediaNode" && /* @__PURE__ */ a(F, { children: [
+          /* @__PURE__ */ a("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ e(n, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "Text Pos"
+            }), /* @__PURE__ */ e(y, {
+              options: [
+                {
+                  value: "center",
+                  label: "center"
+                },
+                {
+                  value: "top",
+                  label: "top"
+                },
+                {
+                  value: "bottom",
+                  label: "bottom"
+                },
+                {
+                  value: "left",
+                  label: "left"
+                },
+                {
+                  value: "right",
+                  label: "right"
+                },
+                {
+                  value: "top-left",
+                  label: "top-left"
+                },
+                {
+                  value: "top-right",
+                  label: "top-right"
+                },
+                {
+                  value: "bottom-left",
+                  label: "bottom-left"
+                },
+                {
+                  value: "bottom-right",
+                  label: "bottom-right"
+                }
+              ],
+              value: l.data.textPlacement ?? (d || l.type === "animAnchor" ? "top" : "center"),
+              onChange: (s) => o(l.id, "textPlacement", s),
+              style: { fontSize: 12 }
+            })]
+          }),
+          /* @__PURE__ */ a("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ e(n, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "Text Off X"
+            }), /* @__PURE__ */ e(v, {
+              size: "xs",
+              type: "number",
+              value: String(l.data.labelOffsetX ?? 0),
+              onChange: (s) => o(l.id, "labelOffsetX", Number(s.target.value) || 0)
+            })]
+          }),
+          /* @__PURE__ */ a("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ e(n, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "Text Off Y"
+            }), /* @__PURE__ */ e(v, {
+              size: "xs",
+              type: "number",
+              value: String(l.data.labelOffsetY ?? 0),
+              onChange: (s) => o(l.id, "labelOffsetY", Number(s.target.value) || 0)
+            })]
+          })
+        ] }),
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
-          children: [/* @__PURE__ */ e(m, {
+          children: [/* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "Border"
-          }), /* @__PURE__ */ e(k, {
+          }), /* @__PURE__ */ e(y, {
             options: [{
               value: "none",
               label: "none"
-            }, ...q.map((s) => ({
+            }, ...ee.map((s) => ({
               value: s,
               label: s
             }))],
-            value: l.data.borderStyle ?? (c ? l.type === "geometryGroup" ? "dashed" : "dotted" : "solid"),
-            onChange: (s) => r(l.id, "borderStyle", s),
+            value: l.data.borderStyle ?? (d ? l.type === "geometryGroup" ? "dashed" : "dotted" : "solid"),
+            onChange: (s) => o(l.id, "borderStyle", s),
             style: { fontSize: 12 }
           })]
         }),
-        l.type === "shapeSvg" && /* @__PURE__ */ a(L, { children: [
+        l.type === "shapeSvg" && /* @__PURE__ */ a(F, { children: [
           /* @__PURE__ */ a("div", {
             className: "flow-inspector-row",
-            children: [/* @__PURE__ */ e(m, {
+            children: [/* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Icon"
-            }), /* @__PURE__ */ e(k, {
-              options: te().map((s) => ({
+            }), /* @__PURE__ */ e(y, {
+              options: ce().map((s) => ({
                 value: s.id,
                 label: s.label
               })),
               value: l.data.svgId ?? "",
               placeholder: "选择图标",
               onChange: (s) => {
-                const u = ne(String(s));
-                t(l.id, {
+                const u = de(String(s));
+                i(l.id, {
                   svgId: s,
                   ...u?.brandColor ? { color: u.brandColor } : {},
                   ...!l.data.label || l.data.label === "Text" ? { label: u?.label ?? String(s) } : {}
@@ -726,24 +806,24 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
           }),
           /* @__PURE__ */ a("div", {
             className: "flow-inspector-row",
-            children: [/* @__PURE__ */ e(m, {
+            children: [/* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Box"
-            }), /* @__PURE__ */ e(X, {
+            }), /* @__PURE__ */ e(K, {
               size: "sm",
               checked: l.data.iconBox ?? !1,
-              onChange: (s) => r(l.id, "iconBox", s),
+              onChange: (s) => o(l.id, "iconBox", s),
               label: "显示边框"
             })]
           }),
           /* @__PURE__ */ a("div", {
             className: "flow-inspector-row",
-            children: [/* @__PURE__ */ e(m, {
+            children: [/* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Label"
-            }), /* @__PURE__ */ e(k, {
+            }), /* @__PURE__ */ e(y, {
               options: [
                 {
                   value: "top",
@@ -767,42 +847,195 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
                 }
               ],
               value: l.data.labelPlacement === "above" ? "top" : l.data.labelPlacement === "center" ? "middle" : l.data.labelPlacement === "below" ? "bottom" : l.data.labelPlacement ?? "bottom",
-              onChange: (s) => r(l.id, "labelPlacement", s),
+              onChange: (s) => o(l.id, "labelPlacement", s),
               style: { fontSize: 12 }
             })]
           }),
           /* @__PURE__ */ a("div", {
             className: "flow-inspector-row",
-            children: [/* @__PURE__ */ e(m, {
+            children: [/* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Offset X"
-            }), /* @__PURE__ */ e(b, {
+            }), /* @__PURE__ */ e(v, {
               size: "xs",
               type: "number",
               value: String(l.data.labelOffsetX ?? 0),
-              onChange: (s) => r(l.id, "labelOffsetX", Number(s.target.value) || 0)
+              onChange: (s) => o(l.id, "labelOffsetX", Number(s.target.value) || 0)
             })]
           }),
           /* @__PURE__ */ a("div", {
             className: "flow-inspector-row",
-            children: [/* @__PURE__ */ e(m, {
+            children: [/* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Offset Y"
-            }), /* @__PURE__ */ e(b, {
+            }), /* @__PURE__ */ e(v, {
               size: "xs",
               type: "number",
               value: String(l.data.labelOffsetY ?? 0),
-              onChange: (s) => r(l.id, "labelOffsetY", Number(s.target.value) || 0)
+              onChange: (s) => o(l.id, "labelOffsetY", Number(s.target.value) || 0)
             })]
           })
         ] })
       ]
     }),
-    l.type === "mediaNode" && /* @__PURE__ */ e(fe, {
+    l.type === "mediaNode" && /* @__PURE__ */ a("div", {
+      className: "flow-inspector-section",
+      children: [/* @__PURE__ */ e("div", {
+        className: "flow-inspector-section-title",
+        children: "Palette (Archify)"
+      }), /* @__PURE__ */ a("div", {
+        className: "flow-inspector-row",
+        children: [/* @__PURE__ */ e(n, {
+          size: "xs",
+          className: "flow-inspector-label",
+          children: "Palette"
+        }), /* @__PURE__ */ e("div", {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: 4
+          },
+          children: $.map((s) => /* @__PURE__ */ e("button", {
+            type: "button",
+            title: A[s],
+            "aria-label": A[s],
+            onClick: () => i(l.id, H(s)),
+            style: {
+              width: 18,
+              height: 18,
+              borderRadius: 4,
+              cursor: "pointer",
+              background: _[s].fill,
+              border: `1.5px solid ${_[s].stroke}`
+            }
+          }, s))
+        })]
+      })]
+    }),
+    l.type !== "mediaNode" && /* @__PURE__ */ a("div", {
+      className: "flow-inspector-section",
+      children: [
+        /* @__PURE__ */ e("div", {
+          className: "flow-inspector-section-title",
+          children: "Card (Archify)"
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "flow-inspector-row",
+          children: [/* @__PURE__ */ e(n, {
+            size: "xs",
+            className: "flow-inspector-label",
+            children: "Subtitle"
+          }), /* @__PURE__ */ e(v, {
+            size: "xs",
+            value: l.data.sublabel ?? "",
+            placeholder: "secondary line",
+            onChange: (s) => o(l.id, "sublabel", s.target.value)
+          })]
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "flow-inspector-row",
+          children: [/* @__PURE__ */ e(n, {
+            size: "xs",
+            className: "flow-inspector-label",
+            children: "Sub Color"
+          }), /* @__PURE__ */ e(P, {
+            value: l.data.sublabelColor ?? "#94a3b8",
+            kind: "text",
+            customFallback: "#94a3b8",
+            onChange: (s) => o(l.id, "sublabelColor", s)
+          })]
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "flow-inspector-row",
+          children: [/* @__PURE__ */ e(n, {
+            size: "xs",
+            className: "flow-inspector-label",
+            children: "Tag"
+          }), /* @__PURE__ */ e(v, {
+            size: "xs",
+            value: l.data.tag ?? "",
+            placeholder: "corner pill",
+            onChange: (s) => o(l.id, "tag", s.target.value)
+          })]
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "flow-inspector-row",
+          children: [/* @__PURE__ */ e(n, {
+            size: "xs",
+            className: "flow-inspector-label",
+            children: "Tag Color"
+          }), /* @__PURE__ */ e(P, {
+            value: l.data.tagColor ?? l.data.stroke,
+            kind: "stroke",
+            customFallback: "#334155",
+            onChange: (s) => o(l.id, "tagColor", s)
+          })]
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "flow-inspector-row",
+          children: [/* @__PURE__ */ e(n, {
+            size: "xs",
+            className: "flow-inspector-label",
+            children: "Tag Pos"
+          }), /* @__PURE__ */ e(y, {
+            options: [
+              {
+                value: "top-left",
+                label: "top-left"
+              },
+              {
+                value: "top-right",
+                label: "top-right"
+              },
+              {
+                value: "bottom-left",
+                label: "bottom-left"
+              },
+              {
+                value: "bottom-right",
+                label: "bottom-right"
+              }
+            ],
+            value: l.data.tagPlacement ?? "top-right",
+            onChange: (s) => o(l.id, "tagPlacement", s),
+            style: { fontSize: 12 }
+          })]
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "flow-inspector-row",
+          children: [/* @__PURE__ */ e(n, {
+            size: "xs",
+            className: "flow-inspector-label",
+            children: "Palette"
+          }), /* @__PURE__ */ e("div", {
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              gap: 4
+            },
+            children: $.map((s) => /* @__PURE__ */ e("button", {
+              type: "button",
+              title: A[s],
+              "aria-label": A[s],
+              onClick: () => i(l.id, H(s)),
+              style: {
+                width: 18,
+                height: 18,
+                borderRadius: 4,
+                cursor: "pointer",
+                background: _[s].fill,
+                border: `1.5px solid ${_[s].stroke}`
+              }
+            }, s))
+          })]
+        })
+      ]
+    }),
+    l.type === "mediaNode" && /* @__PURE__ */ e(be, {
       node: l,
-      onUpdateData: r
+      onUpdateData: o
     }),
     /* @__PURE__ */ a("div", {
       className: "flow-inspector-section",
@@ -814,16 +1047,16 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
           children: [
-            /* @__PURE__ */ e(m, {
+            /* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Rotate"
             }),
-            /* @__PURE__ */ e(b, {
+            /* @__PURE__ */ e(v, {
               size: "xs",
               type: "number",
               value: String(l.data.rotation ?? 0),
-              onChange: (s) => r(l.id, "rotation", Number(s.target.value) || 0)
+              onChange: (s) => o(l.id, "rotation", Number(s.target.value) || 0)
             }),
             /* @__PURE__ */ e("span", {
               className: "flow-inspector-suffix",
@@ -838,7 +1071,7 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
           children: [
-            /* @__PURE__ */ e(m, {
+            /* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Flip"
@@ -846,7 +1079,7 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
             /* @__PURE__ */ e(g, {
               size: "xs",
               variant: l.data.flipX ? "primary" : "ghost",
-              onClick: () => r(l.id, "flipX", !l.data.flipX),
+              onClick: () => o(l.id, "flipX", !l.data.flipX),
               square: !0,
               children: /* @__PURE__ */ e("span", {
                 title: "Flip Horizontal",
@@ -856,7 +1089,7 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
             /* @__PURE__ */ e(g, {
               size: "xs",
               variant: l.data.flipY ? "primary" : "ghost",
-              onClick: () => r(l.id, "flipY", !l.data.flipY),
+              onClick: () => o(l.id, "flipY", !l.data.flipY),
               square: !0,
               children: /* @__PURE__ */ e("span", {
                 title: "Flip Vertical",
@@ -868,7 +1101,7 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
         /* @__PURE__ */ a("div", {
           className: "flow-inspector-row",
           children: [
-            /* @__PURE__ */ e(m, {
+            /* @__PURE__ */ e(n, {
               size: "xs",
               className: "flow-inspector-label",
               children: "Quick"
@@ -876,13 +1109,13 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
             /* @__PURE__ */ e(g, {
               size: "xs",
               variant: "ghost",
-              onClick: () => r(l.id, "rotation", ((l.data.rotation ?? 0) + 90) % 360),
+              onClick: () => o(l.id, "rotation", ((l.data.rotation ?? 0) + 90) % 360),
               children: "+90°"
             }),
             /* @__PURE__ */ e(g, {
               size: "xs",
               variant: "ghost",
-              onClick: () => r(l.id, "rotation", ((l.data.rotation ?? 0) - 90 + 360) % 360),
+              onClick: () => o(l.id, "rotation", ((l.data.rotation ?? 0) - 90 + 360) % 360),
               children: "−90°"
             })
           ]
@@ -891,13 +1124,13 @@ function pe({ node: l, isGroup: c, onUpdateData: r, onUpdateDataBatch: t, onUpda
     })
   ] });
 }
-function fe({ node: l, onUpdateData: c }) {
-  const r = l.data.mediaKind ?? "markdown", t = l.data.aiConfig, p = me(null), f = (s, u) => {
-    c(l.id, "aiConfig", {
+function be({ node: l, onUpdateData: d }) {
+  const o = l.data.mediaKind ?? "markdown", i = l.data.aiConfig, p = ue(null), f = (s, u) => {
+    d(l.id, "aiConfig", {
       gateway: "",
       protocol: "openai",
       model: "",
-      ...t,
+      ...i,
       [s]: u
     });
   };
@@ -905,18 +1138,18 @@ function fe({ node: l, onUpdateData: c }) {
     className: "flow-inspector-section",
     children: [/* @__PURE__ */ a("div", {
       className: "flow-inspector-section-title",
-      children: ["Media · ", r]
-    }), r === "data" ? /* @__PURE__ */ e(de, {
+      children: ["Media · ", o]
+    }), o === "data" ? /* @__PURE__ */ e(fe, {
       node: l,
-      onUpdateData: c
-    }) : r === "model3d" ? /* @__PURE__ */ a(L, { children: [
+      onUpdateData: d
+    }) : o === "model3d" ? /* @__PURE__ */ a(F, { children: [
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "格式"
-        }), /* @__PURE__ */ e(k, {
+        }), /* @__PURE__ */ e(y, {
           options: [
             {
               value: "stl",
@@ -932,26 +1165,26 @@ function fe({ node: l, onUpdateData: c }) {
             }
           ],
           value: l.data.modelFormat ?? "stl",
-          onChange: (s) => c(l.id, "modelFormat", s)
+          onChange: (s) => d(l.id, "modelFormat", s)
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row flow-inspector-multiline",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "模型链接"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
           value: l.data.mediaContent ?? "",
           placeholder: "https://example.com/model.stl",
-          onChange: (s) => c(l.id, "mediaContent", s.target.value)
+          onChange: (s) => d(l.id, "mediaContent", s.target.value)
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
         children: [
-          /* @__PURE__ */ e(m, {
+          /* @__PURE__ */ e(n, {
             size: "xs",
             className: "flow-inspector-label",
             children: "本地模型"
@@ -968,15 +1201,15 @@ function fe({ node: l, onUpdateData: c }) {
                 window.alert("本地模型不能超过 10 MiB，请改用模型链接。");
                 return;
               }
-              const S = u.name.split(".").pop()?.toLowerCase();
-              if (S !== "stl" && S !== "obj" && S !== "3mf") {
+              const k = u.name.split(".").pop()?.toLowerCase();
+              if (k !== "stl" && k !== "obj" && k !== "3mf") {
                 window.alert("仅支持 STL、OBJ 和 3MF 模型。");
                 return;
               }
-              const z = new FileReader();
-              z.onload = () => {
-                typeof z.result == "string" && (c(l.id, "modelFormat", S), c(l.id, "mediaContent", z.result));
-              }, z.onerror = () => window.alert("读取本地模型失败。"), z.readAsDataURL(u);
+              const C = new FileReader();
+              C.onload = () => {
+                typeof C.result == "string" && (d(l.id, "modelFormat", k), d(l.id, "mediaContent", C.result));
+              }, C.onerror = () => window.alert("读取本地模型失败。"), C.readAsDataURL(u);
             }
           }),
           /* @__PURE__ */ e(g, {
@@ -995,39 +1228,39 @@ function fe({ node: l, onUpdateData: c }) {
         className: "flow-inspector-help",
         children: "支持 STL、OBJ、3MF；本地文件将以 Base64 嵌入文档，最大 10 MiB。选中节点后可在内部拖拽旋转、滚轮缩放。"
       })
-    ] }) : r === "image" ? /* @__PURE__ */ a(L, { children: [/* @__PURE__ */ a("div", {
+    ] }) : o === "image" ? /* @__PURE__ */ a(F, { children: [/* @__PURE__ */ a("div", {
       className: "flow-inspector-row flow-inspector-multiline",
-      children: [/* @__PURE__ */ e(m, {
+      children: [/* @__PURE__ */ e(n, {
         size: "xs",
         className: "flow-inspector-label",
         children: "图片链接"
-      }), /* @__PURE__ */ e(b, {
+      }), /* @__PURE__ */ e(v, {
         size: "xs",
         value: l.data.mediaContent ?? "",
         placeholder: "https://example.com/image.png",
-        onChange: (s) => c(l.id, "mediaContent", s.target.value)
+        onChange: (s) => d(l.id, "mediaContent", s.target.value)
       })]
     }), /* @__PURE__ */ e("div", {
       className: "flow-inspector-help",
       children: "支持 HTTP(S) 链接；选中图片节点后可直接粘贴图片并保存为 Base64。"
-    })] }) : r !== "ai" ? /* @__PURE__ */ e(Z, {
+    })] }) : o !== "ai" ? /* @__PURE__ */ e(j, {
       label: {
         markdown: "Markdown 源码",
         html: "HTML 源码",
         mermaid: "Mermaid 图表",
         math: "LaTeX 公式"
-      }[r] ?? "内容",
+      }[o] ?? "内容",
       value: l.data.mediaContent ?? "",
-      onChange: (s) => c(l.id, "mediaContent", s),
+      onChange: (s) => d(l.id, "mediaContent", s),
       rows: 8
-    }) : /* @__PURE__ */ a(L, { children: [
+    }) : /* @__PURE__ */ a(F, { children: [
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "协议"
-        }), /* @__PURE__ */ e(k, {
+        }), /* @__PURE__ */ e(y, {
           options: [{
             value: "openai",
             label: "OpenAI 兼容"
@@ -1035,7 +1268,7 @@ function fe({ node: l, onUpdateData: c }) {
             value: "anthropic",
             label: "Anthropic 兼容"
           }],
-          value: t?.protocol ?? "openai",
+          value: i?.protocol ?? "openai",
           onChange: (s) => f("protocol", s),
           style: { fontSize: 12 }
         })]
@@ -1047,13 +1280,13 @@ function fe({ node: l, onUpdateData: c }) {
           alignItems: "stretch",
           gap: 4
         },
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "接口地址"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
-          value: t?.gateway ?? "",
+          value: i?.gateway ?? "",
           placeholder: "https://api.openai.com/v1/chat/completions",
           onChange: (s) => f("gateway", s.target.value)
         })]
@@ -1065,13 +1298,13 @@ function fe({ node: l, onUpdateData: c }) {
           alignItems: "stretch",
           gap: 4
         },
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "模型"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
-          value: t?.model ?? "",
+          value: i?.model ?? "",
           placeholder: "gpt-4o-mini",
           onChange: (s) => f("model", s.target.value)
         })]
@@ -1083,21 +1316,21 @@ function fe({ node: l, onUpdateData: c }) {
           alignItems: "stretch",
           gap: 4
         },
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "API Key"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
           type: "password",
-          value: t?.apiKey ?? "",
+          value: i?.apiKey ?? "",
           placeholder: "sk-...",
           onChange: (s) => f("apiKey", s.target.value)
         })]
       }),
-      /* @__PURE__ */ e(Z, {
+      /* @__PURE__ */ e(j, {
         label: "System Prompt",
-        value: t?.systemPrompt ?? "",
+        value: i?.systemPrompt ?? "",
         onChange: (s) => f("systemPrompt", s),
         rows: 3
       }),
@@ -1112,7 +1345,7 @@ function fe({ node: l, onUpdateData: c }) {
     ] })]
   });
 }
-function ue({ edge: l, onUpdateData: c, onUpdateType: r }) {
+function ge({ edge: l, onUpdateData: d, onUpdateType: o }) {
   return /* @__PURE__ */ a("div", {
     className: "flow-inspector-section",
     children: [
@@ -1122,124 +1355,124 @@ function ue({ edge: l, onUpdateData: c, onUpdateType: r }) {
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Type"
-        }), /* @__PURE__ */ e(k, {
-          options: D.map((t) => ({
-            value: t,
-            label: t
+        }), /* @__PURE__ */ e(y, {
+          options: se.map((i) => ({
+            value: i,
+            label: i
           })),
           value: l.type,
-          onChange: (t) => r(l.id, t),
+          onChange: (i) => o(l.id, i),
           style: { fontSize: 12 }
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Color"
-        }), /* @__PURE__ */ e(B, {
+        }), /* @__PURE__ */ e(P, {
           value: l.data.strokeColor,
           kind: "line",
           customFallback: "#374151",
-          onChange: (t) => c(l.id, "strokeColor", t)
+          onChange: (i) => d(l.id, "strokeColor", i)
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Width"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
           type: "number",
           value: String(l.data.strokeWidth ?? 2),
-          onChange: (t) => c(l.id, "strokeWidth", Number(t.target.value) || 2)
+          onChange: (i) => d(l.id, "strokeWidth", Number(i.target.value) || 2)
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Animation"
-        }), /* @__PURE__ */ e(X, {
+        }), /* @__PURE__ */ e(K, {
           size: "sm",
           checked: l.data.animated ?? !1,
-          onChange: (t) => c(l.id, "animated", t),
+          onChange: (i) => d(l.id, "animated", i),
           label: "预览时播放"
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Line"
-        }), /* @__PURE__ */ e(k, {
-          options: $.map((t) => ({
-            value: t,
-            label: t
+        }), /* @__PURE__ */ e(y, {
+          options: V.map((i) => ({
+            value: i,
+            label: i
           })),
           value: l.data.lineStyle ?? "solid",
-          onChange: (t) => c(l.id, "lineStyle", t),
+          onChange: (i) => d(l.id, "lineStyle", i),
           style: { fontSize: 12 }
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Start"
-        }), /* @__PURE__ */ e(k, {
-          options: Y.map((t) => ({
-            value: t,
-            label: t
+        }), /* @__PURE__ */ e(y, {
+          options: X.map((i) => ({
+            value: i,
+            label: i
           })),
           value: l.data.markerStart ?? "none",
-          onChange: (t) => c(l.id, "markerStart", t),
+          onChange: (i) => d(l.id, "markerStart", i),
           style: { fontSize: 12 }
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "End"
-        }), /* @__PURE__ */ e(k, {
-          options: Y.map((t) => ({
-            value: t,
-            label: t
+        }), /* @__PURE__ */ e(y, {
+          options: X.map((i) => ({
+            value: i,
+            label: i
           })),
           value: l.data.markerEnd ?? "none",
-          onChange: (t) => c(l.id, "markerEnd", t),
+          onChange: (i) => d(l.id, "markerEnd", i),
           style: { fontSize: 12 }
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Label"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
           value: l.data.labelText ?? "",
-          onChange: (t) => c(l.id, "labelText", t.target.value),
+          onChange: (i) => d(l.id, "labelText", i.target.value),
           placeholder: "Edge label"
         })]
       })
     ]
   });
 }
-function we({ line: l, onUpdateData: c }) {
+function Ne({ line: l, onUpdateData: d }) {
   return /* @__PURE__ */ a("div", {
     className: "flow-inspector-section",
     children: [
@@ -1249,7 +1482,7 @@ function we({ line: l, onUpdateData: c }) {
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Type"
@@ -1263,43 +1496,43 @@ function we({ line: l, onUpdateData: c }) {
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Color"
-        }), /* @__PURE__ */ e(B, {
+        }), /* @__PURE__ */ e(P, {
           value: l.strokeColor,
           kind: "line",
           customFallback: "#374151",
-          onChange: (r) => c(l.id, "strokeColor", r)
+          onChange: (o) => d(l.id, "strokeColor", o)
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Width"
-        }), /* @__PURE__ */ e(b, {
+        }), /* @__PURE__ */ e(v, {
           size: "xs",
           type: "number",
           value: String(l.strokeWidth),
-          onChange: (r) => c(l.id, "strokeWidth", Number(r.target.value) || 2)
+          onChange: (o) => d(l.id, "strokeWidth", Number(o.target.value) || 2)
         })]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-inspector-row",
-        children: [/* @__PURE__ */ e(m, {
+        children: [/* @__PURE__ */ e(n, {
           size: "xs",
           className: "flow-inspector-label",
           children: "Style"
-        }), /* @__PURE__ */ e(k, {
-          options: $.map((r) => ({
-            value: r,
-            label: r
+        }), /* @__PURE__ */ e(y, {
+          options: V.map((o) => ({
+            value: o,
+            label: o
           })),
           value: l.lineStyle,
-          onChange: (r) => c(l.id, "lineStyle", r),
+          onChange: (o) => d(l.id, "lineStyle", o),
           style: { fontSize: 12 }
         })]
       })
@@ -1307,8 +1540,8 @@ function we({ line: l, onUpdateData: c }) {
   });
 }
 export {
-  he as InspectorPanelContent,
-  Pe as default
+  we as InspectorPanelContent,
+  Xe as default
 };
 
 //# sourceMappingURL=InspectorPanel.js.map