dishui 0.0.65 → 0.0.67

package/dist/components/pro/Flow/nodes/NodeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, Sprite, TextStyle } from 'pixi.js';\nimport type { FlowNode, FlowTextPlacement } from '../types';\nimport { drawRoundRectBorder, shapeDrawers, hasBorderSideOverrides, drawBorderSides, type ShapeDrawOptions } from './shapes';\nimport { createNodeText, formatIconLabel, normalizeIconLabelPlacement, updateNodeText } from './NodeText';\nimport { getHandlePositions, createHandleGraphics, updateHandleGraphics, type HandleDef } from './NodeHandles';\nimport { getRotationRad, getFlipScale } from './nodeUtils';\nimport { getIconTexture, subscribeIconTextureReady, ICON_TEXTURE_SIZE } from './svgIconTexture';\nimport { getSvgIcon } from './svgIcons';\nimport { resolveThemeColor } from '../utils/themeColor';\n\n/**\n * Resolve the center point of a text block (title + optional sublabel) inside a\n * node of the given size, for a 9-way placement. Non-center placements pull the\n * block against the corresponding edge/corner with a small inset.\n */\nfunction resolveTextBlockCenter(\n  placement: FlowTextPlacement,\n  nodeW: number,\n  nodeH: number,\n  blockW: number,\n  blockH: number,\n): { x: number; y: number } {\n  const inset = 6;\n  const left = inset + blockW / 2;\n  const right = nodeW - inset - blockW / 2;\n  const cx = nodeW / 2;\n  const top = inset + blockH / 2;\n  const bottom = nodeH - inset - blockH / 2;\n  const cy = nodeH / 2;\n  switch (placement) {\n    case 'top': return { x: cx, y: top };\n    case 'bottom': return { x: cx, y: bottom };\n    case 'left': return { x: left, y: cy };\n    case 'right': return { x: right, y: cy };\n    case 'top-left': return { x: left, y: top };\n    case 'top-right': return { x: right, y: top };\n    case 'bottom-left': return { x: left, y: bottom };\n    case 'bottom-right': return { x: right, y: bottom };\n    case 'center':\n    default:\n      return { x: cx, y: cy };\n  }\n}\n\nexport interface NodeContainer {\n  container: Container;\n  shape: Graphics;\n  /** Rotated/flipped visual content for SVG icon stamps. */\n  svgTransform: Container;\n  icon: Sprite;\n  text: Text;\n  /** Optional registry glyph rendered beside the title text (left/right). */\n  titleIcon: Sprite;\n  /** Optional muted second line (Archify card sublabel). */\n  subtext: Text;\n  /** Optional top-right pill background + label (Archify card tag). */\n  tagBg: Graphics;\n  tagText: Text;\n  /** Sequence badge shown on `animAnchor` nodes. */\n  animBadge: Text;\n  handles: Graphics;\n  handleDefs: HandleDef[];\n  nodeId: string;\n  subCanvasGlow: Graphics;\n}\n\n/**\n * Manages PixiJS display objects for all nodes on the current canvas.\n * Syncs from FlowNode[] data → PixiJS scene graph.\n */\nexport class NodeRenderer {\n  private world: Container;\n  private nodeLayer: Container;\n  private nodes = new Map<string, NodeContainer>();\n  private _dynamicOffset = 0;\n  private _unsubscribeTextureReady: () => void;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.nodeLayer = new Container({ label: 'nodes', sortableChildren: true });\n    this.world.addChild(this.nodeLayer);\n    this._unsubscribeTextureReady = subscribeIconTextureReady(() => this._resync?.());\n  }\n\n  private _resync: (() => void) | null = null;\n\n  /**\n   * Reconcile PixiJS containers with the current node data.\n   * Creates new containers, updates existing, removes stale.\n   */\n  sync(\n    flowNodes: FlowNode[],\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    animSeqMap?: Map<string, number>,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const seen = new Set<string>();\n    this._resync = () => this.sync(flowNodes, selectedIds, hoveredId, animSeqMap, options);\n\n    // Animation-anchor display sequence (1-based). When a global map is\n    // provided (document-wide, shared across sub-canvases) it is used directly;\n    // otherwise derive a per-canvas order from stable creation index.\n    const seqOf = animSeqMap ?? (() => {\n      const anchors = flowNodes\n        .filter((n) => n.type === 'animAnchor')\n        .sort((a, b) => (a.data.animIndex ?? 0) - (b.data.animIndex ?? 0));\n      const m = new Map<string, number>();\n      anchors.forEach((n, i) => m.set(n.id, i + 1));\n      return m;\n    })();\n\n    for (const node of flowNodes) {\n      seen.add(node.id);\n      let nc = this.nodes.get(node.id);\n      if (!nc) {\n        nc = this._createNode(node);\n        this.nodes.set(node.id, nc);\n      }\n      this._updateNode(\n        nc,\n        node,\n        selectedIds.has(node.id),\n        hoveredId === node.id,\n        seqOf.get(node.id),\n        options,\n      );\n    }\n\n    // Remove nodes no longer in data\n    for (const [id, nc] of this.nodes) {\n      if (!seen.has(id)) {\n        this.nodeLayer.removeChild(nc.container);\n        nc.container.destroy({ children: true });\n        this.nodes.delete(id);\n      }\n    }\n  }\n\n  getNodeContainer(id: string): NodeContainer | undefined {\n    return this.nodes.get(id);\n  }\n\n  getAllNodeContainers(): NodeContainer[] {\n    return [...this.nodes.values()];\n  }\n\n  private _createNode(node: FlowNode): NodeContainer {\n    const container = new Container({ label: `node-${node.id}` });\n    container.eventMode = 'static';\n    container.cursor = 'pointer';\n\n    const svgTransform = new Container({ label: 'svg-transform' });\n    container.addChild(svgTransform);\n\n    const subCanvasGlow = new Graphics();\n    subCanvasGlow.label = 'sub-canvas-glow';\n    container.addChild(subCanvasGlow);\n\n    const shape = new Graphics();\n    shape.label = 'shape';\n    container.addChild(shape);\n\n    const icon = new Sprite();\n    icon.label = 'svg-icon';\n    icon.anchor.set(0.5, 0.5);\n    icon.visible = false;\n    container.addChild(icon);\n\n    const text = createNodeText({\n      label: node.data.label,\n      color: resolveThemeColor(node.data.labelColor ?? node.data.color, '#111827'),\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    container.addChild(text);\n\n    // Optional glyph beside the title (lazy-rasterized registry texture).\n    const titleIcon = new Sprite();\n    titleIcon.label = 'node-title-icon';\n    titleIcon.anchor.set(0.5, 0.5);\n    titleIcon.visible = false;\n    container.addChild(titleIcon);\n\n    // Optional muted second line (Archify card sublabel).\n    const subtext = new Text({\n      text: '',\n      style: {\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        fontSize: 11,\n        fill: '#94a3b8',\n        align: 'center',\n      },\n    });\n    subtext.label = 'node-subtext';\n    subtext.anchor.set(0.5, 0.5);\n    subtext.visible = false;\n    container.addChild(subtext);\n\n    // Optional top-right pill (Archify card tag).\n    const tagBg = new Graphics();\n    tagBg.label = 'node-tag-bg';\n    tagBg.visible = false;\n    container.addChild(tagBg);\n    const tagText = new Text({\n      text: '',\n      style: {\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        fontSize: 9,\n        fill: '#cbd5e1',\n      },\n    });\n    tagText.label = 'node-tag-text';\n    tagText.anchor.set(0.5, 0.5);\n    tagText.visible = false;\n    container.addChild(tagText);\n\n    const handleDefs = getHandlePositions(node.width, node.height);\n    const handles = createHandleGraphics(container, handleDefs, false);\n\n    // Sequence badge for animation anchors (top-left corner).\n    const animBadge = new Text({\n      text: '',\n      style: { fontFamily: 'system-ui, sans-serif', fontSize: 13, fill: '#ffffff', fontWeight: '700' },\n    });\n    animBadge.label = 'anim-badge';\n    animBadge.anchor.set(0.5, 0.5);\n    animBadge.visible = false;\n    container.addChild(animBadge);\n\n    this.nodeLayer.addChild(container);\n\n    return { container, shape, svgTransform, icon, text, titleIcon, subtext, tagBg, tagText, animBadge, handles, handleDefs, nodeId: node.id, subCanvasGlow };\n  }\n\n  private _updateNode(\n    nc: NodeContainer,\n    node: FlowNode,\n    selected: boolean,\n    hovered: boolean,\n    animSeq?: number,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const { container, svgTransform, shape, icon, text, titleIcon, subtext, tagBg, tagText, animBadge, handles, subCanvasGlow } = nc;\n\n    const isSvg = node.type === 'shapeSvg';\n    const rad = getRotationRad(node.data);\n    const flip = getFlipScale(node.data);\n\n    container.zIndex = node.zIndex ?? 0;\n    if (isSvg) {\n      // Keep the label in the untransformed root. Only the icon box, icon and\n      // connection handles rotate/flip around the node center.\n      if (shape.parent !== svgTransform) svgTransform.addChild(shape);\n      if (icon.parent !== svgTransform) svgTransform.addChild(icon);\n      if (handles.parent !== svgTransform) svgTransform.addChild(handles);\n      container.position.set(node.position.x, node.position.y);\n      container.rotation = 0;\n      container.scale.set(1, 1);\n      container.pivot.set(0, 0);\n      svgTransform.position.set(node.width / 2, node.height / 2);\n      svgTransform.pivot.set(node.width / 2, node.height / 2);\n      svgTransform.rotation = rad;\n      svgTransform.scale.set(flip.sx, flip.sy);\n    } else {\n      if (shape.parent !== container) container.addChildAt(shape, Math.min(2, container.children.length));\n      if (icon.parent !== container) container.addChild(icon);\n      if (handles.parent !== container) container.addChild(handles);\n      svgTransform.rotation = 0;\n      svgTransform.scale.set(1, 1);\n      container.position.set(node.position.x, node.position.y);\n      container.rotation = rad;\n      container.scale.set(flip.sx, flip.sy);\n      if (rad !== 0 || flip.sx < 0 || flip.sy < 0) {\n        container.pivot.set(node.width / 2, node.height / 2);\n        container.position.set(node.position.x + node.width / 2, node.position.y + node.height / 2);\n      } else {\n        container.pivot.set(0, 0);\n      }\n    }\n\n    const isMedia = node.type === 'mediaNode';\n    const isAnchor = node.type === 'animAnchor';\n    // Anchors only show their label/badge when the anchor itself is visible.\n    let anchorVisible = true;\n\n    // Redraw shape\n    shape.clear();\n    shape.alpha = 1;\n    if (isSvg) {\n      this._updateSvgNode(nc, node, selected);\n    } else if (isMedia) {\n      // Media nodes render their content in a synced DOM overlay; PixiJS only\n      // draws the frame (background + border) beneath the overlay.\n      icon.visible = false;\n      const r = 6;\n      const fill = node.data.fill && node.data.fill !== 'transparent' ? resolveThemeColor(node.data.fill, '#ffffff') : '#ffffff';\n      const borderHidden = node.data.borderStyle === 'none';\n      const perSideBorders = hasBorderSideOverrides(node.data, node.type);\n      const strokeColor = selected ? '#3b82f6' : resolveThemeColor(node.data.stroke, '#374151');\n      const strokeW = selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth;\n      shapeDrawers.shapeRoundRect(shape, {\n        width: node.width,\n        height: node.height,\n        fill,\n        stroke: perSideBorders ? 'transparent' : strokeColor,\n        strokeWidth: strokeW,\n        borderStyle: selected && borderHidden ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      });\n      if (perSideBorders) {\n        // Independent sides replace the full outline; the selection ring is\n        // drawn separately so selection stays visible.\n        const stroke = resolveThemeColor(node.data.stroke, '#374151');\n        if (selected) {\n          shape.roundRect(0, 0, node.width, node.height, r).stroke({ color: '#3b82f6', width: Math.max(node.data.strokeWidth, 2) });\n        }\n        drawBorderSides(shape, 'mediaNode', node.width, node.height, node.data.borderSides, stroke, node.data.strokeWidth, borderHidden ? undefined : node.data.borderStyle, this._dynamicOffset);\n      }\n    } else if (isAnchor) {\n      // Animation anchors are globally visible/hidden in editing mode. During\n      // presentation the current frame remains as a subtle dashed overlay.\n      icon.visible = false;\n      const accent = '#8b5cf6';\n      const presentation = options?.presentation ?? false;\n      anchorVisible = presentation\n        ? (options?.presentationAnchorVisible ?? false) && options?.presentationAnchorId === node.id\n        : (options?.showAnchors ?? true);\n      if (anchorVisible) {\n        shape.alpha = presentation ? 0.48 : 0.9;\n        shapeDrawers.shapeRoundRect(shape, {\n          width: node.width,\n          height: node.height,\n          fill: 'transparent',\n          stroke: selected && !presentation ? '#3b82f6' : accent,\n          strokeWidth: selected && !presentation ? 2.5 : 1.5,\n          borderStyle: 'dashed',\n        });\n        shape.circle(0, 0, presentation ? 11 : 13).fill({\n          color: selected && !presentation ? '#3b82f6' : accent,\n        });\n      }\n      animBadge.text = String(animSeq ?? '');\n      animBadge.alpha = presentation ? 0.7 : 1;\n      animBadge.visible = anchorVisible;\n      animBadge.position.set(0, 0);\n    } else {\n      icon.visible = false;\n      const drawFn = shapeDrawers[node.type] ?? shapeDrawers.shapeRect;\n      // Independent per-side borders (top/right/bottom/left) replace the full\n      // outline for shapes with four well-defined sides; the drawer then only\n      // fills and the sides are stroked separately below.\n      const perSideBorders = hasBorderSideOverrides(node.data, node.type);\n      const borderHidden = node.data.borderStyle === 'none';\n      const baseStroke = resolveThemeColor(node.data.stroke, '#374151');\n      const opts: ShapeDrawOptions = {\n        width: node.width,\n        height: node.height,\n        fill: resolveThemeColor(node.data.fill, '#ffffff'),\n        stroke: perSideBorders ? 'transparent' : (selected ? '#3b82f6' : baseStroke),\n        strokeWidth: selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth,\n        borderStyle: (selected && borderHidden) ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      };\n      drawFn(shape, opts);\n      if (perSideBorders) {\n        if (selected) {\n          const r = node.type === 'shapeRect' ? 0 : Math.min(12, node.width * 0.1, node.height * 0.1);\n          shape.roundRect(0, 0, node.width, node.height, r).stroke({ color: '#3b82f6', width: Math.max(node.data.strokeWidth, 2) });\n        }\n        const style = (selected && borderHidden) ? 'solid' : node.data.borderStyle;\n        drawBorderSides(shape, node.type, node.width, node.height, node.data.borderSides, baseStroke, node.data.strokeWidth, style, this._dynamicOffset);\n      }\n    }\n    if (!isAnchor) animBadge.visible = false;\n\n    // Sub-canvas glow indicator\n    subCanvasGlow.clear();\n    if (node.data.childCanvasId) {\n      const pad = 4;\n      const w = node.width + pad * 2;\n      const h = node.height + pad * 2;\n      const pulse = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 0.008);\n      subCanvasGlow.roundRect(-pad, -pad, w, h, 6);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 2.5, alpha: pulse });\n      subCanvasGlow.roundRect(-pad - 2, -pad - 2, w + 4, h + 4, 8);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 1, alpha: pulse * 0.4 });\n    }\n\n    // Text: counter-rotate and counter-flip so it stays upright\n    const iconLabelPlacement = normalizeIconLabelPlacement(node.data.labelPlacement);\n    // SVG-icon labels default to the theme font color (so they read on any\n    // theme) even when the icon body uses a brand color; other node types fall\n    // back to the node's own text color.\n    const labelColor = node.data.labelColor\n      ?? (isSvg ? 'theme:base-content' : node.data.color);\n    updateNodeText(text, {\n      label: isMedia\n        ? ''\n        : isSvg\n          ? formatIconLabel(node.data.label, iconLabelPlacement)\n          : node.data.label,\n      color: resolveThemeColor(labelColor, '#111827'),\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    text.visible = !isMedia && (!isAnchor || anchorVisible);\n\n    // Card extras: muted sublabel line + tag pill. Available on ordinary\n    // shapes, group frames, and (when shown) animation anchors.\n    const showExtras = !isSvg && !isMedia && (!isAnchor || anchorVisible);\n    const sublabel = showExtras ? (node.data.sublabel ?? '').trim() : '';\n    const hasSub = sublabel.length > 0;\n\n    // Title icon: optional registry glyph beside the title text. Ordinary\n    // shapes, group frames and (visible) anchors only — SVG stamps already are\n    // an icon, and media nodes render their own overlay.\n    const titleIconId = showExtras ? (node.data.titleIcon ?? '').trim() : '';\n    const titleIconGap = 6;\n    const titleIconSize = Math.max(8, node.data.titleIconSize ?? Math.round(node.data.fontSize * 1.15));\n    const titleIconScale = titleIconSize / ICON_TEXTURE_SIZE;\n    const hasTitleIcon = titleIconId.length > 0;\n    if (hasTitleIcon) {\n      // Default tint keeps each icon's own identity: brand icons (languages /\n      // frameworks) use their authentic brandColor, everything else follows the\n      // title color (a theme token, so it tracks theme switches). An explicit\n      // `titleIconColor` always wins.\n      const fallbackTint = getSvgIcon(titleIconId)?.brandColor ?? labelColor;\n      const tint = resolveThemeColor(node.data.titleIconColor ?? fallbackTint, '#111827') || '#111827';\n      const tex = getIconTexture(titleIconId, tint);\n      if (tex) {\n        titleIcon.texture = tex;\n        titleIcon.visible = true;\n      } else {\n        titleIcon.visible = false;\n      }\n    } else {\n      titleIcon.visible = false;\n    }\n\n    if (node.type === 'shapeCorner') {\n      titleIcon.visible = false;\n      const half = Math.min(node.width, node.height) * 0.4;\n      text.position.set((half + node.width) / 2, (half + node.height) / 2);\n    } else if (isSvg) {\n      const gap = 4;\n      const halfTextWidth = text.width / 2;\n      const halfTextHeight = text.height / 2;\n      if (iconLabelPlacement === 'top') {\n        text.position.set(node.width / 2, -gap - halfTextHeight);\n      } else if (iconLabelPlacement === 'bottom') {\n        text.position.set(node.width / 2, node.height + gap + halfTextHeight);\n      } else if (iconLabelPlacement === 'left') {\n        text.position.set(-gap - halfTextWidth, node.height / 2);\n      } else if (iconLabelPlacement === 'right') {\n        text.position.set(node.width + gap + halfTextWidth, node.height / 2);\n      } else {\n        text.position.set(node.width / 2, node.height / 2);\n      }\n      text.position.x += node.data.labelOffsetX ?? 0;\n      text.position.y += node.data.labelOffsetY ?? 0;\n    } else if (!isMedia) {\n      // Ordinary shapes, group frames, and anchors: 9-way text placement, with\n      // an optional sublabel line stacked beneath the title. Both lines stay\n      // center-anchored; only the block's center point moves per placement.\n      const gap = 3;\n      const subFont = Math.max(9, node.data.fontSize - 3);\n      if (hasSub) {\n        const s = subtext.style as TextStyle;\n        s.fill = resolveThemeColor(node.data.sublabelColor ?? '#94a3b8', '#94a3b8');\n        s.fontSize = subFont;\n        subtext.text = sublabel;\n        subtext.anchor.set(0.5, 0.5);\n        subtext.visible = true;\n        subtext.rotation = -rad;\n        subtext.scale.set(flip.sx, flip.sy);\n      }\n      text.anchor.set(0.5, 0.5);\n      // Title + optional icon form a horizontally centered group; a sublabel\n      // (when present) stays centered under the whole block.\n      const iconInBlock = titleIcon.visible;\n      const titleGroupW = text.width + (iconInBlock ? titleIconSize + titleIconGap : 0);\n      const blockH = Math.max(text.height, iconInBlock ? titleIconSize : 0) + (hasSub ? gap + subtext.height : 0);\n      const blockW = Math.max(titleGroupW, hasSub ? subtext.width : 0);\n      // Anchors and group frames default their text to the top band; ordinary\n      // shapes default to centered.\n      const isGroupFrame = node.data.isGroup || node.type === 'flowGroup' || node.type === 'geometryGroup';\n      const placement = node.data.textPlacement ?? (isAnchor || isGroupFrame ? 'top' : 'center');\n      const c = resolveTextBlockCenter(\n        placement,\n        node.width,\n        node.height,\n        blockW,\n        blockH,\n      );\n      const bx = c.x + (node.data.labelOffsetX ?? 0);\n      const by = c.y + (node.data.labelOffsetY ?? 0);\n      const titleCy = by - blockH / 2 + text.height / 2;\n      if (iconInBlock) {\n        const groupLeft = bx - titleGroupW / 2;\n        if ((node.data.titleIconSide ?? 'left') === 'right') {\n          text.position.set(groupLeft + text.width / 2, titleCy);\n          titleIcon.position.set(groupLeft + text.width + titleIconGap + titleIconSize / 2, titleCy);\n        } else {\n          titleIcon.position.set(groupLeft + titleIconSize / 2, titleCy);\n          text.position.set(groupLeft + titleIconSize + titleIconGap + text.width / 2, titleCy);\n        }\n      } else {\n        text.position.set(bx, titleCy);\n      }\n      if (hasSub) subtext.position.set(bx, by + blockH / 2 - subtext.height / 2);\n    }\n    if (!hasSub) subtext.visible = false;\n\n    if (isSvg) {\n      text.rotation = 0;\n      text.scale.set(1, 1);\n    } else {\n      text.rotation = -rad;\n      text.scale.set(flip.sx, flip.sy);\n      // Keep the glyph upright and mirrored with the title, like the text.\n      // Scale (not width/height — those are scale setters in disguise and the\n      // write here would clobber them) is derived from the texture's natural\n      // raster size so `titleIconSize` stays authoritative.\n      titleIcon.rotation = -rad;\n      titleIcon.scale.set(titleIconScale * flip.sx, titleIconScale * flip.sy);\n    }\n\n    // Tag pill: placed in one of four corners with its own color.\n    const tag = showExtras ? (node.data.tag ?? '').trim() : '';\n    if (tag) {\n      tagText.text = tag;\n      tagText.visible = true;\n      const padX = 5;\n      const padY = 2;\n      const tw = tagText.width + padX * 2;\n      const th = tagText.height + padY * 2;\n      const margin = 6;\n      const placement = node.data.tagPlacement ?? 'top-right';\n      const tx = placement === 'top-left' || placement === 'bottom-left'\n        ? margin\n        : node.width - tw - margin;\n      const ty = placement === 'top-left' || placement === 'top-right'\n        ? margin\n        : node.height - th - margin;\n      const tagColor = resolveThemeColor(node.data.tagColor ?? node.data.stroke, '#334155');\n      tagBg.clear();\n      tagBg\n        .roundRect(tx, ty, tw, th, 3)\n        .fill({ color: tagColor, alpha: 0.18 })\n        .stroke({ color: tagColor, width: 1, alpha: 0.55 });\n      tagBg.visible = true;\n      (tagText.style as TextStyle).fill = tagColor;\n      tagText.position.set(tx + tw / 2, ty + th / 2);\n      tagText.rotation = 0;\n      tagText.scale.set(1, 1);\n    } else {\n      tagBg.visible = false;\n      tagText.visible = false;\n    }\n\n    // Handles visibility\n    handles.visible = (hovered || selected) && !(isAnchor && options?.presentation);\n    if (handles.visible) {\n      const defs = getHandlePositions(node.width, node.height);\n      nc.handleDefs = defs;\n      updateHandleGraphics(handles, defs);\n    }\n  }\n\n  /**\n   * Draw an SVG-stamp node: optional bordered box + centered icon sprite.\n   * The icon texture is rasterized lazily; a redraw is requested when ready.\n   */\n  private _updateSvgNode(nc: NodeContainer, node: FlowNode, selected: boolean): void {\n    const { shape, icon } = nc;\n    const { width, height, data } = node;\n\n    // Render the configured icon box independently from the solid selection\n    // outline. Otherwise selecting an icon makes dotted/dashed borders appear\n    // solid and hides whether the chosen border style is actually applied.\n    const showBox = data.iconBox ?? false;\n    const borderStyle = data.borderStyle ?? (showBox ? 'solid' : 'none');\n    const borderHidden = borderStyle === 'none';\n    const r = Math.min(8, width * 0.12, height * 0.12);\n    if (data.fill && data.fill !== 'transparent' && (showBox || !borderHidden)) {\n      shape.roundRect(0, 0, width, height, r).fill({ color: resolveThemeColor(data.fill, '#ffffff') });\n    }\n    if (!borderHidden && data.stroke && data.stroke !== 'transparent' && data.strokeWidth > 0) {\n      drawRoundRectBorder(shape, {\n        width,\n        height,\n        fill: 'transparent',\n        stroke: resolveThemeColor(data.stroke, '#374151'),\n        strokeWidth: data.strokeWidth,\n        borderStyle,\n        dashOffset: this._dynamicOffset,\n      }, r);\n    }\n    if (selected) {\n      shape.roundRect(0, 0, width, height, r).stroke({\n        color: '#3b82f6',\n        width: Math.max(data.strokeWidth, 2),\n      });\n    }\n\n    // Icon sprite: fit within the box with padding, centered. The texture is\n    // rasterized lazily; because the ticker re-runs sync every frame, it will\n    // be picked up automatically once cached.\n    const iconColor = resolveThemeColor(data.color, '#334155') || '#334155';\n    const tex = getIconTexture(data.svgId ?? '', iconColor);\n    if (tex) {\n      icon.texture = tex;\n      icon.visible = true;\n      const pad = showBox ? Math.min(width, height) * 0.18 : 2;\n      const box = Math.max(4, Math.min(width, height) - pad * 2);\n      icon.width = box;\n      icon.height = box;\n      icon.position.set(width / 2, height / 2);\n    } else {\n      icon.visible = false;\n    }\n  }\n\n  destroy(): void {\n    this._unsubscribeTextureReady();\n    this._resync = null;\n    for (const [, nc] of this.nodes) {\n      nc.container.destroy({ children: true });\n    }\n    this.nodes.clear();\n    this.nodeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"NodeRenderer.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeRenderer.ts"],"sourcesContent":["import { Container, Graphics, Text, Sprite, TextStyle } from 'pixi.js';\nimport type { FlowNode, FlowTextPlacement } from '../types';\nimport { drawRoundRectBorder, shapeDrawers, hasBorderSideOverrides, drawBorderSides, type ShapeDrawOptions } from './shapes';\nimport { createNodeText, formatIconLabel, normalizeIconLabelPlacement, updateNodeText } from './NodeText';\nimport { getHandlePositions, createHandleGraphics, updateHandleGraphics, type HandleDef } from './NodeHandles';\nimport { getRotationRad, getFlipScale } from './nodeUtils';\nimport { getIconTexture, subscribeIconTextureReady, ICON_TEXTURE_SIZE } from './svgIconTexture';\nimport { getSvgIcon } from './svgIcons';\nimport { resolveThemeColor } from '../utils/themeColor';\n\n/**\n * Resolve the center point of a text block (title + optional sublabel) inside a\n * node of the given size, for a 9-way placement. Non-center placements pull the\n * block against the corresponding edge/corner with a small inset.\n */\nfunction resolveTextBlockCenter(\n  placement: FlowTextPlacement,\n  nodeW: number,\n  nodeH: number,\n  blockW: number,\n  blockH: number,\n): { x: number; y: number } {\n  const inset = 6;\n  const left = inset + blockW / 2;\n  const right = nodeW - inset - blockW / 2;\n  const cx = nodeW / 2;\n  const top = inset + blockH / 2;\n  const bottom = nodeH - inset - blockH / 2;\n  const cy = nodeH / 2;\n  switch (placement) {\n    case 'top': return { x: cx, y: top };\n    case 'bottom': return { x: cx, y: bottom };\n    case 'left': return { x: left, y: cy };\n    case 'right': return { x: right, y: cy };\n    case 'top-left': return { x: left, y: top };\n    case 'top-right': return { x: right, y: top };\n    case 'bottom-left': return { x: left, y: bottom };\n    case 'bottom-right': return { x: right, y: bottom };\n    case 'center':\n    default:\n      return { x: cx, y: cy };\n  }\n}\n\nexport interface NodeContainer {\n  container: Container;\n  shape: Graphics;\n  /** Rotated/flipped visual content for SVG icon stamps. */\n  svgTransform: Container;\n  icon: Sprite;\n  text: Text;\n  /** Optional registry glyph rendered beside the title text (left/right). */\n  titleIcon: Sprite;\n  /** Optional muted second line (Archify card sublabel). */\n  subtext: Text;\n  /** Optional top-right pill background + label (Archify card tag). */\n  tagBg: Graphics;\n  tagText: Text;\n  /** Sequence badge shown on `animAnchor` nodes. */\n  animBadge: Text;\n  handles: Graphics;\n  handleDefs: HandleDef[];\n  nodeId: string;\n  subCanvasGlow: Graphics;\n}\n\n/**\n * Manages PixiJS display objects for all nodes on the current canvas.\n * Syncs from FlowNode[] data → PixiJS scene graph.\n */\nexport class NodeRenderer {\n  private world: Container;\n  private nodeLayer: Container;\n  private nodes = new Map<string, NodeContainer>();\n  private _dynamicOffset = 0;\n  private _unsubscribeTextureReady: () => void;\n\n  /** Call once per frame to advance the dynamic dash animation. */\n  advanceAnimation(deltaMs: number): void {\n    this._dynamicOffset = (this._dynamicOffset + deltaMs * 0.06) % 1000;\n  }\n\n  constructor(world: Container) {\n    this.world = world;\n    this.nodeLayer = new Container({ label: 'nodes', sortableChildren: true });\n    this.world.addChild(this.nodeLayer);\n    this._unsubscribeTextureReady = subscribeIconTextureReady(() => this._resync?.());\n  }\n\n  private _resync: (() => void) | null = null;\n\n  /**\n   * Reconcile PixiJS containers with the current node data.\n   * Creates new containers, updates existing, removes stale.\n   */\n  sync(\n    flowNodes: FlowNode[],\n    selectedIds: Set<string>,\n    hoveredId: string | null,\n    animSeqMap?: Map<string, number>,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const seen = new Set<string>();\n    this._resync = () => this.sync(flowNodes, selectedIds, hoveredId, animSeqMap, options);\n\n    // Animation-anchor display sequence (1-based). When a global map is\n    // provided (document-wide, shared across sub-canvases) it is used directly;\n    // otherwise derive a per-canvas order from stable creation index.\n    const seqOf = animSeqMap ?? (() => {\n      const anchors = flowNodes\n        .filter((n) => n.type === 'animAnchor')\n        .sort((a, b) => (a.data.animIndex ?? 0) - (b.data.animIndex ?? 0));\n      const m = new Map<string, number>();\n      anchors.forEach((n, i) => m.set(n.id, i + 1));\n      return m;\n    })();\n\n    for (const node of flowNodes) {\n      seen.add(node.id);\n      let nc = this.nodes.get(node.id);\n      if (!nc) {\n        nc = this._createNode(node);\n        this.nodes.set(node.id, nc);\n      }\n      this._updateNode(\n        nc,\n        node,\n        selectedIds.has(node.id),\n        hoveredId === node.id,\n        seqOf.get(node.id),\n        options,\n      );\n    }\n\n    // Remove nodes no longer in data\n    for (const [id, nc] of this.nodes) {\n      if (!seen.has(id)) {\n        this.nodeLayer.removeChild(nc.container);\n        nc.container.destroy({ children: true });\n        this.nodes.delete(id);\n      }\n    }\n  }\n\n  getNodeContainer(id: string): NodeContainer | undefined {\n    return this.nodes.get(id);\n  }\n\n  getAllNodeContainers(): NodeContainer[] {\n    return [...this.nodes.values()];\n  }\n\n  private _createNode(node: FlowNode): NodeContainer {\n    const container = new Container({ label: `node-${node.id}` });\n    container.eventMode = 'static';\n    container.cursor = 'pointer';\n\n    const svgTransform = new Container({ label: 'svg-transform' });\n    container.addChild(svgTransform);\n\n    const subCanvasGlow = new Graphics();\n    subCanvasGlow.label = 'sub-canvas-glow';\n    container.addChild(subCanvasGlow);\n\n    const shape = new Graphics();\n    shape.label = 'shape';\n    container.addChild(shape);\n\n    const icon = new Sprite();\n    icon.label = 'svg-icon';\n    icon.anchor.set(0.5, 0.5);\n    icon.visible = false;\n    container.addChild(icon);\n\n    const text = createNodeText({\n      label: node.data.label,\n      color: resolveThemeColor(node.data.labelColor ?? node.data.color, '#111827'),\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    container.addChild(text);\n\n    // Optional glyph beside the title (lazy-rasterized registry texture).\n    const titleIcon = new Sprite();\n    titleIcon.label = 'node-title-icon';\n    titleIcon.anchor.set(0.5, 0.5);\n    titleIcon.visible = false;\n    container.addChild(titleIcon);\n\n    // Optional muted second line (Archify card sublabel).\n    const subtext = new Text({\n      text: '',\n      style: {\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        fontSize: 11,\n        fill: '#94a3b8',\n        align: 'center',\n      },\n    });\n    subtext.label = 'node-subtext';\n    subtext.anchor.set(0.5, 0.5);\n    subtext.visible = false;\n    container.addChild(subtext);\n\n    // Optional top-right pill (Archify card tag).\n    const tagBg = new Graphics();\n    tagBg.label = 'node-tag-bg';\n    tagBg.visible = false;\n    container.addChild(tagBg);\n    const tagText = new Text({\n      text: '',\n      style: {\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        fontSize: 9,\n        fill: '#cbd5e1',\n      },\n    });\n    tagText.label = 'node-tag-text';\n    tagText.anchor.set(0.5, 0.5);\n    tagText.visible = false;\n    container.addChild(tagText);\n\n    const handleDefs = getHandlePositions(node.width, node.height);\n    const handles = createHandleGraphics(container, handleDefs, false);\n\n    // Sequence badge for animation anchors (top-left corner).\n    const animBadge = new Text({\n      text: '',\n      style: { fontFamily: 'system-ui, sans-serif', fontSize: 13, fill: '#ffffff', fontWeight: '700' },\n    });\n    animBadge.label = 'anim-badge';\n    animBadge.anchor.set(0.5, 0.5);\n    animBadge.visible = false;\n    container.addChild(animBadge);\n\n    this.nodeLayer.addChild(container);\n\n    return { container, shape, svgTransform, icon, text, titleIcon, subtext, tagBg, tagText, animBadge, handles, handleDefs, nodeId: node.id, subCanvasGlow };\n  }\n\n  private _updateNode(\n    nc: NodeContainer,\n    node: FlowNode,\n    selected: boolean,\n    hovered: boolean,\n    animSeq?: number,\n    options?: {\n      showAnchors?: boolean;\n      presentation?: boolean;\n      presentationAnchorId?: string;\n      presentationAnchorVisible?: boolean;\n    },\n  ): void {\n    const { container, svgTransform, shape, icon, text, titleIcon, subtext, tagBg, tagText, animBadge, handles, subCanvasGlow } = nc;\n\n    const isSvg = node.type === 'shapeSvg';\n    const rad = getRotationRad(node.data);\n    const flip = getFlipScale(node.data);\n\n    container.zIndex = node.zIndex ?? 0;\n    if (isSvg) {\n      // Keep the label in the untransformed root. Only the icon box, icon and\n      // connection handles rotate/flip around the node center.\n      if (shape.parent !== svgTransform) svgTransform.addChild(shape);\n      if (icon.parent !== svgTransform) svgTransform.addChild(icon);\n      if (handles.parent !== svgTransform) svgTransform.addChild(handles);\n      container.position.set(node.position.x, node.position.y);\n      container.rotation = 0;\n      container.scale.set(1, 1);\n      container.pivot.set(0, 0);\n      svgTransform.position.set(node.width / 2, node.height / 2);\n      svgTransform.pivot.set(node.width / 2, node.height / 2);\n      svgTransform.rotation = rad;\n      svgTransform.scale.set(flip.sx, flip.sy);\n    } else {\n      if (shape.parent !== container) container.addChildAt(shape, Math.min(2, container.children.length));\n      if (icon.parent !== container) container.addChild(icon);\n      if (handles.parent !== container) container.addChild(handles);\n      svgTransform.rotation = 0;\n      svgTransform.scale.set(1, 1);\n      container.position.set(node.position.x, node.position.y);\n      container.rotation = rad;\n      container.scale.set(flip.sx, flip.sy);\n      if (rad !== 0 || flip.sx < 0 || flip.sy < 0) {\n        container.pivot.set(node.width / 2, node.height / 2);\n        container.position.set(node.position.x + node.width / 2, node.position.y + node.height / 2);\n      } else {\n        container.pivot.set(0, 0);\n      }\n    }\n\n    const isMedia = node.type === 'mediaNode';\n    const isAnchor = node.type === 'animAnchor';\n    // Anchors only show their label/badge when the anchor itself is visible.\n    let anchorVisible = true;\n\n    // Redraw shape\n    shape.clear();\n    shape.alpha = 1;\n    if (isSvg) {\n      this._updateSvgNode(nc, node, selected);\n    } else if (isMedia) {\n      // Media nodes render their content in a synced DOM overlay; PixiJS only\n      // draws the frame (background + border) beneath the overlay.\n      icon.visible = false;\n      const r = 6;\n      const fill = node.data.fill && node.data.fill !== 'transparent' ? resolveThemeColor(node.data.fill, '#ffffff') : '#ffffff';\n      const borderHidden = node.data.borderStyle === 'none';\n      const perSideBorders = hasBorderSideOverrides(node.data, node.type);\n      const strokeColor = selected ? '#3b82f6' : resolveThemeColor(node.data.stroke, '#374151');\n      const strokeW = selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth;\n      shapeDrawers.shapeRoundRect(shape, {\n        width: node.width,\n        height: node.height,\n        fill,\n        stroke: perSideBorders ? 'transparent' : strokeColor,\n        strokeWidth: strokeW,\n        borderStyle: selected && borderHidden ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      });\n      if (perSideBorders) {\n        // Independent sides replace the full outline; the selection ring is\n        // drawn separately so selection stays visible.\n        const stroke = resolveThemeColor(node.data.stroke, '#374151');\n        if (selected) {\n          shape.roundRect(0, 0, node.width, node.height, r).stroke({ color: '#3b82f6', width: Math.max(node.data.strokeWidth, 2) });\n        }\n        drawBorderSides(shape, 'mediaNode', node.width, node.height, node.data.borderSides, stroke, node.data.strokeWidth, borderHidden ? undefined : node.data.borderStyle, this._dynamicOffset);\n      }\n    } else if (isAnchor) {\n      // Animation anchors are globally visible/hidden in editing mode. During\n      // presentation the current frame remains as a subtle dashed overlay.\n      icon.visible = false;\n      const accent = '#8b5cf6';\n      const presentation = options?.presentation ?? false;\n      anchorVisible = presentation\n        ? (options?.presentationAnchorVisible ?? false) && options?.presentationAnchorId === node.id\n        : (options?.showAnchors ?? true);\n      if (anchorVisible) {\n        shape.alpha = presentation ? 0.48 : 0.9;\n        shapeDrawers.shapeRoundRect(shape, {\n          width: node.width,\n          height: node.height,\n          fill: 'transparent',\n          stroke: selected && !presentation ? '#3b82f6' : accent,\n          strokeWidth: selected && !presentation ? 2.5 : 1.5,\n          borderStyle: 'dashed',\n        });\n        shape.circle(0, 0, presentation ? 11 : 13).fill({\n          color: selected && !presentation ? '#3b82f6' : accent,\n        });\n      }\n      animBadge.text = String(animSeq ?? '');\n      animBadge.alpha = presentation ? 0.7 : 1;\n      animBadge.visible = anchorVisible;\n      animBadge.position.set(0, 0);\n    } else {\n      icon.visible = false;\n      const drawFn = shapeDrawers[node.type] ?? shapeDrawers.shapeRect;\n      // Independent per-side borders (top/right/bottom/left) replace the full\n      // outline for shapes with four well-defined sides; the drawer then only\n      // fills and the sides are stroked separately below.\n      const perSideBorders = hasBorderSideOverrides(node.data, node.type);\n      const borderHidden = node.data.borderStyle === 'none';\n      const baseStroke = resolveThemeColor(node.data.stroke, '#374151');\n      const opts: ShapeDrawOptions = {\n        width: node.width,\n        height: node.height,\n        fill: resolveThemeColor(node.data.fill, '#ffffff'),\n        stroke: perSideBorders ? 'transparent' : (selected ? '#3b82f6' : baseStroke),\n        strokeWidth: selected ? Math.max(node.data.strokeWidth, 2) : node.data.strokeWidth,\n        borderStyle: (selected && borderHidden) ? 'solid' : node.data.borderStyle,\n        dashOffset: this._dynamicOffset,\n      };\n      drawFn(shape, opts);\n      if (perSideBorders) {\n        if (selected) {\n          const r = node.type === 'shapeRect' ? 0 : Math.min(12, node.width * 0.1, node.height * 0.1);\n          shape.roundRect(0, 0, node.width, node.height, r).stroke({ color: '#3b82f6', width: Math.max(node.data.strokeWidth, 2) });\n        }\n        const style = (selected && borderHidden) ? 'solid' : node.data.borderStyle;\n        drawBorderSides(shape, node.type, node.width, node.height, node.data.borderSides, baseStroke, node.data.strokeWidth, style, this._dynamicOffset);\n      }\n    }\n    if (!isAnchor) animBadge.visible = false;\n\n    // Sub-canvas glow indicator\n    subCanvasGlow.clear();\n    if (node.data.childCanvasId) {\n      const pad = 4;\n      const w = node.width + pad * 2;\n      const h = node.height + pad * 2;\n      const pulse = 0.5 + 0.3 * Math.sin(this._dynamicOffset * 0.008);\n      subCanvasGlow.roundRect(-pad, -pad, w, h, 6);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 2.5, alpha: pulse });\n      subCanvasGlow.roundRect(-pad - 2, -pad - 2, w + 4, h + 4, 8);\n      subCanvasGlow.stroke({ color: 0x8b5cf6, width: 1, alpha: pulse * 0.4 });\n    }\n\n    // Text: counter-rotate and counter-flip so it stays upright\n    const iconLabelPlacement = normalizeIconLabelPlacement(node.data.labelPlacement);\n    // SVG-icon labels default to the theme font color (so they read on any\n    // theme) even when the icon body uses a brand color; other node types fall\n    // back to the node's own text color.\n    const labelColor = node.data.labelColor\n      ?? (isSvg ? 'theme:base-content' : node.data.color);\n    updateNodeText(text, {\n      label: isMedia\n        ? ''\n        : isSvg\n          ? formatIconLabel(node.data.label, iconLabelPlacement)\n          : node.data.label,\n      color: resolveThemeColor(labelColor, '#111827'),\n      fontSize: node.data.fontSize,\n      width: node.width,\n      height: node.height,\n    });\n    text.visible = !isMedia && (!isAnchor || anchorVisible);\n\n    // Card extras: muted sublabel line + tag pill. Available on ordinary\n    // shapes, group frames, and (when shown) animation anchors.\n    const showExtras = !isSvg && !isMedia && (!isAnchor || anchorVisible);\n    const sublabel = showExtras ? (node.data.sublabel ?? '').trim() : '';\n    const hasSub = sublabel.length > 0;\n\n    // Title icon: optional registry glyph beside the title text. Ordinary\n    // shapes, group frames and (visible) anchors only — SVG stamps already are\n    // an icon, and media nodes render their own overlay.\n    const titleIconId = showExtras ? (node.data.titleIcon ?? '').trim() : '';\n    const titleIconGap = 6;\n    const titleIconSize = Math.max(8, node.data.titleIconSize ?? Math.round(node.data.fontSize * 1.15));\n    const titleIconScale = titleIconSize / ICON_TEXTURE_SIZE;\n    const hasTitleIcon = titleIconId.length > 0;\n    if (hasTitleIcon) {\n      // Default tint keeps each icon's own identity: brand icons (languages /\n      // frameworks) use their authentic brandColor, everything else follows the\n      // title color (a theme token, so it tracks theme switches). An explicit\n      // `titleIconColor` always wins.\n      const fallbackTint = getSvgIcon(titleIconId)?.brandColor ?? labelColor;\n      const tint = resolveThemeColor(node.data.titleIconColor ?? fallbackTint, '#111827') || '#111827';\n      const tex = getIconTexture(titleIconId, tint);\n      if (tex) {\n        titleIcon.texture = tex;\n        titleIcon.visible = true;\n      } else {\n        titleIcon.visible = false;\n      }\n    } else {\n      titleIcon.visible = false;\n    }\n\n    if (node.type === 'shapeCorner') {\n      titleIcon.visible = false;\n      const half = Math.min(node.width, node.height) * 0.4;\n      text.position.set((half + node.width) / 2, (half + node.height) / 2);\n    } else if (isSvg) {\n      const gap = 4;\n      const halfTextWidth = text.width / 2;\n      const halfTextHeight = text.height / 2;\n      if (iconLabelPlacement === 'top') {\n        text.position.set(node.width / 2, -gap - halfTextHeight);\n      } else if (iconLabelPlacement === 'bottom') {\n        text.position.set(node.width / 2, node.height + gap + halfTextHeight);\n      } else if (iconLabelPlacement === 'left') {\n        text.position.set(-gap - halfTextWidth, node.height / 2);\n      } else if (iconLabelPlacement === 'right') {\n        text.position.set(node.width + gap + halfTextWidth, node.height / 2);\n      } else {\n        text.position.set(node.width / 2, node.height / 2);\n      }\n      text.position.x += node.data.labelOffsetX ?? 0;\n      text.position.y += node.data.labelOffsetY ?? 0;\n    } else if (!isMedia) {\n      // Ordinary shapes, group frames, and anchors: 9-way text placement, with\n      // an optional sublabel line stacked beneath the title. Both lines stay\n      // center-anchored; only the block's center point moves per placement.\n      const gap = 3;\n      const subFont = Math.max(9, node.data.fontSize - 3);\n      if (hasSub) {\n        const s = subtext.style as TextStyle;\n        s.fill = resolveThemeColor(node.data.sublabelColor ?? '#94a3b8', '#94a3b8');\n        s.fontSize = subFont;\n        subtext.text = sublabel;\n        subtext.anchor.set(0.5, 0.5);\n        subtext.visible = true;\n        subtext.rotation = -rad;\n        subtext.scale.set(flip.sx, flip.sy);\n      }\n      text.anchor.set(0.5, 0.5);\n      // Title + optional icon form a horizontally centered group; a sublabel\n      // (when present) stays centered under the whole block.\n      const iconInBlock = titleIcon.visible;\n      const titleGroupW = text.width + (iconInBlock ? titleIconSize + titleIconGap : 0);\n      const blockH = Math.max(text.height, iconInBlock ? titleIconSize : 0) + (hasSub ? gap + subtext.height : 0);\n      const blockW = Math.max(titleGroupW, hasSub ? subtext.width : 0);\n      // Anchors and group frames default their text to the top band; ordinary\n      // shapes default to centered.\n      const isGroupFrame = node.data.isGroup || node.type === 'flowGroup' || node.type === 'geometryGroup';\n      const placement = node.data.textPlacement ?? (isAnchor || isGroupFrame ? 'top' : 'center');\n      const c = resolveTextBlockCenter(\n        placement,\n        node.width,\n        node.height,\n        blockW,\n        blockH,\n      );\n      const bx = c.x + (node.data.labelOffsetX ?? 0);\n      const by = c.y + (node.data.labelOffsetY ?? 0);\n      const titleCy = by - blockH / 2 + text.height / 2;\n      if (iconInBlock) {\n        const groupLeft = bx - titleGroupW / 2;\n        if ((node.data.titleIconSide ?? 'left') === 'right') {\n          text.position.set(groupLeft + text.width / 2, titleCy);\n          titleIcon.position.set(groupLeft + text.width + titleIconGap + titleIconSize / 2, titleCy);\n        } else {\n          titleIcon.position.set(groupLeft + titleIconSize / 2, titleCy);\n          text.position.set(groupLeft + titleIconSize + titleIconGap + text.width / 2, titleCy);\n        }\n      } else {\n        text.position.set(bx, titleCy);\n      }\n      if (hasSub) subtext.position.set(bx, by + blockH / 2 - subtext.height / 2);\n    }\n    if (!hasSub) subtext.visible = false;\n\n    if (isSvg) {\n      text.rotation = 0;\n      text.scale.set(1, 1);\n    } else {\n      text.rotation = -rad;\n      text.scale.set(flip.sx, flip.sy);\n      // Keep the glyph upright and mirrored with the title, like the text.\n      // Scale (not width/height — those are scale setters in disguise and the\n      // write here would clobber them) is derived from the texture's natural\n      // raster size so `titleIconSize` stays authoritative.\n      titleIcon.rotation = -rad;\n      titleIcon.scale.set(titleIconScale * flip.sx, titleIconScale * flip.sy);\n    }\n\n    // Tag pill: placed in one of four corners with its own color.\n    const tag = showExtras ? (node.data.tag ?? '').trim() : '';\n    if (tag) {\n      tagText.text = tag;\n      tagText.visible = true;\n      const padX = 5;\n      const padY = 2;\n      const tw = tagText.width + padX * 2;\n      const th = tagText.height + padY * 2;\n      const margin = 6;\n      const placement = node.data.tagPlacement ?? 'top-right';\n      const tx = placement === 'top-left' || placement === 'bottom-left'\n        ? margin\n        : node.width - tw - margin;\n      const ty = placement === 'top-left' || placement === 'top-right'\n        ? margin\n        : node.height - th - margin;\n      const tagColor = resolveThemeColor(node.data.tagColor ?? node.data.stroke, '#334155');\n      tagBg.clear();\n      tagBg\n        .roundRect(tx, ty, tw, th, 3)\n        .fill({ color: tagColor, alpha: 0.18 })\n        .stroke({ color: tagColor, width: 1, alpha: 0.55 });\n      tagBg.visible = true;\n      (tagText.style as TextStyle).fill = tagColor;\n      tagText.position.set(tx + tw / 2, ty + th / 2);\n      tagText.rotation = 0;\n      tagText.scale.set(1, 1);\n    } else {\n      tagBg.visible = false;\n      tagText.visible = false;\n    }\n\n    // Handles visibility\n    handles.visible = (hovered || selected) && !(isAnchor && options?.presentation);\n    if (handles.visible) {\n      const defs = getHandlePositions(node.width, node.height);\n      nc.handleDefs = defs;\n      updateHandleGraphics(handles, defs);\n    }\n  }\n\n  /**\n   * Draw an SVG-stamp node: optional bordered box + centered icon sprite.\n   * The icon texture is rasterized lazily; a redraw is requested when ready.\n   */\n  private _updateSvgNode(nc: NodeContainer, node: FlowNode, selected: boolean): void {\n    const { shape, icon } = nc;\n    const { width, height, data } = node;\n\n    // Render the configured icon box independently from the solid selection\n    // outline. Otherwise selecting an icon makes dotted/dashed borders appear\n    // solid and hides whether the chosen border style is actually applied.\n    const showBox = data.iconBox ?? false;\n    const borderStyle = data.borderStyle ?? (showBox ? 'solid' : 'none');\n    const borderHidden = borderStyle === 'none';\n    const r = Math.min(8, width * 0.12, height * 0.12);\n    if (data.fill && data.fill !== 'transparent' && (showBox || !borderHidden)) {\n      shape.roundRect(0, 0, width, height, r).fill({ color: resolveThemeColor(data.fill, '#ffffff') });\n    }\n    if (!borderHidden && data.stroke && data.stroke !== 'transparent' && data.strokeWidth > 0) {\n      drawRoundRectBorder(shape, {\n        width,\n        height,\n        fill: 'transparent',\n        stroke: resolveThemeColor(data.stroke, '#374151'),\n        strokeWidth: data.strokeWidth,\n        borderStyle,\n        dashOffset: this._dynamicOffset,\n      }, r);\n    }\n    if (selected) {\n      shape.roundRect(0, 0, width, height, r).stroke({\n        color: '#3b82f6',\n        width: Math.max(data.strokeWidth, 2),\n      });\n    }\n\n    // Icon sprite: fit within the box with padding, centered. The texture is\n    // rasterized lazily; because the ticker re-runs sync every frame, it will\n    // be picked up automatically once cached.\n    const iconColor = resolveThemeColor(data.color, '#334155') || '#334155';\n    const tex = getIconTexture(data.svgId ?? '', iconColor);\n    if (tex) {\n      icon.texture = tex;\n      icon.visible = true;\n      const pad = showBox ? Math.min(width, height) * 0.18 : 2;\n      const box = Math.max(4, Math.min(width, height) - pad * 2);\n      icon.width = box;\n      icon.height = box;\n      icon.position.set(width / 2, height / 2);\n    } else {\n      icon.visible = false;\n    }\n  }\n\n  destroy(): void {\n    this._unsubscribeTextureReady();\n    this._resync = null;\n    for (const [, nc] of this.nodes) {\n      nc.container.destroy({ children: true });\n    }\n    this.nodes.clear();\n    this.nodeLayer.destroy({ children: true });\n  }\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/nodes/NodeText.js

@@ -1,35 +1,31 @@
-import { Text as r, TextStyle as i } from "pixi.js";
-function f(t) {
-  const e = new i({
-    fontFamily: t.fontFamily ?? "system-ui, -apple-system, sans-serif",
-    fontSize: t.fontSize,
-    fill: t.color,
-    align: "center",
-    wordWrap: !0,
-    wordWrapWidth: t.width - 16
-  }), n = new r({
-    text: t.label,
-    style: e
-  });
-  return n.anchor.set(0.5, 0.5), n.position.set(t.width / 2, t.height / 2), n.label = "node-text", n;
+import { Text as e, TextStyle as t } from "pixi.js";
+//#region src/components/pro/Flow/nodes/NodeText.ts
+function n(n) {
+	let r = new t({
+		fontFamily: n.fontFamily ?? "system-ui, -apple-system, sans-serif",
+		fontSize: n.fontSize,
+		fill: n.color,
+		align: "center",
+		wordWrap: !0,
+		wordWrapWidth: n.width - 16
+	}), i = new e({
+		text: n.label,
+		style: r
+	});
+	return i.anchor.set(.5, .5), i.position.set(n.width / 2, n.height / 2), i.label = "node-text", i;
 }
-function d(t) {
-  return t === "above" ? "top" : t === "center" ? "middle" : t === "below" ? "bottom" : t === "top" || t === "middle" || t === "bottom" || t === "left" || t === "right" ? t : "bottom";
+function r(e) {
+	return e === "above" ? "top" : e === "center" ? "middle" : e === "below" ? "bottom" : e === "top" || e === "middle" || e === "bottom" || e === "left" || e === "right" ? e : "bottom";
 }
-function m(t, e) {
-  return e !== "left" && e !== "right" ? t : (typeof Intl < "u" && "Segmenter" in Intl ? Array.from(new Intl.Segmenter(void 0, { granularity: "grapheme" }).segment(t), (n) => n.segment) : Array.from(t)).join(`
-`);
+function i(e, t) {
+	return t !== "left" && t !== "right" ? e : (typeof Intl < "u" && "Segmenter" in Intl ? Array.from(new Intl.Segmenter(void 0, { granularity: "grapheme" }).segment(e), (e) => e.segment) : Array.from(e)).join("\n");
 }
-function l(t, e) {
-  t.text = e.label;
-  const n = t.style;
-  n.fontSize = e.fontSize, n.fill = e.color, n.wordWrapWidth = e.width - 16, t.position.set(e.width / 2, e.height / 2);
+function a(e, t) {
+	e.text = t.label;
+	let n = e.style;
+	n.fontSize = t.fontSize, n.fill = t.color, n.wordWrapWidth = t.width - 16, e.position.set(t.width / 2, t.height / 2);
 }
-export {
-  f as createNodeText,
-  m as formatIconLabel,
-  d as normalizeIconLabelPlacement,
-  l as updateNodeText
-};
+//#endregion
+export { n as createNodeText, i as formatIconLabel, r as normalizeIconLabelPlacement, a as updateNodeText };
 
 //# sourceMappingURL=NodeText.js.map

package/dist/components/pro/Flow/nodes/NodeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeText.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeText.ts"],"sourcesContent":["import { Text, TextStyle, Container } from 'pixi.js';\nimport type { FlowIconLabelPlacement } from '../types';\n\nexport interface NodeTextOptions {\n  label: string;\n  color: string;\n  fontSize: number;\n  width: number;\n  height: number;\n  fontFamily?: string;\n}\n\n/**\n * Creates or updates a PixiJS Text object for a node label,\n * centered within the node bounds.\n */\nexport function createNodeText(opts: NodeTextOptions): Text {\n  const style = new TextStyle({\n    fontFamily: opts.fontFamily ?? 'system-ui, -apple-system, sans-serif',\n    fontSize: opts.fontSize,\n    fill: opts.color,\n    align: 'center',\n    wordWrap: true,\n    wordWrapWidth: opts.width - 16,\n  });\n\n  const text = new Text({ text: opts.label, style });\n  text.anchor.set(0.5, 0.5);\n  text.position.set(opts.width / 2, opts.height / 2);\n  text.label = 'node-text';\n  return text;\n}\n\nexport function normalizeIconLabelPlacement(value: unknown): FlowIconLabelPlacement {\n  if (value === 'above') return 'top';\n  if (value === 'center') return 'middle';\n  if (value === 'below') return 'bottom';\n  return value === 'top' || value === 'middle' || value === 'bottom' || value === 'left' || value === 'right'\n    ? value\n    : 'bottom';\n}\n\nexport function formatIconLabel(label: string, placement: FlowIconLabelPlacement): string {\n  if (placement !== 'left' && placement !== 'right') return label;\n  const segments = typeof Intl !== 'undefined' && 'Segmenter' in Intl\n    ? Array.from(new Intl.Segmenter(undefined, { granularity: 'grapheme' }).segment(label), item => item.segment)\n    : Array.from(label);\n  return segments.join('\\n');\n}\n\nexport function updateNodeText(text: Text, opts: NodeTextOptions): void {\n  text.text = opts.label;\n  const s = text.style as TextStyle;\n  s.fontSize = opts.fontSize;\n  s.fill = opts.color;\n  s.wordWrapWidth = opts.width - 16;\n  text.position.set(opts.width / 2, opts.height / 2);\n}\n"],"mappings":";AAgBA,SAAgB,EAAe,GAA6B;AAC1D,QAAM,IAAQ,IAAI,EAAU;AAAA,IAC1B,YAAY,EAAK,cAAc;AAAA,IAC/B,UAAU,EAAK;AAAA,IACf,MAAM,EAAK;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,eAAe,EAAK,QAAQ;AAAA,EAC9B,CAAC,GAEK,IAAO,IAAI,EAAK;AAAA,IAAE,MAAM,EAAK;AAAA,IAAO,OAAA;AAAA,EAAM,CAAC;AACjD,SAAA,EAAK,OAAO,IAAI,KAAK,GAAG,GACxB,EAAK,SAAS,IAAI,EAAK,QAAQ,GAAG,EAAK,SAAS,CAAC,GACjD,EAAK,QAAQ,aACN;AACT;AAEA,SAAgB,EAA4B,GAAwC;AAClF,SAAI,MAAU,UAAgB,QAC1B,MAAU,WAAiB,WAC3B,MAAU,UAAgB,WACvB,MAAU,SAAS,MAAU,YAAY,MAAU,YAAY,MAAU,UAAU,MAAU,UAChG,IACA;AACN;AAEA,SAAgB,EAAgB,GAAe,GAA2C;AACxF,SAAI,MAAc,UAAU,MAAc,UAAgB,KACzC,OAAO,OAAS,OAAe,eAAe,OAC3D,MAAM,KAAK,IAAI,KAAK,UAAU,QAAW,EAAE,aAAa,WAAW,CAAC,EAAE,QAAQ,CAAK,GAAA,CAAG,MAAQ,EAAK,OAAO,IAC1G,MAAM,KAAK,CAAK,GACJ,KAAK;AAAA,CAAI;AAC3B;AAEA,SAAgB,EAAe,GAAY,GAA6B;AACtE,EAAA,EAAK,OAAO,EAAK;AACjB,QAAM,IAAI,EAAK;AACf,EAAA,EAAE,WAAW,EAAK,UAClB,EAAE,OAAO,EAAK,OACd,EAAE,gBAAgB,EAAK,QAAQ,IAC/B,EAAK,SAAS,IAAI,EAAK,QAAQ,GAAG,EAAK,SAAS,CAAC;AACnD"}
+{"version":3,"file":"NodeText.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/NodeText.ts"],"sourcesContent":["import { Text, TextStyle, Container } from 'pixi.js';\nimport type { FlowIconLabelPlacement } from '../types';\n\nexport interface NodeTextOptions {\n  label: string;\n  color: string;\n  fontSize: number;\n  width: number;\n  height: number;\n  fontFamily?: string;\n}\n\n/**\n * Creates or updates a PixiJS Text object for a node label,\n * centered within the node bounds.\n */\nexport function createNodeText(opts: NodeTextOptions): Text {\n  const style = new TextStyle({\n    fontFamily: opts.fontFamily ?? 'system-ui, -apple-system, sans-serif',\n    fontSize: opts.fontSize,\n    fill: opts.color,\n    align: 'center',\n    wordWrap: true,\n    wordWrapWidth: opts.width - 16,\n  });\n\n  const text = new Text({ text: opts.label, style });\n  text.anchor.set(0.5, 0.5);\n  text.position.set(opts.width / 2, opts.height / 2);\n  text.label = 'node-text';\n  return text;\n}\n\nexport function normalizeIconLabelPlacement(value: unknown): FlowIconLabelPlacement {\n  if (value === 'above') return 'top';\n  if (value === 'center') return 'middle';\n  if (value === 'below') return 'bottom';\n  return value === 'top' || value === 'middle' || value === 'bottom' || value === 'left' || value === 'right'\n    ? value\n    : 'bottom';\n}\n\nexport function formatIconLabel(label: string, placement: FlowIconLabelPlacement): string {\n  if (placement !== 'left' && placement !== 'right') return label;\n  const segments = typeof Intl !== 'undefined' && 'Segmenter' in Intl\n    ? Array.from(new Intl.Segmenter(undefined, { granularity: 'grapheme' }).segment(label), item => item.segment)\n    : Array.from(label);\n  return segments.join('\\n');\n}\n\nexport function updateNodeText(text: Text, opts: NodeTextOptions): void {\n  text.text = opts.label;\n  const s = text.style as TextStyle;\n  s.fontSize = opts.fontSize;\n  s.fill = opts.color;\n  s.wordWrapWidth = opts.width - 16;\n  text.position.set(opts.width / 2, opts.height / 2);\n}\n"],"mappings":";;AAgBA,SAAgB,EAAe,GAA6B;CAC1D,IAAM,IAAQ,IAAI,EAAU;EAC1B,YAAY,EAAK,cAAc;EAC/B,UAAU,EAAK;EACf,MAAM,EAAK;EACX,OAAO;EACP,UAAU;EACV,eAAe,EAAK,QAAQ;CAC9B,CAAC,GAEK,IAAO,IAAI,EAAK;EAAE,MAAM,EAAK;EAAO;CAAM,CAAC;CAIjD,OAHA,EAAK,OAAO,IAAI,IAAK,EAAG,GACxB,EAAK,SAAS,IAAI,EAAK,QAAQ,GAAG,EAAK,SAAS,CAAC,GACjD,EAAK,QAAQ,aACN;AACT;AAEA,SAAgB,EAA4B,GAAwC;CAIlF,OAHI,MAAU,UAAgB,QAC1B,MAAU,WAAiB,WAC3B,MAAU,UAAgB,WACvB,MAAU,SAAS,MAAU,YAAY,MAAU,YAAY,MAAU,UAAU,MAAU,UAChG,IACA;AACN;AAEA,SAAgB,EAAgB,GAAe,GAA2C;CAKxF,OAJI,MAAc,UAAU,MAAc,UAAgB,KACzC,OAAO,OAAS,OAAe,eAAe,OAC3D,MAAM,KAAK,IAAI,KAAK,UAAU,KAAA,GAAW,EAAE,aAAa,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAK,IAAG,MAAQ,EAAK,OAAO,IAC1G,MAAM,KAAK,CAAK,EAAA,CACJ,KAAK,IAAI;AAC3B;AAEA,SAAgB,EAAe,GAAY,GAA6B;CACtE,EAAK,OAAO,EAAK;CACjB,IAAM,IAAI,EAAK;CAIf,AAHA,EAAE,WAAW,EAAK,UAClB,EAAE,OAAO,EAAK,OACd,EAAE,gBAAgB,EAAK,QAAQ,IAC/B,EAAK,SAAS,IAAI,EAAK,QAAQ,GAAG,EAAK,SAAS,CAAC;AACnD"}

package/dist/components/pro/Flow/nodes/aiClient.js

@@ -1,144 +1,131 @@
-function u(t) {
-  const e = (t.gateway || "").trim().replace(/\/+$/, "");
-  if (!e) return e;
-  const r = t.protocol === "anthropic" ? "/messages" : "/chat/completions";
-  if (/\/(chat\/completions|messages|responses|completions)$/i.test(e)) return e;
-  if (/\/v\d+$/i.test(e)) return e + r;
-  try {
-    const n = new URL(e);
-    if (n.pathname === "" || n.pathname === "/") return e + "/v1" + r;
-  } catch {
-  }
-  return e + r;
+//#region src/components/pro/Flow/nodes/aiClient.ts
+function e(e) {
+	let t = (e.gateway || "").trim().replace(/\/+$/, "");
+	if (!t) return t;
+	let n = e.protocol === "anthropic" ? "/messages" : "/chat/completions";
+	if (/\/(chat\/completions|messages|responses|completions)$/i.test(t)) return t;
+	if (/\/v\d+$/i.test(t)) return t + n;
+	try {
+		let e = new URL(t);
+		if (e.pathname === "" || e.pathname === "/") return t + "/v1" + n;
+	} catch {}
+	return t + n;
 }
-async function* h(t, e, r) {
-  const n = JSON.stringify({
-    model: t.model,
-    messages: [...t.systemPrompt ? [{
-      role: "system",
-      content: t.systemPrompt
-    }] : [], ...e],
-    stream: !0
-  }), s = await fetch(u(t), {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...t.apiKey ? { Authorization: `Bearer ${t.apiKey}` } : {},
-      ...t.headers
-    },
-    body: n,
-    signal: r
-  });
-  if (!s.ok) throw new Error(`AI API error: ${s.status} ${s.statusText}`);
-  const c = s.body?.getReader();
-  if (!c) throw new Error("No response body");
-  const i = new TextDecoder();
-  let o = "";
-  for (; ; ) {
-    const { done: y, value: p } = await c.read();
-    if (y) break;
-    o += i.decode(p, { stream: !0 });
-    const a = o.split(`
-`);
-    o = a.pop() || "";
-    for (const m of a) {
-      const d = m.trim();
-      if (!(!d || d === "data: [DONE]" || !d.startsWith("data: ")))
-        try {
-          const l = JSON.parse(d.slice(6)).choices?.[0]?.delta?.content;
-          l && (yield l);
-        } catch {
-        }
-    }
-  }
+async function* t(t, n, r) {
+	let i = JSON.stringify({
+		model: t.model,
+		messages: [...t.systemPrompt ? [{
+			role: "system",
+			content: t.systemPrompt
+		}] : [], ...n],
+		stream: !0
+	}), a = await fetch(e(t), {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			...t.apiKey ? { Authorization: `Bearer ${t.apiKey}` } : {},
+			...t.headers
+		},
+		body: i,
+		signal: r
+	});
+	if (!a.ok) throw Error(`AI API error: ${a.status} ${a.statusText}`);
+	let o = a.body?.getReader();
+	if (!o) throw Error("No response body");
+	let s = new TextDecoder(), c = "";
+	for (;;) {
+		let { done: e, value: t } = await o.read();
+		if (e) break;
+		c += s.decode(t, { stream: !0 });
+		let n = c.split("\n");
+		c = n.pop() || "";
+		for (let e of n) {
+			let t = e.trim();
+			if (t && t !== "data: [DONE]" && t.startsWith("data: ")) try {
+				let e = JSON.parse(t.slice(6)).choices?.[0]?.delta?.content;
+				e && (yield e);
+			} catch {}
+		}
+	}
 }
-async function* f(t, e, r) {
-  const n = JSON.stringify({
-    model: t.model,
-    max_tokens: 8192,
-    ...t.systemPrompt ? { system: t.systemPrompt } : {},
-    messages: e,
-    stream: !0
-  }), s = await fetch(u(t), {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...t.apiKey ? { "x-api-key": t.apiKey } : {},
-      "anthropic-version": "2023-06-01",
-      "anthropic-dangerous-direct-browser-access": "true",
-      ...t.headers
-    },
-    body: n,
-    signal: r
-  });
-  if (!s.ok) throw new Error(`AI API error: ${s.status} ${s.statusText}`);
-  const c = s.body?.getReader();
-  if (!c) throw new Error("No response body");
-  const i = new TextDecoder();
-  let o = "";
-  for (; ; ) {
-    const { done: y, value: p } = await c.read();
-    if (y) break;
-    o += i.decode(p, { stream: !0 });
-    const a = o.split(`
-`);
-    o = a.pop() || "";
-    for (const m of a) {
-      const d = m.trim();
-      if (d.startsWith("data: "))
-        try {
-          const l = JSON.parse(d.slice(6));
-          l.type === "content_block_delta" && l.delta?.text && (yield l.delta.text);
-        } catch {
-        }
-    }
-  }
+async function* n(t, n, r) {
+	let i = JSON.stringify({
+		model: t.model,
+		max_tokens: 8192,
+		...t.systemPrompt ? { system: t.systemPrompt } : {},
+		messages: n,
+		stream: !0
+	}), a = await fetch(e(t), {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			...t.apiKey ? { "x-api-key": t.apiKey } : {},
+			"anthropic-version": "2023-06-01",
+			"anthropic-dangerous-direct-browser-access": "true",
+			...t.headers
+		},
+		body: i,
+		signal: r
+	});
+	if (!a.ok) throw Error(`AI API error: ${a.status} ${a.statusText}`);
+	let o = a.body?.getReader();
+	if (!o) throw Error("No response body");
+	let s = new TextDecoder(), c = "";
+	for (;;) {
+		let { done: e, value: t } = await o.read();
+		if (e) break;
+		c += s.decode(t, { stream: !0 });
+		let n = c.split("\n");
+		c = n.pop() || "";
+		for (let e of n) {
+			let t = e.trim();
+			if (t.startsWith("data: ")) try {
+				let e = JSON.parse(t.slice(6));
+				e.type === "content_block_delta" && e.delta?.text && (yield e.delta.text);
+			} catch {}
+		}
+	}
 }
-function w(t, e, r) {
-  return t.protocol === "anthropic" ? f(t, e, r) : h(t, e, r);
+function r(e, r, i) {
+	return e.protocol === "anthropic" ? n(e, r, i) : t(e, r, i);
 }
-async function b(t, e, r) {
-  const n = r?.systemPrompt ?? t.systemPrompt, s = r?.imageDataUrl;
-  let c = e;
-  if (t.protocol === "anthropic") {
-    const a = [{
-      type: "text",
-      text: e
-    }];
-    if (s) {
-      const m = /^data:(.+?);base64,(.*)$/.exec(s);
-      m && a.unshift({
-        type: "image",
-        source: {
-          type: "base64",
-          media_type: m[1],
-          data: m[2]
-        }
-      });
-    }
-    c = a;
-  } else s && (c = [{
-    type: "text",
-    text: e
-  }, {
-    type: "image_url",
-    image_url: { url: s }
-  }]);
-  const i = n ? {
-    ...t,
-    systemPrompt: n
-  } : t, o = [{
-    role: "user",
-    content: c
-  }], y = i.protocol === "anthropic" ? f(i, o, r?.signal) : h(i, o, r?.signal);
-  let p = "";
-  for await (const a of y)
-    p += a, r?.onDelta?.(p);
-  return p;
+async function i(e, r, i) {
+	let a = i?.systemPrompt ?? e.systemPrompt, o = i?.imageDataUrl, s = r;
+	if (e.protocol === "anthropic") {
+		let e = [{
+			type: "text",
+			text: r
+		}];
+		if (o) {
+			let t = /^data:(.+?);base64,(.*)$/.exec(o);
+			t && e.unshift({
+				type: "image",
+				source: {
+					type: "base64",
+					media_type: t[1],
+					data: t[2]
+				}
+			});
+		}
+		s = e;
+	} else o && (s = [{
+		type: "text",
+		text: r
+	}, {
+		type: "image_url",
+		image_url: { url: o }
+	}]);
+	let c = a ? {
+		...e,
+		systemPrompt: a
+	} : e, l = [{
+		role: "user",
+		content: s
+	}], u = c.protocol === "anthropic" ? n(c, l, i?.signal) : t(c, l, i?.signal), d = "";
+	for await (let e of u) d += e, i?.onDelta?.(d);
+	return d;
 }
-export {
-  b as completeAIChatStream,
-  w as streamAIChat
-};
+//#endregion
+export { i as completeAIChatStream, r as streamAIChat };
 
 //# sourceMappingURL=aiClient.js.map

package/dist/components/pro/Flow/nodes/aiClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiClient.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/aiClient.ts"],"sourcesContent":["import type { FlowAIConfig } from '../types';\n\n/**\n * Minimal streaming chat client for the Flow AI media node. Supports\n * OpenAI-compatible `/chat/completions` and Anthropic `/messages` endpoints.\n *\n * Yields incremental text deltas. Callers accumulate them to render a live,\n * streaming response. This intentionally mirrors the RichTextEditor AIRewrite\n * streaming logic but is scoped to the Flow package (no tiptap dependency).\n */\nexport interface AIChatMessage {\n  role: 'user' | 'assistant';\n  content: string;\n}\n\n/**\n * Resolve the full request URL from a possibly-partial gateway.\n *\n * Users often paste a base URL (e.g. `https://api.moonshot.cn/v1`) instead of\n * the full endpoint, which then 404s. We append the protocol's default path\n * when the gateway doesn't already point at a completions/messages endpoint.\n */\nfunction resolveEndpoint(config: FlowAIConfig): string {\n  const raw = (config.gateway || '').trim().replace(/\\/+$/, '');\n  if (!raw) return raw;\n  const path = config.protocol === 'anthropic' ? '/messages' : '/chat/completions';\n  // Already a full endpoint.\n  if (/\\/(chat\\/completions|messages|responses|completions)$/i.test(raw)) return raw;\n  // Bare `/v1` (or version segment) base URL → append the default path.\n  if (/\\/v\\d+$/i.test(raw)) return raw + path;\n  // Host root with no path → assume `/v1` + default path.\n  try {\n    const u = new URL(raw);\n    if (u.pathname === '' || u.pathname === '/') return raw + '/v1' + path;\n  } catch { /* not a parseable URL; fall through */ }\n  // Some other path was given; append the default endpoint segment.\n  return raw + path;\n}\n\nasync function* streamOpenAI(\n  config: FlowAIConfig,\n  messages: ReadonlyArray<{ role: string; content: unknown }>,\n  signal?: AbortSignal,\n): AsyncGenerator<string> {\n  const body = JSON.stringify({\n    model: config.model,\n    messages: [\n      ...(config.systemPrompt ? [{ role: 'system', content: config.systemPrompt }] : []),\n      ...messages,\n    ],\n    stream: true,\n  });\n\n  const response = await fetch(resolveEndpoint(config), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : {}),\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  const reader = response.body?.getReader();\n  if (!reader) throw new Error('No response body');\n\n  const decoder = new TextDecoder();\n  let buffer = '';\n\n  while (true) {\n    const { done, value } = await reader.read();\n    if (done) break;\n    buffer += decoder.decode(value, { stream: true });\n    const lines = buffer.split('\\n');\n    buffer = lines.pop() || '';\n\n    for (const line of lines) {\n      const trimmed = line.trim();\n      if (!trimmed || trimmed === 'data: [DONE]' || !trimmed.startsWith('data: ')) continue;\n      try {\n        const data = JSON.parse(trimmed.slice(6));\n        const content = data.choices?.[0]?.delta?.content;\n        if (content) yield content;\n      } catch { /* skip malformed chunk */ }\n    }\n  }\n}\n\nasync function* streamAnthropic(\n  config: FlowAIConfig,\n  messages: ReadonlyArray<{ role: string; content: unknown }>,\n  signal?: AbortSignal,\n): AsyncGenerator<string> {\n  const body = JSON.stringify({\n    model: config.model,\n    max_tokens: 8192,\n    ...(config.systemPrompt ? { system: config.systemPrompt } : {}),\n    messages,\n    stream: true,\n  });\n\n  const response = await fetch(resolveEndpoint(config), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { 'x-api-key': config.apiKey } : {}),\n      'anthropic-version': '2023-06-01',\n      'anthropic-dangerous-direct-browser-access': 'true',\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  const reader = response.body?.getReader();\n  if (!reader) throw new Error('No response body');\n\n  const decoder = new TextDecoder();\n  let buffer = '';\n\n  while (true) {\n    const { done, value } = await reader.read();\n    if (done) break;\n    buffer += decoder.decode(value, { stream: true });\n    const lines = buffer.split('\\n');\n    buffer = lines.pop() || '';\n\n    for (const line of lines) {\n      const trimmed = line.trim();\n      if (!trimmed.startsWith('data: ')) continue;\n      try {\n        const data = JSON.parse(trimmed.slice(6));\n        if (data.type === 'content_block_delta' && data.delta?.text) yield data.delta.text;\n      } catch { /* skip malformed chunk */ }\n    }\n  }\n}\n\nexport function streamAIChat(\n  config: FlowAIConfig,\n  messages: AIChatMessage[],\n  signal: AbortSignal,\n): AsyncIterable<string> {\n  if (config.protocol === 'anthropic') return streamAnthropic(config, messages, signal);\n  return streamOpenAI(config, messages, signal);\n}\n\n/**\n * Non-streaming completion used by the AI flow generator. Accepts an optional\n * image (data URL) for \"reconstruct this diagram\" requests. Returns the full\n * assistant text.\n */\nexport async function completeAIChat(\n  config: FlowAIConfig,\n  userText: string,\n  options?: { imageDataUrl?: string; systemPrompt?: string; signal?: AbortSignal },\n): Promise<string> {\n  const system = options?.systemPrompt ?? config.systemPrompt;\n  const image = options?.imageDataUrl;\n\n  if (config.protocol === 'anthropic') {\n    const content: any[] = [{ type: 'text', text: userText }];\n    if (image) {\n      const m = /^data:(.+?);base64,(.*)$/.exec(image);\n      if (m) {\n        content.unshift({\n          type: 'image',\n          source: { type: 'base64', media_type: m[1], data: m[2] },\n        });\n      }\n    }\n    const response = await fetch(resolveEndpoint(config), {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        ...(config.apiKey ? { 'x-api-key': config.apiKey } : {}),\n        'anthropic-version': '2023-06-01',\n        'anthropic-dangerous-direct-browser-access': 'true',\n        ...config.headers,\n      },\n      body: JSON.stringify({\n        model: config.model,\n        max_tokens: 4096,\n        ...(system ? { system } : {}),\n        messages: [{ role: 'user', content }],\n      }),\n      signal: options?.signal,\n    });\n    if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n    const json = await response.json();\n    return json.content?.map((c: any) => c.text ?? '').join('') ?? '';\n  }\n\n  // OpenAI-compatible (supports multimodal `image_url` content parts).\n  const userContent: any = image\n    ? [\n        { type: 'text', text: userText },\n        { type: 'image_url', image_url: { url: image } },\n      ]\n    : userText;\n  const response = await fetch(resolveEndpoint(config), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : {}),\n      ...config.headers,\n    },\n    body: JSON.stringify({\n      model: config.model,\n      messages: [\n        ...(system ? [{ role: 'system', content: system }] : []),\n        { role: 'user', content: userContent },\n      ],\n    }),\n    signal: options?.signal,\n  });\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  const json = await response.json();\n  return json.choices?.[0]?.message?.content ?? '';\n}\n\n/**\n * Streaming variant of `completeAIChat`: same multimodal request shape\n * (optional image + system prompt override), but the reply is consumed as SSE\n * deltas. `onDelta` fires with the accumulated text after every chunk so\n * callers can render the response live. Returns the full assistant text.\n */\nexport async function completeAIChatStream(\n  config: FlowAIConfig,\n  userText: string,\n  options?: {\n    imageDataUrl?: string;\n    systemPrompt?: string;\n    signal?: AbortSignal;\n    onDelta?: (accumulated: string) => void;\n  },\n): Promise<string> {\n  const system = options?.systemPrompt ?? config.systemPrompt;\n  const image = options?.imageDataUrl;\n\n  let content: unknown = userText;\n  if (config.protocol === 'anthropic') {\n    const parts: any[] = [{ type: 'text', text: userText }];\n    if (image) {\n      const m = /^data:(.+?);base64,(.*)$/.exec(image);\n      if (m) {\n        parts.unshift({\n          type: 'image',\n          source: { type: 'base64', media_type: m[1], data: m[2] },\n        });\n      }\n    }\n    content = parts;\n  } else if (image) {\n    content = [\n      { type: 'text', text: userText },\n      { type: 'image_url', image_url: { url: image } },\n    ];\n  }\n\n  const effective = system ? { ...config, systemPrompt: system } : config;\n  const messages = [{ role: 'user', content }];\n  const stream = effective.protocol === 'anthropic'\n    ? streamAnthropic(effective, messages, options?.signal)\n    : streamOpenAI(effective, messages, options?.signal);\n\n  let acc = '';\n  for await (const delta of stream) {\n    acc += delta;\n    options?.onDelta?.(acc);\n  }\n  return acc;\n}\n"],"mappings":"AAsBA,SAAS,EAAgB,GAA8B;AACrD,QAAM,KAAO,EAAO,WAAW,IAAI,KAAK,EAAE,QAAQ,QAAQ,EAAE;AAC5D,MAAI,CAAC,EAAK,QAAO;AACjB,QAAM,IAAO,EAAO,aAAa,cAAc,cAAc;AAE7D,MAAI,yDAAyD,KAAK,CAAG,EAAG,QAAO;AAE/E,MAAI,WAAW,KAAK,CAAG,EAAG,QAAO,IAAM;AAEvC,MAAI;AACF,UAAM,IAAI,IAAI,IAAI,CAAG;AACrB,QAAI,EAAE,aAAa,MAAM,EAAE,aAAa,IAAK,QAAO,IAAM,QAAQ;AAAA,EACpE,QAAQ;AAAA,EAA0C;AAElD,SAAO,IAAM;AACf;AAEA,gBAAgB,EACd,GACA,GACA,GACwB;AACxB,QAAM,IAAO,KAAK,UAAU;AAAA,IAC1B,OAAO,EAAO;AAAA,IACd,UAAU,CACR,GAAI,EAAO,eAAe,CAAC;AAAA,MAAE,MAAM;AAAA,MAAU,SAAS,EAAO;AAAA,IAAa,CAAC,IAAI,CAAC,GAChF,GAAG,CACL;AAAA,IACA,QAAQ;AAAA,EACV,CAAC,GAEK,IAAW,MAAM,MAAM,EAAgB,CAAM,GAAG;AAAA,IACpD,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,GAAI,EAAO,SAAS,EAAE,eAAe,UAAU,EAAO,MAAA,GAAS,IAAI,CAAC;AAAA,MACpE,GAAG,EAAO;AAAA,IACZ;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,EACF,CAAC;AAED,MAAI,CAAC,EAAS,GAAI,OAAM,IAAI,MAAM,iBAAiB,EAAS,MAAA,IAAU,EAAS,UAAA,EAAY;AAC3F,QAAM,IAAS,EAAS,MAAM,UAAU;AACxC,MAAI,CAAC,EAAQ,OAAM,IAAI,MAAM,kBAAkB;AAE/C,QAAM,IAAU,IAAI,YAAY;AAChC,MAAI,IAAS;AAEb,aAAa;AACX,UAAM,EAAE,MAAA,GAAM,OAAA,EAAA,IAAU,MAAM,EAAO,KAAK;AAC1C,QAAI,EAAM;AACV,IAAA,KAAU,EAAQ,OAAO,GAAO,EAAE,QAAQ,GAAK,CAAC;AAChD,UAAM,IAAQ,EAAO,MAAM;AAAA,CAAI;AAC/B,IAAA,IAAS,EAAM,IAAI,KAAK;AAExB,eAAW,KAAQ,GAAO;AACxB,YAAM,IAAU,EAAK,KAAK;AAC1B,UAAI,GAAC,KAAW,MAAY,kBAAkB,CAAC,EAAQ,WAAW,QAAQ;AAC1E,YAAI;AAEF,gBAAM,IADO,KAAK,MAAM,EAAQ,MAAM,CAAC,CACvB,EAAK,UAAU,CAAA,GAAI,OAAO;AAC1C,UAAI,MAAS,MAAM;AAAA,QACrB,QAAQ;AAAA,QAA6B;AAAA,IACvC;AAAA,EACF;AACF;AAEA,gBAAgB,EACd,GACA,GACA,GACwB;AACxB,QAAM,IAAO,KAAK,UAAU;AAAA,IAC1B,OAAO,EAAO;AAAA,IACd,YAAY;AAAA,IACZ,GAAI,EAAO,eAAe,EAAE,QAAQ,EAAO,aAAa,IAAI,CAAC;AAAA,IAC7D,UAAA;AAAA,IACA,QAAQ;AAAA,EACV,CAAC,GAEK,IAAW,MAAM,MAAM,EAAgB,CAAM,GAAG;AAAA,IACpD,QAAQ;AAAA,IACR,SAAS;AAAA,MACP,gBAAgB;AAAA,MAChB,GAAI,EAAO,SAAS,EAAE,aAAa,EAAO,OAAO,IAAI,CAAC;AAAA,MACtD,qBAAqB;AAAA,MACrB,6CAA6C;AAAA,MAC7C,GAAG,EAAO;AAAA,IACZ;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,EACF,CAAC;AAED,MAAI,CAAC,EAAS,GAAI,OAAM,IAAI,MAAM,iBAAiB,EAAS,MAAA,IAAU,EAAS,UAAA,EAAY;AAC3F,QAAM,IAAS,EAAS,MAAM,UAAU;AACxC,MAAI,CAAC,EAAQ,OAAM,IAAI,MAAM,kBAAkB;AAE/C,QAAM,IAAU,IAAI,YAAY;AAChC,MAAI,IAAS;AAEb,aAAa;AACX,UAAM,EAAE,MAAA,GAAM,OAAA,EAAA,IAAU,MAAM,EAAO,KAAK;AAC1C,QAAI,EAAM;AACV,IAAA,KAAU,EAAQ,OAAO,GAAO,EAAE,QAAQ,GAAK,CAAC;AAChD,UAAM,IAAQ,EAAO,MAAM;AAAA,CAAI;AAC/B,IAAA,IAAS,EAAM,IAAI,KAAK;AAExB,eAAW,KAAQ,GAAO;AACxB,YAAM,IAAU,EAAK,KAAK;AAC1B,UAAK,EAAQ,WAAW,QAAQ;AAChC,YAAI;AACF,gBAAM,IAAO,KAAK,MAAM,EAAQ,MAAM,CAAC,CAAC;AACxC,UAAI,EAAK,SAAS,yBAAyB,EAAK,OAAO,SAAM,MAAM,EAAK,MAAM;AAAA,QAChF,QAAQ;AAAA,QAA6B;AAAA,IACvC;AAAA,EACF;AACF;AAEA,SAAgB,EACd,GACA,GACA,GACuB;AACvB,SAAI,EAAO,aAAa,cAAoB,EAAgB,GAAQ,GAAU,CAAM,IAC7E,EAAa,GAAQ,GAAU,CAAM;AAC9C;AAkFA,eAAsB,EACpB,GACA,GACA,GAMiB;AACjB,QAAM,IAAS,GAAS,gBAAgB,EAAO,cACzC,IAAQ,GAAS;AAEvB,MAAI,IAAmB;AACvB,MAAI,EAAO,aAAa,aAAa;AACnC,UAAM,IAAe,CAAC;AAAA,MAAE,MAAM;AAAA,MAAQ,MAAM;AAAA,IAAS,CAAC;AACtD,QAAI,GAAO;AACT,YAAM,IAAI,2BAA2B,KAAK,CAAK;AAC/C,MAAI,KACF,EAAM,QAAQ;AAAA,QACZ,MAAM;AAAA,QACN,QAAQ;AAAA,UAAE,MAAM;AAAA,UAAU,YAAY,EAAE,CAAA;AAAA,UAAI,MAAM,EAAE,CAAA;AAAA,QAAG;AAAA,MACzD,CAAC;AAAA,IAEL;AACA,IAAA,IAAU;AAAA,EACZ,MAAO,CAAI,MACT,IAAU,CACR;AAAA,IAAE,MAAM;AAAA,IAAQ,MAAM;AAAA,EAAS,GAC/B;AAAA,IAAE,MAAM;AAAA,IAAa,WAAW,EAAE,KAAK,EAAM;AAAA,EAAE,CACjD;AAGF,QAAM,IAAY,IAAS;AAAA,IAAE,GAAG;AAAA,IAAQ,cAAc;AAAA,EAAO,IAAI,GAC3D,IAAW,CAAC;AAAA,IAAE,MAAM;AAAA,IAAQ,SAAA;AAAA,EAAQ,CAAC,GACrC,IAAS,EAAU,aAAa,cAClC,EAAgB,GAAW,GAAU,GAAS,MAAM,IACpD,EAAa,GAAW,GAAU,GAAS,MAAM;AAErD,MAAI,IAAM;AACV,mBAAiB,KAAS;AACxB,IAAA,KAAO,GACP,GAAS,UAAU,CAAG;AAExB,SAAO;AACT"}
+{"version":3,"file":"aiClient.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/aiClient.ts"],"sourcesContent":["import type { FlowAIConfig } from '../types';\n\n/**\n * Minimal streaming chat client for the Flow AI media node. Supports\n * OpenAI-compatible `/chat/completions` and Anthropic `/messages` endpoints.\n *\n * Yields incremental text deltas. Callers accumulate them to render a live,\n * streaming response. This intentionally mirrors the RichTextEditor AIRewrite\n * streaming logic but is scoped to the Flow package (no tiptap dependency).\n */\nexport interface AIChatMessage {\n  role: 'user' | 'assistant';\n  content: string;\n}\n\n/**\n * Resolve the full request URL from a possibly-partial gateway.\n *\n * Users often paste a base URL (e.g. `https://api.moonshot.cn/v1`) instead of\n * the full endpoint, which then 404s. We append the protocol's default path\n * when the gateway doesn't already point at a completions/messages endpoint.\n */\nfunction resolveEndpoint(config: FlowAIConfig): string {\n  const raw = (config.gateway || '').trim().replace(/\\/+$/, '');\n  if (!raw) return raw;\n  const path = config.protocol === 'anthropic' ? '/messages' : '/chat/completions';\n  // Already a full endpoint.\n  if (/\\/(chat\\/completions|messages|responses|completions)$/i.test(raw)) return raw;\n  // Bare `/v1` (or version segment) base URL → append the default path.\n  if (/\\/v\\d+$/i.test(raw)) return raw + path;\n  // Host root with no path → assume `/v1` + default path.\n  try {\n    const u = new URL(raw);\n    if (u.pathname === '' || u.pathname === '/') return raw + '/v1' + path;\n  } catch { /* not a parseable URL; fall through */ }\n  // Some other path was given; append the default endpoint segment.\n  return raw + path;\n}\n\nasync function* streamOpenAI(\n  config: FlowAIConfig,\n  messages: ReadonlyArray<{ role: string; content: unknown }>,\n  signal?: AbortSignal,\n): AsyncGenerator<string> {\n  const body = JSON.stringify({\n    model: config.model,\n    messages: [\n      ...(config.systemPrompt ? [{ role: 'system', content: config.systemPrompt }] : []),\n      ...messages,\n    ],\n    stream: true,\n  });\n\n  const response = await fetch(resolveEndpoint(config), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : {}),\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  const reader = response.body?.getReader();\n  if (!reader) throw new Error('No response body');\n\n  const decoder = new TextDecoder();\n  let buffer = '';\n\n  while (true) {\n    const { done, value } = await reader.read();\n    if (done) break;\n    buffer += decoder.decode(value, { stream: true });\n    const lines = buffer.split('\\n');\n    buffer = lines.pop() || '';\n\n    for (const line of lines) {\n      const trimmed = line.trim();\n      if (!trimmed || trimmed === 'data: [DONE]' || !trimmed.startsWith('data: ')) continue;\n      try {\n        const data = JSON.parse(trimmed.slice(6));\n        const content = data.choices?.[0]?.delta?.content;\n        if (content) yield content;\n      } catch { /* skip malformed chunk */ }\n    }\n  }\n}\n\nasync function* streamAnthropic(\n  config: FlowAIConfig,\n  messages: ReadonlyArray<{ role: string; content: unknown }>,\n  signal?: AbortSignal,\n): AsyncGenerator<string> {\n  const body = JSON.stringify({\n    model: config.model,\n    max_tokens: 8192,\n    ...(config.systemPrompt ? { system: config.systemPrompt } : {}),\n    messages,\n    stream: true,\n  });\n\n  const response = await fetch(resolveEndpoint(config), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { 'x-api-key': config.apiKey } : {}),\n      'anthropic-version': '2023-06-01',\n      'anthropic-dangerous-direct-browser-access': 'true',\n      ...config.headers,\n    },\n    body,\n    signal,\n  });\n\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  const reader = response.body?.getReader();\n  if (!reader) throw new Error('No response body');\n\n  const decoder = new TextDecoder();\n  let buffer = '';\n\n  while (true) {\n    const { done, value } = await reader.read();\n    if (done) break;\n    buffer += decoder.decode(value, { stream: true });\n    const lines = buffer.split('\\n');\n    buffer = lines.pop() || '';\n\n    for (const line of lines) {\n      const trimmed = line.trim();\n      if (!trimmed.startsWith('data: ')) continue;\n      try {\n        const data = JSON.parse(trimmed.slice(6));\n        if (data.type === 'content_block_delta' && data.delta?.text) yield data.delta.text;\n      } catch { /* skip malformed chunk */ }\n    }\n  }\n}\n\nexport function streamAIChat(\n  config: FlowAIConfig,\n  messages: AIChatMessage[],\n  signal: AbortSignal,\n): AsyncIterable<string> {\n  if (config.protocol === 'anthropic') return streamAnthropic(config, messages, signal);\n  return streamOpenAI(config, messages, signal);\n}\n\n/**\n * Non-streaming completion used by the AI flow generator. Accepts an optional\n * image (data URL) for \"reconstruct this diagram\" requests. Returns the full\n * assistant text.\n */\nexport async function completeAIChat(\n  config: FlowAIConfig,\n  userText: string,\n  options?: { imageDataUrl?: string; systemPrompt?: string; signal?: AbortSignal },\n): Promise<string> {\n  const system = options?.systemPrompt ?? config.systemPrompt;\n  const image = options?.imageDataUrl;\n\n  if (config.protocol === 'anthropic') {\n    const content: any[] = [{ type: 'text', text: userText }];\n    if (image) {\n      const m = /^data:(.+?);base64,(.*)$/.exec(image);\n      if (m) {\n        content.unshift({\n          type: 'image',\n          source: { type: 'base64', media_type: m[1], data: m[2] },\n        });\n      }\n    }\n    const response = await fetch(resolveEndpoint(config), {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        ...(config.apiKey ? { 'x-api-key': config.apiKey } : {}),\n        'anthropic-version': '2023-06-01',\n        'anthropic-dangerous-direct-browser-access': 'true',\n        ...config.headers,\n      },\n      body: JSON.stringify({\n        model: config.model,\n        max_tokens: 4096,\n        ...(system ? { system } : {}),\n        messages: [{ role: 'user', content }],\n      }),\n      signal: options?.signal,\n    });\n    if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n    const json = await response.json();\n    return json.content?.map((c: any) => c.text ?? '').join('') ?? '';\n  }\n\n  // OpenAI-compatible (supports multimodal `image_url` content parts).\n  const userContent: any = image\n    ? [\n        { type: 'text', text: userText },\n        { type: 'image_url', image_url: { url: image } },\n      ]\n    : userText;\n  const response = await fetch(resolveEndpoint(config), {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(config.apiKey ? { Authorization: `Bearer ${config.apiKey}` } : {}),\n      ...config.headers,\n    },\n    body: JSON.stringify({\n      model: config.model,\n      messages: [\n        ...(system ? [{ role: 'system', content: system }] : []),\n        { role: 'user', content: userContent },\n      ],\n    }),\n    signal: options?.signal,\n  });\n  if (!response.ok) throw new Error(`AI API error: ${response.status} ${response.statusText}`);\n  const json = await response.json();\n  return json.choices?.[0]?.message?.content ?? '';\n}\n\n/**\n * Streaming variant of `completeAIChat`: same multimodal request shape\n * (optional image + system prompt override), but the reply is consumed as SSE\n * deltas. `onDelta` fires with the accumulated text after every chunk so\n * callers can render the response live. Returns the full assistant text.\n */\nexport async function completeAIChatStream(\n  config: FlowAIConfig,\n  userText: string,\n  options?: {\n    imageDataUrl?: string;\n    systemPrompt?: string;\n    signal?: AbortSignal;\n    onDelta?: (accumulated: string) => void;\n  },\n): Promise<string> {\n  const system = options?.systemPrompt ?? config.systemPrompt;\n  const image = options?.imageDataUrl;\n\n  let content: unknown = userText;\n  if (config.protocol === 'anthropic') {\n    const parts: any[] = [{ type: 'text', text: userText }];\n    if (image) {\n      const m = /^data:(.+?);base64,(.*)$/.exec(image);\n      if (m) {\n        parts.unshift({\n          type: 'image',\n          source: { type: 'base64', media_type: m[1], data: m[2] },\n        });\n      }\n    }\n    content = parts;\n  } else if (image) {\n    content = [\n      { type: 'text', text: userText },\n      { type: 'image_url', image_url: { url: image } },\n    ];\n  }\n\n  const effective = system ? { ...config, systemPrompt: system } : config;\n  const messages = [{ role: 'user', content }];\n  const stream = effective.protocol === 'anthropic'\n    ? streamAnthropic(effective, messages, options?.signal)\n    : streamOpenAI(effective, messages, options?.signal);\n\n  let acc = '';\n  for await (const delta of stream) {\n    acc += delta;\n    options?.onDelta?.(acc);\n  }\n  return acc;\n}\n"],"mappings":"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"}