@fragments-sdk/cli 0.16.0 → 0.17.0

package/dist/{init-PXFRAQ64.js → init-2RGAY4W6.js}

@@ -5,11 +5,11 @@ import {
   addTranspilePackages,
   detectSetupFramework,
   findEntryFile
-} from "./chunk-ACX7YWZW.js";
+} from "./chunk-MN3B2EE6.js";
 import "./chunk-D2CDBRNU.js";
 import {
   BRAND
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 
 // src/commands/init.ts
 import { readFile, writeFile, mkdir, access } from "fs/promises";
@@ -370,7 +370,7 @@ Scan path not found: ${scanPath}
         errors: [`Scan path not found: ${scanPath}`]
       };
     }
-    const { scanGenerate } = await import("./scan-generate-74EYSAGH.js");
+    const { scanGenerate } = await import("./scan-generate-LUSOHT36.js");
     const scanResult = await scanGenerate({
       scanPath,
       force: options.force,
@@ -578,7 +578,7 @@ ${BRAND.name} init
   }
   if (scenario === "components" || scenario === "stories") {
     try {
-      const { scan } = await import("./scan-L4GWGEZX.js");
+      const { scan } = await import("./scan-A2WJM54L.js");
       const scanResult = await scan({
         config: configPath,
         verbose: false,
@@ -635,4 +635,4 @@ ${BRAND.name} init
 export {
   init
 };
-//# sourceMappingURL=init-PXFRAQ64.js.map
+//# sourceMappingURL=init-2RGAY4W6.js.map

package/dist/mcp-bin.js

@@ -8,7 +8,7 @@ import {
   BRAND,
   DEFAULTS,
   generateContext
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 
 // src/mcp/server.ts
 import { Server } from "@modelcontextprotocol/sdk/server/index.js";
@@ -42,7 +42,7 @@ var _service = null;
 async function getService() {
   if (!_service) {
     try {
-      _service = await import("./service-VELQHEWV.js");
+      _service = await import("./service-ROCP7TKG.js");
     } catch {
       throw new Error(
         "Visual tools require playwright. Install it with: npm install playwright"

package/dist/{scan-L4GWGEZX.js → scan-A2WJM54L.js}

@@ -1,14 +1,14 @@
 import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
 import {
   scan
-} from "./chunk-G6UVWMFU.js";
-import "./chunk-XRADMHMV.js";
-import "./chunk-77AAP6R6.js";
+} from "./chunk-B4A4ZEGS.js";
+import "./chunk-HNHE64CR.js";
+import "./chunk-ANTWP3UG.js";
 import "./chunk-D2CDBRNU.js";
-import "./chunk-SJFSG7QF.js";
-import "./chunk-QCN35LJU.js";
+import "./chunk-FFCI6OVZ.js";
+import "./chunk-SAQW37L5.js";
 import "./chunk-7DZC4YEV.js";
 export {
   scan
 };
-//# sourceMappingURL=scan-L4GWGEZX.js.map
+//# sourceMappingURL=scan-A2WJM54L.js.map

package/dist/{scan-generate-74EYSAGH.js → scan-generate-LUSOHT36.js}

@@ -1,11 +1,11 @@
 import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
 import {
   discoverAllComponents
-} from "./chunk-XRADMHMV.js";
+} from "./chunk-HNHE64CR.js";
 import "./chunk-D2CDBRNU.js";
 import {
   BRAND
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 
 // src/commands/scan-generate.ts
 import { readFile, writeFile, access, mkdir } from "fs/promises";
@@ -1400,4 +1400,4 @@ export {
   resolveCoreInstallCommand,
   scanGenerate
 };
-//# sourceMappingURL=scan-generate-74EYSAGH.js.map
+//# sourceMappingURL=scan-generate-LUSOHT36.js.map

package/dist/{service-VELQHEWV.js → service-ROCP7TKG.js}

@@ -81,12 +81,12 @@ import {
   sanitizeFilename,
   shutdownSharedPool,
   sleep
-} from "./chunk-77AAP6R6.js";
+} from "./chunk-ANTWP3UG.js";
 import "./chunk-D2CDBRNU.js";
 import {
   BRAND,
   DEFAULTS
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 import {
   aggregateAllUsages,
   aggregateComponentUsages,
@@ -104,7 +104,7 @@ import {
   saveCache,
   scanCodebase,
   summarizePatternsForPrompt
-} from "./chunk-QCN35LJU.js";
+} from "./chunk-SAQW37L5.js";
 import {
   scanFile,
   scanFileForImports,
@@ -215,4 +215,4 @@ export {
   sleep,
   summarizePatternsForPrompt
 };
-//# sourceMappingURL=service-VELQHEWV.js.map
+//# sourceMappingURL=service-ROCP7TKG.js.map

package/dist/{snapshot-DT4B6DPR.js → snapshot-B3SAW74Y.js}

@@ -2,7 +2,7 @@ import { createRequire as __banner_createRequire } from 'module'; const require
 import "./chunk-D2CDBRNU.js";
 import {
   BRAND
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 
 // src/commands/snapshot.ts
 import { resolve } from "path";
@@ -135,4 +135,4 @@ ${BRAND.name} Visual Snapshots
 export {
   snapshot
 };
-//# sourceMappingURL=snapshot-DT4B6DPR.js.map
+//# sourceMappingURL=snapshot-B3SAW74Y.js.map

package/dist/{static-viewer-E4OJWFDJ.js → static-viewer-7L6UEYTJ.js}

@@ -2,11 +2,11 @@ import { createRequire as __banner_createRequire } from 'module'; const require
 import {
   generateStaticViewer,
   generateViewerFromJson
-} from "./chunk-OZZ4SVZX.js";
+} from "./chunk-SNZXGHL2.js";
 import "./chunk-D2CDBRNU.js";
-import "./chunk-SJFSG7QF.js";
+import "./chunk-FFCI6OVZ.js";
 export {
   generateStaticViewer,
   generateViewerFromJson
 };
-//# sourceMappingURL=static-viewer-E4OJWFDJ.js.map
+//# sourceMappingURL=static-viewer-7L6UEYTJ.js.map

package/dist/{test-QJY2QO4X.js → test-PQDVDURE.js}

@@ -2,8 +2,8 @@ import { createRequire as __banner_createRequire } from 'module'; const require
 import {
   discoverFragmentFiles,
   parseFragmentFile
-} from "./chunk-XRADMHMV.js";
-import "./chunk-SJFSG7QF.js";
+} from "./chunk-HNHE64CR.js";
+import "./chunk-FFCI6OVZ.js";
 
 // src/test/index.ts
 import { resolve as resolve2, join as join2 } from "path";
@@ -1068,4 +1068,4 @@ export {
   listTests,
   runTestCommand
 };
-//# sourceMappingURL=test-QJY2QO4X.js.map
+//# sourceMappingURL=test-PQDVDURE.js.map

package/dist/{token-normalizer-56H4242J.js → token-normalizer-7TFCVDZL.js}

@@ -1,7 +1,7 @@
 import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
 import {
   parseColor
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 
 // src/service/token-normalizer.ts
 import { existsSync } from "fs";
@@ -309,4 +309,4 @@ export {
   normalizeCSSVarTokens,
   normalizeTailwindTheme
 };
-//# sourceMappingURL=token-normalizer-56H4242J.js.map
+//# sourceMappingURL=token-normalizer-7TFCVDZL.js.map

package/dist/{tokens-K6URXFPK.js → tokens-64FG5FDP.js}

@@ -1,15 +1,15 @@
 import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
 import {
   loadConfig
-} from "./chunk-XRADMHMV.js";
+} from "./chunk-HNHE64CR.js";
 import {
   parseTokenFiles
-} from "./chunk-77AAP6R6.js";
+} from "./chunk-ANTWP3UG.js";
 import "./chunk-D2CDBRNU.js";
 import {
   BRAND
-} from "./chunk-SJFSG7QF.js";
-import "./chunk-QCN35LJU.js";
+} from "./chunk-FFCI6OVZ.js";
+import "./chunk-SAQW37L5.js";
 import "./chunk-7DZC4YEV.js";
 
 // src/commands/tokens.ts
@@ -172,4 +172,4 @@ export {
   tokens_default as default,
   tokens
 };
-//# sourceMappingURL=tokens-K6URXFPK.js.map
+//# sourceMappingURL=tokens-64FG5FDP.js.map

package/dist/{tokens-generate-EL6IN536.js → tokens-generate-CL4LBBQA.js}

@@ -5,7 +5,7 @@ import {
   generateFigmaVariables,
   generateSCSSVariables,
   generateTailwindConfig
-} from "./chunk-SJFSG7QF.js";
+} from "./chunk-FFCI6OVZ.js";
 
 // src/commands/tokens-generate.ts
 import { readFile, writeFile, mkdir } from "fs/promises";
@@ -82,4 +82,4 @@ export default ${JSON.stringify(config, null, 2)};
 export {
   tokensGenerate
 };
-//# sourceMappingURL=tokens-generate-EL6IN536.js.map
+//# sourceMappingURL=tokens-generate-CL4LBBQA.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragments-sdk/cli",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "license": "FSL-1.1-MIT",
   "description": "CLI, MCP server, and dev tools for Fragments design system",
   "author": "Conan McNicholl",
@@ -84,11 +84,11 @@
     "zod": "^3.24.1",
     "@fragments-sdk/compiler": "0.2.1",
     "@fragments-sdk/extract": "0.1.1",
-    "@fragments-sdk/core": "2.1.0",
     "@fragments-sdk/context": "0.6.1",
-    "@fragments-sdk/govern": "^0.3.1",
+    "@fragments-sdk/govern": "^0.3.2",
     "@fragments-sdk/viewer": "0.2.10",
-    "@fragments-sdk/webmcp": "3.0.0"
+    "@fragments-sdk/webmcp": "3.0.0",
+    "@fragments-sdk/core": "2.1.0"
   },
   "devDependencies": {
     "@types/babel__generator": "^7.6.8",

package/src/bin.ts

@@ -1376,6 +1376,9 @@ governCmd
   .option('-f, --format <format>', 'Output format: summary, json, sarif', 'summary')
   .option('-r, --report <path>', 'Write an aggregated machine-readable JSON report')
   .option('-q, --quiet', 'Suppress non-error output')
+  .option('--api-key <key>', 'Fragments Cloud API key — report findings to Cloud')
+  .option('--cloud-url <url>', 'Fragments Cloud URL (default: https://app.usefragments.com)')
+  .option('--diff [base]', 'Only scan files changed vs a base ref (default: auto-detect merge base)')
   .action(async (options) => {
     try {
       const { governScan } = await import('./commands/govern-scan.js');
@@ -1385,6 +1388,9 @@ governCmd
         format: options.format,
         report: options.report,
         quiet: options.quiet,
+        apiKey: options.apiKey ?? process.env.FRAGMENTS_API_KEY,
+        cloudUrl: options.cloudUrl ?? process.env.FRAGMENTS_CLOUD_URL,
+        diff: options.diff,
       });
       process.exit(exitCode);
     } catch (error) {

package/src/commands/__fixtures__/shadcn-label-wrapper/src/components/ui/label.contract.json

@@ -37,6 +37,6 @@
     "source": "extracted",
     "verified": false,
     "frameworkSupport": "native",
-    "extractedAt": "2026-04-01T21:45:25.486Z"
+    "extractedAt": "2026-04-04T15:06:36.231Z"
   }
 }

package/src/commands/__fixtures__/shadcn-label-wrapper/src/components/ui/primitive.contract.json

@@ -15,6 +15,6 @@
     "source": "extracted",
     "verified": false,
     "frameworkSupport": "native",
-    "extractedAt": "2026-04-01T21:45:25.487Z"
+    "extractedAt": "2026-04-04T15:06:36.234Z"
   }
 }

package/src/commands/govern-scan.ts

@@ -7,9 +7,11 @@
 
 import pc from 'picocolors';
 import { resolve, relative } from 'node:path';
-import { existsSync } from 'node:fs';
+import { existsSync, readFileSync } from 'node:fs';
+import { execSync } from 'node:child_process';
 import { BRAND } from '../core/index.js';
 import type { ComponentUsage } from '../service/enhance/types.js';
+import type { GovernanceVerdict } from '@fragments-sdk/govern';
 import {
   aggregateVerdicts,
   flattenComponentUsage,
@@ -33,6 +35,12 @@ export interface GovernScanOptions {
   report?: string;
   /** Suppress non-error output */
   quiet?: boolean;
+  /** Fragments Cloud API key — reports findings to Cloud */
+  apiKey?: string;
+  /** Fragments Cloud base URL (default: https://app.usefragments.com) */
+  cloudUrl?: string;
+  /** Only scan files changed vs a base ref (default base: auto-detected merge base) */
+  diff?: boolean | string;
 }
 
 export interface GovernWatchOptions extends GovernScanOptions {
@@ -40,6 +48,53 @@ export interface GovernWatchOptions extends GovernScanOptions {
   debounce?: number;
 }
 
+// ---------------------------------------------------------------------------
+// Git diff helpers
+// ---------------------------------------------------------------------------
+
+const SCANNABLE_EXTENSIONS = new Set([
+  '.tsx', '.ts', '.jsx', '.js',
+]);
+
+function getChangedFiles(rootDir: string, base?: string): string[] | null {
+  try {
+    const baseRef = base || detectMergeBase(rootDir);
+    if (!baseRef) return null;
+
+    const output = execSync(
+      `git diff --name-only --diff-filter=ACMR ${baseRef}...HEAD`,
+      { cwd: rootDir, encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'] },
+    );
+
+    return output
+      .split('\n')
+      .map((f) => f.trim())
+      .filter((f) => f && SCANNABLE_EXTENSIONS.has(f.slice(f.lastIndexOf('.'))))
+      .map((f) => resolve(rootDir, f));
+  } catch {
+    return null;
+  }
+}
+
+function detectMergeBase(rootDir: string): string | null {
+  try {
+    const remote = execSync('git rev-parse --abbrev-ref origin/HEAD', {
+      cwd: rootDir, encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'],
+    }).trim();
+    if (remote) return remote;
+  } catch { /* fallback */ }
+
+  for (const candidate of ['origin/main', 'origin/master']) {
+    try {
+      execSync(`git rev-parse --verify ${candidate}`, {
+        cwd: rootDir, encoding: 'utf-8', stdio: ['pipe', 'pipe', 'pipe'],
+      });
+      return candidate;
+    } catch { /* try next */ }
+  }
+  return null;
+}
+
 // ---------------------------------------------------------------------------
 // Scan defaults — applied when no config file exists
 // ---------------------------------------------------------------------------
@@ -138,7 +193,6 @@ export async function governScan(
   let registryMap: Record<string, unknown> | undefined;
   let hasRegistry = false;
   {
-    const { readFileSync, existsSync } = await import('node:fs');
     const fragmentsJsonPath = resolve(rootDir, 'fragments.json');
     if (existsSync(fragmentsJsonPath)) {
       try {
@@ -177,14 +231,36 @@ export async function governScan(
       : undefined,
   );
 
-  // 6. Scan codebase
-  if (!quiet) {
+  // 6. Scan codebase (optionally scoped to changed files via --diff)
+  let diffFiles: string[] | undefined;
+  if (options.diff) {
+    const base = typeof options.diff === 'string' ? options.diff : undefined;
+    const changed = getChangedFiles(rootDir, base);
+    if (changed && changed.length > 0) {
+      diffFiles = changed;
+      if (!quiet) {
+        console.log(pc.dim(`  Diff mode: scanning ${changed.length} changed file(s)...\n`));
+      }
+    } else if (changed && changed.length === 0) {
+      if (!quiet) {
+        console.log(pc.green('  No scannable files changed — all clear.\n'));
+      }
+      return { exitCode: 0 };
+    } else {
+      if (!quiet) {
+        console.log(pc.yellow('  Could not detect git diff — falling back to full scan.\n'));
+      }
+    }
+  }
+
+  if (!quiet && !diffFiles) {
     console.log(pc.dim('  Scanning files...\n'));
   }
 
   const analysis = await scanCodebase({
     rootDir,
     useCache: true,
+    files: diffFiles,
     onProgress: quiet
       ? undefined
       : (progress) => {
@@ -233,7 +309,7 @@ export async function governScan(
   let passedFiles = 0;
   let totalViolations = 0;
   const violationCounts = new Map<string, number>();
-  const allVerdicts: Awaited<ReturnType<typeof engine.check>>[] = [];
+  const allVerdicts: GovernanceVerdict[] = [];
 
   for (const [filePath, usages] of grouped) {
     const spec = usagesToSpec(usages, filePath, rootDir);
@@ -335,9 +411,185 @@ export async function governScan(
     }
   }
 
+  // Report to Fragments Cloud
+  if (options.apiKey) {
+    await reportToCloud({
+      apiKey: options.apiKey,
+      cloudUrl: options.cloudUrl,
+      verdicts: allVerdicts,
+      rootDir,
+      quiet,
+      diffOnly: !!diffFiles,
+    });
+  }
+
   return { exitCode: passedFiles === totalFiles ? 0 : 1 };
 }
 
+// ---------------------------------------------------------------------------
+// Cloud reporting
+// ---------------------------------------------------------------------------
+
+const DEFAULT_CLOUD_URL = 'https://app.usefragments.com';
+
+interface CloudReportOptions {
+  apiKey: string;
+  cloudUrl?: string;
+  verdicts: GovernanceVerdict[];
+  rootDir: string;
+  quiet: boolean;
+  diffOnly?: boolean;
+}
+
+function detectGitMetadata(): {
+  commitSha?: string;
+  branch?: string;
+  pr?: number;
+  repoFullName?: string;
+} {
+  const env = process.env;
+  const meta: ReturnType<typeof detectGitMetadata> = {};
+
+  if (env.GITHUB_SHA) meta.commitSha = env.GITHUB_SHA;
+  if (env.GITHUB_REPOSITORY) meta.repoFullName = env.GITHUB_REPOSITORY;
+  if (env.GITHUB_REF_NAME) meta.branch = env.GITHUB_REF_NAME;
+
+  if (env.GITHUB_EVENT_NAME === 'pull_request' && env.GITHUB_EVENT_PATH) {
+    try {
+      const event = JSON.parse(readFileSync(env.GITHUB_EVENT_PATH, 'utf-8'));
+      if (event?.pull_request?.number) {
+        meta.pr = event.pull_request.number;
+      }
+      if (event?.pull_request?.head?.sha) {
+        meta.commitSha = event.pull_request.head?.sha;
+      }
+    } catch {
+      // Event file unreadable — skip PR number
+    }
+  }
+
+  return meta;
+}
+
+async function reportToCloud(options: CloudReportOptions): Promise<void> {
+  const { apiKey, verdicts, rootDir, quiet, diffOnly } = options;
+  const baseUrl = (options.cloudUrl ?? DEFAULT_CLOUD_URL).replace(/\/+$/, '');
+
+  const findings: Array<{
+    ruleId: string;
+    severity: 'error' | 'warning' | 'info';
+    filePath?: string;
+    line?: number;
+    column?: number;
+    rawValue?: string;
+    suggestedToken?: string;
+    message: string;
+    category?: string;
+    fingerprint: string;
+  }> = [];
+
+  const { createHash } = await import('node:crypto');
+
+  for (const verdict of verdicts) {
+    for (const result of verdict.results) {
+      for (const v of result.violations) {
+        const severity = v.severity === 'critical' || v.severity === 'serious'
+          ? 'error'
+          : v.severity === 'moderate'
+            ? 'warning'
+            : 'info';
+
+        const fingerprint = createHash('sha256')
+          .update(`${v.rule}:${v.nodeType}:${v.nodeId}:${v.message}`)
+          .digest('hex')
+          .slice(0, 16);
+
+        let filePath: string | undefined;
+        let line: number | undefined;
+        let column: number | undefined;
+
+        if (v.filePath) {
+          filePath = v.filePath;
+          line = v.line;
+          column = v.column;
+        } else if (v.nodeId) {
+          const parts = v.nodeId.split(':');
+          if (parts.length >= 3) {
+            const col = parseInt(parts.pop()!, 10);
+            const ln = parseInt(parts.pop()!, 10);
+            const path = parts.join(':');
+            if (!isNaN(ln) && !isNaN(col) && path) {
+              filePath = path;
+              line = ln;
+              column = col;
+            }
+          }
+          if (!filePath) {
+            filePath = relative(rootDir, v.nodeId);
+          }
+        }
+
+        findings.push({
+          ruleId: v.rule,
+          severity,
+          filePath,
+          line,
+          column,
+          rawValue: v.rawValue,
+          message: `[${result.validator}] ${v.message}`,
+          category: result.validator,
+          fingerprint,
+          suggestedToken: v.suggestion,
+        });
+      }
+    }
+  }
+
+  if (!quiet) {
+    console.log(pc.dim(`  Reporting ${findings.length} finding(s) to Fragments Cloud...`));
+  }
+
+  const gitMeta = detectGitMetadata();
+
+  try {
+    const response = await fetch(`${baseUrl}/api/govern/ingest`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({
+        findings,
+        source: 'ci',
+        diffOnly: diffOnly ?? false,
+        ...gitMeta,
+      }),
+    });
+
+    if (!response.ok) {
+      const body = await response.json().catch(() => ({}));
+      const msg = (body as { error?: string }).error ?? `HTTP ${response.status}`;
+      console.error(pc.red(`  ✗ Cloud report failed: ${msg}\n`));
+      return;
+    }
+
+    const body = await response.json() as { ingested?: number; orgSlug?: string };
+    if (!quiet) {
+      console.log(
+        pc.green(`  ✓ Reported ${body.ingested ?? findings.length} finding(s) to Cloud`) +
+        (body.orgSlug ? pc.dim(` (${body.orgSlug})`) : '') +
+        '\n',
+      );
+    }
+  } catch (err) {
+    console.error(
+      pc.red(`  ✗ Cloud report failed: `) +
+      pc.dim(err instanceof Error ? err.message : 'Network error') +
+      '\n',
+    );
+  }
+}
+
 // ---------------------------------------------------------------------------
 // governWatch
 // ---------------------------------------------------------------------------

package/src/mcp/__tests__/server.integration.test.ts

@@ -207,7 +207,6 @@ describe('CLI MCP server integration', () => {
       expect(names).toContain('inspect');
       expect(names).toContain('blocks');
       expect(names).toContain('tokens');
-      expect(names).toContain('implement');
 
       const prefixedResult = await client.callTool({
         name: 'fragments_discover',
@@ -314,29 +313,19 @@ describe('CLI MCP server integration', () => {
     });
   });
 
-  it('returns login-oriented implement results and respects component limits', async () => {
+  it('accepts discover depth:full without error', async () => {
     await withClient(async (client) => {
-      const defaultResult = await client.callTool({
-        name: 'implement',
-        arguments: { useCase: 'login form' },
-      });
-      const defaultPayload = getTextPayload(defaultResult) as {
-        components: Array<{ name: string }>;
-        blocks?: Array<{ name: string }>;
-      };
-
-      expect(defaultPayload.components.length).toBeGreaterThan(0);
-      expect(defaultPayload.blocks?.[0]?.name).toBe('Login Form');
-
-      const limitedResult = await client.callTool({
-        name: 'implement',
-        arguments: { useCase: 'login form', limit: 1 },
+      const result = await client.callTool({
+        name: 'discover',
+        arguments: { useCase: 'button', depth: 'full' },
       });
-      const limitedPayload = getTextPayload(limitedResult) as {
-        components: Array<{ name: string }>;
+      const payload = getTextPayload(result) as {
+        useCase: string;
+        suggestions: Array<{ component: string }>;
       };
 
-      expect(limitedPayload.components).toHaveLength(1);
+      expect(payload.useCase).toBe('button');
+      expect(payload.suggestions).toBeDefined();
     });
   });
 });