captify 0.1.15

package/dist/components/ontology-graph/ontology-graph-header.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "../ui/badge";
+/**
+ * Render a banner header for an ontology graph that shows an optional title, subtitle, icon, and badges for node/link counts.
+ *
+ * @param title - Optional heading text displayed as the main title
+ * @param subtitle - Optional descriptive text shown below the title
+ * @param headerIcon - Optional icon node rendered before the title (marked as decorative)
+ * @param nodeCount - Number of nodes displayed in the graph; shown in the first status badge
+ * @param linkCount - Number of links displayed in the graph; shown in the second status badge
+ * @returns A header element containing the title, subtitle, and status badges, or `null` if both `title` and `subtitle` are absent
+ */
+export function OntologyGraphHeader({ title, subtitle, headerIcon, nodeCount, linkCount, }) {
+    if (!title && !subtitle) {
+        return null;
+    }
+    return (_jsx("header", { className: "bg-background border-b px-6 py-4", role: "banner", "aria-label": "Ontology graph header", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [title && (_jsxs("h1", { className: "flex items-center gap-2 text-2xl font-bold", id: "ontology-graph-title", children: [headerIcon && _jsx("span", { "aria-hidden": "true", children: headerIcon }), title] })), subtitle && (_jsx("p", { className: "text-muted-foreground text-sm", id: "ontology-graph-description", children: subtitle }))] }), _jsxs("div", { className: "flex items-center gap-2", role: "status", "aria-label": `Graph contains ${nodeCount} nodes and ${linkCount} links`, "aria-live": "polite", children: [_jsxs(Badge, { variant: "outline", "aria-label": `${nodeCount} nodes in the graph`, title: "Total number of entity nodes displayed in the graph", children: [nodeCount, " nodes"] }), _jsxs(Badge, { variant: "outline", "aria-label": `${linkCount} links in the graph`, title: "Total number of relationship links connecting nodes", children: [linkCount, " links"] })] })] }) }));
+}
+//# sourceMappingURL=ontology-graph-header.js.map

package/dist/components/ontology-graph/ontology-graph-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-graph-header.js","sourceRoot":"","sources":["../../../lib/components/ontology-graph/ontology-graph-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAUlD;;;;;;;;;GASG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,GACgB;IACzB,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,iBACE,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,QAAQ,gBACF,uBAAuB,YAElC,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACG,KAAK,IAAI,CACR,cAAI,SAAS,EAAC,4CAA4C,EAAC,EAAE,EAAC,sBAAsB,aACjF,UAAU,IAAI,8BAAkB,MAAM,YAAE,UAAU,GAAQ,EAC1D,KAAK,IACH,CACN,EACA,QAAQ,IAAI,CACX,YAAG,SAAS,EAAC,+BAA+B,EAAC,EAAE,EAAC,4BAA4B,YACzE,QAAQ,GACP,CACL,IACG,EACN,eACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,QAAQ,gBACD,kBAAkB,SAAS,cAAc,SAAS,QAAQ,eAC5D,QAAQ,aAElB,MAAC,KAAK,IACJ,OAAO,EAAC,SAAS,gBACL,GAAG,SAAS,qBAAqB,EAC7C,KAAK,EAAC,qDAAqD,aAE1D,SAAS,cACJ,EACR,MAAC,KAAK,IACJ,OAAO,EAAC,SAAS,gBACL,GAAG,SAAS,qBAAqB,EAC7C,KAAK,EAAC,qDAAqD,aAE1D,SAAS,cACJ,IACJ,IACF,GACC,CACV,CAAC;AACJ,CAAC"}

