@anvilkit/plugin-asset-manager 0.1.6 → 0.1.8

package/dist/ui/AssetBrowser.cjs

@@ -31,11 +31,14 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AssetBrowser: ()=>AssetBrowser
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
+const button_namespaceObject = require("@anvilkit/ui/button");
 const card_namespaceObject = require("@anvilkit/ui/card");
 const input_namespaceObject = require("@anvilkit/ui/input");
 const windowed_namespaceObject = require("@anvilkit/ui/windowed");
 const external_react_namespaceObject = require("react");
 const infer_kind_cjs_namespaceObject = require("../utils/infer-kind.cjs");
+const external_FolderTree_cjs_namespaceObject = require("./FolderTree.cjs");
 const KIND_FILTERS = [
     "image",
     "video",
@@ -47,11 +50,121 @@ const DEFAULT_VIRTUALIZE_THRESHOLD = 50;
 const DEFAULT_ITEM_HEIGHT = 56;
 const DEFAULT_MAX_HEIGHT = 400;
 const DEFAULT_PAGE_SIZE = 100;
-function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEnabled = false, pageSize = DEFAULT_PAGE_SIZE, virtualizeThreshold = DEFAULT_VIRTUALIZE_THRESHOLD, itemHeight = DEFAULT_ITEM_HEIGHT, maxHeight = DEFAULT_MAX_HEIGHT }) {
+function AssetFilterRow({ query, onQueryChange, activeKinds, onToggleKind }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    return /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "data-asset-manager-filters": true
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+        "aria-label": msg("assetManager.browser.searchLabel"),
+        onChange: (event)=>{
+            onQueryChange(event.target.value);
+        },
+        placeholder: msg("assetManager.browser.searchPlaceholder"),
+        value: query
+    }), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "aria-label": msg("assetManager.browser.filterLabel"),
+        role: "group"
+    }, KIND_FILTERS.map((kind)=>{
+        const active = activeKinds.includes(kind);
+        return /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+            "aria-label": msg("assetManager.browser.filterByKind").replace("{kind}", kind),
+            "aria-pressed": active,
+            "data-asset-kind-filter": kind,
+            key: kind,
+            onClick: ()=>{
+                onToggleKind(kind);
+            },
+            type: "button",
+            variant: active ? "secondary" : "ghost",
+            size: "sm"
+        }, msg(`assetManager.kind.${kind}`));
+    })));
+}
+const AssetBrowser_AssetRow = /*#__PURE__*/ external_react_namespaceObject.memo(function({ asset, index, isActive, total, draggableRows, onInsert, onEdit, onReplace, onDelete, onFocusRow, onMoveFocus, registerRow }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
+        "aria-label": msg("assetManager.browser.insert").replace("{id}", asset.id),
+        draggable: draggableRows,
+        "data-asset-draggable": draggableRows ? "" : void 0,
+        onDragStart: draggableRows ? (event)=>{
+            event.dataTransfer.setData(external_FolderTree_cjs_namespaceObject.ASSET_DRAG_MIME, JSON.stringify([
+                asset.id
+            ]));
+            event.dataTransfer.effectAllowed = "move";
+        } : void 0,
+        onClick: ()=>{
+            onInsert(asset);
+        },
+        onFocus: ()=>{
+            onFocusRow(index);
+        },
+        onKeyDown: (event)=>{
+            if ("ArrowDown" === event.key) {
+                event.preventDefault();
+                onMoveFocus(index + 1);
+                return;
+            }
+            if ("ArrowUp" === event.key) {
+                event.preventDefault();
+                onMoveFocus(index - 1);
+                return;
+            }
+            if ("Home" === event.key) {
+                event.preventDefault();
+                onMoveFocus(0);
+                return;
+            }
+            if ("End" === event.key) {
+                event.preventDefault();
+                onMoveFocus(total - 1);
+                return;
+            }
+            if ("Enter" === event.key || " " === event.key) {
+                event.preventDefault();
+                onInsert(asset);
+            }
+        },
+        ref: (node)=>{
+            registerRow(index, node);
+        },
+        tabIndex: isActive ? 0 : -1,
+        type: "button"
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.id), /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.meta?.mimeType ?? msg("assetManager.browser.unknownMime"))), void 0 !== onEdit ? /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        "aria-label": msg("assetManager.browser.edit").replace("{id}", asset.id),
+        "data-asset-action": "edit",
+        onClick: ()=>{
+            onEdit(asset);
+        },
+        type: "button",
+        variant: "ghost",
+        size: "sm"
+    }, msg("assetManager.button.edit")) : null, void 0 !== onReplace ? /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        "aria-label": msg("assetManager.browser.replace").replace("{id}", asset.id),
+        "data-asset-action": "replace",
+        onClick: ()=>{
+            onReplace(asset);
+        },
+        type: "button",
+        variant: "ghost",
+        size: "sm"
+    }, msg("assetManager.button.replace")) : null, void 0 !== onDelete ? /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        "aria-label": msg("assetManager.browser.delete").replace("{id}", asset.id),
+        "data-asset-action": "delete",
+        onClick: ()=>{
+            onDelete(asset);
+        },
+        type: "button",
+        variant: "ghost",
+        size: "sm"
+    }, msg("assetManager.button.delete")) : null);
+});
+function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEnabled = false, aboveFilters, draggableRows = false, pageSize = DEFAULT_PAGE_SIZE, virtualizeThreshold = DEFAULT_VIRTUALIZE_THRESHOLD, itemHeight = DEFAULT_ITEM_HEIGHT, maxHeight = DEFAULT_MAX_HEIGHT }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const [activeIndex, setActiveIndex] = external_react_namespaceObject.useState(assets.length > 0 ? 0 : -1);
     const [query, setQuery] = external_react_namespaceObject.useState("");
     const [activeKinds, setActiveKinds] = external_react_namespaceObject.useState([]);
