@fenglimg/fabric-server 0.1.0 → 1.0.0

package/dist/index.d.ts

@@ -1,6 +1,15 @@
+import { Server } from 'node:http';
 import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 
 declare function createFabricServer(): McpServer;
 declare function startStdioServer(): Promise<void>;
+declare function startHttpServer(options: {
+    port: number;
+    projectRoot: string;
+    host?: string;
+    authToken?: string;
+    dashboardDistPath?: string;
+    dev?: boolean;
+}): Promise<Server>;
 
-export { createFabricServer, startStdioServer };
+export { createFabricServer, startHttpServer, startStdioServer };

package/dist/index.js

@@ -1,3 +1,13 @@
+import {
+  FABRIC_DIR,
+  appendLedgerEntry,
+  atomicWriteText,
+  readAgentsMeta,
+  readHumanLock,
+  resolveProjectRoot,
+  sha256
+} from "./chunk-KZO24GUQ.js";
+
 // src/index.ts
 import { resolve } from "path";
 import { fileURLToPath } from "url";
@@ -5,74 +15,29 @@ import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 
 // src/tools/append-intent.ts
-import { appendFile } from "fs/promises";
-import { join as join2 } from "path";
-import { z as z2 } from "zod";
+import { aiLedgerEntrySchema } from "@fenglimg/fabric-shared";
 
