dishui 0.0.101 → 0.0.104

package/dist/.release-verified.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.0.101",
+  "version": "0.0.104",
   "full": false,
   "node": "v22.13.1",
-  "verifiedAt": "2026-09-23T16:41:18.570Z"
+  "verifiedAt": "2026-09-24T01:04:53.482Z"
 }

package/dist/components/pro/Flow/context/FlowAIContext.d.ts

@@ -5,6 +5,8 @@ export interface FlowAIContextValue {
     setAIConfig: (config: FlowAIConfig) => void;
     /** Whether the model-config form is shown inside the AI panel. */
     showAIConfig: boolean;
+    /** Whether the consuming application supplied one shared runtime config. */
+    hasSharedConfig: boolean;
 }
 export declare function useFlowAI(): FlowAIContextValue;
 export interface FlowAIProviderProps {

package/dist/components/pro/Flow/context/FlowAIContext.js

@@ -15,13 +15,18 @@ function c({ initialConfig: e, showAIConfig: t = !0, children: s }) {
 	let [c, l] = r({
 		...a,
 		...e
-	}), u = n(() => ({
+	}), u = e !== void 0, d = n(() => ({
 		aiConfig: c,
 		setAIConfig: l,
-		showAIConfig: t
-	}), [c, t]);
+		showAIConfig: t,
+		hasSharedConfig: u
+	}), [
+		c,
+		t,
+		u
+	]);
 	return /* @__PURE__ */ i(o.Provider, {
-		value: u,
+		value: d,
 		children: s
 	});
 }

package/dist/components/pro/Flow/context/FlowAIContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowAIContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowAIContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from 'react';\nimport type { FlowAIConfig } from '../types';\n\nexport interface FlowAIContextValue {\n  aiConfig: FlowAIConfig;\n  setAIConfig: (config: FlowAIConfig) => void;\n  /** Whether the model-config form is shown inside the AI panel. */\n  showAIConfig: boolean;\n}\n\nconst DEFAULT_AI_CONFIG: FlowAIConfig = {\n  gateway: '',\n  protocol: 'openai',\n  model: '',\n};\n\nconst FlowAIContext = createContext<FlowAIContextValue | null>(null);\n\nexport function useFlowAI(): FlowAIContextValue {\n  const ctx = useContext(FlowAIContext);\n  if (!ctx) throw new Error('useFlowAI must be used within FlowAIProvider');\n  return ctx;\n}\n\nexport interface FlowAIProviderProps {\n  initialConfig?: FlowAIConfig;\n  showAIConfig?: boolean;\n  children: React.ReactNode;\n}\n\nexport function FlowAIProvider({ initialConfig, showAIConfig = true, children }: FlowAIProviderProps) {\n  const [aiConfig, setAIConfig] = useState<FlowAIConfig>({ ...DEFAULT_AI_CONFIG, ...initialConfig });\n  const value = useMemo<FlowAIContextValue>(\n    () => ({ aiConfig, setAIConfig, showAIConfig }),\n    [aiConfig, showAIConfig],\n  );\n  return <FlowAIContext.Provider value={value}>{children}</FlowAIContext.Provider>;\n}\n"],"mappings":";;;AAUA,IAAM,IAAkC;CACtC,SAAS;CACT,UAAU;CACV,OAAO;AACT,GAEM,IAAgB,EAAyC,IAAI;AAEnE,SAAgB,IAAgC;CAC9C,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,CAAC,GAAK,MAAU,MAAM,8CAA8C;CACxE,OAAO;AACT;AAQA,SAAgB,EAAe,EAAE,kBAAe,kBAAe,IAAM,eAAiC;CACpG,IAAM,CAAC,GAAU,KAAe,EAAuB;EAAE,GAAG;EAAmB,GAAG;CAAc,CAAC,GAC3F,IAAQ,SACL;EAAE;EAAU;EAAa;CAAa,IAC7C,CAAC,GAAU,CAAY,CACzB;CACA,OAAO,kBAAC,EAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF"}
+{"version":3,"file":"FlowAIContext.js","names":[],"sources":["../../../../../src/components/pro/Flow/context/FlowAIContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from 'react';\nimport type { FlowAIConfig } from '../types';\n\nexport interface FlowAIContextValue {\n  aiConfig: FlowAIConfig;\n  setAIConfig: (config: FlowAIConfig) => void;\n  /** Whether the model-config form is shown inside the AI panel. */\n  showAIConfig: boolean;\n  /** Whether the consuming application supplied one shared runtime config. */\n  hasSharedConfig: boolean;\n}\n\nconst DEFAULT_AI_CONFIG: FlowAIConfig = {\n  gateway: '',\n  protocol: 'openai',\n  model: '',\n};\n\nconst FlowAIContext = createContext<FlowAIContextValue | null>(null);\n\nexport function useFlowAI(): FlowAIContextValue {\n  const ctx = useContext(FlowAIContext);\n  if (!ctx) throw new Error('useFlowAI must be used within FlowAIProvider');\n  return ctx;\n}\n\nexport interface FlowAIProviderProps {\n  initialConfig?: FlowAIConfig;\n  showAIConfig?: boolean;\n  children: React.ReactNode;\n}\n\nexport function FlowAIProvider({ initialConfig, showAIConfig = true, children }: FlowAIProviderProps) {\n  const [aiConfig, setAIConfig] = useState<FlowAIConfig>({ ...DEFAULT_AI_CONFIG, ...initialConfig });\n  const hasSharedConfig = initialConfig !== undefined;\n  const value = useMemo<FlowAIContextValue>(\n    () => ({ aiConfig, setAIConfig, showAIConfig, hasSharedConfig }),\n    [aiConfig, showAIConfig, hasSharedConfig],\n  );\n  return <FlowAIContext.Provider value={value}>{children}</FlowAIContext.Provider>;\n}\n"],"mappings":";;;AAYA,IAAM,IAAkC;CACtC,SAAS;CACT,UAAU;CACV,OAAO;AACT,GAEM,IAAgB,EAAyC,IAAI;AAEnE,SAAgB,IAAgC;CAC9C,IAAM,IAAM,EAAW,CAAa;CACpC,IAAI,CAAC,GAAK,MAAU,MAAM,8CAA8C;CACxE,OAAO;AACT;AAQA,SAAgB,EAAe,EAAE,kBAAe,kBAAe,IAAM,eAAiC;CACpG,IAAM,CAAC,GAAU,KAAe,EAAuB;EAAE,GAAG;EAAmB,GAAG;CAAc,CAAC,GAC3F,IAAkB,MAAkB,KAAA,GACpC,IAAQ,SACL;EAAE;EAAU;EAAa;EAAc;CAAgB,IAC9D;EAAC;EAAU;EAAc;CAAe,CAC1C;CACA,OAAO,kBAAC,EAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AACjF"}

