entangle-ui 0.9.0 → 0.10.0

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":"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"}

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;;"}

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

@@ -0,0 +1,128 @@
+"use client";
+import { jsxs, Fragment, jsx } 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 '../../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 { FilterIcon } from '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import { GridIcon } from '../../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 { ListIcon } from '../../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 { SearchIcon } from '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import { SortIcon } from '../../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 { ChevronLeftIcon } from '../../Icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../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 { Menu } from '../../navigation/Menu/Menu.js';
+import { SegmentedControl } from '../../navigation/SegmentedControl/SegmentedControl.js';
+import { SegmentedControlItem } from '../../navigation/SegmentedControl/SegmentedControlItem.js';
+import { Icon } from '../../primitives/Icon/Icon.js';
+import { IconButton } from '../../primitives/IconButton/IconButton.js';
+import { Input } from '../../primitives/Input/Input.js';
+import { toolbar, searchField, toolbarSpacer } from './AssetBrowser.css.js';
+import { useAssetBrowserChrome } from './AssetBrowserContext.js';
+
+const SORT_FIELDS = ['name', 'type', 'size', 'modified'];
+function AssetBrowserToolbar() {
+    const chrome = useAssetBrowserChrome();
+    const { labels } = chrome;
+    const toggleType = (type, checked) => {
+        const current = new Set(chrome.filters.types ?? []);
+        if (checked)
+            current.add(type);
+        else
+            current.delete(type);
+        chrome.setFilters({ types: Array.from(current) });
+    };
+    return (jsxs("div", { className: toolbar, children: [chrome.history && (jsxs(Fragment, { children: [jsx(IconButton, { "aria-label": labels.back, size: "sm", disabled: !chrome.canGoBack, onClick: chrome.goBack, children: jsx(ChevronLeftIcon, { size: "sm", decorative: true }) }), jsx(IconButton, { "aria-label": labels.forward, size: "sm", disabled: !chrome.canGoForward, onClick: chrome.goForward, children: jsx(ChevronRightIcon, { size: "sm", decorative: true }) })] })), jsxs(SegmentedControl, { value: chrome.view, onChange: value => {
+                    chrome.setView(value);
+                }, size: "sm", "aria-label": labels.viewModeAria, children: [jsx(SegmentedControlItem, { value: "grid", icon: jsx(GridIcon, {}), tooltip: labels.gridViewTooltip }), jsx(SegmentedControlItem, { value: "list", icon: jsx(ListIcon, {}), tooltip: labels.listViewTooltip })] }), jsx(Input, { className: searchField, type: "search", size: "sm", placeholder: labels.searchPlaceholder, value: chrome.search, onChange: value => {
+                    chrome.setSearch(value);
+                }, startIcon: jsx(Icon, { size: "sm", decorative: true, children: jsx(SearchIcon, {}) }) }), jsx("span", { className: toolbarSpacer }), jsxs(Menu, { children: [jsxs(Menu.Trigger, { children: [jsx(Icon, { size: "sm", decorative: true, children: jsx(SortIcon, {}) }), labels.sort] }), jsxs(Menu.Content, { children: [jsx(Menu.RadioGroup, { value: chrome.sort.field, onValueChange: field => {
+                                    chrome.setSort({ field, direction: chrome.sort.direction });
+                                }, children: SORT_FIELDS.map(field => (jsx(Menu.RadioItem, { value: field, children: labels.sortFields[field] }, field))) }), jsx(Menu.Separator, {}), jsxs(Menu.RadioGroup, { value: chrome.sort.direction, onValueChange: direction => {
+                                    chrome.setSort({
+                                        field: chrome.sort.field,
+                                        direction: direction === 'desc' ? 'desc' : 'asc',
+                                    });
+                                }, children: [jsx(Menu.RadioItem, { value: "asc", children: labels.sortAscending }), jsx(Menu.RadioItem, { value: "desc", children: labels.sortDescending })] })] })] }), chrome.filterableTypes.length > 0 && (jsxs(Menu, { children: [jsxs(Menu.Trigger, { children: [jsx(Icon, { size: "sm", decorative: true, children: jsx(FilterIcon, {}) }), labels.filter] }), jsx(Menu.Content, { children: chrome.filterableTypes.map(type => (jsx(Menu.CheckboxItem, { checked: (chrome.filters.types ?? []).includes(type), onCheckedChange: checked => {
+                                toggleType(type, checked);
+                            }, children: type }, type))) })] }))] }));
+}
+
+export { AssetBrowserToolbar };
+//# sourceMappingURL=AssetBrowserToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetBrowserToolbar.js","sources":["../../../../../../src/components/editor/AssetBrowser/AssetBrowserToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;AAGE;AACA;AAEA;AACE;AACA;AAAa;;AACR;AACL;AACF;;AA4BQ;AACF;AAuBE;AACF;AAqBM;;;AAcE;;AAED;;AAyBG;AACF;AAUhB;;"}

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

