entangle-ui 0.8.2 → 0.10.0

package/dist/esm/components/editor/AssetBrowser/AssetBrowserList.js

@@ -0,0 +1,183 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { DataTable } from '../../data/DataTable/DataTable.js';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CloudUploadIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/ExternalLinkIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import { FolderIcon } from '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LastIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlinkIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import { FileTextIcon } from '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.js';
+import { Icon } from '../../primitives/Icon/Icon.js';
+import { listScroller, nameCell } from './AssetBrowser.css.js';
+import { useAssetBrowserContext, useAssetBrowserChrome, useAssetSelection, useAssetEditing } from './AssetBrowserContext.js';
+import { formatBytes, formatDate } from './assetBrowserFormat.js';
+import { AssetBrowserRenameField } from './AssetBrowserRenameField.js';
+
+/**
+ * Name cell — swaps to the inline rename field when this row is the rename
+ * target. A component (not an inline `cell` fn) so the `useAssetEditing` hook is
+ * valid; this is the same shared rename mechanism the grid uses.
+ */
+function ListNameCell({ item }) {
+    const editing = useAssetEditing(item.id);
+    if (editing)
+        return jsx(AssetBrowserRenameField, { item: item });
+    return (jsxs("span", { className: nameCell, children: [jsx(Icon, { size: "sm", color: "muted", decorative: true, children: item.kind === 'folder' ? jsx(FolderIcon, {}) : jsx(FileTextIcon, {}) }), jsx("span", { children: item.name })] }));
+}
+/**
+ * Default name/type/size/modified columns, built from the resolved labels so
+ * the headers and the folder "Type" value follow the `labels` prop.
+ */
+function buildDefaultColumns(labels) {
+    return [
+        {
+            id: 'name',
+            header: labels.sortFields.name,
+            accessor: 'name',
+            sortable: true,
+            sticky: true,
+            minWidth: 160,
+            cell: ({ row }) => jsx(ListNameCell, { item: row }),
+        },
+        {
+            id: 'type',
+            header: labels.sortFields.type,
+            sortable: true,
+            width: 120,
+            accessor: row => row.kind === 'folder' ? labels.folder : (row.assetType ?? ''),
+        },
+        {
+            id: 'size',
+            header: labels.sortFields.size,
+            sortable: true,
+            align: 'right',
+            width: 100,
+            accessor: 'size',
+            cell: ({ row }) => (row.kind === 'folder' ? '—' : formatBytes(row.size)),
+        },
+        {
+            id: 'modified',
+            header: labels.sortFields.modified,
+            sortable: true,
+            align: 'right',
+            width: 140,
+            accessor: 'modifiedAt',
+            cell: ({ row }) => formatDate(row.modifiedAt),
+        },
+    ];
+}
+function AssetBrowserList() {
+    const ctx = useAssetBrowserContext();
+    const chrome = useAssetBrowserChrome();
+    const selectionSet = useAssetSelection();
+    const defaultColumns = useMemo(() => buildDefaultColumns(ctx.labels), [ctx.labels]);
+    const columns = ctx.columns ?? defaultColumns;
+    // We own sorting (rows arrive already shaped); DataTable only reflects the
+    // indicator and reports the next desired sort.
+    const sort = {
+        columnId: chrome.sort.field,
+        direction: chrome.sort.direction,
+    };
+    const selection = useMemo(() => Array.from(selectionSet), [selectionSet]);
+    return (
+    // The mutation shortcuts (F2 / Delete / Ctrl+D) attach to this wrapper;
+    // DataTable's own keydowns bubble up to it. F2 targets the sole selected row
+    // (the list has no store roving-focus). Static-element handler is intentional.
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    jsx("div", { className: listScroller, onKeyDown: ctx.mutationKeyDown, children: jsx(DataTable, { rows: ctx.displayedItems, columns: columns, rowKey: "id", density: ctx.density, height: "100%", sort: sort, manualSort: true, onSortChange: next => {
+                if (!next.columnId || !next.direction) {
+                    chrome.setSort({ field: 'name', direction: 'asc' });
+                    return;
+                }
+                chrome.setSort({ field: next.columnId, direction: next.direction });
+            }, selectionMode: ctx.selectionMode, selection: selection, onSelectionChange: ids => {
+                ctx.setSelectionIds(ids, 'click');
+            }, isRowSelectable: row => row.selectable !== false && row.disabled !== true, onRowActivate: row => {
+                ctx.activateItem(row);
+            }, emptyState: ctx.emptyState, loading: ctx.loading, "aria-label": "Assets" }) }));
+}
+
+export { AssetBrowserList };
+//# sourceMappingURL=AssetBrowserList.js.map

