@octaviaflow/core 3.0.18-beta.32 → 3.0.18-beta.34

package/dist/index.js

@@ -2,11 +2,13 @@ import {
   FlowCanvas,
   FlowInstanceContext,
   FlowStoreContext,
+  HandleRegistryContext,
   applyEdgeChanges,
   applyNodeChanges,
   buildEdgePath,
+  handleCentre,
   useViewportOrNull
-} from "./chunk-XSRJM2TR.js";
+} from "./chunk-KOE4VS4I.js";
 import {
   __export,
   cn
@@ -4858,6 +4860,20 @@ var Select = forwardRef14(function Select2({
     };
   }, [state.isOpen, state.close, closeOnOutsideClick]);
   const selectedOption = options.find((o) => o.value === String(state.selectedKey ?? ""));
+  const wasOpenBeforePressRef = useRef8(false);
+  const handleTriggerPointerDown = (e) => {
+    wasOpenBeforePressRef.current = state.isOpen;
+    const baseHandler = buttonProps.onPointerDown;
+    baseHandler?.(e);
+  };
+  const handleTriggerClick = (e) => {
+    const baseHandler = buttonProps.onClick;
+    baseHandler?.(e);
+    if (wasOpenBeforePressRef.current && state.isOpen) {
+      state.close();
+    }
+    wasOpenBeforePressRef.current = false;
+  };
   return /* @__PURE__ */ jsxs15(
     "div",
     {
@@ -4875,6 +4891,8 @@ var Select = forwardRef14(function Select2({
           "button",
           {
             ...buttonProps,
+            onPointerDown: handleTriggerPointerDown,
+            onClick: handleTriggerClick,
             ref: setTriggerRef,
             id: baseId,
             form,
@@ -12644,6 +12662,7 @@ function ExecutionConsole({
 }) {
   const logEndRef = useRef23(null);
   const logsRef = useRef23(null);
+  const lastScrollTopRef = useRef23(0);
   const [query, setQuery] = useState22("");
   const [activeLevels, setActiveLevels] = useState22(() => new Set(ALL_LEVELS));
   const [activeNode, setActiveNode] = useState22("all");
@@ -12681,9 +12700,13 @@ function ExecutionConsole({
   const handleLogsScroll = () => {
     const el = logsRef.current;
     if (!el) return;
-    const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
-    if (distance > 60 && autoScroll) setAutoScroll(false);
+    const prev = lastScrollTopRef.current;
+    const curr = el.scrollTop;
+    const distance = el.scrollHeight - curr - el.clientHeight;
+    const userScrolledUp = curr < prev - 1;
+    if (userScrolledUp && distance > 60 && autoScroll) setAutoScroll(false);
     if (distance <= 8 && !autoScroll) setAutoScroll(true);
+    lastScrollTopRef.current = curr;
   };
   const toggleLevel = (level) => {
     setActiveLevels((prev) => {
@@ -14323,11 +14346,17 @@ function FlowMinimap(props) {
   } = props;
   const store = useContext(FlowStoreContext);
   const instance = useContext(FlowInstanceContext);
+  const handleRegistry = useContext(HandleRegistryContext);
   const { sub, snap } = useMemo16(
     () => store ? { sub: store.subscribe, snap: () => store.getSnapshot() } : { sub: NO_STORE_SUBSCRIBE, snap: NO_STORE_SNAPSHOT },
     [store]
   );
   const liveSnapshot = useSyncExternalStore(sub, snap, snap);
+  const [registryVersion, setRegistryVersion] = useState26(0);
+  useEffect22(() => {
+    if (!handleRegistry) return;
+    return handleRegistry.subscribe(() => setRegistryVersion((v) => v + 1));
+  }, [handleRegistry]);
   const resolvedNodes = useMemo16(() => {
     if (nodesProp) return nodesProp;
     if (!liveSnapshot) return [];
@@ -14342,19 +14371,41 @@ function FlowMinimap(props) {
   const resolvedEdges = useMemo16(() => {
     if (edgesProp) return edgesProp;
     if (!liveSnapshot) return [];
-    const nodeIndex = new Map(resolvedNodes.map((n) => [n.id, n]));
+    const nodeIndex = new Map(
+      liveSnapshot.nodes.filter((n) => !n.hidden).map((n) => [n.id, n])
+    );
+    const centreOf = (n) => {
+      const w = n.width ?? DEFAULT_NODE_WIDTH2;
+      const h = n.height ?? DEFAULT_NODE_HEIGHT2;
+      return { x: n.position.x + w / 2, y: n.position.y + h / 2 };
+    };
     return liveSnapshot.edges.flatMap((e) => {
+      if (e.hidden) return [];
       const s = nodeIndex.get(e.source);
       const t = nodeIndex.get(e.target);
       if (!s || !t) return [];
-      return [
-        {
-          from: { x: s.x + s.width / 2, y: s.y + s.height / 2 },
-          to: { x: t.x + t.width / 2, y: t.y + t.height / 2 }
-        }
-      ];
+      const srcDesc = handleRegistry?.resolve(
+        s.id,
+        "source",
+        e.sourceHandle ?? "default"
+      );
+      const tgtDesc = handleRegistry?.resolve(
+        t.id,
+        "target",
+        e.targetHandle ?? "default"
+      );
+      const from = srcDesc ? handleCentre(s, srcDesc.side, srcDesc.index, srcDesc.total) : (
+        // Fallback: source defaults to bottom centre (matches the
+        // canvas's source default before any Handle registers).
+        s.sourcePosition ? handleCentre(s, s.sourcePosition, 0, 1) : centreOf(s)
+      );
+      const to = tgtDesc ? handleCentre(t, tgtDesc.side, tgtDesc.index, tgtDesc.total) : (
+        // Fallback: target defaults to top centre.
+        t.targetPosition ? handleCentre(t, t.targetPosition, 0, 1) : centreOf(t)
+      );
+      return [{ from, to }];
     });
-  }, [edgesProp, liveSnapshot, resolvedNodes]);
+  }, [edgesProp, liveSnapshot, handleRegistry, registryVersion]);
   const minimapRef = useRef27(null);
   const [canvasSize, setCanvasSize] = useState26(null);
   useEffect22(() => {
@@ -18325,7 +18376,10 @@ var MultiSelect = forwardRef60(
               "aria-label": labelId ? void 0 : ariaLabel ?? placeholder,
               "aria-disabled": disabled,
               tabIndex: disabled ? -1 : 0,
-              onClick: () => !disabled && setOpen(true),
+              onClick: () => {
+                if (disabled) return;
+                setOpen((prev) => !prev);
+              },
               onKeyDown: (e) => {
                 if (disabled) return;
                 if (!open && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown")) {