@contractspec/bundle.library 3.8.10 → 3.8.11

package/dist/presentation/features/index.js

@@ -1,3064 +1,2 @@
 // @bun
-// src/features/contracts-registry.ts
-import {
-  EventRegistry,
-  OperationSpecRegistry
-} from "@contractspec/lib.contracts-spec";
-import {
-  DataViewRegistry
-} from "@contractspec/lib.contracts-spec/data-views";
-import {
-  ContractReferenceDataView,
-  ContractReferenceQuery,
-  DocsGenerateCommand,
-  DocsGeneratedEvent,
-  DocsIndexDataView,
-  DocsIndexQuery,
-  DocsLayoutPresentation,
-  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;
-  registry.register(DocsIndexQuery).register(ContractReferenceQuery).register(DocsGenerateCommand).register(DocsPublishCommand);
-  return registry;
-}
-function getContractSpecOperationRegistry() {
-  if (!operationRegistry) {
-    operationRegistry = createContractSpecOperationRegistry();
-  }
-  return operationRegistry;
-}
-function resolveOperationSpec(key, version) {
-  return getContractSpecOperationRegistry().get(key, version);
-}
-var eventRegistry = null;
-function createContractSpecEventRegistry() {
-  const registry = new EventRegistry;
-  registry.register(DocsGeneratedEvent).register(DocsPublishedEvent);
-  return registry;
-}
-function getContractSpecEventRegistry() {
-  if (!eventRegistry) {
-    eventRegistry = createContractSpecEventRegistry();
-  }
-  return eventRegistry;
-}
-function resolveEventSpec(key, version) {
-  return getContractSpecEventRegistry().get(key, version);
-}
-var presentationRegistry = null;
-function createContractSpecPresentationRegistry() {
-  const registry = new PresentationRegistry;
-  registry.register(DocsLayoutPresentation).register(DocsReferencePagePresentation);
-  return registry;
-}
-function getContractSpecPresentationRegistry() {
-  if (!presentationRegistry) {
-    presentationRegistry = createContractSpecPresentationRegistry();
-  }
-  return presentationRegistry;
-}
-function resolvePresentationSpec(key, version) {
-  return getContractSpecPresentationRegistry().get(key, version);
-}
-var dataViewRegistry = null;
-function createContractSpecDataViewRegistry() {
-  const registry = new DataViewRegistry;
-  registry.register(DocsIndexDataView).register(ContractReferenceDataView).register(ExampleCatalogDataView);
-  return registry;
-}
-function getContractSpecDataViewRegistry() {
-  if (!dataViewRegistry) {
-    dataViewRegistry = createContractSpecDataViewRegistry();
-  }
-  return dataViewRegistry;
-}
-function resolveDataViewSpec(key, version) {
-  return getContractSpecDataViewRegistry().get(key, version);
-}
-var formRegistry = null;
-function createContractSpecFormRegistry() {
-  const registry = new FormRegistry;
-  registry.register(DocsSearchForm);
-  return registry;
-}
-function getContractSpecFormRegistry() {
-  if (!formRegistry) {
-    formRegistry = createContractSpecFormRegistry();
-  }
-  return formRegistry;
-}
-function resolveFormSpec(key, _version) {
-  return getContractSpecFormRegistry().get(key);
-}
-function resolveSerializedOperationSpec(key, version) {
-  const spec = resolveOperationSpec(key, version);
-  return serializeOperationSpec(spec) ?? undefined;
-}
-function resolveSerializedEventSpec(key, version) {
-  const spec = resolveEventSpec(key, version);
-  return serializeEventSpec(spec) ?? undefined;
-}
-function resolveSerializedPresentationSpec(key, version) {
-  const spec = resolvePresentationSpec(key, version);
-  return serializePresentationSpec(spec) ?? undefined;
-}
-function resolveSerializedDataViewSpec(key, version) {
-  const spec = resolveDataViewSpec(key, version);
-  return serializeDataViewSpec(spec) ?? undefined;
-}
-function resolveSerializedFormSpec(key, version) {
-  const spec = resolveFormSpec(key, version);
-  return serializeFormSpec(spec) ?? undefined;
-}
-function resetContractSpecOperationRegistry() {
-  operationRegistry = null;
-}
-function resetContractSpecEventRegistry() {
-  eventRegistry = null;
-}
-function resetContractSpecPresentationRegistry() {
-  presentationRegistry = null;
-}
-function resetContractSpecDataViewRegistry() {
-  dataViewRegistry = null;
-}
-function resetContractSpecFormRegistry() {
-  formRegistry = null;
-}
-function resetAllContractSpecRegistries() {
-  resetContractSpecOperationRegistry();
-  resetContractSpecEventRegistry();
-  resetContractSpecPresentationRegistry();
-  resetContractSpecDataViewRegistry();
-  resetContractSpecFormRegistry();
-}
-
-// src/features/docs.feature.ts
-var DocsFeature = {
-  meta: {
-    key: "contractspec.docs",
-    version: "1.0.0",
-    title: "Documentation",
-    description: "Comprehensive documentation system for ContractSpec",
-    domain: "platform",
-    owners: ["@platform.docs"],
-    tags: ["documentation", "guides", "api-reference"],
-    stability: "stable"
-  },
-  operations: [
-    { key: "docs_search", version: "1.0.0" },
-    { key: "docs.navigate", version: "1.0.0" }
-  ],
-  events: [
-    { key: "docs.page_viewed", version: "1.0.0" },
-    { key: "docs.search_performed", version: "1.0.0" }
-  ],
-  presentations: [
-    { key: "docs.landing", version: "1.0.0" },
-    { key: "docs.getting-started", version: "1.0.0" },
-    { key: "docs.architecture", version: "1.0.0" }
-  ],
-  capabilities: {
-    provides: [{ key: "contracts.docs", version: "1.0.0" }],
-    requires: []
-  }
-};
-
-// src/features/docs/docs.contracts.ts
-import {
-  ContractReferenceQuery as ContractReferenceQuery2,
-  DocSummaryModel,
-  DocsIndexInput,
-  DocsIndexOutput,
-  DocsIndexQuery as DocsIndexQuery2,
-  DocsIndexQuery as DocsIndexQuery3
-} from "@contractspec/lib.contracts-spec/docs";
-// src/features/mcp.feature.ts
-var MCPFeature = {
-  meta: {
-    key: "contractspec.mcp",
-    version: "1.0.0",
-    title: "MCP Integration",
-    description: "Model Context Protocol server for AI agent integration",
-    domain: "platform",
-    owners: ["@platform.mcp"],
-    tags: ["mcp", "ai-agents", "tooling"],
-    stability: "beta"
-  },
-  operations: [
-    { key: "mcp.tool.register", version: "1.0.0" },
-    { key: "mcp.resource.register", version: "1.0.0" },
-    { key: "mcp.prompt.register", version: "1.0.0" }
-  ],
-  events: [
-    { key: "mcp.tool_invoked", version: "1.0.0" },
-    { key: "mcp.resource_accessed", version: "1.0.0" }
-  ],
-  presentations: [],
-  capabilities: {
-    provides: [{ key: "contracts.mcp", version: "1.0.0" }],
-    requires: [{ key: "contracts.operations", version: "1.0.0" }]
-  }
-};
-
-// src/features/presentations.feature.ts
-var PresentationsFeature = {
-  meta: {
-    key: "contractspec.presentations",
-    version: "1.0.0",
-    title: "Presentation Runtime",
-    description: "Cross-platform rendering of contract-driven UI",
-    domain: "platform",
-    owners: ["@platform.presentations"],
-    tags: ["presentations", "ui", "rendering", "cross-platform"],
-    stability: "beta"
-  },
-  operations: [
-    { key: "presentation.render", version: "1.0.0" },
-    { key: "presentation.transform", version: "1.0.0" }
-  ],
-  events: [
-    { key: "presentation.rendered", version: "1.0.0" },
-    { key: "presentation.transformed", version: "1.0.0" }
-  ],
-  presentations: [
-    { key: "form.standard", version: "1.0.0" },
-    { key: "list.standard", version: "1.0.0" },
-    { key: "detail.standard", version: "1.0.0" }
-  ],
-  capabilities: {
-    provides: [{ key: "contracts.presentations", version: "1.0.0" }],
-    requires: []
-  }
-};
-
-// src/features/registry.ts
-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);
-  features.register(MCPFeature);
-  features.register(PresentationsFeature);
-  features.register(AppConfigFeature);
-  return features;
-}
-var registryInstance = null;
-function getContractSpecFeatureRegistry() {
-  if (!registryInstance) {
-    registryInstance = createContractSpecFeatureRegistry();
-  }
-  return registryInstance;
-}
-function resetContractSpecFeatureRegistry() {
-  registryInstance = null;
-}
-
-// src/features/index.ts
-import { FeatureRegistry as FeatureRegistry2 } from "@contractspec/lib.contracts-spec/features";
-
-// src/presentation/features/atoms/FeatureIcon/FeatureIcon.tsx
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import {
-  Boxes,
-  Database,
-  FileText,
-  Globe,
-  Layout,
-  MessageSquare,
-  Settings,
-  Shield,
-  Workflow
-} from "lucide-react";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-"use client";
-var domainIconMap = {
-  platform: Settings,
-  documentation: FileText,
-  docs: FileText,
-  integration: Workflow,
-  api: Globe,
-  security: Shield,
-  data: Database,
-  messaging: MessageSquare,
-  ui: Layout,
-  presentation: Layout
-};
-var tagIconMap = {
-  documentation: FileText,
-  guides: FileText,
-  "api-reference": Globe,
-  presentations: Layout,
-  ui: Layout,
-  rendering: Layout,
-  mcp: Workflow,
-  integration: Workflow,
-  security: Shield,
-  auth: Shield,
-  data: Database,
-  storage: Database
-};
-var stabilityToneMap = {
-  stable: "success",
-  beta: "warning",
-  experimental: "info",
-  deprecated: "danger"
-};
-var sizeClasses = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-};
-function FeatureIcon({
-  domain,
-  tags = [],
-  stability,
-  icon: IconOverride,
-  size = "md",
-  className
-}) {
-  const Icon = React.useMemo(() => {
-    if (IconOverride)
-      return IconOverride;
-    if (domain) {
-      const domainIcon = domainIconMap[domain.toLowerCase()];
-      if (domainIcon)
-        return domainIcon;
-    }
-    for (const tag of tags) {
-      const tagIcon = tagIconMap[tag.toLowerCase()];
-      if (tagIcon)
-        return tagIcon;
-    }
-    return Boxes;
-  }, [domain, tags, IconOverride]);
-  const tone = stability ? stabilityToneMap[stability] || "primary" : "primary";
-  const toneClasses = {
-    success: "text-emerald-600 dark:text-emerald-400",
-    warning: "text-amber-600 dark:text-amber-400",
-    info: "text-blue-600 dark:text-blue-400",
-    danger: "text-red-600 dark:text-red-400",
-    primary: "text-primary"
-  };
-  return /* @__PURE__ */ jsx(Icon, {
-    className: cn(sizeClasses[size], toneClasses[tone], className)
-  });
-}
-function getFeatureIconTone(stability) {
-  if (!stability)
-    return "primary";
-  return stabilityToneMap[stability] || "primary";
-}
-// src/presentation/features/hooks/useContractsRegistry.ts
-import { useMemo as useMemo2 } from "react";
-"use client";
-function useContractsRegistry() {
-  const registry = useMemo2(() => getContractSpecOperationRegistry(), []);
-  return useMemo2(() => ({
-    resolveOperation: (ref) => resolveOperationSpec(ref.key, ref.version),
-    getOperationSpec: (key, version) => resolveOperationSpec(key, version),
-    listOperations: () => registry.list()
-  }), [registry]);
-}
-
-// src/presentation/features/hooks/useFeatureFilters.ts
-import { useCallback, useMemo as useMemo3, useState } from "react";
-"use client";
-var defaultFilters = {
-  search: "",
-  tags: [],
-  stability: [],
-  domain: []
-};
-function useFeatureFilters(features) {
-  const [filters, setFilters] = useState(defaultFilters);
-  const setSearch = useCallback((search) => {
-    setFilters((prev) => ({ ...prev, search }));
-  }, []);
-  const toggleTag = useCallback((tag) => {
-    setFilters((prev) => ({
-      ...prev,
-      tags: prev.tags.includes(tag) ? prev.tags.filter((t) => t !== tag) : [...prev.tags, tag]
-    }));
-  }, []);
-  const toggleStability = useCallback((stability) => {
-    setFilters((prev) => ({
-      ...prev,
-      stability: prev.stability.includes(stability) ? prev.stability.filter((s) => s !== stability) : [...prev.stability, stability]
-    }));
-  }, []);
-  const toggleDomain = useCallback((domain) => {
-    setFilters((prev) => ({
-      ...prev,
-      domain: prev.domain.includes(domain) ? prev.domain.filter((d) => d !== domain) : [...prev.domain, domain]
-    }));
-  }, []);
-  const clearFilters = useCallback(() => setFilters(defaultFilters), []);
-  const hasActiveFilters = useMemo3(() => {
-    return filters.search.length > 0 || filters.tags.length > 0 || filters.stability.length > 0 || filters.domain.length > 0;
-  }, [filters]);
-  const filteredFeatures = useMemo3(() => {
-    return features.filter((feature) => {
-      if (filters.search) {
-        const searchLower = filters.search.toLowerCase();
-        const title = feature.meta.title ?? "";
-        const matches = title.toLowerCase().includes(searchLower) || feature.meta.description?.toLowerCase().includes(searchLower) || feature.meta.key.toLowerCase().includes(searchLower);
-        if (!matches)
-          return false;
-      }
-      if (filters.tags.length > 0) {
-        const hasTag = filters.tags.some((tag) => feature.meta.tags?.includes(tag));
-        if (!hasTag)
-          return false;
-      }
-      if (filters.stability.length > 0) {
-        if (!filters.stability.includes(feature.meta.stability ?? "unknown"))
-          return false;
-      }
-      if (filters.domain.length > 0) {
-        if (!filters.domain.includes(feature.meta.domain ?? "unknown"))
-          return false;
-      }
-      return true;
-    });
-  }, [features, filters]);
-  return {
-    filters,
-    setSearch,
-    toggleTag,
-    toggleStability,
-    toggleDomain,
-    clearFilters,
-    filteredFeatures,
-    hasActiveFilters
-  };
-}
-
-// src/presentation/features/hooks/useFeatureRegistry.ts
-import { useMemo as useMemo4 } from "react";
-"use client";
-function useFeatureRegistry() {
-  const registry = useMemo4(() => getContractSpecFeatureRegistry(), []);
-  return useMemo4(() => {
-    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/useRelatedDocs.ts
-import { defaultDocRegistry } from "@contractspec/lib.contracts-spec/docs";
-import { useMemo as useMemo5 } from "react";
-"use client";
-function useRelatedDocs(key, tags) {
-  const docs2 = useMemo5(() => {
-    try {
-      const allDocs = defaultDocRegistry.list();
-      return allDocs.filter(({ block }) => {
-        const keyMatch = block.id.toLowerCase().includes(key.toLowerCase()) || block.title.toLowerCase().includes(key.toLowerCase());
-        const tagMatch = tags?.some((t) => block.tags?.some((bt) => bt.toLowerCase().includes(t.toLowerCase())));
-        return keyMatch || tagMatch;
-      }).map(({ block, route }) => ({
-        id: block.id,
-        title: block.title,
-        summary: block.summary,
-        route
-      }));
-    } catch (e) {
-      console.error("Failed to fetch related docs:", e);
-      return [];
-    }
-  }, [key, tags]);
-  return docs2;
-}
-
-// src/presentation/features/molecules/FeatureHoverPreview/FeatureHoverPreview.tsx
-import { StatusChip } from "@contractspec/lib.design-system";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-import {
-  ArrowRight,
-  Layout as Layout2,
-  Radio,
-  Shield as Shield2,
-  Tag,
-  Users,
-  Zap
-} from "lucide-react";
-import { jsx as jsx2, jsxs, Fragment } from "react/jsx-runtime";
-"use client";
-function FeatureHoverPreview({ feature }) {
-  const { meta, operations, events, presentations, capabilities } = feature;
-  const hasCapabilities = capabilities?.provides?.length || capabilities?.requires?.length;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      meta.description && /* @__PURE__ */ jsx2("p", {
-        className: "text-muted-foreground text-sm leading-relaxed",
-        children: meta.description
-      }),
-      /* @__PURE__ */ jsxs(HStack, {
-        gap: "md",
-        className: "py-2",
-        children: [
-          operations?.length ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5 text-sm",
-            children: [
-              /* @__PURE__ */ jsx2(Zap, {
-                className: "h-4 w-4 text-amber-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "font-medium",
-                children: operations.length
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground",
-                children: "ops"
-              })
-            ]
-          }) : null,
-          events?.length ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5 text-sm",
-            children: [
-              /* @__PURE__ */ jsx2(Radio, {
-                className: "h-4 w-4 text-blue-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "font-medium",
-                children: events.length
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground",
-                children: "events"
-              })
-            ]
-          }) : null,
-          presentations?.length ? /* @__PURE__ */ jsxs("div", {
-            className: "flex items-center gap-1.5 text-sm",
-            children: [
-              /* @__PURE__ */ jsx2(Layout2, {
-                className: "h-4 w-4 text-purple-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "font-medium",
-                children: presentations.length
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground",
-                children: "views"
-              })
-            ]
-          }) : null
-        ]
-      }),
-      hasCapabilities && /* @__PURE__ */ jsxs("div", {
-        className: "space-y-1.5 border-border/50 border-t pt-1",
-        children: [
-          capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
-            gap: "xs",
-            wrap: "wrap",
-            className: "items-start",
-            children: [
-              /* @__PURE__ */ jsx2(Shield2, {
-                className: "mt-0.5 h-3.5 w-3.5 text-emerald-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground text-xs",
-                children: "Provides:"
-              }),
-              capabilities.provides.slice(0, 2).map((cap) => /* @__PURE__ */ jsx2(StatusChip, {
-                tone: "success",
-                label: cap.key,
-                size: "sm"
-              }, cap.key)),
-              capabilities.provides.length > 2 && /* @__PURE__ */ jsxs("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "+",
-                  capabilities.provides.length - 2
-                ]
-              })
-            ]
-          }) : null,
-          capabilities?.requires?.length ? /* @__PURE__ */ jsxs(HStack, {
-            gap: "xs",
-            wrap: "wrap",
-            className: "items-start",
-            children: [
-              /* @__PURE__ */ jsx2(ArrowRight, {
-                className: "mt-0.5 h-3.5 w-3.5 text-blue-500"
-              }),
-              /* @__PURE__ */ jsx2("span", {
-                className: "text-muted-foreground text-xs",
-                children: "Requires:"
-              }),
-              capabilities.requires.slice(0, 2).map((req) => /* @__PURE__ */ jsx2(StatusChip, {
-                tone: "info",
-                label: req.key,
-                size: "sm"
-              }, req.key)),
-              capabilities.requires.length > 2 && /* @__PURE__ */ jsxs("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "+",
-                  capabilities.requires.length - 2
-                ]
-              })
-            ]
-          }) : null
-        ]
-      }),
-      meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
-        gap: "xs",
-        wrap: "wrap",
-        className: "items-center border-border/50 border-t pt-1",
-        children: [
-          /* @__PURE__ */ jsx2(Tag, {
-            className: "h-3.5 w-3.5 text-muted-foreground"
-          }),
-          meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
-            className: "rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",
-            children: [
-              "#",
-              tag
-            ]
-          }, tag)),
-          meta.tags.length > 4 && /* @__PURE__ */ jsxs("span", {
-            className: "text-muted-foreground text-xs",
-            children: [
-              "+",
-              meta.tags.length - 4
-            ]
-          })
-        ]
-      }) : null,
-      meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
-        gap: "xs",
-        className: "items-center text-muted-foreground text-xs",
-        children: [
-          /* @__PURE__ */ jsx2(Users, {
-            className: "h-3.5 w-3.5"
-          }),
-          /* @__PURE__ */ jsx2("span", {
-            children: meta.owners.join(", ")
-          })
-        ]
-      }) : null
-    ]
-  });
-}
-// 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 { 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 = {
-  stable: "success",
-  beta: "warning",
-  experimental: "info",
-  deprecated: "danger"
-};
-function FeatureCard({
-  feature,
-  onSelect,
-  className
-}) {
-  const { meta, operations, events, presentations, capabilities } = feature;
-  const tone = stabilityTone[meta.stability] ?? "neutral";
-  const iconTone = getFeatureIconTone(meta.stability);
-  const emphasis = meta.stability === "stable" ? "strong" : "default";
-  const handleClick = onSelect ? () => onSelect(feature) : undefined;
-  const hasCapabilities = capabilities?.provides?.length || capabilities?.requires?.length;
-  return /* @__PURE__ */ jsx3(EntityCard, {
-    cardTitle: meta.title,
-    cardSubtitle: meta.key,
-    className,
-    onClick: handleClick,
-    emphasis,
-    icon: /* @__PURE__ */ jsx3(FeatureIcon, {
-      domain: meta.domain,
-      tags: meta.tags,
-      stability: meta.stability,
-      size: "md"
-    }),
-    iconTone,
-    chips: /* @__PURE__ */ jsx3(StatusChip2, {
-      tone,
-      label: meta.stability ?? "unknown",
-      size: "sm"
-    }),
-    meta: meta.description ? /* @__PURE__ */ jsx3("span", {
-      className: "line-clamp-2 text-muted-foreground text-sm",
-      children: meta.description
-    }) : undefined,
-    preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
-      feature
-    }),
-    footer: /* @__PURE__ */ jsxs2(HStack2, {
-      gap: "md",
-      className: "w-full justify-between text-muted-foreground text-xs",
-      children: [
-        /* @__PURE__ */ jsxs2(HStack2, {
-          gap: "sm",
-          children: [
-            operations?.length ? /* @__PURE__ */ jsxs2("span", {
-              className: "flex items-center gap-1",
-              children: [
-                /* @__PURE__ */ jsx3(Zap2, {
-                  className: "h-3 w-3 text-amber-500"
-                }),
-                operations.length
-              ]
-            }) : null,
-            events?.length ? /* @__PURE__ */ jsxs2("span", {
-              className: "flex items-center gap-1",
-              children: [
-                /* @__PURE__ */ jsx3(Radio2, {
-                  className: "h-3 w-3 text-blue-500"
-                }),
-                events.length
-              ]
-            }) : null,
-            presentations?.length ? /* @__PURE__ */ jsxs2("span", {
-              className: "flex items-center gap-1",
-              children: [
-                /* @__PURE__ */ jsx3(Layout3, {
-                  className: "h-3 w-3 text-purple-500"
-                }),
-                presentations.length
-              ]
-            }) : null
-          ]
-        }),
-        hasCapabilities && /* @__PURE__ */ jsxs2("span", {
-          className: "flex items-center gap-1",
-          children: [
-            /* @__PURE__ */ jsx3(Shield3, {
-              className: "h-3 w-3 text-emerald-500"
-            }),
-            (capabilities?.provides?.length ?? 0) + (capabilities?.requires?.length ?? 0)
-          ]
-        })
-      ]
-    })
-  });
-}
-// 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,
-  filters,
-  setSearch,
-  toggleTag,
-  toggleStability,
-  clearFilters,
-  hasActiveFilters,
-  className
-}) {
-  return /* @__PURE__ */ jsxs4(VStack, {
-    gap: "md",
-    className: cn3("w-full", className),
-    children: [
-      /* @__PURE__ */ jsxs4(HStack4, {
-        gap: "md",
-        justify: "between",
-        className: "w-full",
-        children: [
-          /* @__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__ */ jsx5(Button, {
-            variant: "ghost",
-            size: "sm",
-            onClick: clearFilters,
-            children: "Clear filters"
-          })
-        ]
-      }),
-      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
-        gap: "xs",
-        wrap: "wrap",
-        children: [
-          /* @__PURE__ */ jsx5("span", {
-            className: "text-muted-foreground text-sm",
-            children: "Stability:"
-          }),
-          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx5(Button, {
-            variant: filters.stability.includes(stability) ? "default" : "outline",
-            size: "sm",
-            onClick: () => toggleStability(stability),
-            "aria-pressed": filters.stability.includes(stability),
-            children: stability
-          }, stability))
-        ]
-      }),
-      uniqueTags.length > 0 && /* @__PURE__ */ jsxs4(HStack4, {
-        gap: "xs",
-        wrap: "wrap",
-        children: [
-          /* @__PURE__ */ jsx5("span", {
-            className: "text-muted-foreground text-sm",
-            children: "Tags:"
-          }),
-          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs4(Button, {
-            variant: filters.tags.includes(tag) ? "default" : "outline",
-            size: "sm",
-            onClick: () => toggleTag(tag),
-            "aria-pressed": filters.tags.includes(tag),
-            children: [
-              "#",
-              tag
-            ]
-          }, tag)),
-          uniqueTags.length > 10 && /* @__PURE__ */ jsxs4("span", {
-            className: "text-muted-foreground text-sm",
-            children: [
-              "+",
-              uniqueTags.length - 10,
-              " more"
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-// 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 FeatureDataViewsList({
-  feature
-}) {
-  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__ */ jsxs5(HStack5, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx7(StatusChip4, {
-            tone,
-            label: meta.stability ?? "unknown"
-          }),
-          /* @__PURE__ */ jsx7(StatusChip4, {
-            tone: "neutral",
-            label: meta.key,
-            size: "sm"
-          }),
-          /* @__PURE__ */ jsx7(StatusChip4, {
-            tone: "neutral",
-            label: `v${meta.version}`,
-            size: "sm"
-          })
-        ]
-      }),
-      /* @__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
-}) {
-  const { features, getUniqueTags, getUniqueStabilities } = useFeatureRegistry();
-  const {
-    filters,
-    setSearch,
-    toggleTag,
-    toggleStability,
-    clearFilters,
-    filteredFeatures,
-    hasActiveFilters
-  } = useFeatureFilters(features);
-  const uniqueTags = getUniqueTags();
-  const uniqueStabilities = getUniqueStabilities();
-  const [viewMode, setViewMode] = React2.useState(defaultViewMode);
-  const [collapsedGroups, setCollapsedGroups] = React2.useState(new Set);
-  const featuredFeatures = React2.useMemo(() => filteredFeatures.filter((f) => f.meta.stability === "stable"), [filteredFeatures]);
-  const nonFeaturedFeatures = React2.useMemo(() => showFeatured ? filteredFeatures.filter((f) => f.meta.stability !== "stable") : filteredFeatures, [filteredFeatures, showFeatured]);
-  const groupedFeatures = React2.useMemo(() => {
-    if (groupBy === "none")
-      return null;
-    if (groupBy === "domain")
-      return groupFeaturesByDomain(nonFeaturedFeatures);
-    return groupFeaturesByStability(nonFeaturedFeatures);
-  }, [nonFeaturedFeatures, groupBy]);
-  const toggleGroup = (group) => {
-    setCollapsedGroups((prev) => {
-      const next = new Set(prev);
-      if (next.has(group)) {
-        next.delete(group);
-      } else {
-        next.add(group);
-      }
-      return next;
-    });
-  };
-  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__ */ jsx8("div", {
-    className: gridClasses,
-    children: featureList.map((feature) => /* @__PURE__ */ jsx8(FeatureCard, {
-      feature,
-      onSelect: onSelectFeature
-    }, feature.meta.key))
-  });
-  return /* @__PURE__ */ jsxs6(VStack3, {
-    gap: "lg",
-    className: cn5("w-full p-6", className),
-    children: [
-      /* @__PURE__ */ jsxs6("div", {
-        className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-        children: [
-          /* @__PURE__ */ jsx8(PageHeaderResponsive, {
-            title: "Feature Discovery",
-            subtitle: `Browse ${features.length} available ContractSpec features`
-          }),
-          /* @__PURE__ */ jsxs6(HStack6, {
-            gap: "xs",
-            children: [
-              /* @__PURE__ */ jsx8("button", {
-                type: "button",
-                onClick: () => setViewMode("grid"),
-                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__ */ jsx8(LayoutGrid, {
-                  className: "h-4 w-4"
-                })
-              }),
-              /* @__PURE__ */ jsx8("button", {
-                type: "button",
-                onClick: () => setViewMode("list"),
-                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__ */ jsx8(List, {
-                  className: "h-4 w-4"
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx8(FeatureFiltersBar, {
-        uniqueTags,
-        uniqueStabilities,
-        filters,
-        setSearch,
-        toggleTag,
-        toggleStability,
-        clearFilters,
-        hasActiveFilters
-      }),
-      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__ */ jsx8(Button2, {
-          variant: "outline",
-          onClick: clearFilters,
-          children: "Clear filters"
-        }) : undefined
-      }) : /* @__PURE__ */ jsxs6(VStack3, {
-        gap: "lg",
-        children: [
-          showFeatured && featuredFeatures.length > 0 && /* @__PURE__ */ jsxs6(VStack3, {
-            gap: "sm",
-            children: [
-              /* @__PURE__ */ jsxs6(HStack6, {
-                gap: "sm",
-                className: "items-center",
-                children: [
-                  /* @__PURE__ */ jsx8(Star, {
-                    className: "h-5 w-5 fill-amber-500 text-amber-500"
-                  }),
-                  /* @__PURE__ */ jsx8("span", {
-                    className: "font-semibold text-lg",
-                    children: "Featured"
-                  }),
-                  /* @__PURE__ */ jsx8(StatusChip5, {
-                    tone: "success",
-                    label: `${featuredFeatures.length} stable`,
-                    size: "sm"
-                  })
-                ]
-              }),
-              renderFeatureCards(featuredFeatures)
-            ]
-          }),
-          groupedFeatures ? /* @__PURE__ */ jsx8(VStack3, {
-            gap: "md",
-            children: Object.entries(groupedFeatures).map(([group, groupFeatures]) => /* @__PURE__ */ jsxs6(VStack3, {
-              gap: "sm",
-              children: [
-                /* @__PURE__ */ jsx8(FeatureCategoryHeader, {
-                  title: group,
-                  count: groupFeatures.length,
-                  isCollapsed: collapsedGroups.has(group),
-                  onToggle: () => toggleGroup(group)
-                }),
-                !collapsedGroups.has(group) && renderFeatureCards(groupFeatures)
-              ]
-            }, group))
-          }) : renderFeatureCards(nonFeaturedFeatures)
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/features/organisms/FeatureEventsList.tsx
-import { EntityCard as EntityCard3 } from "@contractspec/lib.design-system";
-import { Radio as Radio3 } from "lucide-react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-"use client";
-function FeatureEventsList({ feature }) {
-  if (!feature.events?.length)
-    return null;
-  return /* @__PURE__ */ jsx9("div", {
-    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-    children: feature.events.map((ev) => {
-      const spec = resolveSerializedEventSpec(ev.key, ev.version);
-      return /* @__PURE__ */ jsx9(EntityCard3, {
-        cardTitle: ev.key,
-        cardSubtitle: `v${ev.version}`,
-        footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx9(Radio3, {
-          className: "h-4 w-4"
-        }),
-        href: `/features/${feature.meta.key}/events/${ev.key}`
-      }, ev.key);
-    })
-  });
-}
-
-// src/presentation/features/organisms/FeatureFormsList.tsx
-import { EntityCard as EntityCard4 } from "@contractspec/lib.design-system";
-import { FormInput } from "lucide-react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-"use client";
-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.forms.map((form) => {
-      const spec = resolveSerializedFormSpec(form.key, form.version);
-      return /* @__PURE__ */ jsx10(EntityCard4, {
-        cardTitle: form.key,
-        cardSubtitle: form.version ? `v${form.version}` : undefined,
-        footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx10(FormInput, {
-          className: "h-4 w-4"
-        }),
-        href: `/features/${feature.meta.key}/forms/${form.key}`
-      }, form.key);
-    })
-  });
-}
-
-// src/presentation/features/organisms/FeatureOperationsList.tsx
-import { EntityCard as EntityCard5 } from "@contractspec/lib.design-system";
-import { Zap as Zap3 } from "lucide-react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-"use client";
-function FeatureOperationsList({
-  feature
-}) {
-  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.operations.map((op) => {
-      const spec = resolveSerializedOperationSpec(op.key, op.version);
-      return /* @__PURE__ */ jsx11(EntityCard5, {
-        cardTitle: op.key,
-        cardSubtitle: `v${op.version}`,
-        footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx11(Zap3, {
-          className: "h-4 w-4"
-        }),
-        href: `/features/${feature.meta.key}/operations/${op.key}`
-      }, op.key);
-    })
-  });
-}
-
-// src/presentation/features/organisms/FeaturePresentationsList.tsx
-import { EntityCard as EntityCard6 } from "@contractspec/lib.design-system";
-import { Layout as Layout4 } from "lucide-react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-"use client";
-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.presentations.map((pres) => {
-      const spec = resolveSerializedPresentationSpec(pres.key, pres.version);
-      return /* @__PURE__ */ jsx12(EntityCard6, {
-        cardTitle: pres.key,
-        cardSubtitle: `v${pres.version}`,
-        footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsx12(Layout4, {
-          className: "h-4 w-4"
-        }),
-        href: `/features/${feature.meta.key}/presentations/${pres.key}`
-      }, pres.key);
-    })
-  });
-}
-
-// src/presentation/features/templates/FeatureDataViewDetailTemplate/FeatureDataViewDetailTemplate.tsx
-import {
-  Breadcrumbs,
-  CodeBlock,
-  EmptyState as EmptyState2,
-  PageHeaderResponsive as PageHeaderResponsive2,
-  StatusChip as StatusChip6
-} from "@contractspec/lib.design-system";
-import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
-import { Box as Box2, HStack as HStack7, VStack as VStack4 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn6 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { BookOpen, Code, Database as Database2, Table as Table2 } from "lucide-react";
-import Link2 from "next/link";
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
-"use client";
-function FeatureDataViewDetailTemplate({
-  feature,
-  viewKey,
-  view,
-  spec,
-  className
-}) {
-  const viewRef = view ?? feature.dataViews?.find((v) => v.key === viewKey);
-  const relatedDocs = useRelatedDocs(viewRef?.key || "", spec?.meta?.tags);
-  if (!viewRef) {
-    return /* @__PURE__ */ jsxs7(VStack4, {
-      gap: "lg",
-      className: cn6("mx-auto w-full max-w-5xl p-6", className),
-      children: [
-        /* @__PURE__ */ jsx13(PageHeaderResponsive2, {
-          title: "Data View Not Found",
-          subtitle: `Data View ${viewKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsx13(Breadcrumbs, {
-            items: [
-              { label: "Features", href: "/features" },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`
-              },
-              { label: "Data Views" }
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsx13(EmptyState2, {
-          title: "Data View not found",
-          description: `The data view '${viewKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsx13(Table2, {
-            className: "h-12 w-12 text-muted-foreground"
-          })
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs7(VStack4, {
-    gap: "lg",
-    className: cn6("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx13(PageHeaderResponsive2, {
-        title: viewRef.key,
-        subtitle: `Data View defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx13(Breadcrumbs, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            {
-              label: "Data Views",
-              href: `/features/${feature.meta.key}#dataviews`
-            },
-            { label: viewRef.key }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs7(HStack7, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx13(StatusChip6, {
-            tone: "neutral",
-            label: viewRef.key,
-            size: "sm",
-            icon: /* @__PURE__ */ jsx13(Table2, {
-              className: "h-3 w-3"
-            })
-          }),
-          /* @__PURE__ */ jsx13(StatusChip6, {
-            tone: "neutral",
-            label: `v${viewRef.version}`,
-            size: "sm"
-          }),
-          spec?.meta?.stability ? /* @__PURE__ */ jsx13(StatusChip6, {
-            tone: spec.meta.stability === "stable" ? "success" : "warning",
-            label: spec.meta.stability,
-            size: "sm"
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsxs7("div", {
-        className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsx13("div", {
-            className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsx13(Card, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs7(VStack4, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs7(HStack7, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx13(Code, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx13("h3", {
-                        className: "font-semibold text-lg",
-                        children: "View Definition"
-                      })
-                    ]
-                  }),
-                  spec ? /* @__PURE__ */ jsxs7(VStack4, {
-                    gap: "lg",
-                    children: [
-                      spec.meta.description && /* @__PURE__ */ jsx13("p", {
-                        className: "text-muted-foreground",
-                        children: spec.meta.description
-                      }),
-                      /* @__PURE__ */ jsxs7(Box2, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx13("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Source Query"
-                          }),
-                          /* @__PURE__ */ jsx13(CodeBlock, {
-                            code: JSON.stringify(spec.source, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs7(Box2, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx13("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "View Configuration"
-                          }),
-                          /* @__PURE__ */ jsx13(CodeBlock, {
-                            code: JSON.stringify(spec.view, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      })
-                    ]
-                  }) : /* @__PURE__ */ jsxs7(VStack4, {
-                    gap: "md",
-                    children: [
-                      /* @__PURE__ */ jsx13("p", {
-                        className: "text-muted-foreground",
-                        children: "Full definition details are not available for this data view reference."
-                      }),
-                      /* @__PURE__ */ jsx13(CodeBlock, {
-                        code: JSON.stringify(viewRef, null, 2),
-                        language: "json"
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx13("div", {
-            className: "space-y-6",
-            children: /* @__PURE__ */ jsx13(Card, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs7(VStack4, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs7(HStack7, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx13(Database2, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx13("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Metadata"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs7("dl", {
-                    className: "grid grid-cols-1 gap-4 text-sm",
-                    children: [
-                      /* @__PURE__ */ jsxs7("div", {
-                        children: [
-                          /* @__PURE__ */ jsx13("dt", {
-                            className: "text-muted-foreground",
-                            children: "Key"
-                          }),
-                          /* @__PURE__ */ jsx13("dd", {
-                            className: "truncate font-medium",
-                            children: viewRef.key
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs7("div", {
-                        children: [
-                          /* @__PURE__ */ jsx13("dt", {
-                            className: "text-muted-foreground",
-                            children: "Version"
-                          }),
-                          /* @__PURE__ */ jsx13("dd", {
-                            className: "font-medium",
-                            children: viewRef.version
-                          })
-                        ]
-                      }),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxs7("div", {
-                        children: [
-                          /* @__PURE__ */ jsx13("dt", {
-                            className: "text-muted-foreground",
-                            children: "Owners"
-                          }),
-                          /* @__PURE__ */ jsx13("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx13(StatusChip6, {
-                              label: o,
-                              size: "sm",
-                              tone: "neutral"
-                            }, o))
-                          })
-                        ]
-                      }),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxs7("div", {
-                        children: [
-                          /* @__PURE__ */ jsx13("dt", {
-                            className: "text-muted-foreground",
-                            children: "Tags"
-                          }),
-                          /* @__PURE__ */ jsx13("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx13(StatusChip6, {
-                              label: `#${t}`,
-                              size: "sm",
-                              tone: "neutral"
-                            }, t))
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          relatedDocs?.length ? /* @__PURE__ */ jsx13("div", {
-            className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsx13(Card, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs7(VStack4, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs7(HStack7, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx13(BookOpen, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx13("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Related Documentation"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx13("div", {
-                    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx13(Link2, {
-                      href: doc.route || `/docs/${doc.id}`,
-                      className: "group block",
-                      children: /* @__PURE__ */ jsxs7("div", {
-                        className: "h-full rounded-lg border p-4 transition-colors hover:border-primary",
-                        children: [
-                          /* @__PURE__ */ jsx13("h4", {
-                            className: "mb-1 font-semibold group-hover:text-primary",
-                            children: doc.title
-                          }),
-                          doc.summary && /* @__PURE__ */ jsx13("p", {
-                            className: "line-clamp-2 text-muted-foreground text-sm",
-                            children: doc.summary
-                          })
-                        ]
-                      })
-                    }, doc.id))
-                  })
-                ]
-              })
-            })
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureDataViewsTemplate/FeatureDataViewsTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs2,
-  PageHeaderResponsive as PageHeaderResponsive3
-} from "@contractspec/lib.design-system";
-import { VStack as VStack5 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn7 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
-"use client";
-function FeatureDataViewsTemplate({
-  feature,
-  className
-}) {
-  return /* @__PURE__ */ jsxs8(VStack5, {
-    gap: "lg",
-    className: cn7("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx14(PageHeaderResponsive3, {
-        title: "Data Views",
-        subtitle: `Data views defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx14(Breadcrumbs2, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Data Views" }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx14(FeatureDataViewsList, {
-        feature
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureEventDetailTemplate/FeatureEventDetailTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs3,
-  CodeBlock as CodeBlock2,
-  EmptyState as EmptyState3,
-  PageHeaderResponsive as PageHeaderResponsive4,
-  StatusChip as StatusChip7
-} from "@contractspec/lib.design-system";
-import { Card as Card2 } from "@contractspec/lib.ui-kit-web/ui/card";
-import { Box as Box3, HStack as HStack8, VStack as VStack6 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn8 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { BookOpen as BookOpen2, Code as Code2, Database as Database3, Radio as Radio4 } from "lucide-react";
-import Link3 from "next/link";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-"use client";
-function FeatureEventDetailTemplate({
-  feature,
-  eventKey,
-  event,
-  spec,
-  className
-}) {
-  const eventRef = event ?? feature.events?.find((ev) => ev.key === eventKey);
-  const relatedDocs = useRelatedDocs(eventRef?.key || "", spec?.meta?.tags);
-  if (!eventRef) {
-    return /* @__PURE__ */ jsxs9(VStack6, {
-      gap: "lg",
-      className: cn8("mx-auto w-full max-w-5xl p-6", className),
-      children: [
-        /* @__PURE__ */ jsx15(PageHeaderResponsive4, {
-          title: "Event Not Found",
-          subtitle: `Event ${eventKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsx15(Breadcrumbs3, {
-            items: [
-              { label: "Features", href: "/features" },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`
-              },
-              {
-                label: "Events",
-                href: `/features/${feature.meta.key}/events`
-              }
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsx15(EmptyState3, {
-          title: "Event not found",
-          description: `The event '${eventKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsx15(Radio4, {
-            className: "h-12 w-12 text-muted-foreground"
-          })
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs9(VStack6, {
-    gap: "lg",
-    className: cn8("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx15(PageHeaderResponsive4, {
-        title: eventRef.key,
-        subtitle: `Event defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx15(Breadcrumbs3, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Events", href: `/features/${feature.meta.key}#events` },
-            { label: eventRef.key }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs9(HStack8, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx15(StatusChip7, {
-            tone: "neutral",
-            label: eventRef.key,
-            size: "sm",
-            icon: /* @__PURE__ */ jsx15(Radio4, {
-              className: "h-3 w-3"
-            })
-          }),
-          /* @__PURE__ */ jsx15(StatusChip7, {
-            tone: "neutral",
-            label: `v${eventRef.version}`,
-            size: "sm"
-          }),
-          spec?.meta?.stability ? /* @__PURE__ */ jsx15(StatusChip7, {
-            tone: spec.meta.stability === "stable" ? "success" : "warning",
-            label: spec.meta.stability,
-            size: "sm"
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsxs9("div", {
-        className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsx15("div", {
-            className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsx15(Card2, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs9(VStack6, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs9(HStack8, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx15(Code2, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx15("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Payload Definition"
-                      })
-                    ]
-                  }),
-                  spec ? /* @__PURE__ */ jsxs9(VStack6, {
-                    gap: "lg",
-                    children: [
-                      spec.meta.description && /* @__PURE__ */ jsx15("p", {
-                        className: "text-muted-foreground",
-                        children: spec.meta.description
-                      }),
-                      /* @__PURE__ */ jsxs9(Box3, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx15("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Payload Schema"
-                          }),
-                          /* @__PURE__ */ jsx15(CodeBlock2, {
-                            code: JSON.stringify(spec.payload, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      })
-                    ]
-                  }) : /* @__PURE__ */ jsxs9(VStack6, {
-                    gap: "md",
-                    children: [
-                      /* @__PURE__ */ jsx15("p", {
-                        className: "text-muted-foreground",
-                        children: "Full payload details are not available for this event reference."
-                      }),
-                      /* @__PURE__ */ jsx15(CodeBlock2, {
-                        code: JSON.stringify(eventRef, null, 2),
-                        language: "json"
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx15("div", {
-            className: "space-y-6",
-            children: /* @__PURE__ */ jsx15(Card2, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs9(VStack6, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs9(HStack8, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx15(Database3, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx15("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Metadata"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs9("dl", {
-                    className: "grid grid-cols-1 gap-4 text-sm",
-                    children: [
-                      /* @__PURE__ */ jsxs9("div", {
-                        children: [
-                          /* @__PURE__ */ jsx15("dt", {
-                            className: "text-muted-foreground",
-                            children: "Key"
-                          }),
-                          /* @__PURE__ */ jsx15("dd", {
-                            className: "truncate font-medium",
-                            children: eventRef.key
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs9("div", {
-                        children: [
-                          /* @__PURE__ */ jsx15("dt", {
-                            className: "text-muted-foreground",
-                            children: "Version"
-                          }),
-                          /* @__PURE__ */ jsx15("dd", {
-                            className: "font-medium",
-                            children: eventRef.version
-                          })
-                        ]
-                      }),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxs9("div", {
-                        children: [
-                          /* @__PURE__ */ jsx15("dt", {
-                            className: "text-muted-foreground",
-                            children: "Owners"
-                          }),
-                          /* @__PURE__ */ jsx15("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx15(StatusChip7, {
-                              label: o,
-                              size: "sm",
-                              tone: "neutral"
-                            }, o))
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          relatedDocs?.length ? /* @__PURE__ */ jsx15("div", {
-            className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsx15(Card2, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs9(VStack6, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs9(HStack8, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx15(BookOpen2, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx15("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Related Documentation"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx15("div", {
-                    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx15(Link3, {
-                      href: doc.route || `/docs/${doc.id}`,
-                      className: "group block",
-                      children: /* @__PURE__ */ jsxs9("div", {
-                        className: "h-full rounded-lg border p-4 transition-colors hover:border-primary",
-                        children: [
-                          /* @__PURE__ */ jsx15("h4", {
-                            className: "mb-1 font-semibold group-hover:text-primary",
-                            children: doc.title
-                          }),
-                          doc.summary && /* @__PURE__ */ jsx15("p", {
-                            className: "line-clamp-2 text-muted-foreground text-sm",
-                            children: doc.summary
-                          })
-                        ]
-                      })
-                    }, doc.id))
-                  })
-                ]
-              })
-            })
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureEventsTemplate/FeatureEventsTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs4,
-  PageHeaderResponsive as PageHeaderResponsive5
-} from "@contractspec/lib.design-system";
-import { VStack as VStack7 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn9 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
-"use client";
-function FeatureEventsTemplate({
-  feature,
-  className
-}) {
-  return /* @__PURE__ */ jsxs10(VStack7, {
-    gap: "lg",
-    className: cn9("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx16(PageHeaderResponsive5, {
-        title: "Events",
-        subtitle: `Events defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx16(Breadcrumbs4, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Events" }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx16(FeatureEventsList, {
-        feature
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureFormDetailTemplate/FeatureFormDetailTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs5,
-  CodeBlock as CodeBlock3,
-  EmptyState as EmptyState4,
-  PageHeaderResponsive as PageHeaderResponsive6,
-  StatusChip as StatusChip8
-} from "@contractspec/lib.design-system";
-import { Card as Card3 } from "@contractspec/lib.ui-kit-web/ui/card";
-import { Box as Box4, HStack as HStack9, VStack as VStack8 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { BookOpen as BookOpen3, Code as Code3, Database as Database4, PenTool } from "lucide-react";
-import Link4 from "next/link";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
-"use client";
-function FeatureFormDetailTemplate({
-  feature,
-  formKey,
-  form,
-  spec,
-  className
-}) {
-  const formRef = form ?? feature.forms?.find((f) => f.key === formKey);
-  const relatedDocs = useRelatedDocs(formRef?.key || "", spec?.meta?.tags);
-  if (!formRef) {
-    return /* @__PURE__ */ jsxs11(VStack8, {
-      gap: "lg",
-      className: cn10("mx-auto w-full max-w-5xl p-6", className),
-      children: [
-        /* @__PURE__ */ jsx17(PageHeaderResponsive6, {
-          title: "Form Not Found",
-          subtitle: `Form ${formKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsx17(Breadcrumbs5, {
-            items: [
-              { label: "Features", href: "/features" },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`
-              },
-              { label: "Forms" }
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsx17(EmptyState4, {
-          title: "Form not found",
-          description: `The form '${formKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsx17(PenTool, {
-            className: "h-12 w-12 text-muted-foreground"
-          })
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs11(VStack8, {
-    gap: "lg",
-    className: cn10("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx17(PageHeaderResponsive6, {
-        title: formRef.key,
-        subtitle: `Form defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx17(Breadcrumbs5, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Forms", href: `/features/${feature.meta.key}#forms` },
-            { label: formRef.key }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs11(HStack9, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx17(StatusChip8, {
-            tone: "neutral",
-            label: formRef.key,
-            size: "sm",
-            icon: /* @__PURE__ */ jsx17(PenTool, {
-              className: "h-3 w-3"
-            })
-          }),
-          /* @__PURE__ */ jsx17(StatusChip8, {
-            tone: "neutral",
-            label: `v${formRef.version}`,
-            size: "sm"
-          }),
-          spec?.meta?.stability ? /* @__PURE__ */ jsx17(StatusChip8, {
-            tone: spec.meta.stability === "stable" ? "success" : "warning",
-            label: spec.meta.stability,
-            size: "sm"
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsxs11("div", {
-        className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsx17("div", {
-            className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsx17(Card3, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs11(VStack8, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs11(HStack9, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx17(Code3, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx17("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Form Definition"
-                      })
-                    ]
-                  }),
-                  spec ? /* @__PURE__ */ jsxs11(VStack8, {
-                    gap: "lg",
-                    children: [
-                      spec.meta.description && /* @__PURE__ */ jsx17("p", {
-                        className: "text-muted-foreground",
-                        children: spec.meta.description
-                      }),
-                      /* @__PURE__ */ jsxs11(Box4, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx17("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Fields"
-                          }),
-                          /* @__PURE__ */ jsx17(CodeBlock3, {
-                            code: JSON.stringify(spec.fields, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs11(Box4, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx17("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Actions"
-                          }),
-                          /* @__PURE__ */ jsx17(CodeBlock3, {
-                            code: JSON.stringify(spec.actions, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      })
-                    ]
-                  }) : /* @__PURE__ */ jsxs11(VStack8, {
-                    gap: "md",
-                    children: [
-                      /* @__PURE__ */ jsx17("p", {
-                        className: "text-muted-foreground",
-                        children: "Full form definition details are not available for this form reference."
-                      }),
-                      /* @__PURE__ */ jsx17(CodeBlock3, {
-                        code: JSON.stringify(formRef, null, 2),
-                        language: "json"
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx17("div", {
-            className: "space-y-6",
-            children: /* @__PURE__ */ jsx17(Card3, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs11(VStack8, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs11(HStack9, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx17(Database4, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx17("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Metadata"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs11("dl", {
-                    className: "grid grid-cols-1 gap-4 text-sm",
-                    children: [
-                      /* @__PURE__ */ jsxs11("div", {
-                        children: [
-                          /* @__PURE__ */ jsx17("dt", {
-                            className: "text-muted-foreground",
-                            children: "Key"
-                          }),
-                          /* @__PURE__ */ jsx17("dd", {
-                            className: "truncate font-medium",
-                            children: formRef.key
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs11("div", {
-                        children: [
-                          /* @__PURE__ */ jsx17("dt", {
-                            className: "text-muted-foreground",
-                            children: "Version"
-                          }),
-                          /* @__PURE__ */ jsx17("dd", {
-                            className: "font-medium",
-                            children: formRef.version
-                          })
-                        ]
-                      }),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxs11("div", {
-                        children: [
-                          /* @__PURE__ */ jsx17("dt", {
-                            className: "text-muted-foreground",
-                            children: "Owners"
-                          }),
-                          /* @__PURE__ */ jsx17("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx17(StatusChip8, {
-                              label: o,
-                              size: "sm",
-                              tone: "neutral"
-                            }, o))
-                          })
-                        ]
-                      }),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxs11("div", {
-                        children: [
-                          /* @__PURE__ */ jsx17("dt", {
-                            className: "text-muted-foreground",
-                            children: "Tags"
-                          }),
-                          /* @__PURE__ */ jsx17("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx17(StatusChip8, {
-                              label: `#${t}`,
-                              size: "sm",
-                              tone: "neutral"
-                            }, t))
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          relatedDocs?.length ? /* @__PURE__ */ jsx17("div", {
-            className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsx17(Card3, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs11(VStack8, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs11(HStack9, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx17(BookOpen3, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx17("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Related Documentation"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx17("div", {
-                    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx17(Link4, {
-                      href: doc.route || `/docs/${doc.id}`,
-                      className: "group block",
-                      children: /* @__PURE__ */ jsxs11("div", {
-                        className: "h-full rounded-lg border p-4 transition-colors hover:border-primary",
-                        children: [
-                          /* @__PURE__ */ jsx17("h4", {
-                            className: "mb-1 font-semibold group-hover:text-primary",
-                            children: doc.title
-                          }),
-                          doc.summary && /* @__PURE__ */ jsx17("p", {
-                            className: "line-clamp-2 text-muted-foreground text-sm",
-                            children: doc.summary
-                          })
-                        ]
-                      })
-                    }, doc.id))
-                  })
-                ]
-              })
-            })
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureFormsTemplate/FeatureFormsTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs6,
-  PageHeaderResponsive as PageHeaderResponsive7
-} from "@contractspec/lib.design-system";
-import { VStack as VStack9 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn11 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
-"use client";
-function FeatureFormsTemplate({
-  feature,
-  className
-}) {
-  return /* @__PURE__ */ jsxs12(VStack9, {
-    gap: "lg",
-    className: cn11("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx18(PageHeaderResponsive7, {
-        title: "Forms",
-        subtitle: `Forms defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx18(Breadcrumbs6, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Forms" }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx18(FeatureFormsList, {
-        feature
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs7,
-  CodeBlock as CodeBlock4,
-  EmptyState as EmptyState5,
-  PageHeaderResponsive as PageHeaderResponsive8,
-  StatusChip as StatusChip9
-} from "@contractspec/lib.design-system";
-import { Card as Card4 } from "@contractspec/lib.ui-kit-web/ui/card";
-import { Box as Box5, HStack as HStack10, VStack as VStack10 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn12 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { Code as Code4, Database as Database5, Zap as Zap4 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-"use client";
-function FeatureOperationDetailTemplate({
-  feature,
-  operationKey,
-  operation,
-  spec,
-  className
-}) {
-  const opRef = operation ?? feature.operations?.find((op) => op.key === operationKey);
-  const _relatedDocs = useRelatedDocs(opRef?.key || "", spec?.meta?.tags);
-  if (!opRef) {
-    return /* @__PURE__ */ jsxs13(VStack10, {
-      gap: "lg",
-      className: cn12("mx-auto w-full max-w-5xl p-6", className),
-      children: [
-        /* @__PURE__ */ jsx19(PageHeaderResponsive8, {
-          title: "Operation Not Found",
-          subtitle: `Operation ${operationKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsx19(Breadcrumbs7, {
-            items: [
-              { label: "Features", href: "/features" },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`
-              },
-              { label: "Operations" }
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsx19(EmptyState5, {
-          title: "Operation not found",
-          description: `The operation '${operationKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsx19(Zap4, {
-            className: "h-12 w-12 text-muted-foreground"
-          })
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs13(VStack10, {
-    gap: "lg",
-    className: cn12("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx19(PageHeaderResponsive8, {
-        title: opRef.key,
-        subtitle: `Operation defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx19(Breadcrumbs7, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            {
-              label: "Operations",
-              href: `/features/${feature.meta.key}/operations`
-            },
-            { label: opRef.key }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs13(HStack10, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx19(StatusChip9, {
-            tone: "neutral",
-            label: opRef.key,
-            size: "sm",
-            icon: /* @__PURE__ */ jsx19(Zap4, {
-              className: "h-3 w-3"
-            })
-          }),
-          /* @__PURE__ */ jsx19(StatusChip9, {
-            tone: "neutral",
-            label: `v${opRef.version}`,
-            size: "sm"
-          }),
-          spec?.meta?.stability ? /* @__PURE__ */ jsx19(StatusChip9, {
-            tone: spec.meta.stability === "stable" ? "success" : "warning",
-            label: spec.meta.stability,
-            size: "sm"
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsxs13("div", {
-        className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsx19("div", {
-            className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsx19(Card4, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs13(VStack10, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs13(HStack10, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx19(Code4, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx19("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Schema Definition"
-                      })
-                    ]
-                  }),
-                  spec ? /* @__PURE__ */ jsxs13(VStack10, {
-                    gap: "lg",
-                    children: [
-                      spec.meta.description && /* @__PURE__ */ jsx19("p", {
-                        className: "text-muted-foreground",
-                        children: spec.meta.description
-                      }),
-                      /* @__PURE__ */ jsxs13(Box5, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx19("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Input Schema"
-                          }),
-                          /* @__PURE__ */ jsx19(CodeBlock4, {
-                            className: "w-full",
-                            code: JSON.stringify(spec.io.input, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs13(Box5, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx19("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Output Schema"
-                          }),
-                          /* @__PURE__ */ jsx19(CodeBlock4, {
-                            className: "w-full",
-                            code: JSON.stringify(spec.io.output, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      })
-                    ]
-                  }) : /* @__PURE__ */ jsxs13(VStack10, {
-                    gap: "md",
-                    children: [
-                      /* @__PURE__ */ jsx19("p", {
-                        className: "text-muted-foreground",
-                        children: "Full schema details are not available for this operation reference."
-                      }),
-                      /* @__PURE__ */ jsx19(CodeBlock4, {
-                        code: JSON.stringify(opRef, null, 2),
-                        language: "json"
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx19("div", {
-            className: "space-y-6",
-            children: /* @__PURE__ */ jsx19(Card4, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs13(VStack10, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs13(HStack10, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx19(Database5, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx19("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Metadata"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs13("dl", {
-                    className: "grid grid-cols-1 gap-4 text-sm",
-                    children: [
-                      /* @__PURE__ */ jsxs13("div", {
-                        children: [
-                          /* @__PURE__ */ jsx19("dt", {
-                            className: "text-muted-foreground",
-                            children: "Key"
-                          }),
-                          /* @__PURE__ */ jsx19("dd", {
-                            className: "truncate font-medium",
-                            children: opRef.key
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs13("div", {
-                        children: [
-                          /* @__PURE__ */ jsx19("dt", {
-                            className: "text-muted-foreground",
-                            children: "Version"
-                          }),
-                          /* @__PURE__ */ jsx19("dd", {
-                            className: "font-medium",
-                            children: opRef.version
-                          })
-                        ]
-                      }),
-                      spec?.meta?.context && /* @__PURE__ */ jsxs13("div", {
-                        children: [
-                          /* @__PURE__ */ jsx19("dt", {
-                            className: "text-muted-foreground",
-                            children: "Context"
-                          }),
-                          /* @__PURE__ */ jsx19("dd", {
-                            className: "font-medium",
-                            children: spec.meta.context
-                          })
-                        ]
-                      }),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxs13("div", {
-                        children: [
-                          /* @__PURE__ */ jsx19("dt", {
-                            className: "text-muted-foreground",
-                            children: "Owners"
-                          }),
-                          /* @__PURE__ */ jsx19("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx19(StatusChip9, {
-                              label: o,
-                              size: "sm",
-                              tone: "neutral"
-                            }, o))
-                          })
-                        ]
-                      }),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxs13("div", {
-                        children: [
-                          /* @__PURE__ */ jsx19("dt", {
-                            className: "text-muted-foreground",
-                            children: "Tags"
-                          }),
-                          /* @__PURE__ */ jsx19("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx19(StatusChip9, {
-                              label: `#${t}`,
-                              size: "sm",
-                              tone: "neutral"
-                            }, t))
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          })
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs8,
-  PageHeaderResponsive as PageHeaderResponsive9
-} from "@contractspec/lib.design-system";
-import { VStack as VStack11 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn13 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
-"use client";
-function FeatureOperationsTemplate({
-  feature,
-  className
-}) {
-  return /* @__PURE__ */ jsxs14(VStack11, {
-    gap: "lg",
-    className: cn13("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx20(PageHeaderResponsive9, {
-        title: "Operations",
-        subtitle: `Operations defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx20(Breadcrumbs8, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Operations" }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx20(FeatureOperationsList, {
-        feature
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs9,
-  PageHeaderResponsive as PageHeaderResponsive10
-} from "@contractspec/lib.design-system";
-import { VStack as VStack12 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn14 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
-"use client";
-function FeatureOverviewTemplate({
-  feature,
-  className
-}) {
-  return /* @__PURE__ */ jsxs15(VStack12, {
-    gap: "lg",
-    className: cn14("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx21(PageHeaderResponsive10, {
-        title: feature.meta.title || feature.meta.key,
-        subtitle: feature.meta.description || "Feature overview",
-        breadcrumb: /* @__PURE__ */ jsx21(Breadcrumbs9, {
-          items: [
-            { label: "Features", href: "/features" },
-            { label: feature.meta.title || feature.meta.key }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx21(FeatureDetail, {
-        feature
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs10,
-  CodeBlock as CodeBlock5,
-  EmptyState as EmptyState6,
-  PageHeaderResponsive as PageHeaderResponsive11,
-  StatusChip as StatusChip10
-} from "@contractspec/lib.design-system";
-import { Card as Card5 } from "@contractspec/lib.ui-kit-web/ui/card";
-import { Box as Box6, HStack as HStack11, VStack as VStack13 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn15 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { BookOpen as BookOpen4, Code as Code5, Database as Database6, Layout as Layout5 } from "lucide-react";
-import Link5 from "next/link";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
-"use client";
-function FeaturePresentationDetailTemplate({
-  feature,
-  presentationKey,
-  presentation,
-  spec,
-  className
-}) {
-  const presRef = presentation ?? feature.presentations?.find((p) => p.key === presentationKey);
-  const relatedDocs = useRelatedDocs(presRef?.key || "", spec?.meta?.tags);
-  if (!presRef) {
-    return /* @__PURE__ */ jsxs16(VStack13, {
-      gap: "lg",
-      className: cn15("mx-auto w-full max-w-5xl p-6", className),
-      children: [
-        /* @__PURE__ */ jsx22(PageHeaderResponsive11, {
-          title: "Presentation Not Found",
-          subtitle: `Presentation ${presentationKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsx22(Breadcrumbs10, {
-            items: [
-              { label: "Features", href: "/features" },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`
-              },
-              {
-                label: "Presentations",
-                href: `/features/${feature.meta.key}/presentation`
-              }
-            ]
-          })
-        }),
-        /* @__PURE__ */ jsx22(EmptyState6, {
-          title: "Presentation not found",
-          description: `The presentation '${presentationKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsx22(Layout5, {
-            className: "h-12 w-12 text-muted-foreground"
-          })
-        })
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs16(VStack13, {
-    gap: "lg",
-    className: cn15("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx22(PageHeaderResponsive11, {
-        title: presRef.key,
-        subtitle: `Presentation defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx22(Breadcrumbs10, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            {
-              label: "Presentations",
-              href: `/features/${feature.meta.key}#presentations`
-            },
-            { label: presRef.key }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs16(HStack11, {
-        gap: "sm",
-        children: [
-          /* @__PURE__ */ jsx22(StatusChip10, {
-            tone: "neutral",
-            label: presRef.key,
-            size: "sm",
-            icon: /* @__PURE__ */ jsx22(Layout5, {
-              className: "h-3 w-3"
-            })
-          }),
-          /* @__PURE__ */ jsx22(StatusChip10, {
-            tone: "neutral",
-            label: `v${presRef.version}`,
-            size: "sm"
-          }),
-          spec?.meta?.stability ? /* @__PURE__ */ jsx22(StatusChip10, {
-            tone: spec.meta.stability === "stable" ? "success" : "warning",
-            label: spec.meta.stability,
-            size: "sm"
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsxs16("div", {
-        className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsx22("div", {
-            className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsx22(Card5, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs16(VStack13, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs16(HStack11, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx22(Code5, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx22("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Component Definition"
-                      })
-                    ]
-                  }),
-                  spec ? /* @__PURE__ */ jsxs16(VStack13, {
-                    gap: "lg",
-                    children: [
-                      spec.meta.description && /* @__PURE__ */ jsx22("p", {
-                        className: "text-muted-foreground",
-                        children: spec.meta.description
-                      }),
-                      /* @__PURE__ */ jsxs16(Box6, {
-                        className: "flex-col gap-2",
-                        children: [
-                          /* @__PURE__ */ jsx22("span", {
-                            className: "font-medium text-muted-foreground text-sm uppercase tracking-wider",
-                            children: "Spec Details"
-                          }),
-                          /* @__PURE__ */ jsx22(CodeBlock5, {
-                            code: JSON.stringify(spec, null, 2),
-                            language: "json"
-                          })
-                        ]
-                      })
-                    ]
-                  }) : /* @__PURE__ */ jsxs16(VStack13, {
-                    gap: "md",
-                    children: [
-                      /* @__PURE__ */ jsx22("p", {
-                        className: "text-muted-foreground",
-                        children: "Full component details are not available for this presentation reference."
-                      }),
-                      /* @__PURE__ */ jsx22(CodeBlock5, {
-                        code: JSON.stringify(presRef, null, 2),
-                        language: "json"
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          /* @__PURE__ */ jsx22("div", {
-            className: "space-y-6",
-            children: /* @__PURE__ */ jsx22(Card5, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs16(VStack13, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs16(HStack11, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx22(Database6, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx22("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Metadata"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs16("dl", {
-                    className: "grid grid-cols-1 gap-4 text-sm",
-                    children: [
-                      /* @__PURE__ */ jsxs16("div", {
-                        children: [
-                          /* @__PURE__ */ jsx22("dt", {
-                            className: "text-muted-foreground",
-                            children: "Key"
-                          }),
-                          /* @__PURE__ */ jsx22("dd", {
-                            className: "truncate font-medium",
-                            children: presRef.key
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxs16("div", {
-                        children: [
-                          /* @__PURE__ */ jsx22("dt", {
-                            className: "text-muted-foreground",
-                            children: "Version"
-                          }),
-                          /* @__PURE__ */ jsx22("dd", {
-                            className: "font-medium",
-                            children: presRef.version
-                          })
-                        ]
-                      }),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxs16("div", {
-                        children: [
-                          /* @__PURE__ */ jsx22("dt", {
-                            className: "text-muted-foreground",
-                            children: "Owners"
-                          }),
-                          /* @__PURE__ */ jsx22("dd", {
-                            className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx22(StatusChip10, {
-                              label: o,
-                              size: "sm",
-                              tone: "neutral"
-                            }, o))
-                          })
-                        ]
-                      })
-                    ]
-                  })
-                ]
-              })
-            })
-          }),
-          relatedDocs?.length ? /* @__PURE__ */ jsx22("div", {
-            className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsx22(Card5, {
-              className: "p-6",
-              children: /* @__PURE__ */ jsxs16(VStack13, {
-                gap: "md",
-                children: [
-                  /* @__PURE__ */ jsxs16(HStack11, {
-                    className: "items-center gap-2 border-b pb-2",
-                    children: [
-                      /* @__PURE__ */ jsx22(BookOpen4, {
-                        className: "h-5 w-5 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsx22("h3", {
-                        className: "font-semibold text-lg",
-                        children: "Related Documentation"
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsx22("div", {
-                    className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx22(Link5, {
-                      href: doc.route || `/docs/${doc.id}`,
-                      className: "group block",
-                      children: /* @__PURE__ */ jsxs16("div", {
-                        className: "h-full rounded-lg border p-4 transition-colors hover:border-primary",
-                        children: [
-                          /* @__PURE__ */ jsx22("h4", {
-                            className: "mb-1 font-semibold group-hover:text-primary",
-                            children: doc.title
-                          }),
-                          doc.summary && /* @__PURE__ */ jsx22("p", {
-                            className: "line-clamp-2 text-muted-foreground text-sm",
-                            children: doc.summary
-                          })
-                        ]
-                      })
-                    }, doc.id))
-                  })
-                ]
-              })
-            })
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-// src/presentation/features/templates/FeaturePresentationsTemplate/FeaturePresentationsTemplate.tsx
-import {
-  Breadcrumbs as Breadcrumbs11,
-  PageHeaderResponsive as PageHeaderResponsive12
-} from "@contractspec/lib.design-system";
-import { VStack as VStack14 } from "@contractspec/lib.ui-kit-web/ui/stack";
-import { cn as cn16 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-"use client";
-function FeaturePresentationsTemplate({
-  feature,
-  className
-}) {
-  return /* @__PURE__ */ jsxs17(VStack14, {
-    gap: "lg",
-    className: cn16("mx-auto w-full max-w-5xl p-6", className),
-    children: [
-      /* @__PURE__ */ jsx23(PageHeaderResponsive12, {
-        title: "Presentations",
-        subtitle: `Presentations defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsx23(Breadcrumbs11, {
-          items: [
-            { label: "Features", href: "/features" },
-            {
-              label: feature.meta.title || feature.meta.key,
-              href: `/features/${feature.meta.key}`
-            },
-            { label: "Presentations" }
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx23(FeaturePresentationsList, {
-        feature
-      })
-    ]
-  });
-}
-export {
-  useRelatedDocs,
-  useFeatureRegistry,
-  useFeatureFilters,
-  useContractsRegistry,
-  getFeatureIconTone,
-  FeaturePresentationsTemplate,
-  FeaturePresentationsList,
-  FeaturePresentationDetailTemplate,
-  FeatureOverviewTemplate,
-  FeatureOperationsTemplate,
-  FeatureOperationsList,
-  FeatureOperationDetailTemplate,
-  FeatureIcon,
-  FeatureHoverPreview,
-  FeatureFormsTemplate,
-  FeatureFormsList,
-  FeatureFormDetailTemplate,
-  FeatureFiltersBar,
-  FeatureEventsTemplate,
-  FeatureEventsList,
-  FeatureEventDetailTemplate,
-  FeatureDiscovery,
-  FeatureDetail,
-  FeatureDataViewsTemplate,
-  FeatureDataViewsList,
-  FeatureDataViewDetailTemplate,
-  FeatureCategoryHeader,
-  FeatureCard
-};
+import{EventRegistry as y$,OperationSpecRegistry as v$}from"@contractspec/lib.contracts-spec";import{DataViewRegistry as b$}from"@contractspec/lib.contracts-spec/data-views";import{ContractReferenceDataView as S$,ContractReferenceQuery as g$,DocsGenerateCommand as k$,DocsGeneratedEvent as d$,DocsIndexDataView as l$,DocsIndexQuery as n$,DocsLayoutPresentation as p$,DocsPublishCommand as f$,DocsPublishedEvent as o$,DocsReferencePagePresentation as i$,DocsSearchForm as c$,ExampleCatalogDataView as x$}from"@contractspec/lib.contracts-spec/docs";import{FormRegistry as j$}from"@contractspec/lib.contracts-spec/forms";import{PresentationRegistry as u$}from"@contractspec/lib.contracts-spec/presentations";import{serializeDataViewSpec as r$,serializeEventSpec as t$,serializeFormSpec as a$,serializeOperationSpec as s$,serializePresentationSpec as e$}from"@contractspec/lib.contracts-spec/serialization";var Qz=null;function L4(){let z=new v$;return z.register(n$).register(g$).register(k$).register(f$),z}function Ez(){if(!Qz)Qz=L4();return Qz}function o(z,$){return Ez().get(z,$)}var Jz=null;function q4(){let z=new y$;return z.register(d$).register(o$),z}function N4(){if(!Jz)Jz=q4();return Jz}function F4(z,$){return N4().get(z,$)}var Xz=null;function V4(){let z=new u$;return z.register(p$).register(i$),z}function w4(){if(!Xz)Xz=V4();return Xz}function B4(z,$){return w4().get(z,$)}var Yz=null;function H4(){let z=new b$;return z.register(l$).register(S$).register(x$),z}function R4(){if(!Yz)Yz=H4();return Yz}function h4(z,$){return R4().get(z,$)}var _z=null;function m4(){let z=new j$;return z.register(c$),z}function C4(){if(!_z)_z=m4();return _z}function y4(z,$){return C4().get(z)}function mz(z,$){let X=o(z,$);return s$(X)??void 0}function Cz(z,$){let X=F4(z,$);return t$(X)??void 0}function yz(z,$){let X=B4(z,$);return e$(X)??void 0}function vz(z,$){let X=h4(z,$);return r$(X)??void 0}function bz(z,$){let X=y4(z,$);return a$(X)??void 0}function v4(){Qz=null}function b4(){Jz=null}function S4(){Xz=null}function g4(){Yz=null}function k4(){_z=null}function z1(){v4(),b4(),S4(),g4(),k4()}var Sz={meta:{key:"contractspec.docs",version:"1.0.0",title:"Documentation",description:"Comprehensive documentation system for ContractSpec",domain:"platform",owners:["@platform.docs"],tags:["documentation","guides","api-reference"],stability:"stable"},operations:[{key:"docs_search",version:"1.0.0"},{key:"docs.navigate",version:"1.0.0"}],events:[{key:"docs.page_viewed",version:"1.0.0"},{key:"docs.search_performed",version:"1.0.0"}],presentations:[{key:"docs.landing",version:"1.0.0"},{key:"docs.getting-started",version:"1.0.0"},{key:"docs.architecture",version:"1.0.0"}],capabilities:{provides:[{key:"contracts.docs",version:"1.0.0"}],requires:[]}};import{ContractReferenceQuery as $1,DocSummaryModel as Q1,DocsIndexInput as J1,DocsIndexOutput as X1,DocsIndexQuery as Y1,DocsIndexQuery as _1}from"@contractspec/lib.contracts-spec/docs";var gz={meta:{key:"contractspec.mcp",version:"1.0.0",title:"MCP Integration",description:"Model Context Protocol server for AI agent integration",domain:"platform",owners:["@platform.mcp"],tags:["mcp","ai-agents","tooling"],stability:"beta"},operations:[{key:"mcp.tool.register",version:"1.0.0"},{key:"mcp.resource.register",version:"1.0.0"},{key:"mcp.prompt.register",version:"1.0.0"}],events:[{key:"mcp.tool_invoked",version:"1.0.0"},{key:"mcp.resource_accessed",version:"1.0.0"}],presentations:[],capabilities:{provides:[{key:"contracts.mcp",version:"1.0.0"}],requires:[{key:"contracts.operations",version:"1.0.0"}]}};var kz={meta:{key:"contractspec.presentations",version:"1.0.0",title:"Presentation Runtime",description:"Cross-platform rendering of contract-driven UI",domain:"platform",owners:["@platform.presentations"],tags:["presentations","ui","rendering","cross-platform"],stability:"beta"},operations:[{key:"presentation.render",version:"1.0.0"},{key:"presentation.transform",version:"1.0.0"}],events:[{key:"presentation.rendered",version:"1.0.0"},{key:"presentation.transformed",version:"1.0.0"}],presentations:[{key:"form.standard",version:"1.0.0"},{key:"list.standard",version:"1.0.0"},{key:"detail.standard",version:"1.0.0"}],capabilities:{provides:[{key:"contracts.presentations",version:"1.0.0"}],requires:[]}};import{AppConfigFeature as E1}from"@contractspec/lib.contracts-spec/app-config";import{FeatureRegistry as U1}from"@contractspec/lib.contracts-spec/features";function d4(){let z=new U1;return z.register(Sz),z.register(gz),z.register(kz),z.register(E1),z}var Uz=null;function dz(){if(!Uz)Uz=d4();return Uz}function W1(){Uz=null}import{FeatureRegistry as i3}from"@contractspec/lib.contracts-spec/features";import{cn as Z1}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as G1,Database as lz,FileText as Wz,Globe as l4,Layout as i,MessageSquare as M1,Settings as A1,Shield as nz,Workflow as pz}from"lucide-react";import*as n4 from"react";import{jsx as P1}from"react/jsx-runtime";var O1={platform:A1,documentation:Wz,docs:Wz,integration:pz,api:l4,security:nz,data:lz,messaging:M1,ui:i,presentation:i},I1={documentation:Wz,guides:Wz,"api-reference":l4,presentations:i,ui:i,rendering:i,mcp:pz,integration:pz,security:nz,auth:nz,data:lz,storage:lz},p4={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"},D1={sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"};function Zz({domain:z,tags:$=[],stability:X,icon:Q,size:_="md",className:Y}){let M=n4.useMemo(()=>{if(Q)return Q;if(z){let D=O1[z.toLowerCase()];if(D)return D}for(let D of $){let O=I1[D.toLowerCase()];if(O)return O}return G1},[z,$,Q]),J=X?p4[X]||"primary":"primary",A={success:"text-emerald-600 dark:text-emerald-400",warning:"text-amber-600 dark:text-amber-400",info:"text-blue-600 dark:text-blue-400",danger:"text-red-600 dark:text-red-400",primary:"text-primary"};return P1(M,{className:Z1(D1[_],A[J],Y)})}function Gz(z){if(!z)return"primary";return p4[z]||"primary"}import{useMemo as f4}from"react";function o4(){let z=f4(()=>Ez(),[]);return f4(()=>({resolveOperation:($)=>o($.key,$.version),getOperationSpec:($,X)=>o($,X),listOperations:()=>z.list()}),[z])}import{useCallback as c,useMemo as i4,useState as T1}from"react";var c4={search:"",tags:[],stability:[],domain:[]};function Mz(z){let[$,X]=T1(c4),Q=c((O)=>{X((I)=>({...I,search:O}))},[]),_=c((O)=>{X((I)=>({...I,tags:I.tags.includes(O)?I.tags.filter((H)=>H!==O):[...I.tags,O]}))},[]),Y=c((O)=>{X((I)=>({...I,stability:I.stability.includes(O)?I.stability.filter((H)=>H!==O):[...I.stability,O]}))},[]),M=c((O)=>{X((I)=>({...I,domain:I.domain.includes(O)?I.domain.filter((H)=>H!==O):[...I.domain,O]}))},[]),J=c(()=>X(c4),[]),A=i4(()=>{return $.search.length>0||$.tags.length>0||$.stability.length>0||$.domain.length>0},[$]),D=i4(()=>{return z.filter((O)=>{if($.search){let I=$.search.toLowerCase();if(!((O.meta.title??"").toLowerCase().includes(I)||O.meta.description?.toLowerCase().includes(I)||O.meta.key.toLowerCase().includes(I)))return!1}if($.tags.length>0){if(!$.tags.some((H)=>O.meta.tags?.includes(H)))return!1}if($.stability.length>0){if(!$.stability.includes(O.meta.stability??"unknown"))return!1}if($.domain.length>0){if(!$.domain.includes(O.meta.domain??"unknown"))return!1}return!0})},[z,$]);return{filters:$,setSearch:Q,toggleTag:_,toggleStability:Y,toggleDomain:M,clearFilters:J,filteredFeatures:D,hasActiveFilters:A}}import{useMemo as x4}from"react";function Az(){let z=x4(()=>dz(),[]);return x4(()=>{let $=z.list();return{features:$,getFeature:(X)=>z.get(X),getByTag:(X)=>z.listByTag(X),getByOwner:(X)=>z.listByOwner(X),getUniqueTags:()=>z.getUniqueTags(),getUniqueDomains:()=>{let X=new Set;for(let Q of $)if(Q.meta.domain)X.add(Q.meta.domain);return[...X].sort()},getUniqueStabilities:()=>{let X=new Set;for(let Q of $)if(Q.meta.stability)X.add(Q.meta.stability);return[...X].sort()}}},[z])}import{defaultDocRegistry as K1}from"@contractspec/lib.contracts-spec/docs";import{useMemo as L1}from"react";function R(z,$){return L1(()=>{try{return K1.list().filter(({block:_})=>{let Y=_.id.toLowerCase().includes(z.toLowerCase())||_.title.toLowerCase().includes(z.toLowerCase()),M=$?.some((J)=>_.tags?.some((A)=>A.toLowerCase().includes(J.toLowerCase())));return Y||M}).map(({block:_,route:Y})=>({id:_.id,title:_.title,summary:_.summary,route:Y}))}catch(Q){return console.error("Failed to fetch related docs:",Q),[]}},[z,$])}import{StatusChip as j4}from"@contractspec/lib.design-system";import{HStack as x}from"@contractspec/lib.ui-kit-web/ui/stack";import{ArrowRight as q1,Layout as N1,Radio as F1,Shield as V1,Tag as w1,Users as B1,Zap as H1}from"lucide-react";import{jsx as L,jsxs as B,Fragment as R1}from"react/jsx-runtime";function Oz({feature:z}){let{meta:$,operations:X,events:Q,presentations:_,capabilities:Y}=z,M=Y?.provides?.length||Y?.requires?.length;return B(R1,{children:[$.description&&L("p",{className:"text-muted-foreground text-sm leading-relaxed",children:$.description}),B(x,{gap:"md",className:"py-2",children:[X?.length?B("div",{className:"flex items-center gap-1.5 text-sm",children:[L(H1,{className:"h-4 w-4 text-amber-500"}),L("span",{className:"font-medium",children:X.length}),L("span",{className:"text-muted-foreground",children:"ops"})]}):null,Q?.length?B("div",{className:"flex items-center gap-1.5 text-sm",children:[L(F1,{className:"h-4 w-4 text-blue-500"}),L("span",{className:"font-medium",children:Q.length}),L("span",{className:"text-muted-foreground",children:"events"})]}):null,_?.length?B("div",{className:"flex items-center gap-1.5 text-sm",children:[L(N1,{className:"h-4 w-4 text-purple-500"}),L("span",{className:"font-medium",children:_.length}),L("span",{className:"text-muted-foreground",children:"views"})]}):null]}),M&&B("div",{className:"space-y-1.5 border-border/50 border-t pt-1",children:[Y?.provides?.length?B(x,{gap:"xs",wrap:"wrap",className:"items-start",children:[L(V1,{className:"mt-0.5 h-3.5 w-3.5 text-emerald-500"}),L("span",{className:"text-muted-foreground text-xs",children:"Provides:"}),Y.provides.slice(0,2).map((J)=>L(j4,{tone:"success",label:J.key,size:"sm"},J.key)),Y.provides.length>2&&B("span",{className:"text-muted-foreground text-xs",children:["+",Y.provides.length-2]})]}):null,Y?.requires?.length?B(x,{gap:"xs",wrap:"wrap",className:"items-start",children:[L(q1,{className:"mt-0.5 h-3.5 w-3.5 text-blue-500"}),L("span",{className:"text-muted-foreground text-xs",children:"Requires:"}),Y.requires.slice(0,2).map((J)=>L(j4,{tone:"info",label:J.key,size:"sm"},J.key)),Y.requires.length>2&&B("span",{className:"text-muted-foreground text-xs",children:["+",Y.requires.length-2]})]}):null]}),$.tags?.length?B(x,{gap:"xs",wrap:"wrap",className:"items-center border-border/50 border-t pt-1",children:[L(w1,{className:"h-3.5 w-3.5 text-muted-foreground"}),$.tags.slice(0,4).map((J)=>B("span",{className:"rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",children:["#",J]},J)),$.tags.length>4&&B("span",{className:"text-muted-foreground text-xs",children:["+",$.tags.length-4]})]}):null,$.owners?.length?B(x,{gap:"xs",className:"items-center text-muted-foreground text-xs",children:[L(B1,{className:"h-3.5 w-3.5"}),L("span",{children:$.owners.join(", ")})]}):null]})}import{EntityCard as h1,StatusChip as m1}from"@contractspec/lib.design-system";import{HStack as u4}from"@contractspec/lib.ui-kit-web/ui/stack";import{Layout as C1,Radio as y1,Shield as v1,Zap as b1}from"lucide-react";import{jsx as h,jsxs as n}from"react/jsx-runtime";var S1={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"};function Iz({feature:z,onSelect:$,className:X}){let{meta:Q,operations:_,events:Y,presentations:M,capabilities:J}=z,A=S1[Q.stability]??"neutral",D=Gz(Q.stability),O=Q.stability==="stable"?"strong":"default",I=$?()=>$(z):void 0,H=J?.provides?.length||J?.requires?.length;return h(h1,{cardTitle:Q.title,cardSubtitle:Q.key,className:X,onClick:I,emphasis:O,icon:h(Zz,{domain:Q.domain,tags:Q.tags,stability:Q.stability,size:"md"}),iconTone:D,chips:h(m1,{tone:A,label:Q.stability??"unknown",size:"sm"}),meta:Q.description?h("span",{className:"line-clamp-2 text-muted-foreground text-sm",children:Q.description}):void 0,preview:h(Oz,{feature:z}),footer:n(u4,{gap:"md",className:"w-full justify-between text-muted-foreground text-xs",children:[n(u4,{gap:"sm",children:[_?.length?n("span",{className:"flex items-center gap-1",children:[h(b1,{className:"h-3 w-3 text-amber-500"}),_.length]}):null,Y?.length?n("span",{className:"flex items-center gap-1",children:[h(y1,{className:"h-3 w-3 text-blue-500"}),Y.length]}):null,M?.length?n("span",{className:"flex items-center gap-1",children:[h(C1,{className:"h-3 w-3 text-purple-500"}),M.length]}):null]}),H&&n("span",{className:"flex items-center gap-1",children:[h(v1,{className:"h-3 w-3 text-emerald-500"}),(J?.provides?.length??0)+(J?.requires?.length??0)]})]})})}import{StatusChip as g1}from"@contractspec/lib.design-system";import{HStack as k1}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as r4}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as d1,ChevronDown as l1}from"lucide-react";import{jsx as j,jsxs as t4}from"react/jsx-runtime";function Dz({title:z,count:$,icon:X,isCollapsed:Q=!1,onToggle:_,className:Y}){return t4("button",{type:"button",onClick:_,className:r4("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",Y),children:[t4(k1,{gap:"sm",className:"items-center",children:[j("div",{className:"text-muted-foreground transition-colors group-hover:text-foreground",children:X||j(d1,{className:"h-5 w-5"})}),j("span",{className:"font-semibold text-lg capitalize transition-colors group-hover:text-primary",children:z}),j(g1,{tone:"neutral",label:`${$} ${$===1?"feature":"features"}`,size:"sm"})]}),j(l1,{className:r4("h-5 w-5 text-muted-foreground transition-transform duration-200",Q&&"-rotate-90")})]})}import{Button as fz,Input as n1}from"@contractspec/lib.design-system";import{HStack as oz,VStack as p1}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as f1}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as u,jsxs as p}from"react/jsx-runtime";function Pz({uniqueTags:z,uniqueStabilities:$,filters:X,setSearch:Q,toggleTag:_,toggleStability:Y,clearFilters:M,hasActiveFilters:J,className:A}){return p(p1,{gap:"md",className:f1("w-full",A),children:[p(oz,{gap:"md",justify:"between",className:"w-full",children:[u(n1,{placeholder:"Search features...",value:X.search,onChange:(D)=>Q(D.target.value),className:"max-w-md","aria-label":"Search features"}),J&&u(fz,{variant:"ghost",size:"sm",onClick:M,children:"Clear filters"})]}),$.length>0&&p(oz,{gap:"xs",wrap:"wrap",children:[u("span",{className:"text-muted-foreground text-sm",children:"Stability:"}),$.map((D)=>u(fz,{variant:X.stability.includes(D)?"default":"outline",size:"sm",onClick:()=>Y(D),"aria-pressed":X.stability.includes(D),children:D},D))]}),z.length>0&&p(oz,{gap:"xs",wrap:"wrap",children:[u("span",{className:"text-muted-foreground text-sm",children:"Tags:"}),z.slice(0,10).map((D)=>p(fz,{variant:X.tags.includes(D)?"default":"outline",size:"sm",onClick:()=>_(D),"aria-pressed":X.tags.includes(D),children:["#",D]},D)),z.length>10&&p("span",{className:"text-muted-foreground text-sm",children:["+",z.length-10," more"]})]})]})}import{EntityCard as o1}from"@contractspec/lib.design-system";import{Table as i1}from"lucide-react";import{jsx as iz}from"react/jsx-runtime";function cz({feature:z}){if(!z.dataViews?.length)return null;return iz("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:z.dataViews.map(($)=>{let X=vz($.key,$.version);return iz(o1,{cardTitle:$.key,cardSubtitle:`v${$.version}`,footer:X?.meta.description,icon:iz(i1,{className:"h-4 w-4"}),href:`/features/${z.meta.key}/dataviews/${$.key}`},$.key)})})}import{StatCard as xz,StatCardGroup as c1,StatusChip as y}from"@contractspec/lib.design-system";import{Box as Tz,HStack as r,VStack as x1}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as j1}from"@contractspec/lib.ui-kit-web/ui/utils";import jz from"next/link";import{jsx as P,jsxs as v}from"react/jsx-runtime";var u1={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"};function Kz({feature:z,className:$}){let{meta:X,operations:Q,events:_,presentations:Y,capabilities:M}=z,J=u1[X.stability]??"neutral";return v(x1,{gap:"lg",className:j1("w-full",$),children:[v(r,{gap:"sm",children:[P(y,{tone:J,label:X.stability??"unknown"}),P(y,{tone:"neutral",label:X.key,size:"sm"}),P(y,{tone:"neutral",label:`v${X.version}`,size:"sm"})]}),v(c1,{children:[P(jz,{href:`./${z.meta.key}/operations`,children:P(xz,{label:"Operations",value:Q?.length??0})}),P(jz,{href:`./${z.meta.key}/events`,children:P(xz,{label:"Events",value:_?.length??0})}),P(jz,{href:`./${z.meta.key}/presentations`,children:P(xz,{label:"Presentations",value:Y?.length??0})})]}),M?.provides?.length?v(Tz,{className:"flex-col rounded-lg border p-4",gap:"sm",align:"start",children:[P("span",{className:"font-semibold",children:"Provides Capabilities"}),P(r,{gap:"xs",wrap:"wrap",children:M.provides.map((A)=>P(y,{tone:"success",label:`${A.key} v${A.version}`,size:"sm"},`${A.key}-${A.version}`))})]}):null,M?.requires?.length?v(Tz,{className:"flex-col rounded-lg border p-4",gap:"sm",align:"start",children:[P("span",{className:"font-semibold",children:"Requires Capabilities"}),P(r,{gap:"xs",wrap:"wrap",children:M.requires.map((A)=>P(y,{tone:"info",label:`${A.key}${A.version?` v${A.version}`:""}${A.optional?" (optional)":""}`,size:"sm"},A.key))})]}):null,X.tags?.length?v(Tz,{className:"flex-col rounded-lg border p-4",gap:"sm",align:"start",children:[P("span",{className:"font-semibold",children:"Tags"}),P(r,{gap:"xs",wrap:"wrap",children:X.tags.map((A)=>P(y,{tone:"neutral",label:`#${A}`,size:"sm"},A))})]}):null,X.owners?.length?v(Tz,{className:"flex-col rounded-lg border p-4",gap:"sm",align:"start",children:[P("span",{className:"font-semibold",children:"Owners"}),P(r,{gap:"xs",wrap:"wrap",children:X.owners.map((A)=>P(y,{tone:"neutral",label:A,size:"sm"},A))})]}):null]})}import{Button as r1,EmptyState as t1,PageHeaderResponsive as a1,StatusChip as s1}from"@contractspec/lib.design-system";import{HStack as a4,VStack as t}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as uz}from"@contractspec/lib.ui-kit-web/ui/utils";import{LayoutGrid as e1,List as z2,Star as $2}from"lucide-react";import*as S from"react";import{jsx as w,jsxs as b}from"react/jsx-runtime";function Q2(z){let $={};for(let X of z){let Q=X.meta.domain||"Other";if(!$[Q])$[Q]=[];$[Q].push(X)}return $}function J2(z){let $=["stable","beta","experimental","deprecated","unknown"],X={};for(let _ of z){let Y=_.meta.stability||"unknown";if(!X[Y])X[Y]=[];X[Y].push(_)}let Q={};for(let _ of $)if(X[_])Q[_]=X[_];return Q}function s4({onSelectFeature:z,className:$,defaultViewMode:X="grid",groupBy:Q="domain",showFeatured:_=!0}){let{features:Y,getUniqueTags:M,getUniqueStabilities:J}=Az(),{filters:A,setSearch:D,toggleTag:O,toggleStability:I,clearFilters:H,filteredFeatures:m,hasActiveFilters:Bz}=Mz(Y),H$=M(),R$=J(),[Hz,P4]=S.useState(X),[T4,h$]=S.useState(new Set),Rz=S.useMemo(()=>m.filter((V)=>V.meta.stability==="stable"),[m]),zz=S.useMemo(()=>_?m.filter((V)=>V.meta.stability!=="stable"):m,[m,_]),K4=S.useMemo(()=>{if(Q==="none")return null;if(Q==="domain")return Q2(zz);return J2(zz)},[zz,Q]),m$=(V)=>{h$((C)=>{let $z=new Set(C);if($z.has(V))$z.delete(V);else $z.add(V);return $z})},C$=Hz==="grid"?"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3":"flex flex-col gap-3",hz=(V)=>w("div",{className:C$,children:V.map((C)=>w(Iz,{feature:C,onSelect:z},C.meta.key))});return b(t,{gap:"lg",className:uz("w-full p-6",$),children:[b("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",children:[w(a1,{title:"Feature Discovery",subtitle:`Browse ${Y.length} available ContractSpec features`}),b(a4,{gap:"xs",children:[w("button",{type:"button",onClick:()=>P4("grid"),className:uz("rounded-md p-2 transition-colors",Hz==="grid"?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground hover:bg-muted/80"),"aria-label":"Grid view",children:w(e1,{className:"h-4 w-4"})}),w("button",{type:"button",onClick:()=>P4("list"),className:uz("rounded-md p-2 transition-colors",Hz==="list"?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground hover:bg-muted/80"),"aria-label":"List view",children:w(z2,{className:"h-4 w-4"})})]})]}),w(Pz,{uniqueTags:H$,uniqueStabilities:R$,filters:A,setSearch:D,toggleTag:O,toggleStability:I,clearFilters:H,hasActiveFilters:Bz}),m.length===0?w(t1,{title:"No features found",description:Bz?"Try adjusting your search or filters":"No features are registered yet",primaryAction:Bz?w(r1,{variant:"outline",onClick:H,children:"Clear filters"}):void 0}):b(t,{gap:"lg",children:[_&&Rz.length>0&&b(t,{gap:"sm",children:[b(a4,{gap:"sm",className:"items-center",children:[w($2,{className:"h-5 w-5 fill-amber-500 text-amber-500"}),w("span",{className:"font-semibold text-lg",children:"Featured"}),w(s1,{tone:"success",label:`${Rz.length} stable`,size:"sm"})]}),hz(Rz)]}),K4?w(t,{gap:"md",children:Object.entries(K4).map(([V,C])=>b(t,{gap:"sm",children:[w(Dz,{title:V,count:C.length,isCollapsed:T4.has(V),onToggle:()=>m$(V)}),!T4.has(V)&&hz(C)]},V))}):hz(zz)]})]})}import{EntityCard as X2}from"@contractspec/lib.design-system";import{Radio as Y2}from"lucide-react";import{jsx as rz}from"react/jsx-runtime";function tz({feature:z}){if(!z.events?.length)return null;return rz("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:z.events.map(($)=>{let X=Cz($.key,$.version);return rz(X2,{cardTitle:$.key,cardSubtitle:`v${$.version}`,footer:X?.meta.description,icon:rz(Y2,{className:"h-4 w-4"}),href:`/features/${z.meta.key}/events/${$.key}`},$.key)})})}import{EntityCard as _2}from"@contractspec/lib.design-system";import{FormInput as E2}from"lucide-react";import{jsx as az}from"react/jsx-runtime";function sz({feature:z}){if(!z.forms?.length)return null;return az("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:z.forms.map(($)=>{let X=bz($.key,$.version);return az(_2,{cardTitle:$.key,cardSubtitle:$.version?`v${$.version}`:void 0,footer:X?.meta.description,icon:az(E2,{className:"h-4 w-4"}),href:`/features/${z.meta.key}/forms/${$.key}`},$.key)})})}import{EntityCard as U2}from"@contractspec/lib.design-system";import{Zap as W2}from"lucide-react";import{jsx as ez}from"react/jsx-runtime";function z4({feature:z}){if(!z.operations?.length)return null;return ez("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:z.operations.map(($)=>{let X=mz($.key,$.version);return ez(U2,{cardTitle:$.key,cardSubtitle:`v${$.version}`,footer:X?.meta.description,icon:ez(W2,{className:"h-4 w-4"}),href:`/features/${z.meta.key}/operations/${$.key}`},$.key)})})}import{EntityCard as Z2}from"@contractspec/lib.design-system";import{Layout as G2}from"lucide-react";import{jsx as $4}from"react/jsx-runtime";function Q4({feature:z}){if(!z.presentations?.length)return null;return $4("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:z.presentations.map(($)=>{let X=yz($.key,$.version);return $4(Z2,{cardTitle:$.key,cardSubtitle:`v${$.version}`,footer:X?.meta.description,icon:$4(G2,{className:"h-4 w-4"}),href:`/features/${z.meta.key}/presentations/${$.key}`},$.key)})})}import{Breadcrumbs as e4,CodeBlock as J4,EmptyState as M2,PageHeaderResponsive as z$,StatusChip as a}from"@contractspec/lib.design-system";import{Card as X4}from"@contractspec/lib.ui-kit-web/ui/card";import{Box as $$,HStack as Lz,VStack as g}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as Q$}from"@contractspec/lib.ui-kit-web/ui/utils";import{BookOpen as A2,Code as O2,Database as I2,Table as J$}from"lucide-react";import D2 from"next/link";import{jsx as E,jsxs as T}from"react/jsx-runtime";function P2({feature:z,viewKey:$,view:X,spec:Q,className:_}){let Y=X??z.dataViews?.find((J)=>J.key===$),M=R(Y?.key||"",Q?.meta?.tags);if(!Y)return T(g,{gap:"lg",className:Q$("mx-auto w-full max-w-5xl p-6",_),children:[E(z$,{title:"Data View Not Found",subtitle:`Data View ${$} not found in feature ${z.meta.key}`,breadcrumb:E(e4,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Data Views"}]})}),E(M2,{title:"Data View not found",description:`The data view '${$}' could not be found in this feature.`,icon:E(J$,{className:"h-12 w-12 text-muted-foreground"})})]});return T(g,{gap:"lg",className:Q$("mx-auto w-full max-w-5xl p-6",_),children:[E(z$,{title:Y.key,subtitle:`Data View defined in ${z.meta.title??z.meta.key}`,breadcrumb:E(e4,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Data Views",href:`/features/${z.meta.key}#dataviews`},{label:Y.key}]})}),T(Lz,{gap:"sm",children:[E(a,{tone:"neutral",label:Y.key,size:"sm",icon:E(J$,{className:"h-3 w-3"})}),E(a,{tone:"neutral",label:`v${Y.version}`,size:"sm"}),Q?.meta?.stability?E(a,{tone:Q.meta.stability==="stable"?"success":"warning",label:Q.meta.stability,size:"sm"}):null]}),T("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:[E("div",{className:"space-y-6 lg:col-span-2",children:E(X4,{className:"p-6",children:T(g,{gap:"md",children:[T(Lz,{className:"items-center gap-2 border-b pb-2",children:[E(O2,{className:"h-5 w-5 text-muted-foreground"}),E("h3",{className:"font-semibold text-lg",children:"View Definition"})]}),Q?T(g,{gap:"lg",children:[Q.meta.description&&E("p",{className:"text-muted-foreground",children:Q.meta.description}),T($$,{className:"flex-col gap-2",children:[E("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Source Query"}),E(J4,{code:JSON.stringify(Q.source,null,2),language:"json"})]}),T($$,{className:"flex-col gap-2",children:[E("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"View Configuration"}),E(J4,{code:JSON.stringify(Q.view,null,2),language:"json"})]})]}):T(g,{gap:"md",children:[E("p",{className:"text-muted-foreground",children:"Full definition details are not available for this data view reference."}),E(J4,{code:JSON.stringify(Y,null,2),language:"json"})]})]})})}),E("div",{className:"space-y-6",children:E(X4,{className:"p-6",children:T(g,{gap:"md",children:[T(Lz,{className:"items-center gap-2 border-b pb-2",children:[E(I2,{className:"h-5 w-5 text-muted-foreground"}),E("h3",{className:"font-semibold text-lg",children:"Metadata"})]}),T("dl",{className:"grid grid-cols-1 gap-4 text-sm",children:[T("div",{children:[E("dt",{className:"text-muted-foreground",children:"Key"}),E("dd",{className:"truncate font-medium",children:Y.key})]}),T("div",{children:[E("dt",{className:"text-muted-foreground",children:"Version"}),E("dd",{className:"font-medium",children:Y.version})]}),Q?.meta?.owners&&T("div",{children:[E("dt",{className:"text-muted-foreground",children:"Owners"}),E("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.owners.map((J)=>E(a,{label:J,size:"sm",tone:"neutral"},J))})]}),Q?.meta?.tags&&T("div",{children:[E("dt",{className:"text-muted-foreground",children:"Tags"}),E("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.tags.map((J)=>E(a,{label:`#${J}`,size:"sm",tone:"neutral"},J))})]})]})]})})}),M?.length?E("div",{className:"lg:col-span-3",children:E(X4,{className:"p-6",children:T(g,{gap:"md",children:[T(Lz,{className:"items-center gap-2 border-b pb-2",children:[E(A2,{className:"h-5 w-5 text-muted-foreground"}),E("h3",{className:"font-semibold text-lg",children:"Related Documentation"})]}),E("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:M.map((J)=>E(D2,{href:J.route||`/docs/${J.id}`,className:"group block",children:T("div",{className:"h-full rounded-lg border p-4 transition-colors hover:border-primary",children:[E("h4",{className:"mb-1 font-semibold group-hover:text-primary",children:J.title}),J.summary&&E("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:J.summary})]})},J.id))})]})})}):null]})]})}import{Breadcrumbs as T2,PageHeaderResponsive as K2}from"@contractspec/lib.design-system";import{VStack as L2}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as q2}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as Y4,jsxs as N2}from"react/jsx-runtime";function X$({feature:z,className:$}){return N2(L2,{gap:"lg",className:q2("mx-auto w-full max-w-5xl p-6",$),children:[Y4(K2,{title:"Data Views",subtitle:`Data views defined in ${z.meta.title??z.meta.key}`,breadcrumb:Y4(T2,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Data Views"}]})}),Y4(cz,{feature:z})]})}import{Breadcrumbs as Y$,CodeBlock as _$,EmptyState as F2,PageHeaderResponsive as E$,StatusChip as qz}from"@contractspec/lib.design-system";import{Card as _4}from"@contractspec/lib.ui-kit-web/ui/card";import{Box as V2,HStack as Nz,VStack as k}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as U$}from"@contractspec/lib.ui-kit-web/ui/utils";import{BookOpen as w2,Code as B2,Database as H2,Radio as W$}from"lucide-react";import R2 from"next/link";import{jsx as W,jsxs as q}from"react/jsx-runtime";function h2({feature:z,eventKey:$,event:X,spec:Q,className:_}){let Y=X??z.events?.find((J)=>J.key===$),M=R(Y?.key||"",Q?.meta?.tags);if(!Y)return q(k,{gap:"lg",className:U$("mx-auto w-full max-w-5xl p-6",_),children:[W(E$,{title:"Event Not Found",subtitle:`Event ${$} not found in feature ${z.meta.key}`,breadcrumb:W(Y$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Events",href:`/features/${z.meta.key}/events`}]})}),W(F2,{title:"Event not found",description:`The event '${$}' could not be found in this feature.`,icon:W(W$,{className:"h-12 w-12 text-muted-foreground"})})]});return q(k,{gap:"lg",className:U$("mx-auto w-full max-w-5xl p-6",_),children:[W(E$,{title:Y.key,subtitle:`Event defined in ${z.meta.title??z.meta.key}`,breadcrumb:W(Y$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Events",href:`/features/${z.meta.key}#events`},{label:Y.key}]})}),q(Nz,{gap:"sm",children:[W(qz,{tone:"neutral",label:Y.key,size:"sm",icon:W(W$,{className:"h-3 w-3"})}),W(qz,{tone:"neutral",label:`v${Y.version}`,size:"sm"}),Q?.meta?.stability?W(qz,{tone:Q.meta.stability==="stable"?"success":"warning",label:Q.meta.stability,size:"sm"}):null]}),q("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:[W("div",{className:"space-y-6 lg:col-span-2",children:W(_4,{className:"p-6",children:q(k,{gap:"md",children:[q(Nz,{className:"items-center gap-2 border-b pb-2",children:[W(B2,{className:"h-5 w-5 text-muted-foreground"}),W("h3",{className:"font-semibold text-lg",children:"Payload Definition"})]}),Q?q(k,{gap:"lg",children:[Q.meta.description&&W("p",{className:"text-muted-foreground",children:Q.meta.description}),q(V2,{className:"flex-col gap-2",children:[W("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Payload Schema"}),W(_$,{code:JSON.stringify(Q.payload,null,2),language:"json"})]})]}):q(k,{gap:"md",children:[W("p",{className:"text-muted-foreground",children:"Full payload details are not available for this event reference."}),W(_$,{code:JSON.stringify(Y,null,2),language:"json"})]})]})})}),W("div",{className:"space-y-6",children:W(_4,{className:"p-6",children:q(k,{gap:"md",children:[q(Nz,{className:"items-center gap-2 border-b pb-2",children:[W(H2,{className:"h-5 w-5 text-muted-foreground"}),W("h3",{className:"font-semibold text-lg",children:"Metadata"})]}),q("dl",{className:"grid grid-cols-1 gap-4 text-sm",children:[q("div",{children:[W("dt",{className:"text-muted-foreground",children:"Key"}),W("dd",{className:"truncate font-medium",children:Y.key})]}),q("div",{children:[W("dt",{className:"text-muted-foreground",children:"Version"}),W("dd",{className:"font-medium",children:Y.version})]}),Q?.meta?.owners&&q("div",{children:[W("dt",{className:"text-muted-foreground",children:"Owners"}),W("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.owners.map((J)=>W(qz,{label:J,size:"sm",tone:"neutral"},J))})]})]})]})})}),M?.length?W("div",{className:"lg:col-span-3",children:W(_4,{className:"p-6",children:q(k,{gap:"md",children:[q(Nz,{className:"items-center gap-2 border-b pb-2",children:[W(w2,{className:"h-5 w-5 text-muted-foreground"}),W("h3",{className:"font-semibold text-lg",children:"Related Documentation"})]}),W("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:M.map((J)=>W(R2,{href:J.route||`/docs/${J.id}`,className:"group block",children:q("div",{className:"h-full rounded-lg border p-4 transition-colors hover:border-primary",children:[W("h4",{className:"mb-1 font-semibold group-hover:text-primary",children:J.title}),J.summary&&W("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:J.summary})]})},J.id))})]})})}):null]})]})}import{Breadcrumbs as m2,PageHeaderResponsive as C2}from"@contractspec/lib.design-system";import{VStack as y2}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as v2}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as E4,jsxs as S2}from"react/jsx-runtime";function b2({feature:z,className:$}){return S2(y2,{gap:"lg",className:v2("mx-auto w-full max-w-5xl p-6",$),children:[E4(C2,{title:"Events",subtitle:`Events defined in ${z.meta.title??z.meta.key}`,breadcrumb:E4(m2,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Events"}]})}),E4(tz,{feature:z})]})}import{Breadcrumbs as Z$,CodeBlock as U4,EmptyState as g2,PageHeaderResponsive as G$,StatusChip as s}from"@contractspec/lib.design-system";import{Card as W4}from"@contractspec/lib.ui-kit-web/ui/card";import{Box as M$,HStack as Fz,VStack as d}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as A$}from"@contractspec/lib.ui-kit-web/ui/utils";import{BookOpen as k2,Code as d2,Database as l2,PenTool as O$}from"lucide-react";import n2 from"next/link";import{jsx as U,jsxs as K}from"react/jsx-runtime";function p2({feature:z,formKey:$,form:X,spec:Q,className:_}){let Y=X??z.forms?.find((J)=>J.key===$),M=R(Y?.key||"",Q?.meta?.tags);if(!Y)return K(d,{gap:"lg",className:A$("mx-auto w-full max-w-5xl p-6",_),children:[U(G$,{title:"Form Not Found",subtitle:`Form ${$} not found in feature ${z.meta.key}`,breadcrumb:U(Z$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Forms"}]})}),U(g2,{title:"Form not found",description:`The form '${$}' could not be found in this feature.`,icon:U(O$,{className:"h-12 w-12 text-muted-foreground"})})]});return K(d,{gap:"lg",className:A$("mx-auto w-full max-w-5xl p-6",_),children:[U(G$,{title:Y.key,subtitle:`Form defined in ${z.meta.title??z.meta.key}`,breadcrumb:U(Z$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Forms",href:`/features/${z.meta.key}#forms`},{label:Y.key}]})}),K(Fz,{gap:"sm",children:[U(s,{tone:"neutral",label:Y.key,size:"sm",icon:U(O$,{className:"h-3 w-3"})}),U(s,{tone:"neutral",label:`v${Y.version}`,size:"sm"}),Q?.meta?.stability?U(s,{tone:Q.meta.stability==="stable"?"success":"warning",label:Q.meta.stability,size:"sm"}):null]}),K("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:[U("div",{className:"space-y-6 lg:col-span-2",children:U(W4,{className:"p-6",children:K(d,{gap:"md",children:[K(Fz,{className:"items-center gap-2 border-b pb-2",children:[U(d2,{className:"h-5 w-5 text-muted-foreground"}),U("h3",{className:"font-semibold text-lg",children:"Form Definition"})]}),Q?K(d,{gap:"lg",children:[Q.meta.description&&U("p",{className:"text-muted-foreground",children:Q.meta.description}),K(M$,{className:"flex-col gap-2",children:[U("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Fields"}),U(U4,{code:JSON.stringify(Q.fields,null,2),language:"json"})]}),K(M$,{className:"flex-col gap-2",children:[U("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Actions"}),U(U4,{code:JSON.stringify(Q.actions,null,2),language:"json"})]})]}):K(d,{gap:"md",children:[U("p",{className:"text-muted-foreground",children:"Full form definition details are not available for this form reference."}),U(U4,{code:JSON.stringify(Y,null,2),language:"json"})]})]})})}),U("div",{className:"space-y-6",children:U(W4,{className:"p-6",children:K(d,{gap:"md",children:[K(Fz,{className:"items-center gap-2 border-b pb-2",children:[U(l2,{className:"h-5 w-5 text-muted-foreground"}),U("h3",{className:"font-semibold text-lg",children:"Metadata"})]}),K("dl",{className:"grid grid-cols-1 gap-4 text-sm",children:[K("div",{children:[U("dt",{className:"text-muted-foreground",children:"Key"}),U("dd",{className:"truncate font-medium",children:Y.key})]}),K("div",{children:[U("dt",{className:"text-muted-foreground",children:"Version"}),U("dd",{className:"font-medium",children:Y.version})]}),Q?.meta?.owners&&K("div",{children:[U("dt",{className:"text-muted-foreground",children:"Owners"}),U("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.owners.map((J)=>U(s,{label:J,size:"sm",tone:"neutral"},J))})]}),Q?.meta?.tags&&K("div",{children:[U("dt",{className:"text-muted-foreground",children:"Tags"}),U("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.tags.map((J)=>U(s,{label:`#${J}`,size:"sm",tone:"neutral"},J))})]})]})]})})}),M?.length?U("div",{className:"lg:col-span-3",children:U(W4,{className:"p-6",children:K(d,{gap:"md",children:[K(Fz,{className:"items-center gap-2 border-b pb-2",children:[U(k2,{className:"h-5 w-5 text-muted-foreground"}),U("h3",{className:"font-semibold text-lg",children:"Related Documentation"})]}),U("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:M.map((J)=>U(n2,{href:J.route||`/docs/${J.id}`,className:"group block",children:K("div",{className:"h-full rounded-lg border p-4 transition-colors hover:border-primary",children:[U("h4",{className:"mb-1 font-semibold group-hover:text-primary",children:J.title}),J.summary&&U("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:J.summary})]})},J.id))})]})})}):null]})]})}import{Breadcrumbs as f2,PageHeaderResponsive as o2}from"@contractspec/lib.design-system";import{VStack as i2}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as c2}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as Z4,jsxs as x2}from"react/jsx-runtime";function I$({feature:z,className:$}){return x2(i2,{gap:"lg",className:c2("mx-auto w-full max-w-5xl p-6",$),children:[Z4(o2,{title:"Forms",subtitle:`Forms defined in ${z.meta.title??z.meta.key}`,breadcrumb:Z4(f2,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Forms"}]})}),Z4(sz,{feature:z})]})}import{Breadcrumbs as D$,CodeBlock as G4,EmptyState as j2,PageHeaderResponsive as P$,StatusChip as e}from"@contractspec/lib.design-system";import{Card as T$}from"@contractspec/lib.ui-kit-web/ui/card";import{Box as K$,HStack as M4,VStack as f}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as L$}from"@contractspec/lib.ui-kit-web/ui/utils";import{Code as u2,Database as r2,Zap as q$}from"lucide-react";import{jsx as G,jsxs as N}from"react/jsx-runtime";function t2({feature:z,operationKey:$,operation:X,spec:Q,className:_}){let Y=X??z.operations?.find((J)=>J.key===$),M=R(Y?.key||"",Q?.meta?.tags);if(!Y)return N(f,{gap:"lg",className:L$("mx-auto w-full max-w-5xl p-6",_),children:[G(P$,{title:"Operation Not Found",subtitle:`Operation ${$} not found in feature ${z.meta.key}`,breadcrumb:G(D$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Operations"}]})}),G(j2,{title:"Operation not found",description:`The operation '${$}' could not be found in this feature.`,icon:G(q$,{className:"h-12 w-12 text-muted-foreground"})})]});return N(f,{gap:"lg",className:L$("mx-auto w-full max-w-5xl p-6",_),children:[G(P$,{title:Y.key,subtitle:`Operation defined in ${z.meta.title??z.meta.key}`,breadcrumb:G(D$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Operations",href:`/features/${z.meta.key}/operations`},{label:Y.key}]})}),N(M4,{gap:"sm",children:[G(e,{tone:"neutral",label:Y.key,size:"sm",icon:G(q$,{className:"h-3 w-3"})}),G(e,{tone:"neutral",label:`v${Y.version}`,size:"sm"}),Q?.meta?.stability?G(e,{tone:Q.meta.stability==="stable"?"success":"warning",label:Q.meta.stability,size:"sm"}):null]}),N("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:[G("div",{className:"space-y-6 lg:col-span-2",children:G(T$,{className:"p-6",children:N(f,{gap:"md",children:[N(M4,{className:"items-center gap-2 border-b pb-2",children:[G(u2,{className:"h-5 w-5 text-muted-foreground"}),G("h3",{className:"font-semibold text-lg",children:"Schema Definition"})]}),Q?N(f,{gap:"lg",children:[Q.meta.description&&G("p",{className:"text-muted-foreground",children:Q.meta.description}),N(K$,{className:"flex-col gap-2",children:[G("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Input Schema"}),G(G4,{className:"w-full",code:JSON.stringify(Q.io.input,null,2),language:"json"})]}),N(K$,{className:"flex-col gap-2",children:[G("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Output Schema"}),G(G4,{className:"w-full",code:JSON.stringify(Q.io.output,null,2),language:"json"})]})]}):N(f,{gap:"md",children:[G("p",{className:"text-muted-foreground",children:"Full schema details are not available for this operation reference."}),G(G4,{code:JSON.stringify(Y,null,2),language:"json"})]})]})})}),G("div",{className:"space-y-6",children:G(T$,{className:"p-6",children:N(f,{gap:"md",children:[N(M4,{className:"items-center gap-2 border-b pb-2",children:[G(r2,{className:"h-5 w-5 text-muted-foreground"}),G("h3",{className:"font-semibold text-lg",children:"Metadata"})]}),N("dl",{className:"grid grid-cols-1 gap-4 text-sm",children:[N("div",{children:[G("dt",{className:"text-muted-foreground",children:"Key"}),G("dd",{className:"truncate font-medium",children:Y.key})]}),N("div",{children:[G("dt",{className:"text-muted-foreground",children:"Version"}),G("dd",{className:"font-medium",children:Y.version})]}),Q?.meta?.context&&N("div",{children:[G("dt",{className:"text-muted-foreground",children:"Context"}),G("dd",{className:"font-medium",children:Q.meta.context})]}),Q?.meta?.owners&&N("div",{children:[G("dt",{className:"text-muted-foreground",children:"Owners"}),G("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.owners.map((J)=>G(e,{label:J,size:"sm",tone:"neutral"},J))})]}),Q?.meta?.tags&&N("div",{children:[G("dt",{className:"text-muted-foreground",children:"Tags"}),G("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.tags.map((J)=>G(e,{label:`#${J}`,size:"sm",tone:"neutral"},J))})]})]})]})})})]})]})}import{Breadcrumbs as a2,PageHeaderResponsive as s2}from"@contractspec/lib.design-system";import{VStack as e2}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as z3}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as A4,jsxs as Q3}from"react/jsx-runtime";function $3({feature:z,className:$}){return Q3(e2,{gap:"lg",className:z3("mx-auto w-full max-w-5xl p-6",$),children:[A4(s2,{title:"Operations",subtitle:`Operations defined in ${z.meta.title??z.meta.key}`,breadcrumb:A4(a2,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Operations"}]})}),A4(z4,{feature:z})]})}import{Breadcrumbs as J3,PageHeaderResponsive as X3}from"@contractspec/lib.design-system";import{VStack as Y3}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as _3}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as O4,jsxs as U3}from"react/jsx-runtime";function E3({feature:z,className:$}){return U3(Y3,{gap:"lg",className:_3("mx-auto w-full max-w-5xl p-6",$),children:[O4(X3,{title:z.meta.title||z.meta.key,subtitle:z.meta.description||"Feature overview",breadcrumb:O4(J3,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key}]})}),O4(Kz,{feature:z})]})}import{Breadcrumbs as N$,CodeBlock as F$,EmptyState as W3,PageHeaderResponsive as V$,StatusChip as Vz}from"@contractspec/lib.design-system";import{Card as I4}from"@contractspec/lib.ui-kit-web/ui/card";import{Box as Z3,HStack as wz,VStack as l}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as w$}from"@contractspec/lib.ui-kit-web/ui/utils";import{BookOpen as G3,Code as M3,Database as A3,Layout as B$}from"lucide-react";import O3 from"next/link";import{jsx as Z,jsxs as F}from"react/jsx-runtime";function I3({feature:z,presentationKey:$,presentation:X,spec:Q,className:_}){let Y=X??z.presentations?.find((J)=>J.key===$),M=R(Y?.key||"",Q?.meta?.tags);if(!Y)return F(l,{gap:"lg",className:w$("mx-auto w-full max-w-5xl p-6",_),children:[Z(V$,{title:"Presentation Not Found",subtitle:`Presentation ${$} not found in feature ${z.meta.key}`,breadcrumb:Z(N$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Presentations",href:`/features/${z.meta.key}/presentation`}]})}),Z(W3,{title:"Presentation not found",description:`The presentation '${$}' could not be found in this feature.`,icon:Z(B$,{className:"h-12 w-12 text-muted-foreground"})})]});return F(l,{gap:"lg",className:w$("mx-auto w-full max-w-5xl p-6",_),children:[Z(V$,{title:Y.key,subtitle:`Presentation defined in ${z.meta.title??z.meta.key}`,breadcrumb:Z(N$,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Presentations",href:`/features/${z.meta.key}#presentations`},{label:Y.key}]})}),F(wz,{gap:"sm",children:[Z(Vz,{tone:"neutral",label:Y.key,size:"sm",icon:Z(B$,{className:"h-3 w-3"})}),Z(Vz,{tone:"neutral",label:`v${Y.version}`,size:"sm"}),Q?.meta?.stability?Z(Vz,{tone:Q.meta.stability==="stable"?"success":"warning",label:Q.meta.stability,size:"sm"}):null]}),F("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-3",children:[Z("div",{className:"space-y-6 lg:col-span-2",children:Z(I4,{className:"p-6",children:F(l,{gap:"md",children:[F(wz,{className:"items-center gap-2 border-b pb-2",children:[Z(M3,{className:"h-5 w-5 text-muted-foreground"}),Z("h3",{className:"font-semibold text-lg",children:"Component Definition"})]}),Q?F(l,{gap:"lg",children:[Q.meta.description&&Z("p",{className:"text-muted-foreground",children:Q.meta.description}),F(Z3,{className:"flex-col gap-2",children:[Z("span",{className:"font-medium text-muted-foreground text-sm uppercase tracking-wider",children:"Spec Details"}),Z(F$,{code:JSON.stringify(Q,null,2),language:"json"})]})]}):F(l,{gap:"md",children:[Z("p",{className:"text-muted-foreground",children:"Full component details are not available for this presentation reference."}),Z(F$,{code:JSON.stringify(Y,null,2),language:"json"})]})]})})}),Z("div",{className:"space-y-6",children:Z(I4,{className:"p-6",children:F(l,{gap:"md",children:[F(wz,{className:"items-center gap-2 border-b pb-2",children:[Z(A3,{className:"h-5 w-5 text-muted-foreground"}),Z("h3",{className:"font-semibold text-lg",children:"Metadata"})]}),F("dl",{className:"grid grid-cols-1 gap-4 text-sm",children:[F("div",{children:[Z("dt",{className:"text-muted-foreground",children:"Key"}),Z("dd",{className:"truncate font-medium",children:Y.key})]}),F("div",{children:[Z("dt",{className:"text-muted-foreground",children:"Version"}),Z("dd",{className:"font-medium",children:Y.version})]}),Q?.meta?.owners&&F("div",{children:[Z("dt",{className:"text-muted-foreground",children:"Owners"}),Z("dd",{className:"flex flex-wrap gap-1 font-medium",children:Q.meta.owners.map((J)=>Z(Vz,{label:J,size:"sm",tone:"neutral"},J))})]})]})]})})}),M?.length?Z("div",{className:"lg:col-span-3",children:Z(I4,{className:"p-6",children:F(l,{gap:"md",children:[F(wz,{className:"items-center gap-2 border-b pb-2",children:[Z(G3,{className:"h-5 w-5 text-muted-foreground"}),Z("h3",{className:"font-semibold text-lg",children:"Related Documentation"})]}),Z("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",children:M.map((J)=>Z(O3,{href:J.route||`/docs/${J.id}`,className:"group block",children:F("div",{className:"h-full rounded-lg border p-4 transition-colors hover:border-primary",children:[Z("h4",{className:"mb-1 font-semibold group-hover:text-primary",children:J.title}),J.summary&&Z("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:J.summary})]})},J.id))})]})})}):null]})]})}import{Breadcrumbs as D3,PageHeaderResponsive as P3}from"@contractspec/lib.design-system";import{VStack as T3}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as K3}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as D4,jsxs as q3}from"react/jsx-runtime";function L3({feature:z,className:$}){return q3(T3,{gap:"lg",className:K3("mx-auto w-full max-w-5xl p-6",$),children:[D4(P3,{title:"Presentations",subtitle:`Presentations defined in ${z.meta.title??z.meta.key}`,breadcrumb:D4(D3,{items:[{label:"Features",href:"/features"},{label:z.meta.title||z.meta.key,href:`/features/${z.meta.key}`},{label:"Presentations"}]})}),D4(Q4,{feature:z})]})}export{R as useRelatedDocs,Az as useFeatureRegistry,Mz as useFeatureFilters,o4 as useContractsRegistry,Gz as getFeatureIconTone,L3 as FeaturePresentationsTemplate,Q4 as FeaturePresentationsList,I3 as FeaturePresentationDetailTemplate,E3 as FeatureOverviewTemplate,$3 as FeatureOperationsTemplate,z4 as FeatureOperationsList,t2 as FeatureOperationDetailTemplate,Zz as FeatureIcon,Oz as FeatureHoverPreview,I$ as FeatureFormsTemplate,sz as FeatureFormsList,p2 as FeatureFormDetailTemplate,Pz as FeatureFiltersBar,b2 as FeatureEventsTemplate,tz as FeatureEventsList,h2 as FeatureEventDetailTemplate,s4 as FeatureDiscovery,Kz as FeatureDetail,X$ as FeatureDataViewsTemplate,cz as FeatureDataViewsList,P2 as FeatureDataViewDetailTemplate,Dz as FeatureCategoryHeader,Iz as FeatureCard};