@contractspec/bundle.library 0.0.0-canary-20260206014742

package/dist/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.js

@@ -0,0 +1,208 @@
+'use client';
+
+import { useRelatedDocs } from "../../hooks/useRelatedDocs.js";
+import { Code, Database, Zap } from "lucide-react";
+import { Breadcrumbs, CodeBlock, EmptyState, PageHeaderResponsive, StatusChip } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
+
+//#region src/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.tsx
+function FeatureOperationDetailTemplate({ feature, operationKey, operation, spec, className }) {
+	const opRef = operation ?? feature.operations?.find((op) => op.key === operationKey);
+	useRelatedDocs(opRef?.key || "", spec?.meta?.tags);
+	if (!opRef) return /* @__PURE__ */ jsxs(VStack, {
+		gap: "lg",
+		className: cn("mx-auto w-full max-w-5xl p-6", className),
+		children: [/* @__PURE__ */ jsx(PageHeaderResponsive, {
+			title: "Operation Not Found",
+			subtitle: `Operation ${operationKey} not found in feature ${feature.meta.key}`,
+			breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
+				{
+					label: "Features",
+					href: "/features"
+				},
+				{
+					label: feature.meta.title || feature.meta.key,
+					href: `/features/${feature.meta.key}`
+				},
+				{ label: "Operations" }
+			] })
+		}), /* @__PURE__ */ jsx(EmptyState, {
+			title: "Operation not found",
+			description: `The operation '${operationKey}' could not be found in this feature.`,
+			icon: /* @__PURE__ */ jsx(Zap, { className: "text-muted-foreground h-12 w-12" })
+		})]
+	});
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "lg",
+		className: cn("mx-auto w-full max-w-5xl p-6", className),
+		children: [
+			/* @__PURE__ */ jsx(PageHeaderResponsive, {
+				title: opRef.key,
+				subtitle: `Operation defined in ${feature.meta.title ?? feature.meta.key}`,
+				breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
+					{
+						label: "Features",
+						href: "/features"
+					},
+					{
+						label: feature.meta.title || feature.meta.key,
+						href: `/features/${feature.meta.key}`
+					},
+					{
+						label: "Operations",
+						href: `/features/${feature.meta.key}/operations`
+					},
+					{ label: opRef.key }
+				] })
+			}),
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "sm",
+				children: [
+					/* @__PURE__ */ jsx(StatusChip, {
+						tone: "neutral",
+						label: opRef.key,
+						size: "sm",
+						icon: /* @__PURE__ */ jsx(Zap, { className: "h-3 w-3" })
+					}),
+					/* @__PURE__ */ jsx(StatusChip, {
+						tone: "neutral",
+						label: `v${opRef.version}`,
+						size: "sm"
+					}),
+					spec?.meta?.stability ? /* @__PURE__ */ jsx(StatusChip, {
+						tone: spec.meta.stability === "stable" ? "success" : "warning",
+						label: spec.meta.stability,
+						size: "sm"
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: /* @__PURE__ */ jsx(Card, {
+						className: "p-6",
+						children: /* @__PURE__ */ jsxs(VStack, {
+							gap: "md",
+							children: [/* @__PURE__ */ jsxs(HStack, {
+								className: "items-center gap-2 border-b pb-2",
+								children: [/* @__PURE__ */ jsx(Code, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
+									className: "text-lg font-semibold",
+									children: "Schema Definition"
+								})]
+							}), spec ? /* @__PURE__ */ jsxs(VStack, {
+								gap: "lg",
+								children: [
+									spec.meta.description && /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground",
+										children: spec.meta.description
+									}),
+									/* @__PURE__ */ jsxs(Box, {
+										className: "flex-col gap-2",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
+											children: "Input Schema"
+										}), /* @__PURE__ */ jsx(CodeBlock, {
+											className: "w-full",
+											code: JSON.stringify(spec.io.input, null, 2),
+											language: "json"
+										})]
+									}),
+									/* @__PURE__ */ jsxs(Box, {
+										className: "flex-col gap-2",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
+											children: "Output Schema"
+										}), /* @__PURE__ */ jsx(CodeBlock, {
+											className: "w-full",
+											code: JSON.stringify(spec.io.output, null, 2),
+											language: "json"
+										})]
+									})
+								]
+							}) : /* @__PURE__ */ jsxs(VStack, {
+								gap: "md",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground",
+									children: "Full schema details are not available for this operation reference."
+								}), /* @__PURE__ */ jsx(CodeBlock, {
+									code: JSON.stringify(opRef, null, 2),
+									language: "json"
+								})]
+							})]
+						})
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "space-y-6",
+					children: /* @__PURE__ */ jsx(Card, {
+						className: "p-6",
+						children: /* @__PURE__ */ jsxs(VStack, {
+							gap: "md",
+							children: [/* @__PURE__ */ jsxs(HStack, {
+								className: "items-center gap-2 border-b pb-2",
+								children: [/* @__PURE__ */ jsx(Database, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
+									className: "text-lg font-semibold",
+									children: "Metadata"
+								})]
+							}), /* @__PURE__ */ jsxs("dl", {
+								className: "grid grid-cols-1 gap-4 text-sm",
+								children: [
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+										className: "text-muted-foreground",
+										children: "Key"
+									}), /* @__PURE__ */ jsx("dd", {
+										className: "truncate font-medium",
+										children: opRef.key
+									})] }),
+									/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+										className: "text-muted-foreground",
+										children: "Version"
+									}), /* @__PURE__ */ jsx("dd", {
+										className: "font-medium",
+										children: opRef.version
+									})] }),
+									spec?.meta?.context && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+										className: "text-muted-foreground",
+										children: "Context"
+									}), /* @__PURE__ */ jsx("dd", {
+										className: "font-medium",
+										children: spec.meta.context
+									})] }),
+									spec?.meta?.owners && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+										className: "text-muted-foreground",
+										children: "Owners"
+									}), /* @__PURE__ */ jsx("dd", {
+										className: "flex flex-wrap gap-1 font-medium",
+										children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx(StatusChip, {
+											label: o,
+											size: "sm",
+											tone: "neutral"
+										}, o))
+									})] }),
+									spec?.meta?.tags && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+										className: "text-muted-foreground",
+										children: "Tags"
+									}), /* @__PURE__ */ jsx("dd", {
+										className: "flex flex-wrap gap-1 font-medium",
+										children: spec.meta.tags.map((t) => /* @__PURE__ */ jsx(StatusChip, {
+											label: `#${t}`,
+											size: "sm",
+											tone: "neutral"
+										}, t))
+									})] })
+								]
+							})]
+						})
+					})
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { FeatureOperationDetailTemplate };
+//# sourceMappingURL=FeatureOperationDetailTemplate.js.map