@@ -0,0 +1,90 @@
+/** Case-insensitive name match. An empty/blank query keeps every item. */
+function filterBySearch(items, query) {
+    const q = query.trim().toLowerCase();
+    if (q === '')
+        return items.slice();
+    return items.filter(item => item.name.toLowerCase().includes(q));
+}
+/**
+ * Type filter. Folders always pass (they have no asset type and must stay
+ * navigable). An empty/undefined `types` list keeps every item.
+ */
+function filterByType(items, types) {
+    if (!types || types.length === 0)
+        return items.slice();
+    const set = new Set(types);
+    return items.filter(item => item.kind === 'folder' || set.has(item.assetType ?? 'unknown'));
+}
+function toTime(value) {
+    if (value === undefined)
+        return Number.NEGATIVE_INFINITY;
+    return value instanceof Date ? value.getTime() : value;
+}
+function compareField(a, b, field) {
+    switch (field) {
+        case 'name':
+            return a.name.localeCompare(b.name);
+        case 'type':
+            return (a.assetType ?? '').localeCompare(b.assetType ?? '');
+        case 'size':
+            return (a.size ?? 0) - (b.size ?? 0);
+        case 'modified':
+            return toTime(a.modifiedAt) - toTime(b.modifiedAt);
+        default: {
+            const av = a.meta?.[field];
+            const bv = b.meta?.[field];
+            if (typeof av === 'number' && typeof bv === 'number')
+                return av - bv;
+            const as = typeof av === 'string' ? av : '';
+            const bs = typeof bv === 'string' ? bv : '';
+            return as.localeCompare(bs);
+        }
+    }
+}
+/**
+ * Sort a stable copy. Folders always group before files; within a group the
+ * chosen field + direction applies. Name is the tiebreaker for equal fields.
+ */
+function sortItems(items, sort) {
+    const dir = sort.direction === 'desc' ? -1 : 1;
+    return items.slice().sort((a, b) => {
+        if (a.kind !== b.kind)
+            return a.kind === 'folder' ? -1 : 1;
+        const primary = compareField(a, b, sort.field);
+        if (primary !== 0)
+            return primary * dir;
+        return a.name.localeCompare(b.name) * dir;
+    });
+}
+/**
+ * Apply the non-manual axes (search → filter → sort) to produce the displayed
+ * list. Manual axes trust `items` as already shaped for that axis.
+ */
+function shapeAssets(items, options) {
+    let result = items.slice();
+    if (!options.manualSearch)
+        result = filterBySearch(result, options.search);
+    if (!options.manualFilter)
+        result = filterByType(result, options.filters.types);
+    if (!options.manualSort)
+        result = sortItems(result, options.sort);
+    return result;
+}
+/** Distinct asset types present among files, in first-seen order. */
+function collectTypes(items) {
+    const seen = [];
+    const set = new Set();
+    for (const item of items) {
+        if (item.kind !== 'file')
+            continue;
+        const type = item.assetType ?? 'unknown';
+        if (!set.has(type)) {
+            set.add(type);
+            seen.push(type);
+        }
+    }
+    return seen;
+}
+
+export { collectTypes, filterBySearch, filterByType, shapeAssets, sortItems };
+//# sourceMappingURL=assetBrowserFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assetBrowserFilter.js","sources":["../../../../../../src/components/editor/AssetBrowser/assetBrowserFilter.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+/** Humanize a byte count (e.g. 2048 → "2 KB"). Empty for undefined. */
+function formatBytes(bytes) {
+    if (bytes === undefined || Number.isNaN(bytes))
+        return '';
+    if (bytes < 1024)
+        return `${bytes} B`;
+    const units = ['KB', 'MB', 'GB', 'TB'];
+    let value = bytes / 1024;
+    let unit = 0;
+    while (value >= 1024 && unit < units.length - 1) {
+        value /= 1024;
+        unit += 1;
+    }
+    const rounded = value >= 10 ? Math.round(value) : Math.round(value * 10) / 10;
+    return `${rounded} ${units[unit]}`;
+}
+/** Short locale date string. Empty for undefined. */
+function formatDate(value) {
+    if (value === undefined)
+        return '';
+    const date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return '';
+    return date.toLocaleDateString(undefined, {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+    });
+}
+
+export { formatBytes, formatDate };
+//# sourceMappingURL=assetBrowserFormat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assetBrowserFormat.js","sources":["../../../../../../src/components/editor/AssetBrowser/assetBrowserFormat.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACM,SAAU,WAAW,CAAC,KAAyB,EAAA;IACnD,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE;IACzD,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;IACrC,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AACtC,IAAA,IAAI,KAAK,GAAG,KAAK,GAAG,IAAI;IACxB,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,OAAO,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/C,KAAK,IAAI,IAAI;QACb,IAAI,IAAI,CAAC;IACX;IACA,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE;IAC7E,OAAO,CAAA,EAAG,OAAO,CAAA,CAAA,EAAI,KAAK,CAAC,IAAI,CAAC,EAAE;AACpC;AAEA;AACM,SAAU,UAAU,CAAC,KAAgC,EAAA;IACzD,IAAI,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,EAAE;AAClC,IAAA,MAAM,IAAI,GAAG,KAAK,YAAY,IAAI,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;IAC5D,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AAAE,QAAA,OAAO,EAAE;AAC3C,IAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;AACxC,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA,CAAC;AACJ;;;;"}