@manta-eu/react 0.1.0

package/dist/routes/data-explorer/components/namespace-detail/NamespaceDetail.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { generateHexColorBasedOnName } from "@manta-eu/lib/color";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { explorerCrumb, isDeclaredSource, namespaceIriFor, namespaceLabel } from "../../namespaces.js";
+import { Breadcrumbs } from "../Breadcrumbs.js";
+import { DetailHeader, TypeBadge } from "../DetailHeader.js";
+import { LinkList, LoadingRows, StatusText } from "../RawTriples.js";
+import { NamespaceClassRow } from "./NamespaceClassRow.js";
+import { classesInNamespace, totalRecords, useExplorerClasses, useInstanceCounts } from "#routes/data-explorer/classes";
+export function NamespaceDetail(props) {
+    const { prefix } = props;
+    const { classes, isLoading, error } = useExplorerClasses();
+    const { counts, isLoading: isLoadingCounts } = useInstanceCounts();
+    const namespaceClasses = useMemo(() => classesInNamespace(classes, counts, prefix), [classes, counts, prefix]);
+    if (isLoading || isLoadingCounts)
+        return _jsx(LoadingRows, {});
+    if (error)
+        return _jsx(StatusText, { children: "Failed to load the ontology." });
+    if (!isPresent(namespaceClasses))
+        return _jsxs(StatusText, { children: ["Unknown namespace ", prefix, "."] });
+    const { color } = generateHexColorBasedOnName(prefix);
+    const label = namespaceLabel(prefix);
+    const records = totalRecords(counts, namespaceClasses);
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Breadcrumbs, { trail: [explorerCrumb, { label }] }), _jsx(DetailHeader, { title: label, iri: namespaceIriFor(prefix), badges: _jsx(TypeBadge, { color: color, children: isDeclaredSource(prefix) ? "Ontology" : "Namespace" }) }), _jsxs("p", { className: "typography-small -mt-3 text-muted-foreground", children: [humanCount(namespaceClasses.length, "type"), _jsx("span", { className: "before:mx-1.5 before:content-['\u00B7']", children: humanCount(records, "record") })] }), _jsx(LinkList, { children: namespaceClasses.map((entry) => (_jsx(NamespaceClassRow, { entry: entry, count: counts.get(entry.iri) }, entry.iri))) })] }));
+}

package/dist/routes/data-explorer/components/namespace-detail/index.d.ts

@@ -0,0 +1,2 @@
+export { NamespaceDetail } from "./NamespaceDetail.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/routes/data-explorer/components/namespace-detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/namespace-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/routes/data-explorer/components/namespace-detail/index.js

@@ -0,0 +1 @@
+export { NamespaceDetail } from "./NamespaceDetail.js";

package/dist/routes/data-explorer/components/ontology-coverage/CoverageFilters.d.ts

