@jini-ai/ui 0.1.0

package/dist/features/asset-tree-browser/react/components/AssetTreeRowMenu.d.ts

@@ -0,0 +1,33 @@
+import type { RefObject } from 'react';
+export interface AssetTreeRowMenuDownload {
+    href: string;
+    /** Called when the download link is clicked — the orchestrator wires this to close the popover (the download itself happens natively via `href`/`download`). */
+    onClick: () => void;
+}
+export interface AssetTreeRowMenuProps {
+    path: string;
+    displayName: string;
+    top: number;
+    left: number;
+    /** Attach to this popover's root — the outside-dismiss containment box (see `useAssetTreeRowMenu`). */
+    containerRef: RefObject<HTMLDivElement | null>;
+    canCopyLocalPath: boolean;
+    /** True while this path's "Copied" confirmation is showing. */
+    copied: boolean;
+    /** Omit to hide the Download action entirely (no `getFileUrl` was supplied to `AssetTreeBrowser`). */
+    download?: AssetTreeRowMenuDownload | undefined;
+    onOpen: () => void;
+    onRename: () => void;
+    onCopyLocalPath: () => void;
+    onDelete: () => void;
+}
+/**
+ * The row `⋯` context menu popover: open in tab / rename / copy local path
+ * (disabled unless the host's `getLocalPath` selector resolves one) /
+ * download (hidden unless the host supplies `getFileUrl`) / delete.
+ * Positioning (`top`/`left`) is computed upstream by
+ * `useAssetTreeRowMenu`/`computeMenuPosition`; this component is purely
+ * presentational.
+ */
+export declare function AssetTreeRowMenu({ path, displayName, top, left, containerRef, canCopyLocalPath, copied, download, onOpen, onRename, onCopyLocalPath, onDelete, }: AssetTreeRowMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=AssetTreeRowMenu.d.ts.map

package/dist/features/asset-tree-browser/react/components/AssetTreeRowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeRowMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeRowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,gKAAgK;IAChK,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,uGAAuG;IACvG,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,gBAAgB,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,MAAM,EAAE,OAAO,CAAC;IAChB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,wBAAwB,GAAG,SAAS,CAAC;IAChD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,QAAQ,GACT,EAAE,qBAAqB,+BAiCvB"}

package/dist/features/asset-tree-browser/react/components/AssetTreeRowMenu.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+/**
+ * The row `⋯` context menu popover: open in tab / rename / copy local path
+ * (disabled unless the host's `getLocalPath` selector resolves one) /
+ * download (hidden unless the host supplies `getFileUrl`) / delete.
+ * Positioning (`top`/`left`) is computed upstream by
+ * `useAssetTreeRowMenu`/`computeMenuPosition`; this component is purely
+ * presentational.
+ */
+export function AssetTreeRowMenu({ path, displayName, top, left, containerRef, canCopyLocalPath, copied, download, onOpen, onRename, onCopyLocalPath, onDelete, }) {
+    const t = useT();
+    return (_jsxs("div", { ref: containerRef, "data-testid": "asset-tree-row-menu-popover", className: "asset-tree-row-popover", style: { top, left }, onMouseDown: (event) => event.stopPropagation(), onClick: (event) => event.stopPropagation(), children: [_jsx("button", { type: "button", onClick: onOpen, children: t('Open') }), _jsx("button", { type: "button", onClick: onRename, children: t('Rename') }), _jsx("button", { type: "button", disabled: !canCopyLocalPath, onClick: onCopyLocalPath, children: copied ? t('Copied') : t('Copy local path') }), download ? (_jsx("a", { href: download.href, download: displayName, style: { textDecoration: 'none' }, children: _jsx("button", { type: "button", onClick: download.onClick, children: t('Download') }) })) : null, _jsx("button", { type: "button", className: "danger", "data-testid": `asset-tree-row-delete-${path}`, onClick: onDelete, children: t('Delete') })] }));
+}
+//# sourceMappingURL=AssetTreeRowMenu.js.map

package/dist/features/asset-tree-browser/react/components/AssetTreeRowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeRowMenu.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeRowMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AA0B9C;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,WAAW,EACX,GAAG,EACH,IAAI,EACJ,YAAY,EACZ,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,QAAQ,GACc;IACtB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,eACE,GAAG,EAAE,YAAY,iBACL,6BAA6B,EACzC,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EACpB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAC/C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,aAE3C,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,YAClC,CAAC,CAAC,MAAM,CAAC,GACH,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YACpC,CAAC,CAAC,QAAQ,CAAC,GACL,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,eAAe,YACxE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,GACrC,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,YAAG,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YAC9E,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,YAC5C,CAAC,CAAC,UAAU,CAAC,GACP,GACP,CACL,CAAC,CAAC,CAAC,IAAI,EACR,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,iBAAc,yBAAyB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,YACrG,CAAC,CAAC,QAAQ,CAAC,GACL,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/features/asset-tree-browser/react/components/AssetTreeSelectionBar.d.ts

@@ -0,0 +1,13 @@
+export interface AssetTreeSelectionBarProps {
+    count: number;
+    onClear: () => void;
+    onDelete: () => void;
+    deleting: boolean;
+    /** Omit to hide the batch-download action entirely (no `downloadFiles` was supplied to `AssetTreeBrowser`). */
+    onDownload?: (() => void) | undefined;
+    downloading?: boolean | undefined;
+    downloadError?: string | null | undefined;
+}
+/** The batch action bar shown above the listing whenever one or more rows are selected: an optional batch download, delete, and clear-selection. */
+export declare function AssetTreeSelectionBar({ count, onClear, onDelete, deleting, onDownload, downloading, downloadError, }: AssetTreeSelectionBarProps): import("react").JSX.Element;
+//# sourceMappingURL=AssetTreeSelectionBar.d.ts.map

package/dist/features/asset-tree-browser/react/components/AssetTreeSelectionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeSelectionBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeSelectionBar.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,+GAA+G;IAC/G,UAAU,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C;AAED,oJAAoJ;AACpJ,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAmB,EACnB,aAAoB,GACrB,EAAE,0BAA0B,+BAiC5B"}

package/dist/features/asset-tree-browser/react/components/AssetTreeSelectionBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+/** The batch action bar shown above the listing whenever one or more rows are selected: an optional batch download, delete, and clear-selection. */
+export function AssetTreeSelectionBar({ count, onClear, onDelete, deleting, onDownload, downloading = false, downloadError = null, }) {
+    const t = useT();
+    return (_jsxs("div", { className: "asset-tree-batch-bar", "data-testid": "asset-tree-batch-bar", children: [_jsx("span", { className: "asset-tree-batch-count", children: t('{n} selected', { n: count }) }), _jsxs("div", { className: "asset-tree-batch-actions", children: [onDownload ? (_jsx("button", { type: "button", onClick: onDownload, disabled: downloading, "aria-busy": downloading, children: t('Download') })) : null, _jsx("button", { type: "button", className: "danger", "data-testid": "asset-tree-batch-delete", disabled: deleting, "aria-busy": deleting, onClick: onDelete, children: t('Delete') }), _jsx("button", { type: "button", className: "asset-tree-batch-clear", onClick: onClear, children: t('Clear selection') })] }), downloadError ? (_jsx("div", { className: "asset-tree-batch-error", role: "alert", "data-testid": "asset-tree-batch-download-error", children: downloadError })) : null] }));
+}
+//# sourceMappingURL=AssetTreeSelectionBar.js.map

package/dist/features/asset-tree-browser/react/components/AssetTreeSelectionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeSelectionBar.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeSelectionBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAa9C,oJAAoJ;AACpJ,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,IAAI,GACO;IAC3B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,iBAAa,sBAAsB,aACtE,eAAM,SAAS,EAAC,wBAAwB,YAAE,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAQ,EACjF,eAAK,SAAS,EAAC,0BAA0B,aACtC,UAAU,CAAC,CAAC,CAAC,CACZ,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,eAAa,WAAW,YACrF,CAAC,CAAC,UAAU,CAAC,GACP,CACV,CAAC,CAAC,CAAC,IAAI,EACR,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,iBACN,yBAAyB,EACrC,QAAQ,EAAE,QAAQ,eACP,QAAQ,EACnB,OAAO,EAAE,QAAQ,YAEhB,CAAC,CAAC,QAAQ,CAAC,GACL,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,YACtE,CAAC,CAAC,iBAAiB,CAAC,GACd,IACL,EACL,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,OAAO,iBAAa,iCAAiC,YAC/F,aAAa,GACV,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/features/asset-tree-browser/react/components/AssetTreeToolbar.d.ts

@@ -0,0 +1,14 @@
+import type { AssetTreeToolbarAction } from '../../types.js';
+export interface AssetTreeToolbarProps {
+    actions: readonly AssetTreeToolbarAction[];
+}
+/**
+ * Renders the host's `toolbarActions` (upload/new-file/etc. — this package
+ * ships no built-in actions of its own; every button here is host-supplied,
+ * see `AssetTreeBrowser`'s doc comment for what the origin `DesignFilesPanel`
+ * shipped inline instead). `action.icon` is threaded through as a raw
+ * `data-icon` attribute rather than resolved to a rendered glyph — this
+ * package has no opinion on the host's icon system.
+ */
+export declare function AssetTreeToolbar({ actions }: AssetTreeToolbarProps): import("react").JSX.Element | null;
+//# sourceMappingURL=AssetTreeToolbar.d.ts.map

package/dist/features/asset-tree-browser/react/components/AssetTreeToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAC;CAC5C;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,qBAAqB,sCAqBlE"}

package/dist/features/asset-tree-browser/react/components/AssetTreeToolbar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+/**
+ * Renders the host's `toolbarActions` (upload/new-file/etc. — this package
+ * ships no built-in actions of its own; every button here is host-supplied,
+ * see `AssetTreeBrowser`'s doc comment for what the origin `DesignFilesPanel`
+ * shipped inline instead). `action.icon` is threaded through as a raw
+ * `data-icon` attribute rather than resolved to a rendered glyph — this
+ * package has no opinion on the host's icon system.
+ */
+export function AssetTreeToolbar({ actions }) {
+    const t = useT();
+    if (actions.length === 0)
+        return null;
+    return (_jsx("div", { className: "asset-tree-toolbar-actions", children: actions.map((action) => (_jsx("button", { type: "button", "data-testid": action.testId, "data-icon": action.icon, disabled: action.disabled, title: t(action.label), onClick: action.onSelect, children: t(action.label) }, action.key))) }));
+}
+//# sourceMappingURL=AssetTreeToolbar.js.map

package/dist/features/asset-tree-browser/react/components/AssetTreeToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeToolbar.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAO9C;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAyB;IACjE,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,CACL,cAAK,SAAS,EAAC,4BAA4B,YACxC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAEE,IAAI,EAAC,QAAQ,iBACA,MAAM,CAAC,MAAM,eACf,MAAM,CAAC,IAAI,EACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,MAAM,CAAC,QAAQ,YAEvB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IARX,MAAM,CAAC,GAAG,CASR,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/features/asset-tree-browser/react/components/AssetTreeUploadErrorBanner.d.ts

@@ -0,0 +1,8 @@
+export interface AssetTreeUploadErrorBannerProps {
+    message: string;
+    /** Omit to hide the Dismiss button (the error clears on its own next time — e.g. on the next successful drop). */
+    onDismiss?: () => void;
+}
+/** A dismissible banner for a failed drag-drop-folder read (`useAssetTreeDragUpload`'s `dropReadError`). */
+export declare function AssetTreeUploadErrorBanner({ message, onDismiss }: AssetTreeUploadErrorBannerProps): import("react").JSX.Element;
+//# sourceMappingURL=AssetTreeUploadErrorBanner.d.ts.map

package/dist/features/asset-tree-browser/react/components/AssetTreeUploadErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeUploadErrorBanner.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeUploadErrorBanner.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,+BAA+B;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,kHAAkH;IAClH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,4GAA4G;AAC5G,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,+BAA+B,+BAajG"}

package/dist/features/asset-tree-browser/react/components/AssetTreeUploadErrorBanner.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+/** A dismissible banner for a failed drag-drop-folder read (`useAssetTreeDragUpload`'s `dropReadError`). */
+export function AssetTreeUploadErrorBanner({ message, onDismiss }) {
+    const t = useT();
+    return (_jsxs("div", { className: "asset-tree-upload-banner", "data-testid": "asset-tree-upload-error-banner", children: [_jsx("span", { children: message }), onDismiss ? (_jsx("button", { type: "button", "data-testid": "asset-tree-upload-error-dismiss", onClick: onDismiss, children: t('Dismiss') })) : null] }));
+}
+//# sourceMappingURL=AssetTreeUploadErrorBanner.js.map

package/dist/features/asset-tree-browser/react/components/AssetTreeUploadErrorBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetTreeUploadErrorBanner.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/AssetTreeUploadErrorBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAQ9C,4GAA4G;AAC5G,MAAM,UAAU,0BAA0B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAmC;IAChG,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,iBAAa,gCAAgC,aACpF,yBAAO,OAAO,GAAQ,EACrB,SAAS,CAAC,CAAC,CAAC,CACX,iBAAQ,IAAI,EAAC,QAAQ,iBAAa,iCAAiC,EAAC,OAAO,EAAE,SAAS,YACnF,CAAC,CAAC,SAAS,CAAC,GACN,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/features/asset-tree-browser/react/components/FilePreviewPane.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+export interface FilePreviewPaneProps<TFile> {
+    file: TFile;
+    /** Full path from the tree root (NOT basename-relative-to-directory — the preview pane always shows the full path, unlike a row's truncated display name). */
+    path: string;
+    kindLabel: string;
+    kindGlyph: string;
+    size: number;
+    modifiedAt: number;
+    onOpen: () => void;
+    onClose: () => void;
+    /** Omit to hide the Download link (no `getFileUrl` was supplied to `AssetTreeBrowser`). */
+    downloadHref?: string | undefined;
+    /**
+     * Host-supplied, kind-aware thumbnail. Defaults to a generic glyph
+     * placeholder — this package ships no file-kind-specific rendering (no
+     * HTML-iframe preview, no design-canvas preview; see
+     * `packages/ui/source-map.md` for what the origin `DesignFilesPanel`
+     * shipped there instead and why it isn't ported).
+     */
+    renderThumbnail?: ((file: TFile) => ReactNode) | undefined;
+    /**
+     * True when `renderThumbnail` renders its own interactive controls (e.g.
+     * native `<video>`/`<audio>` controls) that this pane's click-to-open
+     * overlay button would otherwise intercept clicks from. Defaults to
+     * `false`. Generifies the origin's hardcoded `kind !== 'audio' && kind
+     * !== 'video'` check, which this package can't reproduce since it has no
+     * concept of a fixed kind enum.
+     */
+    thumbnailIsInteractive?: boolean | undefined;
+}
+/**
+ * The right-side preview pane: a thumbnail slot, a meta footer (name / kind
+ * / modified-time + size + extension / download link), and an "Open" action
+ * — the `AssetTreeBrowser`'s companion surface for whichever file is
+ * currently previewed.
+ */
+export declare function FilePreviewPane<TFile>({ file, path, kindLabel, kindGlyph, size, modifiedAt, onOpen, onClose, downloadHref, renderThumbnail, thumbnailIsInteractive, }: FilePreviewPaneProps<TFile>): import("react").JSX.Element;
+//# sourceMappingURL=FilePreviewPane.d.ts.map

package/dist/features/asset-tree-browser/react/components/FilePreviewPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewPane.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/FilePreviewPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,oBAAoB,CAAC,KAAK;IACzC,IAAI,EAAE,KAAK,CAAC;IACZ,8JAA8J;IAC9J,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAC3D;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9C;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,SAAS,EACT,IAAI,EACJ,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EACZ,eAAe,EACf,sBAA8B,GAC/B,EAAE,oBAAoB,CAAC,KAAK,CAAC,+BA0D7B"}

package/dist/features/asset-tree-browser/react/components/FilePreviewPane.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../../i18n/index.js';
+import { Icon } from '../../../../react/components/Icon.js';
+import { fileExtensionLabel, humanBytes, relativeTimeResult } from '../../rules.js';
+/**
+ * The right-side preview pane: a thumbnail slot, a meta footer (name / kind
+ * / modified-time + size + extension / download link), and an "Open" action
+ * — the `AssetTreeBrowser`'s companion surface for whichever file is
+ * currently previewed.
+ */
+export function FilePreviewPane({ file, path, kindLabel, kindGlyph, size, modifiedAt, onOpen, onClose, downloadHref, renderThumbnail, thumbnailIsInteractive = false, }) {
+    const t = useT();
+    const relativeTime = relativeTimeResult(modifiedAt);
+    const timeLabel = relativeTime.translatable ? t(relativeTime.label, relativeTime.params) : relativeTime.label;
+    const openLabel = `${t('Open')} ${path}`;
+    return (_jsxs("aside", { className: "asset-tree-preview", "data-testid": "asset-tree-preview", children: [_jsx("button", { type: "button", className: "asset-tree-preview-close", onClick: onClose, title: t('Close preview'), "aria-label": t('Close preview'), children: _jsx(Icon, { name: "close", size: 13 }) }), _jsxs("div", { className: "asset-tree-preview-thumb", children: [renderThumbnail ? (renderThumbnail(file)) : (_jsx("div", { className: "asset-tree-preview-placeholder", "aria-hidden": true, children: kindGlyph })), thumbnailIsInteractive ? null : (_jsx("button", { type: "button", className: "asset-tree-preview-thumb-open", onClick: onOpen, title: openLabel, "aria-label": openLabel }))] }), _jsxs("div", { className: "asset-tree-preview-meta", children: [_jsxs("button", { type: "button", className: "asset-tree-preview-open-cta", onClick: onOpen, children: [_jsx(Icon, { name: "eye", size: 14 }), _jsx("span", { children: t('Open') })] }), _jsx("div", { className: "asset-tree-preview-name", children: path }), _jsx("div", { className: "asset-tree-preview-kind", children: kindLabel }), _jsx("div", { className: "asset-tree-preview-stats", children: t('Modified {time} · {size} · {ext}', {
+                            time: timeLabel,
+                            size: humanBytes(size),
+                            ext: fileExtensionLabel(path),
+                        }) }), downloadHref ? (_jsxs("a", { className: "asset-tree-preview-download", href: downloadHref, download: path, children: [_jsx(Icon, { name: "download", size: 13 }), _jsx("span", { children: t('Download') })] })) : null] })] }));
+}
+//# sourceMappingURL=FilePreviewPane.js.map

package/dist/features/asset-tree-browser/react/components/FilePreviewPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewPane.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/components/FilePreviewPane.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAiCpF;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAQ,EACrC,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,SAAS,EACT,IAAI,EACJ,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EACZ,eAAe,EACf,sBAAsB,GAAG,KAAK,GACF;IAC5B,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,YAAY,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;IAC9G,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;IAEzC,OAAO,CACL,iBAAO,SAAS,EAAC,oBAAoB,iBAAa,oBAAoB,aACpE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,gBACb,CAAC,CAAC,eAAe,CAAC,YAE9B,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACxB,EACT,eAAK,SAAS,EAAC,0BAA0B,aACtC,eAAe,CAAC,CAAC,CAAC,CACjB,eAAe,CAAC,IAAI,CAAC,CACtB,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,gCAAgC,iCAC5C,SAAS,GACN,CACP,EACA,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC/B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,SAAS,gBACJ,SAAS,GACrB,CACH,IACG,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,MAAM,aAC3E,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,yBAAO,CAAC,CAAC,MAAM,CAAC,GAAQ,IACjB,EACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,IAAI,GAAO,EACrD,cAAK,SAAS,EAAC,yBAAyB,YAAE,SAAS,GAAO,EAC1D,cAAK,SAAS,EAAC,0BAA0B,YACtC,CAAC,CAAC,kCAAkC,EAAE;4BACrC,IAAI,EAAE,SAAS;4BACf,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC;4BACtB,GAAG,EAAE,kBAAkB,CAAC,IAAI,CAAC;yBAC9B,CAAC,GACE,EACL,YAAY,CAAC,CAAC,CAAC,CACd,aAAG,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,aAC3E,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,EAAE,GAAI,EAClC,yBAAO,CAAC,CAAC,UAAU,CAAC,GAAQ,IAC1B,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,IACA,CACT,CAAC;AACJ,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeBatchActions.d.ts

@@ -0,0 +1,30 @@
+export interface UseAssetTreeBatchActionsParams {
+    selected: ReadonlySet<string>;
+    onDeleteFiles: (paths: string[]) => Promise<void> | void;
+    /** Omit to disable batch download entirely — the host owns the actual archive endpoint. */
+    downloadFiles?: ((paths: string[]) => Promise<{
+        blob: Blob;
+        filename: string;
+    }>) | undefined;
+}
+export interface UseAssetTreeBatchActionsResult {
+    deleting: boolean;
+    downloading: boolean;
+    downloadError: string | null;
+    deleteSelected: () => Promise<void>;
+    downloadSelected: () => Promise<void>;
+}
+/** Triggers a browser "save as" for `blob` under `filename`, then revokes the object URL after a minute — long enough for a slow save-dialog to still resolve it. */
+export declare function triggerBrowserDownload(blob: Blob, filename: string): void;
+/**
+ * Batch actions over the current selection: delete (busy-gated, and
+ * deliberately does NOT clear `selected` itself on success or failure — the
+ * origin `DesignFilesPanel`'s own comment explains why: "confirm-cancel and
+ * all-fail paths should leave the user's selection intact for retry"; a
+ * successful delete's paths are pruned automatically once the host's
+ * `files` prop refreshes, via `useAssetTreeSelection`'s prune effect) and an
+ * optional batch download that triggers a browser save for the host-built
+ * archive blob.
+ */
+export declare function useAssetTreeBatchActions(params: UseAssetTreeBatchActionsParams): UseAssetTreeBatchActionsResult;
+//# sourceMappingURL=useAssetTreeBatchActions.d.ts.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeBatchActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeBatchActions.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeBatchActions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACzD,2FAA2F;IAC3F,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS,CAAC;CAC9F;AAED,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,qKAAqK;AACrK,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CASzE;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,8BAA8B,GAAG,8BAA8B,CAmC/G"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeBatchActions.js

@@ -0,0 +1,63 @@
+import { useCallback, useState } from 'react';
+/** Triggers a browser "save as" for `blob` under `filename`, then revokes the object URL after a minute — long enough for a slow save-dialog to still resolve it. */
+export function triggerBrowserDownload(blob, filename) {
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    document.body.removeChild(anchor);
+    setTimeout(() => URL.revokeObjectURL(url), 60_000);
+}
+/**
+ * Batch actions over the current selection: delete (busy-gated, and
+ * deliberately does NOT clear `selected` itself on success or failure — the
+ * origin `DesignFilesPanel`'s own comment explains why: "confirm-cancel and
+ * all-fail paths should leave the user's selection intact for retry"; a
+ * successful delete's paths are pruned automatically once the host's
+ * `files` prop refreshes, via `useAssetTreeSelection`'s prune effect) and an
+ * optional batch download that triggers a browser save for the host-built
+ * archive blob.
+ */
+export function useAssetTreeBatchActions(params) {
+    const { selected, onDeleteFiles, downloadFiles } = params;
+    const [deleting, setDeleting] = useState(false);
+    const [downloading, setDownloading] = useState(false);
+    const [downloadError, setDownloadError] = useState(null);
+    const deleteSelected = useCallback(async () => {
+        if (deleting)
+            return;
+        const paths = [...selected];
+        if (paths.length === 0)
+            return;
+        setDeleting(true);
+        try {
+            await onDeleteFiles(paths);
+        }
+        finally {
+            setDeleting(false);
+        }
+    }, [deleting, selected, onDeleteFiles]);
+    const downloadSelected = useCallback(async () => {
+        if (!downloadFiles || downloading)
+            return;
+        const paths = [...selected];
+        if (paths.length === 0)
+            return;
+        setDownloading(true);
+        setDownloadError(null);
+        try {
+            const { blob, filename } = await downloadFiles(paths);
+            triggerBrowserDownload(blob, filename);
+        }
+        catch (err) {
+            setDownloadError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setDownloading(false);
+        }
+    }, [downloadFiles, downloading, selected]);
+    return { deleting, downloading, downloadError, deleteSelected, downloadSelected };
+}
+//# sourceMappingURL=useAssetTreeBatchActions.js.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeBatchActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeBatchActions.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeBatchActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiB9C,qKAAqK;AACrK,MAAM,UAAU,sBAAsB,CAAC,IAAU,EAAE,QAAgB;IACjE,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;IAClB,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;AACrD,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAsC;IAC7E,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC5C,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;QAC5B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC/B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC;YACH,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAExC,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,CAAC,aAAa,IAAI,WAAW;YAAE,OAAO;QAC1C,MAAM,KAAK,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;QAC5B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC/B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC;YACH,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC;YACtD,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACzC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,gBAAgB,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QACrE,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AACpF,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeClipboardPasteUpload.d.ts

@@ -0,0 +1,22 @@
+import type { AssetTreeDomBridgePort } from '../../ports.js';
+export interface UseAssetTreeClipboardPasteUploadParams {
+    dom: AssetTreeDomBridgePort;
+    onUploadFiles: (files: File[]) => void;
+    /**
+     * Called once per qualifying paste, before `onUploadFiles` — the
+     * orchestrator wires this to clear any visible upload-error banner,
+     * mirroring the origin `DesignFilesPanel`'s clipboard-paste handler
+     * (`setDropReadError(null); onClearUploadError?.();`) before it forwards
+     * the pasted files.
+     */
+    onBeforeUpload?: () => void;
+}
+/**
+ * Global clipboard-paste upload: listens document-wide (via the DOM bridge
+ * port, which already ignores a paste landing on a text-entry target and
+ * already filters to a non-empty file list — see `dependencies.ts`'s
+ * `subscribeGlobalPaste`) and forwards whatever files it finds to
+ * `onUploadFiles`.
+ */
+export declare function useAssetTreeClipboardPasteUpload(params: UseAssetTreeClipboardPasteUploadParams): void;
+//# sourceMappingURL=useAssetTreeClipboardPasteUpload.d.ts.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeClipboardPasteUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeClipboardPasteUpload.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeClipboardPasteUpload.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,sCAAsC;IACrD,GAAG,EAAE,sBAAsB,CAAC;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,sCAAsC,GAAG,IAAI,CAarG"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeClipboardPasteUpload.js

@@ -0,0 +1,22 @@
+import { useEffect, useRef } from 'react';
+/**
+ * Global clipboard-paste upload: listens document-wide (via the DOM bridge
+ * port, which already ignores a paste landing on a text-entry target and
+ * already filters to a non-empty file list — see `dependencies.ts`'s
+ * `subscribeGlobalPaste`) and forwards whatever files it finds to
+ * `onUploadFiles`.
+ */
+export function useAssetTreeClipboardPasteUpload(params) {
+    const { dom } = params;
+    const onUploadFilesRef = useRef(params.onUploadFiles);
+    onUploadFilesRef.current = params.onUploadFiles;
+    const onBeforeUploadRef = useRef(params.onBeforeUpload);
+    onBeforeUploadRef.current = params.onBeforeUpload;
+    useEffect(() => {
+        return dom.subscribeGlobalPaste((files) => {
+            onBeforeUploadRef.current?.();
+            onUploadFilesRef.current(files);
+        });
+    }, [dom]);
+}
+//# sourceMappingURL=useAssetTreeClipboardPasteUpload.js.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeClipboardPasteUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeClipboardPasteUpload.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeClipboardPasteUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgB1C;;;;;;GAMG;AACH,MAAM,UAAU,gCAAgC,CAAC,MAA8C;IAC7F,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC;IACvB,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACtD,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;IAChD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACxD,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAC,KAAK,EAAE,EAAE;YACxC,iBAAiB,CAAC,OAAO,EAAE,EAAE,CAAC;YAC9B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeCopyLocalPath.d.ts

@@ -0,0 +1,13 @@
+import type { AssetTreeClipboardPort } from '../../ports.js';
+export interface UseAssetTreeCopyLocalPathResult {
+    /** The path whose "Copied" confirmation is currently showing, or `null`. */
+    copiedPath: string | null;
+    copyLocalPath: (path: string, localPath: string) => Promise<void>;
+}
+/**
+ * Row menu's "copy local path" action: copies via the clipboard port and
+ * shows a transient "Copied" confirmation for `confirmMs` (defaults to
+ * {@link COPY_LOCAL_PATH_CONFIRM_MS}, matching the origin's 1600ms).
+ */
+export declare function useAssetTreeCopyLocalPath(clipboard: AssetTreeClipboardPort, confirmMs?: number): UseAssetTreeCopyLocalPathResult;
+//# sourceMappingURL=useAssetTreeCopyLocalPath.d.ts.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeCopyLocalPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeCopyLocalPath.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeCopyLocalPath.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAE7D,MAAM,WAAW,+BAA+B;IAC9C,4EAA4E;IAC5E,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,sBAAsB,EACjC,SAAS,GAAE,MAAmC,GAC7C,+BAA+B,CAgBjC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeCopyLocalPath.js

@@ -0,0 +1,21 @@
+import { useCallback, useState } from 'react';
+import { COPY_LOCAL_PATH_CONFIRM_MS } from '../../constants.js';
+/**
+ * Row menu's "copy local path" action: copies via the clipboard port and
+ * shows a transient "Copied" confirmation for `confirmMs` (defaults to
+ * {@link COPY_LOCAL_PATH_CONFIRM_MS}, matching the origin's 1600ms).
+ */
+export function useAssetTreeCopyLocalPath(clipboard, confirmMs = COPY_LOCAL_PATH_CONFIRM_MS) {
+    const [copiedPath, setCopiedPath] = useState(null);
+    const copyLocalPath = useCallback(async (path, localPath) => {
+        const copied = await clipboard.copyToClipboard(localPath);
+        if (!copied)
+            return;
+        setCopiedPath(path);
+        setTimeout(() => {
+            setCopiedPath((current) => (current === path ? null : current));
+        }, confirmMs);
+    }, [clipboard, confirmMs]);
+    return { copiedPath, copyLocalPath };
+}
+//# sourceMappingURL=useAssetTreeCopyLocalPath.js.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeCopyLocalPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeCopyLocalPath.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeCopyLocalPath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAShE;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CACvC,SAAiC,EACjC,YAAoB,0BAA0B;IAE9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAElE,MAAM,aAAa,GAAG,WAAW,CAC/B,KAAK,EAAE,IAAY,EAAE,SAAiB,EAAE,EAAE;QACxC,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAC1D,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,UAAU,CAAC,GAAG,EAAE;YACd,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAClE,CAAC,EAAE,SAAS,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,SAAS,CAAC,CACvB,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AACvC,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeDragUpload.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Re-exported (2026-07-18) from the promoted, fully generic
+ * `browser/useFileDropTarget` — see that file's doc comment for why. Kept
+ * under this feature's original name/import path so nothing else in
+ * `asset-tree-browser` (or its tests) has to change.
+ */
+export { useFileDropTarget as useAssetTreeDragUpload } from '../../../../browser/useFileDropTarget.js';
+export type { UseFileDropTargetResult as UseAssetTreeDragUploadResult } from '../../../../browser/useFileDropTarget.js';
+//# sourceMappingURL=useAssetTreeDragUpload.d.ts.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeDragUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeDragUpload.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeDragUpload.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,iBAAiB,IAAI,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AACvG,YAAY,EAAE,uBAAuB,IAAI,4BAA4B,EAAE,MAAM,0CAA0C,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeDragUpload.js

@@ -0,0 +1,8 @@
+/**
+ * Re-exported (2026-07-18) from the promoted, fully generic
+ * `browser/useFileDropTarget` — see that file's doc comment for why. Kept
+ * under this feature's original name/import path so nothing else in
+ * `asset-tree-browser` (or its tests) has to change.
+ */
+export { useFileDropTarget as useAssetTreeDragUpload } from '../../../../browser/useFileDropTarget.js';
+//# sourceMappingURL=useAssetTreeDragUpload.js.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeDragUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeDragUpload.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeDragUpload.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,iBAAiB,IAAI,sBAAsB,EAAE,MAAM,0CAA0C,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeNavigation.d.ts

@@ -0,0 +1,30 @@
+import type { AssetTreeFileItem, AssetTreeFolderItem, AssetTreeNavState, AssetTreeSection } from '../../types.js';
+export interface UseAssetTreeNavigationParams<TFile extends AssetTreeFileItem> {
+    files: readonly TFile[];
+    folders?: readonly AssetTreeFolderItem[] | undefined;
+    /** Kind render order; kinds absent from it append in first-seen order. Defaults to `[]` (pure first-seen order). */
+    sectionOrder?: readonly string[] | undefined;
+    getKind: (file: TFile) => string;
+    getModifiedAt: (file: TFile) => number;
+    /** Seeds the initial directory and is reported back to on every navigation. Uncontrolled after mount — see `AssetTreeBrowser`'s doc comment. */
+    navState?: AssetTreeNavState | undefined;
+    onNavStateChange?: ((state: AssetTreeNavState) => void) | undefined;
+}
+export interface UseAssetTreeNavigationResult<TFile> {
+    currentDir: string;
+    setCurrentDir: (dir: string) => void;
+    dirsAtCurrentDir: string[];
+    filesAtCurrentDir: TFile[];
+    sections: AssetTreeSection<TFile>[];
+}
+/**
+ * Directory navigation: current-directory state (seeded from `navState`,
+ * reported upward via `onNavStateChange` on every change — a one-time seed
+ * plus a report-upward callback, not a fully controlled prop, matching the
+ * origin `DesignFilesPanel`'s own `navState`/`onNavStateChange` pair),
+ * derived subdirectories/files at that level, kind-grouped sections, and the
+ * auto-ancestor-correction effect that walks back up when the viewed
+ * directory disappears (e.g. after deleting the last file in it).
+ */
+export declare function useAssetTreeNavigation<TFile extends AssetTreeFileItem>(params: UseAssetTreeNavigationParams<TFile>): UseAssetTreeNavigationResult<TFile>;
+//# sourceMappingURL=useAssetTreeNavigation.d.ts.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeNavigation.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AAOxB,MAAM,WAAW,4BAA4B,CAAC,KAAK,SAAS,iBAAiB;IAC3E,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,mBAAmB,EAAE,GAAG,SAAS,CAAC;IACrD,oHAAoH;IACpH,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACvC,gJAAgJ;IAChJ,QAAQ,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACrE;AAED,MAAM,WAAW,4BAA4B,CAAC,KAAK;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,iBAAiB,EAAE,KAAK,EAAE,CAAC;IAC3B,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;CACrC;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,SAAS,iBAAiB,EACpE,MAAM,EAAE,4BAA4B,CAAC,KAAK,CAAC,GAC1C,4BAA4B,CAAC,KAAK,CAAC,CAsCrC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeNavigation.js

@@ -0,0 +1,43 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { DEFAULT_SECTION_ORDER } from '../../constants.js';
+import { deriveTreeChildren, groupFilesByKind, nextExistingAncestorDir, } from '../../rules.js';
+// Stable empty-array fallbacks: allocating `[]` inline as a default (`params.folders ?? []`)
+// would create a new array reference every render, defeating the `useMemo`/`useEffect`
+// dependency arrays below.
+const EMPTY_FOLDERS = [];
+/**
+ * Directory navigation: current-directory state (seeded from `navState`,
+ * reported upward via `onNavStateChange` on every change — a one-time seed
+ * plus a report-upward callback, not a fully controlled prop, matching the
+ * origin `DesignFilesPanel`'s own `navState`/`onNavStateChange` pair),
+ * derived subdirectories/files at that level, kind-grouped sections, and the
+ * auto-ancestor-correction effect that walks back up when the viewed
+ * directory disappears (e.g. after deleting the last file in it).
+ */
+export function useAssetTreeNavigation(params) {
+    const { files, getKind, getModifiedAt, onNavStateChange } = params;
+    const folders = params.folders ?? EMPTY_FOLDERS;
+    const sectionOrder = params.sectionOrder ?? DEFAULT_SECTION_ORDER;
+    const [currentDir, setCurrentDirState] = useState(() => params.navState?.currentDir ?? '');
+    const setCurrentDir = useCallback((dir) => {
+        setCurrentDirState(dir);
+        onNavStateChange?.({ currentDir: dir });
+    }, [onNavStateChange]);
+    // Walk back up to the nearest ancestor that still exists when the viewed
+    // directory disappears — otherwise navigating into an empty folder that
+    // later loses its files would leave the panel stuck showing nothing.
+    useEffect(() => {
+        const corrected = nextExistingAncestorDir(files, folders, currentDir);
+        if (corrected !== null)
+            setCurrentDir(corrected);
+        // `setCurrentDir` intentionally excluded: it's `useCallback`-stable given
+        // a stable `onNavStateChange`, and including it here would be a no-op
+        // for correctness — this effect must only re-run when the tree contents
+        // or the viewed directory change, not when the host swaps callback
+        // identity.
+    }, [files, folders, currentDir]);
+    const { dirsAtCurrentDir, filesAtCurrentDir } = useMemo(() => deriveTreeChildren(files, folders, currentDir), [files, folders, currentDir]);
+    const sections = useMemo(() => groupFilesByKind(filesAtCurrentDir, sectionOrder, getKind, getModifiedAt), [filesAtCurrentDir, sectionOrder, getKind, getModifiedAt]);
+    return { currentDir, setCurrentDir, dirsAtCurrentDir, filesAtCurrentDir, sections };
+}
+//# sourceMappingURL=useAssetTreeNavigation.js.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreeNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreeNavigation.js","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreeNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AAQxB,6FAA6F;AAC7F,uFAAuF;AACvF,2BAA2B;AAC3B,MAAM,aAAa,GAAmC,EAAE,CAAC;AAsBzD;;;;;;;;GAQG;AACH,MAAM,UAAU,sBAAsB,CACpC,MAA2C;IAE3C,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,aAAa,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,IAAI,qBAAqB,CAAC;IAClE,MAAM,CAAC,UAAU,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC;IAEnG,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAW,EAAE,EAAE;QACd,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACxB,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,yEAAyE;IACzE,wEAAwE;IACxE,qEAAqE;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;QACtE,IAAI,SAAS,KAAK,IAAI;YAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACjD,0EAA0E;QAC1E,sEAAsE;QACtE,wEAAwE;QACxE,mEAAmE;QACnE,YAAY;IACd,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,OAAO,CACrD,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,EACpD,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAC7B,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,CAAC,EAC/E,CAAC,iBAAiB,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,CAAC,CAC1D,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC;AACtF,CAAC"}

package/dist/features/asset-tree-browser/react/hooks/useAssetTreePreview.d.ts

@@ -0,0 +1,18 @@
+import type { AssetTreeFileItem } from '../../types.js';
+export interface UseAssetTreePreviewResult<TFile> {
+    previewPath: string | null;
+    previewFile: TFile | null;
+    setPreviewPath: (path: string | null) => void;
+    clearPreview: () => void;
+}
+/**
+ * Preview-pane selection: which file (by path) is previewed, resolved
+ * against the FULL `files` list (not just the current directory's listing)
+ * — the origin `DesignFilesPanel` never clears the preview on navigation, so
+ * it can keep showing a file after the user has navigated elsewhere.
+ * Auto-applies an optional host-supplied initial pick exactly once per
+ * mount, and clears the preview if its file vanishes from `files` (a delete
+ * or a refresh).
+ */
+export declare function useAssetTreePreview<TFile extends AssetTreeFileItem>(files: readonly TFile[], selectInitialPreviewFile?: (files: TFile[]) => TFile | null): UseAssetTreePreviewResult<TFile>;
+//# sourceMappingURL=useAssetTreePreview.d.ts.map

package/dist/features/asset-tree-browser/react/hooks/useAssetTreePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetTreePreview.d.ts","sourceRoot":"","sources":["../../../../../src/features/asset-tree-browser/react/hooks/useAssetTreePreview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,yBAAyB,CAAC,KAAK;IAC9C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,iBAAiB,EACjE,KAAK,EAAE,SAAS,KAAK,EAAE,EACvB,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,KAAK,GAAG,IAAI,GAC1D,yBAAyB,CAAC,KAAK,CAAC,CA4BlC"}