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

package/dist/pages/wc3-ontology-views.mjs

@@ -0,0 +1,1253 @@
+import { Badge } from "../badge.mjs";
+import { HoverTooltip } from "../tooltip.mjs";
+import { Button } from "../button.mjs";
+import { Filter as Filter$1, FilterCategory, FilterContent, FilterOption, FilterTrigger } from "../filter.mjs";
+import { DataTable, DataTableColumnHeader } from "../data-table.mjs";
+import { LinkTypeDetailPage } from "../link-type-detail.mjs";
+import { NewLinkTypeDialog } from "../link-type-wizard.mjs";
+import { NewObjectTypeDialog } from "../object-type-wizard.mjs";
+import { BACKING_LABEL, WC3_ACTION_TYPES, WC3_BASE_TYPES, WC3_DATASOURCE_CATALOG, WC3_DATASOURCE_KIND_LABEL, WC3_ICON_COLORS, WC3_ICON_GLYPHS, WC3_INSTANCE_LINK_SAMPLES, WC3_INTERFACES, WC3_LINK_TYPES, WC3_OBJECT_TYPES, WC3_SHARED_PROPERTIES, WC3_TYPE_GROUPS, getInterface, getObjectType, getTypeGroup, instanceCount, instanceLinkCount, interfaceAllProperties, linkTypeLabel } from "./wc3-ontology-data.mjs";
+import { scopeActionTypes, scopeInterfaces, scopeLinkTypes, scopeObjectTypes, scopeSharedProperties, scopeTypeGroups, scopedInterfaceImplementors } from "./wc3-ontology-scope.mjs";
+import { NewActionTypeDialog } from "./wc3-action-type-wizard.mjs";
+import { OntologyGlyph } from "./wc3-ontology-glyphs.mjs";
+import { ActionTypeDetail } from "./wc3-action-type-detail.mjs";
+import { RunActionDialog } from "./wc3-action-type-run-dialog.mjs";
+import { wc3FsLocationOf } from "./wc3-fs-store.mjs";
+import { Wc3FsPathLabel } from "./wc3-fs-path-label.mjs";
+import { GraphExplorerFlowView } from "./wc3-graph-explorer-flow.mjs";
+import { TypeGroupDetailPage } from "./wc3-group-detail.mjs";
+import { NewTypeGroupDialog } from "./wc3-group-wizard.mjs";
+import { HealthView, runOntologyLint } from "./wc3-health-view.mjs";
+import { InterfaceDetail, interfaceFromDraft } from "./wc3-interface-detail.mjs";
+import { NewInterfaceDialog } from "./wc3-interface-wizard.mjs";
+import { useOpenRecord } from "./wc3-lineage-shared.mjs";
+import { ObjectTypeDetail } from "./wc3-object-type-detail.mjs";
+import { SharedPropertiesView } from "./wc3-shared-property-view.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Bolt, Folder, Play, Plus } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/wc3-ontology-views.tsx
+const STATUS_VARIANT = {
+	Active: "successSoft",
+	Endorsed: "infoSoft",
+	Experimental: "warningSoft",
+	Deprecated: "dangerSoft"
+};
+function StatusPill({ status }) {
+	return /* @__PURE__ */ jsx(Badge, {
+		variant: STATUS_VARIANT[status],
+		children: status
+	});
+}
+const STATUSES = [...new Set(WC3_OBJECT_TYPES.map((o) => o.status))].sort();
+const VISIBILITIES = [...new Set(WC3_OBJECT_TYPES.map((o) => o.visibility))].sort();
+function Mono({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+		children
+	});
+}
+/** The prototype's RID chip — a truncated resource identifier with the full value on hover. */
+function RidChip({ rid }) {
+	const short = rid.split(".").slice(-1)[0];
+	return /* @__PURE__ */ jsx(HoverTooltip, {
+		content: rid,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "wwc:cursor-default wwc:font-mono wwc:text-[11px] wwc:text-muted-foreground",
+			children: short
+		})
+	});
+}
+/** An object type rendered inline: its glyph plus its display name. */
+function TypeChip({ type }) {
+	if (!type) return /* @__PURE__ */ jsx("span", {
+		className: "wwc:text-muted-foreground wwc:italic",
+		children: "deleted"
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		className: "wwc:flex wwc:items-center wwc:gap-1.5 wwc:whitespace-nowrap",
+		children: [/* @__PURE__ */ jsx(OntologyGlyph, {
+			name: type.icon,
+			color: type.color
+		}), type.displayName]
+	});
+}
+/**
+* Values repeat — an action can carry two `createLink` rules — so a bare value is not a unique key.
+* Suffix each repeat with its occurrence number: `createLink`, `createLink~2`, …
+*/
+function keyed(items) {
+	const seen = /* @__PURE__ */ new Map();
+	return items.map((label) => {
+		const n = (seen.get(label) ?? 0) + 1;
+		seen.set(label, n);
+		return {
+			label,
+			key: n === 1 ? label : `${label}~${n}`
+		};
+	});
+}
+function ChipList({ items, max = 6 }) {
+	if (items.length === 0) return /* @__PURE__ */ jsx("span", {
+		className: "wwc:text-muted-foreground",
+		children: "—"
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1",
+		children: [keyed(items.slice(0, max)).map(({ label, key }) => /* @__PURE__ */ jsx(Badge, {
+			variant: "neutralSoft",
+			className: "wwc:font-normal",
+			children: label
+		}, key)), items.length > max && /* @__PURE__ */ jsxs("span", {
+			className: "wwc:text-xs wwc:text-muted-foreground",
+			children: ["+", items.length - max]
+		})]
+	});
+}
+/** Numeric cells are right-aligned in the prototype's tables. */
+const num = (v) => /* @__PURE__ */ jsx("span", {
+	className: "wwc:block wwc:text-right wwc:tabular-nums",
+	children: v
+});
+/**
+* Content pane for one tab. No title or description — PageContentHeader above already names the
+* perspective and the tab, and its badge carries the count, so a second heading here just repeats it.
+*
+* Top spacing is 16px on every tab. `flush` says the first child brings its own: DataTable's toolbar
+* is `py-4`, so a pane that adds its own top padding on top of that reads as a 40px gap against 24px
+* sides. Table tabs pass `flush`; the rest get the same 16px from the pane itself.
+*
+* `action` is for surfaces that own a control but have no table toolbar to put it in.
+*/
+function Pane({ action, flush, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:gap-4 wwc:overflow-auto wwc:px-6 wwc:pb-6", flush ? "wwc:pt-0" : "wwc:pt-4"),
+		children: [action && /* @__PURE__ */ jsx("div", {
+			className: "wwc:flex wwc:justify-end",
+			children: action
+		}), children]
+	});
+}
+/** WC3's catalog in the shape the shared NewObjectTypeDialog expects. */
+const WIZARD_DATASOURCES = WC3_DATASOURCE_CATALOG.map((c) => ({
+	id: c.id,
+	kind: WC3_DATASOURCE_KIND_LABEL[c.kind],
+	name: c.name,
+	columns: c.columns,
+	duplicateKeys: c.pkDuplicates
+}));
+/** Icon palette for the wizard — WC3 glyphs, so `iconIndex` maps straight back to a glyph name. */
+const WIZARD_ICON_NAMES = WC3_ICON_GLYPHS;
+const WIZARD_ICONS = WIZARD_ICON_NAMES.map((name) => {
+	const Glyph = (props) => /* @__PURE__ */ jsx(OntologyGlyph, {
+		name,
+		className: props.className
+	});
+	Glyph.displayName = `Glyph(${name})`;
+	return Glyph;
+});
+let created = 0;
+/** Turn the shared wizard's draft into a WC3 object type. */
+function toObjectType(draft) {
+	const id = `ot_new_${++created}`;
+	const source = WC3_DATASOURCE_CATALOG.find((c) => draft.datasourceIds.includes(c.id));
+	const properties = draft.properties.map((p, i) => ({
+		id: `${id}_p${i}`,
+		apiName: p.apiName,
+		displayName: p.displayName,
+		baseType: p.baseType,
+		description: "",
+		required: p.required,
+		searchable: true,
+		sortable: true,
+		aggregatable: false,
+		formatting: null,
+		conditionalFormat: null,
+		typeClasses: [],
+		sharedPropertyId: null,
+		derived: null
+	}));
+	return {
+		id,
+		rid: `ri.ontology.main.object-type.${id}`,
+		apiName: draft.apiName,
+		displayName: draft.displayName,
+		pluralName: draft.pluralName || `${draft.displayName}s`,
+		description: draft.description,
+		icon: WIZARD_ICON_NAMES[draft.iconIndex] ?? "layers",
+		color: WC3_ICON_COLORS[draft.colorIndex % WC3_ICON_COLORS.length],
+		status: draft.status,
+		visibility: draft.visibility,
+		module: "wc3-core-demo",
+		layer: null,
+		primaryKey: properties[0] ? [properties[0].id] : [],
+		titleKey: properties[0]?.id ?? "",
+		groups: draft.groups.map((name) => WC3_TYPE_GROUPS.find((g) => g.name === name)?.id).filter((x) => Boolean(x)),
+		properties,
+		datasources: source ? [{
+			id: `dsi_${id}`,
+			catalogId: source.id,
+			kind: source.kind,
+			name: source.name,
+			pkDuplicates: !!source.pkDuplicates
+		}] : [],
+		implements: [],
+		indexStatus: {
+			state: "Indexed",
+			lastSync: "just now",
+			rows: 0
+		},
+		permissions: {
+			owners: ["Ontology Admins"],
+			editors: ["Site Engineers"],
+			viewers: ["Viewers"]
+		},
+		installedBy: null
+	};
+}
+function ObjectTypesView({ onDetailChange, scope, openRecordId, onOpenRecordConsumed, onShowInFiles, objectTypes, onObjectTypesChange, createLocationField, onRecordCreated } = {}) {
+	const [filters, setFilters] = useState({});
+	const seed = useMemo(() => scopeObjectTypes(WC3_OBJECT_TYPES, scope), [scope]);
+	const [ownTypes, setOwnTypes] = useState(seed);
+	const controlled = objectTypes !== void 0 && onObjectTypesChange !== void 0;
+	const types = controlled ? objectTypes : ownTypes;
+	const setTypes = useCallback((update) => {
+		if (controlled) onObjectTypesChange(update(objectTypes));
+		else setOwnTypes(update);
+	}, [
+		controlled,
+		objectTypes,
+		onObjectTypesChange
+	]);
+	const groupOptions = useMemo(() => scopeTypeGroups(WC3_TYPE_GROUPS, scope), [scope]);
+	const [openId, setOpenId] = useState(null);
+	const [wizardOpen, setWizardOpen] = useState(false);
+	const sharedById = useMemo(() => new Map(WC3_SHARED_PROPERTIES.map((sp) => [sp.id, sp])), []);
+	const open = types.find((o) => o.id === openId) ?? null;
+	useOpenRecord(openRecordId, (id) => types.some((o) => o.id === id), setOpenId, onOpenRecordConsumed);
+	useEffect(() => {
+		onDetailChange?.(open?.displayName ?? null);
+		return () => onDetailChange?.(null);
+	}, [open?.displayName, onDetailChange]);
+	const data = useMemo(() => types.filter((o) => Object.entries(filters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		if (key === "groups") return o.groups.some((g) => selected.includes(g));
+		return selected.includes(String(o[key]));
+	})), [filters, types]);
+	const columns = useMemo(() => [
+		{
+			accessorKey: "displayName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Display name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:gap-2 wwc:whitespace-nowrap wwc:font-medium",
+				children: [
+					/* @__PURE__ */ jsx(OntologyGlyph, {
+						name: row.original.icon,
+						color: row.original.color
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => setOpenId(row.original.id),
+						className: "wwc:text-left wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+						children: row.original.displayName
+					}),
+					row.original.isLintDecoy && /* @__PURE__ */ jsx(HoverTooltip, {
+						content: "Seeded decoy for the lint panel — never ship this row",
+						children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Badge, {
+							variant: "warningSoft",
+							children: "lint demo"
+						}) })
+					})
+				]
+			})
+		},
+		{
+			id: "location",
+			accessorFn: (r) => wc3FsLocationOf("ontology", r.id)?.path ?? "",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Location"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Wc3FsPathLabel, {
+				perspectiveId: "ontology",
+				recordId: row.original.id,
+				onOpenFolder: onShowInFiles
+			})
+		},
+		{
+			accessorKey: "apiName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "API name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Mono, { children: row.original.apiName })
+		},
+		{
+			accessorKey: "status",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Status"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(StatusPill, { status: row.original.status })
+		},
+		{
+			accessorKey: "visibility",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Visibility"
+			})
+		},
+		{
+			id: "groups",
+			header: "Groups",
+			cell: ({ row }) => /* @__PURE__ */ jsx(ChipList, {
+				items: row.original.groups.map((g) => getTypeGroup(g)?.name ?? g),
+				max: 3
+			})
+		},
+		{
+			id: "props",
+			accessorFn: (o) => o.properties.length,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Props"
+			}),
+			cell: ({ row }) => num(row.original.properties.length)
+		},
+		{
+			id: "instances",
+			accessorFn: (o) => instanceCount(o.id),
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Instances"
+			}),
+			cell: ({ row }) => num(instanceCount(row.original.id))
+		},
+		{
+			id: "rid",
+			header: "RID",
+			cell: ({ row }) => /* @__PURE__ */ jsx(RidChip, { rid: row.original.rid })
+		}
+	], [onShowInFiles]);
+	if (open) return /* @__PURE__ */ jsx(ObjectTypeDetail, {
+		objectType: open,
+		sharedById,
+		takenApiNames: types.filter((o) => o.id !== open.id).map((o) => o.apiName),
+		onBack: () => setOpenId(null),
+		onChange: (next) => setTypes((prev) => prev.map((o) => o.id === next.id ? next : o))
+	});
+	return /* @__PURE__ */ jsxs(Pane, {
+		flush: true,
+		children: [/* @__PURE__ */ jsx(NewObjectTypeDialog, {
+			open: wizardOpen,
+			onOpenChange: setWizardOpen,
+			groups: groupOptions.map((g) => g.name),
+			datasources: WIZARD_DATASOURCES,
+			icons: WIZARD_ICONS,
+			baseTypes: WC3_BASE_TYPES,
+			showLayer: false,
+			leadingFields: createLocationField,
+			onCreate: (draft) => {
+				const created = toObjectType(draft);
+				setTypes((prev) => [...prev, created]);
+				onRecordCreated?.(created.id, created.displayName);
+				setOpenId(created.id);
+			}
+		}), /* @__PURE__ */ jsx(Filter$1, {
+			value: filters,
+			onChange: setFilters,
+			children: /* @__PURE__ */ jsx(DataTable, {
+				columns,
+				data,
+				searchKey: "displayName",
+				searchPlaceholder: "Search object types…",
+				showColumnToggle: true,
+				recordLabel: "object type",
+				pageSize: 20,
+				emptyMessage: "No object types match your filters.",
+				getRowId: (o) => o.id,
+				filterChipLabel: (category, value) => category === "groups" ? getTypeGroup(value)?.name ?? value : value,
+				toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsxs(Button, {
+						size: "sm",
+						onClick: () => setWizardOpen(true),
+						children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "New object type"]
+					}),
+					/* @__PURE__ */ jsx(FilterTrigger, {}),
+					/* @__PURE__ */ jsxs(FilterContent, { children: [
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "groups",
+							label: "Group",
+							children: groupOptions.map((g) => /* @__PURE__ */ jsxs(FilterOption, {
+								value: g.id,
+								children: [
+									g.name,
+									" (",
+									g.members.length,
+									")"
+								]
+							}, g.id))
+						}),
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "status",
+							label: "Status",
+							children: STATUSES.map((s) => /* @__PURE__ */ jsx(FilterOption, {
+								value: s,
+								children: s
+							}, s))
+						}),
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "visibility",
+							label: "Visibility",
+							children: VISIBILITIES.map((v) => /* @__PURE__ */ jsx(FilterOption, {
+								value: v,
+								children: v
+							}, v))
+						})
+					] })
+				] })
+			})
+		})]
+	});
+}
+const CARDINALITIES = [...new Set(WC3_LINK_TYPES.map((l) => l.cardinality))].sort();
+const BACKINGS = [...new Set(WC3_LINK_TYPES.map((l) => l.backing.kind))].sort();
+const LINK_STATUS_OPTIONS = [...new Set(WC3_LINK_TYPES.map((l) => l.status))].sort();
+let createdLinks = 0;
+/** WC3's link type -> the shared neutral model. */
+function toLinkModel(l) {
+	const side = (s) => ({
+		objectTypeId: s.objectTypeId,
+		objectTypeLabel: getObjectType(s.objectTypeId)?.displayName ?? s.objectTypeId,
+		apiName: s.apiName,
+		displayName: s.displayName,
+		visibility: s.visibility
+	});
+	const b = l.backing;
+	const backing = b.kind === "foreignKey" ? `Foreign key (${b.fkProperty} → ${b.targetPk})` : b.kind === "joinTable" ? `Join table “${b.datasetName ?? "join dataset"}”` : `Intermediary: ${getObjectType(b.objectTypeId ?? "")?.displayName ?? "object"}`;
+	return {
+		id: l.id,
+		rid: l.rid,
+		sideA: side(l.sideA),
+		sideB: side(l.sideB),
+		cardinality: l.cardinality,
+		backing,
+		status: l.status,
+		description: l.description,
+		instanceLinks: instanceLinkCount(l.id)
+	};
+}
+function LinkTypesView({ onDetailChange, scope } = {}) {
+	const seed = useMemo(() => scopeLinkTypes(WC3_LINK_TYPES, scope), [scope]);
+	const [links, setLinks] = useState(seed);
+	const objectTypeOptions = useMemo(() => scopeObjectTypes(WC3_OBJECT_TYPES, scope), [scope]);
+	const [filters, setFilters] = useState({});
+	const [openId, setOpenId] = useState(null);
+	const [wizardOpen, setWizardOpen] = useState(false);
+	const open = links.find((l) => l.id === openId) ?? null;
+	useEffect(() => {
+		onDetailChange?.(open ? linkTypeLabel(open) : null);
+		return () => onDetailChange?.(null);
+	}, [open, onDetailChange]);
+	const data = useMemo(() => links.filter((l) => Object.entries(filters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		if (key === "backing") return selected.includes(l.backing.kind);
+		if (key === "objectType") return selected.includes(l.sideA.objectTypeId) || selected.includes(l.sideB.objectTypeId);
+		return selected.includes(String(l[key]));
+	})), [filters, links]);
+	const columns = useMemo(() => [
+		{
+			id: "a",
+			accessorFn: (l) => getObjectType(l.sideA.objectTypeId)?.displayName ?? "",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Object type A"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(TypeChip, { type: getObjectType(row.original.sideA.objectTypeId) })
+		},
+		{
+			id: "label",
+			accessorFn: linkTypeLabel,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Link"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => setOpenId(row.original.id),
+				className: "wwc:whitespace-nowrap wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+				children: [
+					row.original.sideA.displayName,
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-muted-foreground",
+						children: "/"
+					}),
+					" ",
+					row.original.sideB.displayName
+				]
+			})
+		},
+		{
+			id: "b",
+			accessorFn: (l) => getObjectType(l.sideB.objectTypeId)?.displayName ?? "",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Object type B"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(TypeChip, { type: getObjectType(row.original.sideB.objectTypeId) })
+		},
+		{
+			accessorKey: "cardinality",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Cardinality"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Badge, {
+				variant: "neutralSoft",
+				children: row.original.cardinality
+			})
+		},
+		{
+			id: "backing",
+			accessorFn: (l) => l.backing.kind,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Backing"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-muted-foreground",
+				children: BACKING_LABEL[row.original.backing.kind]
+			})
+		},
+		{
+			accessorKey: "status",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Status"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(StatusPill, { status: row.original.status })
+		},
+		{
+			id: "links",
+			accessorFn: (l) => instanceLinkCount(l.id),
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Instance links"
+			}),
+			cell: ({ row }) => num(instanceLinkCount(row.original.id))
+		},
+		{
+			id: "rid",
+			header: "RID",
+			cell: ({ row }) => /* @__PURE__ */ jsx(RidChip, { rid: row.original.rid })
+		}
+	], []);
+	if (open) return /* @__PURE__ */ jsx(LinkTypeDetailPage, {
+		linkType: toLinkModel(open),
+		instanceRows: WC3_INSTANCE_LINK_SAMPLES[open.id] ?? [],
+		onBack: () => setOpenId(null),
+		iconFor: (label) => {
+			const ot = objectTypeOptions.find((o) => o.displayName === label);
+			return ot ? (props) => /* @__PURE__ */ jsx(OntologyGlyph, {
+				name: ot.icon,
+				color: ot.color,
+				className: props.className
+			}) : void 0;
+		},
+		statuses: STATUSES,
+		visibilities: VISIBILITIES,
+		onSave: (next) => setLinks((prev) => prev.map((l) => l.id === next.id ? {
+			...l,
+			status: next.status,
+			cardinality: next.cardinality,
+			description: next.description ?? l.description,
+			sideA: {
+				...l.sideA,
+				apiName: next.sideA.apiName,
+				displayName: next.sideA.displayName,
+				visibility: next.sideA.visibility
+			},
+			sideB: {
+				...l.sideB,
+				apiName: next.sideB.apiName,
+				displayName: next.sideB.displayName,
+				visibility: next.sideB.visibility
+			}
+		} : l))
+	});
+	return /* @__PURE__ */ jsxs(Pane, {
+		flush: true,
+		children: [/* @__PURE__ */ jsx(Filter$1, {
+			value: filters,
+			onChange: setFilters,
+			children: /* @__PURE__ */ jsx(DataTable, {
+				columns,
+				data,
+				searchKey: "label",
+				searchPlaceholder: "Search link types…",
+				showColumnToggle: true,
+				recordLabel: "link type",
+				pageSize: 20,
+				emptyMessage: "No link types match your filters.",
+				getRowId: (l) => l.id,
+				filterChipLabel: (category, value) => category === "objectType" ? getObjectType(value)?.displayName ?? value : category === "backing" ? BACKING_LABEL[value] : value,
+				toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsxs(Button, {
+						size: "sm",
+						onClick: () => setWizardOpen(true),
+						children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "New link type"]
+					}),
+					/* @__PURE__ */ jsx(FilterTrigger, {}),
+					/* @__PURE__ */ jsxs(FilterContent, { children: [
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "objectType",
+							label: "Object type",
+							children: objectTypeOptions.map((o) => /* @__PURE__ */ jsx(FilterOption, {
+								value: o.id,
+								children: o.displayName
+							}, o.id))
+						}),
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "cardinality",
+							label: "Cardinality",
+							children: CARDINALITIES.map((c) => /* @__PURE__ */ jsx(FilterOption, {
+								value: c,
+								children: c
+							}, c))
+						}),
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "backing",
+							label: "Backing",
+							children: BACKINGS.map((k) => /* @__PURE__ */ jsx(FilterOption, {
+								value: k,
+								children: BACKING_LABEL[k]
+							}, k))
+						}),
+						/* @__PURE__ */ jsx(FilterCategory, {
+							value: "status",
+							label: "Status",
+							children: LINK_STATUS_OPTIONS.map((st) => /* @__PURE__ */ jsx(FilterOption, {
+								value: st,
+								children: st
+							}, st))
+						})
+					] })
+				] })
+			})
+		}), /* @__PURE__ */ jsx(NewLinkTypeDialog, {
+			open: wizardOpen,
+			onOpenChange: setWizardOpen,
+			objectTypes: objectTypeOptions.map((o) => ({
+				id: o.id,
+				label: o.displayName
+			})),
+			fkPropertiesFor: (id) => getObjectType(id)?.properties.map((p) => p.apiName) ?? [],
+			targetPrimaryKeyFor: (id) => {
+				const ot = getObjectType(id);
+				return (ot?.properties.find((p) => ot.primaryKey.includes(p.id)))?.apiName ?? "id";
+			},
+			onCreate: (draft) => {
+				const created = toLinkType(draft);
+				setLinks((prev) => [created, ...prev]);
+				setOpenId(created.id);
+			}
+		})]
+	});
+}
+/** The shared wizard's draft -> a WC3 link type. */
+function toLinkType(draft) {
+	const id = `lt_new_${++createdLinks}`;
+	const kind = draft.backing.startsWith("Foreign key") ? "foreignKey" : draft.backing.startsWith("Join table") ? "joinTable" : "intermediary";
+	return {
+		id,
+		rid: `ri.ontology.main.link-type.${id}`,
+		status: "Experimental",
+		cardinality: draft.cardinality,
+		description: draft.description,
+		backing: {
+			kind,
+			fkObjectTypeId: draft.sideA.objectTypeId,
+			fkProperty: draft.fkProperty
+		},
+		sideA: {
+			objectTypeId: draft.sideA.objectTypeId ?? "",
+			apiName: draft.sideA.apiName,
+			displayName: draft.sideA.displayName,
+			visibility: draft.sideA.visibility
+		},
+		sideB: {
+			objectTypeId: draft.sideB.objectTypeId ?? "",
+			apiName: draft.sideB.apiName,
+			displayName: draft.sideB.displayName,
+			visibility: draft.sideB.visibility
+		}
+	};
+}
+const ruleCount = (a) => Array.isArray(a.rules) ? a.rules.length : 1;
+const AT_STATUSES = [...new Set(WC3_ACTION_TYPES.map((a) => a.status))].sort();
+const AT_RULE_KINDS = [...new Set(WC3_ACTION_TYPES.flatMap((a) => Array.isArray(a.rules) ? a.rules.map((r) => r.kind) : ["function"]))].sort();
+let createdActions = 0;
+/** The wizard's draft -> a WC3 action type, mirroring what the prototype's create step assembles. */
+function actionFromDraft(draft, seq) {
+	const id = `at_new_${seq}`;
+	const parameters = draft.parameters.map((p, i) => ({
+		...p,
+		id: `${id}_p${i}`
+	}));
+	return {
+		id,
+		rid: `ri.ontology.main.action-type.${id}`,
+		apiName: draft.apiName,
+		displayName: draft.displayName,
+		description: draft.description,
+		status: draft.status,
+		parameters,
+		rules: draft.isFunction ? {
+			kind: "function",
+			functionName: draft.functionName,
+			description: "Function-backed action"
+		} : draft.rules.map(({ id: _ruleId, ...rule }) => rule),
+		submissionCriteria: null,
+		sideEffects: {
+			notifications: [],
+			webhooks: []
+		},
+		formLayout: {
+			sections: [{
+				id: `${id}_sec`,
+				title: "Parameters",
+				description: "",
+				columns: 2,
+				parameterIds: parameters.map((p) => p.id)
+			}],
+			tableEntry: false,
+			inlineEdits: false
+		},
+		permissions: {
+			view: ["Ontology Admins"],
+			run: ["Ontology Admins"]
+		},
+		installedBy: null
+	};
+}
+function ActionTypesView({ onDetailChange, scope, openRecordId, onOpenRecordConsumed, onShowInFiles, actionTypes, onActionTypesChange, createLocationField, onRecordCreated } = {}) {
+	const seed = useMemo(() => scopeActionTypes(WC3_ACTION_TYPES, scope), [scope]);
+	const [ownActions, setOwnActions] = useState(seed);
+	const controlled = actionTypes !== void 0 && onActionTypesChange !== void 0;
+	const actions = controlled ? actionTypes : ownActions;
+	const setActions = useCallback((update) => {
+		if (controlled) onActionTypesChange(update(actionTypes));
+		else setOwnActions(update);
+	}, [
+		controlled,
+		actionTypes,
+		onActionTypesChange
+	]);
+	const objectTypeOptions = useMemo(() => scopeObjectTypes(WC3_OBJECT_TYPES, scope), [scope]);
+	const linkTypeOptions = useMemo(() => scopeLinkTypes(WC3_LINK_TYPES, scope), [scope]);
+	const [filters, setFilters] = useState({});
+	const [openId, setOpenId] = useState(null);
+	const [wizardOpen, setWizardOpen] = useState(false);
+	const [runId, setRunId] = useState(null);
+	const open = actions.find((a) => a.id === openId) ?? null;
+	const running = actions.find((a) => a.id === runId) ?? null;
+	useOpenRecord(openRecordId, (id) => actions.some((a) => a.id === id), setOpenId, onOpenRecordConsumed);
+	useEffect(() => {
+		onDetailChange?.(open?.displayName ?? null);
+		return () => onDetailChange?.(null);
+	}, [open?.displayName, onDetailChange]);
+	const data = useMemo(() => actions.filter((a) => Object.entries(filters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		if (key === "ruleKind") return Array.isArray(a.rules) ? a.rules.some((r) => selected.includes(r.kind)) : selected.includes("function");
+		if (key === "sideEffects") {
+			const has = a.sideEffects.notifications.length > 0 || a.sideEffects.webhooks.length > 0;
+			return selected.includes(has ? "yes" : "no");
+		}
+		return selected.includes(String(a[key]));
+	})), [actions, filters]);
+	const columns = useMemo(() => [
+		{
+			accessorKey: "displayName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Action"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0",
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => setOpenId(row.original.id),
+					className: "wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+					children: [/* @__PURE__ */ jsx(Bolt, { className: "wwc:h-3.5 wwc:w-3.5 wwc:text-amber-600" }), row.original.displayName]
+				}), /* @__PURE__ */ jsx("p", {
+					className: "wwc:mt-0.5 wwc:max-w-[46ch] wwc:truncate wwc:text-[11px] wwc:text-muted-foreground",
+					children: row.original.description
+				})]
+			})
+		},
+		{
+			id: "location",
+			accessorFn: (r) => wc3FsLocationOf("ontology", r.id)?.path ?? "",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Location"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Wc3FsPathLabel, {
+				perspectiveId: "ontology",
+				recordId: row.original.id,
+				onOpenFolder: onShowInFiles
+			})
+		},
+		{
+			accessorKey: "apiName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "API name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Mono, { children: row.original.apiName })
+		},
+		{
+			accessorKey: "status",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Status"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(StatusPill, { status: row.original.status })
+		},
+		{
+			id: "params",
+			accessorFn: (a) => a.parameters.length,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Params"
+			}),
+			cell: ({ row }) => num(row.original.parameters.length)
+		},
+		{
+			id: "rules",
+			accessorFn: ruleCount,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Rules"
+			}),
+			cell: ({ row }) => Array.isArray(row.original.rules) ? /* @__PURE__ */ jsx(ChipList, {
+				items: row.original.rules.map((r) => r.kind),
+				max: 3
+			}) : /* @__PURE__ */ jsxs(Badge, {
+				variant: "infoSoft",
+				className: "wwc:font-mono wwc:font-normal",
+				children: ["ƒ ", row.original.rules.functionName]
+			})
+		},
+		{
+			id: "effects",
+			header: "Side effects",
+			cell: ({ row }) => {
+				const { notifications, webhooks } = row.original.sideEffects;
+				if (!notifications.length && !webhooks.length) return /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-muted-foreground",
+					children: "—"
+				});
+				return /* @__PURE__ */ jsxs("span", {
+					className: "wwc:whitespace-nowrap wwc:text-xs wwc:text-muted-foreground",
+					children: [
+						notifications.length > 0 && `${notifications.length} notification${notifications.length > 1 ? "s" : ""}`,
+						notifications.length > 0 && webhooks.length > 0 && " · ",
+						webhooks.length > 0 && `${webhooks.length} webhook${webhooks.length > 1 ? "s" : ""}`
+					]
+				});
+			}
+		},
+		{
+			id: "run",
+			header: "",
+			cell: ({ row }) => /* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				variant: "outline",
+				onClick: (e) => {
+					e.stopPropagation();
+					setRunId(row.original.id);
+				},
+				children: [/* @__PURE__ */ jsx(Play, { className: "wwc:h-3.5 wwc:w-3.5" }), "Run"]
+			})
+		}
+	], [onShowInFiles]);
+	if (open) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ActionTypeDetail, {
+		actionType: open,
+		takenApiNames: actions.filter((a) => a.id !== open.id).map((a) => a.apiName),
+		onBack: () => setOpenId(null),
+		onChange: (next) => setActions((prev) => prev.map((a) => a.id === next.id ? next : a)),
+		onDelete: (id) => {
+			setActions((prev) => prev.filter((a) => a.id !== id));
+			setOpenId(null);
+		},
+		onRun: () => setRunId(open.id)
+	}), /* @__PURE__ */ jsx(RunActionDialog, {
+		open: running !== null,
+		onOpenChange: (o) => !o && setRunId(null),
+		actionType: running
+	})] });
+	return /* @__PURE__ */ jsxs(Pane, {
+		flush: true,
+		children: [
+			/* @__PURE__ */ jsx(Filter$1, {
+				value: filters,
+				onChange: setFilters,
+				children: /* @__PURE__ */ jsx(DataTable, {
+					columns,
+					data,
+					searchKey: "displayName",
+					searchPlaceholder: "Search action types…",
+					showColumnToggle: true,
+					recordLabel: "action type",
+					pageSize: 20,
+					emptyMessage: "No action types match your filters.",
+					getRowId: (a) => a.id,
+					toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsxs(Button, {
+							size: "sm",
+							onClick: () => setWizardOpen(true),
+							children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "New action type"]
+						}),
+						/* @__PURE__ */ jsx(FilterTrigger, {}),
+						/* @__PURE__ */ jsxs(FilterContent, { children: [
+							/* @__PURE__ */ jsx(FilterCategory, {
+								value: "status",
+								label: "Status",
+								children: AT_STATUSES.map((st) => /* @__PURE__ */ jsx(FilterOption, {
+									value: st,
+									children: st
+								}, st))
+							}),
+							/* @__PURE__ */ jsx(FilterCategory, {
+								value: "ruleKind",
+								label: "Rule kind",
+								children: AT_RULE_KINDS.map((k) => /* @__PURE__ */ jsx(FilterOption, {
+									value: k,
+									children: k
+								}, k))
+							}),
+							/* @__PURE__ */ jsxs(FilterCategory, {
+								value: "sideEffects",
+								label: "Side effects",
+								children: [/* @__PURE__ */ jsx(FilterOption, {
+									value: "yes",
+									children: "Has side effects"
+								}), /* @__PURE__ */ jsx(FilterOption, {
+									value: "no",
+									children: "None"
+								})]
+							})
+						] })
+					] })
+				})
+			}),
+			/* @__PURE__ */ jsx(NewActionTypeDialog, {
+				open: wizardOpen,
+				onOpenChange: setWizardOpen,
+				objectTypes: objectTypeOptions.map((o) => ({
+					id: o.id,
+					label: o.displayName
+				})),
+				linkTypes: linkTypeOptions.map((l) => ({
+					id: l.id,
+					label: linkTypeLabel(l)
+				})),
+				onCreate: (draft) => {
+					const created = actionFromDraft(draft, ++createdActions);
+					setActions((prev) => [created, ...prev]);
+					onRecordCreated?.(created.id, created.displayName);
+					setOpenId(created.id);
+				}
+			}),
+			/* @__PURE__ */ jsx(RunActionDialog, {
+				open: running !== null,
+				onOpenChange: (o) => !o && setRunId(null),
+				actionType: running
+			})
+		]
+	});
+}
+const IF_STATUSES = [...new Set(WC3_INTERFACES.map((i) => i.status))].sort();
+let createdInterfaces = 0;
+function InterfacesView({ onDetailChange, scope } = {}) {
+	const ifaceSeed = useMemo(() => scopeInterfaces(WC3_INTERFACES, scope), [scope]);
+	const otSeed = useMemo(() => scopeObjectTypes(WC3_OBJECT_TYPES, scope), [scope]);
+	const [interfaces, setInterfaces] = useState(ifaceSeed);
+	const [objectTypes, setObjectTypes] = useState(otSeed);
+	const spScoped = useMemo(() => scopeSharedProperties(WC3_SHARED_PROPERTIES, scope), [scope]);
+	const atScoped = useMemo(() => scopeActionTypes(WC3_ACTION_TYPES, scope), [scope]);
+	const ltScoped = useMemo(() => scopeLinkTypes(WC3_LINK_TYPES, scope), [scope]);
+	const [filters, setFilters] = useState({});
+	const [openId, setOpenId] = useState(null);
+	const [wizardOpen, setWizardOpen] = useState(false);
+	const open = interfaces.find((i) => i.id === openId) ?? null;
+	useEffect(() => {
+		onDetailChange?.(open?.displayName ?? null);
+		return () => onDetailChange?.(null);
+	}, [open?.displayName, onDetailChange]);
+	const data = useMemo(() => interfaces.filter((i) => Object.entries(filters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		if (key === "extends") return i.extends.some((e) => selected.includes(e));
+		return selected.includes(String(i[key]));
+	})), [filters, interfaces]);
+	const columns = useMemo(() => [
+		{
+			accessorKey: "displayName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Interface"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+				children: [/* @__PURE__ */ jsx(OntologyGlyph, { name: row.original.icon }), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => setOpenId(row.original.id),
+					className: "wwc:text-left wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+					children: row.original.displayName
+				})]
+			})
+		},
+		{
+			accessorKey: "apiName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "API name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Mono, { children: row.original.apiName })
+		},
+		{
+			accessorKey: "status",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Status"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(StatusPill, { status: row.original.status })
+		},
+		{
+			id: "extends",
+			header: "Extends",
+			cell: ({ row }) => /* @__PURE__ */ jsx(ChipList, { items: row.original.extends.map((e) => getInterface(e)?.displayName ?? e) })
+		},
+		{
+			id: "props",
+			accessorFn: (i) => interfaceAllProperties(i).length,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Properties"
+			}),
+			cell: ({ row }) => num(interfaceAllProperties(row.original).length)
+		},
+		{
+			id: "impls",
+			accessorFn: (i) => scopedInterfaceImplementors(i.id, scope).length,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Implementors"
+			}),
+			cell: ({ row }) => num(scopedInterfaceImplementors(row.original.id, scope).length)
+		},
+		{
+			id: "rid",
+			header: "RID",
+			cell: ({ row }) => /* @__PURE__ */ jsx(RidChip, { rid: row.original.rid })
+		}
+	], [scope]);
+	if (open) return /* @__PURE__ */ jsx(InterfaceDetail, {
+		iface: open,
+		interfaces,
+		objectTypes,
+		sharedProperties: spScoped,
+		actionTypes: atScoped,
+		linkTypes: ltScoped,
+		onImplement: (objectTypeId, propertyMap) => setObjectTypes((prev) => prev.map((o) => o.id === objectTypeId ? {
+			...o,
+			implements: [...o.implements, {
+				interfaceId: open.id,
+				propertyMap,
+				linkMap: []
+			}]
+		} : o)),
+		onOpenObjectType: () => {},
+		onBack: () => setOpenId(null),
+		onChange: (next) => setInterfaces((prev) => prev.map((i) => i.id === next.id ? next : i)),
+		onDelete: () => {
+			setInterfaces((prev) => prev.filter((i) => i.id !== open.id));
+			setOpenId(null);
+		}
+	});
+	return /* @__PURE__ */ jsxs(Pane, {
+		flush: true,
+		children: [/* @__PURE__ */ jsx(Filter$1, {
+			value: filters,
+			onChange: setFilters,
+			children: /* @__PURE__ */ jsx(DataTable, {
+				columns,
+				data,
+				searchKey: "displayName",
+				searchPlaceholder: "Search interfaces…",
+				showColumnToggle: true,
+				recordLabel: "interface",
+				emptyMessage: "No interfaces match your filters.",
+				getRowId: (i) => i.id,
+				filterChipLabel: (category, value) => category === "extends" ? getInterface(value)?.displayName ?? value : value,
+				toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsxs(Button, {
+						size: "sm",
+						onClick: () => setWizardOpen(true),
+						children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "New interface"]
+					}),
+					/* @__PURE__ */ jsx(FilterTrigger, {}),
+					/* @__PURE__ */ jsxs(FilterContent, { children: [/* @__PURE__ */ jsx(FilterCategory, {
+						value: "status",
+						label: "Status",
+						children: IF_STATUSES.map((st) => /* @__PURE__ */ jsx(FilterOption, {
+							value: st,
+							children: st
+						}, st))
+					}), /* @__PURE__ */ jsx(FilterCategory, {
+						value: "extends",
+						label: "Extends",
+						children: ifaceSeed.map((i) => /* @__PURE__ */ jsx(FilterOption, {
+							value: i.id,
+							children: i.displayName
+						}, i.id))
+					})] })
+				] })
+			})
+		}), /* @__PURE__ */ jsx(NewInterfaceDialog, {
+			open: wizardOpen,
+			onOpenChange: setWizardOpen,
+			extendsOptions: interfaces.map((i) => ({
+				id: i.id,
+				label: i.displayName
+			})),
+			requireDescription: true,
+			onCreate: (draft) => {
+				const created = interfaceFromDraft(draft, ++createdInterfaces);
+				setInterfaces((prev) => [...prev, created]);
+				setOpenId(created.id);
+			}
+		})]
+	});
+}
+let createdGroups = 0;
+function GroupsView({ onDetailChange, scope } = {}) {
+	const seed = useMemo(() => scopeTypeGroups(WC3_TYPE_GROUPS, scope), [scope]);
+	const [groups, setGroups] = useState(seed);
+	const objectTypeOptions = useMemo(() => scopeObjectTypes(WC3_OBJECT_TYPES, scope), [scope]);
+	const [openId, setOpenId] = useState(null);
+	const [wizardOpen, setWizardOpen] = useState(false);
+	const open = groups.find((g) => g.id === openId) ?? null;
+	useEffect(() => {
+		onDetailChange?.(open?.name ?? null);
+		return () => onDetailChange?.(null);
+	}, [open?.name, onDetailChange]);
+	const columns = useMemo(() => [
+		{
+			accessorKey: "name",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Group"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+				children: [/* @__PURE__ */ jsx(Folder, { className: "wwc:h-3.5 wwc:w-3.5 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => setOpenId(row.original.id),
+					className: "wwc:text-left wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+					children: row.original.name
+				})]
+			})
+		},
+		{
+			accessorKey: "description",
+			header: "Description",
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-muted-foreground",
+				children: row.original.description
+			})
+		},
+		{
+			id: "members",
+			accessorFn: (g) => g.members.length,
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Members"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(ChipList, {
+				items: row.original.members.map((m) => getObjectType(m)?.displayName ?? m),
+				max: 6
+			})
+		}
+	], []);
+	if (open) return /* @__PURE__ */ jsx(TypeGroupDetailPage, {
+		group: open,
+		groups,
+		objectTypes: objectTypeOptions,
+		onBack: () => setOpenId(null),
+		onChange: (next) => setGroups((prev) => prev.map((g) => g.id === next.id ? next : g)),
+		onDelete: () => {
+			setGroups((prev) => prev.filter((g) => g.id !== open.id));
+			setOpenId(null);
+		}
+	});
+	return /* @__PURE__ */ jsxs(Pane, {
+		flush: true,
+		children: [/* @__PURE__ */ jsx(DataTable, {
+			columns,
+			data: groups,
+			searchKey: "name",
+			searchPlaceholder: "Search groups…",
+			showColumnToggle: true,
+			recordLabel: "group",
+			emptyMessage: "No groups match.",
+			getRowId: (g) => g.id,
+			toolbarExtra: /* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				onClick: () => setWizardOpen(true),
+				children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "New group"]
+			})
+		}), /* @__PURE__ */ jsx(NewTypeGroupDialog, {
+			open: wizardOpen,
+			onOpenChange: setWizardOpen,
+			title: "New object type group",
+			namePlaceholder: "e.g. Commercial & Cost",
+			objectTypes: objectTypeOptions.map((o) => ({
+				value: o.id,
+				label: o.displayName
+			})),
+			onCreate: (draft) => {
+				const id = `g_new_${++createdGroups}`;
+				const created = {
+					id,
+					rid: `ri.ontology.main.type-group.${id}`,
+					name: draft.name,
+					description: draft.description,
+					members: draft.members ?? []
+				};
+				setGroups((prev) => [...prev, created]);
+				setOpenId(created.id);
+			}
+		})]
+	});
+}
+const ONTOLOGY_VIEWS = {
+	"object-types": ObjectTypesView,
+	"link-types": LinkTypesView,
+	"action-types": ActionTypesView,
+	interfaces: InterfacesView,
+	"shared-properties": SharedPropertiesView,
+	groups: GroupsView,
+	graph: GraphExplorerFlowView,
+	health: HealthView
+};
+//#endregion
+export { ActionTypesView, GraphExplorerFlowView, GroupsView, InterfacesView, LinkTypesView, ONTOLOGY_VIEWS, ObjectTypesView, SharedPropertiesView, runOntologyLint };
+
+//# sourceMappingURL=wc3-ontology-views.mjs.map