-    const [pageLimit, setPageLimit] = external_react_namespaceObject.useState(pageSize);
+    const [extraPages, setExtraPages] = external_react_namespaceObject.useState(0);
+    const pageLimit = pageSize * (extraPages + 1);
     const buttonRefs = external_react_namespaceObject.useRef([]);
     const pendingFocusRef = external_react_namespaceObject.useRef(null);
     const searchIndex = external_react_namespaceObject.useMemo(()=>{
@@ -75,8 +188,9 @@ function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEna
         const lower = query.trim().toLowerCase();
         const hasKindFilter = activeKinds.length > 0;
         if ("" === lower && !hasKindFilter) return assets;
+        const activeKindSet = hasKindFilter ? new Set(activeKinds) : null;
         const result = [];
-        for (const entry of searchIndex)if (!hasKindFilter || activeKinds.includes(entry.kind)) {
+        for (const entry of searchIndex)if (!activeKindSet || activeKindSet.has(entry.kind)) {
             if ("" === lower || entry.haystack.includes(lower)) result.push(entry.asset);
         }
         return result;
@@ -94,137 +208,83 @@ function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEna
     ]);
     const total = visibleSlice.length;
     const hasMore = searchEnabled && filteredAssets.length > visibleSlice.length;
-    external_react_namespaceObject.useEffect(()=>{
-        if (0 === total) return void setActiveIndex(-1);
-        setActiveIndex((currentIndex)=>currentIndex >= 0 && currentIndex < total ? currentIndex : 0);
-    }, [
-        total
-    ]);
-    function focusRow(index) {
+    const effectiveActiveIndex = 0 === total ? -1 : activeIndex >= 0 && activeIndex < total ? activeIndex : 0;
+    const focusRow = external_react_namespaceObject.useCallback((index)=>{
         const node = buttonRefs.current[index];
         if (node) {
             node.focus();
             return true;
         }
         return false;
-    }
-    function moveFocus(nextIndex) {
+    }, []);
+    const moveFocus = external_react_namespaceObject.useCallback((nextIndex)=>{
         if (0 === total) return;
         const clampedIndex = Math.max(0, Math.min(nextIndex, total - 1));
         pendingFocusRef.current = clampedIndex;
         setActiveIndex(clampedIndex);
         if (focusRow(clampedIndex)) pendingFocusRef.current = null;
-    }
-    function toggleKind(kind) {
+    }, [
+        total,
+        focusRow
+    ]);
+    const registerRow = external_react_namespaceObject.useCallback((index, node)=>{
+        buttonRefs.current[index] = node;
+        if (node && pendingFocusRef.current === index) {
+            pendingFocusRef.current = null;
+            node.focus();
+        }
+    }, []);
+    const changeQuery = external_react_namespaceObject.useCallback((value)=>{
+        setQuery(value);
+        setExtraPages(0);
+    }, []);
+    const toggleKind = external_react_namespaceObject.useCallback((kind)=>{
         setActiveKinds((current)=>current.includes(kind) ? current.filter((entry)=>entry !== kind) : [
                 ...current,
                 kind
             ]);
-    }
-    const renderRow = (asset, index)=>/*#__PURE__*/ external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
-            "aria-label": `Insert asset ${asset.id}`,
-            onClick: ()=>{
-                onInsert(asset);
-            },
-            onFocus: ()=>{
-                setActiveIndex(index);
-            },
-            onKeyDown: (event)=>{
-                if ("ArrowDown" === event.key) {
-                    event.preventDefault();
-                    moveFocus(index + 1);
-                    return;
-                }
-                if ("ArrowUp" === event.key) {
-                    event.preventDefault();
-                    moveFocus(index - 1);
-                    return;
-                }
-                if ("Home" === event.key) {
-                    event.preventDefault();
-                    moveFocus(0);
-                    return;
-                }
-                if ("End" === event.key) {
-                    event.preventDefault();
-                    moveFocus(total - 1);
-                    return;
-                }
-                if ("Enter" === event.key || " " === event.key) {
-                    event.preventDefault();
-                    onInsert(asset);
-                }
-            },
-            ref: (node)=>{
-                buttonRefs.current[index] = node;
-                if (node && pendingFocusRef.current === index) {
-                    pendingFocusRef.current = null;
-                    node.focus();
-                }
-            },
-            tabIndex: activeIndex === index ? 0 : -1,
-            type: "button"
-        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.id), /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, asset.meta?.mimeType ?? "unknown type")), void 0 !== onEdit ? /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
-            "aria-label": `Edit asset ${asset.id}`,
-            "data-asset-action": "edit",
-            onClick: ()=>{
-                onEdit(asset);
-            },
-            type: "button"
-        }, "Edit") : null, void 0 !== onReplace ? /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
-            "aria-label": `Replace asset ${asset.id}`,
-            "data-asset-action": "replace",
-            onClick: ()=>{
-                onReplace(asset);
-            },
-            type: "button"
-        }, "Replace") : null, void 0 !== onDelete ? /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
-            "aria-label": `Delete asset ${asset.id}`,
-            "data-asset-action": "delete",
-            onClick: ()=>{
-                onDelete(asset);
-            },
-            type: "button"
-        }, "Delete") : null);
-    const filterRow = searchEnabled ? /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
-        "data-asset-manager-filters": true
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
-        "aria-label": "Search assets",
-        onChange: (event)=>{
-            setQuery(event.target.value);
-            setPageLimit(pageSize);
-        },
-        placeholder: "Search by name, tag, or MIME",
-        value: query
-    }), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
-        "aria-label": "Asset kind filters",
-        role: "group"
-    }, KIND_FILTERS.map((kind)=>{
-        const active = activeKinds.includes(kind);
-        return /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
-            "aria-label": `Filter ${kind} assets`,
-            "aria-pressed": active,
-            "data-asset-kind-filter": kind,
-            key: kind,
-            onClick: ()=>{
-                toggleKind(kind);
-                setPageLimit(pageSize);
-            },
-            type: "button"
-        }, kind);
-    }))) : null;
+        setExtraPages(0);
+    }, []);
+    const renderRow = external_react_namespaceObject.useCallback((asset, index)=>/*#__PURE__*/ external_react_namespaceObject.createElement(AssetBrowser_AssetRow, {
+            asset: asset,
+            draggableRows: draggableRows,
+            index: index,
+            isActive: effectiveActiveIndex === index,
+            onDelete: onDelete,
+            onEdit: onEdit,
+            onFocusRow: setActiveIndex,
+            onInsert: onInsert,
+            onMoveFocus: moveFocus,
+            onReplace: onReplace,
+            registerRow: registerRow,
+            total: total
+        }), [
+        draggableRows,
+        effectiveActiveIndex,
+        moveFocus,
+        onDelete,
+        onEdit,
+        onInsert,
+        onReplace,
+        registerRow,
+        total
+    ]);
+    const searchRow = searchEnabled ? /*#__PURE__*/ external_react_namespaceObject.createElement(AssetFilterRow, {
+        activeKinds: activeKinds,
+        onQueryChange: changeQuery,
+        onToggleKind: toggleKind,
+        query: query
+    }) : null;
+    const filterRow = /*#__PURE__*/ external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, null, aboveFilters, searchRow);
     if (0 === total) {
-        const emptyLabel = searchEnabled && ("" !== query || activeKinds.length > 0) ? "No assets match the current filters." : "No assets uploaded yet.";
-        return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, "Asset browser"), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, "Validated assets currently registered in memory.")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, filterRow, /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
-            "aria-label": "Assets",
-            role: "list"
-        }, /*#__PURE__*/ external_react_namespaceObject.createElement("li", {
-            role: "listitem"
-        }, emptyLabel))));
+        const emptyLabel = searchEnabled && ("" !== query || activeKinds.length > 0) ? msg("assetManager.browser.emptyFiltered") : msg("assetManager.browser.empty");
+        return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, msg("assetManager.browser.title")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, msg("assetManager.browser.subtitle"))), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, filterRow, /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+            "aria-label": msg("assetManager.browser.assetsLabel")
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("li", null, emptyLabel))));
     }
