@contractspec/example.lifecycle-dashboard 1.57.0 → 1.59.0

package/dist/node/docs/index.js

@@ -0,0 +1,22 @@
+// src/docs/lifecycle-dashboard.docblock.ts
+import { registerDocBlocks } from "@contractspec/lib.contracts/docs";
+var blocks = [
+  {
+    id: "docs.examples.lifecycle-dashboard",
+    title: "Lifecycle Dashboard (example snippet)",
+    summary: "Minimal dashboard page pattern that calls lifecycle-managed API routes and renders a status card.",
+    kind: "reference",
+    visibility: "public",
+    route: "/docs/examples/lifecycle-dashboard",
+    tags: ["lifecycle", "dashboard", "example"],
+    body: `## What this example shows
+- A simple client-driven fetch to \`POST /api/lifecycle/assessments\`.
+- A card-shaped UI pattern for stage + confidence + recommendations.
+
+## Notes
+- Keep your app design-system-first (no raw HTML in application code).
+- Add explicit loading/error/empty states with accessible messaging.
+- Implement API routes in your app as thin adapters over lifecycle-managed services.`
+  }
+];
+registerDocBlocks(blocks);

package/dist/node/docs/lifecycle-dashboard.docblock.js

@@ -0,0 +1,22 @@
+// src/docs/lifecycle-dashboard.docblock.ts
+import { registerDocBlocks } from "@contractspec/lib.contracts/docs";
+var blocks = [
+  {
+    id: "docs.examples.lifecycle-dashboard",
+    title: "Lifecycle Dashboard (example snippet)",
+    summary: "Minimal dashboard page pattern that calls lifecycle-managed API routes and renders a status card.",
+    kind: "reference",
+    visibility: "public",
+    route: "/docs/examples/lifecycle-dashboard",
+    tags: ["lifecycle", "dashboard", "example"],
+    body: `## What this example shows
+- A simple client-driven fetch to \`POST /api/lifecycle/assessments\`.
+- A card-shaped UI pattern for stage + confidence + recommendations.
+
+## Notes
+- Keep your app design-system-first (no raw HTML in application code).
+- Add explicit loading/error/empty states with accessible messaging.
+- Implement API routes in your app as thin adapters over lifecycle-managed services.`
+  }
+];
+registerDocBlocks(blocks);

package/dist/node/example.js

@@ -0,0 +1,32 @@
+// src/example.ts
+import { defineExample } from "@contractspec/lib.contracts";
+var example = defineExample({
+  meta: {
+    key: "lifecycle-dashboard",
+    version: "1.0.0",
+    title: "Lifecycle Dashboard (snippet)",
+    description: "A minimal dashboard page pattern: call lifecycle-managed endpoints and render a mobile-friendly status card.",
+    kind: "blueprint",
+    visibility: "public",
+    stability: "experimental",
+    owners: ["@platform.core"],
+    tags: ["lifecycle", "dashboard", "nextjs", "snippet"]
+  },
+  docs: {
+    rootDocId: "docs.examples.lifecycle-dashboard"
+  },
+  entrypoints: {
+    packageName: "@contractspec/example.lifecycle-dashboard",
+    docs: "./docs"
+  },
+  surfaces: {
+    templates: true,
+    sandbox: { enabled: true, modes: ["markdown", "specs"] },
+    studio: { enabled: true, installable: true },
+    mcp: { enabled: true }
+  }
+});
+var example_default = example;
+export {
+  example_default as default
+};

package/dist/node/index.js

