@openrails/contentkit-ui 0.0.0-stage → 0.68.0

package/dist/components/media-folder-editor.js

@@ -0,0 +1,564 @@
+import { failureError as e } from "../client/errors.js";
+import { stem as t } from "../client/media/client.js";
+import { acceptOf as n, ratioLabel as r } from "../client/media/rules.js";
+import { megabytes as i } from "../i18n/messages.js";
+import { useMessages as a } from "../i18n/context.js";
+import { ContentKitUiRoot as o } from "../scope.js";
+import { Progress as s } from "../ui/progress.js";
+import { EncodeProgress as c } from "./encode-progress.js";
+import { isProcessing as l } from "../client/media/windows.js";
+import { Alert as u, AlertDescription as d, AlertTitle as f } from "../ui/alert.js";
+import { Button as p } from "../ui/button.js";
+import { progressLabel as m, progressValue as h } from "./progress.js";
+import { ImageCropDialog as ee } from "./image-crop-dialog.js";
+import { isAudioType as g, isImageType as _, isSubtitleType as v, isVideoType as y } from "../client/gallery.js";
+import { useEditorCrop as b } from "../react/crop.js";
+import { nameIn as x, thumbnailOf as S, useMediaFolder as C } from "../react/folder.js";
+import { SortableList as w } from "./sortable-list.js";
+import { useEffect as T, useImperativeHandle as E, useMemo as D, useRef as te, useState as O } from "react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { cn as M } from "cn";
+import { Alert02Icon as N, CropIcon as P, Delete02Icon as F, Edit02Icon as I, File01Icon as L, Image01Icon as R, ImageAdd01Icon as ne, Loading03Icon as re, MusicNote01Icon as z, Refresh01Icon as B, RepeatIcon as V, Video01Icon as H } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as U } from "@hugeicons/react";
+//#region src/components/media-folder-editor.tsx
+var ie = [
+	"",
+	"1:1",
+	"4:5",
+	"16:9"
+];
+function W(e) {
+	return _(e) ? "image" : y(e) ? "video" : g(e) ? "audio" : v(e) ? "subtitle" : "file";
+}
+var G = {
+	image: R,
+	video: H,
+	audio: z,
+	subtitle: L,
+	file: L
+};
+function K(e) {
+	let t = new Set((e?.types ?? []).map(W));
+	return t.size === 1 ? [...t][0] : "file";
+}
+function ae(e, t) {
+	let n = [];
+	for (let a of t) {
+		if (!a.types.length) continue;
+		let t = e(`folder.kinds.${K(a)}`), o = a.max_bytes > 0 ? e("folder.limitSize", {
+			what: t,
+			size: i(a.max_bytes)
+		}) : t;
+		n.push(a.max ? `${o}, ${e("folder.limitMax", { max: a.max })}` : o), a.min_aspect && a.max_aspect && n.push(e("folder.limitAspect", {
+			min: r(a.min_aspect),
+			max: r(a.max_aspect)
+		}));
+	}
+	return n.join(" · ");
+}
+function q(e) {
+	return /* @__PURE__ */ A(J, { ...e }, `${e.item.kind}/${e.item.id}`);
+}
+function J(e) {
+	let { item: t, ref: r, label: i, toolbar: s, rowActions: c, footer: l, aspects: m = ie, confirmRemove: h, disabled: g, className: _, appearance: v, ...y } = e, { t: x, error: S } = a(), D = C(t, y), { groups: k, queue: P, read: I } = D;
+	E(r, () => ({
+		discard: D.discard,
+		commit: D.commit,
+		folder: D
+	}), [D]);
+	let L = y.commit === "auto", R = k.flatMap((e) => e.rule ? [e.rule] : []), z = n(R), B = D.uploads.length + P.items.length === 0, V = !!g, [H, W] = O(/* @__PURE__ */ new Set());
+	T(() => {
+		let e = new Set(D.uploads.map((e) => e.path));
+		W((t) => [...t].every((t) => e.has(t)) ? t : new Set([...t].filter((t) => e.has(t))));
+	}, [D.uploads]);
+	let [G, K] = O(null), q = b(t, G, {
+		client: y.client,
+		onError: y.onError,
+		onSaved: () => K(null)
+	}), J = G ? k.find((e) => e.files.some((e) => e.path === G))?.rule : void 0, [Y, se] = O(null), X = te(null), [Z, Q] = O(null), [le, $] = O(!1), ue = {
+		onDragOver: (e) => {
+			!V && e.dataTransfer.types.includes("Files") && (e.preventDefault(), $(!0));
+		},
+		onDragLeave: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || $(!1);
+		},
+		onDrop: (e) => {
+			!V && e.dataTransfer.files.length && (e.preventDefault(), $(!1), D.add(e.dataTransfer.files));
+		}
+	}, de = async () => {
+		let e = [...H];
+		(h === !1 || (h ? await h(e.length) : globalThis.confirm?.(x("folder.confirmRemove", { count: e.length })) ?? !0)) && await D.remove(e).then(() => W(/* @__PURE__ */ new Set()), () => {});
+	}, fe = P.items.filter((e) => e.status === "uploaded").length, pe = (e) => /* @__PURE__ */ j("label", {
+		className: M(e ? "flex cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border px-4 py-8 text-center text-sm text-muted-foreground transition-colors hover:border-primary hover:bg-primary/5" : "inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-sm font-medium transition-colors hover:bg-muted focus-within:ring-3 focus-within:ring-ring/50", e && le && "border-primary bg-primary/5", V && "pointer-events-none opacity-50"),
+		"data-ckui": e ? "folder-drop" : "folder-add",
+		children: [
+			/* @__PURE__ */ A(U, {
+				icon: ne,
+				strokeWidth: 1.75,
+				className: e ? "size-7" : "size-4"
+			}),
+			e ? /* @__PURE__ */ A("strong", {
+				className: "font-medium text-foreground",
+				children: x("folder.drop")
+			}) : x("folder.add"),
+			e && R.length > 0 && /* @__PURE__ */ A("span", {
+				className: "text-xs",
+				children: ae(x, R)
+			}),
+			/* @__PURE__ */ A("input", {
+				type: "file",
+				multiple: !0,
+				accept: z,
+				className: "sr-only",
+				disabled: V,
+				"data-ckui": "file",
+				onChange: (e) => {
+					D.add([...e.target.files ?? []]), e.target.value = "";
+				}
+			})
+		]
+	});
+	return /* @__PURE__ */ j(o, {
+		appearance: v,
+		className: M("grid gap-3", _),
+		"data-ckui": "media-folder",
+		"data-over": le ? "" : void 0,
+		...ue,
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				"data-ckui": "folder-header",
+				children: [/* @__PURE__ */ A("h3", {
+					className: "text-sm font-semibold",
+					children: i ?? x("folder.label")
+				}), /* @__PURE__ */ j("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [s, !B && pe(!1)]
+				})]
+			}),
+			B && I.read && pe(!0),
+			B && !I.read && I.loading && /* @__PURE__ */ A("div", {
+				className: "flex justify-center py-6 text-muted-foreground",
+				"data-ckui": "folder-loading",
+				children: /* @__PURE__ */ A(U, {
+					icon: re,
+					strokeWidth: 2,
+					className: "size-5 motion-safe:animate-spin"
+				})
+			}),
+			D.refused.length > 0 && /* @__PURE__ */ j(u, {
+				variant: "destructive",
+				role: "alert",
+				"data-ckui": "folder-refused",
+				children: [/* @__PURE__ */ A(U, {
+					icon: N,
+					strokeWidth: 2
+				}), /* @__PURE__ */ j(d, { children: [/* @__PURE__ */ A("ul", {
+					className: "grid gap-0.5",
+					children: D.refused.map((e, t) => /* @__PURE__ */ j("li", { children: [
+						/* @__PURE__ */ A("span", {
+							className: "font-medium",
+							children: e.file.name
+						}),
+						": ",
+						S(e.error)
+					] }, t))
+				}), /* @__PURE__ */ A(p, {
+					variant: "outline",
+					size: "xs",
+					className: "mt-1 w-fit",
+					onClick: D.dismiss,
+					children: x("folder.dismiss")
+				})] })]
+			}),
+			P.blocked && /* @__PURE__ */ j(u, {
+				variant: "destructive",
+				role: "alert",
+				"data-ckui": "folder-paused",
+				children: [
+					/* @__PURE__ */ A(U, {
+						icon: N,
+						strokeWidth: 2
+					}),
+					/* @__PURE__ */ A(f, { children: x("folder.paused") }),
+					/* @__PURE__ */ j(d, { children: [S(P.blocked), /* @__PURE__ */ A(p, {
+						variant: "outline",
+						size: "xs",
+						className: "mt-1 w-fit",
+						onClick: () => P.start(),
+						children: x("folder.resume")
+					})] })
+				]
+			}),
+			D.error && /* @__PURE__ */ j(u, {
+				variant: "destructive",
+				role: "alert",
+				"data-ckui": "folder-error",
+				children: [/* @__PURE__ */ A(U, {
+					icon: N,
+					strokeWidth: 2
+				}), /* @__PURE__ */ A(d, { children: S(D.error) })]
+			}),
+			H.size > 0 && /* @__PURE__ */ j("div", {
+				className: "flex flex-wrap items-center gap-2 rounded-md bg-muted px-3 py-1.5 text-sm",
+				"data-ckui": "folder-selection",
+				children: [
+					/* @__PURE__ */ A("span", {
+						className: "tabular-nums",
+						children: x("folder.selected", { count: H.size })
+					}),
+					/* @__PURE__ */ j(p, {
+						variant: "destructive",
+						size: "xs",
+						disabled: V || D.updating,
+						onClick: () => void de(),
+						children: [/* @__PURE__ */ A(U, {
+							icon: F,
+							strokeWidth: 2
+						}), x("folder.removeSelected")]
+					}),
+					/* @__PURE__ */ A(p, {
+						variant: "ghost",
+						size: "xs",
+						onClick: () => W(/* @__PURE__ */ new Set()),
+						children: x("folder.clearSelection")
+					})
+				]
+			}),
+			k.map((e) => e.files.length ? /* @__PURE__ */ A(oe, {
+				group: e,
+				titled: k.length > 1,
+				folder: D,
+				disabled: V,
+				selected: H,
+				onSelect: (e, t) => W((n) => t ? /* @__PURE__ */ new Set([...n, e]) : new Set([...n].filter((t) => t !== e))),
+				renaming: Y,
+				onRename: se,
+				onCrop: K,
+				onReplace: (e) => {
+					Q(e), X.current?.click();
+				},
+				rowActions: c
+			}, e.path) : null),
+			P.items.length > 0 && /* @__PURE__ */ A(w, {
+				items: P.items,
+				id: (e) => e.id,
+				name: (e) => e.file.name,
+				disabled: L || V,
+				label: x("folder.label"),
+				onMove: (e, t) => P.move(P.items[e].id, t),
+				row: (e) => ({
+					className: "flex min-h-11 items-center gap-2 px-1",
+					"data-ckui": "queue-row",
+					"data-status": e.status
+				}),
+				children: (e, t) => /* @__PURE__ */ A(ce, {
+					item: e,
+					handle: L ? null : t,
+					auto: L,
+					folder: D
+				})
+			}),
+			(!L && fe > 0 || L && D.error && fe > 0) && /* @__PURE__ */ j(p, {
+				className: "w-fit",
+				disabled: V || !P.ready || D.committing,
+				onClick: () => void D.commit().catch(() => {}),
+				"data-ckui": "folder-commit",
+				children: [D.committing && /* @__PURE__ */ A(U, {
+					icon: re,
+					strokeWidth: 2,
+					className: "motion-safe:animate-spin"
+				}), L ? x("folder.commitAgain") : x("folder.commit", { count: P.items.length })]
+			}),
+			l,
+			/* @__PURE__ */ A("input", {
+				ref: X,
+				type: "file",
+				accept: z,
+				className: "sr-only",
+				tabIndex: -1,
+				"aria-hidden": !0,
+				onChange: (e) => {
+					let t = e.target.files?.[0];
+					e.target.value = "", t && Z && D.replace(Z, t).catch(() => {}), Q(null);
+				}
+			}),
+			/* @__PURE__ */ A(ee, {
+				open: !!G,
+				onOpenChange: (e) => !e && q.status !== "saving" && K(null),
+				source: "source" in q ? q.source ?? null : null,
+				aspect: J?.aspect ?? "",
+				aspects: J?.aspect ? void 0 : m,
+				initialEdit: "edit" in q ? q.edit : null,
+				minWidth: J?.min_width,
+				title: x("folder.crop"),
+				busy: q.status === "saving",
+				error: q.status === "error" ? S(q.error) : void 0,
+				onConfirm: (e) => void q.save(e)
+			})
+		]
+	});
+}
+function oe({ group: e, titled: t, folder: n, disabled: r, selected: i, onSelect: o, renaming: s, onRename: c, onCrop: l, onReplace: u, rowActions: d }) {
+	let { t: f } = a(), p = f(`folder.kinds.${K(e.rule)}`), m = e.rule?.max;
+	return /* @__PURE__ */ j("section", {
+		className: "grid gap-1",
+		"data-ckui": "folder-group",
+		"data-path": e.path,
+		children: [t && /* @__PURE__ */ j("h4", {
+			className: "px-1 text-xs font-medium text-muted-foreground tabular-nums",
+			children: [
+				p,
+				" · ",
+				m ? `${e.files.length} / ${m}` : e.files.length
+			]
+		}), /* @__PURE__ */ A(w, {
+			items: e.files,
+			id: (e) => e.path,
+			name: (t) => x(e, t.path),
+			disabled: r || n.updating,
+			label: p,
+			onMove: (t, r) => void n.move(e.files[t].path, r).catch(() => {}),
+			row: (e) => ({
+				className: "flex min-h-12 items-center gap-2 px-1",
+				"data-ckui": "upload-row",
+				"data-path": e.path
+			}),
+			children: (t, a) => /* @__PURE__ */ A(se, {
+				file: t,
+				group: e,
+				handle: a,
+				folder: n,
+				disabled: r,
+				selected: i.has(t.path),
+				onSelect: (e) => o(t.path, e),
+				renaming: s === t.path,
+				onRename: c,
+				onCrop: l,
+				onReplace: u,
+				actions: d?.(t)
+			})
+		})]
+	});
+}
+function Y({ kind: e, url: t, busy: n }) {
+	return /* @__PURE__ */ j("span", {
+		className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-muted text-muted-foreground",
+		"data-ckui": "thumb",
+		children: [t ? /* @__PURE__ */ A("img", {
+			src: t,
+			alt: "",
+			loading: "lazy",
+			decoding: "async",
+			className: "size-full object-cover"
+		}) : /* @__PURE__ */ A(U, {
+			icon: G[e],
+			strokeWidth: 1.75,
+			className: "size-4.5"
+		}), n && !t && /* @__PURE__ */ A("span", {
+			"aria-hidden": !0,
+			className: "absolute inset-1.5 rounded-full border-2 border-current/25 border-t-current motion-safe:animate-spin"
+		})]
+	});
+}
+function se({ file: n, group: r, handle: i, folder: o, disabled: s, selected: u, onSelect: d, renaming: f, onRename: m, onCrop: h, onReplace: ee, actions: g }) {
+	let { t: _, error: v } = a(), y = W(n.type), b = x(r, n.path), C = l(n), w = D(() => S(o.read.read, n), [o.read.read, n]), T = s || o.updating, E = n.failed ? v(e(n.failed)) : void 0;
+	return /* @__PURE__ */ j(k, { children: [
+		i,
+		/* @__PURE__ */ A("input", {
+			type: "checkbox",
+			className: "size-4 shrink-0 accent-primary",
+			checked: u,
+			disabled: s,
+			"aria-label": _("folder.select", { name: b }),
+			onChange: (e) => d(e.target.checked)
+		}),
+		/* @__PURE__ */ A(Y, {
+			kind: y,
+			url: w?.url,
+			busy: C
+		}),
+		/* @__PURE__ */ j("div", {
+			className: "grid min-w-0 flex-1 gap-1",
+			children: [
+				/* @__PURE__ */ j("div", {
+					className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
+					children: [
+						f ? /* @__PURE__ */ A(X, {
+							name: t(b),
+							label: _("folder.renameLabel", { name: b }),
+							onDone: (e) => e === null ? m(null) : o.rename(n.path, e).then(() => m(null))
+						}) : /* @__PURE__ */ A("span", {
+							className: "max-w-full truncate text-sm",
+							title: n.path,
+							"data-ckui": "upload-name",
+							children: b
+						}),
+						n.edit && /* @__PURE__ */ A("span", {
+							className: "shrink-0 rounded-sm border border-border px-1.5 text-[11px] text-muted-foreground",
+							"data-ckui": "edited",
+							children: _("folder.edited")
+						}),
+						E && /* @__PURE__ */ A("span", {
+							className: "shrink-0 rounded-sm bg-destructive/10 px-1.5 text-[11px] font-medium text-destructive",
+							title: E,
+							"data-ckui": "failed",
+							children: _(y === "video" ? "folder.failedVideo" : "folder.failed")
+						})
+					]
+				}),
+				E && /* @__PURE__ */ A("p", {
+					className: "text-xs text-destructive",
+					children: E
+				}),
+				C && y === "video" && /* @__PURE__ */ A(c, {
+					progress: n.progress,
+					className: "max-w-sm text-xs"
+				}),
+				C && y !== "video" && /* @__PURE__ */ A("span", {
+					className: "text-xs text-muted-foreground",
+					children: _("folder.processing")
+				})
+			]
+		}),
+		/* @__PURE__ */ j("span", {
+			className: "flex shrink-0 items-center gap-0.5",
+			"data-ckui": "upload-actions",
+			children: [
+				g,
+				y === "image" && /* @__PURE__ */ A(p, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": _("folder.crop"),
+					title: _("folder.crop"),
+					disabled: T || !!n.staged || !n.size,
+					onClick: () => h(n.path),
+					children: /* @__PURE__ */ A(U, {
+						icon: P,
+						strokeWidth: 2
+					})
+				}),
+				!r.rule?.named && /* @__PURE__ */ A(p, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": _("common.rename"),
+					title: _("common.rename"),
+					disabled: T,
+					onClick: () => m(n.path),
+					children: /* @__PURE__ */ A(U, {
+						icon: I,
+						strokeWidth: 2
+					})
+				}),
+				/* @__PURE__ */ A(p, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": _("common.replace"),
+					title: _("common.replace"),
+					disabled: T,
+					onClick: () => ee(n.path),
+					children: /* @__PURE__ */ A(U, {
+						icon: V,
+						strokeWidth: 2
+					})
+				}),
+				/* @__PURE__ */ A(p, {
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": _("common.remove"),
+					title: _("common.remove"),
+					disabled: T,
+					onClick: () => void o.remove([n.path]).catch(() => {}),
+					children: /* @__PURE__ */ A(U, {
+						icon: F,
+						strokeWidth: 2
+					})
+				})
+			]
+		})
+	] });
+}
+function X({ name: e, label: t, onDone: n }) {
+	let [r, i] = O(e), a = te(!1), o = (t) => {
+		a.current || (a.current = !0, Promise.resolve(n(t && t.trim() && t.trim() !== e ? t.trim() : null)).catch(() => a.current = !1));
+	};
+	return /* @__PURE__ */ A("input", {
+		autoFocus: !0,
+		"aria-label": t,
+		value: r,
+		className: "h-7 min-w-0 flex-1 rounded-md border border-input bg-background px-2 text-sm outline-none focus-visible:ring-3 focus-visible:ring-ring/50",
+		onChange: (e) => i(e.target.value),
+		onKeyDown: (e) => {
+			e.key === "Enter" ? (e.preventDefault(), o(r)) : e.key === "Escape" && (e.preventDefault(), o(null));
+		},
+		onBlur: () => o(r),
+		"data-ckui": "rename"
+	});
+}
+function Z(t, n, r, i) {
+	if (r.status === "failed") return n(r.error);
+	if (r.status === "uploading") return m(t, r.progress);
+	if (r.status === "uploaded") {
+		let a = r.processing;
+		return a?.failed ? n(e(a.failed)) : r.unattached && !r.processed ? a?.progress && a.progress.phase !== "queued" ? t("folder.processingPercent", { percent: Math.round(a.progress.percent) }) : t("folder.processing") : t(i ? "folder.adding" : "folder.uploaded");
+	}
+	return r.status === "committed" ? t("folder.adding") : t("folder.queued");
+}
+function ce({ item: e, handle: t, auto: n, folder: r }) {
+	let { t: i, error: o } = a(), { queue: c } = r, l = W(e.file.type), u = Z(i, o, e, n), d = e.status === "uploading" ? h(e.progress) : e.unattached && !e.processed && e.processing?.progress ? e.processing.progress.percent : null;
+	return /* @__PURE__ */ j(k, { children: [
+		t,
+		/* @__PURE__ */ A(Y, {
+			kind: l,
+			busy: e.status === "uploading" || !!e.unattached && !e.processed
+		}),
+		/* @__PURE__ */ j("div", {
+			className: "grid min-w-0 flex-1 gap-1",
+			children: [
+				/* @__PURE__ */ A("span", {
+					className: "truncate text-sm",
+					title: e.path,
+					children: e.file.name
+				}),
+				d !== null && /* @__PURE__ */ A(s, {
+					value: d,
+					"aria-label": u,
+					className: "max-w-sm"
+				}),
+				/* @__PURE__ */ A("span", {
+					className: M("text-xs", e.status === "failed" ? "text-destructive" : "text-muted-foreground"),
+					"data-ckui": "queue-status",
+					children: u
+				})
+			]
+		}),
+		/* @__PURE__ */ j("span", {
+			className: "flex shrink-0 items-center gap-0.5",
+			children: [e.status === "failed" && /* @__PURE__ */ A(p, {
+				variant: "ghost",
+				size: "icon-sm",
+				"aria-label": i("common.retry"),
+				title: i("common.retry"),
+				onClick: () => c.retry(e.id),
+				children: /* @__PURE__ */ A(U, {
+					icon: B,
+					strokeWidth: 2
+				})
+			}), /* @__PURE__ */ A(p, {
+				variant: "ghost",
+				size: "icon-sm",
+				"aria-label": i("common.remove"),
+				title: i("common.remove"),
+				onClick: () => c.remove(e.id),
+				children: /* @__PURE__ */ A(U, {
+					icon: F,
+					strokeWidth: 2
+				})
+			})]
+		})
+	] });
+}
+//#endregion
+export { q as MediaFolderEditor, ae as describeRules };
+
+//# sourceMappingURL=media-folder-editor.js.map

