@anvilkit/plugin-asset-manager 0.1.6 → 0.1.8

package/dist/ui/FolderBreadcrumb.cjs

@@ -0,0 +1,76 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FolderBreadcrumb: ()=>FolderBreadcrumb
+});
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
+const breadcrumb_namespaceObject = require("@anvilkit/ui/breadcrumb");
+const button_namespaceObject = require("@anvilkit/ui/button");
+const external_react_namespaceObject = require("react");
+function FolderBreadcrumb({ path, onNavigate, rootLabel }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    const resolvedRootLabel = rootLabel ?? msg("assetManager.folder.root");
+    const atRoot = 0 === path.length;
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.Breadcrumb, {
+        "aria-label": msg("assetManager.breadcrumb.label"),
+        "data-testid": "ak-folder-breadcrumb"
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.BreadcrumbList, null, /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.BreadcrumbItem, null, atRoot ? /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.BreadcrumbPage, {
+        "data-folder-crumb": "root"
+    }, resolvedRootLabel) : /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        className: "h-auto p-0",
+        "data-folder-crumb": "root",
+        onClick: ()=>onNavigate(null)
+    }, resolvedRootLabel)), path.map((folder, index)=>{
+        const isCurrent = index === path.length - 1;
+        return /*#__PURE__*/ external_react_namespaceObject.createElement(external_react_namespaceObject.Fragment, {
+            key: folder.id
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.BreadcrumbSeparator, null), /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.BreadcrumbItem, null, isCurrent ? /*#__PURE__*/ external_react_namespaceObject.createElement(breadcrumb_namespaceObject.BreadcrumbPage, {
+            "data-folder-crumb": folder.id
+        }, folder.name) : /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+            type: "button",
+            variant: "link",
+            size: "sm",
+            className: "h-auto p-0",
+            "data-folder-crumb": folder.id,
+            onClick: ()=>onNavigate(folder.id)
+        }, folder.name)));
+    })));
+}
+exports.FolderBreadcrumb = __webpack_exports__.FolderBreadcrumb;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderBreadcrumb"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/FolderBreadcrumb.d.cts

@@ -0,0 +1,9 @@
+import type { AssetFolder } from "../types/folders.js";
+export interface FolderBreadcrumbProps {
+    /** Root → … → current folder. Empty ⇒ at root. */
+    readonly path: readonly AssetFolder[];
+    readonly onNavigate: (folderId: string | null) => void;
+    readonly rootLabel?: string;
+}
+export declare function FolderBreadcrumb({ path, onNavigate, rootLabel, }: FolderBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FolderBreadcrumb.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderBreadcrumb.d.cts","sourceRoot":"","sources":["../../src/ui/FolderBreadcrumb.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACrC,kDAAkD;IAClD,QAAQ,CAAC,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;IACtC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,UAAU,EACV,SAAS,GACT,EAAE,qBAAqB,2CAyDvB"}

package/dist/ui/FolderBreadcrumb.d.ts

@@ -0,0 +1,9 @@
+import type { AssetFolder } from "../types/folders.js";
+export interface FolderBreadcrumbProps {
+    /** Root → … → current folder. Empty ⇒ at root. */
+    readonly path: readonly AssetFolder[];
+    readonly onNavigate: (folderId: string | null) => void;
+    readonly rootLabel?: string;
+}
+export declare function FolderBreadcrumb({ path, onNavigate, rootLabel, }: FolderBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FolderBreadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderBreadcrumb.d.ts","sourceRoot":"","sources":["../../src/ui/FolderBreadcrumb.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,qBAAqB;IACrC,kDAAkD;IAClD,QAAQ,CAAC,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;IACtC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,UAAU,EACV,SAAS,GACT,EAAE,qBAAqB,2CAyDvB"}

package/dist/ui/FolderBreadcrumb.js

@@ -0,0 +1,38 @@
+"use client";
+import { useMsg } from "@anvilkit/core/i18n";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@anvilkit/ui/breadcrumb";
+import { Button } from "@anvilkit/ui/button";
+import * as __rspack_external_react from "react";
+function FolderBreadcrumb({ path, onNavigate, rootLabel }) {
+    const msg = useMsg();
+    const resolvedRootLabel = rootLabel ?? msg("assetManager.folder.root");
+    const atRoot = 0 === path.length;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Breadcrumb, {
+        "aria-label": msg("assetManager.breadcrumb.label"),
+        "data-testid": "ak-folder-breadcrumb"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(BreadcrumbList, null, /*#__PURE__*/ __rspack_external_react.createElement(BreadcrumbItem, null, atRoot ? /*#__PURE__*/ __rspack_external_react.createElement(BreadcrumbPage, {
+        "data-folder-crumb": "root"
+    }, resolvedRootLabel) : /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        className: "h-auto p-0",
+        "data-folder-crumb": "root",
+        onClick: ()=>onNavigate(null)
+    }, resolvedRootLabel)), path.map((folder, index)=>{
+        const isCurrent = index === path.length - 1;
+        return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external_react.Fragment, {
+            key: folder.id
+        }, /*#__PURE__*/ __rspack_external_react.createElement(BreadcrumbSeparator, null), /*#__PURE__*/ __rspack_external_react.createElement(BreadcrumbItem, null, isCurrent ? /*#__PURE__*/ __rspack_external_react.createElement(BreadcrumbPage, {
+            "data-folder-crumb": folder.id
+        }, folder.name) : /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+            type: "button",
+            variant: "link",
+            size: "sm",
+            className: "h-auto p-0",
+            "data-folder-crumb": folder.id,
+            onClick: ()=>onNavigate(folder.id)
+        }, folder.name)));
+    })));
+}
+export { FolderBreadcrumb };

