@contractspec/bundle.library 3.7.6 → 3.8.2

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

@@ -3,259 +3,153 @@
 import Link from "@contractspec/lib.ui-link";
 import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var libraryGroups = [
+  {
+    title: "Contract and schema foundation",
+    body: "Use these packages to define explicit contracts, schemas, and generated artifacts without inventing a new platform-specific language.",
+    items: [
+      {
+        title: "@contractspec/lib.contracts-spec",
+        description: "Define operations, events, policies, and generated surfaces in TypeScript.",
+        href: "/docs/libraries/contracts"
+      },
+      {
+        title: "@contractspec/lib.schema",
+        description: "Share type-safe schema definitions across validation, clients, and runtime adapters.",
+        href: "/docs/libraries/schema"
+      }
+    ]
+  },
+  {
+    title: "Runtime and surface libraries",
+    body: "These packages execute the contract model across UI, data, observability, workflows, and generated runtime behavior.",
+    items: [
+      {
+        title: "@contractspec/lib.runtime",
+        description: "Run typed capability surfaces, execute policies, and connect runtime adapters.",
+        href: "/docs/libraries/runtime"
+      },
+      {
+        title: "@contractspec/lib.ui-kit",
+        description: "Render shared surfaces across web and React Native without forking the contract layer.",
+        href: "/docs/libraries/ui-kit"
+      },
+      {
+        title: "@contractspec/lib.design-system",
+        description: "Build higher-level product surfaces and documented marketing/docs primitives on top of the UI kit.",
+        href: "/docs/libraries/design-system"
+      },
+      {
+        title: "@contractspec/lib.data-views",
+        description: "Generate and render list/detail style surfaces that stay aligned with data contracts.",
+        href: "/docs/libraries/data-views"
+      }
+    ]
+  },
+  {
+    title: "Operator and system packages",
+    body: "These packages matter once the system is live and you need governance, resilience, and observability.",
+    items: [
+      {
+        title: "@contractspec/lib.observability",
+        description: "Trace, log, and measure contract execution using the same system boundaries.",
+        href: "/docs/libraries/observability"
+      },
+      {
+        title: "@contractspec/lib.resilience",
+        description: "Add circuit breakers, retries, and failure controls without hiding the integration model.",
+        href: "/docs/libraries/resilience"
+      },
+      {
+        title: "@contractspec/lib.multi-tenancy",
+        description: "Keep tenant-specific config, policy, and surface resolution explicit.",
+        href: "/docs/libraries/multi-tenancy"
+      },
+      {
+        title: "@contractspec/lib.workflow-composer",
+        description: "Compose and extend workflows without smearing orchestration concerns across apps.",
+        href: "/docs/libraries/workflow-composer"
+      }
+    ]
+  }
+];
 function LibrariesOverviewPage() {
   return /* @__PURE__ */ jsxs("div", {
-    className: "space-y-8",
+    className: "space-y-10",
     children: [
       /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
+        className: "space-y-3",
         children: [
+          /* @__PURE__ */ jsx("p", {
+            className: "editorial-kicker",
+            children: "Build"
+          }),
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
-            children: "Libraries Overview"
+            className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+            children: "The OSS foundation is a library system, not a closed platform."
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "The LSSM ecosystem provides a comprehensive set of TypeScript libraries for building modern web and mobile applications. All libraries are designed to work together seamlessly while remaining modular and independently useful."
+            className: "max-w-3xl text-lg text-muted-foreground leading-8",
+            children: "ContractSpec is assembled from libraries that remain useful on their own and stronger together. Start with the contract and schema foundation, then add runtime, UI, integration, and operator packages as your system grows."
           })
         ]
       }),
       /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
+        className: "editorial-proof-strip",
         children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "Core Libraries"
-          }),
           /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-2",
+            className: "editorial-stat",
             children: [
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/contracts",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.contracts-spec"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Define operations, events, and policies in pure TypeScript. Runtime adapters serve them as REST/GraphQL/MCP endpoints."
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
-                ]
+              /* @__PURE__ */ jsx("span", {
+                className: "editorial-label",
+                children: "Layering rule"
               }),
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/schema",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.schema"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Type-safe schema models that export to Zod, Pothos GraphQL, and JSON Schema from a single source."
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsxs("h2", {
-            className: "flex items-center gap-2 text-2xl font-bold",
-            children: [
-              "AI-Native Operations",
               /* @__PURE__ */ jsx("span", {
-                className: "badge badge-secondary text-xs",
-                children: "Featured"
+                className: "editorial-stat-value",
+                children: "libs \u2192 bundles \u2192 apps"
               })
             ]
           }),
