@contractspec/bundle.library 3.7.6 → 3.7.7

package/dist/node/presentation/features/organisms/index.js

@@ -1,45 +1,45 @@
 // src/features/docs/docs.contracts.ts
 import {
+  ContractReferenceQuery,
   DocSummaryModel,
   DocsIndexInput,
   DocsIndexOutput,
   DocsIndexQuery,
-  DocsIndexQuery as DocsIndexQuery2,
-  ContractReferenceQuery
+  DocsIndexQuery as DocsIndexQuery2
 } from "@contractspec/lib.contracts-spec/docs";
 // src/features/contracts-registry.ts
 import {
-  OperationSpecRegistry,
-  EventRegistry
+  EventRegistry,
+  OperationSpecRegistry
 } from "@contractspec/lib.contracts-spec";
-import {
-  PresentationRegistry
-} from "@contractspec/lib.contracts-spec/presentations";
 import {
   DataViewRegistry
 } from "@contractspec/lib.contracts-spec/data-views";
-import { FormRegistry } from "@contractspec/lib.contracts-spec/forms";
-import {
-  serializeOperationSpec,
-  serializeEventSpec,
-  serializePresentationSpec,
-  serializeDataViewSpec,
-  serializeFormSpec
-} from "@contractspec/lib.contracts-spec/serialization";
 import {
   ContractReferenceDataView,
   ContractReferenceQuery as ContractReferenceQuery2,
-  DocsGeneratedEvent,
   DocsGenerateCommand,
+  DocsGeneratedEvent,
   DocsIndexDataView,
   DocsIndexQuery as DocsIndexQuery3,
   DocsLayoutPresentation,
-  DocsPublishedEvent,
   DocsPublishCommand,
+  DocsPublishedEvent,
   DocsReferencePagePresentation,
   DocsSearchForm,
   ExampleCatalogDataView
 } from "@contractspec/lib.contracts-spec/docs";
