@jenga-ai/agent 3.5.0 → 4.0.0

package/mcp/help/scan.js

@@ -0,0 +1,73 @@
+/**
+ * mcp/help/scan.js — pure directory-scan logic behind the `help` MCP tool (E50_S12_T06).
+ *
+ * Split out of index.js so it is importable and unit-testable without starting an MCP
+ * server. index.js instantiates an `McpServer` and ends with a top-level
+ * `await server.connect(transport)` that blocks on stdin — importing that file as a
+ * whole would hang any test that tried it, the exact untestability
+ * mcp/router/allow-list-guard.js's header describes for mcp/router/index.js, and the
+ * same reason mcp/router's Stage 1 decision was extracted into its own module by
+ * E50_S07_T02. This file mirrors that precedent: plain Node built-ins only, no MCP SDK
+ * import, no side effects at module load time.
+ *
+ * Confirmed by direct reading (E50_S12_T06): this is a pure `readdirSync`/`statSync`
+ * scan. It never parses a SKILL.md's frontmatter, never strips a `j.`/`j:` prefix, and
+ * never compares against the allow-list — it returns whatever directory names exist
+ * under `.claude/skills`/`.agents/skills` verbatim. A `j-<name>` twin directory and a
+ * bare `<name>` directory are both just directory names to this code; neither is
+ * treated differently in any way, so nothing here needs to change for a twin-only tree.
+ */
+
+import { existsSync, readdirSync, statSync } from "fs";
+import { join } from "path";
+
+/**
+ * Resolves which of the two generated skill mirrors exists under `root`. The
+ * jenga-agent postinstall mirrors skills/ into both .claude/ (Claude Code) and
+ * .agents/ (Copilot / custom agents); this prefers .claude/, falling back to .agents/.
+ *
+ * @param {string} root - project root to scan (already resolved to an absolute path)
+ * @returns {string|null} the first candidate skills directory that exists, or null
+ */
+export function resolveSkillsDir(root) {
+  const candidates = [
+    join(root, ".claude", "skills"),
+    join(root, ".agents", "skills"),
+  ];
+  return candidates.find(existsSync) ?? null;
+}
+
+/**
+ * The two candidate mirror paths under `root`, in preference order — exposed
+ * separately from resolveSkillsDir() so a caller can report "looked in: ..." even when
+ * neither candidate exists (mirrors index.js's `help` tool's own "No skills found"
+ * message).
+ *
+ * @param {string} root
+ * @returns {string[]}
+ */
+export function candidateSkillsDirs(root) {
+  return [
+    join(root, ".claude", "skills"),
+    join(root, ".agents", "skills"),
+  ];
+}
+
+/**
+ * Lists the immediate subdirectory names of `skillsDir` — the exact set the `help` tool
+ * reports. See this module's header for why this is safe to call against a twin-only
+ * tree with no code change: it is a verbatim directory listing, format-agnostic.
+ *
+ * @param {string} skillsDir - an existing directory (typically resolveSkillsDir()'s result)
+ * @returns {string[]} immediate subdirectory names, in readdirSync's natural order
+ */
+export function listSkillFolders(skillsDir) {
+  const entries = readdirSync(skillsDir);
+  return entries.filter((entry) => {
+    try {
+      return statSync(join(skillsDir, entry)).isDirectory();
+    } catch {
+      return false;
+    }
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jenga-ai/agent",
-  "version": "3.5.0",
+  "version": "4.0.0",
   "description": "An agentic development workflow for Claude Code, Copilot, and Codex — with a persistent Epic/Story/Task board, an isolated git worktree per task, and a separate tester agent that runs your test suite before anything is marked done.",
   "type": "module",
   "publishConfig": {
@@ -12,6 +12,10 @@
   "engines": {
     "node": ">=14.13.1"
   },
+  "jenga": {
+    "requiresLifecycleScripts": true,
+    "note": "postinstall (scripts/postinstall.js) mirrors skills/agents/hooks into the consumer project and is load-bearing for the whole framework install. On package managers that block lifecycle scripts by default (pnpm v10+, npm 11.16+ via allowScripts), an explicit consumer-side opt-in is required — see docs/distribution.md."
+  },
   "scripts": {
     "postinstall": "node scripts/postinstall.js",
     "prepack": "npm run ui:build --prefix project/app --",

package/project/app/api/lib/resolve-project-root.js

@@ -4,7 +4,7 @@
  * Resolves the invoking (consumer) project's root directory for the dashboard API, so that
  * `project/app/api/parsers/*.js` never has to compute its data root via a fixed
  * `path.resolve(__dirname, '../../../...')` climb — the same defect pattern `E46_S01` already fixed
- * for `/init` (see `skills/init/scripts/init.sh`'s `PKG_ROOT` idiom and
+ * for `/init` (see `skills/j-init/scripts/init.sh`'s `PKG_ROOT` idiom and
  * `lib/generate-agent-context.js`'s `realpathSync` symlink-safe comparison). A `__dirname` climb only
  * ever resolves correctly when this module runs from this monorepo's own checkout; once mirrored into
  * a real consumer's `node_modules/@jenga-ai/agent/`, climbing a fixed number of levels lands inside or

package/project/app/api/parsers/knowledge-graph.js

@@ -37,11 +37,56 @@ function readJsonSafe(filePath) {
   }
 }
 
+// E20_S10_T01: nodes whose provenance is genuinely architectural — a human-confirmed elicitation
+// (`source: 'human'`) or a mechanical AST-derived extraction (`source: 'ast'`), per
+// STUB_SCHEMA.md's Provenance Field section.
+const VERIFIED_SOURCES = new Set(['human', 'ast']);
+
+function isVerifiedSource(node) {
+  return Boolean(node) && VERIFIED_SOURCES.has(node.source);
+}
+
 /**
  * Read and transform `project/knowledge-graph/graph.json` into the UI-facing SAD map shape.
- * `status: superseded` nodes are excluded. Never throws — returns `{ nodes: [], edges: [] }` for
- * a missing, empty, or malformed graph.json.
- * @returns {{ nodes: Array<{id: string, label: string, type: string}>, edges: Array<{from: string, to: string, label: string}> }}
+ *
+ * E20_S10_T01 provenance-gating contract (the single authoritative filtering point for any
+ * architecture-view consumer — see the story's Acceptance Criteria): only `source: 'human'` or
+ * `source: 'ast'` nodes are ever rendered as full architecture nodes. `source: 'board'` nodes
+ * (mechanical Epic/Story restatements — see STUB_SCHEMA.md's "Where `board` Fits") are excluded
+ * from `nodes` here, but this is a READ-TIME filter only: `graph.json` itself is never modified by
+ * this reader, so `board` nodes remain available on disk for any other consumer that still wants
+ * board/PM traceability. Filtering lives here (rather than being duplicated in `architecture.js`,
+ * which just forwards this function's return value, or in `SADMap.jsx`) because this is already
+ * the single place that transforms the raw on-disk graph shape into the UI-facing shape — any
+ * future architecture-view consumer should call `readSADMap()` rather than reimplementing its own
+ * provenance filter.
+ *
+ * `status: superseded` nodes are also excluded, regardless of provenance (pre-existing behavior,
+ * unchanged by E20_S10_T01). Never throws — returns `{ nodes: [], edges: [], coverage: {shown: 0,
+ * hidden: 0, total: 0, needsRevalidation: 0} }` for a missing, empty, or malformed graph.json.
+ *
+ * E20_S10_T05 staleness/revalidation: a verified node MAY carry `needs_revalidation: true` (set by
+ * `scripts/populate-knowledge-graph.js`'s staleness check comparing a node's stored `content_hash`
+ * against its current source — see that script's `checkStaleness()`). This is surfaced two ways:
+ * per-node (`needsRevalidation` on the rendered node, for a UI badge) and aggregated into
+ * `coverage.needsRevalidation`, through the SAME pass as `shown`/`hidden`/`total`, per this
+ * function's existing never-drift contract. The flag is additive — it never removes a node from
+ * `nodes`, only marks it for a "needs re-verification" badge.
+ *
+ * E20_S10_T03 mixed-provenance edge handling: an unverified (`board`) node that is nonetheless an
+ * edge endpoint paired with a verified (`human`/`ast`) node is NOT dropped from `nodes` — it is
+ * still included, tagged `verified: false`, so `SADMap.jsx` can render it as a dimmed/"ghost" stub
+ * (label + provenance badge, no full detail) rather than silently dropping the edge or promoting
+ * the unverified node to full status. Every other `board` node (not an edge endpoint of a verified
+ * node) stays excluded per `E20_S10_T01`. Ghost-stub nodes are still counted as `hidden`, never
+ * `shown`, in `coverage` — they were never confirmed as architecture, only surfaced for edge
+ * continuity.
+ *
+ * @returns {{
+ *   nodes: Array<{id: string, label: string, type: string, verified: boolean, source: string, needsRevalidation: boolean}>,
+ *   edges: Array<{from: string, to: string, label: string}>,
+ *   coverage: {shown: number, hidden: number, total: number, needsRevalidation: number}
+ * }}
  */
 function readSADMap() {
   try {
@@ -50,13 +95,50 @@ function readSADMap() {
     const rawNodes = graph && Array.isArray(graph.nodes) ? graph.nodes : [];
     const rawEdges = graph && Array.isArray(graph.edges) ? graph.edges : [];
 
-    const nodes = rawNodes
-      .filter((node) => node && node.status !== 'superseded')
-      .map((node) => ({
+    const activeNodes = rawNodes.filter((node) => node && node.status !== 'superseded');
+    const activeNodeById = new Map(activeNodes.map((node) => [node.id, node]));
+
+    const verifiedNodes = activeNodes.filter(isVerifiedSource);
+    const verifiedIds = new Set(verifiedNodes.map((node) => node.id));
+
+    // E20_S10_T03: an unverified node earns a ghost-stub slot only when it is a genuine edge
+    // endpoint whose *other* endpoint is verified — never merely for being present in the graph.
+    // This keeps the bulk of unverified nodes hidden while preserving the traceability link a full
+    // drop would sever.
+    const ghostIds = new Set();
+    for (const edge of rawEdges) {
+      if (!edge) continue;
+      considerGhostEndpoint(edge.to, edge.from);
+      considerGhostEndpoint(edge.from, edge.to);
+    }
+    function considerGhostEndpoint(candidateId, otherId) {
+      if (!verifiedIds.has(otherId)) return; // other endpoint must be verified
+      if (verifiedIds.has(candidateId)) return; // candidate already fully rendered
+      const candidate = activeNodeById.get(candidateId);
+      if (candidate && !isVerifiedSource(candidate)) ghostIds.add(candidateId);
+    }
+
+    const nodes = [
+      ...verifiedNodes.map((node) => ({
         id: node.id,
         label: node.label,
         type: node.type,
-      }));
+        verified: true,
+        source: node.source,
+        needsRevalidation: node.needs_revalidation === true,
+      })),
+      ...[...ghostIds].map((id) => {
+        const node = activeNodeById.get(id);
+        return {
+          id: node.id,
+          label: node.label,
+          type: node.type,
+          verified: false,
+          source: node.source,
+          needsRevalidation: false, // staleness only applies to verified (non-board) nodes
+        };
+      }),
+    ];
 
     const edges = rawEdges.map((edge) => ({
       from: edge.from,
@@ -64,9 +146,18 @@ function readSADMap() {
       label: edge.description || edge.type,
     }));
 
-    return { nodes, edges };
+    // E20_S10_T02: coverage counts are derived from this same pass (activeNodes / verifiedNodes),
+    // never a separately cached computation, so they can never drift from what's actually
+    // rendered. `shown` counts only fully-verified nodes — ghost stubs never count as shown.
+    const shown = verifiedNodes.length;
+    const total = activeNodes.length;
+    const hidden = total - shown;
+    // E20_S10_T05: counted from the same verifiedNodes pass — never separately cached.
+    const needsRevalidation = verifiedNodes.filter((node) => node.needs_revalidation === true).length;
+
+    return { nodes, edges, coverage: { shown, hidden, total, needsRevalidation } };
   } catch {
-    return { nodes: [], edges: [] };
+    return { nodes: [], edges: [], coverage: { shown: 0, hidden: 0, total: 0, needsRevalidation: 0 } };
   }
 }
 

package/project/app/api/routes/health.js

@@ -3,14 +3,49 @@
  * GET /health — server liveness check
  */
 
+const fs = require('fs');
+const path = require('path');
 const { Router } = require('express');
 const { successResponse } = require('../response');
 const { API_VERSION } = require('../response');
+const { resolveProjectRoot } = require('../lib/resolve-project-root');
 
 const router = Router();
 
 const startTime = Date.now();
 
+/**
+ * Resolve the consuming project's name from its own root `package.json`, via the shared
+ * `resolveProjectRoot()` (see E47_S02) — never this monorepo's own `package.json` when running
+ * against a consumer install.
+ *
+ * Resolved once at module load, mirroring `startTime` above: the consuming project's own
+ * `package.json` does not change for the lifetime of a running server process.
+ *
+ * Graceful by design (E47_S06_T01): a missing project root, missing/unreadable `package.json`, a
+ * parse failure, or a missing/non-string `name` field all resolve to `null` rather than throwing or
+ * propagating "undefined" — the health check's liveness contract must never fail because project
+ * metadata could not be resolved, and the UI is expected to fall back to a sensible default title
+ * when this is `null`.
+ *
+ * @returns {string|null}
+ */
+function resolveProjectName() {
+  try {
+    const root = resolveProjectRoot();
+    const pkgRaw = fs.readFileSync(path.join(root, 'package.json'), 'utf8');
+    const pkg = JSON.parse(pkgRaw);
+    if (typeof pkg.name === 'string' && pkg.name.trim().length > 0) {
+      return pkg.name.trim();
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+
+const projectName = resolveProjectName();
+
 router.get('/', (req, res) => {
   const uptime = (Date.now() - startTime) / 1000;
   res.json(
@@ -18,6 +53,7 @@ router.get('/', (req, res) => {
       status: 'ok',
       version: API_VERSION,
       uptime,
+      projectName,
     })
   );
 });

package/project/app/api/scripts/capture-snapshot.js

@@ -4,10 +4,11 @@
  *
  * E47_S04_T02 — capture step for `j.dashboard --snapshot`.
  *
- * Calls the dashboard API's `/v1/board`, `/v1/history`, and `/v1/architecture` routes exactly once
- * each and writes their combined JSON to a single artifact, consumable by the bundling/inlining
- * step in `E47_S04_T03` (not yet implemented — this script's job ends at "artifact written to
- * disk").
+ * Calls the dashboard API's `/v1/board`, `/v1/history`, `/v1/architecture`, and `/v1/health` routes
+ * exactly once each and writes their combined JSON to a single artifact, consumable by the
+ * bundling/inlining step in `E47_S04_T03` (implemented) and, for `/v1/health` specifically, by
+ * `E47_S06_T02`'s snapshot `<title>` rewrite in `../../ui/scripts/build-snapshot-html.cjs`, which
+ * needs the captured project name to bake into the exported HTML's title at build time.
  *
  * ── Why an ad-hoc, in-process server instead of hitting an already-running one ──────────────────
  * This script always spins up its own short-lived, ephemeral (`--port 0` by default) server
@@ -45,7 +46,8 @@
  *   "routes": {
  *     "board":        <full API envelope from GET /v1/board,        i.e. { data, meta, error }>,
  *     "history":       <full API envelope from GET /v1/history,      i.e. { data, meta, error }>,
- *     "architecture":  <full API envelope from GET /v1/architecture, i.e. { data, meta, error }>
+ *     "architecture":  <full API envelope from GET /v1/architecture, i.e. { data, meta, error }>,
+ *     "health":        <full API envelope from GET /v1/health,       i.e. { data, meta, error }>
  *   }
  * }
  * Each `routes.<name>` value is the *full* envelope exactly as the route returned it (see
@@ -90,11 +92,12 @@ const path = require('path');
 const http = require('http');
 const fs = require('fs');
 
-const ROUTES = ['/v1/board', '/v1/history', '/v1/architecture'];
+const ROUTES = ['/v1/board', '/v1/history', '/v1/architecture', '/v1/health'];
 const ROUTE_KEYS = {
   '/v1/board': 'board',
   '/v1/history': 'history',
   '/v1/architecture': 'architecture',
+  '/v1/health': 'health',
 };
 
 function printUsage() {

package/project/app/package.json

@@ -17,5 +17,9 @@
     "ui:build": "npm run build --workspace=ui",
     "dashboard:start": "node ui/scripts/dashboard-start.cjs",
     "dashboard:open": "node ui/scripts/dashboard-open.cjs"
+  },
+  "allowScripts": {
+    "esbuild@0.21.5": true,
+    "fsevents@2.3.3": true
   }
 }

package/project/app/ui/dist/assets/index-BADc5mmH.css

@@ -0,0 +1 @@
+.loading-spinner{padding:2rem;text-align:center;color:#888;font-size:1rem}.error-message{padding:1rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;color:#b91c1c}.history-tab h2{margin-bottom:1rem}.history-empty{color:#888;padding:2rem;text-align:center}.history-list{list-style:none;padding:0;margin:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.history-entry{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .12s}.history-entry:last-child{border-bottom:none}.history-entry:hover,.history-entry:focus{background:#f0f7ff;outline:none}.history-entry.selected{background:#dbeafe}.history-badge{flex-shrink:0;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.badge-commit{background:#dbeafe;color:#1d4ed8}.badge-rapport{background:#dcfce7;color:#15803d}.history-subject{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937}.history-date{flex-shrink:0;font-size:.78rem;color:#9ca3af}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:100}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);background:#fff;box-shadow:-4px 0 24px #00000026;z-index:101;overflow-y:auto;padding:1.5rem;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-close{float:right;background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6b7280;padding:.25rem;line-height:1}.panel-close:hover{color:#111827}.panel-title{margin:0 0 1rem;font-size:1.1rem;color:#1f2937}.panel-meta{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;font-size:.85rem;margin-bottom:1rem}.panel-meta dt{font-weight:600;color:#6b7280;white-space:nowrap}.panel-meta dd{margin:0;color:#1f2937;word-break:break-all}.panel-subject{font-size:.95rem;color:#1f2937}.panel-body{font-size:.82rem;white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;max-height:40vh;overflow-y:auto}.panel-empty{color:#9ca3af;font-style:italic}.markdown-body{font-size:.9rem;line-height:1.6;color:#1f2937}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:1em 0 .4em;line-height:1.3}.markdown-body p{margin:.5em 0}.markdown-body code{background:#f3f4f6;padding:.1em .35em;border-radius:3px;font-size:.85em}.markdown-body pre{background:#f3f4f6;padding:.75rem;border-radius:4px;overflow-x:auto;font-size:.82em}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{border-left:3px solid #d1d5db;margin:.75em 0;padding:.25em 1em;color:#6b7280}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin:.5em 0}@media (max-width: 480px){.history-entry{flex-wrap:wrap;row-gap:var(--space-xs)}.history-subject{flex-basis:100%;order:3;white-space:normal}.detail-panel{box-sizing:border-box;padding:var(--space-md)}.panel-close{padding:var(--space-sm);font-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.panel-meta{grid-template-columns:1fr;gap:.15rem 0}.panel-meta dt{margin-top:var(--space-xs)}.markdown-body code{overflow-wrap:break-word;word-break:break-word}.markdown-body table{display:block;max-width:100%;overflow-x:auto}}.board-view{display:flex;flex-direction:column;gap:1.5rem}.epic-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.epic-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.epic-title{font-size:1.1rem;font-weight:600;margin:0;cursor:pointer}.epic-id{color:#6b7280;font-size:.85rem}.stories-list{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem}.story-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem}.story-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.story-title{font-size:1rem;font-weight:500;margin:0;cursor:pointer}.story-id{color:#6b7280;font-size:.8rem}.tasks-list{display:flex;flex-direction:column;gap:.4rem;padding-left:1rem}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:3px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem}.task-title{font-size:.9rem;flex:1;cursor:pointer}.task-id{color:#9ca3af;font-size:.75rem}.task-assigned{color:#6b7280;font-size:.8rem}.status-badge{padding:.2rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-pending{background:#f3f4f6;color:#374151}.badge-running{background:#dbeafe;color:#1d4ed8}.badge-in-progress{background:#ffedd5;color:#c2410c}.badge-passed{background:#dcfce7;color:#15803d}.badge-passed-remarks{background:#fff;color:#15803d;border:1px solid #dcfce7}.badge-done{background:#dbeafe;color:#1d4ed8}.badge-failed{background:#fee2e2;color:#b91c1c}.empty-state{padding:2rem;text-align:center;color:#6b7280}.status-filter{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.status-filter-option{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#374151;cursor:pointer}.epic-range-filter{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;margin-bottom:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.epic-range-option{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#374151;cursor:pointer}.epic-range-option select{font-size:.85rem;color:#374151;padding:.15rem .35rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer}@media (max-width: 480px){.epic-header,.story-header{flex-wrap:wrap;row-gap:var(--space-xs)}.epic-title,.story-title{flex-basis:100%}.task-card{flex-wrap:wrap;row-gap:var(--space-xs)}.task-card .task-title{flex-basis:100%}.stories-list,.tasks-list{padding-left:var(--space-sm)}.epic-range-filter{flex-direction:column;align-items:stretch}.epic-range-option{justify-content:space-between}}.kanban-board{display:flex;align-items:flex-start;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.kanban-column{flex:0 0 220px;width:220px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.kanban-column-empty{flex:0 0 140px;width:140px;opacity:.6}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.kanban-column-title{font-size:.8rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-column-count{font-size:.7rem;color:#6b7280;background:#e5e7eb;border-radius:9999px;padding:.05rem .4rem}.kanban-column-empty-state{font-size:.75rem;color:#9ca3af;text-align:center;padding:.5rem 0}.kanban-column-items{display:flex;flex-direction:column;gap:.5rem}.kanban-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem}.kanban-card-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.kanban-card-type{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:#9ca3af}.kanban-card-id{font-size:.7rem;color:#9ca3af}.kanban-card-title{font-size:.85rem;color:#111827;cursor:pointer}.kanban-card-queued{border-style:dashed;border-color:#c4b5fd;background:#fdfcff}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.kanban-card-queued-marker{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe;border-radius:9999px;padding:.05rem .4rem;white-space:nowrap;cursor:help}@media (max-width: 480px){.kanban-board{position:relative;gap:var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.kanban-column{flex:0 0 85%;width:85%;scroll-snap-align:start;scroll-snap-stop:always}.kanban-column-empty{flex:0 0 140px;width:140px}.kanban-board:after{content:"";position:sticky;top:0;right:0;flex:0 0 var(--space-xl);align-self:stretch;background:linear-gradient(to right,transparent,rgba(249,250,251,.95));pointer-events:none}}.architecture-tab{overflow-x:hidden}.architecture-tab h2{margin-bottom:1rem}.arch-empty{color:#9ca3af;font-style:italic}.arch-section{margin-bottom:2rem}.arch-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem;border-bottom:1px solid #e5e7eb;padding-bottom:.35rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.tech-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 1px 3px #0000000d}.tech-name{font-weight:600;font-size:.9rem;color:#1f2937}.tech-description{font-size:.78rem;color:#6b7280}.dep-table{width:100%;border-collapse:collapse;font-size:.875rem}.dep-table th{text-align:left;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;font-weight:600;color:#374151}.dep-table td{padding:.45rem .75rem;border:1px solid #f3f4f6;color:#1f2937}.dep-table tr:hover td{background:#f9fafb}.dep-name{font-family:monospace}.dep-version{color:#6b7280;font-family:monospace}.dep-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.18rem .55rem;border-radius:999px;white-space:nowrap}.dep-runtime{background:#dbeafe;color:#1d4ed8}.dep-dev{background:#f3f4f6;color:#4b5563}.dep-table-wrap{overflow-x:auto}.sad-map-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem}.sad-type-chip{--chip-color: #94a3b8;display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.25rem .65rem;cursor:pointer;line-height:1.2}.sad-type-chip.is-collapsed{background:#f3f4f6;border-color:var(--chip-color)}.sad-type-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--chip-color);flex-shrink:0}.sad-reset-view-btn{font-size:.75rem;font-weight:600;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.25rem .65rem;cursor:pointer;margin-left:auto}.sad-map-scroll{width:100%;min-height:320px;overflow:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #f8fafc)}.sad-map-svg{display:block;width:100%;cursor:grab}.sad-map-svg:active{cursor:grabbing}.sad-empty{color:var(--text-muted, #94a3b8);font-style:italic}.sad-coverage-indicator{font-size:.78rem;color:#6b7280;margin:0 0 .5rem}.sad-coverage-shown{font-weight:600;color:#374151}.sad-coverage-hidden{color:#9ca3af}.sad-coverage-stale{color:#b45309;font-weight:600}.sad-empty-state{display:flex;flex-direction:column;gap:.35rem}.sad-empty-detail{font-size:.8rem;color:#9ca3af;margin:0}.sad-ghost-legend{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#9ca3af;margin:0 0 .6rem}.sad-ghost-legend-swatch{display:inline-block;width:12px;height:12px;flex-shrink:0;border-radius:3px;background:#94a3b8;opacity:.4;border:1.5px dashed #1f2937}@media (max-width: 480px){.architecture-tab{padding-bottom:var(--space-sm)}.arch-section{margin-bottom:var(--space-lg)}.arch-section h3{padding-bottom:var(--space-xs)}.tech-grid{gap:var(--space-sm)}.tech-card{padding:var(--space-sm) var(--space-md)}.sad-map-scroll{min-height:180px}}.entry-list-empty{color:#888;padding:2rem;text-align:center}.entry-list{list-style:none;padding:0;margin:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.entry-list-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .12s}.entry-list-item:last-child{border-bottom:none}.entry-list-item:hover,.entry-list-item:focus{background:#f0f7ff;outline:none}.entry-list-item.selected{background:#dbeafe}.entry-badge{flex-shrink:0;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap;text-transform:capitalize;background:#ede9fe;color:#6d28d9}.entry-title{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1f2937}.entry-date{flex-shrink:0;font-size:.78rem;color:#9ca3af}@media (max-width: 480px){.entry-list-item{flex-wrap:wrap;row-gap:var(--space-xs)}.entry-title{flex-basis:100%;order:3;white-space:normal}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md)}.pagination-btn{padding:.4rem .9rem;font-size:.85rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#1f2937;cursor:pointer}.pagination-btn:hover:not(:disabled){background:#f0f7ff;border-color:#93c5fd}.pagination-btn:disabled{opacity:.45;cursor:not-allowed}.pagination-status{font-size:.82rem;color:#6b7280;white-space:nowrap}@media (max-width: 480px){.pagination-controls{gap:var(--space-sm)}.pagination-btn{padding:.5rem .85rem;font-size:.9rem}.pagination-status{font-size:.78rem}}.rapports-search-input{display:block;width:100%;box-sizing:border-box;padding:.55rem .75rem;margin-bottom:var(--space-md);font-size:.9rem;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937}.rapports-search-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f640}@media (max-width: 480px){.rapports-search-input{font-size:1rem;padding:.65rem .75rem}}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px}body{font-family:sans-serif;margin:0;background:#f5f5f5}.app{max-width:1200px;margin:0 auto;padding:1rem}.tabs{display:flex;gap:0;border-bottom:1px solid #ddd}.tab-btn{padding:.6rem 1.2rem;border:none;background:transparent;cursor:pointer;font-size:1rem;color:#555;border-bottom:2px solid transparent}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.tab-content{padding:1rem 0}@media (max-width: 480px){.app{width:100%;box-sizing:border-box;padding:var(--space-sm)}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{flex:0 0 auto;padding:var(--space-sm) var(--space-md)}}