@contractspec/bundle.library 3.4.2 → 3.5.0

package/dist/presentation/features/index.js

@@ -288,7 +288,7 @@ import {
   Workflow
 } from "lucide-react";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 "use client";
 var domainIconMap = {
   platform: Settings,
@@ -358,9 +358,9 @@ function FeatureIcon({
     danger: "text-red-600 dark:text-red-400",
     primary: "text-primary"
   };
-  return /* @__PURE__ */ jsxDEV(Icon, {
+  return /* @__PURE__ */ jsx(Icon, {
     className: cn(sizeClasses[size], toneClasses[tone], className)
-  }, undefined, false, undefined, this);
+  });
 }
 function getFeatureIconTone(stability) {
   if (!stability)
@@ -522,172 +522,172 @@ import {
   Users,
   Zap
 } from "lucide-react";
-import { jsxDEV as jsxDEV2, Fragment } from "react/jsx-dev-runtime";
+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__ */ jsxDEV2(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      meta.description && /* @__PURE__ */ jsxDEV2("p", {
+      meta.description && /* @__PURE__ */ jsx2("p", {
         className: "text-muted-foreground text-sm leading-relaxed",
         children: meta.description
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(HStack, {
+      }),
+      /* @__PURE__ */ jsxs(HStack, {
         gap: "md",
         className: "py-2",
         children: [
-          operations?.length ? /* @__PURE__ */ jsxDEV2("div", {
+          operations?.length ? /* @__PURE__ */ jsxs("div", {
             className: "flex items-center gap-1.5 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV2(Zap, {
+              /* @__PURE__ */ jsx2(Zap, {
                 className: "h-4 w-4 text-amber-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "font-medium",
                 children: operations.length
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "text-muted-foreground",
                 children: "ops"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this) : null,
-          events?.length ? /* @__PURE__ */ jsxDEV2("div", {
+          }) : null,
+          events?.length ? /* @__PURE__ */ jsxs("div", {
             className: "flex items-center gap-1.5 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV2(Radio, {
+              /* @__PURE__ */ jsx2(Radio, {
                 className: "h-4 w-4 text-blue-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "font-medium",
                 children: events.length
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "text-muted-foreground",
                 children: "events"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this) : null,
-          presentations?.length ? /* @__PURE__ */ jsxDEV2("div", {
+          }) : null,
+          presentations?.length ? /* @__PURE__ */ jsxs("div", {
             className: "flex items-center gap-1.5 text-sm",
             children: [
-              /* @__PURE__ */ jsxDEV2(Layout2, {
+              /* @__PURE__ */ jsx2(Layout2, {
                 className: "h-4 w-4 text-purple-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "font-medium",
                 children: presentations.length
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "text-muted-foreground",
                 children: "views"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      hasCapabilities && /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      hasCapabilities && /* @__PURE__ */ jsxs("div", {
         className: "border-border/50 space-y-1.5 border-t pt-1",
         children: [
-          capabilities?.provides?.length ? /* @__PURE__ */ jsxDEV2(HStack, {
+          capabilities?.provides?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
             wrap: "wrap",
             className: "items-start",
             children: [
-              /* @__PURE__ */ jsxDEV2(Shield2, {
+              /* @__PURE__ */ jsx2(Shield2, {
                 className: "mt-0.5 h-3.5 w-3.5 text-emerald-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "text-muted-foreground text-xs",
                 children: "Provides:"
-              }, undefined, false, undefined, this),
-              capabilities.provides.slice(0, 2).map((cap) => /* @__PURE__ */ jsxDEV2(StatusChip, {
+              }),
+              capabilities.provides.slice(0, 2).map((cap) => /* @__PURE__ */ jsx2(StatusChip, {
                 tone: "success",
                 label: cap.key,
                 size: "sm"
-              }, cap.key, false, undefined, this)),
-              capabilities.provides.length > 2 && /* @__PURE__ */ jsxDEV2("span", {
+              }, cap.key)),
+              capabilities.provides.length > 2 && /* @__PURE__ */ jsxs("span", {
                 className: "text-muted-foreground text-xs",
                 children: [
                   "+",
                   capabilities.provides.length - 2
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this) : null,
-          capabilities?.requires?.length ? /* @__PURE__ */ jsxDEV2(HStack, {
+          }) : null,
+          capabilities?.requires?.length ? /* @__PURE__ */ jsxs(HStack, {
             gap: "xs",
             wrap: "wrap",
             className: "items-start",
             children: [
-              /* @__PURE__ */ jsxDEV2(ArrowRight, {
+              /* @__PURE__ */ jsx2(ArrowRight, {
                 className: "mt-0.5 h-3.5 w-3.5 text-blue-500"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("span", {
+              }),
+              /* @__PURE__ */ jsx2("span", {
                 className: "text-muted-foreground text-xs",
                 children: "Requires:"
-              }, undefined, false, undefined, this),
-              capabilities.requires.slice(0, 2).map((req) => /* @__PURE__ */ jsxDEV2(StatusChip, {
+              }),
+              capabilities.requires.slice(0, 2).map((req) => /* @__PURE__ */ jsx2(StatusChip, {
                 tone: "info",
                 label: req.key,
                 size: "sm"
-              }, req.key, false, undefined, this)),
-              capabilities.requires.length > 2 && /* @__PURE__ */ jsxDEV2("span", {
+              }, req.key)),
+              capabilities.requires.length > 2 && /* @__PURE__ */ jsxs("span", {
                 className: "text-muted-foreground text-xs",
                 children: [
                   "+",
                   capabilities.requires.length - 2
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      meta.tags?.length ? /* @__PURE__ */ jsxDEV2(HStack, {
+      }),
+      meta.tags?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         wrap: "wrap",
         className: "border-border/50 items-center border-t pt-1",
         children: [
-          /* @__PURE__ */ jsxDEV2(Tag, {
+          /* @__PURE__ */ jsx2(Tag, {
             className: "text-muted-foreground h-3.5 w-3.5"
-          }, undefined, false, undefined, this),
-          meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxDEV2("span", {
+          }),
+          meta.tags.slice(0, 4).map((tag) => /* @__PURE__ */ jsxs("span", {
             className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-xs",
             children: [
               "#",
               tag
             ]
-          }, tag, true, undefined, this)),
-          meta.tags.length > 4 && /* @__PURE__ */ jsxDEV2("span", {
+          }, tag)),
+          meta.tags.length > 4 && /* @__PURE__ */ jsxs("span", {
             className: "text-muted-foreground text-xs",
             children: [
               "+",
               meta.tags.length - 4
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this) : null,
-      meta.owners?.length ? /* @__PURE__ */ jsxDEV2(HStack, {
+      }) : null,
+      meta.owners?.length ? /* @__PURE__ */ jsxs(HStack, {
         gap: "xs",
         className: "text-muted-foreground items-center text-xs",
         children: [
-          /* @__PURE__ */ jsxDEV2(Users, {
+          /* @__PURE__ */ jsx2(Users, {
             className: "h-3.5 w-3.5"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2("span", {
+          }),
+          /* @__PURE__ */ jsx2("span", {
             children: meta.owners.join(", ")
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/molecules/FeatureCard/FeatureCard.tsx
 import { EntityCard, StatusChip as StatusChip2 } from "@contractspec/lib.design-system";
 import { HStack as HStack2 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { Zap as Zap2, Radio as Radio2, Layout as Layout3, Shield as Shield3 } from "lucide-react";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 "use client";
 var stabilityTone = {
   stable: "success",
@@ -706,85 +706,85 @@ function FeatureCard({
   const emphasis = meta.stability === "stable" ? "strong" : "default";
   const handleClick = onSelect ? () => onSelect(feature) : undefined;
   const hasCapabilities = capabilities?.provides?.length || capabilities?.requires?.length;
-  return /* @__PURE__ */ jsxDEV3(EntityCard, {
+  return /* @__PURE__ */ jsx3(EntityCard, {
     cardTitle: meta.title,
     cardSubtitle: meta.key,
     className,
     onClick: handleClick,
     emphasis,
-    icon: /* @__PURE__ */ jsxDEV3(FeatureIcon, {
+    icon: /* @__PURE__ */ jsx3(FeatureIcon, {
       domain: meta.domain,
       tags: meta.tags,
       stability: meta.stability,
       size: "md"
-    }, undefined, false, undefined, this),
+    }),
     iconTone,
-    chips: /* @__PURE__ */ jsxDEV3(StatusChip2, {
+    chips: /* @__PURE__ */ jsx3(StatusChip2, {
       tone,
       label: meta.stability ?? "unknown",
       size: "sm"
-    }, undefined, false, undefined, this),
-    meta: meta.description ? /* @__PURE__ */ jsxDEV3("span", {
+    }),
+    meta: meta.description ? /* @__PURE__ */ jsx3("span", {
       className: "text-muted-foreground line-clamp-2 text-sm",
       children: meta.description
-    }, undefined, false, undefined, this) : undefined,
-    preview: /* @__PURE__ */ jsxDEV3(FeatureHoverPreview, {
+    }) : undefined,
+    preview: /* @__PURE__ */ jsx3(FeatureHoverPreview, {
       feature
-    }, undefined, false, undefined, this),
-    footer: /* @__PURE__ */ jsxDEV3(HStack2, {
+    }),
+    footer: /* @__PURE__ */ jsxs2(HStack2, {
       gap: "md",
       className: "text-muted-foreground w-full justify-between text-xs",
       children: [
-        /* @__PURE__ */ jsxDEV3(HStack2, {
+        /* @__PURE__ */ jsxs2(HStack2, {
           gap: "sm",
           children: [
-            operations?.length ? /* @__PURE__ */ jsxDEV3("span", {
+            operations?.length ? /* @__PURE__ */ jsxs2("span", {
               className: "flex items-center gap-1",
               children: [
-                /* @__PURE__ */ jsxDEV3(Zap2, {
+                /* @__PURE__ */ jsx3(Zap2, {
                   className: "h-3 w-3 text-amber-500"
-                }, undefined, false, undefined, this),
+                }),
                 operations.length
               ]
-            }, undefined, true, undefined, this) : null,
-            events?.length ? /* @__PURE__ */ jsxDEV3("span", {
+            }) : null,
+            events?.length ? /* @__PURE__ */ jsxs2("span", {
               className: "flex items-center gap-1",
               children: [
-                /* @__PURE__ */ jsxDEV3(Radio2, {
+                /* @__PURE__ */ jsx3(Radio2, {
                   className: "h-3 w-3 text-blue-500"
-                }, undefined, false, undefined, this),
+                }),
                 events.length
               ]
-            }, undefined, true, undefined, this) : null,
-            presentations?.length ? /* @__PURE__ */ jsxDEV3("span", {
+            }) : null,
+            presentations?.length ? /* @__PURE__ */ jsxs2("span", {
               className: "flex items-center gap-1",
               children: [
-                /* @__PURE__ */ jsxDEV3(Layout3, {
+                /* @__PURE__ */ jsx3(Layout3, {
                   className: "h-3 w-3 text-purple-500"
-                }, undefined, false, undefined, this),
+                }),
                 presentations.length
               ]
-            }, undefined, true, undefined, this) : null
+            }) : null
           ]
-        }, undefined, true, undefined, this),
-        hasCapabilities && /* @__PURE__ */ jsxDEV3("span", {
+        }),
+        hasCapabilities && /* @__PURE__ */ jsxs2("span", {
           className: "flex items-center gap-1",
           children: [
-            /* @__PURE__ */ jsxDEV3(Shield3, {
+            /* @__PURE__ */ jsx3(Shield3, {
               className: "h-3 w-3 text-emerald-500"
-            }, undefined, false, undefined, this),
+            }),
             (capabilities?.provides?.length ?? 0) + (capabilities?.requires?.length ?? 0)
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 // src/presentation/features/molecules/FeatureFilters/FeatureFilters.tsx
 import { Button, Input } from "@contractspec/lib.design-system";
 import { VStack, HStack as HStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 "use client";
 function FeatureFiltersBar({
   uniqueTags,
@@ -797,56 +797,56 @@ function FeatureFiltersBar({
   hasActiveFilters,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV4(VStack, {
+  return /* @__PURE__ */ jsxs3(VStack, {
     gap: "md",
     className: cn2("w-full", className),
     children: [
-      /* @__PURE__ */ jsxDEV4(HStack3, {
+      /* @__PURE__ */ jsxs3(HStack3, {
         gap: "md",
         justify: "between",
         className: "w-full",
         children: [
-          /* @__PURE__ */ jsxDEV4(Input, {
+          /* @__PURE__ */ jsx4(Input, {
             placeholder: "Search features...",
             value: filters.search,
             onChange: (e) => setSearch(e.target.value),
             className: "max-w-md",
             "aria-label": "Search features"
-          }, undefined, false, undefined, this),
-          hasActiveFilters && /* @__PURE__ */ jsxDEV4(Button, {
+          }),
+          hasActiveFilters && /* @__PURE__ */ jsx4(Button, {
             variant: "ghost",
             size: "sm",
             onClick: clearFilters,
             children: "Clear filters"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxDEV4(HStack3, {
+      }),
+      uniqueStabilities.length > 0 && /* @__PURE__ */ jsxs3(HStack3, {
         gap: "xs",
         wrap: "wrap",
         children: [
-          /* @__PURE__ */ jsxDEV4("span", {
+          /* @__PURE__ */ jsx4("span", {
             className: "text-muted-foreground text-sm",
             children: "Stability:"
-          }, undefined, false, undefined, this),
-          uniqueStabilities.map((stability) => /* @__PURE__ */ jsxDEV4(Button, {
+          }),
+          uniqueStabilities.map((stability) => /* @__PURE__ */ jsx4(Button, {
             variant: filters.stability.includes(stability) ? "default" : "outline",
             size: "sm",
             onClick: () => toggleStability(stability),
             "aria-pressed": filters.stability.includes(stability),
             children: stability
-          }, stability, false, undefined, this))
+          }, stability))
         ]
-      }, undefined, true, undefined, this),
-      uniqueTags.length > 0 && /* @__PURE__ */ jsxDEV4(HStack3, {
+      }),
+      uniqueTags.length > 0 && /* @__PURE__ */ jsxs3(HStack3, {
         gap: "xs",
         wrap: "wrap",
         children: [
-          /* @__PURE__ */ jsxDEV4("span", {
+          /* @__PURE__ */ jsx4("span", {
             className: "text-muted-foreground text-sm",
             children: "Tags:"
-          }, undefined, false, undefined, this),
-          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxDEV4(Button, {
+          }),
+          uniqueTags.slice(0, 10).map((tag) => /* @__PURE__ */ jsxs3(Button, {
             variant: filters.tags.includes(tag) ? "default" : "outline",
             size: "sm",
             onClick: () => toggleTag(tag),
@@ -855,26 +855,26 @@ function FeatureFiltersBar({
               "#",
               tag
             ]
-          }, tag, true, undefined, this)),
-          uniqueTags.length > 10 && /* @__PURE__ */ jsxDEV4("span", {
+          }, tag)),
+          uniqueTags.length > 10 && /* @__PURE__ */ jsxs3("span", {
             className: "text-muted-foreground text-sm",
             children: [
               "+",
               uniqueTags.length - 10,
               " more"
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/molecules/FeatureCategoryHeader/FeatureCategoryHeader.tsx
 import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { ChevronDown, Boxes as Boxes2 } from "lucide-react";
 import { HStack as HStack4 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { StatusChip as StatusChip3 } from "@contractspec/lib.design-system";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 "use client";
 function FeatureCategoryHeader({
   title,
@@ -884,37 +884,37 @@ function FeatureCategoryHeader({
   onToggle,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV5("button", {
+  return /* @__PURE__ */ jsxs4("button", {
     type: "button",
     onClick: onToggle,
     className: cn3("flex w-full items-center justify-between rounded-lg px-4 py-3", "bg-muted/30 hover:bg-muted/50 transition-colors", "group cursor-pointer", className),
     children: [
-      /* @__PURE__ */ jsxDEV5(HStack4, {
+      /* @__PURE__ */ jsxs4(HStack4, {
         gap: "sm",
         className: "items-center",
         children: [
-          /* @__PURE__ */ jsxDEV5("div", {
+          /* @__PURE__ */ jsx5("div", {
             className: "text-muted-foreground group-hover:text-foreground transition-colors",
-            children: icon || /* @__PURE__ */ jsxDEV5(Boxes2, {
+            children: icon || /* @__PURE__ */ jsx5(Boxes2, {
               className: "h-5 w-5"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5("span", {
+            })
+          }),
+          /* @__PURE__ */ jsx5("span", {
             className: "group-hover:text-primary text-lg font-semibold capitalize transition-colors",
             children: title
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV5(StatusChip3, {
+          }),
+          /* @__PURE__ */ jsx5(StatusChip3, {
             tone: "neutral",
             label: `${count} ${count === 1 ? "feature" : "features"}`,
             size: "sm"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV5(ChevronDown, {
+      }),
+      /* @__PURE__ */ jsx5(ChevronDown, {
         className: cn3("text-muted-foreground h-5 w-5 transition-transform duration-200", isCollapsed && "-rotate-90")
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/organisms/FeatureDiscovery/FeatureDiscovery.tsx
 import * as React2 from "react";
@@ -927,7 +927,7 @@ import {
 import { VStack as VStack2, HStack as HStack5 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn4 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { LayoutGrid, List, Star } from "lucide-react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 "use client";
 function groupFeaturesByDomain(features) {
   const groups = {};
@@ -997,50 +997,50 @@ function FeatureDiscovery({
     });
   };
   const gridClasses = viewMode === "grid" ? "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" : "flex flex-col gap-3";
-  const renderFeatureCards = (featureList) => /* @__PURE__ */ jsxDEV6("div", {
+  const renderFeatureCards = (featureList) => /* @__PURE__ */ jsx6("div", {
     className: gridClasses,
-    children: featureList.map((feature) => /* @__PURE__ */ jsxDEV6(FeatureCard, {
+    children: featureList.map((feature) => /* @__PURE__ */ jsx6(FeatureCard, {
       feature,
       onSelect: onSelectFeature
-    }, feature.meta.key, false, undefined, this))
-  }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV6(VStack2, {
+    }, feature.meta.key))
+  });
+  return /* @__PURE__ */ jsxs5(VStack2, {
     gap: "lg",
     className: cn4("w-full p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV6("div", {
+      /* @__PURE__ */ jsxs5("div", {
         className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
         children: [
-          /* @__PURE__ */ jsxDEV6(PageHeaderResponsive, {
+          /* @__PURE__ */ jsx6(PageHeaderResponsive, {
             title: "Feature Discovery",
             subtitle: `Browse ${features.length} available ContractSpec features`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6(HStack5, {
+          }),
+          /* @__PURE__ */ jsxs5(HStack5, {
             gap: "xs",
             children: [
-              /* @__PURE__ */ jsxDEV6("button", {
+              /* @__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 hover:bg-muted/80 text-muted-foreground"),
                 "aria-label": "Grid view",
-                children: /* @__PURE__ */ jsxDEV6(LayoutGrid, {
+                children: /* @__PURE__ */ jsx6(LayoutGrid, {
                   className: "h-4 w-4"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV6("button", {
+                })
+              }),
+              /* @__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 hover:bg-muted/80 text-muted-foreground"),
                 "aria-label": "List view",
-                children: /* @__PURE__ */ jsxDEV6(List, {
+                children: /* @__PURE__ */ jsx6(List, {
                   className: "h-4 w-4"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                })
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV6(FeatureFiltersBar, {
+      }),
+      /* @__PURE__ */ jsx6(FeatureFiltersBar, {
         uniqueTags,
         uniqueStabilities,
         filters,
@@ -1049,61 +1049,61 @@ function FeatureDiscovery({
         toggleStability,
         clearFilters,
         hasActiveFilters
-      }, undefined, false, undefined, this),
-      filteredFeatures.length === 0 ? /* @__PURE__ */ jsxDEV6(EmptyState, {
+      }),
+      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__ */ jsxDEV6(Button2, {
+        primaryAction: hasActiveFilters ? /* @__PURE__ */ jsx6(Button2, {
           variant: "outline",
           onClick: clearFilters,
           children: "Clear filters"
-        }, undefined, false, undefined, this) : undefined
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6(VStack2, {
+        }) : undefined
+      }) : /* @__PURE__ */ jsxs5(VStack2, {
         gap: "lg",
         children: [
-          showFeatured && featuredFeatures.length > 0 && /* @__PURE__ */ jsxDEV6(VStack2, {
+          showFeatured && featuredFeatures.length > 0 && /* @__PURE__ */ jsxs5(VStack2, {
             gap: "sm",
             children: [
-              /* @__PURE__ */ jsxDEV6(HStack5, {
+              /* @__PURE__ */ jsxs5(HStack5, {
                 gap: "sm",
                 className: "items-center",
                 children: [
-                  /* @__PURE__ */ jsxDEV6(Star, {
+                  /* @__PURE__ */ jsx6(Star, {
                     className: "h-5 w-5 fill-amber-500 text-amber-500"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6("span", {
+                  }),
+                  /* @__PURE__ */ jsx6("span", {
                     className: "text-lg font-semibold",
                     children: "Featured"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV6(StatusChip4, {
+                  }),
+                  /* @__PURE__ */ jsx6(StatusChip4, {
                     tone: "success",
                     label: `${featuredFeatures.length} stable`,
                     size: "sm"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
+              }),
               renderFeatureCards(featuredFeatures)
             ]
-          }, undefined, true, undefined, this),
-          groupedFeatures ? /* @__PURE__ */ jsxDEV6(VStack2, {
+          }),
+          groupedFeatures ? /* @__PURE__ */ jsx6(VStack2, {
             gap: "md",
-            children: Object.entries(groupedFeatures).map(([group, groupFeatures]) => /* @__PURE__ */ jsxDEV6(VStack2, {
+            children: Object.entries(groupedFeatures).map(([group, groupFeatures]) => /* @__PURE__ */ jsxs5(VStack2, {
               gap: "sm",
               children: [
-                /* @__PURE__ */ jsxDEV6(FeatureCategoryHeader, {
+                /* @__PURE__ */ jsx6(FeatureCategoryHeader, {
                   title: group,
                   count: groupFeatures.length,
                   isCollapsed: collapsedGroups.has(group),
                   onToggle: () => toggleGroup(group)
-                }, undefined, false, undefined, this),
+                }),
                 !collapsedGroups.has(group) && renderFeatureCards(groupFeatures)
               ]
-            }, group, true, undefined, this))
-          }, undefined, false, undefined, this) : renderFeatureCards(nonFeaturedFeatures)
+            }, group))
+          }) : renderFeatureCards(nonFeaturedFeatures)
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/organisms/FeatureDetail/FeatureDetail.tsx
 import {
@@ -1114,7 +1114,7 @@ import {
 import { Box, HStack as HStack6, VStack as VStack3 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn5 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import Link from "next/link";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 "use client";
 var stabilityTone2 = {
   stable: "success",
@@ -1125,266 +1125,266 @@ var stabilityTone2 = {
 function FeatureDetail({ feature, className }) {
   const { meta, operations, events, presentations, capabilities } = feature;
   const tone = stabilityTone2[meta.stability] ?? "neutral";
-  return /* @__PURE__ */ jsxDEV7(VStack3, {
+  return /* @__PURE__ */ jsxs6(VStack3, {
     gap: "lg",
     className: cn5("w-full", className),
     children: [
-      /* @__PURE__ */ jsxDEV7(HStack6, {
+      /* @__PURE__ */ jsxs6(HStack6, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV7(StatusChip5, {
+          /* @__PURE__ */ jsx7(StatusChip5, {
             tone,
             label: meta.stability ?? "unknown"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(StatusChip5, {
+          }),
+          /* @__PURE__ */ jsx7(StatusChip5, {
             tone: "neutral",
             label: meta.key,
             size: "sm"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(StatusChip5, {
+          }),
+          /* @__PURE__ */ jsx7(StatusChip5, {
             tone: "neutral",
             label: `v${meta.version}`,
             size: "sm"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7(StatCardGroup, {
+      }),
+      /* @__PURE__ */ jsxs6(StatCardGroup, {
         children: [
-          /* @__PURE__ */ jsxDEV7(Link, {
+          /* @__PURE__ */ jsx7(Link, {
             href: `./${feature.meta.key}/operations`,
-            children: /* @__PURE__ */ jsxDEV7(StatCard, {
+            children: /* @__PURE__ */ jsx7(StatCard, {
               label: "Operations",
               value: operations?.length ?? 0
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(Link, {
+            })
+          }),
+          /* @__PURE__ */ jsx7(Link, {
             href: `./${feature.meta.key}/events`,
-            children: /* @__PURE__ */ jsxDEV7(StatCard, {
+            children: /* @__PURE__ */ jsx7(StatCard, {
               label: "Events",
               value: events?.length ?? 0
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(Link, {
+            })
+          }),
+          /* @__PURE__ */ jsx7(Link, {
             href: `./${feature.meta.key}/presentations`,
-            children: /* @__PURE__ */ jsxDEV7(StatCard, {
+            children: /* @__PURE__ */ jsx7(StatCard, {
               label: "Presentations",
               value: presentations?.length ?? 0
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+            })
+          })
         ]
-      }, undefined, true, undefined, this),
-      capabilities?.provides?.length ? /* @__PURE__ */ jsxDEV7(Box, {
+      }),
+      capabilities?.provides?.length ? /* @__PURE__ */ jsxs6(Box, {
         className: "flex-col rounded-lg border p-4",
         gap: "sm",
         align: "start",
         children: [
-          /* @__PURE__ */ jsxDEV7("span", {
+          /* @__PURE__ */ jsx7("span", {
             className: "font-semibold",
             children: "Provides Capabilities"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(HStack6, {
+          }),
+          /* @__PURE__ */ jsx7(HStack6, {
             gap: "xs",
             wrap: "wrap",
-            children: capabilities.provides.map((cap) => /* @__PURE__ */ jsxDEV7(StatusChip5, {
+            children: capabilities.provides.map((cap) => /* @__PURE__ */ jsx7(StatusChip5, {
               tone: "success",
               label: `${cap.key} v${cap.version}`,
               size: "sm"
-            }, `${cap.key}-${cap.version}`, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, `${cap.key}-${cap.version}`))
+          })
         ]
-      }, undefined, true, undefined, this) : null,
-      capabilities?.requires?.length ? /* @__PURE__ */ jsxDEV7(Box, {
+      }) : null,
+      capabilities?.requires?.length ? /* @__PURE__ */ jsxs6(Box, {
         className: "flex-col rounded-lg border p-4",
         gap: "sm",
         align: "start",
         children: [
-          /* @__PURE__ */ jsxDEV7("span", {
+          /* @__PURE__ */ jsx7("span", {
             className: "font-semibold",
             children: "Requires Capabilities"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(HStack6, {
+          }),
+          /* @__PURE__ */ jsx7(HStack6, {
             gap: "xs",
             wrap: "wrap",
-            children: capabilities.requires.map((req) => /* @__PURE__ */ jsxDEV7(StatusChip5, {
+            children: capabilities.requires.map((req) => /* @__PURE__ */ jsx7(StatusChip5, {
               tone: "info",
               label: `${req.key}${req.version ? ` v${req.version}` : ""}${req.optional ? " (optional)" : ""}`,
               size: "sm"
-            }, req.key, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, req.key))
+          })
         ]
-      }, undefined, true, undefined, this) : null,
-      meta.tags?.length ? /* @__PURE__ */ jsxDEV7(Box, {
+      }) : null,
+      meta.tags?.length ? /* @__PURE__ */ jsxs6(Box, {
         className: "flex-col rounded-lg border p-4",
         gap: "sm",
         align: "start",
         children: [
-          /* @__PURE__ */ jsxDEV7("span", {
+          /* @__PURE__ */ jsx7("span", {
             className: "font-semibold",
             children: "Tags"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(HStack6, {
+          }),
+          /* @__PURE__ */ jsx7(HStack6, {
             gap: "xs",
             wrap: "wrap",
-            children: meta.tags.map((tag) => /* @__PURE__ */ jsxDEV7(StatusChip5, {
+            children: meta.tags.map((tag) => /* @__PURE__ */ jsx7(StatusChip5, {
               tone: "neutral",
               label: `#${tag}`,
               size: "sm"
-            }, tag, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, tag))
+          })
         ]
-      }, undefined, true, undefined, this) : null,
-      meta.owners?.length ? /* @__PURE__ */ jsxDEV7(Box, {
+      }) : null,
+      meta.owners?.length ? /* @__PURE__ */ jsxs6(Box, {
         className: "flex-col rounded-lg border p-4",
         gap: "sm",
         align: "start",
         children: [
-          /* @__PURE__ */ jsxDEV7("span", {
+          /* @__PURE__ */ jsx7("span", {
             className: "font-semibold",
             children: "Owners"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(HStack6, {
+          }),
+          /* @__PURE__ */ jsx7(HStack6, {
             gap: "xs",
             wrap: "wrap",
-            children: meta.owners.map((owner) => /* @__PURE__ */ jsxDEV7(StatusChip5, {
+            children: meta.owners.map((owner) => /* @__PURE__ */ jsx7(StatusChip5, {
               tone: "neutral",
               label: owner,
               size: "sm"
-            }, owner, false, undefined, this))
-          }, undefined, false, undefined, this)
+            }, owner))
+          })
         ]
-      }, undefined, true, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/organisms/FeatureOperationsList.tsx
 import { EntityCard as EntityCard2 } from "@contractspec/lib.design-system";
 import { Zap as Zap3 } from "lucide-react";
-import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 "use client";
 function FeatureOperationsList({
   feature
 }) {
   if (!feature.operations?.length)
     return null;
-  return /* @__PURE__ */ jsxDEV8("div", {
+  return /* @__PURE__ */ jsx8("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
     children: feature.operations.map((op) => {
       const spec = resolveSerializedOperationSpec(op.key, op.version);
-      return /* @__PURE__ */ jsxDEV8(EntityCard2, {
+      return /* @__PURE__ */ jsx8(EntityCard2, {
         cardTitle: op.key,
         cardSubtitle: `v${op.version}`,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsxDEV8(Zap3, {
+        icon: /* @__PURE__ */ jsx8(Zap3, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this),
+        }),
         href: `/features/${feature.meta.key}/operations/${op.key}`
-      }, op.key, false, undefined, this);
+      }, op.key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/presentation/features/organisms/FeatureEventsList.tsx
 import { EntityCard as EntityCard3 } from "@contractspec/lib.design-system";
 import { Radio as Radio3 } from "lucide-react";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 "use client";
 function FeatureEventsList({ feature }) {
   if (!feature.events?.length)
     return null;
-  return /* @__PURE__ */ jsxDEV9("div", {
+  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__ */ jsxDEV9(EntityCard3, {
+      return /* @__PURE__ */ jsx9(EntityCard3, {
         cardTitle: ev.key,
         cardSubtitle: `v${ev.version}`,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsxDEV9(Radio3, {
+        icon: /* @__PURE__ */ jsx9(Radio3, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this),
+        }),
         href: `/features/${feature.meta.key}/events/${ev.key}`
-      }, ev.key, false, undefined, this);
+      }, ev.key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/presentation/features/organisms/FeaturePresentationsList.tsx
 import { EntityCard as EntityCard4 } from "@contractspec/lib.design-system";
 import { Layout as Layout4 } from "lucide-react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 "use client";
 function FeaturePresentationsList({
   feature
 }) {
   if (!feature.presentations?.length)
     return null;
-  return /* @__PURE__ */ jsxDEV10("div", {
+  return /* @__PURE__ */ jsx10("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
     children: feature.presentations.map((pres) => {
       const spec = resolveSerializedPresentationSpec(pres.key, pres.version);
-      return /* @__PURE__ */ jsxDEV10(EntityCard4, {
+      return /* @__PURE__ */ jsx10(EntityCard4, {
         cardTitle: pres.key,
         cardSubtitle: `v${pres.version}`,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsxDEV10(Layout4, {
+        icon: /* @__PURE__ */ jsx10(Layout4, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this),
+        }),
         href: `/features/${feature.meta.key}/presentations/${pres.key}`
-      }, pres.key, false, undefined, this);
+      }, pres.key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/presentation/features/organisms/FeatureDataViewsList.tsx
 import { EntityCard as EntityCard5 } from "@contractspec/lib.design-system";
 import { Table } from "lucide-react";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 "use client";
 function FeatureDataViewsList({
   feature
 }) {
   if (!feature.dataViews?.length)
     return null;
-  return /* @__PURE__ */ jsxDEV11("div", {
+  return /* @__PURE__ */ jsx11("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
     children: feature.dataViews.map((view) => {
       const spec = resolveSerializedDataViewSpec(view.key, view.version);
-      return /* @__PURE__ */ jsxDEV11(EntityCard5, {
+      return /* @__PURE__ */ jsx11(EntityCard5, {
         cardTitle: view.key,
         cardSubtitle: `v${view.version}`,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsxDEV11(Table, {
+        icon: /* @__PURE__ */ jsx11(Table, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this),
+        }),
         href: `/features/${feature.meta.key}/dataviews/${view.key}`
-      }, view.key, false, undefined, this);
+      }, view.key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/presentation/features/organisms/FeatureFormsList.tsx
 import { EntityCard as EntityCard6 } from "@contractspec/lib.design-system";
 import { FormInput } from "lucide-react";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 "use client";
 function FeatureFormsList({ feature }) {
   if (!feature.forms?.length)
     return null;
-  return /* @__PURE__ */ jsxDEV12("div", {
+  return /* @__PURE__ */ jsx12("div", {
     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
     children: feature.forms.map((form) => {
       const spec = resolveSerializedFormSpec(form.key, form.version);
-      return /* @__PURE__ */ jsxDEV12(EntityCard6, {
+      return /* @__PURE__ */ jsx12(EntityCard6, {
         cardTitle: form.key,
         cardSubtitle: form.version ? `v${form.version}` : undefined,
         footer: spec?.meta.description,
-        icon: /* @__PURE__ */ jsxDEV12(FormInput, {
+        icon: /* @__PURE__ */ jsx12(FormInput, {
           className: "h-4 w-4"
-        }, undefined, false, undefined, this),
+        }),
         href: `/features/${feature.meta.key}/forms/${form.key}`
-      }, form.key, false, undefined, this);
+      }, form.key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.tsx
@@ -1394,31 +1394,31 @@ import {
 } from "@contractspec/lib.design-system";
 import { VStack as VStack4 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn6 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 "use client";
 function FeatureOverviewTemplate({
   feature,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV13(VStack4, {
+  return /* @__PURE__ */ jsxs7(VStack4, {
     gap: "lg",
     className: cn6("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV13(PageHeaderResponsive2, {
+      /* @__PURE__ */ jsx13(PageHeaderResponsive2, {
         title: feature.meta.title || feature.meta.key,
         subtitle: feature.meta.description || "Feature overview",
-        breadcrumb: /* @__PURE__ */ jsxDEV13(Breadcrumbs, {
+        breadcrumb: /* @__PURE__ */ jsx13(Breadcrumbs, {
           items: [
             { label: "Features", href: "/features" },
             { label: feature.meta.title || feature.meta.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV13(FeatureDetail, {
+        })
+      }),
+      /* @__PURE__ */ jsx13(FeatureDetail, {
         feature
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.tsx
 import {
@@ -1427,20 +1427,20 @@ import {
 } 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 { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 "use client";
 function FeatureOperationsTemplate({
   feature,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV14(VStack5, {
+  return /* @__PURE__ */ jsxs8(VStack5, {
     gap: "lg",
     className: cn7("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV14(PageHeaderResponsive3, {
+      /* @__PURE__ */ jsx14(PageHeaderResponsive3, {
         title: "Operations",
         subtitle: `Operations defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV14(Breadcrumbs2, {
+        breadcrumb: /* @__PURE__ */ jsx14(Breadcrumbs2, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1449,13 +1449,13 @@ function FeatureOperationsTemplate({
             },
             { label: "Operations" }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(FeatureOperationsList, {
+        })
+      }),
+      /* @__PURE__ */ jsx14(FeatureOperationsList, {
         feature
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureEventsTemplate/FeatureEventsTemplate.tsx
 import {
@@ -1464,20 +1464,20 @@ import {
 } from "@contractspec/lib.design-system";
 import { VStack as VStack6 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn8 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 "use client";
 function FeatureEventsTemplate({
   feature,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV15(VStack6, {
+  return /* @__PURE__ */ jsxs9(VStack6, {
     gap: "lg",
     className: cn8("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV15(PageHeaderResponsive4, {
+      /* @__PURE__ */ jsx15(PageHeaderResponsive4, {
         title: "Events",
         subtitle: `Events defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV15(Breadcrumbs3, {
+        breadcrumb: /* @__PURE__ */ jsx15(Breadcrumbs3, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1486,13 +1486,13 @@ function FeatureEventsTemplate({
             },
             { label: "Events" }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV15(FeatureEventsList, {
+        })
+      }),
+      /* @__PURE__ */ jsx15(FeatureEventsList, {
         feature
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeaturePresentationsTemplate/FeaturePresentationsTemplate.tsx
 import {
@@ -1501,20 +1501,20 @@ import {
 } 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 { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 "use client";
 function FeaturePresentationsTemplate({
   feature,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV16(VStack7, {
+  return /* @__PURE__ */ jsxs10(VStack7, {
     gap: "lg",
     className: cn9("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV16(PageHeaderResponsive5, {
+      /* @__PURE__ */ jsx16(PageHeaderResponsive5, {
         title: "Presentations",
         subtitle: `Presentations defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV16(Breadcrumbs4, {
+        breadcrumb: /* @__PURE__ */ jsx16(Breadcrumbs4, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1523,13 +1523,13 @@ function FeaturePresentationsTemplate({
             },
             { label: "Presentations" }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV16(FeaturePresentationsList, {
+        })
+      }),
+      /* @__PURE__ */ jsx16(FeaturePresentationsList, {
         feature
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureDataViewsTemplate/FeatureDataViewsTemplate.tsx
 import {
@@ -1538,20 +1538,20 @@ import {
 } from "@contractspec/lib.design-system";
 import { VStack as VStack8 } from "@contractspec/lib.ui-kit-web/ui/stack";
 import { cn as cn10 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 "use client";
 function FeatureDataViewsTemplate({
   feature,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV17(VStack8, {
+  return /* @__PURE__ */ jsxs11(VStack8, {
     gap: "lg",
     className: cn10("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV17(PageHeaderResponsive6, {
+      /* @__PURE__ */ jsx17(PageHeaderResponsive6, {
         title: "Data Views",
         subtitle: `Data views defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV17(Breadcrumbs5, {
+        breadcrumb: /* @__PURE__ */ jsx17(Breadcrumbs5, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1560,13 +1560,13 @@ function FeatureDataViewsTemplate({
             },
             { label: "Data Views" }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV17(FeatureDataViewsList, {
+        })
+      }),
+      /* @__PURE__ */ jsx17(FeatureDataViewsList, {
         feature
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureFormsTemplate/FeatureFormsTemplate.tsx
 import {
@@ -1575,20 +1575,20 @@ import {
 } 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 { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 "use client";
 function FeatureFormsTemplate({
   feature,
   className
 }) {
-  return /* @__PURE__ */ jsxDEV18(VStack9, {
+  return /* @__PURE__ */ jsxs12(VStack9, {
     gap: "lg",
     className: cn11("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV18(PageHeaderResponsive7, {
+      /* @__PURE__ */ jsx18(PageHeaderResponsive7, {
         title: "Forms",
         subtitle: `Forms defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV18(Breadcrumbs6, {
+        breadcrumb: /* @__PURE__ */ jsx18(Breadcrumbs6, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1597,13 +1597,13 @@ function FeatureFormsTemplate({
             },
             { label: "Forms" }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV18(FeatureFormsList, {
+        })
+      }),
+      /* @__PURE__ */ jsx18(FeatureFormsList, {
         feature
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.tsx
 import {
@@ -1617,7 +1617,7 @@ import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
 import { Box as Box2, HStack as HStack7, 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, Database as Database2, Zap as Zap4 } from "lucide-react";
-import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 "use client";
 function FeatureOperationDetailTemplate({
   feature,
@@ -1629,14 +1629,14 @@ function FeatureOperationDetailTemplate({
   const opRef = operation ?? feature.operations?.find((op) => op.key === operationKey);
   const _relatedDocs = useRelatedDocs(opRef?.key || "", spec?.meta?.tags);
   if (!opRef) {
-    return /* @__PURE__ */ jsxDEV19(VStack10, {
+    return /* @__PURE__ */ jsxs13(VStack10, {
       gap: "lg",
       className: cn12("mx-auto w-full max-w-5xl p-6", className),
       children: [
-        /* @__PURE__ */ jsxDEV19(PageHeaderResponsive8, {
+        /* @__PURE__ */ jsx19(PageHeaderResponsive8, {
           title: "Operation Not Found",
           subtitle: `Operation ${operationKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV19(Breadcrumbs7, {
+          breadcrumb: /* @__PURE__ */ jsx19(Breadcrumbs7, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -1645,26 +1645,26 @@ function FeatureOperationDetailTemplate({
               },
               { label: "Operations" }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV19(EmptyState2, {
+          })
+        }),
+        /* @__PURE__ */ jsx19(EmptyState2, {
           title: "Operation not found",
           description: `The operation '${operationKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV19(Zap4, {
+          icon: /* @__PURE__ */ jsx19(Zap4, {
             className: "text-muted-foreground h-12 w-12"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV19(VStack10, {
+  return /* @__PURE__ */ jsxs13(VStack10, {
     gap: "lg",
     className: cn12("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV19(PageHeaderResponsive8, {
+      /* @__PURE__ */ jsx19(PageHeaderResponsive8, {
         title: opRef.key,
         subtitle: `Operation defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV19(Breadcrumbs7, {
+        breadcrumb: /* @__PURE__ */ jsx19(Breadcrumbs7, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1677,206 +1677,206 @@ function FeatureOperationDetailTemplate({
             },
             { label: opRef.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV19(HStack7, {
+        })
+      }),
+      /* @__PURE__ */ jsxs13(HStack7, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV19(StatusChip6, {
+          /* @__PURE__ */ jsx19(StatusChip6, {
             tone: "neutral",
             label: opRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV19(Zap4, {
+            icon: /* @__PURE__ */ jsx19(Zap4, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV19(StatusChip6, {
+            })
+          }),
+          /* @__PURE__ */ jsx19(StatusChip6, {
             tone: "neutral",
             label: `v${opRef.version}`,
             size: "sm"
-          }, undefined, false, undefined, this),
-          spec?.meta?.stability ? /* @__PURE__ */ jsxDEV19(StatusChip6, {
+          }),
+          spec?.meta?.stability ? /* @__PURE__ */ jsx19(StatusChip6, {
             tone: spec.meta.stability === "stable" ? "success" : "warning",
             label: spec.meta.stability,
             size: "sm"
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV19("div", {
+      }),
+      /* @__PURE__ */ jsxs13("div", {
         className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV19("div", {
+          /* @__PURE__ */ jsx19("div", {
             className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsxDEV19(Card, {
+            children: /* @__PURE__ */ jsx19(Card, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV19(VStack10, {
+              children: /* @__PURE__ */ jsxs13(VStack10, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV19(HStack7, {
+                  /* @__PURE__ */ jsxs13(HStack7, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV19(Code, {
+                      /* @__PURE__ */ jsx19(Code, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV19("h3", {
+                      }),
+                      /* @__PURE__ */ jsx19("h3", {
                         className: "text-lg font-semibold",
                         children: "Schema Definition"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  spec ? /* @__PURE__ */ jsxDEV19(VStack10, {
+                  }),
+                  spec ? /* @__PURE__ */ jsxs13(VStack10, {
                     gap: "lg",
                     children: [
-                      spec.meta.description && /* @__PURE__ */ jsxDEV19("p", {
+                      spec.meta.description && /* @__PURE__ */ jsx19("p", {
                         className: "text-muted-foreground",
                         children: spec.meta.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV19(Box2, {
+                      }),
+                      /* @__PURE__ */ jsxs13(Box2, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV19("span", {
+                          /* @__PURE__ */ jsx19("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Input Schema"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19(CodeBlock, {
+                          }),
+                          /* @__PURE__ */ jsx19(CodeBlock, {
                             className: "w-full",
                             code: JSON.stringify(spec.io.input, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV19(Box2, {
+                      }),
+                      /* @__PURE__ */ jsxs13(Box2, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV19("span", {
+                          /* @__PURE__ */ jsx19("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Output Schema"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19(CodeBlock, {
+                          }),
+                          /* @__PURE__ */ jsx19(CodeBlock, {
                             className: "w-full",
                             code: JSON.stringify(spec.io.output, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV19(VStack10, {
+                  }) : /* @__PURE__ */ jsxs13(VStack10, {
                     gap: "md",
                     children: [
-                      /* @__PURE__ */ jsxDEV19("p", {
+                      /* @__PURE__ */ jsx19("p", {
                         className: "text-muted-foreground",
                         children: "Full schema details are not available for this operation reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV19(CodeBlock, {
+                      }),
+                      /* @__PURE__ */ jsx19(CodeBlock, {
                         code: JSON.stringify(opRef, null, 2),
                         language: "json"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV19("div", {
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx19("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxDEV19(Card, {
+            children: /* @__PURE__ */ jsx19(Card, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV19(VStack10, {
+              children: /* @__PURE__ */ jsxs13(VStack10, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV19(HStack7, {
+                  /* @__PURE__ */ jsxs13(HStack7, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV19(Database2, {
+                      /* @__PURE__ */ jsx19(Database2, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV19("h3", {
+                      }),
+                      /* @__PURE__ */ jsx19("h3", {
                         className: "text-lg font-semibold",
                         children: "Metadata"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV19("dl", {
+                  }),
+                  /* @__PURE__ */ jsxs13("dl", {
                     className: "grid grid-cols-1 gap-4 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV19("div", {
+                      /* @__PURE__ */ jsxs13("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV19("dt", {
+                          /* @__PURE__ */ jsx19("dt", {
                             className: "text-muted-foreground",
                             children: "Key"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19("dd", {
+                          }),
+                          /* @__PURE__ */ jsx19("dd", {
                             className: "truncate font-medium",
                             children: opRef.key
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV19("div", {
+                      }),
+                      /* @__PURE__ */ jsxs13("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV19("dt", {
+                          /* @__PURE__ */ jsx19("dt", {
                             className: "text-muted-foreground",
                             children: "Version"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19("dd", {
+                          }),
+                          /* @__PURE__ */ jsx19("dd", {
                             className: "font-medium",
                             children: opRef.version
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.context && /* @__PURE__ */ jsxDEV19("div", {
+                      }),
+                      spec?.meta?.context && /* @__PURE__ */ jsxs13("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV19("dt", {
+                          /* @__PURE__ */ jsx19("dt", {
                             className: "text-muted-foreground",
                             children: "Context"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19("dd", {
+                          }),
+                          /* @__PURE__ */ jsx19("dd", {
                             className: "font-medium",
                             children: spec.meta.context
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxDEV19("div", {
+                      }),
+                      spec?.meta?.owners && /* @__PURE__ */ jsxs13("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV19("dt", {
+                          /* @__PURE__ */ jsx19("dt", {
                             className: "text-muted-foreground",
                             children: "Owners"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19("dd", {
+                          }),
+                          /* @__PURE__ */ jsx19("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsxDEV19(StatusChip6, {
+                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx19(StatusChip6, {
                               label: o,
                               size: "sm",
                               tone: "neutral"
-                            }, o, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, o))
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxDEV19("div", {
+                      }),
+                      spec?.meta?.tags && /* @__PURE__ */ jsxs13("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV19("dt", {
+                          /* @__PURE__ */ jsx19("dt", {
                             className: "text-muted-foreground",
                             children: "Tags"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV19("dd", {
+                          }),
+                          /* @__PURE__ */ jsx19("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsxDEV19(StatusChip6, {
+                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx19(StatusChip6, {
                               label: `#${t}`,
                               size: "sm",
                               tone: "neutral"
-                            }, t, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, t))
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
+              })
+            })
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureEventDetailTemplate/FeatureEventDetailTemplate.tsx
 import {
@@ -1891,7 +1891,7 @@ import { Box as Box3, HStack as HStack8, VStack as VStack11 } from "@contractspe
 import { cn as cn13 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { BookOpen, Code as Code2, Database as Database3, Radio as Radio4 } from "lucide-react";
 import Link2 from "next/link";
-import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 "use client";
 function FeatureEventDetailTemplate({
   feature,
@@ -1903,14 +1903,14 @@ function FeatureEventDetailTemplate({
   const eventRef = event ?? feature.events?.find((ev) => ev.key === eventKey);
   const relatedDocs = useRelatedDocs(eventRef?.key || "", spec?.meta?.tags);
   if (!eventRef) {
-    return /* @__PURE__ */ jsxDEV20(VStack11, {
+    return /* @__PURE__ */ jsxs14(VStack11, {
       gap: "lg",
       className: cn13("mx-auto w-full max-w-5xl p-6", className),
       children: [
-        /* @__PURE__ */ jsxDEV20(PageHeaderResponsive9, {
+        /* @__PURE__ */ jsx20(PageHeaderResponsive9, {
           title: "Event Not Found",
           subtitle: `Event ${eventKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV20(Breadcrumbs8, {
+          breadcrumb: /* @__PURE__ */ jsx20(Breadcrumbs8, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -1922,26 +1922,26 @@ function FeatureEventDetailTemplate({
                 href: `/features/${feature.meta.key}/events`
               }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV20(EmptyState3, {
+          })
+        }),
+        /* @__PURE__ */ jsx20(EmptyState3, {
           title: "Event not found",
           description: `The event '${eventKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV20(Radio4, {
+          icon: /* @__PURE__ */ jsx20(Radio4, {
             className: "text-muted-foreground h-12 w-12"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV20(VStack11, {
+  return /* @__PURE__ */ jsxs14(VStack11, {
     gap: "lg",
     className: cn13("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV20(PageHeaderResponsive9, {
+      /* @__PURE__ */ jsx20(PageHeaderResponsive9, {
         title: eventRef.key,
         subtitle: `Event defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV20(Breadcrumbs8, {
+        breadcrumb: /* @__PURE__ */ jsx20(Breadcrumbs8, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -1951,206 +1951,206 @@ function FeatureEventDetailTemplate({
             { label: "Events", href: `/features/${feature.meta.key}#events` },
             { label: eventRef.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV20(HStack8, {
+        })
+      }),
+      /* @__PURE__ */ jsxs14(HStack8, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV20(StatusChip7, {
+          /* @__PURE__ */ jsx20(StatusChip7, {
             tone: "neutral",
             label: eventRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV20(Radio4, {
+            icon: /* @__PURE__ */ jsx20(Radio4, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV20(StatusChip7, {
+            })
+          }),
+          /* @__PURE__ */ jsx20(StatusChip7, {
             tone: "neutral",
             label: `v${eventRef.version}`,
             size: "sm"
-          }, undefined, false, undefined, this),
-          spec?.meta?.stability ? /* @__PURE__ */ jsxDEV20(StatusChip7, {
+          }),
+          spec?.meta?.stability ? /* @__PURE__ */ jsx20(StatusChip7, {
             tone: spec.meta.stability === "stable" ? "success" : "warning",
             label: spec.meta.stability,
             size: "sm"
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV20("div", {
+      }),
+      /* @__PURE__ */ jsxs14("div", {
         className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV20("div", {
+          /* @__PURE__ */ jsx20("div", {
             className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsxDEV20(Card2, {
+            children: /* @__PURE__ */ jsx20(Card2, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV20(VStack11, {
+              children: /* @__PURE__ */ jsxs14(VStack11, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV20(HStack8, {
+                  /* @__PURE__ */ jsxs14(HStack8, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV20(Code2, {
+                      /* @__PURE__ */ jsx20(Code2, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV20("h3", {
+                      }),
+                      /* @__PURE__ */ jsx20("h3", {
                         className: "text-lg font-semibold",
                         children: "Payload Definition"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  spec ? /* @__PURE__ */ jsxDEV20(VStack11, {
+                  }),
+                  spec ? /* @__PURE__ */ jsxs14(VStack11, {
                     gap: "lg",
                     children: [
-                      spec.meta.description && /* @__PURE__ */ jsxDEV20("p", {
+                      spec.meta.description && /* @__PURE__ */ jsx20("p", {
                         className: "text-muted-foreground",
                         children: spec.meta.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV20(Box3, {
+                      }),
+                      /* @__PURE__ */ jsxs14(Box3, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV20("span", {
+                          /* @__PURE__ */ jsx20("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Payload Schema"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV20(CodeBlock2, {
+                          }),
+                          /* @__PURE__ */ jsx20(CodeBlock2, {
                             code: JSON.stringify(spec.payload, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV20(VStack11, {
+                  }) : /* @__PURE__ */ jsxs14(VStack11, {
                     gap: "md",
                     children: [
-                      /* @__PURE__ */ jsxDEV20("p", {
+                      /* @__PURE__ */ jsx20("p", {
                         className: "text-muted-foreground",
                         children: "Full payload details are not available for this event reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV20(CodeBlock2, {
+                      }),
+                      /* @__PURE__ */ jsx20(CodeBlock2, {
                         code: JSON.stringify(eventRef, null, 2),
                         language: "json"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV20("div", {
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx20("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxDEV20(Card2, {
+            children: /* @__PURE__ */ jsx20(Card2, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV20(VStack11, {
+              children: /* @__PURE__ */ jsxs14(VStack11, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV20(HStack8, {
+                  /* @__PURE__ */ jsxs14(HStack8, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV20(Database3, {
+                      /* @__PURE__ */ jsx20(Database3, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV20("h3", {
+                      }),
+                      /* @__PURE__ */ jsx20("h3", {
                         className: "text-lg font-semibold",
                         children: "Metadata"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV20("dl", {
+                  }),
+                  /* @__PURE__ */ jsxs14("dl", {
                     className: "grid grid-cols-1 gap-4 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV20("div", {
+                      /* @__PURE__ */ jsxs14("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV20("dt", {
+                          /* @__PURE__ */ jsx20("dt", {
                             className: "text-muted-foreground",
                             children: "Key"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV20("dd", {
+                          }),
+                          /* @__PURE__ */ jsx20("dd", {
                             className: "truncate font-medium",
                             children: eventRef.key
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV20("div", {
+                      }),
+                      /* @__PURE__ */ jsxs14("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV20("dt", {
+                          /* @__PURE__ */ jsx20("dt", {
                             className: "text-muted-foreground",
                             children: "Version"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV20("dd", {
+                          }),
+                          /* @__PURE__ */ jsx20("dd", {
                             className: "font-medium",
                             children: eventRef.version
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxDEV20("div", {
+                      }),
+                      spec?.meta?.owners && /* @__PURE__ */ jsxs14("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV20("dt", {
+                          /* @__PURE__ */ jsx20("dt", {
                             className: "text-muted-foreground",
                             children: "Owners"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV20("dd", {
+                          }),
+                          /* @__PURE__ */ jsx20("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsxDEV20(StatusChip7, {
+                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx20(StatusChip7, {
                               label: o,
                               size: "sm",
                               tone: "neutral"
-                            }, o, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, o))
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          relatedDocs?.length ? /* @__PURE__ */ jsxDEV20("div", {
+              })
+            })
+          }),
+          relatedDocs?.length ? /* @__PURE__ */ jsx20("div", {
             className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsxDEV20(Card2, {
+            children: /* @__PURE__ */ jsx20(Card2, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV20(VStack11, {
+              children: /* @__PURE__ */ jsxs14(VStack11, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV20(HStack8, {
+                  /* @__PURE__ */ jsxs14(HStack8, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV20(BookOpen, {
+                      /* @__PURE__ */ jsx20(BookOpen, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV20("h3", {
+                      }),
+                      /* @__PURE__ */ jsx20("h3", {
                         className: "text-lg font-semibold",
                         children: "Related Documentation"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV20("div", {
+                  }),
+                  /* @__PURE__ */ jsx20("div", {
                     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsxDEV20(Link2, {
+                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx20(Link2, {
                       href: doc.route || `/docs/${doc.id}`,
                       className: "group block",
-                      children: /* @__PURE__ */ jsxDEV20("div", {
+                      children: /* @__PURE__ */ jsxs14("div", {
                         className: "hover:border-primary h-full rounded-lg border p-4 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsxDEV20("h4", {
+                          /* @__PURE__ */ jsx20("h4", {
                             className: "group-hover:text-primary mb-1 font-semibold",
                             children: doc.title
-                          }, undefined, false, undefined, this),
-                          doc.summary && /* @__PURE__ */ jsxDEV20("p", {
+                          }),
+                          doc.summary && /* @__PURE__ */ jsx20("p", {
                             className: "text-muted-foreground line-clamp-2 text-sm",
                             children: doc.summary
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
-                    }, doc.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
+                      })
+                    }, doc.id))
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : null
+              })
+            })
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.tsx
 import {
@@ -2165,7 +2165,7 @@ import { Box as Box4, HStack as HStack9, VStack as VStack12 } from "@contractspe
 import { cn as cn14 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { BookOpen as BookOpen2, Code as Code3, Database as Database4, Layout as Layout5 } from "lucide-react";
 import Link3 from "next/link";
-import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 "use client";
 function FeaturePresentationDetailTemplate({
   feature,
@@ -2177,14 +2177,14 @@ function FeaturePresentationDetailTemplate({
   const presRef = presentation ?? feature.presentations?.find((p) => p.key === presentationKey);
   const relatedDocs = useRelatedDocs(presRef?.key || "", spec?.meta?.tags);
   if (!presRef) {
-    return /* @__PURE__ */ jsxDEV21(VStack12, {
+    return /* @__PURE__ */ jsxs15(VStack12, {
       gap: "lg",
       className: cn14("mx-auto w-full max-w-5xl p-6", className),
       children: [
-        /* @__PURE__ */ jsxDEV21(PageHeaderResponsive10, {
+        /* @__PURE__ */ jsx21(PageHeaderResponsive10, {
           title: "Presentation Not Found",
           subtitle: `Presentation ${presentationKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV21(Breadcrumbs9, {
+          breadcrumb: /* @__PURE__ */ jsx21(Breadcrumbs9, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -2196,26 +2196,26 @@ function FeaturePresentationDetailTemplate({
                 href: `/features/${feature.meta.key}/presentation`
               }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV21(EmptyState4, {
+          })
+        }),
+        /* @__PURE__ */ jsx21(EmptyState4, {
           title: "Presentation not found",
           description: `The presentation '${presentationKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV21(Layout5, {
+          icon: /* @__PURE__ */ jsx21(Layout5, {
             className: "text-muted-foreground h-12 w-12"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV21(VStack12, {
+  return /* @__PURE__ */ jsxs15(VStack12, {
     gap: "lg",
     className: cn14("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV21(PageHeaderResponsive10, {
+      /* @__PURE__ */ jsx21(PageHeaderResponsive10, {
         title: presRef.key,
         subtitle: `Presentation defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV21(Breadcrumbs9, {
+        breadcrumb: /* @__PURE__ */ jsx21(Breadcrumbs9, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -2228,206 +2228,206 @@ function FeaturePresentationDetailTemplate({
             },
             { label: presRef.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV21(HStack9, {
+        })
+      }),
+      /* @__PURE__ */ jsxs15(HStack9, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV21(StatusChip8, {
+          /* @__PURE__ */ jsx21(StatusChip8, {
             tone: "neutral",
             label: presRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV21(Layout5, {
+            icon: /* @__PURE__ */ jsx21(Layout5, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV21(StatusChip8, {
+            })
+          }),
+          /* @__PURE__ */ jsx21(StatusChip8, {
             tone: "neutral",
             label: `v${presRef.version}`,
             size: "sm"
-          }, undefined, false, undefined, this),
-          spec?.meta?.stability ? /* @__PURE__ */ jsxDEV21(StatusChip8, {
+          }),
+          spec?.meta?.stability ? /* @__PURE__ */ jsx21(StatusChip8, {
             tone: spec.meta.stability === "stable" ? "success" : "warning",
             label: spec.meta.stability,
             size: "sm"
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV21("div", {
+      }),
+      /* @__PURE__ */ jsxs15("div", {
         className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV21("div", {
+          /* @__PURE__ */ jsx21("div", {
             className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsxDEV21(Card3, {
+            children: /* @__PURE__ */ jsx21(Card3, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV21(VStack12, {
+              children: /* @__PURE__ */ jsxs15(VStack12, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV21(HStack9, {
+                  /* @__PURE__ */ jsxs15(HStack9, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV21(Code3, {
+                      /* @__PURE__ */ jsx21(Code3, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV21("h3", {
+                      }),
+                      /* @__PURE__ */ jsx21("h3", {
                         className: "text-lg font-semibold",
                         children: "Component Definition"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  spec ? /* @__PURE__ */ jsxDEV21(VStack12, {
+                  }),
+                  spec ? /* @__PURE__ */ jsxs15(VStack12, {
                     gap: "lg",
                     children: [
-                      spec.meta.description && /* @__PURE__ */ jsxDEV21("p", {
+                      spec.meta.description && /* @__PURE__ */ jsx21("p", {
                         className: "text-muted-foreground",
                         children: spec.meta.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV21(Box4, {
+                      }),
+                      /* @__PURE__ */ jsxs15(Box4, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV21("span", {
+                          /* @__PURE__ */ jsx21("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Spec Details"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV21(CodeBlock3, {
+                          }),
+                          /* @__PURE__ */ jsx21(CodeBlock3, {
                             code: JSON.stringify(spec, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV21(VStack12, {
+                  }) : /* @__PURE__ */ jsxs15(VStack12, {
                     gap: "md",
                     children: [
-                      /* @__PURE__ */ jsxDEV21("p", {
+                      /* @__PURE__ */ jsx21("p", {
                         className: "text-muted-foreground",
                         children: "Full component details are not available for this presentation reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV21(CodeBlock3, {
+                      }),
+                      /* @__PURE__ */ jsx21(CodeBlock3, {
                         code: JSON.stringify(presRef, null, 2),
                         language: "json"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV21("div", {
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx21("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxDEV21(Card3, {
+            children: /* @__PURE__ */ jsx21(Card3, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV21(VStack12, {
+              children: /* @__PURE__ */ jsxs15(VStack12, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV21(HStack9, {
+                  /* @__PURE__ */ jsxs15(HStack9, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV21(Database4, {
+                      /* @__PURE__ */ jsx21(Database4, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV21("h3", {
+                      }),
+                      /* @__PURE__ */ jsx21("h3", {
                         className: "text-lg font-semibold",
                         children: "Metadata"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV21("dl", {
+                  }),
+                  /* @__PURE__ */ jsxs15("dl", {
                     className: "grid grid-cols-1 gap-4 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV21("div", {
+                      /* @__PURE__ */ jsxs15("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV21("dt", {
+                          /* @__PURE__ */ jsx21("dt", {
                             className: "text-muted-foreground",
                             children: "Key"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV21("dd", {
+                          }),
+                          /* @__PURE__ */ jsx21("dd", {
                             className: "truncate font-medium",
                             children: presRef.key
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV21("div", {
+                      }),
+                      /* @__PURE__ */ jsxs15("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV21("dt", {
+                          /* @__PURE__ */ jsx21("dt", {
                             className: "text-muted-foreground",
                             children: "Version"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV21("dd", {
+                          }),
+                          /* @__PURE__ */ jsx21("dd", {
                             className: "font-medium",
                             children: presRef.version
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxDEV21("div", {
+                      }),
+                      spec?.meta?.owners && /* @__PURE__ */ jsxs15("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV21("dt", {
+                          /* @__PURE__ */ jsx21("dt", {
                             className: "text-muted-foreground",
                             children: "Owners"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV21("dd", {
+                          }),
+                          /* @__PURE__ */ jsx21("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsxDEV21(StatusChip8, {
+                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx21(StatusChip8, {
                               label: o,
                               size: "sm",
                               tone: "neutral"
-                            }, o, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, o))
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          relatedDocs?.length ? /* @__PURE__ */ jsxDEV21("div", {
+              })
+            })
+          }),
+          relatedDocs?.length ? /* @__PURE__ */ jsx21("div", {
             className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsxDEV21(Card3, {
+            children: /* @__PURE__ */ jsx21(Card3, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV21(VStack12, {
+              children: /* @__PURE__ */ jsxs15(VStack12, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV21(HStack9, {
+                  /* @__PURE__ */ jsxs15(HStack9, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV21(BookOpen2, {
+                      /* @__PURE__ */ jsx21(BookOpen2, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV21("h3", {
+                      }),
+                      /* @__PURE__ */ jsx21("h3", {
                         className: "text-lg font-semibold",
                         children: "Related Documentation"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV21("div", {
+                  }),
+                  /* @__PURE__ */ jsx21("div", {
                     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsxDEV21(Link3, {
+                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx21(Link3, {
                       href: doc.route || `/docs/${doc.id}`,
                       className: "group block",
-                      children: /* @__PURE__ */ jsxDEV21("div", {
+                      children: /* @__PURE__ */ jsxs15("div", {
                         className: "hover:border-primary h-full rounded-lg border p-4 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsxDEV21("h4", {
+                          /* @__PURE__ */ jsx21("h4", {
                             className: "group-hover:text-primary mb-1 font-semibold",
                             children: doc.title
-                          }, undefined, false, undefined, this),
-                          doc.summary && /* @__PURE__ */ jsxDEV21("p", {
+                          }),
+                          doc.summary && /* @__PURE__ */ jsx21("p", {
                             className: "text-muted-foreground line-clamp-2 text-sm",
                             children: doc.summary
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
-                    }, doc.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
+                      })
+                    }, doc.id))
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : null
+              })
+            })
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureDataViewDetailTemplate/FeatureDataViewDetailTemplate.tsx
 import {
@@ -2442,7 +2442,7 @@ import { Box as Box5, HStack as HStack10, VStack as VStack13 } from "@contractsp
 import { cn as cn15 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { BookOpen as BookOpen3, Code as Code4, Database as Database5, Table as Table2 } from "lucide-react";
 import Link4 from "next/link";
-import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 "use client";
 function FeatureDataViewDetailTemplate({
   feature,
@@ -2454,14 +2454,14 @@ function FeatureDataViewDetailTemplate({
   const viewRef = view ?? feature.dataViews?.find((v) => v.key === viewKey);
   const relatedDocs = useRelatedDocs(viewRef?.key || "", spec?.meta?.tags);
   if (!viewRef) {
-    return /* @__PURE__ */ jsxDEV22(VStack13, {
+    return /* @__PURE__ */ jsxs16(VStack13, {
       gap: "lg",
       className: cn15("mx-auto w-full max-w-5xl p-6", className),
       children: [
-        /* @__PURE__ */ jsxDEV22(PageHeaderResponsive11, {
+        /* @__PURE__ */ jsx22(PageHeaderResponsive11, {
           title: "Data View Not Found",
           subtitle: `Data View ${viewKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV22(Breadcrumbs10, {
+          breadcrumb: /* @__PURE__ */ jsx22(Breadcrumbs10, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -2470,26 +2470,26 @@ function FeatureDataViewDetailTemplate({
               },
               { label: "Data Views" }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV22(EmptyState5, {
+          })
+        }),
+        /* @__PURE__ */ jsx22(EmptyState5, {
           title: "Data View not found",
           description: `The data view '${viewKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV22(Table2, {
+          icon: /* @__PURE__ */ jsx22(Table2, {
             className: "text-muted-foreground h-12 w-12"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV22(VStack13, {
+  return /* @__PURE__ */ jsxs16(VStack13, {
     gap: "lg",
     className: cn15("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV22(PageHeaderResponsive11, {
+      /* @__PURE__ */ jsx22(PageHeaderResponsive11, {
         title: viewRef.key,
         subtitle: `Data View defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV22(Breadcrumbs10, {
+        breadcrumb: /* @__PURE__ */ jsx22(Breadcrumbs10, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -2502,235 +2502,235 @@ function FeatureDataViewDetailTemplate({
             },
             { label: viewRef.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV22(HStack10, {
+        })
+      }),
+      /* @__PURE__ */ jsxs16(HStack10, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV22(StatusChip9, {
+          /* @__PURE__ */ jsx22(StatusChip9, {
             tone: "neutral",
             label: viewRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV22(Table2, {
+            icon: /* @__PURE__ */ jsx22(Table2, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV22(StatusChip9, {
+            })
+          }),
+          /* @__PURE__ */ jsx22(StatusChip9, {
             tone: "neutral",
             label: `v${viewRef.version}`,
             size: "sm"
-          }, undefined, false, undefined, this),
-          spec?.meta?.stability ? /* @__PURE__ */ jsxDEV22(StatusChip9, {
+          }),
+          spec?.meta?.stability ? /* @__PURE__ */ jsx22(StatusChip9, {
             tone: spec.meta.stability === "stable" ? "success" : "warning",
             label: spec.meta.stability,
             size: "sm"
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV22("div", {
+      }),
+      /* @__PURE__ */ jsxs16("div", {
         className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV22("div", {
+          /* @__PURE__ */ jsx22("div", {
             className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsxDEV22(Card4, {
+            children: /* @__PURE__ */ jsx22(Card4, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV22(VStack13, {
+              children: /* @__PURE__ */ jsxs16(VStack13, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV22(HStack10, {
+                  /* @__PURE__ */ jsxs16(HStack10, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV22(Code4, {
+                      /* @__PURE__ */ jsx22(Code4, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV22("h3", {
+                      }),
+                      /* @__PURE__ */ jsx22("h3", {
                         className: "text-lg font-semibold",
                         children: "View Definition"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  spec ? /* @__PURE__ */ jsxDEV22(VStack13, {
+                  }),
+                  spec ? /* @__PURE__ */ jsxs16(VStack13, {
                     gap: "lg",
                     children: [
-                      spec.meta.description && /* @__PURE__ */ jsxDEV22("p", {
+                      spec.meta.description && /* @__PURE__ */ jsx22("p", {
                         className: "text-muted-foreground",
                         children: spec.meta.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV22(Box5, {
+                      }),
+                      /* @__PURE__ */ jsxs16(Box5, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV22("span", {
+                          /* @__PURE__ */ jsx22("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Source Query"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV22(CodeBlock4, {
+                          }),
+                          /* @__PURE__ */ jsx22(CodeBlock4, {
                             code: JSON.stringify(spec.source, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV22(Box5, {
+                      }),
+                      /* @__PURE__ */ jsxs16(Box5, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV22("span", {
+                          /* @__PURE__ */ jsx22("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "View Configuration"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV22(CodeBlock4, {
+                          }),
+                          /* @__PURE__ */ jsx22(CodeBlock4, {
                             code: JSON.stringify(spec.view, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV22(VStack13, {
+                  }) : /* @__PURE__ */ jsxs16(VStack13, {
                     gap: "md",
                     children: [
-                      /* @__PURE__ */ jsxDEV22("p", {
+                      /* @__PURE__ */ jsx22("p", {
                         className: "text-muted-foreground",
                         children: "Full definition details are not available for this data view reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV22(CodeBlock4, {
+                      }),
+                      /* @__PURE__ */ jsx22(CodeBlock4, {
                         code: JSON.stringify(viewRef, null, 2),
                         language: "json"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV22("div", {
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx22("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxDEV22(Card4, {
+            children: /* @__PURE__ */ jsx22(Card4, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV22(VStack13, {
+              children: /* @__PURE__ */ jsxs16(VStack13, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV22(HStack10, {
+                  /* @__PURE__ */ jsxs16(HStack10, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV22(Database5, {
+                      /* @__PURE__ */ jsx22(Database5, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV22("h3", {
+                      }),
+                      /* @__PURE__ */ jsx22("h3", {
                         className: "text-lg font-semibold",
                         children: "Metadata"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV22("dl", {
+                  }),
+                  /* @__PURE__ */ jsxs16("dl", {
                     className: "grid grid-cols-1 gap-4 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV22("div", {
+                      /* @__PURE__ */ jsxs16("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV22("dt", {
+                          /* @__PURE__ */ jsx22("dt", {
                             className: "text-muted-foreground",
                             children: "Key"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV22("dd", {
+                          }),
+                          /* @__PURE__ */ jsx22("dd", {
                             className: "truncate font-medium",
                             children: viewRef.key
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV22("div", {
+                      }),
+                      /* @__PURE__ */ jsxs16("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV22("dt", {
+                          /* @__PURE__ */ jsx22("dt", {
                             className: "text-muted-foreground",
                             children: "Version"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV22("dd", {
+                          }),
+                          /* @__PURE__ */ jsx22("dd", {
                             className: "font-medium",
                             children: viewRef.version
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxDEV22("div", {
+                      }),
+                      spec?.meta?.owners && /* @__PURE__ */ jsxs16("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV22("dt", {
+                          /* @__PURE__ */ jsx22("dt", {
                             className: "text-muted-foreground",
                             children: "Owners"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV22("dd", {
+                          }),
+                          /* @__PURE__ */ jsx22("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsxDEV22(StatusChip9, {
+                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx22(StatusChip9, {
                               label: o,
                               size: "sm",
                               tone: "neutral"
-                            }, o, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, o))
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxDEV22("div", {
+                      }),
+                      spec?.meta?.tags && /* @__PURE__ */ jsxs16("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV22("dt", {
+                          /* @__PURE__ */ jsx22("dt", {
                             className: "text-muted-foreground",
                             children: "Tags"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV22("dd", {
+                          }),
+                          /* @__PURE__ */ jsx22("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsxDEV22(StatusChip9, {
+                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx22(StatusChip9, {
                               label: `#${t}`,
                               size: "sm",
                               tone: "neutral"
-                            }, t, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, t))
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          relatedDocs?.length ? /* @__PURE__ */ jsxDEV22("div", {
+              })
+            })
+          }),
+          relatedDocs?.length ? /* @__PURE__ */ jsx22("div", {
             className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsxDEV22(Card4, {
+            children: /* @__PURE__ */ jsx22(Card4, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV22(VStack13, {
+              children: /* @__PURE__ */ jsxs16(VStack13, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV22(HStack10, {
+                  /* @__PURE__ */ jsxs16(HStack10, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV22(BookOpen3, {
+                      /* @__PURE__ */ jsx22(BookOpen3, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV22("h3", {
+                      }),
+                      /* @__PURE__ */ jsx22("h3", {
                         className: "text-lg font-semibold",
                         children: "Related Documentation"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV22("div", {
+                  }),
+                  /* @__PURE__ */ jsx22("div", {
                     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsxDEV22(Link4, {
+                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx22(Link4, {
                       href: doc.route || `/docs/${doc.id}`,
                       className: "group block",
-                      children: /* @__PURE__ */ jsxDEV22("div", {
+                      children: /* @__PURE__ */ jsxs16("div", {
                         className: "hover:border-primary h-full rounded-lg border p-4 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsxDEV22("h4", {
+                          /* @__PURE__ */ jsx22("h4", {
                             className: "group-hover:text-primary mb-1 font-semibold",
                             children: doc.title
-                          }, undefined, false, undefined, this),
-                          doc.summary && /* @__PURE__ */ jsxDEV22("p", {
+                          }),
+                          doc.summary && /* @__PURE__ */ jsx22("p", {
                             className: "text-muted-foreground line-clamp-2 text-sm",
                             children: doc.summary
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
-                    }, doc.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
+                      })
+                    }, doc.id))
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : null
+              })
+            })
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 // src/presentation/features/templates/FeatureFormDetailTemplate/FeatureFormDetailTemplate.tsx
 import {
@@ -2745,7 +2745,7 @@ import { Box as Box6, HStack as HStack11, VStack as VStack14 } from "@contractsp
 import { cn as cn16 } from "@contractspec/lib.ui-kit-web/ui/utils";
 import { BookOpen as BookOpen4, Code as Code5, Database as Database6, PenTool } from "lucide-react";
 import Link5 from "next/link";
-import { jsxDEV as jsxDEV23 } from "react/jsx-dev-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 "use client";
 function FeatureFormDetailTemplate({
   feature,
@@ -2757,14 +2757,14 @@ function FeatureFormDetailTemplate({
   const formRef = form ?? feature.forms?.find((f) => f.key === formKey);
   const relatedDocs = useRelatedDocs(formRef?.key || "", spec?.meta?.tags);
   if (!formRef) {
-    return /* @__PURE__ */ jsxDEV23(VStack14, {
+    return /* @__PURE__ */ jsxs17(VStack14, {
       gap: "lg",
       className: cn16("mx-auto w-full max-w-5xl p-6", className),
       children: [
-        /* @__PURE__ */ jsxDEV23(PageHeaderResponsive12, {
+        /* @__PURE__ */ jsx23(PageHeaderResponsive12, {
           title: "Form Not Found",
           subtitle: `Form ${formKey} not found in feature ${feature.meta.key}`,
-          breadcrumb: /* @__PURE__ */ jsxDEV23(Breadcrumbs11, {
+          breadcrumb: /* @__PURE__ */ jsx23(Breadcrumbs11, {
             items: [
               { label: "Features", href: "/features" },
               {
@@ -2773,26 +2773,26 @@ function FeatureFormDetailTemplate({
               },
               { label: "Forms" }
             ]
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV23(EmptyState6, {
+          })
+        }),
+        /* @__PURE__ */ jsx23(EmptyState6, {
           title: "Form not found",
           description: `The form '${formKey}' could not be found in this feature.`,
-          icon: /* @__PURE__ */ jsxDEV23(PenTool, {
+          icon: /* @__PURE__ */ jsx23(PenTool, {
             className: "text-muted-foreground h-12 w-12"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
+          })
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV23(VStack14, {
+  return /* @__PURE__ */ jsxs17(VStack14, {
     gap: "lg",
     className: cn16("mx-auto w-full max-w-5xl p-6", className),
     children: [
-      /* @__PURE__ */ jsxDEV23(PageHeaderResponsive12, {
+      /* @__PURE__ */ jsx23(PageHeaderResponsive12, {
         title: formRef.key,
         subtitle: `Form defined in ${feature.meta.title ?? feature.meta.key}`,
-        breadcrumb: /* @__PURE__ */ jsxDEV23(Breadcrumbs11, {
+        breadcrumb: /* @__PURE__ */ jsx23(Breadcrumbs11, {
           items: [
             { label: "Features", href: "/features" },
             {
@@ -2802,235 +2802,235 @@ function FeatureFormDetailTemplate({
             { label: "Forms", href: `/features/${feature.meta.key}#forms` },
             { label: formRef.key }
           ]
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV23(HStack11, {
+        })
+      }),
+      /* @__PURE__ */ jsxs17(HStack11, {
         gap: "sm",
         children: [
-          /* @__PURE__ */ jsxDEV23(StatusChip10, {
+          /* @__PURE__ */ jsx23(StatusChip10, {
             tone: "neutral",
             label: formRef.key,
             size: "sm",
-            icon: /* @__PURE__ */ jsxDEV23(PenTool, {
+            icon: /* @__PURE__ */ jsx23(PenTool, {
               className: "h-3 w-3"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23(StatusChip10, {
+            })
+          }),
+          /* @__PURE__ */ jsx23(StatusChip10, {
             tone: "neutral",
             label: `v${formRef.version}`,
             size: "sm"
-          }, undefined, false, undefined, this),
-          spec?.meta?.stability ? /* @__PURE__ */ jsxDEV23(StatusChip10, {
+          }),
+          spec?.meta?.stability ? /* @__PURE__ */ jsx23(StatusChip10, {
             tone: spec.meta.stability === "stable" ? "success" : "warning",
             label: spec.meta.stability,
             size: "sm"
-          }, undefined, false, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV23("div", {
+      }),
+      /* @__PURE__ */ jsxs17("div", {
         className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
         children: [
-          /* @__PURE__ */ jsxDEV23("div", {
+          /* @__PURE__ */ jsx23("div", {
             className: "space-y-6 lg:col-span-2",
-            children: /* @__PURE__ */ jsxDEV23(Card5, {
+            children: /* @__PURE__ */ jsx23(Card5, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV23(VStack14, {
+              children: /* @__PURE__ */ jsxs17(VStack14, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV23(HStack11, {
+                  /* @__PURE__ */ jsxs17(HStack11, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV23(Code5, {
+                      /* @__PURE__ */ jsx23(Code5, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV23("h3", {
+                      }),
+                      /* @__PURE__ */ jsx23("h3", {
                         className: "text-lg font-semibold",
                         children: "Form Definition"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  spec ? /* @__PURE__ */ jsxDEV23(VStack14, {
+                  }),
+                  spec ? /* @__PURE__ */ jsxs17(VStack14, {
                     gap: "lg",
                     children: [
-                      spec.meta.description && /* @__PURE__ */ jsxDEV23("p", {
+                      spec.meta.description && /* @__PURE__ */ jsx23("p", {
                         className: "text-muted-foreground",
                         children: spec.meta.description
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV23(Box6, {
+                      }),
+                      /* @__PURE__ */ jsxs17(Box6, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV23("span", {
+                          /* @__PURE__ */ jsx23("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Fields"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV23(CodeBlock5, {
+                          }),
+                          /* @__PURE__ */ jsx23(CodeBlock5, {
                             code: JSON.stringify(spec.fields, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV23(Box6, {
+                      }),
+                      /* @__PURE__ */ jsxs17(Box6, {
                         className: "flex-col gap-2",
                         children: [
-                          /* @__PURE__ */ jsxDEV23("span", {
+                          /* @__PURE__ */ jsx23("span", {
                             className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
                             children: "Actions"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV23(CodeBlock5, {
+                          }),
+                          /* @__PURE__ */ jsx23(CodeBlock5, {
                             code: JSON.stringify(spec.actions, null, 2),
                             language: "json"
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV23(VStack14, {
+                  }) : /* @__PURE__ */ jsxs17(VStack14, {
                     gap: "md",
                     children: [
-                      /* @__PURE__ */ jsxDEV23("p", {
+                      /* @__PURE__ */ jsx23("p", {
                         className: "text-muted-foreground",
                         children: "Full form definition details are not available for this form reference."
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV23(CodeBlock5, {
+                      }),
+                      /* @__PURE__ */ jsx23(CodeBlock5, {
                         code: JSON.stringify(formRef, null, 2),
                         language: "json"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("div", {
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx23("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxDEV23(Card5, {
+            children: /* @__PURE__ */ jsx23(Card5, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV23(VStack14, {
+              children: /* @__PURE__ */ jsxs17(VStack14, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV23(HStack11, {
+                  /* @__PURE__ */ jsxs17(HStack11, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV23(Database6, {
+                      /* @__PURE__ */ jsx23(Database6, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV23("h3", {
+                      }),
+                      /* @__PURE__ */ jsx23("h3", {
                         className: "text-lg font-semibold",
                         children: "Metadata"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV23("dl", {
+                  }),
+                  /* @__PURE__ */ jsxs17("dl", {
                     className: "grid grid-cols-1 gap-4 text-sm",
                     children: [
-                      /* @__PURE__ */ jsxDEV23("div", {
+                      /* @__PURE__ */ jsxs17("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV23("dt", {
+                          /* @__PURE__ */ jsx23("dt", {
                             className: "text-muted-foreground",
                             children: "Key"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV23("dd", {
+                          }),
+                          /* @__PURE__ */ jsx23("dd", {
                             className: "truncate font-medium",
                             children: formRef.key
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      /* @__PURE__ */ jsxDEV23("div", {
+                      }),
+                      /* @__PURE__ */ jsxs17("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV23("dt", {
+                          /* @__PURE__ */ jsx23("dt", {
                             className: "text-muted-foreground",
                             children: "Version"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV23("dd", {
+                          }),
+                          /* @__PURE__ */ jsx23("dd", {
                             className: "font-medium",
                             children: formRef.version
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.owners && /* @__PURE__ */ jsxDEV23("div", {
+                      }),
+                      spec?.meta?.owners && /* @__PURE__ */ jsxs17("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV23("dt", {
+                          /* @__PURE__ */ jsx23("dt", {
                             className: "text-muted-foreground",
                             children: "Owners"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV23("dd", {
+                          }),
+                          /* @__PURE__ */ jsx23("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsxDEV23(StatusChip10, {
+                            children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx23(StatusChip10, {
                               label: o,
                               size: "sm",
                               tone: "neutral"
-                            }, o, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, o))
+                          })
                         ]
-                      }, undefined, true, undefined, this),
-                      spec?.meta?.tags && /* @__PURE__ */ jsxDEV23("div", {
+                      }),
+                      spec?.meta?.tags && /* @__PURE__ */ jsxs17("div", {
                         children: [
-                          /* @__PURE__ */ jsxDEV23("dt", {
+                          /* @__PURE__ */ jsx23("dt", {
                             className: "text-muted-foreground",
                             children: "Tags"
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV23("dd", {
+                          }),
+                          /* @__PURE__ */ jsx23("dd", {
                             className: "flex flex-wrap gap-1 font-medium",
-                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsxDEV23(StatusChip10, {
+                            children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx23(StatusChip10, {
                               label: `#${t}`,
                               size: "sm",
                               tone: "neutral"
-                            }, t, false, undefined, this))
-                          }, undefined, false, undefined, this)
+                            }, t))
+                          })
                         ]
-                      }, undefined, true, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          relatedDocs?.length ? /* @__PURE__ */ jsxDEV23("div", {
+              })
+            })
+          }),
+          relatedDocs?.length ? /* @__PURE__ */ jsx23("div", {
             className: "lg:col-span-3",
-            children: /* @__PURE__ */ jsxDEV23(Card5, {
+            children: /* @__PURE__ */ jsx23(Card5, {
               className: "p-6",
-              children: /* @__PURE__ */ jsxDEV23(VStack14, {
+              children: /* @__PURE__ */ jsxs17(VStack14, {
                 gap: "md",
                 children: [
-                  /* @__PURE__ */ jsxDEV23(HStack11, {
+                  /* @__PURE__ */ jsxs17(HStack11, {
                     className: "items-center gap-2 border-b pb-2",
                     children: [
-                      /* @__PURE__ */ jsxDEV23(BookOpen4, {
+                      /* @__PURE__ */ jsx23(BookOpen4, {
                         className: "text-muted-foreground h-5 w-5"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV23("h3", {
+                      }),
+                      /* @__PURE__ */ jsx23("h3", {
                         className: "text-lg font-semibold",
                         children: "Related Documentation"
-                      }, undefined, false, undefined, this)
+                      })
                     ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV23("div", {
+                  }),
+                  /* @__PURE__ */ jsx23("div", {
                     className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
-                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsxDEV23(Link5, {
+                    children: relatedDocs.map((doc) => /* @__PURE__ */ jsx23(Link5, {
                       href: doc.route || `/docs/${doc.id}`,
                       className: "group block",
-                      children: /* @__PURE__ */ jsxDEV23("div", {
+                      children: /* @__PURE__ */ jsxs17("div", {
                         className: "hover:border-primary h-full rounded-lg border p-4 transition-colors",
                         children: [
-                          /* @__PURE__ */ jsxDEV23("h4", {
+                          /* @__PURE__ */ jsx23("h4", {
                             className: "group-hover:text-primary mb-1 font-semibold",
                             children: doc.title
-                          }, undefined, false, undefined, this),
-                          doc.summary && /* @__PURE__ */ jsxDEV23("p", {
+                          }),
+                          doc.summary && /* @__PURE__ */ jsx23("p", {
                             className: "text-muted-foreground line-clamp-2 text-sm",
                             children: doc.summary
-                          }, undefined, false, undefined, this)
+                          })
                         ]
-                      }, undefined, true, undefined, this)
-                    }, doc.id, false, undefined, this))
-                  }, undefined, false, undefined, this)
+                      })
+                    }, doc.id))
+                  })
                 ]
-              }, undefined, true, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this) : null
+              })
+            })
+          }) : null
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   useRelatedDocs,