@scaleflex/uploader 0.2.2 → 0.2.3

package/dist/{sfx-uploader-CR48BiYQ.js → sfx-uploader-DTfESjzm.js}

@@ -1,8 +1,8 @@
-import { LitElement as z, css as k, svg as M, html as l, nothing as f, render as _e } from "lit";
-import { property as b, state as g, query as De } from "lit/decorators.js";
-import { unsafeSVG as P } from "lit/directives/unsafe-svg.js";
-import { unsafeHTML as O } from "lit/directives/unsafe-html.js";
-class Fe {
+import { LitElement as P, css as S, svg as T, html as l, nothing as p, render as ke } from "lit";
+import { property as b, state as x, query as Fe } from "lit/decorators.js";
+import { unsafeSVG as F } from "lit/directives/unsafe-svg.js";
+import { unsafeHTML as M } from "lit/directives/unsafe-html.js";
+class Oe {
   constructor(e) {
     this.listeners = /* @__PURE__ */ new Set(), this._notifying = !1, this._pendingState = null, this.state = e;
   }
@@ -33,24 +33,24 @@ class Fe {
     this.listeners.clear();
   }
 }
-function U(a, e, t) {
+function z(a, e, t) {
   const i = a.getState().files, r = i.get(e);
   if (!r) return;
   const o = new Map(i);
   o.set(e, { ...r, ...t }), a.setState({ files: o });
 }
-function L(a, e) {
+function I(a, e) {
   const t = new Map(a.getState().files);
   t.set(e.id, e), a.setState({ files: t });
 }
-function ke(a, e) {
+function Ce(a, e) {
   const t = a.getState().files;
   if (!t.has(e)) return;
   const i = new Map(t);
   i.delete(e), a.setState({ files: i });
 }
 function je() {
-  return new Fe({
+  return new Oe({
     files: /* @__PURE__ */ new Map(),
     queueConfig: {
       concurrency: 3,
@@ -79,7 +79,7 @@ function je() {
     isUploading: !1
   });
 }
-class Me {
+class Te {
   constructor(e, t) {
     this.host = e, this.store = t, e.addController(this);
   }
@@ -99,7 +99,7 @@ class Me {
     (e = this.unsubscribe) == null || e.call(this);
   }
 }
-function Oe(a, e) {
+function Me(a, e) {
   const t = new XMLHttpRequest();
   let i = !1;
   const o = `${e.apiBase.replace(/\/+$/, "")}/v4/files?folder=${encodeURIComponent(e.folder)}`;
@@ -117,7 +117,7 @@ function Oe(a, e) {
       e.onError(new Error(`Invalid JSON response (HTTP ${t.status})`));
       return;
     }
-    t.status >= 200 && t.status < 300 && n.status === "success" ? e.onComplete(n) : e.onError(new Error(n.msg || `Upload failed (HTTP ${t.status})`));
+    t.status >= 200 && t.status < 300 && n.status === "success" ? e.onComplete(n) : e.onError(new Error(n.hint || n.msg || `Upload failed (HTTP ${t.status})`));
   }), t.addEventListener("error", () => {
     i || e.onError(new Error("Network error — check your connection"));
   }), t.addEventListener("timeout", () => {
@@ -153,7 +153,7 @@ function Be(a, e) {
       e.onError(new Error(`Invalid JSON response (HTTP ${t.status})`));
       return;
     }
-    t.status >= 200 && t.status < 300 && n.status === "success" ? e.onComplete(n) : e.onError(new Error(n.msg || `Upload failed (HTTP ${t.status})`));
+    t.status >= 200 && t.status < 300 && n.status === "success" ? e.onComplete(n) : e.onError(new Error(n.hint || n.msg || `Upload failed (HTTP ${t.status})`));
   }), t.addEventListener("error", () => {
     i || e.onError(new Error("Network error — check your connection"));
   }), t.addEventListener("timeout", () => {
@@ -171,14 +171,14 @@ function Be(a, e) {
     }
   };
 }
-function ee(a) {
+function te(a) {
   return {
     Accept: "application/json",
     "Content-Type": "application/json",
     "uppy-auth-token": a
   };
 }
-function q(a) {
+function V(a) {
   return a.replace(/\/+$/, "");
 }
 const Re = {
@@ -193,14 +193,14 @@ const Re = {
 function K(a) {
   return Re[a] ?? a;
 }
-function bt(a, e) {
-  const t = q(a), i = btoa(JSON.stringify({ origin: window.location.origin })), r = K(e);
+function mt(a, e) {
+  const t = V(a), i = btoa(JSON.stringify({ origin: window.location.origin })), r = K(e);
   return `${t}/${r}/connect?state=${encodeURIComponent(i)}`;
 }
-async function mt(a, e, t, i = "") {
-  const r = q(a), o = i ? `/${i}` : "", s = K(e), n = await fetch(`${r}/${s}/list${o}`, {
+async function wt(a, e, t, i = "") {
+  const r = V(a), o = i ? `/${i}` : "", s = K(e), n = await fetch(`${r}/${s}/list${o}`, {
     method: "GET",
-    headers: ee(t),
+    headers: te(t),
     credentials: "same-origin"
   });
   if (n.status === 401)
@@ -211,10 +211,10 @@ async function mt(a, e, t, i = "") {
   }
   return n.json();
 }
-async function wt(a, e, t) {
-  const i = q(a), r = await fetch(`${i}/${t}`, {
+async function yt(a, e, t) {
+  const i = V(a), r = await fetch(`${i}/${t}`, {
     method: "GET",
-    headers: ee(e),
+    headers: te(e),
     credentials: "same-origin"
   });
   if (r.status === 401)
@@ -225,8 +225,8 @@ async function wt(a, e, t) {
   }
   return r.json();
 }
-async function yt(a, e, t, i) {
-  const r = q(a), o = K(e), s = i ? `q=${encodeURIComponent(t)}&${i}` : `q=${encodeURIComponent(t)}`, n = await fetch(`${r}/search/${o}/list?${s}`, {
+async function _t(a, e, t, i) {
+  const r = V(a), o = K(e), s = i ? `q=${encodeURIComponent(t)}&${i}` : `q=${encodeURIComponent(t)}`, n = await fetch(`${r}/search/${o}/list?${s}`, {
     method: "GET",
     headers: {
       Accept: "application/json",
@@ -240,10 +240,10 @@ async function yt(a, e, t, i) {
   }
   return n.json();
 }
-async function Te(a, e, t, i, r, o = !1) {
-  const s = q(a), n = K(e), d = o ? `${s}/search/${n}/get/${i}` : `${s}/${n}/get/${i}`, p = o ? { Accept: "application/json", "Content-Type": "application/json" } : ee(t), u = await fetch(d, {
+async function Le(a, e, t, i, r, o = !1) {
+  const s = V(a), n = K(e), d = o ? `${s}/search/${n}/get/${i}` : `${s}/${n}/get/${i}`, c = o ? { Accept: "application/json", "Content-Type": "application/json" } : te(t), u = await fetch(d, {
     method: "POST",
-    headers: p,
+    headers: c,
     credentials: "same-origin",
     body: JSON.stringify({
       ...r,
@@ -255,20 +255,20 @@ async function Te(a, e, t, i, r, o = !1) {
   if (u.status === 401)
     throw new le();
   if (!u.ok) {
-    const h = await u.json().catch(() => null);
-    throw new Error((h == null ? void 0 : h.message) || `Companion upload failed (HTTP ${u.status})`);
+    const g = await u.json().catch(() => null);
+    throw new Error((g == null ? void 0 : g.message) || `Companion upload failed (HTTP ${u.status})`);
   }
   return u.json();
 }
-async function _t(a, e, t) {
-  const i = q(a), r = K(e), o = await fetch(`${i}/${r}/logout`, {
+async function kt(a, e, t) {
+  const i = V(a), r = K(e), o = await fetch(`${i}/${r}/logout`, {
     method: "GET",
-    headers: ee(t),
+    headers: te(t),
     credentials: "same-origin"
   });
   return o.ok ? o.json() : { ok: !1, revoked: !1 };
 }
-function Le(a) {
+function Ae(a) {
   var r;
   const t = ((r = /^(?:https?:\/\/|\/\/)?(?:[^@\n]+@)?(?:www\.)?([^\n]+)/i.exec(a)) == null ? void 0 : r[1]) ?? a;
   return `${location.protocol === "https:" ? "wss" : "ws"}://${t}`;
@@ -278,7 +278,7 @@ class le extends Error {
     super("Authentication expired"), this.name = "AuthExpiredError";
   }
 }
-function Ae(a, e) {
+function Ie(a, e) {
   const t = a.remoteInfo;
   if (!t)
     return e.onError(new Error("remoteInfo is required for companion upload")), { abort() {
@@ -287,42 +287,42 @@ function Ae(a, e) {
   const s = `${e.apiBase.replace(/\/+$/, "")}/v4/files?folder=${encodeURIComponent(e.folder)}`, n = {};
   a.meta && Object.keys(a.meta).length > 0 && Object.assign(n, a.meta), a.tags && a.tags.length > 0 && (n.tags = a.tags);
   const d = !t.token;
-  return Te(t.companionUrl, t.provider, t.token, t.requestPath, {
+  return Le(t.companionUrl, t.provider, t.token, t.requestPath, {
     fileId: t.fileId,
     endpoint: s,
     headers: e.authHeaders,
     size: t.size,
     metadata: Object.keys(n).length > 0 ? n : void 0
-  }, d).then((p) => {
+  }, d).then((c) => {
     if (i) return;
-    const h = `${Le(t.companionUrl)}/api/${p.token}`;
+    const g = `${Ae(t.companionUrl)}/api/${c.token}`;
     try {
-      r = new WebSocket(h);
+      r = new WebSocket(g);
     } catch {
       e.onError(new Error("Failed to connect to upload progress channel"));
       return;
     }
-    r.onmessage = (c) => {
-      var x, w, m;
+    r.onmessage = (h) => {
+      var f, m, _;
       if (!i)
         try {
-          const C = JSON.parse(c.data);
-          switch (C.action) {
+          const w = JSON.parse(h.data);
+          switch (w.action) {
             case "progress": {
-              const $ = C.payload, F = $.bytesUploaded ?? 0, V = $.bytesTotal ?? (t.size || 1);
-              e.onProgress(F, V);
+              const y = w.payload, k = y.bytesUploaded ?? 0, D = y.bytesTotal ?? (t.size || 1);
+              e.onProgress(k, D);
               break;
             }
             case "success": {
-              const $ = C.payload;
-              if (r == null || r.close(), (x = $.response) != null && x.responseText)
+              const y = w.payload;
+              if (r == null || r.close(), (f = y.response) != null && f.responseText)
                 try {
-                  const F = JSON.parse($.response.responseText);
-                  if (F.status === "success") {
-                    e.onComplete(F);
+                  const k = JSON.parse(y.response.responseText);
+                  if (k.status === "success") {
+                    e.onComplete(k);
                     return;
                   }
-                  e.onError(new Error(F.msg || "Upload failed"));
+                  e.onError(new Error(k.msg || "Upload failed"));
                   return;
                 } catch {
                 }
@@ -331,15 +331,15 @@ function Ae(a, e) {
             }
             case "error": {
               r == null || r.close();
-              const $ = C.payload;
-              let F = ((w = $.error) == null ? void 0 : w.message) || "Upload failed";
-              if ((m = $.response) != null && m.responseText)
+              const y = w.payload;
+              let k = ((m = y.error) == null ? void 0 : m.message) || "Upload failed";
+              if ((_ = y.response) != null && _.responseText)
                 try {
-                  const V = JSON.parse($.response.responseText);
-                  F = V.hint || V.msg || V.message || F;
+                  const D = JSON.parse(y.response.responseText);
+                  k = D.hint || D.msg || D.message || k;
                 } catch {
                 }
-              e.onError(new Error(F));
+              e.onError(new Error(k));
               break;
             }
           }
@@ -350,8 +350,8 @@ function Ae(a, e) {
     }, r.onclose = () => {
       r = null;
     };
-  }).catch((p) => {
-    i || e.onError(p instanceof Error ? p : new Error(String(p)));
+  }).catch((c) => {
+    i || e.onError(c instanceof Error ? c : new Error(String(c)));
   }), {
     abort() {
       if (i = !0, r) {
@@ -364,7 +364,7 @@ function Ae(a, e) {
     }
   };
 }
-class Ie {
+class He {
   constructor(e, t) {
     this.activeUploads = /* @__PURE__ */ new Map(), this.retryTimers = /* @__PURE__ */ new Map(), this.unsubscribe = null, this.store = e, this.config = t;
   }
@@ -382,7 +382,7 @@ class Ie {
     const { files: e } = this.store.getState();
     let t = !1;
     for (const i of e.values())
-      i.status === "idle" ? (U(this.store, i.id, { status: "queued" }), t = !0) : i.status === "queued" && (t = !0);
+      i.status === "idle" ? (z(this.store, i.id, { status: "queued" }), t = !0) : i.status === "queued" && (t = !0);
     t && (this.store.setState({ isUploading: !0 }), this.processQueue());
   }
   /**
@@ -390,7 +390,7 @@ class Ie {
    */
   retryFile(e) {
     const t = this.store.getState().files.get(e);
-    !t || t.status !== "error" && t.status !== "failed" || (U(this.store, e, {
+    !t || t.status !== "error" && t.status !== "failed" || (z(this.store, e, {
       status: "queued",
       error: null,
       progress: 0,
@@ -404,7 +404,7 @@ class Ie {
   retryAll() {
     const { files: e } = this.store.getState();
     for (const t of e.values())
-      (t.status === "error" || t.status === "failed") && U(this.store, t.id, {
+      (t.status === "error" || t.status === "failed") && z(this.store, t.id, {
         status: "queued",
         error: null,
         progress: 0,
@@ -418,7 +418,7 @@ class Ie {
    */
   cancelFile(e) {
     const t = this.store.getState().files.get(e);
-    !t || !Ce(t.status) || (this.abortUpload(e), U(this.store, e, { status: "cancelled" }));
+    !t || !$e(t.status) || (this.abortUpload(e), z(this.store, e, { status: "cancelled" }));
   }
   /**
    * Cancel all active/queued uploads.
@@ -426,7 +426,7 @@ class Ie {
   cancelAll() {
     const { files: e } = this.store.getState();
     for (const t of e.values())
-      Ce(t.status) && (this.abortUpload(t.id), U(this.store, t.id, { status: "cancelled" }));
+      $e(t.status) && (this.abortUpload(t.id), z(this.store, t.id, { status: "cancelled" }));
     this.store.setState({ isUploading: !1 });
   }
   /**
@@ -457,7 +457,7 @@ class Ie {
       this.startUpload(n);
   }
   startUpload(e) {
-    U(this.store, e.id, { status: "uploading", error: null });
+    z(this.store, e.id, { status: "uploading", error: null });
     let t = 0, i = Date.now(), r = 0;
     const o = {
       apiBase: this.config.apiBase,
@@ -465,21 +465,21 @@ class Ie {
       folder: this.store.getState().targetFolder,
       onComplete: (d) => this.handleComplete(e.id, d),
       onError: (d) => this.handleError(e.id, d)
-    }, s = (d, p) => {
-      const u = Date.now(), h = (u - i) / 1e3;
-      if (h > 0) {
-        const x = (d - t) / h;
-        r = r === 0 ? x : 0.3 * x + 0.7 * r;
+    }, s = (d, c) => {
+      const u = Date.now(), g = (u - i) / 1e3;
+      if (g > 0) {
+        const f = (d - t) / g;
+        r = r === 0 ? f : 0.3 * f + 0.7 * r;
       }
       t = d, i = u;
-      const c = p > 0 ? d / p * 100 : 0;
-      U(this.store, e.id, { progress: c, bytesUploaded: d, speed: r }), this.updateTotalProgress();
+      const h = c > 0 ? Math.min(d / c * 100, 100) : 0;
+      z(this.store, e.id, { progress: h, bytesUploaded: d, speed: r }), this.updateTotalProgress();
     };
     let n;
-    e.remoteInfo ? n = Ae(e, { ...o, onProgress: s }) : e.remoteUrl ? n = Be(e, o) : n = Oe(e, { ...o, onProgress: s }), this.activeUploads.set(e.id, n);
+    e.remoteInfo ? n = Ie(e, { ...o, onProgress: s }) : e.remoteUrl ? n = Be(e, o) : n = Me(e, { ...o, onProgress: s }), this.activeUploads.set(e.id, n);
   }
   handleComplete(e, t) {
-    this.activeUploads.delete(e), U(this.store, e, {
+    this.activeUploads.delete(e), z(this.store, e, {
       status: "complete",
       progress: 100,
       response: t
@@ -495,17 +495,17 @@ class Ie {
         r.baseDelay * Math.pow(r.backoffFactor, i.retryCount),
         r.maxDelay
       );
-      U(this.store, e, {
+      z(this.store, e, {
         status: "retrying",
         error: t.message,
         retryCount: o
       });
       const n = setTimeout(() => {
-        this.retryTimers.delete(e), U(this.store, e, { status: "queued" }), this.processQueue();
+        this.retryTimers.delete(e), z(this.store, e, { status: "queued" }), this.processQueue();
       }, s);
       this.retryTimers.set(e, n);
     } else
-      U(this.store, e, {
+      z(this.store, e, {
         status: "failed",
         error: t.message
       }), this.checkAllComplete(), this.processQueue();
@@ -525,7 +525,7 @@ class Ie {
       totalBytes: t,
       totalBytesUploaded: i,
       totalSpeed: r,
-      totalProgress: t > 0 ? i / t * 100 : 0
+      totalProgress: t > 0 ? Math.min(i / t * 100, 100) : 0
     });
   }
   checkAllComplete() {
@@ -535,13 +535,13 @@ class Ie {
     ) && this.store.getState().isUploading && this.store.setState({ isUploading: !1 });
   }
 }
-function Ce(a) {
+function $e(a) {
   return a === "queued" || a === "uploading" || a === "retrying";
 }
 function de(a) {
   return `https://api.filerobot.com/${a}`;
 }
-async function He(a, e) {
+async function Ye(a, e) {
   const t = `${de(a)}/key/${encodeURIComponent(e)}`, i = new AbortController(), r = setTimeout(() => i.abort(), 3e4);
   try {
     const o = await fetch(t, { signal: i.signal });
@@ -571,10 +571,10 @@ function oe(a, e) {
   }
   return a.airboxPuid && (t["X-Filerobot-Airbox-Puid"] = a.airboxPuid), t;
 }
-async function Ye(a) {
+async function qe(a) {
   const e = de(a.container);
   if (a.mode === "security-template") {
-    const t = await He(a.container, a.securityTemplateId);
+    const t = await Ye(a.container, a.securityTemplateId);
     return { apiBase: e, headers: oe(a, t), sassKey: t };
   }
   return { apiBase: e, headers: oe(a) };
@@ -598,11 +598,11 @@ const v = {
   FILE_PREVIEW: "sfx-file-preview",
   FILL_METADATA: "sfx-fill-metadata"
 };
-let qe = 0;
-function A() {
-  return `file-${Date.now()}-${++qe}`;
+let Ve = 0;
+function H() {
+  return `file-${Date.now()}-${++Ve}`;
 }
-function I(a) {
+function Y(a) {
   if (a <= 0) return "0 B";
   const e = ["B", "KB", "MB", "GB"], t = Math.min(Math.floor(Math.log(a) / Math.log(1024)), e.length - 1), i = a / Math.pow(1024, t);
   return `${t === 0 ? i : i.toFixed(1)} ${e[t]}`;
@@ -619,11 +619,11 @@ function N(a) {
   const e = ((t = a.name.split(".").pop()) == null ? void 0 : t.toLowerCase()) ?? "";
   return a.type.startsWith("image/") ? "image" : a.type.startsWith("video/") || ["mp4", "mov", "avi", "webm", "mkv"].includes(e) ? "vid" : a.type === "application/pdf" || e === "pdf" ? "pdf" : ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt", "rtf", "odt"].includes(e) ? "doc" : ["zip", "rar", "7z", "tar", "gz", "bz2"].includes(e) ? "zip" : "gen";
 }
-function Ve(a) {
+function Ne(a) {
   const e = a.lastIndexOf(".");
   return e >= 0 ? a.slice(e + 1).toUpperCase() : "";
 }
-const Ne = {
+const Xe = {
   jpg: "image/jpeg",
   jpeg: "image/jpeg",
   png: "image/png",
@@ -641,12 +641,12 @@ const Ne = {
   doc: "application/msword",
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
 };
-function Xe(a) {
+function We(a) {
   var t;
   const e = ((t = a.split(".").pop()) == null ? void 0 : t.toLowerCase()) ?? "";
-  return Ne[e] || "";
+  return Xe[e] || "";
 }
-function We(a) {
+function Ke(a) {
   return new Promise((e) => {
     const t = document.createElement("video");
     t.preload = "metadata", t.muted = !0, t.playsInline = !0;
@@ -702,13 +702,13 @@ function se(a, e, t) {
   }
   return null;
 }
-function Ke(a, e, t) {
+function Ze(a, e, t) {
   return se(a, e, t);
 }
-function $e(a) {
+function Se(a) {
   return a.allowedFileTypes ? a.allowedFileTypes.join(",") : "";
 }
-const Se = {
+const Ee = {
   "google-drive": {
     id: "google-drive",
     label: "Google Drive",
@@ -759,20 +759,20 @@ const Se = {
     brandHtml: '<span class="brand-ico" style="background:#111"><svg width="12" height="12" viewBox="0 0 24 24" fill="white"><path d="M8.5 11.5v5h7v-5h5.5V21h-18v-9.5h5.5zm7-8v5h-7v-5h7z"/></svg></span>'
   }
 };
-function Ze(a) {
-  return a.filter((e) => e in Se).map((e) => Se[e]);
+function Je(a) {
+  return a.filter((e) => e in Ee).map((e) => Ee[e]);
 }
-var Je = Object.defineProperty, Ge = (a, e, t, i) => {
+var Ge = Object.defineProperty, Qe = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && Je(e, t, r), r;
+  return r && Ge(e, t, r), r;
 };
-const Qe = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/>', et = '<path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/>', tt = '<path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/>', rt = '<rect x="2" y="3" width="20" height="14" rx="2"/><circle cx="12" cy="10" r="1"/><path d="M7 21l5-5 5 5"/>', X = [
-  { id: "device", label: "My Device", icon: Qe, iconColor: "#2563eb" },
-  { id: "url", label: "URL link", icon: et, iconColor: "#16a34a" },
-  { id: "camera", label: "Camera", icon: tt, iconColor: "#7c3aed" },
-  { id: "screen-cast", label: "Screen capture", icon: rt, iconColor: "#ea580c" }
-], fe = class fe extends z {
+const et = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/>', tt = '<path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/>', rt = '<path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"/><circle cx="12" cy="13" r="4"/>', it = '<rect x="2" y="3" width="20" height="14" rx="2"/><circle cx="12" cy="10" r="1"/><path d="M7 21l5-5 5 5"/>', X = [
+  { id: "device", label: "My Device", icon: et, iconColor: "#2563eb" },
+  { id: "url", label: "URL link", icon: tt, iconColor: "#16a34a" },
+  { id: "camera", label: "Camera", icon: rt, iconColor: "#7c3aed" },
+  { id: "screen-cast", label: "Screen capture", icon: it, iconColor: "#ea580c" }
+], fe = class fe extends P {
   constructor() {
     super(...arguments), this.sources = X;
   }
@@ -790,7 +790,7 @@ const Qe = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21
       ${this.sources.map(
       (e) => l`
           <button @click=${() => this._handleClick(e)}>
-            ${e.brandHtml ? O(e.brandHtml) : M`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${P(e.icon)}</svg>`}
+            ${e.brandHtml ? M(e.brandHtml) : T`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             ${e.label}
           </button>
         `
@@ -798,7 +798,7 @@ const Qe = '<rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21
     `;
   }
 };
-fe.styles = k`
+fe.styles = S`
     :host {
       display: flex;
       flex-wrap: wrap;
@@ -872,17 +872,17 @@ fe.styles = k`
     }
   `;
 let ae = fe;
-Ge([
+Qe([
   b({ type: Array })
 ], ae.prototype, "sources");
-var it = Object.defineProperty, D = (a, e, t, i) => {
+var ot = Object.defineProperty, O = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && it(e, t, r), r;
+  return r && ot(e, t, r), r;
 };
-const Ee = 3, ue = class ue extends z {
+const Ue = 3, ue = class ue extends P {
   constructor() {
-    super(...arguments), this.compact = !1, this.externalDragOver = !1, this.accept = "", this.sources = [], this.sourcesLayout = "pills", this._dragOver = !1, this._moreOpen = !1, this._visiblePills = Ee, this._dragCounter = 0, this._onDragEnter = (e) => {
+    super(...arguments), this.compact = !1, this.externalDragOver = !1, this.accept = "", this.sources = [], this.sourcesLayout = "pills", this._dragOver = !1, this._moreOpen = !1, this._visiblePills = Ue, this._dragCounter = 0, this._onDragEnter = (e) => {
       e.preventDefault(), this._dragCounter++, this._dragCounter === 1 && (this._dragOver = !0);
     }, this._onDragOver = (e) => {
       e.preventDefault();
@@ -953,8 +953,8 @@ const Ee = 3, ue = class ue extends z {
   }
   /** Position the fixed dropdown, choosing above or below based on available space. */
   _positionDropdown() {
-    var h, c;
-    const e = (h = this.shadowRoot) == null ? void 0 : h.querySelector(".more-wrap > button"), t = (c = this.shadowRoot) == null ? void 0 : c.querySelector(".more-dropdown");
+    var g, h;
+    const e = (g = this.shadowRoot) == null ? void 0 : g.querySelector(".more-wrap > button"), t = (h = this.shadowRoot) == null ? void 0 : h.querySelector(".more-dropdown");
     if (!e || !t) return;
     const i = e.getBoundingClientRect(), r = 8, o = t.scrollHeight, s = t.offsetWidth, n = i.top, d = window.innerHeight - i.bottom;
     n >= o + r || n > d ? (t.classList.add("above"), t.classList.remove("below"), t.style.top = `${i.top - o - r}px`) : (t.classList.add("below"), t.classList.remove("above"), t.style.top = `${i.bottom + r}px`);
@@ -966,7 +966,7 @@ const Ee = 3, ue = class ue extends z {
   }
   _updateVisiblePills() {
     const e = window.innerWidth;
-    this.sourcesLayout === "cards" ? e <= 480 ? this._visiblePills = 2 : e <= 768 ? this._visiblePills = 3 : this._visiblePills = 5 : e <= 480 ? this._visiblePills = 1 : e <= 768 ? this._visiblePills = 2 : this._visiblePills = Ee;
+    this.sourcesLayout === "cards" ? e <= 480 ? this._visiblePills = 2 : e <= 768 ? this._visiblePills = 3 : this._visiblePills = 5 : e <= 480 ? this._visiblePills = 1 : e <= 768 ? this._visiblePills = 2 : this._visiblePills = Ue;
   }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener("paste", this._onPaste), document.addEventListener("click", this._onDocClick), document.addEventListener("keydown", this._onDocKeyDown), window.addEventListener("scroll", this._onScrollOrResize, !0), window.addEventListener("resize", this._onScrollOrResize), this._updateVisiblePills();
@@ -985,8 +985,8 @@ const Ee = 3, ue = class ue extends z {
       t.stopPropagation(), this._onSourceIconClick(e);
     }}
       >
-        ${e.brandHtml ? O(e.brandHtml) : l`<span class="pill-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
-              ${M`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${P(e.icon)}</svg>`}
+        ${e.brandHtml ? M(e.brandHtml) : l`<span class="pill-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
+              ${T`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             </span>`}
         ${e.label}
       </button>
@@ -1001,8 +1001,8 @@ const Ee = 3, ue = class ue extends z {
       t.stopPropagation(), this._onSourceIconClick(e);
     }}
       >
-        ${e.brandHtml ? l`<span class="card-ico">${O(e.brandHtml)}</span>` : l`<span class="card-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
-              ${M`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${P(e.icon)}</svg>`}
+        ${e.brandHtml ? l`<span class="card-ico">${M(e.brandHtml)}</span>` : l`<span class="card-ico" style=${e.iconColor ? `color:${e.iconColor}` : ""}>
+              ${T`<svg viewBox="0 0 24 24" class=${e.fillIcon ? "fill-icon" : ""}>${F(e.icon)}</svg>`}
             </span>`}
         <span class="card-label">${e.label}</span>
       </button>
@@ -1026,7 +1026,7 @@ const Ee = 3, ue = class ue extends z {
       (t) => l`
               <button class="more-item" @click=${(i) => this._onMoreItemClick(t, i)}>
                 <div class="more-item-ico">
-                  ${t.brandHtml ? O(t.brandHtml) : t.iconColor ? l`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${P(t.icon)}</svg>` : M`<svg viewBox="0 0 24 24">${P(t.icon)}</svg>`}
+                  ${t.brandHtml ? M(t.brandHtml) : t.iconColor ? l`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : T`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
                 </div>
                 ${t.label}
               </button>
@@ -1048,7 +1048,7 @@ const Ee = 3, ue = class ue extends z {
       (t) => l`
               <button class="more-item" @click=${(i) => this._onMoreItemClick(t, i)}>
                 <div class="more-item-ico">
-                  ${t.brandHtml ? O(t.brandHtml) : t.iconColor ? l`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${P(t.icon)}</svg>` : M`<svg viewBox="0 0 24 24">${P(t.icon)}</svg>`}
+                  ${t.brandHtml ? M(t.brandHtml) : t.iconColor ? l`<svg viewBox="0 0 24 24" style="color:${t.iconColor}">${F(t.icon)}</svg>` : T`<svg viewBox="0 0 24 24">${F(t.icon)}</svg>`}
                 </div>
                 ${t.label}
               </button>
@@ -1093,22 +1093,22 @@ const Ee = 3, ue = class ue extends z {
         <div class="title">
           Drag & Drop or click to <span>browse</span>
         </div>
-        ${this.compact ? f : l`<div class="subtitle">Drop files anywhere on this page</div>`}
+        ${this.compact ? p : l`<div class="subtitle">Drop files anywhere on this page</div>`}
 
         ${!this.compact && this.sources.length > 0 ? l`
               <div class="import-divider"><span>or import from</span></div>
               ${this.sourcesLayout === "cards" ? l`
                     <div class="sources-cards">
                       ${t.map((r) => this._renderCard(r))}
-                      ${i.length > 0 ? this._renderMoreCard(i) : f}
+                      ${i.length > 0 ? this._renderMoreCard(i) : p}
                     </div>
                   ` : l`
                     <div class="sources-grid">
                       ${t.map((r) => this._renderPill(r))}
-                      ${i.length > 0 ? this._renderMoreDropdown(i) : f}
+                      ${i.length > 0 ? this._renderMoreDropdown(i) : p}
                     </div>
                   `}
-            ` : f}
+            ` : p}
 
         ${this.compact && this.sources.length > 0 ? l`
               <div class="sources-row">
@@ -1123,25 +1123,25 @@ const Ee = 3, ue = class ue extends z {
         o.stopPropagation(), this._onSourceIconClick(r);
       }}
                     >
-                      ${r.brandHtml ? O(r.brandHtml) : M`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${P(r.icon)}</svg>`}
+                      ${r.brandHtml ? M(r.brandHtml) : T`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${F(r.icon)}</svg>`}
                     </button>
                   `
     )}
               </div>
-            ` : f}
+            ` : p}
 
         <div class="ripple"></div>
         <input
           type="file"
           multiple
-          accept=${this.accept || f}
+          accept=${this.accept || p}
           @change=${this._onFileChange}
         />
       </div>
     `;
   }
 };
-ue.styles = k`
+ue.styles = S`
     :host {
       display: flex;
       flex-shrink: 0;
@@ -1924,38 +1924,38 @@ ue.styles = k`
       }
     }
   `;
-let E = ue;
-D([
+let U = ue;
+O([
   b({ type: Boolean, reflect: !0 })
-], E.prototype, "compact");
-D([
+], U.prototype, "compact");
+O([
   b({ type: Boolean, attribute: "external-drag-over" })
-], E.prototype, "externalDragOver");
-D([
+], U.prototype, "externalDragOver");
+O([
   b({ type: String })
-], E.prototype, "accept");
-D([
+], U.prototype, "accept");
+O([
   b({ type: Array })
-], E.prototype, "sources");
-D([
+], U.prototype, "sources");
+O([
   b({ type: String, attribute: "sources-layout" })
-], E.prototype, "sourcesLayout");
-D([
-  g()
-], E.prototype, "_dragOver");
-D([
-  g()
-], E.prototype, "_moreOpen");
-D([
-  g()
-], E.prototype, "_visiblePills");
-D([
-  De(".ripple")
-], E.prototype, "_rippleEl");
-D([
-  De('input[type="file"]')
-], E.prototype, "fileInput");
-const he = class he extends z {
+], U.prototype, "sourcesLayout");
+O([
+  x()
+], U.prototype, "_dragOver");
+O([
+  x()
+], U.prototype, "_moreOpen");
+O([
+  x()
+], U.prototype, "_visiblePills");
+O([
+  Fe(".ripple")
+], U.prototype, "_rippleEl");
+O([
+  Fe('input[type="file"]')
+], U.prototype, "fileInput");
+const he = class he extends P {
   render() {
     return l`
       <div class="line"></div>
@@ -1964,7 +1964,7 @@ const he = class he extends z {
     `;
   }
 };
-he.styles = k`
+he.styles = S`
     :host {
       display: flex;
       align-items: center;
@@ -1987,13 +1987,13 @@ he.styles = k`
       white-space: nowrap;
     }
   `;
-let Ue = he;
-var ot = Object.defineProperty, Z = (a, e, t, i) => {
+let ze = he;
+var st = Object.defineProperty, Z = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ot(e, t, r), r;
+  return r && st(e, t, r), r;
 };
-const xe = class xe extends z {
+const xe = class xe extends P {
   constructor() {
     super(...arguments), this.files = [], this.showDropTile = !1, this.sources = [], this.accept = "", this._moreOpen = !1, this._outsideClickHandler = (e) => {
       const t = e.composedPath(), i = this.renderRoot.querySelector(".drop-tile-more-wrap");
@@ -2050,7 +2050,7 @@ const xe = class xe extends z {
                 title=${r.label}
                 @click=${(o) => this._onSourceClick(o, r)}
               >
-                ${r.brandHtml ? O(r.brandHtml) : M`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${P(r.icon)}</svg>`}
+                ${r.brandHtml ? M(r.brandHtml) : T`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${F(r.icon)}</svg>`}
               </button>
             `)}
             ${i.length > 0 ? l`
@@ -2064,25 +2064,25 @@ const xe = class xe extends z {
                         @click=${(o) => this._onMoreSourceClick(o, r)}
                       >
                         <span class="more-dropdown-ico" style=${r.iconColor && !r.brandHtml ? `color:${r.iconColor}` : ""}>
-                          ${r.brandHtml ? O(r.brandHtml) : M`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${P(r.icon)}</svg>`}
+                          ${r.brandHtml ? M(r.brandHtml) : T`<svg viewBox="0 0 24 24" class=${r.fillIcon ? "fill-icon" : ""}>${F(r.icon)}</svg>`}
                         </span>
                         ${r.label}
                       </button>
                     `)}
                   </div>
-                ` : f}
+                ` : p}
               </div>
-            ` : f}
+            ` : p}
           </div>
-        ` : f}
-        <input type="file" multiple accept=${this.accept || f} @change=${this._onFileInput} />
+        ` : p}
+        <input type="file" multiple accept=${this.accept || p} @change=${this._onFileInput} />
       </div>
     `;
   }
   render() {
     return l`
       <div class="grid">
-        ${this.showDropTile ? this._renderDropTile() : f}
+        ${this.showDropTile ? this._renderDropTile() : p}
         ${this.files.map(
       (e, t) => l`<sfx-file-item .file=${e} style="--tile-index:${t}"></sfx-file-item>`
     )}
@@ -2090,7 +2090,7 @@ const xe = class xe extends z {
     `;
   }
 };
-xe.styles = k`
+xe.styles = S`
     :host {
       display: block;
       flex: 1;
@@ -2112,10 +2112,10 @@ xe.styles = k`
     }
 
     :host::-webkit-scrollbar-thumb {
-      background: rgba(0, 0, 0, 0.15);
-      border-radius: var(--sfx-scrollbar-radius, 6px);
-      border-left: var(--sfx-scrollbar-inset, 3px) solid transparent;
-      border-right: var(--sfx-scrollbar-inset, 3px) solid transparent;
+      background-color: rgba(0, 0, 0, 0.15);
+      border-radius: 6px;
+      border-left: var(--sfx-scrollbar-inset-left, 3px) solid transparent;
+      border-right: var(--sfx-scrollbar-inset-right, 3px) solid transparent;
       background-clip: padding-box;
     }
 
@@ -2123,7 +2123,7 @@ xe.styles = k`
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(var(--sfx-up-grid-min, max(24%, 140px)), 1fr));
       gap: 12px;
-      padding: 2px 16px 16px 16px;
+      padding: 2px 12px 16px 16px;
     }
 
     @media (max-width: 480px) {
@@ -2148,6 +2148,8 @@ xe.styles = k`
       padding: 16px 12px;
       position: relative;
       z-index: 1;
+      min-height: 0;
+      overflow: hidden;
     }
 
     .drop-tile:hover {
@@ -2156,8 +2158,8 @@ xe.styles = k`
     }
 
     .drop-tile-rings {
-      width: 72px;
-      height: 72px;
+      width: clamp(48px, 8vw, 72px);
+      height: clamp(48px, 8vw, 72px);
       position: relative;
       display: flex;
       align-items: center;
@@ -2186,8 +2188,8 @@ xe.styles = k`
     }
 
     .drop-tile-core {
-      width: 40px;
-      height: 40px;
+      width: clamp(28px, 5vw, 40px);
+      height: clamp(28px, 5vw, 40px);
       border-radius: 50%;
       background: var(--sfx-up-primary-bg, #eff6ff);
       color: var(--sfx-up-primary, #2563eb);
@@ -2404,14 +2406,14 @@ Z([
   b({ type: String })
 ], B.prototype, "accept");
 Z([
-  g()
+  x()
 ], B.prototype, "_moreOpen");
-var st = Object.defineProperty, at = (a, e, t, i) => {
+var at = Object.defineProperty, nt = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && st(e, t, r), r;
+  return r && at(e, t, r), r;
 };
-const ge = class ge extends z {
+const ge = class ge extends P {
   _remove() {
     this.dispatchEvent(
       new CustomEvent("file-remove", {
@@ -2441,8 +2443,8 @@ const ge = class ge extends z {
   }
   render() {
     const e = this.file;
-    if (!e) return f;
-    const t = N(e), i = e.status === "complete", r = e.status === "uploading", o = e.status === "error" || e.status === "failed", s = e.status === "rejected", n = Ve(e.name), d = [
+    if (!e) return p;
+    const t = N(e), i = e.status === "complete", r = e.status === "uploading", o = e.status === "error" || e.status === "failed", s = e.status === "rejected", n = Ne(e.name), d = [
       "tile",
       i ? "done" : "",
       r ? "uploading" : "",
@@ -2457,7 +2459,7 @@ const ge = class ge extends z {
                 <div class="type-icon">
                   <div class="type-icon-inner ${t}">
                     ${this._renderTypeIcon(t)}
-                    ${n ? l`<div class="ext-label">${n}</div>` : f}
+                    ${n ? l`<div class="ext-label">${n}</div>` : p}
                   </div>
                 </div>
               `}
@@ -2471,7 +2473,7 @@ const ge = class ge extends z {
                   </svg>
                   Preview
                 </button>
-              ` : f}
+              ` : p}
 
           <!-- Spinner overlay -->
           <div class="spinner-overlay">
@@ -2483,20 +2485,20 @@ const ge = class ge extends z {
                 <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round">
                   <polyline points="20 6 9 17 4 12" />
                 </svg>
-              </div>` : f}
+              </div>` : p}
 
           <!-- Progress bar -->
           ${e.status === "uploading" ? l`
                 <div class="progress">
                   <div class="progress-fill" style="transform:scaleX(${Math.min(e.progress, 100) / 100})"></div>
                 </div>
-              ` : f}
+              ` : p}
 
           <!-- Error / rejected badge -->
-          ${(o || s) && e.error ? l`<div class="error-badge" title=${e.error}>${e.error}</div>` : f}
+          ${(o || s) && e.error ? l`<div class="error-badge" title=${e.error}>${e.error}</div>` : p}
 
-          <!-- Video duration badge -->
-          ${e.duration != null && e.duration > 0 ? l`<div class="duration-badge">${this._formatDuration(e.duration)}</div>` : f}
+          <!-- Video duration badge (hidden when error badge is shown to avoid overlap) -->
+          ${!(o || s) && e.duration != null && e.duration > 0 ? l`<div class="duration-badge">${this._formatDuration(e.duration)}</div>` : p}
         </div>
 
         <!-- Action buttons -->
@@ -2508,7 +2510,7 @@ const ge = class ge extends z {
                     <path d="M20.49 15a9 9 0 11-2.12-9.36L23 10" />
                   </svg>
                 </button>
-              ` : f}
+              ` : p}
           <button class="act-btn del" @click=${this._remove} title="Remove" aria-label="Remove file">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
               <polyline points="3 6 5 6 21 6" />
@@ -2523,7 +2525,7 @@ const ge = class ge extends z {
         <!-- Info bar -->
         <div class="info">
           <div class="name" title=${e.name}>${e.name}</div>
-          <div class="meta">${n || ""}${e.size ? ` · ${I(e.size)}` : ""}</div>
+          <div class="meta">${n || ""}${e.size ? ` · ${Y(e.size)}` : ""}</div>
         </div>
       </div>
     `;
@@ -2547,7 +2549,7 @@ const ge = class ge extends z {
     }
   }
 };
-ge.styles = k`
+ge.styles = S`
     :host {
       display: block;
     }
@@ -2854,19 +2856,22 @@ ge.styles = k`
     /* --- Error / rejected state --- */
     .error-badge {
       position: absolute;
-      bottom: 28px;
+      bottom: 6px;
       left: 6px;
       right: 6px;
-      font-size: 12px;
-      font-weight: 600;
+      font-size: 11px;
+      font-weight: 500;
+      line-height: 1.3;
       color: #fff;
-      background: var(--sfx-up-error, #dc2626);
-      border-radius: 4px;
-      padding: 3px 6px;
+      background: color-mix(in srgb, var(--sfx-up-error, #dc2626) 85%, transparent);
+      border-radius: 6px;
+      padding: 4px 8px;
       text-align: center;
-      white-space: nowrap;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      line-clamp: 2;
+      -webkit-box-orient: vertical;
       overflow: hidden;
-      text-overflow: ellipsis;
     }
 
     .tile.rejected {
@@ -2919,10 +2924,10 @@ ge.styles = k`
     }
   `;
 let ne = ge;
-at([
+nt([
   b({ attribute: !1 })
 ], ne.prototype, "file");
-const J = k`
+const J = S`
   .btn,
   .btn-ghost,
   .btn-primary,
@@ -2991,20 +2996,20 @@ const J = k`
     opacity: 0.55;
     cursor: not-allowed;
   }
-`, G = k`
+`, G = S`
   button:focus-visible {
     outline: 2px solid var(--sfx-up-ring, oklch(0.578 0.198 268.129 / 0.7));
     outline-offset: 2px;
   }
 `;
-var nt = Object.defineProperty, te = (a, e, t, i) => {
+var lt = Object.defineProperty, Q = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && nt(e, t, r), r;
+  return r && lt(e, t, r), r;
 };
-const ze = 7, ve = class ve extends z {
+const Pe = 7, ve = class ve extends P {
   constructor() {
-    super(...arguments), this.fileCount = 0, this.totalSize = 0, this.thumbnails = [], this.primaryLabel = "Done";
+    super(...arguments), this.fileCount = 0, this.totalSize = 0, this.thumbnails = [], this.primaryLabel = "Done", this.failedFiles = [];
   }
   _uploadMore() {
     this.dispatchEvent(
@@ -3017,27 +3022,45 @@ const ze = 7, ve = class ve extends z {
     );
   }
   render() {
-    const e = this.thumbnails.slice(0, ze), t = this.thumbnails.length - ze;
+    const e = this.thumbnails.slice(0, Pe), t = this.thumbnails.length - Pe, i = this.fileCount > 0, r = this.failedFiles.length > 0, o = r && !i;
     return l`
       <div class="card" role="status" aria-live="polite">
-        <div class="icon">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
-            <polyline points="20 6 9 17 4 12" />
-          </svg>
+        <div class="icon ${o ? "error" : r ? "warning" : ""}">
+          ${o ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>
+              </svg>` : r ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>
+                </svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+                  <polyline points="20 6 9 17 4 12" />
+                </svg>`}
         </div>
-        <div class="title">Uploaded successfully!</div>
-        <div class="subtitle">All files are ready for use</div>
+        <div class="title">${o ? "Upload failed" : r ? "Partially uploaded" : "Uploaded successfully!"}</div>
+        <div class="subtitle">${o ? `${this.failedFiles.length === 1 ? "File" : "Files"} could not be uploaded` : r ? `${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} uploaded, ${this.failedFiles.length} failed` : "All files are ready for use"}</div>
 
         ${e.length > 0 ? l`
               <div class="thumbs">
                 ${e.map(
-      (i) => l`<img class="thumb" src=${i} alt="" />`
+      (s) => l`<img class="thumb" src=${s} alt="" />`
     )}
-                ${t > 0 ? l`<div class="thumb-more">+${t}</div>` : f}
+                ${t > 0 ? l`<div class="thumb-more">+${t}</div>` : p}
               </div>
-            ` : f}
-
-        <div class="summary">${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} · ${I(this.totalSize)} uploaded</div>
+            ` : p}
+
+        ${i ? l`<div class="summary">${this.fileCount} ${this.fileCount === 1 ? "file" : "files"} · ${Y(this.totalSize)} uploaded</div>` : p}
+
+        ${r ? l`
+            <div class="failed-list">
+              ${this.failedFiles.map((s) => l`
+                <div class="failed-item">
+                  <svg class="failed-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img" aria-label="Error"><title>Error</title><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+                  <div class="failed-info">
+                    <div class="failed-name">${s.name}</div>
+                    <div class="failed-reason">${s.error}</div>
+                  </div>
+                </div>
+              `)}
+            </div>
+          ` : p}
 
         <div class="actions">
           <button class="btn-ghost" @click=${this._uploadMore}>Upload more</button>
@@ -3047,7 +3070,7 @@ const ze = 7, ve = class ve extends z {
     `;
   }
 };
-ve.styles = [J, G, k`
+ve.styles = [J, G, S`
     :host {
       display: flex;
       flex: 1;
@@ -3083,6 +3106,16 @@ ve.styles = [J, G, k`
       height: 30px;
     }
 
+    .icon.error {
+      background: #fef2f2;
+      color: #ef4444;
+    }
+
+    .icon.warning {
+      background: #fffbeb;
+      color: #f59e0b;
+    }
+
     .title {
       font-size: 20px;
       font-weight: 700;
@@ -3155,6 +3188,57 @@ ve.styles = [J, G, k`
       box-shadow: 0 4px 16px rgba(34, 197, 94, 0.38);
     }
 
+    /* --- Failed files list --- */
+    .failed-list {
+      width: 100%;
+      max-width: 360px;
+      margin-bottom: 20px;
+      border-radius: 8px;
+      border: 1px solid var(--sfx-up-border, #e8eaed);
+      overflow: hidden;
+    }
+
+    .failed-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 8px;
+      padding: 8px 12px;
+      border-bottom: 1px solid var(--sfx-up-border, #f1f5f9);
+      text-align: left;
+    }
+
+    .failed-item:last-child {
+      border-bottom: none;
+    }
+
+    .failed-icon {
+      width: 16px;
+      height: 16px;
+      flex-shrink: 0;
+      color: #ef4444;
+      margin-top: 1px;
+    }
+
+    .failed-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .failed-name {
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--sfx-up-text, #1e293b);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .failed-reason {
+      font-size: 11px;
+      color: var(--sfx-up-text-muted, #94a3b8);
+      line-height: 1.4;
+    }
+
     @keyframes fadeUp {
       from {
         opacity: 0;
@@ -3185,25 +3269,28 @@ ve.styles = [J, G, k`
       .icon { animation: none; }
     }
   `];
-let H = ve;
-te([
+let R = ve;
+Q([
   b({ type: Number })
-], H.prototype, "fileCount");
-te([
+], R.prototype, "fileCount");
+Q([
   b({ type: Number })
-], H.prototype, "totalSize");
-te([
+], R.prototype, "totalSize");
+Q([
   b({ type: Array })
-], H.prototype, "thumbnails");
-te([
+], R.prototype, "thumbnails");
+Q([
   b({ type: String })
-], H.prototype, "primaryLabel");
-var lt = Object.defineProperty, T = (a, e, t, i) => {
+], R.prototype, "primaryLabel");
+Q([
+  b({ type: Array })
+], R.prototype, "failedFiles");
+var dt = Object.defineProperty, A = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && lt(e, t, r), r;
+  return r && dt(e, t, r), r;
 };
-const be = class be extends z {
+const be = class be extends P {
   constructor() {
     super(...arguments), this.uploadState = "idle", this.fileCount = 0, this.totalSize = 0, this.failedCount = 0, this.showFillMetadata = !1, this.completedCount = 0, this.uploadProgress = 0;
   }
@@ -3232,7 +3319,7 @@ const be = class be extends z {
               </div>
               <span class="progress-label">${this.completedCount}/${this.fileCount} files</span>
             </div>
-          ` : f}
+          ` : p}
       <div class="buttons-row">
         <div class="left">
           ${this.showFillMetadata && this.uploadState === "idle" ? l`
@@ -3246,7 +3333,7 @@ const be = class be extends z {
                   </svg>
                   Fill Metadata
                 </button>
-              ` : f}
+              ` : p}
         </div>
         <div class="right">
           <button class="btn-ghost" @click=${this._clear}>
@@ -3274,7 +3361,7 @@ const be = class be extends z {
                   </svg>
                   Retry all (${this.failedCount})
                 </button>
-              ` : f}
+              ` : p}
           ${this._renderUploadButton()}
         </div>
       </div>
@@ -3305,7 +3392,7 @@ const be = class be extends z {
     `;
   }
 };
-be.styles = [J, G, k`
+be.styles = [J, G, S`
     :host {
       display: flex;
       flex-direction: column;
@@ -3455,47 +3542,47 @@ be.styles = [J, G, k`
     }
   `];
 let j = be;
-T([
+A([
   b({ type: String })
 ], j.prototype, "uploadState");
-T([
+A([
   b({ type: Number })
 ], j.prototype, "fileCount");
-T([
+A([
   b({ type: Number })
 ], j.prototype, "totalSize");
-T([
+A([
   b({ type: Number })
 ], j.prototype, "failedCount");
-T([
+A([
   b({ type: Boolean })
 ], j.prototype, "showFillMetadata");
-T([
+A([
   b({ type: Number })
 ], j.prototype, "completedCount");
-T([
+A([
   b({ type: Number })
 ], j.prototype, "uploadProgress");
-const dt = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function pe(a, e) {
+const ct = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function ce(a, e) {
   return (t) => {
     if (t.key !== "Tab") return;
     const i = a();
     if (!i) return;
     const r = i.querySelector(e);
     if (!r) return;
-    const o = Array.from(r.querySelectorAll(dt));
+    const o = Array.from(r.querySelectorAll(ct));
     if (o.length === 0) return;
     const s = o[0], n = o[o.length - 1], d = i.activeElement;
     t.shiftKey ? (d === s || !r.contains(d)) && (t.preventDefault(), n.focus()) : (d === n || !r.contains(d)) && (t.preventDefault(), s.focus());
   };
 }
-var pt = Object.defineProperty, ce = (a, e, t, i) => {
+var pt = Object.defineProperty, pe = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
   return r && pt(e, t, r), r;
 };
-const me = class me extends z {
+const me = class me extends P {
   constructor() {
     super(...arguments), this._url = "", this._name = "", this._error = "", this._onBackdropClick = (e) => {
       e.target === e.currentTarget && this._cancel();
@@ -3503,7 +3590,7 @@ const me = class me extends z {
       this._url = e.target.value, this._error = "", this._autoName();
     }, this._onNameInput = (e) => {
       this._name = e.target.value;
-    }, this._focusTrap = pe(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
+    }, this._focusTrap = ce(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
       var t;
       e.key === "Escape" && this._cancel(), e.key === "Enter" && ((t = e.target) == null ? void 0 : t.tagName) === "INPUT" && this._submit(), this._focusTrap(e);
     };
@@ -3606,7 +3693,7 @@ const me = class me extends z {
     `;
   }
 };
-me.styles = [J, G, k`
+me.styles = [J, G, S`
     :host {
       display: block;
     }
@@ -3781,25 +3868,25 @@ me.styles = [J, G, k`
 
   `];
 let W = me;
-ce([
-  g()
+pe([
+  x()
 ], W.prototype, "_url");
-ce([
-  g()
+pe([
+  x()
 ], W.prototype, "_name");
-ce([
-  g()
+pe([
+  x()
 ], W.prototype, "_error");
-var ct = Object.defineProperty, re = (a, e, t, i) => {
+var ft = Object.defineProperty, re = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ct(e, t, r), r;
+  return r && ft(e, t, r), r;
 };
-const we = class we extends z {
+const we = class we extends P {
   constructor() {
     super(...arguments), this._stream = null, this._error = "", this._captured = null, this._previewUrl = "", this._onBackdropClick = (e) => {
       e.target === e.currentTarget && this._cancel();
-    }, this._focusTrap = pe(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
+    }, this._focusTrap = ce(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
       e.key === "Escape" && this._cancel(), this._focusTrap(e);
     }, this._capture = () => {
       var r, o;
@@ -3873,7 +3960,7 @@ const we = class we extends z {
     `;
   }
 };
-we.styles = [J, G, k`
+we.styles = [J, G, S`
     :host { display: block; }
 
     .backdrop {
@@ -3954,29 +4041,29 @@ we.styles = [J, G, k`
     @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
     @keyframes slideUp { from { transform: translateY(18px) scale(0.97); } to { transform: translateY(0) scale(1); } }
   `];
-let Y = we;
+let q = we;
 re([
-  g()
-], Y.prototype, "_stream");
+  x()
+], q.prototype, "_stream");
 re([
-  g()
-], Y.prototype, "_error");
+  x()
+], q.prototype, "_error");
 re([
-  g()
-], Y.prototype, "_captured");
+  x()
+], q.prototype, "_captured");
 re([
-  g()
-], Y.prototype, "_previewUrl");
-var ft = Object.defineProperty, Q = (a, e, t, i) => {
+  x()
+], q.prototype, "_previewUrl");
+var ut = Object.defineProperty, ee = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ft(e, t, r), r;
+  return r && ut(e, t, r), r;
 };
-const ye = class ye extends z {
+const ye = class ye extends P {
   constructor() {
     super(...arguments), this._stream = null, this._recording = !1, this._error = "", this._recordedBlob = null, this._previewUrl = "", this._recorder = null, this._chunks = [], this._onBackdropClick = (e) => {
       e.target === e.currentTarget && this._cancel();
-    }, this._focusTrap = pe(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
+    }, this._focusTrap = ce(() => this.shadowRoot, ".card"), this._onKeyDown = (e) => {
       e.key === "Escape" && this._cancel(), this._focusTrap(e);
     }, this._startRecording = async () => {
       var e;
@@ -4071,7 +4158,7 @@ const ye = class ye extends z {
     `;
   }
 };
-ye.styles = [J, G, k`
+ye.styles = [J, G, S`
     :host { display: block; }
 
     .backdrop {
@@ -4170,32 +4257,32 @@ ye.styles = [J, G, k`
     @keyframes slideUp { from { transform: translateY(18px) scale(0.97); } to { transform: translateY(0) scale(1); } }
     @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
   `];
-let R = ye;
-Q([
-  g()
-], R.prototype, "_stream");
-Q([
-  g()
-], R.prototype, "_recording");
-Q([
-  g()
-], R.prototype, "_error");
-Q([
-  g()
-], R.prototype, "_recordedBlob");
-Q([
-  g()
-], R.prototype, "_previewUrl");
-var ut = Object.defineProperty, _ = (a, e, t, i) => {
+let L = ye;
+ee([
+  x()
+], L.prototype, "_stream");
+ee([
+  x()
+], L.prototype, "_recording");
+ee([
+  x()
+], L.prototype, "_error");
+ee([
+  x()
+], L.prototype, "_recordedBlob");
+ee([
+  x()
+], L.prototype, "_previewUrl");
+var ht = Object.defineProperty, $ = (a, e, t, i) => {
   for (var r = void 0, o = a.length - 1, s; o >= 0; o--)
     (s = a[o]) && (r = s(e, t, r) || r);
-  return r && ut(e, t, r), r;
+  return r && ht(e, t, r), r;
 };
-const Pe = /* @__PURE__ */ new Set(["unsplash"]);
-var S;
-const y = (S = class extends z {
+const De = /* @__PURE__ */ new Set(["unsplash"]);
+var E;
+const C = (E = class extends P {
   constructor() {
-    super(), this.config = null, this._isOpen = !1, this._activeConnector = null, this._showUrlDialog = !1, this._showCameraDialog = !1, this._showScreenCastDialog = !1, this._previewFileId = null, this._previewDims = "—", this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null, this._fullscreenZoomed = !1, this._fsPanX = 0, this._fsPanY = 0, this._fsDragging = !1, this._fsDragStartX = 0, this._fsDragStartY = 0, this._fsPanStartX = 0, this._fsPanStartY = 0, this._bodyDragOver = !1, this._isMinimized = !1, this._isPillExpanded = !1, this._bodyDragCounter = 0, this._videoBlobUrls = /* @__PURE__ */ new Map(), this._engine = null, this._cachedSources = X, this._cachedSourcesConfig = void 0, this._rejectedTimers = /* @__PURE__ */ new Map(), this._apiBase = null, this._authHeaders = null, this._authResolveId = 0, this._prevStoreState = null, this._unsubStoreEvents = null, this._portalContainer = null, this._onFilesSelected = (e) => {
+    super(), this.config = null, this._isOpen = !1, this._activeConnector = null, this._showUrlDialog = !1, this._showCameraDialog = !1, this._showScreenCastDialog = !1, this._previewFileId = null, this._previewDims = "—", this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null, this._fullscreenZoomed = !1, this._fsPanX = 0, this._fsPanY = 0, this._fsDragging = !1, this._fsDragStartX = 0, this._fsDragStartY = 0, this._fsPanStartX = 0, this._fsPanStartY = 0, this._bodyDragOver = !1, this._isMinimized = !1, this._isPillExpanded = !1, this._bodyDragCounter = 0, this._videoBlobUrls = /* @__PURE__ */ new Map(), this._engine = null, this._cachedSources = X, this._cachedSourcesConfig = void 0, this._rejectedTimers = /* @__PURE__ */ new Map(), this._closeOnCompleteTimer = null, this._apiBase = null, this._authHeaders = null, this._authResolveId = 0, this._prevStoreState = null, this._unsubStoreEvents = null, this._portalContainer = null, this._onFilesSelected = (e) => {
       this._processIncomingFiles(e.detail.files);
     }, this._onDropTileSourceClick = (e) => {
       this._handleSourceActivation(e.detail.source.id);
@@ -4230,24 +4317,24 @@ const y = (S = class extends z {
         return;
       }
       if ((((o = (r = this.config) == null ? void 0 : r.connectors) == null ? void 0 : o.providers) ?? []).includes(e)) {
-        if (Pe.has(e)) {
+        if (De.has(e)) {
           if (!customElements.get("sfx-search-provider-browser")) {
-            const { SfxSearchProviderBrowser: n } = await import("./search-provider-browser-CIH8w0aj.js");
+            const { SfxSearchProviderBrowser: n } = await import("./search-provider-browser-9oZjABnB.js");
             customElements.define("sfx-search-provider-browser", n);
           }
         } else if (!customElements.get("sfx-provider-browser")) {
-          const { SfxProviderBrowser: n } = await import("./provider-browser-DJ2LHNd-.js");
+          const { SfxProviderBrowser: n } = await import("./provider-browser-CMbbN8PZ.js");
           customElements.define("sfx-provider-browser", n);
         }
         this._activeConnector = e;
       }
     }, this._onUrlSubmit = (e) => {
-      var u, h, c;
+      var u, g, h;
       this._showUrlDialog = !1;
-      const { url: t, name: i } = e.detail, r = (u = this.config) == null ? void 0 : u.callbacks, o = Xe(i), s = o.startsWith("image/"), n = this._store.getState(), d = se({ name: i, size: 0, type: o }, n.restrictions, n.files);
+      const { url: t, name: i } = e.detail, r = (u = this.config) == null ? void 0 : u.callbacks, o = We(i), s = o.startsWith("image/"), n = this._store.getState(), d = se({ name: i, size: 0, type: o }, n.restrictions, n.files);
       if (d) {
-        const x = {
-          id: A(),
+        const f = {
+          id: H(),
           status: "rejected",
           file: null,
           remoteUrl: t,
@@ -4267,11 +4354,11 @@ const y = (S = class extends z {
           tags: [],
           remoteInfo: null
         };
-        L(this._store, x), this._dispatchPublic(v.FILE_REJECTED, { file: x, reason: d }), (h = r == null ? void 0 : r.onFileRejected) == null || h.call(r, x, d);
+        I(this._store, f), this._dispatchPublic(v.FILE_REJECTED, { file: f, reason: d }), (g = r == null ? void 0 : r.onFileRejected) == null || g.call(r, f, d);
         return;
       }
-      const p = {
-        id: A(),
+      const c = {
+        id: H(),
         status: "idle",
         file: null,
         remoteUrl: t,
@@ -4291,7 +4378,7 @@ const y = (S = class extends z {
         tags: [],
         remoteInfo: null
       };
-      L(this._store, p), this._dispatchPublic(v.FILE_ADDED, { file: p }), (c = r == null ? void 0 : r.onFileAdded) == null || c.call(r, p), this._store.getState().queueConfig.autoProceed && this.upload();
+      I(this._store, c), this._dispatchPublic(v.FILE_ADDED, { file: c }), (h = r == null ? void 0 : r.onFileAdded) == null || h.call(r, c), this._store.getState().queueConfig.autoProceed && this.upload();
     }, this._onUrlCancel = () => {
       this._showUrlDialog = !1;
     }, this._onCameraCapture = (e) => {
@@ -4311,7 +4398,7 @@ const y = (S = class extends z {
     }, this._onFillMetadata = () => {
       var t, i, r;
       const e = [...this._store.getState().files.values()].filter(
-        (o) => S._MODIFIABLE_STATUSES.has(o.status)
+        (o) => E._MODIFIABLE_STATUSES.has(o.status)
       );
       this._dispatchPublic(v.FILL_METADATA, { files: e }), (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onFillMetadata) == null || r.call(i, e);
     }, this._onFileRetry = (e) => {
@@ -4323,7 +4410,7 @@ const y = (S = class extends z {
     }, this._onClearAll = () => {
       var i, r, o;
       const e = (i = this.config) == null ? void 0 : i.callbacks;
-      (r = this._engine) == null || r.cancelAll();
+      this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null), (r = this._engine) == null || r.cancelAll();
       const t = [...this._store.getState().files.values()];
       for (const s of t)
         s.previewUrl && URL.revokeObjectURL(s.previewUrl), this._dispatchPublic(v.FILE_REMOVED, { file: s }), (o = e == null ? void 0 : e.onFileRemoved) == null || o.call(e, s);
@@ -4366,7 +4453,7 @@ const y = (S = class extends z {
         );
         if (d) {
           const u = {
-            id: A(),
+            id: H(),
             status: "rejected",
             file: null,
             remoteUrl: null,
@@ -4386,11 +4473,11 @@ const y = (S = class extends z {
             tags: [],
             remoteInfo: s
           };
-          L(this._store, u), this._dispatchPublic(v.FILE_REJECTED, { file: u, reason: d }), (r = t == null ? void 0 : t.onFileRejected) == null || r.call(t, u, d);
+          I(this._store, u), this._dispatchPublic(v.FILE_REJECTED, { file: u, reason: d }), (r = t == null ? void 0 : t.onFileRejected) == null || r.call(t, u, d);
           continue;
         }
-        const p = {
-          id: A(),
+        const c = {
+          id: H(),
           status: "idle",
           file: null,
           remoteUrl: null,
@@ -4410,7 +4497,7 @@ const y = (S = class extends z {
           tags: [],
           remoteInfo: s
         };
-        L(this._store, p), this._dispatchPublic(v.FILE_ADDED, { file: p }), (o = t == null ? void 0 : t.onFileAdded) == null || o.call(t, p);
+        I(this._store, c), this._dispatchPublic(v.FILE_ADDED, { file: c }), (o = t == null ? void 0 : t.onFileAdded) == null || o.call(t, c);
       }
       this._activeConnector = null, this._store.getState().queueConfig.autoProceed && this.upload();
     }, this._onConnectorClose = () => {
@@ -4418,8 +4505,8 @@ const y = (S = class extends z {
     }, this._onConnectorBackdropClick = (e) => {
       e.target === e.currentTarget && (this._activeConnector = null);
     }, this._onPrimaryAction = () => {
-      var e, t;
-      this._dispatchPublic(v.COMPLETE_ACTION, {}), ((e = this.config) == null ? void 0 : e.mode) === "modal" ? this.close() : ((t = this.config) == null ? void 0 : t.clearOnComplete) !== !1 && this._onClearAll();
+      var e, t, i, r, o;
+      this._dispatchPublic(v.COMPLETE_ACTION, {}), (i = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onCompleteAction) == null || i.call(t), ((r = this.config) == null ? void 0 : r.mode) === "modal" ? this.close() : ((o = this.config) == null ? void 0 : o.clearOnComplete) !== !1 && this._onClearAll();
     }, this._onInlineDismiss = () => {
       var e, t, i;
       (i = (t = (e = this.config) == null ? void 0 : e.callbacks) == null ? void 0 : t.onCancel) == null || i.call(t), this._dispatchPublic(v.CANCEL, {});
@@ -4480,7 +4567,7 @@ const y = (S = class extends z {
       (Math.abs(i) > 3 || Math.abs(r) > 3) && (this._fsDragDidMove = !0), this._fsPanX = this._fsPanStartX + i, this._fsPanY = this._fsPanStartY + r, this.requestUpdate(), e.preventDefault();
     }, this._onFsClose = (e) => {
       e == null || e.stopPropagation(), this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null, this._fullscreenZoomed = !1, this._fsPanX = 0, this._fsPanY = 0;
-    }, this._store = je(), this._storeCtrl = new Me(this, this._store);
+    }, this._store = je(), this._storeCtrl = new Te(this, this._store);
   }
   // --- Public API ---
   /** Open the uploader (modal mode). */
@@ -4491,7 +4578,7 @@ const y = (S = class extends z {
   /** Close the uploader (modal mode). Optionally clears all files (controlled by clearOnClose config). */
   close() {
     var e, t, i, r;
-    this._isOpen && (this._isOpen = !1, ((e = this.config) == null ? void 0 : e.clearOnClose) !== !1 && this._onClearAll(), this._previewFileId = null, (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onClose) == null || r.call(i), this._dispatchPublic(v.CLOSE, {}), this.requestUpdate());
+    this._isOpen && (this._isOpen = !1, this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null), ((e = this.config) == null ? void 0 : e.clearOnClose) !== !1 && this._onClearAll(), this._previewFileId = null, (r = (i = (t = this.config) == null ? void 0 : t.callbacks) == null ? void 0 : i.onClose) == null || r.call(i), this._dispatchPublic(v.CLOSE, {}), this.requestUpdate());
   }
   /** Start uploading all queued files. */
   upload() {
@@ -4501,7 +4588,7 @@ const y = (S = class extends z {
       return;
     }
     const e = [...this._store.getState().files.values()].filter(
-      (p) => p.status === "idle" || p.status === "queued"
+      (c) => c.status === "idle" || c.status === "queued"
     );
     if ((o = (r = this.config) == null ? void 0 : r.callbacks) != null && o.onBeforeUpload && this.config.callbacks.onBeforeUpload(e) === !1)
       return;
@@ -4547,7 +4634,7 @@ const y = (S = class extends z {
   /** Update metadata and/or tags for a single file. */
   updateFileMeta(e, t, i) {
     const r = this._store.getState().files, o = r.get(e);
-    if (!o || !S._MODIFIABLE_STATUSES.has(o.status)) return;
+    if (!o || !E._MODIFIABLE_STATUSES.has(o.status)) return;
     const s = new Map(r);
     s.set(e, {
       ...o,
@@ -4561,7 +4648,7 @@ const y = (S = class extends z {
     let r = !1;
     for (const { fileId: o, meta: s, tags: n } of e) {
       const d = t.get(o);
-      !d || !S._MODIFIABLE_STATUSES.has(d.status) || (i.set(o, {
+      !d || !E._MODIFIABLE_STATUSES.has(d.status) || (i.set(o, {
         ...d,
         meta: s != null ? { ...d.meta, ...s } : d.meta,
         tags: n ?? d.tags
@@ -4589,6 +4676,7 @@ const y = (S = class extends z {
       [data-sfx-upload-float] .float-icon { width:28px; height:28px; border-radius:6px; background:#eff6ff; color:#2563eb; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
       [data-sfx-upload-float] .float-icon svg { width:14px; height:14px; }
       [data-sfx-upload-float] .float-icon.done { background:#f0fdf4; color:#22c55e; }
+      [data-sfx-upload-float] .float-icon.warn { background:#fffbeb; color:#f59e0b; }
       [data-sfx-upload-float] .float-title { font-size:13px; font-weight:600; color:#1e293b; }
       [data-sfx-upload-float] .float-subtitle { font-size:11px; color:#94a3b8; }
       [data-sfx-upload-float] .float-actions { display:flex; gap:4px; }
@@ -4600,9 +4688,11 @@ const y = (S = class extends z {
       [data-sfx-upload-float] .float-progress-label { font-size:12px; color:#475569; }
       [data-sfx-upload-float] .float-progress-pct { font-size:12px; font-weight:600; color:#2563eb; }
       [data-sfx-upload-float] .float-progress-pct.done { color:#22c55e; }
+      [data-sfx-upload-float] .float-progress-pct.warn { color:#f59e0b; }
       [data-sfx-upload-float] .float-bar { height:4px; background:#e8edf5; border-radius:2px; overflow:hidden; }
       [data-sfx-upload-float] .float-bar-fill { height:100%; background:#2563eb; border-radius:2px; transition:width .3s ease; }
       [data-sfx-upload-float] .float-bar-fill.done { background:#22c55e; }
+      [data-sfx-upload-float] .float-bar-fill.warn { background:#f59e0b; }
       [data-sfx-upload-float] .float-items { max-height:200px; overflow-y:auto; }
       [data-sfx-upload-float] .float-item { display:flex; align-items:center; gap:10px; padding:8px 14px; border-bottom:1px solid #f1f5f9; }
       [data-sfx-upload-float] .float-item:last-child { border-bottom:none; }
@@ -4614,13 +4704,14 @@ const y = (S = class extends z {
       [data-sfx-upload-float] .float-item-done { width:18px; height:18px; border-radius:50%; background:#f0fdf4; color:#22c55e; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
       [data-sfx-upload-float] .float-item-done svg { width:12px; height:12px; }
       [data-sfx-upload-float] .float-item-spinner { width:16px; height:16px; border:2px solid #e8edf5; border-top-color:#2563eb; border-radius:50%; animation:sfxSpin .8s linear infinite; flex-shrink:0; }
-      [data-sfx-upload-float] .float-item-error { color:#ef4444; width:16px; height:16px; flex-shrink:0; }
+      [data-sfx-upload-float] .float-item-error { color:#ef4444; width:16px; height:16px; flex-shrink:0; cursor:help; }
       [data-sfx-upload-float] .float-collapsed { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; width:320px; border-radius:12px; }
       [data-sfx-upload-float] .float-collapsed-left { display:flex; align-items:center; gap:8px; }
       [data-sfx-upload-float] .float-collapsed-spinner { width:18px; height:18px; border:2.5px solid #e8edf5; border-top-color:#2563eb; border-radius:50%; animation:sfxSpin .8s linear infinite; flex-shrink:0; }
       [data-sfx-upload-float] .float-collapsed-icon { width:18px; height:18px; flex-shrink:0; }
       [data-sfx-upload-float] .float-collapsed-icon svg { width:18px; height:18px; }
       [data-sfx-upload-float] .float-collapsed-icon.done { color:#22c55e; }
+      [data-sfx-upload-float] .float-collapsed-icon.warn { color:#f59e0b; }
       [data-sfx-upload-float] .float-collapsed-text { font-size:13px; font-weight:500; color:#1e293b; white-space:nowrap; }
       [data-sfx-upload-float] .float-collapsed-pct { font-size:13px; font-weight:600; color:#2563eb; }
       [data-sfx-upload-float] .float-collapsed-actions { display:flex; gap:4px; }
@@ -4633,7 +4724,7 @@ const y = (S = class extends z {
   }
   _updateFloatingPortal() {
     const e = [...this._storeCtrl.state.files.values()];
-    this._isMinimized && e.length > 0 ? (this._injectFloatStyles(), this._portalContainer || (this._portalContainer = document.createElement("div"), this._portalContainer.setAttribute("data-sfx-upload-float", ""), document.body.appendChild(this._portalContainer)), _e(this._renderFloatingPill(e), this._portalContainer)) : this._portalContainer && (_e(f, this._portalContainer), this._portalContainer.remove(), this._portalContainer = null);
+    this._isMinimized && e.length > 0 ? (this._injectFloatStyles(), this._portalContainer || (this._portalContainer = document.createElement("div"), this._portalContainer.setAttribute("data-sfx-upload-float", ""), document.body.appendChild(this._portalContainer)), ke(this._renderFloatingPill(e), this._portalContainer)) : this._portalContainer && (ke(p, this._portalContainer), this._portalContainer.remove(), this._portalContainer = null);
   }
   connectedCallback() {
     super.connectedCallback(), document.addEventListener("keydown", this._onKeyDown), this._prevStoreState = this._store.getState(), this._unsubStoreEvents = this._store.subscribe(() => this._onStoreChange());
@@ -4642,7 +4733,7 @@ const y = (S = class extends z {
     var e, t, i, r;
     super.disconnectedCallback(), document.removeEventListener("keydown", this._onKeyDown), (e = this._unsubStoreEvents) == null || e.call(this), this._unsubStoreEvents = null, this._prevStoreState = null, (t = this._portalContainer) == null || t.remove(), this._portalContainer = null, document.querySelector("[data-sfx-upload-float]") || (i = document.querySelector("style[data-sfx-upload-float-styles]")) == null || i.remove(), this._revokeVideoBlobUrls();
     for (const o of this._rejectedTimers.values()) clearTimeout(o);
-    this._rejectedTimers.clear();
+    this._rejectedTimers.clear(), this._closeOnCompleteTimer && (clearTimeout(this._closeOnCompleteTimer), this._closeOnCompleteTimer = null);
     for (const o of this._store.getState().files.values())
       o.previewUrl && URL.revokeObjectURL(o.previewUrl);
     (r = this._engine) == null || r.destroy(), this._engine = null;
@@ -4675,7 +4766,7 @@ const y = (S = class extends z {
     }
     const i = ++this._authResolveId;
     try {
-      const s = await Ye(t);
+      const s = await qe(t);
       if (i !== this._authResolveId) return;
       this._apiBase = s.apiBase, this._authHeaders = s.headers, this._ensureEngine(), (o = this._engine) == null || o.updateConfig({
         apiBase: this._apiBase,
@@ -4687,7 +4778,7 @@ const y = (S = class extends z {
     }
   }
   _ensureEngine() {
-    !this._engine && this._apiBase && this._authHeaders && (this._engine = new Ie(this._store, {
+    !this._engine && this._apiBase && this._authHeaders && (this._engine = new He(this._store, {
       apiBase: this._apiBase,
       authHeaders: this._authHeaders
     }), this._engine.start());
@@ -4703,31 +4794,31 @@ const y = (S = class extends z {
    * for file status transitions.
    */
   _onStoreChange() {
-    var r, o, s, n, d, p, u;
+    var r, o, s, n, d, c, u, g;
     const e = this._store.getState(), t = this._prevStoreState;
     if (this._prevStoreState = e, !t) return;
     const i = (r = this.config) == null ? void 0 : r.callbacks;
-    for (const [h, c] of e.files) {
-      const x = t.files.get(h);
-      if (x) {
-        if (x.status !== c.status)
-          switch (c.status) {
+    for (const [h, f] of e.files) {
+      const m = t.files.get(h);
+      if (m) {
+        if (m.status !== f.status)
+          switch (f.status) {
             case "uploading":
               break;
             case "complete":
-              c.response && (this._dispatchPublic(v.UPLOAD_COMPLETE, { file: c, response: c.response }), (o = i == null ? void 0 : i.onUploadComplete) == null || o.call(i, c, c.response));
+              f.response && (this._dispatchPublic(v.UPLOAD_COMPLETE, { file: f, response: f.response }), (o = i == null ? void 0 : i.onUploadComplete) == null || o.call(i, f, f.response));
               break;
             case "error":
             case "failed": {
-              const w = new Error(c.error ?? "Upload failed");
-              this._dispatchPublic(v.UPLOAD_ERROR, { file: c, error: w }), (s = i == null ? void 0 : i.onUploadError) == null || s.call(i, c, w);
+              const _ = new Error(f.error ?? "Upload failed");
+              this._dispatchPublic(v.UPLOAD_ERROR, { file: f, error: _ }), (s = i == null ? void 0 : i.onUploadError) == null || s.call(i, f, _);
               break;
             }
             case "retrying":
-              this._dispatchPublic(v.UPLOAD_RETRY, { file: c, attempt: c.retryCount }), (n = i == null ? void 0 : i.onUploadRetry) == null || n.call(i, c, c.retryCount);
+              this._dispatchPublic(v.UPLOAD_RETRY, { file: f, attempt: f.retryCount }), (n = i == null ? void 0 : i.onUploadRetry) == null || n.call(i, f, f.retryCount);
               break;
           }
-        c.status === "uploading" && x.progress !== c.progress && (this._dispatchPublic(v.UPLOAD_PROGRESS, { file: c, progress: c.progress, speed: c.speed }), (d = i == null ? void 0 : i.onUploadProgress) == null || d.call(i, c, c.progress, c.speed));
+        f.status === "uploading" && m.progress !== f.progress && (this._dispatchPublic(v.UPLOAD_PROGRESS, { file: f, progress: f.progress, speed: f.speed }), (d = i == null ? void 0 : i.onUploadProgress) == null || d.call(i, f, f.progress, f.speed));
       }
     }
     if (e.totalProgress !== t.totalProgress || e.totalSpeed !== t.totalSpeed) {
@@ -4736,13 +4827,21 @@ const y = (S = class extends z {
         percentage: e.totalProgress,
         speed: e.totalSpeed,
         eta: h
-      }), (p = i == null ? void 0 : i.onTotalProgress) == null || p.call(i, e.totalProgress, e.totalSpeed, h);
+      }), (c = i == null ? void 0 : i.onTotalProgress) == null || c.call(i, e.totalProgress, e.totalSpeed, h);
     }
     if (t.isUploading && !e.isUploading) {
       const h = [...e.files.values()];
-      if (!h.some((x) => x.status === "cancelled")) {
-        const x = h.filter((m) => m.status === "complete"), w = h.filter((m) => m.status === "failed" || m.status === "error");
-        this._dispatchPublic(v.ALL_COMPLETE, { successful: x, failed: w }), (u = i == null ? void 0 : i.onAllComplete) == null || u.call(i, x, w);
+      if (!h.some((m) => m.status === "cancelled")) {
+        const m = h.filter((y) => y.status === "complete"), _ = h.filter((y) => y.status === "failed" || y.status === "error");
+        this._dispatchPublic(v.ALL_COMPLETE, { successful: m, failed: _ }), (u = i == null ? void 0 : i.onAllComplete) == null || u.call(i, m, _);
+        const w = (g = this.config) == null ? void 0 : g.closeOnComplete;
+        if (w) {
+          const y = typeof w == "number" ? w : 1500;
+          this._closeOnCompleteTimer = setTimeout(() => {
+            var k, D, _e;
+            this._closeOnCompleteTimer = null, this._phase === "complete" && (this._dispatchPublic(v.COMPLETE_ACTION, {}), (_e = (D = (k = this.config) == null ? void 0 : k.callbacks) == null ? void 0 : D.onCompleteAction) == null || _e.call(D), this.close());
+          }, y);
+        }
       }
     }
   }
@@ -4752,14 +4851,14 @@ const y = (S = class extends z {
     if (e === this._cachedSourcesConfig) return this._cachedSources;
     if (this._cachedSourcesConfig = e, !e)
       return this._cachedSources = X, this._cachedSources;
-    const t = e.providers.length > 0 ? Ze(e.providers) : [], i = e.customSources ?? [], r = X.filter((p) => p.id === "device" || p.id === "url"), o = X.filter((p) => p.id !== "device" && p.id !== "url"), s = /* @__PURE__ */ new Set(), n = [];
-    for (const p of [...r, ...t, ...o, ...i])
-      if (!s.has(p.id)) {
-        if (S._RESERVED_IDS.has(p.id) && p.onActivate) {
-          console.warn(`[sfx-uploader] Custom source id "${p.id}" conflicts with a built-in source and was skipped.`);
+    const t = e.providers.length > 0 ? Je(e.providers) : [], i = e.customSources ?? [], r = X.filter((c) => c.id === "device" || c.id === "url"), o = X.filter((c) => c.id !== "device" && c.id !== "url"), s = /* @__PURE__ */ new Set(), n = [];
+    for (const c of [...r, ...t, ...o, ...i])
+      if (!s.has(c.id)) {
+        if (E._RESERVED_IDS.has(c.id) && c.onActivate) {
+          console.warn(`[sfx-uploader] Custom source id "${c.id}" conflicts with a built-in source and was skipped.`);
           continue;
         }
-        s.add(p.id), n.push(p);
+        s.add(c.id), n.push(c);
       }
     return this._cachedSources = n, this._cachedSources;
   }
@@ -4769,29 +4868,29 @@ const y = (S = class extends z {
     if (t.length === 0) return "empty";
     if (e.isUploading) return "uploading";
     const i = /* @__PURE__ */ new Set(["complete", "rejected", "cancelled", "failed"]);
-    return t.every((r) => i.has(r.status)) && t.some((r) => r.status === "complete") ? "complete" : "ready";
+    return t.every((r) => i.has(r.status)) && t.some((r) => r.status === "complete" || r.status === "failed") ? "complete" : "ready";
   }
   // --- File handling ---
   _processIncomingFiles(e) {
     var i, r, o, s;
     const t = (i = this.config) == null ? void 0 : i.callbacks;
     for (const n of e) {
-      const d = this._store.getState(), p = Ke(n, d.restrictions, d.files);
-      if (p) {
-        const c = {
-          id: A(),
+      const d = this._store.getState(), c = Ze(n, d.restrictions, d.files);
+      if (c) {
+        const h = n.type.startsWith("image/") ? URL.createObjectURL(n) : null, f = {
+          id: H(),
           status: "rejected",
           file: n,
           remoteUrl: null,
           name: n.name,
           size: n.size,
           type: n.type,
-          previewUrl: null,
+          previewUrl: h,
           duration: null,
           progress: 0,
           speed: 0,
           bytesUploaded: 0,
-          error: p,
+          error: c,
           retryCount: 0,
           response: null,
           addedAt: Date.now(),
@@ -4799,22 +4898,22 @@ const y = (S = class extends z {
           tags: [],
           remoteInfo: null
         };
-        L(this._store, c), this._dispatchPublic(v.FILE_REJECTED, { file: c, reason: p }), (r = t == null ? void 0 : t.onFileRejected) == null || r.call(t, c, p);
-        const x = (o = this.config) == null ? void 0 : o.rejectedFileAutoRemoveDelay, w = x === !1 || x === 0 ? 0 : x ?? 4e3;
-        if (w > 0) {
-          const m = c.id, C = setTimeout(() => {
-            this._rejectedTimers.delete(m);
-            const $ = this._store.getState().files.get(m);
-            $ && $.status === "rejected" && ke(this._store, m);
-          }, w);
-          this._rejectedTimers.set(m, C);
+        I(this._store, f), this._dispatchPublic(v.FILE_REJECTED, { file: f, reason: c }), (r = t == null ? void 0 : t.onFileRejected) == null || r.call(t, f, c);
+        const m = (o = this.config) == null ? void 0 : o.rejectedFileAutoRemoveDelay, _ = m === !1 || m === 0 || m === void 0 ? 0 : m;
+        if (_ > 0) {
+          const w = f.id, y = setTimeout(() => {
+            this._rejectedTimers.delete(w);
+            const k = this._store.getState().files.get(w);
+            k && k.status === "rejected" && Ce(this._store, w);
+          }, _);
+          this._rejectedTimers.set(w, y);
         }
         continue;
       }
       let u = null;
       n.type.startsWith("image/") && (u = URL.createObjectURL(n));
-      const h = {
-        id: A(),
+      const g = {
+        id: H(),
         status: "idle",
         file: n,
         remoteUrl: null,
@@ -4834,26 +4933,26 @@ const y = (S = class extends z {
         tags: [],
         remoteInfo: null
       };
-      if (L(this._store, h), this._dispatchPublic(v.FILE_ADDED, { file: h }), (s = t == null ? void 0 : t.onFileAdded) == null || s.call(t, h), n.type.startsWith("video/")) {
-        We(n).then((x) => {
-          if (!x) return;
-          const w = this._store.getState(), m = w.files.get(h.id);
-          if (m) {
-            const C = new Map(w.files);
-            C.set(h.id, { ...m, previewUrl: x }), this._store.setState({ files: C });
+      if (I(this._store, g), this._dispatchPublic(v.FILE_ADDED, { file: g }), (s = t == null ? void 0 : t.onFileAdded) == null || s.call(t, g), n.type.startsWith("video/")) {
+        Ke(n).then((f) => {
+          if (!f) return;
+          const m = this._store.getState(), _ = m.files.get(g.id);
+          if (_) {
+            const w = new Map(m.files);
+            w.set(g.id, { ..._, previewUrl: f }), this._store.setState({ files: w });
           } else
-            URL.revokeObjectURL(x);
+            URL.revokeObjectURL(f);
         });
-        const c = document.createElement("video");
-        c.preload = "metadata", c.src = URL.createObjectURL(n), c.onerror = () => {
-          URL.revokeObjectURL(c.src);
-        }, c.onloadedmetadata = () => {
-          const x = c.duration;
-          if (URL.revokeObjectURL(c.src), !isFinite(x)) return;
-          const w = this._store.getState(), m = w.files.get(h.id);
-          if (m) {
-            const C = new Map(w.files);
-            C.set(h.id, { ...m, duration: x }), this._store.setState({ files: C });
+        const h = document.createElement("video");
+        h.preload = "metadata", h.src = URL.createObjectURL(n), h.onerror = () => {
+          URL.revokeObjectURL(h.src);
+        }, h.onloadedmetadata = () => {
+          const f = h.duration;
+          if (URL.revokeObjectURL(h.src), !isFinite(f)) return;
+          const m = this._store.getState(), _ = m.files.get(g.id);
+          if (_) {
+            const w = new Map(m.files);
+            w.set(g.id, { ..._, duration: f }), this._store.setState({ files: w });
           }
         };
       }
@@ -4866,14 +4965,14 @@ const y = (S = class extends z {
     if (!t) return;
     const i = { ...t };
     if ((this._fullscreenPreviewUrl && this._fullscreenPreviewUrl === t.previewUrl || this._fullscreenVideoFile && this._fullscreenVideoFile === t.file) && (this._fullscreenPreviewUrl = null, this._fullscreenVideoFile = null), t.previewUrl && URL.revokeObjectURL(t.previewUrl), t.file) {
-      const p = this._videoBlobUrls.get(t.file);
-      p && (URL.revokeObjectURL(p), this._videoBlobUrls.delete(t.file));
+      const c = this._videoBlobUrls.get(t.file);
+      c && (URL.revokeObjectURL(c), this._videoBlobUrls.delete(t.file));
     }
-    (t.status === "uploading" || t.status === "queued" || t.status === "retrying") && ((o = this._engine) == null || o.cancelFile(e)), ke(this._store, e), this._dimCache.delete(e);
+    (t.status === "uploading" || t.status === "queued" || t.status === "retrying") && ((o = this._engine) == null || o.cancelFile(e)), Ce(this._store, e), this._dimCache.delete(e);
     const r = this._rejectedTimers.get(e);
     if (r && (clearTimeout(r), this._rejectedTimers.delete(e)), this._previewFileId === e) {
-      const p = [...this._store.getState().files.values()];
-      this._previewFileId = p.length > 0 ? p[0].id : null;
+      const c = [...this._store.getState().files.values()];
+      this._previewFileId = c.length > 0 ? c[0].id : null;
     }
     this._dispatchPublic(v.FILE_REMOVED, { file: i }), (d = (n = (s = this.config) == null ? void 0 : s.callbacks) == null ? void 0 : n.onFileRemoved) == null || d.call(n, i);
   }
@@ -4889,7 +4988,7 @@ const y = (S = class extends z {
               ${this._renderBody()}
             </div>
           </div>
-        ` : f}
+        ` : p}
       ` : l`
       <div class="inline">
         ${this._renderHeader()}
@@ -4899,9 +4998,9 @@ const y = (S = class extends z {
   }
   _renderHeader() {
     var s, n;
-    if (this._phase === "complete") return f;
+    if (this._phase === "complete") return p;
     if (this._phase === "uploading") {
-      const d = this._storeCtrl.state, p = [...d.files.values()], u = p.filter((c) => c.status === "complete").length, h = d.totalSpeed > 0 ? (d.totalBytes - d.totalBytesUploaded) / d.totalSpeed : 0;
+      const d = this._storeCtrl.state, c = [...d.files.values()], u = c.filter((h) => h.status === "complete").length, g = d.totalSpeed > 0 ? (d.totalBytes - d.totalBytesUploaded) / d.totalSpeed : 0;
       return l`
         <div class="header upload-header">
           <div class="float-header-left">
@@ -4909,8 +5008,8 @@ const y = (S = class extends z {
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0018 9h-1.26A8 8 0 103 16.3"/></svg>
             </div>
             <div>
-              <div class="float-title">Uploading ${p.length} ${p.length === 1 ? "file" : "files"}</div>
-              <div class="float-subtitle">${u} of ${p.length}${h > 0 ? ` · ~${ie(h)} left` : ""}</div>
+              <div class="float-title">Uploading ${c.length} ${c.length === 1 ? "file" : "files"}</div>
+              <div class="float-subtitle">${u} of ${c.length}${g > 0 ? ` · ~${ie(g)} left` : ""}</div>
             </div>
           </div>
         </div>
@@ -4920,12 +5019,12 @@ const y = (S = class extends z {
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
             <polyline points="15 18 9 12 15 6"/>
           </svg>
-        </button>` : f, o = t === "close" ? l`<button class="header-btn header-btn-close" aria-label="Close" @click=${i}>
+        </button>` : p, o = t === "close" ? l`<button class="header-btn header-btn-close" aria-label="Close" @click=${i}>
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
             <line x1="18" y1="6" x2="6" y2="18" />
             <line x1="6" y1="6" x2="18" y2="18" />
           </svg>
-        </button>` : f;
+        </button>` : p;
     return l`
       <div class="header">
         ${r}
@@ -4936,7 +5035,7 @@ const y = (S = class extends z {
             <line x1="12" y1="12" x2="12" y2="21" />
             <path d="M20.39 18.39A5 5 0 0018 9h-1.26A8 8 0 103 16.3" />
           </svg>
-        </div>` : f}
+        </div>` : p}
         <div class="header-title">Upload Files</div>
         ${o}
       </div>
@@ -4954,28 +5053,29 @@ const y = (S = class extends z {
     }) : Promise.resolve(null);
   }
   _renderUploadOverlay(e) {
-    const t = this._storeCtrl.state, i = Math.round(t.totalProgress ?? 0), r = e.filter((s) => s.status === "complete").length, o = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
+    var s;
+    const t = this._storeCtrl.state, i = Math.round(t.totalProgress ?? 0), r = e.filter((n) => n.status === "complete").length, o = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
     return l`
       <div class="upload-overlay">
         <div class="upload-overlay-spinner"></div>
         <div class="upload-overlay-percent">${i}%</div>
         <div class="upload-overlay-title">Uploading ${e.length} ${e.length === 1 ? "file" : "files"}</div>
-        <div class="upload-overlay-subtitle">${r} of ${e.length} complete${o > 0 ? l` · ~${ie(o)} left` : f}</div>
+        <div class="upload-overlay-subtitle">${r} of ${e.length} complete${o > 0 ? l` · ~${ie(o)} left` : p}</div>
         <div class="upload-overlay-bar">
           <div class="upload-overlay-bar-fill" style="width:${i}%"></div>
         </div>
-        <button class="upload-overlay-minimize" @click=${this._onMinimize}>Minimize & continue in background</button>
+        ${(s = this.config) != null && s.minimizeOnUpload ? l`<button class="upload-overlay-minimize" @click=${this._onMinimize}>Minimize & continue in background</button>` : p}
       </div>
     `;
   }
   _renderFloatingPill(e) {
-    const t = this._storeCtrl.state, i = Math.round(t.totalProgress ?? 0), r = this._phase === "complete", o = e.filter((n) => n.status === "complete").length, s = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
+    const t = this._storeCtrl.state, i = Math.round(t.totalProgress ?? 0), r = this._phase === "complete", o = e.filter((d) => d.status === "complete").length, s = e.filter((d) => d.status === "failed").length, n = t.totalSpeed > 0 ? (t.totalBytes - t.totalBytesUploaded) / t.totalSpeed : 0;
     return this._isPillExpanded === !1 ? l`
         <div class="upload-float float-collapsed">
           <div class="float-collapsed-left">
-            ${r ? l`<div class="float-collapsed-icon done"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg></div>` : l`<div class="float-collapsed-spinner"></div>`}
-            <span class="float-collapsed-text">${r ? "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</span>
-            ${r ? f : l`<span class="float-collapsed-pct">${i}%</span>`}
+            ${r ? s > 0 ? l`<div class="float-collapsed-icon warn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></div>` : l`<div class="float-collapsed-icon done"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg></div>` : l`<div class="float-collapsed-spinner"></div>`}
+            <span class="float-collapsed-text">${r ? s > 0 ? `${s} ${s === 1 ? "file" : "files"} not uploaded` : "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</span>
+            ${r ? p : l`<span class="float-collapsed-pct">${i}%</span>`}
           </div>
           <div class="float-collapsed-actions">
             <button title="Expand" @click=${this._onPillClick}>
@@ -4990,12 +5090,12 @@ const y = (S = class extends z {
       <div class="upload-float">
         <div class="float-header">
           <div class="float-header-left">
-            <div class="float-icon ${r ? "done" : ""}">
-              ${r ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0018 9h-1.26A8 8 0 103 16.3"/></svg>`}
+            <div class="float-icon ${r ? s > 0 ? "warn" : "done" : ""}">
+              ${r ? s > 0 ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><polyline points="16 16 12 12 8 16"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.39 18.39A5 5 0 0018 9h-1.26A8 8 0 103 16.3"/></svg>`}
             </div>
             <div>
-              <div class="float-title">${r ? "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</div>
-              <div class="float-subtitle">${r ? `${o} ${o === 1 ? "file" : "files"} uploaded` : `${o} of ${e.length}${s > 0 ? ` · ~${ie(s)} left` : ""}`}</div>
+              <div class="float-title">${r ? s > 0 ? `${s} ${s === 1 ? "file" : "files"} not uploaded` : "Upload complete" : `Uploading ${e.length} ${e.length === 1 ? "file" : "files"}`}</div>
+              <div class="float-subtitle">${r ? `${o} ${o === 1 ? "file" : "files"} uploaded${s > 0 ? `, ${s} failed` : ""}` : `${o} of ${e.length}${n > 0 ? ` · ~${ie(n)} left` : ""}`}</div>
             </div>
           </div>
           <div class="float-actions">
@@ -5010,22 +5110,22 @@ const y = (S = class extends z {
         <div class="float-progress">
           <div class="float-progress-top">
             <span class="float-progress-label">Overall progress</span>
-            <span class="float-progress-pct ${r ? "done" : ""}">${r ? "Done" : `${i}%`}</span>
+            <span class="float-progress-pct ${r ? s > 0 ? "warn" : "done" : ""}">${r ? "Done" : `${i}%`}</span>
           </div>
-          <div class="float-bar"><div class="float-bar-fill ${r ? "done" : ""}" style="width:${r ? 100 : i}%"></div></div>
+          <div class="float-bar"><div class="float-bar-fill ${r ? s > 0 ? "warn" : "done" : ""}" style="width:${r ? 100 : i}%"></div></div>
         </div>
         <div class="float-items">
-          ${e.map((n) => l`
+          ${e.map((d) => l`
             <div class="float-item">
               <div class="float-item-thumb">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>
               </div>
               <div class="float-item-info">
-                <div class="float-item-name">${n.name}</div>
-                <div class="float-item-size">${I(n.size)}</div>
+                <div class="float-item-name">${d.name}</div>
+                <div class="float-item-size">${Y(d.size)}</div>
               </div>
               <div class="float-item-status">
-                ${n.status === "complete" ? l`<div class="float-item-done"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg></div>` : n.status === "failed" || n.status === "error" ? l`<svg class="float-item-error" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>` : l`<div class="float-item-spinner"></div>`}
+                ${d.status === "complete" ? l`<div class="float-item-done"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="20 6 9 17 4 12"/></svg></div>` : d.status === "failed" || d.status === "error" ? l`<svg class="float-item-error" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title>${d.error || "Upload failed"}</title><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>` : l`<div class="float-item-spinner"></div>`}
               </div>
             </div>
           `)}
@@ -5035,21 +5135,20 @@ const y = (S = class extends z {
   }
   _renderPreviewLayout(e) {
     var n;
-    if (e.length === 0) return f;
-    const t = e.find((d) => d.id === this._previewFileId) ?? e[0], i = ((n = t.name.split(".").pop()) == null ? void 0 : n.toUpperCase()) || "", r = new Date(t.addedAt).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), o = this._store.getState().targetFolder, s = e.reduce((d, p) => d + (p.size || 0), 0);
+    if (e.length === 0) return p;
+    const t = e.find((d) => d.id === this._previewFileId) ?? e[0], i = ((n = t.name.split(".").pop()) == null ? void 0 : n.toUpperCase()) || "", r = new Date(t.addedAt).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), o = this._store.getState().targetFolder, s = e.reduce((d, c) => d + (c.size || 0), 0);
     return l`
       <div class="preview-topbar"></div>
       <div class="preview-layout">
         <div class="file-grid-side">
           <div class="file-grid-header">
-            <span class="file-grid-header-text">${e.length} ${e.length === 1 ? "asset" : "assets"} · ${I(s)}</span>
+            <span class="file-grid-header-text">${e.length} ${e.length === 1 ? "asset" : "assets"} · ${Y(s)}</span>
           </div>
           <sfx-file-list
             .files=${e}
             .showDropTile=${!0}
             .sources=${this._mergedSources}
-            .accept=${$e(this._storeCtrl.state.restrictions)}
-            @files-selected=${this._onFilesSelected}
+            .accept=${Se(this._storeCtrl.state.restrictions)}
             @source-click=${this._onDropTileSourceClick}
           ></sfx-file-list>
         </div>
@@ -5069,7 +5168,7 @@ const y = (S = class extends z {
                     <line x1="3" y1="21" x2="10" y2="14" />
                   </svg>
                 </button>
-              ` : f}
+              ` : p}
               <button @click=${() => {
       this._previewFileId = null;
     }} title="Close">
@@ -5121,7 +5220,7 @@ const y = (S = class extends z {
             </div>
             <div class="preview-meta-row">
               <span class="preview-meta-label">Size</span>
-              <span class="preview-meta-value">${I(t.size)}</span>
+              <span class="preview-meta-value">${Y(t.size)}</span>
             </div>
             <div class="preview-meta-row">
               <span class="preview-meta-label">Dimensions</span>
@@ -5169,7 +5268,7 @@ const y = (S = class extends z {
   }
   _renderBody() {
     var s, n, d;
-    const e = this._storeCtrl.state, t = [...e.files.values()], i = this._phase, r = $e(e.restrictions), o = t.length > 0;
+    const e = this._storeCtrl.state, t = [...e.files.values()], i = this._phase, r = Se(e.restrictions), o = t.length > 0;
     return l`
       <div class="content"
         @files-selected=${this._onFilesSelected}
@@ -5195,19 +5294,20 @@ const y = (S = class extends z {
       >
         <div
           class="body ${o ? "has-files" : ""} ${this._bodyDragOver ? "body-drag-over" : ""}"
-          @dragenter=${o ? this._onBodyDragEnter : f}
-          @dragover=${o ? this._onBodyDragOver : f}
-          @dragleave=${o ? this._onBodyDragLeave : f}
-          @drop=${o ? this._onBodyDrop : f}
+          @dragenter=${o ? this._onBodyDragEnter : p}
+          @dragover=${o ? this._onBodyDragOver : p}
+          @dragleave=${o ? this._onBodyDragLeave : p}
+          @drop=${o ? this._onBodyDrop : p}
         >
           ${i === "complete" ? l`
                   <sfx-success-card
-                    .fileCount=${t.filter((p) => p.status === "complete").length}
-                    .totalSize=${t.filter((p) => p.status === "complete").reduce((p, u) => p + (u.size || 0), 0)}
-                    .thumbnails=${t.filter((p) => p.status === "complete" && p.previewUrl).map((p) => p.previewUrl)}
+                    .fileCount=${t.filter((c) => c.status === "complete").length}
+                    .totalSize=${t.filter((c) => c.status === "complete").reduce((c, u) => c + (u.size || 0), 0)}
+                    .thumbnails=${t.filter((c) => c.status === "complete" && c.previewUrl).map((c) => c.previewUrl)}
+                    .failedFiles=${t.filter((c) => c.status === "failed").map((c) => ({ name: c.name, error: c.error || "Upload failed" }))}
                   ></sfx-success-card>
                 ` : i === "uploading" ? this._renderUploadOverlay(t) : l`
-                  ${o ? f : l`<sfx-drop-zone
+                  ${o ? p : l`<sfx-drop-zone
                         .compact=${o}
                         .externalDragOver=${this._bodyDragOver}
                         .accept=${r}
@@ -5216,16 +5316,15 @@ const y = (S = class extends z {
                       ></sfx-drop-zone>`}
 
                   ${o ? this._previewFileId ? this._renderPreviewLayout(t) : l`
-                          <div class="asset-count">${t.length} ${t.length === 1 ? "file" : "files"} · ${I(t.reduce((p, u) => p + (u.size || 0), 0))}</div>
+                          <div class="asset-count">${t.length} ${t.length === 1 ? "file" : "files"} · ${Y(t.reduce((c, u) => c + (u.size || 0), 0))}</div>
                           <sfx-file-list
                             .files=${t}
                             .showDropTile=${!0}
                             .sources=${this._mergedSources}
                             .accept=${r}
-                            @files-selected=${this._onFilesSelected}
                             @source-click=${this._onDropTileSourceClick}
                           ></sfx-file-list>
-                        ` : f}
+                        ` : p}
                 `}
         </div>
 
@@ -5233,21 +5332,21 @@ const y = (S = class extends z {
               <sfx-actions-bar
                 .uploadState=${"idle"}
                 .fileCount=${t.length}
-                .totalSize=${t.reduce((p, u) => p + (u.size || 0), 0)}
-                .failedCount=${t.filter((p) => p.status === "failed" || p.status === "error").length}
-                .completedCount=${t.filter((p) => p.status === "complete").length}
+                .totalSize=${t.reduce((c, u) => c + (u.size || 0), 0)}
+                .failedCount=${t.filter((c) => c.status === "failed" || c.status === "error").length}
+                .completedCount=${t.filter((c) => c.status === "complete").length}
                 .uploadProgress=${e.totalProgress ?? 0}
                 .showFillMetadata=${!!((n = this.config) != null && n.showFillMetadata)}
               ></sfx-actions-bar>
-            ` : f}
+            ` : p}
 
-        ${this._showUrlDialog ? l`<sfx-url-dialog></sfx-url-dialog>` : f}
-        ${this._showCameraDialog ? l`<sfx-camera-dialog></sfx-camera-dialog>` : f}
-        ${this._showScreenCastDialog ? l`<sfx-screen-cast-dialog></sfx-screen-cast-dialog>` : f}
+        ${this._showUrlDialog ? l`<sfx-url-dialog></sfx-url-dialog>` : p}
+        ${this._showCameraDialog ? l`<sfx-camera-dialog></sfx-camera-dialog>` : p}
+        ${this._showScreenCastDialog ? l`<sfx-screen-cast-dialog></sfx-screen-cast-dialog>` : p}
         ${this._activeConnector && ((d = this.config) != null && d.connectors) ? l`
               <div class="connector-modal-backdrop" @click=${this._onConnectorBackdropClick}>
                 <div class="connector-modal">
-                  ${Pe.has(this._activeConnector) ? l`
+                  ${De.has(this._activeConnector) ? l`
                         <sfx-search-provider-browser
                           .provider=${this._activeConnector}
                           .companionUrl=${this.config.connectors.companionUrl}
@@ -5260,7 +5359,7 @@ const y = (S = class extends z {
                       `}
                 </div>
               </div>
-            ` : f}
+            ` : p}
 
         ${this._fullscreenPreviewUrl || this._fullscreenVideoFile ? l`
               <div
@@ -5274,7 +5373,7 @@ const y = (S = class extends z {
                 @touchmove=${this._onFsTouchMove}
                 @touchend=${this._onFsPanEnd}
               >
-                <div class="fs-toolbar" @click=${(p) => p.stopPropagation()}>
+                <div class="fs-toolbar" @click=${(c) => c.stopPropagation()}>
                   <button class="fs-btn" @click=${this._onFsToggleZoom} title="${this._fullscreenZoomed ? "Zoom out" : "Zoom in"}">
                     ${this._fullscreenZoomed ? l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>` : l`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></svg>`}
                   </button>
@@ -5289,7 +5388,7 @@ const y = (S = class extends z {
                       src=${this._getVideoBlobUrl(this._fullscreenVideoFile)}
                       controls playsinline
                       draggable="false"
-                      @click=${(p) => p.stopPropagation()}
+                      @click=${(c) => c.stopPropagation()}
                     ></video>` : l`<img
                       class="fs-img"
                       src=${this._fullscreenPreviewUrl}
@@ -5297,18 +5396,18 @@ const y = (S = class extends z {
                       style=${this._fullscreenZoomed ? `transform: scale(2) translate(${this._fsPanX}px, ${this._fsPanY}px)` : ""}
                       draggable="false"
                     />`}
-                <button class="fs-nav prev" @click=${(p) => {
-      p.stopPropagation(), this._navigateFs(-1);
+                <button class="fs-nav prev" @click=${(c) => {
+      c.stopPropagation(), this._navigateFs(-1);
     }}>
                   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="15 18 9 12 15 6"/></svg>
                 </button>
-                <button class="fs-nav next" @click=${(p) => {
-      p.stopPropagation(), this._navigateFs(1);
+                <button class="fs-nav next" @click=${(c) => {
+      c.stopPropagation(), this._navigateFs(1);
     }}>
                   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><polyline points="9 6 15 12 9 18"/></svg>
                 </button>
               </div>
-            ` : f}
+            ` : p}
       </div>
     `;
   }
@@ -5331,7 +5430,7 @@ const y = (S = class extends z {
     for (const e of this._videoBlobUrls.values()) URL.revokeObjectURL(e);
     this._videoBlobUrls.clear();
   }
-}, S.styles = k`
+}, E.styles = S`
     :host {
       display: block;
       font-family: var(--sfx-up-font, 'Inter', system-ui, -apple-system, sans-serif);
@@ -5355,9 +5454,6 @@ const y = (S = class extends z {
       --sfx-up-shadow: var(--shadow, rgba(0, 0, 0, 0.1));
       --sfx-up-surface: var(--card, #f8fafc);
       --sfx-up-backdrop: rgba(0, 0, 0, 0.45);
-      --sfx-up-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
-      --sfx-up-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
-      --sfx-up-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.06);
       --sfx-up-ring: var(--ring, oklch(0.578 0.198 268.129 / 0.7));
       --sfx-up-max-height: 88vh;
     }
@@ -5556,7 +5652,7 @@ const y = (S = class extends z {
       align-items: stretch;
       overflow: hidden;
       gap: 0;
-      padding: 0 8px 0 8px;
+      padding: 0 0 0 8px;
       animation: bodyReveal 0.35s ease both;
     }
 
@@ -5600,6 +5696,7 @@ const y = (S = class extends z {
       flex-direction: column;
       overflow: hidden;
       height: 100%;
+      min-height: var(--sfx-up-min-height, 660px);
       max-height: var(--sfx-up-max-height, 88vh);
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
       transition: box-shadow 0.25s ease;
@@ -5644,10 +5741,12 @@ const y = (S = class extends z {
     .preview-layout sfx-file-list {
       padding-right: 16px;
       --sfx-scrollbar-w: 14px;
-      --sfx-scrollbar-inset: 4px;
-      --sfx-scrollbar-radius: 7px;
+      --sfx-scrollbar-inset-left: 2px;
+      --sfx-scrollbar-inset-right: 6px;
     }
 
+    /* NOTE: scrollbar border-radius is hardcoded to 6px in sfx-file-list */
+
     .file-grid-header {
       display: flex;
       align-items: center;
@@ -6429,14 +6528,13 @@ const y = (S = class extends z {
     /* --- Responsive: Tablet (≤ 768px) --- */
     @media (max-width: 768px) {
       .modal-backdrop { padding: 12px; }
-      .modal-card { border-radius: 12px; max-height: 92vh; }
+      .modal-card { border-radius: 12px; max-height: 92vh; min-height: auto; }
       .header { padding: 12px 16px; }
       .header-icon { width: 28px; height: 28px; margin-right: 10px; }
       .header-icon svg { width: 14px; height: 14px; }
       .header-title { font-size: 14px; }
       .body { padding: 16px; }
-      .body.has-files { padding: 0 8px; padding-bottom: 12px; }
-      .asset-count { padding: 16px; }
+      .body.has-files { padding: 0 0 12px 8px; }
 
       .preview-layout { flex-direction: column; }
       .preview-layout .file-grid-side {
@@ -6450,7 +6548,7 @@ const y = (S = class extends z {
 
       .preview-topbar { padding: 8px 0; }
 
-      .inline { border-radius: 12px; }
+      .inline { border-radius: 12px; min-height: auto; }
 
       .connector-modal-backdrop { padding: 8px; }
       .connector-modal {
@@ -6474,8 +6572,7 @@ const y = (S = class extends z {
       .header-icon { width: 26px; height: 26px; margin-right: 8px; }
       .header-title { font-size: 14px; }
       .body { padding: 12px; }
-      .body.has-files { padding: 0 8px; padding-bottom: 8px; }
-      .asset-count { padding: 16px; }
+      .body.has-files { padding: 0 0 8px 8px; }
 
       .preview-layout .file-grid-side { max-height: 100px; }
       .preview-panel { padding: 0 0 12px; }
@@ -6489,84 +6586,89 @@ const y = (S = class extends z {
       .connector-modal {
         border-radius: 0;
         height: 100vh;
-        max-height: none;
         min-height: auto;
       }
     }
-  `, S._MODIFIABLE_STATUSES = /* @__PURE__ */ new Set([
+
+    /* --- Responsive: Landscape / short viewports --- */
+    @media (max-height: 700px) {
+      .modal-card { min-height: auto; }
+      .inline { min-height: auto; }
+    }
+  `, E._MODIFIABLE_STATUSES = /* @__PURE__ */ new Set([
   "idle",
   "queued",
   "rejected"
-]), S._RESERVED_IDS = /* @__PURE__ */ new Set(["device", "camera", "url", "screen-cast"]), S);
-_([
+]), E._RESERVED_IDS = /* @__PURE__ */ new Set(["device", "camera", "url", "screen-cast"]), E);
+$([
   b({ attribute: !1 })
-], y.prototype, "config");
-_([
-  g()
-], y.prototype, "_isOpen");
-_([
-  g()
-], y.prototype, "_activeConnector");
-_([
-  g()
-], y.prototype, "_showUrlDialog");
-_([
-  g()
-], y.prototype, "_showCameraDialog");
-_([
-  g()
-], y.prototype, "_showScreenCastDialog");
-_([
-  g()
-], y.prototype, "_previewFileId");
-_([
-  g()
-], y.prototype, "_previewDims");
-_([
-  g()
-], y.prototype, "_fullscreenPreviewUrl");
-_([
-  g()
-], y.prototype, "_fullscreenVideoFile");
-_([
-  g()
-], y.prototype, "_fullscreenZoomed");
-_([
-  g()
-], y.prototype, "_bodyDragOver");
-_([
-  g()
-], y.prototype, "_isMinimized");
-_([
-  g()
-], y.prototype, "_isPillExpanded");
-let kt = y;
+], C.prototype, "config");
+$([
+  x()
+], C.prototype, "_isOpen");
+$([
+  x()
+], C.prototype, "_activeConnector");
+$([
+  x()
+], C.prototype, "_showUrlDialog");
+$([
+  x()
+], C.prototype, "_showCameraDialog");
+$([
+  x()
+], C.prototype, "_showScreenCastDialog");
+$([
+  x()
+], C.prototype, "_previewFileId");
+$([
+  x()
+], C.prototype, "_previewDims");
+$([
+  x()
+], C.prototype, "_fullscreenPreviewUrl");
+$([
+  x()
+], C.prototype, "_fullscreenVideoFile");
+$([
+  x()
+], C.prototype, "_fullscreenZoomed");
+$([
+  x()
+], C.prototype, "_bodyDragOver");
+$([
+  x()
+], C.prototype, "_isMinimized");
+$([
+  x()
+], C.prototype, "_isPillExpanded");
+let Ct = C;
 export {
   le as A,
   X as C,
   v as P,
   j as S,
-  Ie as U,
-  E as a,
+  He as U,
+  U as a,
   ne as b,
   B as c,
-  Ue as d,
+  ze as d,
   ae as e,
-  H as f,
-  kt as g,
-  Fe as h,
+  R as f,
+  Ct as g,
+  Oe as h,
   oe as i,
   je as j,
-  He as k,
+  Ye as k,
   de as l,
-  Ze as m,
+  Je as m,
   W as n,
-  Y as o,
-  R as p,
-  bt as q,
-  Ye as r,
-  yt as s,
-  _t as t,
-  mt as u,
-  wt as v
+  q as o,
+  L as p,
+  mt as q,
+  qe as r,
+  _t as s,
+  kt as t,
+  wt as u,
+  yt as v
 };