@archaic-ai/mcp 1.0.0

package/build/db/client.d.ts

@@ -0,0 +1 @@
+export declare function mcpFetch<T>(path: string): Promise<T>;

package/build/db/client.js

@@ -0,0 +1,18 @@
+const apiUrl = process.env.ARCHAIC_API_URL ?? "https://app.tryarchaic.com";
+const apiKey = process.env.ARCHAIC_API_KEY;
+if (!apiKey) {
+    process.stderr.write("Error: ARCHAIC_API_KEY environment variable is required\n");
+    process.exit(1);
+}
+export async function mcpFetch(path) {
+    const url = `${apiUrl}/api/mcp${path}`;
+    const res = await fetch(url, {
+        headers: { Authorization: `Bearer ${apiKey}` },
+    });
+    if (!res.ok) {
+        const body = await res.text().catch(() => "");
+        throw new Error(`MCP API error ${res.status}: ${body}`);
+    }
+    return res.json();
+}
+//# sourceMappingURL=client.js.map

package/build/db/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/db/client.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,IAAI,4BAA4B,CAAC;AAC3E,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAE3C,IAAI,CAAC,MAAM,EAAE,CAAC;IACZ,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,2DAA2D,CAAC,CAAC;IAClF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAI,IAAY;IAC5C,MAAM,GAAG,GAAG,GAAG,MAAM,WAAW,IAAI,EAAE,CAAC;IACvC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;QAC3B,OAAO,EAAE,EAAE,aAAa,EAAE,UAAU,MAAM,EAAE,EAAE;KAC/C,CAAC,CAAC;IAEH,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;QACZ,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QAC9C,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,EAAgB,CAAC;AAClC,CAAC"}

package/build/db/repositories.d.ts

@@ -0,0 +1,3 @@
+import type { Repository } from "../types.js";
+export declare function getRepositoriesByUserId(): Promise<Repository[]>;
+export declare function getRepositoryById(id: string): Promise<Repository | null>;

package/build/db/repositories.js

@@ -0,0 +1,15 @@
+import { mcpFetch } from "./client.js";
+export async function getRepositoriesByUserId() {
+    return mcpFetch("/repos");
+}
+export async function getRepositoryById(id) {
+    try {
+        return await mcpFetch(`/repos/${id}`);
+    }
+    catch (err) {
+        if (err instanceof Error && err.message.includes("404"))
+            return null;
+        throw err;
+    }
+}
+//# sourceMappingURL=repositories.js.map

package/build/db/repositories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repositories.js","sourceRoot":"","sources":["../../src/db/repositories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,CAAC,KAAK,UAAU,uBAAuB;IAC3C,OAAO,QAAQ,CAAe,QAAQ,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,iBAAiB,CAAC,EAAU;IAChD,IAAI,CAAC;QACH,OAAO,MAAM,QAAQ,CAAa,UAAU,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,IAAI,GAAG,YAAY,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACrE,MAAM,GAAG,CAAC;IACZ,CAAC;AACH,CAAC"}

package/build/db/workspaces.d.ts

@@ -0,0 +1,3 @@
+import type { Workspace } from "../types.js";
+export declare function getWorkspacesByUserId(): Promise<Workspace[]>;
+export declare function getWorkspaceById(id: string): Promise<Workspace | null>;

package/build/db/workspaces.js

@@ -0,0 +1,15 @@
+import { mcpFetch } from "./client.js";
+export async function getWorkspacesByUserId() {
+    return mcpFetch("/workspaces");
+}
+export async function getWorkspaceById(id) {
+    try {
+        return await mcpFetch(`/workspaces/${id}`);
+    }
+    catch (err) {
+        if (err instanceof Error && err.message.includes("404"))
+            return null;
+        throw err;
+    }
+}
+//# sourceMappingURL=workspaces.js.map

package/build/db/workspaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspaces.js","sourceRoot":"","sources":["../../src/db/workspaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,CAAC,KAAK,UAAU,qBAAqB;IACzC,OAAO,QAAQ,CAAc,aAAa,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,EAAU;IAC/C,IAAI,CAAC;QACH,OAAO,MAAM,QAAQ,CAAY,eAAe,EAAE,EAAE,CAAC,CAAC;IACxD,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,IAAI,GAAG,YAAY,KAAK,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QACrE,MAAM,GAAG,CAAC;IACZ,CAAC;AACH,CAAC"}

