@almadar/ui 5.60.0 → 5.61.0

package/dist/avl/index.js

@@ -12160,16 +12160,6 @@ var init_Skeleton = __esm({
     Skeleton.displayName = "Skeleton";
   }
 });
-function isKnownPattern(type) {
-  return type in componentMapping;
-}
-var componentMapping;
-var init_pattern_resolver = __esm({
-  "renderer/pattern-resolver.ts"() {
-    createLogger("almadar:ui:pattern-resolver");
-    componentMapping = {};
-  }
-});
 
 // renderer/slot-definitions.ts
 function isPortalSlot(slot) {
@@ -12278,7 +12268,6 @@ var init_navigation = __esm({
 // renderer/index.ts
 var init_renderer = __esm({
   "renderer/index.ts"() {
-    init_pattern_resolver();
     init_slot_definitions();
   }
 });
@@ -13982,7 +13971,7 @@ function recordTransition(trace) {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  log5.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
+  log4.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
   getState().transitions.push(entry);
   if (getState().transitions.length > MAX_TRANSITIONS) {
     getState().transitions.shift();
@@ -14081,7 +14070,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log5.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log4.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -14180,10 +14169,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log5, MAX_TRANSITIONS;
+var log4, MAX_TRANSITIONS;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log5 = createLogger("almadar:bridge");
+    log4 = createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -16114,7 +16103,7 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log5, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -16197,7 +16186,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark, ...loloStyleOverrides };
-    log6 = createLogger("almadar:ui:markdown-code");
+    log5 = createLogger("almadar:ui:markdown-code");
     CODE_LANGUAGES = [
       "text",
       "json",
@@ -16461,7 +16450,7 @@ var init_CodeBlock = __esm({
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: true });
             setTimeout(() => setCopied(false), 2e3);
           } catch (err) {
-            log6.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
+            log5.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: false });
           }
         };
@@ -20342,14 +20331,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var log7, lookStyles4, ButtonGroup;
+var log6, lookStyles4, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/core/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms2();
     init_useEventBus();
-    log7 = createLogger("almadar:ui:button-group");
+    log6 = createLogger("almadar:ui:button-group");
     lookStyles4 = {
       "right-aligned-buttons": "",
       "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
@@ -20430,7 +20419,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              log7.debug("Filter clicked", { field: filter.field });
+              log6.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -28092,9 +28081,9 @@ function debug(...args) {
   const [first, ...rest] = args;
   const message = typeof first === "string" ? first : "<debug>";
   if (rest.length === 0 && typeof first === "string") {
-    log8.debug(message);
+    log7.debug(message);
   } else {
-    log8.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
+    log7.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
   }
 }
 function debugGroup(label) {
@@ -28122,11 +28111,11 @@ function toLogMetaValue(v) {
   }
   return String(v);
 }
-var NAMESPACE, log8;
+var NAMESPACE, log7;
 var init_debug = __esm({
   "lib/debug.ts"() {
     NAMESPACE = "almadar:ui:debug";
-    log8 = createLogger(NAMESPACE);
+    log7 = createLogger(NAMESPACE);
     createLogger("almadar:ui:debug:input");
     createLogger("almadar:ui:debug:collision");
     createLogger("almadar:ui:debug:physics");
@@ -40157,6 +40146,7 @@ var init_GraphCanvas = __esm({
       draggable = true,
       actions,
       onNodeClick,
+      onNodeDoubleClick,
       nodeClickEvent,
       selectedNodeId,
       repulsion = 800,
@@ -40176,6 +40166,19 @@ var init_GraphCanvas = __esm({
       const [hoveredNode, setHoveredNode] = useState(null);
       const nodesRef = useRef([]);
       const [, forceUpdate] = useState(0);
+      const [logicalW, setLogicalW] = useState(800);
+      useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas || typeof ResizeObserver === "undefined") return;
+        const measure = () => {
+          const width = Math.round(canvas.clientWidth);
+          if (width > 0) setLogicalW(width);
+        };
+        measure();
+        const ro = new ResizeObserver(measure);
+        ro.observe(canvas);
+        return () => ro.disconnect();
+      }, []);
       const interactionRef = useRef({
         mode: "none",
         dragNodeId: null,
@@ -40188,10 +40191,8 @@ var init_GraphCanvas = __esm({
           const canvas = canvasRef.current;
           if (!canvas) return null;
           const rect = canvas.getBoundingClientRect();
-          const scaleX = rect.width > 0 ? canvas.width / rect.width : 1;
-          const scaleY = rect.height > 0 ? canvas.height / rect.height : 1;
-          const screenX = (e.clientX - rect.left) * scaleX;
-          const screenY = (e.clientY - rect.top) * scaleY;
+          const screenX = e.clientX - rect.left;
+          const screenY = e.clientY - rect.top;
           return {
             screenX,
             screenY,
@@ -40231,8 +40232,8 @@ var init_GraphCanvas = __esm({
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas || propNodes.length === 0) return;
-        const w = canvas.width;
-        const h = canvas.height;
+        const w = logicalW;
+        const h = height;
         const simNodes = propNodes.map((n, idx) => {
           let x = n.x ?? 0;
           let y = n.y ?? 0;
@@ -40322,29 +40323,41 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, logicalW, height]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;
         const ctx = canvas.getContext("2d");
         if (!ctx) return;
-        const w = canvas.width;
-        const h = canvas.height;
+        const w = logicalW;
+        const h = height;
         const nodes = nodesRef.current;
         const accentColor = resolveColor2("var(--color-accent)", canvas);
+        const dpr = typeof window !== "undefined" && window.devicePixelRatio || 1;
+        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
         ctx.clearRect(0, 0, w, h);
         ctx.save();
         ctx.translate(offset.x, offset.y);
         ctx.scale(zoom, zoom);
+        const neighbors = /* @__PURE__ */ new Set();
+        if (hoveredNode) {
+          neighbors.add(hoveredNode);
+          for (const edge of propEdges) {
+            if (edge.source === hoveredNode) neighbors.add(String(edge.target));
+            else if (edge.target === hoveredNode) neighbors.add(String(edge.source));
+          }
+        }
         for (const edge of propEdges) {
           const source = nodes.find((n) => n.id === edge.source);
           const target = nodes.find((n) => n.id === edge.target);
           if (!source || !target) continue;
+          const incident = !!hoveredNode && (edge.source === hoveredNode || edge.target === hoveredNode);
+          ctx.globalAlpha = hoveredNode ? incident ? 1 : 0.12 : 1;
           ctx.beginPath();
           ctx.moveTo(source.x, source.y);
           ctx.lineTo(target.x, target.y);
-          ctx.strokeStyle = edge.color || "#88888866";
-          ctx.lineWidth = edge.weight ? Math.max(1, edge.weight) : 1;
+          ctx.strokeStyle = incident ? accentColor : edge.color || "#88888866";
+          ctx.lineWidth = incident ? 2 : edge.weight ? Math.max(1, edge.weight) : 1;
           ctx.stroke();
           if (edge.label && showLabels) {
             const mx = (source.x + target.x) / 2;
@@ -40355,11 +40368,13 @@ var init_GraphCanvas = __esm({
             ctx.fillText(edge.label, mx, my - 4);
           }
         }
+        ctx.globalAlpha = 1;
         for (const node of nodes) {
           const size = node.size || 8;
           const color = resolveColor2(node.color || getGroupColor(node.group, groups), canvas);
           const isHovered = hoveredNode === node.id;
           const isSelected = selectedNodeId !== void 0 && node.id === selectedNodeId;
+          ctx.globalAlpha = hoveredNode && !neighbors.has(node.id) ? 0.2 : 1;
           const radius = isSelected ? size + 4 : isHovered ? size + 2 : size;
           ctx.beginPath();
           ctx.arc(node.x, node.y, radius, 0, Math.PI * 2);
@@ -40479,6 +40494,15 @@ var init_GraphCanvas = __esm({
         interactionRef.current.dragNodeId = null;
         setHoveredNode(null);
       }, []);
+      const handleDoubleClick = useCallback(
+        (e) => {
+          const coords = toCoords(e);
+          if (!coords) return;
+          const node = nodeAt(coords.graphX, coords.graphY);
+          if (node) onNodeDoubleClick?.(node);
+        },
+        [toCoords, nodeAt, onNodeDoubleClick]
+      );
       if (isLoading) {
         return /* @__PURE__ */ jsx(LoadingState, { message: t("common.loading"), className });
       }
@@ -40536,15 +40560,16 @@ var init_GraphCanvas = __esm({
           "canvas",
           {
             ref: canvasRef,
-            width: 800,
-            height,
+            width: Math.round(logicalW * (typeof window !== "undefined" && window.devicePixelRatio || 1)),
+            height: Math.round(height * (typeof window !== "undefined" && window.devicePixelRatio || 1)),
             className: "w-full cursor-grab active:cursor-grabbing",
             style: { height },
             onWheel: handleWheel,
             onMouseDown: handleMouseDown,
             onMouseMove: handleMouseMove,
             onMouseUp: handleMouseUp,
-            onMouseLeave: handleMouseLeave
+            onMouseLeave: handleMouseLeave,
+            onDoubleClick: handleDoubleClick
           }
         ) }),
         groups.length > 1 && /* @__PURE__ */ jsx(HStack, { gap: "md", className: "px-4 py-2 border-t border-border", wrap: true, children: groups.map((group, idx) => /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
@@ -44138,11 +44163,11 @@ var init_Canvas3DErrorBoundary = __esm({
   "components/game/molecules/three/components/Canvas3DErrorBoundary.css"() {
   }
 });
-var log9, Canvas3DErrorBoundary;
+var log8, Canvas3DErrorBoundary;
 var init_Canvas3DErrorBoundary2 = __esm({
   "components/game/molecules/three/components/Canvas3DErrorBoundary.tsx"() {
     init_Canvas3DErrorBoundary();
-    log9 = createLogger("almadar:ui:game:canvas3d:error-boundary");
+    log8 = createLogger("almadar:ui:game:canvas3d:error-boundary");
     Canvas3DErrorBoundary = class extends Component {
       constructor(props) {
         super(props);
@@ -44170,8 +44195,8 @@ var init_Canvas3DErrorBoundary2 = __esm({
       componentDidCatch(error, errorInfo) {
         this.setState({ errorInfo });
         this.props.onError?.(error, errorInfo);
-        log9.error("Error caught", { error });
-        log9.error("Component stack", { componentStack: errorInfo.componentStack ?? "<none>" });
+        log8.error("Error caught", { error });
+        log8.error("Component stack", { componentStack: errorInfo.componentStack ?? "<none>" });
       }
       render() {
         if (this.state.hasError) {
@@ -44234,7 +44259,7 @@ function useGLTFModel(url, resourceBasePath) {
       setState({ model: null, isLoading: false, error: null });
       return;
     }
-    log10.debug("Loading", { url });
+    log9.debug("Loading", { url });
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     const assetRoot = resourceBasePath || detectAssetRoot2(url);
     const loader = new GLTFLoader$1();
@@ -44242,7 +44267,7 @@ function useGLTFModel(url, resourceBasePath) {
     loader.load(
       url,
       (gltf) => {
-        log10.debug("Loaded", { url });
+        log9.debug("Loaded", { url });
         setState({
           model: gltf.scene,
           isLoading: false,
@@ -44251,7 +44276,7 @@ function useGLTFModel(url, resourceBasePath) {
       },
       void 0,
       (err) => {
-        log10.warn("Failed", { url, error: err instanceof Error ? err : String(err) });
+        log9.warn("Failed", { url, error: err instanceof Error ? err : String(err) });
         setState({
           model: null,
           isLoading: false,
@@ -44367,11 +44392,11 @@ function ModelLoader({
     }
   );
 }
-var log10;
+var log9;
 var init_ModelLoader = __esm({
   "components/game/molecules/three/components/ModelLoader.tsx"() {
     "use client";
-    log10 = createLogger("almadar:ui:game:model-loader");
+    log9 = createLogger("almadar:ui:game:model-loader");
   }
 });
 
@@ -44632,24 +44657,28 @@ var init_GameCanvas3D2 = __esm({
         const cameraConfig = useMemo(() => {
           const size = Math.max(
             gridBounds.maxX - gridBounds.minX,
-            gridBounds.maxZ - gridBounds.minZ
+            gridBounds.maxZ - gridBounds.minZ,
+            4
+            // minimum framing distance so a tiny board isn't zoomed in
           );
-          const distance = size * 1.5;
+          const cx = (gridBounds.minX + gridBounds.maxX) / 2;
+          const cz = (gridBounds.minZ + gridBounds.maxZ) / 2;
+          const d = size * 1.5;
           switch (cameraMode) {
             case "isometric":
               return {
-                position: [distance, distance * 0.8, distance],
+                position: [cx + d, d * 0.8, cz + d],
                 fov: 45
               };
             case "top-down":
               return {
-                position: [0, distance * 2, 0],
+                position: [cx, d * 2, cz],
                 fov: 45
               };
             case "perspective":
             default:
               return {
-                position: [distance, distance, distance],
+                position: [cx + d, d, cz + d],
                 fov: 45
               };
           }
@@ -44888,7 +44917,8 @@ var init_GameCanvas3D2 = __esm({
               "div",
               {
                 ref: containerRef,
-                className: cn("game-canvas-3d relative w-full h-full min-h-[85vh] overflow-hidden", className),
+                className: cn("game-canvas-3d relative w-full overflow-hidden", className),
+                style: { minHeight: "85vh" },
                 "data-orientation": orientation,
                 "data-camera-mode": cameraMode,
                 "data-overlay": overlay,
@@ -44903,7 +44933,7 @@ var init_GameCanvas3D2 = __esm({
                         near: 0.1,
                         far: 1e3
                       },
-                      style: { background: backgroundColor },
+                      style: { background: backgroundColor, height: "85vh", width: "100%" },
                       onClick: (e) => {
                         if (e.target === e.currentTarget) {
                           eventHandlers.handleCanvasClick(e);
@@ -48705,7 +48735,7 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log16, setLog] = React90.useState([]);
+  const [log15, setLog] = React90.useState([]);
   const prevStatesRef = React90.useRef(/* @__PURE__ */ new Map());
   React90.useEffect(() => {
     for (const trait of traits2) {
@@ -48769,9 +48799,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log16.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+    log15.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log16.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log15.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -53786,7 +53816,7 @@ function isPatternConfig(value) {
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
-  return "type" in record && typeof record.type === "string" && isKnownPattern(record.type);
+  return "type" in record && typeof record.type === "string" && getComponentForPattern$1(record.type) !== null;
 }
 function isPlainConfigObject(value) {
   if (React90__default.isValidElement(value)) return false;
@@ -57698,7 +57728,7 @@ function convertObjectProps(props) {
 function convertFnFormLambdasInProps(props) {
   return convertObjectProps(props);
 }
-var log11 = createLogger("almadar:ui:effects:client-handlers");
+var log10 = createLogger("almadar:ui:effects:client-handlers");
 function createClientEffectHandlers(options) {
   const { eventBus, slotSetter, navigate, notify, callService, liveEntity } = options;
   return {
@@ -57707,11 +57737,11 @@ function createClientEffectHandlers(options) {
       eventBus.emit(prefixedEvent, payload);
     },
     persist: async () => {
-      log11.warn("persist is server-side only, ignored on client");
+      log10.warn("persist is server-side only, ignored on client");
     },
     set: (_entityId, field, value) => {
       if (!liveEntity) {
-        log11.warn("set is server-side only, ignored on client (no live entity)");
+        log10.warn("set is server-side only, ignored on client (no live entity)");
         return;
       }
       liveEntity[field] = value;
@@ -57743,10 +57773,10 @@ function createClientEffectHandlers(options) {
       slotSetter.addPattern(slot, pattern, props);
     },
     navigate: navigate ?? ((path) => {
-      log11.warn("No navigate handler, ignoring", { path });
+      log10.warn("No navigate handler, ignoring", { path });
     }),
     notify: notify ?? ((msg, type) => {
-      log11.debug("notify", { type, message: msg });
+      log10.debug("notify", { type, message: msg });
     })
   };
 }
@@ -57978,7 +58008,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = useCallback(async (params) => {
-    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log16 } = params;
+    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log15 } = params;
     const traitName = binding.trait.name;
     const linkedEntity = binding.linkedEntity || "";
     const entityId = payload?.entityId;
@@ -58066,7 +58096,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       ...handlers,
       set: async (targetId, field, value) => {
         if (baseSet) await baseSet(targetId, field, value);
-        log16.debug("set:write", {
+        log15.debug("set:write", {
           traitName,
           field,
           value: JSON.stringify(value),
@@ -58106,7 +58136,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const executor = new EffectExecutor({ handlers: trackingHandlers, bindings: bindingCtx, context: effectContext });
     try {
       await executor.executeAll(effects);
-      log16.debug("effects:executed", () => ({
+      log15.debug("effects:executed", () => ({
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -58116,7 +58146,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         slotsTouched: Array.from(pendingSlots.keys()).join(",")
       }));
       for (const [slot, patterns] of pendingSlots) {
-        log16.debug("flush:slot", {
+        log15.debug("flush:slot", {
           traitName,
           slot,
           patternCount: patterns.length,
@@ -58131,7 +58161,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         });
       }
     } catch (error) {
-      log16.error("effects:error", {
+      log15.error("effects:error", {
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -59126,7 +59156,7 @@ OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
 init_navigation();
 init_verificationRegistry();
 var PERF_NAMESPACE = "almadar:perf:canvas";
-var log13 = createLogger(PERF_NAMESPACE);
+var log12 = createLogger(PERF_NAMESPACE);
 var RING_SIZE = 50;
 var ring = [];
 var writeIdx = 0;
@@ -59177,7 +59207,7 @@ function perfEnd(name, startToken, detail) {
     }
   }
   push({ name, durationMs, ts: endTs, detail });
-  log13.debug(name, () => ({ durationMs, ...detail ?? {} }));
+  log12.debug(name, () => ({ durationMs, ...detail ?? {} }));
 }
 var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
   if (!isEnabled()) return;
@@ -59187,7 +59217,7 @@ var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, com
     ts: commitTime,
     detail: { baseDuration }
   });
-  log13.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
+  log12.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
 };
 
 // runtime/prepareSchemaForPreview.ts
@@ -59830,7 +59860,7 @@ init_useEventBus();
 // components/avl/molecules/useCanvasDnd.tsx
 init_useEventBus();
 init_useAlmadarDndCollision();
-var log14 = createLogger("almadar:ui:canvas-dnd");
+var log13 = createLogger("almadar:ui:canvas-dnd");
 function useCanvasDraggable({
   id,
   payload,
@@ -59869,7 +59899,7 @@ function defaultEmit(eventBus, drop) {
   if (payload.kind === "pattern") {
     const patternType = payload.data.type;
     if (typeof patternType !== "string") {
-      log14.warn("default-emit:pattern:missing-type");
+      log13.warn("default-emit:pattern:missing-type");
       return;
     }
     const out = { patternType, containerNode: target.containerNode };
@@ -59878,23 +59908,23 @@ function defaultEmit(eventBus, drop) {
       out.index = resolved.index;
     }
     eventBus.emit("UI:PATTERN_DROP", out);
-    log14.info("default-emit:pattern", { patternType, level: target.level });
+    log13.info("default-emit:pattern", { patternType, level: target.level });
     return;
   }
   if (payload.kind === "behavior") {
     const behaviorName = payload.data.name;
     if (typeof behaviorName !== "string") {
-      log14.warn("default-emit:behavior:missing-name");
+      log13.warn("default-emit:behavior:missing-name");
       return;
     }
     eventBus.emit("UI:BEHAVIOR_DROP", {
       behaviorName,
       containerNode: target.containerNode
     });
-    log14.info("default-emit:behavior", { behaviorName, level: target.level });
+    log13.info("default-emit:behavior", { behaviorName, level: target.level });
     return;
   }
-  log14.debug("default-emit:unhandled-kind", { kind: payload.kind });
+  log13.debug("default-emit:unhandled-kind", { kind: payload.kind });
 }
 function CanvasDndProvider({
   children,
@@ -59910,9 +59940,9 @@ function CanvasDndProvider({
     if (payload) {
       setActivePayload(payload);
       eventBus.emit("UI:DRAG_START", { kind: payload.kind, data: payload.data });
-      log14.info("dragStart", { id: e.active.id, kind: payload.kind });
+      log13.info("dragStart", { id: e.active.id, kind: payload.kind });
     } else {
-      log14.warn("dragStart:missing-payload", { id: e.active.id });
+      log13.warn("dragStart:missing-payload", { id: e.active.id });
     }
   }, [eventBus]);
   const handleDragEnd = React90__default.useCallback((e) => {
@@ -59922,7 +59952,7 @@ function CanvasDndProvider({
     const overData = e.over?.data.current;
     const target = overData?.target;
     const accepts = overData?.accepts;
-    log14.info("dragEnd", {
+    log13.info("dragEnd", {
       activeId: e.active.id,
       overId: e.over?.id,
       hasPayload: !!payload,
@@ -59934,7 +59964,7 @@ function CanvasDndProvider({
     }
     if (!payload || !target) return;
     if (accepts && !accepts.includes(payload.kind)) {
-      log14.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
+      log13.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
       return;
     }
     const activator = e.activatorEvent;
@@ -59946,7 +59976,7 @@ function CanvasDndProvider({
   }, [eventBus, onDrop]);
   const handleDragCancel = React90__default.useCallback(() => {
     setActivePayload(null);
-    log14.info("dragCancel");
+    log13.info("dragCancel");
   }, []);
   return /* @__PURE__ */ jsxs(
     DndContext,
@@ -61761,7 +61791,7 @@ init_AvlTransitionLane();
 init_AvlSwimLane();
 init_types();
 init_avl_elk_layout();
-var log15 = createLogger("almadar:ui:avl:trait-scene");
+var log14 = createLogger("almadar:ui:avl:trait-scene");
 var SWIM_GUTTER2 = 120;
 var CENTER_W2 = 360;
 var AvlTraitScene = ({
@@ -61774,7 +61804,7 @@ var AvlTraitScene = ({
   const dataKey = useMemo(() => JSON.stringify(data), [data]);
   useEffect(() => {
     computeTraitLayout(data).then(setLayout).catch((error) => {
-      log15.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
+      log14.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
     });
   }, [dataKey]);
   if (!layout) {

package/dist/components/core/molecules/GraphCanvas.d.ts

@@ -55,6 +55,8 @@ export interface GraphCanvasProps {
     actions?: readonly GraphAction[];
     /** On node click */
     onNodeClick?: (node: GraphNode) => void;
+    /** On node double-click (e.g. to drill in) */
+    onNodeDoubleClick?: (node: GraphNode) => void;
     /** Node click event */
     nodeClickEvent?: EventEmit<{
         id: string;