-          /* @__PURE__ */ jsx("div", {
-            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-            children: [
-              {
-                title: "@contractspec/lib.ai-agent",
-                description: "Agent specs, runner, memory, and approval workflow for safe AI copilots.",
-                href: "/docs/libraries/ai-agent"
-              },
-              {
-                title: "@contractspec/lib.support-bot",
-                description: "Classification, RAG resolver, auto-responder, and performance loop for L1 automation.",
-                href: "/docs/libraries/support-bot"
-              },
-              {
-                title: "@contractspec/lib.content-gen",
-                description: "Blog, landing, email, social, and SEO generators powered by ContentBriefs.",
-                href: "/docs/libraries/content-gen"
-              },
-              {
-                title: "@contractspec/lib.analytics",
-                description: "Funnels, cohorts, churn scoring, and hypothesis generation without a warehouse.",
-                href: "/docs/libraries/analytics"
-              },
-              {
-                title: "@contractspec/lib.growth",
-                description: "Experiment registry, runner, tracker, and stats engine for deterministic A/B tests.",
-                href: "/docs/libraries/growth"
-              },
-              {
-                title: "@contractspec/lib.design-system",
-                description: "Now includes ApprovalQueue + AgentMonitor for human-in-the-loop decisions.",
-                href: "/docs/libraries/design-system"
-              }
-            ].map((lib) => /* @__PURE__ */ jsxs(Link, {
-              href: lib.href,
-              className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-              children: [
-                /* @__PURE__ */ jsx("h3", {
-                  className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                  children: lib.title
-                }),
-                /* @__PURE__ */ jsx("p", {
-                  className: "text-muted-foreground mt-2 text-sm",
-                  children: lib.description
-                }),
-                /* @__PURE__ */ jsxs("div", {
-                  className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                  children: [
-                    "Learn more ",
-                    /* @__PURE__ */ jsx(ChevronRight, {
-                      size: 14
-                    })
-                  ]
-                })
-              ]
-            }, lib.title))
+          /* @__PURE__ */ jsx("p", {
+            className: "max-w-2xl text-muted-foreground text-sm leading-7",
+            children: "Keep reusable behavior in libraries, compose it into bundle-level surfaces, and reserve app packages for concrete delivery shells."
           })
         ]
       }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsxs("h2", {
-            className: "flex items-center gap-2 text-2xl font-bold",
-            children: [
-              "Personalization & Customization",
-              /* @__PURE__ */ jsx("span", {
-                className: "badge badge-primary text-xs",
-                children: "Featured"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-            children: [
-              {
-                title: "@contractspec/lib.personalization",
-                description: "Track behavior, analyze unused UI, and feed overlay/workflow adapters.",
-                href: "/docs/libraries/personalization"
-              },
-              {
-                title: "@contractspec/lib.overlay-engine",
-                description: "Signed overlays with validator, registry, runtime engine, and React hooks.",
-                href: "/docs/libraries/overlay-engine"
-              },
-              {
-                title: "@contractspec/lib.workflow-composer",
-                description: "Tenant-aware workflow extensions with step injection helpers.",
-                href: "/docs/libraries/workflow-composer"
-              }
-            ].map((lib) => /* @__PURE__ */ jsxs(Link, {
-              href: lib.href,
-              className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
+      /* @__PURE__ */ jsx("div", {
+        className: "space-y-6",
+        children: libraryGroups.map((group) => /* @__PURE__ */ jsxs("section", {
+          className: "editorial-panel space-y-5",
+          children: [
+            /* @__PURE__ */ jsxs("div", {
+              className: "space-y-2",
               children: [
-                /* @__PURE__ */ jsx("h3", {
-                  className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                  children: lib.title
+                /* @__PURE__ */ jsx("h2", {
+                  className: "font-serif text-3xl tracking-[-0.03em]",
+                  children: group.title
                 }),
                 /* @__PURE__ */ jsx("p", {
-                  className: "text-muted-foreground mt-2 text-sm",
-                  children: lib.description
-                }),
-                /* @__PURE__ */ jsxs("div", {
-                  className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                  children: [
-                    "Learn more ",
-                    /* @__PURE__ */ jsx(ChevronRight, {
-                      size: 14
-                    })
-                  ]
+                  className: "text-muted-foreground text-sm leading-7",
+                  children: group.body
                 })
               ]
-            }, lib.title))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "UI Libraries"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-2",
-            children: [
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/ui-kit",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.ui-kit"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Universal UI components for React Native and Web, built on NativeWind and @rn-primitives."
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/design-system",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
+            }),
+            /* @__PURE__ */ jsx("div", {
+              className: "grid gap-4 md:grid-cols-2",
+              children: group.items.map((item) => /* @__PURE__ */ jsxs(Link, {
+                href: item.href,
+                className: "rounded-[24px] border border-border/75 bg-background/70 p-5 transition-colors hover:border-[color:rgb(162_79_42_/_0.45)]",
                 children: [
                   /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.design-system"
+                    className: "font-semibold text-lg",
+                    children: item.title
                   }),
                   /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "High-level design system components, patterns, and layouts. Built on top of ui-kit."
+                    className: "mt-2 text-muted-foreground text-sm leading-7",
+                    children: item.description
                   }),
                   /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
+                    className: "mt-3 flex items-center gap-2 text-[color:var(--rust)] text-sm",
                     children: [
                       "Learn more ",
                       /* @__PURE__ */ jsx(ChevronRight, {
@@ -264,217 +158,10 @@ function LibrariesOverviewPage() {
                     ]
                   })
                 ]
-              }),
-              /* @__PURE__ */ jsxs(Link, {
-                href: "/docs/libraries/accessibility",
-                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
-                    children: "@contractspec/lib.accessibility"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Accessibility primitives for WCAG compliance: skip links, live regions, focus management, and more."
-                  }),
-                  /* @__PURE__ */ jsxs("div", {
-                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
-                    children: [
-                      "Learn more ",
-                      /* @__PURE__ */ jsx(ChevronRight, {
-                        size: 14
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "Data & Backend"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-3",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/app.cli-database"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Prisma wrapper and CLI for schema management"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.bus"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Type-safe event bus for in-memory and distributed events"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.logger"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Structured logging optimized for Bun with Elysia integration"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "GraphQL"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            className: "grid gap-4 md:grid-cols-3",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.graphql-core"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Shared Pothos builder with plugins"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.graphql-prisma"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Prisma integration for Pothos schemas"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                className: "card-subtle p-4",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    className: "font-semibold",
-                    children: "@contractspec/lib.graphql-federation"
-                  }),
-                  /* @__PURE__ */ jsx("p", {
-                    className: "text-muted-foreground mt-2 text-sm",
-                    children: "Apollo Federation support for Pothos"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
-            children: "Philosophy"
-          }),
-          /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground",
-            children: "All LSSM libraries follow these principles:"
-          }),
-          /* @__PURE__ */ jsxs("ul", {
-            className: "text-muted-foreground list-inside list-disc space-y-2",
-            children: [
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Type Safety First"
-                  }),
-                  ": Full TypeScript support with strict types."
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Modular"
-                  }),
-                  ": Use only what you need, tree-shake the rest."
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Platform Aware"
-                  }),
-                  ": Optimized for both Web and Native where applicable."
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Single Source of Truth"
-                  }),
-                  ": Avoid duplication between layers (REST, GraphQL, Zod)."
-                ]
-              }),
-              /* @__PURE__ */ jsxs("li", {
-                children: [
-                  /* @__PURE__ */ jsx("strong", {
-                    children: "Developer Experience"
-                  }),
-                  ": Clear APIs, comprehensive docs, and helpful error messages."
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center gap-4 pt-4",
-        children: [
-          /* @__PURE__ */ jsxs(Link, {
-            href: "/docs/libraries/contracts",
-            className: "btn-primary",
-            children: [
-              "Explore Contracts ",
-              /* @__PURE__ */ jsx(ChevronRight, {
-                size: 16
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Link, {
-            href: "/docs/getting-started",
-            className: "btn-ghost",
-            children: "Getting Started"
-          })
-        ]
+              }, item.title))
+            })
+          ]
+        }, group.title))
       })
     ]
   });

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

