dishui 0.0.97 → 0.0.104

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

@@ -6,23 +6,24 @@ import i from "../../../Select/index.js";
 import { BORDER_STYLE_OPTIONS as a, DEFAULT_NODE_DATA as o, EDGE_LINE_STYLE_OPTIONS as s, EDGE_MARKER_OPTIONS as c, EDGE_TYPE_OPTIONS as l } from "../constants.js";
 import { useFlowContext as u } from "../context/FlowContext.js";
 import { useFlowUI as d } from "../context/FlowUIContext.js";
-import { COMMON_COLORS as f, THEME_SYNC_TOKEN as p, isThemeToken as m, resolveThemeColor as h, themeTokenCssVar as g } from "../utils/themeColor.js";
-import { BORDER_SIDE_NAMES as _, BORDER_SIDE_TYPES as v, hasBorderSideOverrides as y } from "../nodes/shapes.js";
-import { generateId as b } from "../nodes/nodeUtils.js";
-import { SVG_ICON_CATEGORIES as x, buildSvgMarkup as S, getAllSvgIcons as C, getSvgIcon as w, getSvgIconsByCategory as T } from "../nodes/svgIcons.js";
-import { COMPONENT_STYLES as E } from "../archify/palette.js";
-import { ARCHIFY_COMPONENT_LABELS as D, ARCHIFY_COMPONENT_ORDER as O, archifyStylePatch as k } from "../archify/presets.js";
-import { useDraggablePanel as A } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as j } from "../hooks/useResizablePanel.js";
-import { FLOW_NODE_TYPES as M } from "../types.js";
-import { ExpandableTextarea as N } from "./ExpandableTextarea.js";
-import { DataInspectorSection as P } from "./DataInspectorSection.js";
-import { useMemo as F, useRef as I, useState as L } from "react";
-import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { useFlowAI as f } from "../context/FlowAIContext.js";
+import { COMMON_COLORS as p, THEME_SYNC_TOKEN as m, isThemeToken as h, resolveThemeColor as g, themeTokenCssVar as _ } from "../utils/themeColor.js";
+import { BORDER_SIDE_NAMES as v, BORDER_SIDE_TYPES as y, hasBorderSideOverrides as b } from "../nodes/shapes.js";
+import { generateId as x } from "../nodes/nodeUtils.js";
+import { SVG_ICON_CATEGORIES as S, buildSvgMarkup as C, getAllSvgIcons as w, getSvgIcon as T, getSvgIconsByCategory as E } from "../nodes/svgIcons.js";
+import { COMPONENT_STYLES as D } from "../archify/palette.js";
+import { ARCHIFY_COMPONENT_LABELS as O, ARCHIFY_COMPONENT_ORDER as k, archifyStylePatch as A } from "../archify/presets.js";
+import { useDraggablePanel as j } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as M } from "../hooks/useResizablePanel.js";
+import { FLOW_NODE_TYPES as N } from "../types.js";
+import { ExpandableTextarea as P } from "./ExpandableTextarea.js";
+import { DataInspectorSection as F } from "./DataInspectorSection.js";
+import { useMemo as I, useRef as L, useState as R } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
 //#region src/components/pro/Flow/panels/InspectorPanel.tsx