-    return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, "Asset browser"), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, "Validated assets currently registered in memory.")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, filterRow, /*#__PURE__*/ external_react_namespaceObject.createElement(windowed_namespaceObject.Windowed, {
-        activeIndex: activeIndex >= 0 ? activeIndex : void 0,
-        "aria-label": "Assets",
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, msg("assetManager.browser.title")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, msg("assetManager.browser.subtitle"))), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, filterRow, /*#__PURE__*/ external_react_namespaceObject.createElement(windowed_namespaceObject.Windowed, {
+        activeIndex: effectiveActiveIndex >= 0 ? effectiveActiveIndex : void 0,
+        "aria-label": msg("assetManager.browser.assetsLabel"),
         as: "ul",
         "data-testid": "asset-browser-virtualized",
         estimateSize: itemHeight,
@@ -233,13 +293,15 @@ function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEna
         maxHeight: maxHeight,
         renderItem: renderRow,
         threshold: virtualizeThreshold
-    }), hasMore ? /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
+    }), hasMore ? /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         "data-asset-action": "load-more",
         onClick: ()=>{
-            setPageLimit((current)=>current + pageSize);
+            setExtraPages((current)=>current + 1);
         },
-        type: "button"
-    }, "Load more") : null));
+        type: "button",
+        variant: "outline",
+        size: "sm"
+    }, msg("assetManager.button.loadMore")) : null));
 }
 exports.AssetBrowser = __webpack_exports__.AssetBrowser;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/ui/AssetBrowser.d.cts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { UploadResult } from "../types/types.js";
 export interface AssetBrowserProps {
     readonly assets: readonly UploadResult[];
@@ -25,6 +26,16 @@ export interface AssetBrowserProps {
      * pre-filter at the host layer) keep their previous chrome.
      */
     readonly searchEnabled?: boolean;
+    /**
+     * Optional content rendered above the filter row — typically a folder
+     * breadcrumb + tree + source tabs (PRD 0002 §7.4). Purely additive.
+     */
+    readonly aboveFilters?: React.ReactNode;
+    /**
+     * When `true`, asset rows are draggable carrying an asset-id payload
+     * (`ASSET_DRAG_MIME`) so they can be dropped onto a `FolderTree` row.
+     */
+    readonly draggableRows?: boolean;
     /**
      * Page size used by the "Load more" affordance once the visible
      * slice exceeds this number. Defaults to 100.
@@ -49,5 +60,5 @@ export interface AssetBrowserProps {
     /** Pixel height of the scroll container when virtualizing. */
     readonly maxHeight?: number;
 }
