dishui 0.0.65 → 0.0.67

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

@@ -1,255 +1,249 @@
-import z from "../../../Tree/Tree.js";
-import { useFlowContext as L } from "../context/FlowContext.js";
-import { useFlowUI as k } from "../context/FlowUIContext.js";
-import { resolveThemeColor as $ } from "../utils/themeColor.js";
-import { buildSvgMarkup as O } from "../nodes/svgIcons.js";
-import { useDraggablePanel as K } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as P } from "../hooks/useResizablePanel.js";
-import { PaletteThumbnail as E } from "./ShapePalette.js";
-import { useCallback as T, useEffect as G, useMemo as M, useRef as R } from "react";
-import { jsx as u, jsxs as A } from "react/jsx-runtime";
-var D = "⧉";
-function W({ node: n }) {
-  if (n.data.childCanvasId) return /* @__PURE__ */ u("span", {
-    style: { fontSize: 15 },
-    children: D
-  });
-  if (n.type === "shapeSvg" && n.data.svgId) {
-    const h = O(n.data.svgId, $(n.data.color, "#475569") || "#475569");
-    return h ? /* @__PURE__ */ u("img", {
-      src: `data:image/svg+xml;utf8,${encodeURIComponent(h)}`,
-      width: 24,
-      height: 20,
-      alt: "",
-      style: {
-        display: "block",
-        objectFit: "contain"
-      }
-    }) : null;
-  }
-  if (n.type === "mediaNode") {
-    const h = n.data.mediaKind === "markdown" ? "M↓" : n.data.mediaKind === "html" ? "</>" : n.data.mediaKind === "mermaid" ? "⎇" : n.data.mediaKind === "math" ? "√x" : n.data.mediaKind === "image" ? "IMG" : n.data.mediaKind === "model3d" ? "3D" : n.data.mediaKind === "data" ? "⊞" : "AI";
-    return /* @__PURE__ */ u("span", {
-      style: {
-        width: 24,
-        textAlign: "center",
-        fontSize: 10,
-        fontWeight: 700
-      },
-      children: h
-    });
-  }
-  return /* @__PURE__ */ u(E, { type: n.type });
+import e from "../../../Tree/Tree.js";
+import { useFlowContext as t } from "../context/FlowContext.js";
+import { useFlowUI as n } from "../context/FlowUIContext.js";
+import { resolveThemeColor as r } from "../utils/themeColor.js";
+import { buildSvgMarkup as i } from "../nodes/svgIcons.js";
+import { useDraggablePanel as a } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as o } from "../hooks/useResizablePanel.js";
+import { PaletteThumbnail as s } from "./ShapePalette.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/OutlinePanel.tsx
+var m = "⧉";
+function h({ node: e }) {
+	if (e.data.childCanvasId) return /* @__PURE__ */ f("span", {
+		style: { fontSize: 15 },
+		children: m
+	});
+	if (e.type === "shapeSvg" && e.data.svgId) {
+		let t = i(e.data.svgId, r(e.data.color, "#475569") || "#475569");
+		return t ? /* @__PURE__ */ f("img", {
+			src: `data:image/svg+xml;utf8,${encodeURIComponent(t)}`,
+			width: 24,
+			height: 20,
+			alt: "",
+			style: {
+				display: "block",
+				objectFit: "contain"
+			}
+		}) : null;
+	}
+	if (e.type === "mediaNode") {
+		let t = e.data.mediaKind === "markdown" ? "M↓" : e.data.mediaKind === "html" ? "</>" : e.data.mediaKind === "mermaid" ? "⎇" : e.data.mediaKind === "math" ? "√x" : e.data.mediaKind === "image" ? "IMG" : e.data.mediaKind === "model3d" ? "3D" : e.data.mediaKind === "data" ? "⊞" : "AI";
+		return /* @__PURE__ */ f("span", {
+			style: {
+				width: 24,
+				textAlign: "center",
+				fontSize: 10,
+				fontWeight: 700
+			},
+			children: t
+		});
+	}
+	return /* @__PURE__ */ f(s, { type: e.type });
 }
