dishui 0.0.46 → 0.0.48

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';\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: 'oklch(var(--bc) / 0.5)', 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={34} height={26} 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\nfunction MediaGlyph({ text }: { text: string }) {\n  return (\n    <div\n      style={{\n        width: 36, height: 28, display: 'flex', alignItems: 'center', justifyContent: 'center',\n        fontSize: 13, fontWeight: 700, color: 'oklch(var(--bc) / 0.6)',\n        border: '1px solid oklch(var(--bc) / 0.2)', borderRadius: 4,\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          : {}),\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: 'oklch(var(--bc) / 0.5)', 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: 'oklch(var(--bc) / 0.55)' }}>\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: 'oklch(var(--bc) / 0.55)' }}>\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,12 +18,25 @@ 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;
 export declare const IconExport: React.FC;
 export declare const IconPublish: React.FC;
 export declare const IconExportImage: React.FC;
+/** Export PNG: an image frame with a download arrow into a tray. */
+export declare const IconExportPng: React.FC;
+/** Export PDF: a document marked "PDF" with a download arrow. */
+export declare const IconExportPdf: React.FC;
+export declare const IconExportMarkdown: React.FC;
+/** Export JSON: braces with a download arrow into a tray. */
+export declare const IconExportJson: React.FC;
+/** Layer / z-order controls: to-front, forward, backward, to-back. */
+export type LayerIconKind = 'front' | 'up' | 'down' | 'back';
+export declare const IconLayer: React.FC<{
+    kind: LayerIconKind;
+}>;
 export declare const IconAnchorVisible: React.FC<{
     visible?: boolean;
 }>;

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

@@ -1,6 +1,6 @@
 import "react";
-import { Fragment as a, jsx as r, jsxs as h } from "react/jsx-runtime";
-var t = {
+import { Fragment as a, jsx as r, jsxs as t } from "react/jsx-runtime";
+var h = {
   width: 18,
   height: 18,
   viewBox: "0 0 24 24",
@@ -9,8 +9,8 @@ var t = {
   strokeWidth: 2,
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, o = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}, o = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("circle", {
@@ -26,20 +26,20 @@ var t = {
     /* @__PURE__ */ r("path", { d: "M4 12H2M22 12h-2M12 4V2M12 22v-2" }),
     /* @__PURE__ */ r("path", { d: "M17.5 5.5l1-1M5.5 17.5l-1 1" })
   ]
-}), v = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), l = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M19 12H5" }), /* @__PURE__ */ r("path", { d: "M11 18l-6-6 6-6" })]
-}), l = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), v = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M9 14L4 9l5-5" }), /* @__PURE__ */ r("path", { d: "M4 9h11a5 5 0 0 1 0 10h-4" })]
-}), M = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), M = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M15 14l5-5-5-5" }), /* @__PURE__ */ r("path", { d: "M20 9H9a5 5 0 0 0 0 10h4" })]
-}), x = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), p = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
@@ -61,8 +61,8 @@ var t = {
       strokeDasharray: "2 2"
     })
   ]
-}), g = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), s = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
@@ -88,8 +88,8 @@ var t = {
       rx: "0.5"
     })
   ]
-}), p = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), x = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
@@ -108,8 +108,8 @@ var t = {
     }),
     /* @__PURE__ */ r("path", { d: "M14 5h5M17 3v4" })
   ]
-}), s = ({ kind: e }) => e === "left" || e === "center-h" || e === "right" ? /* @__PURE__ */ h("svg", {
-  ...t,
+}), g = ({ kind: e }) => e === "left" || e === "center-h" || e === "right" ? /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("path", { d: `M${e === "left" ? 5 : e === "right" ? 19 : 12} 3v18` }),
@@ -128,8 +128,8 @@ var t = {
       rx: "0.5"
     })
   ]
