@contractspec/bundle.library 1.12.0 → 1.14.0

package/dist/components/docs/knowledge/KnowledgeOverviewPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnowledgeOverviewPage.js","names":[],"sources":["../../../../src/components/docs/knowledge/KnowledgeOverviewPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Knowledge & Context: ContractSpec Docs',\n//   description:\n//     'Learn how ContractSpec manages knowledge and context for AI agents, workflows, and decision-making.',\n// };\n\nexport function KnowledgeOverviewPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Knowledge & Context</h1>\n        <p className=\"text-muted-foreground\">\n          ContractSpec provides first-class support for knowledge management,\n          enabling semantic search, RAG (Retrieval-Augmented Generation), and\n          context-aware decision-making. Knowledge is organized into typed\n          spaces with different trust levels and access controls.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Why knowledge matters</h2>\n        <p className=\"text-muted-foreground\">Modern applications need to:</p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Understand context</strong> - Access relevant information to\n            make informed decisions\n          </li>\n          <li>\n            <strong>Learn from history</strong> - Use past interactions to\n            improve future responses\n          </li>\n          <li>\n            <strong>Trust sources</strong> - Distinguish between authoritative\n            and reference information\n          </li>\n          <li>\n            <strong>Scale knowledge</strong> - Handle growing amounts of\n            documentation and data\n          </li>\n          <li>\n            <strong>Maintain privacy</strong> - Keep tenant knowledge isolated\n            and secure\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Knowledge architecture</h2>\n        <p className=\"text-muted-foreground\">\n          ContractSpec's knowledge system has three main components:\n        </p>\n        <div className=\"space-y-6\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">\n              1. Knowledge Categories\n            </h3>\n            <p className=\"text-muted-foreground mb-3 text-sm\">\n              Four trust levels that determine how knowledge is used:\n            </p>\n            <div className=\"space-y-2 text-sm\">\n              <div className=\"flex items-start gap-3\">\n                <code className=\"bg-background/50 rounded px-2 py-1 text-xs\">\n                  canonical\n                </code>\n                <span className=\"text-muted-foreground\">\n                  Ground truth - product specs, schemas, official policies\n                </span>\n              </div>\n              <div className=\"flex items-start gap-3\">\n                <code className=\"bg-background/50 rounded px-2 py-1 text-xs\">\n                  operational\n                </code>\n                <span className=\"text-muted-foreground\">\n                  Internal docs - support tickets, runbooks, sales materials\n                </span>\n              </div>\n              <div className=\"flex items-start gap-3\">\n                <code className=\"bg-background/50 rounded px-2 py-1 text-xs\">\n                  external\n                </code>\n                <span className=\"text-muted-foreground\">\n                  Third-party - PSP docs, regulations, integration guides\n                </span>\n              </div>\n              <div className=\"flex items-start gap-3\">\n                <code className=\"bg-background/50 rounded px-2 py-1 text-xs\">\n                  ephemeral\n                </code>\n                <span className=\"text-muted-foreground\">\n                  Temporary - agent scratchpads, session context, drafts\n                </span>\n              </div>\n            </div>\n            <Link\n              href=\"/docs/knowledge/categories\"\n              className=\"mt-3 inline-block text-sm text-violet-400 hover:text-violet-300\"\n            >\n              Learn more about categories →\n            </Link>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">2. Knowledge Spaces</h3>\n            <p className=\"text-muted-foreground mb-3 text-sm\">\n              Logical domains of knowledge defined globally:\n            </p>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`type KnowledgeSpaceSpec = {\n  id: string;\n  label: string;\n  category: KnowledgeCategory;\n  storageStrategy: \"vector\" | \"search\" | \"hybrid\";\n  indexProvider: string;  // e.g., \"qdrant\"\n  retentionPolicy: { days?: number };\n  intendedAudience: \"agents\" | \"humans\" | \"admin-only\";\n};`}</pre>\n            </div>\n            <Link\n              href=\"/docs/knowledge/spaces\"\n              className=\"mt-3 inline-block text-sm text-violet-400 hover:text-violet-300\"\n            >\n              Learn more about spaces →\n            </Link>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">3. Knowledge Sources</h3>\n            <p className=\"text-muted-foreground mb-3 text-sm\">\n              Per-tenant data sources that feed knowledge spaces:\n            </p>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`type KnowledgeSourceConfig = {\n  id: string;\n  tenantId: string;\n  spaceId: string;\n  kind: \"uploaded-document\" | \"url\" | \"email\" \n        | \"notion\" | \"database-query\" | \"raw-text\";\n  location: string;\n  syncPolicy: { interval?: string; webhook?: boolean };\n  lastSyncedAt?: string;\n};`}</pre>\n            </div>\n            <Link\n              href=\"/docs/knowledge/sources\"\n              className=\"mt-3 inline-block text-sm text-violet-400 hover:text-violet-300\"\n            >\n              Learn more about sources →\n            </Link>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">How it works</h2>\n        <p className=\"text-muted-foreground\">\n          Knowledge flows through ContractSpec in four stages:\n        </p>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-3\">\n          <li>\n            <strong>Define spaces</strong> - Create KnowledgeSpaceSpec for each\n            logical domain (e.g., \"Product Canon\", \"Support FAQ\")\n          </li>\n          <li>\n            <strong>Configure sources</strong> - Tenants connect their data\n            sources (Notion, Gmail, uploads, etc.)\n          </li>\n          <li>\n            <strong>Sync & index</strong> - Sources are synced, chunked, and\n            indexed in vector databases\n          </li>\n          <li>\n            <strong>Query & retrieve</strong> - Workflows and agents perform\n            semantic search to find relevant context\n          </li>\n        </ol>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Use cases</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Support Agents</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Answer customer questions using product documentation (canonical)\n              and past support tickets (operational).\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Invoice Generation</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Generate invoices using product catalog (canonical) and pricing\n              rules (operational).\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Compliance Checking</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Validate operations against regulatory requirements (external) and\n              internal policies (canonical).\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Semantic Search</h3>\n            <p className=\"text-muted-foreground text-sm\">\n              Find relevant documents, tickets, or records using natural\n              language queries.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Integration with workflows</h2>\n        <p className=\"text-muted-foreground\">\n          Knowledge spaces are consumed by workflows through standard\n          capabilities:\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`import { defineWorkflow } from '@contractspec/lib.contracts';\nimport { OpenAIEmbeddings, VectorSearch, OpenAIChat } from './specs';\n\nexport const AnswerSupportQuestion = defineWorkflow({\n  meta: {\n    key: 'support.answerQuestion',\n    version: '1.0.0',\n    description: 'Answer support questions using RAG',\n    owners: ['team-support'],\n    tags: ['ai', 'support'],\n    stability: 'stable',\n  },\n  steps: [\n    {\n      id: 'embed-question',\n      operation: OpenAIEmbeddings,\n      inputs: (ctx, input) => ({\n        text: input.question,\n      }),\n    },\n    {\n      id: 'search-knowledge',\n      operation: VectorSearch,\n      inputs: (ctx, input, steps) => ({\n        collection: 'product-canon', // KnowledgeSpace\n        vector: steps['embed-question'].output.embedding,\n        limit: 5,\n      }),\n    },\n    {\n      id: 'generate-answer',\n      operation: OpenAIChat,\n      inputs: (ctx, input, steps) => ({\n        messages: [\n          { role: 'system', content: 'Answer using the provided context' },\n          { \n            role: 'user', \n            content: \\`Context: \\${steps['search-knowledge'].output.results}\\\\nQuestion: \\${input.question}\\`\n          },\n        ],\n      }),\n    },\n  ],\n});`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Real-world examples</h2>\n        <p className=\"text-muted-foreground\">\n          See how different applications use knowledge spaces:\n        </p>\n        <Link\n          href=\"/docs/knowledge/examples\"\n          className=\"btn-primary inline-flex items-center gap-2\"\n        >\n          View Examples <ChevronRight size={16} />\n        </Link>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/knowledge/categories\" className=\"btn-primary\">\n          Knowledge Categories <ChevronRight size={16} />\n        </Link>\n        <Link href=\"/docs/knowledge/spaces\" className=\"btn-ghost\">\n          Knowledge Spaces\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/knowledge/KnowledgeSourcesPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnowledgeSourcesPage.js","names":[],"sources":["../../../../src/components/docs/knowledge/KnowledgeSourcesPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Knowledge Sources: ContractSpec Docs',\n//   description:\n//     'Learn about KnowledgeSourceConfig and how to connect tenant data sources to knowledge spaces.',\n// };\n\nexport function KnowledgeSourcesPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Knowledge Sources</h1>\n        <p className=\"text-muted-foreground\">\n          A <strong>KnowledgeSourceConfig</strong> connects a tenant's data\n          sources (Notion, Gmail, uploads, databases) to knowledge spaces. Each\n          source is synced, chunked, embedded, and indexed according to the\n          space's configuration.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">KnowledgeSourceConfig</h2>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`type KnowledgeSourceConfig = {\n  id: string;\n  tenantId: string;\n  spaceId: string;\n  \n  // Source type and location\n  kind: \"uploaded-document\" | \"url\" | \"email\" \n        | \"notion\" | \"database-query\" | \"raw-text\"\n        | \"slack\" | \"confluence\" | \"google-drive\";\n  location: string;\n  \n  // Sync configuration\n  syncPolicy: {\n    interval?: string;  // e.g., \"1h\", \"24h\"\n    webhook?: boolean;\n    manual?: boolean;\n  };\n  \n  // State\n  status: \"active\" | \"paused\" | \"error\";\n  lastSyncedAt?: string;\n  lastErrorMessage?: string;\n  \n  // Metadata\n  metadata?: Record<string, unknown>;\n  createdAt: string;\n  updatedAt: string;\n};`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Source types</h2>\n        <div className=\"space-y-6\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Uploaded Documents</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  kind: \"uploaded-document\",\n  location: \"s3://bucket/tenant-123/docs/product-spec.pdf\",\n  syncPolicy: { manual: true }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              PDFs, Word docs, presentations uploaded by users\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Notion</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  kind: \"notion\",\n  location: \"https://notion.so/workspace/product-docs\",\n  syncPolicy: { interval: \"1h\", webhook: true }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Notion pages and databases with real-time webhook updates\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Gmail / Email</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  kind: \"email\",\n  location: \"support@company.com\",\n  syncPolicy: { webhook: true }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Email threads from Gmail or other providers\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Database Query</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  kind: \"database-query\",\n  location: \"SELECT * FROM products WHERE active = true\",\n  syncPolicy: { interval: \"24h\" }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Structured data from application databases\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">URL / Web Scraping</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  kind: \"url\",\n  location: \"https://stripe.com/docs\",\n  syncPolicy: { interval: \"24h\" }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              External documentation and web content\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Sync strategies</h2>\n        <div className=\"border-border/50 overflow-x-auto rounded-lg border\">\n          <table className=\"w-full text-left text-sm\">\n            <thead className=\"bg-card/50\">\n              <tr className=\"border-border/50 border-b\">\n                <th className=\"px-4 py-3 font-semibold\">Strategy</th>\n                <th className=\"px-4 py-3 font-semibold\">When to Use</th>\n                <th className=\"px-4 py-3 font-semibold\">Latency</th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-border/50 divide-y\">\n              <tr>\n                <td className=\"px-4 py-3 font-mono text-xs\">webhook</td>\n                <td className=\"px-4 py-3\">\n                  Real-time updates (Notion, Gmail, Slack)\n                </td>\n                <td className=\"px-4 py-3\">Seconds</td>\n              </tr>\n              <tr>\n                <td className=\"px-4 py-3 font-mono text-xs\">interval</td>\n                <td className=\"px-4 py-3\">Periodic sync (databases, URLs)</td>\n                <td className=\"px-4 py-3\">Minutes to hours</td>\n              </tr>\n              <tr>\n                <td className=\"px-4 py-3 font-mono text-xs\">manual</td>\n                <td className=\"px-4 py-3\">\n                  User-triggered (uploads, one-time imports)\n                </td>\n                <td className=\"px-4 py-3\">On-demand</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: Multi-source space</h2>\n        <p className=\"text-muted-foreground\">\n          A single knowledge space can be fed by multiple sources:\n        </p>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`// Product Canon space with multiple sources\n{\n  spaceId: \"product-canon\",\n  sources: [\n    {\n      id: \"src_database_schema\",\n      kind: \"database-query\",\n      location: \"SELECT * FROM schema_definitions\",\n      syncPolicy: { interval: \"1h\" }\n    },\n    {\n      id: \"src_notion_product_docs\",\n      kind: \"notion\",\n      location: \"https://notion.so/product-docs\",\n      syncPolicy: { interval: \"1h\", webhook: true }\n    },\n    {\n      id: \"src_uploaded_specs\",\n      kind: \"uploaded-document\",\n      location: \"s3://bucket/specs/\",\n      syncPolicy: { manual: true }\n    }\n  ]\n}`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Processing pipeline</h2>\n        <p className=\"text-muted-foreground\">\n          When a source is synced, ContractSpec processes it through several\n          stages:\n        </p>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-3\">\n          <li>\n            <strong>Fetch</strong> - Retrieve content from source (API,\n            database, file)\n          </li>\n          <li>\n            <strong>Parse</strong> - Extract text from documents (PDF, Word,\n            HTML)\n          </li>\n          <li>\n            <strong>Chunk</strong> - Split into semantic chunks (paragraphs,\n            sections)\n          </li>\n          <li>\n            <strong>Embed</strong> - Generate vector embeddings (OpenAI, Cohere)\n          </li>\n          <li>\n            <strong>Index</strong> - Store in vector database (Qdrant) or search\n            engine\n          </li>\n          <li>\n            <strong>Audit</strong> - Log sync operation and results\n          </li>\n        </ol>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Best practices</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            Use webhooks for real-time sources (Notion, Gmail) to minimize\n            latency\n          </li>\n          <li>\n            Set appropriate sync intervals - hourly for active docs, daily for\n            stable content\n          </li>\n          <li>Monitor sync failures and set up alerts for critical sources</li>\n          <li>Test sources in sandbox before enabling in production</li>\n          <li>\n            Document the purpose and ownership of each source for your team\n          </li>\n          <li>Use manual sync for sensitive or infrequently updated content</li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/knowledge/spaces\" className=\"btn-ghost\">\n          Previous: Spaces\n        </Link>\n        <Link href=\"/docs/knowledge/examples\" className=\"btn-primary\">\n          Examples <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/knowledge/KnowledgeSpacesPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"KnowledgeSpacesPage.js","names":[],"sources":["../../../../src/components/docs/knowledge/KnowledgeSpacesPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Knowledge Spaces: ContractSpec Docs',\n//   description:\n//     'Learn about KnowledgeSpaceSpec and how to define logical knowledge domains in ContractSpec.',\n// };\n\nexport function KnowledgeSpacesPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Knowledge Spaces</h1>\n        <p className=\"text-muted-foreground\">\n          A <strong>KnowledgeSpaceSpec</strong> defines a logical domain of\n          knowledge with a specific category, storage strategy, and intended\n          audience. Spaces are defined globally and populated per-tenant through\n          knowledge sources.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">KnowledgeSpaceSpec</h2>\n        <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded-lg border p-4 font-mono text-sm\">\n          <pre>{`type KnowledgeSpaceSpec = {\n  id: string;\n  label: string;\n  description: string;\n  \n  // Trust and access\n  category: KnowledgeCategory;\n  intendedAudience: \"agents\" | \"humans\" | \"admin-only\";\n  \n  // Storage and indexing\n  storageStrategy: \"vector\" | \"search\" | \"hybrid\";\n  indexProvider: string;  // e.g., \"qdrant\", \"elasticsearch\"\n  vectorDimensions?: number;  // For vector storage\n  \n  // Lifecycle\n  retentionPolicy: {\n    days?: number;\n    versions?: number;\n  };\n  \n  // Metadata\n  tags?: string[];\n  owner?: string;\n  createdAt: string;\n  updatedAt: string;\n};`}</pre>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Common knowledge spaces</h2>\n        <div className=\"space-y-6\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Product Canon</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  id: \"product-canon\",\n  label: \"Product Canon\",\n  description: \"Official product specifications and schemas\",\n  category: \"canonical\",\n  intendedAudience: \"agents\",\n  storageStrategy: \"hybrid\",\n  indexProvider: \"qdrant\",\n  vectorDimensions: 1536,\n  retentionPolicy: { versions: 10 }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Use cases:</strong> Invoice generation, quote creation,\n              product recommendations, schema validation\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Support History</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  id: \"support-history\",\n  label: \"Support History\",\n  description: \"Past support tickets and resolutions\",\n  category: \"operational\",\n  intendedAudience: \"agents\",\n  storageStrategy: \"vector\",\n  indexProvider: \"qdrant\",\n  vectorDimensions: 1536,\n  retentionPolicy: { days: 365 }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Use cases:</strong> Customer support, troubleshooting,\n              similar issue detection\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">\n              External Provider Docs\n            </h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  id: \"provider-docs\",\n  label: \"External Provider Docs\",\n  description: \"Third-party integration documentation\",\n  category: \"external\",\n  intendedAudience: \"agents\",\n  storageStrategy: \"search\",\n  indexProvider: \"elasticsearch\",\n  retentionPolicy: { days: 90 }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Use cases:</strong> Integration help, API reference,\n              troubleshooting external services\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 text-lg font-semibold\">Agent Scratchpad</h3>\n            <div className=\"bg-background/50 border-border text-muted-foreground overflow-x-auto rounded border p-3 font-mono text-xs\">\n              <pre>{`{\n  id: \"agent-scratchpad\",\n  label: \"Agent Scratchpad\",\n  description: \"Temporary agent working memory\",\n  category: \"ephemeral\",\n  intendedAudience: \"agents\",\n  storageStrategy: \"vector\",\n  indexProvider: \"qdrant\",\n  vectorDimensions: 1536,\n  retentionPolicy: { days: 1 }\n}`}</pre>\n            </div>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Use cases:</strong> Conversation continuity, intermediate\n              calculations, session state\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Storage strategies</h2>\n        <div className=\"border-border/50 overflow-x-auto rounded-lg border\">\n          <table className=\"w-full text-left text-sm\">\n            <thead className=\"bg-card/50\">\n              <tr className=\"border-border/50 border-b\">\n                <th className=\"px-4 py-3 font-semibold\">Strategy</th>\n                <th className=\"px-4 py-3 font-semibold\">Best For</th>\n                <th className=\"px-4 py-3 font-semibold\">Providers</th>\n              </tr>\n            </thead>\n            <tbody className=\"divide-border/50 divide-y\">\n              <tr>\n                <td className=\"px-4 py-3 font-mono text-xs\">vector</td>\n                <td className=\"px-4 py-3\">\n                  Semantic search, RAG, similarity matching\n                </td>\n                <td className=\"px-4 py-3\">Qdrant, Pinecone, Weaviate</td>\n              </tr>\n              <tr>\n                <td className=\"px-4 py-3 font-mono text-xs\">search</td>\n                <td className=\"px-4 py-3\">\n                  Keyword search, exact matching, filtering\n                </td>\n                <td className=\"px-4 py-3\">Elasticsearch, Algolia</td>\n              </tr>\n              <tr>\n                <td className=\"px-4 py-3 font-mono text-xs\">hybrid</td>\n                <td className=\"px-4 py-3\">\n                  Combined semantic + keyword search\n                </td>\n                <td className=\"px-4 py-3\">Qdrant + Elasticsearch</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Best practices</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            Choose storage strategy based on query patterns - use vector for\n            semantic, search for exact\n          </li>\n          <li>\n            Set appropriate retention policies - canonical is permanent,\n            ephemeral is short-lived\n          </li>\n          <li>\n            Use consistent vector dimensions across spaces that will be queried\n            together\n          </li>\n          <li>Document the intended audience and use cases for each space</li>\n          <li>\n            Monitor space size and query performance - add sharding if needed\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/knowledge/categories\" className=\"btn-ghost\">\n          Previous: Categories\n        </Link>\n        <Link href=\"/docs/knowledge/sources\" className=\"btn-primary\">\n          Knowledge Sources <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/libraries/LibrariesAccessibilityPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesAccessibilityPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesAccessibilityPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesAccessibilityPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.accessibility</h1>\n        <p className=\"text-muted-foreground\">\n          Stable exports of accessibility primitives for LSSM web apps, ensuring\n          WCAG compliance and inclusive design.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.accessibility\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Exports</h2>\n        <ul className=\"text-muted-foreground space-y-2\">\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">SkipLink</code>\n            : A link to skip navigation, visible on focus\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              VisuallyHidden\n            </code>\n            : Hide content visually but keep it for screen readers\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              SRLiveRegionProvider\n            </code>\n            ,{' '}\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              useSRLiveRegion\n            </code>\n            : Manage live region announcements\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              RouteAnnouncer\n            </code>\n            : Announce page title/path changes on navigation\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              FocusOnRouteChange\n            </code>\n            : Reset focus to body or main content on navigation\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              useReducedMotion\n            </code>\n            : Detect if the user prefers reduced motion\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: App Setup</h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import {\n  SRLiveRegionProvider,\n  RouteAnnouncer,\n  SkipLink\n} from '@contractspec/lib.accessibility';\n\nexport function RootLayout({ children }) {\n  return (\n    <html lang=\"en\">\n      <body>\n        <SRLiveRegionProvider>\n          <SkipLink />\n          <RouteAnnouncer />\n          <main id=\"main-content\">\n            {children}\n          </main>\n        </SRLiveRegionProvider>\n      </body>\n    </html>\n  );\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: Live Announcements</h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { useSRLiveRegion } from '@contractspec/lib.accessibility';\n\nexport function TodoList() {\n  const { announce } = useSRLiveRegion();\n\n  const addTodo = () => {\n    // ... add logic\n    announce('Todo added successfully', 'polite');\n  };\n\n  return <button onClick={addTodo}>Add Todo</button>;\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">WCAG Compliance</h2>\n        <p className=\"text-muted-foreground\">\n          These components map directly to WCAG 2.1 Level AA requirements\n          documented in <code>docs/accessibility_wcag_compliance_specs.md</code>\n          :\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>2.4.1 Bypass Blocks (SkipLink)</li>\n          <li>4.1.3 Status Messages (LiveRegion)</li>\n          <li>2.4.3 Focus Order (FocusOnRouteChange)</li>\n          <li>2.3.3 Animation from Interactions (useReducedMotion)</li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/design-system\" className=\"btn-ghost\">\n          Previous: Design System\n        </Link>\n        <Link href=\"/docs/libraries\" className=\"btn-primary\">\n          Back to Libraries <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,6BAA6B;AAC3C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoC,EACvE,oBAAC;KAAE,WAAU;eAAwB;MAGjC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,oCAAoC;KACxD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAY,EAC/C,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAAe,qDAEjE;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,8DAEJ;MACL,qBAAC;OACC,oBAAC;QAAK,WAAU;kBAAqC;SAE9C;;OACL;OACF,oBAAC;QAAK,WAAU;kBAAqC;SAE9C;;UAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,wDAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,2DAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,mDAEJ;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAuB,EAC1D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;;;MAqBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgC,EACnE,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;MAYN;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAoB;KACvD,qBAAC;MAAE,WAAU;;OAAwB;OAErB,oBAAC,oBAAK,gDAAkD;;;OAEpE;KACJ,qBAAC;MAAG,WAAU;;OACZ,oBAAC,kBAAG,mCAAmC;OACvC,oBAAC,kBAAG,uCAAuC;OAC3C,oBAAC,kBAAG,2CAA2C;OAC/C,oBAAC,kBAAG,yDAAyD;;OAC1D;;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAgC,WAAU;eAAY;MAE1D,EACP,qBAAC;KAAK,MAAK;KAAkB,WAAU;gBAAc,sBACjC,oBAAC,gBAAa,MAAM,KAAM;MACvC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesAiAgentPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesAiAgentPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesAiAgentPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesAiAgentPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.ai-agent</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Define AI agents in TypeScript, run them with deterministic tool\n          calling, capture working memory, and route low-confidence decisions to\n          human reviewers.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.ai-agent\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Define & register</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { defineAgent, AgentRegistry } from '@contractspec/lib.ai-agent';\n\nconst SupportBot = defineAgent({\n  meta: { name: 'support.bot', version: '1.0.0' },\n  instructions: 'Resolve tickets. Escalate when confidence < 0.75.',\n  tools: [{ name: 'support_resolve_ticket' }],\n  policy: {\n    confidence: { min: 0.7, default: 0.6 },\n    escalation: { confidenceThreshold: 0.75 },\n  },\n});\n\nconst registry = new AgentRegistry().register(SupportBot);`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Run with approvals</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { AgentRunner, ToolExecutor, ApprovalWorkflow } from '@contractspec/lib.ai-agent';\n\nconst runner = new AgentRunner({\n  registry,\n  llm: mistralProvider,\n  toolExecutor: new ToolExecutor({ tools: supportTools }),\n  approvalWorkflow: new ApprovalWorkflow(),\n});\n\nconst result = await runner.run({ agent: 'support.bot', input: ticket.body });\nif (result.approvalRequestId) {\n  // show in ApprovalQueue UI\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">What's inside</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <code>defineAgent</code>, <code>AgentRegistry</code>,{' '}\n            <code>AgentRunner</code>\n          </li>\n          <li>\n            <code>ToolExecutor</code> with schema-enforced tool definitions\n          </li>\n          <li>\n            <code>InMemoryAgentMemory</code> plus interfaces for custom stores\n          </li>\n          <li>\n            <code>ApprovalWorkflow</code> + <code>ApprovalStore</code> for\n            human-in-the-loop reviews\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/support-bot\" className=\"btn-primary\">\n          Next: Support Bot <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,uBAAuB;AACrC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA+B,EAClE,oBAAC;KAAE,WAAU;eAAgC;MAIzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,+BAA+B;KACnD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;MAaN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAuB,EAC1D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;MAaN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkB,EACrD,qBAAC;KAAG,WAAU;;MACZ,qBAAC;OACC,oBAAC,oBAAK,gBAAkB;;OAAE,oBAAC,oBAAK,kBAAoB;;OAAE;OACtD,oBAAC,oBAAK,gBAAkB;UACrB;MACL,qBAAC,mBACC,oBAAC,oBAAK,iBAAmB,8CACtB;MACL,qBAAC,mBACC,oBAAC,oBAAK,wBAA0B,0CAC7B;MACL,qBAAC;OACC,oBAAC,oBAAK,qBAAuB;;OAAG,oBAAC,oBAAK,kBAAoB;;UAEvD;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA8B,WAAU;gBAAc,sBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACvC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesAnalyticsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesAnalyticsPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesAnalyticsPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesAnalyticsPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.analytics</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Work directly with telemetry events to understand conversion,\n          retention, churn, and growth opportunities.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.analytics\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Funnels in memory</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { FunnelAnalyzer } from '@contractspec/lib.analytics/funnel';\n\nconst analyzer = new FunnelAnalyzer();\nconst report = analyzer.analyze(events, {\n  name: 'signup',\n  steps: [\n    { id: 'view', eventName: 'page.view', match: (e) => e.properties?.slug === '/signup' },\n    { id: 'submit', eventName: 'signup.submit' },\n    { id: 'verified', eventName: 'account.verified' },\n  ],\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Cohorts & churn</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { CohortTracker } from '@contractspec/lib.analytics/cohort';\nimport { ChurnPredictor } from '@contractspec/lib.analytics/churn';\n\nconst cohorts = new CohortTracker().analyze(events, { bucket: 'week', periods: 8 });\nconst churn = new ChurnPredictor().score(events);`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Growth hypotheses</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { GrowthHypothesisGenerator } from '@contractspec/lib.analytics/growth';\n\nconst ideas = new GrowthHypothesisGenerator().generate([\n  { name: 'Activation rate', current: 0.42, previous: 0.55, target: 0.6 },\n  { name: 'Expansion ARPU', current: 1.2, previous: 0.9 },\n]);`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,yBAAyB;AACvC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgC,EACnE,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,gCAAgC;KACpD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;MAWN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoB,EACvD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;MAKN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;MAMN;KACE;;GACF"}

