codebase-onboarder 0.5.0 → 0.7.0

package/public/js/mindmap.d.ts

@@ -0,0 +1,32 @@
+export declare const GEOMETRY: {
+    colW: number;
+    rowH: number;
+    cellW: number;
+    cellH: number;
+    pad: number;
+    maxFolderChildren: number;
+    maxNeighbors: number;
+};
+export declare function buildSpecs({ root, expanded, folderInfo, fileInfo, rootSummary }: {
+    expanded: any;
+    fileInfo: any;
+    folderInfo: any;
+    root: any;
+    rootSummary: any;
+}): {
+    id: string;
+    kind: string;
+    name: any;
+    summary: any;
+    cls: any;
+    expandable: boolean;
+    nav: any;
+    kids: () => any[];
+};
+export declare function layoutMindMap(rootSpec: any, expanded: any): {
+    cells: any[];
+    edges: any[];
+    width: number;
+    height: number;
+};
+export declare function renderMindMap(container: any, layout: any, expanded: any, handlers: any): HTMLDivElement;

package/public/js/mindmap.js

@@ -4,286 +4,271 @@
 // shrink. Every cell carries a one-line description. Layout is a small
 // tidy-tree: leaves get rows in order, parents center on their children.
 // Pure logic up front so it can be unit-tested without a DOM.
-
 export const GEOMETRY = {
-  colW: 250,
-  rowH: 58,
-  cellW: 204,
-  cellH: 46,
-  pad: 10,
-  maxFolderChildren: 30,
-  maxNeighbors: 6,
+    colW: 250,
+    rowH: 58,
+    cellW: 204,
+    cellH: 46,
+    pad: 10,
+    maxFolderChildren: 30,
+    maxNeighbors: 6,
 };