package/build/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/build/index.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { registerRepoTools } from "./tools/repos.js";
+import { registerWorkspaceTools } from "./tools/workspaces.js";
+const apiKey = process.env.ARCHAIC_API_KEY;
+if (!apiKey) {
+    process.stderr.write("Error: ARCHAIC_API_KEY environment variable is required\n");
+    process.exit(1);
+}
+const server = new McpServer({
+    name: "archaic",
+    version: "1.0.0",
+});
+registerRepoTools(server);
+registerWorkspaceTools(server);
+const transport = new StdioServerTransport();
+await server.connect(transport);
+process.stderr.write("archaic MCP server running\n");
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;AAC3C,IAAI,CAAC,MAAM,EAAE,CAAC;IACZ,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,2DAA2D,CAAC,CAAC;IAClF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC;AAED,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC;IAC3B,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAC1B,sBAAsB,CAAC,MAAM,CAAC,CAAC;AAE/B,MAAM,SAAS,GAAG,IAAI,oBAAoB,EAAE,CAAC;AAC7C,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AAEhC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC"}

package/build/render/architecture.d.ts

@@ -0,0 +1,3 @@
+import type { ArchitectureAnalysis, CrossRepoArchitecture } from "../types.js";
+export declare function renderArchitectureHtml(data: ArchitectureAnalysis, repoName: string): string;
+export declare function renderCrossRepoArchitectureHtml(data: CrossRepoArchitecture, workspaceName: string): string;

package/build/render/architecture.js

