@octaviaflow/core 3.0.18-beta.2 → 3.0.18-beta.4

package/dist/index.js

@@ -11905,7 +11905,7 @@ Drawer.displayName = "Drawer";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
 import { AnimatePresence as AnimatePresence13, motion as motion18 } from "framer-motion";
-import { useEffect as useEffect17, useRef as useRef22 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo13, useRef as useRef22 } from "react";
 import { useButton as useButton4, useMenu, useMenuItem, useMenuTrigger } from "react-aria";
 import { createPortal as createPortal8 } from "react-dom";
 import { Fragment as Fragment21, jsx as jsx41, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -11938,7 +11938,8 @@ function MenuPopup({
   align,
   className,
   closeOnOutsideClick,
-  closeOnEscape
+  closeOnEscape,
+  matchTriggerWidth
 }) {
   const menuRef = useRef22(null);
   useEffect17(() => {
@@ -11980,19 +11981,45 @@ function MenuPopup({
     nonSepItems[idx]?.onClick?.();
     state.close();
   };
+  const ESTIMATED_ITEM_H = 34;
+  const ESTIMATED_SEPARATOR_H = 9;
+  const POPUP_PADDING_V = 8;
+  const VIEWPORT_MARGIN = 8;
+  const estimatedHeight = useMemo13(() => {
+    const itemsTotal = menuItems.reduce(
+      (acc, item) => acc + (item.separator ? ESTIMATED_SEPARATOR_H : ESTIMATED_ITEM_H),
+      0
+    );
+    return itemsTotal + POPUP_PADDING_V * 2;
+  }, [menuItems]);
   const getStyle = () => {
     if (!triggerRef.current) return {};
     const rect = triggerRef.current.getBoundingClientRect();
+    const viewportH = window.innerHeight;
+    const spaceBelow = viewportH - rect.bottom;
+    const spaceAbove = rect.top;
+    const openUp = spaceBelow < estimatedHeight && spaceAbove > spaceBelow;
     const style = {
       position: "fixed",
       zIndex: 1200,
-      top: rect.bottom + 4
+      // Cap the menu so it never spills beyond the viewport — pairs
+      // with overflow-y:auto on the popup itself (set in CSS).
+      maxHeight: Math.max(120, (openUp ? spaceAbove : spaceBelow) - VIEWPORT_MARGIN)
     };
+    if (openUp) {
+      style.bottom = viewportH - rect.top + 4;
+    } else {
+      style.top = rect.bottom + 4;
+    }
     if (align === "end") {
       style.right = window.innerWidth - rect.right;
     } else {
       style.left = rect.left;
     }
+    if (matchTriggerWidth) {
+      style.width = rect.width;
+      style.minWidth = rect.width;
+    }
     return style;
   };
   let nonSepIdx = 0;
@@ -12048,6 +12075,7 @@ function DropdownMenu({
   triggerClassName,
   closeOnOutsideClick = true,
   closeOnEscape = true,
+  matchTriggerWidth = false,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledby
 }) {
@@ -12081,7 +12109,8 @@ function DropdownMenu({
         align,
         className,
         closeOnOutsideClick,
-        closeOnEscape
+        closeOnEscape,
+        matchTriggerWidth
       }
     )
   ] });
@@ -12130,7 +12159,7 @@ EmptyState.displayName = "EmptyState";
 
 // src/components/ExecutionConsole/ExecutionConsole.tsx
 import { motion as motion19 } from "framer-motion";
-import { useEffect as useEffect18, useMemo as useMemo13, useRef as useRef23, useState as useState20 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo14, useRef as useRef23, useState as useState20 } from "react";
 import { Fragment as Fragment22, jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
 var iconProps = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -12202,7 +12231,7 @@ function ExecutionConsole({
   const [autoScroll, setAutoScroll] = useState20(true);
   const [expandedLines, setExpandedLines] = useState20(/* @__PURE__ */ new Set());
   const [exportMenuOpen, setExportMenuOpen] = useState20(false);
-  const nodeOptions = useMemo13(() => {
+  const nodeOptions = useMemo14(() => {
     const seen = /* @__PURE__ */ new Map();
     for (const log of logs) {
       if (log.nodeId && !seen.has(log.nodeId)) {
@@ -12211,7 +12240,7 @@ function ExecutionConsole({
     }
     return Array.from(seen.entries()).map(([id, label]) => ({ id, label }));
   }, [logs]);
-  const filteredLogs = useMemo13(() => {
+  const filteredLogs = useMemo14(() => {
     const q2 = query.trim().toLowerCase();
     return logs.filter((log) => {
       if (!activeLevels.has(log.level)) return false;
@@ -12283,7 +12312,7 @@ function ExecutionConsole({
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
   };
-  const levelCounts = useMemo13(() => {
+  const levelCounts = useMemo14(() => {
     const counts = {
       info: 0,
       warn: 0,
@@ -13833,7 +13862,7 @@ function FlowCanvas2({
 import {
   useCallback as useCallback20,
   useEffect as useEffect21,
-  useMemo as useMemo14,
+  useMemo as useMemo15,
   useRef as useRef27,
   useState as useState24
 } from "react";
@@ -13852,7 +13881,7 @@ function FlowMinimap({
 }) {
   const scaleX = MINIMAP_WIDTH / totalWidth;
   const scaleY = MINIMAP_HEIGHT / totalHeight;
-  const scaledNodes = useMemo14(
+  const scaledNodes = useMemo15(
     () => nodes.map((n) => ({
       ...n,
       sx: n.x * scaleX,
@@ -13862,7 +13891,7 @@ function FlowMinimap({
     })),
     [nodes, scaleX, scaleY]
   );
-  const scaledEdges = useMemo14(
+  const scaledEdges = useMemo15(
     () => edges.map((e) => ({
       x1: e.from.x * scaleX,
       y1: e.from.y * scaleY,
@@ -13871,7 +13900,7 @@ function FlowMinimap({
     })),
     [edges, scaleX, scaleY]
   );
-  const scaledViewport = useMemo14(() => {
+  const scaledViewport = useMemo15(() => {
     if (!viewportRect) return null;
     return {
       x: viewportRect.x * scaleX,
@@ -14546,7 +14575,7 @@ import { motion as motion21 } from "framer-motion";
 import {
   forwardRef as forwardRef43,
   useId as useId24,
-  useMemo as useMemo15
+  useMemo as useMemo16
 } from "react";
 import { jsx as jsx53, jsxs as jsxs51 } from "react/jsx-runtime";
 var defaultFormat3 = (n) => {
@@ -14585,7 +14614,7 @@ var Gauge = forwardRef43(function Gauge2({
   const clamped = Math.max(min, Math.min(max, value));
   const pct = (clamped - min) / Math.max(1e-6, max - min);
   const fillColor = resolveBandColor(clamped, bands, color);
-  const resolvedAriaLabel = useMemo15(() => {
+  const resolvedAriaLabel = useMemo16(() => {
     if (ariaLabel) return ariaLabel;
     const t = typeof title === "string" ? title : "Gauge";
     return `${t} \u2014 ${formatValue(clamped)} of ${formatValue(max)}`;
@@ -14932,7 +14961,7 @@ import {
   forwardRef as forwardRef45,
   useCallback as useCallback21,
   useId as useId25,
-  useMemo as useMemo16,
+  useMemo as useMemo17,
   useState as useState26
 } from "react";
 import { jsx as jsx55, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -14985,24 +15014,24 @@ var Heatmap = forwardRef45(
     ...rest
   }, ref) {
     const reactId = useId25();
-    const xs = useMemo16(() => {
+    const xs = useMemo17(() => {
       if (xLabels) return xLabels;
       return Array.from(new Set(data.map((d) => d.x)));
     }, [xLabels, data]);
-    const ys = useMemo16(() => {
+    const ys = useMemo17(() => {
       if (yLabels) return yLabels;
       return Array.from(new Set(data.map((d) => d.y)));
     }, [yLabels, data]);
-    const cellMap = useMemo16(() => {
+    const cellMap = useMemo17(() => {
       const m = /* @__PURE__ */ new Map();
       for (const c of data) m.set(`${c.x}|${c.y}`, c);
       return m;
     }, [data]);
-    const vMin = useMemo16(
+    const vMin = useMemo17(
       () => domainMin ?? (data.length ? Math.min(...data.map((d) => d.value)) : 0),
       [domainMin, data]
     );
-    const vMax = useMemo16(
+    const vMax = useMemo17(
       () => domainMax ?? (data.length ? Math.max(...data.map((d) => d.value)) : 1),
       [domainMax, data]
     );
@@ -15024,7 +15053,7 @@ var Heatmap = forwardRef45(
       },
       [onCellClick]
     );
-    const resolvedAriaLabel = useMemo16(() => {
+    const resolvedAriaLabel = useMemo17(() => {
       if (ariaLabel) return ariaLabel;
       const t = typeof title === "string" ? title : "Heatmap";
       return `${t} \u2014 ${xs.length}\xD7${ys.length} grid, ${data.length} cells, range ${formatValue(vMin)} to ${formatValue(vMax)}`;
@@ -15814,7 +15843,7 @@ IntegrationCard.displayName = "IntegrationCard";
 import { CheckmarkIcon as CheckmarkIcon6, ChevronRightIcon as ChevronRightIcon3, CopyIcon as CopyIcon3 } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef50,
-  useMemo as useMemo17,
+  useMemo as useMemo18,
   useState as useState28
 } from "react";
 import { Fragment as Fragment28, jsx as jsx61, jsxs as jsxs58 } from "react/jsx-runtime";
@@ -15867,7 +15896,7 @@ function JsonNode({
   const isObject = value !== null && typeof value === "object" && !Array.isArray(value);
   const isArray = Array.isArray(value);
   const isContainer = isObject || isArray;
-  const renderKey = useMemo17(() => {
+  const renderKey = useMemo18(() => {
     if (name === void 0) return null;
     if (typeof name === "number") {
       return showIndexes ? /* @__PURE__ */ jsx61("span", { className: "ods-json-viewer__key ods-json-viewer__key--index", children: name }) : null;
@@ -16206,7 +16235,7 @@ import {
   useCallback as useCallback23,
   useEffect as useEffect24,
   useId as useId30,
-  useMemo as useMemo18,
+  useMemo as useMemo19,
   useRef as useRef31,
   useState as useState29
 } from "react";
@@ -16274,7 +16303,7 @@ var LineChart = forwardRef53(
     ...rest
   }, ref) {
     const reactId = useId30();
-    const allLines = useMemo18(() => {
+    const allLines = useMemo19(() => {
       if (series && series.length > 0) return series;
       return [
         {
@@ -16291,20 +16320,20 @@ var LineChart = forwardRef53(
     );
     const totalX = allLines[0]?.data.length ?? 0;
     const visibleRange = zoom ?? { start: 0, end: Math.max(0, totalX - 1) };
-    const lines = useMemo18(
+    const lines = useMemo19(
       () => allLines.map((s) => ({
         ...s,
         data: s.data.slice(visibleRange.start, visibleRange.end + 1)
       })),
       [allLines, visibleRange.start, visibleRange.end]
     );
-    const xLabels = useMemo18(
+    const xLabels = useMemo19(
       () => lines[0]?.data.map((p) => p.x) ?? [],
       [lines]
     );
     const xCount = xLabels.length;
     const stepX = (W - PAD * 2) / Math.max(1, xCount - 1);
-    const allYs = useMemo18(
+    const allYs = useMemo19(
       () => lines.flatMap((s) => s.data.map((p) => p.y)),
       [lines]
     );
@@ -16312,7 +16341,7 @@ var LineChart = forwardRef53(
     const dataMax = allYs.length ? Math.max(...allYs) : 1;
     const lo = yMin ?? Math.min(0, dataMin);
     const hi = Math.max(lo + 1, yMax ?? dataMax);
-    const projected = useMemo18(
+    const projected = useMemo19(
       () => lines.map(
         (s) => s.data.map(
           (p, i) => [
@@ -16323,7 +16352,7 @@ var LineChart = forwardRef53(
       ),
       [lines, stepX, lo, hi]
     );
-    const ticks = useMemo18(
+    const ticks = useMemo19(
       () => buildTicks2(lo, hi, Math.max(2, yTicks)),
       [lo, hi, yTicks]
     );
@@ -16420,7 +16449,7 @@ var LineChart = forwardRef53(
       const p = s?.data[hoveredIdx];
       if (p) onPointClick(p, s.id, visibleRange.start + hoveredIdx);
     }, [hoveredIdx, lines, onPointClick, visibleRange.start]);
-    const resolvedAriaLabel = useMemo18(() => {
+    const resolvedAriaLabel = useMemo19(() => {
       if (ariaLabel) return ariaLabel;
       const titleText = typeof title === "string" ? title : "";
       const summary = lines.map((s) => {
@@ -16927,7 +16956,7 @@ import { motion as motion24 } from "framer-motion";
 import {
   forwardRef as forwardRef56,
   useId as useId31,
-  useMemo as useMemo19
+  useMemo as useMemo20
 } from "react";
 import { Fragment as Fragment30, jsx as jsx66, jsxs as jsxs64 } from "react/jsx-runtime";
 var defaultFormat6 = (n) => {
@@ -16980,7 +17009,7 @@ var Sparkline = forwardRef56(
     const PAD2 = 1;
     const hasData = data.length > 0;
     const canDrawLine = variant === "line" ? data.length >= 2 : hasData;
-    const resolvedAriaLabel = useMemo19(() => {
+    const resolvedAriaLabel = useMemo20(() => {
       if (ariaLabel) return ariaLabel;
       if (!hasData) return "Sparkline \u2014 no data";
       const first = formatValue(data[0]);
@@ -17467,7 +17496,7 @@ import {
   useEffect as useEffect26,
   useId as useId33,
   useLayoutEffect as useLayoutEffect6,
-  useMemo as useMemo20,
+  useMemo as useMemo21,
   useRef as useRef33,
   useState as useState31
 } from "react";
@@ -17537,11 +17566,11 @@ var MultiSelect = forwardRef58(
       },
       [controlledValue, onChange]
     );
-    const selectedSet = useMemo20(
+    const selectedSet = useMemo21(
       () => new Set(selectedValues),
       [selectedValues]
     );
-    const filteredOptions = useMemo20(() => {
+    const filteredOptions = useMemo21(() => {
       const base = hideSelected ? options.filter((o) => !selectedSet.has(o.value)) : options;
       if (!query.trim()) return base;
       const q2 = query.trim().toLowerCase();
@@ -18255,7 +18284,7 @@ import {
   forwardRef as forwardRef61,
   useCallback as useCallback27,
   useId as useId36,
-  useMemo as useMemo21,
+  useMemo as useMemo22,
   useState as useState32
 } from "react";
 import { jsx as jsx72, jsxs as jsxs70 } from "react/jsx-runtime";
@@ -18349,7 +18378,7 @@ var Pagination = forwardRef61(
       },
       [currentPage, isControlled, onPageChange, totalPages]
     );
-    const pages = useMemo21(
+    const pages = useMemo22(
       () => buildPageRange(totalPages, currentPage, siblingCount, boundaryCount),
       [totalPages, currentPage, siblingCount, boundaryCount]
     );
@@ -18545,7 +18574,7 @@ import {
 import { CheckmarkIcon as CheckmarkIcon7, ViewIcon, ViewOffIcon } from "@octaviaflow/icons";
 
 // src/hooks/usePasswordStrength.ts
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 var DEFAULT_PASSWORD_RULES = [
   { id: "length-8", label: "At least 8 characters", test: /.{8,}/ },
   { id: "lowercase", label: "A lower-case letter", test: /[a-z]/ },
@@ -18553,7 +18582,7 @@ var DEFAULT_PASSWORD_RULES = [
   { id: "digit", label: "A digit", test: /\d/ }
 ];
 function usePasswordStrength(value, rules = DEFAULT_PASSWORD_RULES) {
-  return useMemo22(() => {
+  return useMemo23(() => {
     const evaluated = rules.map((r) => ({
       id: r.id,
       label: r.label,
@@ -22553,7 +22582,8 @@ function SidebarUserCard({ user }) {
       {
         trigger: body,
         items: user.menu,
-        align: "end",
+        align: "start",
+        matchTriggerWidth: true,
         "aria-label": labelText,
         triggerClassName: "ods-sidebar__user-card"
       }
@@ -23436,7 +23466,7 @@ import {
   useCallback as useCallback35,
   useEffect as useEffect34,
   useLayoutEffect as useLayoutEffect9,
-  useMemo as useMemo23,
+  useMemo as useMemo24,
   useState as useState42
 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
@@ -23463,7 +23493,7 @@ var Spotlight = forwardRef85(
       width: typeof window !== "undefined" ? window.innerWidth : 0,
       height: typeof window !== "undefined" ? window.innerHeight : 0
     }));
-    const maskId = useMemo23(
+    const maskId = useMemo24(
       () => `ods-spotlight-${Math.random().toString(36).slice(2, 9)}`,
       []
     );
@@ -23640,7 +23670,7 @@ import {
   forwardRef as forwardRef87,
   useCallback as useCallback36,
   useId as useId48,
-  useMemo as useMemo24,
+  useMemo as useMemo25,
   useState as useState43
 } from "react";
 import { jsx as jsx104, jsxs as jsxs98 } from "react/jsx-runtime";
@@ -23678,7 +23708,7 @@ var StatusTiles = forwardRef87(
     ...rest
   }, ref) {
     const reactId = useId48();
-    const visible = useMemo24(
+    const visible = useMemo25(
       () => max < data.length ? data.slice(data.length - max) : data,
       [data, max]
     );
@@ -23705,7 +23735,7 @@ var StatusTiles = forwardRef87(
       },
       [visible, onTileClick]
     );
-    const resolvedAriaLabel = useMemo24(() => {
+    const resolvedAriaLabel = useMemo25(() => {
       if (ariaLabel) return ariaLabel;
       const t = typeof title === "string" ? title : "Status";
       const tally = {};
@@ -23960,7 +23990,7 @@ import {
   forwardRef as forwardRef89,
   useCallback as useCallback37,
   useId as useId50,
-  useMemo as useMemo25,
+  useMemo as useMemo26,
   useState as useState44
 } from "react";
 import { jsx as jsx106, jsxs as jsxs100 } from "react/jsx-runtime";
@@ -24025,12 +24055,12 @@ var Sankey = forwardRef89(function Sankey2({
   ...rest
 }, ref) {
   const reactId = useId50();
-  const columnMap = useMemo25(
+  const columnMap = useMemo26(
     () => assignColumns(nodes, links),
     [nodes, links]
   );
   const columnCount = Math.max(0, ...Array.from(columnMap.values())) + 1;
-  const flows = useMemo25(() => {
+  const flows = useMemo26(() => {
     const inFlow = /* @__PURE__ */ new Map();
     const outFlow = /* @__PURE__ */ new Map();
     for (const n of nodes) {
@@ -24043,7 +24073,7 @@ var Sankey = forwardRef89(function Sankey2({
     }
     return { inFlow, outFlow };
   }, [nodes, links]);
-  const columns = useMemo25(() => {
+  const columns = useMemo26(() => {
     const grouped = Array.from(
       { length: columnCount },
       () => []
@@ -24054,7 +24084,7 @@ var Sankey = forwardRef89(function Sankey2({
     }
     return grouped;
   }, [nodes, columnMap, columnCount]);
-  const columnFlows = useMemo25(
+  const columnFlows = useMemo26(
     () => columns.map(
       (col) => col.reduce((s, n) => {
         const f = Math.max(
@@ -24068,11 +24098,11 @@ var Sankey = forwardRef89(function Sankey2({
   );
   const maxColumnFlow = Math.max(1, ...columnFlows);
   const colAvail = (col) => height - Math.max(0, col.length - 1) * nodeGap;
-  const scale = useMemo25(() => {
+  const scale = useMemo26(() => {
     const avail = Math.min(...columns.map(colAvail));
     return avail / maxColumnFlow;
   }, [columns, height, nodeGap, maxColumnFlow]);
-  const layoutNodes = useMemo25(() => {
+  const layoutNodes = useMemo26(() => {
     const m = /* @__PURE__ */ new Map();
     const colX = (c) => {
       if (columnCount <= 1) return 0;
@@ -24113,7 +24143,7 @@ var Sankey = forwardRef89(function Sankey2({
     }
     return m;
   }, [columns, columnCount, width, nodeWidth, flows, scale, height, nodeGap]);
-  const layoutLinks = useMemo25(() => {
+  const layoutLinks = useMemo26(() => {
     const sourceOffset = /* @__PURE__ */ new Map();
     const targetOffset = /* @__PURE__ */ new Map();
     for (const n of nodes) {
@@ -24182,7 +24212,7 @@ var Sankey = forwardRef89(function Sankey2({
     },
     [onNodeClick]
   );
-  const resolvedAriaLabel = useMemo25(() => {
+  const resolvedAriaLabel = useMemo26(() => {
     if (ariaLabel) return ariaLabel;
     const t = typeof title === "string" ? title : "Sankey";
     return `${t} \u2014 ${nodes.length} nodes, ${links.length} flows`;
@@ -24590,7 +24620,7 @@ function TableRow({
 
 // src/components/Tabs/Tabs.tsx
 import { motion as motion33 } from "framer-motion";
-import { useCallback as useCallback39, useEffect as useEffect35, useId as useId51, useMemo as useMemo26, useRef as useRef45, useState as useState46 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect35, useId as useId51, useMemo as useMemo27, useRef as useRef45, useState as useState46 } from "react";
 import { useTab, useTabList, useTabPanel } from "react-aria";
 import { jsx as jsx109, jsxs as jsxs103 } from "react/jsx-runtime";
 function TabButton({
@@ -24651,7 +24681,7 @@ function Tabs({
     if (!value) setInternalValue(keyStr);
     onChange?.(keyStr);
   };
-  const panelContentMap = useMemo26(() => {
+  const panelContentMap = useMemo27(() => {
     const map = /* @__PURE__ */ new Map();
     items.forEach((item) => {
       map.set(item.value, item.children);
@@ -25253,7 +25283,7 @@ import { CopyIcon as CopyIcon4, CutIcon } from "@octaviaflow/icons";
 import {
   useCallback as useCallback40,
   useEffect as useEffect36,
-  useMemo as useMemo27,
+  useMemo as useMemo28,
   useRef as useRef46,
   useState as useState48
 } from "react";
@@ -25342,7 +25372,7 @@ function useTextareaCommands({
   const dismissedAtRef = useRef46(
     null
   );
-  const items = useMemo27(() => {
+  const items = useMemo28(() => {
     const q2 = query.trim().toLowerCase();
     if (!q2) return commands.slice(0, maxItems);
     return commands.filter((c) => {
@@ -25635,7 +25665,7 @@ import {
   TextStrikethroughIcon,
   UndoIcon
 } from "@octaviaflow/icons";
-import { useCallback as useCallback42, useMemo as useMemo28, useRef as useRef47 } from "react";
+import { useCallback as useCallback42, useMemo as useMemo29, useRef as useRef47 } from "react";
 import { jsx as jsx113 } from "react/jsx-runtime";
 function useTextareaTools({
   textareaRef,
@@ -25645,7 +25675,7 @@ function useTextareaTools({
 }) {
   const valueRef = useRef47(value);
   valueRef.current = value;
-  const helpers = useMemo28(() => {
+  const helpers = useMemo29(() => {
     const getTa = () => textareaRef.current;
     const getSelection = () => {
       const ta = getTa();
@@ -25743,7 +25773,7 @@ function useTextareaTools({
       getTextarea: getTa
     };
   }, [textareaRef, onChange]);
-  const visibleTools = useMemo28(
+  const visibleTools = useMemo29(
     () => tools.filter((t) => t.isVisible ? t.isVisible(helpers) : true),
     [tools, helpers]
   );
@@ -26711,7 +26741,7 @@ import {
   useCallback as useCallback44,
   useEffect as useEffect40,
   useId as useId57,
-  useMemo as useMemo29,
+  useMemo as useMemo30,
   useRef as useRef50,
   useState as useState52
 } from "react";
@@ -26773,11 +26803,11 @@ var TimezonePicker = forwardRef98(
       else if (forwardedRef)
         forwardedRef.current = node;
     };
-    const selected = useMemo29(
+    const selected = useMemo30(
       () => options.find((o) => o.iana === value),
       [options, value]
     );
-    const filtered = useMemo29(() => {
+    const filtered = useMemo30(() => {
       if (!query.trim()) return options;
       const q2 = query.trim().toLowerCase();
       return options.filter(
@@ -27020,7 +27050,7 @@ import {
   createContext as createContext2,
   useCallback as useCallback45,
   useContext as useContext2,
-  useMemo as useMemo30,
+  useMemo as useMemo31,
   useRef as useRef51,
   useState as useState53
 } from "react";
@@ -27174,7 +27204,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
   const [hovered, setHovered] = useState53(false);
   const [pinned, setPinned] = useState53(false);
   const expanded = hovered || pinned;
-  const ordered = useMemo30(() => [...items].reverse(), [items]);
+  const ordered = useMemo31(() => [...items].reverse(), [items]);
   const isBottom = position.startsWith("bottom");
   const dir = isBottom ? -1 : 1;
   if (pinned && items.length === 0) setPinned(false);
@@ -27325,7 +27355,7 @@ function ToastProvider({
     },
     [dismiss, defaultPosition]
   );
-  const groups = useMemo30(() => {
+  const groups = useMemo31(() => {
     const out = {
       "top-left": [],
       "top-center": [],
@@ -27986,7 +28016,7 @@ import {
   useCallback as useCallback48,
   useEffect as useEffect41,
   useId as useId61,
-  useMemo as useMemo31,
+  useMemo as useMemo32,
   useState as useState55
 } from "react";
 import { jsx as jsx124, jsxs as jsxs117 } from "react/jsx-runtime";
@@ -28033,7 +28063,7 @@ var TreeView = forwardRef101(
       (node) => node.children ?? loaded[node.id],
       [loaded]
     );
-    const resolvedNodes = useMemo31(() => {
+    const resolvedNodes = useMemo32(() => {
       const walk = (ns) => ns.map((n) => {
         const kids = resolveChildren(n);
         if (kids) return { ...n, children: walk(kids) };
@@ -28041,7 +28071,7 @@ var TreeView = forwardRef101(
       });
       return walk(nodes);
     }, [nodes, resolveChildren]);
-    const visibleList = useMemo31(
+    const visibleList = useMemo32(
       () => buildVisibleList(resolvedNodes, expandedSet),
       [resolvedNodes, expandedSet]
     );
@@ -28406,10 +28436,10 @@ var UserCard = forwardRef102(
 UserCard.displayName = "UserCard";
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-import { useCallback as useCallback50, useMemo as useMemo33, useState as useState56 } from "react";
+import { useCallback as useCallback50, useMemo as useMemo34, useState as useState56 } from "react";
 
 // src/hooks/useWorkflow.ts
-import { useCallback as useCallback49, useMemo as useMemo32, useReducer } from "react";
+import { useCallback as useCallback49, useMemo as useMemo33, useReducer } from "react";
 
 // src/workflow/types.ts
 var types_exports = {};
@@ -28889,7 +28919,7 @@ function genId(prefix) {
   return `${prefix}_${Date.now().toString(36)}_${idCounter}`;
 }
 function useWorkflow(options = {}) {
-  const initial = useMemo32(
+  const initial = useMemo33(
     () => buildInitialWorkflow({
       metadata: options.metadata ? { ...options.metadata } : void 0,
       canvas: {
@@ -29206,11 +29236,11 @@ function WorkflowEditor({
     if (onReset) onReset();
     else dispatch({ type: "RESET" });
   }, [onReset, dispatch]);
-  const nextNodes = useMemo33(
+  const nextNodes = useMemo34(
     () => workflow.canvas.nodes.map(toNextNode),
     [workflow.canvas.nodes]
   );
-  const nextEdges = useMemo33(() => workflow.canvas.edges.map(toNextEdge), [workflow.canvas.edges]);
+  const nextEdges = useMemo34(() => workflow.canvas.edges.map(toNextEdge), [workflow.canvas.edges]);
   const onNodesChange = useCallback50(
     (changes) => {
       const reduced = applyNodeChanges(
@@ -29301,7 +29331,7 @@ function WorkflowEditor({
     const cy = (minY + maxY) / 2;
     wf.setViewport({ x: cw / 2 - cx * zoom, y: ch / 2 - cy * zoom, zoom });
   }, [workflow.canvas.nodes, canvasSize, wf]);
-  const defaultToolbar = useMemo33(
+  const defaultToolbar = useMemo34(
     () => /* @__PURE__ */ jsxs119(FlowToolbar, { placement: "left", children: [
       onSave && /* @__PURE__ */ jsx126(
         FlowToolbarButton,
@@ -29516,7 +29546,7 @@ import {
   forwardRef as forwardRef103,
   useCallback as useCallback51,
   useId as useId63,
-  useMemo as useMemo34,
+  useMemo as useMemo35,
   useState as useState57
 } from "react";
 import { Fragment as Fragment48, jsx as jsx127, jsxs as jsxs120 } from "react/jsx-runtime";
@@ -29603,7 +29633,7 @@ var XmlViewer = forwardRef103(
   }, ref) {
     const reactId = useId63();
     const baseId = providedId ?? `ods-xml-viewer-${reactId}`;
-    const parsed = useMemo34(() => parseXml(data), [data]);
+    const parsed = useMemo35(() => parseXml(data), [data]);
     const bodyStyle = height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : maxHeight !== void 0 ? {
       maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
     } : void 0;
@@ -29795,7 +29825,7 @@ import {
   forwardRef as forwardRef104,
   useCallback as useCallback52,
   useId as useId64,
-  useMemo as useMemo35,
+  useMemo as useMemo36,
   useState as useState58
 } from "react";
 import { Fragment as Fragment49, jsx as jsx128, jsxs as jsxs121 } from "react/jsx-runtime";
@@ -29940,7 +29970,7 @@ var YamlViewer = forwardRef104(
   }, ref) {
     const reactId = useId64();
     const baseId = providedId ?? `ods-yaml-viewer-${reactId}`;
-    const text = useMemo35(() => {
+    const text = useMemo36(() => {
       if (typeof data === "string") return data;
       try {
         return toYaml(data);
@@ -29948,7 +29978,7 @@ var YamlViewer = forwardRef104(
         return JSON.stringify(data, null, 2);
       }
     }, [data]);
-    const tokens = useMemo35(() => tokenizeYaml(text), [text]);
+    const tokens = useMemo36(() => tokenizeYaml(text), [text]);
     const [collapsed, setCollapsed] = useState58(() => {
       const s = /* @__PURE__ */ new Set();
       tokens.forEach((t) => {
@@ -29964,7 +29994,7 @@ var YamlViewer = forwardRef104(
         return next;
       });
     }, []);
-    const hidden = useMemo35(() => {
+    const hidden = useMemo36(() => {
       const hide = /* @__PURE__ */ new Set();
       for (let i = 0; i < tokens.length; i++) {
         const t = tokens[i];
@@ -30513,12 +30543,12 @@ function useTraceTimeline({
 
 // src/provider/OdsProvider.tsx
 import { generateCssVars, resolveConfig } from "@octaviaflow/config";
-import { createContext as createContext3, useContext as useContext3, useEffect as useEffect44, useMemo as useMemo36 } from "react";
+import { createContext as createContext3, useContext as useContext3, useEffect as useEffect44, useMemo as useMemo37 } from "react";
 import { OverlayProvider as OverlayProvider3 } from "react-aria";
 import { jsx as jsx129 } from "react/jsx-runtime";
 var OdsContext = createContext3(null);
 function OdsProvider({ config: userConfig, children }) {
-  const resolved = useMemo36(() => resolveConfig(userConfig), [userConfig]);
+  const resolved = useMemo37(() => resolveConfig(userConfig), [userConfig]);
   useEffect44(() => {
     const cssVarsBlock = generateCssVars(resolved);
     const match = cssVarsBlock.match(/:root\s*\{([\s\S]*)\}/);
@@ -30535,7 +30565,7 @@ function OdsProvider({ config: userConfig, children }) {
       }
     }
   }, [resolved]);
-  const contextValue = useMemo36(() => ({ config: resolved }), [resolved]);
+  const contextValue = useMemo37(() => ({ config: resolved }), [resolved]);
   return /* @__PURE__ */ jsx129(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx129(OverlayProvider3, { children }) });
 }
 function useOds() {
@@ -30555,7 +30585,7 @@ var emptyMotion = {
 };
 function useOdsMotion() {
   const config = useOds();
-  return useMemo36(() => {
+  return useMemo37(() => {
     if (!config.motion.enabled) {
       return emptyMotion;
     }