package/dist/esm/components/editor/AssetBrowser/AssetBrowserList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserList.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;AAIG;AACH;;AAEE;AAAa;;AASf;AAEA;;;AAGG;AACH;;AAII;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;;AAGD;AACD;AACE;AACA;AACA;AACA;AACA;AACA;;AAED;AACD;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACD;;AAEL;;AAGE;AACA;AACA;;AAMA;;;AAIA;AACE;AACA;;AAGF;;;;;;;;AAkBU;;;AAGF;AACF;AAIE;;AAMA;AACF;AAOR;;"}

package/dist/esm/components/editor/AssetBrowser/AssetBrowserRenameField.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useLayoutEffect, useCallback } from 'react';
+import { Input } from '../../primitives/Input/Input.js';
+import { renameField } from './AssetBrowser.css.js';
+import { useAssetBrowserContext } from './AssetBrowserContext.js';
+
+/**
+ * Inline label editor shown in place of a grid cell's name while the cell is
+ * the rename target. Owns only the transient text buffer; the "is editing" flag
+ * lives in the store. Commits on Enter / blur (changed value), cancels on
+ * Escape, and stops key propagation so the grid's roving navigation doesn't
+ * steal keystrokes.
+ */
+function AssetBrowserRenameField({ item, }) {
+    const { mutations, labels } = useAssetBrowserContext();
+    const [value, setValue] = useState(item.name);
+    const inputRef = useRef(null);
+    // Guard against the blur fired by our own Enter/Escape commit double-firing.
+    const committedRef = useRef(false);
+    // Focus + select the basename once, after the field mounts.
+    useLayoutEffect(() => {
+        const el = inputRef.current;
+        if (!el)
+            return;
+        el.focus();
+        el.select();
+    }, []);
+    const commit = useCallback(() => {
+        if (committedRef.current)
+            return;
+        committedRef.current = true;
+        void mutations.commitRename(item, value).then(accepted => {
+            // Rejected name → reopen for another attempt.
+            if (!accepted)
+                committedRef.current = false;
+        });
+    }, [mutations, item, value]);
+    const cancel = useCallback(() => {
+        committedRef.current = true;
+        mutations.cancelRename();
+    }, [mutations]);
+    return (jsx(Input, { ref: inputRef, className: renameField, size: "sm", value: value, "aria-label": `${labels.rename} ${item.name}`, onChange: setValue, onKeyDown: e => {
+            // Keep arrows / Space / type-ahead inside the field, away from the grid.
+            e.stopPropagation();
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                commit();
+            }
+            else if (e.key === 'Escape') {
+                e.preventDefault();
+                cancel();
+            }
+        }, onBlur: commit, onClick: e => {
+            // A click on the field shouldn't reselect / navigate the cell.
+            e.stopPropagation();
+        }, onDoubleClick: e => {
+            e.stopPropagation();
+        } }));
+}
+
+export { AssetBrowserRenameField };
+//# sourceMappingURL=AssetBrowserRenameField.js.map

package/dist/esm/components/editor/AssetBrowser/AssetBrowserRenameField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserRenameField.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserRenameField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAeA;;;;;;AAMG;AACG;;AAIJ;AACA;;AAEA;;;AAIE;AACA;;;;;AAKF;;;AAEE;AACA;;AAEE;AAAe;AACjB;;AAGF;AACE;;AAEF;AAEA;;;AAWM;;AAEE;;AACK;;AAEL;;;;;AAOJ;;;AAMN;;"}