package/dist/ui/FolderNameDialog.cjs

@@ -0,0 +1,105 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    FolderNameDialog: ()=>FolderNameDialog
+});
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
+const button_namespaceObject = require("@anvilkit/ui/button");
+const dialog_namespaceObject = require("@anvilkit/ui/dialog");
+const input_namespaceObject = require("@anvilkit/ui/input");
+const external_react_namespaceObject = require("react");
+function FolderNameDialog({ open, onOpenChange, onSubmit, title, submitLabel, initialName = "" }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    const resolvedTitle = title ?? msg("assetManager.dialog.newFolderTitle");
+    const resolvedSubmit = submitLabel ?? msg("assetManager.button.create");
+    const [name, setName] = external_react_namespaceObject.useState(initialName);
+    const [busy, setBusy] = external_react_namespaceObject.useState(false);
+    const [error, setError] = external_react_namespaceObject.useState(null);
+    external_react_namespaceObject.useEffect(()=>{
+        if (open) setName(initialName);
+    }, [
+        open,
+        initialName
+    ]);
+    function requestClose() {
+        setError(null);
+        onOpenChange(false);
+    }
+    async function handleSubmit() {
+        const trimmed = name.trim();
+        if ("" === trimmed || busy) return;
+        setBusy(true);
+        setError(null);
+        try {
+            await onSubmit(trimmed);
+            onOpenChange(false);
+        } catch (cause) {
+            setError(cause instanceof Error ? cause.message : msg("assetManager.dialog.folderSaveError"));
+        } finally{
+            setBusy(false);
+        }
+    }
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
+        open: open,
+        onOpenChange: (next)=>{
+            if (busy) return;
+            if (next) onOpenChange(true);
+            else requestClose();
+        }
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, resolvedTitle)), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+        value: name,
+        placeholder: msg("assetManager.dialog.folderNamePlaceholder"),
+        "data-testid": "ak-folder-name-input",
+        onChange: (event)=>setName(event.currentTarget.value),
+        onKeyDown: (event)=>{
+            if ("Enter" === event.key) handleSubmit();
+        }
+    }), error ? /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+        role: "alert",
+        className: "text-sm text-[var(--ak-studio-danger-fg,#dc2626)]"
+    }, error) : null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "outline",
+        disabled: busy,
+        onClick: requestClose
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        disabled: busy || "" === name.trim(),
+        onClick: ()=>void handleSubmit()
+    }, busy ? msg("assetManager.dialog.saveProgress") : resolvedSubmit))));
+}
+exports.FolderNameDialog = __webpack_exports__.FolderNameDialog;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "FolderNameDialog"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/FolderNameDialog.d.cts

