@contractspec/example.lifecycle-dashboard 1.57.0 → 1.59.0

package/.turbo/turbo-build.log

@@ -1,31 +1,32 @@
-$ bun build:types && bun build:bundle
-$ tsc --noEmit
-$ 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
-ℹ 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.
+$ contractspec-bun-build prebuild
+$ bun run prebuild && bun run build:bundle && bun run build:types
+$ contractspec-bun-build prebuild
+$ contractspec-bun-build transpile
+[contractspec-bun-build] transpile target=bun root=src entries=5
+Bundled 5 modules in 18ms
 
-✔ Build complete in 20887ms
+  docs/index.js                         0.95 KB  (entry point)
+  ./index.js                            3.46 KB  (entry point)
+  docs/lifecycle-dashboard.docblock.js  0.95 KB  (entry point)
+  ./example.js                          0.95 KB  (entry point)
+  snippets/page.js                      1.58 KB  (entry point)
+
+[contractspec-bun-build] transpile target=node root=src entries=5
+Bundled 5 modules in 7ms
+
+  docs/index.js                         0.94 KB  (entry point)
+  ./index.js                            3.45 KB  (entry point)
+  docs/lifecycle-dashboard.docblock.js  0.94 KB  (entry point)
+  ./example.js                          0.94 KB  (entry point)
+  snippets/page.js                      1.58 KB  (entry point)
+
+[contractspec-bun-build] transpile target=browser root=src entries=5
+Bundled 5 modules in 15ms
+
+  docs/index.js                         0.94 KB  (entry point)
+  ./index.js                            3.45 KB  (entry point)
+  docs/lifecycle-dashboard.docblock.js  0.94 KB  (entry point)
+  ./example.js                          0.94 KB  (entry point)
+  snippets/page.js                      1.58 KB  (entry point)
+
+$ contractspec-bun-build types

package/.turbo/turbo-prebuild.log

@@ -0,0 +1 @@
+$ contractspec-bun-build prebuild

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @contractspec/example.lifecycle-dashboard
 
+## 1.59.0
+
+### Minor Changes
+
+- 1a0cf44: fix: publishConfig not supported by bun
+
+### Patch Changes
+
+- Updated dependencies [1a0cf44]
+  - @contractspec/lib.contracts@1.59.0
+
+## 1.58.0
+
+### Minor Changes
+
+- d1f0fd0: chore: Migrate non-app package builds from tsdown to shared Bun tooling, add `@contractspec/tool.bun`, and standardize `prebuild`/`build`/`typecheck` with platform-aware exports and `tsc` declaration emission into `dist`.
+
+### Patch Changes
+
+- Updated dependencies [d1f0fd0]
+- Updated dependencies [4355a9e]
+  - @contractspec/lib.contracts@1.58.0
+
 ## 1.57.0
 
 ### Minor Changes

package/dist/browser/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/browser/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/browser/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/browser/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/browser/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/docs/index.d.ts

@@ -1 +1,2 @@
-export { };
+import './lifecycle-dashboard.docblock';
+//# sourceMappingURL=index.d.ts.map

package/dist/docs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/docs/index.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC"}

package/dist/docs/index.js

@@ -1 +1,23 @@
-import "./lifecycle-dashboard.docblock.js";
+// @bun
+// 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/docs/lifecycle-dashboard.docblock.d.ts

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=lifecycle-dashboard.docblock.d.ts.map

package/dist/docs/lifecycle-dashboard.docblock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle-dashboard.docblock.d.ts","sourceRoot":"","sources":["../../src/docs/lifecycle-dashboard.docblock.ts"],"names":[],"mappings":""}

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

@@ -1,20 +1,23 @@
+// @bun
+// 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.
 
-//#region src/docs/lifecycle-dashboard.docblock.ts
-registerDocBlocks([{
-	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\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.`
-}]);
-
-//#endregion
-//# sourceMappingURL=lifecycle-dashboard.docblock.js.map
+## 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/example.d.ts

@@ -1,7 +1,3 @@
-import * as _contractspec_lib_contracts0 from "@contractspec/lib.contracts";
-
-//#region src/example.d.ts
-declare const example: _contractspec_lib_contracts0.ExampleSpec;
-//#endregion
-export { example as default };
+declare const example: import("@contractspec/lib.contracts").ExampleSpec;
+export default example;
 //# sourceMappingURL=example.d.ts.map

package/dist/example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"example.d.ts","names":[],"sources":["../src/example.ts"],"mappings":";;;cAEM,OAAA,EA0BJ,4BAAA,CA1BW,WAAA"}
+{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../src/example.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,mDA0BX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/example.js

@@ -1,42 +1,33 @@
+// @bun
+// src/example.ts
 import { defineExample } from "@contractspec/lib.contracts";
-
-//#region src/example.ts
-const 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 = 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 }
+  }
 });
-
-//#endregion
-export { example as default };
-//# sourceMappingURL=example.js.map
+var example_default = example;
+export {
+  example_default as default
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-import example from "./example.js";
-import { lifecycleDashboardNextPageSnippet } from "./snippets/page.js";
-export { example, lifecycleDashboardNextPageSnippet };
+export { default as example } from './example';
+export * from './snippets/page';
+import './docs';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,OAAO,QAAQ,CAAC"}

package/dist/index.js

@@ -1,5 +1,110 @@
-import example from "./example.js";
-import { lifecycleDashboardNextPageSnippet } from "./snippets/page.js";
-import "./docs/index.js";
+// @bun
+// 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.
 
-export { example, lifecycleDashboardNextPageSnippet };
+## 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
+};