-
 // Builds the root spec from the file tree. The app supplies the prose:
 //   folderInfo(node) -> { summary, cls }
 //   fileInfo(path)   -> { summary, cls, parsed, neighbors: [{path, relation}] }
 // `expanded` is a Set of spec ids ('dir:…', 'file:…') currently open.
 export function buildSpecs({ root, expanded, folderInfo, fileInfo, rootSummary }) {
-  const folderSpec = (node) => ({
-    id: 'dir:' + node.path,
-    kind: node.path ? 'folder' : 'root',
-    name: node.path ? node.name + '/' : rootSummary.name,
-    summary: node.path ? folderInfo(node).summary : rootSummary.summary,
-    cls: node.path ? folderInfo(node).cls || '' : 'is-root',
-    expandable: true,
-    nav: node.path || null,
-    kids: () => folderKids(node),
-  });
-
-  const folderKids = (node) => {
-    const dirs = [...node.dirs.values()]
-      .sort((a, b) => a.name.localeCompare(b.name))
-      .map(folderSpec);
-    const files = node.files.slice().sort().map(fileSpec);
-    const shown = files.slice(0, GEOMETRY.maxFolderChildren);
-    const hidden = files.length - shown.length;
-    const more = hidden > 0
-      ? [{
-          id: 'more:' + node.path,
-          kind: 'more',
-          name: '+ ' + hidden + ' more',
-          summary: 'see them in Files view',
-          cls: 'is-ghost',
-          expandable: false,
-          navFolder: node.path,
-          kids: null,
-        }]
-      : [];
-    return [...dirs, ...shown, ...more];
-  };
-
-  const fileSpec = (path) => {
-    const info = fileInfo(path);
-    const name = path.split('/').pop();
-    if (!info.parsed) {
-      return {
-        id: 'file:' + path,
-        kind: 'file',
-        name,
-        summary: info.summary,
-        cls: 'is-plain',
-        expandable: false,
-        nav: path,
-        kids: null,
-      };
-    }
-    const neighbors = info.neighbors || [];
-    return {
-      id: 'file:' + path,
-      kind: 'file',
-      name,
-      summary: info.summary,
-      cls: info.cls || '',
-      expandable: neighbors.length > 0,
-      nav: path,
-      kids: () => {
-        const shown = neighbors.slice(0, GEOMETRY.maxNeighbors);
-        const hidden = neighbors.length - shown.length;
-        const specs = shown.map((n) => ({
-          id: 'g:' + path + ':' + n.path,
-          kind: 'ghost',
-          name: n.path.split('/').pop(),
-          summary: `${n.relation} · ${dirPart(n.path)}`,
-          cls: 'is-ghost',
-          expandable: false,
-          nav: n.path,
-          kids: null,
-        }));
-        if (hidden > 0) {
-          specs.push({
-            id: 'gmore:' + path,
-            kind: 'more',
-            name: '+ ' + hidden + ' more',
-            summary: 'open the deep-dive',
-            cls: 'is-ghost',
-            expandable: false,
-            nav: path,
-            kids: null,
-          });
+    const folderSpec = (node) => ({
+        id: 'dir:' + node.path,
+        kind: node.path ? 'folder' : 'root',
+        name: node.path ? node.name + '/' : rootSummary.name,
+        summary: node.path ? folderInfo(node).summary : rootSummary.summary,
+        cls: node.path ? folderInfo(node).cls || '' : 'is-root',
+        expandable: true,
+        nav: node.path || null,
+        kids: () => folderKids(node),
+    });
+    const folderKids = (node) => {
+        const dirs = [...node.dirs.values()]
+            .sort((a, b) => a.name.localeCompare(b.name))
+            .map(folderSpec);
+        const files = node.files.slice().sort().map(fileSpec);
+        const shown = files.slice(0, GEOMETRY.maxFolderChildren);
+        const hidden = files.length - shown.length;
+        const more = hidden > 0
+            ? [{
+                    id: 'more:' + node.path,
+                    kind: 'more',
+                    name: '+ ' + hidden + ' more',
+                    summary: 'see them in Files view',
+                    cls: 'is-ghost',
+                    expandable: false,
+                    navFolder: node.path,
+                    kids: null,
+                }]
+            : [];
+        return [...dirs, ...shown, ...more];
+    };
+    const fileSpec = (path) => {
+        const info = fileInfo(path);
+        const name = path.split('/').pop();
+        if (!info.parsed) {
+            return {
+                id: 'file:' + path,
+                kind: 'file',
+                name,
+                summary: info.summary,
+                cls: 'is-plain',
+                expandable: false,
+                nav: path,
+                kids: null,
+            };
         }
-        return specs;
-      },
+        const neighbors = info.neighbors || [];
+        return {
+            id: 'file:' + path,
+            kind: 'file',
+            name,
+            summary: info.summary,
+            cls: info.cls || '',
+            expandable: neighbors.length > 0,
+            nav: path,
+            kids: () => {
+                const shown = neighbors.slice(0, GEOMETRY.maxNeighbors);
+                const hidden = neighbors.length - shown.length;
+                const specs = shown.map((n) => ({
+                    id: 'g:' + path + ':' + n.path,
+                    kind: 'ghost',
+                    name: n.path.split('/').pop(),
+                    summary: `${n.relation} · ${dirPart(n.path)}`,
+                    cls: 'is-ghost',
+                    expandable: false,
+                    nav: n.path,
+                    kids: null,
+                }));
+                if (hidden > 0) {
+                    specs.push({
+                        id: 'gmore:' + path,
+                        kind: 'more',
+                        name: '+ ' + hidden + ' more',
+                        summary: 'open the deep-dive',
+                        cls: 'is-ghost',
+                        expandable: false,
+                        nav: path,
+                        kids: null,
+                    });
+                }
+                return specs;
+            },
+        };
     };
-  };
-
-  return folderSpec(root);
+    return folderSpec(root);
 }
-
 // Lays out the visible cells. Returns flat cell + edge lists with absolute
 // coordinates, plus the total size of the drawing.
 export function layoutMindMap(rootSpec, expanded) {
-  const cells = [];
-  const edges = [];
-  let nextRow = 0;
-  let maxDepth = 0;
-  const G = GEOMETRY;
-
-  const walk = (spec, depth) => {
-    const cell = {
-      id: spec.id,
-      kind: spec.kind,
-      name: spec.name,
-      summary: spec.summary,
-      cls: spec.cls,
-      expandable: spec.expandable,
-      nav: spec.nav ?? null,
-      navFolder: spec.navFolder ?? null,
-      depth,
-      x: G.pad + depth * G.colW,
-      w: G.cellW,
-      h: G.cellH,
+    const cells = [];
+    const edges = [];
+    let nextRow = 0;
+    let maxDepth = 0;
+    const G = GEOMETRY;
+    const walk = (spec, depth) => {
+        const cell = {
+            id: spec.id,
+            kind: spec.kind,
+            name: spec.name,
+            summary: spec.summary,
+            cls: spec.cls,
+            expandable: spec.expandable,
+            nav: spec.nav ?? null,
+            navFolder: spec.navFolder ?? null,
+            depth,
+            x: G.pad + depth * G.colW,
+            w: G.cellW,
+            h: G.cellH,
+            row: 0,
+            y: 0,
+        };
+        cells.push(cell);
+        maxDepth = Math.max(maxDepth, depth);
+        const open = spec.expandable && expanded.has(spec.id);
+        const kidSpecs = open && spec.kids ? spec.kids() : [];
+        const kidCells = kidSpecs.map((k) => {
+            const kc = walk(k, depth + 1);
+            edges.push({ from: cell, to: kc, dashed: k.kind === 'ghost' || k.kind === 'more' });
+            return kc;
+        });
+        cell.row = kidCells.length
+            ? (kidCells[0].row + kidCells[kidCells.length - 1].row) / 2
+            : nextRow++;
+        cell.y = G.pad + cell.row * G.rowH;
+        return cell;
+    };
+    walk(rootSpec, 0);
+    return {
+        cells,
+        edges,
+        width: G.pad * 2 + (maxDepth + 1) * G.colW,
+        height: G.pad * 2 + nextRow * G.rowH,
     };
-    cells.push(cell);
-    maxDepth = Math.max(maxDepth, depth);
-
-    const open = spec.expandable && expanded.has(spec.id);
-    const kidSpecs = open && spec.kids ? spec.kids() : [];
-    const kidCells = kidSpecs.map((k) => {
-      const kc = walk(k, depth + 1);
-      edges.push({ from: cell, to: kc, dashed: k.kind === 'ghost' || k.kind === 'more' });
-      return kc;
-    });
-    cell.row = kidCells.length
-      ? (kidCells[0].row + kidCells[kidCells.length - 1].row) / 2
-      : nextRow++;
-    cell.y = G.pad + cell.row * G.rowH;
-    return cell;
-  };
-
-  walk(rootSpec, 0);
-
-  return {
-    cells,
-    edges,
-    width: G.pad * 2 + (maxDepth + 1) * G.colW,
-    height: G.pad * 2 + nextRow * G.rowH,
-  };
 }
 // Draws the layout into the canvas: SVG elbow edges underneath, HTML cells
 // on top (better text handling and click targets than SVG text).
 // handlers: onToggle(cell) for real cells, onNavigate(cell) for ghosts.
 export function renderMindMap(container, layout, expanded, handlers) {
-  container.innerHTML = '';
-
-  const wrap = document.createElement('div');
-  wrap.className = 'mm';
-  wrap.style.width = layout.width + 'px';
-  wrap.style.height = layout.height + 'px';
-
-  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-  svg.setAttribute('class', 'mm-svg');
-  svg.setAttribute('width', layout.width);
-  svg.setAttribute('height', layout.height);
-
-  const edgePaths = new Map(); // edge -> svgPath
-  const cellElements = new Map(); // cellId -> domElement
-  const parentMap = new Map(); // cell -> { parentCell, edge }
-  const childMap = new Map(); // cell -> Array<{ childCell, edge }>
-
-  for (const edge of layout.edges) {
-    const x1 = edge.from.x + edge.from.w;
-    const y1 = edge.from.y + edge.from.h / 2;
-    const x2 = edge.to.x;
-    const y2 = edge.to.y + edge.to.h / 2;
-    const bend = Math.max(30, (x2 - x1) / 2);
-    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('d', `M ${x1} ${y1} C ${x1 + bend} ${y1}, ${x2 - bend} ${y2}, ${x2} ${y2}`);
-    path.setAttribute('class', 'mm-edge' + (edge.dashed ? ' is-dashed' : ''));
-    svg.appendChild(path);
-    edgePaths.set(edge, path);
-
-    parentMap.set(edge.to, { parentCell: edge.from, edge });
-    if (!childMap.has(edge.from)) childMap.set(edge.from, []);
-    childMap.get(edge.from).push({ childCell: edge.to, edge });
-  }
-  wrap.appendChild(svg);
-
-  for (const cell of layout.cells) {
-    const el = document.createElement('div');
-    el.className = 'mm-cell ' + (cell.cls || '') + ' kind-' + cell.kind;
-    el.style.left = cell.x + 'px';
-    el.style.top = cell.y + 'px';
-    el.style.width = cell.w + 'px';
-    el.style.minHeight = cell.h + 'px';
-    cellElements.set(cell.id, el);
-
-    const head = document.createElement('div');
-    head.className = 'mm-head';
-    if (cell.expandable) {
-      const caret = document.createElement('span');
-      caret.className = 'mm-caret';
-      caret.textContent = expanded.has(cell.id) ? '▾' : '▸';
-      head.appendChild(caret);
+    container.innerHTML = '';
+    const wrap = document.createElement('div');
+    wrap.className = 'mm';
+    wrap.style.width = layout.width + 'px';
+    wrap.style.height = layout.height + 'px';
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('class', 'mm-svg');
+    svg.setAttribute('width', layout.width);
+    svg.setAttribute('height', layout.height);
+    const edgePaths = new Map(); // edge -> svgPath
+    const cellElements = new Map(); // cellId -> domElement
+    const parentMap = new Map(); // cell -> { parentCell, edge }
+    const childMap = new Map(); // cell -> Array<{ childCell, edge }>
+    for (const edge of layout.edges) {
+        const x1 = edge.from.x + edge.from.w;
+        const y1 = edge.from.y + edge.from.h / 2;
+        const x2 = edge.to.x;
+        const y2 = edge.to.y + edge.to.h / 2;
+        const bend = Math.max(30, (x2 - x1) / 2);
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        path.setAttribute('d', `M ${x1} ${y1} C ${x1 + bend} ${y1}, ${x2 - bend} ${y2}, ${x2} ${y2}`);
+        path.setAttribute('class', 'mm-edge' + (edge.dashed ? ' is-dashed' : ''));
+        svg.appendChild(path);
+        edgePaths.set(edge, path);
+        parentMap.set(edge.to, { parentCell: edge.from, edge });
+        if (!childMap.has(edge.from))
+            childMap.set(edge.from, []);
+        childMap.get(edge.from).push({ childCell: edge.to, edge });
     }
-    const name = document.createElement('span');
-    name.className = 'mm-name';
-    name.textContent = cell.name;
-    name.title = cell.nav || cell.name;
-    head.appendChild(name);
-    el.appendChild(head);
-
-    if (cell.summary) {
-      const sum = document.createElement('div');
-      sum.className = 'mm-sum';
-      sum.textContent = cell.summary;
-      el.appendChild(sum);
+    wrap.appendChild(svg);
+    for (const cell of layout.cells) {
+        const el = document.createElement('div');
+        el.className = 'mm-cell ' + (cell.cls || '') + ' kind-' + cell.kind;
+        el.style.left = cell.x + 'px';
+        el.style.top = cell.y + 'px';
+        el.style.width = cell.w + 'px';
+        el.style.minHeight = cell.h + 'px';
+        cellElements.set(cell.id, el);
+        const head = document.createElement('div');
+        head.className = 'mm-head';
+        if (cell.expandable) {
+            const caret = document.createElement('span');
+            caret.className = 'mm-caret';
+            caret.textContent = expanded.has(cell.id) ? '▾' : '▸';
+            head.appendChild(caret);
+        }
+        const name = document.createElement('span');
+        name.className = 'mm-name';
+        name.textContent = cell.name;
+        name.title = cell.nav || cell.name;
+        head.appendChild(name);
+        el.appendChild(head);
+        if (cell.summary) {
+            const sum = document.createElement('div');
+            sum.className = 'mm-sum';
+            sum.textContent = cell.summary;
+            el.appendChild(sum);
+        }
+        // Branch hover highlighting
+        el.addEventListener('mouseenter', () => {
+            wrap.classList.add('has-hover');
+            el.classList.add('is-active-branch');
+            // Trace ancestors up to root
+            let cur = cell;
+            while (parentMap.has(cur)) {
+                const { parentCell, edge } = parentMap.get(cur);
+                const edgePath = edgePaths.get(edge);
+                if (edgePath)
+                    edgePath.classList.add('is-active');
+                const pEl = cellElements.get(parentCell.id);
+                if (pEl)
+                    pEl.classList.add('is-active-branch');
+                cur = parentCell;
+            }
+            // Trace direct children
+            const kids = childMap.get(cell) || [];
+            for (const { childCell, edge } of kids) {
+                const edgePath = edgePaths.get(edge);
+                if (edgePath)
+                    edgePath.classList.add('is-active');
+                const cEl = cellElements.get(childCell.id);
+                if (cEl)
+                    cEl.classList.add('is-active-branch');
+            }
+        });
+        el.addEventListener('mouseleave', () => {
+            wrap.classList.remove('has-hover');
+            for (const edgePath of edgePaths.values()) {
+                edgePath.classList.remove('is-active');
+            }
+            for (const cellEl of cellElements.values()) {
+                cellEl.classList.remove('is-active-branch');
+            }
+        });
+        el.addEventListener('click', (event) => {
+            event.stopPropagation();
+            if (cell.kind === 'ghost' || cell.kind === 'more') {
+                handlers.onNavigate(cell);
+            }
+            else if (cell.expandable) {
+                handlers.onToggle(cell);
+            }
+            else {
+                handlers.onNavigate(cell);
+            }
+        });
+        wrap.appendChild(el);
     }
-
-    // Branch hover highlighting
-    el.addEventListener('mouseenter', () => {
-      wrap.classList.add('has-hover');
-      el.classList.add('is-active-branch');
-
-      // Trace ancestors up to root
-      let cur = cell;
-      while (parentMap.has(cur)) {
-        const { parentCell, edge } = parentMap.get(cur);
-        const edgePath = edgePaths.get(edge);
-        if (edgePath) edgePath.classList.add('is-active');
-        const pEl = cellElements.get(parentCell.id);
-        if (pEl) pEl.classList.add('is-active-branch');
-        cur = parentCell;
-      }
-
-      // Trace direct children
-      const kids = childMap.get(cell) || [];
-      for (const { childCell, edge } of kids) {
-        const edgePath = edgePaths.get(edge);
-        if (edgePath) edgePath.classList.add('is-active');
-        const cEl = cellElements.get(childCell.id);
-        if (cEl) cEl.classList.add('is-active-branch');
-      }
-    });
-
-    el.addEventListener('mouseleave', () => {
-      wrap.classList.remove('has-hover');
-      for (const edgePath of edgePaths.values()) {
-        edgePath.classList.remove('is-active');
-      }
-      for (const cellEl of cellElements.values()) {
-        cellEl.classList.remove('is-active-branch');
-      }
-    });
-
-    el.addEventListener('click', (event) => {
-      event.stopPropagation();
-      if (cell.kind === 'ghost' || cell.kind === 'more') {
-        handlers.onNavigate(cell);
-      } else if (cell.expandable) {
-        handlers.onToggle(cell);
-      } else {
-        handlers.onNavigate(cell);
-      }
-    });
-    wrap.appendChild(el);
-  }
-
-  container.appendChild(wrap);
-  return wrap;
+    container.appendChild(wrap);
+    return wrap;
 }
-
 function dirPart(path) {
-  const i = path.lastIndexOf('/');
-  return i === -1 ? '(root)' : path.slice(0, i);
+    const i = path.lastIndexOf('/');
+    return i === -1 ? '(root)' : path.slice(0, i);
 }
+//# sourceMappingURL=mindmap.js.map

package/public/js/mindmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mindmap.js","sourceRoot":"","sources":["../../src/public/js/mindmap.ts"],"names":[],"mappings":"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","sourcesContent":["// The Map view: the whole repository as a left-to-right tree of cells.\n// Folders expand into their contents; files expand into the cells they are\n// connected to (what they pull in, who leans on them); click again to\n// shrink. Every cell carries a one-line description. Layout is a small\n// tidy-tree: leaves get rows in order, parents center on their children.\n// Pure logic up front so it can be unit-tested without a DOM.\n\nexport const GEOMETRY = {\n  colW: 250,\n  rowH: 58,\n  cellW: 204,\n  cellH: 46,\n  pad: 10,\n  maxFolderChildren: 30,\n  maxNeighbors: 6,\n};\n\n// Builds the root spec from the file tree. The app supplies the prose:\n//   folderInfo(node) -> { summary, cls }\n//   fileInfo(path)   -> { summary, cls, parsed, neighbors: [{path, relation}] }\n// `expanded` is a Set of spec ids ('dir:…', 'file:…') currently open.\nexport function buildSpecs({ root, expanded, folderInfo, fileInfo, rootSummary }) {\n  const folderSpec = (node) => ({\n    id: 'dir:' + node.path,\n    kind: node.path ? 'folder' : 'root',\n    name: node.path ? node.name + '/' : rootSummary.name,\n    summary: node.path ? folderInfo(node).summary : rootSummary.summary,\n    cls: node.path ? folderInfo(node).cls || '' : 'is-root',\n    expandable: true,\n    nav: node.path || null,\n    kids: () => folderKids(node),\n  });\n\n  const folderKids = (node) => {\n    const dirs = [...node.dirs.values()]\n      .sort((a, b) => a.name.localeCompare(b.name))\n      .map(folderSpec);\n    const files = node.files.slice().sort().map(fileSpec);\n    const shown = files.slice(0, GEOMETRY.maxFolderChildren);\n    const hidden = files.length - shown.length;\n    const more = hidden > 0\n      ? [{\n          id: 'more:' + node.path,\n          kind: 'more',\n          name: '+ ' + hidden + ' more',\n          summary: 'see them in Files view',\n          cls: 'is-ghost',\n          expandable: false,\n          navFolder: node.path,\n          kids: null,\n        }]\n      : [];\n    return [...dirs, ...shown, ...more];\n  };\n\n  const fileSpec = (path) => {\n    const info = fileInfo(path);\n    const name = path.split('/').pop();\n    if (!info.parsed) {\n      return {\n        id: 'file:' + path,\n        kind: 'file',\n        name,\n        summary: info.summary,\n        cls: 'is-plain',\n        expandable: false,\n        nav: path,\n        kids: null,\n      };\n    }\n    const neighbors = info.neighbors || [];\n    return {\n      id: 'file:' + path,\n      kind: 'file',\n      name,\n      summary: info.summary,\n      cls: info.cls || '',\n      expandable: neighbors.length > 0,\n      nav: path,\n      kids: () => {\n        const shown = neighbors.slice(0, GEOMETRY.maxNeighbors);\n        const hidden = neighbors.length - shown.length;\n        const specs = shown.map((n) => ({\n          id: 'g:' + path + ':' + n.path,\n          kind: 'ghost',\n          name: n.path.split('/').pop(),\n          summary: `${n.relation} · ${dirPart(n.path)}`,\n          cls: 'is-ghost',\n          expandable: false,\n          nav: n.path,\n          kids: null,\n        }));\n        if (hidden > 0) {\n          specs.push({\n            id: 'gmore:' + path,\n            kind: 'more',\n            name: '+ ' + hidden + ' more',\n            summary: 'open the deep-dive',\n            cls: 'is-ghost',\n            expandable: false,\n            nav: path,\n            kids: null,\n          });\n        }\n        return specs;\n      },\n    };\n  };\n\n  return folderSpec(root);\n}\n\n// Lays out the visible cells. Returns flat cell + edge lists with absolute\n// coordinates, plus the total size of the drawing.\nexport function layoutMindMap(rootSpec, expanded) {\n  const cells = [];\n  const edges = [];\n  let nextRow = 0;\n  let maxDepth = 0;\n  const G = GEOMETRY;\n\n  const walk = (spec, depth) => {\n    const cell = {\n      id: spec.id,\n      kind: spec.kind,\n      name: spec.name,\n      summary: spec.summary,\n      cls: spec.cls,\n      expandable: spec.expandable,\n      nav: spec.nav ?? null,\n      navFolder: spec.navFolder ?? null,\n      depth,\n      x: G.pad + depth * G.colW,\n      w: G.cellW,\n      h: G.cellH,\n      row: 0,\n      y: 0,\n    };\n    cells.push(cell);\n    maxDepth = Math.max(maxDepth, depth);\n\n    const open = spec.expandable && expanded.has(spec.id);\n    const kidSpecs = open && spec.kids ? spec.kids() : [];\n    const kidCells = kidSpecs.map((k) => {\n      const kc = walk(k, depth + 1);\n      edges.push({ from: cell, to: kc, dashed: k.kind === 'ghost' || k.kind === 'more' });\n      return kc;\n    });\n    cell.row = kidCells.length\n      ? (kidCells[0].row + kidCells[kidCells.length - 1].row) / 2\n      : nextRow++;\n    cell.y = G.pad + cell.row * G.rowH;\n    return cell;\n  };\n\n  walk(rootSpec, 0);\n\n  return {\n    cells,\n    edges,\n    width: G.pad * 2 + (maxDepth + 1) * G.colW,\n    height: G.pad * 2 + nextRow * G.rowH,\n  };\n}\n// Draws the layout into the canvas: SVG elbow edges underneath, HTML cells\n// on top (better text handling and click targets than SVG text).\n// handlers: onToggle(cell) for real cells, onNavigate(cell) for ghosts.\nexport function renderMindMap(container, layout, expanded, handlers) {\n  container.innerHTML = '';\n\n  const wrap = document.createElement('div');\n  wrap.className = 'mm';\n  wrap.style.width = layout.width + 'px';\n  wrap.style.height = layout.height + 'px';\n\n  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n  svg.setAttribute('class', 'mm-svg');\n  svg.setAttribute('width', layout.width);\n  svg.setAttribute('height', layout.height);\n\n  const edgePaths = new Map(); // edge -> svgPath\n  const cellElements = new Map(); // cellId -> domElement\n  const parentMap = new Map(); // cell -> { parentCell, edge }\n  const childMap = new Map(); // cell -> Array<{ childCell, edge }>\n\n  for (const edge of layout.edges) {\n    const x1 = edge.from.x + edge.from.w;\n    const y1 = edge.from.y + edge.from.h / 2;\n    const x2 = edge.to.x;\n    const y2 = edge.to.y + edge.to.h / 2;\n    const bend = Math.max(30, (x2 - x1) / 2);\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n    path.setAttribute('d', `M ${x1} ${y1} C ${x1 + bend} ${y1}, ${x2 - bend} ${y2}, ${x2} ${y2}`);\n    path.setAttribute('class', 'mm-edge' + (edge.dashed ? ' is-dashed' : ''));\n    svg.appendChild(path);\n    edgePaths.set(edge, path);\n\n    parentMap.set(edge.to, { parentCell: edge.from, edge });\n    if (!childMap.has(edge.from)) childMap.set(edge.from, []);\n    childMap.get(edge.from).push({ childCell: edge.to, edge });\n  }\n  wrap.appendChild(svg);\n\n  for (const cell of layout.cells) {\n    const el = document.createElement('div');\n    el.className = 'mm-cell ' + (cell.cls || '') + ' kind-' + cell.kind;\n    el.style.left = cell.x + 'px';\n    el.style.top = cell.y + 'px';\n    el.style.width = cell.w + 'px';\n    el.style.minHeight = cell.h + 'px';\n    cellElements.set(cell.id, el);\n\n    const head = document.createElement('div');\n    head.className = 'mm-head';\n    if (cell.expandable) {\n      const caret = document.createElement('span');\n      caret.className = 'mm-caret';\n      caret.textContent = expanded.has(cell.id) ? '▾' : '▸';\n      head.appendChild(caret);\n    }\n    const name = document.createElement('span');\n    name.className = 'mm-name';\n    name.textContent = cell.name;\n    name.title = cell.nav || cell.name;\n    head.appendChild(name);\n    el.appendChild(head);\n\n    if (cell.summary) {\n      const sum = document.createElement('div');\n      sum.className = 'mm-sum';\n      sum.textContent = cell.summary;\n      el.appendChild(sum);\n    }\n\n    // Branch hover highlighting\n    el.addEventListener('mouseenter', () => {\n      wrap.classList.add('has-hover');\n      el.classList.add('is-active-branch');\n\n      // Trace ancestors up to root\n      let cur = cell;\n      while (parentMap.has(cur)) {\n        const { parentCell, edge } = parentMap.get(cur);\n        const edgePath = edgePaths.get(edge);\n        if (edgePath) edgePath.classList.add('is-active');\n        const pEl = cellElements.get(parentCell.id);\n        if (pEl) pEl.classList.add('is-active-branch');\n        cur = parentCell;\n      }\n\n      // Trace direct children\n      const kids = childMap.get(cell) || [];\n      for (const { childCell, edge } of kids) {\n        const edgePath = edgePaths.get(edge);\n        if (edgePath) edgePath.classList.add('is-active');\n        const cEl = cellElements.get(childCell.id);\n        if (cEl) cEl.classList.add('is-active-branch');\n      }\n    });\n\n    el.addEventListener('mouseleave', () => {\n      wrap.classList.remove('has-hover');\n      for (const edgePath of edgePaths.values()) {\n        edgePath.classList.remove('is-active');\n      }\n      for (const cellEl of cellElements.values()) {\n        cellEl.classList.remove('is-active-branch');\n      }\n    });\n\n    el.addEventListener('click', (event) => {\n      event.stopPropagation();\n      if (cell.kind === 'ghost' || cell.kind === 'more') {\n        handlers.onNavigate(cell);\n      } else if (cell.expandable) {\n        handlers.onToggle(cell);\n      } else {\n        handlers.onNavigate(cell);\n      }\n    });\n    wrap.appendChild(el);\n  }\n\n  container.appendChild(wrap);\n  return wrap;\n}\n\nfunction dirPart(path) {\n  const i = path.lastIndexOf('/');\n  return i === -1 ? '(root)' : path.slice(0, i);\n}\n"]}

package/public/js/mobilePanels.d.ts

@@ -0,0 +1,5 @@
+export interface MobilePanels {
+    close(): void;
+}
+/** Small screen file tree and inspector drawers, with one active panel at a time. */
+export declare function initMobilePanels(): MobilePanels;