@@ -0,0 +1,14 @@
+/**
+ * One dialog for both create and rename — pass `initialName` + labels. Exported
+ * as `CreateFolderDialog` / `RenameFolderDialog` thin aliases from the barrel.
+ */
+export interface FolderNameDialogProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly onSubmit: (name: string) => void | Promise<void>;
+    readonly title?: string;
+    readonly submitLabel?: string;
+    readonly initialName?: string;
+}
+export declare function FolderNameDialog({ open, onOpenChange, onSubmit, title, submitLabel, initialName, }: FolderNameDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FolderNameDialog.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderNameDialog.d.cts","sourceRoot":"","sources":["../../src/ui/FolderNameDialog.tsx"],"names":[],"mappings":"AAcA;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAgB,GAChB,EAAE,qBAAqB,2CAiGvB"}

package/dist/ui/FolderNameDialog.d.ts

@@ -0,0 +1,14 @@
+/**
+ * One dialog for both create and rename — pass `initialName` + labels. Exported
+ * as `CreateFolderDialog` / `RenameFolderDialog` thin aliases from the barrel.
+ */
+export interface FolderNameDialogProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly onSubmit: (name: string) => void | Promise<void>;
+    readonly title?: string;
+    readonly submitLabel?: string;
+    readonly initialName?: string;
+}
+export declare function FolderNameDialog({ open, onOpenChange, onSubmit, title, submitLabel, initialName, }: FolderNameDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FolderNameDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderNameDialog.d.ts","sourceRoot":"","sources":["../../src/ui/FolderNameDialog.tsx"],"names":[],"mappings":"AAcA;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAgB,GAChB,EAAE,qBAAqB,2CAiGvB"}

package/dist/ui/FolderNameDialog.js

@@ -0,0 +1,67 @@
+"use client";
+import { useMsg } from "@anvilkit/core/i18n";
+import { Button } from "@anvilkit/ui/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
+import { Input } from "@anvilkit/ui/input";
+import * as __rspack_external_react from "react";
+function FolderNameDialog({ open, onOpenChange, onSubmit, title, submitLabel, initialName = "" }) {
+    const msg = useMsg();
+    const resolvedTitle = title ?? msg("assetManager.dialog.newFolderTitle");
+    const resolvedSubmit = submitLabel ?? msg("assetManager.button.create");
+    const [name, setName] = __rspack_external_react.useState(initialName);
+    const [busy, setBusy] = __rspack_external_react.useState(false);
+    const [error, setError] = __rspack_external_react.useState(null);
+    __rspack_external_react.useEffect(()=>{
+        if (open) setName(initialName);
+    }, [
+        open,
+        initialName
+    ]);
+    function requestClose() {
+        setError(null);
+        onOpenChange(false);
+    }
+    async function handleSubmit() {
+        const trimmed = name.trim();
+        if ("" === trimmed || busy) return;
+        setBusy(true);
+        setError(null);
+        try {
+            await onSubmit(trimmed);
+            onOpenChange(false);
+        } catch (cause) {
+            setError(cause instanceof Error ? cause.message : msg("assetManager.dialog.folderSaveError"));
+        } finally{
+            setBusy(false);
+        }
+    }
+    return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
+        open: open,
+        onOpenChange: (next)=>{
+            if (busy) return;
+            if (next) onOpenChange(true);
+            else requestClose();
+        }
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, resolvedTitle)), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+        value: name,
+        placeholder: msg("assetManager.dialog.folderNamePlaceholder"),
+        "data-testid": "ak-folder-name-input",
+        onChange: (event)=>setName(event.currentTarget.value),
+        onKeyDown: (event)=>{
+            if ("Enter" === event.key) handleSubmit();
+        }
+    }), error ? /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        role: "alert",
+        className: "text-sm text-[var(--ak-studio-danger-fg,#dc2626)]"
+    }, error) : null, /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        disabled: busy,
+        onClick: requestClose
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        disabled: busy || "" === name.trim(),
+        onClick: ()=>void handleSubmit()
+    }, busy ? msg("assetManager.dialog.saveProgress") : resolvedSubmit))));
+}
+export { FolderNameDialog };