@@ -0,0 +1,109 @@
+// src/docs/lifecycle-dashboard.docblock.ts
+import { registerDocBlocks } from "@contractspec/lib.contracts/docs";
+var blocks = [
+  {
+    id: "docs.examples.lifecycle-dashboard",
+    title: "Lifecycle Dashboard (example snippet)",
+    summary: "Minimal dashboard page pattern that calls lifecycle-managed API routes and renders a status card.",
+    kind: "reference",
+    visibility: "public",
+    route: "/docs/examples/lifecycle-dashboard",
+    tags: ["lifecycle", "dashboard", "example"],
+    body: `## What this example shows
+- A simple client-driven fetch to \`POST /api/lifecycle/assessments\`.
+- A card-shaped UI pattern for stage + confidence + recommendations.
+
+## Notes
+- Keep your app design-system-first (no raw HTML in application code).
+- Add explicit loading/error/empty states with accessible messaging.
+- Implement API routes in your app as thin adapters over lifecycle-managed services.`
+  }
+];
+registerDocBlocks(blocks);
+// src/example.ts
+import { defineExample } from "@contractspec/lib.contracts";
+var example = defineExample({
+  meta: {
+    key: "lifecycle-dashboard",
+    version: "1.0.0",
+    title: "Lifecycle Dashboard (snippet)",
+    description: "A minimal dashboard page pattern: call lifecycle-managed endpoints and render a mobile-friendly status card.",
+    kind: "blueprint",
+    visibility: "public",
+    stability: "experimental",
+    owners: ["@platform.core"],
+    tags: ["lifecycle", "dashboard", "nextjs", "snippet"]
+  },
+  docs: {
+    rootDocId: "docs.examples.lifecycle-dashboard"
+  },
+  entrypoints: {
+    packageName: "@contractspec/example.lifecycle-dashboard",
+    docs: "./docs"
+  },
+  surfaces: {
+    templates: true,
+    sandbox: { enabled: true, modes: ["markdown", "specs"] },
+    studio: { enabled: true, installable: true },
+    mcp: { enabled: true }
+  }
+});
+var example_default = example;
+
+// src/snippets/page.ts
+var lifecycleDashboardNextPageSnippet = `'use client';
+
+import { useEffect, useState } from 'react';
+
+type StageCard = {
+  stage: number;
+  name: string;
+  confidence: number;
+  recommendation?: {
+    actions: { id: string; title: string; description: string }[];
+  };
+  libraries?: { id: string; description: string }[];
+};
+
+export default function LifecycleDashboardPage() {
+  const [card, setCard] = useState<StageCard | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string>();
+
+  useEffect(() => {
+    void runAssessment();
+  }, []);
+
+  async function runAssessment() {
+    try {
+      setLoading(true);
+      setError(undefined);
+      const response = await fetch('/api/lifecycle/assessments', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ tenantId: 'demo' }),
+      });
+      if (!response.ok) throw new Error('Failed assessment');
+      const data = await response.json();
+      setCard({
+        stage: data.assessment.stage,
+        name: data.assessment.stageName ?? \`Stage \${data.assessment.stage}\`,
+        confidence: data.assessment.confidence,
+        recommendation: data.recommendation,
+        libraries: data.libraries,
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Unknown error');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  // Render using your app's design system components in real code.
+  return null;
+}
+`;
+export {
+  lifecycleDashboardNextPageSnippet,
+  example_default as example
+};

package/dist/node/snippets/page.js

@@ -0,0 +1,56 @@
+// src/snippets/page.ts
+var lifecycleDashboardNextPageSnippet = `'use client';
+
+import { useEffect, useState } from 'react';
+
+type StageCard = {
+  stage: number;
+  name: string;
+  confidence: number;
+  recommendation?: {
+    actions: { id: string; title: string; description: string }[];
+  };
+  libraries?: { id: string; description: string }[];
+};
+
+export default function LifecycleDashboardPage() {
+  const [card, setCard] = useState<StageCard | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string>();
+
+  useEffect(() => {
+    void runAssessment();
+  }, []);
+
+  async function runAssessment() {
+    try {
+      setLoading(true);
+      setError(undefined);
+      const response = await fetch('/api/lifecycle/assessments', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ tenantId: 'demo' }),
+      });
+      if (!response.ok) throw new Error('Failed assessment');
+      const data = await response.json();
+      setCard({
+        stage: data.assessment.stage,
+        name: data.assessment.stageName ?? \`Stage \${data.assessment.stage}\`,
+        confidence: data.assessment.confidence,
+        recommendation: data.recommendation,
+        libraries: data.libraries,
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Unknown error');
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  // Render using your app's design system components in real code.
+  return null;
+}
+`;
+export {
+  lifecycleDashboardNextPageSnippet
+};