package/dist/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureOperationDetailTemplate.js","names":[],"sources":["../../../../../src/presentation/features/templates/FeatureOperationDetailTemplate/FeatureOperationDetailTemplate.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Breadcrumbs,\n  CodeBlock,\n  EmptyState,\n  PageHeaderResponsive,\n  StatusChip,\n} from '@contractspec/lib.design-system';\nimport { Card } from '@contractspec/lib.ui-kit-web/ui/card';\nimport { Box, HStack, VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { FeatureOperationDetailTemplateProps } from './types';\nimport { Code, Database, Zap } from 'lucide-react';\nimport { useRelatedDocs } from '../../hooks/useRelatedDocs';\n\nexport function FeatureOperationDetailTemplate({\n  feature,\n  operationKey,\n  operation,\n  spec,\n  className,\n}: FeatureOperationDetailTemplateProps) {\n  /* Fallback if operation ref is not found passed directly, try to search in feature */\n  const opRef =\n    operation ?? feature.operations?.find((op) => op.key === operationKey);\n\n  const _relatedDocs = useRelatedDocs(opRef?.key || '', spec?.meta?.tags);\n\n  if (!opRef) {\n    return (\n      <VStack\n        gap=\"lg\"\n        className={cn('mx-auto w-full max-w-5xl p-6', className)}\n      >\n        <PageHeaderResponsive\n          title=\"Operation Not Found\"\n          subtitle={`Operation ${operationKey} not found in feature ${feature.meta.key}`}\n          breadcrumb={\n            <Breadcrumbs\n              items={[\n                { label: 'Features', href: '/features' },\n                {\n                  label: feature.meta.title || feature.meta.key,\n                  href: `/features/${feature.meta.key}`,\n                },\n                { label: 'Operations' },\n              ]}\n            />\n          }\n        />\n        <EmptyState\n          title=\"Operation not found\"\n          description={`The operation '${operationKey}' could not be found in this feature.`}\n          icon={<Zap className=\"text-muted-foreground h-12 w-12\" />}\n        />\n      </VStack>\n    );\n  }\n\n  return (\n    <VStack gap=\"lg\" className={cn('mx-auto w-full max-w-5xl p-6', className)}>\n      <PageHeaderResponsive\n        title={opRef.key}\n        subtitle={`Operation defined in ${feature.meta.title ?? feature.meta.key}`}\n        breadcrumb={\n          <Breadcrumbs\n            items={[\n              { label: 'Features', href: '/features' },\n              {\n                label: feature.meta.title || feature.meta.key,\n                href: `/features/${feature.meta.key}`,\n              },\n              {\n                label: 'Operations',\n                href: `/features/${feature.meta.key}/operations`,\n              },\n              { label: opRef.key },\n            ]}\n          />\n        }\n      />\n\n      <HStack gap=\"sm\">\n        <StatusChip\n          tone=\"neutral\"\n          label={opRef.key}\n          size=\"sm\"\n          icon={<Zap className=\"h-3 w-3\" />}\n        />\n        <StatusChip tone=\"neutral\" label={`v${opRef.version}`} size=\"sm\" />\n        {spec?.meta?.stability ? (\n          <StatusChip\n            tone={spec.meta.stability === 'stable' ? 'success' : 'warning'}\n            label={spec.meta.stability}\n            size=\"sm\"\n          />\n        ) : null}\n      </HStack>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        <div className=\"space-y-6 lg:col-span-2\">\n          <Card className=\"p-6\">\n            <VStack gap=\"md\">\n              <HStack className=\"items-center gap-2 border-b pb-2\">\n                <Code className=\"text-muted-foreground h-5 w-5\" />\n                <h3 className=\"text-lg font-semibold\">Schema Definition</h3>\n              </HStack>\n\n              {spec ? (\n                <VStack gap=\"lg\">\n                  {spec.meta.description && (\n                    <p className=\"text-muted-foreground\">\n                      {spec.meta.description}\n                    </p>\n                  )}\n\n                  <Box className=\"flex-col gap-2\">\n                    <span className=\"text-muted-foreground text-sm font-medium tracking-wider uppercase\">\n                      Input Schema\n                    </span>\n                    <CodeBlock\n                      className=\"w-full\"\n                      code={JSON.stringify(spec.io.input, null, 2)}\n                      language=\"json\"\n                    />\n                  </Box>\n\n                  <Box className=\"flex-col gap-2\">\n                    <span className=\"text-muted-foreground text-sm font-medium tracking-wider uppercase\">\n                      Output Schema\n                    </span>\n                    <CodeBlock\n                      className=\"w-full\"\n                      code={JSON.stringify(spec.io.output, null, 2)}\n                      language=\"json\"\n                    />\n                  </Box>\n                </VStack>\n              ) : (\n                <VStack gap=\"md\">\n                  <p className=\"text-muted-foreground\">\n                    Full schema details are not available for this operation\n                    reference.\n                  </p>\n                  <CodeBlock\n                    code={JSON.stringify(opRef, null, 2)}\n                    language=\"json\"\n                  />\n                </VStack>\n              )}\n            </VStack>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card className=\"p-6\">\n            <VStack gap=\"md\">\n              <HStack className=\"items-center gap-2 border-b pb-2\">\n                <Database className=\"text-muted-foreground h-5 w-5\" />\n                <h3 className=\"text-lg font-semibold\">Metadata</h3>\n              </HStack>\n\n              <dl className=\"grid grid-cols-1 gap-4 text-sm\">\n                <div>\n                  <dt className=\"text-muted-foreground\">Key</dt>\n                  <dd className=\"truncate font-medium\">{opRef.key}</dd>\n                </div>\n                <div>\n                  <dt className=\"text-muted-foreground\">Version</dt>\n                  <dd className=\"font-medium\">{opRef.version}</dd>\n                </div>\n                {spec?.meta?.context && (\n                  <div>\n                    <dt className=\"text-muted-foreground\">Context</dt>\n                    <dd className=\"font-medium\">{spec.meta.context}</dd>\n                  </div>\n                )}\n                {spec?.meta?.owners && (\n                  <div>\n                    <dt className=\"text-muted-foreground\">Owners</dt>\n                    <dd className=\"flex flex-wrap gap-1 font-medium\">\n                      {spec.meta.owners.map((o: string) => (\n                        <StatusChip\n                          key={o}\n                          label={o}\n                          size=\"sm\"\n                          tone=\"neutral\"\n                        />\n                      ))}\n                    </dd>\n                  </div>\n                )}\n                {spec?.meta?.tags && (\n                  <div>\n                    <dt className=\"text-muted-foreground\">Tags</dt>\n                    <dd className=\"flex flex-wrap gap-1 font-medium\">\n                      {spec.meta.tags.map((t: string) => (\n                        <StatusChip\n                          key={t}\n                          label={`#${t}`}\n                          size=\"sm\"\n                          tone=\"neutral\"\n                        />\n                      ))}\n                    </dd>\n                  </div>\n                )}\n              </dl>\n            </VStack>\n          </Card>\n        </div>\n\n        {/* Related Docs */}\n        {/*{relatedDocs?.length ? (*/}\n        {/*  <div className=\"lg:col-span-3\">*/}\n        {/*    <Card className=\"p-6\">*/}\n        {/*      <VStack gap=\"md\">*/}\n        {/*        <HStack className=\"items-center gap-2 border-b pb-2\">*/}\n        {/*          <BookOpen className=\"text-muted-foreground h-5 w-5\" />*/}\n        {/*          <h3 className=\"text-lg font-semibold\">*/}\n        {/*            Related Documentation*/}\n        {/*          </h3>*/}\n        {/*        </HStack>*/}\n        {/*        <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3\">*/}\n        {/*          {relatedDocs.map((doc) => (*/}\n        {/*            <Link*/}\n        {/*              key={doc.id}*/}\n        {/*              href={doc.route || `/docs/${doc.id}`}*/}\n        {/*              className=\"group block\"*/}\n        {/*            >*/}\n        {/*              <div className=\"hover:border-primary h-full rounded-lg border p-4 transition-colors\">*/}\n        {/*                <h4 className=\"group-hover:text-primary mb-1 font-semibold\">*/}\n        {/*                  {doc.title}*/}\n        {/*                </h4>*/}\n        {/*                {doc.summary && (*/}\n        {/*                  <p className=\"text-muted-foreground line-clamp-2 text-sm\">*/}\n        {/*                    {doc.summary}*/}\n        {/*                  </p>*/}\n        {/*                )}*/}\n        {/*              </div>*/}\n        {/*            </Link>*/}\n        {/*          ))}*/}\n        {/*        </div>*/}\n        {/*      </VStack>*/}\n        {/*    </Card>*/}\n        {/*  </div>*/}\n        {/*) : null}*/}\n      </div>\n    </VStack>\n  );\n}\n"],"mappings":"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"}

package/dist/presentation/features/templates/FeatureOperationDetailTemplate/index.d.ts

@@ -0,0 +1,3 @@
+import { FeatureOperationDetailTemplateProps } from "./types.js";
+import { FeatureOperationDetailTemplate } from "./FeatureOperationDetailTemplate.js";
+export { FeatureOperationDetailTemplate, FeatureOperationDetailTemplateProps };

package/dist/presentation/features/templates/FeatureOperationDetailTemplate/index.js

@@ -0,0 +1,3 @@
+import { FeatureOperationDetailTemplate } from "./FeatureOperationDetailTemplate.js";
+
+export { FeatureOperationDetailTemplate };

package/dist/presentation/features/templates/FeatureOperationDetailTemplate/types.d.ts

@@ -0,0 +1,14 @@
+import { FeatureModuleSpec, OpRef } from "@contractspec/lib.contracts/features";
+import { SerializedOperationSpec } from "@contractspec/lib.contracts/serialization";
+
+//#region src/presentation/features/templates/FeatureOperationDetailTemplate/types.d.ts
+interface FeatureOperationDetailTemplateProps {
+  feature: FeatureModuleSpec;
+  operationKey: string;
+  operation?: OpRef;
+  spec?: SerializedOperationSpec;
+  className?: string;
+}
+//#endregion
+export { FeatureOperationDetailTemplateProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/presentation/features/templates/FeatureOperationDetailTemplate/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/presentation/features/templates/FeatureOperationDetailTemplate/types.ts"],"mappings":";;;;UAMiB,mCAAA;EACf,OAAA,EAAS,iBAAA;EACT,YAAA;EACA,SAAA,GAAY,KAAA;EACZ,IAAA,GAAO,uBAAA;EACP,SAAA;AAAA"}

package/dist/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.d.ts

@@ -0,0 +1,11 @@
+import { FeatureListTemplateProps } from "../types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.d.ts
+declare function FeatureOperationsTemplate({
+  feature,
+  className
+}: FeatureListTemplateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FeatureOperationsTemplate };
+//# sourceMappingURL=FeatureOperationsTemplate.d.ts.map

package/dist/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureOperationsTemplate.d.ts","names":[],"sources":["../../../../../src/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.tsx"],"mappings":";;;;iBAWgB,yBAAA,CAAA;EACd,OAAA;EACA;AAAA,GACC,wBAAA,GAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.js

@@ -0,0 +1,34 @@
+'use client';
+
+import { FeatureOperationsList } from "../../organisms/FeatureOperationsList.js";
+import { Breadcrumbs, PageHeaderResponsive } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+
+//#region src/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.tsx
+function FeatureOperationsTemplate({ feature, className }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "lg",
+		className: cn("mx-auto w-full max-w-5xl p-6", className),
+		children: [/* @__PURE__ */ jsx(PageHeaderResponsive, {
+			title: "Operations",
+			subtitle: `Operations defined in ${feature.meta.title ?? feature.meta.key}`,
+			breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
+				{
+					label: "Features",
+					href: "/features"
+				},
+				{
+					label: feature.meta.title || feature.meta.key,
+					href: `/features/${feature.meta.key}`
+				},
+				{ label: "Operations" }
+			] })
+		}), /* @__PURE__ */ jsx(FeatureOperationsList, { feature })]
+	});
+}
+
+//#endregion
+export { FeatureOperationsTemplate };
+//# sourceMappingURL=FeatureOperationsTemplate.js.map

