dishui 0.0.49 → 0.0.50

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

@@ -26,12 +26,12 @@ var T = [
   }
 ];
 function V() {
-  const { showPalette: l } = y(), { panelStyle: r, handleProps: a } = C(), { panelWidth: t, resizeHandleProps: o } = P("right", 180);
+  const { showPalette: l } = y(), { panelStyle: i, handleProps: a } = C(), { panelWidth: t, resizeHandleProps: o } = P("right", 180);
   return l ? /* @__PURE__ */ c("div", {
     className: "flow-palette",
     "data-flow-panel": !0,
     style: {
-      ...r,
+      ...i,
       width: t
     },
     children: [
@@ -61,16 +61,16 @@ function V() {
   }) : null;
 }
 function N() {
-  const { toolMode: l, setToolMode: r, setPendingPlacement: a, pendingPlacement: t } = y(), o = u((n, s, p, h) => {
+  const { toolMode: l, setToolMode: i, setPendingPlacement: a, pendingPlacement: t } = y(), o = u((n, s, p, h) => {
     t?.type === n ? a(null) : (a({
       type: n,
       width: s,
       height: p,
       data: { ...h }
-    }), r("select"));
+    }), i("select"));
   }, [
     a,
-    r,
+    i,
     t
   ]);
   return /* @__PURE__ */ c(g, { children: [
@@ -79,19 +79,19 @@ function N() {
       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(D, { type: n.type }), /* @__PURE__ */ e("span", {
+        children: [/* @__PURE__ */ e(z, { type: n.type }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
           children: n.data.label
         })]
       }, n.type))
     }),
-    /* @__PURE__ */ e(z, { children: "Lines" }),
+    /* @__PURE__ */ e(L, { children: "Lines" }),
     /* @__PURE__ */ e("div", {
       className: "flow-palette-grid",
       children: T.map((n) => /* @__PURE__ */ c("div", {
         className: `flow-palette-item${l === n.mode ? " flow-palette-item--active" : ""}`,
         onClick: () => {
-          a(null), r(l === n.mode ? "select" : n.mode);
+          a(null), i(l === n.mode ? "select" : n.mode);
         },
         children: [/* @__PURE__ */ e(E, { mode: n.mode }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
@@ -102,13 +102,13 @@ function N() {
   ] });
 }
 function Z() {
-  const { setPendingPlacement: l, setToolMode: r, pendingPlacement: a } = y(), [t, o] = I({ lang: !0 }), n = u((s, p) => {
+  const { setPendingPlacement: l, setToolMode: i, 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 = {
+    const r = {
       label: p,
       fill: "transparent",
       stroke: "theme:base-content",
@@ -125,21 +125,21 @@ function Z() {
       type: "shapeSvg",
       width: 56,
       height: 56,
-      data: i
-    }), r("select");
+      data: r
+    }), i("select");
   }, [
     a,
     l,
-    r
+    i
   ]);
   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((i) => ({
-        ...i,
-        [s.id]: !i[s.id]
+      onClick: () => o((r) => ({
+        ...r,
+        [s.id]: !r[s.id]
       })),
       children: [/* @__PURE__ */ e("span", {
         style: {
@@ -150,29 +150,29 @@ function Z() {
       }), s.label]
     }), h && /* @__PURE__ */ e("div", {
       className: "flow-palette-grid",
-      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", {
+      children: p.map((r) => /* @__PURE__ */ c("div", {
+        className: `flow-palette-item${a?.type === "shapeSvg" && a.data.svgId === r.id ? " flow-palette-item--active" : ""}`,
+        onClick: () => n(r.id, r.label),
+        title: r.label,
+        children: [/* @__PURE__ */ e(A, { id: r.id }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
-          children: i.label
+          children: r.label
         })]
-      }, i.id))
+      }, r.id))
     })] }, s.id);
   }) });
 }
 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)}`,
+  const i = M(l, b(x(l)?.brandColor, "") || "#475569");
+  return i ? /* @__PURE__ */ e("img", {
+    src: `data:image/svg+xml;utf8,${encodeURIComponent(i)}`,
     width: 20,
     height: 16,
     alt: "",
     style: { objectFit: "contain" }
   }) : null;
 }
-var L = [
+var D = [
   {
     kind: "markdown",
     label: "Markdown",
@@ -268,7 +268,7 @@ function m({ text: l }) {
   });
 }
 function q() {
-  const { setPendingPlacement: l, setToolMode: r, pendingPlacement: a } = y(), t = u((o) => {
+  const { setPendingPlacement: l, setToolMode: i, pendingPlacement: a } = y(), t = u((o) => {
     if (a?.type === "mediaNode" && a.data.mediaKind === o.kind) {
       l(null);
       return;
@@ -294,15 +294,15 @@ function q() {
       width: o.width,
       height: o.height,
       data: n
-    }), r("select");
+    }), i("select");
   }, [
     a,
     l,
-    r
+    i
   ]);
   return /* @__PURE__ */ e("div", {
     className: "flow-palette-grid",
-    children: L.map((o) => /* @__PURE__ */ c("div", {
+    children: D.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,
@@ -313,7 +313,7 @@ function q() {
     }, o.kind))
   });
 }
-function z({ children: l }) {
+function L({ children: l }) {
   return /* @__PURE__ */ e("div", {
     style: {
       fontSize: 11,
@@ -326,7 +326,7 @@ function z({ children: l }) {
     children: l
   });
 }
-function D({ type: l }) {
+function z({ type: l }) {
   const t = "currentColor", n = {
     shapeRect: /* @__PURE__ */ e("rect", {
       x: "3",
@@ -390,7 +390,7 @@ function D({ type: l }) {
     shapePentagon: (() => {
       const h = Math.min(18, 14) - 4;
       return /* @__PURE__ */ e("polygon", {
-        points: Array.from({ length: 5 }, (i, k) => {
+        points: Array.from({ length: 5 }, (r, k) => {
           const d = Math.PI * 2 * k / 5 - Math.PI / 2;
           return `${18 + h * Math.cos(d)},${14 + h * Math.sin(d)}`;
         }).join(" "),
@@ -409,10 +409,10 @@ function D({ type: l }) {
       strokeWidth: 1.5
     }),
     shapeStar: (() => {
-      const h = Math.min(18, 14) - 3, i = h * 0.4;
+      const h = Math.min(18, 14) - 3, r = h * 0.4;
       return /* @__PURE__ */ e("polygon", {
         points: Array.from({ length: 10 }, (k, d) => {
-          const w = Math.PI * d / 5 - Math.PI / 2, f = d % 2 === 0 ? h : i;
+          const w = Math.PI * d / 5 - Math.PI / 2, f = d % 2 === 0 ? h : r;
           return `${18 + f * Math.cos(w)},${14 + f * Math.sin(w)}`;
         }).join(" "),
         fill: "none",
@@ -421,10 +421,10 @@ function D({ type: l }) {
       });
     })(),
     shapeHexagram: (() => {
-      const h = Math.min(18, 14) - 3, i = h * 0.55;
+      const h = Math.min(18, 14) - 3, r = h * 0.55;
       return /* @__PURE__ */ e("polygon", {
         points: Array.from({ length: 12 }, (k, d) => {
-          const w = Math.PI * d / 6 - Math.PI / 2, f = d % 2 === 0 ? h : i;
+          const w = Math.PI * d / 6 - Math.PI / 2, f = d % 2 === 0 ? h : r;
           return `${18 + f * Math.cos(w)},${14 + f * Math.sin(w)}`;
         }).join(" "),
         fill: "none",
@@ -493,6 +493,17 @@ function D({ type: l }) {
       stroke: t,
       strokeWidth: 1.5,
       strokeDasharray: "6 3"
+    }),
+    flowGroup: /* @__PURE__ */ e("rect", {
+      x: "3",
+      y: "4",
+      width: 30,
+      height: 20,
+      rx: "3",
+      fill: "none",
+      stroke: t,
+      strokeWidth: 1.5,
+      strokeDasharray: "2 3"
     })
   };
   return /* @__PURE__ */ e("svg", {
@@ -560,7 +571,7 @@ function E({ mode: l }) {
 }
 export {
   q as MediaStampContent,
-  D as PaletteThumbnail,
+  z as PaletteThumbnail,
   N as ShapePaletteContent,
   Z as SvgStampContent,
   V as default

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, 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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"}
+{"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    flowGroup: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"3\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"2 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

@@ -41,3 +41,4 @@ export declare const IconAnchorVisible: React.FC<{
     visible?: boolean;
 }>;
 export declare const IconPresent: React.FC;
+export declare const IconArchify: React.FC;

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

@@ -61,7 +61,7 @@ var h = {
       strokeDasharray: "2 2"
     })
   ]
-}), s = () => /* @__PURE__ */ t("svg", {
+}), x = () => /* @__PURE__ */ t("svg", {
   ...h,
   "aria-hidden": "true",
   children: [
@@ -88,7 +88,7 @@ var h = {
       rx: "0.5"
     })
   ]
-}), x = () => /* @__PURE__ */ t("svg", {
+}), s = () => /* @__PURE__ */ t("svg", {
   ...h,
   "aria-hidden": "true",
   children: [
@@ -236,11 +236,11 @@ var h = {
   ...h,
   "aria-hidden": "true",
   children: /* @__PURE__ */ r("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
-}), L = () => /* @__PURE__ */ t("svg", {
+}), V = () => /* @__PURE__ */ t("svg", {
   ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M8 4H7a2 2 0 0 0-2 2v3a2 2 0 0 1-2 2 2 2 0 0 1 2 2v3a2 2 0 0 0 2 2h1" }), /* @__PURE__ */ r("path", { d: "M16 4h1a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2 2 2 0 0 0-2 2v3a2 2 0 0 1-2 2h-1" })]
-}), V = () => /* @__PURE__ */ t("svg", {
+}), L = () => /* @__PURE__ */ t("svg", {
   ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3z" }), /* @__PURE__ */ r("path", { d: "M18 15l.9 2.1L21 18l-2.1.9L18 21l-.9-2.1L15 18l2.1-.9L18 15z" })]
@@ -494,11 +494,39 @@ var h = {
     }),
     /* @__PURE__ */ r("path", { d: "M12 17v3M8 20h8" })
   ]
+}), B = () => /* @__PURE__ */ t("svg", {
+  ...h,
+  "aria-hidden": "true",
+  children: [
+    /* @__PURE__ */ r("rect", {
+      x: "3",
+      y: "5",
+      width: "8",
+      height: "6",
+      rx: "1.5"
+    }),
+    /* @__PURE__ */ r("rect", {
+      x: "13",
+      y: "5",
+      width: "8",
+      height: "6",
+      rx: "1.5"
+    }),
+    /* @__PURE__ */ r("rect", {
+      x: "8",
+      y: "14",
+      width: "8",
+      height: "6",
+      rx: "1.5"
+    }),
+    /* @__PURE__ */ r("path", { d: "M7 11v1.5M17 11v1.5M12 12.5V14" })
+  ]
 });
 export {
-  V as IconAI,
+  L as IconAI,
   g as IconAlign,
   D as IconAnchorVisible,
+  B as IconArchify,
   o as IconAutoFocus,
   l as IconBack,
   P as IconExportJson,
@@ -506,12 +534,12 @@ export {
   E as IconExportPdf,
   A as IconExportPng,
   w as IconFitView,
-  s as IconGeoGroup,
+  x as IconGeoGroup,
   H as IconGrid,
   p as IconGroup,
   C as IconImport,
   f as IconInspector,
-  L as IconJson,
+  V as IconJson,
   j as IconLayer,
   z as IconMiniMap,
   m as IconOutline,
@@ -520,7 +548,7 @@ export {
   M as IconRedo,
   I as IconShapes,
   v as IconUndo,
-  x as IconUngroup,
+  s as IconUngroup,
   y as IconZoomIn,
   u as IconZoomOut
 };

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

@@ -1 +1 @@
-{"version":3,"file":"toolbarIcons.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/toolbarIcons.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Toolbar icon set for the Flow editor.\n * Compact 20x20 stroke icons that inherit `currentColor`, so they follow the\n * button's variant (primary/ghost) automatically.\n */\n\nconst base = {\n  width: 18,\n  height: 18,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round' as const,\n  strokeLinejoin: 'round' as const,\n};\n\nexport const IconSelect: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 3l7 17 2.5-6.5L20 11 4 3z\" />\n  </svg>\n);\n\n\nexport const IconAutoFocus: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"6\" />\n    <circle cx=\"12\" cy=\"12\" r=\"2\" />\n    <path d=\"M4 12H2M22 12h-2M12 4V2M12 22v-2\" />\n    <path d=\"M17.5 5.5l1-1M5.5 17.5l-1 1\" />\n  </svg>\n);\n\nexport const IconBack: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M19 12H5\" />\n    <path d=\"M11 18l-6-6 6-6\" />\n  </svg>\n);\n\nexport const IconUndo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M9 14L4 9l5-5\" />\n    <path d=\"M4 9h11a5 5 0 0 1 0 10h-4\" />\n  </svg>\n);\n\nexport const IconRedo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M15 14l5-5-5-5\" />\n    <path d=\"M20 9H9a5 5 0 0 0 0 10h4\" />\n  </svg>\n);\n\nexport const IconGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\" />\n    <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <path d=\"M13 6h4a1 1 0 0 1 1 1v4\" strokeDasharray=\"2 2\" />\n  </svg>\n);\n\nexport const IconGeoGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" strokeDasharray=\"3 3\" />\n    <rect x=\"7\" y=\"7\" width=\"4\" height=\"4\" rx=\"0.5\" />\n    <rect x=\"13\" y=\"13\" width=\"4\" height=\"4\" rx=\"0.5\" />\n  </svg>\n);\n\nexport const IconUngroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" />\n    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" />\n    <path d=\"M14 5h5M17 3v4\" />\n  </svg>\n);\n\nexport type AlignIconKind = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom' | 'distribute-h' | 'distribute-v';\n\nexport const IconAlign: React.FC<{ kind: AlignIconKind }> = ({ kind }) => {\n  const vertical = kind === 'left' || kind === 'center-h' || kind === 'right';\n  if (vertical) {\n    const x = kind === 'left' ? 5 : kind === 'right' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M${x} 3v18`} />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 10 : 7} y=\"5\" width=\"9\" height=\"4\" rx=\"0.5\" />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 5 : 4} y=\"14\" width=\"14\" height=\"4\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  if (kind === 'top' || kind === 'center-v' || kind === 'bottom') {\n    const y = kind === 'top' ? 5 : kind === 'bottom' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M3 ${y}h18`} />\n        <rect x=\"5\" y={kind === 'top' ? 5 : kind === 'bottom' ? 10 : 7} width=\"4\" height=\"9\" rx=\"0.5\" />\n        <rect x=\"14\" y={kind === 'top' ? 5 : kind === 'bottom' ? 5 : 4} width=\"4\" height=\"14\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  return (\n    <svg {...base} aria-hidden=\"true\">\n      {kind === 'distribute-h' ? (\n        <><path d=\"M3 3v18M21 3v18\" /><rect x=\"6\" y=\"7\" width=\"4\" height=\"10\" /><rect x=\"14\" y=\"7\" width=\"4\" height=\"10\" /></>\n      ) : (\n        <><path d=\"M3 3h18M3 21h18\" /><rect x=\"7\" y=\"6\" width=\"10\" height=\"4\" /><rect x=\"7\" y=\"14\" width=\"10\" height=\"4\" /></>\n      )}\n    </svg>\n  );\n};\n\nexport const IconZoomOut: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M8 11h6\" />\n  </svg>\n);\n\nexport const IconZoomIn: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\" />\n  </svg>\n);\n\nexport const IconFitView: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 9V5a1 1 0 0 1 1-1h4M15 4h4a1 1 0 0 1 1 1v4M20 15v4a1 1 0 0 1-1 1h-4M9 20H5a1 1 0 0 1-1-1v-4\" />\n    <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconShapes: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <circle cx=\"17\" cy=\"7\" r=\"4\" />\n    <path d=\"M13 21l4-7 4 7z\" />\n  </svg>\n);\n\nexport const IconInspector: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n  </svg>\n);\n\nexport const IconOutline: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\" />\n  </svg>\n);\n\nexport const IconJson: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 4H7a2 2 0 0 0-2 2v3a2 2 0 0 1-2 2 2 2 0 0 1 2 2v3a2 2 0 0 0 2 2h1\" />\n    <path d=\"M16 4h1a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2 2 2 0 0 0-2 2v3a2 2 0 0 1-2 2h-1\" />\n  </svg>\n);\n\nexport const IconAI: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3z\" />\n    <path d=\"M18 15l.9 2.1L21 18l-2.1.9L18 21l-.9-2.1L15 18l2.1-.9L18 15z\" />\n  </svg>\n);\n\nexport const IconGrid: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n    <path d=\"M9 3v18M15 3v18M3 9h18M3 15h18\" />\n  </svg>\n);\n\nexport const IconMiniMap: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <rect x=\"13\" y=\"12\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconImport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\n    <path d=\"M14 3v5h5\" />\n    <path d=\"M12 18v-6\" />\n    <path d=\"M9.5 14.5 12 12l2.5 2.5\" />\n  </svg>\n);\n\nexport const IconExport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 15V3\" />\n    <path d=\"M8 7l4-4 4 4\" />\n    <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\" />\n  </svg>\n);\n\nexport const IconPublish: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M22 2 11 13\" />\n    <path d=\"M22 2 15 22l-4-9-9-4 20-7z\" />\n  </svg>\n);\n\nexport const IconExportImage: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <circle cx=\"9\" cy=\"9\" r=\"1.5\" />\n    <path d=\"M4 17l5-5 3 3 2-2 6 6\" />\n    <path d=\"M16 3v7m-3-3 3 3 3-3\" />\n  </svg>\n);\n\n/** Export PNG: an image frame with a download arrow into a tray. */\nexport const IconExportPng: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"12\" height=\"10\" rx=\"1.5\" />\n    <circle cx=\"6.5\" cy=\"6.5\" r=\"1\" />\n    <path d=\"M3 11l3.5-3 3 2.5\" />\n    <path d=\"M19 12v6M16.5 15.5 19 18l2.5-2.5\" />\n    <path d=\"M14 21h10\" opacity=\"0.5\" />\n  </svg>\n);\n\n/** Export PDF: a document marked \"PDF\" with a download arrow. */\nexport const IconExportPdf: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M13 3H7a2 2 0 0 0-2 2v6\" />\n    <path d=\"M13 3l5 5v3\" />\n    <path d=\"M4.5 14h1.6a1.4 1.4 0 0 1 0 2.8H4.5V14v5\" />\n    <path d=\"M17 14v6M14.5 17.5 17 20l2.5-2.5\" />\n    <path d=\"M10 14v5h1a1.4 1.4 0 0 0 1.4-1.4v-2.2A1.4 1.4 0 0 0 11 14z\" />\n  </svg>\n);\n\nexport const IconExportMarkdown: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n    <path d=\"M6 15V9l3 3 3-3v6\" />\n    <path d=\"M17 9v4m0 0 2-2m-2 2-2-2\" />\n  </svg>\n);\n\n/** Export JSON: braces with a download arrow into a tray. */\nexport const IconExportJson: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M9 4c-1.5 0-2 .6-2 2s.4 2-1 2c1.4 0 1 1 1 2s.5 2 2 2\" />\n    <path d=\"M15 4c1.5 0 2 .6 2 2s-.4 2 1 2c-1.4 0-1 1-1 2s-.5 2-2 2\" />\n    <path d=\"M12 13v6M9 16l3 3 3-3\" />\n    <path d=\"M4 20h16\" opacity=\"0.5\" />\n  </svg>\n);\n\n/** Layer / z-order controls: to-front, forward, backward, to-back. */\nexport type LayerIconKind = 'front' | 'up' | 'down' | 'back';\n\nexport const IconLayer: React.FC<{ kind: LayerIconKind }> = ({ kind }) => {\n  // Metaphor: a stack of layers with the *moving* layer drawn solid and an\n  // arrow showing the z-order direction. Front/back push all the way; up/down\n  // shift by one. Each variant is visually distinct.\n  switch (kind) {\n    case 'front':\n      // Solid square on top of two outlined layers + up arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M4 15.5l3 1.7M20 15.5l-3 1.7\" opacity=\"0.5\" />\n          <path d=\"M4 18.5l8 4.5 8-4.5\" opacity=\"0.5\" />\n          <path d=\"M12 5V1M9.5 3 12 .8 14.5 3\" transform=\"translate(0 1)\" />\n        </svg>\n      );\n    case 'up':\n      // Solid layer with a single up arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <rect x=\"3\" y=\"12\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.4\" />\n          <rect x=\"9\" y=\"8\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M14.5 5.5V1M12 3l2.5-2.5L17 3\" />\n        </svg>\n      );\n    case 'down':\n      // Solid layer with a single down arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <rect x=\"9\" y=\"8\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.4\" />\n          <rect x=\"3\" y=\"12\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M14.5 18.5V23M12 20.5l2.5 2.5 2.5-2.5\" />\n        </svg>\n      );\n    case 'back':\n    default:\n      // Outlined top layers over a solid bottom layer + down arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <path d=\"M4 8.5l8-4.5 8 4.5\" opacity=\"0.5\" />\n          <path d=\"M4 8.5l3 1.7M20 8.5l-3 1.7\" opacity=\"0.5\" />\n          <rect x=\"7\" y=\"9\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M12 21v4M9.5 23 12 25.2 14.5 23\" transform=\"translate(0 -1)\" />\n        </svg>\n      );\n  }\n};\n\nexport const IconAnchorVisible: React.FC<{ visible?: boolean }> = ({ visible = true }) => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\" strokeDasharray=\"3 2\" />\n    <circle cx=\"4\" cy=\"5\" r=\"2\" fill=\"currentColor\" stroke=\"none\" />\n    {visible ? (\n      <path d=\"M2 12s3.5-5 10-5 10 5 10 5-3.5 5-10 5S2 12 2 12zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n    ) : (\n      <path d=\"M3 3l18 18\" />\n    )}\n  </svg>\n);\n\nexport const IconPresent: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\" />\n    <path d=\"M10 8.5l4.5 2.5L10 13.5z\" fill=\"currentColor\" stroke=\"none\" />\n    <path d=\"M12 17v3M8 20h8\" />\n  </svg>\n);\n"],"mappings":"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"}
+{"version":3,"file":"toolbarIcons.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/toolbarIcons.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Toolbar icon set for the Flow editor.\n * Compact 20x20 stroke icons that inherit `currentColor`, so they follow the\n * button's variant (primary/ghost) automatically.\n */\n\nconst base = {\n  width: 18,\n  height: 18,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round' as const,\n  strokeLinejoin: 'round' as const,\n};\n\nexport const IconSelect: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 3l7 17 2.5-6.5L20 11 4 3z\" />\n  </svg>\n);\n\n\nexport const IconAutoFocus: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"6\" />\n    <circle cx=\"12\" cy=\"12\" r=\"2\" />\n    <path d=\"M4 12H2M22 12h-2M12 4V2M12 22v-2\" />\n    <path d=\"M17.5 5.5l1-1M5.5 17.5l-1 1\" />\n  </svg>\n);\n\nexport const IconBack: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M19 12H5\" />\n    <path d=\"M11 18l-6-6 6-6\" />\n  </svg>\n);\n\nexport const IconUndo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M9 14L4 9l5-5\" />\n    <path d=\"M4 9h11a5 5 0 0 1 0 10h-4\" />\n  </svg>\n);\n\nexport const IconRedo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M15 14l5-5-5-5\" />\n    <path d=\"M20 9H9a5 5 0 0 0 0 10h4\" />\n  </svg>\n);\n\nexport const IconGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\" />\n    <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <path d=\"M13 6h4a1 1 0 0 1 1 1v4\" strokeDasharray=\"2 2\" />\n  </svg>\n);\n\nexport const IconGeoGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" strokeDasharray=\"3 3\" />\n    <rect x=\"7\" y=\"7\" width=\"4\" height=\"4\" rx=\"0.5\" />\n    <rect x=\"13\" y=\"13\" width=\"4\" height=\"4\" rx=\"0.5\" />\n  </svg>\n);\n\nexport const IconUngroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" />\n    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" />\n    <path d=\"M14 5h5M17 3v4\" />\n  </svg>\n);\n\nexport type AlignIconKind = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom' | 'distribute-h' | 'distribute-v';\n\nexport const IconAlign: React.FC<{ kind: AlignIconKind }> = ({ kind }) => {\n  const vertical = kind === 'left' || kind === 'center-h' || kind === 'right';\n  if (vertical) {\n    const x = kind === 'left' ? 5 : kind === 'right' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M${x} 3v18`} />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 10 : 7} y=\"5\" width=\"9\" height=\"4\" rx=\"0.5\" />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 5 : 4} y=\"14\" width=\"14\" height=\"4\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  if (kind === 'top' || kind === 'center-v' || kind === 'bottom') {\n    const y = kind === 'top' ? 5 : kind === 'bottom' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M3 ${y}h18`} />\n        <rect x=\"5\" y={kind === 'top' ? 5 : kind === 'bottom' ? 10 : 7} width=\"4\" height=\"9\" rx=\"0.5\" />\n        <rect x=\"14\" y={kind === 'top' ? 5 : kind === 'bottom' ? 5 : 4} width=\"4\" height=\"14\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  return (\n    <svg {...base} aria-hidden=\"true\">\n      {kind === 'distribute-h' ? (\n        <><path d=\"M3 3v18M21 3v18\" /><rect x=\"6\" y=\"7\" width=\"4\" height=\"10\" /><rect x=\"14\" y=\"7\" width=\"4\" height=\"10\" /></>\n      ) : (\n        <><path d=\"M3 3h18M3 21h18\" /><rect x=\"7\" y=\"6\" width=\"10\" height=\"4\" /><rect x=\"7\" y=\"14\" width=\"10\" height=\"4\" /></>\n      )}\n    </svg>\n  );\n};\n\nexport const IconZoomOut: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M8 11h6\" />\n  </svg>\n);\n\nexport const IconZoomIn: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\" />\n  </svg>\n);\n\nexport const IconFitView: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 9V5a1 1 0 0 1 1-1h4M15 4h4a1 1 0 0 1 1 1v4M20 15v4a1 1 0 0 1-1 1h-4M9 20H5a1 1 0 0 1-1-1v-4\" />\n    <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconShapes: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <circle cx=\"17\" cy=\"7\" r=\"4\" />\n    <path d=\"M13 21l4-7 4 7z\" />\n  </svg>\n);\n\nexport const IconInspector: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n  </svg>\n);\n\nexport const IconOutline: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\" />\n  </svg>\n);\n\nexport const IconJson: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 4H7a2 2 0 0 0-2 2v3a2 2 0 0 1-2 2 2 2 0 0 1 2 2v3a2 2 0 0 0 2 2h1\" />\n    <path d=\"M16 4h1a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2 2 2 0 0 0-2 2v3a2 2 0 0 1-2 2h-1\" />\n  </svg>\n);\n\nexport const IconAI: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9L12 3z\" />\n    <path d=\"M18 15l.9 2.1L21 18l-2.1.9L18 21l-.9-2.1L15 18l2.1-.9L18 15z\" />\n  </svg>\n);\n\nexport const IconGrid: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n    <path d=\"M9 3v18M15 3v18M3 9h18M3 15h18\" />\n  </svg>\n);\n\nexport const IconMiniMap: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <rect x=\"13\" y=\"12\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconImport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z\" />\n    <path d=\"M14 3v5h5\" />\n    <path d=\"M12 18v-6\" />\n    <path d=\"M9.5 14.5 12 12l2.5 2.5\" />\n  </svg>\n);\n\nexport const IconExport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 15V3\" />\n    <path d=\"M8 7l4-4 4 4\" />\n    <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\" />\n  </svg>\n);\n\nexport const IconPublish: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M22 2 11 13\" />\n    <path d=\"M22 2 15 22l-4-9-9-4 20-7z\" />\n  </svg>\n);\n\nexport const IconExportImage: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <circle cx=\"9\" cy=\"9\" r=\"1.5\" />\n    <path d=\"M4 17l5-5 3 3 2-2 6 6\" />\n    <path d=\"M16 3v7m-3-3 3 3 3-3\" />\n  </svg>\n);\n\n/** Export PNG: an image frame with a download arrow into a tray. */\nexport const IconExportPng: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"12\" height=\"10\" rx=\"1.5\" />\n    <circle cx=\"6.5\" cy=\"6.5\" r=\"1\" />\n    <path d=\"M3 11l3.5-3 3 2.5\" />\n    <path d=\"M19 12v6M16.5 15.5 19 18l2.5-2.5\" />\n    <path d=\"M14 21h10\" opacity=\"0.5\" />\n  </svg>\n);\n\n/** Export PDF: a document marked \"PDF\" with a download arrow. */\nexport const IconExportPdf: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M13 3H7a2 2 0 0 0-2 2v6\" />\n    <path d=\"M13 3l5 5v3\" />\n    <path d=\"M4.5 14h1.6a1.4 1.4 0 0 1 0 2.8H4.5V14v5\" />\n    <path d=\"M17 14v6M14.5 17.5 17 20l2.5-2.5\" />\n    <path d=\"M10 14v5h1a1.4 1.4 0 0 0 1.4-1.4v-2.2A1.4 1.4 0 0 0 11 14z\" />\n  </svg>\n);\n\nexport const IconExportMarkdown: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n    <path d=\"M6 15V9l3 3 3-3v6\" />\n    <path d=\"M17 9v4m0 0 2-2m-2 2-2-2\" />\n  </svg>\n);\n\n/** Export JSON: braces with a download arrow into a tray. */\nexport const IconExportJson: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M9 4c-1.5 0-2 .6-2 2s.4 2-1 2c1.4 0 1 1 1 2s.5 2 2 2\" />\n    <path d=\"M15 4c1.5 0 2 .6 2 2s-.4 2 1 2c-1.4 0-1 1-1 2s-.5 2-2 2\" />\n    <path d=\"M12 13v6M9 16l3 3 3-3\" />\n    <path d=\"M4 20h16\" opacity=\"0.5\" />\n  </svg>\n);\n\n/** Layer / z-order controls: to-front, forward, backward, to-back. */\nexport type LayerIconKind = 'front' | 'up' | 'down' | 'back';\n\nexport const IconLayer: React.FC<{ kind: LayerIconKind }> = ({ kind }) => {\n  // Metaphor: a stack of layers with the *moving* layer drawn solid and an\n  // arrow showing the z-order direction. Front/back push all the way; up/down\n  // shift by one. Each variant is visually distinct.\n  switch (kind) {\n    case 'front':\n      // Solid square on top of two outlined layers + up arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M4 15.5l3 1.7M20 15.5l-3 1.7\" opacity=\"0.5\" />\n          <path d=\"M4 18.5l8 4.5 8-4.5\" opacity=\"0.5\" />\n          <path d=\"M12 5V1M9.5 3 12 .8 14.5 3\" transform=\"translate(0 1)\" />\n        </svg>\n      );\n    case 'up':\n      // Solid layer with a single up arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <rect x=\"3\" y=\"12\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.4\" />\n          <rect x=\"9\" y=\"8\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M14.5 5.5V1M12 3l2.5-2.5L17 3\" />\n        </svg>\n      );\n    case 'down':\n      // Solid layer with a single down arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <rect x=\"9\" y=\"8\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.4\" />\n          <rect x=\"3\" y=\"12\" width=\"11\" height=\"8\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M14.5 18.5V23M12 20.5l2.5 2.5 2.5-2.5\" />\n        </svg>\n      );\n    case 'back':\n    default:\n      // Outlined top layers over a solid bottom layer + down arrow.\n      return (\n        <svg {...base} aria-hidden=\"true\">\n          <path d=\"M4 8.5l8-4.5 8 4.5\" opacity=\"0.5\" />\n          <path d=\"M4 8.5l3 1.7M20 8.5l-3 1.7\" opacity=\"0.5\" />\n          <rect x=\"7\" y=\"9\" width=\"10\" height=\"10\" rx=\"1.5\" fill=\"currentColor\" stroke=\"none\" />\n          <path d=\"M12 21v4M9.5 23 12 25.2 14.5 23\" transform=\"translate(0 -1)\" />\n        </svg>\n      );\n  }\n};\n\nexport const IconAnchorVisible: React.FC<{ visible?: boolean }> = ({ visible = true }) => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\" strokeDasharray=\"3 2\" />\n    <circle cx=\"4\" cy=\"5\" r=\"2\" fill=\"currentColor\" stroke=\"none\" />\n    {visible ? (\n      <path d=\"M2 12s3.5-5 10-5 10 5 10 5-3.5 5-10 5S2 12 2 12zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n    ) : (\n      <path d=\"M3 3l18 18\" />\n    )}\n  </svg>\n);\n\nexport const IconPresent: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\" />\n    <path d=\"M10 8.5l4.5 2.5L10 13.5z\" fill=\"currentColor\" stroke=\"none\" />\n    <path d=\"M12 17v3M8 20h8\" />\n  </svg>\n);\n\nexport const IconArchify: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"5\" width=\"8\" height=\"6\" rx=\"1.5\" />\n    <rect x=\"13\" y=\"5\" width=\"8\" height=\"6\" rx=\"1.5\" />\n    <rect x=\"8\" y=\"14\" width=\"8\" height=\"6\" rx=\"1.5\" />\n    <path d=\"M7 11v1.5M17 11v1.5M12 12.5V14\" />\n  </svg>\n);\n"],"mappings":"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"}