@datasynx/agentic-ai-cartography 0.2.5 → 0.3.1

package/dist/index.js

@@ -9,7 +9,7 @@ PRAGMA busy_timeout = 5000;
 
 CREATE TABLE IF NOT EXISTS sessions (
   id TEXT PRIMARY KEY,
-  mode TEXT NOT NULL CHECK (mode IN ('discover','shadow')),
+  mode TEXT NOT NULL CHECK (mode IN ('discover')),
   started_at TEXT NOT NULL,
   completed_at TEXT,
   config TEXT NOT NULL DEFAULT '{}'
@@ -454,14 +454,6 @@ var EDGE_RELATIONSHIPS = [
   "contains",
   "depends_on"
 ];
-var EVENT_TYPES = [
-  "process_start",
-  "process_end",
-  "connection_open",
-  "connection_close",
-  "window_focus",
-  "tool_switch"
-];
 var NodeSchema = z.object({
   id: z.string().describe('Format: "{type}:{host}:{port}" oder "{type}:{name}"'),
   type: z.enum(NODE_TYPES),
@@ -478,15 +470,6 @@ var EdgeSchema = z.object({
   evidence: z.string(),
   confidence: z.number().min(0).max(1).default(0.5)
 });
-var EventSchema = z.object({
-  eventType: z.enum(EVENT_TYPES),
-  process: z.string(),
-  pid: z.number(),
-  target: z.string().optional(),
-  targetType: z.enum(NODE_TYPES).optional(),
-  protocol: z.string().optional(),
-  port: z.number().optional()
-});
 var SOPStepSchema = z.object({
   order: z.number(),
   instruction: z.string(),
@@ -503,27 +486,15 @@ var SOPSchema = z.object({
   frequency: z.string(),
   confidence: z.number().min(0).max(1)
 });
-var MIN_POLL_INTERVAL_MS = 15e3;
 function defaultConfig(overrides = {}) {
   const home = process.env.HOME ?? process.env.USERPROFILE ?? "/tmp";
   return {
-    mode: "discover",
     maxDepth: 8,
     maxTurns: 50,
     entryPoints: ["localhost"],
     agentModel: "claude-sonnet-4-5-20250929",
-    shadowMode: "daemon",
-    pollIntervalMs: 3e4,
-    inactivityTimeoutMs: 3e5,
-    promptTimeoutMs: 6e4,
-    trackWindowFocus: false,
-    autoSaveNodes: false,
-    enableNotifications: true,
-    shadowModel: "claude-haiku-4-5-20251001",
     outputDir: "./cartography-output",
     dbPath: `${home}/.cartography/cartography.db`,
-    socketPath: `${home}/.cartography/daemon.sock`,
-    pidFile: `${home}/.cartography/daemon.pid`,
     verbose: false,
     ...overrides
   };
@@ -693,24 +664,36 @@ function chromeLikeHistoryPaths(base) {
 }
 var CHROME_BASE = IS_MAC ? `${HOME}/Library/Application Support/Google/Chrome` : `${HOME}/.config/google-chrome`;
 var CHROMIUM_BASE = IS_MAC ? `${HOME}/Library/Application Support/Chromium` : `${HOME}/.config/chromium`;
+var CHROMIUM_SNAP_BASE = `${HOME}/snap/chromium/common/chromium`;
+var CHROMIUM_FLATPAK_BASE = `${HOME}/.var/app/org.chromium.Chromium/config/chromium`;
+var CHROME_FLATPAK_BASE = `${HOME}/.var/app/com.google.Chrome/config/google-chrome`;
+var BRAVE_FLATPAK_BASE = `${HOME}/.var/app/com.brave.Browser/config/BraveSoftware/Brave-Browser`;
+var EDGE_FLATPAK_BASE = `${HOME}/.var/app/com.microsoft.Edge/config/microsoft-edge`;
+var FIREFOX_SNAP_BASE = `${HOME}/snap/firefox/common/.mozilla/firefox`;
+var FIREFOX_FLATPAK_BASE = `${HOME}/.var/app/org.mozilla.firefox/.mozilla/firefox`;
 var EDGE_BASE = IS_MAC ? `${HOME}/Library/Application Support/Microsoft Edge` : `${HOME}/.config/microsoft-edge`;
 var BRAVE_BASE = IS_MAC ? `${HOME}/Library/Application Support/BraveSoftware/Brave-Browser` : `${HOME}/.config/BraveSoftware/Brave-Browser`;
 var VIVALDI_BASE = IS_MAC ? `${HOME}/Library/Application Support/Vivaldi` : `${HOME}/.config/vivaldi`;
 var OPERA_BASE = IS_MAC ? `${HOME}/Library/Application Support/com.operasoftware.Opera` : `${HOME}/.config/opera`;
 function firefoxProfileDirs() {
-  const base = IS_MAC ? `${HOME}/Library/Application Support/Firefox/Profiles` : `${HOME}/.mozilla/firefox`;
-  if (!existsSync(base)) return [];
-  try {
-    return readdirSync(base).map((d) => join(base, d)).filter((d) => {
-      try {
-        return statSync(d).isDirectory() && existsSync(join(d, "places.sqlite"));
-      } catch {
-        return false;
+  const bases = IS_MAC ? [`${HOME}/Library/Application Support/Firefox/Profiles`] : [`${HOME}/.mozilla/firefox`, FIREFOX_SNAP_BASE, FIREFOX_FLATPAK_BASE];
+  const dirs = [];
+  for (const base of bases) {
+    if (!existsSync(base)) continue;
+    try {
+      for (const d of readdirSync(base)) {
+        const full = join(base, d);
+        try {
+          if (statSync(full).isDirectory() && existsSync(join(full, "places.sqlite"))) {
+            dirs.push(full);
+          }
+        } catch {
+        }
       }
-    });
-  } catch {
-    return [];
+    } catch {
+    }
   }
+  return dirs;
 }
 async function scanAllBookmarks() {
   const all = [];
@@ -720,6 +703,13 @@ async function scanAllBookmarks() {
   for (const p of chromeLikePaths(BRAVE_BASE)) all.push(...readChromeLike(p, "brave"));
   for (const p of chromeLikePaths(VIVALDI_BASE)) all.push(...readChromeLike(p, "vivaldi"));
   for (const p of chromeLikePaths(OPERA_BASE)) all.push(...readChromeLike(p, "opera"));
+  if (!IS_MAC) {
+    for (const p of chromeLikePaths(CHROMIUM_SNAP_BASE)) all.push(...readChromeLike(p, "chromium-snap"));
+    for (const p of chromeLikePaths(CHROMIUM_FLATPAK_BASE)) all.push(...readChromeLike(p, "chromium-flatpak"));
+    for (const p of chromeLikePaths(CHROME_FLATPAK_BASE)) all.push(...readChromeLike(p, "chrome-flatpak"));
+    for (const p of chromeLikePaths(BRAVE_FLATPAK_BASE)) all.push(...readChromeLike(p, "brave-flatpak"));
+    for (const p of chromeLikePaths(EDGE_FLATPAK_BASE)) all.push(...readChromeLike(p, "edge-flatpak"));
+  }
   for (const dir of firefoxProfileDirs()) {
     all.push(...await readFirefoxBookmarks(dir));
   }
@@ -738,6 +728,13 @@ async function scanAllHistory() {
   for (const p of chromeLikeHistoryPaths(BRAVE_BASE)) all.push(...await readChromiumHistory(p, "brave"));
   for (const p of chromeLikeHistoryPaths(VIVALDI_BASE)) all.push(...await readChromiumHistory(p, "vivaldi"));
   for (const p of chromeLikeHistoryPaths(OPERA_BASE)) all.push(...await readChromiumHistory(p, "opera"));
+  if (!IS_MAC) {
+    for (const p of chromeLikeHistoryPaths(CHROMIUM_SNAP_BASE)) all.push(...await readChromiumHistory(p, "chromium-snap"));
+    for (const p of chromeLikeHistoryPaths(CHROMIUM_FLATPAK_BASE)) all.push(...await readChromiumHistory(p, "chromium-flatpak"));
+    for (const p of chromeLikeHistoryPaths(CHROME_FLATPAK_BASE)) all.push(...await readChromiumHistory(p, "chrome-flatpak"));
+    for (const p of chromeLikeHistoryPaths(BRAVE_FLATPAK_BASE)) all.push(...await readChromiumHistory(p, "brave-flatpak"));
+    for (const p of chromeLikeHistoryPaths(EDGE_FLATPAK_BASE)) all.push(...await readChromiumHistory(p, "edge-flatpak"));
+  }
   for (const dir of firefoxProfileDirs()) {
     all.push(...await readFirefoxHistory(dir));
   }
@@ -803,24 +800,6 @@ async function createCartographyTools(db, sessionId, opts = {}) {
       });
       return { content: [{ type: "text", text: `\u2713 ${args["sourceId"]}\u2192${args["targetId"]}` }] };
     }),
-    tool("save_event", "Save an activity event (process/connection observed)", {
-      eventType: z2.enum(EVENT_TYPES),
-      process: z2.string(),
-      pid: z2.number(),
-      target: z2.string().optional(),
-      targetType: z2.enum(NODE_TYPES).optional(),
-      port: z2.number().optional()
-    }, async (args) => {
-      db.insertEvent(sessionId, {
-        eventType: args["eventType"],
-        process: args["process"],
-        pid: args["pid"],
-        target: args["target"] ? stripSensitive(args["target"]) : void 0,
-        targetType: args["targetType"],
-        port: args["port"]
-      });
-      return { content: [{ type: "text", text: `\u2713 ${args["eventType"]}` }] };
-    }),
     tool("get_catalog", "Get the current catalog \u2014 use before save_node to avoid duplicates", {
       includeEdges: z2.boolean().default(true)
     }, async (args) => {
@@ -836,22 +815,6 @@ async function createCartographyTools(db, sessionId, opts = {}) {
         }]
       };
     }),
-    tool("manage_task", "Start, end or describe a workflow task", {
-      action: z2.enum(["start", "end", "describe"]),
-      description: z2.string().optional()
-    }, async (args) => {
-      const action = args["action"];
-      if (action === "start") {
-        const id = db.startTask(sessionId, args["description"]);
-        return { content: [{ type: "text", text: `\u2713 Task started: ${id}` }] };
-      }
-      if (action === "end") {
-        db.endCurrentTask(sessionId);
-        return { content: [{ type: "text", text: "\u2713 Task ended" }] };
-      }
-      db.updateTaskDescription(sessionId, args["description"]);
-      return { content: [{ type: "text", text: "\u2713 Description updated" }] };
-    }),
     tool("ask_user", "Ask the user a question \u2014 for clarifications, missing context, or consent (e.g. before scanning browser history)", {
       question: z2.string().describe("The question for the user (clear and specific)"),
       context: z2.string().optional().describe("Optional context explaining why this is relevant")
@@ -1444,109 +1407,6 @@ Use ask_user when you need context from the user.`;
     }
   }
 }
-async function runShadowCycle(config, db, sessionId, prevSnapshot, currSnapshot, onOutput) {
-  const { query } = await import("@anthropic-ai/claude-code");
-  const tools = await createCartographyTools(db, sessionId);
-  const prompt = `Analyze the diff between these two system snapshots.
-Find:
-- New/closed TCP connections \u2192 save_event
-- New/terminated processes \u2192 save_event
-- Previously unknown services \u2192 check get_catalog, then save_node
-- Task boundaries (inactivity, tool switches) \u2192 manage_task
-target = host:port ONLY. Be concise and efficient.
-
-=== BEFORE ===
-${prevSnapshot}
-
-=== NOW ===
-${currSnapshot}`;
-  for await (const msg of query({
-    prompt,
-    options: {
-      model: config.shadowModel,
-      maxTurns: 5,
-      mcpServers: { cartography: tools },
-      allowedTools: [
-        "mcp__cartograph__save_event",
-        "mcp__cartograph__save_node",
-        "mcp__cartograph__save_edge",
-        "mcp__cartograph__get_catalog",
-        "mcp__cartograph__manage_task"
-      ],
-      permissionMode: "bypassPermissions"
-    }
-  })) {
-    if (onOutput) onOutput(msg);
-  }
-}
-async function generateSOPs(db, sessionId) {
-  const Anthropic = (await import("@anthropic-ai/sdk")).default;
-  const client = new Anthropic();
-  const tasks = db.getTasks(sessionId).filter((t) => t.status === "completed");
-  if (tasks.length === 0) return 0;
-  const clusters = clusterTasks(tasks);
-  let generated = 0;
-  for (const cluster of clusters) {
-    const workflowId = crypto.randomUUID();
-    const involved = JSON.parse(cluster[0]?.involvedServices ?? "[]");
-    const taskDescriptions = cluster.map((t, i) => `Task ${i + 1}: ${t.description ?? "Unnamed"}
-Steps: ${t.steps}`).join("\n\n");
-    const response = await client.messages.create({
-      model: "claude-sonnet-4-5-20250929",
-      max_tokens: 2048,
-      messages: [{
-        role: "user",
-        content: `Generate a Standard Operating Procedure (SOP) for this recurring workflow.
-Reply ONLY with valid JSON in this format:
-{
-  "title": "...",
-  "description": "...",
-  "steps": [{"order": 1, "instruction": "...", "tool": "...", "target": "...", "notes": "..."}],
-  "involvedSystems": ["..."],
-  "estimatedDuration": "~N minutes",
-  "frequency": "X times daily",
-  "confidence": 0.8
-}
-
-Tasks:
-${taskDescriptions}
-
-Involved services: ${involved.join(", ")}`
-      }]
-    });
-    const text = response.content[0]?.type === "text" ? response.content[0].text : "";
-    try {
-      const jsonMatch = text.match(/\{[\s\S]*\}/);
-      if (!jsonMatch) continue;
-      const parsed = JSON.parse(jsonMatch[0]);
-      db.insertSOP({ workflowId, ...parsed });
-      generated++;
-    } catch {
-    }
-  }
-  return generated;
-}
-function clusterTasks(tasks) {
-  const clusters = [];
-  const assigned = /* @__PURE__ */ new Set();
-  for (const task of tasks) {
-    if (assigned.has(task.id)) continue;
-    const cluster = [task];
-    assigned.add(task.id);
-    const taskServices = new Set(JSON.parse(task.involvedServices ?? "[]"));
-    for (const other of tasks) {
-      if (assigned.has(other.id)) continue;
-      const otherServices = new Set(JSON.parse(other.involvedServices ?? "[]"));
-      const overlap = [...taskServices].filter((s) => otherServices.has(s));
-      if (overlap.length > 0) {
-        cluster.push(other);
-        assigned.add(other.id);
-      }
-    }
-    clusters.push(cluster);
-  }
-  return clusters;
-}
 
 // src/exporter.ts
 import { mkdirSync as mkdirSync2, writeFileSync } from "fs";
@@ -1783,7 +1643,36 @@ function exportHTML(nodes, edges) {
   <script src="https://d3js.org/d3.v7.min.js"></script>
   <style>
     * { box-sizing: border-box; margin: 0; padding: 0; }
-    body { background: #0a0e14; color: #e6edf3; font-family: 'SF Mono','Fira Code','Cascadia Code',monospace; display: flex; overflow: hidden; }
+    body { background: #0a0e14; color: #e6edf3; font-family: 'SF Mono','Fira Code','Cascadia Code',monospace; display: flex; overflow: hidden; height: 100vh; }
+
+    /* \u2500\u2500 Left node panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    #node-panel {
+      width: 220px; min-width: 220px; height: 100vh; overflow: hidden;
+      background: #0d1117; border-right: 1px solid #1b2028;
+      display: flex; flex-direction: column;
+    }
+    #node-panel-header {
+      padding: 10px 12px 8px; border-bottom: 1px solid #1b2028;
+      font-size: 11px; color: #6e7681; text-transform: uppercase; letter-spacing: 0.6px;
+    }
+    #node-search {
+      width: calc(100% - 16px); margin: 8px; padding: 5px 8px;
+      background: #161b22; border: 1px solid #30363d; border-radius: 5px;
+      color: #e6edf3; font-size: 11px; font-family: inherit; outline: none;
+    }
+    #node-search:focus { border-color: #58a6ff; }
+    #node-list { flex: 1; overflow-y: auto; padding-bottom: 8px; }
+    .node-list-item {
+      padding: 5px 12px; cursor: pointer; font-size: 11px;
+      display: flex; align-items: center; gap: 6px; border-left: 2px solid transparent;
+    }
+    .node-list-item:hover { background: #161b22; }
+    .node-list-item.active { background: #1a2436; border-left-color: #58a6ff; }
+    .node-list-dot { width: 7px; height: 7px; border-radius: 2px; flex-shrink: 0; }
+    .node-list-name { color: #c9d1d9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
+    .node-list-type { color: #484f58; font-size: 9px; flex-shrink: 0; }
+
+    /* \u2500\u2500 Center graph \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     #graph { flex: 1; height: 100vh; position: relative; }
     svg { width: 100%; height: 100%; }
     .hull { opacity: 0.12; stroke-width: 1.5; stroke-opacity: 0.25; }
@@ -1792,10 +1681,12 @@ function exportHTML(nodes, edges) {
     .link-label { font-size: 8px; fill: #6e7681; pointer-events: none; opacity: 0; }
     .node-hex { stroke-width: 1.8; cursor: pointer; transition: opacity 0.15s; }
     .node-hex:hover { filter: brightness(1.3); stroke-width: 3; }
+    .node-hex.selected { stroke-width: 3.5; filter: brightness(1.5); }
     .node-label { font-size: 10px; fill: #c9d1d9; pointer-events: none; opacity: 0; }
-    /* Sidebar */
+
+    /* \u2500\u2500 Right sidebar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     #sidebar {
-      width: 320px; min-width: 320px; height: 100vh; overflow-y: auto;
+      width: 300px; min-width: 300px; height: 100vh; overflow-y: auto;
       background: #0d1117; border-left: 1px solid #1b2028;
       padding: 16px; font-size: 12px; line-height: 1.6;
     }
@@ -1809,15 +1700,24 @@ function exportHTML(nodes, edges) {
     #sidebar .edges-list { margin-top: 12px; }
     #sidebar .edge-item { padding: 4px 0; border-bottom: 1px solid #161b22; color: #6e7681; font-size: 11px; }
     #sidebar .edge-item span { color: #c9d1d9; }
+    #sidebar .action-row { display: flex; gap: 6px; margin-top: 14px; }
+    .btn-delete {
+      flex: 1; padding: 6px 10px; background: transparent; border: 1px solid #6e191d;
+      color: #f85149; border-radius: 5px; font-size: 11px; font-family: inherit;
+      cursor: pointer; text-align: center;
+    }
+    .btn-delete:hover { background: #3d0c0c; }
     .hint { color: #3d434b; font-size: 11px; margin-top: 8px; }
-    /* HUD */
+
+    /* \u2500\u2500 HUD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     #hud { position: absolute; top: 10px; left: 10px; background: rgba(10,14,20,0.88);
            padding: 10px 14px; border-radius: 8px; font-size: 12px; border: 1px solid #1b2028; pointer-events: none; }
     #hud strong { color: #58a6ff; }
     #hud .stats { color: #6e7681; }
     #hud .zoom-level { color: #3d434b; font-size: 10px; margin-top: 2px; }
-    /* Layer filter */
-    #filters { position: absolute; top: 10px; right: 330px; display: flex; flex-wrap: wrap; gap: 4px; pointer-events: auto; }
+
+    /* \u2500\u2500 Toolbar (filters + JGF export) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    #toolbar { position: absolute; top: 10px; right: 10px; display: flex; flex-wrap: wrap; gap: 4px; pointer-events: auto; align-items: center; }
     .filter-btn {
       background: rgba(10,14,20,0.85); border: 1px solid #1b2028; border-radius: 6px;
       color: #c9d1d9; padding: 4px 10px; font-size: 11px; cursor: pointer;
@@ -1826,22 +1726,40 @@ function exportHTML(nodes, edges) {
     .filter-btn:hover { border-color: #30363d; }
     .filter-btn.off { opacity: 0.35; }
     .filter-dot { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
+    .export-btn {
+      background: rgba(10,14,20,0.85); border: 1px solid #1b2028; border-radius: 6px;
+      color: #58a6ff; padding: 4px 12px; font-size: 11px; cursor: pointer;
+      font-family: inherit;
+    }
+    .export-btn:hover { border-color: #58a6ff; background: rgba(88,166,255,0.08); }
   </style>
 </head>
 <body>
+
+<!-- Left: node list panel -->
+<div id="node-panel">
+  <div id="node-panel-header">Nodes (${nodes.length})</div>
+  <input id="node-search" type="text" placeholder="Search nodes\u2026" autocomplete="off" spellcheck="false">
+  <div id="node-list"></div>
+</div>
+
+<!-- Center: graph -->
 <div id="graph">
   <div id="hud">
     <strong>Cartography</strong> &nbsp;
-    <span class="stats">${nodes.length} nodes \xB7 ${edges.length} edges</span><br>
+    <span class="stats" id="hud-stats">${nodes.length} nodes \xB7 ${edges.length} edges</span><br>
     <span class="zoom-level">Scroll = zoom \xB7 Drag = pan \xB7 Click = details</span>
   </div>
-  <div id="filters"></div>
+  <div id="toolbar"></div>
   <svg></svg>
 </div>
+
+<!-- Right: detail sidebar -->
 <div id="sidebar">
   <h2>Infrastructure Map</h2>
   <p class="hint">Click a node to view details.</p>
 </div>
+
 <script>
 const data = ${graphData};
 
@@ -1854,7 +1772,6 @@ const TYPE_COLORS = {
   config_file: '#adb5bd', saas_tool: '#c084fc', table: '#f97316', unknown: '#6c757d',
 };
 
-// \u2500\u2500 Color per layer (for hull backgrounds) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const LAYER_COLORS = {
   saas: '#c084fc', web: '#6bcb77', data: '#ff6b6b',
   messaging: '#c77dff', infra: '#4a9eff', config: '#adb5bd', other: '#6c757d',
@@ -1864,7 +1781,7 @@ const LAYER_NAMES = {
   messaging: 'Messaging', infra: 'Infrastructure', config: 'Config', other: 'Other',
 };
 
-// \u2500\u2500 Hexagon path generator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// \u2500\u2500 Hexagon path \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const HEX_SIZE = { saas_tool: 16, host: 18, database_server: 18, k8s_cluster: 20, default: 14 };
 function hexSize(d) { return HEX_SIZE[d.type] || HEX_SIZE.default; }
 function hexPath(size) {
@@ -1876,9 +1793,42 @@ function hexPath(size) {
   return 'M' + pts.map(p => p.join(',')).join('L') + 'Z';
 }
 
-// \u2500\u2500 Sidebar detail view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// \u2500\u2500 Left panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+const nodeListEl = document.getElementById('node-list');
+const nodeSearchEl = document.getElementById('node-search');
+let selectedNodeId = null;
+
+function buildNodeList(filter) {
+  const q = (filter || '').toLowerCase();
+  nodeListEl.innerHTML = '';
+  const sorted = [...data.nodes].sort((a, b) => a.name.localeCompare(b.name));
+  for (const d of sorted) {
+    if (q && !d.name.toLowerCase().includes(q) && !d.type.includes(q) && !d.id.toLowerCase().includes(q)) continue;
+    const item = document.createElement('div');
+    item.className = 'node-list-item' + (d.id === selectedNodeId ? ' active' : '');
+    item.dataset.id = d.id;
+    const color = TYPE_COLORS[d.type] || '#aaa';
+    item.innerHTML = \`<span class="node-list-dot" style="background:\${color}"></span>
+      <span class="node-list-name" title="\${d.id}">\${d.name}</span>
+      <span class="node-list-type">\${d.type.replace(/_/g,' ')}</span>\`;
+    item.onclick = () => { selectNode(d); focusNode(d); };
+    nodeListEl.appendChild(item);
+  }
+}
+
+nodeSearchEl.addEventListener('input', e => buildNodeList(e.target.value));
+
+// \u2500\u2500 Sidebar detail view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const sidebar = document.getElementById('sidebar');
 
+function selectNode(d) {
+  selectedNodeId = d.id;
+  buildNodeList(nodeSearchEl.value);
+  showNode(d);
+  // highlight hex
+  d3.selectAll('.node-hex').classed('selected', nd => nd.id === d.id);
+}
+
 function showNode(d) {
   const c = TYPE_COLORS[d.type] || '#aaa';
   const confPct = Math.round(d.confidence * 100);
@@ -1912,9 +1862,28 @@ function showNode(d) {
       \${metaRows}
     </table>
     \${related.length > 0 ? '<div class="edges-list"><strong>Connections (' + related.length + '):</strong>'+edgeItems+'</div>' : ''}
+    <div class="action-row">
+      <button class="btn-delete" onclick="deleteNode('\${d.id}')">\u{1F5D1} Delete node</button>
+    </div>
   \`;
 }
 
+// \u2500\u2500 Delete node \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+function deleteNode(id) {
+  const idx = data.nodes.findIndex(n => n.id === id);
+  if (idx === -1) return;
+  data.nodes.splice(idx, 1);
+  data.links = data.links.filter(l =>
+    (l.source.id || l.source) !== id && (l.target.id || l.target) !== id
+  );
+  selectedNodeId = null;
+  sidebar.innerHTML = '<h2>Infrastructure Map</h2><p class="hint">Node deleted.</p>';
+  document.getElementById('hud-stats').textContent =
+    data.nodes.length + ' nodes \xB7 ' + data.links.length + ' edges';
+  rebuildGraph();
+  buildNodeList(nodeSearchEl.value);
+}
+
 // \u2500\u2500 SVG setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const svgEl = d3.select('svg');
 const graphDiv = document.getElementById('graph');
@@ -1922,7 +1891,6 @@ const W = () => graphDiv.clientWidth;
 const H = () => graphDiv.clientHeight;
 const g = svgEl.append('g');
 
-// Arrow marker for directed edges
 svgEl.append('defs').append('marker')
   .attr('id', 'arrow').attr('viewBox', '0 0 10 6')
   .attr('refX', 10).attr('refY', 3)
@@ -1931,7 +1899,6 @@ svgEl.append('defs').append('marker')
   .append('path').attr('d', 'M0,0 L10,3 L0,6 Z').attr('fill', '#555');
 
 let currentZoom = 1;
-
 const zoomBehavior = d3.zoom().scaleExtent([0.08, 6]).on('zoom', e => {
   g.attr('transform', e.transform);
   currentZoom = e.transform.k;
@@ -1944,7 +1911,9 @@ const layers = [...new Set(data.nodes.map(d => d.layer))];
 const layerVisible = {};
 layers.forEach(l => layerVisible[l] = true);
 
-const filtersDiv = document.getElementById('filters');
+const toolbarEl = document.getElementById('toolbar');
+
+// Filter buttons
 layers.forEach(layer => {
   const btn = document.createElement('button');
   btn.className = 'filter-btn';
@@ -1954,10 +1923,47 @@ layers.forEach(layer => {
     btn.classList.toggle('off', !layerVisible[layer]);
     updateVisibility();
   };
-  filtersDiv.appendChild(btn);
+  toolbarEl.appendChild(btn);
 });
 
-// \u2500\u2500 Cluster force: attract same-layer nodes toward group centroid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// JGF export button
+const jgfBtn = document.createElement('button');
+jgfBtn.className = 'export-btn';
+jgfBtn.textContent = '\u2193 JGF';
+jgfBtn.title = 'Export JSON Graph Format';
+jgfBtn.onclick = exportJGF;
+toolbarEl.appendChild(jgfBtn);
+
+// \u2500\u2500 JGF export \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+function exportJGF() {
+  const jgf = {
+    graph: {
+      directed: true,
+      type: 'cartography',
+      label: 'Infrastructure Map',
+      metadata: { exportedAt: new Date().toISOString() },
+      nodes: Object.fromEntries(data.nodes.map(n => [n.id, {
+        label: n.name,
+        metadata: { type: n.type, layer: n.layer, confidence: n.confidence,
+          discoveredVia: n.discoveredVia, discoveredAt: n.discoveredAt,
+          tags: n.tags, ...n.metadata }
+      }])),
+      edges: data.links.map(l => ({
+        source: l.source.id || l.source,
+        target: l.target.id || l.target,
+        relation: l.relationship,
+        metadata: { confidence: l.confidence, evidence: l.evidence }
+      })),
+    }
+  };
+  const blob = new Blob([JSON.stringify(jgf, null, 2)], { type: 'application/json' });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url; a.download = 'cartography-graph.jgf.json'; a.click();
+  URL.revokeObjectURL(url);
+}
+
+// \u2500\u2500 Cluster force \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 function clusterForce(alpha) {
   const centroids = {};
   const counts = {};
@@ -1967,42 +1973,23 @@ function clusterForce(alpha) {
     centroids[d.layer].y += d.y || 0;
     counts[d.layer]++;
   });
-  for (const l in centroids) {
-    centroids[l].x /= counts[l];
-    centroids[l].y /= counts[l];
-  }
+  for (const l in centroids) { centroids[l].x /= counts[l]; centroids[l].y /= counts[l]; }
   const strength = alpha * 0.15;
   data.nodes.forEach(d => {
     const c = centroids[d.layer];
-    if (c) {
-      d.vx += (c.x - d.x) * strength;
-      d.vy += (c.y - d.y) * strength;
-    }
+    if (c) { d.vx += (c.x - d.x) * strength; d.vy += (c.y - d.y) * strength; }
   });
 }
 
-// \u2500\u2500 Force simulation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const sim = d3.forceSimulation(data.nodes)
-  .force('link', d3.forceLink(data.links).id(d => d.id).distance(d => d.relationship === 'contains' ? 50 : 100).strength(0.4))
-  .force('charge', d3.forceManyBody().strength(-280))
-  .force('center', d3.forceCenter(W() / 2, H() / 2))
-  .force('collision', d3.forceCollide().radius(d => hexSize(d) + 10))
-  .force('cluster', clusterForce);
-
-// \u2500\u2500 Draw: hull backgrounds per layer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// \u2500\u2500 Hull group \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 const hullGroup = g.append('g').attr('class', 'hulls');
 const hullPaths = {};
 const hullLabels = {};
-
 layers.forEach(layer => {
-  hullPaths[layer] = hullGroup.append('path')
-    .attr('class', 'hull')
-    .attr('fill', LAYER_COLORS[layer] || '#666')
-    .attr('stroke', LAYER_COLORS[layer] || '#666');
-  hullLabels[layer] = hullGroup.append('text')
-    .attr('class', 'hull-label')
-    .attr('fill', LAYER_COLORS[layer] || '#666')
-    .text(LAYER_NAMES[layer] || layer);
+  hullPaths[layer] = hullGroup.append('path').attr('class', 'hull')
+    .attr('fill', LAYER_COLORS[layer] || '#666').attr('stroke', LAYER_COLORS[layer] || '#666');
+  hullLabels[layer] = hullGroup.append('text').attr('class', 'hull-label')
+    .attr('fill', LAYER_COLORS[layer] || '#666').text(LAYER_NAMES[layer] || layer);
 });
 
 function updateHulls() {
@@ -2017,7 +2004,6 @@ function updateHulls() {
     }
     const hull = d3.polygonHull(pts);
     if (!hull) { hullPaths[layer].attr('d', null); return; }
-    // Pad the hull outward for organic island feel
     const cx = d3.mean(hull, p => p[0]);
     const cy = d3.mean(hull, p => p[1]);
     const padded = hull.map(p => {
@@ -2030,94 +2016,119 @@ function updateHulls() {
   });
 }
 
-// \u2500\u2500 Draw: edges \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// \u2500\u2500 Graph rendering (rebuildable after delete) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+let linkSel, linkLabelSel, nodeSel, nodeLabelSel, sim;
 const linkGroup = g.append('g');
-const link = linkGroup.selectAll('line').data(data.links).join('line')
-  .attr('class', 'link')
-  .attr('stroke', d => d.confidence < 0.6 ? '#2a2e35' : '#3d434b')
-  .attr('stroke-dasharray', d => d.confidence < 0.6 ? '4 3' : null)
-  .attr('stroke-width', d => d.confidence < 0.6 ? 0.8 : 1.2)
-  .attr('marker-end', 'url(#arrow)');
-
-link.append('title').text(d => \`\${d.relationship} (\${Math.round(d.confidence*100)}%)
-\${d.evidence||''}\`);
+const nodeGroup = g.append('g');
 
-// Edge labels
-const linkLabel = linkGroup.selectAll('text').data(data.links).join('text')
-  .attr('class', 'link-label')
-  .text(d => d.relationship);
+function focusNode(d) {
+  if (!d.x || !d.y) return;
+  const w = W(), h = H();
+  svgEl.transition().duration(500).call(
+    zoomBehavior.transform,
+    d3.zoomIdentity.translate(w / 2, h / 2).scale(Math.min(3, currentZoom < 1 ? 1.5 : currentZoom)).translate(-d.x, -d.y)
+  );
+}
 
-// \u2500\u2500 Draw: nodes (hexagons) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-const nodeGroup = g.append('g');
-const node = nodeGroup.selectAll('g').data(data.nodes).join('g')
-  .call(d3.drag()
-    .on('start', (e, d) => { if (!e.active) sim.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; })
-    .on('drag', (e, d) => { d.fx = e.x; d.fy = e.y; })
-    .on('end', (e, d) => { if (!e.active) sim.alphaTarget(0); d.fx = null; d.fy = null; })
-  )
-  .on('click', (e, d) => { e.stopPropagation(); showNode(d); });
-
-node.append('path')
-  .attr('class', 'node-hex')
-  .attr('d', d => hexPath(hexSize(d)))
-  .attr('fill', d => TYPE_COLORS[d.type] || '#aaa')
-  .attr('stroke', d => {
-    const c = d3.color(TYPE_COLORS[d.type] || '#aaa');
-    return c ? c.brighter(0.8).formatHex() : '#ccc';
-  })
-  .attr('fill-opacity', d => 0.6 + d.confidence * 0.4);
-
-node.append('title').text(d => \`\${d.name} (\${d.type})
-conf: \${Math.round(d.confidence*100)}%\`);
+function rebuildGraph() {
+  if (sim) sim.stop();
+
+  // Links
+  linkSel = linkGroup.selectAll('line').data(data.links, d => \`\${d.source.id||d.source}>\${d.target.id||d.target}\`);
+  linkSel.exit().remove();
+  const linkEnter = linkSel.enter().append('line').attr('class', 'link');
+  linkSel = linkEnter.merge(linkSel)
+    .attr('stroke', d => d.confidence < 0.6 ? '#2a2e35' : '#3d434b')
+    .attr('stroke-dasharray', d => d.confidence < 0.6 ? '4 3' : null)
+    .attr('stroke-width', d => d.confidence < 0.6 ? 0.8 : 1.2)
+    .attr('marker-end', 'url(#arrow)');
+  linkSel.select('title').remove();
+  linkSel.append('title').text(d => \`\${d.relationship} (\${Math.round(d.confidence*100)}%)
+\${d.evidence||''}\`);
 
-// Node labels
-const nodeLabel = node.append('text')
-  .attr('class', 'node-label')
-  .attr('dy', d => hexSize(d) + 13)
-  .attr('text-anchor', 'middle')
-  .text(d => d.name.length > 20 ? d.name.substring(0, 18) + '\u2026' : d.name);
+  // Link labels
+  linkLabelSel = linkGroup.selectAll('text').data(data.links, d => \`\${d.source.id||d.source}>\${d.target.id||d.target}\`);
+  linkLabelSel.exit().remove();
+  linkLabelSel = linkLabelSel.enter().append('text').attr('class', 'link-label').merge(linkLabelSel)
+    .text(d => d.relationship);
+
+  // Nodes
+  nodeSel = nodeGroup.selectAll('g').data(data.nodes, d => d.id);
+  nodeSel.exit().remove();
+  const nodeEnter = nodeSel.enter().append('g')
+    .call(d3.drag()
+      .on('start', (e, d) => { if (!e.active) sim.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y; })
+      .on('drag', (e, d) => { d.fx = e.x; d.fy = e.y; })
+      .on('end', (e, d) => { if (!e.active) sim.alphaTarget(0); d.fx = null; d.fy = null; })
+    )
+    .on('click', (e, d) => { e.stopPropagation(); selectNode(d); });
+  nodeEnter.append('path').attr('class', 'node-hex');
+  nodeEnter.append('title');
+  nodeEnter.append('text').attr('class', 'node-label').attr('text-anchor', 'middle');
+
+  nodeSel = nodeEnter.merge(nodeSel);
+  nodeSel.select('.node-hex')
+    .attr('d', d => hexPath(hexSize(d)))
+    .attr('fill', d => TYPE_COLORS[d.type] || '#aaa')
+    .attr('stroke', d => { const c = d3.color(TYPE_COLORS[d.type] || '#aaa'); return c ? c.brighter(0.8).formatHex() : '#ccc'; })
+    .attr('fill-opacity', d => 0.6 + d.confidence * 0.4)
+    .classed('selected', d => d.id === selectedNodeId);
+  nodeSel.select('title').text(d => \`\${d.name} (\${d.type})
+conf: \${Math.round(d.confidence*100)}%\`);
+  nodeLabelSel = nodeSel.select('.node-label')
+    .attr('dy', d => hexSize(d) + 13)
+    .text(d => d.name.length > 20 ? d.name.substring(0, 18) + '\u2026' : d.name);
+
+  // Simulation
+  sim = d3.forceSimulation(data.nodes)
+    .force('link', d3.forceLink(data.links).id(d => d.id).distance(d => d.relationship === 'contains' ? 50 : 100).strength(0.4))
+    .force('charge', d3.forceManyBody().strength(-280))
+    .force('center', d3.forceCenter(W() / 2, H() / 2))
+    .force('collision', d3.forceCollide().radius(d => hexSize(d) + 10))
+    .force('cluster', clusterForce)
+    .on('tick', () => {
+      updateHulls();
+      linkSel.attr('x1', d => d.source.x).attr('y1', d => d.source.y)
+             .attr('x2', d => d.target.x).attr('y2', d => d.target.y);
+      linkLabelSel.attr('x', d => (d.source.x + d.target.x) / 2)
+                  .attr('y', d => (d.source.y + d.target.y) / 2 - 4);
+      nodeSel.attr('transform', d => \`translate(\${d.x},\${d.y})\`);
+    });
+}
 
-// \u2500\u2500 Level-of-detail: show/hide based on zoom \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+// \u2500\u2500 LOD & visibility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 function updateLOD(k) {
-  nodeLabel.style('opacity', k > 0.5 ? Math.min(1, (k - 0.5) * 2) : 0);
-  linkLabel.style('opacity', k > 1.2 ? Math.min(1, (k - 1.2) * 3) : 0);
+  if (nodeLabelSel) nodeLabelSel.style('opacity', k > 0.5 ? Math.min(1, (k - 0.5) * 2) : 0);
+  if (linkLabelSel) linkLabelSel.style('opacity', k > 1.2 ? Math.min(1, (k - 1.2) * 3) : 0);
   d3.selectAll('.hull-label').style('font-size', k < 0.4 ? '18px' : '13px');
 }
 
-// \u2500\u2500 Visibility filter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 function updateVisibility() {
-  node.style('display', d => layerVisible[d.layer] ? null : 'none');
-  link.style('display', d => {
-    const sNode = data.nodes.find(n => n.id === (d.source.id || d.source));
-    const tNode = data.nodes.find(n => n.id === (d.target.id || d.target));
-    return (sNode && layerVisible[sNode.layer]) && (tNode && layerVisible[tNode.layer]) ? null : 'none';
+  if (!nodeSel) return;
+  nodeSel.style('display', d => layerVisible[d.layer] ? null : 'none');
+  linkSel.style('display', d => {
+    const s = data.nodes.find(n => n.id === (d.source.id||d.source));
+    const t = data.nodes.find(n => n.id === (d.target.id||d.target));
+    return (s && layerVisible[s.layer]) && (t && layerVisible[t.layer]) ? null : 'none';
   });
-  linkLabel.style('display', d => {
-    const sNode = data.nodes.find(n => n.id === (d.source.id || d.source));
-    const tNode = data.nodes.find(n => n.id === (d.target.id || d.target));
-    return (sNode && layerVisible[sNode.layer]) && (tNode && layerVisible[tNode.layer]) ? null : 'none';
+  linkLabelSel.style('display', d => {
+    const s = data.nodes.find(n => n.id === (d.source.id||d.source));
+    const t = data.nodes.find(n => n.id === (d.target.id||d.target));
+    return (s && layerVisible[s.layer]) && (t && layerVisible[t.layer]) ? null : 'none';
   });
 }
 
-// \u2500\u2500 Tick \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-sim.on('tick', () => {
-  updateHulls();
-  link
-    .attr('x1', d => d.source.x).attr('y1', d => d.source.y)
-    .attr('x2', d => d.target.x).attr('y2', d => d.target.y);
-  linkLabel
-    .attr('x', d => (d.source.x + d.target.x) / 2)
-    .attr('y', d => (d.source.y + d.target.y) / 2 - 4);
-  node.attr('transform', d => \`translate(\${d.x},\${d.y})\`);
-});
+// \u2500\u2500 Init \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+rebuildGraph();
+buildNodeList();
+updateLOD(1);
 
-// Click empty space to deselect
 svgEl.on('click', () => {
+  selectedNodeId = null;
+  d3.selectAll('.node-hex').classed('selected', false);
+  buildNodeList(nodeSearchEl.value);
   sidebar.innerHTML = '<h2>Infrastructure Map</h2><p class="hint">Click a node to view details.</p>';
 });
-
-// Initial LOD
-updateLOD(1);
 </script>
 </body>
 </html>`;
@@ -2251,7 +2262,7 @@ function exportSOPDashboard(sops) {
 <body>
 <div class="header">
   <h1>SOP Dashboard</h1>
-  <div class="subtitle">Datasynx Cartography \u2014 Standard Operating Procedures</div>
+  <div class="subtitle">Cartography \u2014 Standard Operating Procedures</div>
   <div class="stats-row">
     <div class="stat-card"><div class="value" id="sop-count">0</div><div class="label">SOPs</div></div>
     <div class="stat-card"><div class="value" id="step-count">0</div><div class="label">Total Steps</div></div>
@@ -2288,7 +2299,7 @@ systems.forEach(([name, count]) => {
 
 const listDiv = document.getElementById('sop-list');
 if (sops.length === 0) {
-  listDiv.innerHTML = '<div class="empty">No SOPs found. Start the shadow daemon and observe workflows.</div>';
+  listDiv.innerHTML = '<div class="empty">No SOPs found. Run a discovery session first.</div>';
 }
 
 sops.forEach((sop, i) => {
@@ -2408,20 +2419,8 @@ function checkPrerequisites() {
     process.stderr.write("\u2713 Eingeloggt via claude login (Subscription)\n");
   }
 }
-function checkPollInterval(intervalMs) {
-  if (intervalMs < MIN_POLL_INTERVAL_MS) {
-    process.stderr.write(
-      `\u26A0 Minimum Shadow-Intervall: ${MIN_POLL_INTERVAL_MS / 1e3} Sekunden (Agent SDK Overhead)
-`
-    );
-    return MIN_POLL_INTERVAL_MS;
-  }
-  return intervalMs;
-}
 export {
   CartographyDB,
-  MIN_POLL_INTERVAL_MS,
-  checkPollInterval,
   checkPrerequisites,
   createCartographyTools,
   CartographyDB as default,
@@ -2433,11 +2432,9 @@ export {
   exportSOPDashboard,
   exportSOPMarkdown,
   generateDependencyMermaid,
-  generateSOPs,
   generateTopologyMermaid,
   generateWorkflowMermaid,
   runDiscovery,
-  runShadowCycle,
   safetyHook,
   stripSensitive
 };