-// src/meta-reader.ts
-import { readFileSync } from "fs";
-import { join } from "path";
-import { z } from "zod";
-var agentsMetaNodeSchema = z.object({
-  file: z.string(),
-  scope_glob: z.string(),
-  deps: z.array(z.string()),
-  priority: z.enum(["high", "medium", "low"]),
-  hash: z.string()
-});
-var agentsMetaSchema = z.object({
-  revision: z.string(),
-  nodes: z.record(agentsMetaNodeSchema)
-});
-var AgentsMetaFileMissingError = class extends Error {
-  constructor(metaPath) {
-    super(`Fabric agents metadata file is missing: ${metaPath}`);
-    this.metaPath = metaPath;
-    this.name = "AgentsMetaFileMissingError";
-  }
-  metaPath;
-  code = "FABRIC_META_MISSING";
-};
-var AgentsMetaInvalidError = class extends Error {
-  constructor(metaPath, cause) {
-    const detail = cause instanceof Error ? cause.message : String(cause);
-    super(`Fabric agents metadata file is invalid: ${metaPath}. ${detail}`);
-    this.metaPath = metaPath;
-    this.name = "AgentsMetaInvalidError";
-  }
-  metaPath;
-  code = "FABRIC_META_INVALID";
-};
-function getAgentsMetaPath(projectRoot) {
-  return join(projectRoot, ".fabric", "agents.meta.json");
-}
-function resolveProjectRoot() {
-  return process.env.FABRIC_PROJECT_ROOT ?? process.cwd();
-}
-function readAgentsMeta(projectRoot) {
-  const metaPath = getAgentsMetaPath(projectRoot);
-  let raw;
-  try {
-    raw = readFileSync(metaPath, "utf8");
-  } catch (error) {
-    if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
-      throw new AgentsMetaFileMissingError(metaPath);
-    }
-    throw error;
-  }
-  try {
-    return agentsMetaSchema.parse(JSON.parse(raw));
-  } catch (error) {
-    throw new AgentsMetaInvalidError(metaPath, error);
-  }
+// src/services/append-intent.ts
+async function appendIntent(projectRoot, input) {
+  const ts = Date.now();
+  const entry = await appendLedgerEntry(projectRoot, {
+    ...input.entry,
+    ts,
+    source: "ai"
+  });
+  return {
+    success: true,
+    timestamp: ts,
+    entry
+  };
 }
 
 // src/tools/append-intent.ts
 var inputSchema = {
-  entry: z2.object({
-    commit_sha: z2.string().optional(),
-    intent: z2.string(),
-    affected_paths: z2.array(z2.string())
+  entry: aiLedgerEntrySchema.omit({
+    id: true,
+    source: true,
+    ts: true
   })
 };
 function createTextResponse(payload) {
@@ -92,40 +57,68 @@ function registerAppendIntent(server) {
     inputSchema,
     async ({ entry }) => {
       const projectRoot = resolveProjectRoot();
-      const ledgerPath = join2(projectRoot, ".intent-ledger.jsonl");
-      const ts = Date.now();
-      await appendFile(ledgerPath, `${JSON.stringify({ ts, ...entry })}
-`, "utf8");
-      return createTextResponse({
-        success: true,
-        timestamp: ts
-      });
+      const result = await appendIntent(projectRoot, { entry });
+      return createTextResponse(result);
     }
   );
 }
 
 // src/tools/get-rules.ts
+import { z } from "zod";
+
+// src/services/get-rules.ts
 import { readFile } from "fs/promises";
-import { join as join3 } from "path";
+import { join } from "path";
 import { minimatch } from "minimatch";
-import { z as z3 } from "zod";
-var inputSchema2 = {
-  path: z3.string().describe("Target file path to query rules for"),
-  client_hash: z3.string().optional().describe("Revision hash from prior fab_get_rules response; enables stale detection")
-};
 var PRIORITY_ORDER = {
   high: 0,
   medium: 1,
   low: 2
 };
-function createTextResponse2(payload) {
-  return {
-    content: [
-      {
-        type: "text",
-        text: JSON.stringify(payload)
+async function getRules(projectRoot, input) {
+  const meta = readAgentsMeta(projectRoot);
+  const stale = input.client_hash !== void 0 && input.client_hash !== meta.revision;
+  const requestedPath = normalizePath(input.path);
+  const l0Content = await readFile(join(projectRoot, "AGENTS.md"), "utf8");
+  const matchedNodes = Object.entries(meta.nodes).filter(([, node]) => minimatch(requestedPath, normalizePath(node.scope_glob), { dot: true })).sort((left, right) => {
+    const [leftId, leftNode] = left;
+    const [rightId, rightNode] = right;
+    const priorityDelta = PRIORITY_ORDER[leftNode.priority] - PRIORITY_ORDER[rightNode.priority];
+    return priorityDelta !== 0 ? priorityDelta : leftId.localeCompare(rightId);
+  });
+  const loadedRules = await Promise.all(
+    matchedNodes.map(async ([nodeId, node]) => ({
+      level: classifyNode(nodeId),
+      entry: {
+        path: node.file,
+        content: await readFile(join(projectRoot, node.file), "utf8")
       }
-    ]
+    }))
+  );
+  const l1 = [];
+  const l2 = [];
+  for (const rule of loadedRules) {
+    if (rule.level === "L1") {
+      l1.push(rule.entry);
+      continue;
+    }
+    if (rule.level === "L2") {
+      l2.push(rule.entry);
+    }
+  }
+  const humanLockedNearby = (await readHumanLock(projectRoot)).map((entry) => ({
+    file: entry.file,
+    excerpt: JSON.stringify(entry)
+  }));
+  return {
+    revision_hash: meta.revision,
+    stale,
+    rules: {
+      L0: l0Content,
+      L1: l1,
+      L2: l2,
+      human_locked_nearby: humanLockedNearby
+    }
   };
 }
 function normalizePath(value) {
@@ -140,32 +133,21 @@ function classifyNode(nodeId) {
   }
   return null;
 }
-async function readHumanLockedNearby(projectRoot) {
-  const humanLockPath = join3(projectRoot, ".fabric", "human-lock.json");
-  try {
-    const raw = await readFile(humanLockPath, "utf8");
-    const parsed = JSON.parse(raw);
-    const entries = Array.isArray(parsed) ? parsed : parsed && typeof parsed === "object" && "human_locked" in parsed && Array.isArray(parsed.human_locked) ? parsed.human_locked : [];
-    return entries.map((entry) => {
-      if (!entry || typeof entry !== "object") {
-        return {
-          file: "(unknown)",
-          excerpt: JSON.stringify(entry)
-        };
+
+// src/tools/get-rules.ts
+var inputSchema2 = {
+  path: z.string().describe("Target file path to query rules for"),
+  client_hash: z.string().optional().describe("Revision hash from prior fab_get_rules response; enables stale detection")
+};
+function createTextResponse2(payload) {
+  return {
+    content: [
+      {
+        type: "text",
+        text: JSON.stringify(payload)
       }
-      const file = typeof entry.file === "string" ? entry.file : "(unknown)";
-      const excerptCandidate = typeof entry.excerpt === "string" ? entry.excerpt : typeof entry.locked_text === "string" ? entry.locked_text : typeof entry.text === "string" ? entry.text : typeof entry.content === "string" ? entry.content : JSON.stringify(entry);
-      return {
-        file,
-        excerpt: excerptCandidate
-      };
-    });
-  } catch (error) {
-    if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
-      return [];
-    }
-    throw error;
-  }
+    ]
+  };
 }
 function registerGetRules(server) {
   server.tool(
@@ -174,87 +156,49 @@ function registerGetRules(server) {
     inputSchema2,
     async ({ path, client_hash }) => {
       const projectRoot = resolveProjectRoot();
-      const meta = readAgentsMeta(projectRoot);
-      const stale = client_hash !== void 0 && client_hash !== meta.revision;
-      const requestedPath = normalizePath(path);
-      const l0Content = await readFile(join3(projectRoot, "AGENTS.md"), "utf8");
-      const matchedNodes = Object.entries(meta.nodes).filter(([, node]) => minimatch(requestedPath, normalizePath(node.scope_glob), { dot: true })).sort((left, right) => {
-        const [leftId, leftNode] = left;
-        const [rightId, rightNode] = right;
-        const priorityDelta = PRIORITY_ORDER[leftNode.priority] - PRIORITY_ORDER[rightNode.priority];
-        return priorityDelta !== 0 ? priorityDelta : leftId.localeCompare(rightId);
-      });
-      const loadedRules = await Promise.all(
-        matchedNodes.map(async ([nodeId, node]) => ({
-          level: classifyNode(nodeId),
-          entry: {
-            path: node.file,
-            content: await readFile(join3(projectRoot, node.file), "utf8")
-          }
-        }))
-      );
-      const l1 = [];
-      const l2 = [];
-      for (const rule of loadedRules) {
-        if (rule.level === "L1") {
-          l1.push(rule.entry);
-          continue;
-        }
-        if (rule.level === "L2") {
-          l2.push(rule.entry);
-        }
-      }
-      const humanLockedNearby = await readHumanLockedNearby(projectRoot);
-      return createTextResponse2({
-        revision_hash: meta.revision,
-        stale,
-        rules: {
-          L0: l0Content,
-          L1: l1,
-          L2: l2,
-          human_locked_nearby: humanLockedNearby
-        }
-      });
+      const result = await getRules(projectRoot, { path, client_hash });
+      return createTextResponse2(result);
     }
   );
 }
 
 // src/tools/update-registry.ts
-import { createHash } from "crypto";
-import { writeFile } from "fs/promises";
-import { join as join4 } from "path";
-import { z as z4 } from "zod";
-var inputSchema3 = {
-  op: z4.enum(["add-node", "remove-node", "update-node"]),
-  node_id: z4.string(),
-  data: z4.record(z4.unknown()).optional()
-};
-var agentsMetaNodeSchema2 = z4.object({
-  file: z4.string(),
-  scope_glob: z4.string(),
-  deps: z4.array(z4.string()),
-  priority: z4.enum(["high", "medium", "low"]),
-  hash: z4.string()
-});
-function createTextResponse3(payload) {
-  return {
-    content: [
+import { z as z2 } from "zod";
+
+// src/services/update-registry.ts
+import { agentsMetaNodeSchema } from "@fenglimg/fabric-shared";
+import { join as join2 } from "path";
+async function updateRegistry(projectRoot, input) {
+  const metaPath = join2(projectRoot, FABRIC_DIR, "agents.meta.json");
+  const currentMeta = readAgentsMeta(projectRoot);
+  const nextMeta = applyRegistryOperation(currentMeta, input.op, input.node_id, input.data);
+  const newRevision = computeRevision(nextMeta);
+  await atomicWriteText(
+    metaPath,
+    `${JSON.stringify(
       {
-        type: "text",
-        text: JSON.stringify(payload)
-      }
-    ]
+        ...nextMeta,
+        revision: newRevision
+      },
+      null,
+      2
+    )}
+`
+  );
+  return {
+    revision_hash: newRevision,
+    success: true
   };
 }
 function computeRevision(meta) {
   const joinedHashes = Object.entries(meta.nodes).sort(([leftId], [rightId]) => leftId.localeCompare(rightId)).map(([, node]) => node.hash).join("");
-  return `sha256:${createHash("sha256").update(joinedHashes).digest("hex")}`;
+  return sha256(joinedHashes);
 }
 function assertNodeData(data, message) {
   if (data === void 0) {
     throw new Error(message);
   }
-  return agentsMetaNodeSchema2.parse(data);
+  return agentsMetaNodeSchema.parse(data);
 }
 function applyRegistryOperation(meta, op, nodeId, data) {
   const nextNodes = { ...meta.nodes };
@@ -276,7 +220,7 @@ function applyRegistryOperation(meta, op, nodeId, data) {
   if (currentNode === void 0) {
     throw new Error(`Cannot update missing Fabric registry node: ${nodeId}`);
   }
-  nextNodes[nodeId] = agentsMetaNodeSchema2.parse({
+  nextNodes[nodeId] = agentsMetaNodeSchema.parse({
     ...currentNode,
     ...data
   });
@@ -285,6 +229,23 @@ function applyRegistryOperation(meta, op, nodeId, data) {
     nodes: nextNodes
   };
 }
+
+// src/tools/update-registry.ts
+var inputSchema3 = {
+  op: z2.enum(["add-node", "remove-node", "update-node"]),
+  node_id: z2.string(),
+  data: z2.record(z2.unknown()).optional()
+};
+function createTextResponse3(payload) {
+  return {
+    content: [
+      {
+        type: "text",
+        text: JSON.stringify(payload)
+      }
+    ]
+  };
+}
 function registerUpdateRegistry(server) {
   server.tool(
     "fab_update_registry",
@@ -292,27 +253,8 @@ function registerUpdateRegistry(server) {
     inputSchema3,
     async ({ op, node_id, data }) => {
       const projectRoot = resolveProjectRoot();
-      const metaPath = join4(projectRoot, ".fabric", "agents.meta.json");
-      const currentMeta = readAgentsMeta(projectRoot);
-      const nextMeta = applyRegistryOperation(currentMeta, op, node_id, data);
-      const newRevision = computeRevision(nextMeta);
-      await writeFile(
-        metaPath,
-        `${JSON.stringify(
-          {
-            ...nextMeta,
-            revision: newRevision
-          },
-          null,
-          2
-        )}
-`,
-        "utf8"
-      );
-      return createTextResponse3({
-        revision_hash: newRevision,
-        success: true
-      });
+      const result = await updateRegistry(projectRoot, { op, node_id, data });
+      return createTextResponse3(result);
     }
   );
 }
@@ -331,7 +273,7 @@ function formatError(error) {
 function createFabricServer() {
   const server = new McpServer({
     name: "fabric-context-server",
-    version: "0.0.0"
+    version: "1.0.0"
   });
   registerGetRules(server);
   registerAppendIntent(server);
@@ -343,6 +285,20 @@ async function startStdioServer() {
   const transport = new StdioServerTransport();
   await server.connect(transport);
 }
+async function startHttpServer(options) {
+  const { createFabricHttpApp } = await import("./http-3BNWQWPP.js");
+  const { port, projectRoot, host = "127.0.0.1", authToken, dashboardDistPath, dev } = options;
+  const app = createFabricHttpApp({ projectRoot, host, authToken, dashboardDistPath, dev });
+  return await new Promise((resolveServer, rejectServer) => {
+    const server = app.listen(port, host);
+    server.once("listening", () => {
+      resolveServer(server);
+    });
+    server.once("error", (error) => {
+      rejectServer(error);
+    });
+  });
+}
 var entrypoint = process.argv[1];
 var currentFilePath = fileURLToPath(import.meta.url);
 var isMainModule = entrypoint !== void 0 && resolve(entrypoint) === currentFilePath;
@@ -354,5 +310,6 @@ if (isMainModule) {
 }
 export {
   createFabricServer,
+  startHttpServer,
   startStdioServer
 };

package/dist/static/assets/index-D45wW11O.css

@@ -0,0 +1 @@
+:root{--color-surface-canvas: #0b1016;--color-surface-panel: #0f172a;--color-surface-raised: #1e293b;--color-surface-overlay: #334155;--color-surface-code: #020617;--color-border-subtle: #1e293b;--color-border-default: #334155;--color-border-strong: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-text-mono: #e2e8f0;--color-state-locked-bg: rgba(245, 158, 11, .08);--color-state-locked-border: #b45309;--color-state-locked-text: #fbbf24;--color-state-locked-accent: #f59e0b;--color-state-stale-bg: rgba(220, 38, 38, .1);--color-state-stale-border: #991b1b;--color-state-stale-text: #f87171;--color-state-stale-accent: #ef4444;--color-state-drift-bg: rgba(234, 88, 12, .1);--color-state-drift-border: #c2410c;--color-state-drift-text: #fb923c;--color-state-drift-accent: #ea580c;--color-state-approved-bg: rgba(34, 197, 94, .1);--color-state-approved-border: #166534;--color-state-approved-text: #4ade80;--color-state-approved-accent: #22c55e;--color-state-pending-bg: rgba(100, 116, 139, .1);--color-state-pending-border: #475569;--color-state-pending-text: #94a3b8;--color-state-pending-accent: #64748b;--color-source-ai-bg: rgba(99, 102, 241, .12);--color-source-ai-border: #4338ca;--color-source-ai-text: #a5b4fc;--color-source-ai-accent: #6366f1;--color-source-human-bg: rgba(20, 184, 166, .12);--color-source-human-border: #0f766e;--color-source-human-text: #5eead4;--color-source-human-accent: #14b8a6;--color-action-primary: #22c55e;--color-action-primary-hover: #16a34a;--color-action-primary-text: #052e16;--color-action-neutral: #334155;--color-action-neutral-hover: #475569;--color-action-danger: #dc2626;--font-family-mono: "Space Mono", "JetBrains Mono", "SF Mono", "Monaco", "Consolas", ui-monospace, monospace;--font-family-sans: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-loose: 1.65;--letter-spacing-mono: 0;--letter-spacing-sans: -.01em;--letter-spacing-chip: .04em;--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-none: 0;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .15);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .4);--shadow-focus-ring: 0 0 0 2px #0f172a, 0 0 0 4px #a5b4fc;--motion-duration-fast: .12s;--motion-duration-base: .18s;--motion-duration-slow: .28s;--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--motion-easing-decel: cubic-bezier(0, 0, .2, 1);--z-base: 0;--z-sticky: 10;--z-dropdown: 20;--z-popover: 30;--z-modal: 50;--z-toast: 100;--layout-sidebar-width: 240px;--layout-sidebar-width-collapsed: 64px;--layout-header-height: 48px;--layout-container-max-width: 1440px;--layout-container-padding: 24px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 32rem),linear-gradient(135deg,rgba(15,23,42,.9),var(--color-surface-canvas) 52%);color:var(--color-text-secondary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{box-shadow:var(--shadow-focus-ring);outline:0}.app-shell{display:grid;grid-template-columns:var(--layout-sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{background:color-mix(in srgb,var(--color-surface-panel) 92%,black);border-right:1px solid var(--color-border-subtle);padding:var(--space-4)}.brand{align-items:center;color:var(--color-text-primary);display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2)}.brand-logo{align-items:center;border:1px solid var(--color-text-mono);border-radius:var(--radius-sm);color:var(--color-text-mono);display:inline-flex;font-size:10px;height:18px;justify-content:center;width:18px}.brand-version{color:var(--color-text-dim);font-size:10px;font-weight:var(--font-weight-regular);margin-left:auto}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);display:grid;font-size:var(--font-size-sm);gap:var(--space-2);grid-template-columns:8px 1fr;margin-bottom:2px;min-height:44px;padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--motion-duration-base),color var(--motion-duration-base)}.nav-item:hover,.nav-item.active{background:var(--color-surface-raised);color:var(--color-text-primary)}.nav-item small{color:var(--color-text-dim);font-family:var(--font-family-mono);font-size:10px;grid-column:2;margin-top:-6px}.nav-item .dot{background:var(--color-text-dim);border-radius:50%;height:6px;width:6px}.nav-item.active .dot{background:var(--color-action-primary)}.muted-nav{opacity:.7}.nav-section{color:var(--color-text-dim);font-size:10px;letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-2);text-transform:uppercase}.main{display:flex;flex-direction:column;min-width:0}.header{align-items:center;background:#0f172adb;border-bottom:1px solid var(--color-border-subtle);display:flex;height:var(--layout-header-height);justify-content:space-between;padding:0 var(--space-6)}.breadcrumb,.port-label{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.breadcrumb .sep{color:var(--color-text-dim);margin:0 var(--space-1)}.breadcrumb strong{color:var(--color-text-primary);font-weight:var(--font-weight-regular)}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.badge-live{align-items:center;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-pill);color:var(--color-state-approved-text);display:inline-flex;font-family:var(--font-family-mono);font-size:10px;gap:var(--space-1);padding:2px var(--space-2)}.badge-live.disconnected{border-color:var(--color-state-pending-border);color:var(--color-state-pending-text)}.pulse{background:currentColor;border-radius:50%;height:6px;width:6px}.view{flex:1;overflow:auto;padding:var(--space-6)}.view-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--space-5);position:sticky;top:0;z-index:var(--z-sticky)}.view-title{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.view-subtitle,.muted{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--space-1) 0 0}.view-split{align-items:start;display:grid;gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.tree-panel,.detail-panel,.empty-card,.filter-bar{background:var(--color-surface-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.tree-filter{border-bottom:1px solid var(--color-border-subtle);display:flex;gap:var(--space-3);padding:var(--space-4)}.tree-filter input,.annotate-input{background:var(--color-surface-code);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-mono);min-height:44px;padding:var(--space-2) var(--space-3);width:100%}.status-line{color:var(--color-text-dim);display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-xs);justify-content:space-between;padding:var(--space-3) var(--space-4)}.tree{font-family:var(--font-family-mono);padding:var(--space-2)}.tree-node{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);position:relative;transition:background var(--motion-duration-fast),transform var(--motion-duration-fast)}.tree-node.is-readonly{cursor:default}.tree-node:hover:not(.is-readonly),.tree-node.is-selected{background:var(--color-surface-raised)}.tree-node.is-selected{box-shadow:inset 2px 0 0 var(--color-source-ai-accent)}.tree-node.is-locked{background:var(--color-state-locked-bg);box-shadow:inset 3px 0 0 var(--color-state-locked-border)}.tree-node.is-stale:before{background:var(--color-state-stale-text);border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.tree-caret{color:var(--color-text-dim);display:inline-flex;justify-content:center;transition:transform var(--motion-duration-base);width:14px}.tree-node.is-expanded .tree-caret{transform:rotate(90deg)}.tree-label{color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-level-1 .tree-label{color:var(--color-text-mono)}.tree-level-2 .tree-label{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.tree-meta{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.tree-hash{color:var(--color-text-dim);font-size:var(--font-size-xs)}.tree-children{border-left:1px dashed var(--color-border-subtle);margin-left:18px;padding-left:var(--space-2)}.badge,.drift-pill,.source-badge,.filter-chip{align-items:center;border:1px solid transparent;border-radius:var(--radius-pill);display:inline-flex;font-family:var(--font-family-mono);font-size:10px;gap:var(--space-1);letter-spacing:var(--letter-spacing-chip);line-height:1;padding:3px 7px;text-transform:uppercase}.badge-level{background:var(--color-surface-overlay);color:var(--color-text-muted)}.badge-locked{background:var(--color-state-locked-bg);border-color:var(--color-state-locked-border);color:var(--color-state-locked-text)}.drift-dot{border-radius:50%;display:inline-block;height:6px;width:6px}.drift-pill,.drift-banner{background:var(--color-state-pending-bg);border-color:var(--color-state-pending-border);color:var(--color-state-pending-text)}.drift-drift{background:var(--color-state-drift-bg);border-color:var(--color-state-drift-border);color:var(--color-state-drift-text)}.drift-stale{background:var(--color-state-stale-bg);border-color:var(--color-state-stale-border);color:var(--color-state-stale-text)}.drift-locked{background:var(--color-state-locked-bg);border-color:var(--color-state-locked-border);color:var(--color-state-locked-text)}.drift-ok{background:var(--color-state-approved-bg);border-color:var(--color-state-approved-border);color:var(--color-state-approved-text)}.drift-banner{border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.detail-panel{padding:var(--space-5);position:sticky;top:var(--space-6)}.detail-panel h3{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.06em;margin:0 0 var(--space-3);text-transform:uppercase}.kv{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.kv-row{border-bottom:1px dashed var(--color-border-subtle);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-1) 0}.kv-key{color:var(--color-text-muted)}.kv-value{color:var(--color-text-primary);overflow-wrap:anywhere;text-align:right}.code,.preview-body{background:var(--color-surface-code);color:var(--color-text-mono);font-family:var(--font-family-mono)}.code{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-top:var(--space-3);overflow:auto;padding:var(--space-3)}.filter-bar{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.filter-chip,.ghost-button{background:var(--color-surface-raised);border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;min-height:40px}.filter-chip.active,.filter-chip:hover,.ghost-button:hover{border-color:var(--color-border-default);color:var(--color-text-primary)}.filter-chip .count{background:var(--color-surface-code);border-radius:var(--radius-pill);padding:1px 5px}.filter-date{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin-left:auto}.filter-label{color:var(--color-text-dim);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.history-toolbar{margin-bottom:var(--space-5)}.history-slider{flex:1}.history-layout{grid-template-columns:minmax(340px,1.05fr) minmax(0,1.4fr)}.history-timeline-panel{min-width:0}.history-timeline-list{display:grid;gap:var(--space-3);max-height:calc(100vh - 280px);overflow:auto;padding:var(--space-4)}.history-timeline-item{background:transparent;border:0;cursor:pointer;padding:0;text-align:left}.history-timeline-item .timeline-entry{margin-bottom:0}.history-timeline-item.selected .timeline-entry{box-shadow:inset 0 0 0 1px var(--color-source-ai-accent)}.history-state-head{align-items:start}.history-state-title{color:var(--color-text-primary);font-family:var(--font-family-mono)}.ghost-button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.empty-card{color:var(--color-text-muted);padding:var(--space-6);text-align:center}.lock-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.lock-card,.timeline-entry{background:var(--color-surface-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.lock-card{display:flex;flex-direction:column}.lock-drift{border-left:3px solid var(--color-state-drift-border)}.lock-ok{border-left:3px solid var(--color-state-approved-border)}.lock-head,.lock-foot{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-4)}.lock-head{border-bottom:1px solid var(--color-border-subtle)}.lock-foot{border-top:1px solid var(--color-border-subtle);justify-content:space-between}.lock-icon{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-family-mono);height:28px;justify-content:center;width:28px}.lock-drift .lock-icon{background:var(--color-state-drift-bg);color:var(--color-state-drift-text)}.lock-ok .lock-icon{background:var(--color-state-approved-bg);color:var(--color-state-approved-text)}.lock-title{display:flex;flex:1;flex-direction:column;min-width:0}.lock-title strong{color:var(--color-text-primary);font-family:var(--font-family-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-title span,.meta-line{color:var(--color-text-dim);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.lock-body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.hash-block{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.hash-row{display:grid;gap:var(--space-2);grid-template-columns:110px minmax(0,1fr);padding:var(--space-1) 0}.hash-key{color:var(--color-text-muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.hash-value{color:var(--color-text-primary);overflow-wrap:anywhere}.hash-value.is-stale,.hash-value.is-accent{color:var(--color-state-drift-text)}.hash-value.is-stale{text-decoration:line-through}.preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.preview-head{align-items:center;background:var(--color-surface-panel);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-dim);display:flex;font-family:var(--font-family-mono);font-size:10px;justify-content:space-between;letter-spacing:.06em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.preview-body{display:block;line-height:1.55;margin:0;min-height:92px;overflow:auto;padding:var(--space-3);white-space:pre-wrap}.line-add,.line-del,.line-ctx{display:block}.line-add{background:#22c55e14;color:#86efac}.line-del{background:#dc262614;color:#fca5a5;text-decoration:line-through}.line-num{color:var(--color-text-dim);display:inline-block;padding-right:var(--space-2);text-align:right;-webkit-user-select:none;user-select:none;width:28px}.action-button{align-items:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);transition:transform var(--motion-duration-fast),background var(--motion-duration-base)}.action-button:active{transform:scale(.98)}.action-approve{background:var(--color-action-primary);border-color:transparent;color:var(--color-action-primary-text)}.action-annotate{background:var(--color-source-human-bg);border-color:var(--color-source-human-border);color:var(--color-source-human-text)}.action-success{background:var(--color-state-approved-bg);border-color:var(--color-state-approved-border);color:var(--color-state-approved-text);cursor:default}.action-busy{pointer-events:none}.action-error{border-color:var(--color-action-danger)}.spinner{animation:spin .7s linear infinite;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;height:14px;width:14px}.source-badge{background:var(--color-surface-raised);color:var(--color-text-muted);min-height:28px}button.source-badge{cursor:pointer}.source-badge-ai{background:var(--color-source-ai-bg);border-color:var(--color-source-ai-border);color:var(--color-source-ai-text)}.source-badge-human{background:var(--color-source-human-bg);border-color:var(--color-source-human-border);color:var(--color-source-human-text)}.source-badge-outline{background:transparent}.source-badge.is-selected{box-shadow:inset 0 0 0 1px currentColor}.source-badge-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.col-headers{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-3)}.col-head{align-items:center;border-radius:var(--radius-md);display:flex;font-family:var(--font-family-mono);justify-content:space-between;padding:var(--space-3)}.col-head.ai{background:var(--color-source-ai-bg);color:var(--color-source-ai-text)}.col-head.human{background:var(--color-source-human-bg);color:var(--color-source-human-text)}.timeline-grid{display:grid;gap:0;grid-template-columns:1fr 40px 1fr;position:relative}.axis{align-items:center;display:flex;grid-column:2;grid-row:1 / span 999;justify-content:center;pointer-events:none}.axis-line{align-self:stretch;background:linear-gradient(var(--color-border-subtle),var(--color-border-default),var(--color-border-subtle));width:2px}.timeline-entry{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);position:relative}.timeline-ai{border-left:3px solid var(--color-source-ai-border);grid-column:1}.timeline-human{border-right:3px solid var(--color-source-human-border);grid-column:3}.dot-axis{border:2px solid var(--color-surface-canvas);border-radius:50%;height:10px;position:absolute;top:16px;width:10px}.dot-axis.ai{background:var(--color-source-ai-accent);right:-27px}.dot-axis.human{background:var(--color-source-human-accent);left:-27px}.timeline-head,.entry-meta,.entry-foot{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.entry-time{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin-left:auto}.entry-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:var(--space-2) 0 0}.entry-meta{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin-top:var(--space-2)}.meta-key{color:var(--color-text-dim)}.entry-body{color:var(--color-text-secondary);line-height:var(--line-height-loose);margin-top:var(--space-3)}.diff-badge,.commit-hash{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.diff-badge{background:var(--color-surface-code);border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);padding:2px 6px}.annotate-form{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.annotate-form label{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase}.timeline-empty{grid-column:1 / -1}.doctor-toolbar{margin-bottom:var(--space-5)}.doctor-layout{display:grid;gap:var(--space-5)}.doctor-summary-grid,.doctor-panels{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.doctor-card,.doctor-summary-card{background:var(--color-surface-panel);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.doctor-summary-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.doctor-summary-label,.doctor-summary-detail,.doctor-card-head span{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.doctor-summary-label{letter-spacing:.08em;text-transform:uppercase}.doctor-summary-value{color:var(--color-text-primary);font-size:var(--font-size-lg)}.doctor-card{overflow:hidden}.doctor-card-head{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:var(--space-4)}.doctor-card-head h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}.doctor-entry-list,.doctor-check-list{display:grid}.doctor-entry,.doctor-check{display:grid;gap:var(--space-2);padding:var(--space-4)}.doctor-entry+.doctor-entry,.doctor-check+.doctor-check{border-top:1px solid var(--color-border-subtle)}.doctor-entry strong,.doctor-check strong{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.doctor-entry span,.doctor-check p{color:var(--color-text-muted);margin:0}.doctor-check-head{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.doctor-check-warn{background:linear-gradient(180deg,var(--color-state-locked-bg),transparent 90%)}.doctor-check-error{background:linear-gradient(180deg,var(--color-state-stale-bg),transparent 90%)}.doctor-check-ok{background:linear-gradient(180deg,var(--color-state-approved-bg),transparent 90%)}.doctor-empty{border:0;border-radius:0;box-shadow:none;margin:0}.live-region{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:no-preference){.pulse,.drift-dot.drift-drift,.drift-dot.drift-stale{animation:pulse 2.4s infinite}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;scroll-behavior:auto!important;transition-duration:0ms!important}}@media(max-width:960px){.app-shell{grid-template-columns:var(--layout-sidebar-width-collapsed) minmax(0,1fr)}.brand span:not(.brand-logo),.nav-item span:not(.dot),.nav-item small,.nav-section,.muted-nav{display:none}.sidebar{padding:var(--space-3) var(--space-2)}.nav-item{grid-template-columns:1fr;justify-items:center}}@media(max-width:720px){.app-shell,.view-split,.timeline-grid,.col-headers,.doctor-panels,.doctor-summary-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--color-border-subtle);border-right:0;display:flex;overflow-x:auto}.main{min-height:0}.header{align-items:flex-start;flex-direction:column;height:auto;padding:var(--space-3)}.view{padding:var(--space-4)}.detail-panel{position:static}.axis,.dot-axis{display:none}.timeline-ai,.timeline-human{grid-column:1}}