-function _(n, h, s) {
-  const g = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Set();
-  for (const e of n) if (e.parentId) {
-    const c = g.get(e.parentId) ?? [];
-    c.push(e), g.set(e.parentId, c), y.add(e.id);
-  }
-  for (const e of h) if (e.parentId) {
-    const c = f.get(e.parentId) ?? [];
-    c.push(e), f.set(e.parentId, c), x.add(e.id);
-  }
-  const v = n.filter((e) => e.type === "geometryGroup");
-  for (const e of v) {
-    const c = e.position.x, r = e.position.y, i = e.width, l = e.height;
-    for (const t of n)
-      if (!(t.id === e.id || y.has(t.id)) && t.position.x >= c && t.position.y >= r && t.position.x + t.width <= c + i && t.position.y + t.height <= r + l) {
-        const o = g.get(e.id) ?? [];
-        o.push(t), g.set(e.id, o), y.add(t.id);
-      }
-    for (const t of h)
-      if (!x.has(t.id) && t.points.length > 0 && t.points.every((o) => o.x >= c && o.x <= c + i && o.y >= r && o.y <= r + l)) {
-        const o = f.get(e.id) ?? [];
-        o.push(t), f.set(e.id, o), x.add(t.id);
-      }
-  }
-  const m = n.filter((e) => !y.has(e.id)), C = (e) => ({
-    id: e.id,
-    label: `${e.type} line`,
-    icon: "〰"
-  }), b = (e) => {
-    const c = !!e.data.childCanvasId, r = /* @__PURE__ */ u(W, { node: e }), i = g.get(e.id), l = f.get(e.id), t = {
-      id: e.id,
-      label: e.data.label || e.type,
-      icon: r,
-      meta: c ? { childCanvasId: e.data.childCanvasId } : void 0
-    }, o = [];
-    if (i && i.length > 0 && o.push(...i.map(b)), l && l.length > 0 && o.push(...l.map(C)), c) {
-      const d = s.canvases[e.data.childCanvasId];
-      if (d) {
-        const a = X(d, s, e.data.childCanvasId);
-        a.length > 0 && o.push(...a);
-      }
-    }
-    return o.length > 0 && (t.children = o), t;
-  };
-  return {
-    nodeTree: m.map(b),
-    assignedLineIds: x
-  };
+function g(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
+	for (let t of e) if (t.parentId) {
+		let e = r.get(t.parentId) ?? [];
+		e.push(t), r.set(t.parentId, e), a.add(t.id);
+	}
+	for (let e of t) if (e.parentId) {
+		let t = i.get(e.parentId) ?? [];
+		t.push(e), i.set(e.parentId, t), o.add(e.id);
+	}
+	let s = e.filter((e) => e.type === "geometryGroup");
+	for (let n of s) {
+		let s = n.position.x, c = n.position.y, l = n.width, u = n.height;
+		for (let t of e) if (!(t.id === n.id || a.has(t.id)) && t.position.x >= s && t.position.y >= c && t.position.x + t.width <= s + l && t.position.y + t.height <= c + u) {
+			let e = r.get(n.id) ?? [];
+			e.push(t), r.set(n.id, e), a.add(t.id);
+		}
+		for (let e of t) if (!o.has(e.id) && e.points.length > 0 && e.points.every((e) => e.x >= s && e.x <= s + l && e.y >= c && e.y <= c + u)) {
+			let t = i.get(n.id) ?? [];
+			t.push(e), i.set(n.id, t), o.add(e.id);
+		}
+	}
+	let c = e.filter((e) => !a.has(e.id)), l = (e) => ({
+		id: e.id,
+		label: `${e.type} line`,
+		icon: "〰"
+	}), u = (e) => {
+		let t = !!e.data.childCanvasId, a = /* @__PURE__ */ f(h, { node: e }), o = r.get(e.id), s = i.get(e.id), c = {
+			id: e.id,
+			label: e.data.label || e.type,
+			icon: a,
+			meta: t ? { childCanvasId: e.data.childCanvasId } : void 0
+		}, d = [];
+		if (o && o.length > 0 && d.push(...o.map(u)), s && s.length > 0 && d.push(...s.map(l)), t) {
+			let t = n.canvases[e.data.childCanvasId];
+			if (t) {
+				let r = _(t, n, e.data.childCanvasId);
+				r.length > 0 && d.push(...r);
+			}
+		}
+		return d.length > 0 && (c.children = d), c;
+	};
+	return {
+		nodeTree: c.map(u),
+		assignedLineIds: o
+	};
 }
-function X(n, h, s) {
-  return n.nodes.length === 0 && n.edges.length === 0 && n.lines.length === 0 ? [{
-    id: `_empty_${s}`,
-    label: "(empty sub-canvas)",
-    icon: "○"
-  }] : _(n.nodes, n.lines, h).nodeTree;
+function _(e, t, n) {
+	return e.nodes.length === 0 && e.edges.length === 0 && e.lines.length === 0 ? [{
+		id: `_empty_${n}`,
+		label: "(empty sub-canvas)",
+		icon: "○"
+	}] : g(e.nodes, e.lines, t).nodeTree;
 }
-function te() {
-  const { showOutline: n } = k(), { panelStyle: h, handleProps: s } = K(), { panelWidth: g, resizeHandleProps: f } = P("left", 180);
-  return n ? /* @__PURE__ */ A("div", {
-    className: "flow-palette",
-    "data-flow-panel": !0,
-    style: {
-      ...h ?? {
-        top: 56,
-        left: "auto",
-        right: 264
-      },
-      width: g
-    },
-    children: [
-      /* @__PURE__ */ u("div", {
-        className: "flow-panel-resize-handle flow-panel-resize-handle--left",
-        ...f
-      }),
-      /* @__PURE__ */ u("div", {
-        className: "flow-panel-drag-handle",
-        ...s,
-        style: {
-          fontSize: 11,
-          fontWeight: 600,
-          marginBottom: 6,
-          color: "color-mix(in oklch, var(--color-base-content) 50%, transparent)",
-          textTransform: "uppercase",
-          letterSpacing: "0.05em",
-          cursor: "grab"
-        },
-        children: "Outline"
-      }),
-      /* @__PURE__ */ u("div", {
-        className: "flow-palette-content",
-        children: /* @__PURE__ */ u(Y, {})
-      })
-    ]
-  }) : null;
+function v() {
+	let { showOutline: e } = n(), { panelStyle: t, handleProps: r } = a(), { panelWidth: i, resizeHandleProps: s } = o("left", 180);
+	return e ? /* @__PURE__ */ p("div", {
+		className: "flow-palette",
+		"data-flow-panel": !0,
+		style: {
+			...t ?? {
+				top: 56,
+				left: "auto",
+				right: 264
+			},
+			width: i
+		},
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flow-panel-resize-handle flow-panel-resize-handle--left",
+				...s
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flow-panel-drag-handle",
+				...r,
+				style: {
+					fontSize: 11,
+					fontWeight: 600,
+					marginBottom: 6,
+					color: "color-mix(in oklch, var(--color-base-content) 50%, transparent)",
+					textTransform: "uppercase",
+					letterSpacing: "0.05em",
+					cursor: "grab"
+				},
+				children: "Outline"
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flow-palette-content",
+				children: /* @__PURE__ */ f(y, {})
+			})
+		]
+	}) : null;
 }