package/dist/components/ontology-graph/ontology-graph-node-details.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import type { DetailsPanelPosition, ForceGraphRefMethods, NodeDetailRenderer, OntologyLink, OntologyNode } from "./types";
+export interface OntologyNodeDetailsProps {
+    selectedNode: OntologyNode | null;
+    graphData: {
+        nodes: OntologyNode[];
+        links: OntologyLink[];
+    };
+    graphDataState: {
+        nodes: OntologyNode[];
+        links: OntologyLink[];
+    };
+    connectedNodeIds: Set<string>;
+    fgRef: React.MutableRefObject<ForceGraphRefMethods | null>;
+    detailsPanelWidth: number;
+    showSchema?: boolean;
+    renderNodeDetails?: NodeDetailRenderer;
+    /** Position of the details panel. Defaults to "right" */
+    position?: DetailsPanelPosition;
+    onClose: () => void;
+    onNodeSelect: (node: OntologyNode) => void;
+    onResizeStart: (e: React.MouseEvent) => void;
+    onRelease: () => void;
+}
+/**
+ * Renders a position-aware, resizable details panel for the currently selected ontology node.
+ *
+ * @param selectedNode - The node to show details for, or `null` to render an empty/hidden panel.
+ * @param graphData - Static graph data containing nodes and links used to enumerate connections.
+ * @param graphDataState - Mutable/live graph state used to read current node coordinates and fixed state.
+ * @param connectedNodeIds - Set of node ids connected to the selected node (used to compute connection count).
+ * @param fgRef - Ref to the ForceGraph instance; used to center and zoom the graph when focusing or navigating.
+ * @param detailsPanelWidth - Panel dimension in pixels (width for left/right, height for top/bottom).
+ * @param showSchema - When `true`, renders the node's ERD-style schema section if available.
+ * @param renderNodeDetails - Optional custom renderer for the node details area; receives the selected node.
+ * @param position - Panel position: `"right" | "left" | "top" | "bottom"`. Defaults to `"right"`.
+ * @param onClose - Callback invoked when the close action is triggered.
+ * @param onNodeSelect - Callback invoked with a connected node when a connection is activated.
+ * @param onResizeStart - Mouse down handler to begin an interactive resize operation.
+ * @param onRelease - Callback invoked to release the selected node from a fixed position.
+ * @returns The JSX element for the node details panel.
+ */
+export declare function OntologyNodeDetails({ selectedNode, graphData, graphDataState, connectedNodeIds, fgRef, detailsPanelWidth, showSchema, renderNodeDetails, position, onClose, onNodeSelect, onResizeStart, onRelease, }: OntologyNodeDetailsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ontology-graph-node-details.d.ts.map

package/dist/components/ontology-graph/ontology-graph-node-details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-graph-node-details.d.ts","sourceRoot":"","sources":["../../../lib/components/ontology-graph/ontology-graph-node-details.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE;QAAE,KAAK,EAAE,YAAY,EAAE,CAAC;QAAC,KAAK,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC;IAC5D,cAAc,EAAE;QAAE,KAAK,EAAE,YAAY,EAAE,CAAC;QAAC,KAAK,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC;IACjE,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IAC3D,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAyDD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,KAAK,EACL,iBAAiB,EACjB,UAAkB,EAClB,iBAAiB,EACjB,QAAkB,EAClB,OAAO,EACP,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,wBAAwB,2CA2S1B"}

package/dist/components/ontology-graph/ontology-graph-node-details.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge } from "../ui/badge";
+import { Button } from "../ui/button";
+import { Database, X } from "lucide-react";
+import { getNodeId } from "../../hooks/use-ontology-graph";
+/**
+ * Build the CSS class string for the details panel container based on its position and visibility.
+ *
+ * @param position - The panel position (`"right"`, `"left"`, `"top"`, or `"bottom"`).
+ * @param isVisible - `true` if the panel is currently visible (affects translate transform), `false` otherwise.
+ * @returns The concatenated CSS class string to apply to the panel container.
+ */
+function getPanelPositionClasses(position, isVisible) {
+    const baseClasses = "bg-background/95 fixed z-50 transform shadow-lg backdrop-blur transition-transform duration-300 ease-in-out";
+    const positionClasses = {
+        right: `top-0 right-0 h-full border-l ${isVisible ? "translate-x-0" : "translate-x-full"}`,
+        left: `top-0 left-0 h-full border-r ${isVisible ? "translate-x-0" : "-translate-x-full"}`,
+        top: `top-0 left-0 w-full border-b ${isVisible ? "translate-y-0" : "-translate-y-full"}`,
+        bottom: `bottom-0 left-0 w-full border-t ${isVisible ? "translate-y-0" : "translate-y-full"}`,
+    };
+    return `${baseClasses} ${positionClasses[position]}`;
+}
+/**
+ * Builds the CSS class string for the panel resize handle based on the panel position.
+ *
+ * @returns A string of CSS classes appropriate for the resize handle at the given position.
+ */
+function getResizeHandleClasses(position) {
+    const baseClasses = "group hover:bg-primary/10 focus-visible:ring-primary absolute z-10 flex items-center justify-center border-0 bg-transparent transition-colors focus:outline-none focus-visible:ring-2";
+    const positionClasses = {
+        right: "top-0 left-0 h-full w-3 cursor-col-resize",
+        left: "top-0 right-0 h-full w-3 cursor-col-resize",
+        top: "bottom-0 left-0 w-full h-3 cursor-row-resize",
+        bottom: "top-0 left-0 w-full h-3 cursor-row-resize",
+    };
+    return `${baseClasses} ${positionClasses[position]}`;
+}
+/**
+ * Builds the CSS class string for the resize indicator element according to panel position.
+ *
+ * @param position - The details panel position (`"top" | "bottom" | "left" | "right"`) used to determine orientation.
+ * @returns The combined CSS classes including base styling and orientation-specific sizing and layout (horizontal: `h-1.5 w-12 flex-row`; vertical: `h-12 w-1.5 flex-col`).
+ */
+function getResizeIndicatorClasses(position) {
+    const baseClasses = "bg-muted-foreground/30 group-hover:bg-primary/60 group-active:bg-primary flex items-center justify-center gap-0.5 rounded-full transition-colors";
+    const isHorizontal = position === "top" || position === "bottom";
+    return `${baseClasses} ${isHorizontal ? "h-1.5 w-12 flex-row" : "h-12 w-1.5 flex-col"}`;
+}
+/**
+ * Renders a position-aware, resizable details panel for the currently selected ontology node.
+ *
+ * @param selectedNode - The node to show details for, or `null` to render an empty/hidden panel.
+ * @param graphData - Static graph data containing nodes and links used to enumerate connections.
+ * @param graphDataState - Mutable/live graph state used to read current node coordinates and fixed state.
+ * @param connectedNodeIds - Set of node ids connected to the selected node (used to compute connection count).
+ * @param fgRef - Ref to the ForceGraph instance; used to center and zoom the graph when focusing or navigating.
+ * @param detailsPanelWidth - Panel dimension in pixels (width for left/right, height for top/bottom).
+ * @param showSchema - When `true`, renders the node's ERD-style schema section if available.
+ * @param renderNodeDetails - Optional custom renderer for the node details area; receives the selected node.
+ * @param position - Panel position: `"right" | "left" | "top" | "bottom"`. Defaults to `"right"`.
+ * @param onClose - Callback invoked when the close action is triggered.
+ * @param onNodeSelect - Callback invoked with a connected node when a connection is activated.
+ * @param onResizeStart - Mouse down handler to begin an interactive resize operation.
+ * @param onRelease - Callback invoked to release the selected node from a fixed position.
+ * @returns The JSX element for the node details panel.
+ */
+export function OntologyNodeDetails({ selectedNode, graphData, graphDataState, connectedNodeIds, fgRef, detailsPanelWidth, showSchema = false, renderNodeDetails, position = "right", onClose, onNodeSelect, onResizeStart, onRelease, }) {
+    const liveNode = selectedNode ? graphDataState.nodes.find((n) => n.id === selectedNode.id) : null;
+    const isFixed = (liveNode === null || liveNode === void 0 ? void 0 : liveNode.fx) !== undefined;
+    const isHorizontal = position === "top" || position === "bottom";
+    // Determine style based on position
+    const panelStyle = isHorizontal ? { height: detailsPanelWidth } : { width: detailsPanelWidth };
+    // Resize direction label for accessibility
+    const resizeDirectionLabel = isHorizontal ? "height" : "width";
+    return (_jsxs("aside", { "aria-label": selectedNode ? `Details panel for ${selectedNode.label}` : "Node details panel", className: getPanelPositionClasses(position, !!selectedNode), style: panelStyle, children: [_jsx("button", { type: "button", "aria-label": `Resize details panel. Current ${resizeDirectionLabel}: ${detailsPanelWidth}px. Drag to resize.`, title: `Panel ${resizeDirectionLabel}: ${detailsPanelWidth}px (min: 300px, max: 800px). Drag to resize.`, className: getResizeHandleClasses(position), onMouseDown: onResizeStart, children: _jsxs("div", { className: getResizeIndicatorClasses(position), "aria-hidden": "true", children: [_jsx("div", { className: "bg-background h-0.5 w-0.5 rounded-full" }), _jsx("div", { className: "bg-background h-0.5 w-0.5 rounded-full" }), _jsx("div", { className: "bg-background h-0.5 w-0.5 rounded-full" })] }) }), selectedNode && (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("header", { className: "border-b p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "inline-block h-5 w-5 rounded-full", style: { backgroundColor: selectedNode.color }, role: "img", "aria-label": `Color indicator for ${selectedNode.type} entity type` }), _jsx("h3", { className: "font-semibold", id: "node-details-title", children: selectedNode.label })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: onClose, "aria-label": "Close node details panel", title: "Close details panel", children: _jsx(X, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), _jsx(Badge, { variant: "secondary", className: "mt-2 capitalize", "aria-label": `Entity type: ${selectedNode.type}`, children: selectedNode.type })] }), _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", role: "region", "aria-labelledby": "node-details-title", children: [renderNodeDetails ? (renderNodeDetails(selectedNode)) : (_jsxs(_Fragment, { children: [selectedNode.description && (_jsx("section", { "aria-label": "Node description", children: _jsx("p", { className: "text-muted-foreground text-sm", children: selectedNode.description }) })), showSchema && selectedNode.schema && selectedNode.schema.length > 0 && (_jsx("section", { "aria-label": "Database schema attributes", children: _jsxs("div", { className: "overflow-hidden rounded-lg border", children: [_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-sm font-semibold text-white", style: { backgroundColor: selectedNode.color }, children: [_jsx(Database, { className: "h-4 w-4", "aria-hidden": "true" }), _jsx("span", { children: selectedNode.label })] }), _jsx("div", { className: "bg-card divide-border divide-y", role: "list", "aria-label": "Schema attributes", children: selectedNode.schema.map((attr, idx) => (_jsxs("div", { role: "listitem", className: `flex items-center gap-2 px-3 py-1.5 text-xs ${attr.keyType ? "bg-muted/50" : ""}`, children: [_jsxs("span", { className: "w-5 text-center", "aria-hidden": "true", children: [attr.keyType === "PK" && (_jsx("span", { className: "text-amber-500", role: "img", "aria-label": "Partition Key - Primary identifier for this table", title: "Partition Key (PK) - Primary identifier used to distribute data across partitions", children: "\uD83D\uDD11" })), attr.keyType === "SK" && (_jsx("span", { className: "text-blue-500", role: "img", "aria-label": "Sort Key - Secondary identifier for ordering items within a partition", title: "Sort Key (SK) - Enables sorting and range queries within a partition", children: "\uD83D\uDD17" })), attr.keyType === "GSI" && (_jsx("span", { className: "text-purple-500", role: "img", "aria-label": "Global Secondary Index - Alternative query pattern", title: "Global Secondary Index (GSI) - Enables querying by different attributes", children: "\uD83D\uDCC7" }))] }), _jsxs("span", { className: `flex-1 font-mono ${attr.keyType ? "font-semibold" : ""}`, title: attr.required ? `${attr.name} (required field)` : attr.name, children: [attr.name, attr.required && (_jsx("span", { className: "ml-0.5 text-red-500", "aria-label": "Required field", title: "This field is required", children: "*" }))] }), _jsx("span", { className: "text-muted-foreground font-mono", title: `Data type: ${attr.type}`, children: attr.type })] }, idx))) }), _jsxs("div", { className: "bg-muted/30 text-muted-foreground flex justify-between border-t px-3 py-1.5 text-xs", "aria-label": "Schema summary", children: [_jsxs("span", { children: [selectedNode.schema.length, " attributes"] }), _jsxs("span", { children: [selectedNode.schema.filter((a) => a.required).length, " required"] })] })] }) }))] })), _jsxs("section", { "aria-label": "Node connections", children: [_jsxs("h4", { className: "mb-2 text-sm font-medium", id: "connections-heading", children: ["Connections (", connectedNodeIds.size > 0 ? connectedNodeIds.size - 1 : 0, ")"] }), _jsx("ul", { className: "max-h-64 space-y-1 overflow-y-auto", "aria-labelledby": "connections-heading", children: graphData.links
+                                            .filter((link) => {
+                                            const sourceId = getNodeId(link.source);
+                                            const targetId = getNodeId(link.target);
+                                            return sourceId === selectedNode.id || targetId === selectedNode.id;
+                                        })
+                                            .map((link) => {
+                                            const sourceId = getNodeId(link.source);
+                                            const targetId = getNodeId(link.target);
+                                            const isOutgoing = sourceId === selectedNode.id;
+                                            const connectedId = isOutgoing ? targetId : sourceId;
+                                            const connectedNode = graphData.nodes.find((n) => n.id === connectedId);
+                                            const relationshipDescription = isOutgoing
+                                                ? `${selectedNode.label} ${link.label} ${connectedNode === null || connectedNode === void 0 ? void 0 : connectedNode.label}`
+                                                : `${connectedNode === null || connectedNode === void 0 ? void 0 : connectedNode.label} ${link.label} ${selectedNode.label}`;
+                                            return (_jsx("li", { className: "list-none", children: _jsxs("button", { type: "button", className: "bg-muted/50 hover:bg-muted focus-visible:ring-primary flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs transition-colors focus:outline-none focus-visible:ring-2", onClick: () => {
+                                                        var _a, _b;
+                                                        if (connectedNode) {
+                                                            onNodeSelect(connectedNode);
+                                                            if (fgRef.current) {
+                                                                const liveConnectedNode = graphDataState.nodes.find((n) => n.id === connectedId);
+                                                                fgRef.current.centerAt((_a = liveConnectedNode === null || liveConnectedNode === void 0 ? void 0 : liveConnectedNode.x) !== null && _a !== void 0 ? _a : 0, (_b = liveConnectedNode === null || liveConnectedNode === void 0 ? void 0 : liveConnectedNode.y) !== null && _b !== void 0 ? _b : 0, 400);
+                                                            }
+                                                        }
+                                                    }, "aria-label": `Navigate to ${connectedNode === null || connectedNode === void 0 ? void 0 : connectedNode.label}. Relationship: ${relationshipDescription}`, title: `Click to view ${connectedNode === null || connectedNode === void 0 ? void 0 : connectedNode.label} details and center on graph`, children: [_jsx("span", { className: "inline-block h-2 w-2 flex-shrink-0 rounded-full", style: { backgroundColor: (connectedNode === null || connectedNode === void 0 ? void 0 : connectedNode.color) || "#888" }, "aria-hidden": "true" }), _jsx("span", { className: "text-muted-foreground", "aria-hidden": "true", children: isOutgoing ? "→" : "←" }), _jsx("span", { className: "flex-1 truncate font-medium", children: connectedNode === null || connectedNode === void 0 ? void 0 : connectedNode.label }), _jsx(Badge, { variant: "outline", className: "flex-shrink-0 text-xs", children: link.label })] }) }, link.id));
+                                        }) })] })] }), _jsx("footer", { className: "border-t p-4", children: _jsxs("div", { className: "flex gap-2", role: "group", "aria-label": "Node actions", children: [_jsx(Button, { variant: "outline", size: "sm", className: "flex-1", onClick: onRelease, disabled: !isFixed, "aria-label": isFixed
+                                        ? `Release ${selectedNode.label} from fixed position to allow physics simulation`
+                                        : `${selectedNode.label} is not fixed in position`, title: isFixed
+                                        ? "Release this node to allow it to move freely with physics simulation"
+                                        : "Node is not fixed - drag and drop it to fix its position", children: "Release" }), _jsx(Button, { variant: "outline", size: "sm", className: "flex-1", onClick: () => {
+                                        var _a, _b;
+                                        if (selectedNode && fgRef.current) {
+                                            const liveNodeForFocus = graphDataState.nodes.find((n) => n.id === selectedNode.id);
+                                            if (liveNodeForFocus) {
+                                                fgRef.current.centerAt((_a = liveNodeForFocus.x) !== null && _a !== void 0 ? _a : 0, (_b = liveNodeForFocus.y) !== null && _b !== void 0 ? _b : 0, 400);
+                                                fgRef.current.zoom(2, 400);
+                                            }
+                                        }
+                                    }, "aria-label": `Center and zoom in on ${selectedNode.label} in the graph`, title: "Center the graph view on this node and zoom in for a closer look", children: "Focus" })] }) })] }))] }));
+}
+//# sourceMappingURL=ontology-graph-node-details.js.map

package/dist/components/ontology-graph/ontology-graph-node-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-graph-node-details.js","sourceRoot":"","sources":["../../../lib/components/ontology-graph/ontology-graph-node-details.tsx"],"names":[],"mappings":"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"}

package/dist/components/ontology-graph/ontology-graph-settings.d.ts

@@ -0,0 +1,125 @@
+import type { EntityColors } from "./types";
+export interface DisplaySettingsProps {
+    showLabels: boolean;
+    setShowLabels: (value: boolean) => void;
+    showLinkLabels: boolean;
+    setShowLinkLabels: (value: boolean) => void;
+    enableHover: boolean;
+    setEnableHover: (value: boolean) => void;
+    fixNodeOnDrop: boolean;
+    setFixNodeOnDrop: (value: boolean) => void;
+    hideUnconnected: boolean;
+    setHideUnconnected: (value: boolean) => void;
+    nodeRelSize: number[];
+    setNodeRelSize: (value: number[]) => void;
+    labelSize: number[];
+    setLabelSize: (value: number[]) => void;
+    dagMode: string;
+    setDagMode: (value: string) => void;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+/**
+ * Render the "Display Settings" collapsible panel for configuring graph visual appearance.
+ *
+ * Renders switches, sliders, and a layout selector bound to the provided props; control values are managed by the corresponding setter callbacks.
+ *
+ * @returns A React element containing the Display Settings panel UI
+ */
+export declare function DisplaySettingsPanel({ showLabels, setShowLabels, showLinkLabels, setShowLinkLabels, enableHover, setEnableHover, fixNodeOnDrop, setFixNodeOnDrop, hideUnconnected, setHideUnconnected, nodeRelSize, setNodeRelSize, labelSize, setLabelSize, dagMode, setDagMode, isOpen, setIsOpen, }: DisplaySettingsProps): import("react/jsx-runtime").JSX.Element;
+export interface LinkSettingsProps {
+    showDirectionalArrows: boolean;
+    setShowDirectionalArrows: (value: boolean) => void;
+    arrowSize: number[];
+    setArrowSize: (value: number[]) => void;
+    showParticles: boolean;
+    setShowParticles: (value: boolean) => void;
+    particleSpeed: number[];
+    setParticleSpeed: (value: number[]) => void;
+    linkCurvature: number[];
+    setLinkCurvature: (value: number[]) => void;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+/**
+ * Renders the "Link Settings" collapsible panel for configuring appearance and animation of graph links.
+ *
+ * @param showDirectionalArrows - Whether directional arrows are displayed on links
+ * @param setShowDirectionalArrows - Setter called with the new `showDirectionalArrows` value
+ * @param arrowSize - Current arrow size (slider value array) where the first element is the active size
+ * @param setArrowSize - Setter called with the new `arrowSize` slider value
+ * @param showParticles - Whether animated particles are displayed on links
+ * @param setShowParticles - Setter called with the new `showParticles` value
+ * @param particleSpeed - Current particle speed (slider value array) where the first element is the active speed
+ * @param setParticleSpeed - Setter called with the new `particleSpeed` slider value
+ * @param linkCurvature - Current link curvature (slider value array) where the first element is the active curvature
+ * @param setLinkCurvature - Setter called with the new `linkCurvature` slider value
+ * @param isOpen - Whether the panel is currently expanded
+ * @param setIsOpen - Setter called when the panel open state changes
+ * @returns The React element for the Link Settings panel
+ */
+export declare function LinkSettingsPanel({ showDirectionalArrows, setShowDirectionalArrows, arrowSize, setArrowSize, showParticles, setShowParticles, particleSpeed, setParticleSpeed, linkCurvature, setLinkCurvature, isOpen, setIsOpen, }: LinkSettingsProps): import("react/jsx-runtime").JSX.Element;
+export interface PhysicsSettingsProps {
+    chargeStrength: number[];
+    setChargeStrength: (value: number[]) => void;
+    linkDistance: number[];
+    setLinkDistance: (value: number[]) => void;
+    centerStrength: number[];
+    setCenterStrength: (value: number[]) => void;
+    velocityDecay: number[];
+    setVelocityDecay: (value: number[]) => void;
+    cooldownTicks: number[];
+    setCooldownTicks: (value: number[]) => void;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+/**
+ * Render the "Physics Settings" collapsible panel for configuring simulation forces and behavior.
+ *
+ * Renders controls for repulsion, link distance, center force, velocity decay, and simulation ticks,
+ * each bound to the provided state tuple and setter so external state drives the UI.
+ *
+ * @param chargeStrength - Two-element tuple where the first item is the current repulsion value and the second is the setter
+ * @param setChargeStrength - Setter for the repulsion value (provided for clarity; part of the tuple above)
+ * @param linkDistance - Two-element tuple where the first item is the current preferred link distance and the second is the setter
+ * @param setLinkDistance - Setter for the link distance value
+ * @param centerStrength - Two-element tuple where the first item is the current center force strength and the second is the setter
+ * @param setCenterStrength - Setter for the center force value
+ * @param velocityDecay - Two-element tuple where the first item is the current velocity decay and the second is the setter
+ * @param setVelocityDecay - Setter for the velocity decay value
+ * @param cooldownTicks - Two-element tuple where the first item is the current simulation tick limit and the second is the setter
+ * @param setCooldownTicks - Setter for the simulation tick limit
+ * @param isOpen - Whether the collapsible panel is currently open
+ * @param setIsOpen - Callback to toggle the panel open state
+ *
+ * @returns The Physics Settings panel React element
+ */
+export declare function PhysicsSettingsPanel({ chargeStrength, setChargeStrength, linkDistance, setLinkDistance, centerStrength, setCenterStrength, velocityDecay, setVelocityDecay, cooldownTicks, setCooldownTicks, isOpen, setIsOpen, }: PhysicsSettingsProps): import("react/jsx-runtime").JSX.Element;
+export interface LegendPanelProps {
+    entityColors: EntityColors;
+    stats: Record<string, number>;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+/**
+ * Renders a collapsible "Entity Types" legend showing a color swatch, capitalized type name, and node count for each entity type.
+ *
+ * @param entityColors - Mapping of entity type keys to CSS color values used for the legend swatches.
+ * @param stats - Mapping of entity type keys to their numeric counts; absent keys are treated as zero.
+ * @param isOpen - Whether the legend panel is currently expanded.
+ * @param setIsOpen - State setter that toggles the panel open state.
+ */
+export declare function LegendPanel({ entityColors, stats, isOpen, setIsOpen }: LegendPanelProps): import("react/jsx-runtime").JSX.Element;
+export interface TipsPanelProps {
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+/**
+ * Renders a collapsible "Tips" panel containing quick usage instructions for interacting with the graph.
+ *
+ * @param isOpen - Whether the tips panel is currently open
+ * @param setIsOpen - Callback to update the open state of the panel
+ * @returns The Tips panel React element
+ */
+export declare function TipsPanel({ isOpen, setIsOpen }: TipsPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ontology-graph-settings.d.ts.map

package/dist/components/ontology-graph/ontology-graph-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-graph-settings.d.ts","sourceRoot":"","sources":["../../../lib/components/ontology-graph/ontology-graph-settings.tsx"],"names":[],"mappings":"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"}

package/dist/components/ontology-graph/ontology-graph-settings.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider } from "../ui/slider";
+import { Switch } from "../ui/switch";
+import { Label } from "../ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../ui/collapsible";
+import { ChevronDown } from "lucide-react";
+/**
+ * Render the "Display Settings" collapsible panel for configuring graph visual appearance.
+ *
+ * Renders switches, sliders, and a layout selector bound to the provided props; control values are managed by the corresponding setter callbacks.
+ *
+ * @returns A React element containing the Display Settings panel UI
+ */
+export function DisplaySettingsPanel({ showLabels, setShowLabels, showLinkLabels, setShowLinkLabels, enableHover, setEnableHover, fixNodeOnDrop, setFixNodeOnDrop, hideUnconnected, setHideUnconnected, nodeRelSize, setNodeRelSize, labelSize, setLabelSize, dagMode, setDagMode, isOpen, setIsOpen, }) {
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "mb-3", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted/50 hover:bg-muted flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm font-semibold transition-colors", "aria-expanded": isOpen, "aria-controls": "display-settings-content", title: "Toggle display settings panel - Configure visual appearance of nodes and labels", children: ["Display Settings", _jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`, "aria-hidden": "true" })] }), _jsxs(CollapsibleContent, { id: "display-settings-content", className: "space-y-3 px-1 pt-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "show-labels", className: "text-sm", title: "Show or hide text labels on nodes", children: "Show Labels" }), _jsx(Switch, { id: "show-labels", checked: showLabels, onCheckedChange: setShowLabels, "aria-describedby": "show-labels-desc", title: showLabels ? "Click to hide node labels" : "Click to show node labels" }), _jsx("span", { id: "show-labels-desc", className: "sr-only", children: "Display text labels on graph nodes" })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "show-link-labels", className: "text-sm", title: "Show or hide relationship labels on links", children: "Show Link Labels" }), _jsx(Switch, { id: "show-link-labels", checked: showLinkLabels, onCheckedChange: setShowLinkLabels, "aria-describedby": "show-link-labels-desc", title: showLinkLabels ? "Click to hide link labels" : "Click to show link labels" }), _jsx("span", { id: "show-link-labels-desc", className: "sr-only", children: "Display relationship labels on connecting links" })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "enable-hover", className: "text-sm", title: "Highlight connected nodes when hovering", children: "Enable Hover" }), _jsx(Switch, { id: "enable-hover", checked: enableHover, onCheckedChange: setEnableHover, "aria-describedby": "enable-hover-desc", title: enableHover
+                                    ? "Click to disable hover highlighting"
+                                    : "Click to enable hover highlighting" }), _jsx("span", { id: "enable-hover-desc", className: "sr-only", children: "Highlight connected nodes when mouse hovers over a node" })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "fix-node-on-drop", className: "text-sm", title: "Lock node position after dragging", children: "Fix Node on Drop" }), _jsx(Switch, { id: "fix-node-on-drop", checked: fixNodeOnDrop, onCheckedChange: setFixNodeOnDrop, "aria-describedby": "fix-node-on-drop-desc", title: fixNodeOnDrop
+                                    ? "Nodes will lock in place after dragging"
+                                    : "Nodes will return to physics simulation after dragging" }), _jsx("span", { id: "fix-node-on-drop-desc", className: "sr-only", children: "When enabled, dragged nodes stay fixed in their dropped position" })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "hide-unconnected", className: "text-sm", title: "Hide nodes with no connections", children: "Hide Unconnected" }), _jsx(Switch, { id: "hide-unconnected", checked: hideUnconnected, onCheckedChange: setHideUnconnected, "aria-describedby": "hide-unconnected-desc", title: hideUnconnected
+                                    ? "Showing only connected nodes"
+                                    : "Showing all nodes including unconnected ones" }), _jsx("span", { id: "hide-unconnected-desc", className: "sr-only", children: "Hide nodes that have no relationship links to other nodes" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "node-size-slider", className: "text-sm", title: `Adjust the relative size of nodes. Current value: ${nodeRelSize[0]}`, children: ["Node Size: ", nodeRelSize[0]] }), _jsx(Slider, { id: "node-size-slider", value: nodeRelSize, onValueChange: setNodeRelSize, min: 1, max: 10, step: 0.5, "aria-label": `Node size slider, current value ${nodeRelSize[0]}`, "aria-valuemin": 1, "aria-valuemax": 10, "aria-valuenow": nodeRelSize[0], title: "Drag to adjust the size of nodes in the graph" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "label-size-slider", className: "text-sm", title: `Adjust the font size of labels. Current value: ${labelSize[0]}px`, children: ["Label Size: ", labelSize[0]] }), _jsx(Slider, { id: "label-size-slider", value: labelSize, onValueChange: setLabelSize, min: 6, max: 24, step: 1, "aria-label": `Label size slider, current value ${labelSize[0]} pixels`, "aria-valuemin": 6, "aria-valuemax": 24, "aria-valuenow": labelSize[0], title: "Drag to adjust the font size of node and link labels" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "layout-mode-select", className: "text-sm", title: "Choose how nodes are arranged in the graph", children: "Layout Mode" }), _jsxs(Select, { value: dagMode, onValueChange: setDagMode, children: [_jsx(SelectTrigger, { id: "layout-mode-select", "aria-label": "Select graph layout mode", title: "Select a layout algorithm for arranging nodes", children: _jsx(SelectValue, { placeholder: "Select layout" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "null", title: "Nodes arrange based on physics simulation", children: "Force-Directed" }), _jsx(SelectItem, { value: "td", title: "Hierarchy flows from top to bottom", children: "Top-Down" }), _jsx(SelectItem, { value: "bu", title: "Hierarchy flows from bottom to top", children: "Bottom-Up" }), _jsx(SelectItem, { value: "lr", title: "Hierarchy flows from left to right", children: "Left-Right" }), _jsx(SelectItem, { value: "rl", title: "Hierarchy flows from right to left", children: "Right-Left" }), _jsx(SelectItem, { value: "radialout", title: "Nodes radiate outward from center", children: "Radial Out" }), _jsx(SelectItem, { value: "radialin", title: "Nodes converge inward to center", children: "Radial In" })] })] })] })] })] }));
+}
+/**
+ * Renders the "Link Settings" collapsible panel for configuring appearance and animation of graph links.
+ *
+ * @param showDirectionalArrows - Whether directional arrows are displayed on links
+ * @param setShowDirectionalArrows - Setter called with the new `showDirectionalArrows` value
+ * @param arrowSize - Current arrow size (slider value array) where the first element is the active size
+ * @param setArrowSize - Setter called with the new `arrowSize` slider value
+ * @param showParticles - Whether animated particles are displayed on links
+ * @param setShowParticles - Setter called with the new `showParticles` value
+ * @param particleSpeed - Current particle speed (slider value array) where the first element is the active speed
+ * @param setParticleSpeed - Setter called with the new `particleSpeed` slider value
+ * @param linkCurvature - Current link curvature (slider value array) where the first element is the active curvature
+ * @param setLinkCurvature - Setter called with the new `linkCurvature` slider value
+ * @param isOpen - Whether the panel is currently expanded
+ * @param setIsOpen - Setter called when the panel open state changes
+ * @returns The React element for the Link Settings panel
+ */
+export function LinkSettingsPanel({ showDirectionalArrows, setShowDirectionalArrows, arrowSize, setArrowSize, showParticles, setShowParticles, particleSpeed, setParticleSpeed, linkCurvature, setLinkCurvature, isOpen, setIsOpen, }) {
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "mb-3", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted/50 hover:bg-muted flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm font-semibold transition-colors", "aria-expanded": isOpen, "aria-controls": "link-settings-content", title: "Toggle link settings panel - Configure appearance of relationship lines", children: ["Link Settings", _jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`, "aria-hidden": "true" })] }), _jsxs(CollapsibleContent, { id: "link-settings-content", className: "space-y-3 px-1 pt-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "show-arrows", className: "text-sm", title: "Show arrows indicating relationship direction", children: "Directional Arrows" }), _jsx(Switch, { id: "show-arrows", checked: showDirectionalArrows, onCheckedChange: setShowDirectionalArrows, "aria-describedby": "show-arrows-desc", title: showDirectionalArrows
+                                    ? "Click to hide directional arrows"
+                                    : "Click to show directional arrows on links" }), _jsx("span", { id: "show-arrows-desc", className: "sr-only", children: "Display arrows on links to indicate relationship direction" })] }), showDirectionalArrows && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "arrow-size-slider", className: "text-sm", title: `Adjust the size of directional arrows. Current value: ${arrowSize[0]}`, children: ["Arrow Size: ", arrowSize[0]] }), _jsx(Slider, { id: "arrow-size-slider", value: arrowSize, onValueChange: setArrowSize, min: 2, max: 15, step: 1, "aria-label": `Arrow size slider, current value ${arrowSize[0]}`, "aria-valuemin": 2, "aria-valuemax": 15, "aria-valuenow": arrowSize[0], title: "Drag to adjust the size of directional arrows" })] })), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { htmlFor: "show-particles", className: "text-sm", title: "Animate particles flowing along links", children: "Animated Particles" }), _jsx(Switch, { id: "show-particles", checked: showParticles, onCheckedChange: setShowParticles, "aria-describedby": "show-particles-desc", title: showParticles
+                                    ? "Click to stop particle animation"
+                                    : "Click to show animated particles on links" }), _jsx("span", { id: "show-particles-desc", className: "sr-only", children: "Display animated particles moving along relationship links" })] }), showParticles && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "particle-speed-slider", className: "text-sm", title: `Adjust particle animation speed. Current value: ${particleSpeed[0].toFixed(3)}`, children: ["Particle Speed: ", particleSpeed[0].toFixed(3)] }), _jsx(Slider, { id: "particle-speed-slider", value: particleSpeed, onValueChange: setParticleSpeed, min: 0.001, max: 0.05, step: 0.001, "aria-label": `Particle speed slider, current value ${particleSpeed[0].toFixed(3)}`, "aria-valuemin": 0.001, "aria-valuemax": 0.05, "aria-valuenow": particleSpeed[0], title: "Drag to adjust how fast particles travel along links" })] })), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "link-curvature-slider", className: "text-sm", title: `Adjust how curved the links appear. Current value: ${linkCurvature[0]}`, children: ["Link Curvature: ", linkCurvature[0]] }), _jsx(Slider, { id: "link-curvature-slider", value: linkCurvature, onValueChange: setLinkCurvature, min: 0, max: 1, step: 0.1, "aria-label": `Link curvature slider, current value ${linkCurvature[0]}`, "aria-valuemin": 0, "aria-valuemax": 1, "aria-valuenow": linkCurvature[0], title: "Drag to adjust curvature of links. 0 is straight, 1 is most curved" })] })] })] }));
+}
+/**
+ * Render the "Physics Settings" collapsible panel for configuring simulation forces and behavior.
+ *
+ * Renders controls for repulsion, link distance, center force, velocity decay, and simulation ticks,
+ * each bound to the provided state tuple and setter so external state drives the UI.
+ *
+ * @param chargeStrength - Two-element tuple where the first item is the current repulsion value and the second is the setter
+ * @param setChargeStrength - Setter for the repulsion value (provided for clarity; part of the tuple above)
+ * @param linkDistance - Two-element tuple where the first item is the current preferred link distance and the second is the setter
+ * @param setLinkDistance - Setter for the link distance value
+ * @param centerStrength - Two-element tuple where the first item is the current center force strength and the second is the setter
+ * @param setCenterStrength - Setter for the center force value
+ * @param velocityDecay - Two-element tuple where the first item is the current velocity decay and the second is the setter
+ * @param setVelocityDecay - Setter for the velocity decay value
+ * @param cooldownTicks - Two-element tuple where the first item is the current simulation tick limit and the second is the setter
+ * @param setCooldownTicks - Setter for the simulation tick limit
+ * @param isOpen - Whether the collapsible panel is currently open
+ * @param setIsOpen - Callback to toggle the panel open state
+ *
+ * @returns The Physics Settings panel React element
+ */
+export function PhysicsSettingsPanel({ chargeStrength, setChargeStrength, linkDistance, setLinkDistance, centerStrength, setCenterStrength, velocityDecay, setVelocityDecay, cooldownTicks, setCooldownTicks, isOpen, setIsOpen, }) {
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "mb-3", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted/50 hover:bg-muted flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm font-semibold transition-colors", "aria-expanded": isOpen, "aria-controls": "physics-settings-content", title: "Toggle physics settings panel - Configure simulation forces and behavior", children: ["Physics Settings", _jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`, "aria-hidden": "true" })] }), _jsxs(CollapsibleContent, { id: "physics-settings-content", className: "space-y-3 px-1 pt-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "repulsion-slider", className: "text-sm", title: `Control how strongly nodes repel each other. Current value: ${chargeStrength[0]}`, children: ["Repulsion: ", chargeStrength[0]] }), _jsx(Slider, { id: "repulsion-slider", value: chargeStrength, onValueChange: setChargeStrength, min: -300, max: 0, step: 10, "aria-label": `Repulsion strength slider, current value ${chargeStrength[0]}`, "aria-valuemin": -300, "aria-valuemax": 0, "aria-valuenow": chargeStrength[0], title: "Drag to adjust how strongly nodes push away from each other. More negative values create more spacing" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "link-distance-slider", className: "text-sm", title: `Set the ideal distance between connected nodes. Current value: ${linkDistance[0]}`, children: ["Link Distance: ", linkDistance[0]] }), _jsx(Slider, { id: "link-distance-slider", value: linkDistance, onValueChange: setLinkDistance, min: 20, max: 150, step: 10, "aria-label": `Link distance slider, current value ${linkDistance[0]}`, "aria-valuemin": 20, "aria-valuemax": 150, "aria-valuenow": linkDistance[0], title: "Drag to adjust the preferred distance between connected nodes" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "center-force-slider", className: "text-sm", title: `Control how strongly nodes are pulled to the center. Current value: ${centerStrength[0]}`, children: ["Center Force: ", centerStrength[0]] }), _jsx(Slider, { id: "center-force-slider", value: centerStrength, onValueChange: setCenterStrength, min: 0, max: 2, step: 0.1, "aria-label": `Center force slider, current value ${centerStrength[0]}`, "aria-valuemin": 0, "aria-valuemax": 2, "aria-valuenow": centerStrength[0], title: "Drag to adjust how strongly nodes are attracted to the graph center" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "velocity-decay-slider", className: "text-sm", title: `Control how quickly node movement slows down. Current value: ${velocityDecay[0]}`, children: ["Velocity Decay: ", velocityDecay[0]] }), _jsx(Slider, { id: "velocity-decay-slider", value: velocityDecay, onValueChange: setVelocityDecay, min: 0.1, max: 0.9, step: 0.1, "aria-label": `Velocity decay slider, current value ${velocityDecay[0]}`, "aria-valuemin": 0.1, "aria-valuemax": 0.9, "aria-valuenow": velocityDecay[0], title: "Drag to adjust friction. Higher values make nodes settle faster" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "simulation-ticks-slider", className: "text-sm", title: `Number of simulation steps before stopping. Current value: ${cooldownTicks[0]}`, children: ["Simulation Ticks: ", cooldownTicks[0]] }), _jsx(Slider, { id: "simulation-ticks-slider", value: cooldownTicks, onValueChange: setCooldownTicks, min: 0, max: 500, step: 50, "aria-label": `Simulation ticks slider, current value ${cooldownTicks[0]}`, "aria-valuemin": 0, "aria-valuemax": 500, "aria-valuenow": cooldownTicks[0], title: "Drag to adjust how long the physics simulation runs. 0 runs indefinitely" })] })] })] }));
+}
+/**
+ * Renders a collapsible "Entity Types" legend showing a color swatch, capitalized type name, and node count for each entity type.
+ *
+ * @param entityColors - Mapping of entity type keys to CSS color values used for the legend swatches.
+ * @param stats - Mapping of entity type keys to their numeric counts; absent keys are treated as zero.
+ * @param isOpen - Whether the legend panel is currently expanded.
+ * @param setIsOpen - State setter that toggles the panel open state.
+ */
+export function LegendPanel({ entityColors, stats, isOpen, setIsOpen }) {
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "mb-3", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted/50 hover:bg-muted flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm font-semibold transition-colors", "aria-expanded": isOpen, "aria-controls": "legend-panel-content", title: "Toggle entity types legend - View color codes for different entity types", children: ["Entity Types", _jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`, "aria-hidden": "true" })] }), _jsx(CollapsibleContent, { id: "legend-panel-content", className: "px-1 pt-3 text-sm", children: _jsx("ul", { className: "space-y-2", "aria-label": "Entity type legend with node counts", children: Object.entries(entityColors).map(([type, color]) => (_jsxs("li", { className: "flex items-center gap-2", title: `${type}: ${stats[type] || 0} nodes in graph`, children: [_jsx("span", { className: "inline-block h-3 w-3 rounded-full", style: { backgroundColor: color }, role: "img", "aria-label": `Color indicator for ${type} entities` }), _jsx("span", { className: "flex-1 capitalize", children: type }), _jsx("span", { className: "text-muted-foreground", "aria-label": `${stats[type] || 0} ${type} nodes`, children: stats[type] || 0 })] }, type))) }) })] }));
+}
+/**
+ * Renders a collapsible "Tips" panel containing quick usage instructions for interacting with the graph.
+ *
+ * @param isOpen - Whether the tips panel is currently open
+ * @param setIsOpen - Callback to update the open state of the panel
+ * @returns The Tips panel React element
+ */
+export function TipsPanel({ isOpen, setIsOpen }) {
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "mb-3", children: [_jsxs(CollapsibleTrigger, { className: "bg-muted/50 hover:bg-muted flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm font-semibold transition-colors", "aria-expanded": isOpen, "aria-controls": "tips-panel-content", title: "Toggle tips panel - View helpful usage instructions", children: ["Tips", _jsx(ChevronDown, { className: `h-4 w-4 transition-transform ${isOpen ? "rotate-180" : ""}`, "aria-hidden": "true" })] }), _jsx(CollapsibleContent, { id: "tips-panel-content", className: "px-1 pt-3", children: _jsxs("ul", { className: "text-muted-foreground space-y-1 text-xs", "aria-label": "Graph interaction tips", children: [_jsx("li", { title: "Left-click on any node to open the details panel", children: "Click nodes to see details" }), _jsx("li", { title: "Click and drag nodes to reposition them in the graph", children: "Drag to reposition nodes" }), _jsx("li", { title: "Use mouse scroll wheel or trackpad to zoom in and out", children: "Scroll to zoom" }), _jsx("li", { title: "Use the Layout Mode dropdown to change how nodes are arranged", children: "Try different layout modes" })] }) })] }));
+}
+//# sourceMappingURL=ontology-graph-settings.js.map

