@miethe/ui 0.2.0

package/dist/content-viewer/FileTree.js

@@ -0,0 +1,294 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { ChevronRight, ChevronDown, Folder, FolderOpen, FileText, FileCode, File, Braces, Trash2, Plus, } from 'lucide-react';
+import { cn } from '../primitives/utils';
+import { Button } from '../components/ui/button';
+import { Skeleton } from '../components/ui/skeleton';
+// ============================================================================
+// Helper Functions
+// ============================================================================
+/**
+ * Get the appropriate icon for a file based on its extension
+ */
+function getFileIcon(fileName) {
+    const extension = fileName.split('.').pop()?.toLowerCase();
+    switch (extension) {
+        case 'md':
+        case 'txt':
+            return FileText;
+        case 'ts':
+        case 'tsx':
+        case 'js':
+        case 'jsx':
+        case 'py':
+        case 'java':
+        case 'cpp':
+        case 'c':
+        case 'go':
+        case 'rs':
+            return FileCode;
+        case 'json':
+            return Braces;
+        default:
+            return File;
+    }
+}
+// ============================================================================
+// Helper: Flatten tree to ordered list for keyboard navigation
+// ============================================================================
+/**
+ * Flatten tree nodes into a linear list for keyboard navigation.
+ * Only includes visible nodes (respects expanded state).
+ */
+function flattenVisibleNodes(nodes, expandedPaths) {
+    const result = [];
+    function traverse(nodeList) {
+        for (const node of nodeList) {
+            result.push(node);
+            if (node.type === 'directory' && expandedPaths.has(node.path) && node.children) {
+                traverse(node.children);
+            }
+        }
+    }
+    traverse(nodes);
+    return result;
+}
+function TreeNode({ node, level, selectedPath, focusedPath, expandedPaths, onSelect, onToggle, onDelete, onFocus, onKeyNavigation, treeSize, positionInSet, }) {
+    const nodeRef = useRef(null);
+    const isExpanded = expandedPaths.has(node.path);
+    const isSelected = selectedPath === node.path;
+    const isFocused = focusedPath === node.path;
+    const isDirectory = node.type === 'directory';
+    // Focus the element when it becomes the focused item (roving tabindex)
+    useEffect(() => {
+        if (isFocused && nodeRef.current) {
+            nodeRef.current.focus();
+        }
+    }, [isFocused]);
+    const handleClick = useCallback(() => {
+        onFocus(node.path);
+        if (isDirectory) {
+            onToggle(node.path);
+        }
+        else {
+            onSelect(node.path);
+        }
+    }, [isDirectory, node.path, onSelect, onToggle, onFocus]);
+    const handleKeyDown = useCallback((e) => {
+        // Handle Enter and Space for activation
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            if (isDirectory) {
+                onToggle(node.path);
+            }
+            else {
+                onSelect(node.path);
+            }
+            return;
+        }
+        // Handle ArrowRight to expand directory
+        if (e.key === 'ArrowRight' && isDirectory) {
+            e.preventDefault();
+            if (!isExpanded) {
+                onToggle(node.path);
+            }
+            return;
+        }
+        // Handle ArrowLeft to collapse directory
+        if (e.key === 'ArrowLeft' && isDirectory && isExpanded) {
+            e.preventDefault();
+            onToggle(node.path);
+            return;
+        }
+        // Delegate Up/Down/Home/End navigation to parent
+        onKeyNavigation(e, node);
+    }, [isDirectory, isExpanded, node, onSelect, onToggle, onKeyNavigation]);
+    const handleDelete = useCallback((e) => {
+        e.stopPropagation();
+        if (onDelete) {
+            onDelete(node.path);
+        }
+    }, [node.path, onDelete]);
+    const IconComponent = isDirectory ? (isExpanded ? FolderOpen : Folder) : getFileIcon(node.name);
+    return (_jsxs("div", { role: "none", children: [_jsxs("div", { ref: nodeRef, role: "treeitem", tabIndex: isFocused ? 0 : -1, "aria-selected": isSelected, "aria-expanded": isDirectory ? isExpanded : undefined, "aria-level": level + 1, "aria-setsize": treeSize, "aria-posinset": positionInSet, "data-testid": `tree-item-${node.path}`, className: cn('group flex cursor-pointer items-center gap-1 rounded px-2 py-1 transition-colors hover:bg-accent', isSelected && 'bg-accent text-accent-foreground', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1'), style: { paddingLeft: `${level * 12 + 8}px` }, onClick: handleClick, onKeyDown: handleKeyDown, onFocus: () => onFocus(node.path), children: [isDirectory ? (_jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: isExpanded ? (_jsx(ChevronDown, { className: "h-4 w-4 text-muted-foreground" })) : (_jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })) })) : (_jsx("span", { className: "w-4 flex-shrink-0", "aria-hidden": "true" })), _jsx(IconComponent, { className: cn('h-4 w-4 flex-shrink-0', isDirectory ? 'text-blue-500' : 'text-muted-foreground'), "aria-hidden": "true" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: node.name }), onDelete && !isDirectory && (_jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 opacity-0 transition-opacity focus:opacity-100 group-hover:opacity-100", onClick: handleDelete, "aria-label": `Delete ${node.name}`, tabIndex: -1, children: _jsx(Trash2, { className: "h-3 w-3", "aria-hidden": "true" }) }))] }), isDirectory && isExpanded && node.children && (_jsx("div", { role: "group", "aria-label": `Contents of ${node.name}`, children: node.children.map((child, index) => {
+                    // Calculate position in the flattened visible list
+                    // This is a simplified version - the parent handles the full calculation
+                    return (_jsx(TreeNode, { node: child, level: level + 1, selectedPath: selectedPath, focusedPath: focusedPath, expandedPaths: expandedPaths, onSelect: onSelect, onToggle: onToggle, onDelete: onDelete, onFocus: onFocus, onKeyNavigation: onKeyNavigation, treeSize: treeSize, positionInSet: index + 1 }, child.path));
+                }) }))] }));
+}
+// ============================================================================
+// Loading Skeleton
+// ============================================================================
+function FileTreeSkeleton() {
+    return (_jsx("div", { className: "space-y-2 p-2", children: [...Array(8)].map((_, i) => (_jsxs("div", { className: "flex items-center gap-2", style: { paddingLeft: `${(i % 3) * 12 + 8}px` }, children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-4 flex-1" })] }, i))) }));
+}
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * FileTree - Recursive file browser component
+ *
+ * Displays a hierarchical tree of files and directories with expand/collapse functionality.
+ * Supports keyboard navigation, file selection, and optional delete actions.
+ *
+ * Features:
+ * - Recursive rendering of nested directories
+ * - Expandable/collapsible folders with chevron icons
+ * - File type icons (markdown, code, JSON, etc.)
+ * - Selected file highlighting
+ * - Full keyboard navigation (Arrow keys, Enter, Space, Home, End)
+ * - ARIA tree pattern for screen reader accessibility
+ * - Roving tabindex for efficient keyboard focus management
+ * - Optional context actions (delete)
+ * - Loading skeleton state
+ * - Read-only mode (hides create/delete buttons)
+ *
+ * Keyboard Controls:
+ * - ArrowUp/ArrowDown: Move focus between visible items
+ * - ArrowRight: Expand folder (if collapsed) or move to first child
+ * - ArrowLeft: Collapse folder (if expanded) or move to parent
+ * - Enter/Space: Select file or toggle folder
+ * - Home: Move to first item
+ * - End: Move to last visible item
+ *
+ * @example
+ * ```tsx
+ * // Editable mode (default)
+ * <FileTree
+ *   entityId="skill-123"
+ *   files={fileStructure}
+ *   selectedPath={selectedPath}
+ *   onSelect={(path) => setSelectedPath(path)}
+ *   onDeleteFile={(path) => handleDelete(path)}
+ * />
+ *
+ * // Read-only mode (no create/delete buttons)
+ * <FileTree
+ *   entityId="skill-123"
+ *   files={fileStructure}
+ *   selectedPath={selectedPath}
+ *   onSelect={(path) => setSelectedPath(path)}
+ *   readOnly
+ *   ariaLabel="Artifact file browser"
+ * />
+ * ```
+ */
+export function FileTree({ entityId: _entityId, files, selectedPath, onSelect, onAddFile, onDeleteFile, isLoading = false, readOnly = false, ariaLabel = 'File browser', }) {
+    const [expandedPaths, setExpandedPaths] = useState(new Set());
+    const [focusedPath, setFocusedPath] = useState(null);
+    const treeRef = useRef(null);
+    // Get flat list of all visible nodes for keyboard navigation
+    const visibleNodes = flattenVisibleNodes(files, expandedPaths);
+    // Initialize focus to first item or selected item
+    useEffect(() => {
+        if (focusedPath === null && visibleNodes.length > 0) {
+            // If there's a selected path, focus it; otherwise focus first item
+            const firstNode = visibleNodes[0];
+            if (selectedPath && visibleNodes.some((n) => n.path === selectedPath)) {
+                setFocusedPath(selectedPath);
+            }
+            else if (firstNode) {
+                setFocusedPath(firstNode.path);
+            }
+        }
+    }, [focusedPath, visibleNodes, selectedPath]);
+    const handleToggle = useCallback((path) => {
+        setExpandedPaths((prev) => {
+            const next = new Set(prev);
+            if (next.has(path)) {
+                next.delete(path);
+            }
+            else {
+                next.add(path);
+            }
+            return next;
+        });
+    }, []);
+    const handleFocus = useCallback((path) => {
+        setFocusedPath(path);
+    }, []);
+    // Handle keyboard navigation for the tree
+    const handleKeyNavigation = useCallback((e, currentNode) => {
+        const currentIndex = visibleNodes.findIndex((n) => n.path === currentNode.path);
+        if (currentIndex === -1)
+            return;
+        switch (e.key) {
+            case 'ArrowDown': {
+                e.preventDefault();
+                const nextNode = visibleNodes[currentIndex + 1];
+                if (nextNode) {
+                    setFocusedPath(nextNode.path);
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                e.preventDefault();
+                const prevNode = visibleNodes[currentIndex - 1];
+                if (prevNode) {
+                    setFocusedPath(prevNode.path);
+                }
+                break;
+            }
+            case 'Home': {
+                e.preventDefault();
+                const firstNode = visibleNodes[0];
+                if (firstNode) {
+                    setFocusedPath(firstNode.path);
+                }
+                break;
+            }
+            case 'End': {
+                e.preventDefault();
+                const lastNode = visibleNodes[visibleNodes.length - 1];
+                if (lastNode) {
+                    setFocusedPath(lastNode.path);
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                // If not a directory or not expanded, try to move to parent
+                e.preventDefault();
+                const isDirectory = currentNode.type === 'directory';
+                const isExpanded = expandedPaths.has(currentNode.path);
+                if (isDirectory && isExpanded) {
+                    // Let TreeNode handle collapsing
+                    return;
+                }
+                // Find parent directory
+                const pathParts = currentNode.path.split('/');
+                if (pathParts.length > 1) {
+                    pathParts.pop();
+                    const parentPath = pathParts.join('/');
+                    const parentNode = visibleNodes.find((n) => n.path === parentPath);
+                    if (parentNode) {
+                        setFocusedPath(parentPath);
+                    }
+                }
+                break;
+            }
+            case 'ArrowRight': {
+                // If directory is expanded, move to first child
+                const isDirectory = currentNode.type === 'directory';
+                const isExpanded = expandedPaths.has(currentNode.path);
+                if (isDirectory && isExpanded && currentNode.children?.length) {
+                    e.preventDefault();
+                    const firstChild = currentNode.children[0];
+                    if (firstChild) {
+                        setFocusedPath(firstChild.path);
+                    }
+                }
+                // If not expanded, TreeNode will handle expanding
+                break;
+            }
+        }
+    }, [visibleNodes, expandedPaths]);
+    if (isLoading) {
+        return _jsx(FileTreeSkeleton, {});
+    }
+    if (files.length === 0) {
+        return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center py-12 text-center", children: [_jsx(Folder, { className: "mb-4 h-12 w-12 text-muted-foreground opacity-50", "aria-hidden": "true" }), _jsx("h3", { className: "mb-1 text-sm font-medium text-muted-foreground", children: "No files found" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "This entity does not contain any files yet." })] }));
+    }
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [onAddFile && !readOnly && (_jsxs("div", { className: "flex items-center justify-between border-b p-2", children: [_jsx("span", { className: "whitespace-nowrap text-xs font-medium text-muted-foreground", children: "FILES" }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 flex-shrink-0", onClick: onAddFile, "aria-label": "Add new file", children: _jsx(Plus, { className: "h-3 w-3", "aria-hidden": "true" }) })] })), _jsx("div", { ref: treeRef, role: "tree", "aria-label": ariaLabel, className: "flex-1 overflow-auto p-2", "data-testid": "file-tree", children: files.map((node, index) => (_jsx(TreeNode, { node: node, level: 0, selectedPath: selectedPath, focusedPath: focusedPath, expandedPaths: expandedPaths, onSelect: onSelect, onToggle: handleToggle, onDelete: readOnly ? undefined : onDeleteFile, onFocus: handleFocus, onKeyNavigation: handleKeyNavigation, treeSize: visibleNodes.length, positionInSet: index + 1 }, node.path))) })] }));
+}
+//# sourceMappingURL=FileTree.js.map

package/dist/content-viewer/FileTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTree.js","sourceRoot":"","sources":["../../src/content-viewer/FileTree.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AA4BrD,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;GAEG;AACH,SAAS,WAAW,CAAC,QAAgB;IACnC,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;IAE3D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC;QACV,KAAK,KAAK;YACR,OAAO,QAAQ,CAAC;QAClB,KAAK,IAAI,CAAC;QACV,KAAK,KAAK,CAAC;QACX,KAAK,IAAI,CAAC;QACV,KAAK,KAAK,CAAC;QACX,KAAK,IAAI,CAAC;QACV,KAAK,MAAM,CAAC;QACZ,KAAK,KAAK,CAAC;QACX,KAAK,GAAG,CAAC;QACT,KAAK,IAAI,CAAC;QACV,KAAK,IAAI;YACP,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC;AAED,+EAA+E;AAC/E,+DAA+D;AAC/D,+EAA+E;AAE/E;;;GAGG;AACH,SAAS,mBAAmB,CAAC,KAAiB,EAAE,aAA0B;IACxE,MAAM,MAAM,GAAe,EAAE,CAAC;IAE9B,SAAS,QAAQ,CAAC,QAAoB;QACpC,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;YAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAC/E,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;IACH,CAAC;IAED,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChB,OAAO,MAAM,CAAC;AAChB,CAAC;AAuBD,SAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,eAAe,EACf,QAAQ,EACR,aAAa,GACC;IACd,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC;IAC9C,MAAM,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC,IAAI,CAAC;IAC5C,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;IAE9C,uEAAuE;IACvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACjC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,WAAW,EAAE,CAAC;YAChB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,wCAAwC;QACxC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,WAAW,EAAE,CAAC;gBAChB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;YACD,OAAO;QACT,CAAC;QAED,wCAAwC;QACxC,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,WAAW,EAAE,CAAC;YAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;YACD,OAAO;QACT,CAAC;QAED,yCAAyC;QACzC,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,WAAW,IAAI,UAAU,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,iDAAiD;QACjD,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,CAAC,CACrE,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAmB,EAAE,EAAE;QACtB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEhG,OAAO,CACL,eAAK,IAAI,EAAC,MAAM,aACd,eACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACb,UAAU,mBACV,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,gBACvC,KAAK,GAAG,CAAC,kBACP,QAAQ,mBACP,aAAa,iBACf,aAAa,IAAI,CAAC,IAAI,EAAE,EACrC,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,UAAU,IAAI,kCAAkC,EAChD,qGAAqG,CACtG,EACD,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,EAC7C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,aAEhC,WAAW,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAC,eAAe,iBAAa,MAAM,YAC/C,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IAAC,SAAS,EAAC,+BAA+B,GAAG,CAC1D,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,SAAS,EAAC,+BAA+B,GAAG,CAC3D,GACI,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,GAAG,CAC1D,EAED,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,uBAAuB,CACxD,iBACW,MAAM,GAClB,EAEF,eAAM,SAAS,EAAC,iCAAiC,YAAE,IAAI,CAAC,IAAI,GAAQ,EAEnE,QAAQ,IAAI,CAAC,WAAW,IAAI,CAC3B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,gFAAgF,EAC1F,OAAO,EAAE,YAAY,gBACT,UAAU,IAAI,CAAC,IAAI,EAAE,EACjC,QAAQ,EAAE,CAAC,CAAC,YAEZ,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,GAC1C,CACV,IACG,EAEL,WAAW,IAAI,UAAU,IAAI,IAAI,CAAC,QAAQ,IAAI,CAC7C,cAAK,IAAI,EAAC,OAAO,gBAAa,eAAe,IAAI,CAAC,IAAI,EAAE,YACrD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAClC,mDAAmD;oBACnD,yEAAyE;oBACzE,OAAO,CACL,KAAC,QAAQ,IAEP,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,KAAK,GAAG,CAAC,EAChB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,KAAK,GAAG,CAAC,IAZnB,KAAK,CAAC,IAAI,CAaf,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E,SAAS,gBAAgB;IACvB,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC3B,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,eAEE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,aAE/C,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,EAChC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,KAL9B,CAAC,CAMF,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EAAE,SAAS,EACnB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,cAAc,GACZ;IACd,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,6DAA6D;IAC7D,MAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAE/D,kDAAkD;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,IAAI,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpD,mEAAmE;YACnE,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,CAAC;gBACtE,cAAc,CAAC,YAAY,CAAC,CAAC;YAC/B,CAAC;iBAAM,IAAI,SAAS,EAAE,CAAC;gBACrB,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAChD,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE;YACxB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAC/C,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,0CAA0C;IAC1C,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,CAAsB,EAAE,WAAqB,EAAE,EAAE;QAChD,MAAM,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC;QAChF,IAAI,YAAY,KAAK,CAAC,CAAC;YAAE,OAAO;QAEhC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAChD,IAAI,QAAQ,EAAE,CAAC;oBACb,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,SAAS,CAAC,CAAC,CAAC;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;gBAChD,IAAI,QAAQ,EAAE,CAAC;oBACb,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,MAAM,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;gBAClC,IAAI,SAAS,EAAE,CAAC;oBACd,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACjC,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,KAAK,CAAC,CAAC,CAAC;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACvD,IAAI,QAAQ,EAAE,CAAC;oBACb,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,4DAA4D;gBAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,KAAK,WAAW,CAAC;gBACrD,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAEvD,IAAI,WAAW,IAAI,UAAU,EAAE,CAAC;oBAC9B,iCAAiC;oBACjC,OAAO;gBACT,CAAC;gBAED,wBAAwB;gBACxB,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC9C,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACzB,SAAS,CAAC,GAAG,EAAE,CAAC;oBAChB,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvC,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC;oBACnE,IAAI,UAAU,EAAE,CAAC;wBACf,cAAc,CAAC,UAAU,CAAC,CAAC;oBAC7B,CAAC;gBACH,CAAC;gBACD,MAAM;YACR,CAAC;YACD,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,gDAAgD;gBAChD,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,KAAK,WAAW,CAAC;gBACrD,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAEvD,IAAI,WAAW,IAAI,UAAU,IAAI,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;oBAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC3C,IAAI,UAAU,EAAE,CAAC;wBACf,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAClC,CAAC;gBACH,CAAC;gBACD,kDAAkD;gBAClD,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,CAAC,CAC9B,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,KAAC,gBAAgB,KAAG,CAAC;IAC9B,CAAC;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACL,eAAK,SAAS,EAAC,oEAAoE,aACjF,KAAC,MAAM,IAAC,SAAS,EAAC,iDAAiD,iBAAa,MAAM,GAAG,EACzF,aAAI,SAAS,EAAC,gDAAgD,+BAAoB,EAClF,YAAG,SAAS,EAAC,+BAA+B,4DAAgD,IACxF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aAElC,SAAS,IAAI,CAAC,QAAQ,IAAI,CACzB,eAAK,SAAS,EAAC,gDAAgD,aAC7D,eAAM,SAAS,EAAC,6DAA6D,sBAAa,EAC1F,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,SAAS,gBACP,cAAc,YAEzB,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,GACxC,IACL,CACP,EAGD,cACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,SAAS,EAAC,0BAA0B,iBACxB,WAAW,YAEtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAEP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,CAAC,EACR,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAC7C,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,YAAY,CAAC,MAAM,EAC7B,aAAa,EAAE,KAAK,GAAG,CAAC,IAZnB,IAAI,CAAC,IAAI,CAad,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/content-viewer/adapters.d.ts

@@ -0,0 +1,101 @@
+/**
+ * @skillmeat/content-viewer — Adapter Interface Definitions
+ *
+ * Adapter abstractions allow consumers to inject their own data-fetching
+ * hooks without coupling content-viewer components to any specific API layer
+ * (SkillMeat backend, REST, GraphQL, static JSON, etc.).
+ *
+ * Consumers implement these interfaces and pass them to ContentViewerProvider.
+ * Components then call useContentViewerAdapter() to access the injected hooks.
+ *
+ * @example
+ * ```tsx
+ * // In your app, create an adapter that wraps your fetching hooks:
+ * const myAdapter: ContentViewerAdapter = {
+ *   useFileTree: (artifactId, options) => {
+ *     const result = useCatalogFileTree(sourceId, artifactId, options);
+ *     return { data: result.data, isLoading: result.isLoading, error: result.error };
+ *   },
+ *   useFileContent: (artifactId, filePath, options) => {
+ *     const result = useCatalogFileContent(sourceId, artifactId, filePath, options);
+ *     return { data: result.data, isLoading: result.isLoading, error: result.error };
+ *   },
+ * };
+ *
+ * // Wrap your component tree:
+ * <ContentViewerProvider adapter={myAdapter}>
+ *   <FileTree artifactId={id} />
+ * </ContentViewerProvider>
+ * ```
+ */
+import type { FileTreeResponse, FileContentResponse } from '../types';
+/**
+ * Common options accepted by all adapter hooks.
+ */
+export interface AdapterHookOptions {
+    /**
+     * When false, the hook skips fetching entirely.
+     * Useful for conditional/deferred data loading.
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * Normalized return shape for any data-fetching adapter hook.
+ * Mirrors the TanStack Query subset that content-viewer components need.
+ */
+export interface AdapterQueryResult<TData> {
+    /** The fetched data, or undefined while loading or on error. */
+    data: TData | undefined;
+    /** True while the initial fetch is in flight. */
+    isLoading: boolean;
+    /** Non-null when the most recent fetch failed. */
+    error: Error | null;
+}
+/**
+ * Adapter interface for fetching the directory/file tree of an artifact.
+ *
+ * Implementors must provide a `useFileTree` hook that accepts an artifact
+ * identifier and returns loading/error/data state conforming to
+ * AdapterQueryResult<FileTreeResponse>.
+ */
+export interface FileTreeAdapter {
+    /**
+     * React hook that fetches the file tree for the given artifact.
+     *
+     * @param artifactId - Opaque identifier for the artifact. The consumer
+     *   decides how to map this to their API (e.g. sourceId + path tuple,
+     *   UUID, slug, etc.).
+     * @param options - Optional control flags (enabled).
+     */
+    useFileTree: (artifactId: string, options?: AdapterHookOptions) => AdapterQueryResult<FileTreeResponse>;
+}
+/**
+ * Adapter interface for fetching the content of a single file within
+ * an artifact.
+ *
+ * Implementors must provide a `useFileContent` hook that accepts an
+ * artifact identifier plus a file path and returns normalized query state.
+ */
+export interface FileContentAdapter {
+    /**
+     * React hook that fetches the content of a specific file.
+     *
+     * @param artifactId - Opaque identifier for the artifact (same semantics
+     *   as FileTreeAdapter.useFileTree).
+     * @param filePath - Path of the file relative to the artifact root
+     *   (e.g. "src/index.md").
+     * @param options - Optional control flags (enabled).
+     */
+    useFileContent: (artifactId: string, filePath: string, options?: AdapterHookOptions) => AdapterQueryResult<FileContentResponse>;
+}
+/**
+ * Full content-viewer adapter — combines file tree and file content fetching.
+ *
+ * Pass an object implementing this interface to ContentViewerProvider.
+ * All content-viewer components that need data fetching will access it
+ * through useContentViewerAdapter().
+ */
+export interface ContentViewerAdapter extends FileTreeAdapter, FileContentAdapter {
+}
+//# sourceMappingURL=adapters.d.ts.map

package/dist/content-viewer/adapters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.d.ts","sourceRoot":"","sources":["../../src/content-viewer/adapters.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMtE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAMD;;;GAGG;AACH,MAAM,WAAW,kBAAkB,CAAC,KAAK;IACvC,gEAAgE;IAChE,IAAI,EAAE,KAAK,GAAG,SAAS,CAAC;IACxB,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAMD;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;;;OAOG;IACH,WAAW,EAAE,CACX,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,kBAAkB,KACzB,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CAC3C;AAMD;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;OAQG;IACH,cAAc,EAAE,CACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,kBAAkB,KACzB,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;CAC9C;AAMD;;;;;;GAMG;AACH,MAAM,WAAW,oBAAqB,SAAQ,eAAe,EAAE,kBAAkB;CAAG"}

package/dist/content-viewer/adapters.js

@@ -0,0 +1,32 @@
+/**
+ * @skillmeat/content-viewer — Adapter Interface Definitions
+ *
+ * Adapter abstractions allow consumers to inject their own data-fetching
+ * hooks without coupling content-viewer components to any specific API layer
+ * (SkillMeat backend, REST, GraphQL, static JSON, etc.).
+ *
+ * Consumers implement these interfaces and pass them to ContentViewerProvider.
+ * Components then call useContentViewerAdapter() to access the injected hooks.
+ *
+ * @example
+ * ```tsx
+ * // In your app, create an adapter that wraps your fetching hooks:
+ * const myAdapter: ContentViewerAdapter = {
+ *   useFileTree: (artifactId, options) => {
+ *     const result = useCatalogFileTree(sourceId, artifactId, options);
+ *     return { data: result.data, isLoading: result.isLoading, error: result.error };
+ *   },
+ *   useFileContent: (artifactId, filePath, options) => {
+ *     const result = useCatalogFileContent(sourceId, artifactId, filePath, options);
+ *     return { data: result.data, isLoading: result.isLoading, error: result.error };
+ *   },
+ * };
+ *
+ * // Wrap your component tree:
+ * <ContentViewerProvider adapter={myAdapter}>
+ *   <FileTree artifactId={id} />
+ * </ContentViewerProvider>
+ * ```
+ */
+export {};
+//# sourceMappingURL=adapters.js.map

package/dist/content-viewer/adapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.js","sourceRoot":"","sources":["../../src/content-viewer/adapters.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG"}

package/dist/content-viewer/index.d.ts

@@ -0,0 +1,8 @@
+export { FileTree } from './FileTree';
+export type { FileTreeProps } from './FileTree';
+export { ContentPane } from './ContentPane';
+export type { ContentPaneProps, TruncationInfo } from './ContentPane';
+export { ContentViewerProvider, useContentViewerAdapter, } from './ContentViewerProvider';
+export type { ContentViewerProviderProps } from './ContentViewerProvider';
+export type { AdapterHookOptions, AdapterQueryResult, FileTreeAdapter, FileContentAdapter, ContentViewerAdapter, } from './adapters';
+//# sourceMappingURL=index.d.ts.map

package/dist/content-viewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content-viewer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

package/dist/content-viewer/index.js

@@ -0,0 +1,5 @@
+// @miethe/ui — content-viewer submodule
+export { FileTree } from './FileTree';
+export { ContentPane } from './ContentPane';
+export { ContentViewerProvider, useContentViewerAdapter, } from './ContentViewerProvider';
+//# sourceMappingURL=index.js.map

package/dist/content-viewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/content-viewer/index.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,yBAAyB,CAAC"}

package/dist/diff/DiffViewer.d.ts

@@ -0,0 +1,112 @@
+import { FileDiff } from './diff';
+/**
+ * Resolution type for sync conflict resolution
+ */
+export type ResolutionType = 'keep_local' | 'keep_remote' | 'merge';
+/**
+ * Tier context for enterprise tier comparison diffs.
+ *
+ * When provided, the diff panel headers display tier badges (e.g. "Tier 1 · Team")
+ * instead of the plain leftLabel/rightLabel text. The ownerType string is used to
+ * derive a human-readable tier name alongside the numeric tier level.
+ */
+export interface TierContext {
+    /** Owner type for the left (before) panel — e.g. "user", "team", "enterprise" */
+    leftOwnerType: string;
+    /** Owner type for the right (after) panel */
+    rightOwnerType: string;
+    /** Numeric tier level for the left panel (0 = Developer, 1 = Team, 2 = Enterprise, …) */
+    leftTier: number;
+    /** Numeric tier level for the right panel */
+    rightTier: number;
+}
+/**
+ * Props for DiffViewer component
+ *
+ * Configuration for displaying unified diffs with side-by-side view.
+ */
+export interface DiffViewerProps {
+    /** Array of file diffs to display */
+    files: FileDiff[];
+    /** Label for left (before) panel */
+    leftLabel?: string;
+    /** Label for right (after) panel */
+    rightLabel?: string;
+    /** Callback when user closes the diff viewer */
+    onClose?: () => void;
+    /** Show resolution action buttons (for sync conflict resolution) */
+    showResolutionActions?: boolean;
+    /** Callback when user selects a resolution */
+    onResolve?: (resolution: ResolutionType) => void;
+    /** Custom label for local version button (default: "Local (Project)") */
+    localLabel?: string;
+    /** Custom label for remote version button (default: "Remote (Collection)") */
+    remoteLabel?: string;
+    /** Show preview mode UI before applying resolution */
+    previewMode?: boolean;
+    /** Show loading state during resolution */
+    isResolving?: boolean;
+    /** Show skeleton loading state while data is being fetched */
+    isLoading?: boolean;
+    /**
+     * Optional tier context for enterprise tier comparison diffs.
+     *
+     * When provided, the diff panel headers render tier badges instead of the
+     * default plain-text leftLabel/rightLabel. Existing label props still apply
+     * to other parts of the UI (e.g. "file added in {rightLabel}" messages);
+     * only the side-by-side panel column headers change.
+     */
+    tierContext?: TierContext;
+}
+/**
+ * DiffViewerSkeleton - Loading skeleton matching the DiffViewer layout
+ *
+ * Mimics the side-by-side diff viewer structure:
+ * - Summary header bar with skeleton badges
+ * - File list sidebar with skeleton entries
+ * - Main diff area with side-by-side skeleton code lines
+ */
+export declare function DiffViewerSkeleton(): import("react/jsx-runtime").JSX.Element;
+/**
+ * DiffViewer - Side-by-side diff viewer with file browser
+ *
+ * Displays unified diffs in a professional side-by-side format. Features include:
+ * - File list sidebar with expandable items showing change statistics
+ * - Side-by-side diff panels with independent scrollbars
+ * - Color-coded additions (green), deletions (red), and context lines
+ * - File status badges (added, modified, deleted, unchanged)
+ * - Change summary (total files added, modified, deleted)
+ * - Optional sync conflict resolution actions (keep local/remote/merge)
+ *
+ * @example
+ * Basic diff viewer:
+ * ```tsx
+ * <DiffViewer
+ *   files={diffData.files}
+ *   leftLabel="Collection"
+ *   rightLabel="Project"
+ *   onClose={() => closeDiff()}
+ * />
+ * ```
+ *
+ * @example
+ * With sync resolution actions:
+ * ```tsx
+ * <DiffViewer
+ *   files={diffData.files}
+ *   leftLabel="Collection"
+ *   rightLabel="Project"
+ *   showResolutionActions={true}
+ *   onResolve={(resolution) => handleResolve(resolution)}
+ *   localLabel="Project"
+ *   remoteLabel="Collection"
+ *   isResolving={isResolving}
+ *   previewMode={true}
+ * />
+ * ```
+ *
+ * @param props - DiffViewerProps configuration
+ * @returns Full-height diff viewer component
+ */
+export declare function DiffViewer({ files, leftLabel, rightLabel, onClose, showResolutionActions, onResolve, localLabel, remoteLabel, previewMode, isResolving, isLoading, tierContext, }: DiffViewerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiffViewer.d.ts.map

package/dist/diff/DiffViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffViewer.d.ts","sourceRoot":"","sources":["../../src/diff/DiffViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAOlC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,iFAAiF;IACjF,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,cAAc,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,QAAQ,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;CACnB;AAqCD;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,qCAAqC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAiDD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,4CAyFjC;AAyID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAoB,EACpB,UAAoB,EACpB,OAAO,EACP,qBAA6B,EAC7B,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAmB,EACnB,WAAmB,EACnB,SAAiB,EACjB,WAAW,GACZ,EAAE,eAAe,2CAgdjB"}