package/dist/esm/components/editor/AssetBrowser/AssetBrowserSidebar.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { TreeView } from '../../controls/TreeView/TreeView.js';
+import { sidebar } from './AssetBrowser.css.js';
+import { useAssetBrowserContext } from './AssetBrowserContext.js';
+
+function AssetBrowserSidebar() {
+    const ctx = useAssetBrowserContext();
+    if (!ctx.folderTree)
+        return null;
+    return (jsx("div", { className: sidebar, children: jsx(TreeView, { nodes: ctx.folderTree, selectionMode: "single", selectedIds: ctx.currentFolderId ? [ctx.currentFolderId] : [], onSelectionChange: ids => {
+                const id = ids[0];
+                if (id)
+                    ctx.navigate(id, 'sidebar');
+            } }) }));
+}
+
+export { AssetBrowserSidebar };
+//# sourceMappingURL=AssetBrowserSidebar.js.map

package/dist/esm/components/editor/AssetBrowser/AssetBrowserSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserSidebar.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserSidebar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAYE;;AACqB;AAErB;AAOQ;AACA;AAAQ;;AAKlB;;"}

package/dist/esm/components/editor/AssetBrowser/AssetBrowserStatusBar.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { SegmentedControl } from '../../navigation/SegmentedControl/SegmentedControl.js';
+import { SegmentedControlItem } from '../../navigation/SegmentedControl/SegmentedControlItem.js';
+import { statusBar, statusSpacer } from './AssetBrowser.css.js';
+import { useAssetBrowserContext } from './AssetBrowserContext.js';
+import { useAssetBrowserAnnouncement } from './useAssetBrowserAnnouncement.js';
+
+/**
+ * Optional footer bar showing the live announcement and (in grid view) a
+ * thumbnail-size segmented control. The announcement is sourced from the
+ * `useAssetBrowserAnnouncement` slice hook, so the bar updates without the
+ * root recomputing it.
+ */
+function AssetBrowserStatusBar({ view, thumbnailSize, setThumbnailSize, }) {
+    const announcement = useAssetBrowserAnnouncement();
+    const { labels } = useAssetBrowserContext();
+    return (jsxs("div", { className: statusBar, children: [jsx("span", { children: announcement }), jsx("span", { className: statusSpacer }), view === 'grid' && (jsxs(SegmentedControl, { value: typeof thumbnailSize === 'string' ? thumbnailSize : 'md', onChange: value => {
+                    setThumbnailSize(value);
+                }, size: "sm", "aria-label": labels.thumbnailSizeAria, children: [jsx(SegmentedControlItem, { value: "sm", children: "S" }), jsx(SegmentedControlItem, { value: "md", children: "M" }), jsx(SegmentedControlItem, { value: "lg", children: "L" })] }))] }));
+}
+
+export { AssetBrowserStatusBar };
+//# sourceMappingURL=AssetBrowserStatusBar.js.map

package/dist/esm/components/editor/AssetBrowser/AssetBrowserStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserStatusBar.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserStatusBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAsBA;;;;;AAKG;AACG;AAKJ;AACA;AACA;;AASQ;AAWV;;"}

package/dist/esm/components/editor/AssetBrowser/AssetBrowserStore.js