@@ -0,0 +1,12 @@
+import { type CoverageStatus } from "#routes/data-explorer/coverage";
+type CoverageFiltersProps = {
+    query: string;
+    onQueryChange: (query: string) => void;
+    status: CoverageStatus;
+    onStatusChange: (status: CoverageStatus) => void;
+    counts: Record<CoverageStatus, number>;
+    ruleUsageAvailable: boolean;
+};
+export declare function CoverageFilters(props: CoverageFiltersProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoverageFilters.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageFilters.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageFilters.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUvF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAoC1D"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageFilters.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollableTabsList } from "../ScrollableTabsList.js";
+import { SearchInput } from "#components/input/index";
+import { TabCount, Tabs, TabsTrigger } from "#components/tabs/index";
+import { coverageStatuses } from "#routes/data-explorer/coverage";
+const statusLabels = {
+    nolabel: "Missing label",
+    nodesc: "Missing description",
+    unused: "Unused by rules",
+    complete: "Complete",
+    all: "All",
+};
+export function CoverageFilters(props) {
+    const { query, onQueryChange, status, onStatusChange, counts, ruleUsageAvailable } = props;
+    return (_jsxs("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2", children: [_jsx(Tabs, { className: "min-w-0 max-w-full", value: status, onValueChange: (value) => onStatusChange(value), size: "small", children: _jsx(ScrollableTabsList, { activeValue: status, children: coverageStatuses.map((coverageStatus) => (_jsxs(TabsTrigger, { value: coverageStatus, disabled: coverageStatus === "unused" && !ruleUsageAvailable, className: "gap-1 px-2", children: [statusLabels[coverageStatus], (coverageStatus !== "unused" || ruleUsageAvailable) && _jsx(TabCount, { count: counts[coverageStatus] })] }, coverageStatus))) }) }), _jsx("div", { className: "w-full sm:w-56", children: _jsx(SearchInput, { size: "sm", placeholder: "Search terms\u2026", value: query, onChange: (e) => onQueryChange(e.target.value) }) })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageFreshness.d.ts

@@ -0,0 +1,6 @@
+type CoverageFreshnessProps = {
+    updatedAt?: string;
+};
+export declare function CoverageFreshness(props: CoverageFreshnessProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=CoverageFreshness.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageFreshness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageFreshness.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageFreshness.tsx"],"names":[],"mappings":"AAGA,KAAK,sBAAsB,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kDAc9D"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageFreshness.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { modifiedLabels } from "#routes/data-explorer/recents";
+export function CoverageFreshness(props) {
+    const { updatedAt } = props;
+    if (!isPresent(updatedAt))
+        return null;
+    const labels = modifiedLabels(updatedAt);
+    if (!isPresent(labels))
+        return null;
+    return (_jsxs("p", { className: "typography-small text-muted-foreground", title: labels.absolute, children: ["Refreshed ", labels.relative] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageNamespaceRail.d.ts

@@ -0,0 +1,11 @@
+import type { CoverageGroup, RuleUsageGroup } from "#routes/data-explorer/coverage";
+type CoverageNamespaceRailProps = {
+    groups: CoverageGroup[];
+    ruleUsageGroups?: RuleUsageGroup[];
+    totalTerms: number;
+    selectedGroup?: string;
+    onSelect: (group?: string) => void;
+};
+export declare function CoverageNamespaceRail(props: CoverageNamespaceRailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoverageNamespaceRail.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageNamespaceRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageNamespaceRail.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageNamespaceRail.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,KAAK,0BAA0B,GAAG;IAChC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAgGtE"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageNamespaceRail.js

@@ -0,0 +1,16 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { allNamespacesLabel } from "../../namespaces.js";
+import { NamespaceSwatch } from "../NamespaceSwatch.js";
+import { RailSelectionMarker } from "../RailSelectionMarker.js";
+import { railFocusClass, railRowClass } from "../railStyles.js";
+import { Progress } from "#components/progress/index";
+import { sectionLabelClass } from "#ldo-ui";
+import { cn } from "#lib/utils";
+export function CoverageNamespaceRail(props) {
+    const { groups, ruleUsageGroups, totalTerms, selectedGroup, onSelect } = props;
+    return (_jsxs("div", { className: "flex shrink-0 flex-col border-muted-border max-md:border-b max-md:pb-3 md:w-56 md:border-r md:py-3.5 md:pr-4", children: [_jsxs("div", { className: "mb-2 flex items-baseline justify-between px-2.5 max-md:pt-3", children: [_jsxs("h3", { className: cn(sectionLabelClass, "text-muted-foreground"), children: ["Namespaces (", groups.length, ")"] }), _jsx("span", { className: "typography-tiny text-muted-foreground/60", children: "label gaps first" })] }), _jsxs("div", { className: "scrollbar-thin flex min-h-0 flex-1 gap-0.5 max-md:flex-row max-md:gap-2 max-md:overflow-x-auto max-md:px-2.5 max-md:pb-1 md:flex-col md:overflow-y-auto md:pr-2.5", children: [_jsxs("button", { type: "button", "aria-pressed": !selectedGroup, onClick: () => onSelect(undefined), className: cn(railRowClass(!selectedGroup), railFocusClass, "gap-2 px-2.5 py-1.5 text-left max-md:w-36 max-md:shrink-0"), children: [!selectedGroup && _jsx(RailSelectionMarker, {}), _jsx("span", { className: cn("min-w-0 flex-1 truncate text-default-foreground", selectedGroup ? "typography-small" : "typography-small-medium"), children: allNamespacesLabel }), _jsx("span", { className: "typography-tiny tabular-nums text-muted-foreground", children: totalTerms.toLocaleString() })] }), groups.map((group) => {
+                        const isSelected = group.group === selectedGroup;
+                        const ruleUsagePercent = ruleUsageGroups?.find((usage) => usage.group === group.group)?.usedByRulesPercent;
+                        return (_jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": `${group.label}, ${group.terms.toLocaleString()} terms, ${group.labeledPercent}% labeled${ruleUsagePercent === undefined ? "" : `, ${ruleUsagePercent}% used by rules`}`, onClick: () => onSelect(group.group), className: cn(railRowClass(isSelected), railFocusClass, "flex-col items-stretch gap-1.5 px-2.5 py-2 text-left max-md:w-44 max-md:shrink-0"), children: [isSelected && _jsx(RailSelectionMarker, {}), _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(NamespaceSwatch, { name: group.group }), _jsx("span", { className: cn("min-w-0 flex-1 truncate text-default-foreground", isSelected ? "typography-small-medium" : "typography-small"), children: group.label }), _jsx("span", { className: "typography-tiny tabular-nums text-muted-foreground", children: group.terms.toLocaleString() })] }), _jsxs("span", { className: "grid grid-cols-[2.5rem_1fr_2rem] items-center gap-1.5 typography-tiny text-muted-foreground", children: [_jsx("span", { children: "Labels" }), _jsx(Progress, { "aria-hidden": true, value: group.labeledPercent, className: cn("h-[3px]", group.labeledPercent < 100 && "[&>[data-slot=progress-indicator]]:bg-warning-foreground") }), _jsxs("span", { className: "text-right tabular-nums", children: [group.labeledPercent, "%"] })] }), ruleUsagePercent !== undefined && (_jsxs("span", { className: "grid grid-cols-[2.5rem_1fr_2rem] items-center gap-1.5 typography-tiny text-muted-foreground", children: [_jsx("span", { children: "Rules" }), _jsx(Progress, { "aria-hidden": true, value: ruleUsagePercent, className: "h-[3px]" }), _jsxs("span", { className: "text-right tabular-nums", children: [ruleUsagePercent, "%"] })] }))] }, group.group));
+                    })] })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageOverview.d.ts

@@ -0,0 +1,2 @@
+export declare function CoverageOverview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CoverageOverview.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageOverview.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageOverview.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,gBAAgB,4CAoI/B"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageOverview.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMaterializeOntologyCoverageMutation } from "@manta-eu/client";
+import { parseError } from "@manta-eu/client/shared/error-utils";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { RefreshCw } from "lucide-react";
+import { parseAsString, parseAsStringEnum, useQueryState } from "nuqs";
+import { useCallback } from "react";
+import { toast } from "sonner";
+import { explorerCrumb } from "../../namespaces.js";
+import { Breadcrumbs } from "../Breadcrumbs.js";
+import { DetailHeader } from "../DetailHeader.js";
+import { StatusText } from "../RawTriples.js";
+import { ScrollableTabsList } from "../ScrollableTabsList.js";
+import { CoverageFreshness } from "./CoverageFreshness.js";
+import { CoverageSkeleton } from "./CoverageSkeleton.js";
+import { CoverageWorkbench } from "./CoverageWorkbench.js";
+import { UnobservedRuleVocabulary } from "./UnobservedRuleVocabulary.js";
+import { Button } from "#components/button/index";
+import { TabCount, Tabs, TabsContent, TabsTrigger } from "#components/tabs/index";
+import { useMantaClient } from "#providers/index";
+import { useTermCoverage } from "#routes/data-explorer/coverage";
+const coverageViews = ["observed", "unobserved"];
+const parseAsCoverageView = parseAsStringEnum([...coverageViews]).withDefault("observed");
+export function CoverageOverview() {
+    const { terms, updatedAt, isLoading, error, ruleUsageAvailable, isRuleUsageLoading, ruleUsageError, unobservedRuleVocabulary, } = useTermCoverage();
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const materializeMutation = useMaterializeOntologyCoverageMutation(mantaClient, {
+        onSuccess: (data) => {
+            if (!data.materializeOntologyCoverage.success) {
+                toast.error("Failed to refresh coverage", {
+                    description: data.materializeOntologyCoverage.error ?? undefined,
+                });
+                return;
+            }
+            toast.success("Coverage observations refreshed");
+            void queryClient.invalidateQueries({ queryKey: ["data-explorer", "term-coverage"] });
+        },
+        onError: (err) => {
+            const info = parseError(err, "Failed to refresh coverage");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const [namespace, setNamespace] = useQueryState("namespace", parseAsString);
+    const [view, setView] = useQueryState("view", parseAsCoverageView);
+    const selectedGroup = namespace ?? undefined;
+    const activeView = view === "unobserved" && !ruleUsageAvailable ? "observed" : view;
+    const selectNamespace = useCallback((group) => {
+        void setNamespace(group ?? null);
+    }, [setNamespace]);
+    const refreshCoverage = useCallback(() => {
+        materializeMutation.mutate({});
+    }, [materializeMutation]);
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-6", children: [_jsx(Breadcrumbs, { trail: [explorerCrumb, { label: "Ontology coverage" }] }), _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsx(DetailHeader, { title: "Ontology coverage" }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsx(Button, { variant: "secondary", size: "sm", icon: RefreshCw, label: "Refresh observations", isLoading: materializeMutation.isPending, onClick: refreshCoverage }), _jsx(CoverageFreshness, { updatedAt: updatedAt })] })] }), _jsx("p", { className: "typography-small -mt-3 max-w-prose text-muted-foreground", children: "Compare classes and predicates observed in the knowledge graph with vocabulary consumed or derived by committed rules. Missing documentation and unused vocabulary remain separate coverage dimensions." }), _jsxs("div", { className: "-mt-2 flex min-h-0 flex-1 flex-col", children: [isLoading && _jsx(CoverageSkeleton, {}), error && _jsx(StatusText, { children: "Failed to load ontology coverage." }), !isLoading && !error && ruleUsageError && (_jsx("div", { role: "status", "aria-live": "polite", children: _jsx(StatusText, { className: "mb-3 typography-small", children: ruleUsageAvailable
+                                ? "Rule usage could not be refreshed. Showing the previously loaded rule coverage."
+                                : "Rule usage could not be loaded. Label and description coverage remain available." }) })), !isLoading && !error && (_jsxs(Tabs, { className: "min-h-0 flex-1", value: activeView, onValueChange: (value) => void setView(parseAsCoverageView.parse(value)), size: "small", children: [_jsxs(ScrollableTabsList, { activeValue: activeView, children: [_jsxs(TabsTrigger, { value: "observed", children: ["Observed terms", _jsx(TabCount, { count: terms.length })] }), _jsxs(TabsTrigger, { value: "unobserved", disabled: !ruleUsageAvailable, children: ["Not observed", unobservedRuleVocabulary && _jsx(TabCount, { count: unobservedRuleVocabulary.terms.length })] })] }), _jsx(TabsContent, { value: "observed", className: "flex min-h-0 flex-col", children: isPresent(terms) ? (_jsx(CoverageWorkbench, { terms: terms, ruleUsageAvailable: ruleUsageAvailable, isRuleUsageLoading: isRuleUsageLoading, selectedGroup: selectedGroup, onSelectGroup: selectNamespace })) : (_jsx(StatusText, { children: "No terms observed in this datastore yet. Refresh observations to scan the live graph." })) }), _jsx(TabsContent, { value: "unobserved", className: "flex min-h-0 flex-col", children: unobservedRuleVocabulary && _jsx(UnobservedRuleVocabulary, { vocabulary: unobservedRuleVocabulary }) })] }))] })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageSkeleton.d.ts

@@ -0,0 +1,2 @@
+export declare function CoverageSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CoverageSkeleton.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageSkeleton.tsx"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,4CAoE/B"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageSkeleton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { times } from "ramda";
+import { Skeleton } from "#components/skeleton/index";
+import { TableSkeleton } from "#components/table-skeleton/index";
+const coverageColumnsClass = "grid-cols-[1.7fr_1fr_0.5fr_1fr_1.5fr_0.8fr]";
+export function CoverageSkeleton() {
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex items-center gap-5 border-y border-muted-border py-3.5", children: [_jsx(Skeleton, { className: "h-4 w-28" }), _jsx(Skeleton, { className: "h-6 w-24" }), _jsx(Skeleton, { className: "h-6 w-28" }), _jsx(Skeleton, { className: "h-6 w-28" }), _jsx(Skeleton, { className: "h-2 min-w-20 flex-1 rounded-full" }), _jsx(Skeleton, { className: "h-3 w-72" })] }), _jsxs("div", { className: "flex min-h-0 flex-1 items-stretch max-md:flex-col", children: [_jsxs("div", { className: "hidden w-56 shrink-0 flex-col border-r border-muted-border py-3.5 pr-4 md:flex", children: [_jsxs("div", { className: "mb-2 flex items-baseline justify-between px-2.5", children: [_jsx(Skeleton, { className: "h-3 w-28" }), _jsx(Skeleton, { className: "h-3 w-14" })] }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-hidden pr-2.5", children: times((index) => (_jsxs("div", { className: "flex flex-col gap-1.5 px-2.5 py-2", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "size-2 shrink-0 rounded-[3px]" }), _jsx(Skeleton, { className: "h-3.5 min-w-0 flex-1" }), _jsx(Skeleton, { className: "h-3 w-6" })] }), _jsx(Skeleton, { className: "h-[3px] w-full rounded-full" })] }, index)), 9) })] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-3.5 pb-4 pl-6 pt-3.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx(Skeleton, { className: "h-8 w-96" }), _jsx(Skeleton, { className: "h-8 w-56" })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: _jsx(TableSkeleton, { withWrapper: false, gridColsClassName: coverageColumnsClass, headerColumnCount: 6, rows: 8, renderRow: () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-2/5" }), _jsx(Skeleton, { className: "h-3 w-4/5" })] }), _jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-5 w-12 rounded-full" }), _jsx(Skeleton, { className: "h-3.5 w-28" }), _jsx(Skeleton, { className: "h-3.5 w-11/12" }), _jsx(Skeleton, { className: "h-3.5 w-16" })] })) }) })] })] })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageStat.d.ts