-}) : e === "top" || e === "center-v" || e === "bottom" ? /* @__PURE__ */ h("svg", {
-  ...t,
+}) : e === "top" || e === "center-v" || e === "bottom" ? /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("path", { d: `M3 ${e === "top" ? 5 : e === "bottom" ? 19 : 12}h18` }),
@@ -149,9 +149,9 @@ var t = {
     })
   ]
 }) : /* @__PURE__ */ r("svg", {
-  ...t,
+  ...h,
   "aria-hidden": "true",
-  children: e === "distribute-h" ? /* @__PURE__ */ h(a, { children: [
+  children: e === "distribute-h" ? /* @__PURE__ */ t(a, { children: [
     /* @__PURE__ */ r("path", { d: "M3 3v18M21 3v18" }),
     /* @__PURE__ */ r("rect", {
       x: "6",
@@ -165,7 +165,7 @@ var t = {
       width: "4",
       height: "10"
     })
-  ] }) : /* @__PURE__ */ h(a, { children: [
+  ] }) : /* @__PURE__ */ t(a, { children: [
     /* @__PURE__ */ r("path", { d: "M3 3h18M3 21h18" }),
     /* @__PURE__ */ r("rect", {
       x: "7",
@@ -180,24 +180,24 @@ var t = {
       height: "4"
     })
   ] })
-}), u = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), u = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("circle", {
     cx: "11",
     cy: "11",
     r: "7"
   }), /* @__PURE__ */ r("path", { d: "M21 21l-4.3-4.3M8 11h6" })]
-}), y = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), y = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("circle", {
     cx: "11",
     cy: "11",
     r: "7"
   }), /* @__PURE__ */ r("path", { d: "M21 21l-4.3-4.3M11 8v6M8 11h6" })]
-}), I = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), w = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("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" }), /* @__PURE__ */ r("rect", {
     x: "9",
@@ -206,8 +206,8 @@ var t = {
     height: "6",
     rx: "1"
   })]
-}), w = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), I = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
@@ -224,24 +224,28 @@ var t = {
     }),
     /* @__PURE__ */ r("path", { d: "M13 21l4-7 4 7z" })
   ]
-}), m = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), f = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("circle", {
     cx: "12",
     cy: "12",
     r: "3"
   }), /* @__PURE__ */ r("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" })]
-}), f = () => /* @__PURE__ */ r("svg", {
-  ...t,
+}), m = () => /* @__PURE__ */ r("svg", {
+  ...h,
   "aria-hidden": "true",
   children: /* @__PURE__ */ r("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
-}), b = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), L = () => /* @__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" })]
-}), H = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), V = () => /* @__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" })]
+}), H = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("rect", {
     x: "3",
@@ -250,8 +254,8 @@ var t = {
     height: "18",
     rx: "2"
   }), /* @__PURE__ */ r("path", { d: "M9 3v18M15 3v18M3 9h18M3 15h18" })]
-}), V = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), z = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("rect", {
     x: "3",
@@ -266,47 +270,193 @@ var t = {
     height: "6",
     rx: "1"
   })]
-}), z = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), C = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
-    /* @__PURE__ */ r("path", { d: "M12 3v12" }),
-    /* @__PURE__ */ r("path", { d: "M8 11l4 4 4-4" }),
-    /* @__PURE__ */ r("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" })
+    /* @__PURE__ */ r("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }),
+    /* @__PURE__ */ r("path", { d: "M14 3v5h5" }),
+    /* @__PURE__ */ r("path", { d: "M12 18v-6" }),
+    /* @__PURE__ */ r("path", { d: "M9.5 14.5 12 12l2.5 2.5" })
   ]
