@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/link-type-detail.mjs

@@ -0,0 +1,628 @@
+import { Badge } from "./badge.mjs";
+import { Button } from "./button.mjs";
+import { Card } from "./card.mjs";
+import { Sheet, SheetClose, SheetContent, SheetTitle } from "./sheet.mjs";
+import { Input } from "./input.mjs";
+import { ToggleGroup, ToggleGroupItem } from "./toggle-group.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { ArrowLeft, Link2 } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/link-type-detail.tsx
+const SEGMENT_ON = "wwc:data-[state=on]:border-primary wwc:data-[state=on]:bg-primary/10 wwc:data-[state=on]:text-primary";
+const STATUS_CLASS = {
+	Endorsed: "wwc:text-violet-600 wwc:dark:text-violet-400",
+	Active: "wwc:text-emerald-600 wwc:dark:text-emerald-400",
+	Experimental: "wwc:text-amber-600 wwc:dark:text-amber-500",
+	Deprecated: "wwc:text-muted-foreground"
+};
+const LINK_CARDINALITY_LABELS = [
+	{
+		value: "one-to-one",
+		short: "1:1"
+	},
+	{
+		value: "one-to-many",
+		short: "1:N"
+	},
+	{
+		value: "many-to-one",
+		short: "N:1"
+	},
+	{
+		value: "many-to-many",
+		short: "M:N"
+	}
+];
+const LINK_VISIBILITIES = [
+	"Prominent",
+	"Normal",
+	"Hidden"
+];
+const LINK_STATUSES = [
+	"Active",
+	"Experimental",
+	"Deprecated"
+];
+function FieldLabel({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:block wwc:text-xs wwc:font-medium wwc:text-muted-foreground",
+		children
+	});
+}
+function TypeTile({ label, iconFor }) {
+	const Icon = iconFor?.(label) ?? Link2;
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:flex wwc:h-6 wwc:w-6 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:bg-muted wwc:text-muted-foreground",
+		children: /* @__PURE__ */ jsx(Icon, { className: "wwc:h-3.5 wwc:w-3.5" })
+	});
+}
+/** Side editor — API name, display name and visibility for one end of the relationship. */
+function SideFields({ side, visibilities, onChange }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-3",
+		children: [
+			/* @__PURE__ */ jsxs(FieldLabel, { children: ["Side — ", side.objectTypeLabel] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-1.5",
+				children: [/* @__PURE__ */ jsx(FieldLabel, { children: "API name" }), /* @__PURE__ */ jsx(Input, {
+					value: side.apiName,
+					onChange: (e) => onChange({
+						...side,
+						apiName: e.target.value
+					}),
+					className: "wwc:font-mono"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-1.5",
+				children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Display name" }), /* @__PURE__ */ jsx(Input, {
+					value: side.displayName,
+					onChange: (e) => onChange({
+						...side,
+						displayName: e.target.value
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-1.5",
+				children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Visibility" }), /* @__PURE__ */ jsx(ToggleGroup, {
+					type: "single",
+					value: side.visibility,
+					onValueChange: (v) => v && onChange({
+						...side,
+						visibility: v
+					}),
+					variant: "outline",
+					size: "sm",
+					className: "wwc:justify-start",
+					children: visibilities.map((v) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+						value: v,
+						className: SEGMENT_ON,
+						children: v
+					}, v))
+				})]
+			})
+		]
+	});
+}
+/** Full link-type editor rendered as a 3/4-width sheet. */
+function LinkTypeDetailSheet({ open, onOpenChange, linkType, iconFor, instanceRows, cardinalities = LINK_CARDINALITY_LABELS, statuses = LINK_STATUSES, visibilities = LINK_VISIBILITIES, onSave, onTraverse, extra }) {
+	const [draft, setDraft] = React.useState(null);
+	const [dirty, setDirty] = React.useState(false);
+	const [seeded, setSeeded] = React.useState(null);
+	React.useEffect(() => {
+		if (open && linkType && seeded !== linkType.id) {
+			setSeeded(linkType.id);
+			setDraft(linkType);
+			setDirty(false);
+		}
+		if (!open && seeded !== null) setSeeded(null);
+	}, [
+		open,
+		linkType,
+		seeded
+	]);
+	const current = draft && linkType && draft.id === linkType.id ? draft : linkType;
+	if (!current) return null;
+	const patch = (next) => {
+		setDraft({
+			...current,
+			...next
+		});
+		setDirty(true);
+	};
+	const sampled = instanceRows ?? [];
+	const total = current.instanceLinks ?? 0;
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			side: "right",
+			className: "wwc:flex wwc:w-3/4 wwc:max-w-none wwc:flex-col wwc:gap-0 wwc:p-0 wwc:sm:max-w-none wwc:[&>button]:hidden",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:shrink-0 wwc:border-b wwc:border-border wwc:px-6 wwc:pt-5 wwc:pb-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-3",
+							children: [
+								/* @__PURE__ */ jsx(TypeTile, {
+									label: current.sideA.objectTypeLabel,
+									iconFor
+								}),
+								/* @__PURE__ */ jsx(TypeTile, {
+									label: current.sideB.objectTypeLabel,
+									iconFor
+								}),
+								/* @__PURE__ */ jsxs(SheetTitle, {
+									className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+									children: [
+										current.sideA.objectTypeLabel,
+										" ↔ ",
+										current.sideB.objectTypeLabel
+									]
+								}),
+								/* @__PURE__ */ jsx(Badge, {
+									variant: "secondary",
+									className: "wwc:h-6 wwc:text-xs",
+									children: current.cardinality
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: cn("wwc:text-sm wwc:font-semibold", STATUS_CLASS[current.status]),
+									children: current.status
+								})
+							]
+						}), /* @__PURE__ */ jsx(SheetClose, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(Button, {
+								variant: "link",
+								size: "sm",
+								className: "wwc:h-auto wwc:gap-1 wwc:px-0",
+								children: "← All link types"
+							})
+						})]
+					}), current.rid ? /* @__PURE__ */ jsx("code", {
+						className: "wwc:mt-2 wwc:block wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+						children: current.rid
+					}) : null]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto wwc:bg-muted/20 wwc:p-6",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:grid-cols-1 wwc:gap-6 wwc:lg:grid-cols-2",
+						children: [/* @__PURE__ */ jsxs(Card, {
+							className: "wwc:p-5",
+							children: [/* @__PURE__ */ jsx("h3", {
+								className: "wwc:mb-4 wwc:text-base wwc:font-semibold",
+								children: "Definition"
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-4",
+								children: [
+									/* @__PURE__ */ jsxs("div", {
+										className: "wwc:space-y-1.5",
+										children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Description" }), /* @__PURE__ */ jsx(Input, {
+											value: current.description ?? "",
+											onChange: (e) => patch({ description: e.target.value })
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "wwc:grid wwc:grid-cols-2 wwc:gap-4",
+										children: [/* @__PURE__ */ jsx(SideFields, {
+											side: current.sideA,
+											visibilities,
+											onChange: (sideA) => patch({ sideA })
+										}), /* @__PURE__ */ jsx(SideFields, {
+											side: current.sideB,
+											visibilities,
+											onChange: (sideB) => patch({ sideB })
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "wwc:space-y-1.5",
+										children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Cardinality" }), /* @__PURE__ */ jsx(ToggleGroup, {
+											type: "single",
+											value: current.cardinality,
+											onValueChange: (v) => v && patch({ cardinality: v }),
+											variant: "outline",
+											size: "sm",
+											className: "wwc:justify-start",
+											children: cardinalities.map((c) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+												value: c.value,
+												className: SEGMENT_ON,
+												children: c.short
+											}, c.value))
+										})]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "wwc:space-y-1.5",
+										children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Backing" }), /* @__PURE__ */ jsx(Badge, {
+											variant: "secondary",
+											className: "wwc:h-6 wwc:font-mono wwc:text-xs",
+											children: current.backing
+										})]
+									})
+								]
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-6",
+							children: [
+								/* @__PURE__ */ jsxs(Card, {
+									className: "wwc:p-5",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "wwc:mb-4 wwc:text-base wwc:font-semibold",
+										children: "Lifecycle"
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "wwc:space-y-1.5",
+										children: [
+											/* @__PURE__ */ jsx(FieldLabel, { children: "Status" }),
+											/* @__PURE__ */ jsx(ToggleGroup, {
+												type: "single",
+												value: current.status,
+												onValueChange: (v) => v && patch({ status: v }),
+												variant: "outline",
+												size: "sm",
+												className: "wwc:justify-start",
+												children: statuses.map((s) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+													value: s,
+													className: SEGMENT_ON,
+													children: s
+												}, s))
+											}),
+											/* @__PURE__ */ jsx("p", {
+												className: "wwc:pt-2 wwc:text-sm wwc:text-primary",
+												children: "Deprecate before deleting."
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ jsxs(Card, {
+									className: "wwc:p-5",
+									children: [
+										/* @__PURE__ */ jsxs("h3", {
+											className: "wwc:mb-4 wwc:text-base wwc:font-semibold",
+											children: ["Instance links ", /* @__PURE__ */ jsxs("span", {
+												className: "wwc:text-muted-foreground",
+												children: [
+													"(",
+													total,
+													")"
+												]
+											})]
+										}),
+										/* @__PURE__ */ jsxs("div", {
+											className: "wwc:space-y-1.5 wwc:text-sm",
+											children: [
+												sampled.map((r) => /* @__PURE__ */ jsxs("div", {
+													className: "wwc:flex wwc:items-center wwc:gap-2",
+													children: [
+														/* @__PURE__ */ jsx("span", {
+															className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+															children: r.aCode
+														}),
+														/* @__PURE__ */ jsx("span", {
+															className: "wwc:text-primary",
+															children: r.aName
+														}),
+														/* @__PURE__ */ jsx("span", {
+															className: "wwc:text-muted-foreground",
+															children: "↝"
+														}),
+														/* @__PURE__ */ jsx("span", {
+															className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+															children: r.bCode
+														}),
+														/* @__PURE__ */ jsx("span", {
+															className: "wwc:text-primary",
+															children: r.bName
+														})
+													]
+												}, `${r.aCode}-${r.bCode}`)),
+												sampled.length > 0 && total > sampled.length ? /* @__PURE__ */ jsxs("div", {
+													className: "wwc:text-muted-foreground",
+													children: [
+														"+ ",
+														total - sampled.length,
+														" more…"
+													]
+												}) : null,
+												sampled.length === 0 ? /* @__PURE__ */ jsx("div", {
+													className: "wwc:text-muted-foreground",
+													children: total === 0 ? "No instance links yet — run an action that creates links." : `${total} instance link${total === 1 ? "" : "s"} in the store.`
+												}) : null
+											]
+										}),
+										onTraverse ? /* @__PURE__ */ jsx(Button, {
+											variant: "outline",
+											size: "sm",
+											className: "wwc:mt-4",
+											onClick: onTraverse,
+											children: "Traverse in graph view →"
+										}) : null
+									]
+								}),
+								extra
+							]
+						})]
+					})
+				}),
+				dirty ? /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:justify-between wwc:gap-4 wwc:border-t wwc:border-border wwc:bg-card wwc:px-6 wwc:py-3",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm wwc:text-muted-foreground",
+						children: "Unsaved changes"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							onClick: () => {
+								setDraft(linkType);
+								setDirty(false);
+							},
+							children: "Discard"
+						}), /* @__PURE__ */ jsx(Button, {
+							onClick: () => {
+								onSave?.(current);
+								setDirty(false);
+							},
+							children: "Save changes"
+						})]
+					})]
+				}) : null
+			]
+		})
+	});
+}
+/**
+* The same editor as {@link LinkTypeDetailSheet}, laid out as a full page with a fixed header and a
+* vertical SideMenu — matching the object-type drill-in. Hosts that prefer an overlay keep the sheet.
+*/
+function LinkTypeDetailPage({ linkType, iconFor, instanceRows, cardinalities = LINK_CARDINALITY_LABELS, statuses = LINK_STATUSES, visibilities = LINK_VISIBILITIES, onBack, onSave, onTraverse, extra }) {
+	const [draft, setDraft] = React.useState(linkType);
+	const [dirty, setDirty] = React.useState(false);
+	React.useEffect(() => {
+		setDraft(linkType);
+		setDirty(false);
+	}, [linkType]);
+	const current = draft.id === linkType.id ? draft : linkType;
+	const patch = (next) => {
+		setDraft({
+			...current,
+			...next
+		});
+		setDirty(true);
+	};
+	const sampled = instanceRows ?? [];
+	const total = current.instanceLinks ?? 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:min-h-12 wwc:shrink-0 wwc:items-center wwc:justify-between wwc:gap-3 wwc:border-b wwc:border-border wwc:bg-card wwc:px-3",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-2.5",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "wwc:gap-1.5",
+						onClick: onBack,
+						children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "wwc:h-4 wwc:w-4" }), "Back"]
+					}),
+					/* @__PURE__ */ jsx("div", { className: "wwc:h-5 wwc:w-px wwc:shrink-0 wwc:bg-border" }),
+					/* @__PURE__ */ jsxs("span", {
+						className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-1",
+						children: [/* @__PURE__ */ jsx(TypeTile, {
+							label: current.sideA.objectTypeLabel,
+							iconFor
+						}), /* @__PURE__ */ jsx(TypeTile, {
+							label: current.sideB.objectTypeLabel,
+							iconFor
+						})]
+					}),
+					/* @__PURE__ */ jsxs("h1", {
+						className: "wwc:truncate wwc:text-sm wwc:font-semibold",
+						children: [
+							current.sideA.objectTypeLabel,
+							" ↔ ",
+							current.sideB.objectTypeLabel
+						]
+					}),
+					/* @__PURE__ */ jsx(Badge, {
+						variant: "secondary",
+						children: current.cardinality
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: cn("wwc:text-xs wwc:font-semibold", STATUS_CLASS[current.status]),
+						children: current.status
+					}),
+					current.rid ? /* @__PURE__ */ jsx("span", {
+						className: "wwc:hidden wwc:truncate wwc:font-mono wwc:text-[11px] wwc:text-muted-foreground wwc:lg:inline",
+						children: current.rid
+					}) : null
+				]
+			}), dirty ? /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => {
+						setDraft(linkType);
+						setDirty(false);
+					},
+					children: "Discard"
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					onClick: () => {
+						onSave?.(current);
+						setDirty(false);
+					},
+					children: "Save changes"
+				})]
+			}) : null]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "wwc:w-full wwc:space-y-4 wwc:p-6",
+				children: [
+					/* @__PURE__ */ jsxs(Card, {
+						className: "wwc:p-5",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "wwc:mb-4 wwc:text-base wwc:font-semibold",
+							children: "Definition"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-4",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Description" }), /* @__PURE__ */ jsx(Input, {
+										value: current.description ?? "",
+										onChange: (e) => patch({ description: e.target.value })
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Cardinality" }), /* @__PURE__ */ jsx(ToggleGroup, {
+										type: "single",
+										value: current.cardinality,
+										onValueChange: (v) => v && patch({ cardinality: v }),
+										variant: "outline",
+										size: "sm",
+										className: "wwc:justify-start",
+										children: cardinalities.map((c) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+											value: c.value,
+											className: SEGMENT_ON,
+											children: c.short
+										}, c.value))
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Backing" }), /* @__PURE__ */ jsx(Badge, {
+										variant: "secondary",
+										className: "wwc:h-6 wwc:font-mono wwc:text-xs",
+										children: current.backing
+									})]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsx(Card, {
+						className: "wwc:p-5",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:grid wwc:gap-6 wwc:md:grid-cols-2",
+							children: [/* @__PURE__ */ jsx(SideFields, {
+								side: current.sideA,
+								visibilities,
+								onChange: (sideA) => patch({ sideA })
+							}), /* @__PURE__ */ jsx(SideFields, {
+								side: current.sideB,
+								visibilities,
+								onChange: (sideB) => patch({ sideB })
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsxs(Card, {
+						className: "wwc:p-5",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "wwc:mb-4 wwc:text-base wwc:font-semibold",
+							children: "Lifecycle"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1.5",
+							children: [
+								/* @__PURE__ */ jsx(FieldLabel, { children: "Status" }),
+								/* @__PURE__ */ jsx(ToggleGroup, {
+									type: "single",
+									value: current.status,
+									onValueChange: (v) => v && patch({ status: v }),
+									variant: "outline",
+									size: "sm",
+									className: "wwc:justify-start",
+									children: statuses.map((st) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+										value: st,
+										className: SEGMENT_ON,
+										children: st
+									}, st))
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "wwc:pt-2 wwc:text-sm wwc:text-primary",
+									children: "Deprecate before deleting."
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Card, {
+						className: "wwc:p-5",
+						children: [
+							/* @__PURE__ */ jsxs("h3", {
+								className: "wwc:mb-4 wwc:text-base wwc:font-semibold",
+								children: ["Instance links ", /* @__PURE__ */ jsxs("span", {
+									className: "wwc:text-muted-foreground",
+									children: [
+										"(",
+										total,
+										")"
+									]
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5 wwc:text-sm",
+								children: [
+									sampled.map((r) => /* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-2",
+										children: [
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+												children: r.aCode
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:text-primary",
+												children: r.aName
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:text-muted-foreground",
+												children: "↝"
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+												children: r.bCode
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:text-primary",
+												children: r.bName
+											})
+										]
+									}, `${r.aCode}-${r.bCode}`)),
+									sampled.length > 0 && total > sampled.length ? /* @__PURE__ */ jsxs("div", {
+										className: "wwc:text-muted-foreground",
+										children: [
+											"+ ",
+											total - sampled.length,
+											" more…"
+										]
+									}) : null,
+									sampled.length === 0 ? /* @__PURE__ */ jsx("div", {
+										className: "wwc:text-muted-foreground",
+										children: total === 0 ? "No instance links yet — run an action that creates links." : `${total} instance link${total === 1 ? "" : "s"} in the store.`
+									}) : null
+								]
+							}),
+							onTraverse ? /* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "sm",
+								className: "wwc:mt-4",
+								onClick: onTraverse,
+								children: "Traverse in graph view →"
+							}) : null
+						]
+					}),
+					extra
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { LINK_CARDINALITY_LABELS, LINK_STATUSES, LINK_VISIBILITIES, LinkTypeDetailPage, LinkTypeDetailSheet };
+
+//# sourceMappingURL=link-type-detail.mjs.map