package/dist/snippets/page.d.ts

@@ -1,11 +1,8 @@
-//#region src/snippets/page.d.ts
 /**
  * Deterministic snippet for a Next.js App Router page.
  *
  * We keep this as a string so `packages/examples/*` stays design-system-first and
  * avoids raw HTML in runnable application code.
  */
-declare const lifecycleDashboardNextPageSnippet = "'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype StageCard = {\n  stage: number;\n  name: string;\n  confidence: number;\n  recommendation?: {\n    actions: { id: string; title: string; description: string }[];\n  };\n  libraries?: { id: string; description: string }[];\n};\n\nexport default function LifecycleDashboardPage() {\n  const [card, setCard] = useState<StageCard | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string>();\n\n  useEffect(() => {\n    void runAssessment();\n  }, []);\n\n  async function runAssessment() {\n    try {\n      setLoading(true);\n      setError(undefined);\n      const response = await fetch('/api/lifecycle/assessments', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ tenantId: 'demo' }),\n      });\n      if (!response.ok) throw new Error('Failed assessment');\n      const data = await response.json();\n      setCard({\n        stage: data.assessment.stage,\n        name: data.assessment.stageName ?? `Stage ${data.assessment.stage}`,\n        confidence: data.assessment.confidence,\n        recommendation: data.recommendation,\n        libraries: data.libraries,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Unknown error');\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  // Render using your app's design system components in real code.\n  return null;\n}\n";
-//#endregion
-export { lifecycleDashboardNextPageSnippet };
+export declare const lifecycleDashboardNextPageSnippet = "'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype StageCard = {\n  stage: number;\n  name: string;\n  confidence: number;\n  recommendation?: {\n    actions: { id: string; title: string; description: string }[];\n  };\n  libraries?: { id: string; description: string }[];\n};\n\nexport default function LifecycleDashboardPage() {\n  const [card, setCard] = useState<StageCard | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string>();\n\n  useEffect(() => {\n    void runAssessment();\n  }, []);\n\n  async function runAssessment() {\n    try {\n      setLoading(true);\n      setError(undefined);\n      const response = await fetch('/api/lifecycle/assessments', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ tenantId: 'demo' }),\n      });\n      if (!response.ok) throw new Error('Failed assessment');\n      const data = await response.json();\n      setCard({\n        stage: data.assessment.stage,\n        name: data.assessment.stageName ?? `Stage ${data.assessment.stage}`,\n        confidence: data.assessment.confidence,\n        recommendation: data.recommendation,\n        libraries: data.libraries,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Unknown error');\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  // Render using your app's design system components in real code.\n  return null;\n}\n";
 //# sourceMappingURL=page.d.ts.map

package/dist/snippets/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","names":[],"sources":["../../src/snippets/page.ts"],"mappings":";;AAMA;;;;;cAAa,iCAAA"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/snippets/page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,iCAAiC,y+CAmD7C,CAAC"}

package/dist/snippets/page.js

@@ -1,11 +1,6 @@
-//#region src/snippets/page.ts
-/**
-* Deterministic snippet for a Next.js App Router page.
-*
-* We keep this as a string so `packages/examples/*` stays design-system-first and
-* avoids raw HTML in runnable application code.
-*/
-const lifecycleDashboardNextPageSnippet = `'use client';
+// @bun
+// src/snippets/page.ts
+var lifecycleDashboardNextPageSnippet = `'use client';
 
 import { useEffect, useState } from 'react';
 
