Images & video are auto-tagged and cropped. Docs are indexed for search.
);
}
// ============================================================
// UploadDock — bottom-right progress panel
// ============================================================
function UploadDock({ queue, onDismiss, onRetry, onOpenAsset }) {
const [collapsed, setCollapsed] = React.useState(false);
// Auto-dismiss once everything has finished uploading successfully. We
// leave it on screen for a few seconds so the "all uploaded" state is
// visible, then clear it. If anything failed we keep the dock so the
// user can retry or read the error. (Effect must run before the early
// return below to keep hook order stable.)
const allUploaded = queue.length > 0 && queue.every((q) => q.status === "ready");
React.useEffect(() => {
if (!allUploaded) return;
const t = setTimeout(() => { onDismiss && onDismiss(); }, 4000);
return () => clearTimeout(t);
}, [allUploaded, onDismiss]);
if (queue.length === 0) return null;
const inFlight = queue.filter((q) => q.status === "uploading" || q.status === "analyzing");
const done = queue.filter((q) => q.status === "ready");
const failed = queue.filter((q) => q.status === "failed");
const total = queue.length;
const summary =
inFlight.length > 0 ? `Uploading ${inFlight.length} of ${total}` :
failed.length > 0 ? `${done.length} of ${total} uploaded · ${failed.length} failed` :
`${done.length} of ${total} uploaded`;
// Average progress for the headline bar.
const avgProgress = total === 0
? 0
: queue.reduce((s, q) => s + (q.status === "ready" ? 100 : q.progress || 0), 0) / total;
return (