@contractspec/bundle.library 3.9.4 → 3.9.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/bundle.library",
-  "version": "3.9.4",
+  "version": "3.9.5",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
@@ -1938,27 +1938,27 @@
     "react": "19.2.0"
   },
   "dependencies": {
-    "@contractspec/bundle.workspace": "4.5.2",
+    "@contractspec/bundle.workspace": "4.5.3",
     "@apollo/client": "^4.1.7",
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@contractspec/example.data-grid-showcase": "3.8.16",
-    "@contractspec/lib.ai-providers": "3.7.15",
-    "@contractspec/lib.contracts-spec": "5.5.1",
-    "@contractspec/lib.contracts-library": "3.7.22",
-    "@contractspec/lib.content-gen": "3.7.22",
-    "@contractspec/lib.contracts-runtime-server-mcp": "3.8.2",
-    "@contractspec/lib.design-system": "3.11.2",
-    "@contractspec/lib.surface-runtime": "0.5.22",
-    "@contractspec/lib.provider-ranking": "0.7.15",
-    "@contractspec/lib.example-shared-ui": "7.0.1",
-    "@contractspec/lib.knowledge": "3.7.22",
-    "@contractspec/lib.logger": "3.7.15",
-    "@contractspec/lib.runtime-sandbox": "3.0.1",
+    "@contractspec/example.data-grid-showcase": "3.8.17",
+    "@contractspec/lib.ai-providers": "3.7.16",
+    "@contractspec/lib.contracts-spec": "5.6.0",
+    "@contractspec/lib.contracts-library": "3.7.23",
+    "@contractspec/lib.content-gen": "3.7.23",
+    "@contractspec/lib.contracts-runtime-server-mcp": "3.8.3",
+    "@contractspec/lib.design-system": "4.0.0",
+    "@contractspec/lib.surface-runtime": "0.5.23",
+    "@contractspec/lib.provider-ranking": "0.7.16",
+    "@contractspec/lib.example-shared-ui": "7.0.2",
+    "@contractspec/lib.knowledge": "3.7.23",
+    "@contractspec/lib.logger": "3.7.16",
+    "@contractspec/lib.runtime-sandbox": "3.0.2",
     "@contractspec/lib.schema": "3.7.14",
-    "@contractspec/lib.ui-kit-web": "3.11.1",
-    "@contractspec/lib.ui-link": "3.7.17",
-    "@contractspec/module.context-storage": "0.7.21",
-    "@contractspec/module.examples": "4.0.1",
+    "@contractspec/lib.ui-kit-web": "3.12.0",
+    "@contractspec/lib.ui-link": "3.7.18",
+    "@contractspec/module.context-storage": "0.7.22",
+    "@contractspec/module.examples": "4.0.2",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -1974,17 +1974,17 @@
     "posthog-react-native": "^4.42.3",
     "react-hook-form": "^7.72.1",
     "zod": "^4.3.5",
-    "@contractspec/lib.contracts-integrations": "3.8.14",
-    "@contractspec/lib.contracts-runtime-server-rest": "3.8.1",
-    "@contractspec/lib.contracts-runtime-server-graphql": "3.8.1",
-    "@contractspec/lib.contracts-runtime-client-react": "3.10.2"
+    "@contractspec/lib.contracts-integrations": "3.8.15",
+    "@contractspec/lib.contracts-runtime-server-rest": "3.8.2",
+    "@contractspec/lib.contracts-runtime-server-graphql": "3.8.2",
+    "@contractspec/lib.contracts-runtime-client-react": "3.11.0"
   },
   "devDependencies": {
     "@types/react": "~19.2.14",
     "@contractspec/tool.typescript": "3.7.13",
     "typescript": "^5.9.3",
     "@types/bun": "^1.3.12",
-    "@contractspec/tool.bun": "3.7.17"
+    "@contractspec/tool.bun": "3.7.18"
   },
   "repository": {
     "type": "git",

package/src/components/docs/advanced/AdvancedSpecExperimentsPage.tsx

@@ -1,17 +1,25 @@
+import {
+	Code,
+	H1,
+	H2,
+	H3,
+	P,
+} from '@contractspec/lib.design-system/components/typography';
+
 export function AdvancedSpecExperimentsPage() {
 	return (
 		<div className="space-y-8">
 			<div className="space-y-4">
-				<h1 className="font-bold text-4xl">Spec Experiments</h1>
-				<p className="text-lg text-muted-foreground">
+				<H1 className="font-bold text-4xl">Spec Experiments</H1>
+				<P className="text-lg text-muted-foreground">
 					Run controlled experiments on ContractSpec operations, gradually shift
 					traffic, and roll back automatically when guardrails trip.
-				</p>
+				</P>
 			</div>
 
 			<div className="space-y-3">
-				<h2 className="font-bold text-2xl">Define control + variants</h2>
-				<pre className="rounded-lg border bg-muted p-4 text-sm">
+				<H2 className="font-bold text-2xl">Define control + variants</H2>
+				<Code className="rounded-lg border bg-muted p-4 text-sm">
 					{`import { SpecExperimentRegistry } from '@contractspec/lib.growth/spec-experiments';
 
 const registry = new SpecExperimentRegistry().register({
@@ -33,24 +41,24 @@ const registry = new SpecExperimentRegistry().register({
   rolloutStages: [0.01, 0.1, 0.5, 1],
   guardrails: { errorRateThreshold: 0.02, latencyP99ThresholdMs: 500 },
 });`}
-				</pre>
+				</Code>
 			</div>
 
 			<div className="space-y-3">
-				<h2 className="font-bold text-2xl">Attach to runtime</h2>
-				<pre className="rounded-lg border bg-muted p-4 text-sm">
+				<H2 className="font-bold text-2xl">Attach to runtime</H2>
+				<Code className="rounded-lg border bg-muted p-4 text-sm">
 					{`import { createSpecVariantResolver } from '@contractspec/lib.growth/spec-experiments';
 
 adapterContext.specVariantResolver = createSpecVariantResolver({
   adapter,
   resolveUserId: (ctx) => ctx.userId ?? ctx.organizationId ?? 'anon',
 });`}
-				</pre>
+				</Code>
 			</div>
 
 			<div className="space-y-3">
-				<h2 className="font-bold text-2xl">Track outcomes + auto-rollback</h2>
-				<pre className="rounded-lg border bg-muted p-4 text-sm">
+				<H2 className="font-bold text-2xl">Track outcomes + auto-rollback</H2>
+				<Code className="rounded-lg border bg-muted p-4 text-sm">
 					{`import {
   SpecExperimentAnalyzer,
   SpecExperimentController,
@@ -62,7 +70,7 @@ const controller = new SpecExperimentController({
   analyzer,
   onRollback: (target, evaluation) => notifyOps(target, evaluation.reasons),
 });`}
-				</pre>
+				</Code>
 			</div>
 
 			<div className="grid gap-4 md:grid-cols-2">
@@ -79,8 +87,8 @@ const controller = new SpecExperimentController({
 					},
 				].map((card) => (
 					<div key={card.title} className="card-subtle space-y-2 p-4">
-						<h3 className="font-semibold text-lg">{card.title}</h3>
-						<p className="text-muted-foreground text-sm">{card.description}</p>
+						<H3 className="font-semibold text-lg">{card.title}</H3>
+						<P className="text-muted-foreground text-sm">{card.description}</P>
 					</div>
 				))}
 			</div>