@@ -57,7 +52,6 @@ export default function LifecycleDashboardPage() {
   return null;
 }
 `;
-
-//#endregion
-export { lifecycleDashboardNextPageSnippet };
-//# sourceMappingURL=page.js.map
+export {
+  lifecycleDashboardNextPageSnippet
+};

package/package.json

@@ -1,48 +1,85 @@
 {
   "name": "@contractspec/example.lifecycle-dashboard",
-  "version": "1.57.0",
+  "version": "1.59.0",
   "description": "Lifecycle dashboard example (snippet): how to call lifecycle-managed APIs and render a status card.",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./dist/index.js",
-    "./docs": "./dist/docs/index.js",
-    "./docs/lifecycle-dashboard.docblock": "./dist/docs/lifecycle-dashboard.docblock.js",
-    "./example": "./dist/example.js",
-    "./snippets/page": "./dist/snippets/page.js",
-    "./*": "./*"
+    ".": "./src/index.ts",
+    "./docs": "./src/docs/index.ts",
+    "./docs/index": "./src/docs/index.ts",
+    "./docs/lifecycle-dashboard.docblock": "./src/docs/lifecycle-dashboard.docblock.ts",
+    "./example": "./src/example.ts",
+    "./snippets/page": "./src/snippets/page.ts"
   },
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "publish:pkg:canary": "bun publish:pkg --tag canary",
-    "build": "bun build:types && bun build:bundle",
-    "build:bundle": "tsdown",
-    "build:types": "tsc --noEmit",
-    "dev": "bun build:bundle --watch",
+    "build": "bun run prebuild && bun run build:bundle && bun run build:types",
+    "build:bundle": "contractspec-bun-build transpile",
+    "build:types": "contractspec-bun-build types",
+    "dev": "contractspec-bun-build dev",
     "clean": "rimraf dist .turbo",
     "lint": "bun lint:fix",
     "lint:fix": "eslint src --fix",
     "lint:check": "eslint src",
-    "test": "bun test"
+    "test": "bun test",
+    "prebuild": "contractspec-bun-build prebuild",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@contractspec/lib.contracts": "1.57.0"
+    "@contractspec/lib.contracts": "1.59.0"
   },
   "devDependencies": {
-    "@contractspec/tool.tsdown": "1.57.0",
-    "@contractspec/tool.typescript": "1.57.0",
-    "tsdown": "^0.20.3",
-    "typescript": "^5.9.3"
+    "@contractspec/tool.typescript": "1.59.0",
+    "typescript": "^5.9.3",
+    "@contractspec/tool.bun": "1.58.0"
   },
   "publishConfig": {
     "access": "public",
     "exports": {
-      ".": "./dist/index.js",
-      "./docs": "./dist/docs/index.js",
-      "./docs/lifecycle-dashboard.docblock": "./dist/docs/lifecycle-dashboard.docblock.js",
-      "./example": "./dist/example.js",
-      "./snippets/page": "./dist/snippets/page.js",
-      "./*": "./*"
+      ".": {
+        "types": "./dist/index.d.ts",
+        "bun": "./dist/index.js",
+        "node": "./dist/node/index.mjs",
+        "browser": "./dist/browser/index.js",
+        "default": "./dist/index.js"
+      },
+      "./docs": {
+        "types": "./dist/docs/index.d.ts",
+        "bun": "./dist/docs/index.js",
+        "node": "./dist/node/docs/index.mjs",
+        "browser": "./dist/browser/docs/index.js",
+        "default": "./dist/docs/index.js"
+      },
+      "./docs/index": {
+        "types": "./dist/docs/index.d.ts",
+        "bun": "./dist/docs/index.js",
+        "node": "./dist/node/docs/index.mjs",
+        "browser": "./dist/browser/docs/index.js",
+        "default": "./dist/docs/index.js"
+      },
+      "./docs/lifecycle-dashboard.docblock": {
+        "types": "./dist/docs/lifecycle-dashboard.docblock.d.ts",
+        "bun": "./dist/docs/lifecycle-dashboard.docblock.js",
+        "node": "./dist/node/docs/lifecycle-dashboard.docblock.mjs",
+        "browser": "./dist/browser/docs/lifecycle-dashboard.docblock.js",
+        "default": "./dist/docs/lifecycle-dashboard.docblock.js"
+      },
+      "./example": {
+        "types": "./dist/example.d.ts",
+        "bun": "./dist/example.js",
+        "node": "./dist/node/example.mjs",
+        "browser": "./dist/browser/example.js",
+        "default": "./dist/example.js"
+      },
+      "./snippets/page": {
+        "types": "./dist/snippets/page.d.ts",
+        "bun": "./dist/snippets/page.js",
+        "node": "./dist/node/snippets/page.mjs",
+        "browser": "./dist/browser/snippets/page.js",
+        "default": "./dist/snippets/page.js"
+      }
     },
     "registry": "https://registry.npmjs.org/"
   },

package/tsdown.config.js

@@ -1,5 +1,4 @@
-import { defineConfig } from 'tsdown';
-import { moduleLibrary } from '@contractspec/tool.tsdown';
+import { defineConfig, moduleLibrary } from '@contractspec/tool.bun';
 
 export default defineConfig(() => ({
   ...moduleLibrary,

package/.turbo/turbo-build$colon$bundle.log

@@ -1,30 +0,0 @@
-$ tsdown
-ℹ tsdown v0.20.3 powered by rolldown v1.0.0-rc.3
-ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/lifecycle-dashboard/tsdown.config.js 
-ℹ entry: src/example.ts, src/index.ts, src/docs/index.ts, src/docs/lifecycle-dashboard.docblock.ts, src/snippets/page.ts
-ℹ target: esnext
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ Cleaning 17 files
-ℹ dist/snippets/page.js                          1.82 kB │ gzip: 0.87 kB
-ℹ dist/docs/lifecycle-dashboard.docblock.js      0.98 kB │ gzip: 0.56 kB
-ℹ dist/example.js                                0.95 kB │ gzip: 0.52 kB
-ℹ dist/index.js                                  0.19 kB │ gzip: 0.13 kB
-ℹ dist/docs/index.js                             0.04 kB │ gzip: 0.06 kB
-ℹ dist/snippets/page.js.map                      1.91 kB │ gzip: 0.91 kB
-ℹ dist/example.js.map                            1.41 kB │ gzip: 0.71 kB
-ℹ dist/docs/lifecycle-dashboard.docblock.js.map  1.32 kB │ gzip: 0.72 kB
-ℹ dist/example.d.ts.map                          0.13 kB │ gzip: 0.13 kB
-ℹ dist/snippets/page.d.ts.map                    0.12 kB │ gzip: 0.12 kB
-ℹ dist/snippets/page.d.ts                        1.89 kB │ gzip: 0.88 kB
-ℹ dist/example.d.ts                              0.25 kB │ gzip: 0.17 kB
-ℹ dist/index.d.ts                                0.16 kB │ gzip: 0.11 kB
-ℹ dist/docs/index.d.ts                           0.01 kB │ gzip: 0.03 kB
-ℹ dist/docs/lifecycle-dashboard.docblock.d.ts    0.01 kB │ gzip: 0.03 kB
-ℹ 15 files, total: 11.20 kB
-[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
-  - rolldown-plugin-dts:generate (59%)
-  - tsdown:external (40%)
-See https://rolldown.rs/options/checks#plugintimings for more details.
-
-✔ Build complete in 21576ms

package/dist/docs/lifecycle-dashboard.docblock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lifecycle-dashboard.docblock.js","names":[],"sources":["../../src/docs/lifecycle-dashboard.docblock.ts"],"sourcesContent":["import type { DocBlock } from '@contractspec/lib.contracts/docs';\nimport { registerDocBlocks } from '@contractspec/lib.contracts/docs';\n\nconst blocks: DocBlock[] = [\n  {\n    id: 'docs.examples.lifecycle-dashboard',\n    title: 'Lifecycle Dashboard (example snippet)',\n    summary:\n      'Minimal dashboard page pattern that calls lifecycle-managed API routes and renders a status card.',\n    kind: 'reference',\n    visibility: 'public',\n    route: '/docs/examples/lifecycle-dashboard',\n    tags: ['lifecycle', 'dashboard', 'example'],\n    body: `## What this example shows\\n- A simple client-driven fetch to \\`POST /api/lifecycle/assessments\\`.\\n- A card-shaped UI pattern for stage + confidence + recommendations.\\n\\n## Notes\\n- Keep your app design-system-first (no raw HTML in application code).\\n- Add explicit loading/error/empty states with accessible messaging.\\n- Implement API routes in your app as thin adapters over lifecycle-managed services.`,\n  },\n];\n\nregisterDocBlocks(blocks);\n"],"mappings":";;;AAiBA,kBAd2B,CACzB;CACE,IAAI;CACJ,OAAO;CACP,SACE;CACF,MAAM;CACN,YAAY;CACZ,OAAO;CACP,MAAM;EAAC;EAAa;EAAa;EAAU;CAC3C,MAAM;CACP,CACF,CAEwB"}