@@ -0,0 +1,176 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../node_modules/tslib/tslib.es6.js';
+
+var _AssetBrowserStore_focusedId, _AssetBrowserStore_editingId, _AssetBrowserStore_marquee, _AssetBrowserStore_drag, _AssetBrowserStore_selection, _AssetBrowserStore_focusListeners, _AssetBrowserStore_editingListeners, _AssetBrowserStore_marqueeListeners, _AssetBrowserStore_dragListeners, _AssetBrowserStore_selectionListeners, _AssetBrowserStore_scrollToIndex;
+const EMPTY_SELECTION = new Set();
+const INITIAL_MARQUEE = {
+    active: false,
+    rect: null,
+    additive: false,
+};
+const INITIAL_DRAG = {
+    active: false,
+    draggingIds: [],
+    dropTargetId: null,
+    externalOver: false,
+};
+function sameDrag(a, b) {
+    return (a.active === b.active &&
+        a.dropTargetId === b.dropTargetId &&
+        a.externalOver === b.externalOver &&
+        a.draggingIds.length === b.draggingIds.length &&
+        a.draggingIds.every((id, i) => id === b.draggingIds[i]));
+}
+function sameMarquee(a, b) {
+    if (a.active !== b.active || a.additive !== b.additive)
+        return false;
+    if (a.rect === b.rect)
+        return true;
+    if (!a.rect || !b.rect)
+        return false;
+    return (a.rect.x === b.rect.x &&
+        a.rect.y === b.rect.y &&
+        a.rect.width === b.rect.width &&
+        a.rect.height === b.rect.height);
+}
+/**
+ * Per-instance hot-path store for AssetBrowser. Holds only state that updates
+ * faster than a click — roving focus, the marquee rectangle, and drag state.
+ *
+ * View, search, filters, and sort are low-frequency and live in React state
+ * (via `useControlledState`), not here. Selection is owned by React state too
+ * (for the controlled API) but mirrored into this store so each grid item can
+ * subscribe to its own "am I selected?" slice via `useAssetSelected(id)` rather
+ * than re-rendering every cell on every selection change. Each slice exposes
+ * its own `subscribe`/`get` pair for `useSyncExternalStore` so a marquee drag
+ * does not re-render the toolbar.
+ */
+class AssetBrowserStore {
+    constructor() {
+        _AssetBrowserStore_focusedId.set(this, null);
+        _AssetBrowserStore_editingId.set(this, null);
+        _AssetBrowserStore_marquee.set(this, INITIAL_MARQUEE);
+        _AssetBrowserStore_drag.set(this, INITIAL_DRAG);
+        _AssetBrowserStore_selection.set(this, EMPTY_SELECTION);
+        _AssetBrowserStore_focusListeners.set(this, new Set());
+        _AssetBrowserStore_editingListeners.set(this, new Set());
+        _AssetBrowserStore_marqueeListeners.set(this, new Set());
+        _AssetBrowserStore_dragListeners.set(this, new Set());
+        _AssetBrowserStore_selectionListeners.set(this, new Set());
+        /** Set by the grid so the imperative `scrollToItem` works under windowing. */
+        _AssetBrowserStore_scrollToIndex.set(this, null);
+        // ── Reads (arrow fns so they pass straight to useSyncExternalStore) ──
+        this.getFocusedId = () => __classPrivateFieldGet(this, _AssetBrowserStore_focusedId, "f");
+        this.getEditingId = () => __classPrivateFieldGet(this, _AssetBrowserStore_editingId, "f");
+        this.getMarquee = () => __classPrivateFieldGet(this, _AssetBrowserStore_marquee, "f");
+        this.getDrag = () => __classPrivateFieldGet(this, _AssetBrowserStore_drag, "f");
+        this.getSelection = () => __classPrivateFieldGet(this, _AssetBrowserStore_selection, "f");
+        // ── Subscriptions ──
+        this.subscribeFocus = (cb) => {
+            __classPrivateFieldGet(this, _AssetBrowserStore_focusListeners, "f").add(cb);
+            return () => {
+                __classPrivateFieldGet(this, _AssetBrowserStore_focusListeners, "f").delete(cb);
+            };
+        };
+        this.subscribeEditing = (cb) => {
+            __classPrivateFieldGet(this, _AssetBrowserStore_editingListeners, "f").add(cb);
+            return () => {
+                __classPrivateFieldGet(this, _AssetBrowserStore_editingListeners, "f").delete(cb);
+            };
+        };
+        this.subscribeSelection = (cb) => {
+            __classPrivateFieldGet(this, _AssetBrowserStore_selectionListeners, "f").add(cb);
+            return () => {
+                __classPrivateFieldGet(this, _AssetBrowserStore_selectionListeners, "f").delete(cb);
+            };
+        };
+        this.subscribeMarquee = (cb) => {
+            __classPrivateFieldGet(this, _AssetBrowserStore_marqueeListeners, "f").add(cb);
+            return () => {
+                __classPrivateFieldGet(this, _AssetBrowserStore_marqueeListeners, "f").delete(cb);
+            };
+        };
+        this.subscribeDrag = (cb) => {
+            __classPrivateFieldGet(this, _AssetBrowserStore_dragListeners, "f").add(cb);
+            return () => {
+                __classPrivateFieldGet(this, _AssetBrowserStore_dragListeners, "f").delete(cb);
+            };
+        };
+    }
+    // ── Mutations (no-op when unchanged to keep snapshots stable) ──
+    setFocusedId(next) {
+        if (next === __classPrivateFieldGet(this, _AssetBrowserStore_focusedId, "f"))
+            return;
+        __classPrivateFieldSet(this, _AssetBrowserStore_focusedId, next, "f");
+        __classPrivateFieldGet(this, _AssetBrowserStore_focusListeners, "f").forEach(cb => {
+            cb();
+        });
+    }
+    /**
+     * Id of the item whose label is being renamed inline, or `null`. Lives here
+     * (not in React state) so rename can be triggered from outside the cell —
+     * the F2 keyboard handler, a context-menu action, or the imperative
+     * `beginRename` handle — and only the affected cell re-renders via its own
+     * `useAssetEditing(id)` slice.
+     */
+    setEditingId(next) {
+        if (next === __classPrivateFieldGet(this, _AssetBrowserStore_editingId, "f"))
+            return;
+        __classPrivateFieldSet(this, _AssetBrowserStore_editingId, next, "f");
+        __classPrivateFieldGet(this, _AssetBrowserStore_editingListeners, "f").forEach(cb => {
+            cb();
+        });
+    }
+    setMarquee(next) {
+        if (sameMarquee(__classPrivateFieldGet(this, _AssetBrowserStore_marquee, "f"), next))
+            return;
+        __classPrivateFieldSet(this, _AssetBrowserStore_marquee, next, "f");
+        __classPrivateFieldGet(this, _AssetBrowserStore_marqueeListeners, "f").forEach(cb => {
+            cb();
+        });
+    }
+    clearMarquee() {
+        this.setMarquee(INITIAL_MARQUEE);
+    }
+    setDrag(next) {
+        if (sameDrag(__classPrivateFieldGet(this, _AssetBrowserStore_drag, "f"), next))
+            return;
+        __classPrivateFieldSet(this, _AssetBrowserStore_drag, next, "f");
+        __classPrivateFieldGet(this, _AssetBrowserStore_dragListeners, "f").forEach(cb => {
+            cb();
+        });
+    }
+    clearDrag() {
+        this.setDrag(INITIAL_DRAG);
+    }
+    /**
+     * Mirror the React-owned selection. Callers pass a memoized Set, so a cheap
+     * reference check keeps the snapshot stable when nothing changed.
+     */
+    setSelection(next) {
+        if (next === __classPrivateFieldGet(this, _AssetBrowserStore_selection, "f"))
+            return;
+        __classPrivateFieldSet(this, _AssetBrowserStore_selection, next, "f");
+        __classPrivateFieldGet(this, _AssetBrowserStore_selectionListeners, "f").forEach(cb => {
+            cb();
+        });
+    }
+    // ── Imperative scroll bridge ──
+    registerScrollToIndex(fn) {
+        __classPrivateFieldSet(this, _AssetBrowserStore_scrollToIndex, fn, "f");
+        return () => {
+            if (__classPrivateFieldGet(this, _AssetBrowserStore_scrollToIndex, "f") === fn)
+                __classPrivateFieldSet(this, _AssetBrowserStore_scrollToIndex, null, "f");
+        };
+    }
+    /** Returns true when a grid was mounted to handle the scroll. */
+    scrollToIndex(index) {
+        if (!__classPrivateFieldGet(this, _AssetBrowserStore_scrollToIndex, "f"))
+            return false;
+        __classPrivateFieldGet(this, _AssetBrowserStore_scrollToIndex, "f").call(this, index);
+        return true;
+    }
+}
+_AssetBrowserStore_focusedId = new WeakMap(), _AssetBrowserStore_editingId = new WeakMap(), _AssetBrowserStore_marquee = new WeakMap(), _AssetBrowserStore_drag = new WeakMap(), _AssetBrowserStore_selection = new WeakMap(), _AssetBrowserStore_focusListeners = new WeakMap(), _AssetBrowserStore_editingListeners = new WeakMap(), _AssetBrowserStore_marqueeListeners = new WeakMap(), _AssetBrowserStore_dragListeners = new WeakMap(), _AssetBrowserStore_selectionListeners = new WeakMap(), _AssetBrowserStore_scrollToIndex = new WeakMap();
+
+export { AssetBrowserStore };
+//# sourceMappingURL=AssetBrowserStore.js.map

