@cyvest/cyvest-vis 4.4.0 → 5.0.0

package/dist/{index.mjs → index.cjs}

@@ -1,22 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CyvestGraph: () => CyvestGraph,
+  DEFAULT_FORCE_CONFIG: () => DEFAULT_FORCE_CONFIG,
+  INVESTIGATION_ICON_MAP: () => INVESTIGATION_ICON_MAP,
+  InvestigationGraph: () => InvestigationGraph,
+  OBSERVABLE_ICON_MAP: () => OBSERVABLE_ICON_MAP,
+  ObservablesGraph: () => ObservablesGraph,
+  getInvestigationIcon: () => getInvestigationIcon,
+  getObservableIcon: () => getObservableIcon
+});
+module.exports = __toCommonJS(index_exports);
+
 // src/components/CyvestGraph.tsx
-import { useState as useState2, useCallback as useCallback4, useMemo as useMemo8 } from "react";
+var import_react14 = require("react");
 
 // src/components/ObservablesGraph.tsx
-import React3, { useMemo as useMemo4, useCallback as useCallback2, useState, useRef as useRef2 } from "react";
-import {
-  ReactFlow,
-  ReactFlowProvider,
-  Background,
-  Controls,
-  MiniMap,
-  useNodesState,
-  useEdgesState,
-  ConnectionMode,
-  BackgroundVariant,
-  Panel
-} from "@xyflow/react";
-import "@xyflow/react/dist/style.css";
-import { getObservableGraph } from "@cyvest/cyvest-js";
+var import_react7 = __toESM(require("react"), 1);
+var import_react8 = require("@xyflow/react");
+var import_style = require("@xyflow/react/dist/style.css");
+var import_cyvest_js2 = require("@cyvest/cyvest-js");
 
 // src/types.ts
 var DEFAULT_FORCE_CONFIG = {
@@ -28,11 +60,11 @@ var DEFAULT_FORCE_CONFIG = {
 };
 
 // src/components/ObservableNode.tsx
-import { memo, useMemo } from "react";
-import { Handle, Position } from "@xyflow/react";
+var import_react = require("react");
+var import_react2 = require("@xyflow/react");
 
 // src/utils/observables.ts
-import { getColorForLevel } from "@cyvest/cyvest-js";
+var import_cyvest_js = require("@cyvest/cyvest-js");
 function truncateLabel(value, maxLength = 20, truncateMiddle = true) {
   if (value.length <= maxLength) {
     return value;
@@ -44,7 +76,7 @@ function truncateLabel(value, maxLength = 20, truncateMiddle = true) {
   return `${value.slice(0, maxLength - 1)}\u2026`;
 }
 function getLevelColor(level) {
-  return getColorForLevel(level);
+  return (0, import_cyvest_js.getColorForLevel)(level);
 }
 function lightenHexColor(hex, amount) {
   const normalized = hex.startsWith("#") ? hex.slice(1) : hex;
@@ -63,14 +95,14 @@ function getLevelBackgroundColor(level) {
 }
 
 // src/components/Icons.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+var import_jsx_runtime = require("react/jsx-runtime");
 var defaultSize = 16;
 var defaultColor = "currentColor";
 var GlobeIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -83,9 +115,9 @@ var GlobeIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("path", { d: "M2 12h20" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12h20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
     ]
   }
 );
@@ -93,7 +125,7 @@ var DomainIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -106,8 +138,8 @@ var DomainIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
-      /* @__PURE__ */ jsx("polyline", { points: "9,22 9,12 15,12 15,22" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9,22 9,12 15,12 15,22" })
     ]
   }
 );
@@ -115,7 +147,7 @@ var LinkIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -128,8 +160,8 @@ var LinkIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
     ]
   }
 );
@@ -137,7 +169,7 @@ var MailIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -150,8 +182,8 @@ var MailIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
     ]
   }
 );
@@ -159,7 +191,7 @@ var EnvelopeIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -172,8 +204,8 @@ var EnvelopeIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
-      /* @__PURE__ */ jsx("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
     ]
   }
 );
@@ -181,7 +213,7 @@ var FileIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -194,8 +226,8 @@ var FileIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-      /* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "14,2 14,8 20,8" })
     ]
   }
 );
@@ -203,7 +235,7 @@ var HashIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -216,10 +248,10 @@ var HashIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-      /* @__PURE__ */ jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-      /* @__PURE__ */ jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
-      /* @__PURE__ */ jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
     ]
   }
 );
@@ -227,7 +259,7 @@ var UserIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -240,8 +272,8 @@ var UserIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "5" }),
-      /* @__PURE__ */ jsx("path", { d: "M20 21a8 8 0 1 0-16 0" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "8", r: "5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 21a8 8 0 1 0-16 0" })
     ]
   }
 );
@@ -249,7 +281,7 @@ var IdCardIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -262,10 +294,10 @@ var IdCardIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
-      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "12", r: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 10h4" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 14h4" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "12", r: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 10h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 14h4" })
     ]
   }
 );
@@ -273,7 +305,7 @@ var GearIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -286,8 +318,8 @@ var GearIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
-      /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
     ]
   }
 );
@@ -295,7 +327,7 @@ var AppIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -308,9 +340,9 @@ var AppIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9h18" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 3v18" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 9h18" })
     ]
   }
 );
@@ -318,7 +350,7 @@ var RegistryIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     width: size,
@@ -330,14 +362,14 @@ var RegistryIcon = ({
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx("path", { d: "m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4" })
   }
 );
 var ThreatActorIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -350,12 +382,12 @@ var ThreatActorIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "7" }),
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "1.5", fill: color }),
-      /* @__PURE__ */ jsx("circle", { cx: "15", cy: "9", r: "1.5", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M9 17v-2" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17v-2" }),
-      /* @__PURE__ */ jsx("path", { d: "M15 17v-2" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "10", r: "7" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "9", r: "1.5", fill: color }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "15", cy: "9", r: "1.5", fill: color }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 17v-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17v-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 17v-2" })
     ]
   }
 );
