mongo.do 0.1.0

package/dist/studio/components/browser/CollectionTree.js

@@ -0,0 +1,207 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * CollectionTree - Tree view showing databases and their collections
+ *
+ * Displays a hierarchical tree of databases and collections with:
+ * - Expandable/collapsible database nodes
+ * - Collection items with stats
+ * - Loading states for async data
+ * - Empty states when no data
+ */
+import { useState, useCallback, useMemo } from 'react';
+import { CollectionItem } from './CollectionItem';
+const styles = {
+    container: {
+        width: '100%',
+        overflow: 'auto',
+    },
+    loading: {
+        padding: '16px',
+        color: '#889397',
+        fontSize: '13px',
+        textAlign: 'center',
+    },
+    empty: {
+        padding: '24px 16px',
+        color: '#889397',
+        fontSize: '13px',
+        textAlign: 'center',
+    },
+    databaseNode: {
+        userSelect: 'none',
+    },
+    databaseHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        padding: '8px',
+        cursor: 'pointer',
+        borderRadius: '4px',
+        transition: 'background-color 0.15s ease',
+    },
+    databaseHeaderHover: {
+        backgroundColor: '#f5f6f7',
+    },
+    databaseHeaderSelected: {
+        backgroundColor: '#e8f4f8',
+        color: '#016bf8',
+    },
+    expandIcon: {
+        width: '16px',
+        height: '16px',
+        marginRight: '4px',
+        transition: 'transform 0.15s ease',
+        flexShrink: 0,
+    },
+    expandIconExpanded: {
+        transform: 'rotate(90deg)',
+    },
+    databaseIcon: {
+        width: '16px',
+        height: '16px',
+        marginRight: '8px',
+        flexShrink: 0,
+    },
+    databaseName: {
+        flex: 1,
+        fontSize: '13px',
+        fontWeight: 500,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    },
+    databaseStats: {
+        fontSize: '11px',
+        color: '#889397',
+        marginLeft: '8px',
+    },
+    collectionList: {
+        paddingLeft: '8px',
+    },
+    actionButton: {
+        opacity: 0,
+        padding: '2px 6px',
+        marginLeft: '4px',
+        border: 'none',
+        background: 'transparent',
+        cursor: 'pointer',
+        borderRadius: '4px',
+        color: '#889397',
+        fontSize: '11px',
+        transition: 'opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease',
+    },
+    actionButtonVisible: {
+        opacity: 1,
+    },
+    actionButtonHover: {
+        backgroundColor: '#e8e8e8',
+        color: '#333',
+    },
+    dropButtonHover: {
+        color: '#cf4747',
+    },
+    loadingCollections: {
+        padding: '8px 8px 8px 40px',
+        color: '#889397',
+        fontSize: '12px',
+    },
+    emptyCollections: {
+        padding: '8px 8px 8px 40px',
+        color: '#889397',
+        fontSize: '12px',
+        fontStyle: 'italic',
+    },
+    skeleton: {
+        height: '16px',
+        backgroundColor: '#e8e8e8',
+        borderRadius: '4px',
+        margin: '8px 0 8px 40px',
+        animation: 'pulse 1.5s ease-in-out infinite',
+    },
+};
+/** Chevron icon for expand/collapse */
+function ChevronIcon() {
+    return (_jsx("svg", { style: styles.expandIcon, viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "2", fill: "none" }) }));
+}
+/** Database icon SVG */
+function DatabaseIcon() {
+    return (_jsx("svg", { style: styles.databaseIcon, viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M8 1C4.7 1 2 2.3 2 4v8c0 1.7 2.7 3 6 3s6-1.3 6-3V4c0-1.7-2.7-3-6-3zm0 2c2.8 0 4 .9 4 1s-1.2 1-4 1-4-.9-4-1 1.2-1 4-1zm4 9c0 .1-1.2 1-4 1s-4-.9-4-1v-1.5c1 .6 2.4 1 4 1s3-.4 4-1V12zm0-4c0 .1-1.2 1-4 1s-4-.9-4-1V6.5c1 .6 2.4 1 4 1s3-.4 4-1V8z" }) }));
+}
+/** Plus icon for create actions */
+function PlusIcon() {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M8 2v12M2 8h12", stroke: "currentColor", strokeWidth: "2" }) }));
+}
+/** Trash icon for delete actions */
+function TrashIcon() {
+    return (_jsx("svg", { width: "10", height: "10", viewBox: "0 0 16 16", fill: "currentColor", children: _jsx("path", { d: "M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5zM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 5.885 16h4.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1H11z" }) }));
+}
+function DatabaseNode({ database, collections, stats, collectionStats, isSelected, selectedCollection, isLoading, isExpanded, loadingStats, onToggle, onSelect, onCollectionSelect, onDropDatabase, onDropCollection, onCreateCollection, }) {
+    const [isHovered, setIsHovered] = useState(false);
+    const [isCreateHovered, setIsCreateHovered] = useState(false);
+    const [isDropHovered, setIsDropHovered] = useState(false);
+    const handleClick = useCallback(() => {
+        onToggle(database.name, !isExpanded);
+        onSelect?.(database.name);
+    }, [database.name, isExpanded, onToggle, onSelect]);
+    const handleCreateClick = useCallback((e) => {
+        e.stopPropagation();
+        onCreateCollection?.(database.name);
+    }, [database.name, onCreateCollection]);
+    const handleDropClick = useCallback((e) => {
+        e.stopPropagation();
+        if (!window.confirm(`Are you sure you want to drop database "${database.name}"? This cannot be undone.`)) {
+            return;
+        }
+        onDropDatabase?.(database.name);
+    }, [database.name, onDropDatabase]);
+    return (_jsxs("div", { style: styles.databaseNode, "data-testid": `database-node-${database.name}`, children: [_jsxs("div", { style: {
+                    ...styles.databaseHeader,
+                    ...(isHovered && !isSelected ? styles.databaseHeaderHover : {}),
+                    ...(isSelected ? styles.databaseHeaderSelected : {}),
+                }, onClick: handleClick, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), role: "treeitem", "aria-expanded": isExpanded, "aria-selected": isSelected, children: [_jsx("span", { style: {
+                            ...styles.expandIcon,
+                            ...(isExpanded ? styles.expandIconExpanded : {}),
+                        }, children: _jsx(ChevronIcon, {}) }), _jsx(DatabaseIcon, {}), _jsx("span", { style: styles.databaseName, children: database.name }), stats && (_jsxs("span", { style: styles.databaseStats, children: [stats.collections, " col", stats.collections !== 1 ? 's' : ''] })), onCreateCollection && (_jsx("button", { style: {
+                            ...styles.actionButton,
+                            ...(isHovered ? styles.actionButtonVisible : {}),
+                            ...(isCreateHovered ? styles.actionButtonHover : {}),
+                        }, onClick: handleCreateClick, onMouseEnter: () => setIsCreateHovered(true), onMouseLeave: () => setIsCreateHovered(false), title: "Create collection", "aria-label": `Create collection in ${database.name}`, "data-testid": `create-collection-${database.name}`, children: _jsx(PlusIcon, {}) })), onDropDatabase && (_jsx("button", { style: {
+                            ...styles.actionButton,
+                            ...(isHovered ? styles.actionButtonVisible : {}),
+                            ...(isDropHovered ? { ...styles.actionButtonHover, ...styles.dropButtonHover } : {}),
+                        }, onClick: handleDropClick, onMouseEnter: () => setIsDropHovered(true), onMouseLeave: () => setIsDropHovered(false), title: "Drop database", "aria-label": `Drop database ${database.name}`, "data-testid": `drop-database-${database.name}`, children: _jsx(TrashIcon, {}) }))] }), isExpanded && (_jsx("div", { style: styles.collectionList, role: "group", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx("div", { style: styles.skeleton, "data-testid": "collection-skeleton" }), _jsx("div", { style: { ...styles.skeleton, width: '60%' } })] })) : collections.length === 0 ? (_jsx("div", { style: styles.emptyCollections, children: "No collections" })) : (collections.map((collection) => {
+                    const statsKey = `${database.name}.${collection.name}`;
+                    return (_jsx(CollectionItem, { collection: collection, database: database.name, stats: collectionStats?.get(statsKey), isSelected: isSelected && selectedCollection === collection.name, isLoadingStats: loadingStats?.has(statsKey), onClick: onCollectionSelect, onDropCollection: onDropCollection }, collection.name));
+                })) }))] }));
+}
+export function CollectionTree({ databases, collectionsByDatabase, collectionStats, databaseStats, selectedDatabase, selectedCollection, loadingDatabases, loadingStats, isLoading = false, onDatabaseToggle, onDatabaseSelect, onCollectionSelect, onDropDatabase, onDropCollection, onCreateCollection, }) {
+    const [expandedDatabases, setExpandedDatabases] = useState(new Set(selectedDatabase ? [selectedDatabase] : []));
+    const handleDatabaseToggle = useCallback((database, isExpanded) => {
+        setExpandedDatabases((prev) => {
+            const next = new Set(prev);
+            if (isExpanded) {
+                next.add(database);
+            }
+            else {
+                next.delete(database);
+            }
+            return next;
+        });
+        onDatabaseToggle?.(database, isExpanded);
+    }, [onDatabaseToggle]);
+    // Sort databases alphabetically
+    const sortedDatabases = useMemo(() => [...databases].sort((a, b) => a.name.localeCompare(b.name)), [databases]);
+    if (isLoading) {
+        return (_jsx("div", { style: styles.container, children: _jsx("div", { style: styles.loading, children: "Loading databases..." }) }));
+    }
+    if (databases.length === 0) {
+        return (_jsx("div", { style: styles.container, children: _jsxs("div", { style: styles.empty, children: ["No databases found.", _jsx("br", {}), "Create a database to get started."] }) }));
+    }
+    return (_jsx("div", { style: styles.container, role: "tree", "aria-label": "Database browser", children: sortedDatabases.map((database) => {
+            const collections = collectionsByDatabase.get(database.name) || [];
+            const isExpanded = expandedDatabases.has(database.name);
+            const isDbLoading = loadingDatabases?.has(database.name);
+            return (_jsx(DatabaseNode, { database: database, collections: collections, stats: databaseStats?.get(database.name), collectionStats: collectionStats, isSelected: selectedDatabase === database.name, selectedCollection: selectedCollection, isLoading: isDbLoading, isExpanded: isExpanded, loadingStats: loadingStats, onToggle: handleDatabaseToggle, onSelect: onDatabaseSelect, onCollectionSelect: onCollectionSelect, onDropDatabase: onDropDatabase, onDropCollection: onDropCollection, onCreateCollection: onCreateCollection }, database.name));
+        }) }));
+}
+export default CollectionTree;
+//# sourceMappingURL=CollectionTree.js.map