@@ -12,11 +12,11 @@ function LibrariesPersonalizationPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h1", {
-            className: "text-4xl font-bold",
+            className: "font-bold text-4xl",
             children: "@contractspec/lib.personalization"
           }),
           /* @__PURE__ */ jsx("p", {
-            className: "text-muted-foreground text-lg",
+            className: "text-lg text-muted-foreground",
             children: "Track field/feature/workflow usage, analyze drop-offs, and convert insights into OverlaySpecs or workflow tweaks."
           })
         ]
@@ -25,7 +25,7 @@ function LibrariesPersonalizationPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Installation"
           }),
           /* @__PURE__ */ jsx(InstallCommand, {
@@ -37,7 +37,7 @@ function LibrariesPersonalizationPage() {
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Tracker"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -62,7 +62,7 @@ tracker.trackWorkflowStep({ workflow: 'invoice', step: 'review', status: 'entere
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Analyzer"
           }),
           /* @__PURE__ */ jsx("p", {
@@ -83,7 +83,7 @@ const insights = await analyzer.analyze({ tenantId: 'acme', userId: 'ops-42' });
         className: "space-y-4",
         children: [
           /* @__PURE__ */ jsx("h2", {
-            className: "text-2xl font-bold",
+            className: "font-bold text-2xl",
             children: "Adapter"
           }),
           /* @__PURE__ */ jsx("p", {