package/dist/example.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example.js","names":[],"sources":["../src/example.ts"],"sourcesContent":["import { defineExample } from '@contractspec/lib.contracts';\n\nconst example = defineExample({\n  meta: {\n    key: 'lifecycle-dashboard',\n    version: '1.0.0',\n    title: 'Lifecycle Dashboard (snippet)',\n    description:\n      'A minimal dashboard page pattern: call lifecycle-managed endpoints and render a mobile-friendly status card.',\n    kind: 'blueprint',\n    visibility: 'public',\n    stability: 'experimental',\n    owners: ['@platform.core'],\n    tags: ['lifecycle', 'dashboard', 'nextjs', 'snippet'],\n  },\n  docs: {\n    rootDocId: 'docs.examples.lifecycle-dashboard',\n  },\n  entrypoints: {\n    packageName: '@contractspec/example.lifecycle-dashboard',\n    docs: './docs',\n  },\n  surfaces: {\n    templates: true,\n    sandbox: { enabled: true, modes: ['markdown', 'specs'] },\n    studio: { enabled: true, installable: true },\n    mcp: { enabled: true },\n  },\n});\n\nexport default example;\n"],"mappings":";;;AAEA,MAAM,UAAU,cAAc;CAC5B,MAAM;EACJ,KAAK;EACL,SAAS;EACT,OAAO;EACP,aACE;EACF,MAAM;EACN,YAAY;EACZ,WAAW;EACX,QAAQ,CAAC,iBAAiB;EAC1B,MAAM;GAAC;GAAa;GAAa;GAAU;GAAU;EACtD;CACD,MAAM,EACJ,WAAW,qCACZ;CACD,aAAa;EACX,aAAa;EACb,MAAM;EACP;CACD,UAAU;EACR,WAAW;EACX,SAAS;GAAE,SAAS;GAAM,OAAO,CAAC,YAAY,QAAQ;GAAE;EACxD,QAAQ;GAAE,SAAS;GAAM,aAAa;GAAM;EAC5C,KAAK,EAAE,SAAS,MAAM;EACvB;CACF,CAAC"}

