tribunal-kit 9.2.5 → 9.2.6

package/src/commands/contract.js

@@ -1,4 +1,4 @@
-"use strict";
+'use strict';
 
 /**
  * contract.js — CLI command handler for `tk contract`
@@ -13,86 +13,72 @@
  *   tk contract generate --from-case <id>    → Auto-generate a contract from a Case Law entry
  */
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.cmdContract = cmdContract;
 
-const fs = require("fs");
-const path = require("path");
-const logger_1 = require("../utils/logger");
+const fs = require('fs');
+const path = require('path');
+const logger_1 = require('../utils/logger');
 
 async function cmdContract(flags, argv, quiet = false) {
   const projectRoot = flags.path ? path.resolve(flags.path) : process.cwd();
   const rawArgs = argv.slice(3);
-  const subCmd = rawArgs[0] || "verify";
+  const subCmd = rawArgs[0] || 'verify';
 
-  if (subCmd === "help" || subCmd === "--help" || subCmd === "-h") {
+  if (subCmd === 'help' || subCmd === '--help' || subCmd === '-h') {
     showContractHelp(quiet);
     return;
   }
 
-  const contractEngineScript = path.join(
-    projectRoot,
-    ".agent",
-    "scripts",
-    "contract_engine.js",
-  );
-  const traceEngineScript = path.join(
-    projectRoot,
-    ".agent",
-    "scripts",
-    "trace_engine.js",
-  );
+  const contractEngineScript = path.join(projectRoot, '.agent', 'scripts', 'contract_engine.js');
+  const traceEngineScript = path.join(projectRoot, '.agent', 'scripts', 'trace_engine.js');
 
-  const contractEngine = fs.existsSync(contractEngineScript)
-    ? require(contractEngineScript)
-    : null;
-  const traceEngine = fs.existsSync(traceEngineScript)
-    ? require(traceEngineScript)
-    : null;
+  const contractEngine = fs.existsSync(contractEngineScript) ? require(contractEngineScript) : null;
+  const traceEngine = fs.existsSync(traceEngineScript) ? require(traceEngineScript) : null;
 
   switch (subCmd) {
-    case "init":
+    case 'init':
       scaffoldContracts(projectRoot, quiet);
       break;
 
-    case "list":
+    case 'list':
       if (!contractEngine) {
-        (0, logger_1.err)("contract_engine.js not found. Run `tk init` first.");
+        (0, logger_1.err)('contract_engine.js not found. Run `tk init` first.');
         process.exit(1);
       }
       listContracts(projectRoot, contractEngine, quiet);
       break;
 
-    case "verify":
+    case 'verify':
       if (!contractEngine) {
-        (0, logger_1.err)("contract_engine.js not found. Run `tk init` first.");
+        (0, logger_1.err)('contract_engine.js not found. Run `tk init` first.');
         process.exit(1);
       }
       runVerify(projectRoot, contractEngine, traceEngine, argv, flags, quiet);
       break;
 
-    case "trace":
+    case 'trace':
       if (!traceEngine) {
-        (0, logger_1.err)("trace_engine.js not found. Run `tk init` first.");
+        (0, logger_1.err)('trace_engine.js not found. Run `tk init` first.');
         process.exit(1);
       }
       runTraceList(projectRoot, traceEngine, quiet);
       break;
 
-    case "replay":
+    case 'replay':
       if (!traceEngine) {
-        (0, logger_1.err)("trace_engine.js not found. Run `tk init` first.");
+        (0, logger_1.err)('trace_engine.js not found. Run `tk init` first.');
         process.exit(1);
       }
       runReplay(projectRoot, traceEngine, rawArgs[1], quiet);
       break;
 
-    case "generate":
+    case 'generate':
       generateFromCase(projectRoot, rawArgs, quiet);
       break;
 
     default:
-      if (fs.existsSync(subCmd) || subCmd.startsWith("--")) {
+      if (fs.existsSync(subCmd) || subCmd.startsWith('--')) {
         // Treat as verify with arguments
         runVerify(projectRoot, contractEngine, traceEngine, argv, flags, quiet);
       } else {
@@ -106,14 +92,14 @@ async function cmdContract(flags, argv, quiet = false) {
 // ── Subcommand Implementations ───────────────────────────────────────────────
 
 function scaffoldContracts(projectRoot, quiet) {
-  const contractsDir = path.join(projectRoot, ".tribunal", "contracts");
+  const contractsDir = path.join(projectRoot, '.tribunal', 'contracts');
   if (!fs.existsSync(contractsDir)) {
     fs.mkdirSync(contractsDir, { recursive: true });
   }
 
   const starters = [
     {
-      file: "no-console-log.yaml",
+      file: 'no-console-log.yaml',
       content: `name: "No console.log in production code"
 description: "Prevents debug logging from reaching production"
 scope: "src/**/*.ts, src/**/*.tsx, src/**/*.js"
@@ -126,7 +112,7 @@ must_not:
 `,
     },
     {
-      file: "no-any-type.yaml",
+      file: 'no-any-type.yaml',
       content: `name: "No TypeScript 'any' escape hatch"
 description: "Enforces strict typing in TypeScript files"
 scope: "src/**/*.ts, src/**/*.tsx"
@@ -139,7 +125,7 @@ must_not:
 `,
     },
     {
-      file: "require-error-handling.yaml",
+      file: 'require-error-handling.yaml',
       content: `name: "Async functions must handle errors"
 description: "Every async function should have error handling"
 scope: "src/**/*.ts, src/**/*.tsx"
@@ -158,7 +144,7 @@ metadata:
   for (const starter of starters) {
     const filePath = path.join(contractsDir, starter.file);
     if (!fs.existsSync(filePath)) {
-      fs.writeFileSync(filePath, starter.content, "utf8");
+      fs.writeFileSync(filePath, starter.content, 'utf8');
       createdCount++;
     }
   }
@@ -166,10 +152,10 @@ metadata:
   if (!quiet) {
     console.log();
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("green", "✔")} Scaffolded .tribunal/contracts/ with ${createdCount} starter behavioral contracts.`,
+      `  ${(0, logger_1.c)('green', '✔')} Scaffolded .tribunal/contracts/ with ${createdCount} starter behavioral contracts.`,
     );
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("gray", "▸")} Edit files in .tribunal/contracts/ or run \`tk contract verify\` to enforce.`,
+      `  ${(0, logger_1.c)('gray', '▸')} Edit files in .tribunal/contracts/ or run \`tk contract verify\` to enforce.`,
     );
     console.log();
   }
@@ -181,9 +167,9 @@ function listContracts(projectRoot, contractEngine, quiet) {
 
   console.log();
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "📜")}  ${(0, logger_1.bold)("Loaded Behavioral Contracts")}`,
+    `  ${(0, logger_1.c)('cyan', '📜')}  ${(0, logger_1.bold)('Loaded Behavioral Contracts')}`,
   );
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
 
   if (contracts.length === 0) {
     (0, logger_1.log)(
@@ -194,26 +180,25 @@ function listContracts(projectRoot, contractEngine, quiet) {
   }
 
   for (const c of contracts) {
-    const sevColor =
-      c.severity === "block" ? "red" : c.severity === "warn" ? "yellow" : "blue";
+    const sevColor = c.severity === 'block' ? 'red' : c.severity === 'warn' ? 'yellow' : 'blue';
     const rulesCount = (c.must?.length || 0) + (c.must_not?.length || 0);
 
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("cyan", "•")} ${(0, logger_1.bold)(c.name)} [${(0, logger_1.c)(sevColor, c.severity.toUpperCase())}]`,
+      `  ${(0, logger_1.c)('cyan', '•')} ${(0, logger_1.bold)(c.name)} [${(0, logger_1.c)(sevColor, c.severity.toUpperCase())}]`,
     );
-    (0, logger_1.log)(`    Scope: ${(0, logger_1.c)("gray", c.scope || "*")}`);
+    (0, logger_1.log)(`    Scope: ${(0, logger_1.c)('gray', c.scope || '*')}`);
     (0, logger_1.log)(
-      `    Rules: ${(0, logger_1.c)("white", String(rulesCount))} (${c.must?.length || 0} must, ${c.must_not?.length || 0} must_not)`,
+      `    Rules: ${(0, logger_1.c)('white', String(rulesCount))} (${c.must?.length || 0} must, ${c.must_not?.length || 0} must_not)`,
     );
     if (c.description) {
-      (0, logger_1.log)(`    Note:  ${(0, logger_1.c)("gray", c.description)}`);
+      (0, logger_1.log)(`    Note:  ${(0, logger_1.c)('gray', c.description)}`);
     }
     console.log();
   }
 }
 
 function runVerify(projectRoot, contractEngine, traceEngine, argv, flags, quiet) {
-  const jsonMode = argv.includes("--json");
+  const jsonMode = argv.includes('--json');
   const fileArg = extractFileArg(argv);
 
   let targetFiles = null;
@@ -231,7 +216,7 @@ function runVerify(projectRoot, contractEngine, traceEngine, argv, flags, quiet)
   // Capture failure context snapshots for block/warn violations if traceEngine exists
   if (traceEngine && results.violations.length > 0) {
     for (const v of results.violations) {
-      if (v.severity === "block" || v.severity === "warn") {
+      if (v.severity === 'block' || v.severity === 'warn') {
         try {
           traceEngine.captureSnapshot(projectRoot, v);
         } catch {
@@ -252,41 +237,43 @@ function runVerify(projectRoot, contractEngine, traceEngine, argv, flags, quiet)
 
   console.log();
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "📜")}  ${(0, logger_1.bold)("Contract Verification Report")}`,
+    `  ${(0, logger_1.c)('cyan', '📜')}  ${(0, logger_1.bold)('Contract Verification Report')}`,
   );
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
   (0, logger_1.log)(
-    `  Contracts loaded: ${(0, logger_1.c)("white", String(results.contracts_loaded))}`,
+    `  Contracts loaded: ${(0, logger_1.c)('white', String(results.contracts_loaded))}`,
   );
   (0, logger_1.log)(
-    `  Files scanned:    ${(0, logger_1.c)("white", String(results.files_checked))}`,
+    `  Files scanned:    ${(0, logger_1.c)('white', String(results.files_checked))}`,
   );
   (0, logger_1.log)(
-    `  Total violations: ${results.violations.length > 0 ? (0, logger_1.c)("yellow", String(results.violations.length)) : (0, logger_1.c)("green", "0")}`,
+    `  Total violations: ${results.violations.length > 0 ? (0, logger_1.c)('yellow', String(results.violations.length)) : (0, logger_1.c)('green', '0')}`,
   );
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
 
   if (results.violations.length > 0) {
     for (const v of results.violations) {
       const icon =
-        v.severity === "block"
-          ? (0, logger_1.c)("red", "✖ BLOCK")
-          : v.severity === "warn"
-            ? (0, logger_1.c)("yellow", "⚠ WARN")
-            : (0, logger_1.c)("blue", "ℹ INFO");
+        v.severity === 'block'
+          ? (0, logger_1.c)('red', '✖ BLOCK')
+          : v.severity === 'warn'
+            ? (0, logger_1.c)('yellow', '⚠ WARN')
+            : (0, logger_1.c)('blue', 'ℹ INFO');
 
-      const lineInfo = v.line ? `:${v.line}` : "";
+      const lineInfo = v.line ? `:${v.line}` : '';
       (0, logger_1.log)(
-        `  ${icon} [${(0, logger_1.bold)(v.contract)}] ${(0, logger_1.c)("cyan", v.file + lineInfo)}`,
+        `  ${icon} [${(0, logger_1.bold)(v.contract)}] ${(0, logger_1.c)('cyan', v.file + lineInfo)}`,
       );
-      (0, logger_1.log)(`        ${(0, logger_1.c)("white", v.message)}`);
+      (0, logger_1.log)(`        ${(0, logger_1.c)('white', v.message)}`);
       if (v.snippet) {
-        (0, logger_1.log)(`        ${(0, logger_1.c)("gray", "Snippet:")} ${(0, logger_1.c)("gray", v.snippet)}`);
+        (0, logger_1.log)(
+          `        ${(0, logger_1.c)('gray', 'Snippet:')} ${(0, logger_1.c)('gray', v.snippet)}`,
+        );
       }
     }
   } else {
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("green", "✅")} All contracts satisfied. Zero behavioral violations detected.`,
+      `  ${(0, logger_1.c)('green', '✅')} All contracts satisfied. Zero behavioral violations detected.`,
     );
   }
 
@@ -300,9 +287,9 @@ function runTraceList(projectRoot, traceEngine, quiet) {
 
   console.log();
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "🎥")}  ${(0, logger_1.bold)("Failure Context Snapshots")}`,
+    `  ${(0, logger_1.c)('cyan', '🎥')}  ${(0, logger_1.bold)('Failure Context Snapshots')}`,
   );
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
 
   if (snapshots.length === 0) {
     (0, logger_1.log)(`  No failure context snapshots recorded.`);
@@ -311,20 +298,20 @@ function runTraceList(projectRoot, traceEngine, quiet) {
   }
 
   for (const s of snapshots.slice(0, 10)) {
-    const sevColor = s.severity === "block" ? "red" : "yellow";
+    const sevColor = s.severity === 'block' ? 'red' : 'yellow';
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("cyan", "•")} ${(0, logger_1.bold)(s.id)} [${(0, logger_1.c)(sevColor, s.severity.toUpperCase())}]`,
+      `  ${(0, logger_1.c)('cyan', '•')} ${(0, logger_1.bold)(s.id)} [${(0, logger_1.c)(sevColor, s.severity.toUpperCase())}]`,
     );
     (0, logger_1.log)(`    Contract: ${s.contract}`);
-    (0, logger_1.log)(`    Target:   ${(0, logger_1.c)("gray", s.target_file)}`);
-    (0, logger_1.log)(`    Time:     ${(0, logger_1.c)("gray", s.timestamp)}`);
+    (0, logger_1.log)(`    Target:   ${(0, logger_1.c)('gray', s.target_file)}`);
+    (0, logger_1.log)(`    Time:     ${(0, logger_1.c)('gray', s.timestamp)}`);
     console.log();
   }
 }
 
 function runReplay(projectRoot, traceEngine, traceId, quiet) {
   if (!traceId) {
-    (0, logger_1.err)("Missing trace ID. Usage: tk contract replay <trace_id>");
+    (0, logger_1.err)('Missing trace ID. Usage: tk contract replay <trace_id>');
     process.exit(1);
   }
 
@@ -338,38 +325,36 @@ function runReplay(projectRoot, traceEngine, traceId, quiet) {
 
   console.log();
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "🎬")}  ${(0, logger_1.bold)("Replaying Failure Trace Snapshot")}`,
+    `  ${(0, logger_1.c)('cyan', '🎬')}  ${(0, logger_1.bold)('Replaying Failure Trace Snapshot')}`,
   );
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
-  (0, logger_1.log)(`  ID:       ${(0, logger_1.c)("white", snapshot.id)}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
+  (0, logger_1.log)(`  ID:       ${(0, logger_1.c)('white', snapshot.id)}`);
   (0, logger_1.log)(`  Contract: ${(0, logger_1.bold)(snapshot.contract)}`);