package/dist/components/ontology-graph/ontology-graph-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-graph-settings.js","sourceRoot":"","sources":["../../../lib/components/ontology-graph/ontology-graph-settings.tsx"],"names":[],"mappings":"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"}

package/dist/components/ontology-graph/ontology-graph.d.ts

@@ -0,0 +1,19 @@
+import { OntologyGraphProps } from "./types";
+/**
+ * Render an interactive, configurable force-directed ontology graph with optional settings and a node details panel.
+ *
+ * Provides DAG layouts, customizable display/link/physics controls, hover tooltips, zoom/pan controls, and a slide-in details panel for selected nodes.
+ *
+ * @param data - Graph data (nodes and links) used to build the visualization.
+ * @param entityColors - Mapping of entity types to colors used in the legend and node rendering.
+ * @param renderNode - Optional custom node rendering hook for the canvas.
+ * @param renderNodeTooltip - Optional renderer for the hover tooltip content.
+ * @param renderNodeDetails - Optional renderer for the node details panel content.
+ * @param initialZoom - Optional initial zoom level to apply after the graph stabilizes.
+ * @param focusNodeId - Optional node id to center and zoom to after the graph stabilizes.
+ * @param detailsPanelPosition - Position of the node details panel ("right" or "left").
+ * @returns The React element that renders the interactive ontology graph component.
+ */
+export declare function OntologyGraph({ data, entityColors, title, subtitle, headerIcon, defaultSettings, showSettings, showDisplaySettings, showLinkSettings, showPhysicsSettings, showLegend, showTips, renderNodeDetails, renderNodeTooltip, renderNode, showSchema, detailsPanelPosition, onNodeSelect, onLinkSelect, filterSelfLinksInDagMode, initialZoom, focusNodeId, className, }: OntologyGraphProps): import("react/jsx-runtime").JSX.Element;
+export default OntologyGraph;
+//# sourceMappingURL=ontology-graph.d.ts.map

package/dist/components/ontology-graph/ontology-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-graph.d.ts","sourceRoot":"","sources":["../../../lib/components/ontology-graph/ontology-graph.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsB7C;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,eAAoB,EACpB,YAAmB,EACnB,mBAA0B,EAC1B,gBAAuB,EACvB,mBAA0B,EAC1B,UAAiB,EACjB,QAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,UAAkB,EAClB,oBAA8B,EAC9B,YAAY,EACZ,YAAY,EACZ,wBAA+B,EAC/B,WAAW,EACX,WAAW,EACX,SAAc,GACf,EAAE,kBAAkB,2CAiWpB;AAED,eAAe,aAAa,CAAC"}