package/dist/ui/FolderTree.cjs

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ASSET_DRAG_MIME: ()=>ASSET_DRAG_MIME,
+    FolderTree: ()=>FolderTree
+});
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
+const button_namespaceObject = require("@anvilkit/ui/button");
+const external_react_namespaceObject = require("react");
+const ASSET_DRAG_MIME = "application/x-anvilkit-assets";
+function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    const [dropTarget, setDropTarget] = external_react_namespaceObject.useState(null);
+    const handleDrop = (folderId)=>(event)=>{
+            event.preventDefault();
+            setDropTarget(null);
+            if (void 0 === onDropAssets) return;
+            try {
+                const raw = event.dataTransfer.getData(ASSET_DRAG_MIME);
+                const assetIds = raw ? JSON.parse(raw) : [];
+                if (Array.isArray(assetIds) && assetIds.length > 0) onDropAssets(assetIds, folderId);
+            } catch  {}
+        };
+    if (0 === folders.length) return null;
+    const droppable = void 0 !== onDropAssets;
+    return /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "aria-label": msg("assetManager.tree.label"),
+        "data-testid": "ak-folder-tree",
+        className: "flex flex-col gap-1"
+    }, folders.map((folder)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
+            key: folder.id
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+            type: "button",
+            variant: folder.id === currentFolderId ? "secondary" : "ghost",
+            size: "sm",
+            className: "w-full justify-start",
+            "data-folder-id": folder.id,
+            "data-drop-target": dropTarget === folder.id ? "" : void 0,
+            title: droppable ? msg("assetManager.tree.dropHint").replace("{name}", folder.name) : void 0,
+            onClick: ()=>onNavigate(folder.id),
+            onDragOver: onDropAssets ? (event)=>{
+                event.preventDefault();
+                setDropTarget(folder.id);
+            } : void 0,
+            onDragLeave: onDropAssets ? ()=>setDropTarget((current)=>current === folder.id ? null : current) : void 0,
+            onDrop: onDropAssets ? handleDrop(folder.id) : void 0
+        }, folder.name, " (", folder.counts.assets, ")"))));
+}
+exports.ASSET_DRAG_MIME = __webpack_exports__.ASSET_DRAG_MIME;
+exports.FolderTree = __webpack_exports__.FolderTree;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ASSET_DRAG_MIME",
+    "FolderTree"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/FolderTree.d.cts

@@ -0,0 +1,13 @@
+import type { AssetFolder } from "../types/folders.js";
+/** dataTransfer MIME for an asset-id drag payload (native HTML5 DnD, no @dnd-kit). */
+export declare const ASSET_DRAG_MIME = "application/x-anvilkit-assets";
+export interface FolderTreeProps {
+    /** Child folders of the current folder. */
+    readonly folders: readonly AssetFolder[];
+    readonly currentFolderId: string | null;
+    readonly onNavigate: (folderId: string | null) => void;
+    /** Drop handler for an asset-id payload dragged onto a folder row. */
+    readonly onDropAssets?: (assetIds: readonly string[], folderId: string | null) => void;
+}
+export declare function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets, }: FolderTreeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FolderTree.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderTree.d.cts","sourceRoot":"","sources":["../../src/ui/FolderTree.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CACvB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACV;AAED,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,UAAU,EACV,YAAY,GACZ,EAAE,eAAe,kDAwEjB"}

package/dist/ui/FolderTree.d.ts

@@ -0,0 +1,13 @@
+import type { AssetFolder } from "../types/folders.js";
+/** dataTransfer MIME for an asset-id drag payload (native HTML5 DnD, no @dnd-kit). */
+export declare const ASSET_DRAG_MIME = "application/x-anvilkit-assets";
+export interface FolderTreeProps {
+    /** Child folders of the current folder. */
+    readonly folders: readonly AssetFolder[];
+    readonly currentFolderId: string | null;
+    readonly onNavigate: (folderId: string | null) => void;
+    /** Drop handler for an asset-id payload dragged onto a folder row. */
+    readonly onDropAssets?: (assetIds: readonly string[], folderId: string | null) => void;
+}
+export declare function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets, }: FolderTreeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FolderTree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderTree.d.ts","sourceRoot":"","sources":["../../src/ui/FolderTree.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,sFAAsF;AACtF,eAAO,MAAM,eAAe,kCAAkC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC/B,2CAA2C;IAC3C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CACvB,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACV;AAED,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,UAAU,EACV,YAAY,GACZ,EAAE,eAAe,kDAwEjB"}

package/dist/ui/FolderTree.js