-}), A = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), b = () => /* @__PURE__ */ t("svg", {
+  ...h,
+  "aria-hidden": "true",
+  children: [/* @__PURE__ */ r("path", { d: "M22 2 11 13" }), /* @__PURE__ */ r("path", { d: "M22 2 15 22l-4-9-9-4 20-7z" })]
+}), A = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
-    /* @__PURE__ */ r("path", { d: "M12 15V3" }),
-    /* @__PURE__ */ r("path", { d: "M8 7l4-4 4 4" }),
-    /* @__PURE__ */ r("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" })
+    /* @__PURE__ */ r("rect", {
+      x: "3",
+      y: "3",
+      width: "12",
+      height: "10",
+      rx: "1.5"
+    }),
+    /* @__PURE__ */ r("circle", {
+      cx: "6.5",
+      cy: "6.5",
+      r: "1"
+    }),
+    /* @__PURE__ */ r("path", { d: "M3 11l3.5-3 3 2.5" }),
+    /* @__PURE__ */ r("path", { d: "M19 12v6M16.5 15.5 19 18l2.5-2.5" }),
+    /* @__PURE__ */ r("path", {
+      d: "M14 21h10",
+      opacity: "0.5"
+    })
   ]
-}), G = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), E = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
-  children: [/* @__PURE__ */ r("path", { d: "M22 2 11 13" }), /* @__PURE__ */ r("path", { d: "M22 2 15 22l-4-9-9-4 20-7z" })]
-}), L = () => /* @__PURE__ */ h("svg", {
-  ...t,
+  children: [
+    /* @__PURE__ */ r("path", { d: "M13 3H7a2 2 0 0 0-2 2v6" }),
+    /* @__PURE__ */ r("path", { d: "M13 3l5 5v3" }),
+    /* @__PURE__ */ r("path", { d: "M4.5 14h1.6a1.4 1.4 0 0 1 0 2.8H4.5V14v5" }),
+    /* @__PURE__ */ r("path", { d: "M17 14v6M14.5 17.5 17 20l2.5-2.5" }),
+    /* @__PURE__ */ r("path", { d: "M10 14v5h1a1.4 1.4 0 0 0 1.4-1.4v-2.2A1.4 1.4 0 0 0 11 14z" })
+  ]
+}), G = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
       x: "3",
-      y: "4",
+      y: "5",
       width: "18",
-      height: "16",
+      height: "14",
       rx: "2"
     }),
-    /* @__PURE__ */ r("circle", {
-      cx: "9",
-      cy: "9",
-      r: "1.5"
-    }),
-    /* @__PURE__ */ r("path", { d: "M4 17l5-5 3 3 2-2 6 6" }),
-    /* @__PURE__ */ r("path", { d: "M16 3v7m-3-3 3 3 3-3" })
+    /* @__PURE__ */ r("path", { d: "M6 15V9l3 3 3-3v6" }),
+    /* @__PURE__ */ r("path", { d: "M17 9v4m0 0 2-2m-2 2-2-2" })
+  ]
+}), P = () => /* @__PURE__ */ t("svg", {
+  ...h,
+  "aria-hidden": "true",
+  children: [
+    /* @__PURE__ */ r("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" }),
+    /* @__PURE__ */ r("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" }),
+    /* @__PURE__ */ r("path", { d: "M12 13v6M9 16l3 3 3-3" }),
+    /* @__PURE__ */ r("path", {
+      d: "M4 20h16",
+      opacity: "0.5"
+    })
   ]