package/dist/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureOperationsTemplate.js","names":[],"sources":["../../../../../src/presentation/features/templates/FeatureOperationsTemplate/FeatureOperationsTemplate.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Breadcrumbs,\n  PageHeaderResponsive,\n} from '@contractspec/lib.design-system';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport type { FeatureListTemplateProps } from '../types';\nimport { FeatureOperationsList } from '../../organisms/FeatureOperationsList';\n\nexport function FeatureOperationsTemplate({\n  feature,\n  className,\n}: FeatureListTemplateProps) {\n  return (\n    <VStack gap=\"lg\" className={cn('mx-auto w-full max-w-5xl p-6', className)}>\n      <PageHeaderResponsive\n        title=\"Operations\"\n        subtitle={`Operations defined in ${feature.meta.title ?? feature.meta.key}`}\n        breadcrumb={\n          <Breadcrumbs\n            items={[\n              { label: 'Features', href: '/features' },\n              {\n                label: feature.meta.title || feature.meta.key,\n                href: `/features/${feature.meta.key}`,\n              },\n              { label: 'Operations' },\n            ]}\n          />\n        }\n      />\n      <FeatureOperationsList feature={feature} />\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,0BAA0B,EACxC,SACA,aAC2B;AAC3B,QACE,qBAAC;EAAO,KAAI;EAAK,WAAW,GAAG,gCAAgC,UAAU;aACvE,oBAAC;GACC,OAAM;GACN,UAAU,yBAAyB,QAAQ,KAAK,SAAS,QAAQ,KAAK;GACtE,YACE,oBAAC,eACC,OAAO;IACL;KAAE,OAAO;KAAY,MAAM;KAAa;IACxC;KACE,OAAO,QAAQ,KAAK,SAAS,QAAQ,KAAK;KAC1C,MAAM,aAAa,QAAQ,KAAK;KACjC;IACD,EAAE,OAAO,cAAc;IACxB,GACD;IAEJ,EACF,oBAAC,yBAA+B,UAAW;GACpC"}

package/dist/presentation/features/templates/FeatureOperationsTemplate/index.d.ts

@@ -0,0 +1,2 @@
+import { FeatureOperationsTemplate } from "./FeatureOperationsTemplate.js";
+export { FeatureOperationsTemplate };

package/dist/presentation/features/templates/FeatureOperationsTemplate/index.js

@@ -0,0 +1,3 @@
+import { FeatureOperationsTemplate } from "./FeatureOperationsTemplate.js";
+
+export { FeatureOperationsTemplate };

package/dist/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { FeatureModuleSpec } from "@contractspec/lib.contracts/features";
+
+//#region src/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.d.ts
+interface FeatureOverviewTemplateProps {
+  feature: FeatureModuleSpec;
+  className?: string;
+}
+declare function FeatureOverviewTemplate({
+  feature,
+  className
+}: FeatureOverviewTemplateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FeatureOverviewTemplate, FeatureOverviewTemplateProps };
+//# sourceMappingURL=FeatureOverviewTemplate.d.ts.map

package/dist/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureOverviewTemplate.d.ts","names":[],"sources":["../../../../../src/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.tsx"],"mappings":";;;;UAWiB,4BAAA;EACf,OAAA,EAAS,iBAAA;EACT,SAAA;AAAA;AAAA,iBAGc,uBAAA,CAAA;EACd,OAAA;EACA;AAAA,GACC,4BAAA,GAA4B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { FeatureDetail } from "../../organisms/FeatureDetail/FeatureDetail.js";
+import "../../organisms/FeatureDetail/index.js";
+import { Breadcrumbs, PageHeaderResponsive } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+
+//#region src/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.tsx
+function FeatureOverviewTemplate({ feature, className }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "lg",
+		className: cn("mx-auto w-full max-w-5xl p-6", className),
+		children: [/* @__PURE__ */ jsx(PageHeaderResponsive, {
+			title: feature.meta.title || feature.meta.key,
+			subtitle: feature.meta.description || "Feature overview",
+			breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [{
+				label: "Features",
+				href: "/features"
+			}, { label: feature.meta.title || feature.meta.key }] })
+		}), /* @__PURE__ */ jsx(FeatureDetail, { feature })]
+	});
+}
+
+//#endregion
+export { FeatureOverviewTemplate };
+//# sourceMappingURL=FeatureOverviewTemplate.js.map