package/dist/snippets/page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.js","names":[],"sources":["../../src/snippets/page.ts"],"sourcesContent":["/**\n * Deterministic snippet for a Next.js App Router page.\n *\n * We keep this as a string so `packages/examples/*` stays design-system-first and\n * avoids raw HTML in runnable application code.\n */\nexport const lifecycleDashboardNextPageSnippet = `'use client';\n\nimport { useEffect, useState } from 'react';\n\ntype StageCard = {\n  stage: number;\n  name: string;\n  confidence: number;\n  recommendation?: {\n    actions: { id: string; title: string; description: string }[];\n  };\n  libraries?: { id: string; description: string }[];\n};\n\nexport default function LifecycleDashboardPage() {\n  const [card, setCard] = useState<StageCard | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string>();\n\n  useEffect(() => {\n    void runAssessment();\n  }, []);\n\n  async function runAssessment() {\n    try {\n      setLoading(true);\n      setError(undefined);\n      const response = await fetch('/api/lifecycle/assessments', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ tenantId: 'demo' }),\n      });\n      if (!response.ok) throw new Error('Failed assessment');\n      const data = await response.json();\n      setCard({\n        stage: data.assessment.stage,\n        name: data.assessment.stageName ?? \\`Stage \\${data.assessment.stage}\\`,\n        confidence: data.assessment.confidence,\n        recommendation: data.recommendation,\n        libraries: data.libraries,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Unknown error');\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  // Render using your app's design system components in real code.\n  return null;\n}\n`;\n"],"mappings":";;;;;;;AAMA,MAAa,oCAAoC"}