package/dist/esm/components/editor/AssetBrowser/AssetBrowserStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserStore.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserStore.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAwBA,MAAM,eAAe,GAAwB,IAAI,GAAG,EAAU;AAE9D,MAAM,eAAe,GAAiB;AACpC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,QAAQ,EAAE,KAAK;CAChB;AACD,MAAM,YAAY,GAAc;AAC9B,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,EAAE;AACf,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,KAAK;CACpB;AAED,SAAS,QAAQ,CAAC,CAAY,EAAE,CAAY,EAAA;AAC1C,IAAA,QACE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;AACrB,QAAA,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,YAAY;AACjC,QAAA,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,YAAY;QACjC,CAAC,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,WAAW,CAAC,MAAM;QAC7C,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;AAE3D;AAEA,SAAS,WAAW,CAAC,CAAe,EAAE,CAAe,EAAA;AACnD,IAAA,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK;AACpE,IAAA,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;IAClC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI;AAAE,QAAA,OAAO,KAAK;IACpC,QACE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK;QAC7B,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM;AAEnC;AAEA;;;;;;;;;;;AAWG;MACU,iBAAiB,CAAA;AAA9B,IAAA,WAAA,GAAA;AACE,QAAA,4BAAA,CAAA,GAAA,CAAA,IAAA,EAA4B,IAAI,CAAA;AAChC,QAAA,4BAAA,CAAA,GAAA,CAAA,IAAA,EAA4B,IAAI,CAAA;AAChC,QAAA,0BAAA,CAAA,GAAA,CAAA,IAAA,EAAyB,eAAe,CAAA;AACxC,QAAA,uBAAA,CAAA,GAAA,CAAA,IAAA,EAAmB,YAAY,CAAA;AAC/B,QAAA,4BAAA,CAAA,GAAA,CAAA,IAAA,EAAkC,eAAe,CAAA;QAEjD,iCAAA,CAAA,GAAA,CAAA,IAAA,EAAkB,IAAI,GAAG,EAAc,CAAA;QACvC,mCAAA,CAAA,GAAA,CAAA,IAAA,EAAoB,IAAI,GAAG,EAAc,CAAA;QACzC,mCAAA,CAAA,GAAA,CAAA,IAAA,EAAoB,IAAI,GAAG,EAAc,CAAA;QACzC,gCAAA,CAAA,GAAA,CAAA,IAAA,EAAiB,IAAI,GAAG,EAAc,CAAA;QACtC,qCAAA,CAAA,GAAA,CAAA,IAAA,EAAsB,IAAI,GAAG,EAAc,CAAA;;AAG3C,QAAA,gCAAA,CAAA,GAAA,CAAA,IAAA,EAAmD,IAAI,CAAA;;AAGvD,QAAA,IAAA,CAAA,YAAY,GAAG,MAAqB,sBAAA,CAAA,IAAI,oCAAW;AACnD,QAAA,IAAA,CAAA,YAAY,GAAG,MAAqB,sBAAA,CAAA,IAAI,oCAAW;AACnD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAoB,sBAAA,CAAA,IAAI,kCAAS;AAC9C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAiB,sBAAA,CAAA,IAAI,+BAAM;AACrC,QAAA,IAAA,CAAA,YAAY,GAAG,MAA2B,sBAAA,CAAA,IAAI,oCAAW;;AAGzD,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,EAAc,KAAkB;AAChD,YAAA,sBAAA,CAAA,IAAI,EAAA,iCAAA,EAAA,GAAA,CAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;AAC5B,YAAA,OAAO,MAAK;AACV,gBAAA,sBAAA,CAAA,IAAI,EAAA,iCAAA,EAAA,GAAA,CAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;AACjC,YAAA,CAAC;AACH,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,EAAc,KAAkB;AAClD,YAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;AAC9B,YAAA,OAAO,MAAK;AACV,gBAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAkB,CAAC,MAAM,CAAC,EAAE,CAAC;AACnC,YAAA,CAAC;AACH,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,EAAc,KAAkB;AACpD,YAAA,sBAAA,CAAA,IAAI,EAAA,qCAAA,EAAA,GAAA,CAAoB,CAAC,GAAG,CAAC,EAAE,CAAC;AAChC,YAAA,OAAO,MAAK;AACV,gBAAA,sBAAA,CAAA,IAAI,EAAA,qCAAA,EAAA,GAAA,CAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;AACrC,YAAA,CAAC;AACH,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,EAAc,KAAkB;AAClD,YAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;AAC9B,YAAA,OAAO,MAAK;AACV,gBAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAkB,CAAC,MAAM,CAAC,EAAE,CAAC;AACnC,YAAA,CAAC;AACH,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,EAAc,KAAkB;AAC/C,YAAA,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAA,GAAA,CAAe,CAAC,GAAG,CAAC,EAAE,CAAC;AAC3B,YAAA,OAAO,MAAK;AACV,gBAAA,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAA,GAAA,CAAe,CAAC,MAAM,CAAC,EAAE,CAAC;AAChC,YAAA,CAAC;AACH,QAAA,CAAC;IA4EH;;AAzEE,IAAA,YAAY,CAAC,IAAmB,EAAA;AAC9B,QAAA,IAAI,IAAI,KAAK,sBAAA,CAAA,IAAI,EAAA,4BAAA,EAAA,GAAA,CAAW;YAAE;AAC9B,QAAA,sBAAA,CAAA,IAAI,EAAA,4BAAA,EAAc,IAAI,EAAA,GAAA,CAAA;AACtB,QAAA,sBAAA,CAAA,IAAI,EAAA,iCAAA,EAAA,GAAA,CAAgB,CAAC,OAAO,CAAC,EAAE,IAAG;AAChC,YAAA,EAAE,EAAE;AACN,QAAA,CAAC,CAAC;IACJ;AAEA;;;;;;AAMG;AACH,IAAA,YAAY,CAAC,IAAmB,EAAA;AAC9B,QAAA,IAAI,IAAI,KAAK,sBAAA,CAAA,IAAI,EAAA,4BAAA,EAAA,GAAA,CAAW;YAAE;AAC9B,QAAA,sBAAA,CAAA,IAAI,EAAA,4BAAA,EAAc,IAAI,EAAA,GAAA,CAAA;AACtB,QAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAkB,CAAC,OAAO,CAAC,EAAE,IAAG;AAClC,YAAA,EAAE,EAAE;AACN,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,UAAU,CAAC,IAAkB,EAAA;AAC3B,QAAA,IAAI,WAAW,CAAC,sBAAA,CAAA,IAAI,EAAA,0BAAA,EAAA,GAAA,CAAS,EAAE,IAAI,CAAC;YAAE;AACtC,QAAA,sBAAA,CAAA,IAAI,EAAA,0BAAA,EAAY,IAAI,EAAA,GAAA,CAAA;AACpB,QAAA,sBAAA,CAAA,IAAI,EAAA,mCAAA,EAAA,GAAA,CAAkB,CAAC,OAAO,CAAC,EAAE,IAAG;AAClC,YAAA,EAAE,EAAE;AACN,QAAA,CAAC,CAAC;IACJ;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC;IAClC;AAEA,IAAA,OAAO,CAAC,IAAe,EAAA;AACrB,QAAA,IAAI,QAAQ,CAAC,sBAAA,CAAA,IAAI,EAAA,uBAAA,EAAA,GAAA,CAAM,EAAE,IAAI,CAAC;YAAE;AAChC,QAAA,sBAAA,CAAA,IAAI,EAAA,uBAAA,EAAS,IAAI,EAAA,GAAA,CAAA;AACjB,QAAA,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAA,GAAA,CAAe,CAAC,OAAO,CAAC,EAAE,IAAG;AAC/B,YAAA,EAAE,EAAE;AACN,QAAA,CAAC,CAAC;IACJ;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;IAC5B;AAEA;;;AAGG;AACH,IAAA,YAAY,CAAC,IAAyB,EAAA;AACpC,QAAA,IAAI,IAAI,KAAK,sBAAA,CAAA,IAAI,EAAA,4BAAA,EAAA,GAAA,CAAW;YAAE;AAC9B,QAAA,sBAAA,CAAA,IAAI,EAAA,4BAAA,EAAc,IAAI,EAAA,GAAA,CAAA;AACtB,QAAA,sBAAA,CAAA,IAAI,EAAA,qCAAA,EAAA,GAAA,CAAoB,CAAC,OAAO,CAAC,EAAE,IAAG;AACpC,YAAA,EAAE,EAAE;AACN,QAAA,CAAC,CAAC;IACJ;;AAGA,IAAA,qBAAqB,CAAC,EAA2B,EAAA;AAC/C,QAAA,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAkB,EAAE,EAAA,GAAA,CAAA;AACxB,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAA,GAAA,CAAe,KAAK,EAAE;AAAE,gBAAA,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAkB,IAAI,EAAA,GAAA,CAAA;AAC5D,QAAA,CAAC;IACH;;AAGA,IAAA,aAAa,CAAC,KAAa,EAAA;QACzB,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAA,GAAA,CAAe;AAAE,YAAA,OAAO,KAAK;AACtC,QAAA,sBAAA,CAAA,IAAI,EAAA,gCAAA,EAAA,GAAA,CAAe,CAAA,IAAA,CAAnB,IAAI,EAAgB,KAAK,CAAC;AAC1B,QAAA,OAAO,IAAI;IACb;AACD;;;;;"}