package/dist/studio/components/browser/CollectionTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTree.js","sourceRoot":"","sources":["../../../../src/studio/components/browser/CollectionTree.tsx"],"names":[],"mappings":"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"}

package/dist/studio/components/browser/ConnectedDatabaseBrowser.d.ts

@@ -0,0 +1,51 @@
+/**
+ * ConnectedDatabaseBrowser - DatabaseBrowser wired to RPC layer
+ *
+ * This component connects the DatabaseBrowser to the RPC layer using
+ * the useDatabaseBrowser hook for listDatabases/listCollections operations.
+ */
+import type { RpcClient } from '../../../rpc/rpc-client';
+export interface ConnectedDatabaseBrowserProps {
+    /**
+     * RPC client instance for making API calls
+     */
+    rpcClient?: RpcClient | null;
+    /**
+     * RPC endpoint URL (used if rpcClient is not provided)
+     */
+    rpcUrl?: string;
+    /**
+     * Auto-refresh interval in milliseconds (0 to disable)
+     */
+    autoRefreshInterval?: number;
+    /**
+     * Initial selected database
+     */
+    initialDatabase?: string;
+    /**
+     * Initial selected collection
+     */
+    initialCollection?: string;
+    /**
+     * Called when a database is selected
+     */
+    onDatabaseSelect?: (database: string) => void;
+    /**
+     * Called when a collection is selected
+     */
+    onCollectionSelect?: (database: string, collection: string) => void;
+    /**
+     * Called on error
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Custom class name
+     */
+    className?: string;
+}
+/**
+ * Database browser connected to the RPC layer
+ */
+export declare function ConnectedDatabaseBrowser({ rpcClient, rpcUrl, autoRefreshInterval, initialDatabase, initialCollection, onDatabaseSelect, onCollectionSelect, onError, className, }: ConnectedDatabaseBrowserProps): React.ReactElement;
+export default ConnectedDatabaseBrowser;
+//# sourceMappingURL=ConnectedDatabaseBrowser.d.ts.map