@@ -363,7 +395,7 @@ var BugIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -376,17 +408,17 @@ var BugIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "m8 2 1.88 1.88" }),
-      /* @__PURE__ */ jsx("path", { d: "M14.12 3.88 16 2" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 20v-9" }),
-      /* @__PURE__ */ jsx("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 13H2" }),
-      /* @__PURE__ */ jsx("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
-      /* @__PURE__ */ jsx("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
-      /* @__PURE__ */ jsx("path", { d: "M22 13h-4" }),
-      /* @__PURE__ */ jsx("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m8 2 1.88 1.88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.12 3.88 16 2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 20v-9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 13H2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 13h-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
     ]
   }
 );
@@ -394,7 +426,7 @@ var SwordIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -407,10 +439,10 @@ var SwordIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("polyline", { points: "14.5,17.5 3,6 3,3 6,3 17.5,14.5" }),
-      /* @__PURE__ */ jsx("line", { x1: "13", y1: "19", x2: "19", y2: "13" }),
-      /* @__PURE__ */ jsx("line", { x1: "16", y1: "16", x2: "20", y2: "20" }),
-      /* @__PURE__ */ jsx("line", { x1: "19", y1: "21", x2: "21", y2: "19" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "14.5,17.5 3,6 3,3 6,3 17.5,14.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "13", y1: "19", x2: "19", y2: "13" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "16", x2: "20", y2: "20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "19", y1: "21", x2: "21", y2: "19" })
     ]
   }
 );
@@ -418,7 +450,7 @@ var TargetIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -431,9 +463,9 @@ var TargetIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "2" })
     ]
   }
 );
@@ -441,7 +473,7 @@ var AlertIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -454,9 +486,9 @@ var AlertIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
     ]
   }
 );
@@ -464,7 +496,7 @@ var FlaskIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -477,9 +509,9 @@ var FlaskIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2" }),
-      /* @__PURE__ */ jsx("path", { d: "M8.5 2h7" }),
-      /* @__PURE__ */ jsx("path", { d: "M7 16h10" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.5 2h7" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 16h10" })
     ]
   }
 );
@@ -487,7 +519,7 @@ var CertificateIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -500,9 +532,9 @@ var CertificateIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Z" }),
-      /* @__PURE__ */ jsx("path", { d: "m9.5 15.5-3 3v3l3.5-1.5 3.5 1.5v-3l-3-3" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9.5 15.5-3 3v3l3.5-1.5 3.5 1.5v-3l-3-3" })
     ]
   }
 );
@@ -510,7 +542,7 @@ var WifiIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -523,10 +555,10 @@ var WifiIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }),
-      /* @__PURE__ */ jsx("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
-      /* @__PURE__ */ jsx("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
     ]
   }
 );
@@ -534,7 +566,7 @@ var WorldIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -547,9 +579,9 @@ var WorldIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
-      /* @__PURE__ */ jsx("path", { d: "M2 12h20" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12h20" })
     ]
   }
 );
@@ -557,7 +589,7 @@ var QuestionIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -570,9 +602,9 @@ var QuestionIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17h.01" })
     ]
   }
 );
@@ -580,7 +612,7 @@ var CheckIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "svg",
   {
     width: size,
@@ -592,14 +624,14 @@ var CheckIcon = ({
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className,
-    children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
   }
 );
-var BoxIcon = ({
+var TagIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -612,9 +644,9 @@ var BoxIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
-      /* @__PURE__ */ jsx("path", { d: "m3.3 7 8.7 5 8.7-5" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 22V12" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m3.3 7 8.7 5 8.7-5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 22V12" })
     ]
   }
 );
