@contractspec/bundle.library 3.8.10 → 3.8.12

package/dist/presentation/features/organisms/FeatureDiscovery/FeatureDiscovery.js

@@ -1,910 +1,2 @@
 // @bun
-// 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/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/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/useFeatureFilters.ts
-import { useCallback, useMemo as useMemo2, 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 = useMemo2(() => {
-    return filters.search.length > 0 || filters.tags.length > 0 || filters.stability.length > 0 || filters.domain.length > 0;
-  }, [filters]);
-  const filteredFeatures = useMemo2(() => {
-    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 useMemo3 } from "react";
-"use client";
-function useFeatureRegistry() {
-  const registry = useMemo3(() => getContractSpecFeatureRegistry(), []);
-  return useMemo3(() => {
-    const features = registry.list();
-    return {
-      features,
-      getFeature: (key) => registry.get(key),
-      getByTag: (tag) => registry.listByTag(tag),
-      getByOwner: (owner) => registry.listByOwner(owner),
-      getUniqueTags: () => registry.getUniqueTags(),
-      getUniqueDomains: () => {
-        const domains = new Set;
-        for (const f of features) {
-          if (f.meta.domain)
-            domains.add(f.meta.domain);
-        }
-        return [...domains].sort();
-      },
-      getUniqueStabilities: () => {
-        const stabilities = new Set;
-        for (const f of features) {
-          if (f.meta.stability)
-            stabilities.add(f.meta.stability);
-        }
-        return [...stabilities].sort();
-      }
-    };
-  }, [registry]);
-}
-
-// src/presentation/features/molecules/FeatureHoverPreview/FeatureHoverPreview.tsx
-import { StatusChip } from "@contractspec/lib.design-system";
-import { HStack } from "@contractspec/lib.ui-kit-web/ui/stack";
-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/FeatureDiscovery/FeatureDiscovery.tsx
-import {
-  Button as Button2,
-  EmptyState,
-  PageHeaderResponsive,
-  StatusChip as StatusChip4
-} from "@contractspec/lib.design-system";
-import { 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 { LayoutGrid, List, Star } from "lucide-react";
-import * as React2 from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-"use client";
-function groupFeaturesByDomain(features) {
-  const groups = {};
-  for (const feature of features) {
-    const domain = feature.meta.domain || "Other";
-    if (!groups[domain])
-      groups[domain] = [];
-    groups[domain].push(feature);
-  }
-  return groups;
-}
-function groupFeaturesByStability(features) {
-  const order = ["stable", "beta", "experimental", "deprecated", "unknown"];
-  const groups = {};
-  for (const feature of features) {
-    const stability = feature.meta.stability || "unknown";
-    if (!groups[stability])
-      groups[stability] = [];
-    groups[stability].push(feature);
-  }
-  const sorted = {};
-  for (const key of order) {
-    if (groups[key])
-      sorted[key] = groups[key];
-  }
-  return sorted;
-}
-function FeatureDiscovery({
-  onSelectFeature,
-  className,
-  defaultViewMode = "grid",
-  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__ */ jsx6("div", {
-    className: gridClasses,
-    children: featureList.map((feature) => /* @__PURE__ */ jsx6(FeatureCard, {
-      feature,
-      onSelect: onSelectFeature
-    }, feature.meta.key))
-  });
-  return /* @__PURE__ */ jsxs5(VStack2, {
-    gap: "lg",
-    className: cn4("w-full p-6", className),
-    children: [
-      /* @__PURE__ */ jsxs5("div", {
-        className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-        children: [
-          /* @__PURE__ */ jsx6(PageHeaderResponsive, {
-            title: "Feature Discovery",
-            subtitle: `Browse ${features.length} available ContractSpec features`
-          }),
-          /* @__PURE__ */ jsxs5(HStack5, {
-            gap: "xs",
-            children: [
-              /* @__PURE__ */ jsx6("button", {
-                type: "button",
-                onClick: () => setViewMode("grid"),
-                className: cn4("rounded-md p-2 transition-colors", viewMode === "grid" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
-                "aria-label": "Grid view",
-                children: /* @__PURE__ */ jsx6(LayoutGrid, {
-                  className: "h-4 w-4"
-                })
-              }),
-              /* @__PURE__ */ jsx6("button", {
-                type: "button",
-                onClick: () => setViewMode("list"),
-                className: cn4("rounded-md p-2 transition-colors", viewMode === "list" ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/80"),
-                "aria-label": "List view",
-                children: /* @__PURE__ */ jsx6(List, {
-                  className: "h-4 w-4"
-                })
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx6(FeatureFiltersBar, {
-        uniqueTags,
-        uniqueStabilities,
-        filters,
-        setSearch,
-        toggleTag,
-        toggleStability,
-        clearFilters,
-        hasActiveFilters
-      }),
-      filteredFeatures.length === 0 ? /* @__PURE__ */ jsx6(EmptyState, {
-        title: "No features found",
-        description: hasActiveFilters ? "Try adjusting your search or filters" : "No features are registered yet",
-        primaryAction: hasActiveFilters ? /* @__PURE__ */ jsx6(Button2, {
-          variant: "outline",
-          onClick: clearFilters,
-          children: "Clear filters"
-        }) : undefined
-      }) : /* @__PURE__ */ jsxs5(VStack2, {
-        gap: "lg",
-        children: [
-          showFeatured && featuredFeatures.length > 0 && /* @__PURE__ */ jsxs5(VStack2, {
-            gap: "sm",
-            children: [
-              /* @__PURE__ */ jsxs5(HStack5, {
-                gap: "sm",
-                className: "items-center",
-                children: [
-                  /* @__PURE__ */ jsx6(Star, {
-                    className: "h-5 w-5 fill-amber-500 text-amber-500"
-                  }),
-                  /* @__PURE__ */ jsx6("span", {
-                    className: "font-semibold text-lg",
-                    children: "Featured"
-                  }),
-                  /* @__PURE__ */ jsx6(StatusChip4, {
-                    tone: "success",
-                    label: `${featuredFeatures.length} stable`,
-                    size: "sm"
-                  })
-                ]
-              }),
-              renderFeatureCards(featuredFeatures)
-            ]
-          }),
-          groupedFeatures ? /* @__PURE__ */ jsx6(VStack2, {
-            gap: "md",
-            children: Object.entries(groupedFeatures).map(([group, groupFeatures]) => /* @__PURE__ */ jsxs5(VStack2, {
-              gap: "sm",
-              children: [
-                /* @__PURE__ */ jsx6(FeatureCategoryHeader, {
-                  title: group,
-                  count: groupFeatures.length,
-                  isCollapsed: collapsedGroups.has(group),
-                  onToggle: () => toggleGroup(group)
-                }),
-                !collapsedGroups.has(group) && renderFeatureCards(groupFeatures)
-              ]
-            }, group))
-          }) : renderFeatureCards(nonFeaturedFeatures)
-        ]
-      })
-    ]
-  });
-}
-export {
-  FeatureDiscovery
-};
+var e={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:[]}};var JJ={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 KJ={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 LJ}from"@contractspec/lib.contracts-spec/app-config";import{FeatureRegistry as HJ}from"@contractspec/lib.contracts-spec/features";function IJ(){let Q=new HJ;return Q.register(e),Q.register(JJ),Q.register(KJ),Q.register(LJ),Q}var S=null;function QJ(){if(!S)S=IJ();return S}function NK(){S=null}import{cn as MJ}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as qJ,Database as x,FileText as m,Globe as XJ,Layout as M,MessageSquare as TJ,Settings as wJ,Shield as d,Workflow as f}from"lucide-react";import*as YJ from"react";import{jsx as vJ}from"react/jsx-runtime";var CJ={platform:wJ,documentation:m,docs:m,integration:f,api:XJ,security:d,data:x,messaging:TJ,ui:M,presentation:M},kJ={documentation:m,guides:m,"api-reference":XJ,presentations:M,ui:M,rendering:M,mcp:f,integration:f,security:d,auth:d,data:x,storage:x},_J={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"},hJ={sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"};function p({domain:Q,tags:J=[],stability:K,icon:X,size:Z="md",className:Y}){let R=YJ.useMemo(()=>{if(X)return X;if(Q){let z=CJ[Q.toLowerCase()];if(z)return z}for(let z of J){let _=kJ[z.toLowerCase()];if(_)return _}return qJ},[Q,J,X]),E=K?_J[K]||"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 vJ(R,{className:MJ(hJ[Z],A[E],Y)})}function g(Q){if(!Q)return"primary";return _J[Q]||"primary"}import{useCallback as q,useMemo as $J,useState as SJ}from"react";var ZJ={search:"",tags:[],stability:[],domain:[]};function zJ(Q){let[J,K]=SJ(ZJ),X=q((_)=>{K(($)=>({...$,search:_}))},[]),Z=q((_)=>{K(($)=>({...$,tags:$.tags.includes(_)?$.tags.filter((G)=>G!==_):[...$.tags,_]}))},[]),Y=q((_)=>{K(($)=>({...$,stability:$.stability.includes(_)?$.stability.filter((G)=>G!==_):[...$.stability,_]}))},[]),R=q((_)=>{K(($)=>({...$,domain:$.domain.includes(_)?$.domain.filter((G)=>G!==_):[...$.domain,_]}))},[]),E=q(()=>K(ZJ),[]),A=$J(()=>{return J.search.length>0||J.tags.length>0||J.stability.length>0||J.domain.length>0},[J]),z=$J(()=>{return Q.filter((_)=>{if(J.search){let $=J.search.toLowerCase();if(!((_.meta.title??"").toLowerCase().includes($)||_.meta.description?.toLowerCase().includes($)||_.meta.key.toLowerCase().includes($)))return!1}if(J.tags.length>0){if(!J.tags.some((G)=>_.meta.tags?.includes(G)))return!1}if(J.stability.length>0){if(!J.stability.includes(_.meta.stability??"unknown"))return!1}if(J.domain.length>0){if(!J.domain.includes(_.meta.domain??"unknown"))return!1}return!0})},[Q,J]);return{filters:J,setSearch:X,toggleTag:Z,toggleStability:Y,toggleDomain:R,clearFilters:E,filteredFeatures:z,hasActiveFilters:A}}import{useMemo as EJ}from"react";function WJ(){let Q=EJ(()=>QJ(),[]);return EJ(()=>{let J=Q.list();return{features:J,getFeature:(K)=>Q.get(K),getByTag:(K)=>Q.listByTag(K),getByOwner:(K)=>Q.listByOwner(K),getUniqueTags:()=>Q.getUniqueTags(),getUniqueDomains:()=>{let K=new Set;for(let X of J)if(X.meta.domain)K.add(X.meta.domain);return[...K].sort()},getUniqueStabilities:()=>{let K=new Set;for(let X of J)if(X.meta.stability)K.add(X.meta.stability);return[...K].sort()}}},[Q])}import{StatusChip as UJ}from"@contractspec/lib.design-system";import{HStack as T}from"@contractspec/lib.ui-kit-web/ui/stack";import{ArrowRight as mJ,Layout as yJ,Radio as FJ,Shield as bJ,Tag as jJ,Users as xJ,Zap as dJ}from"lucide-react";import{jsx as W,jsxs as P,Fragment as fJ}from"react/jsx-runtime";function c({feature:Q}){let{meta:J,operations:K,events:X,presentations:Z,capabilities:Y}=Q,R=Y?.provides?.length||Y?.requires?.length;return P(fJ,{children:[J.description&&W("p",{className:"text-muted-foreground text-sm leading-relaxed",children:J.description}),P(T,{gap:"md",className:"py-2",children:[K?.length?P("div",{className:"flex items-center gap-1.5 text-sm",children:[W(dJ,{className:"h-4 w-4 text-amber-500"}),W("span",{className:"font-medium",children:K.length}),W("span",{className:"text-muted-foreground",children:"ops"})]}):null,X?.length?P("div",{className:"flex items-center gap-1.5 text-sm",children:[W(FJ,{className:"h-4 w-4 text-blue-500"}),W("span",{className:"font-medium",children:X.length}),W("span",{className:"text-muted-foreground",children:"events"})]}):null,Z?.length?P("div",{className:"flex items-center gap-1.5 text-sm",children:[W(yJ,{className:"h-4 w-4 text-purple-500"}),W("span",{className:"font-medium",children:Z.length}),W("span",{className:"text-muted-foreground",children:"views"})]}):null]}),R&&P("div",{className:"space-y-1.5 border-border/50 border-t pt-1",children:[Y?.provides?.length?P(T,{gap:"xs",wrap:"wrap",className:"items-start",children:[W(bJ,{className:"mt-0.5 h-3.5 w-3.5 text-emerald-500"}),W("span",{className:"text-muted-foreground text-xs",children:"Provides:"}),Y.provides.slice(0,2).map((E)=>W(UJ,{tone:"success",label:E.key,size:"sm"},E.key)),Y.provides.length>2&&P("span",{className:"text-muted-foreground text-xs",children:["+",Y.provides.length-2]})]}):null,Y?.requires?.length?P(T,{gap:"xs",wrap:"wrap",className:"items-start",children:[W(mJ,{className:"mt-0.5 h-3.5 w-3.5 text-blue-500"}),W("span",{className:"text-muted-foreground text-xs",children:"Requires:"}),Y.requires.slice(0,2).map((E)=>W(UJ,{tone:"info",label:E.key,size:"sm"},E.key)),Y.requires.length>2&&P("span",{className:"text-muted-foreground text-xs",children:["+",Y.requires.length-2]})]}):null]}),J.tags?.length?P(T,{gap:"xs",wrap:"wrap",className:"items-center border-border/50 border-t pt-1",children:[W(jJ,{className:"h-3.5 w-3.5 text-muted-foreground"}),J.tags.slice(0,4).map((E)=>P("span",{className:"rounded bg-muted px-1.5 py-0.5 text-muted-foreground text-xs",children:["#",E]},E)),J.tags.length>4&&P("span",{className:"text-muted-foreground text-xs",children:["+",J.tags.length-4]})]}):null,J.owners?.length?P(T,{gap:"xs",className:"items-center text-muted-foreground text-xs",children:[W(xJ,{className:"h-3.5 w-3.5"}),W("span",{children:J.owners.join(", ")})]}):null]})}import{EntityCard as pJ,StatusChip as gJ}from"@contractspec/lib.design-system";import{HStack as OJ}from"@contractspec/lib.ui-kit-web/ui/stack";import{Layout as cJ,Radio as nJ,Shield as oJ,Zap as lJ}from"lucide-react";import{jsx as D,jsxs as H}from"react/jsx-runtime";var uJ={stable:"success",beta:"warning",experimental:"info",deprecated:"danger"};function n({feature:Q,onSelect:J,className:K}){let{meta:X,operations:Z,events:Y,presentations:R,capabilities:E}=Q,A=uJ[X.stability]??"neutral",z=g(X.stability),_=X.stability==="stable"?"strong":"default",$=J?()=>J(Q):void 0,G=E?.provides?.length||E?.requires?.length;return D(pJ,{cardTitle:X.title,cardSubtitle:X.key,className:K,onClick:$,emphasis:_,icon:D(p,{domain:X.domain,tags:X.tags,stability:X.stability,size:"md"}),iconTone:z,chips:D(gJ,{tone:A,label:X.stability??"unknown",size:"sm"}),meta:X.description?D("span",{className:"line-clamp-2 text-muted-foreground text-sm",children:X.description}):void 0,preview:D(c,{feature:Q}),footer:H(OJ,{gap:"md",className:"w-full justify-between text-muted-foreground text-xs",children:[H(OJ,{gap:"sm",children:[Z?.length?H("span",{className:"flex items-center gap-1",children:[D(lJ,{className:"h-3 w-3 text-amber-500"}),Z.length]}):null,Y?.length?H("span",{className:"flex items-center gap-1",children:[D(nJ,{className:"h-3 w-3 text-blue-500"}),Y.length]}):null,R?.length?H("span",{className:"flex items-center gap-1",children:[D(cJ,{className:"h-3 w-3 text-purple-500"}),R.length]}):null]}),G&&H("span",{className:"flex items-center gap-1",children:[D(oJ,{className:"h-3 w-3 text-emerald-500"}),(E?.provides?.length??0)+(E?.requires?.length??0)]})]})})}import{StatusChip as rJ}from"@contractspec/lib.design-system";import{HStack as iJ}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as PJ}from"@contractspec/lib.ui-kit-web/ui/utils";import{Boxes as aJ,ChevronDown as sJ}from"lucide-react";import{jsx as w,jsxs as GJ}from"react/jsx-runtime";function o({title:Q,count:J,icon:K,isCollapsed:X=!1,onToggle:Z,className:Y}){return GJ("button",{type:"button",onClick:Z,className:PJ("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:[GJ(iJ,{gap:"sm",className:"items-center",children:[w("div",{className:"text-muted-foreground transition-colors group-hover:text-foreground",children:K||w(aJ,{className:"h-5 w-5"})}),w("span",{className:"font-semibold text-lg capitalize transition-colors group-hover:text-primary",children:Q}),w(rJ,{tone:"neutral",label:`${J} ${J===1?"feature":"features"}`,size:"sm"})]}),w(sJ,{className:PJ("h-5 w-5 text-muted-foreground transition-transform duration-200",X&&"-rotate-90")})]})}import{Button as l,Input as tJ}from"@contractspec/lib.design-system";import{HStack as u,VStack as eJ}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as JK}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as C,jsxs as I}from"react/jsx-runtime";function r({uniqueTags:Q,uniqueStabilities:J,filters:K,setSearch:X,toggleTag:Z,toggleStability:Y,clearFilters:R,hasActiveFilters:E,className:A}){return I(eJ,{gap:"md",className:JK("w-full",A),children:[I(u,{gap:"md",justify:"between",className:"w-full",children:[C(tJ,{placeholder:"Search features...",value:K.search,onChange:(z)=>X(z.target.value),className:"max-w-md","aria-label":"Search features"}),E&&C(l,{variant:"ghost",size:"sm",onClick:R,children:"Clear filters"})]}),J.length>0&&I(u,{gap:"xs",wrap:"wrap",children:[C("span",{className:"text-muted-foreground text-sm",children:"Stability:"}),J.map((z)=>C(l,{variant:K.stability.includes(z)?"default":"outline",size:"sm",onClick:()=>Y(z),"aria-pressed":K.stability.includes(z),children:z},z))]}),Q.length>0&&I(u,{gap:"xs",wrap:"wrap",children:[C("span",{className:"text-muted-foreground text-sm",children:"Tags:"}),Q.slice(0,10).map((z)=>I(l,{variant:K.tags.includes(z)?"default":"outline",size:"sm",onClick:()=>Z(z),"aria-pressed":K.tags.includes(z),children:["#",z]},z)),Q.length>10&&I("span",{className:"text-muted-foreground text-sm",children:["+",Q.length-10," more"]})]})]})}import{Button as KK,EmptyState as QK,PageHeaderResponsive as XK,StatusChip as YK}from"@contractspec/lib.design-system";import{HStack as RJ,VStack as k}from"@contractspec/lib.ui-kit-web/ui/stack";import{cn as i}from"@contractspec/lib.ui-kit-web/ui/utils";import{LayoutGrid as _K,List as $K,Star as ZK}from"lucide-react";import*as L from"react";import{jsx as O,jsxs as B}from"react/jsx-runtime";function zK(Q){let J={};for(let K of Q){let X=K.meta.domain||"Other";if(!J[X])J[X]=[];J[X].push(K)}return J}function EK(Q){let J=["stable","beta","experimental","deprecated","unknown"],K={};for(let Z of Q){let Y=Z.meta.stability||"unknown";if(!K[Y])K[Y]=[];K[Y].push(Z)}let X={};for(let Z of J)if(K[Z])X[Z]=K[Z];return X}function DQ({onSelectFeature:Q,className:J,defaultViewMode:K="grid",groupBy:X="domain",showFeatured:Z=!0}){let{features:Y,getUniqueTags:R,getUniqueStabilities:E}=WJ(),{filters:A,setSearch:z,toggleTag:_,toggleStability:$,clearFilters:G,filteredFeatures:N,hasActiveFilters:y}=zJ(Y),AJ=R(),DJ=E(),[F,a]=L.useState(K),[s,NJ]=L.useState(new Set),b=L.useMemo(()=>N.filter((U)=>U.meta.stability==="stable"),[N]),h=L.useMemo(()=>Z?N.filter((U)=>U.meta.stability!=="stable"):N,[N,Z]),t=L.useMemo(()=>{if(X==="none")return null;if(X==="domain")return zK(h);return EK(h)},[h,X]),VJ=(U)=>{NJ((V)=>{let v=new Set(V);if(v.has(U))v.delete(U);else v.add(U);return v})},BJ=F==="grid"?"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3":"flex flex-col gap-3",j=(U)=>O("div",{className:BJ,children:U.map((V)=>O(n,{feature:V,onSelect:Q},V.meta.key))});return B(k,{gap:"lg",className:i("w-full p-6",J),children:[B("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",children:[O(XK,{title:"Feature Discovery",subtitle:`Browse ${Y.length} available ContractSpec features`}),B(RJ,{gap:"xs",children:[O("button",{type:"button",onClick:()=>a("grid"),className:i("rounded-md p-2 transition-colors",F==="grid"?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground hover:bg-muted/80"),"aria-label":"Grid view",children:O(_K,{className:"h-4 w-4"})}),O("button",{type:"button",onClick:()=>a("list"),className:i("rounded-md p-2 transition-colors",F==="list"?"bg-primary text-primary-foreground":"bg-muted text-muted-foreground hover:bg-muted/80"),"aria-label":"List view",children:O($K,{className:"h-4 w-4"})})]})]}),O(r,{uniqueTags:AJ,uniqueStabilities:DJ,filters:A,setSearch:z,toggleTag:_,toggleStability:$,clearFilters:G,hasActiveFilters:y}),N.length===0?O(QK,{title:"No features found",description:y?"Try adjusting your search or filters":"No features are registered yet",primaryAction:y?O(KK,{variant:"outline",onClick:G,children:"Clear filters"}):void 0}):B(k,{gap:"lg",children:[Z&&b.length>0&&B(k,{gap:"sm",children:[B(RJ,{gap:"sm",className:"items-center",children:[O(ZK,{className:"h-5 w-5 fill-amber-500 text-amber-500"}),O("span",{className:"font-semibold text-lg",children:"Featured"}),O(YK,{tone:"success",label:`${b.length} stable`,size:"sm"})]}),j(b)]}),t?O(k,{gap:"md",children:Object.entries(t).map(([U,V])=>B(k,{gap:"sm",children:[O(o,{title:U,count:V.length,isCollapsed:s.has(U),onToggle:()=>VJ(U)}),!s.has(U)&&j(V)]},U))}):j(h)]})]})}export{DQ as FeatureDiscovery};