vortx-gl 1.0.29 → 1.0.31

package/dist/components/GraphCanvas.d.ts

@@ -1,5 +1,6 @@
 import { GraphEngine } from '../engine/renderer';
 import { NodeInput, EdgeInput, Stylesheet, RadialMenuItem } from '../engine/types';
+import { PartialGraphConfig } from '../engine/config';
 interface GraphData {
     nodes: Array<{
         data: NodeInput;
@@ -17,6 +18,10 @@ type __VLS_Props = {
     theme?: "dark" | "light";
     showUI?: boolean;
     autoFit?: boolean;
+    /** Overrides for any subset of GraphConfig (zoom/performance/interaction/
+     * style/graphOptions thresholds) — see engine/config.ts. Applied once, at
+     * engine construction; changing it after mount has no effect. */
+    config?: PartialGraphConfig;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     engine: import('vue').ShallowRef<GraphEngine | null, GraphEngine | null>;

package/dist/engine/core/context.d.ts

@@ -5,16 +5,30 @@ import { EdgeStore } from './EdgeStore';
 import { ComboStore } from './ComboStore';
 import { Camera } from './Camera';
 import { GpuBufferManager } from '../gpu/GpuBufferManager';
+import { SpatialIndex } from '../spatialIndex';
 export interface EngineContext {
     gl: WebGL2RenderingContext;
     canvas: HTMLCanvasElement;
     emitter: EventEmitter;
     requestRender: () => void;
+    /**
+     * Mark the overlay's projected-position cache stale — for mutations that move
+     * a node or change which nodes are hidden. Metadata-only updates must NOT
+     * call it: the projection pass is O(N). See GraphEngine.invalidateProjection.
+     */
+    invalidateProjection: () => void;
+    /**
+     * As invalidateProjection(), plus the caches keyed by node *index*. Node
+     * add/remove only — removal compacts the position array (swap-with-last), so
+     * an index-keyed cache then describes the wrong node.
+     */
+    invalidateNodeSet: () => void;
     nodes: NodeStore;
     edges: EdgeStore;
     combos: ComboStore;
     camera: Camera;
     gpu: GpuBufferManager;
+    spatialIndex: SpatialIndex;
     state: InteractionState;
     theme: "dark" | "light";
 }

package/dist/engine/interaction.d.ts

@@ -3,9 +3,6 @@ export declare class InteractionManager {
     private lastMouse;
     private isPanning;
     private isDraggingCombo;
-    private _managedComboDown;
-    private _managedComboMoved;
-    private _managedComboDownPos;
     private engine;
     private canvas;
     private groups;

package/dist/engine/renderer.d.ts

@@ -65,6 +65,22 @@ export declare class GraphEngine {
     emitEvent<T = unknown>(event: string, data?: T): void;
     requestRender(): void;
     private startRenderLoop;
+    /**
+     * Mark the overlay's projected-position cache stale. OverlayManager projects
+     * world → screen once per frame and reuses that cache unless the camera or
+     * the positions changed, so anything that moves a node or changes which nodes
+     * are hidden must say so — otherwise the overlay keeps drawing the previous
+     * geometry (labels, icons, badges, hulls) until the next pan/zoom.
+     */
+    invalidateProjection(): void;
+    /**
+     * As invalidateProjection(), plus the adaptive-LOD viewport count, which is
+     * keyed by node index and so is wrong (not just stale) once a removal
+     * compacts the position array. Both are recomputed lazily by the next frame.
+     * The spatial index is kept coherent incrementally by the stores — a full
+     * rebuild is O(N) over a string-keyed Map, never run it per mutation.
+     */
+    invalidateNodeSet(): void;
     render(): void;
     /**
      * Capture the current graph view as an image data URL (PNG by default).

package/dist/engine/types.d.ts

@@ -556,10 +556,23 @@ export interface GraphEventPayloadMap {
     "node:drag": {
         id: string | number;
         index: number;
-        position: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Batched counterpart of "node:drag" for a multi-select rigid drag: every
+     * node that moved this tick, not just the primary one "node:drag" reports.
+     * "node:drag" stays single-emit for perf (one dispatch, not N, per
+     * mousemove) — this fires alongside it, only when more than one node
+     * actually moved, for listeners that need the whole batch (e.g. undo/redo
+     * or persistence tracking "what moved", not a live per-frame visual).
+     */
+    "nodes:drag": {
+        moves: {
+            id: string | number;
             x: number;
             y: number;
-        };
+        }[];
     };
     "edge:add": {
         id: string;
@@ -603,6 +616,10 @@ export interface GraphEventPayloadMap {
         id: string;
         additive?: boolean;
     };
+    /** Edges caught by a box selection (mirrors "nodes:select" for the edge side). */
+    "edges:select": {
+        ids: string[];
+    };
     "combo:select": {
         id: string;
     };
@@ -662,10 +679,8 @@ export interface GraphEventPayloadMap {
         zoom: number;
     };
     "boxselect": {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
+        indices: number[];
+        ids: (string | number)[];
     };
     "boxend": void;
 }

package/dist/index.d.ts

@@ -1,12 +1,11 @@
 import { NodeInput, EdgeInput } from './engine/types';
-export declare const VORTX_BUILD = "GROUP-FIX-4";
 export { GraphEngine } from './engine/renderer';
 export * from './engine/types';
 export { default as GraphCanvas } from './components/GraphCanvas';
 export * from './engine/api';
 export { Minimap } from './engine/Minimap';
 export { GraphConfig, resolveConfig } from './engine/config';
-export type { GraphConfigType, PartialGraphConfig, ResolvedGraphConfig, GraphOptions } from './engine/config';
+export type { GraphConfigType, PartialGraphConfig, ResolvedGraphConfig, GraphOptions, } from './engine/config';
 export { resolveNodeStyle, resolveNodeSelectStyle, resolveEdgeStyle, resolveEdgeSelectStyle, resolveEdgeClass, resolveIconKey, } from './engine/utils/styleResolver';
 export type { ResolvedNodeStyle, ResolvedNodeSelectStyle, ResolvedEdgeStyle, ResolvedEdgeSelectStyle, EdgeStyleClass, NodeElement, EdgeElement, } from './engine/utils/styleResolver';
 export declare const createGraphData: (nodes: NodeInput[], edges: EdgeInput[]) => {

package/dist/vortx-gl.css

@@ -874,7 +874,7 @@ input[data-v-bf144eba] {
   transition: width 0.3s ease, background-color 0.3s ease;
 }
 
-.vortx-gl-container[data-v-ecc29c67] {
+.vortx-gl-container[data-v-6ba1469f] {
   position: relative;
   width: 100%;
   height: 100%;
@@ -886,13 +886,13 @@ input[data-v-bf144eba] {
 }
 
 /* Top Right Controls */
-.top-right-controls-container[data-v-ecc29c67] {
+.top-right-controls-container[data-v-6ba1469f] {
   position: absolute;
   top: var(--vortx-space-md);
   right: var(--vortx-space-md);
   z-index: 1100;
 }
-.bottom-right-controls-container[data-v-ecc29c67] {
+.bottom-right-controls-container[data-v-6ba1469f] {
   position: absolute;
   bottom: var(--vortx-space-md);
   right: var(--vortx-space-md);
@@ -902,21 +902,21 @@ input[data-v-bf144eba] {
   gap: var(--vortx-space-sm);
   z-index: 1100;
 }
-.bottom-right-controls-container[data-v-ecc29c67] .top-right-controls {
+.bottom-right-controls-container[data-v-6ba1469f] .top-right-controls {
   position: static;
   transform: none;
 }
-.controls-stack[data-v-ecc29c67] {
+.controls-stack[data-v-6ba1469f] {
   display: flex;
   gap: var(--vortx-space-sm);
   align-items: flex-start;
 }
-.controls-stack[data-v-ecc29c67] .top-right-controls {
+.controls-stack[data-v-6ba1469f] .top-right-controls {
   position: static;
   transform: none;
 }
-.main-canvas[data-v-ecc29c67],
-.overlay-canvas[data-v-ecc29c67] {
+.main-canvas[data-v-6ba1469f],
+.overlay-canvas[data-v-6ba1469f] {
   position: absolute;
   top: 0;
   left: 0;
@@ -924,12 +924,12 @@ input[data-v-bf144eba] {
   height: 100%;
   display: block;
 }
-.overlay-canvas[data-v-ecc29c67] {
+.overlay-canvas[data-v-6ba1469f] {
   pointer-events: none;
 }
 
 /* Mobile Menu */
-.mobile-menu[data-v-ecc29c67] {
+.mobile-menu[data-v-6ba1469f] {
   position: fixed;
   bottom: var(--vortx-space-md);
   left: 50%;
@@ -941,7 +941,7 @@ input[data-v-bf144eba] {
   z-index: 1000;
   gap: 4px;
 }
-.menu-btn[data-v-ecc29c67] {
+.menu-btn[data-v-6ba1469f] {
   background: transparent;
   border: none;
   color: var(--vortx-text-dim);
@@ -955,18 +955,18 @@ input[data-v-bf144eba] {
   transition: all 0.2s;
   min-width: 70px;
 }
-.menu-btn span[data-v-ecc29c67] {
+.menu-btn span[data-v-6ba1469f] {
   font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.menu-btn.active[data-v-ecc29c67] {
+.menu-btn.active[data-v-6ba1469f] {
   background: var(--vortx-primary);
   color: white;
   box-shadow: 0 4px 12px var(--vortx-primary-glow);
 }
-.menu-divider[data-v-ecc29c67] {
+.menu-divider[data-v-6ba1469f] {
   width: 1px;
   height: 24px;
   background: var(--vortx-border);
@@ -974,14 +974,14 @@ input[data-v-bf144eba] {
 }
 
 /* Mobile Drawers */
-.drawer-overlay[data-v-ecc29c67] {
+.drawer-overlay[data-v-6ba1469f] {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.4);
   backdrop-filter: blur(4px);
   z-index: 1300;
 }
-.mobile-drawer[data-v-ecc29c67] {
+.mobile-drawer[data-v-6ba1469f] {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -991,37 +991,37 @@ input[data-v-bf144eba] {
   padding-bottom: env(safe-area-inset-bottom, var(--vortx-space-lg));
   animation: vortxSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.drawer-handle[data-v-ecc29c67] {
+.drawer-handle[data-v-6ba1469f] {
   width: 40px;
   height: 4px;
   background: var(--vortx-border);
   border-radius: 2px;
   margin: 0 auto var(--vortx-space-md);
 }
-.drawer-header[data-v-ecc29c67] {
+.drawer-header[data-v-6ba1469f] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: var(--vortx-space-md);
 }
-.drawer-header h3[data-v-ecc29c67] {
+.drawer-header h3[data-v-6ba1469f] {
   margin: 0;
   font-size: 16px;
   font-weight: 700;
 }
-.drawer-close[data-v-ecc29c67] {
+.drawer-close[data-v-6ba1469f] {
   background: transparent;
   border: none;
   color: var(--vortx-text-dim);
   cursor: pointer;
 }
-.drawer-content[data-v-ecc29c67] {
+.drawer-content[data-v-6ba1469f] {
   padding: var(--vortx-space-sm) 0;
 }
 
 /* Fix desktop components inside drawer */
-.drawer-content[data-v-ecc29c67] .layout-controls,
-.drawer-content[data-v-ecc29c67] .top-right-controls {
+.drawer-content[data-v-6ba1469f] .layout-controls,
+.drawer-content[data-v-6ba1469f] .top-right-controls {
   position: static;
   transform: none;
   width: 100%;
@@ -1034,12 +1034,12 @@ input[data-v-bf144eba] {
   flex-wrap: wrap;
   justify-content: center;
 }
-.drawer-content[data-v-ecc29c67] .divider {
+.drawer-content[data-v-6ba1469f] .divider {
   display: none;
 }
 
 /* Help Trigger */
-.help-trigger[data-v-ecc29c67] {
+.help-trigger[data-v-6ba1469f] {
   position: absolute;
   bottom: var(--vortx-space-md);
   right: var(--vortx-space-md);
@@ -1059,7 +1059,7 @@ input[data-v-bf144eba] {
   transition: all 0.2s;
   color: var(--vortx-text-dim);
 }
-.help-trigger[data-v-ecc29c67]:hover {
+.help-trigger[data-v-6ba1469f]:hover {
   background: var(--vortx-primary);
   color: white;
   border-color: white;
@@ -1067,7 +1067,7 @@ input[data-v-bf144eba] {
 }
 
 /* Help Modal */
-.help-modal-overlay[data-v-ecc29c67] {
+.help-modal-overlay[data-v-6ba1469f] {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.4);
@@ -1077,45 +1077,45 @@ input[data-v-bf144eba] {
   align-items: center;
   justify-content: center;
 }
-.help-modal[data-v-ecc29c67] {
+.help-modal[data-v-6ba1469f] {
   width: 340px;
   border-radius: var(--vortx-radius-lg);
   overflow: hidden;
   animation: vortxScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
-.help-header[data-v-ecc29c67] {
+.help-header[data-v-6ba1469f] {
   padding: var(--vortx-space-md);
   border-bottom: 1px solid var(--vortx-border);
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.help-header h3[data-v-ecc29c67] {
+.help-header h3[data-v-6ba1469f] {
   margin: 0;
   font-size: 16px;
 }
-.shortcut-row[data-v-ecc29c67] {
+.shortcut-row[data-v-6ba1469f] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 12px var(--vortx-space-md);
   border-bottom: 1px solid var(--vortx-border);
 }
-.shortcut-row[data-v-ecc29c67]:last-child {
+.shortcut-row[data-v-6ba1469f]:last-child {
   border-bottom: none;
 }
-.key-badge[data-v-ecc29c67] {
+.key-badge[data-v-6ba1469f] {
   background: var(--vortx-border);
   padding: 4px 10px;
   border-radius: var(--vortx-radius-sm);
   font-family: monospace;
   font-size: 12px;
 }
-.action-desc[data-v-ecc29c67] {
+.action-desc[data-v-6ba1469f] {
   font-size: 13px;
   color: var(--vortx-text-dim);
 }
-.close-btn[data-v-ecc29c67] {
+.close-btn[data-v-6ba1469f] {
   background: transparent;
   border: none;
   color: var(--vortx-text-dim);
@@ -1123,13 +1123,13 @@ input[data-v-bf144eba] {
   cursor: pointer;
 }
 @media (max-width: 768px) {
-.help-trigger[data-v-ecc29c67] {
+.help-trigger[data-v-6ba1469f] {
     display: none;
 }
 }
 
 /* Connecting Toast */
-.connecting-toast[data-v-ecc29c67] {
+.connecting-toast[data-v-6ba1469f] {
   position: fixed;
   top: var(--vortx-space-lg);
   left: 50%;
@@ -1140,20 +1140,20 @@ input[data-v-bf144eba] {
   display: flex;
   align-items: center;
   gap: 16px;
-  animation: vortxSlideDown-ecc29c67 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  animation: vortxSlideDown-6ba1469f 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.toast-content[data-v-ecc29c67] {
+.toast-content[data-v-6ba1469f] {
   display: flex;
   align-items: center;
   gap: 16px;
   flex: 1;
 }
-.edge-config-group[data-v-ecc29c67] {
+.edge-config-group[data-v-6ba1469f] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.vortx-input-sm[data-v-ecc29c67] {
+.vortx-input-sm[data-v-6ba1469f] {
   background: rgba(255, 255, 255, 0.05);
   border: 1px solid var(--vortx-border);
   border-radius: var(--vortx-radius-sm);
@@ -1163,24 +1163,24 @@ input[data-v-bf144eba] {
   width: 140px;
   height: 32px;
 }
-.vortx-input-sm.narrow[data-v-ecc29c67] {
+.vortx-input-sm.narrow[data-v-6ba1469f] {
   width: 60px;
 }
-.color-presets[data-v-ecc29c67] {
+.color-presets[data-v-6ba1469f] {
   display: flex;
   gap: 6px;
 }
-.color-dot[data-v-ecc29c67] {
+.color-dot[data-v-6ba1469f] {
   width: 18px;
   height: 18px;
   border-radius: 50%;
   cursor: pointer;
   transition: transform 0.2s;
 }
-.color-dot[data-v-ecc29c67]:hover {
+.color-dot[data-v-6ba1469f]:hover {
   transform: scale(1.2);
 }
-@keyframes vortxPulse-ecc29c67 {
+@keyframes vortxPulse-6ba1469f {
 0% {
     transform: scale(1);
     opacity: 1;
@@ -1194,7 +1194,7 @@ input[data-v-bf144eba] {
     opacity: 1;
 }
 }
-@keyframes vortxSlideDown-ecc29c67 {
+@keyframes vortxSlideDown-6ba1469f {
 from {
     transform: translate(-50%, -20px);
     opacity: 0;