-export declare function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEnabled, pageSize, virtualizeThreshold, itemHeight, maxHeight, }: AssetBrowserProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEnabled, aboveFilters, draggableRows, pageSize, virtualizeThreshold, itemHeight, maxHeight, }: AssetBrowserProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AssetBrowser.d.cts.map

package/dist/ui/AssetBrowser.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetBrowser.d.cts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjE,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;;;;;;OAQG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAOD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CAuSnB"}
+{"version":3,"file":"AssetBrowser.d.cts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYjE,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;;;;;;OAQG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAmOD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,YAAY,EACZ,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CA8PnB"}

package/dist/ui/AssetBrowser.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { UploadResult } from "../types/types.js";
 export interface AssetBrowserProps {
     readonly assets: readonly UploadResult[];
@@ -25,6 +26,16 @@ export interface AssetBrowserProps {
      * pre-filter at the host layer) keep their previous chrome.
      */
     readonly searchEnabled?: boolean;
+    /**
+     * Optional content rendered above the filter row — typically a folder
+     * breadcrumb + tree + source tabs (PRD 0002 §7.4). Purely additive.
+     */
+    readonly aboveFilters?: React.ReactNode;
+    /**
+     * When `true`, asset rows are draggable carrying an asset-id payload
+     * (`ASSET_DRAG_MIME`) so they can be dropped onto a `FolderTree` row.
+     */
+    readonly draggableRows?: boolean;
     /**
      * Page size used by the "Load more" affordance once the visible
      * slice exceeds this number. Defaults to 100.
@@ -49,5 +60,5 @@ export interface AssetBrowserProps {
     /** Pixel height of the scroll container when virtualizing. */
     readonly maxHeight?: number;
 }
-export declare function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEnabled, pageSize, virtualizeThreshold, itemHeight, maxHeight, }: AssetBrowserProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetBrowser({ assets, onInsert, onDelete, onReplace, onEdit, searchEnabled, aboveFilters, draggableRows, pageSize, virtualizeThreshold, itemHeight, maxHeight, }: AssetBrowserProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AssetBrowser.d.ts.map

package/dist/ui/AssetBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetBrowser.d.ts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjE,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;;;;;;OAQG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAOD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CAuSnB"}
+{"version":3,"file":"AssetBrowser.d.ts","sourceRoot":"","sources":["../../src/ui/AssetBrowser.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYjE,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC;;;;;;;;OAQG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAmOD,wBAAgB,YAAY,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,aAAqB,EACrB,YAAY,EACZ,aAAqB,EACrB,QAA4B,EAC5B,mBAAkD,EAClD,UAAgC,EAChC,SAA8B,GAC9B,EAAE,iBAAiB,2CA8PnB"}