package/dist/components/pro/Flow/nodes/MediaContent.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import type { FlowNode } from '../types';
+import type { FlowNode, FlowAIConfig } from '../types';
 /** Dispatches to the correct renderer for the node's media kind. */
-export declare function MediaContent({ node, interactive }: {
+export declare function MediaContent({ node, interactive, aiConfig }: {
     node: FlowNode;
     interactive: boolean;
+    aiConfig?: FlowAIConfig;
 }): React.JSX.Element | null;

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

@@ -153,7 +153,7 @@ function x({ node: t, config: n, interactive: i, color: a }) {
 				children: [
 					s.length === 0 && /* @__PURE__ */ u("div", {
 						className: "flow-media-ai-empty",
-						children: n?.gateway ? "开始对话…" : "请在属性面板配置 AI 接口"
+						children: n?.gateway ? "开始对话…" : "请先配置 AI 接口"
 					}),
 					s.map((t, n) => /* @__PURE__ */ u("div", {
 						className: `flow-media-ai-msg flow-media-ai-msg--${t.role}`,
@@ -194,43 +194,43 @@ function x({ node: t, config: n, interactive: i, color: a }) {
 		]
 	});
 }
-function S({ node: r, interactive: a }) {
-	let o = r.data.mediaKind ?? "markdown", s = r.data.mediaContent ?? "", c = n(r.data.labelColor ?? r.data.color, "#111827");
-	switch (o) {
+function S({ node: r, interactive: a, aiConfig: o }) {
+	let s = r.data.mediaKind ?? "markdown", c = r.data.mediaContent ?? "", l = n(r.data.labelColor ?? r.data.color, "#111827");
+	switch (s) {
 		case "markdown": return /* @__PURE__ */ u("div", {
 			className: "flow-media-markdown",
 			style: {
-				color: c,
+				color: l,
 				fontSize: r.data.fontSize
 			},
-			children: /* @__PURE__ */ u(e, { content: s })
+			children: /* @__PURE__ */ u(e, { content: c })
 		});
 		case "html": return /* @__PURE__ */ u(y, {
-			content: s,
+			content: c,
 			interactive: a,
 			color: t(r.data.labelColor ?? r.data.color, "#111827"),
 			fontSize: r.data.fontSize
 		});
 		case "mermaid": return /* @__PURE__ */ u(_, {
-			content: s,
-			color: c
+			content: c,
+			color: l
 		});
 		case "math": return /* @__PURE__ */ u(v, {
-			content: s,
-			color: c,
+			content: c,
+			color: l,
 			fontSize: r.data.fontSize
 		});
-		case "image": return /* @__PURE__ */ u(b, { content: s });
+		case "image": return /* @__PURE__ */ u(b, { content: c });
 		case "model3d": return /* @__PURE__ */ u(i, {
-			content: s,
+			content: c,
 			format: r.data.modelFormat ?? "stl",
 			interactive: a
 		});
 		case "ai": return /* @__PURE__ */ u(x, {
 			node: r,
-			config: r.data.aiConfig,
+			config: o ?? r.data.aiConfig,
 			interactive: a,
-			color: c
+			color: l
 		});
 		case "data": return /* @__PURE__ */ u("div", {
 			className: "flow-media-data",
@@ -242,7 +242,7 @@ function S({ node: r, interactive: a }) {
 					view: "table"
 				},
 				surfaceColor: r.data.fill === "transparent" ? void 0 : n(r.data.fill, ""),
-				textColor: c,
+				textColor: l,
 				primaryColor: n(r.data.color, "")
 			})
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"MediaContent.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/MediaContent.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport katex from 'katex';\nimport mermaid from 'mermaid';\nimport Markdown from '../../../Markdown';\nimport type { FlowNode, FlowAIConfig } from '../types';\nimport { streamAIChat, type AIChatMessage } from './aiClient';\nimport { resolveThemeColorCss, resolveThemeColor } from '../utils/themeColor';\nimport 'katex/dist/katex.min.css';\nimport { Model3DView } from './Model3DView';\n\n// Data-node view pulls in DataTable + Chart; lazy-load so it only enters the\n// bundle when a data node actually renders.\nconst DataNodeView = React.lazy(() =>\n  import('./DataNodeView').then((m) => ({ default: m.DataNodeView })),\n);\n\nlet mermaidReady = false;\nfunction ensureMermaid() {\n  if (mermaidReady) return;\n  mermaid.initialize({ startOnLoad: false, theme: 'default', securityLevel: 'loose', fontFamily: 'inherit' });\n  mermaidReady = true;\n}\n\n/** Renders a Mermaid diagram from source into an inline SVG. */\nfunction MermaidView({ content, color }: { content: string; color?: string }) {\n  const [svg, setSvg] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const idRef = useRef(`flow-mermaid-${Math.random().toString(36).slice(2)}`);\n\n  useEffect(() => {\n    let cancelled = false;\n    ensureMermaid();\n    const src = content.trim();\n    if (!src) { setSvg(''); setError(null); return; }\n    mermaid\n      .render(idRef.current, src)\n      .then(({ svg }) => { if (!cancelled) { setSvg(svg); setError(null); } })\n      .catch((e) => { if (!cancelled) setError(e?.message ?? 'Mermaid error'); });\n    return () => { cancelled = true; };\n  }, [content]);\n\n  if (error) return <div className=\"flow-media-error\">{error}</div>;\n  return <div className=\"flow-media-mermaid\" style={{ color }} dangerouslySetInnerHTML={{ __html: svg }} />;\n}\n\n/** Renders a LaTeX formula (display mode) via KaTeX. */\nfunction MathView({ content, color, fontSize }: { content: string; color?: string; fontSize?: number }) {\n  const html = useMemo(() => {\n    try {\n      return katex.renderToString(content.trim() || '\\\\;', { displayMode: true, throwOnError: false });\n    } catch (e: any) {\n      return `<span class=\"flow-media-error\">${e?.message ?? 'KaTeX error'}</span>`;\n    }\n  }, [content]);\n  return <div className=\"flow-media-math\" style={{ color, fontSize }} dangerouslySetInnerHTML={{ __html: html }} />;\n}\n\n/** Renders raw HTML in a sandboxed iframe (isolated from the host document).\n *  A base stylesheet is injected so the fragment inherits the node's themed\n *  text color / font size and a transparent background, keeping it readable on\n *  any theme without the author having to set colors.\n *  Content is always untrusted: scripts can drive the preview, but the opaque\n *  sandbox origin prevents host DOM/storage access. Do not add allow-same-origin\n *  alongside allow-scripts; interactive only controls pointer input. */\nfunction HtmlView({ content, interactive, color, fontSize }: { content: string; interactive: boolean; color?: string; fontSize?: number }) {\n  const srcDoc = useMemo(() => {\n    const base = `<!doctype html><html><head><meta charset=\"utf-8\"><style>\n      :root { color-scheme: light dark; }\n      html, body { margin: 0; background: transparent; }\n      body {\n        color: ${color ?? '#111827'};\n        font-size: ${fontSize ?? 13}px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n        line-height: 1.5;\n        padding: 0;\n      }\n      a { color: inherit; }\n    </style></head><body>${content}</body></html>`;\n    return base;\n  }, [content, color, fontSize]);\n  return (\n    <iframe\n      title=\"html-media\"\n      className=\"flow-media-iframe\"\n      style={{ pointerEvents: interactive ? 'auto' : 'none' }}\n      sandbox=\"allow-scripts\"\n      srcDoc={srcDoc}\n    />\n  );\n}\n\nfunction ImageView({ content }: { content: string }) {\n  const src = content.trim();\n  if (!src) {\n    return <div className=\"flow-media-image-empty\">输入图片链接，或直接粘贴图片</div>;\n  }\n  return (\n    <img\n      className=\"flow-media-image\"\n      src={src}\n      alt=\"\"\n      draggable={false}\n      referrerPolicy=\"no-referrer\"\n    />\n  );\n}\n\n/** Interactive AI chat backed by an OpenAI/Anthropic-compatible endpoint. */\nfunction AIView({ node, config, interactive, color }: { node: FlowNode; config?: FlowAIConfig; interactive: boolean; color?: string }) {\n  const [messages, setMessages] = useState<AIChatMessage[]>([]);\n  const [input, setInput] = useState('');\n  const [streaming, setStreaming] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const abortRef = useRef<AbortController | null>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight });\n  }, [messages, streaming]);\n\n  useEffect(() => () => abortRef.current?.abort(), []);\n\n  const canSend = !!config?.gateway && !!config?.model && !streaming;\n\n  const send = async () => {\n    const text = input.trim();\n    if (!text || !config?.gateway) return;\n    setError(null);\n    // Only keep non-empty assistant messages in history; an aborted/errored\n    // request can leave an empty assistant placeholder behind, which the API\n    // then rejects (\"assistant message must not be empty\").\n    const history = messages.filter(\n      (m) => !(m.role === 'assistant' && m.content.trim() === ''),\n    );\n    const next: AIChatMessage[] = [...history, { role: 'user', content: text }];\n    setMessages(next);\n    setInput('');\n    setStreaming(true);\n    const ac = new AbortController();\n    abortRef.current = ac;\n    let acc = '';\n    setMessages((m) => [...m, { role: 'assistant', content: '' }]);\n    try {\n      for await (const delta of streamAIChat(config, next, ac.signal)) {\n        acc += delta;\n        setMessages((m) => {\n          const copy = m.slice();\n          copy[copy.length - 1] = { role: 'assistant', content: acc };\n          return copy;\n        });\n      }\n    } catch (e: any) {\n      if (e?.name !== 'AbortError') setError(e?.message ?? 'Request failed');\n    } finally {\n      // Drop the trailing assistant placeholder if nothing streamed in.\n      setMessages((m) => {\n        const last = m[m.length - 1];\n        if (last && last.role === 'assistant' && last.content.trim() === '') {\n          return m.slice(0, -1);\n        }\n        return m;\n      });\n      setStreaming(false);\n      abortRef.current = null;\n    }\n  };\n\n  return (\n    <div className=\"flow-media-ai\" style={{ color }}>\n      <div className=\"flow-media-ai-header\">\n        {config?.model ? `AI · ${config.model}` : (node.data.label || 'AI')}\n      </div>\n      <div className=\"flow-media-ai-log\" ref={scrollRef}>\n        {messages.length === 0 && (\n          <div className=\"flow-media-ai-empty\">\n            {config?.gateway ? '开始对话…' : '请在属性面板配置 AI 接口'}\n          </div>\n        )}\n        {messages.map((m, i) => (\n          <div key={i} className={`flow-media-ai-msg flow-media-ai-msg--${m.role}`}>\n            {m.role === 'assistant'\n              ? <Markdown content={m.content || '…'} enableMermaid={false} enableMarkmap={false} />\n              : <span>{m.content}</span>}\n          </div>\n        ))}\n        {error && <div className=\"flow-media-error\">{error}</div>}\n      </div>\n      <div className=\"flow-media-ai-input\" style={{ pointerEvents: interactive ? 'auto' : 'none' }}>\n        <textarea\n          value={input}\n          placeholder=\"输入消息，Enter 发送\"\n          onChange={(e) => setInput(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); if (canSend) send(); }\n          }}\n          onPointerDown={(e) => e.stopPropagation()}\n        />\n        {streaming ? (\n          <button type=\"button\" onClick={() => abortRef.current?.abort()}>停止</button>\n        ) : (\n          <button type=\"button\" disabled={!canSend || !input.trim()} onClick={send}>发送</button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** Dispatches to the correct renderer for the node's media kind. */\nexport function MediaContent({ node, interactive }: { node: FlowNode; interactive: boolean }) {\n  const kind = node.data.mediaKind ?? 'markdown';\n  const content = node.data.mediaContent ?? '';\n  const textColor = resolveThemeColorCss(node.data.labelColor ?? node.data.color, '#111827');\n\n  switch (kind) {\n    case 'markdown':\n      return (\n        <div className=\"flow-media-markdown\" style={{ color: textColor, fontSize: node.data.fontSize }}>\n          <Markdown content={content} />\n        </div>\n      );\n    case 'html':\n      // The iframe is an isolated document with no access to the parent's CSS\n      // variables, so pass a concrete resolved color instead of a var().\n      return (\n        <HtmlView\n          content={content}\n          interactive={interactive}\n          color={resolveThemeColor(node.data.labelColor ?? node.data.color, '#111827')}\n          fontSize={node.data.fontSize}\n        />\n      );\n    case 'mermaid':\n      return <MermaidView content={content} color={textColor} />;\n    case 'math':\n      return <MathView content={content} color={textColor} fontSize={node.data.fontSize} />;\n    case 'image':\n      return <ImageView content={content} />;\n    case 'model3d':\n      return (\n        <Model3DView\n          content={content}\n          format={node.data.modelFormat ?? 'stl'}\n          interactive={interactive}\n        />\n      );\n    case 'ai':\n      return <AIView node={node} config={node.data.aiConfig} interactive={interactive} color={textColor} />;\n    case 'data':\n      return (\n        <div className=\"flow-media-data\" style={{ pointerEvents: interactive ? 'auto' : 'none' }}>\n          <DataNodeView\n            config={node.data.dataConfig ?? { columns: [], rows: [], view: 'table' }}\n            surfaceColor={node.data.fill === 'transparent' ? undefined : resolveThemeColorCss(node.data.fill, '')}\n            textColor={textColor}\n            primaryColor={resolveThemeColorCss(node.data.color, '')}\n          />\n        </div>\n      );\n    default:\n      return null;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"MediaContent.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/MediaContent.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport katex from 'katex';\nimport mermaid from 'mermaid';\nimport Markdown from '../../../Markdown';\nimport type { FlowNode, FlowAIConfig } from '../types';\nimport { streamAIChat, type AIChatMessage } from './aiClient';\nimport { resolveThemeColorCss, resolveThemeColor } from '../utils/themeColor';\nimport 'katex/dist/katex.min.css';\nimport { Model3DView } from './Model3DView';\n\n// Data-node view pulls in DataTable + Chart; lazy-load so it only enters the\n// bundle when a data node actually renders.\nconst DataNodeView = React.lazy(() =>\n  import('./DataNodeView').then((m) => ({ default: m.DataNodeView })),\n);\n\nlet mermaidReady = false;\nfunction ensureMermaid() {\n  if (mermaidReady) return;\n  mermaid.initialize({ startOnLoad: false, theme: 'default', securityLevel: 'loose', fontFamily: 'inherit' });\n  mermaidReady = true;\n}\n\n/** Renders a Mermaid diagram from source into an inline SVG. */\nfunction MermaidView({ content, color }: { content: string; color?: string }) {\n  const [svg, setSvg] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const idRef = useRef(`flow-mermaid-${Math.random().toString(36).slice(2)}`);\n\n  useEffect(() => {\n    let cancelled = false;\n    ensureMermaid();\n    const src = content.trim();\n    if (!src) { setSvg(''); setError(null); return; }\n    mermaid\n      .render(idRef.current, src)\n      .then(({ svg }) => { if (!cancelled) { setSvg(svg); setError(null); } })\n      .catch((e) => { if (!cancelled) setError(e?.message ?? 'Mermaid error'); });\n    return () => { cancelled = true; };\n  }, [content]);\n\n  if (error) return <div className=\"flow-media-error\">{error}</div>;\n  return <div className=\"flow-media-mermaid\" style={{ color }} dangerouslySetInnerHTML={{ __html: svg }} />;\n}\n\n/** Renders a LaTeX formula (display mode) via KaTeX. */\nfunction MathView({ content, color, fontSize }: { content: string; color?: string; fontSize?: number }) {\n  const html = useMemo(() => {\n    try {\n      return katex.renderToString(content.trim() || '\\\\;', { displayMode: true, throwOnError: false });\n    } catch (e: any) {\n      return `<span class=\"flow-media-error\">${e?.message ?? 'KaTeX error'}</span>`;\n    }\n  }, [content]);\n  return <div className=\"flow-media-math\" style={{ color, fontSize }} dangerouslySetInnerHTML={{ __html: html }} />;\n}\n\n/** Renders raw HTML in a sandboxed iframe (isolated from the host document).\n *  A base stylesheet is injected so the fragment inherits the node's themed\n *  text color / font size and a transparent background, keeping it readable on\n *  any theme without the author having to set colors.\n *  Content is always untrusted: scripts can drive the preview, but the opaque\n *  sandbox origin prevents host DOM/storage access. Do not add allow-same-origin\n *  alongside allow-scripts; interactive only controls pointer input. */\nfunction HtmlView({ content, interactive, color, fontSize }: { content: string; interactive: boolean; color?: string; fontSize?: number }) {\n  const srcDoc = useMemo(() => {\n    const base = `<!doctype html><html><head><meta charset=\"utf-8\"><style>\n      :root { color-scheme: light dark; }\n      html, body { margin: 0; background: transparent; }\n      body {\n        color: ${color ?? '#111827'};\n        font-size: ${fontSize ?? 13}px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n        line-height: 1.5;\n        padding: 0;\n      }\n      a { color: inherit; }\n    </style></head><body>${content}</body></html>`;\n    return base;\n  }, [content, color, fontSize]);\n  return (\n    <iframe\n      title=\"html-media\"\n      className=\"flow-media-iframe\"\n      style={{ pointerEvents: interactive ? 'auto' : 'none' }}\n      sandbox=\"allow-scripts\"\n      srcDoc={srcDoc}\n    />\n  );\n}\n\nfunction ImageView({ content }: { content: string }) {\n  const src = content.trim();\n  if (!src) {\n    return <div className=\"flow-media-image-empty\">输入图片链接，或直接粘贴图片</div>;\n  }\n  return (\n    <img\n      className=\"flow-media-image\"\n      src={src}\n      alt=\"\"\n      draggable={false}\n      referrerPolicy=\"no-referrer\"\n    />\n  );\n}\n\n/** Interactive AI chat backed by an OpenAI/Anthropic-compatible endpoint. */\nfunction AIView({ node, config, interactive, color }: { node: FlowNode; config?: FlowAIConfig; interactive: boolean; color?: string }) {\n  const [messages, setMessages] = useState<AIChatMessage[]>([]);\n  const [input, setInput] = useState('');\n  const [streaming, setStreaming] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const abortRef = useRef<AbortController | null>(null);\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight });\n  }, [messages, streaming]);\n\n  useEffect(() => () => abortRef.current?.abort(), []);\n\n  const canSend = !!config?.gateway && !!config?.model && !streaming;\n\n  const send = async () => {\n    const text = input.trim();\n    if (!text || !config?.gateway) return;\n    setError(null);\n    // Only keep non-empty assistant messages in history; an aborted/errored\n    // request can leave an empty assistant placeholder behind, which the API\n    // then rejects (\"assistant message must not be empty\").\n    const history = messages.filter(\n      (m) => !(m.role === 'assistant' && m.content.trim() === ''),\n    );\n    const next: AIChatMessage[] = [...history, { role: 'user', content: text }];\n    setMessages(next);\n    setInput('');\n    setStreaming(true);\n    const ac = new AbortController();\n    abortRef.current = ac;\n    let acc = '';\n    setMessages((m) => [...m, { role: 'assistant', content: '' }]);\n    try {\n      for await (const delta of streamAIChat(config, next, ac.signal)) {\n        acc += delta;\n        setMessages((m) => {\n          const copy = m.slice();\n          copy[copy.length - 1] = { role: 'assistant', content: acc };\n          return copy;\n        });\n      }\n    } catch (e: any) {\n      if (e?.name !== 'AbortError') setError(e?.message ?? 'Request failed');\n    } finally {\n      // Drop the trailing assistant placeholder if nothing streamed in.\n      setMessages((m) => {\n        const last = m[m.length - 1];\n        if (last && last.role === 'assistant' && last.content.trim() === '') {\n          return m.slice(0, -1);\n        }\n        return m;\n      });\n      setStreaming(false);\n      abortRef.current = null;\n    }\n  };\n\n  return (\n    <div className=\"flow-media-ai\" style={{ color }}>\n      <div className=\"flow-media-ai-header\">\n        {config?.model ? `AI · ${config.model}` : (node.data.label || 'AI')}\n      </div>\n      <div className=\"flow-media-ai-log\" ref={scrollRef}>\n        {messages.length === 0 && (\n          <div className=\"flow-media-ai-empty\">\n            {config?.gateway ? '开始对话…' : '请先配置 AI 接口'}\n          </div>\n        )}\n        {messages.map((m, i) => (\n          <div key={i} className={`flow-media-ai-msg flow-media-ai-msg--${m.role}`}>\n            {m.role === 'assistant'\n              ? <Markdown content={m.content || '…'} enableMermaid={false} enableMarkmap={false} />\n              : <span>{m.content}</span>}\n          </div>\n        ))}\n        {error && <div className=\"flow-media-error\">{error}</div>}\n      </div>\n      <div className=\"flow-media-ai-input\" style={{ pointerEvents: interactive ? 'auto' : 'none' }}>\n        <textarea\n          value={input}\n          placeholder=\"输入消息，Enter 发送\"\n          onChange={(e) => setInput(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); if (canSend) send(); }\n          }}\n          onPointerDown={(e) => e.stopPropagation()}\n        />\n        {streaming ? (\n          <button type=\"button\" onClick={() => abortRef.current?.abort()}>停止</button>\n        ) : (\n          <button type=\"button\" disabled={!canSend || !input.trim()} onClick={send}>发送</button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n/** Dispatches to the correct renderer for the node's media kind. */\nexport function MediaContent({ node, interactive, aiConfig }: { node: FlowNode; interactive: boolean; aiConfig?: FlowAIConfig }) {\n  const kind = node.data.mediaKind ?? 'markdown';\n  const content = node.data.mediaContent ?? '';\n  const textColor = resolveThemeColorCss(node.data.labelColor ?? node.data.color, '#111827');\n\n  switch (kind) {\n    case 'markdown':\n      return (\n        <div className=\"flow-media-markdown\" style={{ color: textColor, fontSize: node.data.fontSize }}>\n          <Markdown content={content} />\n        </div>\n      );\n    case 'html':\n      // The iframe is an isolated document with no access to the parent's CSS\n      // variables, so pass a concrete resolved color instead of a var().\n      return (\n        <HtmlView\n          content={content}\n          interactive={interactive}\n          color={resolveThemeColor(node.data.labelColor ?? node.data.color, '#111827')}\n          fontSize={node.data.fontSize}\n        />\n      );\n    case 'mermaid':\n      return <MermaidView content={content} color={textColor} />;\n    case 'math':\n      return <MathView content={content} color={textColor} fontSize={node.data.fontSize} />;\n    case 'image':\n      return <ImageView content={content} />;\n    case 'model3d':\n      return (\n        <Model3DView\n          content={content}\n          format={node.data.modelFormat ?? 'stl'}\n          interactive={interactive}\n        />\n      );\n    case 'ai':\n      return <AIView node={node} config={aiConfig ?? node.data.aiConfig} interactive={interactive} color={textColor} />;\n    case 'data':\n      return (\n        <div className=\"flow-media-data\" style={{ pointerEvents: interactive ? 'auto' : 'none' }}>\n          <DataNodeView\n            config={node.data.dataConfig ?? { columns: [], rows: [], view: 'table' }}\n            surfaceColor={node.data.fill === 'transparent' ? undefined : resolveThemeColorCss(node.data.fill, '')}\n            textColor={textColor}\n            primaryColor={resolveThemeColorCss(node.data.color, '')}\n          />\n        </div>\n      );\n    default:\n      return null;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
 import { useFlowContext as e } from "../context/FlowContext.js";
 import { useFlowUI as t } from "../context/FlowUIContext.js";
-import { resolveThemeColorCss as n } from "../utils/themeColor.js";
-import r, { Suspense as i, useMemo as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { useFlowAI as n } from "../context/FlowAIContext.js";
+import { resolveThemeColorCss as r } from "../utils/themeColor.js";
+import i, { Suspense as a, useMemo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/pro/Flow/nodes/MediaOverlay.tsx
-var s = r.memo(r.lazy(() => import("./MediaContent.js").then((e) => ({ default: e.MediaContent })))), c = class extends r.Component {
+var c = i.memo(i.lazy(() => import("./MediaContent.js").then((e) => ({ default: e.MediaContent })))), l = class extends i.Component {
 	constructor(e) {
 		super(e), this.state = { error: null };
 	}
@@ -12,48 +13,49 @@ var s = r.memo(r.lazy(() => import("./MediaContent.js").then((e) => ({ default:
 		return { error: e };
 	}
 	render() {
-		return this.state.error ? /* @__PURE__ */ o("div", {
+		return this.state.error ? /* @__PURE__ */ s("div", {
 			className: "flow-media-error",
 			children: this.state.error.message
 		}) : this.props.children;
 	}
 };
-function l() {
-	let { currentCanvas: r, selection: l } = e(), { viewport: u, isNodeDragging: d } = t(), f = a(() => r.nodes.filter((e) => e.type === "mediaNode"), [r.nodes]);
-	if (f.length === 0) return null;
-	let { x: p, y: m, zoom: h } = u;
-	return /* @__PURE__ */ o("div", {
+function u() {
+	let { currentCanvas: i, selection: u } = e(), { viewport: d, isNodeDragging: f } = t(), { aiConfig: p } = n(), m = o(() => i.nodes.filter((e) => e.type === "mediaNode"), [i.nodes]);
+	if (m.length === 0) return null;
+	let { x: h, y: g, zoom: _ } = d;
+	return /* @__PURE__ */ s("div", {
 		className: "flow-media-layer",
-		children: f.map((e) => {
-			let t = e.position.x * h + p, r = e.position.y * h + m, a = l.nodeIds.has(e.id) && !d, u = e.data.fill === "transparent" ? "transparent" : n(e.data.fill, "transparent"), f = n(e.data.labelColor ?? e.data.color, "#111827");
-			return /* @__PURE__ */ o("div", {
+		children: m.map((e) => {
+			let t = e.position.x * _ + h, n = e.position.y * _ + g, i = u.nodeIds.has(e.id) && !f, o = e.data.fill === "transparent" ? "transparent" : r(e.data.fill, "transparent"), d = r(e.data.labelColor ?? e.data.color, "#111827");
+			return /* @__PURE__ */ s("div", {
 				className: "flow-media-node",
 				"data-media-node": e.id,
 				style: {
 					position: "absolute",
 					left: t,
-					top: r,
+					top: n,
 					width: e.width,
 					height: e.height,
-					transform: `scale(${h})`,
+					transform: `scale(${_})`,
 					transformOrigin: "top left",
 					pointerEvents: "none"
 				},
-				children: /* @__PURE__ */ o("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "flow-media-surface",
 					onWheel: (e) => e.stopPropagation(),
 					style: {
-						background: u,
-						color: f
+						background: o,
+						color: d
 					},
-					children: /* @__PURE__ */ o(i, {
-						fallback: /* @__PURE__ */ o("div", {
+					children: /* @__PURE__ */ s(a, {
+						fallback: /* @__PURE__ */ s("div", {
 							className: "flow-media-loading",
 							children: "…"
 						}),
-						children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(s, {
+						children: /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(c, {
 							node: e,
-							interactive: a
+							interactive: i,
+							aiConfig: p
 						}) })
 					})
 				})
@@ -62,6 +64,6 @@ function l() {
 	});
 }
 //#endregion
-export { l as MediaOverlay };
+export { u as MediaOverlay };
 
 //# sourceMappingURL=MediaOverlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MediaOverlay.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/MediaOverlay.tsx"],"sourcesContent":["import React, { useMemo, Suspense } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { resolveThemeColorCss } from '../utils/themeColor';\n\n// Lazy-load the media renderers so the heavy optional deps they pull in\n// (react-markdown, mermaid, katex, markmap, …) are only fetched when a media\n// node actually needs to render. This keeps the base `dishui/flow` bundle\n// lightweight and avoids loading that stack for diagrams without media nodes.\n// Viewport-only updates move the outer box, not the live media subtree. Keep\n// nodes mounted offscreen so iframe/AI state and model camera state survive.\nconst MediaContent = React.memo(React.lazy(() =>\n  import('./MediaContent').then((m) => ({ default: m.MediaContent })),\n));\n\n/** Isolates media render/load failures so one bad node never blanks the editor. */\nclass MediaErrorBoundary extends React.Component<\n  { children: React.ReactNode },\n  { error: Error | null }\n> {\n  constructor(props: { children: React.ReactNode }) {\n    super(props);\n    this.state = { error: null };\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n  render() {\n    if (this.state.error) {\n      return <div className=\"flow-media-error\">{this.state.error.message}</div>;\n    }\n    return this.props.children;\n  }\n}\n\n/**\n * DOM overlay for media nodes. PixiJS draws the frame; this layer renders the\n * live content (markdown/html/mermaid/math/AI) on top, synced to the viewport\n * so it pans and zooms with the canvas.\n *\n * Event model: a media surface is `pointer-events: none` by default so the\n * canvas underneath can be clicked to select/drag the node's frame. The\n * surface only becomes interactive while its node is selected (so AI chat can\n * be typed into, HTML can be scrolled). This also stops an always-interactive\n * iframe/AI box from swallowing pointer gestures and leaving the drag stuck.\n */\nexport function MediaOverlay() {\n  const { currentCanvas, selection } = useFlowContext();\n  const { viewport, isNodeDragging } = useFlowUI();\n\n  const mediaNodes = useMemo(\n    () => currentCanvas.nodes.filter((n) => n.type === 'mediaNode'),\n    [currentCanvas.nodes],\n  );\n\n  if (mediaNodes.length === 0) return null;\n\n  const { x: vx, y: vy, zoom } = viewport;\n\n  return (\n    <div className=\"flow-media-layer\">\n      {mediaNodes.map((node) => {\n        // World → screen (CSS px, matching ViewportManager.worldToScreen).\n        const left = node.position.x * zoom + vx;\n        const top = node.position.y * zoom + vy;\n        // Interactive only while selected, so the canvas stays draggable.\n        // Suppress entirely during a drag: an interactive iframe would swallow\n        // the pointer and the canvas would never receive pointerup (stuck drag).\n        const interactive = selection.nodeIds.has(node.id) && !isNodeDragging;\n        // Drive the overlay's background / text from the node's own color data.\n        // Theme tokens (`theme:*`) resolve to CSS variables so the media content\n        // follows theme switches natively; literal colors are used as-is. This\n        // keeps html / ai / data (which render opaque content) in sync with the\n        // fill/color chosen in the inspector, matching the PixiJS frame drawn\n        // underneath. The border is owned by the Pixi frame (also what PNG/PDF\n        // export captures), so we don't redraw it here.\n        const fillCss = node.data.fill === 'transparent'\n          ? 'transparent'\n          : resolveThemeColorCss(node.data.fill, 'transparent');\n        const textColor = resolveThemeColorCss(node.data.labelColor ?? node.data.color, '#111827');\n        return (\n          <div\n            key={node.id}\n            className=\"flow-media-node\"\n            data-media-node={node.id}\n            style={{\n              position: 'absolute',\n              left,\n              top,\n              width: node.width,\n              height: node.height,\n              // Scale the fixed-size content box to match zoom without\n              // reflowing text on every zoom step.\n              transform: `scale(${zoom})`,\n              transformOrigin: 'top left',\n              // Below the frame's selection outline but above the canvas.\n              pointerEvents: 'none',\n            }}\n          >\n            <div\n              className=\"flow-media-surface\"\n              onWheel={(e) => e.stopPropagation()}\n              style={{\n                background: fillCss,\n                color: textColor,\n              }}\n            >\n              <Suspense fallback={<div className=\"flow-media-loading\">…</div>}>\n                <MediaErrorBoundary>\n                  <MediaContent node={node} interactive={interactive} />\n                </MediaErrorBoundary>\n              </Suspense>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAe,EAAM,KAAK,EAAM,WACpC,OAAO,oBAAiB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACpE,CAAC,GAGK,IAAN,cAAiC,EAAM,UAGrC;CACA,YAAY,GAAsC;EAEhD,AADA,MAAM,CAAK,GACX,KAAK,QAAQ,EAAE,OAAO,KAAK;CAC7B;CACA,OAAO,yBAAyB,GAAc;EAC5C,OAAO,EAAE,SAAM;CACjB;CACA,SAAS;EAIP,OAHI,KAAK,MAAM,QACN,kBAAC,OAAD;GAAK,WAAU;GAAoB,UAAA,KAAK,MAAM,MAAM;EAAa,CAAA,IAEnE,KAAK,MAAM;CACpB;AACF;AAaA,SAAgB,IAAe;CAC7B,IAAM,EAAE,kBAAe,iBAAc,EAAe,GAC9C,EAAE,aAAU,sBAAmB,EAAU,GAEzC,IAAa,QACX,EAAc,MAAM,QAAQ,MAAM,EAAE,SAAS,WAAW,GAC9D,CAAC,EAAc,KAAK,CACtB;CAEA,IAAI,EAAW,WAAW,GAAG,OAAO;CAEpC,IAAM,EAAE,GAAG,GAAI,GAAG,GAAI,YAAS;CAE/B,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,EAAW,KAAK,MAAS;GAExB,IAAM,IAAO,EAAK,SAAS,IAAI,IAAO,GAChC,IAAM,EAAK,SAAS,IAAI,IAAO,GAI/B,IAAc,EAAU,QAAQ,IAAI,EAAK,EAAE,KAAK,CAAC,GAQjD,IAAU,EAAK,KAAK,SAAS,gBAC/B,gBACA,EAAqB,EAAK,KAAK,MAAM,aAAa,GAChD,IAAY,EAAqB,EAAK,KAAK,cAAc,EAAK,KAAK,OAAO,SAAS;GACzF,OACE,kBAAC,OAAD;IAEE,WAAU;IACV,mBAAiB,EAAK;IACtB,OAAO;KACL,UAAU;KACV;KACA;KACA,OAAO,EAAK;KACZ,QAAQ,EAAK;KAGb,WAAW,SAAS,EAAK;KACzB,iBAAiB;KAEjB,eAAe;IACjB;IAEA,UAAA,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAM,EAAE,gBAAgB;KAClC,OAAO;MACL,YAAY;MACZ,OAAO;KACT;KAEA,UAAA,kBAAC,GAAD;MAAU,UAAU,kBAAC,OAAD;OAAK,WAAU;OAAqB,UAAA;MAAM,CAAA;MAC5D,UAAA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAoB;OAAmB;MAAc,CAAA,EACnC,CAAA;KACZ,CAAA;IACP,CAAA;GACF,GA/BE,EAAK,EA+BP;EAET,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"MediaOverlay.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/MediaOverlay.tsx"],"sourcesContent":["import React, { useMemo, Suspense } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useFlowAI } from '../context/FlowAIContext';\nimport { resolveThemeColorCss } from '../utils/themeColor';\n\n// Lazy-load the media renderers so the heavy optional deps they pull in\n// (react-markdown, mermaid, katex, markmap, …) are only fetched when a media\n// node actually needs to render. This keeps the base `dishui/flow` bundle\n// lightweight and avoids loading that stack for diagrams without media nodes.\n// Viewport-only updates move the outer box, not the live media subtree. Keep\n// nodes mounted offscreen so iframe/AI state and model camera state survive.\nconst MediaContent = React.memo(React.lazy(() =>\n  import('./MediaContent').then((m) => ({ default: m.MediaContent })),\n));\n\n/** Isolates media render/load failures so one bad node never blanks the editor. */\nclass MediaErrorBoundary extends React.Component<\n  { children: React.ReactNode },\n  { error: Error | null }\n> {\n  constructor(props: { children: React.ReactNode }) {\n    super(props);\n    this.state = { error: null };\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n  render() {\n    if (this.state.error) {\n      return <div className=\"flow-media-error\">{this.state.error.message}</div>;\n    }\n    return this.props.children;\n  }\n}\n\n/**\n * DOM overlay for media nodes. PixiJS draws the frame; this layer renders the\n * live content (markdown/html/mermaid/math/AI) on top, synced to the viewport\n * so it pans and zooms with the canvas.\n *\n * Event model: a media surface is `pointer-events: none` by default so the\n * canvas underneath can be clicked to select/drag the node's frame. The\n * surface only becomes interactive while its node is selected (so AI chat can\n * be typed into, HTML can be scrolled). This also stops an always-interactive\n * iframe/AI box from swallowing pointer gestures and leaving the drag stuck.\n */\nexport function MediaOverlay() {\n  const { currentCanvas, selection } = useFlowContext();\n  const { viewport, isNodeDragging } = useFlowUI();\n  const { aiConfig } = useFlowAI();\n\n  const mediaNodes = useMemo(\n    () => currentCanvas.nodes.filter((n) => n.type === 'mediaNode'),\n    [currentCanvas.nodes],\n  );\n\n  if (mediaNodes.length === 0) return null;\n\n  const { x: vx, y: vy, zoom } = viewport;\n\n  return (\n    <div className=\"flow-media-layer\">\n      {mediaNodes.map((node) => {\n        // World → screen (CSS px, matching ViewportManager.worldToScreen).\n        const left = node.position.x * zoom + vx;\n        const top = node.position.y * zoom + vy;\n        // Interactive only while selected, so the canvas stays draggable.\n        // Suppress entirely during a drag: an interactive iframe would swallow\n        // the pointer and the canvas would never receive pointerup (stuck drag).\n        const interactive = selection.nodeIds.has(node.id) && !isNodeDragging;\n        // Drive the overlay's background / text from the node's own color data.\n        // Theme tokens (`theme:*`) resolve to CSS variables so the media content\n        // follows theme switches natively; literal colors are used as-is. This\n        // keeps html / ai / data (which render opaque content) in sync with the\n        // fill/color chosen in the inspector, matching the PixiJS frame drawn\n        // underneath. The border is owned by the Pixi frame (also what PNG/PDF\n        // export captures), so we don't redraw it here.\n        const fillCss = node.data.fill === 'transparent'\n          ? 'transparent'\n          : resolveThemeColorCss(node.data.fill, 'transparent');\n        const textColor = resolveThemeColorCss(node.data.labelColor ?? node.data.color, '#111827');\n        return (\n          <div\n            key={node.id}\n            className=\"flow-media-node\"\n            data-media-node={node.id}\n            style={{\n              position: 'absolute',\n              left,\n              top,\n              width: node.width,\n              height: node.height,\n              // Scale the fixed-size content box to match zoom without\n              // reflowing text on every zoom step.\n              transform: `scale(${zoom})`,\n              transformOrigin: 'top left',\n              // Below the frame's selection outline but above the canvas.\n              pointerEvents: 'none',\n            }}\n          >\n            <div\n              className=\"flow-media-surface\"\n              onWheel={(e) => e.stopPropagation()}\n              style={{\n                background: fillCss,\n                color: textColor,\n              }}\n            >\n              <Suspense fallback={<div className=\"flow-media-loading\">…</div>}>\n                <MediaErrorBoundary>\n                  <MediaContent node={node} interactive={interactive} aiConfig={aiConfig} />\n                </MediaErrorBoundary>\n              </Suspense>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAYA,IAAM,IAAe,EAAM,KAAK,EAAM,WACpC,OAAO,oBAAiB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACpE,CAAC,GAGK,IAAN,cAAiC,EAAM,UAGrC;CACA,YAAY,GAAsC;EAEhD,AADA,MAAM,CAAK,GACX,KAAK,QAAQ,EAAE,OAAO,KAAK;CAC7B;CACA,OAAO,yBAAyB,GAAc;EAC5C,OAAO,EAAE,SAAM;CACjB;CACA,SAAS;EAIP,OAHI,KAAK,MAAM,QACN,kBAAC,OAAD;GAAK,WAAU;GAAoB,UAAA,KAAK,MAAM,MAAM;EAAa,CAAA,IAEnE,KAAK,MAAM;CACpB;AACF;AAaA,SAAgB,IAAe;CAC7B,IAAM,EAAE,kBAAe,iBAAc,EAAe,GAC9C,EAAE,aAAU,sBAAmB,EAAU,GACzC,EAAE,gBAAa,EAAU,GAEzB,IAAa,QACX,EAAc,MAAM,QAAQ,MAAM,EAAE,SAAS,WAAW,GAC9D,CAAC,EAAc,KAAK,CACtB;CAEA,IAAI,EAAW,WAAW,GAAG,OAAO;CAEpC,IAAM,EAAE,GAAG,GAAI,GAAG,GAAI,YAAS;CAE/B,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,EAAW,KAAK,MAAS;GAExB,IAAM,IAAO,EAAK,SAAS,IAAI,IAAO,GAChC,IAAM,EAAK,SAAS,IAAI,IAAO,GAI/B,IAAc,EAAU,QAAQ,IAAI,EAAK,EAAE,KAAK,CAAC,GAQjD,IAAU,EAAK,KAAK,SAAS,gBAC/B,gBACA,EAAqB,EAAK,KAAK,MAAM,aAAa,GAChD,IAAY,EAAqB,EAAK,KAAK,cAAc,EAAK,KAAK,OAAO,SAAS;GACzF,OACE,kBAAC,OAAD;IAEE,WAAU;IACV,mBAAiB,EAAK;IACtB,OAAO;KACL,UAAU;KACV;KACA;KACA,OAAO,EAAK;KACZ,QAAQ,EAAK;KAGb,WAAW,SAAS,EAAK;KACzB,iBAAiB;KAEjB,eAAe;IACjB;IAEA,UAAA,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAM,EAAE,gBAAgB;KAClC,OAAO;MACL,YAAY;MACZ,OAAO;KACT;KAEA,UAAA,kBAAC,GAAD;MAAU,UAAU,kBAAC,OAAD;OAAK,WAAU;OAAqB,UAAA;MAAM,CAAA;MAC5D,UAAA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAoB;OAAmB;OAAuB;MAAW,CAAA,EACvD,CAAA;KACZ,CAAA;IACP,CAAA;GACF,GA/BE,EAAK,EA+BP;EAET,CAAC;CACE,CAAA;AAET"}