@@ -0,0 +1,361 @@
+const NODE_COLORS = {
+    service: "#3b82f6",
+    database: "#22c55e",
+    queue: "#ef4444",
+    cache: "#f59e0b",
+    frontend: "#3b82f6",
+    backend: "#8b5cf6",
+    api: "#06b6d4",
+    gateway: "#14b8a6",
+    external: "#64748b",
+    auth: "#14b8a6",
+    lambda: "#f59e0b",
+    storage: "#22c55e",
+};
+const REPO_COLORS = [
+    "#3b82f6", "#8b5cf6", "#ef4444", "#f59e0b",
+    "#22c55e", "#06b6d4", "#ec4899", "#14b8a6",
+];
+function getNodeColor(kind) {
+    return NODE_COLORS[kind.toLowerCase()] ?? "#94a3b8";
+}
+export function renderArchitectureHtml(data, repoName) {
+    const nodes = JSON.stringify(data.nodes);
+    const edges = JSON.stringify(data.edges);
+    const groups = JSON.stringify(data.groups);
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Architecture — ${escapeHtml(repoName)}</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { background: hsl(240 10% 5%); color: #e2e8f0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; overflow: hidden; }
+  #header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: hsl(240 10% 8%); border-bottom: 1px solid hsl(240 10% 15%); }
+  #header h1 { font-size: 16px; font-weight: 600; }
+  #header .brand { color: #3b82f6; font-weight: 700; margin-right: 12px; }
+  #header .date { color: #64748b; font-size: 13px; }
+  #chart { width: 100vw; height: calc(100vh - 49px); }
+  .node-rect { rx: 8; ry: 8; stroke-width: 1.5; cursor: pointer; }
+  .node-label { font-size: 12px; font-weight: 600; fill: #fff; pointer-events: none; text-anchor: middle; }
+  .node-tech { font-size: 10px; fill: #94a3b8; pointer-events: none; text-anchor: middle; }
+  .edge-line { fill: none; stroke: #334155; stroke-width: 1.5; }
+  .edge-line.cross-repo { stroke: #3b82f6; stroke-width: 2.5; stroke-dasharray: 6 3; }
+  .edge-label { font-size: 10px; fill: #64748b; pointer-events: none; }
+  .arrowhead { fill: #334155; }
+  .group-rect { rx: 12; ry: 12; fill-opacity: 0.08; stroke-opacity: 0.3; stroke-width: 1.5; }
+  .group-label { font-size: 13px; font-weight: 600; fill-opacity: 0.7; }
+  .tooltip { position: absolute; background: hsl(240 10% 12%); border: 1px solid hsl(240 10% 20%); border-radius: 8px; padding: 10px 14px; font-size: 12px; pointer-events: none; max-width: 300px; display: none; z-index: 10; }
+  .tooltip .tt-name { font-weight: 600; margin-bottom: 4px; }
+  .tooltip .tt-kind { color: #64748b; font-size: 11px; margin-bottom: 6px; }
+  .tooltip .tt-desc { color: #94a3b8; line-height: 1.4; }
+  .tooltip .tt-files { color: #64748b; font-size: 11px; margin-top: 6px; font-family: monospace; }
+  #legend { position: absolute; bottom: 16px; left: 16px; background: hsl(240 10% 8%); border: 1px solid hsl(240 10% 15%); border-radius: 8px; padding: 12px 16px; font-size: 11px; }
+  #legend h3 { font-size: 12px; margin-bottom: 8px; color: #94a3b8; }
+  .legend-item { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
+  .legend-dot { width: 10px; height: 10px; border-radius: 3px; }
+</style>
+</head>
+<body>
+<div id="header">
+  <div style="display:flex;align-items:center">
+    <span class="brand">archaic</span>
+    <h1>Architecture — ${escapeHtml(repoName)}</h1>
+  </div>
+  <span class="date">Analyzed ${escapeHtml(data.analyzedAt?.split("T")[0] ?? "—")}</span>
+</div>
+<div id="chart"></div>
+<div class="tooltip" id="tooltip"></div>
+<div id="legend"></div>
+<script src="https://d3js.org/d3.v7.min.js"></script>
+<script>
+const nodes = ${nodes};
+const edges = ${edges};
+const groups = ${groups};
+const nodeColors = ${JSON.stringify(NODE_COLORS)};
+
+function getColor(kind) { return nodeColors[kind.toLowerCase()] || "#94a3b8"; }
+
+const width = window.innerWidth;
+const height = window.innerHeight - 49;
+const svg = d3.select("#chart").append("svg").attr("width", width).attr("height", height);
+const g = svg.append("g");
+
+// Zoom
+const zoom = d3.zoom().scaleExtent([0.1, 4]).on("zoom", (e) => g.attr("transform", e.transform));
+svg.call(zoom);
+
+// Build simulation
+const simNodes = nodes.map(n => ({ ...n, x: width/2 + (Math.random()-0.5)*400, y: height/2 + (Math.random()-0.5)*400 }));
+const simEdges = edges.map(e => ({ ...e, source: e.source, target: e.target }));
+
+// Group mapping
+const nodeGroup = {};
+nodes.forEach(n => { if (n.group) nodeGroup[n.id] = n.group; });
+
+const simulation = d3.forceSimulation(simNodes)
+  .force("link", d3.forceLink(simEdges).id(d => d.id).distance(140))
+  .force("charge", d3.forceManyBody().strength(-400))
+  .force("center", d3.forceCenter(width/2, height/2))
+  .force("collision", d3.forceCollide().radius(60));
+
+// Group force — nodes in same group attract
+simulation.force("group", d3.forceX().x(d => {
+  const gIdx = groups.findIndex(gr => gr.id === d.group);
+  if (gIdx < 0) return width/2;
+  const cols = Math.ceil(Math.sqrt(groups.length));
+  return (gIdx % cols + 0.5) * (width / cols);
+}).strength(d => d.group ? 0.1 : 0));
+simulation.force("groupY", d3.forceY().y(d => {
+  const gIdx = groups.findIndex(gr => gr.id === d.group);
+  if (gIdx < 0) return height/2;
+  const cols = Math.ceil(Math.sqrt(groups.length));
+  return (Math.floor(gIdx / cols) + 0.5) * (height / Math.ceil(groups.length / cols));
+}).strength(d => d.group ? 0.1 : 0));
+
+// Arrowhead marker
+svg.append("defs").append("marker")
+  .attr("id", "arrowhead").attr("viewBox", "0 -5 10 10").attr("refX", 28).attr("refY", 0)
+  .attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto")
+  .append("path").attr("d", "M0,-5L10,0L0,5").attr("class", "arrowhead");
+
+// Edges
+const link = g.append("g").selectAll("line").data(simEdges).join("line")
+  .attr("class", d => "edge-line" + (d.isCrossRepo ? " cross-repo" : ""))
+  .attr("marker-end", "url(#arrowhead)");
+
+// Nodes
+const nodeG = g.append("g").selectAll("g").data(simNodes).join("g").attr("cursor", "grab");
+nodeG.append("rect")
+  .attr("class", "node-rect")
+  .attr("width", 110).attr("height", 44).attr("x", -55).attr("y", -22)
+  .attr("fill", d => getColor(d.kind))
+  .attr("fill-opacity", 0.15)
+  .attr("stroke", d => getColor(d.kind));
+nodeG.append("text").attr("class", "node-label").attr("dy", d => d.technology ? -3 : 4)
+  .text(d => d.name.length > 14 ? d.name.slice(0,13) + "…" : d.name);
+nodeG.append("text").attr("class", "node-tech").attr("dy", 12)
+  .text(d => d.technology || "");
+
+// Tooltip
+const tooltip = document.getElementById("tooltip");
+nodeG.on("mouseenter", (e, d) => {
+  let html = '<div class="tt-name">' + esc(d.name) + '</div>';
+  html += '<div class="tt-kind">' + esc(d.kind) + (d.technology ? ' · ' + esc(d.technology) : '') + '</div>';
+  if (d.description) html += '<div class="tt-desc">' + esc(d.description) + '</div>';
+  if (d.filePaths && d.filePaths.length) html += '<div class="tt-files">' + d.filePaths.map(esc).join('<br>') + '</div>';
+  tooltip.innerHTML = html;
+  tooltip.style.display = "block";
+  tooltip.style.left = (e.pageX + 12) + "px";
+  tooltip.style.top = (e.pageY + 12) + "px";
+}).on("mousemove", (e) => {
+  tooltip.style.left = (e.pageX + 12) + "px";
+  tooltip.style.top = (e.pageY + 12) + "px";
+}).on("mouseleave", () => { tooltip.style.display = "none"; });
+
+// Drag
+nodeG.call(d3.drag()
+  .on("start", (e, d) => { if (!e.active) simulation.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) simulation.alphaTarget(0); d.fx = null; d.fy = null; })
+);
+
+simulation.on("tick", () => {
+  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);
+  nodeG.attr("transform", d => "translate(" + d.x + "," + d.y + ")");
+});
+
+// Legend
+const kinds = [...new Set(nodes.map(n => n.kind))];
+const legend = document.getElementById("legend");
+legend.innerHTML = "<h3>Node Types</h3>" + kinds.map(k =>
+  '<div class="legend-item"><div class="legend-dot" style="background:' + getColor(k) + '"></div>' + esc(k) + '</div>'
+).join("");
+
+function esc(s) { const d = document.createElement("div"); d.textContent = s; return d.innerHTML; }
+</script>
+</body>
+</html>`;
+}
+export function renderCrossRepoArchitectureHtml(data, workspaceName) {
+    const nodes = JSON.stringify(data.nodes);
+    const edges = JSON.stringify(data.edges);
+    const groups = JSON.stringify(data.groups);
+    const sharedResources = JSON.stringify(data.sharedResources ?? []);
+    const connections = JSON.stringify(data.crossRepoConnections ?? []);
+    const overview = JSON.stringify(data.systemOverview ?? null);
+    // Build repo → color mapping
+    const repoNames = [...new Set(data.nodes.map(n => n.repoName))];
+    const repoColorMap = {};
+    repoNames.forEach((name, i) => {
+        repoColorMap[name] = REPO_COLORS[i % REPO_COLORS.length];
+    });
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Cross-Repo Architecture — ${escapeHtml(workspaceName)}</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { background: hsl(240 10% 5%); color: #e2e8f0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; overflow: hidden; }
+  #header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: hsl(240 10% 8%); border-bottom: 1px solid hsl(240 10% 15%); }
+  #header h1 { font-size: 16px; font-weight: 600; }
+  #header .brand { color: #3b82f6; font-weight: 700; margin-right: 12px; }
+  #header .date { color: #64748b; font-size: 13px; }
+  #main { display: flex; width: 100vw; height: calc(100vh - 49px); }
+  #chart { flex: 1; }
+  #sidebar { width: 280px; background: hsl(240 10% 7%); border-left: 1px solid hsl(240 10% 15%); padding: 16px; overflow-y: auto; }
+  #sidebar h2 { font-size: 14px; color: #94a3b8; margin-bottom: 12px; }
+  .sr-card { background: hsl(240 10% 10%); border: 1px solid hsl(240 10% 15%); border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; }
+  .sr-name { font-weight: 600; font-size: 13px; }
+  .sr-type { color: #64748b; font-size: 11px; }
+  .sr-repos { color: #94a3b8; font-size: 11px; margin-top: 4px; }
+  .conn-card { background: hsl(240 10% 10%); border: 1px solid hsl(240 10% 15%); border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; font-size: 12px; }
+  .conn-type { color: #3b82f6; font-weight: 600; }
+  .conn-desc { color: #94a3b8; margin-top: 4px; }
+  .node-rect { rx: 8; ry: 8; stroke-width: 1.5; cursor: pointer; }
+  .node-label { font-size: 11px; font-weight: 600; fill: #fff; pointer-events: none; text-anchor: middle; }
+  .node-repo { font-size: 9px; fill: #94a3b8; pointer-events: none; text-anchor: middle; }
+  .edge-line { fill: none; stroke: #334155; stroke-width: 1.5; }
+  .edge-line.cross-repo { stroke: #3b82f6; stroke-width: 2.5; stroke-dasharray: 6 3; }
+  .arrowhead { fill: #334155; }
+  .tooltip { position: absolute; background: hsl(240 10% 12%); border: 1px solid hsl(240 10% 20%); border-radius: 8px; padding: 10px 14px; font-size: 12px; pointer-events: none; max-width: 300px; display: none; z-index: 10; }
+  .tooltip .tt-name { font-weight: 600; margin-bottom: 4px; }
+  .tooltip .tt-kind { color: #64748b; font-size: 11px; margin-bottom: 6px; }
+  .tooltip .tt-desc { color: #94a3b8; line-height: 1.4; }
+  #legend { position: absolute; bottom: 16px; left: 16px; background: hsl(240 10% 8%); border: 1px solid hsl(240 10% 15%); border-radius: 8px; padding: 12px 16px; font-size: 11px; }
+  #legend h3 { font-size: 12px; margin-bottom: 8px; color: #94a3b8; }
+  .legend-item { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
+  .legend-dot { width: 10px; height: 10px; border-radius: 3px; }
+  .overview-section { margin-top: 20px; }
+  .overview-section h3 { font-size: 13px; color: #94a3b8; margin-bottom: 8px; }
+  .ov-item { font-size: 12px; color: #cbd5e1; padding: 2px 0; }
+</style>
+</head>
+<body>
+<div id="header">
+  <div style="display:flex;align-items:center">
+    <span class="brand">archaic</span>
+    <h1>Cross-Repo Architecture — ${escapeHtml(workspaceName)}</h1>
+  </div>
+  <span class="date">Analyzed ${escapeHtml(data.analyzedAt?.split("T")[0] ?? "—")}</span>
+</div>
+<div id="main">
+  <div id="chart"></div>
+  <div id="sidebar"></div>
+</div>
+<div class="tooltip" id="tooltip"></div>
+<div id="legend"></div>
+<script src="https://d3js.org/d3.v7.min.js"></script>
+<script>
+const nodes = ${nodes};
+const edges = ${edges};
+const groups = ${groups};
+const sharedResources = ${sharedResources};
+const connections = ${connections};
+const overview = ${overview};
+const repoColors = ${JSON.stringify(repoColorMap)};
+const nodeColors = ${JSON.stringify(NODE_COLORS)};
+
+function getColor(kind) { return nodeColors[kind.toLowerCase()] || "#94a3b8"; }
+function getRepoColor(name) { return repoColors[name] || "#94a3b8"; }
+function esc(s) { const d = document.createElement("div"); d.textContent = s; return d.innerHTML; }
+
+// Sidebar
+const sidebar = document.getElementById("sidebar");
+let sideHtml = "<h2>Shared Resources</h2>";
+sharedResources.forEach(r => {
+  sideHtml += '<div class="sr-card"><div class="sr-name">' + esc(r.name) + '</div><div class="sr-type">' + esc(r.type) + '</div><div class="sr-repos">' + r.repos.map(esc).join(", ") + '</div></div>';
+});
+sideHtml += "<h2 style='margin-top:20px'>Connections</h2>";
+connections.forEach(c => {
+  sideHtml += '<div class="conn-card"><span class="conn-type">' + esc(c.connectionType) + '</span> ' + esc(c.sourceRepo) + ' → ' + esc(c.targetRepo) + '<div class="conn-desc">' + esc(c.description) + '</div></div>';
+});
+if (overview) {
+  sideHtml += '<div class="overview-section"><h3>System: ' + esc(overview.systemType) + '</h3>';
+  overview.repoSummaries.forEach(r => {
+    sideHtml += '<div class="ov-item"><strong>' + esc(r.repoName) + '</strong>: ' + esc(r.role) + '</div>';
+  });
+  sideHtml += '</div>';
+}
+sidebar.innerHTML = sideHtml;
+
+// Chart
+const chartEl = document.getElementById("chart");
+const width = chartEl.clientWidth;
+const height = chartEl.clientHeight;
+const svg = d3.select("#chart").append("svg").attr("width", width).attr("height", height);
+const g = svg.append("g");
+svg.call(d3.zoom().scaleExtent([0.1, 4]).on("zoom", (e) => g.attr("transform", e.transform)));
+
+const simNodes = nodes.map(n => ({ ...n, x: width/2 + (Math.random()-0.5)*400, y: height/2 + (Math.random()-0.5)*400 }));
+const simEdges = edges.map(e => ({ ...e }));
+
+const simulation = d3.forceSimulation(simNodes)
+  .force("link", d3.forceLink(simEdges).id(d => d.id).distance(140))
+  .force("charge", d3.forceManyBody().strength(-400))
+  .force("center", d3.forceCenter(width/2, height/2))
+  .force("collision", d3.forceCollide().radius(60));
+
+svg.append("defs").append("marker")
+  .attr("id", "arrowhead").attr("viewBox", "0 -5 10 10").attr("refX", 28).attr("refY", 0)
+  .attr("markerWidth", 8).attr("markerHeight", 8).attr("orient", "auto")
+  .append("path").attr("d", "M0,-5L10,0L0,5").attr("class", "arrowhead");
+
+const link = g.append("g").selectAll("line").data(simEdges).join("line")
+  .attr("class", d => "edge-line" + (d.isCrossRepo ? " cross-repo" : ""))
+  .attr("marker-end", "url(#arrowhead)");
+
+const nodeG = g.append("g").selectAll("g").data(simNodes).join("g").attr("cursor", "grab");
+nodeG.append("rect").attr("class", "node-rect")
+  .attr("width", 120).attr("height", 48).attr("x", -60).attr("y", -24)
+  .attr("fill", d => getColor(d.kind)).attr("fill-opacity", 0.15)
+  .attr("stroke", d => getColor(d.kind));
+nodeG.append("text").attr("class", "node-label").attr("dy", -4)
+  .text(d => d.name.length > 16 ? d.name.slice(0,15) + "…" : d.name);
+nodeG.append("text").attr("class", "node-repo").attr("dy", 10)
+  .text(d => d.repoName || "").attr("fill", d => getRepoColor(d.repoName));
+
+const tooltip = document.getElementById("tooltip");
+nodeG.on("mouseenter", (e, d) => {
+  let html = '<div class="tt-name">' + esc(d.name) + '</div>';
+  html += '<div class="tt-kind">' + esc(d.kind) + (d.technology ? ' · ' + esc(d.technology) : '') + ' · ' + esc(d.repoName) + '</div>';
+  if (d.description) html += '<div class="tt-desc">' + esc(d.description) + '</div>';
+  tooltip.innerHTML = html;
+  tooltip.style.display = "block";
+  tooltip.style.left = (e.pageX + 12) + "px";
+  tooltip.style.top = (e.pageY + 12) + "px";
+}).on("mousemove", (e) => {
+  tooltip.style.left = (e.pageX + 12) + "px";
+  tooltip.style.top = (e.pageY + 12) + "px";
+}).on("mouseleave", () => { tooltip.style.display = "none"; });
+
+nodeG.call(d3.drag()
+  .on("start", (e, d) => { if (!e.active) simulation.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) simulation.alphaTarget(0); d.fx = null; d.fy = null; })
+);
+
+simulation.on("tick", () => {
+  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);
+  nodeG.attr("transform", d => "translate(" + d.x + "," + d.y + ")");
+});
+
+// Legend
+const repoNames = [...new Set(nodes.map(n => n.repoName))];
+const legend = document.getElementById("legend");
+legend.innerHTML = "<h3>Repositories</h3>" + repoNames.map(name =>
+  '<div class="legend-item"><div class="legend-dot" style="background:' + getRepoColor(name) + '"></div>' + esc(name) + '</div>'
+).join("");
+</script>
+</body>
+</html>`;
+}
+function escapeHtml(s) {
+    return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+//# sourceMappingURL=architecture.js.map

package/build/render/architecture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"architecture.js","sourceRoot":"","sources":["../../src/render/architecture.ts"],"names":[],"mappings":"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"}

package/build/render/codemap.d.ts

@@ -0,0 +1,2 @@
+import type { CodeMapAnalysis } from "../types.js";
+export declare function renderCodeMapHtml(data: CodeMapAnalysis, repoName: string): string;