-  (0, logger_1.log)(`  Severity: ${(0, logger_1.c)(snapshot.severity === "block" ? "red" : "yellow", snapshot.severity.toUpperCase())}`);
-  (0, logger_1.log)(`  Target:   ${(0, logger_1.c)("cyan", snapshot.target_file)}`);
-  (0, logger_1.log)(`  Time:     ${snapshot.timestamp}`);
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("red", "Violation:")} ${snapshot.violation.message}`,
+    `  Severity: ${(0, logger_1.c)(snapshot.severity === 'block' ? 'red' : 'yellow', snapshot.severity.toUpperCase())}`,
   );
+  (0, logger_1.log)(`  Target:   ${(0, logger_1.c)('cyan', snapshot.target_file)}`);
+  (0, logger_1.log)(`  Time:     ${snapshot.timestamp}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('red', 'Violation:')} ${snapshot.violation.message}`);
   if (snapshot.violation.snippet) {
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("yellow", "Code Snippet:")} ${snapshot.violation.snippet}`,
+      `  ${(0, logger_1.c)('yellow', 'Code Snippet:')} ${snapshot.violation.snippet}`,
     );
   }
   console.log();
 }
 
 function generateFromCase(projectRoot, rawArgs, quiet) {
-  const caseIdx = rawArgs.indexOf("--from-case");
+  const caseIdx = rawArgs.indexOf('--from-case');
   const caseId = caseIdx !== -1 ? rawArgs[caseIdx + 1] : null;
 
   if (!caseId) {
-    (0, logger_1.err)(
-      "Missing case ID. Usage: tk contract generate --from-case <id>",
-    );
+    (0, logger_1.err)('Missing case ID. Usage: tk contract generate --from-case <id>');
     process.exit(1);
   }
 
-  const contractsDir = path.join(projectRoot, ".tribunal", "contracts");
+  const contractsDir = path.join(projectRoot, '.tribunal', 'contracts');
   if (!fs.existsSync(contractsDir)) {
     fs.mkdirSync(contractsDir, { recursive: true });
   }
@@ -387,23 +372,23 @@ must_not:
     message: "Precedent Case #${caseId} violation prevented by contract"
 metadata:
   generated_from_case: "${caseId}"
-  created: "${new Date().toISOString().split("T")[0]}"
+  created: "${new Date().toISOString().split('T')[0]}"
 `;
 
-  fs.writeFileSync(contractPath, content, "utf8");
+  fs.writeFileSync(contractPath, content, 'utf8');
 
   if (!quiet) {
     console.log();
     (0, logger_1.log)(
-      `  ${(0, logger_1.c)("green", "✔")} Auto-generated contract template from Case #${caseId}:`,
+      `  ${(0, logger_1.c)('green', '✔')} Auto-generated contract template from Case #${caseId}:`,
     );