package/dist/studio/components/browser/ConnectedDatabaseBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedDatabaseBrowser.d.ts","sourceRoot":"","sources":["../../../../src/studio/components/browser/ConnectedDatabaseBrowser.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAMxD,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IAE5B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAE7C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAgB,EAChB,MAAe,EACf,mBAAuB,EACvB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,YAAY,CA2SpD;AAED,eAAe,wBAAwB,CAAA"}

package/dist/studio/components/browser/ConnectedDatabaseBrowser.js

@@ -0,0 +1,185 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ConnectedDatabaseBrowser - DatabaseBrowser wired to RPC layer
+ *
+ * This component connects the DatabaseBrowser to the RPC layer using
+ * the useDatabaseBrowser hook for listDatabases/listCollections operations.
+ */
+import { useCallback, useState } from 'react';
+import { DatabaseBrowser } from './DatabaseBrowser';
+import { useDatabaseBrowser } from '../../hooks/useDatabaseBrowser';
+// ============================================================================
+// Component
+// ============================================================================
+/**
+ * Database browser connected to the RPC layer
+ */
+export function ConnectedDatabaseBrowser({ rpcClient = null, rpcUrl = '/rpc', autoRefreshInterval = 0, initialDatabase, initialCollection, onDatabaseSelect, onCollectionSelect, onError, className, }) {
+    // Modal states for create dialogs
+    const [showCreateDatabase, setShowCreateDatabase] = useState(false);
+    const [showCreateCollection, setShowCreateCollection] = useState(null);
+    const [newDatabaseName, setNewDatabaseName] = useState('');
+    const [newCollectionName, setNewCollectionName] = useState('');
+    const [isCreating, setIsCreating] = useState(false);
+    // Use the database browser hook
+    const { databases, isLoading, error, selectedDatabase, selectedCollection, fetchCollections, fetchCollectionStats, fetchDatabaseStats, refresh, selectDatabase, selectCollection, createDatabase, dropDatabase, createCollection, dropCollection, } = useDatabaseBrowser({
+        rpcClient,
+        rpcUrl,
+        autoRefreshInterval,
+        initialDatabase,
+        initialCollection,
+        onDatabaseSelect,
+        onCollectionSelect,
+        onError,
+    });
+    /**
+     * Handle create database button click
+     */
+    const handleCreateDatabase = useCallback(() => {
+        setShowCreateDatabase(true);
+        setNewDatabaseName('');
+    }, []);
+    /**
+     * Handle create collection button click
+     */
+    const handleCreateCollection = useCallback((database) => {
+        setShowCreateCollection(database);
+        setNewCollectionName('');
+    }, []);
+    /**
+     * Handle create database submit
+     */
+    const handleCreateDatabaseSubmit = useCallback(async () => {
+        if (!newDatabaseName.trim())
+            return;
+        setIsCreating(true);
+        try {
+            await createDatabase(newDatabaseName.trim());
+            setShowCreateDatabase(false);
+            setNewDatabaseName('');
+        }
+        catch (err) {
+            // Error is handled in the hook
+        }
+        finally {
+            setIsCreating(false);
+        }
+    }, [newDatabaseName, createDatabase]);
+    /**
+     * Handle create collection submit
+     */
+    const handleCreateCollectionSubmit = useCallback(async () => {
+        if (!showCreateCollection || !newCollectionName.trim())
+            return;
+        setIsCreating(true);
+        try {
+            await createCollection(showCreateCollection, newCollectionName.trim());
+            setShowCreateCollection(null);
+            setNewCollectionName('');
+        }
+        catch (err) {
+            // Error is handled in the hook
+        }
+        finally {
+            setIsCreating(false);
+        }
+    }, [showCreateCollection, newCollectionName, createCollection]);
+    /**
+     * Handle drop database with confirmation
+     */
+    const handleDropDatabase = useCallback(async (database) => {
+        // Confirmation is handled in the CollectionTree component
+        await dropDatabase(database);
+    }, [dropDatabase]);
+    /**
+     * Handle drop collection with confirmation
+     */
+    const handleDropCollection = useCallback(async (database, collection) => {
+        // Confirmation is handled in the CollectionItem component
+        await dropCollection(database, collection);
+    }, [dropCollection]);
+    // Simple modal styles
+    const modalStyles = {
+        overlay: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: 1000,
+        },
+        modal: {
+            backgroundColor: '#fff',
+            borderRadius: '8px',
+            padding: '24px',
+            minWidth: '320px',
+            maxWidth: '400px',
+            boxShadow: '0 4px 16px rgba(0, 0, 0, 0.2)',
+        },
+        title: {
+            fontSize: '16px',
+            fontWeight: 600,
+            marginBottom: '16px',
+            color: '#333',
+        },
+        input: {
+            width: '100%',
+            padding: '10px 12px',
+            border: '1px solid #ddd',
+            borderRadius: '6px',
+            fontSize: '14px',
+            marginBottom: '16px',
+            boxSizing: 'border-box',
+        },
+        buttons: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+            gap: '8px',
+        },
+        button: {
+            padding: '8px 16px',
+            borderRadius: '6px',
+            fontSize: '14px',
+            cursor: 'pointer',
+            border: '1px solid #ddd',
+            backgroundColor: '#fff',
+            color: '#333',
+        },
+        primaryButton: {
+            padding: '8px 16px',
+            borderRadius: '6px',
+            fontSize: '14px',
+            cursor: 'pointer',
+            border: 'none',
+            backgroundColor: '#016bf8',
+            color: '#fff',
+        },
+    };
+    return (_jsxs("div", { className: className, children: [_jsx(DatabaseBrowser, { databases: databases, fetchCollections: fetchCollections, fetchCollectionStats: fetchCollectionStats, fetchDatabaseStats: fetchDatabaseStats, selectedDatabase: selectedDatabase, selectedCollection: selectedCollection, isLoading: isLoading, error: error, onRefresh: refresh, onDatabaseSelect: selectDatabase, onCollectionSelect: selectCollection, onCreateDatabase: handleCreateDatabase, onDropDatabase: handleDropDatabase, onCreateCollection: handleCreateCollection, onDropCollection: handleDropCollection }), showCreateDatabase && (_jsx("div", { style: modalStyles.overlay, onClick: () => setShowCreateDatabase(false), "data-testid": "create-database-modal", children: _jsxs("div", { style: modalStyles.modal, onClick: (e) => e.stopPropagation(), children: [_jsx("div", { style: modalStyles.title, children: "Create Database" }), _jsx("input", { type: "text", placeholder: "Database name", value: newDatabaseName, onChange: (e) => setNewDatabaseName(e.target.value), style: modalStyles.input, autoFocus: true, "data-testid": "new-database-name", onKeyDown: (e) => {
+                                if (e.key === 'Enter') {
+                                    handleCreateDatabaseSubmit();
+                                }
+                                else if (e.key === 'Escape') {
+                                    setShowCreateDatabase(false);
+                                }
+                            } }), _jsxs("div", { style: modalStyles.buttons, children: [_jsx("button", { style: modalStyles.button, onClick: () => setShowCreateDatabase(false), disabled: isCreating, children: "Cancel" }), _jsx("button", { style: {
+                                        ...modalStyles.primaryButton,
+                                        opacity: isCreating || !newDatabaseName.trim() ? 0.6 : 1,
+                                    }, onClick: handleCreateDatabaseSubmit, disabled: isCreating || !newDatabaseName.trim(), "data-testid": "submit-create-database", children: isCreating ? 'Creating...' : 'Create' })] })] }) })), showCreateCollection && (_jsx("div", { style: modalStyles.overlay, onClick: () => setShowCreateCollection(null), "data-testid": "create-collection-modal", children: _jsxs("div", { style: modalStyles.modal, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { style: modalStyles.title, children: ["Create Collection in \"", showCreateCollection, "\""] }), _jsx("input", { type: "text", placeholder: "Collection name", value: newCollectionName, onChange: (e) => setNewCollectionName(e.target.value), style: modalStyles.input, autoFocus: true, "data-testid": "new-collection-name", onKeyDown: (e) => {
+                                if (e.key === 'Enter') {
+                                    handleCreateCollectionSubmit();
+                                }
+                                else if (e.key === 'Escape') {
+                                    setShowCreateCollection(null);
+                                }
+                            } }), _jsxs("div", { style: modalStyles.buttons, children: [_jsx("button", { style: modalStyles.button, onClick: () => setShowCreateCollection(null), disabled: isCreating, children: "Cancel" }), _jsx("button", { style: {
+                                        ...modalStyles.primaryButton,
+                                        opacity: isCreating || !newCollectionName.trim() ? 0.6 : 1,
+                                    }, onClick: handleCreateCollectionSubmit, disabled: isCreating || !newCollectionName.trim(), "data-testid": "submit-create-collection", children: isCreating ? 'Creating...' : 'Create' })] })] }) }))] }));
+}
+export default ConnectedDatabaseBrowser;
+//# sourceMappingURL=ConnectedDatabaseBrowser.js.map