@@ -0,0 +1,7 @@
+type CoverageStatProps = {
+    percent?: number;
+    label: string;
+};
+export declare function CoverageStat(props: CoverageStatProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoverageStat.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageStat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageStat.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageStat.tsx"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7D,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAWpD"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageStat.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CoverageStat(props) {
+    const { percent, label } = props;
+    return (_jsxs("span", { className: "flex shrink-0 items-baseline gap-1.5", children: [_jsx("span", { className: "typography-header tabular-nums text-default-foreground", children: percent === undefined ? "—" : `${percent}%` }), _jsx("span", { className: "typography-tiny text-muted-foreground", children: label })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageSummary.d.ts

@@ -0,0 +1,10 @@
+import { type CoverageTotals, type RuleUsageTotals } from "#routes/data-explorer/coverage";
+type CoverageSummaryProps = {
+    totals: CoverageTotals;
+    ruleUsageTotals?: RuleUsageTotals;
+    isRuleUsageLoading: boolean;
+    scopeLabel: string;
+};
+export declare function CoverageSummary(props: CoverageSummaryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoverageSummary.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageSummary.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageSummary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAE5G,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA0C1D"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageSummary.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CoverageStat } from "./CoverageStat.js";
+import { Skeleton } from "#components/skeleton/index";
+import { cn } from "#lib/utils";
+import { coveragePercent } from "#routes/data-explorer/coverage";
+export function CoverageSummary(props) {
+    const { totals, ruleUsageTotals, isRuleUsageLoading, scopeLabel } = props;
+    const segments = [
+        { label: "Labeled + described", count: totals.complete, className: "bg-primary" },
+        { label: "Label only", count: totals.labeled - totals.complete, className: "bg-primary/40" },
+        { label: "No label", count: totals.terms - totals.labeled, className: "bg-warning-foreground" },
+    ];
+    return (_jsxs("div", { className: "flex items-center gap-5 border-y border-muted-border py-3.5", children: [_jsx("span", { className: "typography-small-medium shrink-0 text-default-foreground", children: scopeLabel }), _jsx(CoverageStat, { percent: coveragePercent(totals.labeled, totals.terms), label: "labeled" }), _jsx(CoverageStat, { percent: coveragePercent(totals.described, totals.terms), label: "described" }), isRuleUsageLoading ? (_jsx(Skeleton, { className: "h-6 w-28", role: "status", "aria-label": "Rule usage loading" })) : (_jsx(CoverageStat, { percent: ruleUsageTotals && coveragePercent(ruleUsageTotals.usedByRules, ruleUsageTotals.terms), label: "used by rules" })), _jsx("div", { className: "flex h-2 min-w-20 flex-1 overflow-hidden rounded-full bg-muted", children: segments.map((segment) => (_jsx("div", { className: segment.className, style: { flexGrow: segment.count } }, segment.label))) }), _jsx("span", { className: "flex shrink-0 items-center gap-4", children: segments.map((segment) => (_jsxs("span", { className: "typography-tiny flex items-center gap-1.5 text-muted-foreground", children: [_jsx("span", { className: cn("size-2 rounded-[3px]", segment.className) }), segment.label, " ", _jsx("span", { className: "tabular-nums", children: segment.count.toLocaleString() })] }, segment.label))) })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageTermColumns.d.ts

@@ -0,0 +1,4 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import type { CoverageTerm } from "#routes/data-explorer/coverage";
+export declare function useCoverageTermColumns(showRuleUsage: boolean): ColumnDef<CoverageTerm>[];
+//# sourceMappingURL=CoverageTermColumns.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageTermColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageTermColumns.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageTermColumns.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAWvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAqBnE,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,OAAO,6BAgG5D"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageTermColumns.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { Link } from "react-router";
+import { classRef, namespaceLabel } from "../../namespaces.js";
+import { NamespaceSwatch } from "../NamespaceSwatch.js";
+import { TruncateTooltip } from "../TruncateTooltip.js";
+import { MissingValue } from "./MissingValue.js";
+import { RuleReferencesCell } from "./RuleReferencesCell.js";
+import { Badge } from "#components/badge/index";
+import { sectionLabelClass } from "#ldo-ui";
+import { cn } from "#lib/utils";
+function termKind(term) {
+    return term.isClass ? "type" : "field";
+}
+function columnHeader(label) {
+    return () => _jsx("span", { className: cn(sectionLabelClass, "text-muted-foreground"), children: label });
+}
+function RuleUsageCell(props) {
+    const { ruleIris } = props;
+    if (ruleIris === undefined)
+        return _jsx("span", { className: "typography-small text-muted-foreground", children: "\u2014" });
+    if (!isPresent(ruleIris))
+        return _jsx("span", { className: "typography-small text-warning-foreground", children: "Unused" });
+    return _jsx(RuleReferencesCell, { ruleIris: ruleIris, popoverTitle: "Rules using this term" });
+}
+export function useCoverageTermColumns(showRuleUsage) {
+    return useMemo(() => {
+        const columns = [
+            {
+                id: "term",
+                accessorFn: (term) => term.name,
+                header: columnHeader("Term"),
+                cell: ({ row }) => {
+                    const term = row.original;
+                    const ref = term.isClass ? classRef(term.iri) : undefined;
+                    return (_jsxs("div", { className: "min-w-0", children: [ref ? (_jsx(Link, { to: ref.path, className: "typography-small-medium block truncate text-default-foreground hover:underline", children: term.name })) : (_jsx(TruncateTooltip, { text: term.name, className: "typography-small-medium block truncate text-default-foreground" })), _jsx(TruncateTooltip, { text: term.iri, className: "block truncate font-mono text-[11px] leading-4 text-muted-foreground/60" })] }));
+                },
+            },
+            {
+                id: "namespace",
+                accessorFn: (term) => namespaceLabel(term.group),
+                header: columnHeader("Namespace"),
+                cell: ({ row }) => (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(NamespaceSwatch, { name: row.original.group }), _jsx("span", { className: "typography-small truncate text-muted-foreground", children: namespaceLabel(row.original.group) })] })),
+            },
+            {
+                id: "kind",
+                accessorFn: termKind,
+                header: columnHeader("Kind"),
+                cell: ({ row }) => (_jsx(Badge, { variant: "secondary", size: "sm", children: termKind(row.original) })),
+            },
+            {
+                id: "label",
+                accessorFn: (term) => term.label ?? "",
+                header: columnHeader("Label"),
+                cell: ({ row }) => isPresent(row.original.label) ? (_jsx(TruncateTooltip, { text: row.original.label, className: "typography-small block truncate" })) : (_jsx(MissingValue, {})),
+            },
+            {
+                id: "description",
+                accessorFn: (term) => term.comment ?? "",
+                header: columnHeader("Description"),
+                cell: ({ row }) => isPresent(row.original.comment) ? (_jsx(TruncateTooltip, { text: row.original.comment, className: "typography-small block truncate text-muted-foreground" })) : (_jsx(MissingValue, {})),
+            },
+        ];
+        if (showRuleUsage) {
+            columns.push({
+                id: "rules",
+                accessorFn: (term) => term.ruleIris?.length ?? -1,
+                header: columnHeader("Rules"),
+                cell: ({ row }) => _jsx(RuleUsageCell, { ruleIris: row.original.ruleIris }),
+            });
+        }
+        return columns;
+    }, [showRuleUsage]);
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageTermTable.d.ts

@@ -0,0 +1,14 @@
+import { type OnChangeFn, type SortingState } from "@tanstack/react-table";
+import type { CoverageTerm } from "#routes/data-explorer/coverage";
+type CoverageTermTableProps = {
+    terms: CoverageTerm[];
+    sorting: SortingState;
+    setSorting: OnChangeFn<SortingState>;
+    pageIndex: number;
+    pageSize: number;
+    onPageChange: (pageIndex: number) => void;
+    showRuleUsage: boolean;
+};
+export declare function CoverageTermTable(props: CoverageTermTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoverageTermTable.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageTermTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageTermTable.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageTermTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAInE,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkC9D"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageTermTable.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReactTable } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useCoverageTermColumns } from "./CoverageTermColumns.js";
+import { PaginationBlock } from "#components/pagination/index";
+import { createTableConfig, DataTable } from "#components/table/index";
+const noColumnFilters = [];
+export function CoverageTermTable(props) {
+    const { terms, sorting, setSorting, pageIndex, pageSize, onPageChange, showRuleUsage } = props;
+    const columns = useCoverageTermColumns(showRuleUsage);
+    const pagination = useMemo(() => ({ pageIndex, pageSize }), [pageIndex, pageSize]);
+    const table = useReactTable({
+        ...createTableConfig({ data: terms, columns, sorting, setSorting, pagination, columnFilters: noColumnFilters }),
+        autoResetPageIndex: false,
+    });
+    const totalPages = table.getPageCount();
+    return (_jsxs("div", { className: "flex h-full flex-col gap-3", children: [_jsx(DataTable, { table: table, className: "min-h-0 flex-1 overflow-y-hidden", noResultsMessage: "No terms match. Clear a filter or try another search." }), totalPages > 1 && (_jsx(PaginationBlock, { showPageSize: true, pageSize: pageSize, totalCount: terms.length, currentPageIndex: pageIndex, totalPages: totalPages, onPageChange: onPageChange }))] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageWorkbench.d.ts

@@ -0,0 +1,11 @@
+import { type CoverageTerm } from "#routes/data-explorer/coverage";
+type CoverageWorkbenchProps = {
+    terms: CoverageTerm[];
+    ruleUsageAvailable: boolean;
+    isRuleUsageLoading: boolean;
+    selectedGroup?: string;
+    onSelectGroup: (group?: string) => void;
+};
+export declare function CoverageWorkbench(props: CoverageWorkbenchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CoverageWorkbench.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/CoverageWorkbench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoverageWorkbench.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/CoverageWorkbench.tsx"],"names":[],"mappings":"AASA,OAAO,EAQL,KAAK,YAAY,EAClB,MAAM,gCAAgC,CAAC;AAMxC,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkH9D"}

package/dist/routes/data-explorer/components/ontology-coverage/CoverageWorkbench.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { parseAsInteger, parseAsStringEnum, useQueryState } from "nuqs";
+import { useCallback, useEffect, useMemo } from "react";
+import { allNamespacesLabel } from "../../namespaces.js";
+import { CoverageFilters } from "./CoverageFilters.js";
+import { CoverageNamespaceRail } from "./CoverageNamespaceRail.js";
+import { CoverageSummary } from "./CoverageSummary.js";
+import { CoverageTermTable } from "./CoverageTermTable.js";
+import { useTableState } from "#components/table/index";
+import { shouldClampPageIndex, useFittedPagination } from "#hooks/useFittedPagination";
+import { buildCoverageGroups, buildRuleUsage, coverageStatusCounts, coverageStatuses, coverageTotals, filterCoverageTerms, } from "#routes/data-explorer/coverage";
+const coverageTableGeometry = { headerRowHeight: 52, rowHeight: 51, reservedHeight: 58 };
+const parseAsCoverageStatus = parseAsStringEnum([...coverageStatuses]).withDefault("nolabel");
+export function CoverageWorkbench(props) {
+    const { terms, ruleUsageAvailable, isRuleUsageLoading, selectedGroup, onSelectGroup } = props;
+    const [status, setStatusRaw] = useQueryState("status", parseAsCoverageStatus);
+    const [pageNumber, setPageNumber] = useQueryState("page", parseAsInteger.withDefault(1));
+    const { searchQuery, setSearchQuery, debouncedSearchQuery, sorting, setSorting } = useTableState("coverage");
+    const requestedPageIndex = Math.max(0, pageNumber - 1);
+    const setPageIndex = useCallback((nextPageIndex) => {
+        void setPageNumber(Math.max(0, nextPageIndex) + 1);
+    }, [setPageNumber]);
+    const { containerRef, pageSize } = useFittedPagination({
+        ...coverageTableGeometry,
+        pageIndex: requestedPageIndex,
+        onPageIndexChange: setPageIndex,
+    });
+    const groups = useMemo(() => buildCoverageGroups(terms), [terms]);
+    const allTotals = useMemo(() => coverageTotals(terms), [terms]);
+    const scope = groups.find((group) => group.group === selectedGroup);
+    const activeGroup = scope?.group;
+    const ruleUsage = useMemo(() => (ruleUsageAvailable ? buildRuleUsage(terms) : undefined), [ruleUsageAvailable, terms]);
+    const scopedTerms = useMemo(() => filterCoverageTerms(terms, { group: activeGroup, query: debouncedSearchQuery }), [terms, activeGroup, debouncedSearchQuery]);
+    const activeStatus = status === "unused" && !ruleUsageAvailable ? "all" : status;
+    const counts = useMemo(() => coverageStatusCounts(scopedTerms), [scopedTerms]);
+    const filteredTerms = useMemo(() => filterCoverageTerms(scopedTerms, { status: activeStatus }), [activeStatus, scopedTerms]);
+    const totals = scope ?? allTotals;
+    const ruleUsageTotals = activeGroup
+        ? ruleUsage?.groups.find((group) => group.group === activeGroup)
+        : ruleUsage?.totals;
+    const scopeLabel = scope?.label ?? allNamespacesLabel;
+    const totalPages = Math.max(1, Math.ceil(filteredTerms.length / pageSize));
+    const pageIndex = Math.min(requestedPageIndex, totalPages - 1);
+    useEffect(() => {
+        if (shouldClampPageIndex({ pageIndex: requestedPageIndex, totalPages }))
+            setPageIndex(totalPages - 1);
+    }, [requestedPageIndex, setPageIndex, totalPages]);
+    function selectGroup(group) {
+        onSelectGroup(group);
+        setPageIndex(0);
+    }
+    function selectStatus(next) {
+        void setStatusRaw(next);
+        setPageIndex(0);
+    }
+    function changeQuery(next) {
+        void setSearchQuery(next);
+        setPageIndex(0);
+    }
+    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsx(CoverageSummary, { totals: totals, ruleUsageTotals: ruleUsageTotals, isRuleUsageLoading: isRuleUsageLoading, scopeLabel: scopeLabel }), _jsxs("div", { className: "flex min-h-0 flex-1 items-stretch max-md:flex-col", children: [_jsx(CoverageNamespaceRail, { groups: groups, ruleUsageGroups: ruleUsage?.groups, totalTerms: terms.length, selectedGroup: activeGroup, onSelect: selectGroup }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-3.5 pb-4 pt-3.5 md:pl-6", children: [_jsx(CoverageFilters, { query: searchQuery, onQueryChange: changeQuery, status: activeStatus, onStatusChange: selectStatus, counts: counts, ruleUsageAvailable: ruleUsageAvailable }), _jsx("div", { ref: containerRef, className: "min-h-0 flex-1", children: _jsx(CoverageTermTable, { terms: filteredTerms, sorting: sorting, setSorting: setSorting, pageIndex: pageIndex, pageSize: pageSize, onPageChange: setPageIndex, showRuleUsage: ruleUsageAvailable }) })] })] })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/MissingValue.d.ts

@@ -0,0 +1,2 @@
+export declare function MissingValue(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MissingValue.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/MissingValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingValue.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/MissingValue.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,4CAE3B"}

package/dist/routes/data-explorer/components/ontology-coverage/MissingValue.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MissingValue() {
+    return _jsx("span", { className: "typography-small text-warning-foreground", children: "Missing" });
+}

package/dist/routes/data-explorer/components/ontology-coverage/RuleReferencesCell.d.ts

@@ -0,0 +1,7 @@
+type RuleReferencesCellProps = {
+    ruleIris: readonly string[];
+    popoverTitle: string;
+};
+export declare function RuleReferencesCell(props: RuleReferencesCellProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=RuleReferencesCell.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/RuleReferencesCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleReferencesCell.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/RuleReferencesCell.tsx"],"names":[],"mappings":"AAOA,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,kDAiDhE"}

package/dist/routes/data-explorer/components/ontology-coverage/RuleReferencesCell.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown } from "lucide-react";
+import { Link } from "react-router";
+import { Popover, PopoverContent, PopoverTrigger } from "#components/popover/index";
+import { getRuleDisplayName, getRuleHref } from "#routes/rules/components/rules.utils";
+export function RuleReferencesCell(props) {
+    const { ruleIris, popoverTitle } = props;
+    if (!isPresent(ruleIris))
+        return _jsx("span", { className: "typography-small text-muted-foreground", children: "\u2014" });
+    if (ruleIris.length === 1) {
+        const [ruleIri] = ruleIris;
+        if (!ruleIri)
+            return null;
+        return (_jsx(Link, { to: getRuleHref({ ruleIri }), className: "typography-small-medium block truncate text-default-foreground hover:underline", children: getRuleDisplayName(ruleIri) }));
+    }
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "typography-small-medium flex items-center gap-1 text-default-foreground hover:underline", "aria-label": `${popoverTitle}: ${humanCount(ruleIris.length, "rule")}`, children: [humanCount(ruleIris.length, "rule"), _jsx(ChevronDown, { className: "size-3.5 text-muted-foreground", "aria-hidden": true })] }) }), _jsxs(PopoverContent, { align: "start", className: "w-72 p-0", children: [_jsx("p", { className: "border-b border-muted-border px-3 py-2 typography-tiny text-muted-foreground", children: popoverTitle }), _jsx("div", { className: "max-h-64 overflow-y-auto p-1", children: ruleIris.map((ruleIri) => (_jsx(Link, { to: getRuleHref({ ruleIri }), title: ruleIri, className: "typography-small-medium block truncate rounded-md px-2 py-2 text-default-foreground hover:bg-muted/50", children: getRuleDisplayName(ruleIri) }, ruleIri))) })] })] }));
+}

package/dist/routes/data-explorer/components/ontology-coverage/UnobservedRuleVocabulary.d.ts

@@ -0,0 +1,7 @@
+import type { UnobservedRuleVocabulary as RuleVocabularyGap } from "#routes/data-explorer/coverage";
+type UnobservedRuleVocabularyProps = {
+    vocabulary: RuleVocabularyGap;
+};
+export declare function UnobservedRuleVocabulary(props: UnobservedRuleVocabularyProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UnobservedRuleVocabulary.d.ts.map

package/dist/routes/data-explorer/components/ontology-coverage/UnobservedRuleVocabulary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnobservedRuleVocabulary.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/ontology-coverage/UnobservedRuleVocabulary.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAsB,wBAAwB,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAyFxH,KAAK,6BAA6B,GAAG;IACnC,UAAU,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,2CAyG5E"}