-    (0, logger_1.log)(`    ${(0, logger_1.c)("cyan", contractPath)}`);
+    (0, logger_1.log)(`    ${(0, logger_1.c)('cyan', contractPath)}`);
     console.log();
   }
 }
 
 function extractFileArg(argv) {
-  const idx = argv.indexOf("--file");
+  const idx = argv.indexOf('--file');
   if (idx !== -1 && argv[idx + 1]) return argv[idx + 1];
   return null;
 }
@@ -411,30 +396,28 @@ function extractFileArg(argv) {
 function showContractHelp(quiet) {
   if (quiet) return;
   console.log();
+  (0, logger_1.log)(`  ${(0, logger_1.bold)('Tribunal Behavioral Contract Engine (tk contract)')}`);
+  (0, logger_1.log)(`  ${(0, logger_1.c)('gray', '─'.repeat(50))}`);
   (0, logger_1.log)(
-    `  ${(0, logger_1.bold)("Tribunal Behavioral Contract Engine (tk contract)")}`,
-  );
-  (0, logger_1.log)(`  ${(0, logger_1.c)("gray", "─".repeat(50))}`);
-  (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "init")}                       Scaffold .tribunal/contracts/ with starter rules`,
+    `  ${(0, logger_1.c)('cyan', 'init')}                       Scaffold .tribunal/contracts/ with starter rules`,
   );
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "verify")}                     Verify code against loaded contracts`,
+    `  ${(0, logger_1.c)('cyan', 'verify')}                     Verify code against loaded contracts`,
   );
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "verify --file <path>")}         Verify a specific target file`,
+    `  ${(0, logger_1.c)('cyan', 'verify --file <path>')}         Verify a specific target file`,
   );
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "list")}                       List all active contracts`,
+    `  ${(0, logger_1.c)('cyan', 'list')}                       List all active contracts`,
   );
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "trace list")}                 List recorded failure context snapshots`,
+    `  ${(0, logger_1.c)('cyan', 'trace list')}                 List recorded failure context snapshots`,
   );
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "replay <id>")}                Replay failure context trace snapshot`,
+    `  ${(0, logger_1.c)('cyan', 'replay <id>')}                Replay failure context trace snapshot`,
   );
   (0, logger_1.log)(
-    `  ${(0, logger_1.c)("cyan", "generate --from-case <id>")}   Generate contract template from Case Law`,
+    `  ${(0, logger_1.c)('cyan', 'generate --from-case <id>')}   Generate contract template from Case Law`,
   );
   console.log();
 }