package/dist/studio/components/browser/ConnectedDatabaseBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedDatabaseBrowser.js","sourceRoot":"","sources":["../../../../src/studio/components/browser/ConnectedDatabaseBrowser.tsx"],"names":[],"mappings":"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"}

package/dist/studio/components/browser/DatabaseBrowser.d.ts

@@ -0,0 +1,46 @@
+/**
+ * DatabaseBrowser - Main database/collection browser component
+ *
+ * A comprehensive browser component that displays:
+ * - Search/filter input for databases and collections
+ * - Refresh button to reload data
+ * - Tree view showing databases -> collections hierarchy
+ * - Create/drop database and collection actions
+ * - Collection stats (document count, size)
+ */
+import type { DatabaseInfo, CollectionInfo, CollectionStats, DatabaseStats } from './types';
+export interface DatabaseBrowserProps {
+    /** List of databases */
+    databases: DatabaseInfo[];
+    /** Function to fetch collections for a database */
+    fetchCollections: (database: string) => Promise<CollectionInfo[]>;
+    /** Function to fetch stats for a collection */
+    fetchCollectionStats?: (database: string, collection: string) => Promise<CollectionStats>;
+    /** Function to fetch stats for a database */
+    fetchDatabaseStats?: (database: string) => Promise<DatabaseStats>;
+    /** Currently selected database */
+    selectedDatabase?: string;
+    /** Currently selected collection */
+    selectedCollection?: string;
+    /** Whether databases are loading */
+    isLoading?: boolean;
+    /** Error message if loading failed */
+    error?: string;
+    /** Called when refresh is requested */
+    onRefresh?: () => void;
+    /** Called when a database is selected */
+    onDatabaseSelect?: (database: string) => void;
+    /** Called when a collection is selected */
+    onCollectionSelect?: (database: string, collection: string) => void;
+    /** Called when create database is requested */
+    onCreateDatabase?: () => void;
+    /** Called when drop database is requested */
+    onDropDatabase?: (database: string) => void;
+    /** Called when create collection is requested */
+    onCreateCollection?: (database: string) => void;
+    /** Called when drop collection is requested */
+    onDropCollection?: (database: string, collection: string) => void;
+}
+export declare function DatabaseBrowser({ databases, fetchCollections, fetchCollectionStats, fetchDatabaseStats, selectedDatabase, selectedCollection, isLoading, error, onRefresh, onDatabaseSelect, onCollectionSelect, onCreateDatabase, onDropDatabase, onCreateCollection, onDropCollection, }: DatabaseBrowserProps): import("react/jsx-runtime").JSX.Element;
+export default DatabaseBrowser;
+//# sourceMappingURL=DatabaseBrowser.d.ts.map

package/dist/studio/components/browser/DatabaseBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatabaseBrowser.d.ts","sourceRoot":"","sources":["../../../../src/studio/components/browser/DatabaseBrowser.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAAK,EACV,YAAY,EACZ,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,mDAAmD;IACnD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAA;IACjE,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,CACrB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,KACf,OAAO,CAAC,eAAe,CAAC,CAAA;IAC7B,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,CAAC,CAAA;IACjE,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACnE,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAClE;AAuMD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAiB,EACjB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,GACjB,EAAE,oBAAoB,2CA6PtB;AAED,eAAe,eAAe,CAAA"}