package/dist/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureOverviewTemplate.js","names":[],"sources":["../../../../../src/presentation/features/templates/FeatureOverviewTemplate/FeatureOverviewTemplate.tsx"],"sourcesContent":["'use client';\n\nimport {\n  PageHeaderResponsive,\n  Breadcrumbs,\n} from '@contractspec/lib.design-system';\nimport { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { FeatureDetail } from '../../organisms/FeatureDetail';\nimport type { FeatureModuleSpec } from '@contractspec/lib.contracts/features';\n\nexport interface FeatureOverviewTemplateProps {\n  feature: FeatureModuleSpec;\n  className?: string;\n}\n\nexport function FeatureOverviewTemplate({\n  feature,\n  className,\n}: FeatureOverviewTemplateProps) {\n  return (\n    <VStack gap=\"lg\" className={cn('mx-auto w-full max-w-5xl p-6', className)}>\n      <PageHeaderResponsive\n        title={feature.meta.title || feature.meta.key}\n        subtitle={feature.meta.description || 'Feature overview'}\n        breadcrumb={\n          <Breadcrumbs\n            items={[\n              { label: 'Features', href: '/features' },\n              { label: feature.meta.title || feature.meta.key },\n            ]}\n          />\n        }\n      />\n      <FeatureDetail feature={feature} />\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,wBAAwB,EACtC,SACA,aAC+B;AAC/B,QACE,qBAAC;EAAO,KAAI;EAAK,WAAW,GAAG,gCAAgC,UAAU;aACvE,oBAAC;GACC,OAAO,QAAQ,KAAK,SAAS,QAAQ,KAAK;GAC1C,UAAU,QAAQ,KAAK,eAAe;GACtC,YACE,oBAAC,eACC,OAAO,CACL;IAAE,OAAO;IAAY,MAAM;IAAa,EACxC,EAAE,OAAO,QAAQ,KAAK,SAAS,QAAQ,KAAK,KAAK,CAClD,GACD;IAEJ,EACF,oBAAC,iBAAuB,UAAW;GAC5B"}

package/dist/presentation/features/templates/FeatureOverviewTemplate/index.d.ts

@@ -0,0 +1,2 @@
+import { FeatureOverviewTemplate, FeatureOverviewTemplateProps } from "./FeatureOverviewTemplate.js";
+export { FeatureOverviewTemplate, FeatureOverviewTemplateProps };

package/dist/presentation/features/templates/FeatureOverviewTemplate/index.js

@@ -0,0 +1,3 @@
+import { FeatureOverviewTemplate } from "./FeatureOverviewTemplate.js";
+
+export { FeatureOverviewTemplate };

package/dist/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.d.ts

@@ -0,0 +1,14 @@
+import { FeaturePresentationDetailTemplateProps } from "./types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.d.ts
+declare function FeaturePresentationDetailTemplate({
+  feature,
+  presentationKey,
+  presentation,
+  spec,
+  className
+}: FeaturePresentationDetailTemplateProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FeaturePresentationDetailTemplate };
+//# sourceMappingURL=FeaturePresentationDetailTemplate.d.ts.map

package/dist/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturePresentationDetailTemplate.d.ts","names":[],"sources":["../../../../../src/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.tsx"],"mappings":";;;;iBAiBgB,iCAAA,CAAA;EACd,OAAA;EACA,eAAA;EACA,YAAA;EACA,IAAA;EACA;AAAA,GACC,sCAAA,GAAsC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.js

@@ -0,0 +1,214 @@
+'use client';
+
+import { useRelatedDocs } from "../../hooks/useRelatedDocs.js";
+import { BookOpen, Code, Database, Layout } from "lucide-react";
+import { Breadcrumbs, CodeBlock, EmptyState, PageHeaderResponsive, StatusChip } from "@contractspec/lib.design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Box, HStack, VStack } from "@contractspec/lib.ui-kit-web/ui/stack";
+import Link from "next/link";
+import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
+
+//#region src/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.tsx
+function FeaturePresentationDetailTemplate({ feature, presentationKey, presentation, spec, className }) {
+	const presRef = presentation ?? feature.presentations?.find((p) => p.key === presentationKey);
+	const relatedDocs = useRelatedDocs(presRef?.key || "", spec?.meta?.tags);
+	if (!presRef) return /* @__PURE__ */ jsxs(VStack, {
+		gap: "lg",
+		className: cn("mx-auto w-full max-w-5xl p-6", className),
+		children: [/* @__PURE__ */ jsx(PageHeaderResponsive, {
+			title: "Presentation Not Found",
+			subtitle: `Presentation ${presentationKey} not found in feature ${feature.meta.key}`,
+			breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
+				{
+					label: "Features",
+					href: "/features"
+				},
+				{
+					label: feature.meta.title || feature.meta.key,
+					href: `/features/${feature.meta.key}`
+				},
+				{
+					label: "Presentations",
+					href: `/features/${feature.meta.key}/presentation`
+				}
+			] })
+		}), /* @__PURE__ */ jsx(EmptyState, {
+			title: "Presentation not found",
+			description: `The presentation '${presentationKey}' could not be found in this feature.`,
+			icon: /* @__PURE__ */ jsx(Layout, { className: "text-muted-foreground h-12 w-12" })
+		})]
+	});
+	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "lg",
+		className: cn("mx-auto w-full max-w-5xl p-6", className),
+		children: [
+			/* @__PURE__ */ jsx(PageHeaderResponsive, {
+				title: presRef.key,
+				subtitle: `Presentation defined in ${feature.meta.title ?? feature.meta.key}`,
+				breadcrumb: /* @__PURE__ */ jsx(Breadcrumbs, { items: [
+					{
+						label: "Features",
+						href: "/features"
+					},
+					{
+						label: feature.meta.title || feature.meta.key,
+						href: `/features/${feature.meta.key}`
+					},
+					{
+						label: "Presentations",
+						href: `/features/${feature.meta.key}#presentations`
+					},
+					{ label: presRef.key }
+				] })
+			}),
+			/* @__PURE__ */ jsxs(HStack, {
+				gap: "sm",
+				children: [
+					/* @__PURE__ */ jsx(StatusChip, {
+						tone: "neutral",
+						label: presRef.key,
+						size: "sm",
+						icon: /* @__PURE__ */ jsx(Layout, { className: "h-3 w-3" })
+					}),
+					/* @__PURE__ */ jsx(StatusChip, {
+						tone: "neutral",
+						label: `v${presRef.version}`,
+						size: "sm"
+					}),
+					spec?.meta?.stability ? /* @__PURE__ */ jsx(StatusChip, {
+						tone: spec.meta.stability === "stable" ? "success" : "warning",
+						label: spec.meta.stability,
+						size: "sm"
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "space-y-6 lg:col-span-2",
+						children: /* @__PURE__ */ jsx(Card, {
+							className: "p-6",
+							children: /* @__PURE__ */ jsxs(VStack, {
+								gap: "md",
+								children: [/* @__PURE__ */ jsxs(HStack, {
+									className: "items-center gap-2 border-b pb-2",
+									children: [/* @__PURE__ */ jsx(Code, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
+										className: "text-lg font-semibold",
+										children: "Component Definition"
+									})]
+								}), spec ? /* @__PURE__ */ jsxs(VStack, {
+									gap: "lg",
+									children: [spec.meta.description && /* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground",
+										children: spec.meta.description
+									}), /* @__PURE__ */ jsxs(Box, {
+										className: "flex-col gap-2",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "text-muted-foreground text-sm font-medium tracking-wider uppercase",
+											children: "Spec Details"
+										}), /* @__PURE__ */ jsx(CodeBlock, {
+											code: JSON.stringify(spec, null, 2),
+											language: "json"
+										})]
+									})]
+								}) : /* @__PURE__ */ jsxs(VStack, {
+									gap: "md",
+									children: [/* @__PURE__ */ jsx("p", {
+										className: "text-muted-foreground",
+										children: "Full component details are not available for this presentation reference."
+									}), /* @__PURE__ */ jsx(CodeBlock, {
+										code: JSON.stringify(presRef, null, 2),
+										language: "json"
+									})]
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "space-y-6",
+						children: /* @__PURE__ */ jsx(Card, {
+							className: "p-6",
+							children: /* @__PURE__ */ jsxs(VStack, {
+								gap: "md",
+								children: [/* @__PURE__ */ jsxs(HStack, {
+									className: "items-center gap-2 border-b pb-2",
+									children: [/* @__PURE__ */ jsx(Database, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
+										className: "text-lg font-semibold",
+										children: "Metadata"
+									})]
+								}), /* @__PURE__ */ jsxs("dl", {
+									className: "grid grid-cols-1 gap-4 text-sm",
+									children: [
+										/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+											className: "text-muted-foreground",
+											children: "Key"
+										}), /* @__PURE__ */ jsx("dd", {
+											className: "truncate font-medium",
+											children: presRef.key
+										})] }),
+										/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+											className: "text-muted-foreground",
+											children: "Version"
+										}), /* @__PURE__ */ jsx("dd", {
+											className: "font-medium",
+											children: presRef.version
+										})] }),
+										spec?.meta?.owners && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", {
+											className: "text-muted-foreground",
+											children: "Owners"
+										}), /* @__PURE__ */ jsx("dd", {
+											className: "flex flex-wrap gap-1 font-medium",
+											children: spec.meta.owners.map((o) => /* @__PURE__ */ jsx(StatusChip, {
+												label: o,
+												size: "sm",
+												tone: "neutral"
+											}, o))
+										})] })
+									]
+								})]
+							})
+						})
+					}),
+					relatedDocs?.length ? /* @__PURE__ */ jsx("div", {
+						className: "lg:col-span-3",
+						children: /* @__PURE__ */ jsx(Card, {
+							className: "p-6",
+							children: /* @__PURE__ */ jsxs(VStack, {
+								gap: "md",
+								children: [/* @__PURE__ */ jsxs(HStack, {
+									className: "items-center gap-2 border-b pb-2",
+									children: [/* @__PURE__ */ jsx(BookOpen, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
+										className: "text-lg font-semibold",
+										children: "Related Documentation"
+									})]
+								}), /* @__PURE__ */ jsx("div", {
+									className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3",
+									children: relatedDocs.map((doc) => /* @__PURE__ */ jsx(Link, {
+										href: doc.route || `/docs/${doc.id}`,
+										className: "group block",
+										children: /* @__PURE__ */ jsxs("div", {
+											className: "hover:border-primary h-full rounded-lg border p-4 transition-colors",
+											children: [/* @__PURE__ */ jsx("h4", {
+												className: "group-hover:text-primary mb-1 font-semibold",
+												children: doc.title
+											}), doc.summary && /* @__PURE__ */ jsx("p", {
+												className: "text-muted-foreground line-clamp-2 text-sm",
+												children: doc.summary
+											})]
+										})
+									}, doc.id))
+								})]
+							})
+						})
+					}) : null
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { FeaturePresentationDetailTemplate };
+//# sourceMappingURL=FeaturePresentationDetailTemplate.js.map