dishui 0.0.47 → 0.0.49

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

@@ -1,12 +1,13 @@
-import { PALETTE_ITEMS as x } from "../constants.js";
+import { PALETTE_ITEMS as $ } from "../constants.js";
 import { useFlowUI as y } from "../context/FlowUIContext.js";
-import { SVG_ICON_CATEGORIES as $, buildSvgMarkup as b, getSvgIconsByCategory as M } from "../nodes/svgIcons.js";
-import { useDraggablePanel as v } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as S } from "../hooks/useResizablePanel.js";
-import { makeStarterDataConfig as P } from "../nodes/dataUtils.js";
-import { useCallback as u, useState as W } from "react";
-import { Fragment as g, jsx as e, jsxs as d } from "react/jsx-runtime";
-var C = [
+import { resolveThemeColor as b } from "../utils/themeColor.js";
+import { SVG_ICON_CATEGORIES as v, buildSvgMarkup as M, getSvgIcon as x, getSvgIconsByCategory as S } from "../nodes/svgIcons.js";
+import { useDraggablePanel as C } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as P } from "../hooks/useResizablePanel.js";
+import { makeStarterDataConfig as W } from "../nodes/dataUtils.js";
+import { useCallback as u, useState as I } from "react";
+import { Fragment as g, jsx as e, jsxs as c } from "react/jsx-runtime";
+var T = [
   {
     mode: "freehand",
     label: "Freehand"
@@ -24,13 +25,13 @@ var C = [
     label: "Arrow"
   }
 ];
-function O() {
-  const { showPalette: l } = y(), { panelStyle: a, handleProps: i } = v(), { panelWidth: t, resizeHandleProps: o } = S("right", 180);
-  return l ? /* @__PURE__ */ d("div", {
+function V() {
+  const { showPalette: l } = y(), { panelStyle: r, handleProps: a } = C(), { panelWidth: t, resizeHandleProps: o } = P("right", 180);
+  return l ? /* @__PURE__ */ c("div", {
     className: "flow-palette",
     "data-flow-panel": !0,
     style: {
-      ...a,
+      ...r,
       width: t
     },
     children: [
@@ -40,7 +41,7 @@ function O() {
       }),
       /* @__PURE__ */ e("div", {
         className: "flow-panel-drag-handle",
-        ...i,
+        ...a,
         style: {
           fontSize: 11,
           fontWeight: 600,
@@ -54,45 +55,45 @@ function O() {
       }),
       /* @__PURE__ */ e("div", {
         className: "flow-palette-content",
-        children: /* @__PURE__ */ e(I, {})
+        children: /* @__PURE__ */ e(N, {})
       })
     ]
   }) : null;
 }
-function I() {
-  const { toolMode: l, setToolMode: a, setPendingPlacement: i, pendingPlacement: t } = y(), o = u((n, h, p, r) => {
-    t?.type === n ? i(null) : (i({
+function N() {
+  const { toolMode: l, setToolMode: r, setPendingPlacement: a, pendingPlacement: t } = y(), o = u((n, s, p, h) => {
+    t?.type === n ? a(null) : (a({
       type: n,
-      width: h,
+      width: s,
       height: p,
-      data: { ...r }
-    }), a("select"));
+      data: { ...h }
+    }), r("select"));
   }, [
-    i,
     a,
+    r,
     t
   ]);
-  return /* @__PURE__ */ d(g, { children: [
+  return /* @__PURE__ */ c(g, { children: [
     /* @__PURE__ */ e("div", {
       className: "flow-palette-grid",
-      children: x.map((n) => /* @__PURE__ */ d("div", {
+      children: $.map((n) => /* @__PURE__ */ c("div", {
         className: `flow-palette-item${t?.type === n.type ? " flow-palette-item--active" : ""}`,
         onClick: () => o(n.type, n.width, n.height, n.data),
-        children: [/* @__PURE__ */ e(L, { type: n.type }), /* @__PURE__ */ e("span", {
+        children: [/* @__PURE__ */ e(D, { type: n.type }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
           children: n.data.label
         })]
       }, n.type))
     }),
-    /* @__PURE__ */ e(A, { children: "Lines" }),
+    /* @__PURE__ */ e(z, { children: "Lines" }),
     /* @__PURE__ */ e("div", {
       className: "flow-palette-grid",
-      children: C.map((n) => /* @__PURE__ */ d("div", {
+      children: T.map((n) => /* @__PURE__ */ c("div", {
         className: `flow-palette-item${l === n.mode ? " flow-palette-item--active" : ""}`,
         onClick: () => {
-          i(null), a(l === n.mode ? "select" : n.mode);
+          a(null), r(l === n.mode ? "select" : n.mode);
         },
-        children: [/* @__PURE__ */ e(z, { mode: n.mode }), /* @__PURE__ */ e("span", {
+        children: [/* @__PURE__ */ e(E, { mode: n.mode }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
           children: n.label
         })]
@@ -100,76 +101,78 @@ function I() {
     })
   ] });
 }
-function K() {
-  const { setPendingPlacement: l, setToolMode: a, pendingPlacement: i } = y(), [t, o] = W({ lang: !0 }), n = u((h, p) => {
-    const r = i?.data.svgId;
-    if (i?.type === "shapeSvg" && r === h) {
+function Z() {
+  const { setPendingPlacement: l, setToolMode: r, pendingPlacement: a } = y(), [t, o] = I({ lang: !0 }), n = u((s, p) => {
+    const h = a?.data.svgId;
+    if (a?.type === "shapeSvg" && h === s) {
       l(null);
       return;
     }
+    const i = {
+      label: p,
+      fill: "transparent",
+      stroke: "theme:base-content",
+      strokeWidth: 1.5,
+      color: x(s)?.brandColor ?? "theme:base-content",
+      labelColor: "theme:base-content",
+      fontSize: 12,
+      svgId: s,
+      iconBox: !1,
+      labelPlacement: "bottom",
+      borderStyle: "none"
+    };
     l({
       type: "shapeSvg",
       width: 56,
       height: 56,
-      data: {
-        label: p,
-        fill: "transparent",
-        stroke: "#64748b",
-        strokeWidth: 1.5,
-        color: "#334155",
-        fontSize: 12,
-        svgId: h,
-        iconBox: !1,
-        labelPlacement: "bottom",
-        borderStyle: "none"
-      }
-    }), a("select");
+      data: i
+    }), r("select");
   }, [
-    i,
+    a,
     l,
-    a
+    r
   ]);
-  return /* @__PURE__ */ e(g, { children: $.map((h) => {
-    const p = M(h.id), r = t[h.id];
-    return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("button", {
+  return /* @__PURE__ */ e(g, { children: v.map((s) => {
+    const p = S(s.id), h = t[s.id];
+    return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("button", {
       type: "button",
       className: "flow-palette-section-toggle",
-      onClick: () => o((s) => ({
-        ...s,
-        [h.id]: !s[h.id]
+      onClick: () => o((i) => ({
+        ...i,
+        [s.id]: !i[s.id]
       })),
       children: [/* @__PURE__ */ e("span", {
         style: {
-          transform: r ? "rotate(90deg)" : "none",
+          transform: h ? "rotate(90deg)" : "none",
           transition: "transform .15s"
         },
         children: "▸"
-      }), h.label]
-    }), r && /* @__PURE__ */ e("div", {
+      }), s.label]
+    }), h && /* @__PURE__ */ e("div", {
       className: "flow-palette-grid",
-      children: p.map((s) => /* @__PURE__ */ d("div", {
-        className: `flow-palette-item${i?.type === "shapeSvg" && i.data.svgId === s.id ? " flow-palette-item--active" : ""}`,
-        onClick: () => n(s.id, s.label),
-        title: s.label,
-        children: [/* @__PURE__ */ e(N, { id: s.id }), /* @__PURE__ */ e("span", {
+      children: p.map((i) => /* @__PURE__ */ c("div", {
+        className: `flow-palette-item${a?.type === "shapeSvg" && a.data.svgId === i.id ? " flow-palette-item--active" : ""}`,
+        onClick: () => n(i.id, i.label),
+        title: i.label,
+        children: [/* @__PURE__ */ e(A, { id: i.id }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
-          children: s.label
+          children: i.label
         })]
-      }, s.id))
-    })] }, h.id);
+      }, i.id))
+    })] }, s.id);
   }) });
 }
-function N({ id: l }) {
-  const a = b(l, "#475569");
-  return a ? /* @__PURE__ */ e("img", {
-    src: `data:image/svg+xml;utf8,${encodeURIComponent(a)}`,
+function A({ id: l }) {
+  const r = M(l, b(x(l)?.brandColor, "") || "#475569");
+  return r ? /* @__PURE__ */ e("img", {
+    src: `data:image/svg+xml;utf8,${encodeURIComponent(r)}`,
     width: 20,
     height: 16,
     alt: "",
     style: { objectFit: "contain" }
   }) : null;
 }
-var T = [
+var L = [
   {
     kind: "markdown",
     label: "Markdown",
@@ -264,18 +267,18 @@ function m({ text: l }) {
     children: l
   });
 }
-function U() {
-  const { setPendingPlacement: l, setToolMode: a, pendingPlacement: i } = y(), t = u((o) => {
-    if (i?.type === "mediaNode" && i.data.mediaKind === o.kind) {
+function q() {
+  const { setPendingPlacement: l, setToolMode: r, pendingPlacement: a } = y(), t = u((o) => {
+    if (a?.type === "mediaNode" && a.data.mediaKind === o.kind) {
       l(null);
       return;
     }
     const n = {
       label: o.label,
-      fill: "#ffffff",
-      stroke: "#cbd5e1",
+      fill: "theme:base-100",
+      stroke: "theme:base-content",
       strokeWidth: 1.5,
-      color: "#1f2937",
+      color: "theme:base-content",
       fontSize: 13,
       borderStyle: "solid",
       mediaKind: o.kind,
@@ -284,23 +287,23 @@ function U() {
         gateway: "",
         protocol: "openai",
         model: ""
-      } } : o.kind === "model3d" ? { modelFormat: "stl" } : o.kind === "data" ? { dataConfig: P() } : {}
+      } } : o.kind === "model3d" ? { modelFormat: "stl" } : o.kind === "data" ? { dataConfig: W() } : {}
     };
     l({
       type: "mediaNode",
       width: o.width,
       height: o.height,
       data: n
-    }), a("select");
+    }), r("select");
   }, [
-    i,
+    a,
     l,
-    a
+    r
   ]);
   return /* @__PURE__ */ e("div", {
     className: "flow-palette-grid",
-    children: T.map((o) => /* @__PURE__ */ d("div", {
-      className: `flow-palette-item${i?.type === "mediaNode" && i.data.mediaKind === o.kind ? " flow-palette-item--active" : ""}`,
+    children: L.map((o) => /* @__PURE__ */ c("div", {
+      className: `flow-palette-item${a?.type === "mediaNode" && a.data.mediaKind === o.kind ? " flow-palette-item--active" : ""}`,
       onClick: () => t(o),
       title: o.label,
       children: [o.icon, /* @__PURE__ */ e("span", {
@@ -310,7 +313,7 @@ function U() {
     }, o.kind))
   });
 }
-function A({ children: l }) {
+function z({ children: l }) {
   return /* @__PURE__ */ e("div", {
     style: {
       fontSize: 11,
@@ -323,7 +326,7 @@ function A({ children: l }) {
     children: l
   });
 }
-function L({ type: l }) {
+function D({ type: l }) {
   const t = "currentColor", n = {
     shapeRect: /* @__PURE__ */ e("rect", {
       x: "3",
@@ -385,11 +388,11 @@ function L({ type: l }) {
       strokeWidth: 1.5
     }),
     shapePentagon: (() => {
-      const r = Math.min(18, 14) - 4;
+      const h = Math.min(18, 14) - 4;
       return /* @__PURE__ */ e("polygon", {
-        points: Array.from({ length: 5 }, (s, k) => {
-          const c = Math.PI * 2 * k / 5 - Math.PI / 2;
-          return `${18 + r * Math.cos(c)},${14 + r * Math.sin(c)}`;
+        points: Array.from({ length: 5 }, (i, k) => {
+          const d = Math.PI * 2 * k / 5 - Math.PI / 2;
+          return `${18 + h * Math.cos(d)},${14 + h * Math.sin(d)}`;
         }).join(" "),
         fill: "none",
         stroke: t,
@@ -397,8 +400,8 @@ function L({ type: l }) {
       });
     })(),
     shapeHexagon: /* @__PURE__ */ e("polygon", {
-      points: Array.from({ length: 6 }, (k, c) => {
-        const w = Math.PI * 2 * c / 6 - Math.PI / 6;
+      points: Array.from({ length: 6 }, (k, d) => {
+        const w = Math.PI * 2 * d / 6 - Math.PI / 6;
         return `${18 + 14 * Math.cos(w)},${14 + 10 * Math.sin(w)}`;
       }).join(" "),
       fill: "none",
@@ -406,10 +409,10 @@ function L({ type: l }) {
       strokeWidth: 1.5
     }),
     shapeStar: (() => {
-      const r = Math.min(18, 14) - 3, s = r * 0.4;
+      const h = Math.min(18, 14) - 3, i = h * 0.4;
       return /* @__PURE__ */ e("polygon", {
-        points: Array.from({ length: 10 }, (k, c) => {
-          const w = Math.PI * c / 5 - Math.PI / 2, f = c % 2 === 0 ? r : s;
+        points: Array.from({ length: 10 }, (k, d) => {
+          const w = Math.PI * d / 5 - Math.PI / 2, f = d % 2 === 0 ? h : i;
           return `${18 + f * Math.cos(w)},${14 + f * Math.sin(w)}`;
         }).join(" "),
         fill: "none",
@@ -418,10 +421,10 @@ function L({ type: l }) {
       });
     })(),
     shapeHexagram: (() => {
-      const r = Math.min(18, 14) - 3, s = r * 0.55;
+      const h = Math.min(18, 14) - 3, i = h * 0.55;
       return /* @__PURE__ */ e("polygon", {
-        points: Array.from({ length: 12 }, (k, c) => {
-          const w = Math.PI * c / 6 - Math.PI / 2, f = c % 2 === 0 ? r : s;
+        points: Array.from({ length: 12 }, (k, d) => {
+          const w = Math.PI * d / 6 - Math.PI / 2, f = d % 2 === 0 ? h : i;
           return `${18 + f * Math.cos(w)},${14 + f * Math.sin(w)}`;
         }).join(" "),
         fill: "none",
@@ -450,7 +453,7 @@ function L({ type: l }) {
       fill: "currentColor",
       children: "Aa"
     }),
-    animAnchor: /* @__PURE__ */ d(g, { children: [
+    animAnchor: /* @__PURE__ */ c(g, { children: [
       /* @__PURE__ */ e("rect", {
         x: "3",
         y: "4",
@@ -500,9 +503,9 @@ function L({ type: l }) {
     children: n[l] ?? n.shapeRect
   });
 }
-function z({ mode: l }) {
+function E({ mode: l }) {
   const t = "currentColor", n = {
-    connect: /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ e("line", {
+    connect: /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e("line", {
       x1: "6",
       y1: 22,
       x2: 30,
@@ -535,7 +538,7 @@ function z({ mode: l }) {
       strokeWidth: 1.5,
       strokeLinejoin: "round"
     }),
-    arrow: /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ e("line", {
+    arrow: /* @__PURE__ */ c(g, { children: [/* @__PURE__ */ e("line", {
       x1: "6",
       y1: 22,
       x2: 30,
@@ -556,11 +559,11 @@ function z({ mode: l }) {
   });
 }
 export {
-  U as MediaStampContent,
-  L as PaletteThumbnail,
-  I as ShapePaletteContent,
-  K as SvgStampContent,
-  O as default
+  q as MediaStampContent,
+  D as PaletteThumbnail,
+  N as ShapePaletteContent,
+  Z as SvgStampContent,
+  V as default
 };
 
 //# sourceMappingURL=ShapePalette.js.map

package/dist/components/pro/Flow/panels/ShapePalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShapePalette.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ShapePalette.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel } from '../hooks/useResizablePanel';\nimport { PALETTE_ITEMS } from '../constants';\nimport type { FlowShapeType, FlowNodeData, FlowToolMode } from '../types';\nimport { SVG_ICON_CATEGORIES, getSvgIconsByCategory, buildSvgMarkup, type SvgIconCategory } from '../nodes/svgIcons';\nimport type { FlowMediaKind } from '../types';\nimport { makeStarterDataConfig } from '../nodes/dataUtils';\n\nconst LINE_TOOL_ITEMS: Array<{ mode: FlowToolMode; label: string }> = [\n  { mode: 'freehand', label: 'Freehand' },\n  { mode: 'line', label: 'Line' },\n  { mode: 'polyline', label: 'Polyline' },\n  { mode: 'arrow', label: 'Arrow' },\n];\n\n/**\n * Standalone panel (legacy). Prefer using ShapePaletteContent inside a FlowPanelGroup.\n */\nexport default function ShapePalette() {\n  const { showPalette } = useFlowUI();\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel('right', 180);\n\n  if (!showPalette) return null;\n\n  return (\n    <div className=\"flow-palette\" data-flow-panel style={{ ...panelStyle, width: panelWidth }}>\n      <div className=\"flow-panel-resize-handle flow-panel-resize-handle--right\" {...resizeHandleProps} />\n      <div\n        className=\"flow-panel-drag-handle\"\n        {...handleProps}\n        style={{ fontSize: 11, fontWeight: 600, marginBottom: 6, color: 'color-mix(in oklch, var(--color-base-content) 50%, transparent)', textTransform: 'uppercase', letterSpacing: '0.05em', cursor: 'grab' }}\n      >\n        Shapes\n      </div>\n      <div className=\"flow-palette-content\">\n        <ShapePaletteContent />\n      </div>\n    </div>\n  );\n}\n\n/** Reusable content for embedding inside FlowPanelGroup tabs. */\nexport function ShapePaletteContent() {\n  const { toolMode, setToolMode, setPendingPlacement, pendingPlacement } = useFlowUI();\n\n  const handleAddShape = useCallback(\n    (type: FlowShapeType, width: number, height: number, data: FlowNodeData) => {\n      if (pendingPlacement?.type === type) {\n        setPendingPlacement(null);\n      } else {\n        setPendingPlacement({ type, width, height, data: { ...data } });\n        setToolMode('select');\n      }\n    },\n    [setPendingPlacement, setToolMode, pendingPlacement],\n  );\n\n  return (\n    <>\n      <div className=\"flow-palette-grid\">\n        {PALETTE_ITEMS.map((item) => (\n          <div\n            key={item.type}\n            className={`flow-palette-item${pendingPlacement?.type === item.type ? ' flow-palette-item--active' : ''}`}\n            onClick={() => handleAddShape(item.type, item.width, item.height, item.data)}\n          >\n            <PaletteThumbnail type={item.type} />\n            <span className=\"flow-palette-item-label\">{item.data.label}</span>\n          </div>\n        ))}\n      </div>\n\n      <SectionHeader>Lines</SectionHeader>\n      <div className=\"flow-palette-grid\">\n        {LINE_TOOL_ITEMS.map((item) => (\n          <div\n            key={item.mode}\n            className={`flow-palette-item${toolMode === item.mode ? ' flow-palette-item--active' : ''}`}\n            onClick={() => { setPendingPlacement(null); setToolMode(toolMode === item.mode ? 'select' : item.mode); }}\n          >\n            <LineToolThumbnail mode={item.mode} />\n            <span className=\"flow-palette-item-label\">{item.label}</span>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\n/** SVG icon stamps, grouped by category with a collapsible header per group. */\nexport function SvgStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n  const [open, setOpen] = useState<Record<string, boolean>>({ lang: true });\n\n  const stampIcon = useCallback((svgId: string, label: string) => {\n    const activeId = pendingPlacement?.data.svgId;\n    if (pendingPlacement?.type === 'shapeSvg' && activeId === svgId) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label,\n      fill: 'transparent',\n      stroke: '#64748b',\n      strokeWidth: 1.5,\n      color: '#334155',\n      fontSize: 12,\n      svgId,\n      iconBox: false,\n      labelPlacement: 'bottom',\n      borderStyle: 'none',\n    };\n    setPendingPlacement({ type: 'shapeSvg', width: 56, height: 56, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <>\n      {SVG_ICON_CATEGORIES.map((cat) => {\n        const icons = getSvgIconsByCategory(cat.id as SvgIconCategory);\n        const isOpen = open[cat.id];\n        return (\n          <div key={cat.id}>\n            <button\n              type=\"button\"\n              className=\"flow-palette-section-toggle\"\n              onClick={() => setOpen((o) => ({ ...o, [cat.id]: !o[cat.id] }))}\n            >\n              <span style={{ transform: isOpen ? 'rotate(90deg)' : 'none', transition: 'transform .15s' }}>▸</span>\n              {cat.label}\n            </button>\n            {isOpen && (\n              <div className=\"flow-palette-grid\">\n                {icons.map((ic) => (\n                  <div\n                    key={ic.id}\n                    className={`flow-palette-item${pendingPlacement?.type === 'shapeSvg' && pendingPlacement.data.svgId === ic.id ? ' flow-palette-item--active' : ''}`}\n                    onClick={() => stampIcon(ic.id, ic.label)}\n                    title={ic.label}\n                  >\n                    <SvgThumbnail id={ic.id} />\n                    <span className=\"flow-palette-item-label\">{ic.label}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </>\n  );\n}\n\n/** Renders an SVG icon as an <img> (data URL) so it displays in the correct\n * SVG namespace, unlike dangerouslySetInnerHTML on an <svg> element. */\nfunction SvgThumbnail({ id }: { id: string }) {\n  const markup = buildSvgMarkup(id, '#475569');\n  if (!markup) return null;\n  const url = `data:image/svg+xml;utf8,${encodeURIComponent(markup)}`;\n  return <img src={url} width={20} height={16} alt=\"\" style={{ objectFit: 'contain' }} />;\n}\n\n/** Multimedia stamps: rich DOM-rendered nodes (markdown/html/mermaid/math/image/3D/AI). */\nconst MEDIA_ITEMS: Array<{\n  kind: FlowMediaKind;\n  label: string;\n  width: number;\n  height: number;\n  content: string;\n  icon: React.ReactNode;\n}> = [\n  {\n    kind: 'markdown', label: 'Markdown', width: 260, height: 180,\n    content: '# 标题\\n\\n- 支持 **GFM**\\n- 支持 `代码`\\n\\n> 引用文本',\n    icon: <MediaGlyph text={'M↓'} />,\n  },\n  {\n    kind: 'html', label: 'HTML', width: 260, height: 180,\n    content: '<div style=\"font-family:sans-serif;padding:12px\">\\n  <h3>Hello</h3>\\n  <p>可编辑的 HTML 片段</p>\\n</div>',\n    icon: <MediaGlyph text={'</>'} />,\n  },\n  {\n    kind: 'mermaid', label: 'Mermaid', width: 280, height: 200,\n    content: 'graph TD\\n  A[开始] --> B{判断}\\n  B -->|是| C[处理]\\n  B -->|否| D[结束]',\n    icon: <MediaGlyph text={'⎇'} />,\n  },\n  {\n    kind: 'math', label: 'Math', width: 240, height: 120,\n    content: 'E = mc^2',\n    icon: <MediaGlyph text={'√x'} />,\n  },\n  {\n    kind: 'image', label: 'Image', width: 320, height: 220,\n    content: '',\n    icon: <MediaGlyph text={'IMG'} />,\n  },\n  {\n    kind: 'model3d', label: '3D', width: 360, height: 280,\n    content: '',\n    icon: <MediaGlyph text={'3D'} />,\n  },\n  {\n    kind: 'ai', label: 'AI', width: 300, height: 340,\n    content: '',\n    icon: <MediaGlyph text={'AI'} />,\n  },\n  {\n    kind: 'data', label: 'Data', width: 420, height: 300,\n    content: '',\n    icon: <MediaGlyph text={'⊞'} />,\n  },\n];\n\nfunction MediaGlyph({ text }: { text: string }) {\n  return (\n    <div\n      style={{\n        width: 20, height: 16, display: 'flex', alignItems: 'center', justifyContent: 'center',\n        fontSize: 9, fontWeight: 700, color: 'color-mix(in oklch, var(--color-base-content) 60%, transparent)',\n        border: '1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent)', borderRadius: 3, flexShrink: 0,\n      }}\n    >\n      {text}\n    </div>\n  );\n}\n\nexport function MediaStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n\n  const stampMedia = useCallback((item: (typeof MEDIA_ITEMS)[number]) => {\n    if (pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label: item.label,\n      fill: '#ffffff',\n      stroke: '#cbd5e1',\n      strokeWidth: 1.5,\n      color: '#1f2937',\n      fontSize: 13,\n      borderStyle: 'solid',\n      mediaKind: item.kind,\n      mediaContent: item.content,\n      ...(item.kind === 'ai'\n        ? { aiConfig: { gateway: '', protocol: 'openai' as const, model: '' } }\n        : item.kind === 'model3d'\n          ? { modelFormat: 'stl' as const }\n          : item.kind === 'data'\n            ? { dataConfig: makeStarterDataConfig() }\n            : {}),\n    };\n    setPendingPlacement({ type: 'mediaNode', width: item.width, height: item.height, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <div className=\"flow-palette-grid\">\n      {MEDIA_ITEMS.map((item) => (\n        <div\n          key={item.kind}\n          className={`flow-palette-item${pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind ? ' flow-palette-item--active' : ''}`}\n          onClick={() => stampMedia(item)}\n          title={item.label}\n        >\n          {item.icon}\n          <span className=\"flow-palette-item-label\">{item.label}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction SectionHeader({ children }: { children: React.ReactNode }) {\n  return (\n    <div style={{ fontSize: 11, fontWeight: 600, margin: '10px 0 6px', color: 'color-mix(in oklch, var(--color-base-content) 50%, transparent)', textTransform: 'uppercase', letterSpacing: '0.05em' }}>\n      {children}\n    </div>\n  );\n}\n\nexport function PaletteThumbnail({ type }: { type: FlowShapeType }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const shapeMap: Record<string, React.ReactNode> = {\n    shapeRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"1\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeRoundRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"5\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeEllipse: (\n      <ellipse cx={w / 2} cy={h / 2} rx={w / 2 - 4} ry={h / 2 - 4} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDiamond: (\n      <polygon points={`${w / 2},3 ${w - 4},${h / 2} ${w / 2},${h - 3} 4,${h / 2}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDocument: (\n      <path d={`M4,4 L${w - 4},4 L${w - 4},${h - 8} C${w * 0.7},${h - 12} ${w * 0.3},${h - 2} 4,${h - 8} Z`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeParallelogram: (() => {\n      const skew = (w - 8) * 0.2;\n      return <polygon points={`${4 + skew},4 ${w - 4},4 ${w - 4 - skew},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeTriangle: (\n      <polygon points={`${w / 2},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeTrapezoid: (() => {\n      const inset = (w - 8) * 0.15;\n      return <polygon points={`${4 + inset},4 ${w - 4 - inset},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapePentagon: (() => {\n      const cx = w / 2, cy = h / 2, r = Math.min(cx, cy) - 4;\n      const pts = Array.from({ length: 5 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 5 - Math.PI / 2;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagon: (() => {\n      const cx = w / 2, cy = h / 2, rx = cx - 4, ry = cy - 4;\n      const pts = Array.from({ length: 6 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 6 - Math.PI / 6;\n        return `${cx + rx * Math.cos(a)},${cy + ry * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeStar: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.4;\n      const pts = Array.from({ length: 10 }, (_, i) => {\n        const a = (Math.PI * i) / 5 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagram: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.55;\n      const pts = Array.from({ length: 12 }, (_, i) => {\n        const a = (Math.PI * i) / 6 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeRightTriangle: (\n      <polygon points={`4,4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeCorner: (() => {\n      const hf = Math.min(w - 8, h - 8) * 0.4;\n      return <polygon points={`4,4 ${w - 4},4 ${w - 4},${4 + hf} ${4 + hf},${4 + hf} ${4 + hf},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    textLabel: (\n      <text x={w / 2} y={h / 2 + 1} textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"10\" fill=\"currentColor\">Aa</text>\n    ),\n    animAnchor: (\n      <>\n        <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"2\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"4 3\" />\n        <circle cx=\"8\" cy=\"9\" r=\"4\" fill=\"none\" stroke={s} strokeWidth={sw} />\n        <text x=\"8\" y=\"10.5\" textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"7\" fill=\"currentColor\">1</text>\n      </>\n    ),\n    geometryGroup: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"3\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"6 3\" />\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'color-mix(in oklch, var(--color-base-content) 55%, transparent)' }}>\n      {shapeMap[type] ?? shapeMap.shapeRect}\n    </svg>\n  );\n}\n\nfunction LineToolThumbnail({ mode }: { mode: FlowToolMode }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const thumbMap: Record<string, React.ReactNode> = {\n    connect: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 11},4 ${w - 9},9`} fill={s} />\n      </>\n    ),\n    freehand: (\n      <path d={`M6,${h - 8} C10,${h - 14} 14,10 ${w / 2},${h / 2} S${w - 10},6 ${w - 6},8`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinecap=\"round\" />\n    ),\n    line: (\n      <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n    ),\n    polyline: (\n      <polyline points={`6,${h - 6} 14,8 ${w / 2 + 2},${h - 10} ${w - 6},6`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinejoin=\"round\" />\n    ),\n    arrow: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 12},6 ${w - 8},12`} fill={s} />\n      </>\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'color-mix(in oklch, var(--color-base-content) 55%, transparent)' }}>\n      {thumbMap[mode] ?? thumbMap.line}\n    </svg>\n  );\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"ShapePalette.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ShapePalette.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel } from '../hooks/useResizablePanel';\nimport { PALETTE_ITEMS } from '../constants';\nimport type { FlowShapeType, FlowNodeData, FlowToolMode } from '../types';\nimport { SVG_ICON_CATEGORIES, getSvgIconsByCategory, getSvgIcon, buildSvgMarkup, type SvgIconCategory } from '../nodes/svgIcons';\nimport type { FlowMediaKind } from '../types';\nimport { makeStarterDataConfig } from '../nodes/dataUtils';\nimport { resolveThemeColor } from '../utils/themeColor';\n\nconst LINE_TOOL_ITEMS: Array<{ mode: FlowToolMode; label: string }> = [\n  { mode: 'freehand', label: 'Freehand' },\n  { mode: 'line', label: 'Line' },\n  { mode: 'polyline', label: 'Polyline' },\n  { mode: 'arrow', label: 'Arrow' },\n];\n\n/**\n * Standalone panel (legacy). Prefer using ShapePaletteContent inside a FlowPanelGroup.\n */\nexport default function ShapePalette() {\n  const { showPalette } = useFlowUI();\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel('right', 180);\n\n  if (!showPalette) return null;\n\n  return (\n    <div className=\"flow-palette\" data-flow-panel style={{ ...panelStyle, width: panelWidth }}>\n      <div className=\"flow-panel-resize-handle flow-panel-resize-handle--right\" {...resizeHandleProps} />\n      <div\n        className=\"flow-panel-drag-handle\"\n        {...handleProps}\n        style={{ fontSize: 11, fontWeight: 600, marginBottom: 6, color: 'color-mix(in oklch, var(--color-base-content) 50%, transparent)', textTransform: 'uppercase', letterSpacing: '0.05em', cursor: 'grab' }}\n      >\n        Shapes\n      </div>\n      <div className=\"flow-palette-content\">\n        <ShapePaletteContent />\n      </div>\n    </div>\n  );\n}\n\n/** Reusable content for embedding inside FlowPanelGroup tabs. */\nexport function ShapePaletteContent() {\n  const { toolMode, setToolMode, setPendingPlacement, pendingPlacement } = useFlowUI();\n\n  const handleAddShape = useCallback(\n    (type: FlowShapeType, width: number, height: number, data: FlowNodeData) => {\n      if (pendingPlacement?.type === type) {\n        setPendingPlacement(null);\n      } else {\n        setPendingPlacement({ type, width, height, data: { ...data } });\n        setToolMode('select');\n      }\n    },\n    [setPendingPlacement, setToolMode, pendingPlacement],\n  );\n\n  return (\n    <>\n      <div className=\"flow-palette-grid\">\n        {PALETTE_ITEMS.map((item) => (\n          <div\n            key={item.type}\n            className={`flow-palette-item${pendingPlacement?.type === item.type ? ' flow-palette-item--active' : ''}`}\n            onClick={() => handleAddShape(item.type, item.width, item.height, item.data)}\n          >\n            <PaletteThumbnail type={item.type} />\n            <span className=\"flow-palette-item-label\">{item.data.label}</span>\n          </div>\n        ))}\n      </div>\n\n      <SectionHeader>Lines</SectionHeader>\n      <div className=\"flow-palette-grid\">\n        {LINE_TOOL_ITEMS.map((item) => (\n          <div\n            key={item.mode}\n            className={`flow-palette-item${toolMode === item.mode ? ' flow-palette-item--active' : ''}`}\n            onClick={() => { setPendingPlacement(null); setToolMode(toolMode === item.mode ? 'select' : item.mode); }}\n          >\n            <LineToolThumbnail mode={item.mode} />\n            <span className=\"flow-palette-item-label\">{item.label}</span>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\n/** SVG icon stamps, grouped by category with a collapsible header per group. */\nexport function SvgStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n  const [open, setOpen] = useState<Record<string, boolean>>({ lang: true });\n\n  const stampIcon = useCallback((svgId: string, label: string) => {\n    const activeId = pendingPlacement?.data.svgId;\n    if (pendingPlacement?.type === 'shapeSvg' && activeId === svgId) {\n      setPendingPlacement(null);\n      return;\n    }\n    // Brand icons (e.g. language logos) keep their authentic brand color; generic\n    // outline icons follow the theme font color so they stay visible on any theme.\n    const iconDef = getSvgIcon(svgId);\n    const iconColor = iconDef?.brandColor ?? 'theme:base-content';\n    const data: FlowNodeData = {\n      label,\n      fill: 'transparent',\n      stroke: 'theme:base-content',\n      strokeWidth: 1.5,\n      color: iconColor,\n      labelColor: 'theme:base-content',\n      fontSize: 12,\n      svgId,\n      iconBox: false,\n      labelPlacement: 'bottom',\n      borderStyle: 'none',\n    };\n    setPendingPlacement({ type: 'shapeSvg', width: 56, height: 56, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <>\n      {SVG_ICON_CATEGORIES.map((cat) => {\n        const icons = getSvgIconsByCategory(cat.id as SvgIconCategory);\n        const isOpen = open[cat.id];\n        return (\n          <div key={cat.id}>\n            <button\n              type=\"button\"\n              className=\"flow-palette-section-toggle\"\n              onClick={() => setOpen((o) => ({ ...o, [cat.id]: !o[cat.id] }))}\n            >\n              <span style={{ transform: isOpen ? 'rotate(90deg)' : 'none', transition: 'transform .15s' }}>▸</span>\n              {cat.label}\n            </button>\n            {isOpen && (\n              <div className=\"flow-palette-grid\">\n                {icons.map((ic) => (\n                  <div\n                    key={ic.id}\n                    className={`flow-palette-item${pendingPlacement?.type === 'shapeSvg' && pendingPlacement.data.svgId === ic.id ? ' flow-palette-item--active' : ''}`}\n                    onClick={() => stampIcon(ic.id, ic.label)}\n                    title={ic.label}\n                  >\n                    <SvgThumbnail id={ic.id} />\n                    <span className=\"flow-palette-item-label\">{ic.label}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </>\n  );\n}\n\n/** Renders an SVG icon as an <img> (data URL) so it displays in the correct\n * SVG namespace, unlike dangerouslySetInnerHTML on an <svg> element. Brand icons\n * use their authentic brand color; generic outline icons fall back to a neutral\n * gray so the thumbnail matches how the icon looks once placed. */\nfunction SvgThumbnail({ id }: { id: string }) {\n  const def = getSvgIcon(id);\n  // brandColor may be a `theme:*` token (icons that follow the theme); resolve\n  // it to a concrete color for the rasterized data URL.\n  const brand = resolveThemeColor(def?.brandColor, '') || '#475569';\n  const markup = buildSvgMarkup(id, brand);\n  if (!markup) return null;\n  const url = `data:image/svg+xml;utf8,${encodeURIComponent(markup)}`;\n  return <img src={url} width={20} height={16} alt=\"\" style={{ objectFit: 'contain' }} />;\n}\n\n/** Multimedia stamps: rich DOM-rendered nodes (markdown/html/mermaid/math/image/3D/AI). */\nconst MEDIA_ITEMS: Array<{\n  kind: FlowMediaKind;\n  label: string;\n  width: number;\n  height: number;\n  content: string;\n  icon: React.ReactNode;\n}> = [\n  {\n    kind: 'markdown', label: 'Markdown', width: 260, height: 180,\n    content: '# 标题\\n\\n- 支持 **GFM**\\n- 支持 `代码`\\n\\n> 引用文本',\n    icon: <MediaGlyph text={'M↓'} />,\n  },\n  {\n    kind: 'html', label: 'HTML', width: 260, height: 180,\n    content: '<div style=\"font-family:sans-serif;padding:12px\">\\n  <h3>Hello</h3>\\n  <p>可编辑的 HTML 片段</p>\\n</div>',\n    icon: <MediaGlyph text={'</>'} />,\n  },\n  {\n    kind: 'mermaid', label: 'Mermaid', width: 280, height: 200,\n    content: 'graph TD\\n  A[开始] --> B{判断}\\n  B -->|是| C[处理]\\n  B -->|否| D[结束]',\n    icon: <MediaGlyph text={'⎇'} />,\n  },\n  {\n    kind: 'math', label: 'Math', width: 240, height: 120,\n    content: 'E = mc^2',\n    icon: <MediaGlyph text={'√x'} />,\n  },\n  {\n    kind: 'image', label: 'Image', width: 320, height: 220,\n    content: '',\n    icon: <MediaGlyph text={'IMG'} />,\n  },\n  {\n    kind: 'model3d', label: '3D', width: 360, height: 280,\n    content: '',\n    icon: <MediaGlyph text={'3D'} />,\n  },\n  {\n    kind: 'ai', label: 'AI', width: 300, height: 340,\n    content: '',\n    icon: <MediaGlyph text={'AI'} />,\n  },\n  {\n    kind: 'data', label: 'Data', width: 420, height: 300,\n    content: '',\n    icon: <MediaGlyph text={'⊞'} />,\n  },\n];\n\nfunction MediaGlyph({ text }: { text: string }) {\n  return (\n    <div\n      style={{\n        width: 20, height: 16, display: 'flex', alignItems: 'center', justifyContent: 'center',\n        fontSize: 9, fontWeight: 700, color: 'color-mix(in oklch, var(--color-base-content) 60%, transparent)',\n        border: '1px solid color-mix(in oklch, var(--color-base-content) 20%, transparent)', borderRadius: 3, flexShrink: 0,\n      }}\n    >\n      {text}\n    </div>\n  );\n}\n\nexport function MediaStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n\n  const stampMedia = useCallback((item: (typeof MEDIA_ITEMS)[number]) => {\n    if (pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label: item.label,\n      fill: 'theme:base-100',\n      stroke: 'theme:base-content',\n      strokeWidth: 1.5,\n      color: 'theme:base-content',\n      fontSize: 13,\n      borderStyle: 'solid',\n      mediaKind: item.kind,\n      mediaContent: item.content,\n      ...(item.kind === 'ai'\n        ? { aiConfig: { gateway: '', protocol: 'openai' as const, model: '' } }\n        : item.kind === 'model3d'\n          ? { modelFormat: 'stl' as const }\n          : item.kind === 'data'\n            ? { dataConfig: makeStarterDataConfig() }\n            : {}),\n    };\n    setPendingPlacement({ type: 'mediaNode', width: item.width, height: item.height, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <div className=\"flow-palette-grid\">\n      {MEDIA_ITEMS.map((item) => (\n        <div\n          key={item.kind}\n          className={`flow-palette-item${pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind ? ' flow-palette-item--active' : ''}`}\n          onClick={() => stampMedia(item)}\n          title={item.label}\n        >\n          {item.icon}\n          <span className=\"flow-palette-item-label\">{item.label}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction SectionHeader({ children }: { children: React.ReactNode }) {\n  return (\n    <div style={{ fontSize: 11, fontWeight: 600, margin: '10px 0 6px', color: 'color-mix(in oklch, var(--color-base-content) 50%, transparent)', textTransform: 'uppercase', letterSpacing: '0.05em' }}>\n      {children}\n    </div>\n  );\n}\n\nexport function PaletteThumbnail({ type }: { type: FlowShapeType }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const shapeMap: Record<string, React.ReactNode> = {\n    shapeRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"1\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeRoundRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"5\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeEllipse: (\n      <ellipse cx={w / 2} cy={h / 2} rx={w / 2 - 4} ry={h / 2 - 4} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDiamond: (\n      <polygon points={`${w / 2},3 ${w - 4},${h / 2} ${w / 2},${h - 3} 4,${h / 2}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDocument: (\n      <path d={`M4,4 L${w - 4},4 L${w - 4},${h - 8} C${w * 0.7},${h - 12} ${w * 0.3},${h - 2} 4,${h - 8} Z`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeParallelogram: (() => {\n      const skew = (w - 8) * 0.2;\n      return <polygon points={`${4 + skew},4 ${w - 4},4 ${w - 4 - skew},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeTriangle: (\n      <polygon points={`${w / 2},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeTrapezoid: (() => {\n      const inset = (w - 8) * 0.15;\n      return <polygon points={`${4 + inset},4 ${w - 4 - inset},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapePentagon: (() => {\n      const cx = w / 2, cy = h / 2, r = Math.min(cx, cy) - 4;\n      const pts = Array.from({ length: 5 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 5 - Math.PI / 2;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagon: (() => {\n      const cx = w / 2, cy = h / 2, rx = cx - 4, ry = cy - 4;\n      const pts = Array.from({ length: 6 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 6 - Math.PI / 6;\n        return `${cx + rx * Math.cos(a)},${cy + ry * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeStar: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.4;\n      const pts = Array.from({ length: 10 }, (_, i) => {\n        const a = (Math.PI * i) / 5 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagram: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.55;\n      const pts = Array.from({ length: 12 }, (_, i) => {\n        const a = (Math.PI * i) / 6 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeRightTriangle: (\n      <polygon points={`4,4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeCorner: (() => {\n      const hf = Math.min(w - 8, h - 8) * 0.4;\n      return <polygon points={`4,4 ${w - 4},4 ${w - 4},${4 + hf} ${4 + hf},${4 + hf} ${4 + hf},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    textLabel: (\n      <text x={w / 2} y={h / 2 + 1} textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"10\" fill=\"currentColor\">Aa</text>\n    ),\n    animAnchor: (\n      <>\n        <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"2\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"4 3\" />\n        <circle cx=\"8\" cy=\"9\" r=\"4\" fill=\"none\" stroke={s} strokeWidth={sw} />\n        <text x=\"8\" y=\"10.5\" textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"7\" fill=\"currentColor\">1</text>\n      </>\n    ),\n    geometryGroup: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"3\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"6 3\" />\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'color-mix(in oklch, var(--color-base-content) 55%, transparent)' }}>\n      {shapeMap[type] ?? shapeMap.shapeRect}\n    </svg>\n  );\n}\n\nfunction LineToolThumbnail({ mode }: { mode: FlowToolMode }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const thumbMap: Record<string, React.ReactNode> = {\n    connect: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 11},4 ${w - 9},9`} fill={s} />\n      </>\n    ),\n    freehand: (\n      <path d={`M6,${h - 8} C10,${h - 14} 14,10 ${w / 2},${h / 2} S${w - 10},6 ${w - 6},8`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinecap=\"round\" />\n    ),\n    line: (\n      <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n    ),\n    polyline: (\n      <polyline points={`6,${h - 6} 14,8 ${w / 2 + 2},${h - 10} ${w - 6},6`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinejoin=\"round\" />\n    ),\n    arrow: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 12},6 ${w - 8},12`} fill={s} />\n      </>\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'color-mix(in oklch, var(--color-base-content) 55%, transparent)' }}>\n      {thumbMap[mode] ?? thumbMap.line}\n    </svg>\n  );\n}\n\n"],"mappings":"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"}

package/dist/components/pro/Flow/panels/toolbarIcons.d.ts

@@ -18,6 +18,7 @@ export declare const IconShapes: React.FC;
 export declare const IconInspector: React.FC;
 export declare const IconOutline: React.FC;
 export declare const IconJson: React.FC;
+export declare const IconAI: React.FC;
 export declare const IconGrid: React.FC;
 export declare const IconMiniMap: React.FC;
 export declare const IconImport: React.FC;