-}), j = ({ visible: e = !0 }) => /* @__PURE__ */ h("svg", {
-  ...t,
+}), j = ({ kind: e }) => {
+  switch (e) {
+    case "front":
+      return /* @__PURE__ */ t("svg", {
+        ...h,
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ r("rect", {
+            x: "7",
+            y: "7",
+            width: "10",
+            height: "10",
+            rx: "1.5",
+            fill: "currentColor",
+            stroke: "none"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M4 15.5l3 1.7M20 15.5l-3 1.7",
+            opacity: "0.5"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M4 18.5l8 4.5 8-4.5",
+            opacity: "0.5"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M12 5V1M9.5 3 12 .8 14.5 3",
+            transform: "translate(0 1)"
+          })
+        ]
+      });
+    case "up":
+      return /* @__PURE__ */ t("svg", {
+        ...h,
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ r("rect", {
+            x: "3",
+            y: "12",
+            width: "11",
+            height: "8",
+            rx: "1.5",
+            fill: "currentColor",
+            stroke: "none",
+            opacity: "0.4"
+          }),
+          /* @__PURE__ */ r("rect", {
+            x: "9",
+            y: "8",
+            width: "11",
+            height: "8",
+            rx: "1.5",
+            fill: "currentColor",
+            stroke: "none"
+          }),
+          /* @__PURE__ */ r("path", { d: "M14.5 5.5V1M12 3l2.5-2.5L17 3" })
+        ]
+      });
+    case "down":
+      return /* @__PURE__ */ t("svg", {
+        ...h,
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ r("rect", {
+            x: "9",
+            y: "8",
+            width: "11",
+            height: "8",
+            rx: "1.5",
+            fill: "currentColor",
+            stroke: "none",
+            opacity: "0.4"
+          }),
+          /* @__PURE__ */ r("rect", {
+            x: "3",
+            y: "12",
+            width: "11",
+            height: "8",
+            rx: "1.5",
+            fill: "currentColor",
+            stroke: "none"
+          }),
+          /* @__PURE__ */ r("path", { d: "M14.5 18.5V23M12 20.5l2.5 2.5 2.5-2.5" })
+        ]
+      });
+    default:
+      return /* @__PURE__ */ t("svg", {
+        ...h,
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ r("path", {
+            d: "M4 8.5l8-4.5 8 4.5",
+            opacity: "0.5"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M4 8.5l3 1.7M20 8.5l-3 1.7",
+            opacity: "0.5"
+          }),
+          /* @__PURE__ */ r("rect", {
+            x: "7",
+            y: "9",
+            width: "10",
+            height: "10",
+            rx: "1.5",
+            fill: "currentColor",
+            stroke: "none"
+          }),
+          /* @__PURE__ */ r("path", {
+            d: "M12 21v4M9.5 23 12 25.2 14.5 23",
+            transform: "translate(0 -1)"
+          })
+        ]
+      });
+  }
+}, D = ({ visible: e = !0 }) => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
@@ -326,8 +476,8 @@ var t = {
     }),
     e ? /* @__PURE__ */ r("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" }) : /* @__PURE__ */ r("path", { d: "M3 3l18 18" })
   ]
-}), C = () => /* @__PURE__ */ h("svg", {
-  ...t,
+}), F = () => /* @__PURE__ */ t("svg", {
+  ...h,
   "aria-hidden": "true",
   children: [
     /* @__PURE__ */ r("rect", {
@@ -346,27 +496,31 @@ var t = {
   ]
 });
 export {
-  s as IconAlign,
-  j as IconAnchorVisible,
+  V as IconAI,
+  g as IconAlign,
+  D as IconAnchorVisible,
   o as IconAutoFocus,
-  v as IconBack,
-  A as IconExport,
-  L as IconExportImage,
-  I as IconFitView,
-  g as IconGeoGroup,
+  l as IconBack,
+  P as IconExportJson,
+  G as IconExportMarkdown,
+  E as IconExportPdf,
+  A as IconExportPng,
+  w as IconFitView,
+  s as IconGeoGroup,
   H as IconGrid,
-  x as IconGroup,
-  z as IconImport,
-  m as IconInspector,
-  b as IconJson,
-  V as IconMiniMap,
-  f as IconOutline,
-  C as IconPresent,
-  G as IconPublish,
+  p as IconGroup,
+  C as IconImport,
+  f as IconInspector,
+  L as IconJson,
+  j as IconLayer,
+  z as IconMiniMap,
+  m as IconOutline,
+  F as IconPresent,
+  b as IconPublish,
   M as IconRedo,
-  w as IconShapes,
-  l as IconUndo,
-  p as IconUngroup,
+  I as IconShapes,
+  v as IconUndo,
+  x as IconUngroup,
   y as IconZoomIn,
   u as IconZoomOut
 };