@@ -622,7 +654,7 @@ var CrosshairIcon = ({
   size = defaultSize,
   color = defaultColor,
   className
-}) => /* @__PURE__ */ jsxs(
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   "svg",
   {
     width: size,
@@ -635,11 +667,11 @@ var CrosshairIcon = ({
     strokeLinejoin: "round",
     className,
     children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("line", { x1: "22", y1: "12", x2: "18", y2: "12" }),
-      /* @__PURE__ */ jsx("line", { x1: "6", y1: "12", x2: "2", y2: "12" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "6", x2: "12", y2: "2" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "22", x2: "12", y2: "18" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "22", y1: "12", x2: "18", y2: "12" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "12", x2: "2", y2: "12" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "6", x2: "12", y2: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "22", x2: "12", y2: "18" })
     ]
   }
 );
@@ -684,7 +716,7 @@ var OBSERVABLE_ICON_MAP = {
 var INVESTIGATION_ICON_MAP = {
   root: CrosshairIcon,
   check: CheckIcon,
-  container: BoxIcon
+  tag: TagIcon
 };
 function getObservableIcon(observableType) {
   const normalized = observableType.toLowerCase().trim();
@@ -695,7 +727,7 @@ function getInvestigationIcon(nodeType) {
 }
 
 // src/components/ObservableNode.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var NODE_SIZE = 40;
 var ROOT_NODE_WIDTH = 56;
 var ROOT_NODE_HEIGHT = 40;
@@ -746,11 +778,11 @@ function ObservableNodeComponent({ data, selected }) {
   const { label, level, isRoot, whitelisted, fullValue, observableType } = nodeData;
   const borderColor = getLevelColor(level);
   const backgroundColor = getLevelBackgroundColor(level);
-  const IconComponent = useMemo(() => {
+  const IconComponent = (0, import_react.useMemo)(() => {
     if (isRoot) return CrosshairIcon;
     return getObservableIcon(observableType);
   }, [isRoot, observableType]);
-  const shapeStyle = useMemo(() => {
+  const shapeStyle = (0, import_react.useMemo)(() => {
     if (isRoot) {
       return {
         width: ROOT_NODE_WIDTH,
@@ -780,34 +812,34 @@ function ObservableNodeComponent({ data, selected }) {
       transition: "box-shadow 0.15s ease-out, transform 0.1s ease-out"
     };
   }, [isRoot, backgroundColor, borderColor, selected, whitelisted]);
-  const labelStyle = useMemo(
+  const labelStyle = (0, import_react.useMemo)(
     () => ({
       ...nodeStyles.label,
       color: whitelisted ? "#9ca3af" : "#374151"
     }),
     [whitelisted]
   );
-  return /* @__PURE__ */ jsxs2("div", { className: "observable-node", style: nodeStyles.container, children: [
-    /* @__PURE__ */ jsxs2("div", { style: nodeStyles.shapeWrapper, children: [
-      /* @__PURE__ */ jsx2("div", { style: shapeStyle, children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "observable-node", style: nodeStyles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: nodeStyles.shapeWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: shapeStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         IconComponent,
         {
           size: isRoot ? ROOT_ICON_SIZE : ICON_SIZE,
           color: borderColor
         }
       ) }),
-      /* @__PURE__ */ jsx2(Handle, { type: "source", position: Position.Right, style: nodeStyles.handle }),
-      /* @__PURE__ */ jsx2(Handle, { type: "target", position: Position.Left, style: nodeStyles.handle })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Handle, { type: "source", position: import_react2.Position.Right, style: nodeStyles.handle }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Handle, { type: "target", position: import_react2.Position.Left, style: nodeStyles.handle })
     ] }),
-    /* @__PURE__ */ jsx2("div", { style: labelStyle, title: fullValue, children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: labelStyle, title: fullValue, children: label })
   ] });
 }
-var ObservableNode = memo(ObservableNodeComponent);
+var ObservableNode = (0, import_react.memo)(ObservableNodeComponent);
 
 // src/components/FloatingEdge.tsx
-import { memo as memo2, useMemo as useMemo2 } from "react";
-import { BaseEdge, getBezierPath } from "@xyflow/react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+var import_react3 = require("react");
+var import_react4 = require("@xyflow/react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function getControlOffset(sourceX, sourceY, targetX, targetY) {
   const dx = targetX - sourceX;
   const dy = targetY - sourceY;
@@ -824,18 +856,18 @@ function FloatingEdgeComponent({
   markerEnd,
   selected
 }) {
-  const offset = useMemo2(
+  const offset = (0, import_react3.useMemo)(
     () => getControlOffset(sourceX, sourceY, targetX, targetY),
     [sourceX, sourceY, targetX, targetY]
   );
-  const [edgePath] = getBezierPath({
+  const [edgePath] = (0, import_react4.getBezierPath)({
     sourceX,
     sourceY,
     targetX,
     targetY,
     curvature: 0.15
   });
-  const edgeStyle = useMemo2(
+  const edgeStyle = (0, import_react3.useMemo)(
     () => ({
       strokeWidth: selected ? 2.5 : 1.5,
       stroke: selected ? "#3b82f6" : "#94a3b8",
@@ -844,8 +876,8 @@ function FloatingEdgeComponent({
     }),
     [selected, style]
   );
-  return /* @__PURE__ */ jsx3(
-    BaseEdge,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react4.BaseEdge,
     {
       id,
       path: edgePath,
@@ -854,43 +886,31 @@ function FloatingEdgeComponent({
     }
   );
 }
-var FloatingEdge = memo2(FloatingEdgeComponent);
+var FloatingEdge = (0, import_react3.memo)(FloatingEdgeComponent);
 
 // src/hooks/useForceLayout.ts
-import { useEffect, useRef, useCallback, useMemo as useMemo3 } from "react";
-import {
-  forceSimulation,
-  forceLink,
-  forceManyBody,
-  forceCenter,
-  forceCollide,
-  forceX,
-  forceY
-} from "d3-force";
-import {
-  useReactFlow,
-  useNodesInitialized,
-  useStore
-} from "@xyflow/react";
+var import_react5 = require("react");
+var import_d3_force = require("d3-force");
+var import_react6 = require("@xyflow/react");
 var nodeIdsSelector = (state) => {
   const ids = Array.from(state.nodeLookup.keys()).sort();
   return ids.join(",");
 };
 function useForceLayout(config = {}, rootNodeId) {
-  const { getNodes, getEdges, setNodes } = useReactFlow();
-  const nodesInitialized = useNodesInitialized();
-  const nodeIds = useStore(nodeIdsSelector);
-  const forceConfig = useMemo3(
+  const { getNodes, getEdges, setNodes } = (0, import_react6.useReactFlow)();
+  const nodesInitialized = (0, import_react6.useNodesInitialized)();
+  const nodeIds = (0, import_react6.useStore)(nodeIdsSelector);
+  const forceConfig = (0, import_react5.useMemo)(
     () => ({ ...DEFAULT_FORCE_CONFIG, ...config }),
     [config]
   );
-  const simulationRef = useRef(null);
-  const draggingRef = useRef({ nodeId: null, active: false });
-  const nodePositionsRef = useRef(
+  const simulationRef = (0, import_react5.useRef)(null);
+  const draggingRef = (0, import_react5.useRef)({ nodeId: null, active: false });
+  const nodePositionsRef = (0, import_react5.useRef)(
     /* @__PURE__ */ new Map()
   );
-  const rafRef = useRef(null);
-  useEffect(() => {
+  const rafRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     if (!nodesInitialized || !nodeIds) {
       return;
     }
@@ -932,13 +952,13 @@ function useForceLayout(config = {}, rootNodeId) {
       cancelAnimationFrame(rafRef.current);
       rafRef.current = null;
     }
-    const simulation = forceSimulation(simNodes).force(
+    const simulation = (0, import_d3_force.forceSimulation)(simNodes).force(
       "link",
-      forceLink(simLinks).id((d) => d.id).distance(forceConfig.linkDistance).strength(0.4)
+      (0, import_d3_force.forceLink)(simLinks).id((d) => d.id).distance(forceConfig.linkDistance).strength(0.4)
     ).force(
       "charge",
-      forceManyBody().strength(forceConfig.chargeStrength)
-    ).force("center", forceCenter(0, 0).strength(forceConfig.centerStrength)).force("collision", forceCollide(forceConfig.collisionRadius)).force("x", forceX(0).strength(8e-3)).force("y", forceY(0).strength(8e-3)).alphaDecay(0.02).velocityDecay(0.35);
+      (0, import_d3_force.forceManyBody)().strength(forceConfig.chargeStrength)
+    ).force("center", (0, import_d3_force.forceCenter)(0, 0).strength(forceConfig.centerStrength)).force("collision", (0, import_d3_force.forceCollide)(forceConfig.collisionRadius)).force("x", (0, import_d3_force.forceX)(0).strength(8e-3)).force("y", (0, import_d3_force.forceY)(0).strength(8e-3)).alphaDecay(0.02).velocityDecay(0.35);
     const updateNodes = () => {
       if (draggingRef.current.active) {
         rafRef.current = requestAnimationFrame(updateNodes);
@@ -990,7 +1010,7 @@ function useForceLayout(config = {}, rootNodeId) {
     forceConfig,
     rootNodeId
   ]);
-  const onNodeDragStart = useCallback(
+  const onNodeDragStart = (0, import_react5.useCallback)(
     (_, node) => {
       const simulation = simulationRef.current;
       if (!simulation) return;
@@ -1004,7 +1024,7 @@ function useForceLayout(config = {}, rootNodeId) {
     },
     []
   );
-  const onNodeDrag = useCallback((_, node) => {
+  const onNodeDrag = (0, import_react5.useCallback)((_, node) => {
     const simulation = simulationRef.current;
     if (!simulation) return;
     const simNode = simulation.nodes().find((n) => n.id === node.id);
@@ -1017,7 +1037,7 @@ function useForceLayout(config = {}, rootNodeId) {
       });
     }
   }, []);
-  const onNodeDragStop = useCallback(
+  const onNodeDragStop = (0, import_react5.useCallback)(
     (_, node) => {
       const simulation = simulationRef.current;
       draggingRef.current = { nodeId: null, active: false };
@@ -1038,14 +1058,14 @@ function useForceLayout(config = {}, rootNodeId) {
     },
     [rootNodeId]
   );
-  const updateForceConfig = useCallback(
+  const updateForceConfig = (0, import_react5.useCallback)(
     (updates) => {
       const simulation = simulationRef.current;
       if (!simulation) return;
       if (updates.chargeStrength !== void 0) {
         simulation.force(
           "charge",
-          forceManyBody().strength(updates.chargeStrength)
+          (0, import_d3_force.forceManyBody)().strength(updates.chargeStrength)
         );
       }
       if (updates.linkDistance !== void 0) {
@@ -1057,14 +1077,14 @@ function useForceLayout(config = {}, rootNodeId) {
       if (updates.collisionRadius !== void 0) {
         simulation.force(
           "collision",
-          forceCollide(updates.collisionRadius)
+          (0, import_d3_force.forceCollide)(updates.collisionRadius)
         );
       }
       simulation.alpha(0.3).restart();
     },
     []
   );
-  const restartSimulation = useCallback(() => {
+  const restartSimulation = (0, import_react5.useCallback)(() => {
     const simulation = simulationRef.current;
     if (!simulation) return;
     simulation.alpha(1).restart();
@@ -1079,7 +1099,7 @@ function useForceLayout(config = {}, rootNodeId) {
 }
 
 // src/components/ObservablesGraph.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var nodeTypes = {
   observable: ObservableNode
 };
@@ -1091,7 +1111,7 @@ var defaultEdgeOptions = {
   style: { stroke: "#94a3b8", strokeWidth: 1.5 }
 };
 function createObservableNodes(investigation, rootObservableIds) {
-  const graph = getObservableGraph(investigation);
+  const graph = (0, import_cyvest_js2.getObservableGraph)(investigation);
   return graph.nodes.map((graphNode, index) => {
     const isRoot = rootObservableIds.has(graphNode.id);
     const nodeData = {
@@ -1122,7 +1142,7 @@ function createObservableNodes(investigation, rootObservableIds) {
   });
 }
 function createObservableEdges(investigation) {
-  const graph = getObservableGraph(investigation);
+  const graph = (0, import_cyvest_js2.getObservableGraph)(investigation);
   return graph.edges.map((graphEdge, index) => {
     const edgeData = {
       relationshipType: graphEdge.type,
@@ -1141,7 +1161,7 @@ function createObservableEdges(investigation) {
   });
 }
 var ForceControls = ({ config, onChange, onRestart }) => {
-  const [isExpanded, setIsExpanded] = useState(false);
+  const [isExpanded, setIsExpanded] = (0, import_react7.useState)(false);
   const panelStyle = {
     background: "rgba(255, 255, 255, 0.95)",
     backdropFilter: "blur(8px)",
@@ -1213,18 +1233,18 @@ var ForceControls = ({ config, onChange, onRestart }) => {
     transition: "transform 0.1s ease, box-shadow 0.1s ease",
     boxShadow: "0 2px 4px rgba(59, 130, 246, 0.3)"
   };
-  return /* @__PURE__ */ jsxs3("div", { style: panelStyle, children: [
-    /* @__PURE__ */ jsxs3("div", { style: headerStyle, onClick: () => setIsExpanded(!isExpanded), children: [
-      /* @__PURE__ */ jsx4("span", { style: titleStyle, children: "\u26A1 Force Layout" }),
-      /* @__PURE__ */ jsx4("button", { style: toggleStyle, children: /* @__PURE__ */ jsx4("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx4("polyline", { points: "6 9 12 15 18 9" }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: panelStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: headerStyle, onClick: () => setIsExpanded(!isExpanded), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: titleStyle, children: "\u26A1 Force Layout" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { style: toggleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "6 9 12 15 18 9" }) }) })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { style: sliderContainerStyle, children: [
-      /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 10 }, children: [
-        /* @__PURE__ */ jsxs3("div", { style: sliderLabelStyle, children: [
-          /* @__PURE__ */ jsx4("span", { children: "Repulsion" }),
-          /* @__PURE__ */ jsx4("span", { children: config.chargeStrength })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: sliderContainerStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginBottom: 10 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: sliderLabelStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Repulsion" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: config.chargeStrength })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "range",
@@ -1236,12 +1256,12 @@ var ForceControls = ({ config, onChange, onRestart }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 10 }, children: [
-        /* @__PURE__ */ jsxs3("div", { style: sliderLabelStyle, children: [
-          /* @__PURE__ */ jsx4("span", { children: "Link Distance" }),
-          /* @__PURE__ */ jsx4("span", { children: config.linkDistance })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginBottom: 10 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: sliderLabelStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Link Distance" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: config.linkDistance })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "range",
@@ -1253,12 +1273,12 @@ var ForceControls = ({ config, onChange, onRestart }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 6 }, children: [
-        /* @__PURE__ */ jsxs3("div", { style: sliderLabelStyle, children: [
-          /* @__PURE__ */ jsx4("span", { children: "Collision" }),
-          /* @__PURE__ */ jsx4("span", { children: config.collisionRadius })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { marginBottom: 6 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: sliderLabelStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Collision" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: config.collisionRadius })
         ] }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "range",
@@ -1270,7 +1290,7 @@ var ForceControls = ({ config, onChange, onRestart }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
           onClick: onRestart,
@@ -1301,14 +1321,14 @@ var ObservablesGraphInner = ({
   className,
   showControls = true
 }) => {
-  const [forceConfig, setForceConfig] = useState({
+  const [forceConfig, setForceConfig] = (0, import_react7.useState)({
     ...DEFAULT_FORCE_CONFIG,
     ...initialForceConfig
   });
-  const initialFitDone = useRef2(false);
-  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
-  React3.useEffect(() => {
+  const initialFitDone = (0, import_react7.useRef)(false);
+  const [nodes, setNodes, onNodesChange] = (0, import_react8.useNodesState)(initialNodes);
+  const [edges, setEdges, onEdgesChange] = (0, import_react8.useEdgesState)(initialEdges);
+  import_react7.default.useEffect(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
     initialFitDone.current = false;
@@ -1320,30 +1340,30 @@ var ObservablesGraphInner = ({
     updateForceConfig,
     restartSimulation
   } = useForceLayout(forceConfig, primaryRootId);
-  const handleNodeClick = useCallback2(
+  const handleNodeClick = (0, import_react7.useCallback)(
     (_, node) => {
       onNodeClick?.(node.id);
     },
     [onNodeClick]
   );
-  const handleNodeDoubleClick = useCallback2(
+  const handleNodeDoubleClick = (0, import_react7.useCallback)(
     (_, node) => {
       onNodeDoubleClick?.(node.id);
     },
     [onNodeDoubleClick]
   );
-  const handleConfigChange = useCallback2(
+  const handleConfigChange = (0, import_react7.useCallback)(
     (updates) => {
       setForceConfig((prev) => ({ ...prev, ...updates }));
       updateForceConfig(updates);
     },
     [updateForceConfig]
   );
-  const miniMapNodeColor = useCallback2((node) => {
+  const miniMapNodeColor = (0, import_react7.useCallback)((node) => {
     const data = node.data;
     return getLevelColor(data.level);
   }, []);
-  const containerStyle = useMemo4(
+  const containerStyle = (0, import_react7.useMemo)(
     () => ({
       width,
       height,
@@ -1352,8 +1372,8 @@ var ObservablesGraphInner = ({
     }),
     [width, height]
   );
-  return /* @__PURE__ */ jsx4("div", { className, style: containerStyle, children: /* @__PURE__ */ jsxs3(
-    ReactFlow,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_react8.ReactFlow,
     {
       nodes,
       edges,
@@ -1367,7 +1387,7 @@ var ObservablesGraphInner = ({
       nodeTypes,
       edgeTypes,
       defaultEdgeOptions,
-      connectionMode: ConnectionMode.Loose,
+      connectionMode: import_react8.ConnectionMode.Loose,
       fitView: true,
       fitViewOptions: { padding: 0.4, maxZoom: 1.5 },
       minZoom: 0.1,
@@ -1382,17 +1402,17 @@ var ObservablesGraphInner = ({
       zoomOnPinch: true,
       panOnScroll: false,
       children: [
-        /* @__PURE__ */ jsx4(
-          Background,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react8.Background,
           {
-            variant: BackgroundVariant.Dots,
+            variant: import_react8.BackgroundVariant.Dots,
             gap: 24,
             size: 1,
             color: "#d1d5db"
           }
         ),
-        /* @__PURE__ */ jsx4(
-          Controls,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react8.Controls,
           {
             showInteractive: false,
             style: {
@@ -1402,8 +1422,8 @@ var ObservablesGraphInner = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx4(
-          MiniMap,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react8.MiniMap,
           {
             nodeColor: miniMapNodeColor,
             zoomable: true,
@@ -1417,7 +1437,7 @@ var ObservablesGraphInner = ({
             maskColor: "rgba(0,0,0,0.08)"
           }
         ),
-        showControls && /* @__PURE__ */ jsx4(Panel, { position: "top-right", children: /* @__PURE__ */ jsx4(
+        showControls && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.Panel, { position: "top-right", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           ForceControls,
           {
             config: forceConfig,
@@ -1431,7 +1451,7 @@ var ObservablesGraphInner = ({
 };
 var ObservablesGraph = (props) => {
   const { investigation } = props;
-  const { rootKeys, primaryRootId } = useMemo4(() => {
+  const { rootKeys, primaryRootId } = (0, import_react7.useMemo)(() => {
     const rootType = investigation.data_extraction.root_type;
     if (!rootType) {
       return { rootKeys: /* @__PURE__ */ new Set(), primaryRootId: void 0 };
@@ -1445,12 +1465,12 @@ var ObservablesGraph = (props) => {
       primaryRootId: rootsByType[0]?.key
     };
   }, [investigation]);
-  const { initialNodes, initialEdges } = useMemo4(() => {
+  const { initialNodes, initialEdges } = (0, import_react7.useMemo)(() => {
     const nodes = createObservableNodes(investigation, rootKeys);
     const edges = createObservableEdges(investigation);
     return { initialNodes: nodes, initialEdges: edges };
   }, [investigation, rootKeys]);
-  return /* @__PURE__ */ jsx4(ReactFlowProvider, { children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react8.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     ObservablesGraphInner,
     {
       ...props,
@@ -1462,23 +1482,15 @@ var ObservablesGraph = (props) => {
 };
 
 // src/components/InvestigationGraph.tsx
-import React5, { useMemo as useMemo7, useCallback as useCallback3 } from "react";
-import {
-  ReactFlow as ReactFlow2,
-  Background as Background2,
-  Controls as Controls2,
-  MiniMap as MiniMap2,
-  useNodesState as useNodesState2,
-  useEdgesState as useEdgesState2,
-  BackgroundVariant as BackgroundVariant2,
-  MarkerType
-} from "@xyflow/react";
-import "@xyflow/react/dist/style.css";
+var import_react12 = __toESM(require("react"), 1);
+var import_react13 = require("@xyflow/react");
+var import_style2 = require("@xyflow/react/dist/style.css");
+var import_cyvest_js3 = require("@cyvest/cyvest-js");
 
 // src/components/InvestigationNode.tsx
-import { memo as memo3, useMemo as useMemo5 } from "react";
-import { Handle as Handle2, Position as Position2 } from "@xyflow/react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var import_react9 = require("react");
+var import_react10 = require("@xyflow/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var NODE_CONFIG = {
   root: {
     minWidth: 140,
@@ -1502,7 +1514,7 @@ var NODE_CONFIG = {
     alignCenter: false
     // Left-aligned
   },
-  container: {
+  tag: {
     minWidth: 120,
     padding: "8px 14px",
     borderRadius: 16,
@@ -1519,11 +1531,11 @@ function InvestigationNodeComponent({ data, selected }) {
   const borderColor = getLevelColor(level);
   const backgroundColor = getLevelBackgroundColor(level);
   const config = NODE_CONFIG[nodeType] || NODE_CONFIG.check;
-  const IconComponent = useMemo5(
+  const IconComponent = (0, import_react9.useMemo)(
     () => getInvestigationIcon(nodeType),
     [nodeType]
   );
-  const nodeStyle = useMemo5(
+  const nodeStyle = (0, import_react9.useMemo)(
     () => ({
       minWidth: config.minWidth,
       padding: config.padding,
@@ -1540,7 +1552,7 @@ function InvestigationNodeComponent({ data, selected }) {
     }),
     [config, backgroundColor, borderColor, selected]
   );
-  const headerStyle = useMemo5(
+  const headerStyle = (0, import_react9.useMemo)(
     () => ({
       display: "flex",
       alignItems: "center",
@@ -1549,7 +1561,7 @@ function InvestigationNodeComponent({ data, selected }) {
     }),
     [config.alignCenter]
   );
-  const labelStyle = useMemo5(
+  const labelStyle = (0, import_react9.useMemo)(
     () => ({
       fontSize: config.fontSize,
       fontWeight: config.fontWeight,
@@ -1562,7 +1574,7 @@ function InvestigationNodeComponent({ data, selected }) {
     }),
     [config]
   );
-  const descriptionStyle = useMemo5(
+  const descriptionStyle = (0, import_react9.useMemo)(
     () => ({
       marginTop: 4,
       fontSize: 10,
@@ -1584,21 +1596,21 @@ function InvestigationNodeComponent({ data, selected }) {
     border: "none",
     opacity: 0
   };
-  return /* @__PURE__ */ jsxs4("div", { className: "investigation-node", style: nodeStyle, children: [
-    /* @__PURE__ */ jsxs4("div", { style: headerStyle, children: [
-      config.showIcon && /* @__PURE__ */ jsx5(IconComponent, { size: config.iconSize, color: borderColor }),
-      /* @__PURE__ */ jsx5("span", { style: labelStyle, title: label, children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "investigation-node", style: nodeStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: headerStyle, children: [
+      config.showIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconComponent, { size: config.iconSize, color: borderColor }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: labelStyle, title: label, children: label })
     ] }),
-    description && /* @__PURE__ */ jsx5("div", { style: descriptionStyle, title: description, children: description }),
-    /* @__PURE__ */ jsx5(Handle2, { type: "target", position: Position2.Left, style: handleStyle }),
-    /* @__PURE__ */ jsx5(Handle2, { type: "source", position: Position2.Right, style: handleStyle })
+    description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: descriptionStyle, title: description, children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.Handle, { type: "target", position: import_react10.Position.Left, style: handleStyle }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.Handle, { type: "source", position: import_react10.Position.Right, style: handleStyle })
   ] });
 }
-var InvestigationNode = memo3(InvestigationNodeComponent);
+var InvestigationNode = (0, import_react9.memo)(InvestigationNodeComponent);
 
 // src/hooks/useDagreLayout.ts
-import { useMemo as useMemo6 } from "react";
-import Dagre from "@dagrejs/dagre";
+var import_react11 = require("react");
+var import_dagre = __toESM(require("@dagrejs/dagre"), 1);
 var DEFAULT_OPTIONS = {
   direction: "LR",
   // Horizontal layout by default
@@ -1610,7 +1622,7 @@ function computeDagreLayout(nodes, edges, options = {}) {
     return { nodes, edges };
   }
   const opts = { ...DEFAULT_OPTIONS, ...options };
-  const g = new Dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
+  const g = new import_dagre.default.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
   g.setGraph({
     rankdir: opts.direction,
     nodesep: opts.nodeSpacing,
@@ -1626,7 +1638,7 @@ function computeDagreLayout(nodes, edges, options = {}) {
   for (const edge of edges) {
     g.setEdge(edge.source, edge.target);
   }
-  Dagre.layout(g);
+  import_dagre.default.layout(g);
   const positionedNodes = nodes.map((node) => {
     const dagNode = g.node(node.id);
     const width = node.measured?.width ?? 150;
@@ -1643,7 +1655,7 @@ function computeDagreLayout(nodes, edges, options = {}) {
 }
 
 // src/components/InvestigationGraph.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var nodeTypes2 = {
   investigation: InvestigationNode
 };
@@ -1654,21 +1666,14 @@ var defaultEdgeOptions2 = {
     strokeWidth: 1.5
   },
   markerEnd: {
-    type: MarkerType.ArrowClosed,
+    type: import_react13.MarkerType.ArrowClosed,
     width: 16,
     height: 16,
     color: "#94a3b8"
   }
 };
-function flattenContainers(containers) {
-  const result = [];
-  for (const container of Object.values(containers)) {
-    result.push(container);
-    if (container.sub_containers) {
-      result.push(...flattenContainers(container.sub_containers));
-    }
-  }
-  return result;
+function getAllTags(tags) {
+  return Object.values(tags);
 }
 function createInvestigationGraph(investigation) {
   const nodes = [];
@@ -1696,23 +1701,20 @@ function createInvestigationGraph(investigation) {
     selectable: true,
     draggable: true
   });
-  const allContainers = flattenContainers(investigation.containers);
-  const checksInContainers = /* @__PURE__ */ new Set();
-  for (const container of allContainers) {
-    for (const checkKey of container.checks) {
-      checksInContainers.add(checkKey);
+  const allTags = getAllTags(investigation.tags);
+  const checksInTags = /* @__PURE__ */ new Set();
+  for (const tag of allTags) {
+    for (const checkKey of tag.checks) {
+      checksInTags.add(checkKey);
     }
   }
-  const allChecks = [];
-  for (const checksForKey of Object.values(investigation.checks)) {
-    allChecks.push(...checksForKey);
-  }
+  const allChecks = Object.values(investigation.checks);
   const seenCheckIds = /* @__PURE__ */ new Set();
   for (const check of allChecks) {
     if (seenCheckIds.has(check.key)) continue;
     seenCheckIds.add(check.key);
     const checkNodeData = {
-      label: truncateLabel(check.check_id, 20),
+      label: truncateLabel(check.check_name, 20),
       nodeType: "check",
       level: check.level,
       score: check.score,
@@ -1726,7 +1728,7 @@ function createInvestigationGraph(investigation) {
       selectable: true,
       draggable: true
     });
-    if (!checksInContainers.has(check.key)) {
+    if (!checksInTags.has(check.key)) {
       edges.push({
         id: `edge-root-${check.key}`,
         source: rootKey,
@@ -1736,37 +1738,63 @@ function createInvestigationGraph(investigation) {
       });
     }
   }
-  for (const container of allContainers) {
-    const containerNodeData = {
-      label: truncateLabel(
-        container.path.split("/").pop() ?? container.path,
-        20
-      ),
-      nodeType: "container",
-      level: container.aggregated_level,
-      score: container.aggregated_score,
-      path: container.path
+  const tagByName = /* @__PURE__ */ new Map();
+  for (const tag of allTags) {
+    tagByName.set(tag.name, tag);
+  }
+  const allTagNames = /* @__PURE__ */ new Set();
+  for (const tag of allTags) {
+    allTagNames.add(tag.name);
+    for (const ancestor of (0, import_cyvest_js3.getTagAncestors)(tag.name)) {
+      allTagNames.add(ancestor);
+    }
+  }
+  for (const tagName of allTagNames) {
+    const realTag = tagByName.get(tagName);
+    const tagNodeData = {
+      label: truncateLabel(tagName.split(":").pop() ?? tagName, 20),
+      nodeType: "tag",
+      level: realTag?.direct_level ?? "INFO",
+      score: realTag?.direct_score ?? 0,
+      name: tagName
     };
     nodes.push({
-      id: `container-${container.key}`,
+      id: `tag-${tagName}`,
       type: "investigation",
       position: { x: 0, y: 0 },
-      data: containerNodeData,
+      data: tagNodeData,
       selectable: true,
       draggable: true
     });
-    edges.push({
-      id: `edge-root-container-${container.key}`,
-      source: rootKey,
-      target: `container-${container.key}`,
-      type: "smoothstep",
-      animated: false
-    });
-    for (const checkKey of container.checks) {
+  }
+  for (const tagName of allTagNames) {
+    const nodeId = `tag-${tagName}`;
+    const parts = tagName.split(":");
+    if (parts.length === 1) {
+      edges.push({
+        id: `edge-root-tag-${tagName}`,
+        source: rootKey,
+        target: nodeId,
+        type: "smoothstep",
+        animated: false
+      });
+    } else {
+      const parentName = parts.slice(0, -1).join(":");
+      edges.push({
+        id: `edge-tag-${parentName}-${tagName}`,
+        source: `tag-${parentName}`,
+        target: nodeId,
+        type: "smoothstep",
+        animated: false
+      });
+    }
+  }
+  for (const tag of allTags) {
+    for (const checkKey of tag.checks) {
       if (seenCheckIds.has(checkKey)) {
         edges.push({
-          id: `edge-container-check-${container.key}-${checkKey}`,
-          source: `container-${container.key}`,
+          id: `edge-tag-check-${tag.name}-${checkKey}`,
+          source: `tag-${tag.name}`,
           target: `check-${checkKey}`,
           type: "smoothstep",
           animated: false
@@ -1783,35 +1811,35 @@ var InvestigationGraph = ({
   onNodeClick,
   className
 }) => {
-  const { initialNodes, initialEdges } = useMemo7(() => {
+  const { initialNodes, initialEdges } = (0, import_react12.useMemo)(() => {
     const { nodes: nodes2, edges: edges2 } = createInvestigationGraph(investigation);
     return { initialNodes: nodes2, initialEdges: edges2 };
   }, [investigation]);
-  const { nodes: layoutNodes, edges: layoutEdges } = useMemo7(() => {
+  const { nodes: layoutNodes, edges: layoutEdges } = (0, import_react12.useMemo)(() => {
     return computeDagreLayout(initialNodes, initialEdges, {
       direction: "LR",
       nodeSpacing: 40,
       rankSpacing: 140
     });
   }, [initialNodes, initialEdges]);
-  const [nodes, setNodes, onNodesChange] = useNodesState2(layoutNodes);
-  const [edges, setEdges, onEdgesChange] = useEdgesState2(layoutEdges);
-  React5.useEffect(() => {
+  const [nodes, setNodes, onNodesChange] = (0, import_react13.useNodesState)(layoutNodes);
+  const [edges, setEdges, onEdgesChange] = (0, import_react13.useEdgesState)(layoutEdges);
+  import_react12.default.useEffect(() => {
     setNodes(layoutNodes);
     setEdges(layoutEdges);
   }, [layoutNodes, layoutEdges, setNodes, setEdges]);
-  const handleNodeClick = useCallback3(
+  const handleNodeClick = (0, import_react12.useCallback)(
     (_, node) => {
       const data = node.data;
       onNodeClick?.(node.id, data.nodeType);
     },
     [onNodeClick]
   );
-  const miniMapNodeColor = useCallback3((node) => {
+  const miniMapNodeColor = (0, import_react12.useCallback)((node) => {
     const data = node.data;
     return getLevelColor(data.level);
   }, []);
-  const containerStyle = useMemo7(
+  const containerStyle = (0, import_react12.useMemo)(
     () => ({
       width,
       height,
@@ -1820,8 +1848,8 @@ var InvestigationGraph = ({
     }),
     [width, height]
   );
-  return /* @__PURE__ */ jsx6("div", { className, style: containerStyle, children: /* @__PURE__ */ jsxs5(
-    ReactFlow2,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className, style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_react13.ReactFlow,
     {
       nodes,
       edges,
@@ -1844,17 +1872,17 @@ var InvestigationGraph = ({
       zoomOnPinch: true,
       panOnScroll: false,
       children: [
-        /* @__PURE__ */ jsx6(
-          Background2,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react13.Background,
           {
-            variant: BackgroundVariant2.Dots,
+            variant: import_react13.BackgroundVariant.Dots,
             gap: 24,
             size: 1,
             color: "#d1d5db"
           }
         ),
-        /* @__PURE__ */ jsx6(
-          Controls2,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react13.Controls,
           {
             showInteractive: false,
             style: {
@@ -1864,8 +1892,8 @@ var InvestigationGraph = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx6(
-          MiniMap2,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react13.MiniMap,
           {
             nodeColor: miniMapNodeColor,
             zoomable: true,
@@ -1885,9 +1913,9 @@ var InvestigationGraph = ({
 };
 
 // src/components/CyvestGraph.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var ViewToggle = ({ currentView, onChange }) => {
-  const containerStyle = useMemo8(
+  const containerStyle = (0, import_react14.useMemo)(
     () => ({
       position: "absolute",
       top: 12,
@@ -1905,7 +1933,7 @@ var ViewToggle = ({ currentView, onChange }) => {
     }),
     []
   );
-  const getButtonStyle = useCallback4(
+  const getButtonStyle = (0, import_react14.useCallback)(
     (isActive) => ({
       padding: "8px 14px",
       border: "none",
@@ -1920,8 +1948,8 @@ var ViewToggle = ({ currentView, onChange }) => {
     }),
     []
   );
-  return /* @__PURE__ */ jsxs6("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: containerStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         onClick: () => onChange("observables"),
@@ -1938,8 +1966,8 @@ var ViewToggle = ({ currentView, onChange }) => {
             e.currentTarget.style.color = "#4b5563";
           }
         },
-        children: /* @__PURE__ */ jsxs6("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          /* @__PURE__ */ jsxs6(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "svg",
             {
               width: "14",
@@ -1951,12 +1979,12 @@ var ViewToggle = ({ currentView, onChange }) => {
               strokeLinecap: "round",
               strokeLinejoin: "round",
               children: [
-                /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "3" }),
-                /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "10" }),
-                /* @__PURE__ */ jsx7("line", { x1: "12", y1: "2", x2: "12", y2: "4" }),
-                /* @__PURE__ */ jsx7("line", { x1: "12", y1: "20", x2: "12", y2: "22" }),
-                /* @__PURE__ */ jsx7("line", { x1: "2", y1: "12", x2: "4", y2: "12" }),
-                /* @__PURE__ */ jsx7("line", { x1: "20", y1: "12", x2: "22", y2: "12" })
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "12", y1: "2", x2: "12", y2: "4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "12", y1: "20", x2: "12", y2: "22" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "2", y1: "12", x2: "4", y2: "12" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "20", y1: "12", x2: "22", y2: "12" })
               ]
             }
           ),
@@ -1964,7 +1992,7 @@ var ViewToggle = ({ currentView, onChange }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         onClick: () => onChange("investigation"),
@@ -1981,8 +2009,8 @@ var ViewToggle = ({ currentView, onChange }) => {
             e.currentTarget.style.color = "#4b5563";
           }
         },
-        children: /* @__PURE__ */ jsxs6("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          /* @__PURE__ */ jsxs6(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "svg",
             {
               width: "14",
@@ -1994,9 +2022,9 @@ var ViewToggle = ({ currentView, onChange }) => {
               strokeLinecap: "round",
               strokeLinejoin: "round",
               children: [
-                /* @__PURE__ */ jsx7("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-                /* @__PURE__ */ jsx7("path", { d: "M9 3v18" }),
-                /* @__PURE__ */ jsx7("path", { d: "M3 9h18" })
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M9 3v18" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M3 9h18" })
               ]
             }
           ),
@@ -2015,16 +2043,16 @@ var CyvestGraph = ({
   className,
   showViewToggle = true
 }) => {
-  const [view, setView] = useState2(
+  const [view, setView] = (0, import_react14.useState)(
     initialView
   );
-  const handleNodeClick = useCallback4(
+  const handleNodeClick = (0, import_react14.useCallback)(
     (nodeId, _nodeType) => {
       onNodeClick?.(nodeId);
     },
     [onNodeClick]
   );
-  const containerStyle = useMemo8(
+  const containerStyle = (0, import_react14.useMemo)(
     () => ({
       width,
       height,
@@ -2032,9 +2060,9 @@ var CyvestGraph = ({
     }),
     [width, height]
   );
-  return /* @__PURE__ */ jsxs6("div", { className, style: containerStyle, children: [
-    showViewToggle && /* @__PURE__ */ jsx7(ViewToggle, { currentView: view, onChange: setView }),
-    view === "observables" ? /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className, style: containerStyle, children: [
+    showViewToggle && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ViewToggle, { currentView: view, onChange: setView }),
+    view === "observables" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       ObservablesGraph,
       {
         investigation,
@@ -2043,7 +2071,7 @@ var CyvestGraph = ({
         onNodeClick: handleNodeClick,
         showControls: true
       }
-    ) : /* @__PURE__ */ jsx7(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       InvestigationGraph,
       {
         investigation,
@@ -2054,7 +2082,8 @@ var CyvestGraph = ({
     )
   ] });
 };
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   CyvestGraph,
   DEFAULT_FORCE_CONFIG,
   INVESTIGATION_ICON_MAP,
@@ -2063,4 +2092,4 @@ export {
   ObservablesGraph,
   getInvestigationIcon,
   getObservableIcon
-};
+});