-function V() {
-	let { showInspector: e } = d(), { panelStyle: t, handleProps: n } = A(), { panelWidth: r, resizeHandleProps: i } = j("left", 240);
-	return e ? /* @__PURE__ */ B("div", {
+function H() {
+	let { showInspector: e } = d(), { panelStyle: t, handleProps: n } = j(), { panelWidth: r, resizeHandleProps: i } = M("left", 240);
+	return e ? /* @__PURE__ */ V("div", {
 		className: "flow-inspector",
 		"data-flow-panel": !0,
 		style: {
@@ -30,11 +31,11 @@ function V() {
 			width: r
 		},
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-panel-resize-handle flow-panel-resize-handle--left",
 				...i
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-panel-drag-handle",
 				...n,
 				style: {
@@ -48,38 +49,38 @@ function V() {
 				},
 				children: "Inspector"
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-inspector-content",
-				children: /* @__PURE__ */ z(H, {})
+				children: /* @__PURE__ */ B(U, {})
 			})
 		]
 	}) : null;
 }
-function H() {
-	let { currentCanvas: t, selection: n, setSelection: r, setDoc: i, currentCanvasId: a } = u(), s = F(() => t.nodes.filter((e) => n.nodeIds.has(e.id)), [t.nodes, n.nodeIds]), c = F(() => t.edges.filter((e) => n.edgeIds.has(e.id)), [t.edges, n.edgeIds]), l = F(() => t.lines.filter((e) => n.lineIds.has(e.id)), [t.lines, n.lineIds]), d = s.length > 0 || c.length > 0 || l.length > 0, f = s.length === 1 && (s[0].type === "flowGroup" || s[0].type === "geometryGroup" || s[0].data.isGroup), p = s.length + l.length, m = (e = "flowGroup") => {
-		if (p < 2) return;
-		let t = Infinity, c = Infinity, u = -Infinity, d = -Infinity;
-		for (let e of s) t = Math.min(t, e.position.x), c = Math.min(c, e.position.y), u = Math.max(u, e.position.x + e.width), d = Math.max(d, e.position.y + e.height);
-		for (let e of l) for (let n of e.points) t = Math.min(t, n.x), c = Math.min(c, n.y), u = Math.max(u, n.x), d = Math.max(d, n.y);
-		let f = e === "geometryGroup", m = b("group"), h = {
-			id: m,
+function U() {
+	let { currentCanvas: t, selection: n, setSelection: r, setDoc: i, currentCanvasId: a } = u(), { aiConfig: s, hasSharedConfig: c } = f(), l = I(() => t.nodes.filter((e) => n.nodeIds.has(e.id)), [t.nodes, n.nodeIds]), d = I(() => t.edges.filter((e) => n.edgeIds.has(e.id)), [t.edges, n.edgeIds]), p = I(() => t.lines.filter((e) => n.lineIds.has(e.id)), [t.lines, n.lineIds]), m = l.length > 0 || d.length > 0 || p.length > 0, h = l.length === 1 && (l[0].type === "flowGroup" || l[0].type === "geometryGroup" || l[0].data.isGroup), g = l.length + p.length, _ = (e = "flowGroup") => {
+		if (g < 2) return;
+		let t = Infinity, s = Infinity, c = -Infinity, u = -Infinity;
+		for (let e of l) t = Math.min(t, e.position.x), s = Math.min(s, e.position.y), c = Math.max(c, e.position.x + e.width), u = Math.max(u, e.position.y + e.height);
+		for (let e of p) for (let n of e.points) t = Math.min(t, n.x), s = Math.min(s, n.y), c = Math.max(c, n.x), u = Math.max(u, n.y);
+		let d = e === "geometryGroup", f = x("group"), m = {
+			id: f,
 			type: e,
 			position: {
 				x: t - 20,
-				y: c - 20
+				y: s - 20
 			},
-			width: u - t + 40,
-			height: d - c + 40,
+			width: c - t + 40,
+			height: u - s + 40,
 			data: {
 				...o,
-				label: f ? "Geo Group" : "Group",
-				fill: f ? "#fefce8" : "#f0f9ff",
+				label: d ? "Geo Group" : "Group",
+				fill: d ? "#fefce8" : "#f0f9ff",
 				stroke: "#9ca3af",
 				strokeWidth: 1.5,
-				borderStyle: f ? "dashed" : "dotted",
+				borderStyle: d ? "dashed" : "dotted",
 				isGroup: !0
 			}
-		}, g = n.nodeIds, _ = n.lineIds;
+		}, h = n.nodeIds, _ = n.lineIds;
 		i((e) => {
 			let t = e.canvases[a];
 			return t ? {
@@ -88,25 +89,25 @@ function H() {
 					...e.canvases,
 					[a]: {
 						...t,
-						nodes: f ? [h, ...t.nodes] : [h, ...t.nodes.map((e) => g.has(e.id) ? {
+						nodes: d ? [m, ...t.nodes] : [m, ...t.nodes.map((e) => h.has(e.id) ? {
 							...e,
-							parentId: m
+							parentId: f
 						} : e)],
-						lines: f ? t.lines : t.lines.map((e) => _.has(e.id) ? {
+						lines: d ? t.lines : t.lines.map((e) => _.has(e.id) ? {
 							...e,
-							parentId: m
+							parentId: f
 						} : e)
 					}
 				}
 			} : e;
 		}), r({
-			nodeIds: /* @__PURE__ */ new Set([m]),
+			nodeIds: /* @__PURE__ */ new Set([f]),
 			edgeIds: /* @__PURE__ */ new Set(),
 			lineIds: /* @__PURE__ */ new Set()
 		});
-	}, h = () => {
+	}, v = () => {
 		let e = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
-		for (let t of s) (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup) && e.add(t.id);
+		for (let t of l) (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup) && e.add(t.id);
 		if (e.size !== 0) {
 			for (let r of t.nodes) r.parentId && e.has(r.parentId) && n.add(r.id);
 			for (let n of t.lines) n.parentId && e.has(n.parentId) && o.add(n.id);
@@ -135,7 +136,7 @@ function H() {
 				lineIds: o
 			});
 		}
-	}, g = (e) => {
+	}, y = (e) => {
 		let t = n.nodeIds;
 		t.size !== 0 && i((n) => {
 			let r = n.canvases[a];
@@ -159,7 +160,7 @@ function H() {
 				}
 			};
 		});
-	}, _ = (e) => {
+	}, b = (e) => {
 		let t = n.lineIds;
 		t.size !== 0 && i((n) => {
 			let r = n.canvases[a];
@@ -183,9 +184,9 @@ function H() {
 				}
 			};
 		});
-	}, v = (e, t, n) => {
-		y(e, { [t]: n });
-	}, y = (e, t) => {
+	}, S = (e, t, n) => {
+		C(e, { [t]: n });
+	}, C = (e, t) => {
 		i((n) => {
 			let r = n.canvases[a];
 			return r ? {
@@ -206,8 +207,8 @@ function H() {
 			} : n;
 		});
 	};
-	return /* @__PURE__ */ B(R, { children: [
-		!d && /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ V(z, { children: [
+		!m && /* @__PURE__ */ B("div", {
 			style: {
 				fontSize: 12,
 				color: "color-mix(in oklch, var(--color-base-content) 40%, transparent)",
@@ -216,11 +217,11 @@ function H() {
 			},
 			children: "Select an element to inspect"
 		}),
-		s.length === 1 && /* @__PURE__ */ z(K, {
-			node: s[0],
-			isGroup: f,
-			onUpdateData: v,
-			onUpdateDataBatch: y,
+		l.length === 1 && /* @__PURE__ */ B(q, {
+			node: l[0],
+			isGroup: h,
+			onUpdateData: S,
+			onUpdateDataBatch: C,
 			onUpdateDimension: (e, t, n) => {
 				i((r) => {
 					let i = r.canvases[a];
@@ -256,117 +257,119 @@ function H() {
 						}
 					} : n;
 				});
-			}
+			},
+			globalAIConfig: s,
+			useSharedAIConfig: c
 		}),
-		p > 1 && /* @__PURE__ */ B("div", {
+		g > 1 && /* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
 					children: "Selection"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					style: {
 						fontSize: 12,
 						color: "color-mix(in oklch, var(--color-base-content) 50%, transparent)",
 						marginBottom: 8
 					},
 					children: [
-						s.length > 0 && `${s.length} node${s.length > 1 ? "s" : ""}`,
-						s.length > 0 && l.length > 0 && ", ",
-						l.length > 0 && `${l.length} line${l.length > 1 ? "s" : ""}`,
+						l.length > 0 && `${l.length} node${l.length > 1 ? "s" : ""}`,
+						l.length > 0 && p.length > 0 && ", ",
+						p.length > 0 && `${p.length} line${p.length > 1 ? "s" : ""}`,
 						" selected"
 					]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						flexDirection: "column",
 						gap: 4,
 						width: "100%"
 					},
-					children: [/* @__PURE__ */ z(e, {
+					children: [/* @__PURE__ */ B(e, {
 						size: "xs",
-						onClick: () => m("flowGroup"),
+						onClick: () => _("flowGroup"),
 						block: !0,
 						children: "Group (⌘G)"
-					}), /* @__PURE__ */ z(e, {
+					}), /* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => m("geometryGroup"),
+						onClick: () => _("geometryGroup"),
 						block: !0,
 						children: "Geo Group (⌘⌥G)"
 					})]
 				})
 			]
 		}),
-		f && /* @__PURE__ */ B("div", {
+		h && /* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
-					children: s[0].type === "geometryGroup" ? "Geometry Group" : "Group"
+					children: l[0].type === "geometryGroup" ? "Geometry Group" : "Group"
 				}),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					style: {
 						fontSize: 11,
 						color: "color-mix(in oklch, var(--color-base-content) 45%, transparent)",
 						marginBottom: 6
 					},
-					children: s[0].type === "geometryGroup" ? "Auto-binds spatially contained nodes" : "Explicit membership via add/remove"
+					children: l[0].type === "geometryGroup" ? "Auto-binds spatially contained nodes" : "Explicit membership via add/remove"
 				}),
-				/* @__PURE__ */ z(e, {
+				/* @__PURE__ */ B(e, {
 					size: "xs",
 					variant: "ghost",
-					onClick: h,
+					onClick: v,
 					block: !0,
 					children: "Ungroup (⌘⇧G)"
 				})
 			]
 		}),
-		s.length > 0 && /* @__PURE__ */ B("div", {
+		l.length > 0 && /* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
-			children: [/* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "flow-inspector-section-title",
 				children: "Layer"
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				style: {
 					display: "flex",
 					gap: 4
 				},
 				children: [
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => g("front"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => y("front"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Bring to Front (⌘⇧↑)",
 							children: "⤒"
 						})
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => g("up"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => y("up"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Bring Forward (⌘↑)",
 							children: "↑"
 						})
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => g("down"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => y("down"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Send Backward (⌘↓)",
 							children: "↓"
 						})
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => g("back"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => y("back"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Send to Back (⌘⇧↓)",
 							children: "⤓"
 						})
@@ -374,8 +377,8 @@ function H() {
 				]
 			})]
 		}),
-		c.length === 1 && /* @__PURE__ */ z(J, {
-			edge: c[0],
+		d.length === 1 && /* @__PURE__ */ B(Y, {
+			edge: d[0],
 			onUpdateData: (e, t, n) => {
 				i((r) => {
 					let i = r.canvases[a];
@@ -416,8 +419,8 @@ function H() {
 				});
 			}
 		}),
-		l.length === 1 && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(Y, {
-			line: l[0],
+		p.length === 1 && /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B(X, {
+			line: p[0],
 			onUpdateData: (e, t, n) => {
 				i((r) => {
 					let i = r.canvases[a];
@@ -436,49 +439,49 @@ function H() {
 					} : r;
 				});
 			}
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
-			children: [/* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "flow-inspector-section-title",
 				children: "Layer"
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				style: {
 					display: "flex",
 					gap: 4
 				},
 				children: [
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => _("front"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => b("front"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Bring to Front",
 							children: "⤒"
 						})
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => _("up"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => b("up"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Bring Forward",
 							children: "↑"
 						})
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => _("down"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => b("down"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Send Backward",
 							children: "↓"
 						})
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => _("back"),
-						children: /* @__PURE__ */ z("span", {
+						onClick: () => b("back"),
+						children: /* @__PURE__ */ B("span", {
 							title: "Send to Back",
 							children: "⤓"
 						})
@@ -488,21 +491,21 @@ function H() {
 		})] })
 	] });
 }
-function U({ value: e, onChange: t, kind: n, allowTransparent: r, customFallback: i = "#ffffff" }) {
-	let a = p[n], o = g(a) ?? "var(--color-base-content)", s = e ?? "", c = s.toLowerCase(), l = m(s), u = s === "transparent", d = f.some((e) => e.value.toLowerCase() === c), h = s === a, _ = !!s && !l && !u && !d, v = _ ? s : i;
-	return /* @__PURE__ */ B("div", {
+function W({ value: e, onChange: t, kind: n, allowTransparent: r, customFallback: i = "#ffffff" }) {
+	let a = m[n], o = _(a) ?? "var(--color-base-content)", s = e ?? "", c = s.toLowerCase(), l = h(s), u = s === "transparent", d = p.some((e) => e.value.toLowerCase() === c), f = s === a, g = !!s && !l && !u && !d, v = g ? s : i;
+	return /* @__PURE__ */ V("div", {
 		className: "flow-color-field",
 		children: [
-			/* @__PURE__ */ z("button", {
+			/* @__PURE__ */ B("button", {
 				type: "button",
 				title: "跟随主题切换",
 				"aria-label": "跟随主题切换",
-				className: `flow-color-swatch flow-color-swatch--sync${h ? " is-active" : ""}`,
+				className: `flow-color-swatch flow-color-swatch--sync${f ? " is-active" : ""}`,
 				style: { background: o },
 				onClick: () => t(a)
 			}),
-			/* @__PURE__ */ z("span", { className: "flow-color-divider" }),
-			f.map((e) => /* @__PURE__ */ z("button", {
+			/* @__PURE__ */ B("span", { className: "flow-color-divider" }),
+			p.map((e) => /* @__PURE__ */ B("button", {
 				type: "button",
 				title: e.label,
 				"aria-label": e.label,
@@ -510,18 +513,18 @@ function U({ value: e, onChange: t, kind: n, allowTransparent: r, customFallback
 				style: { background: e.value },
 				onClick: () => t(e.value)
 			}, e.value)),
-			/* @__PURE__ */ z("span", { className: "flow-color-divider" }),
-			/* @__PURE__ */ z("label", {
-				className: `flow-color-swatch flow-color-swatch--custom${_ ? " is-active" : ""}`,
+			/* @__PURE__ */ B("span", { className: "flow-color-divider" }),
+			/* @__PURE__ */ B("label", {
+				className: `flow-color-swatch flow-color-swatch--custom${g ? " is-active" : ""}`,
 				title: "自定义颜色",
-				style: _ ? { background: s } : void 0,
-				children: /* @__PURE__ */ z("input", {
+				style: g ? { background: s } : void 0,
+				children: /* @__PURE__ */ B("input", {
 					type: "color",
 					value: v,
 					onChange: (e) => t(e.target.value)
 				})
 			}),
-			r && /* @__PURE__ */ z("button", {
+			r && /* @__PURE__ */ B("button", {
 				type: "button",
 				title: "透明",
 				"aria-label": "透明",
@@ -531,26 +534,26 @@ function U({ value: e, onChange: t, kind: n, allowTransparent: r, customFallback
 		]
 	});
 }
-function W(e) {
-	let t = w(e), n = h(t?.brandColor, "") || "#475569", r = S(e, n);
+function G(e) {
+	let t = T(e), n = g(t?.brandColor, "") || "#475569", r = C(e, n);
 	return r ? `data:image/svg+xml;utf8,${encodeURIComponent(r)}` : "";
 }
-function G({ node: r, onUpdateData: a }) {
-	let [o, s] = L("lang"), c = F(() => T(o), [o]), l = r.data.titleIcon ?? "", u = r.data.titleIconSide ?? "left";
-	return /* @__PURE__ */ B("div", {
+function K({ node: r, onUpdateData: a }) {
+	let [o, s] = R("lang"), c = I(() => E(o), [o]), l = r.data.titleIcon ?? "", u = r.data.titleIconSide ?? "left";
+	return /* @__PURE__ */ V("div", {
 		className: "flow-inspector-section",
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-inspector-section-title",
 				children: "Title Icon"
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Icon"
-				}), /* @__PURE__ */ B("div", {
+				}), /* @__PURE__ */ V("div", {
 					style: {
 						display: "flex",
 						gap: 4,
@@ -558,8 +561,8 @@ function G({ node: r, onUpdateData: a }) {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [/* @__PURE__ */ z(i, {
-						options: x.map((e) => ({
+					children: [/* @__PURE__ */ B(i, {
+						options: S.map((e) => ({
 							value: e.id,
 							label: e.label
 						})),
@@ -570,19 +573,19 @@ function G({ node: r, onUpdateData: a }) {
 							flex: 1,
 							minWidth: 0
 						}
-					}), /* @__PURE__ */ z(e, {
+					}), /* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: l ? "ghost" : "primary",
 						square: !0,
 						onClick: () => a(r.id, "titleIcon", void 0),
-						children: /* @__PURE__ */ z("span", {
+						children: /* @__PURE__ */ B("span", {
 							title: "移除标题图标",
 							children: "✕"
 						})
 					})]
 				})]
 			}),
-			l && !c.some((e) => e.id === l) && /* @__PURE__ */ z("div", {
+			l && !c.some((e) => e.id === l) && /* @__PURE__ */ B("div", {
 				style: {
 					fontSize: 10,
 					opacity: .55,
@@ -590,7 +593,7 @@ function G({ node: r, onUpdateData: a }) {
 				},
 				children: "当前图标在其他分类"
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				style: {
 					display: "grid",
 					gridTemplateColumns: "repeat(auto-fill, minmax(22px, 1fr))",
@@ -603,8 +606,8 @@ function G({ node: r, onUpdateData: a }) {
 					marginBottom: 6
 				},
 				children: c.map((e) => {
-					let t = W(e.id), n = l === e.id;
-					return /* @__PURE__ */ z("button", {
+					let t = G(e.id), n = l === e.id;
+					return /* @__PURE__ */ B("button", {
 						type: "button",
 						title: e.label,
 						"aria-label": e.label,
@@ -621,7 +624,7 @@ function G({ node: r, onUpdateData: a }) {
 							border: n ? "1.5px solid var(--color-primary)" : "1px solid transparent",
 							background: n ? "color-mix(in oklch, var(--color-primary) 12%, transparent)" : "transparent"
 						},
-						children: t && /* @__PURE__ */ z("img", {
+						children: t && /* @__PURE__ */ B("img", {
 							src: t,
 							width: 16,
 							height: 16,
@@ -631,14 +634,14 @@ function G({ node: r, onUpdateData: a }) {
 					}, e.id);
 				})
 			}),
-			l && /* @__PURE__ */ B(R, { children: [
-				/* @__PURE__ */ B("div", {
+			l && /* @__PURE__ */ V(z, { children: [
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Side"
-					}), /* @__PURE__ */ z(i, {
+					}), /* @__PURE__ */ B(i, {
 						options: [{
 							value: "left",
 							label: "left"
@@ -651,21 +654,21 @@ function G({ node: r, onUpdateData: a }) {
 						style: { fontSize: 12 }
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
 					children: [
-						/* @__PURE__ */ z(n, {
+						/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Size"
 						}),
-						/* @__PURE__ */ z(t, {
+						/* @__PURE__ */ B(t, {
 							size: "xs",
 							type: "number",
 							value: String(r.data.titleIconSize ?? Math.max(8, Math.round(r.data.fontSize * 1.15))),
 							onChange: (e) => a(r.id, "titleIconSize", Math.max(8, Number(e.target.value) || 8))
 						}),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ B("span", {
 							className: "flow-inspector-suffix",
 							style: {
 								fontSize: 10,
@@ -675,14 +678,14 @@ function G({ node: r, onUpdateData: a }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Color"
-					}), /* @__PURE__ */ z(U, {
-						value: r.data.titleIconColor ?? w(l)?.brandColor ?? r.data.labelColor ?? r.data.color,
+					}), /* @__PURE__ */ B(W, {
+						value: r.data.titleIconColor ?? T(l)?.brandColor ?? r.data.labelColor ?? r.data.color,
 						kind: "stroke",
 						customFallback: "#334155",
 						onChange: (e) => a(r.id, "titleIconColor", e)
@@ -692,35 +695,35 @@ function G({ node: r, onUpdateData: a }) {
 		]
 	});
 }
-function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdateDimension: u, onUpdateType: d }) {
-	return /* @__PURE__ */ B(R, { children: [
-		/* @__PURE__ */ B("div", {
+function q({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdateDimension: u, onUpdateType: d, globalAIConfig: f, useSharedAIConfig: p }) {
+	return /* @__PURE__ */ V(z, { children: [
+		/* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
 					children: "Node"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Label"
-					}), /* @__PURE__ */ z(t, {
+					}), /* @__PURE__ */ B(t, {
 						size: "xs",
 						value: o.data.label,
 						onChange: (e) => c(o.id, "label", e.target.value)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Type"
-					}), /* @__PURE__ */ z(i, {
-						options: M.map((e) => ({
+					}), /* @__PURE__ */ B(i, {
+						options: N.map((e) => ({
 							value: e,
 							label: e
 						})),
@@ -731,33 +734,33 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 				})
 			]
 		}),
-		/* @__PURE__ */ B("div", {
+		/* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
 					children: "Size"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "W"
-					}), /* @__PURE__ */ z(t, {
+					}), /* @__PURE__ */ B(t, {
 						size: "xs",
 						type: "number",
 						value: String(Math.round(o.width * 100) / 100),
 						onChange: (e) => u(o.id, "width", Number(e.target.value) || o.width)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "H"
-					}), /* @__PURE__ */ z(t, {
+					}), /* @__PURE__ */ B(t, {
 						size: "xs",
 						type: "number",
 						value: String(Math.round(o.height * 100) / 100),
@@ -766,20 +769,20 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 				})
 			]
 		}),
-		/* @__PURE__ */ B("div", {
+		/* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
 					children: "Style"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Fill"
-					}), /* @__PURE__ */ z(U, {
+					}), /* @__PURE__ */ B(W, {
 						value: o.data.fill,
 						kind: "fill",
 						allowTransparent: !0,
@@ -787,13 +790,13 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						onChange: (e) => c(o.id, "fill", e)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Stroke"
-					}), /* @__PURE__ */ z(U, {
+					}), /* @__PURE__ */ B(W, {
 						value: o.data.stroke,
 						kind: "stroke",
 						allowTransparent: !0,
@@ -801,53 +804,53 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						onChange: (e) => c(o.id, "stroke", e)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Font"
-					}), /* @__PURE__ */ z(t, {
+					}), /* @__PURE__ */ B(t, {
 						size: "xs",
 						type: "number",
 						value: String(o.data.fontSize),
 						onChange: (e) => c(o.id, "fontSize", Number(e.target.value) || 14)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Color"
-					}), /* @__PURE__ */ z(U, {
+					}), /* @__PURE__ */ B(W, {
 						value: o.data.color,
 						kind: "text",
 						customFallback: "#111827",
 						onChange: (e) => c(o.id, "color", e)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Font Color"
-					}), /* @__PURE__ */ z(U, {
+					}), /* @__PURE__ */ B(W, {
 						value: o.data.labelColor ?? o.data.color,
 						kind: "text",
 						customFallback: "#111827",
 						onChange: (e) => c(o.id, "labelColor", e)
 					})]
 				}),
-				o.type !== "shapeSvg" && o.type !== "mediaNode" && /* @__PURE__ */ B(R, { children: [
-					/* @__PURE__ */ B("div", {
+				o.type !== "shapeSvg" && o.type !== "mediaNode" && /* @__PURE__ */ V(z, { children: [
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Text Pos"
-						}), /* @__PURE__ */ z(i, {
+						}), /* @__PURE__ */ B(i, {
 							options: [
 								{
 									value: "center",
@@ -891,26 +894,26 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 							style: { fontSize: 12 }
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Text Off X"
-						}), /* @__PURE__ */ z(t, {
+						}), /* @__PURE__ */ B(t, {
 							size: "xs",
 							type: "number",
 							value: String(o.data.labelOffsetX ?? 0),
 							onChange: (e) => c(o.id, "labelOffsetX", Number(e.target.value) || 0)
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Text Off Y"
-						}), /* @__PURE__ */ z(t, {
+						}), /* @__PURE__ */ B(t, {
 							size: "xs",
 							type: "number",
 							value: String(o.data.labelOffsetY ?? 0),
@@ -918,13 +921,13 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						})]
 					})
 				] }),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Border"
-					}), /* @__PURE__ */ z(i, {
+					}), /* @__PURE__ */ B(i, {
 						options: [{
 							value: "none",
 							label: "none"
@@ -937,7 +940,7 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						style: { fontSize: 12 }
 					})]
 				}),
-				v.has(o.type) && (() => {
+				y.has(o.type) && (() => {
 					let i = o.data.borderSides ?? {}, a = (e, t) => {
 						c(o.id, "borderSides", {
 							...o.data.borderSides,
@@ -952,29 +955,29 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						bottom: "Bottom",
 						left: "Left"
 					};
-					return /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
+					return /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Sides"
-						}), /* @__PURE__ */ B("div", {
+						}), /* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: 6,
 								flex: 1
 							},
-							children: [/* @__PURE__ */ z("span", {
+							children: [/* @__PURE__ */ B("span", {
 								style: {
 									fontSize: 10,
 									opacity: .55
 								},
 								children: "上下左右独立边框"
-							}), y(o.data, o.type) && /* @__PURE__ */ z("span", {
+							}), b(o.data, o.type) && /* @__PURE__ */ B("span", {
 								title: "恢复与 Border 设置一致",
 								style: { display: "inline-flex" },
-								children: /* @__PURE__ */ z(e, {
+								children: /* @__PURE__ */ B(e, {
 									size: "xs",
 									variant: "ghost",
 									onClick: () => c(o.id, "borderSides", void 0),
@@ -982,9 +985,9 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 								})
 							})]
 						})]
-					}), _.map((e) => {
+					}), v.map((e) => {
 						let n = i[e];
-						return /* @__PURE__ */ B("div", {
+						return /* @__PURE__ */ V("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -992,7 +995,7 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 								marginBottom: 4
 							},
 							children: [
-								/* @__PURE__ */ z("span", {
+								/* @__PURE__ */ B("span", {
 									title: `独立设置${s[e]}边`,
 									style: {
 										fontSize: 10,
@@ -1002,28 +1005,28 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 									},
 									children: s[e]
 								}),
-								/* @__PURE__ */ z("span", {
+								/* @__PURE__ */ B("span", {
 									title: `显示/隐藏 ${s[e]} 边`,
 									style: { display: "inline-flex" },
-									children: /* @__PURE__ */ z(r, {
+									children: /* @__PURE__ */ B(r, {
 										size: "sm",
 										checked: n?.visible ?? !0,
 										onChange: (t) => a(e, { visible: t })
 									})
 								}),
-								/* @__PURE__ */ z(U, {
+								/* @__PURE__ */ B(W, {
 									value: n?.color ?? o.data.stroke,
 									kind: "stroke",
 									customFallback: "#334155",
 									onChange: (t) => a(e, { color: t })
 								}),
-								/* @__PURE__ */ z("span", {
+								/* @__PURE__ */ B("span", {
 									title: `${s[e]} 粗细`,
 									style: {
 										display: "inline-flex",
 										width: 52
 									},
-									children: /* @__PURE__ */ z(t, {
+									children: /* @__PURE__ */ B(t, {
 										size: "xs",
 										type: "number",
 										value: String(n?.width ?? o.data.strokeWidth),
@@ -1034,22 +1037,22 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						}, e);
 					})] });
 				})(),
-				o.type === "shapeSvg" && /* @__PURE__ */ B(R, { children: [
-					/* @__PURE__ */ B("div", {
+				o.type === "shapeSvg" && /* @__PURE__ */ V(z, { children: [
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Icon"
-						}), /* @__PURE__ */ z(i, {
-							options: C().map((e) => ({
+						}), /* @__PURE__ */ B(i, {
+							options: w().map((e) => ({
 								value: e.id,
 								label: e.label
 							})),
 							value: o.data.svgId ?? "",
 							placeholder: "选择图标",
 							onChange: (e) => {
-								let t = w(String(e));
+								let t = T(String(e));
 								l(o.id, {
 									svgId: e,
 									...t?.brandColor ? { color: t.brandColor } : {},
@@ -1059,26 +1062,26 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 							style: { fontSize: 12 }
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Box"
-						}), /* @__PURE__ */ z(r, {
+						}), /* @__PURE__ */ B(r, {
 							size: "sm",
 							checked: o.data.iconBox ?? !1,
 							onChange: (e) => c(o.id, "iconBox", e),
 							label: "显示边框"
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Label"
-						}), /* @__PURE__ */ z(i, {
+						}), /* @__PURE__ */ B(i, {
 							options: [
 								{
 									value: "top",
@@ -1106,26 +1109,26 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 							style: { fontSize: 12 }
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Offset X"
-						}), /* @__PURE__ */ z(t, {
+						}), /* @__PURE__ */ B(t, {
 							size: "xs",
 							type: "number",
 							value: String(o.data.labelOffsetX ?? 0),
 							onChange: (e) => c(o.id, "labelOffsetX", Number(e.target.value) || 0)
 						})]
 					}),
-					/* @__PURE__ */ B("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flow-inspector-row",
-						children: [/* @__PURE__ */ z(n, {
+						children: [/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Offset Y"
-						}), /* @__PURE__ */ z(t, {
+						}), /* @__PURE__ */ B(t, {
 							size: "xs",
 							type: "number",
 							value: String(o.data.labelOffsetY ?? 0),
@@ -1135,110 +1138,110 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 				] })
 			]
 		}),
-		o.type === "mediaNode" && /* @__PURE__ */ B("div", {
+		o.type === "mediaNode" && /* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
-			children: [/* @__PURE__ */ z("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "flow-inspector-section-title",
 				children: "Palette (Archify)"
-			}), /* @__PURE__ */ B("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Palette"
-				}), /* @__PURE__ */ z("div", {
+				}), /* @__PURE__ */ B("div", {
 					style: {
 						display: "flex",
 						flexWrap: "wrap",
 						gap: 4
 					},
-					children: O.map((e) => /* @__PURE__ */ z("button", {
+					children: k.map((e) => /* @__PURE__ */ B("button", {
 						type: "button",
-						title: D[e],
-						"aria-label": D[e],
-						onClick: () => l(o.id, k(e)),
+						title: O[e],
+						"aria-label": O[e],
+						onClick: () => l(o.id, A(e)),
 						style: {
 							width: 18,
 							height: 18,
 							borderRadius: 4,
 							cursor: "pointer",
-							background: E[e].fill,
-							border: `1.5px solid ${E[e].stroke}`
+							background: D[e].fill,
+							border: `1.5px solid ${D[e].stroke}`
 						}
 					}, e))
 				})]
 			})]
 		}),
-		o.type !== "mediaNode" && o.type !== "shapeSvg" && /* @__PURE__ */ z(G, {
+		o.type !== "mediaNode" && o.type !== "shapeSvg" && /* @__PURE__ */ B(K, {
 			node: o,
 			onUpdateData: c
 		}),
-		o.type !== "mediaNode" && /* @__PURE__ */ B("div", {
+		o.type !== "mediaNode" && /* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
 					children: "Card (Archify)"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Subtitle"
-					}), /* @__PURE__ */ z(t, {
+					}), /* @__PURE__ */ B(t, {
 						size: "xs",
 						value: o.data.sublabel ?? "",
 						placeholder: "secondary line",
 						onChange: (e) => c(o.id, "sublabel", e.target.value)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Sub Color"
-					}), /* @__PURE__ */ z(U, {
+					}), /* @__PURE__ */ B(W, {
 						value: o.data.sublabelColor ?? "#94a3b8",
 						kind: "text",
 						customFallback: "#94a3b8",
 						onChange: (e) => c(o.id, "sublabelColor", e)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Tag"
-					}), /* @__PURE__ */ z(t, {
+					}), /* @__PURE__ */ B(t, {
 						size: "xs",
 						value: o.data.tag ?? "",
 						placeholder: "corner pill",
 						onChange: (e) => c(o.id, "tag", e.target.value)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Tag Color"
-					}), /* @__PURE__ */ z(U, {
+					}), /* @__PURE__ */ B(W, {
 						value: o.data.tagColor ?? o.data.stroke,
 						kind: "stroke",
 						customFallback: "#334155",
 						onChange: (e) => c(o.id, "tagColor", e)
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Tag Pos"
-					}), /* @__PURE__ */ z(i, {
+					}), /* @__PURE__ */ B(i, {
 						options: [
 							{
 								value: "top-left",
@@ -1262,62 +1265,64 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						style: { fontSize: 12 }
 					})]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
-					children: [/* @__PURE__ */ z(n, {
+					children: [/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "Palette"
-					}), /* @__PURE__ */ z("div", {
+					}), /* @__PURE__ */ B("div", {
 						style: {
 							display: "flex",
 							flexWrap: "wrap",
 							gap: 4
 						},
-						children: O.map((e) => /* @__PURE__ */ z("button", {
+						children: k.map((e) => /* @__PURE__ */ B("button", {
 							type: "button",
-							title: D[e],
-							"aria-label": D[e],
-							onClick: () => l(o.id, k(e)),
+							title: O[e],
+							"aria-label": O[e],
+							onClick: () => l(o.id, A(e)),
 							style: {
 								width: 18,
 								height: 18,
 								borderRadius: 4,
 								cursor: "pointer",
-								background: E[e].fill,
-								border: `1.5px solid ${E[e].stroke}`
+								background: D[e].fill,
+								border: `1.5px solid ${D[e].stroke}`
 							}
 						}, e))
 					})]
 				})
 			]
 		}),
-		o.type === "mediaNode" && /* @__PURE__ */ z(q, {
+		o.type === "mediaNode" && /* @__PURE__ */ B(J, {
 			node: o,
-			onUpdateData: c
+			onUpdateData: c,
+			globalAIConfig: f,
+			useSharedAIConfig: p
 		}),
-		/* @__PURE__ */ B("div", {
+		/* @__PURE__ */ V("div", {
 			className: "flow-inspector-section",
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-inspector-section-title",
 					children: "Transform"
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
 					children: [
-						/* @__PURE__ */ z(n, {
+						/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Rotate"
 						}),
-						/* @__PURE__ */ z(t, {
+						/* @__PURE__ */ B(t, {
 							size: "xs",
 							type: "number",
 							value: String(o.data.rotation ?? 0),
 							onChange: (e) => c(o.id, "rotation", Number(e.target.value) || 0)
 						}),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ B("span", {
 							className: "flow-inspector-suffix",
 							style: {
 								fontSize: 10,
@@ -1327,51 +1332,51 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 						})
 					]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
 					children: [
-						/* @__PURE__ */ z(n, {
+						/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Flip"
 						}),
-						/* @__PURE__ */ z(e, {
+						/* @__PURE__ */ B(e, {
 							size: "xs",
 							variant: o.data.flipX ? "primary" : "ghost",
 							onClick: () => c(o.id, "flipX", !o.data.flipX),
 							square: !0,
-							children: /* @__PURE__ */ z("span", {
+							children: /* @__PURE__ */ B("span", {
 								title: "Flip Horizontal",
 								children: "↔"
 							})
 						}),
-						/* @__PURE__ */ z(e, {
+						/* @__PURE__ */ B(e, {
 							size: "xs",
 							variant: o.data.flipY ? "primary" : "ghost",
 							onClick: () => c(o.id, "flipY", !o.data.flipY),
 							square: !0,
-							children: /* @__PURE__ */ z("span", {
+							children: /* @__PURE__ */ B("span", {
 								title: "Flip Vertical",
 								children: "↕"
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flow-inspector-row",
 					children: [
-						/* @__PURE__ */ z(n, {
+						/* @__PURE__ */ B(n, {
 							size: "xs",
 							className: "flow-inspector-label",
 							children: "Quick"
 						}),
-						/* @__PURE__ */ z(e, {
+						/* @__PURE__ */ B(e, {
 							size: "xs",
 							variant: "ghost",
 							onClick: () => c(o.id, "rotation", ((o.data.rotation ?? 0) + 90) % 360),
 							children: "+90°"
 						}),
-						/* @__PURE__ */ z(e, {
+						/* @__PURE__ */ B(e, {
 							size: "xs",
 							variant: "ghost",
 							onClick: () => c(o.id, "rotation", ((o.data.rotation ?? 0) - 90 + 360) % 360),
@@ -1383,32 +1388,32 @@ function K({ node: o, isGroup: s, onUpdateData: c, onUpdateDataBatch: l, onUpdat
 		})
 	] });
 }
-function q({ node: r, onUpdateData: a }) {
-	let o = r.data.mediaKind ?? "markdown", s = r.data.aiConfig, c = I(null), l = (e, t) => {
+function J({ node: r, onUpdateData: a, globalAIConfig: o, useSharedAIConfig: s }) {
+	let c = r.data.mediaKind ?? "markdown", l = s ? o : r.data.aiConfig, u = L(null), d = (e, t) => {
 		a(r.id, "aiConfig", {
 			gateway: "",
 			protocol: "openai",
 			model: "",
-			...s,
+			...l,
 			[e]: t
 		});
 	};
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "flow-inspector-section",
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "flow-inspector-section-title",
-			children: ["Media · ", o]
-		}), o === "data" ? /* @__PURE__ */ z(P, {
+			children: ["Media · ", c]
+		}), c === "data" ? /* @__PURE__ */ B(F, {
 			node: r,
 			onUpdateData: a
-		}) : o === "model3d" ? /* @__PURE__ */ B(R, { children: [
-			/* @__PURE__ */ B("div", {
+		}) : c === "model3d" ? /* @__PURE__ */ V(z, { children: [
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "格式"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: [
 						{
 							value: "stl",
@@ -1427,29 +1432,29 @@ function q({ node: r, onUpdateData: a }) {
 					onChange: (e) => a(r.id, "modelFormat", e)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row flow-inspector-multiline",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "模型链接"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
 					value: r.data.mediaContent ?? "",
 					placeholder: "https://example.com/model.stl",
 					onChange: (e) => a(r.id, "mediaContent", e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
 				children: [
-					/* @__PURE__ */ z(n, {
+					/* @__PURE__ */ B(n, {
 						size: "xs",
 						className: "flow-inspector-label",
 						children: "本地模型"
 					}),
-					/* @__PURE__ */ z("input", {
-						ref: c,
+					/* @__PURE__ */ B("input", {
+						ref: u,
 						type: "file",
 						accept: ".stl,.obj,.3mf,model/stl,model/obj,model/3mf,application/vnd.ms-package.3dmanufacturing-3dmodel+xml",
 						hidden: !0,
@@ -1471,45 +1476,52 @@ function q({ node: r, onUpdateData: a }) {
 							}, i.onerror = () => window.alert("读取本地模型失败。"), i.readAsDataURL(t);
 						}
 					}),
-					/* @__PURE__ */ z(e, {
+					/* @__PURE__ */ B(e, {
 						size: "xs",
 						variant: "neutral",
-						onClick: () => c.current?.click(),
+						onClick: () => u.current?.click(),
 						children: "选择文件"
 					}),
-					r.data.mediaContent?.startsWith("data:") && /* @__PURE__ */ z("span", {
+					r.data.mediaContent?.startsWith("data:") && /* @__PURE__ */ B("span", {
 						className: "flow-inspector-file-status",
 						children: "已嵌入"
 					})
 				]
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-inspector-help",
 				children: "支持 STL、OBJ、3MF；本地文件将以 Base64 嵌入文档，最大 10 MiB。选中节点后可在内部拖拽旋转、滚轮缩放。"
 			})
-		] }) : o === "image" ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ B("div", {
+		] }) : c === "image" ? /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
 			className: "flow-inspector-row flow-inspector-multiline",
-			children: [/* @__PURE__ */ z(n, {
+			children: [/* @__PURE__ */ B(n, {
 				size: "xs",
 				className: "flow-inspector-label",
 				children: "图片链接"
-			}), /* @__PURE__ */ z(t, {
+			}), /* @__PURE__ */ B(t, {
 				size: "xs",
 				value: r.data.mediaContent ?? "",
 				placeholder: "https://example.com/image.png",
 				onChange: (e) => a(r.id, "mediaContent", e.target.value)
 			})]
-		}), /* @__PURE__ */ z("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flow-inspector-help",
 			children: "支持 HTTP(S) 链接；选中图片节点后可直接粘贴图片并保存为 Base64。"
-		})] }) : o === "ai" ? /* @__PURE__ */ B(R, { children: [
-			/* @__PURE__ */ B("div", {
+		})] }) : c === "ai" ? s ? /* @__PURE__ */ V("div", {
+			className: "flow-inspector-help",
+			children: [
+				"此节点自动使用统一 AI 配置",
+				o.model ? `（${o.model}）` : "",
+				"，请通过 Flow 顶部的 AI 配置入口修改。"
+			]
+		}) : /* @__PURE__ */ V(z, { children: [
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "协议"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: [{
 						value: "openai",
 						label: "OpenAI 兼容"
@@ -1517,73 +1529,73 @@ function q({ node: r, onUpdateData: a }) {
 						value: "anthropic",
 						label: "Anthropic 兼容"
 					}],
-					value: s?.protocol ?? "openai",
-					onChange: (e) => l("protocol", e),
+					value: l?.protocol ?? "openai",
+					onChange: (e) => d("protocol", e),
 					style: { fontSize: 12 }
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
 				style: {
 					flexDirection: "column",
 					alignItems: "stretch",
 					gap: 4
 				},
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "接口地址"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
-					value: s?.gateway ?? "",
+					value: l?.gateway ?? "",
 					placeholder: "https://api.openai.com/v1/chat/completions",
-					onChange: (e) => l("gateway", e.target.value)
+					onChange: (e) => d("gateway", e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
 				style: {
 					flexDirection: "column",
 					alignItems: "stretch",
 					gap: 4
 				},
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "模型"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
-					value: s?.model ?? "",
+					value: l?.model ?? "",
 					placeholder: "gpt-4o-mini",
-					onChange: (e) => l("model", e.target.value)
+					onChange: (e) => d("model", e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
 				style: {
 					flexDirection: "column",
 					alignItems: "stretch",
 					gap: 4
 				},
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "API Key"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
 					type: "password",
-					value: s?.apiKey ?? "",
+					value: l?.apiKey ?? "",
 					placeholder: "sk-...",
-					onChange: (e) => l("apiKey", e.target.value)
+					onChange: (e) => d("apiKey", e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ z(N, {
+			/* @__PURE__ */ B(P, {
 				label: "System Prompt",
-				value: s?.systemPrompt ?? "",
-				onChange: (e) => l("systemPrompt", e),
+				value: l?.systemPrompt ?? "",
+				onChange: (e) => d("systemPrompt", e),
 				rows: 3
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				style: {
 					fontSize: 10,
 					color: "color-mix(in oklch, var(--color-base-content) 45%, transparent)",
@@ -1591,34 +1603,34 @@ function q({ node: r, onUpdateData: a }) {
 				},
 				children: "密钥会随文档 JSON 一同导出，请谨慎分享。"
 			})
-		] }) : /* @__PURE__ */ z(N, {
+		] }) : /* @__PURE__ */ B(P, {
 			label: {
 				markdown: "Markdown 源码",
 				html: "HTML 源码",
 				mermaid: "Mermaid 图表",
 				math: "LaTeX 公式"
-			}[o] ?? "内容",
+			}[c] ?? "内容",
 			value: r.data.mediaContent ?? "",
 			onChange: (e) => a(r.id, "mediaContent", e),
 			rows: 8
 		})]
 	});
 }
-function J({ edge: e, onUpdateData: a, onUpdateType: o }) {
-	return /* @__PURE__ */ B("div", {
+function Y({ edge: e, onUpdateData: a, onUpdateType: o }) {
+	return /* @__PURE__ */ V("div", {
 		className: "flow-inspector-section",
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-inspector-section-title",
 				children: "Edge"
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Type"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: l.map((e) => ({
 						value: e,
 						label: e
@@ -1628,52 +1640,52 @@ function J({ edge: e, onUpdateData: a, onUpdateType: o }) {
 					style: { fontSize: 12 }
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Color"
-				}), /* @__PURE__ */ z(U, {
+				}), /* @__PURE__ */ B(W, {
 					value: e.data.strokeColor,
 					kind: "line",
 					customFallback: "#374151",
 					onChange: (t) => a(e.id, "strokeColor", t)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Width"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
 					type: "number",
 					value: String(e.data.strokeWidth ?? 2),
 					onChange: (t) => a(e.id, "strokeWidth", Number(t.target.value) || 2)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Animation"
-				}), /* @__PURE__ */ z(r, {
+				}), /* @__PURE__ */ B(r, {
 					size: "sm",
 					checked: e.data.animated ?? !1,
 					onChange: (t) => a(e.id, "animated", t),
 					label: "预览时播放"
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Line"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: s.map((e) => ({
 						value: e,
 						label: e
@@ -1683,13 +1695,13 @@ function J({ edge: e, onUpdateData: a, onUpdateType: o }) {
 					style: { fontSize: 12 }
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Start"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: c.map((e) => ({
 						value: e,
 						label: e
@@ -1699,13 +1711,13 @@ function J({ edge: e, onUpdateData: a, onUpdateType: o }) {
 					style: { fontSize: 12 }
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "End"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: c.map((e) => ({
 						value: e,
 						label: e
@@ -1715,13 +1727,13 @@ function J({ edge: e, onUpdateData: a, onUpdateType: o }) {
 					style: { fontSize: 12 }
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Label"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
 					value: e.data.labelText ?? "",
 					onChange: (t) => a(e.id, "labelText", t.target.value),
@@ -1731,21 +1743,21 @@ function J({ edge: e, onUpdateData: a, onUpdateType: o }) {
 		]
 	});
 }
-function Y({ line: e, onUpdateData: r }) {
-	return /* @__PURE__ */ B("div", {
+function X({ line: e, onUpdateData: r }) {
+	return /* @__PURE__ */ V("div", {
 		className: "flow-inspector-section",
 		children: [
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flow-inspector-section-title",
 				children: "Line"
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Type"
-				}), /* @__PURE__ */ z("span", {
+				}), /* @__PURE__ */ B("span", {
 					style: {
 						fontSize: 12,
 						color: "color-mix(in oklch, var(--color-base-content) 60%, transparent)"
@@ -1753,39 +1765,39 @@ function Y({ line: e, onUpdateData: r }) {
 					children: e.type
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Color"
-				}), /* @__PURE__ */ z(U, {
+				}), /* @__PURE__ */ B(W, {
 					value: e.strokeColor,
 					kind: "line",
 					customFallback: "#374151",
 					onChange: (t) => r(e.id, "strokeColor", t)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Width"
-				}), /* @__PURE__ */ z(t, {
+				}), /* @__PURE__ */ B(t, {
 					size: "xs",
 					type: "number",
 					value: String(e.strokeWidth),
 					onChange: (t) => r(e.id, "strokeWidth", Number(t.target.value) || 2)
 				})]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flow-inspector-row",
-				children: [/* @__PURE__ */ z(n, {
+				children: [/* @__PURE__ */ B(n, {
 					size: "xs",
 					className: "flow-inspector-label",
 					children: "Style"
-				}), /* @__PURE__ */ z(i, {
+				}), /* @__PURE__ */ B(i, {
 					options: s.map((e) => ({
 						value: e,
 						label: e
@@ -1799,6 +1811,6 @@ function Y({ line: e, onUpdateData: r }) {
 	});
 }
 //#endregion
-export { H as InspectorPanelContent, V as default };
+export { U as InspectorPanelContent, H as default };
 
 //# sourceMappingURL=InspectorPanel.js.map