-function Y() {
-  const { focusOnRect: n } = k(), { doc: h, currentCanvas: s, currentCanvasId: g, selection: f, setSelection: y, pushCanvas: x } = L(), v = M(() => {
-    const { nodeTree: r, assignedLineIds: i } = _(s.nodes, s.lines, h), l = s.edges.map((a) => {
-      const p = s.nodes.find((N) => N.id === a.source), I = s.nodes.find((N) => N.id === a.target), w = p?.data.label || a.source, S = I?.data.label || a.target;
-      return {
-        id: a.id,
-        label: `${w} → ${S}`,
-        icon: "→"
-      };
-    }), t = s.lines.filter((a) => !i.has(a.id)), o = t.map((a) => ({
-      id: a.id,
-      label: `${a.type} line`,
-      icon: "〰"
-    })), d = [];
-    return r.length > 0 && d.push({
-      id: "_nodes",
-      label: `Nodes (${s.nodes.length})`,
-      children: r
-    }), l.length > 0 && d.push({
-      id: "_edges",
-      label: `Edges (${l.length})`,
-      children: l
-    }), o.length > 0 && d.push({
-      id: "_lines",
-      label: `Lines (${t.length})`,
-      children: o
-    }), d;
-  }, [s, h]), m = M(() => {
-    if (f.nodeIds.size === 1) return [...f.nodeIds][0];
-    if (f.edgeIds.size === 1) return [...f.edgeIds][0];
-    if (f.lineIds.size === 1) return [...f.lineIds][0];
-  }, [f]), C = M(() => {
-    const r = [
-      "_nodes",
-      "_edges",
-      "_lines"
-    ];
-    for (const i of s.nodes)
-      (i.type === "flowGroup" || i.type === "geometryGroup" || i.data.isGroup) && r.push(i.id), i.data.childCanvasId && r.push(i.id);
-    if (m) {
-      const i = s.nodes.find((t) => t.id === m);
-      if (i?.parentId) {
-        let t = i.parentId;
-        for (; t; )
-          r.push(t), t = s.nodes.find((o) => o.id === t)?.parentId;
-      }
-      const l = s.lines.find((t) => t.id === m);
-      l?.parentId && r.push(l.parentId);
-    }
-    return r;
-  }, [
-    s.nodes,
-    s.lines,
-    m
-  ]), b = T((r) => {
-    const i = String(r.id);
-    if (i.startsWith("_")) return;
-    const l = s.nodes.find((d) => d.id === i), t = s.edges.find((d) => d.id === i), o = s.lines.find((d) => d.id === i);
-    if (y({
-      nodeIds: l ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set(),
-      edgeIds: t ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set(),
-      lineIds: o ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set()
-    }), l) n(l.position.x, l.position.y, l.width, l.height);
-    else if (t) {
-      const d = s.nodes.find((p) => p.id === t.source), a = s.nodes.find((p) => p.id === t.target);
-      if (d && a) {
-        const p = Math.min(d.position.x, a.position.x), I = Math.min(d.position.y, a.position.y), w = Math.max(d.position.x + d.width, a.position.x + a.width), S = Math.max(d.position.y + d.height, a.position.y + a.height);
-        n(p, I, w - p, S - I);
-      }
-    } else if (o && o.points.length > 0) {
-      let d = 1 / 0, a = 1 / 0, p = -1 / 0, I = -1 / 0;
-      for (const w of o.points)
-        d = Math.min(d, w.x), a = Math.min(a, w.y), p = Math.max(p, w.x), I = Math.max(I, w.y);
-      n(d - 20, a - 20, p - d + 40, I - a + 40);
-    }
-  }, [
-    s,
-    y,
-    n
-  ]), e = T((r) => {
-    const i = String(r.id);
-    if (i.startsWith("_")) return;
-    const l = s.nodes.find((t) => t.id === i);
-    l?.data.childCanvasId && x(l.data.childCanvasId);
-  }, [s.nodes, x]), c = R(null);
-  return G(() => {
-    if (!m || !c.current) return;
-    const r = setTimeout(() => {
-      const i = c.current?.querySelector(`[data-node-id="${m}"]`);
-      i && i.scrollIntoView({
-        block: "nearest",
-        behavior: "smooth"
-      });
-    }, 60);
-    return () => clearTimeout(r);
-  }, [m]), /* @__PURE__ */ u("div", {
-    ref: c,
-    children: /* @__PURE__ */ u(z, {
-      data: v,
-      onNodeClick: b,
-      onNodeDoubleClick: e,
-      activeNodeId: m,
-      defaultExpandedIds: C,
-      showSearch: !1,
-      showExpandAll: !1,
-      showIcon: !0,
-      showLine: !0,
-      indent: 16
-    })
-  });
+function y() {
+	let { focusOnRect: r } = n(), { doc: i, currentCanvas: a, currentCanvasId: o, selection: s, setSelection: p, pushCanvas: m } = t(), h = u(() => {
+		let { nodeTree: e, assignedLineIds: t } = g(a.nodes, a.lines, i), n = a.edges.map((e) => {
+			let t = a.nodes.find((t) => t.id === e.source), n = a.nodes.find((t) => t.id === e.target), r = t?.data.label || e.source, i = n?.data.label || e.target;
+			return {
+				id: e.id,
+				label: `${r} → ${i}`,
+				icon: "→"
+			};
+		}), r = a.lines.filter((e) => !t.has(e.id)), o = r.map((e) => ({
+			id: e.id,
+			label: `${e.type} line`,
+			icon: "〰"
+		})), s = [];
+		return e.length > 0 && s.push({
+			id: "_nodes",
+			label: `Nodes (${a.nodes.length})`,
+			children: e
+		}), n.length > 0 && s.push({
+			id: "_edges",
+			label: `Edges (${n.length})`,
+			children: n
+		}), o.length > 0 && s.push({
+			id: "_lines",
+			label: `Lines (${r.length})`,
+			children: o
+		}), s;
+	}, [a, i]), _ = u(() => {
+		if (s.nodeIds.size === 1) return [...s.nodeIds][0];
+		if (s.edgeIds.size === 1) return [...s.edgeIds][0];
+		if (s.lineIds.size === 1) return [...s.lineIds][0];
+	}, [s]), v = u(() => {
+		let e = [
+			"_nodes",
+			"_edges",
+			"_lines"
+		];
+		for (let t of a.nodes) (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup) && e.push(t.id), t.data.childCanvasId && e.push(t.id);
+		if (_) {
+			let t = a.nodes.find((e) => e.id === _);
+			if (t?.parentId) {
+				let n = t.parentId;
+				for (; n;) e.push(n), n = a.nodes.find((e) => e.id === n)?.parentId;
+			}
+			let n = a.lines.find((e) => e.id === _);
+			n?.parentId && e.push(n.parentId);
+		}
+		return e;
+	}, [
+		a.nodes,
+		a.lines,
+		_
+	]), y = c((e) => {
+		let t = String(e.id);
+		if (t.startsWith("_")) return;
+		let n = a.nodes.find((e) => e.id === t), i = a.edges.find((e) => e.id === t), o = a.lines.find((e) => e.id === t);
+		if (p({
+			nodeIds: n ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set(),
+			edgeIds: i ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set(),
+			lineIds: o ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set()
+		}), n) r(n.position.x, n.position.y, n.width, n.height);
+		else if (i) {
+			let e = a.nodes.find((e) => e.id === i.source), t = a.nodes.find((e) => e.id === i.target);
+			if (e && t) {
+				let n = Math.min(e.position.x, t.position.x), i = Math.min(e.position.y, t.position.y), a = Math.max(e.position.x + e.width, t.position.x + t.width), o = Math.max(e.position.y + e.height, t.position.y + t.height);
+				r(n, i, a - n, o - i);
+			}
+		} else if (o && o.points.length > 0) {
+			let e = Infinity, t = Infinity, n = -Infinity, i = -Infinity;
+			for (let r of o.points) e = Math.min(e, r.x), t = Math.min(t, r.y), n = Math.max(n, r.x), i = Math.max(i, r.y);
+			r(e - 20, t - 20, n - e + 40, i - t + 40);
+		}
+	}, [
+		a,
+		p,
+		r
+	]), b = c((e) => {
+		let t = String(e.id);
+		if (t.startsWith("_")) return;
+		let n = a.nodes.find((e) => e.id === t);
+		n?.data.childCanvasId && m(n.data.childCanvasId);
+	}, [a.nodes, m]), x = d(null);
+	return l(() => {
+		if (!_ || !x.current) return;
+		let e = setTimeout(() => {
+			let e = x.current?.querySelector(`[data-node-id="${_}"]`);
+			e && e.scrollIntoView({
+				block: "nearest",
+				behavior: "smooth"
+			});
+		}, 60);
+		return () => clearTimeout(e);
+	}, [_]), /* @__PURE__ */ f("div", {
+		ref: x,
+		children: /* @__PURE__ */ f(e, {
+			data: h,
+			onNodeClick: y,
+			onNodeDoubleClick: b,
+			activeNodeId: _,
+			defaultExpandedIds: v,
+			showSearch: !1,
+			showExpandAll: !1,
+			showIcon: !0,
+			showLine: !0,
+			indent: 16
+		})
+	});
 }
-export {
-  Y as OutlinePanelContent,
-  te as default
-};
+//#endregion
+export { y as OutlinePanelContent, v as default };
 
 //# sourceMappingURL=OutlinePanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OutlinePanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/OutlinePanel.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useRef, useEffect } from 'react';\nimport { Tree, type TreeNode } from '../../../Tree';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel } from '../hooks/useResizablePanel';\nimport { PaletteThumbnail } from './ShapePalette';\nimport { buildSvgMarkup } from '../nodes/svgIcons';\nimport { resolveThemeColor } from '../utils/themeColor';\nimport type { FlowNode, FlowLine, FlowDocument, FlowCanvasData } from '../types';\n\nconst SUB_CANVAS_ICON = '⧉';\n\nfunction OutlineNodeIcon({ node }: { node: FlowNode }) {\n  if (node.data.childCanvasId) return <span style={{ fontSize: 15 }}>{SUB_CANVAS_ICON}</span>;\n  if (node.type === 'shapeSvg' && node.data.svgId) {\n    const markup = buildSvgMarkup(node.data.svgId, resolveThemeColor(node.data.color, '#475569') || '#475569');\n    return markup ? (\n      <img\n        src={`data:image/svg+xml;utf8,${encodeURIComponent(markup)}`}\n        width={24}\n        height={20}\n        alt=\"\"\n        style={{ display: 'block', objectFit: 'contain' }}\n      />\n    ) : null;\n  }\n  if (node.type === 'mediaNode') {\n    const text = node.data.mediaKind === 'markdown' ? 'M↓'\n      : node.data.mediaKind === 'html' ? '</>'\n        : node.data.mediaKind === 'mermaid' ? '⎇'\n          : node.data.mediaKind === 'math' ? '√x'\n            : node.data.mediaKind === 'image' ? 'IMG'\n              : node.data.mediaKind === 'model3d' ? '3D'\n                : node.data.mediaKind === 'data' ? '⊞'\n                  : 'AI';\n    return <span style={{ width: 24, textAlign: 'center', fontSize: 10, fontWeight: 700 }}>{text}</span>;\n  }\n  return <PaletteThumbnail type={node.type} />;\n}\n\nfunction buildNodeTree(nodes: FlowNode[], lines: FlowLine[], doc: FlowDocument): { nodeTree: TreeNode[]; assignedLineIds: Set<string> } {\n  const childNodesOf = new Map<string, FlowNode[]>();\n  const childLinesOf = new Map<string, FlowLine[]>();\n  const assignedNodes = new Set<string>();\n  const assignedLineIds = new Set<string>();\n\n  for (const n of nodes) {\n    if (n.parentId) {\n      const list = childNodesOf.get(n.parentId) ?? [];\n      list.push(n);\n      childNodesOf.set(n.parentId, list);\n      assignedNodes.add(n.id);\n    }\n  }\n  for (const l of lines) {\n    if (l.parentId) {\n      const list = childLinesOf.get(l.parentId) ?? [];\n      list.push(l);\n      childLinesOf.set(l.parentId, list);\n      assignedLineIds.add(l.id);\n    }\n  }\n\n  // Spatial containment only for geometryGroup\n  const geoGroups = nodes.filter(n => n.type === 'geometryGroup');\n  for (const g of geoGroups) {\n    const gx = g.position.x, gy = g.position.y;\n    const gw = g.width, gh = g.height;\n    for (const n of nodes) {\n      if (n.id === g.id || assignedNodes.has(n.id)) continue;\n      if (n.position.x >= gx && n.position.y >= gy\n        && n.position.x + n.width <= gx + gw\n        && n.position.y + n.height <= gy + gh) {\n        const list = childNodesOf.get(g.id) ?? [];\n        list.push(n);\n        childNodesOf.set(g.id, list);\n        assignedNodes.add(n.id);\n      }\n    }\n    for (const l of lines) {\n      if (assignedLineIds.has(l.id)) continue;\n      if (l.points.length > 0 && l.points.every(p =>\n        p.x >= gx && p.x <= gx + gw && p.y >= gy && p.y <= gy + gh\n      )) {\n        const list = childLinesOf.get(g.id) ?? [];\n        list.push(l);\n        childLinesOf.set(g.id, list);\n        assignedLineIds.add(l.id);\n      }\n    }\n  }\n\n  const roots = nodes.filter(n => !assignedNodes.has(n.id));\n\n  const lineToTree = (l: FlowLine): TreeNode => ({\n    id: l.id,\n    label: `${l.type} line`,\n    icon: '〰',\n  });\n\n  const toTreeNode = (n: FlowNode): TreeNode => {\n    const hasSubCanvas = !!n.data.childCanvasId;\n    const icon = <OutlineNodeIcon node={n} />;\n    const kidNodes = childNodesOf.get(n.id);\n    const kidLines = childLinesOf.get(n.id);\n    const item: TreeNode = {\n      id: n.id,\n      label: n.data.label || n.type,\n      icon,\n      meta: hasSubCanvas ? { childCanvasId: n.data.childCanvasId } : undefined,\n    };\n\n    const children: TreeNode[] = [];\n    if (kidNodes && kidNodes.length > 0) {\n      children.push(...kidNodes.map(toTreeNode));\n    }\n    if (kidLines && kidLines.length > 0) {\n      children.push(...kidLines.map(lineToTree));\n    }\n    if (hasSubCanvas) {\n      const subCanvas = doc.canvases[n.data.childCanvasId!];\n      if (subCanvas) {\n        const subTree = buildCanvasSubtree(subCanvas, doc, n.data.childCanvasId!);\n        if (subTree.length > 0) {\n          children.push(...subTree);\n        }\n      }\n    }\n    if (children.length > 0) {\n      item.children = children;\n    }\n    return item;\n  };\n\n  return { nodeTree: roots.map(toTreeNode), assignedLineIds };\n}\n\nfunction buildCanvasSubtree(canvas: FlowCanvasData, doc: FlowDocument, canvasId: string): TreeNode[] {\n  if (canvas.nodes.length === 0 && canvas.edges.length === 0 && canvas.lines.length === 0) {\n    return [{ id: `_empty_${canvasId}`, label: '(empty sub-canvas)', icon: '○' }];\n  }\n  return buildNodeTree(canvas.nodes, canvas.lines, doc).nodeTree;\n}\n\n/**\n * Standalone panel (legacy). Prefer using OutlinePanelContent inside a FlowPanelGroup.\n */\nexport default function OutlinePanel() {\n  const { showOutline } = useFlowUI();\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel('left', 180);\n\n  if (!showOutline) return null;\n\n  return (\n    <div className=\"flow-palette\" data-flow-panel style={{ ...(panelStyle ?? { top: 56, left: 'auto', right: 248 + 16 }), width: panelWidth }}>\n      <div className=\"flow-panel-resize-handle flow-panel-resize-handle--left\" {...resizeHandleProps} />\n      <div\n        className=\"flow-panel-drag-handle\"\n        {...handleProps}\n        style={{ fontSize: 11, fontWeight: 600, marginBottom: 6, color: 'color-mix(in oklch, var(--color-base-content) 50%, transparent)', textTransform: 'uppercase', letterSpacing: '0.05em', cursor: 'grab' }}\n      >\n        Outline\n      </div>\n      <div className=\"flow-palette-content\">\n        <OutlinePanelContent />\n      </div>\n    </div>\n  );\n}\n\n/** Reusable content for embedding inside FlowPanelGroup tabs. */\nexport function OutlinePanelContent() {\n  const { focusOnRect } = useFlowUI();\n  const { doc, currentCanvas, currentCanvasId, selection, setSelection, pushCanvas } = useFlowContext();\n\n  const treeData = useMemo<TreeNode[]>(() => {\n    const { nodeTree, assignedLineIds } = buildNodeTree(currentCanvas.nodes, currentCanvas.lines, doc);\n    const edgeItems: TreeNode[] = currentCanvas.edges.map(e => {\n      const sn = currentCanvas.nodes.find(n => n.id === e.source);\n      const tn = currentCanvas.nodes.find(n => n.id === e.target);\n      const srcLabel = sn?.data.label || e.source;\n      const tgtLabel = tn?.data.label || e.target;\n      return { id: e.id, label: `${srcLabel} → ${tgtLabel}`, icon: '→' };\n    });\n    const unassignedLines = currentCanvas.lines.filter(l => !assignedLineIds.has(l.id));\n    const lineItems: TreeNode[] = unassignedLines.map(l => ({\n      id: l.id,\n      label: `${l.type} line`,\n      icon: '〰',\n    }));\n\n    const tree: TreeNode[] = [];\n    if (nodeTree.length > 0) tree.push({ id: '_nodes', label: `Nodes (${currentCanvas.nodes.length})`, children: nodeTree });\n    if (edgeItems.length > 0) tree.push({ id: '_edges', label: `Edges (${edgeItems.length})`, children: edgeItems });\n    if (lineItems.length > 0) tree.push({ id: '_lines', label: `Lines (${unassignedLines.length})`, children: lineItems });\n    return tree;\n  }, [currentCanvas, doc]);\n\n  const activeId = useMemo(() => {\n    if (selection.nodeIds.size === 1) return [...selection.nodeIds][0];\n    if (selection.edgeIds.size === 1) return [...selection.edgeIds][0];\n    if (selection.lineIds.size === 1) return [...selection.lineIds][0];\n    return undefined;\n  }, [selection]);\n\n  const defaultExpanded = useMemo(() => {\n    const ids: (string | number)[] = ['_nodes', '_edges', '_lines'];\n    for (const n of currentCanvas.nodes) {\n      if (n.type === 'flowGroup' || n.type === 'geometryGroup' || n.data.isGroup) ids.push(n.id);\n      if (n.data.childCanvasId) ids.push(n.id);\n    }\n    if (activeId) {\n      const node = currentCanvas.nodes.find(n => n.id === activeId);\n      if (node?.parentId) {\n        let pid: string | undefined = node.parentId;\n        while (pid) {\n          ids.push(pid);\n          const parent = currentCanvas.nodes.find(n => n.id === pid);\n          pid = parent?.parentId;\n        }\n      }\n      const line = currentCanvas.lines.find(l => l.id === activeId);\n      if (line?.parentId) ids.push(line.parentId);\n    }\n    return ids;\n  }, [currentCanvas.nodes, currentCanvas.lines, activeId]);\n\n  const handleNodeClick = useCallback((node: TreeNode) => {\n    const id = String(node.id);\n    if (id.startsWith('_')) return;\n\n    const flowNode = currentCanvas.nodes.find(n => n.id === id);\n    const flowEdge = currentCanvas.edges.find(e => e.id === id);\n    const flowLine = currentCanvas.lines.find(l => l.id === id);\n\n    setSelection({\n      nodeIds: flowNode ? new Set([id]) : new Set(),\n      edgeIds: flowEdge ? new Set([id]) : new Set(),\n      lineIds: flowLine ? new Set([id]) : new Set(),\n    });\n\n    if (flowNode) {\n      focusOnRect(flowNode.position.x, flowNode.position.y, flowNode.width, flowNode.height);\n    } else if (flowEdge) {\n      const sn = currentCanvas.nodes.find(n => n.id === flowEdge.source);\n      const tn = currentCanvas.nodes.find(n => n.id === flowEdge.target);\n      if (sn && tn) {\n        const minX = Math.min(sn.position.x, tn.position.x);\n        const minY = Math.min(sn.position.y, tn.position.y);\n        const maxX = Math.max(sn.position.x + sn.width, tn.position.x + tn.width);\n        const maxY = Math.max(sn.position.y + sn.height, tn.position.y + tn.height);\n        focusOnRect(minX, minY, maxX - minX, maxY - minY);\n      }\n    } else if (flowLine && flowLine.points.length > 0) {\n      let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n      for (const p of flowLine.points) {\n        minX = Math.min(minX, p.x); minY = Math.min(minY, p.y);\n        maxX = Math.max(maxX, p.x); maxY = Math.max(maxY, p.y);\n      }\n      focusOnRect(minX - 20, minY - 20, maxX - minX + 40, maxY - minY + 40);\n    }\n  }, [currentCanvas, setSelection, focusOnRect]);\n\n  const handleNodeDoubleClick = useCallback((node: TreeNode) => {\n    const id = String(node.id);\n    if (id.startsWith('_')) return;\n    const flowNode = currentCanvas.nodes.find(n => n.id === id);\n    if (flowNode?.data.childCanvasId) {\n      pushCanvas(flowNode.data.childCanvasId);\n    }\n  }, [currentCanvas.nodes, pushCanvas]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!activeId || !containerRef.current) return;\n    const timer = setTimeout(() => {\n      const el = containerRef.current?.querySelector(`[data-node-id=\"${activeId}\"]`);\n      if (el) el.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }, 60);\n    return () => clearTimeout(timer);\n  }, [activeId]);\n\n  return (\n    <div ref={containerRef}>\n      <Tree\n        data={treeData}\n        onNodeClick={handleNodeClick}\n        onNodeDoubleClick={handleNodeDoubleClick}\n        activeNodeId={activeId}\n        defaultExpandedIds={defaultExpanded}\n        showSearch={false}\n        showExpandAll={false}\n        showIcon\n        showLine\n        indent={16}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OutlinePanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/OutlinePanel.tsx"],"sourcesContent":["import React, { useMemo, useCallback, useRef, useEffect } from 'react';\nimport { Tree, type TreeNode } from '../../../Tree';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel } from '../hooks/useResizablePanel';\nimport { PaletteThumbnail } from './ShapePalette';\nimport { buildSvgMarkup } from '../nodes/svgIcons';\nimport { resolveThemeColor } from '../utils/themeColor';\nimport type { FlowNode, FlowLine, FlowDocument, FlowCanvasData } from '../types';\n\nconst SUB_CANVAS_ICON = '⧉';\n\nfunction OutlineNodeIcon({ node }: { node: FlowNode }) {\n  if (node.data.childCanvasId) return <span style={{ fontSize: 15 }}>{SUB_CANVAS_ICON}</span>;\n  if (node.type === 'shapeSvg' && node.data.svgId) {\n    const markup = buildSvgMarkup(node.data.svgId, resolveThemeColor(node.data.color, '#475569') || '#475569');\n    return markup ? (\n      <img\n        src={`data:image/svg+xml;utf8,${encodeURIComponent(markup)}`}\n        width={24}\n        height={20}\n        alt=\"\"\n        style={{ display: 'block', objectFit: 'contain' }}\n      />\n    ) : null;\n  }\n  if (node.type === 'mediaNode') {\n    const text = node.data.mediaKind === 'markdown' ? 'M↓'\n      : node.data.mediaKind === 'html' ? '</>'\n        : node.data.mediaKind === 'mermaid' ? '⎇'\n          : node.data.mediaKind === 'math' ? '√x'\n            : node.data.mediaKind === 'image' ? 'IMG'\n              : node.data.mediaKind === 'model3d' ? '3D'\n                : node.data.mediaKind === 'data' ? '⊞'\n                  : 'AI';\n    return <span style={{ width: 24, textAlign: 'center', fontSize: 10, fontWeight: 700 }}>{text}</span>;\n  }\n  return <PaletteThumbnail type={node.type} />;\n}\n\nfunction buildNodeTree(nodes: FlowNode[], lines: FlowLine[], doc: FlowDocument): { nodeTree: TreeNode[]; assignedLineIds: Set<string> } {\n  const childNodesOf = new Map<string, FlowNode[]>();\n  const childLinesOf = new Map<string, FlowLine[]>();\n  const assignedNodes = new Set<string>();\n  const assignedLineIds = new Set<string>();\n\n  for (const n of nodes) {\n    if (n.parentId) {\n      const list = childNodesOf.get(n.parentId) ?? [];\n      list.push(n);\n      childNodesOf.set(n.parentId, list);\n      assignedNodes.add(n.id);\n    }\n  }\n  for (const l of lines) {\n    if (l.parentId) {\n      const list = childLinesOf.get(l.parentId) ?? [];\n      list.push(l);\n      childLinesOf.set(l.parentId, list);\n      assignedLineIds.add(l.id);\n    }\n  }\n\n  // Spatial containment only for geometryGroup\n  const geoGroups = nodes.filter(n => n.type === 'geometryGroup');\n  for (const g of geoGroups) {\n    const gx = g.position.x, gy = g.position.y;\n    const gw = g.width, gh = g.height;\n    for (const n of nodes) {\n      if (n.id === g.id || assignedNodes.has(n.id)) continue;\n      if (n.position.x >= gx && n.position.y >= gy\n        && n.position.x + n.width <= gx + gw\n        && n.position.y + n.height <= gy + gh) {\n        const list = childNodesOf.get(g.id) ?? [];\n        list.push(n);\n        childNodesOf.set(g.id, list);\n        assignedNodes.add(n.id);\n      }\n    }\n    for (const l of lines) {\n      if (assignedLineIds.has(l.id)) continue;\n      if (l.points.length > 0 && l.points.every(p =>\n        p.x >= gx && p.x <= gx + gw && p.y >= gy && p.y <= gy + gh\n      )) {\n        const list = childLinesOf.get(g.id) ?? [];\n        list.push(l);\n        childLinesOf.set(g.id, list);\n        assignedLineIds.add(l.id);\n      }\n    }\n  }\n\n  const roots = nodes.filter(n => !assignedNodes.has(n.id));\n\n  const lineToTree = (l: FlowLine): TreeNode => ({\n    id: l.id,\n    label: `${l.type} line`,\n    icon: '〰',\n  });\n\n  const toTreeNode = (n: FlowNode): TreeNode => {\n    const hasSubCanvas = !!n.data.childCanvasId;\n    const icon = <OutlineNodeIcon node={n} />;\n    const kidNodes = childNodesOf.get(n.id);\n    const kidLines = childLinesOf.get(n.id);\n    const item: TreeNode = {\n      id: n.id,\n      label: n.data.label || n.type,\n      icon,\n      meta: hasSubCanvas ? { childCanvasId: n.data.childCanvasId } : undefined,\n    };\n\n    const children: TreeNode[] = [];\n    if (kidNodes && kidNodes.length > 0) {\n      children.push(...kidNodes.map(toTreeNode));\n    }\n    if (kidLines && kidLines.length > 0) {\n      children.push(...kidLines.map(lineToTree));\n    }\n    if (hasSubCanvas) {\n      const subCanvas = doc.canvases[n.data.childCanvasId!];\n      if (subCanvas) {\n        const subTree = buildCanvasSubtree(subCanvas, doc, n.data.childCanvasId!);\n        if (subTree.length > 0) {\n          children.push(...subTree);\n        }\n      }\n    }\n    if (children.length > 0) {\n      item.children = children;\n    }\n    return item;\n  };\n\n  return { nodeTree: roots.map(toTreeNode), assignedLineIds };\n}\n\nfunction buildCanvasSubtree(canvas: FlowCanvasData, doc: FlowDocument, canvasId: string): TreeNode[] {\n  if (canvas.nodes.length === 0 && canvas.edges.length === 0 && canvas.lines.length === 0) {\n    return [{ id: `_empty_${canvasId}`, label: '(empty sub-canvas)', icon: '○' }];\n  }\n  return buildNodeTree(canvas.nodes, canvas.lines, doc).nodeTree;\n}\n\n/**\n * Standalone panel (legacy). Prefer using OutlinePanelContent inside a FlowPanelGroup.\n */\nexport default function OutlinePanel() {\n  const { showOutline } = useFlowUI();\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel('left', 180);\n\n  if (!showOutline) return null;\n\n  return (\n    <div className=\"flow-palette\" data-flow-panel style={{ ...(panelStyle ?? { top: 56, left: 'auto', right: 248 + 16 }), width: panelWidth }}>\n      <div className=\"flow-panel-resize-handle flow-panel-resize-handle--left\" {...resizeHandleProps} />\n      <div\n        className=\"flow-panel-drag-handle\"\n        {...handleProps}\n        style={{ fontSize: 11, fontWeight: 600, marginBottom: 6, color: 'color-mix(in oklch, var(--color-base-content) 50%, transparent)', textTransform: 'uppercase', letterSpacing: '0.05em', cursor: 'grab' }}\n      >\n        Outline\n      </div>\n      <div className=\"flow-palette-content\">\n        <OutlinePanelContent />\n      </div>\n    </div>\n  );\n}\n\n/** Reusable content for embedding inside FlowPanelGroup tabs. */\nexport function OutlinePanelContent() {\n  const { focusOnRect } = useFlowUI();\n  const { doc, currentCanvas, currentCanvasId, selection, setSelection, pushCanvas } = useFlowContext();\n\n  const treeData = useMemo<TreeNode[]>(() => {\n    const { nodeTree, assignedLineIds } = buildNodeTree(currentCanvas.nodes, currentCanvas.lines, doc);\n    const edgeItems: TreeNode[] = currentCanvas.edges.map(e => {\n      const sn = currentCanvas.nodes.find(n => n.id === e.source);\n      const tn = currentCanvas.nodes.find(n => n.id === e.target);\n      const srcLabel = sn?.data.label || e.source;\n      const tgtLabel = tn?.data.label || e.target;\n      return { id: e.id, label: `${srcLabel} → ${tgtLabel}`, icon: '→' };\n    });\n    const unassignedLines = currentCanvas.lines.filter(l => !assignedLineIds.has(l.id));\n    const lineItems: TreeNode[] = unassignedLines.map(l => ({\n      id: l.id,\n      label: `${l.type} line`,\n      icon: '〰',\n    }));\n\n    const tree: TreeNode[] = [];\n    if (nodeTree.length > 0) tree.push({ id: '_nodes', label: `Nodes (${currentCanvas.nodes.length})`, children: nodeTree });\n    if (edgeItems.length > 0) tree.push({ id: '_edges', label: `Edges (${edgeItems.length})`, children: edgeItems });\n    if (lineItems.length > 0) tree.push({ id: '_lines', label: `Lines (${unassignedLines.length})`, children: lineItems });\n    return tree;\n  }, [currentCanvas, doc]);\n\n  const activeId = useMemo(() => {\n    if (selection.nodeIds.size === 1) return [...selection.nodeIds][0];\n    if (selection.edgeIds.size === 1) return [...selection.edgeIds][0];\n    if (selection.lineIds.size === 1) return [...selection.lineIds][0];\n    return undefined;\n  }, [selection]);\n\n  const defaultExpanded = useMemo(() => {\n    const ids: (string | number)[] = ['_nodes', '_edges', '_lines'];\n    for (const n of currentCanvas.nodes) {\n      if (n.type === 'flowGroup' || n.type === 'geometryGroup' || n.data.isGroup) ids.push(n.id);\n      if (n.data.childCanvasId) ids.push(n.id);\n    }\n    if (activeId) {\n      const node = currentCanvas.nodes.find(n => n.id === activeId);\n      if (node?.parentId) {\n        let pid: string | undefined = node.parentId;\n        while (pid) {\n          ids.push(pid);\n          const parent = currentCanvas.nodes.find(n => n.id === pid);\n          pid = parent?.parentId;\n        }\n      }\n      const line = currentCanvas.lines.find(l => l.id === activeId);\n      if (line?.parentId) ids.push(line.parentId);\n    }\n    return ids;\n  }, [currentCanvas.nodes, currentCanvas.lines, activeId]);\n\n  const handleNodeClick = useCallback((node: TreeNode) => {\n    const id = String(node.id);\n    if (id.startsWith('_')) return;\n\n    const flowNode = currentCanvas.nodes.find(n => n.id === id);\n    const flowEdge = currentCanvas.edges.find(e => e.id === id);\n    const flowLine = currentCanvas.lines.find(l => l.id === id);\n\n    setSelection({\n      nodeIds: flowNode ? new Set([id]) : new Set(),\n      edgeIds: flowEdge ? new Set([id]) : new Set(),\n      lineIds: flowLine ? new Set([id]) : new Set(),\n    });\n\n    if (flowNode) {\n      focusOnRect(flowNode.position.x, flowNode.position.y, flowNode.width, flowNode.height);\n    } else if (flowEdge) {\n      const sn = currentCanvas.nodes.find(n => n.id === flowEdge.source);\n      const tn = currentCanvas.nodes.find(n => n.id === flowEdge.target);\n      if (sn && tn) {\n        const minX = Math.min(sn.position.x, tn.position.x);\n        const minY = Math.min(sn.position.y, tn.position.y);\n        const maxX = Math.max(sn.position.x + sn.width, tn.position.x + tn.width);\n        const maxY = Math.max(sn.position.y + sn.height, tn.position.y + tn.height);\n        focusOnRect(minX, minY, maxX - minX, maxY - minY);\n      }\n    } else if (flowLine && flowLine.points.length > 0) {\n      let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n      for (const p of flowLine.points) {\n        minX = Math.min(minX, p.x); minY = Math.min(minY, p.y);\n        maxX = Math.max(maxX, p.x); maxY = Math.max(maxY, p.y);\n      }\n      focusOnRect(minX - 20, minY - 20, maxX - minX + 40, maxY - minY + 40);\n    }\n  }, [currentCanvas, setSelection, focusOnRect]);\n\n  const handleNodeDoubleClick = useCallback((node: TreeNode) => {\n    const id = String(node.id);\n    if (id.startsWith('_')) return;\n    const flowNode = currentCanvas.nodes.find(n => n.id === id);\n    if (flowNode?.data.childCanvasId) {\n      pushCanvas(flowNode.data.childCanvasId);\n    }\n  }, [currentCanvas.nodes, pushCanvas]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!activeId || !containerRef.current) return;\n    const timer = setTimeout(() => {\n      const el = containerRef.current?.querySelector(`[data-node-id=\"${activeId}\"]`);\n      if (el) el.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    }, 60);\n    return () => clearTimeout(timer);\n  }, [activeId]);\n\n  return (\n    <div ref={containerRef}>\n      <Tree\n        data={treeData}\n        onNodeClick={handleNodeClick}\n        onNodeDoubleClick={handleNodeDoubleClick}\n        activeNodeId={activeId}\n        defaultExpandedIds={defaultExpanded}\n        showSearch={false}\n        showExpandAll={false}\n        showIcon\n        showLine\n        indent={16}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}