@almadar/ui 2.56.0 → 2.58.0

package/dist/components/molecules/FileTree.d.ts

@@ -0,0 +1,37 @@
+/**
+ * FileTree Molecule
+ *
+ * A filesystem tree navigator with folder expand/collapse, file-type icons,
+ * and click-to-select. Used by the Workspace tab to browse the agent's
+ * workspace directory.
+ *
+ * Follows atomic design: composes Box, Icon, Typography atoms.
+ */
+import React from 'react';
+export interface FileTreeNode {
+    /** File or directory name */
+    name: string;
+    /** Relative path from workspace root */
+    path: string;
+    /** 'file' or 'dir' */
+    type: 'file' | 'dir';
+    /** Children (only for directories) */
+    children?: FileTreeNode[];
+    /** File size in bytes (optional, for display) */
+    size?: number;
+    /** Detected language for syntax highlighting */
+    language?: string;
+}
+export interface FileTreeProps {
+    /** The tree data */
+    tree: FileTreeNode[];
+    /** Currently selected file path */
+    selectedPath?: string;
+    /** Called when a file is clicked */
+    onFileSelect?: (path: string) => void;
+    /** CSS class */
+    className?: string;
+    /** Indent size per level in px (default: 16) */
+    indent?: number;
+}
+export declare const FileTree: React.FC<FileTreeProps>;

package/dist/components/molecules/index.d.ts

@@ -1,4 +1,5 @@
 export { ErrorBoundary, type ErrorBoundaryProps } from './ErrorBoundary';
+export { FileTree, type FileTreeProps, type FileTreeNode } from './FileTree';
 export { FormField, type FormFieldProps } from './FormField';
 export { EmptyState, type EmptyStateProps } from './EmptyState';
 export { LoadingState, type LoadingStateProps } from './LoadingState';