package/dist/components/media-folder-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-folder-editor.js","names":[],"sources":["../../src/components/media-folder-editor.tsx"],"sourcesContent":["import {\n  Alert02Icon,\n  CropIcon,\n  Delete02Icon,\n  Edit02Icon,\n  File01Icon,\n  Image01Icon,\n  ImageAdd01Icon,\n  Loading03Icon,\n  MusicNote01Icon,\n  Refresh01Icon,\n  RepeatIcon,\n  Video01Icon,\n} from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon, type IconSvgElement } from \"@hugeicons/react\";\nimport { cn } from \"cn\";\nimport { useEffect, useImperativeHandle, useMemo, useRef, useState, type DragEvent, type ReactNode, type Ref } from \"react\";\nimport type { ContentKitUiAppearance } from \"../appearance.js\";\nimport type { AspectRatio } from \"../client/aspect.js\";\nimport { failureError } from \"../client/errors.js\";\nimport { isAudioType, isImageType, isSubtitleType, isVideoType } from \"../client/gallery.js\";\nimport type { FileInfo, RefBody, UploadRule } from \"../client/generated/wire.js\";\nimport { stem } from \"../client/media/client.js\";\nimport type { QueueItem } from \"../client/media/queue.js\";\nimport { acceptOf, ratioLabel } from \"../client/media/rules.js\";\nimport { isProcessing } from \"../client/media/windows.js\";\nimport { useMessages } from \"../i18n/context.js\";\nimport { megabytes, type Translator } from \"../i18n/messages.js\";\nimport { useEditorCrop } from \"../react/crop.js\";\nimport { nameIn, thumbnailOf, useMediaFolder, type FolderGroup, type MediaFolderOptions, type UseMediaFolder } from \"../react/folder.js\";\nimport { ContentKitUiRoot } from \"../scope.js\";\nimport { Alert, AlertDescription, AlertTitle } from \"#ckui/ui/alert\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Progress } from \"#ckui/ui/progress\";\nimport { EncodeProgress } from \"./encode-progress.js\";\nimport { ImageCropDialog } from \"./image-crop-dialog.js\";\nimport { progressLabel, progressValue } from \"./progress.js\";\nimport { SortableList } from \"./sortable-list.js\";\n\nexport interface MediaFolderEditorHandle {\n  /** Stops every upload and empties the queue (before deleting a draft). */\n  discard: () => void;\n  /** Commits the uploaded files (commit=\"manual\"). */\n  commit: () => Promise<FileInfo[]>;\n  /** The folder's state and updates. */\n  folder: UseMediaFolder;\n}\n\nexport interface MediaFolderEditorProps extends MediaFolderOptions {\n  /** The item whose folder this edits. */\n  item: RefBody;\n  ref?: Ref<MediaFolderEditorHandle>;\n  /** Heading; default \"Media\". */\n  label?: ReactNode;\n  /** Beside \"Add files\" in the header, e.g. a ZIP import. */\n  toolbar?: ReactNode;\n  /** Extra actions on each upload, beside crop, rename, replace and remove. */\n  rowActions?: (file: FileInfo) => ReactNode;\n  /** Below the lists, e.g. what readers without access see. */\n  footer?: ReactNode;\n  /** Shapes offered when cropping an image whose path has no preset shape; \"\" is the original's. */\n  aspects?: readonly AspectRatio[];\n  /** Asked before removing selected uploads; default the browser's confirm; false skips it. */\n  confirmRemove?: ((count: number) => boolean | Promise<boolean>) | false;\n  disabled?: boolean;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\nconst ASPECTS: readonly AspectRatio[] = [\"\", \"1:1\", \"4:5\", \"16:9\"];\n\ntype Kind = \"image\" | \"video\" | \"audio\" | \"subtitle\" | \"file\";\n\nfunction kindOf(type: string | undefined): Kind {\n  if (isImageType(type)) return \"image\";\n  if (isVideoType(type)) return \"video\";\n  if (isAudioType(type)) return \"audio\";\n  if (isSubtitleType(type)) return \"subtitle\";\n  return \"file\";\n}\n\nconst ICONS: Record<Kind, IconSvgElement> = { image: Image01Icon, video: Video01Icon, audio: MusicNote01Icon, subtitle: File01Icon, file: File01Icon };\n\n/** What a rule takes: one kind when every type is of it, else files. */\nfunction ruleKind(rule: UploadRule | undefined): Kind {\n  const kinds = new Set((rule?.types ?? []).map(kindOf));\n  return kinds.size === 1 ? [...kinds][0]! : \"file\";\n}\n\n/** The rules as a sentence for the drop zone: sizes, caps and video shapes. */\nexport function describeRules(t: Translator[\"t\"], rules: readonly UploadRule[]): string {\n  const parts: string[] = [];\n  for (const r of rules) {\n    if (!r.types.length) continue;\n    const what = t(`folder.kinds.${ruleKind(r)}`);\n    const size = r.max_bytes > 0 ? t(\"folder.limitSize\", { what, size: megabytes(r.max_bytes) }) : what;\n    parts.push(r.max ? `${size}, ${t(\"folder.limitMax\", { max: r.max })}` : size);\n    if (r.min_aspect && r.max_aspect) parts.push(t(\"folder.limitAspect\", { min: ratioLabel(r.min_aspect), max: ratioLabel(r.max_aspect) }));\n  }\n  return parts.join(\" · \");\n}\n\n/**\n * An item's folder for its editors: drop or pick files (screened against the\n * kind's upload rules), a queue with progress, retry and remove, and each\n * upload path's uploads as a sortable list with thumbnail, name, edited\n * badge, encode progress and failures; crop, rename, replace and bulk\n * remove. commit=\"manual\" adds the queue with \"Add N\"; \"auto\" commits as\n * files finish (a draft; discard() through the ref).\n */\nexport function MediaFolderEditor(p: MediaFolderEditorProps) {\n  // The queue belongs to one item: another item gets a fresh editor.\n  return <FolderEditor key={`${p.item.kind}/${p.item.id}`} {...p} />;\n}\n\nfunction FolderEditor(p: MediaFolderEditorProps) {\n  const { item, ref, label, toolbar, rowActions, footer, aspects = ASPECTS, confirmRemove, disabled, className, appearance, ...options } = p;\n  const { t, error: errorText } = useMessages();\n  const folder = useMediaFolder(item, options);\n  const { groups, queue, read } = folder;\n  useImperativeHandle(ref, () => ({ discard: folder.discard, commit: folder.commit, folder }), [folder]);\n  const auto = options.commit === \"auto\";\n  const rules = groups.flatMap((g) => (g.rule ? [g.rule] : []));\n  const accept = acceptOf(rules);\n  const count = folder.uploads.length + queue.items.length;\n  const empty = count === 0;\n  const off = !!disabled;\n\n  const [selected, setSelected] = useState<ReadonlySet<string>>(new Set());\n  useEffect(() => {\n    const paths = new Set(folder.uploads.map((f) => f.path));\n    setSelected((s) => ([...s].every((x) => paths.has(x)) ? s : new Set([...s].filter((x) => paths.has(x)))));\n  }, [folder.uploads]);\n  const [cropping, setCropping] = useState<string | null>(null);\n  const crop = useEditorCrop(item, cropping, { client: options.client, onError: options.onError, onSaved: () => setCropping(null) });\n  const cropRule = cropping ? groups.find((g) => g.files.some((f) => f.path === cropping))?.rule : undefined;\n  const [renaming, setRenaming] = useState<string | null>(null);\n  const replaceInput = useRef<HTMLInputElement>(null);\n  const [replacing, setReplacing] = useState<string | null>(null);\n  const [over, setOver] = useState(false);\n\n  const drop = {\n    onDragOver: (e: DragEvent) => {\n      if (off || !e.dataTransfer.types.includes(\"Files\")) return;\n      e.preventDefault();\n      setOver(true);\n    },\n    onDragLeave: (e: DragEvent) => {\n      if (!e.currentTarget.contains(e.relatedTarget as Node | null)) setOver(false);\n    },\n    onDrop: (e: DragEvent) => {\n      if (off || !e.dataTransfer.files.length) return;\n      e.preventDefault();\n      setOver(false);\n      folder.add(e.dataTransfer.files);\n    },\n  };\n\n  const removeSelected = async () => {\n    const paths = [...selected];\n    const ok = confirmRemove === false ? true : confirmRemove ? await confirmRemove(paths.length) : globalThis.confirm?.(t(\"folder.confirmRemove\", { count: paths.length })) ?? true;\n    if (!ok) return;\n    await folder.remove(paths).then(() => setSelected(new Set()), () => {});\n  };\n\n  const uploaded = queue.items.filter((i) => i.status === \"uploaded\").length;\n  const picker = (big: boolean) => (\n    <label\n      className={cn(\n        big\n          ? \"flex cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border border-dashed border-border px-4 py-8 text-center text-sm text-muted-foreground transition-colors hover:border-primary hover:bg-primary/5\"\n          : \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-sm font-medium transition-colors hover:bg-muted focus-within:ring-3 focus-within:ring-ring/50\",\n        big && over && \"border-primary bg-primary/5\",\n        off && \"pointer-events-none opacity-50\",\n      )}\n      data-ckui={big ? \"folder-drop\" : \"folder-add\"}\n    >\n      <HugeiconsIcon icon={ImageAdd01Icon} strokeWidth={1.75} className={big ? \"size-7\" : \"size-4\"} />\n      {big ? <strong className=\"font-medium text-foreground\">{t(\"folder.drop\")}</strong> : t(\"folder.add\")}\n      {big && rules.length > 0 && <span className=\"text-xs\">{describeRules(t, rules)}</span>}\n      <input\n        type=\"file\"\n        multiple\n        accept={accept}\n        className=\"sr-only\"\n        disabled={off}\n        data-ckui=\"file\"\n        onChange={(e) => {\n          folder.add([...(e.target.files ?? [])]);\n          e.target.value = \"\";\n        }}\n      />\n    </label>\n  );\n\n  return (\n    <ContentKitUiRoot appearance={appearance} className={cn(\"grid gap-3\", className)} data-ckui=\"media-folder\" data-over={over ? \"\" : undefined} {...drop}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\" data-ckui=\"folder-header\">\n        <h3 className=\"text-sm font-semibold\">{label ?? t(\"folder.label\")}</h3>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {toolbar}\n          {!empty && picker(false)}\n        </div>\n      </div>\n      {empty && read.read && picker(true)}\n      {empty && !read.read && read.loading && (\n        <div className=\"flex justify-center py-6 text-muted-foreground\" data-ckui=\"folder-loading\">\n          <HugeiconsIcon icon={Loading03Icon} strokeWidth={2} className=\"size-5 motion-safe:animate-spin\" />\n        </div>\n      )}\n\n      {folder.refused.length > 0 && (\n        <Alert variant=\"destructive\" role=\"alert\" data-ckui=\"folder-refused\">\n          <HugeiconsIcon icon={Alert02Icon} strokeWidth={2} />\n          <AlertDescription>\n            <ul className=\"grid gap-0.5\">\n              {folder.refused.map((r, i) => (\n                <li key={i}>\n                  <span className=\"font-medium\">{r.file.name}</span>: {errorText(r.error)}\n                </li>\n              ))}\n            </ul>\n            <Button variant=\"outline\" size=\"xs\" className=\"mt-1 w-fit\" onClick={folder.dismiss}>\n              {t(\"folder.dismiss\")}\n            </Button>\n          </AlertDescription>\n        </Alert>\n      )}\n      {queue.blocked && (\n        <Alert variant=\"destructive\" role=\"alert\" data-ckui=\"folder-paused\">\n          <HugeiconsIcon icon={Alert02Icon} strokeWidth={2} />\n          <AlertTitle>{t(\"folder.paused\")}</AlertTitle>\n          <AlertDescription>\n            {errorText(queue.blocked)}\n            <Button variant=\"outline\" size=\"xs\" className=\"mt-1 w-fit\" onClick={() => queue.start()}>\n              {t(\"folder.resume\")}\n            </Button>\n          </AlertDescription>\n        </Alert>\n      )}\n      {folder.error && (\n        <Alert variant=\"destructive\" role=\"alert\" data-ckui=\"folder-error\">\n          <HugeiconsIcon icon={Alert02Icon} strokeWidth={2} />\n          <AlertDescription>{errorText(folder.error)}</AlertDescription>\n        </Alert>\n      )}\n\n      {selected.size > 0 && (\n        <div className=\"flex flex-wrap items-center gap-2 rounded-md bg-muted px-3 py-1.5 text-sm\" data-ckui=\"folder-selection\">\n          <span className=\"tabular-nums\">{t(\"folder.selected\", { count: selected.size })}</span>\n          <Button variant=\"destructive\" size=\"xs\" disabled={off || folder.updating} onClick={() => void removeSelected()}>\n            <HugeiconsIcon icon={Delete02Icon} strokeWidth={2} />\n            {t(\"folder.removeSelected\")}\n          </Button>\n          <Button variant=\"ghost\" size=\"xs\" onClick={() => setSelected(new Set())}>\n            {t(\"folder.clearSelection\")}\n          </Button>\n        </div>\n      )}\n\n      {groups.map((g) =>\n        g.files.length ? (\n          <Group\n            key={g.path}\n            group={g}\n            titled={groups.length > 1}\n            folder={folder}\n            disabled={off}\n            selected={selected}\n            onSelect={(path, on) => setSelected((s) => (on ? new Set([...s, path]) : new Set([...s].filter((x) => x !== path))))}\n            renaming={renaming}\n            onRename={setRenaming}\n            onCrop={setCropping}\n            onReplace={(path) => {\n              setReplacing(path);\n              replaceInput.current?.click();\n            }}\n            rowActions={rowActions}\n          />\n        ) : null,\n      )}\n\n      {queue.items.length > 0 && (\n        <SortableList\n          items={queue.items}\n          id={(i) => i.id}\n          name={(i) => i.file.name}\n          disabled={auto || off}\n          label={t(\"folder.label\")}\n          onMove={(from, to) => queue.move(queue.items[from]!.id, to)}\n          row={(i) => ({ className: \"flex min-h-11 items-center gap-2 px-1\", \"data-ckui\": \"queue-row\", \"data-status\": i.status })}\n        >\n          {(i, handle) => <QueueRow item={i} handle={auto ? null : handle} auto={auto} folder={folder} />}\n        </SortableList>\n      )}\n\n      {((!auto && uploaded > 0) || (auto && folder.error && uploaded > 0)) && (\n        <Button className=\"w-fit\" disabled={off || !queue.ready || folder.committing} onClick={() => void folder.commit().catch(() => {})} data-ckui=\"folder-commit\">\n          {folder.committing && <HugeiconsIcon icon={Loading03Icon} strokeWidth={2} className=\"motion-safe:animate-spin\" />}\n          {auto ? t(\"folder.commitAgain\") : t(\"folder.commit\", { count: queue.items.length })}\n        </Button>\n      )}\n      {footer}\n\n      <input\n        ref={replaceInput}\n        type=\"file\"\n        accept={accept}\n        className=\"sr-only\"\n        tabIndex={-1}\n        aria-hidden\n        onChange={(e) => {\n          const f = e.target.files?.[0];\n          e.target.value = \"\";\n          if (f && replacing) void folder.replace(replacing, f).catch(() => {});\n          setReplacing(null);\n        }}\n      />\n      <ImageCropDialog\n        open={!!cropping}\n        onOpenChange={(o) => !o && crop.status !== \"saving\" && setCropping(null)}\n        source={\"source\" in crop ? (crop.source ?? null) : null}\n        aspect={cropRule?.aspect ?? \"\"}\n        aspects={cropRule?.aspect ? undefined : aspects}\n        initialEdit={\"edit\" in crop ? crop.edit : null}\n        minWidth={cropRule?.min_width}\n        title={t(\"folder.crop\")}\n        busy={crop.status === \"saving\"}\n        error={crop.status === \"error\" ? errorText(crop.error) : undefined}\n        onConfirm={(edit) => void crop.save(edit)}\n      />\n    </ContentKitUiRoot>\n  );\n}\n\nfunction Group({\n  group,\n  titled,\n  folder,\n  disabled,\n  selected,\n  onSelect,\n  renaming,\n  onRename,\n  onCrop,\n  onReplace,\n  rowActions,\n}: {\n  group: FolderGroup;\n  titled: boolean;\n  folder: UseMediaFolder;\n  disabled: boolean;\n  selected: ReadonlySet<string>;\n  onSelect: (path: string, on: boolean) => void;\n  renaming: string | null;\n  onRename: (path: string | null) => void;\n  onCrop: (path: string) => void;\n  onReplace: (path: string) => void;\n  rowActions?: (file: FileInfo) => ReactNode;\n}) {\n  const { t } = useMessages();\n  const kind = ruleKind(group.rule);\n  const title = t(`folder.kinds.${kind}`);\n  const max = group.rule?.max;\n  return (\n    <section className=\"grid gap-1\" data-ckui=\"folder-group\" data-path={group.path}>\n      {titled && (\n        <h4 className=\"px-1 text-xs font-medium text-muted-foreground tabular-nums\">\n          {title} · {max ? `${group.files.length} / ${max}` : group.files.length}\n        </h4>\n      )}\n      <SortableList\n        items={group.files}\n        id={(f) => f.path}\n        name={(f) => nameIn(group, f.path)}\n        disabled={disabled || folder.updating}\n        label={title}\n        onMove={(from, to) => void folder.move(group.files[from]!.path, to).catch(() => {})}\n        row={(f) => ({ className: \"flex min-h-12 items-center gap-2 px-1\", \"data-ckui\": \"upload-row\", \"data-path\": f.path })}\n      >\n        {(f, handle) => (\n          <UploadRow\n            file={f}\n            group={group}\n            handle={handle}\n            folder={folder}\n            disabled={disabled}\n            selected={selected.has(f.path)}\n            onSelect={(on) => onSelect(f.path, on)}\n            renaming={renaming === f.path}\n            onRename={onRename}\n            onCrop={onCrop}\n            onReplace={onReplace}\n            actions={rowActions?.(f)}\n          />\n        )}\n      </SortableList>\n    </section>\n  );\n}\n\nfunction Thumb({ kind, url, busy }: { kind: Kind; url?: string; busy?: boolean }) {\n  return (\n    <span className=\"relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-muted text-muted-foreground\" data-ckui=\"thumb\">\n      {url ? <img src={url} alt=\"\" loading=\"lazy\" decoding=\"async\" className=\"size-full object-cover\" /> : <HugeiconsIcon icon={ICONS[kind]} strokeWidth={1.75} className=\"size-4.5\" />}\n      {busy && !url && <span aria-hidden className=\"absolute inset-1.5 rounded-full border-2 border-current/25 border-t-current motion-safe:animate-spin\" />}\n    </span>\n  );\n}\n\nfunction UploadRow({\n  file: f,\n  group,\n  handle,\n  folder,\n  disabled,\n  selected,\n  onSelect,\n  renaming,\n  onRename,\n  onCrop,\n  onReplace,\n  actions,\n}: {\n  file: FileInfo;\n  group: FolderGroup;\n  handle: ReactNode;\n  folder: UseMediaFolder;\n  disabled: boolean;\n  selected: boolean;\n  onSelect: (on: boolean) => void;\n  renaming: boolean;\n  onRename: (path: string | null) => void;\n  onCrop: (path: string) => void;\n  onReplace: (path: string) => void;\n  actions?: ReactNode;\n}) {\n  const { t, error: errorText } = useMessages();\n  const kind = kindOf(f.type);\n  const name = nameIn(group, f.path);\n  const busy = isProcessing(f);\n  const thumb = useMemo(() => thumbnailOf(folder.read.read, f), [folder.read.read, f]);\n  const locked = disabled || folder.updating;\n  const failure = f.failed ? errorText(failureError(f.failed)) : undefined;\n  return (\n    <>\n      {handle}\n      <input\n        type=\"checkbox\"\n        className=\"size-4 shrink-0 accent-primary\"\n        checked={selected}\n        disabled={disabled}\n        aria-label={t(\"folder.select\", { name })}\n        onChange={(e) => onSelect(e.target.checked)}\n      />\n      <Thumb kind={kind} url={thumb?.url} busy={busy} />\n      <div className=\"grid min-w-0 flex-1 gap-1\">\n        <div className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5\">\n          {renaming ? (\n            <RenameInput name={stem(name)} label={t(\"folder.renameLabel\", { name })} onDone={(to) => (to === null ? onRename(null) : folder.rename(f.path, to).then(() => onRename(null)))} />\n          ) : (\n            <span className=\"max-w-full truncate text-sm\" title={f.path} data-ckui=\"upload-name\">\n              {name}\n            </span>\n          )}\n          {f.edit && (\n            <span className=\"shrink-0 rounded-sm border border-border px-1.5 text-[11px] text-muted-foreground\" data-ckui=\"edited\">\n              {t(\"folder.edited\")}\n            </span>\n          )}\n          {failure && (\n            <span className=\"shrink-0 rounded-sm bg-destructive/10 px-1.5 text-[11px] font-medium text-destructive\" title={failure} data-ckui=\"failed\">\n              {kind === \"video\" ? t(\"folder.failedVideo\") : t(\"folder.failed\")}\n            </span>\n          )}\n        </div>\n        {failure && <p className=\"text-xs text-destructive\">{failure}</p>}\n        {busy && kind === \"video\" && <EncodeProgress progress={f.progress} className=\"max-w-sm text-xs\" />}\n        {busy && kind !== \"video\" && <span className=\"text-xs text-muted-foreground\">{t(\"folder.processing\")}</span>}\n      </div>\n      <span className=\"flex shrink-0 items-center gap-0.5\" data-ckui=\"upload-actions\">\n        {actions}\n        {kind === \"image\" && (\n          <Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"folder.crop\")} title={t(\"folder.crop\")} disabled={locked || !!f.staged || !f.size} onClick={() => onCrop(f.path)}>\n            <HugeiconsIcon icon={CropIcon} strokeWidth={2} />\n          </Button>\n        )}\n        {!group.rule?.named && (\n          <Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"common.rename\")} title={t(\"common.rename\")} disabled={locked} onClick={() => onRename(f.path)}>\n            <HugeiconsIcon icon={Edit02Icon} strokeWidth={2} />\n          </Button>\n        )}\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"common.replace\")} title={t(\"common.replace\")} disabled={locked} onClick={() => onReplace(f.path)}>\n          <HugeiconsIcon icon={RepeatIcon} strokeWidth={2} />\n        </Button>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"common.remove\")} title={t(\"common.remove\")} disabled={locked} onClick={() => void folder.remove([f.path]).catch(() => {})}>\n          <HugeiconsIcon icon={Delete02Icon} strokeWidth={2} />\n        </Button>\n      </span>\n    </>\n  );\n}\n\nfunction RenameInput({ name, label, onDone }: { name: string; label: string; onDone: (to: string | null) => unknown }) {\n  const [value, setValue] = useState(name);\n  const done = useRef(false);\n  const finish = (to: string | null) => {\n    if (done.current) return;\n    done.current = true;\n    Promise.resolve(onDone(to && to.trim() && to.trim() !== name ? to.trim() : null)).catch(() => (done.current = false));\n  };\n  return (\n    <input\n      autoFocus\n      aria-label={label}\n      value={value}\n      className=\"h-7 min-w-0 flex-1 rounded-md border border-input bg-background px-2 text-sm outline-none focus-visible:ring-3 focus-visible:ring-ring/50\"\n      onChange={(e) => setValue(e.target.value)}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\") {\n          e.preventDefault();\n          finish(value);\n        } else if (e.key === \"Escape\") {\n          e.preventDefault();\n          finish(null);\n        }\n      }}\n      onBlur={() => finish(value)}\n      data-ckui=\"rename\"\n    />\n  );\n}\n\nfunction queueLabel(t: Translator[\"t\"], errorText: Translator[\"error\"], i: QueueItem, auto: boolean): string {\n  if (i.status === \"failed\") return errorText(i.error);\n  if (i.status === \"uploading\") return progressLabel(t, i.progress);\n  if (i.status === \"uploaded\") {\n    const p = i.processing;\n    if (p?.failed) return errorText(failureError(p.failed));\n    if (i.unattached && !i.processed) return p?.progress && p.progress.phase !== \"queued\" ? t(\"folder.processingPercent\", { percent: Math.round(p.progress.percent) }) : t(\"folder.processing\");\n    return auto ? t(\"folder.adding\") : t(\"folder.uploaded\");\n  }\n  return i.status === \"committed\" ? t(\"folder.adding\") : t(\"folder.queued\");\n}\n\nfunction QueueRow({ item: i, handle, auto, folder }: { item: QueueItem; handle: ReactNode; auto: boolean; folder: UseMediaFolder }) {\n  const { t, error: errorText } = useMessages();\n  const { queue } = folder;\n  const kind = kindOf(i.file.type);\n  const label = queueLabel(t, errorText, i, auto);\n  const value = i.status === \"uploading\" ? progressValue(i.progress) : i.unattached && !i.processed && i.processing?.progress ? i.processing.progress.percent : null;\n  return (\n    <>\n      {handle}\n      <Thumb kind={kind} busy={i.status === \"uploading\" || (!!i.unattached && !i.processed)} />\n      <div className=\"grid min-w-0 flex-1 gap-1\">\n        <span className=\"truncate text-sm\" title={i.path}>\n          {i.file.name}\n        </span>\n        {value !== null && <Progress value={value} aria-label={label} className=\"max-w-sm\" />}\n        <span className={cn(\"text-xs\", i.status === \"failed\" ? \"text-destructive\" : \"text-muted-foreground\")} data-ckui=\"queue-status\">\n          {label}\n        </span>\n      </div>\n      <span className=\"flex shrink-0 items-center gap-0.5\">\n        {i.status === \"failed\" && (\n          <Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"common.retry\")} title={t(\"common.retry\")} onClick={() => queue.retry(i.id)}>\n            <HugeiconsIcon icon={Refresh01Icon} strokeWidth={2} />\n          </Button>\n        )}\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"common.remove\")} title={t(\"common.remove\")} onClick={() => queue.remove(i.id)}>\n          <HugeiconsIcon icon={Delete02Icon} strokeWidth={2} />\n        </Button>\n      </span>\n    </>\n  );\n}\n"],"mappings":"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"}