+import { FormRegistry } from "@contractspec/lib.contracts-spec/forms";
+import {
+  PresentationRegistry
+} from "@contractspec/lib.contracts-spec/presentations";
+import {
+  serializeDataViewSpec,
+  serializeEventSpec,
+  serializeFormSpec,
+  serializeOperationSpec,
+  serializePresentationSpec
+} from "@contractspec/lib.contracts-spec/serialization";
 var operationRegistry = null;
 function createContractSpecOperationRegistry() {
   const registry = new OperationSpecRegistry;
@@ -249,8 +249,8 @@ var PresentationsFeature = {
 };
 
 // src/features/registry.ts
-import { FeatureRegistry } from "@contractspec/lib.contracts-spec/features";
 import { AppConfigFeature } from "@contractspec/lib.contracts-spec/app-config";
+import { FeatureRegistry } from "@contractspec/lib.contracts-spec/features";
 function createContractSpecFeatureRegistry() {
   const features = new FeatureRegistry;
   features.register(DocsFeature);
@@ -274,19 +274,19 @@ function resetContractSpecFeatureRegistry() {
 import { FeatureRegistry as FeatureRegistry2 } from "@contractspec/lib.contracts-spec/features";
 
 // src/presentation/features/atoms/FeatureIcon/FeatureIcon.tsx
-import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
 import {
-  FileText,
   Boxes,
-  Settings,
-  Globe,
-  Shield,
   Database,
-  MessageSquare,
+  FileText,
+  Globe,
   Layout,
+  MessageSquare,
+  Settings,
+  Shield,
   Workflow
 } from "lucide-react";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 "use client";
 var domainIconMap = {
@@ -366,41 +366,8 @@ function getFeatureIconTone(stability) {
     return "primary";
   return stabilityToneMap[stability] || "primary";
 }
-// src/presentation/features/hooks/useFeatureRegistry.ts
-import { useMemo as useMemo2 } from "react";
-"use client";
-function useFeatureRegistry() {
-  const registry = useMemo2(() => getContractSpecFeatureRegistry(), []);
-  return useMemo2(() => {
-    const features = registry.list();
-    return {
-      features,
-      getFeature: (key) => registry.get(key),
-      getByTag: (tag) => registry.listByTag(tag),
-      getByOwner: (owner) => registry.listByOwner(owner),
-      getUniqueTags: () => registry.getUniqueTags(),
-      getUniqueDomains: () => {
-        const domains = new Set;
-        for (const f of features) {
-          if (f.meta.domain)
-            domains.add(f.meta.domain);
-        }
-        return [...domains].sort();
-      },
-      getUniqueStabilities: () => {
-        const stabilities = new Set;
-        for (const f of features) {
-          if (f.meta.stability)
-            stabilities.add(f.meta.stability);
-        }
-        return [...stabilities].sort();
-      }
-    };
-  }, [registry]);
-}
-
 // src/presentation/features/hooks/useFeatureFilters.ts
-import { useState, useMemo as useMemo3, useCallback } from "react";
+import { useCallback, useMemo as useMemo2, useState } from "react";
 "use client";
 var defaultFilters = {
   search: "",
@@ -432,10 +399,10 @@ function useFeatureFilters(features) {
     }));
   }, []);
   const clearFilters = useCallback(() => setFilters(defaultFilters), []);
-  const hasActiveFilters = useMemo3(() => {
+  const hasActiveFilters = useMemo2(() => {
     return filters.search.length > 0 || filters.tags.length > 0 || filters.stability.length > 0 || filters.domain.length > 0;
   }, [filters]);
-  const filteredFeatures = useMemo3(() => {
+  const filteredFeatures = useMemo2(() => {
     return features.filter((feature) => {
       if (filters.search) {
         const searchLower = filters.search.toLowerCase();
@@ -472,6 +439,39 @@ function useFeatureFilters(features) {
   };
 }
 
+// src/presentation/features/hooks/useFeatureRegistry.ts
+import { useMemo as useMemo3 } from "react";
+"use client";
+function useFeatureRegistry() {
+  const registry = useMemo3(() => getContractSpecFeatureRegistry(), []);
+  return useMemo3(() => {
+    const features = registry.list();
+    return {
+      features,
+      getFeature: (key) => registry.get(key),
+      getByTag: (tag) => registry.listByTag(tag),
+      getByOwner: (owner) => registry.listByOwner(owner),
+      getUniqueTags: () => registry.getUniqueTags(),
+      getUniqueDomains: () => {
+        const domains = new Set;
+        for (const f of features) {
+          if (f.meta.domain)
+            domains.add(f.meta.domain);
+        }
+        return [...domains].sort();
+      },
+      getUniqueStabilities: () => {
+        const stabilities = new Set;
+        for (const f of features) {
+          if (f.meta.stability)
+            stabilities.add(f.meta.stability);
+        }
+        return [...stabilities].sort();
+      }
+    };
+  }, [registry]);
+}
+
 // src/presentation/features/molecules/FeatureHoverPreview/FeatureHoverPreview.tsx
 import { StatusChip } from "@contractspec/lib.design-system";
 import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
@@ -550,7 +550,7 @@ function FeatureHoverPreview({ feature }) {
         ]
       }),
       hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "border-border/50 space-y-1.5 border-t pt-1",
+        className: "space-y-1.5 border-border/50 border-t pt-1",
         children: [
           capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
@@ -609,13 +609,13 @@ function FeatureHoverPreview({ feature }) {
       meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
-        className: "border-border/50 items-center border-t pt-1",
+        className: "items-center border-border/50 border-t pt-1",
         children: [
           /* @__PURE__ */ jsx2(Tag, {
-            className: "text-muted-foreground h-3.5 w-3.5"
+            className: "h-3.5 w-3.5 text-muted-foreground"
           }),
           meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
+            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
             children: [
               "#",
               tag
@@ -632,7 +632,7 @@ function FeatureHoverPreview({ feature }) {
       }) : null,
       meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
-        className: "text-muted-foreground items-center text-xs",
+        className: "items-center text-muted-foreground text-xs",
         children: [
           /* @__PURE__ */ jsx2(Users, {
             className: "h-3.5 w-3.5"
@@ -648,7 +648,7 @@ function FeatureHoverPreview({ feature }) {
 // src/presentation/features/molecules/FeatureCard/FeatureCard.tsx
 import { EntityCard, StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
 import { HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { Zap as Zap2, Radio as Radio2, Layout as Layout3, Shield as Shield3 } from "lucide-react";
+import { Layout as Layout3, Radio as Radio2, Shield as Shield3, Zap as Zap2 } from "lucide-react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var stabilityTone = {
@@ -687,7 +687,7 @@ function FeatureCard({
       size: "sm"
     }),
     meta: meta.description ? /* @__PURE__ */ jsx3("span", {
-      className: "text-muted-foreground line-clamp-2 text-sm",
+      className: "line-clamp-2 text-muted-foreground text-sm",
       children: meta.description
     }) : undefined,
     preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
@@ -695,7 +695,7 @@ function FeatureCard({
     }),
     footer: /* @__PURE__ */ jsxs2(HStack2, {
       gap: "md",
-      className: "text-muted-foreground w-full justify-between text-xs",
+      className: "w-full justify-between text-muted-foreground text-xs",
       children: [
         /* @__PURE__ */ jsxs2(HStack2, {
           gap: "sm",
@@ -742,12 +742,59 @@ function FeatureCard({
     })
   });
 }
-// src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
-import { Button, Input } from "@contractspec/lib.design-system";
-import { VStack, HStack as HStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
+// src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
+import { StatusChip as StatusChip3 } from "@contractspec/lib.design-system";
+import { HStack as HStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Boxes as Boxes2, ChevronDown } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
+function FeatureCategoryHeader({
+  title,
+  count,
+  icon,
+  isCollapsed = false,
+  onToggle,
+  className
+}) {
+  return /* @__PURE__ */ jsxs3("button", {
+    type: "button",
+    onClick: onToggle,
+    className: cn2("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 transition-colors hover:bg-muted/50", "group cursor-pointer", className),
+    children: [
+      /* @__PURE__ */ jsxs3(HStack3, {
+        gap: "sm",
+        className: "items-center",
+        children: [
+          /* @__PURE__ */ jsx4("div", {
+            className: "text-muted-foreground transition-colors group-hover:text-foreground",
+            children: icon || /* @__PURE__ */ jsx4(Boxes2, {
+              className: "h-5 w-5"
+            })
+          }),
+          /* @__PURE__ */ jsx4("span", {
+            className: "font-semibold text-lg capitalize transition-colors group-hover:text-primary",
+            children: title
+          }),
+          /* @__PURE__ */ jsx4(StatusChip3, {
+            tone: "neutral",
+            label: `${count} ${count === 1 ? "feature" : "features"}`,
+            size: "sm"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx4(ChevronDown, {
+        className: cn2("h-5 w-5 text-muted-foreground transition-transform duration-200", isCollapsed && "-rotate-90")
+      })
+    ]
+  });
+}
+// src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
+import { Button, Input } from "@contractspec/lib.design-system";
+import { HStack as HStack4, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+"use client";
 function FeatureFiltersBar({
   uniqueTags,
   uniqueStabilities,
@@ -759,23 +806,23 @@ function FeatureFiltersBar({
   hasActiveFilters,
   className
 }) {
-  return /* @__PURE__ */ jsxs3(VStack, {
+  return /* @__PURE__ */ jsxs4(VStack, {
     gap: "md",
-    className: cn2("w-full", className),
+    className: cn3("w-full", className),
     children: [
-      /* @__PURE__ */ jsxs3(HStack3, {
+      /* @__PURE__ */ jsxs4(HStack4, {
         gap: "md",
         justify: "between",
         className: "w-full",
         children: [
-          /* @__PURE__ */ jsx4(Input, {
+          /* @__PURE__ */ jsx5(Input, {
             placeholder: "Search features...",
             value: filters.search,
             onChange: (e) => setSearch(e.target.value),
             className: "max-w-md",
             "aria-label": "Search features"
           }),
-          hasActiveFilters && /* @__PURE__ */ jsx4(Button, {
+          hasActiveFilters && /* @__PURE__ */ jsx5(Button, {
             variant: "ghost",
             size: "sm",
             onClick: clearFilters,
@@ -783,15 +830,15 @@ function FeatureFiltersBar({
           })
         ]
       }),
-      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs3(HStack3, {
+      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
         gap: "xs",
         wrap: "wrap",
         children: [
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "text-muted-foreground text-sm",
             children: "Stability:"
           }),
-          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx4(Button, {
+          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx5(Button, {
             variant: filters.stability.includes(stability) ? "default" : "outline",
             size: "sm",
             onClick: () => toggleStability(stability),
@@ -800,15 +847,15 @@ function FeatureFiltersBar({
           }, stability))
         ]
       }),
-      uniqueTags.length > 0 && /* @__PURE__ */ jsxs3(HStack3, {
+      uniqueTags.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
         gap: "xs",
         wrap: "wrap",
         children: [
-          /* @__PURE__ */ jsx4("span", {
+          /* @__PURE__ */ jsx5("span", {
             className: "text-muted-foreground text-sm",
             children: "Tags:"
           }),
-          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs3(Button, {
+          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs4(Button, {
             variant: filters.tags.includes(tag) ? "default" : "outline",
             size: "sm",
             onClick: () => toggleTag(tag),
@@ -818,7 +865,7 @@ function FeatureFiltersBar({
               tag
             ]
           }, tag)),
-          uniqueTags.length > 10 && /* @__PURE__ */ jsxs3("span", {
+          uniqueTags.length > 10 && /* @__PURE__ */ jsxs4("span", {
             className: "text-muted-foreground text-sm",
             children: [
               "+",
@@ -831,96 +878,227 @@ function FeatureFiltersBar({
     ]
   });
 }
-// src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
-import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { ChevronDown, Boxes as Boxes2 } from "lucide-react";
-import { HStack as HStack4 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { StatusChip as StatusChip3 } from "@contractspec/lib.design-system";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+// src/presentation/features/organisms/FeatureDataViewsList.tsx
+import { EntityCard as EntityCard2 } from "@contractspec/lib.design-system";
+import { Table } from "lucide-react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 "use client";
-function FeatureCategoryHeader({
-  title,
-  count,
-  icon,
-  isCollapsed = false,
-  onToggle,
-  className
+function FeatureDataViewsList({
+  feature
 }) {
-  return /* @__PURE__ */ jsxs4("button", {
-    type: "button",
-    onClick: onToggle,
-    className: cn3("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 hover:bg-muted/50 transition-colors", "group cursor-pointer", className),
+  if (!feature.dataViews?.length)
+    return null;
+  return /* @__PURE__ */ jsx6("div", {
+    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+    children: feature.dataViews.map((view) => {
+      const spec = resolveSerializedDataViewSpec(view.key, view.version);
+      return /* @__PURE__ */ jsx6(EntityCard2, {
+        cardTitle: view.key,
+        cardSubtitle: `v${view.version}`,
+        footer: spec?.meta.description,
+        icon: /* @__PURE__ */ jsx6(Table, {
+          className: "h-4 w-4"
+        }),
+        href: `/features/${feature.meta.key}/dataviews/${view.key}`
+      }, view.key);
+    })
+  });
+}
+
+// src/presentation/features/organisms/FeatureDetail/FeatureDetail.tsx
+import {
+  StatCard,
+  StatCardGroup,
+  StatusChip as StatusChip4
+} from "@contractspec/lib.design-system";
+import { Box, HStack as HStack5, VStack as VStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn as cn4 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import Link from "next/link";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+"use client";
+var stabilityTone2 = {
+  stable: "success",
+  beta: "warning",
+  experimental: "info",
+  deprecated: "danger"
+};
+function FeatureDetail({ feature, className }) {
+  const { meta, operations, events, presentations, capabilities } = feature;
+  const tone = stabilityTone2[meta.stability] ?? "neutral";
+  return /* @__PURE__ */ jsxs5(VStack2, {
+    gap: "lg",
+    className: cn4("w-full", className),
     children: [
-      /* @__PURE__ */ jsxs4(HStack4, {
+      /* @__PURE__ */ jsxs5(HStack5, {
         gap: "sm",
-        className: "items-center",
         children: [
-          /* @__PURE__ */ jsx5("div", {
-            className: "text-muted-foreground group-hover:text-foreground transition-colors",
-            children: icon || /* @__PURE__ */ jsx5(Boxes2, {
-              className: "h-5 w-5"
-            })
+          /* @__PURE__ */ jsx7(StatusChip4, {
+            tone,
+            label: meta.stability ?? "unknown"
           }),
-          /* @__PURE__ */ jsx5("span", {
-            className: "group-hover:text-primary text-lg font-semibold capitalize transition-colors",
-            children: title
+          /* @__PURE__ */ jsx7(StatusChip4, {
+            tone: "neutral",
+            label: meta.key,
+            size: "sm"
           }),
-          /* @__PURE__ */ jsx5(StatusChip3, {
+          /* @__PURE__ */ jsx7(StatusChip4, {
             tone: "neutral",
-            label: `${count} ${count === 1 ? "feature" : "features"}`,
+            label: `v${meta.version}`,
             size: "sm"
           })
         ]
       }),
-      /* @__PURE__ */ jsx5(ChevronDown, {
-        className: cn3("text-muted-foreground h-5 w-5 transition-transform duration-200", isCollapsed && "-rotate-90")
-      })
-    ]
-  });
-}
-// src/presentation/features/organisms/FeatureDiscovery/FeatureDiscovery.tsx
-import * as React2 from "react";
-import {
-  PageHeaderResponsive,
-  EmptyState,
-  Button as Button2,
-  StatusChip as StatusChip4
-} from "@contractspec/lib.design-system";
-import { VStack as VStack2, HStack as HStack5 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn4 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { LayoutGrid, List, Star } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-"use client";
-function groupFeaturesByDomain(features) {
-  const groups = {};
-  for (const feature of features) {
-    const domain = feature.meta.domain || "Other";
-    if (!groups[domain])
-      groups[domain] = [];
-    groups[domain].push(feature);
-  }
-  return groups;
-}
-function groupFeaturesByStability(features) {
-  const order = ["stable", "beta", "experimental", "deprecated", "unknown"];
-  const groups = {};
-  for (const feature of features) {
-    const stability = feature.meta.stability || "unknown";
-    if (!groups[stability])
-      groups[stability] = [];
-    groups[stability].push(feature);
-  }
-  const sorted = {};
-  for (const key of order) {
-    if (groups[key])
-      sorted[key] = groups[key];
-  }
-  return sorted;
-}
-function FeatureDiscovery({
-  onSelectFeature,
-  className,
-  defaultViewMode = "grid",
+      /* @__PURE__ */ jsxs5(StatCardGroup, {
+        children: [
+          /* @__PURE__ */ jsx7(Link, {
+            href: `./${feature.meta.key}/operations`,
+            children: /* @__PURE__ */ jsx7(StatCard, {
+              label: "Operations",
+              value: operations?.length ?? 0
+            })
+          }),
+          /* @__PURE__ */ jsx7(Link, {
+            href: `./${feature.meta.key}/events`,
+            children: /* @__PURE__ */ jsx7(StatCard, {
+              label: "Events",
+              value: events?.length ?? 0
+            })
+          }),
+          /* @__PURE__ */ jsx7(Link, {
+            href: `./${feature.meta.key}/presentations`,
+            children: /* @__PURE__ */ jsx7(StatCard, {
+              label: "Presentations",
+              value: presentations?.length ?? 0
+            })
+          })
+        ]
+      }),
+      capabilities?.provides?.length ? /* @__PURE__ */ jsxs5(Box, {
+        className: "flex-col rounded-lg border p-4",
+        gap: "sm",
+        align: "start",
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: "font-semibold",
+            children: "Provides Capabilities"
+          }),
+          /* @__PURE__ */ jsx7(HStack5, {
+            gap: "xs",
+            wrap: "wrap",
+            children: capabilities.provides.map((cap) => /* @__PURE__ */ jsx7(StatusChip4, {
+              tone: "success",
+              label: `${cap.key} v${cap.version}`,
+              size: "sm"
+            }, `${cap.key}-${cap.version}`))
+          })
+        ]
+      }) : null,
+      capabilities?.requires?.length ? /* @__PURE__ */ jsxs5(Box, {
+        className: "flex-col rounded-lg border p-4",
+        gap: "sm",
+        align: "start",
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: "font-semibold",
+            children: "Requires Capabilities"
+          }),
+          /* @__PURE__ */ jsx7(HStack5, {
+            gap: "xs",
+            wrap: "wrap",
+            children: capabilities.requires.map((req) => /* @__PURE__ */ jsx7(StatusChip4, {
+              tone: "info",
+              label: `${req.key}${req.version ? ` v${req.version}` : ""}${req.optional ? " (optional)" : ""}`,
+              size: "sm"
+            }, req.key))
+          })
+        ]
+      }) : null,
+      meta.tags?.length ? /* @__PURE__ */ jsxs5(Box, {
+        className: "flex-col rounded-lg border p-4",
+        gap: "sm",
+        align: "start",
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: "font-semibold",
+            children: "Tags"
+          }),
+          /* @__PURE__ */ jsx7(HStack5, {
+            gap: "xs",
+            wrap: "wrap",
+            children: meta.tags.map((tag) => /* @__PURE__ */ jsx7(StatusChip4, {
+              tone: "neutral",
+              label: `#${tag}`,
+              size: "sm"
+            }, tag))
+          })
+        ]
+      }) : null,
+      meta.owners?.length ? /* @__PURE__ */ jsxs5(Box, {
+        className: "flex-col rounded-lg border p-4",
+        gap: "sm",
+        align: "start",
+        children: [
+          /* @__PURE__ */ jsx7("span", {
+            className: "font-semibold",
+            children: "Owners"
+          }),
+          /* @__PURE__ */ jsx7(HStack5, {
+            gap: "xs",
+            wrap: "wrap",
+            children: meta.owners.map((owner) => /* @__PURE__ */ jsx7(StatusChip4, {
+              tone: "neutral",
+              label: owner,
+              size: "sm"
+            }, owner))
+          })
+        ]
+      }) : null
+    ]
+  });
+}
+// src/presentation/features/organisms/FeatureDiscovery/FeatureDiscovery.tsx
+import {
+  Button as Button2,
+  EmptyState,
+  PageHeaderResponsive,
+  StatusChip as StatusChip5
+} from "@contractspec/lib.design-system";
+import { HStack as HStack6, VStack as VStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { cn as cn5 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { LayoutGrid, List, Star } from "lucide-react";
+import * as React2 from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+"use client";
+function groupFeaturesByDomain(features) {
+  const groups = {};
+  for (const feature of features) {
+    const domain = feature.meta.domain || "Other";
+    if (!groups[domain])
+      groups[domain] = [];
+    groups[domain].push(feature);
+  }
+  return groups;
+}
+function groupFeaturesByStability(features) {
+  const order = ["stable", "beta", "experimental", "deprecated", "unknown"];
+  const groups = {};
+  for (const feature of features) {
+    const stability = feature.meta.stability || "unknown";
+    if (!groups[stability])
+      groups[stability] = [];
+    groups[stability].push(feature);
+  }
+  const sorted = {};
+  for (const key of order) {
+    if (groups[key])
+      sorted[key] = groups[key];
+  }
+  return sorted;
+}
+function FeatureDiscovery({
+  onSelectFeature,
+  className,
+  defaultViewMode = "grid",
   groupBy = "domain",
   showFeatured = true
 }) {
@@ -959,42 +1137,42 @@ function FeatureDiscovery({
     });
   };
   const gridClasses = viewMode === "grid" ? "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" : "flex flex-col gap-3";
-  const renderFeatureCards = (featureList) => /* @__PURE__ */ jsx6("div", {
+  const renderFeatureCards = (featureList) => /* @__PURE__ */ jsx8("div", {
     className: gridClasses,
-    children: featureList.map((feature) => /* @__PURE__ */ jsx6(FeatureCard, {
+    children: featureList.map((feature) => /* @__PURE__ */ jsx8(FeatureCard, {
       feature,
       onSelect: onSelectFeature
     }, feature.meta.key))
   });
-  return /* @__PURE__ */ jsxs5(VStack2, {
+  return /* @__PURE__ */ jsxs6(VStack3, {
     gap: "lg",
-    className: cn4("w-full p-6", className),
+    className: cn5("w-full p-6", className),
     children: [
-      /* @__PURE__ */ jsxs5("div", {
+      /* @__PURE__ */ jsxs6("div", {
         className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
         children: [
-          /* @__PURE__ */ jsx6(PageHeaderResponsive, {
+          /* @__PURE__ */ jsx8(PageHeaderResponsive, {
             title: "Feature Discovery",
             subtitle: `Browse ${features.length} available ContractSpec features`
           }),
-          /* @__PURE__ */ jsxs5(HStack5, {
+          /* @__PURE__ */ jsxs6(HStack6, {
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsx6("button", {
+              /* @__PURE__ */ jsx8("button", {
                 type: "button",
                 onClick: () => setViewMode("grid"),
-                className: cn4("rounded-md p-2 transition-colors", viewMode === "grid" ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80 text-muted-foreground"),
+                className: cn5("rounded-md p-2 transition-colors", viewMode === "grid" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
                 "aria-label": "Grid view",
-                children: /* @__PURE__ */ jsx6(LayoutGrid, {
+                children: /* @__PURE__ */ jsx8(LayoutGrid, {
                   className: "h-4 w-4"
                 })
               }),
-              /* @__PURE__ */ jsx6("button", {
+              /* @__PURE__ */ jsx8("button", {
                 type: "button",
                 onClick: () => setViewMode("list"),
-                className: cn4("rounded-md p-2 transition-colors", viewMode === "list" ? "bg-primary text-primary-foreground" : "bg-muted hover:bg-muted/80 text-muted-foreground"),
+                className: cn5("rounded-md p-2 transition-colors", viewMode === "list" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
                 "aria-label": "List view",
-                children: /* @__PURE__ */ jsx6(List, {
+                children: /* @__PURE__ */ jsx8(List, {
                   className: "h-4 w-4"
                 })
               })
@@ -1002,7 +1180,7 @@ function FeatureDiscovery({
           })
         ]
       }),
-      /* @__PURE__ */ jsx6(FeatureFiltersBar, {
+      /* @__PURE__ */ jsx8(FeatureFiltersBar, {
         uniqueTags,
         uniqueStabilities,
         filters,
@@ -1012,32 +1190,32 @@ function FeatureDiscovery({
         clearFilters,
         hasActiveFilters
       }),
-      filteredFeatures.length === 0 ? /* @__PURE__ */ jsx6(EmptyState, {
+      filteredFeatures.length === 0 ? /* @__PURE__ */ jsx8(EmptyState, {
         title: "No features found",
         description: hasActiveFilters ? "Try adjusting your search or filters" : "No features are registered yet",
-        primaryAction: hasActiveFilters ? /* @__PURE__ */ jsx6(Button2, {
+        primaryAction: hasActiveFilters ? /* @__PURE__ */ jsx8(Button2, {
           variant: "outline",
           onClick: clearFilters,
           children: "Clear filters"
         }) : undefined
-      }) : /* @__PURE__ */ jsxs5(VStack2, {
+      }) : /* @__PURE__ */ jsxs6(VStack3, {
         gap: "lg",
         children: [
-          showFeatured && featuredFeatures.length > 0 && /* @__PURE__ */ jsxs5(VStack2, {
+          showFeatured && featuredFeatures.length > 0 && /* @__PURE__ */ jsxs6(VStack3, {
             gap: "sm",
             children: [
-              /* @__PURE__ */ jsxs5(HStack5, {
+              /* @__PURE__ */ jsxs6(HStack6, {
                 gap: "sm",
                 className: "items-center",
                 children: [
-                  /* @__PURE__ */ jsx6(Star, {
+                  /* @__PURE__ */ jsx8(Star, {
                     className: "h-5 w-5 fill-amber-500 text-amber-500"
                   }),
-                  /* @__PURE__ */ jsx6("span", {
-                    className: "text-lg font-semibold",
+                  /* @__PURE__ */ jsx8("span", {
+                    className: "font-semibold text-lg",
                     children: "Featured"
                   }),
-                  /* @__PURE__ */ jsx6(StatusChip4, {
+                  /* @__PURE__ */ jsx8(StatusChip5, {
                     tone: "success",
                     label: `${featuredFeatures.length} stable`,
                     size: "sm"
@@ -1047,12 +1225,12 @@ function FeatureDiscovery({
               renderFeatureCards(featuredFeatures)
             ]
           }),
-          groupedFeatures ? /* @__PURE__ */ jsx6(VStack2, {
+          groupedFeatures ? /* @__PURE__ */ jsx8(VStack3, {
             gap: "md",
-            children: Object.entries(groupedFeatures).map(([group, groupFeatures]) => /* @__PURE__ */ jsxs5(VStack2, {
+            children: Object.entries(groupedFeatures).map(([group, groupFeatures]) => /* @__PURE__ */ jsxs6(VStack3, {
               gap: "sm",
               children: [
-                /* @__PURE__ */ jsx6(FeatureCategoryHeader, {
+                /* @__PURE__ */ jsx8(FeatureCategoryHeader, {
                   title: group,
                   count: groupFeatures.length,
                   isCollapsed: collapsedGroups.has(group),
@@ -1067,184 +1245,6 @@ function FeatureDiscovery({
     ]
   });
 }
-// src/presentation/features/organisms/FeatureDetail/FeatureDetail.tsx
-import {
-  StatCard,
-  StatCardGroup,
-  StatusChip as StatusChip5
-} from "@contractspec/lib.design-system";
-import { Box, HStack as HStack6, VStack as VStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn5 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import Link from "next/link";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-"use client";
-var stabilityTone2 = {
-  stable: "success",
-  beta: "warning",
-  experimental: "info",
-  deprecated: "danger"
-};
-function FeatureDetail({ feature, className }) {
-  const { meta, operations, events, presentations, capabilities } = feature;
-  const tone = stabilityTone2[meta.stability] ?? "neutral";
-  return /* @__PURE__ */ jsxs6(VStack3, {
-    gap: "lg",
-    className: cn5("w-full", className),
-    children: [
-      /* @__PURE__ */ jsxs6(HStack6, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx7(StatusChip5, {
-            tone,
-            label: meta.stability ?? "unknown"
-          }),
-          /* @__PURE__ */ jsx7(StatusChip5, {
-            tone: "neutral",
-            label: meta.key,
-            size: "sm"
-          }),
-          /* @__PURE__ */ jsx7(StatusChip5, {
-            tone: "neutral",
-            label: `v${meta.version}`,
-            size: "sm"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6(StatCardGroup, {
-        children: [
-          /* @__PURE__ */ jsx7(Link, {
-            href: `./${feature.meta.key}/operations`,
-            children: /* @__PURE__ */ jsx7(StatCard, {
-              label: "Operations",
-              value: operations?.length ?? 0
-            })
-          }),
-          /* @__PURE__ */ jsx7(Link, {
-            href: `./${feature.meta.key}/events`,
-            children: /* @__PURE__ */ jsx7(StatCard, {
-              label: "Events",
-              value: events?.length ?? 0
-            })
-          }),
-          /* @__PURE__ */ jsx7(Link, {
-            href: `./${feature.meta.key}/presentations`,
-            children: /* @__PURE__ */ jsx7(StatCard, {
-              label: "Presentations",
-              value: presentations?.length ?? 0
-            })
-          })
-        ]
-      }),
-      capabilities?.provides?.length ? /* @__PURE__ */ jsxs6(Box, {
-        className: "flex-col rounded-lg border p-4",
-        gap: "sm",
-        align: "start",
-        children: [
-          /* @__PURE__ */ jsx7("span", {
-            className: "font-semibold",
-            children: "Provides Capabilities"
-          }),
-          /* @__PURE__ */ jsx7(HStack6, {
-            gap: "xs",
-            wrap: "wrap",
-            children: capabilities.provides.map((cap) => /* @__PURE__ */ jsx7(StatusChip5, {
-              tone: "success",
-              label: `${cap.key} v${cap.version}`,
-              size: "sm"
-            }, `${cap.key}-${cap.version}`))
-          })
-        ]
-      }) : null,
-      capabilities?.requires?.length ? /* @__PURE__ */ jsxs6(Box, {
-        className: "flex-col rounded-lg border p-4",
-        gap: "sm",
-        align: "start",
-        children: [
-          /* @__PURE__ */ jsx7("span", {
-            className: "font-semibold",
-            children: "Requires Capabilities"
-          }),
-          /* @__PURE__ */ jsx7(HStack6, {
-            gap: "xs",
-            wrap: "wrap",
-            children: capabilities.requires.map((req) => /* @__PURE__ */ jsx7(StatusChip5, {
-              tone: "info",
-              label: `${req.key}${req.version ? ` v${req.version}` : ""}${req.optional ? " (optional)" : ""}`,
-              size: "sm"
-            }, req.key))
-          })
-        ]
-      }) : null,
-      meta.tags?.length ? /* @__PURE__ */ jsxs6(Box, {
-        className: "flex-col rounded-lg border p-4",
-        gap: "sm",
-        align: "start",
-        children: [
-          /* @__PURE__ */ jsx7("span", {
-            className: "font-semibold",
-            children: "Tags"
-          }),
-          /* @__PURE__ */ jsx7(HStack6, {
-            gap: "xs",
-            wrap: "wrap",
-            children: meta.tags.map((tag) => /* @__PURE__ */ jsx7(StatusChip5, {
-              tone: "neutral",
-              label: `#${tag}`,
-              size: "sm"
-            }, tag))
-          })
-        ]
-      }) : null,
-      meta.owners?.length ? /* @__PURE__ */ jsxs6(Box, {
-        className: "flex-col rounded-lg border p-4",
-        gap: "sm",
-        align: "start",
-        children: [
-          /* @__PURE__ */ jsx7("span", {
-            className: "font-semibold",
-            children: "Owners"
-          }),
-          /* @__PURE__ */ jsx7(HStack6, {
-            gap: "xs",
-            wrap: "wrap",
-            children: meta.owners.map((owner) => /* @__PURE__ */ jsx7(StatusChip5, {
-              tone: "neutral",
-              label: owner,
-              size: "sm"
-            }, owner))
-          })
-        ]
-      }) : null
-    ]
-  });
-}
-// src/presentation/features/organisms/FeatureOperationsList.tsx
-import { EntityCard as EntityCard2 } from "@contractspec/lib.design-system";
-import { Zap as Zap3 } from "lucide-react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-"use client";
-function FeatureOperationsList({
-  feature
-}) {
-  if (!feature.operations?.length)
-    return null;
-  return /* @__PURE__ */ jsx8("div", {
-    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-    children: feature.operations.map((op) => {
-      const spec = resolveSerializedOperationSpec(op.key, op.version);
-      return /* @__PURE__ */ jsx8(EntityCard2, {
-        cardTitle: op.key,
-        cardSubtitle: `v${op.version}`,
-        footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx8(Zap3, {
-          className: "h-4 w-4"
-        }),
-        href: `/features/${feature.meta.key}/operations/${op.key}`
-      }, op.key);
-    })
-  });
-}
-
 // src/presentation/features/organisms/FeatureEventsList.tsx
 import { EntityCard as EntityCard3 } from "@contractspec/lib.design-system";
 import { Radio as Radio3 } from "lucide-react";
@@ -1270,81 +1270,81 @@ function FeatureEventsList({ feature }) {
   });
 }
 
-// src/presentation/features/organisms/FeaturePresentationsList.tsx
+// src/presentation/features/organisms/FeatureFormsList.tsx
 import { EntityCard as EntityCard4 } from "@contractspec/lib.design-system";
-import { Layout as Layout4 } from "lucide-react";
+import { FormInput } from "lucide-react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 "use client";
-function FeaturePresentationsList({
-  feature
-}) {
-  if (!feature.presentations?.length)
+function FeatureFormsList({ feature }) {
+  if (!feature.forms?.length)
     return null;
   return /* @__PURE__ */ jsx10("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-    children: feature.presentations.map((pres) => {
-      const spec = resolveSerializedPresentationSpec(pres.key, pres.version);
+    children: feature.forms.map((form) => {
+      const spec = resolveSerializedFormSpec(form.key, form.version);
       return /* @__PURE__ */ jsx10(EntityCard4, {
-        cardTitle: pres.key,
-        cardSubtitle: `v${pres.version}`,
+        cardTitle: form.key,
+        cardSubtitle: form.version ? `v${form.version}` : undefined,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx10(Layout4, {
+        icon: /* @__PURE__ */ jsx10(FormInput, {
           className: "h-4 w-4"
         }),
-        href: `/features/${feature.meta.key}/presentations/${pres.key}`
-      }, pres.key);
+        href: `/features/${feature.meta.key}/forms/${form.key}`
+      }, form.key);
     })
   });
 }
 
-// src/presentation/features/organisms/FeatureDataViewsList.tsx
+// src/presentation/features/organisms/FeatureOperationsList.tsx
 import { EntityCard as EntityCard5 } from "@contractspec/lib.design-system";
-import { Table } from "lucide-react";
+import { Zap as Zap3 } from "lucide-react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 "use client";
-function FeatureDataViewsList({
+function FeatureOperationsList({
   feature
 }) {
-  if (!feature.dataViews?.length)
+  if (!feature.operations?.length)
     return null;
   return /* @__PURE__ */ jsx11("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-    children: feature.dataViews.map((view) => {
-      const spec = resolveSerializedDataViewSpec(view.key, view.version);
+    children: feature.operations.map((op) => {
+      const spec = resolveSerializedOperationSpec(op.key, op.version);
       return /* @__PURE__ */ jsx11(EntityCard5, {
-        cardTitle: view.key,
-        cardSubtitle: `v${view.version}`,
+        cardTitle: op.key,
+        cardSubtitle: `v${op.version}`,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx11(Table, {
+        icon: /* @__PURE__ */ jsx11(Zap3, {
           className: "h-4 w-4"
         }),
-        href: `/features/${feature.meta.key}/dataviews/${view.key}`
-      }, view.key);
+        href: `/features/${feature.meta.key}/operations/${op.key}`
+      }, op.key);
     })
   });
 }
 
-// src/presentation/features/organisms/FeatureFormsList.tsx
+// src/presentation/features/organisms/FeaturePresentationsList.tsx
 import { EntityCard as EntityCard6 } from "@contractspec/lib.design-system";
-import { FormInput } from "lucide-react";
+import { Layout as Layout4 } from "lucide-react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 "use client";
-function FeatureFormsList({ feature }) {
-  if (!feature.forms?.length)
+function FeaturePresentationsList({
+  feature
+}) {
+  if (!feature.presentations?.length)
     return null;
   return /* @__PURE__ */ jsx12("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-    children: feature.forms.map((form) => {
-      const spec = resolveSerializedFormSpec(form.key, form.version);
+    children: feature.presentations.map((pres) => {
+      const spec = resolveSerializedPresentationSpec(pres.key, pres.version);
       return /* @__PURE__ */ jsx12(EntityCard6, {
-        cardTitle: form.key,
-        cardSubtitle: form.version ? `v${form.version}` : undefined,
+        cardTitle: pres.key,
+        cardSubtitle: `v${pres.version}`,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx12(FormInput, {
+        icon: /* @__PURE__ */ jsx12(Layout4, {
           className: "h-4 w-4"
         }),
-        href: `/features/${feature.meta.key}/forms/${form.key}`
-      }, form.key);
+        href: `/features/${feature.meta.key}/presentations/${pres.key}`
+      }, pres.key);
     })
   });
 }