@@ -0,0 +1,44 @@
+"use client";
+import { useMsg } from "@anvilkit/core/i18n";
+import { Button } from "@anvilkit/ui/button";
+import * as __rspack_external_react from "react";
+const ASSET_DRAG_MIME = "application/x-anvilkit-assets";
+function FolderTree({ folders, currentFolderId, onNavigate, onDropAssets }) {
+    const msg = useMsg();
+    const [dropTarget, setDropTarget] = __rspack_external_react.useState(null);
+    const handleDrop = (folderId)=>(event)=>{
+            event.preventDefault();
+            setDropTarget(null);
+            if (void 0 === onDropAssets) return;
+            try {
+                const raw = event.dataTransfer.getData(ASSET_DRAG_MIME);
+                const assetIds = raw ? JSON.parse(raw) : [];
+                if (Array.isArray(assetIds) && assetIds.length > 0) onDropAssets(assetIds, folderId);
+            } catch  {}
+        };
+    if (0 === folders.length) return null;
+    const droppable = void 0 !== onDropAssets;
+    return /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+        "aria-label": msg("assetManager.tree.label"),
+        "data-testid": "ak-folder-tree",
+        className: "flex flex-col gap-1"
+    }, folders.map((folder)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
+            key: folder.id
+        }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+            type: "button",
+            variant: folder.id === currentFolderId ? "secondary" : "ghost",
+            size: "sm",
+            className: "w-full justify-start",
+            "data-folder-id": folder.id,
+            "data-drop-target": dropTarget === folder.id ? "" : void 0,
+            title: droppable ? msg("assetManager.tree.dropHint").replace("{name}", folder.name) : void 0,
+            onClick: ()=>onNavigate(folder.id),
+            onDragOver: onDropAssets ? (event)=>{
+                event.preventDefault();
+                setDropTarget(folder.id);
+            } : void 0,
+            onDragLeave: onDropAssets ? ()=>setDropTarget((current)=>current === folder.id ? null : current) : void 0,
+            onDrop: onDropAssets ? handleDrop(folder.id) : void 0
+        }, folder.name, " (", folder.counts.assets, ")"))));
+}
+export { ASSET_DRAG_MIME, FolderTree };

package/dist/ui/MetadataPanel.cjs

@@ -31,11 +31,14 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     MetadataPanel: ()=>MetadataPanel
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const input_namespaceObject = require("@anvilkit/ui/input");
+const label_namespaceObject = require("@anvilkit/ui/label");
 const external_react_namespaceObject = require("react");
 function MetadataPanel({ asset, onCancel, onConfirm }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const [name, setName] = external_react_namespaceObject.useState("");
     const [tagInput, setTagInput] = external_react_namespaceObject.useState("");
     const [tags, setTags] = external_react_namespaceObject.useState([]);
@@ -44,8 +47,6 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         if (null === asset) return;
         setName(asset.name ?? "");
         setTags(asset.tags ?? []);
-        setTagInput("");
-        setBusy(false);
     }, [
         asset
     ]);
@@ -86,19 +87,23 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
             setBusy(false);
         }
     }
+    function handleCancel() {
+        setTagInput("");
+        onCancel();
+    }
     function handleOpenChange(nextOpen) {
-        if (!nextOpen && !busy) onCancel();
+        if (!nextOpen && !busy) handleCancel();
     }
     const open = null !== asset;
     const mimeType = asset?.meta?.mimeType;
     return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
         open: open,
         onOpenChange: handleOpenChange
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Edit asset"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, msg("assetManager.dialog.editTitle")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-metadata": true
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement("label", {
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(label_namespaceObject.Label, {
         htmlFor: "asset-metadata-name"
-    }, "Name"), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+    }, msg("assetManager.form.nameLabel")), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
         id: "asset-metadata-name",
         value: name,
         onChange: (event)=>{
@@ -108,21 +113,22 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         disabled: busy
     }), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-tag-editor": true
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement("label", {
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(label_namespaceObject.Label, {
         htmlFor: "asset-metadata-tag-input"
-    }, "Tags"), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
-        "aria-label": "Current tags",
-        role: "list"
+    }, msg("assetManager.form.tagsLabel")), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "aria-label": msg("assetManager.form.tagsListLabel")
     }, tags.map((tag)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
             key: tag
-        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, tag), /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
-            "aria-label": `Remove tag ${tag}`,
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, tag), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+            "aria-label": msg("assetManager.form.removeTag").replace("{tag}", tag),
             "data-asset-action": "remove-tag",
             disabled: busy,
             onClick: ()=>{
                 removeTag(tag);
             },
-            type: "button"
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs"
         }, "\xd7")))), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
         id: "asset-metadata-tag-input",
         value: tagInput,
@@ -130,18 +136,18 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
             setTagInput(event.target.value);
         },
         onKeyDown: handleTagKeyDown,
-        placeholder: "Add a tag and press Enter",
+        placeholder: msg("assetManager.form.addTagPlaceholder"),
         disabled: busy
     }))), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         disabled: busy,
-        onClick: onCancel,
+        onClick: handleCancel,
         type: "button",
         variant: "outline"
-    }, "Cancel"), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         disabled: busy || null === asset,
         onClick: handleConfirm,
         type: "button"
-    }, busy ? "Saving…" : "Save"))));
+    }, busy ? msg("assetManager.dialog.saveProgress") : msg("assetManager.button.save")))));
 }
 exports.MetadataPanel = __webpack_exports__.MetadataPanel;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAuIpB"}
+{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CA2JpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CAuIpB"}
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CA2JpB"}