package/dist/components/docs/libraries/LibrariesContentGenPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesContentGenPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesContentGenPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesContentGenPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.content-gen</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Feed a single ContentBrief and produce cohesive marketing assets\n          without touching a CMS.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.content-gen\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">One brief, many assets</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import {\n  BlogGenerator,\n  LandingPageGenerator,\n  EmailCampaignGenerator,\n  SocialPostGenerator,\n} from '@contractspec/lib.content-gen/generators';\nimport { SeoOptimizer } from '@contractspec/lib.content-gen/seo';\n\nconst brief = {\n  title: 'AI Ops Copilot',\n  summary: 'Automates support + growth.',\n  problems: ['Support queues pile up', 'Growth teams lack experiments'],\n  solutions: ['AI agents', 'Approval queue', 'Analytics'],\n  audience: { role: 'COO', industry: 'Fintech' },\n};\n\nconst blog = await new BlogGenerator().generate(brief);\nconst landing = await new LandingPageGenerator().generate(brief);\nconst email = await new EmailCampaignGenerator().generate({ brief, variant: 'announcement' });\nconst social = await new SocialPostGenerator().generate(brief);\nconst seo = new SeoOptimizer().optimize(brief);`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">When to use</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>Ship landing page refreshes whenever specs change.</li>\n          <li>Automate release emails + nurture sequences per vertical.</li>\n          <li>\n            Create social snippets that stay on-message with the same brief.\n          </li>\n          <li>Generate SEO metadata + Schema.org markup alongside content.</li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/support-bot\" className=\"btn-primary\">\n          Next: Support Bot <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,0BAA0B;AACxC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkC,EACrE,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,kCAAkC;KACtD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA2B,EAC9D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;;;MAqBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgB,EACnD,qBAAC;KAAG,WAAU;;MACZ,oBAAC,kBAAG,uDAAuD;MAC3D,oBAAC,kBAAG,8DAA8D;MAClE,oBAAC,kBAAG,qEAEC;MACL,oBAAC,kBAAG,iEAAiE;;MAClE;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA8B,WAAU;gBAAc,sBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACvC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesContractsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesContractsPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesContractsPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesContractsPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.contracts</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The core library for defining what your application can do. Unified\n          specifications for Operations, Events, Presentations, and Features.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand\n          package={['@contractspec/lib.contracts', '@contractspec/lib.schema']}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">What lives where</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>@contractspec/lib.contracts</strong> (root): The core\n            contracts definitions (OperationSpec, PresentationSpec, Registry).\n          </li>\n          <li>\n            <strong>@contractspec/lib.contracts/client</strong>: Browser-safe\n            helpers (React renderers, client SDK). Import this for web/React\n            Native.\n          </li>\n          <li>\n            <strong>@contractspec/lib.contracts/server</strong>: HTTP/MCP\n            adapters, registries, integrations (Node-only).\n          </li>\n          <li>\n            <strong>@contractspec/lib.schema</strong>: Schema dictionary\n            (SchemaModel, FieldType) for I/O definitions.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Quick Example</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { defineCommand } from '@contractspec/lib.contracts';\nimport { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';\n\nconst CreateUserInput = new SchemaModel({\n  name: 'CreateUserInput',\n  fields: {\n    email: { type: ScalarTypeEnum.Email(), isOptional: false },\n    name: { type: ScalarTypeEnum.NonEmptyString(), isOptional: false },\n  },\n});\n\nexport const CreateUser = defineCommand({\n  meta: {\n    key: 'users.createUser',\n    version: '1.0.0',\n    description: 'Create a new user account',\n  },\n  io: {\n    input: CreateUserInput,\n    output: /* ... */,\n  },\n  policy: { auth: 'admin' },\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Core Concepts</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>OperationSpec</strong>: Immutable description of an\n            operation (Command or Query). Defines I/O, policy, and metadata.\n          </li>\n          <li>\n            <strong>OperationSpecRegistry</strong>: Registry of specs +\n            handlers. Use <code className=\"font-mono text-xs\">installOp</code>{' '}\n            to attach a handler.\n          </li>\n          <li>\n            <strong>CapabilitySpec</strong>: Canonical capability declaration\n            (requires/provides).\n          </li>\n          <li>\n            <strong>PolicySpec</strong>: Declarative policy rules (ABAC/ReBAC,\n            rate limits).\n          </li>\n          <li>\n            <strong>TelemetrySpec</strong>: Analytics definitions and privacy\n            levels.\n          </li>\n          <li>\n            <strong>PresentationSpec (V2)</strong>: Describes how data is\n            rendered (Web Components, Markdown, Data).\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Lifecycle</h2>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-2\">\n          <li>\n            <strong>Define</strong> the spec (I/O via SchemaModel or Zod).\n          </li>\n          <li>\n            <strong>Register</strong> it:{' '}\n            <code className=\"font-mono text-xs\">\n              installOp(registry, spec, handler)\n            </code>\n            .\n          </li>\n          <li>\n            <strong>Expose</strong> it via an adapter (REST, GraphQL, MCP).\n          </li>\n          <li>\n            <strong>Validate</strong> at runtime automatically.\n          </li>\n        </ol>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Adapters</h2>\n        <ul className=\"text-muted-foreground space-y-2\">\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              server/rest-next-app\n            </code>\n            : Next.js App Router adapter\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              server/provider-mcp\n            </code>\n            : Model Context Protocol (MCP) for AI agents\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              server/graphql-pothos\n            </code>\n            : GraphQL schema generator\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/schema\" className=\"btn-primary\">\n          Next: Schema <ChevronRight size={16} />\n        </Link>\n        <Link href=\"/docs/specs/capabilities\" className=\"btn-ghost\">\n          Core Concepts\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,yBAAyB;AACvC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgC,EACnE,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBACC,SAAS,CAAC,+BAA+B,2BAA2B,GACpE;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAqB,EACxD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,gCAAoC,4FAEzC;MACL,qBAAC,mBACC,oBAAC,sBAAO,uCAA2C,+FAGhD;MACL,qBAAC,mBACC,oBAAC,sBAAO,uCAA2C,kEAEhD;MACL,qBAAC,mBACC,oBAAC,sBAAO,6BAAiC,yEAEtC;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkB,EACrD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;;;;;MAuBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkB,EACrD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,kBAAsB,sGAE3B;MACL,qBAAC;OACC,oBAAC,sBAAO,0BAA8B;;OACxB,oBAAC;QAAK,WAAU;kBAAoB;SAAgB;OAAC;OAAI;UAEpE;MACL,qBAAC,mBACC,oBAAC,sBAAO,mBAAuB,+DAE5B;MACL,qBAAC,mBACC,oBAAC,sBAAO,eAAmB,6DAExB;MACL,qBAAC,mBACC,oBAAC,sBAAO,kBAAsB,mDAE3B;MACL,qBAAC,mBACC,oBAAC,sBAAO,0BAA8B,0EAEnC;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAc,EACjD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,WAAe,+CACpB;MACL,qBAAC;OACC,oBAAC,sBAAO,aAAiB;;OAAK;OAC9B,oBAAC;QAAK,WAAU;kBAAoB;SAE7B;;UAEJ;MACL,qBAAC,mBACC,oBAAC,sBAAO,WAAe,gDACpB;MACL,qBAAC,mBACC,oBAAC,sBAAO,aAAiB,kCACtB;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAa,EAChD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,oCAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,oDAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,kCAEJ;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAK,MAAK;KAAyB,WAAU;gBAAc,iBAC7C,oBAAC,gBAAa,MAAM,KAAM;MAClC,EACP,oBAAC;KAAK,MAAK;KAA2B,WAAU;eAAY;MAErD;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesCostTrackingPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesCostTrackingPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesCostTrackingPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesCostTrackingPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Cost Tracking Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          <code>@contractspec/lib.cost-tracking</code> transforms raw telemetry\n          into dollars: DB/API/compute costs per operation, budget alerts per\n          tenant, and actionable optimization tips.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.cost-tracking\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Record Samples</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const tracker = new CostTracker();\ntracker.recordSample({\n  operation: 'orders.list',\n  tenantId: 'acme',\n  dbReads: 1200,\n  dbWrites: 4,\n  computeMs: 180,\n  externalCalls: [{ provider: 'stripe', cost: 0.02 }],\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Budget Alerts</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const budgets = new BudgetAlertManager({\n  budgets: [{ tenantId: 'acme', monthlyLimit: 150 }],\n  onAlert: ({ tenantId, total }) => notifyFinance(tenantId, total),\n});\n\ntracker.getTotals({ tenantId: 'acme' }).forEach((summary) => budgets.track(summary));`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Optimization Suggestions</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Feed summaries into <code>OptimizationRecommender</code> to surface\n          N+1 queries, compute-heavy steps, or expensive external calls. Store\n          the generated suggestions in the new Prisma model to power Ops\n          playbooks.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/slo\" className=\"btn-primary\">\n          Next: SLO <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,4BAA4B;AAC1C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA0B,EAC7D,qBAAC;KAAE,WAAU;gBACX,oBAAC,oBAAK,oCAAsC;MAG1C;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,oCAAoC;KACxD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;MASN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkB,EACrD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;MAMN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA6B,EAChE,qBAAC;KAAE,WAAU;;MAAgC;MACvB,oBAAC,oBAAK,4BAA8B;;;MAItD;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAsB,WAAU;gBAAc,cAC7C,oBAAC,gBAAa,MAAM,KAAM;MAC/B;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesDataBackendPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesDataBackendPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesDataBackendPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock } from '@contractspec/lib.design-system';\n\nexport function LibrariesDataBackendPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Data & Backend</h1>\n        <p className=\"text-muted-foreground\">\n          A collection of robust, platform-agnostic libraries for building the\n          backend infrastructure of your LSSM applications.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Libraries</h2>\n\n        <div className=\"space-y-6\">\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/app.cli-database\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Prisma Wrapper & CLI</strong>. Provides a unified way to\n              manage database schemas, migrations, and clients. Includes seeders\n              and factory patterns for testing.\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">@contractspec/lib.bus</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Type-Safe Event Bus</strong>. Decouple your architecture\n              with typed events. Supports in-memory dispatch for monoliths and\n              can be extended for distributed message queues (Redis, SQS).\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">@contractspec/lib.logger</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>High-Performance Logging</strong>. Optimized for Bun and\n              structured JSON output. Includes plugins for ElysiaJS to log HTTP\n              requests automatically.\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">@contractspec/lib.error</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Standardized Errors</strong>. Use `AppError` with standard\n              codes (NOT_FOUND, UNAUTHORIZED) to ensure consistent HTTP\n              responses and error handling across services.\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">@contractspec/lib.exporter</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Data Export</strong>. Generate CSV and XML files from your\n              data. Platform-agnostic and streaming-friendly.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: Unified Backend Flow</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { logger } from '@contractspec/lib.logger';\nimport { AppError } from '@contractspec/lib.error';\nimport { db } from '@contractspec/app.cli-database';\nimport { EventBus } from '@contractspec/lib.bus';\n\nexport async function createUser(email: string) {\n  logger.info({ email }, 'Creating user');\n\n  const existing = await db.user.findUnique({ where: { email } });\n  if (existing) {\n    throw new AppError('User already exists', 'CONFLICT');\n  }\n\n  const user = await db.user.create({ data: { email } });\n  \n  await EventBus.publish('user.created', { userId: user.id });\n  \n  return user;\n}`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/runtime\" className=\"btn-primary\">\n          Next: Runtime <ChevronRight size={16} />\n        </Link>\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,2BAA2B;AACzC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,oBAAC;KAAE,WAAU;eAAwB;MAGjC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAc,EAEjD,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,yBAA6B;SAGnC;QACA;MAEN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAA0B,EAC5D,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,wBAA4B;SAGlC;QACA;MAEN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAA6B,EAC/D,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,6BAAiC;SAGvC;QACA;MAEN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAA4B,EAC9D,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,wBAA4B;SAGlC;QACA;MAEN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAA+B,EACjE,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,gBAAoB;SAE1B;QACA;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkC,EACrE,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;MAmBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAK,MAAK;KAA0B,WAAU;gBAAc,kBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACnC,EACP,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesDataViewsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesDataViewsPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesDataViewsPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesDataViewsPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">DataViews Runtime Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.contracts/data-views</code> and{' '}\n          <code>@contractspec/lib.design-system</code> libraries provide the\n          runtime logic and UI components to render DataViews in your\n          application.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand\n          package={[\n            '@contractspec/lib.contracts',\n            '@contractspec/lib.design-system',\n          ]}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">DataViewRenderer</h2>\n        <p className=\"text-muted-foreground\">\n          The primary component for rendering any DataView. It automatically\n          selects the correct layout (List, Table, Grid, Detail) based on the\n          spec.\n        </p>\n\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { DataViewRenderer } from '@contractspec/lib.design-system';\nimport { MyUserList } from './specs/users.data-view';\n\nexport function UserPage() {\n  return (\n    <DataViewRenderer\n      spec={MyUserList}\n      items={users}\n      pagination={{ page: 1, pageSize: 20, total: 100 }}\n      onPageChange={(page) => fetchPage(page)}\n    />\n  );\n}`}\n        />\n\n        <h3 className=\"text-xl font-semibold\">Props</h3>\n        <ul className=\"text-muted-foreground list-disc space-y-2 pl-6\">\n          <li>\n            <code>spec</code>: The DataViewSpec definition.\n          </li>\n          <li>\n            <code>items</code>: Array of data items to render.\n          </li>\n          <li>\n            <code>filters</code>: Current filter state object.\n          </li>\n          <li>\n            <code>onFilterChange</code>: Callback when filters change.\n          </li>\n          <li>\n            <code>pagination</code>: Object with <code>page</code>,{' '}\n            <code>pageSize</code>, <code>total</code>.\n          </li>\n          <li>\n            <code>onPageChange</code>: Callback when page changes.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Query Generation</h2>\n        <p className=\"text-muted-foreground\">\n          The <code>DataViewQueryGenerator</code> utility helps translate\n          DataView parameters (filters, sorting, pagination) into query\n          arguments for your backend.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { DataViewQueryGenerator } from '@contractspec/lib.contracts/data-views/query-generator';\n\nconst generator = new DataViewQueryGenerator(MyUserList);\nconst query = generator.generate({\n  pagination: { page: 1, pageSize: 20 },\n  filters: { role: 'admin' }\n});\n\n// query.input contains { skip: 0, take: 20, role: 'admin' }`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/data-backend\" className=\"btn-primary\">\n          Next: Data & Backend <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,yBAAyB;AACvC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA8B,EACjE,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,2CAA6C;;MAAK;MAC5D,oBAAC,oBAAK,oCAAsC;;;MAG1C;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBACC,SAAS,CACP,+BACA,kCACD,GACD;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAqB;KACxD,oBAAC;MAAE,WAAU;gBAAwB;OAIjC;KAEJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;;;;OAaN;KAEF,oBAAC;MAAG,WAAU;gBAAwB;OAAU;KAChD,qBAAC;MAAG,WAAU;;OACZ,qBAAC,mBACC,oBAAC,oBAAK,SAAW,sCACd;OACL,qBAAC,mBACC,oBAAC,oBAAK,UAAY,wCACf;OACL,qBAAC,mBACC,oBAAC,oBAAK,YAAc,sCACjB;OACL,qBAAC,mBACC,oBAAC,oBAAK,mBAAqB,uCACxB;OACL,qBAAC;QACC,oBAAC,oBAAK,eAAiB;;QAAc,oBAAC,oBAAK,SAAW;;QAAE;QACxD,oBAAC,oBAAK,aAAe;;QAAE,oBAAC,oBAAK,UAAY;;WACtC;OACL,qBAAC,mBACC,oBAAC,oBAAK,iBAAmB,qCACtB;;OACF;;KACD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAqB;KACxD,qBAAC;MAAE,WAAU;;OAAwB;OAC/B,oBAAC,oBAAK,2BAA6B;;;OAGrC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;OASN;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA+B,WAAU;gBAAc,yBAC3C,oBAAC,gBAAa,MAAM,KAAM;MAC1C;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesDesignSystemPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesDesignSystemPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesDesignSystemPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesDesignSystemPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.design-system</h1>\n        <p className=\"text-muted-foreground\">\n          High-level design system components, patterns, and layouts for LSSM\n          applications. Built on top of <code>@contractspec/lib.ui-kit</code>.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.design-system\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">What It Provides</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Composite Components</strong>: Molecules and Organisms that\n            solve common UI problems\n          </li>\n          <li>\n            <strong>Layouts</strong>: Ready-to-use page structures for\n            dashboards, marketing sites, and lists\n          </li>\n          <li>\n            <strong>Data Views</strong>: Standardized renderers for lists,\n            tables, and detail views\n          </li>\n          <li>\n            <strong>Forms</strong>: Zod-integrated form layouts and components\n          </li>\n          <li>\n            <strong>Code Display</strong>: Syntax-highlighted code blocks with\n            package manager tabs\n          </li>\n          <li>\n            <strong>Platform Utilities</strong>: Hooks for responsive and\n            adaptive design\n          </li>\n          <li>\n            <strong>Legal Templates</strong>: Compliant templates for Terms,\n            Privacy, and GDPR\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: App Layout</h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { AppLayout } from '@contractspec/lib.design-system';\nimport { AppSidebar } from '@contractspec/lib.design-system';\n\nexport function Layout({ children }) {\n  return (\n    <AppLayout sidebar={<AppSidebar />}>\n      {children}\n    </AppLayout>\n  );\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: Zod Form</h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { ZodForm } from '@contractspec/lib.design-system';\nimport * as z from \"zod\";\n\nconst schema = z.object({\n  name: z.string().min(1),\n  email: z.string().email(),\n});\n\nexport function SignupForm() {\n  return (\n    <ZodForm\n      schema={schema}\n      onSubmit={(data) => console.log(data)}\n      submitLabel=\"Submit\"\n    />\n  );\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">\n          Example: Code Block with Package Manager Tabs\n        </h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\n// For installation commands with package manager tabs\n<InstallCommand package=\"my-package\" />\n<InstallCommand package={[\"react\", \"react-dom\"]} dev />\n\n// For code examples with syntax highlighting\n<CodeBlock\n  language=\"typescript\"\n  code={\\`const hello = \"world\";\\`}\n  filename=\"example.ts\"\n/>`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Key Exports</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Organisms</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>AppLayout, AppHeader, AppSidebar</li>\n              <li>MarketingLayout, HeroSection</li>\n              <li>ListCardPage, ListTablePage</li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Data & Forms</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>DataViewRenderer</li>\n              <li>ZodForm</li>\n              <li>FormLayout, FormDialog</li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Code Display</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>CodeBlock (syntax highlighting)</li>\n              <li>CommandTabs (package manager tabs)</li>\n              <li>InstallCommand (convenience wrapper)</li>\n              <li>CopyButton</li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Providers</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>PackageManagerProvider</li>\n            </ul>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/ui-kit\" className=\"btn-ghost\">\n          Previous: UI Kit\n        </Link>\n        <Link href=\"/docs/libraries/accessibility\" className=\"btn-primary\">\n          Next: Accessibility <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,4BAA4B;AAC1C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoC,EACvE,qBAAC;KAAE,WAAU;;MAAwB;MAEL,oBAAC,oBAAK,6BAA+B;;;MACjE;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,oCAAoC;KACxD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAqB,EACxD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,yBAA6B,+DAElC;MACL,qBAAC,mBACC,oBAAC,sBAAO,YAAgB,iFAErB;MACL,qBAAC,mBACC,oBAAC,sBAAO,eAAmB,oEAExB;MACL,qBAAC,mBACC,oBAAC,sBAAO,UAAc,oDACnB;MACL,qBAAC,mBACC,oBAAC,sBAAO,iBAAqB,kEAE1B;MACL,qBAAC,mBACC,oBAAC,sBAAO,uBAA2B,kDAEhC;MACL,qBAAC,mBACC,oBAAC,sBAAO,oBAAwB,0DAE7B;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAwB,EAC3D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;MAUN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;MAiBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAE9B,EACL,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;MAYN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgB,EACnD,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAc,EACjD,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBAAG,qCAAqC;SACzC,oBAAC,kBAAG,iCAAiC;SACrC,oBAAC,kBAAG,gCAAgC;;SACjC;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAiB,EACpD,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBAAG,qBAAqB;SACzB,oBAAC,kBAAG,YAAY;SAChB,oBAAC,kBAAG,2BAA2B;;SAC5B;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAiB,EACpD,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBAAG,oCAAoC;SACxC,oBAAC,kBAAG,uCAAuC;SAC3C,oBAAC,kBAAG,yCAAyC;SAC7C,oBAAC,kBAAG,eAAe;;SAChB;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAc,EACjD,oBAAC;QAAG,WAAU;kBACZ,oBAAC,kBAAG,2BAA2B;SAC5B;QACD;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAyB,WAAU;eAAY;MAEnD,EACP,qBAAC;KAAK,MAAK;KAAgC,WAAU;gBAAc,wBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACzC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesEvolutionPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesEvolutionPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesEvolutionPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesEvolutionPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.evolution</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Analyze production telemetry, surface anomalies, and turn them into\n          AI-reviewed spec proposals that can be approved, rolled out, or\n          reverted.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.evolution\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">From telemetry to intent</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { SpecAnalyzer } from '@contractspec/lib.evolution/analyzer';\nimport { EvolutionPipeline } from '@contractspec/lib.observability';\n\nconst analyzer = new SpecAnalyzer();\nconst pipeline = new EvolutionPipeline({\n  onIntent: (intent) => console.log('[intent]', intent),\n});\n\n// feed telemetry samples from tracing middleware\npipeline.ingest({\n  operation: { name: 'billing.createInvoice', version: 4 },\n  durationMs: 612,\n  success: false,\n  timestamp: new Date(),\n  errorCode: 'VALIDATION_FAILED',\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Generate & approve suggestions</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import {\n  SpecGenerator,\n  SpecSuggestionOrchestrator,\n  InMemorySpecSuggestionRepository,\n} from '@contractspec/lib.evolution';\n\nconst generator = new SpecGenerator();\nconst repository = new InMemorySpecSuggestionRepository();\nconst orchestrator = new SpecSuggestionOrchestrator({ repository });\n\nconst suggestion = generator.generateFromIntent(intentPattern, {\n  summary: 'Add PO number requirement for acme.corp',\n});\n\nawait orchestrator.submit(suggestion, sessionState);`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Write approved specs back to git</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { FileSystemSuggestionWriter } from '@contractspec/lib.evolution/approval';\n\nconst writer = new FileSystemSuggestionWriter({\n  outputDir:\n    'packages/libs/contracts/src/generated',\n});\n\nawait writer.write({\n  ...suggestion,\n  status: 'approved',\n  approvals: { reviewer: 'ops@contractspec', decidedAt: new Date() },\n});`}\n        />\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {[\n          {\n            title: 'Approvals by default',\n            description:\n              \"Every suggestion flows through @contractspec/lib.ai-agent's ApprovalWorkflow. Tune auto-approval thresholds per environment.\",\n          },\n          {\n            title: 'Pluggable storage',\n            description:\n              'Use the Prisma repository in production, in-memory for tests, or stream serialized suggestions into your own queue.',\n          },\n        ].map((card) => (\n          <div key={card.title} className=\"card-subtle space-y-2 p-4\">\n            <h3 className=\"text-lg font-semibold\">{card.title}</h3>\n            <p className=\"text-muted-foreground text-sm\">{card.description}</p>\n          </div>\n        ))}\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/observability\" className=\"btn-primary\">\n          Next: Observability <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,yBAAyB;AACvC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgC,EACnE,oBAAC;KAAE,WAAU;eAAgC;MAIzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,gCAAgC;KACpD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA6B,EAChE,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;MAgBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmC,EACtE,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;MAeN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAqC,EACxE,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;MAYN;KACE;GAEN,oBAAC;IAAI,WAAU;cACZ,CACC;KACE,OAAO;KACP,aACE;KACH,EACD;KACE,OAAO;KACP,aACE;KACH,CACF,CAAC,KAAK,SACL,qBAAC;KAAqB,WAAU;gBAC9B,oBAAC;MAAG,WAAU;gBAAyB,KAAK;OAAW,EACvD,oBAAC;MAAE,WAAU;gBAAiC,KAAK;OAAgB;OAF3D,KAAK,MAGT,CACN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAgC,WAAU;gBAAc,wBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACzC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesGraphQLPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesGraphQLPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesGraphQLPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesGraphQLPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">GraphQL Libraries</h1>\n        <p className=\"text-muted-foreground\">\n          This suite of libraries enables seamless GraphQL integration,\n          transforming your ContractSpecs into a type-safe Pothos schema,\n          connecting with Prisma, and enabling Apollo Federation.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Libraries</h2>\n        <div className=\"grid gap-4 md:grid-cols-1\">\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/lib.graphql-core\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              The foundation. Provides a configured Pothos builder, common\n              scalars (JSON, DateTime), and utilities for mapping ContractSpec\n              I/O to Pothos types.\n            </p>\n          </div>\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/lib.graphql-prisma\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Connects Pothos to Prisma. Automatically generates GraphQL types\n              from your Prisma schema and optimizes queries to prevent N+1\n              issues.\n            </p>\n          </div>\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/lib.graphql-federation\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Adds Apollo Federation V2 support. Allows your subgraph to define\n              keys and entities, making it ready for a supergraph.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand\n          package={[\n            '@contractspec/lib.graphql-core',\n            '@contractspec/lib.graphql-prisma',\n            '@contractspec/lib.graphql-federation',\n          ]}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Usage: Building a Schema</h2>\n        <p className=\"text-muted-foreground\">\n          Here's how to assemble a federated GraphQL schema from your specs:\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { builder } from '@contractspec/lib.graphql-core';\nimport { registerContractsOnBuilder } from '@contractspec/lib.contracts/server/graphql-pothos';\nimport { OperationSpecRegistry } from '@contractspec/lib.contracts';\nimport { MySpecs } from './specs';\n\n// 1. Register contracts\nconst registry = new OperationSpecRegistry();\nregistry.register(MySpecs);\n\n// 2. Mount specs onto Pothos builder\nregisterContractsOnBuilder(builder, registry);\n\n// 3. Build and print schema\nconst schema = builder.toSchema();\nconsole.log(printSchema(schema));`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Features</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Code-First</strong>: Define schema in TypeScript (Pothos),\n            get SDL as artifact.\n          </li>\n          <li>\n            <strong>Spec Integration</strong>: `registerContractsOnBuilder`\n            automatically converts Command/Query specs into Mutations/Queries.\n          </li>\n          <li>\n            <strong>Federation Ready</strong>: Just add `provider: 'federation'`\n            to your config.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/data-backend\" className=\"btn-primary\">\n          Next: Data & Backend <ChevronRight size={16} />\n        </Link>\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,uBAAuB;AACrC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KAAE,WAAU;eAAwB;MAIjC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAc,EACjD,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,oBAAC;QAAE,WAAU;kBAAqC;SAI9C;QACA;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,oBAAC;QAAE,WAAU;kBAAqC;SAI9C;QACA;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,oBAAC;QAAE,WAAU;kBAAqC;SAG9C;QACA;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBACC,SAAS;KACP;KACA;KACA;KACD,GACD;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA6B;KAChE,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;;;;;;OAeN;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAa,EAChD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,eAAmB,oEAExB;MACL,qBAAC,mBACC,oBAAC,sBAAO,qBAAyB,yGAE9B;MACL,qBAAC,mBACC,oBAAC,sBAAO,qBAAyB,2DAE9B;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAK,MAAK;KAA+B,WAAU;gBAAc,yBAC3C,oBAAC,gBAAa,MAAM,KAAM;MAC1C,EACP,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesGrowthPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesGrowthPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesGrowthPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesGrowthPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.growth</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Launch experiments without third-party SDKs. Register variants, assign\n          users deterministically, track exposures, and compute significance.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.growth\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Register + assign</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { ExperimentRegistry, ExperimentRunner } from '@contractspec/lib.growth/experiments';\n\nconst registry = new ExperimentRegistry().register({\n  key: 'pricing.cta',\n  version: '1.0.0',\n  goal: 'Increase demo bookings',\n  variants: [\n    { id: 'A', weight: 1 },\n    { id: 'B', weight: 1 },\n  ],\n  primaryMetric: 'demo_booked',\n});\n\nconst runner = new ExperimentRunner();\nconst assignment = runner.assign(registry.get('pricing.cta')!, 'user_123');`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Track + analyze</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { ExperimentTracker } from '@contractspec/lib.growth/tracker';\nimport { StatsEngine } from '@contractspec/lib.growth/stats';\n\nconst tracker = new ExperimentTracker(new InMemoryTrackerStore());\nawait tracker.recordAssignment(assignment);\nawait tracker.recordSample({\n  experimentKey: assignment.experimentKey,\n  variantId: assignment.variantId,\n  metric: 'demo_booked',\n  value: 1,\n  timestamp: new Date(),\n});\n\nconst stats = new StatsEngine().summarize(\n  await tracker.getSamples(assignment.experimentKey, 'demo_booked'),\n  'demo_booked'\n);`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/analytics\" className=\"btn-primary\">\n          Next: Analytics <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,sBAAsB;AACpC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA6B,EAChE,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,6BAA6B;KACjD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;MAeN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoB,EACvD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;MAiBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA4B,WAAU;gBAAc,oBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACrC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesMultiTenancyPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesMultiTenancyPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesMultiTenancyPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesMultiTenancyPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Multi-Tenancy Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.multi-tenancy</code> library provides the\n          core building blocks for secure SaaS applications.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.multi-tenancy\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Prisma RLS Middleware</h2>\n        <p className=\"text-muted-foreground\">\n          Automatically injects <code>tenantId</code> into all queries.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { createRlsMiddleware } from '@contractspec/lib.multi-tenancy/rls';\nimport { prisma } from './db';\nimport { getTenantId } from './context';\n\nprisma.$use(createRlsMiddleware(() => getTenantId()));`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Provisioning Service</h2>\n        <p className=\"text-muted-foreground\">\n          Automates the creation of new tenants, including database setup and\n          default user creation.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { TenantProvisioningService } from '@contractspec/lib.multi-tenancy/provisioning';\n\nconst service = new TenantProvisioningService({ db: prisma });\nawait service.provision({\n  id: 'acme',\n  name: 'Acme Corp',\n  slug: 'acme',\n  ownerEmail: 'admin@acme.com'\n});`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link\n          href=\"/docs/libraries/progressive-delivery\"\n          className=\"btn-primary\"\n        >\n          Next: Progressive Delivery <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,4BAA4B;AAC1C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA0B,EAC7D,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,oCAAsC;;;MAE9C;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,oCAAoC;KACxD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAA0B;KAC7D,qBAAC;MAAE,WAAU;;OAAwB;OACb,oBAAC,oBAAK,aAAe;;;OACzC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;OAKN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAyB;KAC5D,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;OASN;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KACC,MAAK;KACL,WAAU;gBACX,+BAC4B,oBAAC,gBAAa,MAAM,KAAM;MAChD;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesObservabilityPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesObservabilityPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesObservabilityPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesObservabilityPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Observability Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.observability</code> library provides a\n          thin wrapper around OpenTelemetry to simplify instrumentation.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.observability\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Tracing</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { traceAsync, traceSync } from '@contractspec/lib.observability/tracing';\n\nawait traceAsync('process_order', async (span) => {\n  span.setAttribute('order_id', order.id);\n  await db.save(order);\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Metrics</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { createCounter, createHistogram } from '@contractspec/lib.observability/metrics';\n\nconst ordersCounter = createCounter('orders_total');\nconst latencyHistogram = createHistogram('request_duration_seconds');\n\nordersCounter.add(1, { status: 'success' });\nlatencyHistogram.record(0.123);`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Middleware</h2>\n        <p className=\"text-muted-foreground\">\n          Automatically instrument your HTTP handlers:\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { createTracingMiddleware } from '@contractspec/lib.observability/tracing/middleware';\n\napp.use(createTracingMiddleware());`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Anomaly Detection</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Includes baseline calculation and anomaly detection helpers for\n          auto-rollback without writing custom math.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { AnomalyDetector, RootCauseAnalyzer, AlertManager } from '@contractspec/lib.observability';\n\nconst detector = new AnomalyDetector({ errorRateDelta: 0.4 });\nconst analyzer = new RootCauseAnalyzer();\nconst alertManager = new AlertManager({ transport: sendOpsAlert });\n\nconst signals = detector.evaluate(point);\nsignals.forEach((signal) => {\n  const analysis = analyzer.analyze(signal, recentDeployments);\n  alertManager.notify(signal, analysis);\n});`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/slo\" className=\"btn-primary\">\n          Next: SLO <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,6BAA6B;AAC3C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA0B,EAC7D,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,oCAAsC;;;MAE9C;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,oCAAoC;KACxD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAY,EAC/C,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;MAMN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAY,EAC/C,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;MAON;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAe;KAClD,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;OAGN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAsB;KACzD,oBAAC;MAAE,WAAU;gBAAgC;OAGzC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;;OAWN;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAsB,WAAU;gBAAc,cAC7C,oBAAC,gBAAa,MAAM,KAAM;MAC/B;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesOverlayEnginePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesOverlayEnginePage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesOverlayEnginePage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesOverlayEnginePage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Overlay Engine</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          `@contractspec/lib.overlay-engine` keeps OverlaySpecs typed, signed,\n          and auditable across tenants, roles, users, and devices.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.overlay-engine\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Define + Sign</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { defineOverlay } from '@contractspec/lib.overlay-engine/spec';\nimport { signOverlay } from '@contractspec/lib.overlay-engine/signer';\n\nconst overlay = defineOverlay({\n  overlayId: 'acme-order-form',\n  version: '1.0.0',\n  appliesTo: { capability: 'billing.createOrder', tenantId: 'acme' },\n  modifications: [{ type: 'hideField', field: 'internalNotes' }],\n});\n\nconst signed = await signOverlay(overlay, privateKeyPem);`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Runtime</h2>\n        <p className=\"text-muted-foreground\">\n          `OverlayRegistry` stores signed overlays with specificity scoring.\n          `OverlayEngine` merges modifications and emits audit events.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const registry = new OverlayRegistry();\nregistry.register(signed);\n\nconst engine = new OverlayEngine({\n  registry,\n  audit: (event) => auditLog.write(event),\n});\n\nconst result = engine.apply({\n  target: { fields },\n  capability: 'billing.createOrder',\n  tenantId: 'acme',\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">React Hooks</h2>\n        <p className=\"text-muted-foreground\">\n          Render overlays in React/React Native via `useOverlay`.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { useOverlay } from '@contractspec/lib.overlay-engine/react';\n\nconst { target } = useOverlay(engine, {\n  target: { fields },\n  capability: 'billing.createOrder',\n  tenantId: 'acme',\n});`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/workflow-composer\" className=\"btn-primary\">\n          Next: Workflow Composer <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,6BAA6B;AAC3C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,qCAAqC;KACzD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkB,EACrD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;MAWN;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAY;KAC/C,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;;;;OAaN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAgB;KACnD,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;OAON;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAoC,WAAU;gBAAc,4BAC7C,oBAAC,gBAAa,MAAM,KAAM;MAC7C;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesOverviewPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesOverviewPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesOverviewPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\n// export const metadata = {\n//   title: 'Libraries: ContractSpec Docs',\n//   description:\n//     'Explore the LSSM library ecosystem for building type-safe, policy-enforced applications.',\n// };\n\nexport function LibrariesOverviewPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Libraries Overview</h1>\n        <p className=\"text-muted-foreground\">\n          The LSSM ecosystem provides a comprehensive set of TypeScript\n          libraries for building modern web and mobile applications. All\n          libraries are designed to work together seamlessly while remaining\n          modular and independently useful.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Core Libraries</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <Link\n            href=\"/docs/libraries/contracts\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.contracts\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Define operations, events, and policies in pure TypeScript.\n              Runtime adapters serve them as REST/GraphQL/MCP endpoints.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n\n          <Link\n            href=\"/docs/libraries/schema\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.schema\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Type-safe schema models that export to Zod, Pothos GraphQL, and\n              JSON Schema from a single source.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"flex items-center gap-2 text-2xl font-bold\">\n          AI-Native Operations\n          <span className=\"badge badge-secondary text-xs\">Featured</span>\n        </h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {[\n            {\n              title: '@contractspec/lib.ai-agent',\n              description:\n                'Agent specs, runner, memory, and approval workflow for safe AI copilots.',\n              href: '/docs/libraries/ai-agent',\n            },\n            {\n              title: '@contractspec/lib.support-bot',\n              description:\n                'Classification, RAG resolver, auto-responder, and performance loop for L1 automation.',\n              href: '/docs/libraries/support-bot',\n            },\n            {\n              title: '@contractspec/lib.content-gen',\n              description:\n                'Blog, landing, email, social, and SEO generators powered by ContentBriefs.',\n              href: '/docs/libraries/content-gen',\n            },\n            {\n              title: '@contractspec/lib.analytics',\n              description:\n                'Funnels, cohorts, churn scoring, and hypothesis generation without a warehouse.',\n              href: '/docs/libraries/analytics',\n            },\n            {\n              title: '@contractspec/lib.growth',\n              description:\n                'Experiment registry, runner, tracker, and stats engine for deterministic A/B tests.',\n              href: '/docs/libraries/growth',\n            },\n            {\n              title: '@contractspec/lib.design-system',\n              description:\n                'Now includes ApprovalQueue + AgentMonitor for human-in-the-loop decisions.',\n              href: '/docs/libraries/design-system',\n            },\n          ].map((lib) => (\n            <Link\n              key={lib.title}\n              href={lib.href}\n              className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n            >\n              <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n                {lib.title}\n              </h3>\n              <p className=\"text-muted-foreground mt-2 text-sm\">\n                {lib.description}\n              </p>\n              <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n                Learn more <ChevronRight size={14} />\n              </div>\n            </Link>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"flex items-center gap-2 text-2xl font-bold\">\n          Personalization & Customization\n          <span className=\"badge badge-primary text-xs\">Featured</span>\n        </h2>\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {[\n            {\n              title: '@contractspec/lib.personalization',\n              description:\n                'Track behavior, analyze unused UI, and feed overlay/workflow adapters.',\n              href: '/docs/libraries/personalization',\n            },\n            {\n              title: '@contractspec/lib.overlay-engine',\n              description:\n                'Signed overlays with validator, registry, runtime engine, and React hooks.',\n              href: '/docs/libraries/overlay-engine',\n            },\n            {\n              title: '@contractspec/lib.workflow-composer',\n              description:\n                'Tenant-aware workflow extensions with step injection helpers.',\n              href: '/docs/libraries/workflow-composer',\n            },\n          ].map((lib) => (\n            <Link\n              key={lib.title}\n              href={lib.href}\n              className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n            >\n              <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n                {lib.title}\n              </h3>\n              <p className=\"text-muted-foreground mt-2 text-sm\">\n                {lib.description}\n              </p>\n              <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n                Learn more <ChevronRight size={14} />\n              </div>\n            </Link>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">UI Libraries</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <Link\n            href=\"/docs/libraries/ui-kit\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.ui-kit\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Universal UI components for React Native and Web, built on\n              NativeWind and @rn-primitives.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n\n          <Link\n            href=\"/docs/libraries/design-system\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.design-system\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              High-level design system components, patterns, and layouts. Built\n              on top of ui-kit.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n\n          <Link\n            href=\"/docs/libraries/accessibility\"\n            className=\"card-subtle group p-6 transition-colors hover:border-violet-500/50\"\n          >\n            <h3 className=\"text-lg font-bold transition-colors group-hover:text-violet-400\">\n              @contractspec/lib.accessibility\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Accessibility primitives for WCAG compliance: skip links, live\n              regions, focus management, and more.\n            </p>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-violet-400\">\n              Learn more <ChevronRight size={14} />\n            </div>\n          </Link>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Data & Backend</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/app.cli-database</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Prisma wrapper and CLI for schema management\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.bus</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Type-safe event bus for in-memory and distributed events\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.logger</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Structured logging optimized for Bun with Elysia integration\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">GraphQL</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.graphql-core</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Shared Pothos builder with plugins\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">@contractspec/lib.graphql-prisma</h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Prisma integration for Pothos schemas\n            </p>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"font-semibold\">\n              @contractspec/lib.graphql-federation\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              Apollo Federation support for Pothos\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Philosophy</h2>\n        <p className=\"text-muted-foreground\">\n          All LSSM libraries follow these principles:\n        </p>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Type Safety First</strong>: Full TypeScript support with\n            strict types.\n          </li>\n          <li>\n            <strong>Modular</strong>: Use only what you need, tree-shake the\n            rest.\n          </li>\n          <li>\n            <strong>Platform Aware</strong>: Optimized for both Web and Native\n            where applicable.\n          </li>\n          <li>\n            <strong>Single Source of Truth</strong>: Avoid duplication between\n            layers (REST, GraphQL, Zod).\n          </li>\n          <li>\n            <strong>Developer Experience</strong>: Clear APIs, comprehensive\n            docs, and helpful error messages.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/contracts\" className=\"btn-primary\">\n          Explore Contracts <ChevronRight size={16} />\n        </Link>\n        <Link href=\"/docs/getting-started\" className=\"btn-ghost\">\n          Getting Started\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/docs/libraries/LibrariesPersonalizationPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesPersonalizationPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesPersonalizationPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesPersonalizationPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">\n          @contractspec/lib.personalization\n        </h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Track field/feature/workflow usage, analyze drop-offs, and convert\n          insights into OverlaySpecs or workflow tweaks.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.personalization\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Tracker</h2>\n        <p className=\"text-muted-foreground\">\n          Buffer events per tenant/user and emit OpenTelemetry counters\n          automatically.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { createBehaviorTracker } from '@contractspec/lib.personalization';\n\nconst tracker = createBehaviorTracker({\n  store,\n  context: { tenantId: ctx.tenant.id, userId: ctx.identity.id },\n});\n\ntracker.trackFieldAccess({ operation: 'billing.createOrder', field: 'items' });\ntracker.trackWorkflowStep({ workflow: 'invoice', step: 'review', status: 'entered' });`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Analyzer</h2>\n        <p className=\"text-muted-foreground\">\n          Summarize events and highlight unused UI, frequent fields, and\n          workflow bottlenecks.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { BehaviorAnalyzer } from '@contractspec/lib.personalization/analyzer';\n\nconst analyzer = new BehaviorAnalyzer(store);\nconst insights = await analyzer.analyze({ tenantId: 'acme', userId: 'ops-42' });\n// { unusedFields: ['internalNotes'], workflowBottlenecks: [...] }`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Adapter</h2>\n        <p className=\"text-muted-foreground\">\n          Convert insights into overlays or workflow extension hints.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { insightsToOverlaySuggestion } from '@contractspec/lib.personalization/adapter';\n\nconst overlay = insightsToOverlaySuggestion(insights, {\n  overlayId: 'acme-order-form',\n  tenantId: 'acme',\n  capability: 'billing.createOrder',\n});`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/overlay-engine\" className=\"btn-primary\">\n          Next: Overlay Engine <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,+BAA+B;AAC7C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAE9B,EACL,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,sCAAsC;KAC1D;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAY;KAC/C,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;OASN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAa;KAChD,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;OAKN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAY;KAC/C,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;OAON;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAiC,WAAU;gBAAc,yBAC7C,oBAAC,gBAAa,MAAM,KAAM;MAC1C;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesProgressiveDeliveryPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesProgressiveDeliveryPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesProgressiveDeliveryPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesProgressiveDeliveryPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Progressive Delivery Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.progressive-delivery</code> package helps\n          you ship new specs with confidence: canary + blue-green strategies,\n          metric guardrails, and rollback hooks in one place.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.progressive-delivery\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Define a Strategy</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { DeploymentCoordinator, createDefaultCanaryController, TrafficShifter, RollbackManager } from '@contractspec/lib.progressive-delivery';\n\nconst strategy = {\n  target: { name: 'billing.createInvoice', version: 7 },\n  mode: 'canary',\n  thresholds: {\n    errorRate: 0.01,\n    latencyP99: 500,\n    latencyP95: 250,\n  },\n};`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Run the Coordinator</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const eventBus = new DeploymentEventBus();\nconst controller = createDefaultCanaryController(strategy, fetchMetrics, eventBus);\nconst coordinator = new DeploymentCoordinator({\n  strategy,\n  controller,\n  trafficShifter: new TrafficShifter(strategy.mode),\n  rollbackManager: new RollbackManager({ rollback: revertSpec }),\n  applyTrafficSplit: updateFeatureFlag,\n  eventBus,\n});\n\nconst result = await coordinator.run();`}\n        />\n        <p className=\"text-muted-foreground text-sm\">\n          The coordinator emits <code>stage_started</code>,{' '}\n          <code>stage_failed</code>, and <code>rolled_back</code> events, making\n          it easy to power dashboards or alerting workflows.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Blue-Green Swap</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          Switch to <code>mode: 'blue-green'</code> to warm up the new stack in\n          parallel and cut over once smoke tests pass. The same guardrails apply\n          before the final swap.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/resilience\" className=\"btn-primary\">\n          Next: Resilience <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,mCAAmC;AACjD,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiC,EACpE,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,2CAA6C;;;MAGrD;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,2CAA2C;KAC/D;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;MAWN;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAwB;KAC3D,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;;;OAYN;KACF,qBAAC;MAAE,WAAU;;OAAgC;OACrB,oBAAC,oBAAK,kBAAoB;;OAAE;OAClD,oBAAC,oBAAK,iBAAmB;;OAAM,oBAAC,oBAAK,gBAAkB;;;OAErD;;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoB,EACvD,qBAAC;KAAE,WAAU;;MAAgC;MACjC,oBAAC,oBAAK,uBAAyB;;;MAGvC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA6B,WAAU;gBAAc,qBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACtC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesResiliencePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesResiliencePage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesResiliencePage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesResiliencePage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Resilience Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          The <code>@contractspec/lib.resilience</code> library provides\n          primitives to handle failures gracefully.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.resilience\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Circuit Breaker</h2>\n        <p className=\"text-muted-foreground\">\n          Prevent cascading failures by stopping calls to a failing dependency.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { CircuitBreaker } from '@contractspec/lib.resilience/circuit-breaker';\n\nconst breaker = new CircuitBreaker({\n  failureThreshold: 5,\n  resetTimeoutMs: 30000,\n});\n\nconst result = await breaker.execute(async () => {\n  return await fetch('https://api.stripe.com/v1/charges');\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Retry</h2>\n        <p className=\"text-muted-foreground\">\n          Automatically retry transient failures with exponential backoff.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { retry } from '@contractspec/lib.resilience/retry';\n\nconst result = await retry(\n  async () => fetchUser(id),\n  3, // retries\n  1000, // initial delay\n  true // backoff\n);`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Timeout & Fallback</h2>\n        <p className=\"text-muted-foreground\">\n          Set hard limits on execution time and provide default values on\n          failure.\n        </p>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { timeout, fallback } from '@contractspec/lib.resilience';\n\nconst result = await fallback(\n  () => timeout(slowOperation, 5000),\n  defaultValue\n);`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/testing\" className=\"btn-primary\">\n          Next: Testing <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,0BAA0B;AACxC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAuB,EAC1D,qBAAC;KAAE,WAAU;;MAAgC;MACvC,oBAAC,oBAAK,iCAAmC;;;MAE3C;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,iCAAiC;KACrD;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAoB;KACvD,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;;;OAUN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAU;KAC7C,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;;OAQN;;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAuB;KAC1D,oBAAC;MAAE,WAAU;gBAAwB;OAGjC;KACJ,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;OAMN;;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA0B,WAAU;gBAAc,kBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACnC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesRuntimePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesRuntimePage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesRuntimePage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesRuntimePage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Runtime Libraries</h1>\n        <p className=\"text-muted-foreground\">\n          The presentation runtime libraries provide the engine for rendering\n          ContractSpec-defined UIs. They handle state management, validation,\n          step navigation, and component rendering for Workflows and DataViews.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.presentation-runtime-react\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Libraries</h2>\n\n        <div className=\"space-y-6\">\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/lib.presentation-runtime-core\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>Framework-Agnostic Core</strong>. Contains the state\n              machines, validation logic, and navigation rules for workflows.\n              Can be used to build renderers for any platform (Vue, Svelte,\n              CLI).\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/lib.presentation-runtime-react\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>React Bindings</strong>. Hooks (`useWorkflow`) and\n              components (`WorkflowStepper`, `WorkflowStepRenderer`) for React\n              Web applications. Integrates with `ui-kit-web`.\n            </p>\n          </div>\n\n          <div className=\"card-subtle p-6\">\n            <h3 className=\"text-lg font-bold\">\n              @contractspec/lib.presentation-runtime-react-native\n            </h3>\n            <p className=\"text-muted-foreground mt-2 text-sm\">\n              <strong>React Native Bindings</strong>. Optimized for mobile\n              experiences. Handles native navigation integration and uses\n              universal components from `ui-kit`.\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: React Workflow</h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { useWorkflow, WorkflowStepRenderer } from '@contractspec/lib.presentation-runtime-react';\nimport { OnboardingFlow } from './specs/onboarding';\n\nexport function OnboardingPage() {\n  const workflow = useWorkflow(OnboardingFlow);\n\n  if (workflow.isComplete) {\n    return <SuccessScreen data={workflow.result} />;\n  }\n\n  return (\n    <div className=\"max-w-md mx-auto py-8\">\n      <h1 className=\"text-2xl font-bold mb-4\">\n        {workflow.currentStep.title}\n      </h1>\n      \n      <WorkflowStepRenderer \n        step={workflow.currentStep}\n        onChange={workflow.updateData}\n        errors={workflow.errors}\n      />\n      \n      <div className=\"flex justify-end mt-6 gap-4\">\n        <button \n          onClick={workflow.prev}\n          disabled={!workflow.canGoBack}\n          className=\"btn-ghost\"\n        >\n          Back\n        </button>\n        <button \n          onClick={workflow.next}\n          disabled={!workflow.canProceed}\n          className=\"btn-primary\"\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  );\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Architecture</h2>\n        <p className=\"text-muted-foreground\">\n          The runtime follows a \"render-loop\" pattern:\n        </p>\n        <ol className=\"text-muted-foreground list-inside list-decimal space-y-2\">\n          <li>\n            <strong>Spec</strong>: Defines the flow, fields, and validation\n            rules.\n          </li>\n          <li>\n            <strong>Core</strong>: Tracks current step, data state, and\n            validation errors.\n          </li>\n          <li>\n            <strong>Renderer</strong>: Maps spec fields to UI components (Input,\n            Select, etc.).\n          </li>\n          <li>\n            <strong>User</strong>: Interacts with components, updating core\n            state.\n          </li>\n          <li>\n            <strong>Policy</strong>: (Optional) Re-evaluates visibility on every\n            change.\n          </li>\n        </ol>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/data-backend\" className=\"btn-ghost\">\n          Previous: Data & Backend\n        </Link>\n        <Link href=\"/docs/libraries\" className=\"btn-primary\">\n          Back to Libraries <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,uBAAuB;AACrC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KAAE,WAAU;eAAwB;MAIjC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,iDAAiD;KACrE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAc,EAEjD,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,4BAAgC;SAItC;QACA;MAEN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,mBAAuB;SAG7B;QACA;MAEN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAoB;SAE7B,EACL,qBAAC;QAAE,WAAU;mBACX,oBAAC,sBAAO,0BAA8B;SAGpC;QACA;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA4B,EAC/D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyCN;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAiB;KACpD,oBAAC;MAAE,WAAU;gBAAwB;OAEjC;KACJ,qBAAC;MAAG,WAAU;;OACZ,qBAAC,mBACC,oBAAC,sBAAO,SAAa,yDAElB;OACL,qBAAC,mBACC,oBAAC,sBAAO,SAAa,iEAElB;OACL,qBAAC,mBACC,oBAAC,sBAAO,aAAiB,kEAEtB;OACL,qBAAC,mBACC,oBAAC,sBAAO,SAAa,yDAElB;OACL,qBAAC,mBACC,oBAAC,sBAAO,WAAe,6DAEpB;;OACF;;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAA+B,WAAU;eAAY;MAEzD,EACP,qBAAC;KAAK,MAAK;KAAkB,WAAU;gBAAc,sBACjC,oBAAC,gBAAa,MAAM,KAAM;MACvC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesSLOPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesSLOPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesSLOPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesSLOPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">SLO Library</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          <code>@contractspec/lib.slo</code> keeps service level objectives\n          front and center—declarative definitions, rolling snapshots, burn-rate\n          math, and automated incidents.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.slo\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Define Targets</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const definition: SLODefinition = {\n  id: 'billing.createInvoice.availability',\n  targetAvailability: 0.999,\n  latencyP99TargetMs: 500,\n  rollingWindowMs: 7 * 24 * 60 * 60 * 1000,\n  alerts: { fastBurnThreshold: 14, slowBurnThreshold: 6 },\n};`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Monitor Burn Rate</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const monitor = new SLOMonitor({ definition, incidentManager });\nconst { snapshot, burnRate } = monitor.recordWindow({\n  good: 12500,\n  bad: 3,\n  latencyP99: 420,\n  latencyP95: 210,\n});`}\n        />\n        <p className=\"text-muted-foreground text-sm\">\n          When burn rate exceeds the configured thresholds the monitor calls\n          your\n          <code>IncidentManager</code>, providing the snapshot that triggered\n          the alert.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">History & Reporting</h2>\n        <p className=\"text-muted-foreground text-sm\">\n          `SLOTracker.getHistory()` returns the latest snapshots so dashboards\n          can show trends without hitting a warehouse. Prisma models persist\n          everything for long-term audits.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/cost-tracking\" className=\"btn-primary\">\n          Next: Cost Tracking <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,mBAAmB;AACjC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAgB,EACnD,qBAAC;KAAE,WAAU;gBACX,oBAAC,oBAAK,0BAA4B;MAGhC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,0BAA0B;KAC9C;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;MAON;KACE;GAEN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBAAqB;OAAsB;KACzD,oBAAC;MACC,UAAS;MACT,MAAM;;;;;;;OAON;KACF,qBAAC;MAAE,WAAU;;OAAgC;OAG3C,oBAAC,oBAAK,oBAAsB;;;OAE1B;;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAwB,EAC3D,oBAAC;KAAE,WAAU;eAAgC;MAIzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAgC,WAAU;gBAAc,wBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACzC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesSchemaPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesSchemaPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesSchemaPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesSchemaPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.schema</h1>\n        <p className=\"text-muted-foreground\">\n          A small schema dictionary to describe operation I/O once and export to\n          Zod (runtime validation), Pothos (GraphQL type refs), and JSON Schema.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.schema\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Core Exports</h2>\n        <ul className=\"text-muted-foreground space-y-2\">\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              SchemaModel\n            </code>\n            : Compose fields into typed object models\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              ScalarTypeEnum\n            </code>\n            : Common scalar types (NonEmptyString, Email, DateTime, etc.)\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              defineEnum\n            </code>\n            : Create type-safe enums\n          </li>\n          <li>\n            <code className=\"bg-background/50 rounded px-2 py-1\">\n              FieldType\n            </code>\n            : Wrap scalars with Zod/GraphQL/JSON Schema\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: Basic Schema</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { SchemaModel, ScalarTypeEnum } from '@contractspec/lib.schema';\n\nexport const CreateSpotInput = new SchemaModel({\n  name: 'CreateSpotInput',\n  fields: {\n    name: { type: ScalarTypeEnum.NonEmptyString(), isOptional: false },\n    latitude: { type: ScalarTypeEnum.Latitude(), isOptional: false },\n    longitude: { type: ScalarTypeEnum.Longitude(), isOptional: false },\n  },\n});\n\n// Get Zod schema for validation\nconst zodSchema = CreateSpotInput.getZod();\n\n// Get Pothos input name for GraphQL\nconst pothosName = CreateSpotInput.getPothosInput();\n\n// Get JSON Schema\nconst jsonSchema = CreateSpotInput.getJsonSchema();`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example: Enums</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { defineEnum, SchemaModel } from '@contractspec/lib.schema';\n\nconst Weekday = defineEnum('Weekday', [\n  'MO', 'TU', 'WE', 'TH', 'FR', 'SA', 'SU',\n] as const);\n\nconst RecurrenceRule = new SchemaModel({\n  name: 'RecurrenceRule',\n  fields: {\n    frequency: {\n      type: defineEnum('Frequency', ['DAILY', 'WEEKLY', 'MONTHLY'] as const),\n      isOptional: false\n    },\n    byWeekday: { type: Weekday, isOptional: true, isArray: true },\n  },\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Available Scalars</h2>\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Strings</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>\n                <code>NonEmptyString()</code>\n              </li>\n              <li>\n                <code>Email()</code>\n              </li>\n              <li>\n                <code>PhoneNumber()</code>\n              </li>\n              <li>\n                <code>CountryCode()</code>\n              </li>\n              <li>\n                <code>Locale()</code>\n              </li>\n              <li>\n                <code>TimeZone()</code>\n              </li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Numbers</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>\n                <code>PositiveNumber()</code>\n              </li>\n              <li>\n                <code>Latitude()</code>\n              </li>\n              <li>\n                <code>Longitude()</code>\n              </li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Dates & Times</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>\n                <code>Date()</code>\n              </li>\n              <li>\n                <code>DateTime()</code>\n              </li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Generic</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>\n                <code>String()</code>\n              </li>\n              <li>\n                <code>JSON()</code>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/contracts\" className=\"btn-ghost\">\n          Previous: Contracts\n        </Link>\n        <Link href=\"/docs/libraries/ui-kit\" className=\"btn-primary\">\n          Next: UI Kit <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,sBAAsB;AACpC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA6B,EAChE,oBAAC;KAAE,WAAU;eAAwB;MAGjC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,6BAA6B;KACjD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,iDAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,qEAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,gCAEJ;MACL,qBAAC,mBACC,oBAAC;OAAK,WAAU;iBAAqC;QAE9C,mDAEJ;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA0B,EAC7D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;MAmBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;MAgBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAY,EAC/C,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBACC,oBAAC,oBAAK,qBAAuB,GAC1B;SACL,oBAAC,kBACC,oBAAC,oBAAK,YAAc,GACjB;SACL,oBAAC,kBACC,oBAAC,oBAAK,kBAAoB,GACvB;SACL,oBAAC,kBACC,oBAAC,oBAAK,kBAAoB,GACvB;SACL,oBAAC,kBACC,oBAAC,oBAAK,aAAe,GAClB;SACL,oBAAC,kBACC,oBAAC,oBAAK,eAAiB,GACpB;;SACF;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAY,EAC/C,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBACC,oBAAC,oBAAK,qBAAuB,GAC1B;SACL,oBAAC,kBACC,oBAAC,oBAAK,eAAiB,GACpB;SACL,oBAAC,kBACC,oBAAC,oBAAK,gBAAkB,GACrB;;SACF;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAkB,EACrD,qBAAC;QAAG,WAAU;mBACZ,oBAAC,kBACC,oBAAC,oBAAK,WAAa,GAChB,EACL,oBAAC,kBACC,oBAAC,oBAAK,eAAiB,GACpB;SACF;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAY,EAC/C,qBAAC;QAAG,WAAU;mBACZ,oBAAC,kBACC,oBAAC,oBAAK,aAAe,GAClB,EACL,oBAAC,kBACC,oBAAC,oBAAK,WAAa,GAChB;SACF;QACD;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAA4B,WAAU;eAAY;MAEtD,EACP,qBAAC;KAAK,MAAK;KAAyB,WAAU;gBAAc,iBAC7C,oBAAC,gBAAa,MAAM,KAAM;MAClC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesSupportBotPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesSupportBotPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesSupportBotPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesSupportBotPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.support-bot</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Build AI-first support flows using drop-in classifiers,\n          knowledge-grounded resolvers, and tone-aware responders—all wired into\n          the agent runner.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.support-bot\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Wire the primitives</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { TicketClassifier, TicketResolver, AutoResponder } from '@contractspec/lib.support-bot';\n\nconst classifier = new TicketClassifier();\nconst resolver = new TicketResolver({ knowledge });\nconst responder = new AutoResponder();\n\nconst classification = await classifier.classify(ticket);\nconst resolution = await resolver.resolve(ticket);\nconst draft = await responder.draft(ticket, resolution, classification);`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Expose as agent tools</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { createSupportTools } from '@contractspec/lib.support-bot/bot';\nimport { ToolExecutor } from '@contractspec/lib.ai-agent';\n\nconst tools = createSupportTools({ resolver, classifier, responder });\nconst executor = new ToolExecutor({ tools });`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Included modules</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>TicketClassifier</strong>: heuristics + optional LLM\n            validation for category/priority.\n          </li>\n          <li>\n            <strong>TicketResolver</strong>: RAG resolver that can plug into any\n            knowledge retriever.\n          </li>\n          <li>\n            <strong>AutoResponder</strong>: generates drafts, citations, and\n            tone-aware copy.\n          </li>\n          <li>\n            <strong>SupportFeedbackLoop</strong>: track auto-resolution rates\n            and sentiment trends.\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/growth\" className=\"btn-primary\">\n          Next: Growth <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,0BAA0B;AACxC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkC,EACrE,oBAAC;KAAE,WAAU;eAAgC;MAIzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,kCAAkC;KACtD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAwB,EAC3D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;MASN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA0B,EAC7D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;MAKN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAqB,EACxD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,qBAAyB,qEAE9B;MACL,qBAAC,mBACC,oBAAC,sBAAO,mBAAuB,kEAE5B;MACL,qBAAC,mBACC,oBAAC,sBAAO,kBAAsB,2DAE3B;MACL,qBAAC,mBACC,oBAAC,sBAAO,wBAA4B,2DAEjC;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAAyB,WAAU;gBAAc,iBAC7C,oBAAC,gBAAa,MAAM,KAAM;MAClC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesTestingPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesTestingPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesTestingPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesTestingPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.testing</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          Golden tests ensure new rollouts behave exactly like the traffic that\n          inspired them. Record requests in production, replay them locally, and\n          ship with confidence.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.testing\" />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Record traffic</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import {\n  TrafficRecorder,\n  InMemoryTrafficStore,\n} from '@contractspec/lib.testing/recorder';\n\nconst recorder = new TrafficRecorder({\n  store: new InMemoryTrafficStore(),\n  sampleRate: 0.02,\n  sanitize: (snapshot) => ({\n    ...snapshot,\n    input: { ...snapshot.input, secret: undefined },\n  }),\n});\n\nawait recorder.record({\n  operation: { name: 'orders.create', version: 6 },\n  input: payload,\n  output,\n  success: true,\n  tenantId: ctx.organizationId ?? undefined,\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">Generate suites</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`import { GoldenTestGenerator } from '@contractspec/lib.testing';\n\nconst generator = new GoldenTestGenerator();\nconst code = generator.generate(snapshots, {\n  suiteName: 'orders.create golden path',\n  runnerImport: './tests/run-operation',\n  runnerFunction: 'runOrdersCommand',\n  framework: 'vitest',\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-3\">\n        <h2 className=\"text-2xl font-bold\">CLI workflow</h2>\n        <CodeBlock\n          language=\"bash\"\n          code={`contractspec test generate \\\\\n  --operation orders.create \\\\\n  --output tests/orders.create.golden.test.ts \\\\\n  --runner-import ./tests/run-operation \\\\\n  --runner-fn runOrdersCommand \\\\\n  --from-production \\\\\n  --days 7 \\\\\n  --sample-rate 0.05`}\n        />\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {[\n          {\n            title: 'Framework agnostic',\n            description:\n              'Vitest by default, Jest via `generateJestSuite`, or call `runGoldenTests` manually inside CI.',\n          },\n          {\n            title: 'Sanitize & sample',\n            description:\n              'Scrub payloads before persistence and control sample rates per operation to stay within compliance limits.',\n          },\n        ].map((card) => (\n          <div key={card.title} className=\"card-subtle space-y-2 p-4\">\n            <h3 className=\"text-lg font-semibold\">{card.title}</h3>\n            <p className=\"text-muted-foreground text-sm\">{card.description}</p>\n          </div>\n        ))}\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/resilience\" className=\"btn-primary\">\n          Next: Resilience <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,uBAAuB;AACrC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA8B,EACjE,oBAAC;KAAE,WAAU;eAAgC;MAIzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,8BAA8B;KAClD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAmB,EACtD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;;;MAqBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoB,EACvD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;MASN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;MAQN;KACE;GAEN,oBAAC;IAAI,WAAU;cACZ,CACC;KACE,OAAO;KACP,aACE;KACH,EACD;KACE,OAAO;KACP,aACE;KACH,CACF,CAAC,KAAK,SACL,qBAAC;KAAqB,WAAU;gBAC9B,oBAAC;MAAG,WAAU;gBAAyB,KAAK;OAAW,EACvD,oBAAC;MAAE,WAAU;gBAAiC,KAAK;OAAgB;OAF3D,KAAK,MAGT,CACN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA6B,WAAU;gBAAc,qBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACtC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesUIKitPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesUIKitPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesUIKitPage.tsx"],"sourcesContent":["import Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\nimport { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\n\nexport function LibrariesUIKitPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">@contractspec/lib.ui-kit</h1>\n        <p className=\"text-muted-foreground\">\n          Universal UI components for React Native and Web, built on top of\n          <code>nativewind</code> and <code>@rn-primitives</code>.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.ui-kit\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Key Features</h2>\n        <ul className=\"text-muted-foreground list-inside list-disc space-y-2\">\n          <li>\n            <strong>Universal</strong>: Components render natively on\n            iOS/Android and as standard HTML on web\n          </li>\n          <li>\n            <strong>Styled with NativeWind</strong>: Uses Tailwind CSS classes\n            for styling\n          </li>\n          <li>\n            <strong>Accessible</strong>: Leverages <code>@rn-primitives</code>{' '}\n            (Radix UI for Native)\n          </li>\n          <li>\n            <strong>Atomic Design</strong>: Exports atoms, molecules, and\n            organisms\n          </li>\n        </ul>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Example Usage</h2>\n        <CodeBlock\n          language=\"tsx\"\n          code={`import { Button } from '@contractspec/lib.ui-kit/ui/button';\nimport { Text } from '@contractspec/lib.ui-kit/ui/text';\nimport { Card, CardHeader, CardTitle, CardContent } from '@contractspec/lib.ui-kit/ui/card';\n\nexport function MyComponent() {\n  return (\n    <Card className=\"w-full max-w-md\">\n      <CardHeader>\n        <CardTitle>Welcome</CardTitle>\n      </CardHeader>\n      <CardContent className=\"gap-4\">\n        <Text>This works on Web and Native.</Text>\n        <Button onPress={() => console.log('Clicked!')}>\n          Click me\n        </Button>\n      </CardContent>\n    </Card>\n  );\n}`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Core Components</h2>\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Form Controls</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>Button</li>\n              <li>Input</li>\n              <li>Checkbox</li>\n              <li>Switch</li>\n              <li>Select</li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Layout</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>Card</li>\n              <li>Stack</li>\n              <li>Separator</li>\n              <li>Sheet</li>\n            </ul>\n          </div>\n          <div className=\"card-subtle p-4\">\n            <h3 className=\"mb-2 font-semibold\">Feedback</h3>\n            <ul className=\"text-muted-foreground space-y-1 text-sm\">\n              <li>Alert</li>\n              <li>Skeleton</li>\n              <li>Progress</li>\n              <li>Tooltip</li>\n            </ul>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries/schema\" className=\"btn-ghost\">\n          Previous: Schema\n        </Link>\n        <Link href=\"/docs/libraries/design-system\" className=\"btn-primary\">\n          Next: Design System <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,qBAAqB;AACnC,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAA6B,EAChE,qBAAC;KAAE,WAAU;;MAAwB;MAEnC,oBAAC,oBAAK,eAAiB;;MAAK,oBAAC,oBAAK,mBAAqB;;;MACrD;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,6BAA6B;KACjD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,qBAAC;KAAG,WAAU;;MACZ,qBAAC,mBACC,oBAAC,sBAAO,cAAkB,+EAEvB;MACL,qBAAC,mBACC,oBAAC,sBAAO,2BAA+B,+CAEpC;MACL,qBAAC;OACC,oBAAC,sBAAO,eAAmB;;OAAY,oBAAC,oBAAK,mBAAqB;OAAC;OAAI;UAEpE;MACL,qBAAC,mBACC,oBAAC,sBAAO,kBAAsB,iDAE3B;;MACF;KACD;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAkB,EACrD,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;;MAmBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAoB,EACvD,qBAAC;KAAI,WAAU;;MACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAkB,EACrD,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBAAG,WAAW;SACf,oBAAC,kBAAG,UAAU;SACd,oBAAC,kBAAG,aAAa;SACjB,oBAAC,kBAAG,WAAW;SACf,oBAAC,kBAAG,WAAW;;SACZ;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAW,EAC9C,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBAAG,SAAS;SACb,oBAAC,kBAAG,UAAU;SACd,oBAAC,kBAAG,cAAc;SAClB,oBAAC,kBAAG,UAAU;;SACX;QACD;MACN,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAG,WAAU;kBAAqB;SAAa,EAChD,qBAAC;QAAG,WAAU;;SACZ,oBAAC,kBAAG,UAAU;SACd,oBAAC,kBAAG,aAAa;SACjB,oBAAC,kBAAG,aAAa;SACjB,oBAAC,kBAAG,YAAY;;SACb;QACD;;MACF;KACF;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAyB,WAAU;eAAY;MAEnD,EACP,qBAAC;KAAK,MAAK;KAAgC,WAAU;gBAAc,wBAC7C,oBAAC,gBAAa,MAAM,KAAM;MACzC;KACH;;GACF"}

package/dist/components/docs/libraries/LibrariesWorkflowComposerPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LibrariesWorkflowComposerPage.js","names":[],"sources":["../../../../src/components/docs/libraries/LibrariesWorkflowComposerPage.tsx"],"sourcesContent":["import { CodeBlock, InstallCommand } from '@contractspec/lib.design-system';\nimport Link from '@contractspec/lib.ui-link';\nimport { ChevronRight } from 'lucide-react';\n\nexport function LibrariesWorkflowComposerPage() {\n  return (\n    <div className=\"space-y-8\">\n      <div className=\"space-y-4\">\n        <h1 className=\"text-4xl font-bold\">Workflow Composer</h1>\n        <p className=\"text-muted-foreground text-lg\">\n          `@contractspec/lib.workflow-composer` injects\n          tenant-/role-/device-specific steps into base WorkflowSpecs and keeps\n          transitions valid.\n        </p>\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Installation</h2>\n        <InstallCommand package=\"@contractspec/lib.workflow-composer\" />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Register extensions</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const composer = new WorkflowComposer();\n\ncomposer.register({\n  workflow: 'billing.invoiceApproval',\n  tenantId: 'acme',\n  customSteps: [\n    {\n      after: 'validate-invoice',\n      inject: {\n        id: 'acme-legal',\n        type: 'human',\n        label: 'ACME Legal Review',\n      },\n      transitionTo: 'final-approval',\n    },\n  ],\n  hiddenSteps: ['internal-audit'],\n});`}\n        />\n      </div>\n\n      <div className=\"space-y-4\">\n        <h2 className=\"text-2xl font-bold\">Compose at runtime</h2>\n        <CodeBlock\n          language=\"typescript\"\n          code={`const tenantWorkflow = composer.compose({\n  base: BaseInvoiceWorkflow,\n  tenantId: 'acme',\n});\n\nworkflowRunner.execute(tenantWorkflow, ctx);`}\n        />\n      </div>\n\n      <div className=\"flex items-center gap-4 pt-4\">\n        <Link href=\"/docs/libraries\" className=\"btn-ghost\">\n          Back to Libraries\n        </Link>\n        <Link href=\"/docs/libraries/workflows\" className=\"btn-primary\">\n          Next: Workflow Runtime <ChevronRight size={16} />\n        </Link>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,gCAAgC;AAC9C,QACE,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAsB,EACzD,oBAAC;KAAE,WAAU;eAAgC;MAIzC;KACA;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAiB,EACpD,oBAAC,kBAAe,SAAQ,wCAAwC;KAC5D;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAwB,EAC3D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;;;;;;;;;;;;;MAkBN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAqB;MAAuB,EAC1D,oBAAC;KACC,UAAS;KACT,MAAM;;;;;;MAMN;KACE;GAEN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,MAAK;KAAkB,WAAU;eAAY;MAE5C,EACP,qBAAC;KAAK,MAAK;KAA4B,WAAU;gBAAc,2BACtC,oBAAC,gBAAa,MAAM,KAAM;MAC5C;KACH;;GACF"}