package/dist/esm/components/editor/AssetBrowser/AssetBrowserSurface.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import { CloudUploadIcon } from '../../Icons/CloudUploadIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/ExternalLinkIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LastIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlinkIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.js';
+import { Icon } from '../../primitives/Icon/Icon.js';
+import { main, importOverlay } from './AssetBrowser.css.js';
+import { AssetBrowserContent } from './AssetBrowserContent.js';
+import { useAssetDrag, useAssetBrowserContext } from './AssetBrowserContext.js';
+import { AssetBrowserContextMenuLayer } from './AssetBrowserContextMenu.js';
+
+function ImportOverlay() {
+    const drag = useAssetDrag();
+    const { labels } = useAssetBrowserContext();
+    if (!drag.externalOver)
+        return null;
+    return (jsxs("div", { className: importOverlay, children: [jsx(Icon, { size: "lg", decorative: true, children: jsx(CloudUploadIcon, {}) }), jsx("span", { children: labels.importOverlay })] }));
+}
+/**
+ * The scrollable content surface (grid/list/empty/loading/error) plus the
+ * file-import overlay. Right-click menus (item + empty area) are handled by the
+ * single view-agnostic {@link AssetBrowserContextMenuLayer}, which detects the
+ * target from `data-asset-id` — so grid cells and list rows behave identically.
+ */
+function AssetBrowserSurface({ onDragOver, onDragLeave, onDrop, }) {
+    return (jsx(AssetBrowserContextMenuLayer, { children: jsxs("div", { className: main, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop, children: [jsx(AssetBrowserContent, {}), jsx(ImportOverlay, {})] }) }));
+}
+
+export { AssetBrowserSurface };
+//# sourceMappingURL=AssetBrowserSurface.js.map

package/dist/esm/components/editor/AssetBrowser/AssetBrowserSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserSurface.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserSurface.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACE;AACA;;AACwB;;AAS1B;AAQA;;;;;AAKG;AACG;AAKJ;AAaF;;"}