package/src/commands/deconstruct.js

@@ -19,13 +19,17 @@ async function cmdDeconstruct(flags, processArgs, quiet = false) {
   const selector = flags.selector || processArgs[4];
 
   if (!url || !selector) {
-    console.error(`  ${c('red', '✖ Error:')} Missing URL or selector. Usage: tk deconstruct <url> --selector "<css-selector>"`);
+    console.error(
+      `  ${c('red', '✖ Error:')} Missing URL or selector. Usage: tk deconstruct <url> --selector "<css-selector>"`,
+    );
     process.exit(1);
   }
 
   if (!quiet && !flags.json) {
     banner(quiet);
-    console.log(`  ${c('cyan', '⚡ Component Synapse Deconstructing:')} ${c('white', selector)} on ${c('gray', url)}...\n`);
+    console.log(
+      `  ${c('cyan', '⚡ Component Synapse Deconstructing:')} ${c('white', selector)} on ${c('gray', url)}...\n`,
+    );
   }
 
   try {
@@ -40,12 +44,20 @@ async function cmdDeconstruct(flags, processArgs, quiet = false) {
       const outPath = path.resolve(flags.output);
       fs.mkdirSync(path.dirname(outPath), { recursive: true });
       fs.writeFileSync(outPath, result.code, 'utf8');
-      console.log(`  ${c('green', '✔ Synthesized React component saved to:')} ${c('bold', outPath)}\n`);
+      console.log(
+        `  ${c('green', '✔ Synthesized React component saved to:')} ${c('bold', outPath)}\n`,
+      );
     } else {
-      console.log(c('gray', '────────────────── Synthesized React TSX Component ──────────────────'));
+      console.log(
+        c('gray', '────────────────── Synthesized React TSX Component ──────────────────'),
+      );
       console.log(result.code);
-      console.log(c('gray', '─────────────────────────────────────────────────────────────────────'));
-      console.log(`  ${c('green', '✔')} Extracted computed CSSOM and synthesized ${c('bold', result.componentName)}.\n`);
+      console.log(
+        c('gray', '─────────────────────────────────────────────────────────────────────'),
+      );
+      console.log(
+        `  ${c('green', '✔')} Extracted computed CSSOM and synthesized ${c('bold', result.componentName)}.\n`,
+      );
     }
   } catch (err) {
     console.error(`  ${c('red', '✖ Deconstruction failed:')} ${err.message}`);

package/src/commands/graph.js

@@ -1,44 +1,52 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+const __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.cmdGraph = cmdGraph;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const logger_1 = require("../utils/logger");
-const helpers_1 = require("../utils/helpers");
+const fs_1 = __importDefault(require('fs'));
+const path_1 = __importDefault(require('path'));
+const logger_1 = require('../utils/logger');
+const helpers_1 = require('../utils/helpers');
 async function cmdGraph(flags, quiet = false) {
-    const targetDir = flags.path ? path_1.default.resolve(flags.path) : process.cwd();
-    const agentDest = path_1.default.join(targetDir, '.agent');
-    if (!fs_1.default.existsSync(agentDest)) {
-        (0, logger_1.err)('.agent/ not found. Run: npx tribunal-kit init');
-        process.exit(1);
+  const targetDir = flags.path ? path_1.default.resolve(flags.path) : process.cwd();
+  const agentDest = path_1.default.join(targetDir, '.agent');
+  if (!fs_1.default.existsSync(agentDest)) {
+    (0, logger_1.err)('.agent/ not found. Run: npx tribunal-kit init');
+    process.exit(1);
+  }
+  (0, helpers_1.banner)(quiet);
+  const builderScript = path_1.default.join(agentDest, 'scripts', 'graph_builder.js');
+  const visualizerScript = path_1.default.join(agentDest, 'scripts', 'graph_visualizer.js');
+  const htmlFile = path_1.default.join(agentDest, 'history', 'architecture-explorer.html');
+  try {
+    await (0, helpers_1.runShellAsync)('node', [builderScript], {
+      stdio: 'inherit',
+      cwd: targetDir,
+    });
+    await (0, helpers_1.runShellAsync)('node', [visualizerScript], {
+      stdio: 'inherit',
+      cwd: targetDir,
+    });
+    (0, logger_1.log)(`  ${(0, logger_1.c)('cyan', '▸')} Opening visualizer in browser...`);
+    const child_process = require('child_process');
+    if (process.platform === 'win32') {
+      child_process
+        .spawn('cmd.exe', ['/c', 'start', '', htmlFile], { stdio: 'ignore', detached: true })
+        .unref();
+    } else if (process.platform === 'darwin') {
+      child_process.spawn('open', [htmlFile], { stdio: 'ignore', detached: true }).unref();
+    } else {
+      child_process.spawn('xdg-open', [htmlFile], { stdio: 'ignore', detached: true }).unref();
     }
-    (0, helpers_1.banner)(quiet);
-    const builderScript = path_1.default.join(agentDest, 'scripts', 'graph_builder.js');
-    const visualizerScript = path_1.default.join(agentDest, 'scripts', 'graph_visualizer.js');
-    const htmlFile = path_1.default.join(agentDest, 'history', 'architecture-explorer.html');
-    try {
-        await (0, helpers_1.runShellAsync)('node', [builderScript], { stdio: 'inherit', cwd: targetDir });
-        await (0, helpers_1.runShellAsync)('node', [visualizerScript], { stdio: 'inherit', cwd: targetDir });
-        (0, logger_1.log)(`  ${(0, logger_1.c)('cyan', '▸')} Opening visualizer in browser...`);
-        const child_process = require('child_process');
-        if (process.platform === 'win32') {
-            child_process.spawn('cmd.exe', ['/c', 'start', '', htmlFile], { stdio: 'ignore', detached: true }).unref();
-        } else if (process.platform === 'darwin') {
-            child_process.spawn('open', [htmlFile], { stdio: 'ignore', detached: true }).unref();
-        } else {
-            child_process.spawn('xdg-open', [htmlFile], { stdio: 'ignore', detached: true }).unref();
-        }
-    }
-    catch (e) {
-        if (e instanceof Error) {
-            (0, logger_1.err)(`Graph generation failed: ${e.message}`);
-        }
-        else {
-            (0, logger_1.err)(`Graph generation failed: ${String(e)}`);
-        }
-        process.exit(1);
+  } catch (e) {
+    if (e instanceof Error) {
+      (0, logger_1.err)(`Graph generation failed: ${e.message}`);
+    } else {
+      (0, logger_1.err)(`Graph generation failed: ${String(e)}`);
     }
+    process.exit(1);
+  }
 }