npm - @uploadcare/ai-enhancer - Versions diffs - 0.1.3 → 0.1.4 - Mend

@uploadcare/ai-enhancer 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/{UcAiEnhancer-DK6rhHp7.js → UcAiEnhancer-BZeCfJ6W.js} +386 -370
package/dist/{UcAiEnhancer-Co-HZ72E.cjs → UcAiEnhancer-h1VGkbGn.cjs} +32 -32
package/dist/ai-enhancer.cjs +1 -1
package/dist/ai-enhancer.d.ts +30 -3
package/dist/ai-enhancer.js +1 -1
package/dist/plugin.cjs +1 -1
package/dist/plugin.js +1 -1
package/package.json +1 -1

package/dist/{UcAiEnhancer-DK6rhHp7.js → UcAiEnhancer-BZeCfJ6W.js} RENAMED Viewed

@@ -1,26 +1,26 @@
-var bt = Object.defineProperty;
+var yt = Object.defineProperty;
 var Ie = (t) => {
   throw TypeError(t);
 };
-var yt = (t, e, i) => e in t ? bt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var b = (t, e, i) => yt(t, typeof e != "symbol" ? e + "" : e, i), ce = (t, e, i) => e.has(t) || Ie("Cannot " + i);
-var E = (t, e, i) => (ce(t, e, "read from private field"), i ? i.call(t) : e.get(t)), he = (t, e, i) => e.has(t) ? Ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), Oe = (t, e, i, r) => (ce(t, e, "write to private field"), r ? r.call(t, i) : e.set(t, i), i), J = (t, e, i) => (ce(t, e, "access private method"), i);
-import { unsafeCSS as j, LitElement as G, html as f, nothing as v } from "lit";
+var wt = (t, e, i) => e in t ? yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var b = (t, e, i) => wt(t, typeof e != "symbol" ? e + "" : e, i), ce = (t, e, i) => e.has(t) || Ie("Cannot " + i);
+var k = (t, e, i) => (ce(t, e, "read from private field"), i ? i.call(t) : e.get(t)), he = (t, e, i) => e.has(t) ? Ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), Pe = (t, e, i, r) => (ce(t, e, "write to private field"), r ? r.call(t, i) : e.set(t, i), i), J = (t, e, i) => (ce(t, e, "access private method"), i);
+import { unsafeCSS as j, LitElement as G, html as f, nothing as g } from "lit";
 import { property as c, state as C, query as F, customElement as H } from "lit/decorators.js";
 import { classMap as S } from "lit/directives/class-map.js";
 import { AiEnhancerError as Z } from "./errors.js";
 import { unsafeSVG as re } from "lit/directives/unsafe-svg.js";
-import { nothing as rt } from "lit/html.js";
-import { directive as st, PartType as ot } from "lit/directive.js";
-import { AsyncDirective as at } from "lit/async-directive.js";
-import { repeat as wt } from "lit/directives/repeat.js";
-import { ifDefined as xt } from "lit/directives/if-defined.js";
+import { nothing as st } from "lit/html.js";
+import { directive as ot, PartType as at } from "lit/directive.js";
+import { AsyncDirective as nt } from "lit/async-directive.js";
+import { repeat as xt } from "lit/directives/repeat.js";
+import { ifDefined as Et } from "lit/directives/if-defined.js";
 const V = "original";
-function O(t) {
+function I(t) {
   return t != null && t !== V;
 }
 function _e(t, e) {
-  return t === V || e === V ? t === e : Tt(t, e);
+  return t === V || e === V ? t === e : Ft(t, e);
 }
 const kt = [
   [2, 3],
@@ -28,7 +28,7 @@ const kt = [
   [1, 1],
   [9, 16],
   [16, 9]
-], Et = [3, 2], Rt = {
+], Rt = [3, 2], St = {
   "1:1": "ai-enhancer-aspect-square",
   "2:3": "ai-enhancer-aspect-tall",
   "3:2": "ai-enhancer-aspect-wide",
@@ -36,23 +36,23 @@ const kt = [
   "5:4": "ai-enhancer-aspect-landscape",
   "9:16": "ai-enhancer-aspect-vertical",
   "16:9": "ai-enhancer-aspect-widescreen"
-}, St = 0.1, Ct = 10;
-function ke(t) {
+}, Ct = 0.1, $t = 10;
+function Ee(t) {
   const [e, i] = t;
   if (!Number.isFinite(e) || !Number.isFinite(i) || e <= 0 || i <= 0) return !1;
   const r = e / i;
-  return r >= St && r <= Ct;
+  return r >= Ct && r <= $t;
 }
 function ee(t) {
   return `${t[0]}:${t[1]}`;
 }
-function $t(t) {
-  return Rt[ee(t)] ?? null;
-}
 function At(t) {
-  return { value: t, labelKey: $t(t) };
+  return St[ee(t)] ?? null;
 }
 function Ut(t) {
+  return { value: t, labelKey: At(t) };
+}
+function Tt(t) {
   const e = [];
   for (const i of t.split(/[\s,]+/)) {
     const r = i.trim();
@@ -60,14 +60,14 @@ function Ut(t) {
     const s = r.indexOf(":");
     if (s === -1) continue;
     const o = Number(r.slice(0, s)), a = Number(r.slice(s + 1)), n = [o, a];
-    ke(n) && e.push(n);
+    Ee(n) && e.push(n);
   }
   return e;
 }
-function Tt(t, e) {
+function Ft(t, e) {
   return t[0] === e[0] && t[1] === e[1];
 }
-function Ft(t) {
+function Mt(t) {
   const [e, i] = t, r = 12, s = e >= i ? r : r * (e / i), o = i >= e ? r : r * (i / e), a = (16 - s) / 2, n = (16 - o) / 2;
   return `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect x="${a.toFixed(2)}" y="${n.toFixed(2)}" width="${s.toFixed(2)}" height="${o.toFixed(2)}" rx="1.5" stroke="currentColor" stroke-width="1.4"/></svg>`;
 }
@@ -76,13 +76,13 @@ class se extends Error {
     super(i), this.name = "AiProviderError", this.errorCode = e, this.errorSource = r;
   }
 }
-function Mt(t) {
+function Ot(t) {
   const e = t == null ? void 0 : t.error;
   return !!e && typeof e == "object" && typeof e.error_code == "string";
 }
 async function Q(t, e) {
 }
-async function Pe(t, e) {
+async function Le(t, e) {
   const i = await t.text().catch(() => "");
   let r = null;
   if (i)
@@ -90,7 +90,7 @@ async function Pe(t, e) {
       r = JSON.parse(i);
     } catch {
     }
-  if (Mt(r)) {
+  if (Ot(r)) {
     const { error_code: s, content: o } = r.error;
     throw new se(s, o ?? s);
   }
@@ -130,7 +130,7 @@ class It {
   async getJobStatus(e, i) {
     const r = new URL("/derivative/status/", this.baseUrl);
     r.searchParams.set("pub_key", this.publicKey), r.searchParams.set("job_id", e);
-    const s = await this.doFetch(r.href, { method: "GET", headers: { Accept: "application/json" }, signal: i }), o = await Pe(s, "generate status");
+    const s = await this.doFetch(r.href, { method: "GET", headers: { Accept: "application/json" }, signal: i }), o = await Le(s, "generate status");
     return await Q(), o;
   }
   async startJob(e, i, r, s) {
@@ -139,18 +139,18 @@ class It {
       headers: { "Content-Type": "application/json", Accept: "application/json" },
       body: JSON.stringify(i),
       signal: s
-    }), a = await Pe(o, r);
+    }), a = await Le(o, r);
     return await Q(), a;
   }
 }
-const nt = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", Ot = new RegExp(`^${nt}$`, "i"), Pt = new RegExp(`^(${nt})~([0-9]+)$`, "i");
-function Ee(t) {
+const lt = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", Pt = new RegExp(`^${lt}$`, "i"), Lt = new RegExp(`^(${lt})~([0-9]+)$`, "i");
+function ke(t) {
   return t.replace(/\/+$/, "");
 }
 function ge(t, e = "size") {
   return typeof t == "number" ? String(t) : t.replace("%", "p");
 }
-function lt(t, e, i = "dimensions") {
+function ct(t, e, i = "dimensions") {
   const r = t == null ? "" : ge(t, `${i} width`), s = e == null ? "" : ge(e, `${i} height`);
   return `${r}x${s}`;
 }
@@ -160,15 +160,15 @@ function ze(t, e) {
 function zt(t, e = "alignment") {
   return typeof t == "string" ? t : `${ze(t.x, `${e} x`)},${ze(t.y, `${e} y`)}`;
 }
-const Lt = [
+const Dt = [
   "video",
   "document",
   "gif2video"
-], Dt = /\/(https?:\/\/.+)$/i;
-function Nt(t) {
-  return t != null && Lt.includes(t);
+], Nt = /\/(https?:\/\/.+)$/i;
+function Bt(t) {
+  return t != null && Dt.includes(t);
 }
-function ct(t) {
+function ht(t) {
   var _;
   let e;
   try {
@@ -176,20 +176,20 @@ function ct(t) {
   } catch {
     throw new TypeError(`Invalid URL: "${t}"`);
   }
-  const i = `${e.protocol}//${e.host}`, r = e.pathname, s = (_ = r.match(Dt)) == null ? void 0 : _[1];
+  const i = `${e.protocol}//${e.host}`, r = e.pathname, s = (_ = r.match(Nt)) == null ? void 0 : _[1];
   if (s !== void 0) {
     const x = r.slice(0, r.length - s.length);
     return {
       kind: "proxy",
       origin: i,
-      operations: ue(Le(x), "proxy prefix"),
+      operations: ue(De(x), "proxy prefix"),
       sourceUrl: s + e.search + e.hash
     };
   }
-  const o = r.endsWith("/"), a = Le(r), n = a.shift();
+  const o = r.endsWith("/"), a = De(r), n = a.shift();
   if (n === void 0)
     throw new TypeError(`Not a CDN URL (empty path): "${t}"`);
-  const l = { origin: i, search: e.search, hash: e.hash }, h = n.match(Pt);
+  const l = { origin: i, search: e.search, hash: e.hash }, h = n.match(Lt);
   if ((h == null ? void 0 : h[1]) !== void 0) {
     const x = {
       uuid: h[1],
@@ -200,7 +200,7 @@ function ct(t) {
       if (!Number.isInteger(w))
         throw new TypeError(`Invalid group element index in "${t}"`);
       a.splice(0, 2);
-      const $ = De(a, o);
+      const $ = Ne(a, o);
       return {
         kind: "group-element",
         ...l,
@@ -214,13 +214,13 @@ function ct(t) {
       throw new TypeError(`Unexpected path after group id in "${t}"`);
     return { kind: "group", ...l, group: x };
   }
-  if (!Ot.test(n))
+  if (!Pt.test(n))
     throw new TypeError(
       `Not a CDN URL (no uuid, group or proxy source): "${t}"`
     );
   let p = null;
-  Nt(a[0]) && (p = a[0], a.shift());
-  const u = De(a, o);
+  Bt(a[0]) && (p = a[0], a.shift());
+  const u = Ne(a, o);
   return {
     kind: "file",
     ...l,
@@ -230,10 +230,10 @@ function ct(t) {
     filename: u
   };
 }
-function Le(t) {
+function De(t) {
   return t.split("/").filter((e) => e !== "");
 }
-function De(t, e) {
+function Ne(t, e) {
   return e || t.length === 0 ? null : t.pop() ?? null;
 }
 function ue(t, e) {
@@ -259,11 +259,11 @@ function ue(t, e) {
   }
   return i;
 }
-function ht(t) {
+function ut(t) {
   return t.map((e) => `-/${[e.name, ...e.params].join("/")}/`).join("");
 }
-function ut(t) {
-  const e = Ee(t.origin), i = ht(t.operations ?? []);
+function dt(t) {
+  const e = ke(t.origin), i = ut(t.operations ?? []);
   if ("sourceUrl" in t && t.sourceUrl != null)
     return `${e}/${i}${t.sourceUrl}`;
   const r = ("search" in t ? t.search : "") ?? "", s = ("hash" in t ? t.hash : "") ?? "";
@@ -277,59 +277,59 @@ function ut(t) {
   }
   throw new TypeError("serializeCdnUrl requires one of: uuid, group, sourceUrl");
 }
-function Bt(t) {
+function jt(t) {
   return typeof t == "string" ? t : "opName" in t ? t.opName : t.name;
 }
 function de(t, e) {
-  const i = Bt(e);
+  const i = jt(e);
   return t.name === i || t.name.startsWith(`${i}~`);
 }
-function dt(t, e) {
+function pt(t, e) {
   return Object.assign(e, { opName: t });
 }
-const jt = (t, e) => {
+const Gt = (t, e) => {
   const i = new URL(e);
   return i.hostname = `${t}.${i.hostname}`, i.toString().replace(/\/$/, "");
-}, Gt = "0123456789abcdefghijklmnopqrstuvwxyz", Ht = (t) => {
+}, Ht = "0123456789abcdefghijklmnopqrstuvwxyz", Wt = (t) => {
   if (t <= 0n)
     return "0";
   let e = "";
   for (; t > 0n; ) {
     const i = t % 36n;
-    e = Gt[Number(i)] + e, t = t / 36n;
+    e = Ht[Number(i)] + e, t = t / 36n;
   }
   return e;
-}, Wt = (t, e) => {
+}, Vt = (t, e) => {
   try {
     const i = new URL(t), r = new URL(e);
     return i.hostname.endsWith(r.hostname);
   } catch {
     return !1;
   }
-}, Vt = async (t) => {
+}, qt = async (t) => {
   const e = new TextEncoder().encode(t), i = await window.crypto.subtle.digest("SHA-256", e), r = Array.from(new Uint8Array(i)).map((s) => s.toString(16).padStart(2, "0")).join("");
   return BigInt(`0x${r}`);
-}, qt = 10, Kt = async (t) => {
-  const e = await Vt(t);
-  return Ht(e).slice(0, qt);
-}, Yt = async (t, e) => {
-  const i = await Kt(t);
-  return jt(i, e);
+}, Kt = 10, Yt = async (t) => {
+  const e = await qt(t);
+  return Wt(e).slice(0, Kt);
+}, Xt = async (t, e) => {
+  const i = await Yt(t);
+  return Gt(i, e);
 };
-function Ne(t) {
+function Be(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-const Xt = /\W|_/g;
-function Jt(t) {
-  return t.split(Xt).map((e, i) => e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
+const Jt = /\W|_/g;
+function Zt(t) {
+  return t.split(Jt).map((e, i) => e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
 }
-function Be(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
+function je(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
   return Array.isArray(t) ? t.map((i) => Re(i, { ignoreKeys: e })) : t;
 }
 function Re(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
   if (Array.isArray(t))
-    return Be(t, { ignoreKeys: e });
-  if (!Ne(t))
+    return je(t, { ignoreKeys: e });
+  if (!Be(t))
     return t;
   const i = {};
   for (const r of Object.keys(t)) {
@@ -338,12 +338,12 @@ function Re(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
       i[r] = s;
       continue;
     }
-    Ne(s) ? s = Re(s, { ignoreKeys: e }) : Array.isArray(s) && (s = Be(s, { ignoreKeys: e })), i[Jt(r)] = s;
+    Be(s) ? s = Re(s, { ignoreKeys: e }) : Array.isArray(s) && (s = je(s, { ignoreKeys: e })), i[Zt(r)] = s;
   }
   return i;
 }
-const Zt = (t) => new Promise((e) => setTimeout(e, t));
-function Qt({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = "", integration: s = "" }) {
+const Qt = (t) => new Promise((e) => setTimeout(e, t));
+function ei({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = "", integration: s = "" }) {
   const o = "JavaScript";
   if (typeof i == "string")
     return i;
@@ -358,17 +358,17 @@ function Qt({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = ""
   const a = [t, e, r].filter(Boolean).join("/"), n = [o, s].filter(Boolean).join("; ");
   return `${a} (${n})`;
 }
-const ei = {
+const ti = {
   factor: 2,
   time: 100
 };
-function ti(t, e = ei) {
+function ii(t, e = ti) {
   let i = 0;
   function r(s) {
     const o = Math.round(e.time * e.factor ** i);
     return s({
       attempt: i,
-      retry: (n) => Zt(n ?? o).then(() => (i += 1, r(s)))
+      retry: (n) => Qt(n ?? o).then(() => (i += 1, r(s)))
     });
   }
   return r(t);
@@ -382,7 +382,7 @@ class oe extends Se {
     this.name = "NetworkError", this.message = "Network error", Object.setPrototypeOf(this, oe.prototype), this.originalProgressEvent = i;
   }
 }
-const ii = (t, e) => {
+const ri = (t, e) => {
   t && (t.aborted ? Promise.resolve().then(e) : t.addEventListener("abort", () => e(), { once: !0 }));
 };
 class Ce extends Se {
@@ -397,13 +397,13 @@ const te = {
   baseURL: "https://upload.uploadcare.com",
   retryThrottledRequestMaxTimes: 1,
   retryNetworkErrorMaxTimes: 3
-}, ri = ({ method: t, url: e, data: i, headers: r = {}, signal: s, onProgress: o }) => new Promise((a, n) => {
+}, si = ({ method: t, url: e, data: i, headers: r = {}, signal: s, onProgress: o }) => new Promise((a, n) => {
   const l = new XMLHttpRequest(), h = (t == null ? void 0 : t.toUpperCase()) || "GET";
   let p = !1;
   l.open(h, e, !0), r && Object.entries(r).forEach((u) => {
     const [_, x] = u;
     typeof x < "u" && !Array.isArray(x) && l.setRequestHeader(_, x);
-  }), l.responseType = "text", ii(s, () => {
+  }), l.responseType = "text", ri(s, () => {
     p = !0, l.abort(), n(new Ce());
   }), l.onload = () => {
     if (l.status != 200)
@@ -418,7 +418,7 @@ const te = {
         onProgress: o
       }, _ = l.getAllResponseHeaders().trim().split(/[\r\n]+/), x = {};
       _.forEach(function(R) {
-        const I = R.split(": "), W = I.shift(), X = I.join(": ");
+        const O = R.split(": "), W = O.shift(), X = O.join(": ");
         W && typeof W < "u" && (x[W] = X);
       });
       const w = l.response, $ = l.status;
@@ -448,7 +448,7 @@ class $e extends Se {
     this.name = "UploadError", this.message = i, this.code = r, this.request = s, this.response = o, this.headers = a, Object.setPrototypeOf(this, $e.prototype);
   }
 }
-const si = (t) => {
+const oi = (t) => {
   const e = new URLSearchParams();
   for (const [i, r] of Object.entries(t))
     r && typeof r == "object" && !Array.isArray(r) ? Object.entries(r).filter((s) => s[1] ?? !1).forEach((s) => e.set(`${i}[${s[0]}]`, String(s[1]))) : Array.isArray(r) ? r.forEach((s) => {
@@ -457,48 +457,48 @@ const si = (t) => {
   return e.toString();
 }, ve = (t, e, i) => {
   const r = new URL(t);
-  return r.pathname = (r.pathname + e).replace("//", "/"), i && (r.search = si(i)), r.toString();
+  return r.pathname = (r.pathname + e).replace("//", "/"), i && (r.search = oi(i)), r.toString();
 };
-var oi = "6.18.4";
-const ai = "UploadcareUploadClient", ni = oi;
-function li(t) {
-  return Qt({
-    libraryName: ai,
-    libraryVersion: ni,
+var ai = "6.18.4";
+const ni = "UploadcareUploadClient", li = ai;
+function ci(t) {
+  return ei({
+    libraryName: ni,
+    libraryVersion: li,
     ...t
   });
 }
-const ci = "RequestThrottledError", je = 15e3, hi = 1e3;
-function ui(t) {
+const hi = "RequestThrottledError", Ge = 15e3, ui = 1e3;
+function di(t) {
   const { headers: e } = t || {};
   if (!e || typeof e["retry-after"] != "string")
-    return je;
+    return Ge;
   const i = parseInt(e["retry-after"], 10);
-  return Number.isFinite(i) ? i * 1e3 : je;
+  return Number.isFinite(i) ? i * 1e3 : Ge;
 }
-function di(t, e) {
+function pi(t, e) {
   const { retryThrottledRequestMaxTimes: i, retryNetworkErrorMaxTimes: r } = e;
-  return ti(({ attempt: s, retry: o }) => t().catch((a) => {
-    if ("response" in a && (a == null ? void 0 : a.code) === ci && s < i)
-      return o(ui(a));
+  return ii(({ attempt: s, retry: o }) => t().catch((a) => {
+    if ("response" in a && (a == null ? void 0 : a.code) === hi && s < i)
+      return o(di(a));
     if (a instanceof oe && s < r)
-      return o((s + 1) * hi);
+      return o((s + 1) * ui);
     throw a;
   }));
 }
-var Ge;
+var He;
 (function(t) {
   t.Token = "token", t.FileInfo = "file_info";
-})(Ge || (Ge = {}));
-var He;
+})(He || (He = {}));
+var We;
 (function(t) {
   t.Unknown = "unknown", t.Waiting = "waiting", t.Progress = "progress", t.Error = "error", t.Success = "success";
-})(He || (He = {}));
-function pi(t, { publicKey: e, baseURL: i = te.baseURL, signal: r, source: s, integration: o, userAgent: a, retryThrottledRequestMaxTimes: n = te.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = te.retryNetworkErrorMaxTimes }) {
-  return di(() => ri({
+})(We || (We = {}));
+function fi(t, { publicKey: e, baseURL: i = te.baseURL, signal: r, source: s, integration: o, userAgent: a, retryThrottledRequestMaxTimes: n = te.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = te.retryNetworkErrorMaxTimes }) {
+  return pi(() => si({
     method: "GET",
     headers: {
-      "X-UC-User-Agent": li({ publicKey: e, integration: o, userAgent: a })
+      "X-UC-User-Agent": ci({ publicKey: e, integration: o, userAgent: a })
     },
     url: ve(i, "/info/", {
       jsonerrors: 1,
@@ -514,10 +514,10 @@ function pi(t, { publicKey: e, baseURL: i = te.baseURL, signal: r, source: s, in
     return _;
   }), { retryThrottledRequestMaxTimes: n, retryNetworkErrorMaxTimes: l });
 }
-function fi(t) {
+function mi(t) {
   return "defaultEffects" in t;
 }
-class We {
+class Ve {
   constructor(e, { baseCDN: i = te.baseCDN, fileName: r } = {}) {
     b(this, "uuid");
     b(this, "name");
@@ -535,28 +535,28 @@ class We {
     b(this, "s3Bucket");
     b(this, "defaultEffects", null);
     const { uuid: s, s3Bucket: o } = e, a = ve(i, `${s}/`), n = o ? ve(`https://${o}.s3.amazonaws.com/`, `${s}/${e.filename}`) : null;
-    this.uuid = s, this.name = r || e.filename, this.size = e.size, this.isStored = e.isStored, this.isImage = e.isImage, this.mimeType = e.mimeType, this.cdnUrl = a, this.originalFilename = e.originalFilename, this.imageInfo = e.imageInfo, this.videoInfo = e.videoInfo, this.contentInfo = e.contentInfo, this.metadata = e.metadata || null, this.s3Bucket = o || null, this.s3Url = n, fi(e) && (this.defaultEffects = e.defaultEffects);
+    this.uuid = s, this.name = r || e.filename, this.size = e.size, this.isStored = e.isStored, this.isImage = e.isImage, this.mimeType = e.mimeType, this.cdnUrl = a, this.originalFilename = e.originalFilename, this.imageInfo = e.imageInfo, this.videoInfo = e.videoInfo, this.contentInfo = e.contentInfo, this.metadata = e.metadata || null, this.s3Bucket = o || null, this.s3Url = n, mi(e) && (this.defaultEffects = e.defaultEffects);
   }
 }
-const mi = /\W|_/g;
-function _i(t) {
+const _i = /\W|_/g;
+function gi(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function gi(t) {
-  return t.split(mi).map((e, i) => e && e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
+function vi(t) {
+  return t.split(_i).map((e, i) => e && e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
 }
 function be(t) {
   if (Array.isArray(t))
     return t.map((i) => be(i));
-  if (!_i(t))
+  if (!gi(t))
     return t;
   const e = {};
   for (const i of Object.keys(t))
-    e[gi(i)] = be(t[i]);
+    e[vi(i)] = be(t[i]);
   return e;
 }
-const vi = [1, 1], Ve = "https://ucarecdn.com", bi = 1500, yi = 1e6;
-function wi(t, e) {
+const bi = [1, 1], qe = "https://ucarecdn.com", yi = 1500, wi = 1e6;
+function xi(t, e) {
   return new Promise((i, r) => {
     if (e != null && e.aborted) {
       r(new DOMException("Aborted", "AbortError"));
@@ -570,10 +570,10 @@ function wi(t, e) {
     e == null || e.addEventListener("abort", o, { once: !0 });
   });
 }
-function qe() {
+function Ke() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-class xi {
+class Ei {
   constructor(e) {
     if (this.id = "uploadcare-derivative", !e.publicKey)
       throw new Error("UploadcareDerivativeApi: publicKey is required");
@@ -581,7 +581,7 @@ class xi {
       publicKey: e.publicKey,
       baseUrl: e.baseUrl,
       fetch: e.fetch
-    }), this.publicKey = e.publicKey, this.baseUrl = e.baseUrl, this.filename = e.filename ?? "generated.png", this.store = e.store, this.cname = e.cdnBaseUrl ?? Ve, this.cnamePrefixed = e.cdnCnamePrefixed ?? "https://ucarecd.net", this.pollIntervalMs = e.pollIntervalMs ?? bi, this.pollTimeoutMs = e.pollTimeoutMs ?? yi;
+    }), this.publicKey = e.publicKey, this.baseUrl = e.baseUrl, this.filename = e.filename ?? "generated.png", this.store = e.store, this.cname = e.cdnBaseUrl ?? qe, this.cnamePrefixed = e.cdnCnamePrefixed ?? "https://ucarecd.net", this.pollIntervalMs = e.pollIntervalMs ?? yi, this.pollTimeoutMs = e.pollTimeoutMs ?? wi;
   }
   async generate(e) {
     const i = await this.startJob(e);
@@ -593,7 +593,7 @@ class xi {
    * the editor produced.
    */
   async resolveCdnUrl(e) {
-    return ut({ origin: await this.getCdnBase(), uuid: e });
+    return dt({ origin: await this.getCdnBase(), uuid: e });
   }
   /**
    * Resolve a stored file's full info (image dimensions, original filename,
@@ -602,13 +602,13 @@ class xi {
    * true aspect ratio before the image decodes, and name outputs after it.
    */
   async getFileInfo(e, i) {
-    const r = await pi(e, { publicKey: this.publicKey, baseURL: this.baseUrl, signal: i });
-    return new We(r, { baseCDN: await this.getCdnBase() });
+    const r = await fi(e, { publicKey: this.publicKey, baseURL: this.baseUrl, signal: i });
+    return new Ve(r, { baseCDN: await this.getCdnBase() });
   }
   async startJob(e) {
-    const i = e.aspectRatio && ke(e.aspectRatio) ? [e.aspectRatio[0], e.aspectRatio[1]] : void 0, r = e.filename ?? this.filename, s = e.mode === "edit" ? await this.startEditJob(e, i, r, e.metadata) : await this.api.generate({
+    const i = e.aspectRatio && Ee(e.aspectRatio) ? [e.aspectRatio[0], e.aspectRatio[1]] : void 0, r = e.filename ?? this.filename, s = e.mode === "edit" ? await this.startEditJob(e, i, r, e.metadata) : await this.api.generate({
       prompt: e.prompt,
-      aspectRatio: i ?? vi,
+      aspectRatio: i ?? bi,
       filename: r,
       store: this.store,
       signal: e.signal,
@@ -632,22 +632,22 @@ class xi {
     });
   }
   async pollUntilDone(e, i) {
-    const r = this.pollTimeoutMs + qe();
+    const r = this.pollTimeoutMs + Ke();
     for (; ; ) {
       const s = await this.api.getJobStatus(e, i.signal);
       if (s.status === "success") {
         if (!s.uuid)
           throw new Error("Uploadcare derivative: response did not include a uuid");
-        const o = be(s), a = new We(o, { baseCDN: await this.getCdnBase() });
+        const o = be(s), a = new Ve(o, { baseCDN: await this.getCdnBase() });
         return { url: a.cdnUrl, uuid: a.uuid, prompt: i.prompt, mode: i.mode, file: a };
       }
       if (s.status === "error") {
         const o = s.error_code ?? "unknown", a = s.error ?? o;
         throw new se(o, a, s.error_source);
       }
-      if (qe() >= r)
+      if (Ke() >= r)
         throw new Error(`Uploadcare derivative: timed out waiting for job ${e}`);
-      await wi(this.pollIntervalMs, i.signal);
+      await xi(this.pollIntervalMs, i.signal);
     }
   }
   /**
@@ -656,7 +656,7 @@ class xi {
    * applies in its `cdnCname` computed config. Computed once and cached.
    */
   getCdnBase() {
-    return this.cdnBasePromise || (this.cdnBasePromise = this.cname === Ve || Wt(this.cname, this.cnamePrefixed) ? Yt(this.publicKey, this.cnamePrefixed) : Promise.resolve(this.cname)), this.cdnBasePromise;
+    return this.cdnBasePromise || (this.cdnBasePromise = this.cname === qe || Vt(this.cname, this.cnamePrefixed) ? Xt(this.publicKey, this.cnamePrefixed) : Promise.resolve(this.cname)), this.cdnBasePromise;
   }
 }
 function ki(t) {
@@ -722,8 +722,8 @@ const ye = {
       }
     ]
   }
-}, Ke = 20;
-class Ei {
+}, Ye = 20;
+class Ri {
   constructor(e) {
     this.busy = !1, this.resultUrl = null, this.result = null, this.error = null, this.errorCode = null, this.history = [], this._abortController = null, this._host = e, e.addController(this);
   }
@@ -744,7 +744,7 @@ class Ei {
   /** Replace the strip with entries hydrated from storage (e.g. when the editor
    *  opens on a source whose lineage was generated in a past session). */
   setHistory(e) {
-    this.history = e.slice(0, Ke), this._host.requestUpdate();
+    this.history = e.slice(0, Ye), this._host.requestUpdate();
   }
   setResult(e) {
     this.resultUrl = e.url, this.result = e, this.error = null, this.errorCode = null, this._host.requestUpdate();
@@ -775,7 +775,7 @@ class Ei {
           ratio: e.ratioValue ?? null
         },
         ...this.history
-      ].slice(0, Ke), s);
+      ].slice(0, Ye), s);
     } catch (s) {
       if ((s == null ? void 0 : s.name) === "AbortError") return null;
       throw this.error = s.message || "Generation failed", this.errorCode = s instanceof se ? s.errorCode : null, s;
@@ -784,7 +784,7 @@ class Ei {
     }
   }
 }
-const Ri = {
+const Si = {
   "ai-enhancer-source-label": "Generate image",
   "ai-enhancer-file-action-label": "AI Edit",
   "ai-enhancer-generate-title": "Generate image",
@@ -809,7 +809,7 @@ const Ri = {
   "ai-enhancer-aspect-landscape": "Landscape",
   "ai-enhancer-aspect-vertical": "Vertical",
   "ai-enhancer-aspect-widescreen": "Widescreen"
-}, Si = {
+}, Ci = {
   // Platform validation (POST generate/edit/outpaint, GET status)
   "ai-enhancer-error-invalid_request": "Something went wrong with the request. Please try again.",
   "ai-enhancer-error-invalid_source": "The source image couldn't be read. Please try a different image.",
@@ -833,7 +833,7 @@ const Ri = {
   "ai-enhancer-error-DownloadFileHTTPClientError": "Couldn't retrieve the generated image. Please try again.",
   "ai-enhancer-error-DownloadFileNotFoundError": "The generated image couldn't be found. Please try again.",
   "ai-enhancer-error-DownloadFileTaskFailedError": "Couldn't save the generated image. Please try again."
-}, B = { ...Ri, ...Si }, pe = {
+}, B = { ...Si, ...Ci }, pe = {
   en: async () => B,
   ar: () => import("./ar-0rfB4z3f.js").then((t) => t.default),
   az: () => import("./az-CyK2FKx4.js").then((t) => t.default),
@@ -870,12 +870,12 @@ const Ri = {
   zh: () => import("./zh-C0AOtYB8.js").then((t) => t.default),
   "zh-TW": () => import("./zh-TW-BNfdfwdz.js").then((t) => t.default)
 };
-function Ci(t, e) {
+function $i(t, e) {
   return (e == null ? void 0 : e[t]) ?? B[t];
 }
-function $i(t) {
+function Ai(t) {
   if ("kind" in t) return t;
-  const e = Ee(t.origin);
+  const e = ke(t.origin);
   if ("sourceUrl" in t)
     return {
       kind: "proxy",
@@ -904,12 +904,12 @@ function $i(t) {
     hash: r
   };
 }
-var k, q, ie, M;
-let Ai = (M = class {
+var E, q, ie, M;
+let Ui = (M = class {
   constructor(e) {
     he(this, q);
-    he(this, k);
-    Oe(this, k, $i(e));
+    he(this, E);
+    Pe(this, E, Ai(e));
   }
   /**
    * Parses an existing CDN URL.
@@ -917,15 +917,15 @@ let Ai = (M = class {
    * @throws TypeError when the URL cannot be interpreted as a CDN URL.
    */
   static parse(e) {
-    return new M(ct(e));
+    return new M(ht(e));
   }
   /** A defensive copy of the operation chain (empty for group root urls). */
   get operations() {
-    return "operations" in E(this, k) ? [...E(this, k).operations] : [];
+    return "operations" in k(this, E) ? [...k(this, E).operations] : [];
   }
   /** The serialized URL string. */
   get href() {
-    return ut(E(this, k));
+    return dt(k(this, E));
   }
   /** Alias of {@link CdnUrl.href} for string coercion. */
   toString() {
@@ -933,7 +933,7 @@ let Ai = (M = class {
   }
   /** The underlying {@link ParsedCdnUrl}, discriminated by `kind`. */
   toJSON() {
-    return "operations" in E(this, k) ? { ...E(this, k), operations: [...E(this, k).operations] } : { ...E(this, k) };
+    return "operations" in k(this, E) ? { ...k(this, E), operations: [...k(this, E).operations] } : { ...k(this, E) };
   }
   /**
    * Appends operations to the chain.
@@ -973,54 +973,54 @@ let Ai = (M = class {
    * @throws TypeError on group root and proxy urls.
    */
   setFilename(e) {
-    return E(this, k).kind === "group" || E(this, k).kind === "proxy" ? this : new M({ ...E(this, k), filename: e });
+    return k(this, E).kind === "group" || k(this, E).kind === "proxy" ? this : new M({ ...k(this, E), filename: e });
   }
   /** Rebases the url onto another domain. */
   setOrigin(e) {
-    return new M({ ...E(this, k), origin: Ee(e) });
+    return new M({ ...k(this, E), origin: ke(e) });
   }
-}, k = new WeakMap(), q = new WeakSet(), ie = function(e) {
-  return "operations" in E(this, k) ? new M({
-    ...E(this, k),
-    operations: e(E(this, k).operations)
+}, E = new WeakMap(), q = new WeakSet(), ie = function(e) {
+  return "operations" in k(this, E) ? new M({
+    ...k(this, E),
+    operations: e(k(this, E).operations)
   }) : this;
 }, M);
 const we = (t, ...e) => ({
   name: t,
   params: e
-}), Ui = /* @__PURE__ */ dt(
+}), Ti = /* @__PURE__ */ pt(
   "preview",
   function(t, e) {
-    return t == null && e == null ? we("preview") : we("preview", lt(t, e, "preview"));
+    return t == null && e == null ? we("preview") : we("preview", ct(t, e, "preview"));
   }
-), Ti = /* @__PURE__ */ dt(
+), Fi = /* @__PURE__ */ pt(
   "scale_crop",
   function(t, e, i = {}) {
-    const r = [lt(t, e, "scale_crop")];
+    const r = [ct(t, e, "scale_crop")];
     return i.type != null && r.push(i.type), i.align != null && r.push(zt(i.align, "scale_crop alignment")), we("scale_crop", ...r);
   }
-), Fi = 3e3;
-function pt(t) {
+), Mi = 3e3;
+function ft(t) {
   const e = typeof window < "u" ? window.devicePixelRatio : 1;
-  return Math.min(Math.ceil(t * Math.max(e, 1)), Fi);
+  return Math.min(Math.ceil(t * Math.max(e, 1)), Mi);
 }
-function ft(t, e) {
+function mt(t, e) {
   if (e.length === 0) return t;
   try {
-    return Ai.parse(t).with(...e).href;
+    return Ui.parse(t).with(...e).href;
   } catch {
     return t;
   }
 }
-function Mi(t, e) {
-  const i = pt(e);
-  return ft(t, [Ui(i, i)]);
+function Oi(t, e) {
+  const i = ft(e);
+  return mt(t, [Ti(i, i)]);
 }
 function Ii(t, e) {
-  const i = pt(e);
-  return ft(t, [Ti(i, i, { align: "center" })]);
+  const i = ft(e);
+  return mt(t, [Fi(i, i, { align: "center" })]);
 }
-const Oi = "uc-ai-enhancer/history", Ye = 200, Pi = 10080 * 60 * 1e3;
+const Pi = "uc-ai-enhancer/history", Xe = 200, Li = 10080 * 60 * 1e3;
 class zi {
   constructor(e) {
     this._key = null, e.addController(this);
@@ -1029,7 +1029,7 @@ class zi {
   }
   /** Namespace the store by pubkey. Passing an empty key disables persistence. */
   setNamespace(e) {
-    this._key = e ? `${Oi}/${e}` : null;
+    this._key = e ? `${Pi}/${e}` : null;
   }
   /** Upsert the result as a node and persist (evicting expired/overflowing nodes). */
   record(e) {
@@ -1060,7 +1060,7 @@ class zi {
    */
   lineage(e) {
     const i = this._key;
-    return !i || !e ? [] : this._component(this._read(i), e).sort((r, s) => s.createdAt - r.createdAt).map(Li);
+    return !i || !e ? [] : this._component(this._read(i), e).sort((r, s) => s.createdAt - r.createdAt).map(Di);
   }
   /** Nodes in `start`'s connected component, walking both parent and child edges.
    *  `start` may be a node itself or only a parent uuid (a source not yet edited). */
@@ -1086,8 +1086,8 @@ class zi {
    *  middle node just orphans its descendants (their lineage walk stops early). */
   _evict(e) {
     const i = Date.now();
-    let r = Object.values(e).filter((o) => i - o.createdAt < Pi);
-    r.length > Ye && (r = r.sort((o, a) => a.createdAt - o.createdAt).slice(0, Ye));
+    let r = Object.values(e).filter((o) => i - o.createdAt < Li);
+    r.length > Xe && (r = r.sort((o, a) => a.createdAt - o.createdAt).slice(0, Xe));
     const s = {};
     for (const o of r) s[o.uuid] = o;
     return s;
@@ -1111,7 +1111,7 @@ class zi {
     }
   }
 }
-function Li(t) {
+function Di(t) {
   return {
     id: t.uuid,
     prompt: t.prompt,
@@ -1121,23 +1121,23 @@ function Li(t) {
     ratio: t.ratio
   };
 }
-function Di(t) {
+function Ni(t) {
   try {
-    const e = ct(t);
+    const e = ht(t);
     if (e.kind === "file")
       return {
         uuid: e.uuid,
-        cdnUrlModifiers: ht(e.operations),
+        cdnUrlModifiers: ut(e.operations),
         fileName: e.filename ?? ""
       };
   } catch {
   }
   return { uuid: "", cdnUrlModifiers: "", fileName: "" };
 }
-function Ni(t, e) {
-  return e ? e(t, Di(t)) : t;
+function Bi(t, e) {
+  return e ? e(t, Ni(t)) : t;
 }
-class mt {
+class _t {
   constructor(e) {
     this._cache = /* @__PURE__ */ new Map(), this._pending = /* @__PURE__ */ new Set(), this._host = e, e.addController(this);
   }
@@ -1154,39 +1154,39 @@ class mt {
     const i = this._cache.get(e);
     if (i !== void 0) return i;
     if (this._pending.has(e)) return null;
-    const r = Ni(e, this._resolver);
+    const r = Bi(e, this._resolver);
     return typeof r == "string" ? (this._cache.set(e, r), r) : (this._pending.add(e), r.then((s) => this._cache.set(e, s)).catch(() => this._cache.set(e, e)).finally(() => {
       this._pending.delete(e), this._host.requestUpdate();
     }), null);
   }
 }
-const Wr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+const qr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="M9.5 3 11 6.5 14.5 8 11 9.5 9.5 13 8 9.5 4.5 8 8 6.5 9.5 3Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
   <path d="M17.5 12 18.4 14.1 20.5 15 18.4 15.9 17.5 18 16.6 15.9 14.5 15 16.6 14.1 17.5 12Z" stroke="currentColor" stroke-width="1.25" stroke-linejoin="round"/>
   <path d="M5.5 16 6.1 17.4 7.5 18 6.1 18.6 5.5 20 4.9 18.6 3.5 18 4.9 17.4 5.5 16Z" stroke="currentColor" stroke-width="1.25" stroke-linejoin="round"/>
-</svg>`, Vr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Kr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="m14.5 4.5 5 5L9 20H4v-5L14.5 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
   <path d="m13 6 5 5" stroke="currentColor" stroke-width="1.5"/>
   <path d="M18.5 14.5 19 16l1.5.5L19 17l-.5 1.5L18 17l-1.5-.5L18 16l.5-1.5Z" stroke="currentColor" stroke-width="1.1" stroke-linejoin="round"/>
-</svg>`, Bi = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-  <path d="M3 6.74251L8 2L13 6.74251M7.99961 14V2.10636" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>`, ji = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <path d="M3 6.74251L8 2L13 6.74251M7.99961 14V2.10636" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`, Gi = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <rect x="2" y="3" width="12" height="10" rx="1.6" stroke="currentColor" stroke-width="1.4"/>
   <circle cx="5.75" cy="6.25" r="1.05" stroke="currentColor" stroke-width="1.2"/>
   <path d="M3 11.5l3-2.6 2.3 1.8L11 8l2 2.4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Gi = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-  <path d="M9 4H4v5M15 4h5v5M9 20H4v-5M15 20h5v-5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>`, Hi = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+  <path d="M9 4H4v5M15 4h5v5M9 20H4v-5M15 20h5v-5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`, Wi = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="M4 9h5V4M20 9h-5V4M4 15h5v5M20 15h-5v5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Wi = ":host{display:inline-flex;position:relative}.trigger{anchor-name:--ai-aspect-anchor;display:inline-flex;align-items:center;gap:8px;height:var(--uc-ai-button-size);padding:0 10px;background:var(--uc-ai-secondary);border:0;border-radius:var(--uc-ai-radius-button);color:var(--uc-ai-foreground);cursor:pointer;font:inherit;transition:background var(--uc-ai-transition),transform .14s var(--uc-ai-ease-out, ease)}.trigger:hover,.trigger[aria-expanded=true]{background:var(--uc-ai-secondary-hover)}.trigger:active{transform:scale(.97)}.trigger:disabled{opacity:.4;cursor:not-allowed}.trigger svg{width:14px;height:14px;color:var(--uc-ai-foreground)}.trigger-label{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;letter-spacing:.02em;line-height:20px}.popover{margin:0 0 6px;padding:0;border:0;background:transparent;color:inherit;overflow:visible;width:max-content;min-width:180px;max-width:320px;position-anchor:--ai-aspect-anchor;inset:auto;bottom:anchor(top);right:anchor(right);transform-origin:bottom right;transition:opacity .15s var(--uc-ai-ease-out, ease),transform .15s var(--uc-ai-ease-out, ease),display .15s allow-discrete,overlay .15s allow-discrete}.popover:not(:popover-open){display:none;opacity:0;transform:scale(.96) translateY(4px)}@starting-style{.popover:popover-open{opacity:0;transform:scale(.96) translateY(4px)}}.popover-inner{background:var(--uc-ai-background);border:1px solid var(--uc-ai-border);border-radius:var(--uc-ai-radius-input, 12px);box-shadow:var(--uc-ai-dialog-shadow);padding:5px;display:flex;flex-direction:column;gap:2px}.option{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;background:transparent;border:0;border-radius:max(0px,calc(var(--uc-ai-radius-input) - 5px));cursor:pointer;color:var(--uc-ai-foreground);font:inherit;font-size:13px;text-align:left;transition:background .12s ease}.option:hover{background:var(--uc-ai-secondary)}.option[aria-selected=true]{background:var(--uc-ai-secondary-hover)}.option svg{width:16px;height:16px;flex:0 0 16px;color:var(--uc-ai-foreground)}.option-ratio{flex:0 0 36px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;color:var(--uc-ai-foreground)}.option-label{flex:1;min-width:0;color:var(--uc-ai-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.trigger,.popover{transition-property:opacity,background,display,overlay}.trigger:active{transform:none}.popover:not(:popover-open){transform:none}}";
-var Vi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, z = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? qi(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+</svg>`, Vi = ":host{display:inline-flex;position:relative}.trigger{anchor-name:--ai-aspect-anchor;display:inline-flex;align-items:center;gap:8px;height:var(--uc-ai-button-size);padding:0 10px;background:var(--uc-ai-secondary);border:0;border-radius:var(--uc-ai-radius-button);color:var(--uc-ai-foreground);cursor:pointer;font:inherit;transition:background var(--uc-ai-transition),transform .14s var(--uc-ai-ease-out, ease)}.trigger:hover,.trigger[aria-expanded=true]{background:var(--uc-ai-secondary-hover)}.trigger:active{transform:scale(.97)}.trigger:disabled{opacity:.4;cursor:not-allowed}.trigger svg{width:14px;height:14px;color:var(--uc-ai-foreground)}.trigger-label{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;letter-spacing:.02em;line-height:20px}.popover{margin:0 0 6px;padding:0;border:0;background:transparent;color:inherit;overflow:visible;width:max-content;min-width:180px;max-width:320px;position-anchor:--ai-aspect-anchor;inset:auto;bottom:anchor(top);right:anchor(right);transform-origin:bottom right;transition:opacity .15s var(--uc-ai-ease-out, ease),transform .15s var(--uc-ai-ease-out, ease),display .15s allow-discrete,overlay .15s allow-discrete}.popover:not(:popover-open){display:none;opacity:0;transform:scale(.96) translateY(4px)}@starting-style{.popover:popover-open{opacity:0;transform:scale(.96) translateY(4px)}}.popover-inner{background:var(--uc-ai-background);border:1px solid var(--uc-ai-border);border-radius:var(--uc-ai-radius-input, 12px);box-shadow:var(--uc-ai-dialog-shadow);padding:5px;display:flex;flex-direction:column;gap:2px}.option{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;background:transparent;border:0;border-radius:max(0px,calc(var(--uc-ai-radius-input) - 5px));cursor:pointer;color:var(--uc-ai-foreground);font:inherit;font-size:13px;text-align:left;transition:background .12s ease}.option:hover{background:var(--uc-ai-secondary)}.option[aria-selected=true]{background:var(--uc-ai-secondary-hover)}.option svg{width:16px;height:16px;flex:0 0 16px;color:var(--uc-ai-foreground)}.option-ratio{flex:0 0 36px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;color:var(--uc-ai-foreground)}.option-label{flex:1;min-width:0;color:var(--uc-ai-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.trigger,.popover{transition-property:opacity,background,display,overlay}.trigger:active{transform:none}.popover:not(:popover-open){transform:none}}";
+var qi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, L = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ki(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && Vi(e, i, s), s;
+  return r && s && qi(e, i, s), s;
 };
 let A = class extends G {
   constructor() {
-    super(...arguments), this.options = [], this.selected = null, this.busy = !1, this.labelText = null, this.labelFor = (t) => O(t.value) ? ee(t.value) : "", this.open = !1, this._onToggle = (t) => {
+    super(...arguments), this.options = [], this.selected = null, this.busy = !1, this.labelText = null, this.labelFor = (t) => I(t.value) ? ee(t.value) : "", this.open = !1, this._onToggle = (t) => {
       t.newState === "closed" && this.open && (this.open = !1);
     };
   }
@@ -1211,12 +1211,12 @@ let A = class extends G {
   }
   /** Icon for a selection: the ratio's shape, or the generic "Original" glyph. */
   _iconFor(t) {
-    return O(t) ? Ft(t) : ji;
+    return I(t) ? Mt(t) : Gi;
   }
   _triggerLabel() {
     const t = this.selected;
     if (!t) return "";
-    if (O(t)) return ee(t);
+    if (I(t)) return ee(t);
     const e = this.options.find((i) => i.value === t);
     return e ? this.labelFor(e) : "";
   }
@@ -1248,7 +1248,7 @@ let A = class extends G {
                 @click=${() => this._select(e.value)}
               >
                 ${re(this._iconFor(e.value))}
-                <span class="option-ratio">${O(e.value) ? ee(e.value) : ""}</span>
+                <span class="option-ratio">${I(e.value) ? ee(e.value) : ""}</span>
                 <span class="option-label">${this.labelFor(e)}</span>
               </button>
             `;
@@ -1258,59 +1258,59 @@ let A = class extends G {
     `;
   }
 };
-A.styles = j(Wi);
-z([
+A.styles = j(Vi);
+L([
   c({ attribute: !1 })
 ], A.prototype, "options", 2);
-z([
+L([
   c({ attribute: !1 })
 ], A.prototype, "selected", 2);
-z([
+L([
   c({ type: Boolean })
 ], A.prototype, "busy", 2);
-z([
+L([
   c({ attribute: "aria-label-text" })
 ], A.prototype, "labelText", 2);
-z([
+L([
   c({ attribute: !1 })
 ], A.prototype, "labelFor", 2);
-z([
+L([
   C()
 ], A.prototype, "open", 2);
-z([
+L([
   F(".popover")
 ], A.prototype, "_popover", 2);
-A = z([
+A = L([
   H("uc-ai-aspect-ratio")
 ], A);
-const Ki = /* @__PURE__ */ new WeakMap();
-let Xe = 0;
-const fe = /* @__PURE__ */ new Map(), Je = /* @__PURE__ */ new WeakSet(), Ze = () => new Promise((t) => requestAnimationFrame(t)), Qe = (t, e) => {
+const Yi = /* @__PURE__ */ new WeakMap();
+let Je = 0;
+const fe = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new WeakSet(), Qe = () => new Promise((t) => requestAnimationFrame(t)), et = (t, e) => {
   const i = t - e;
   return i === 0 ? void 0 : i;
-}, et = (t, e) => {
+}, tt = (t, e) => {
   const i = t / e;
   return i === 1 ? void 0 : i;
 }, me = { left: (t, e) => {
-  const i = Qe(t, e);
+  const i = et(t, e);
   return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateX(${i}px)` };
 }, top: (t, e) => {
-  const i = Qe(t, e);
+  const i = et(t, e);
   return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateY(${i}px)` };
 }, width: (t, e) => {
   let i;
   e === 0 && (e = 1, i = { width: "1px" });
-  const r = et(t, e);
+  const r = tt(t, e);
   return { value: r, overrideFrom: i, transform: r == null || isNaN(r) ? void 0 : `scaleX(${r})` };
 }, height: (t, e) => {
   let i;
   e === 0 && (e = 1, i = { height: "1px" });
-  const r = et(t, e);
+  const r = tt(t, e);
   return { value: r, overrideFrom: i, transform: r == null || isNaN(r) ? void 0 : `scaleY(${r})` };
-} }, Yi = { duration: 333, easing: "ease-in-out" }, Xi = ["left", "top", "width", "height", "opacity", "color", "background"], tt = /* @__PURE__ */ new WeakMap();
-class Ji extends at {
+} }, Xi = { duration: 333, easing: "ease-in-out" }, Ji = ["left", "top", "width", "height", "opacity", "color", "background"], it = /* @__PURE__ */ new WeakMap();
+class Zi extends nt {
   constructor(e) {
-    if (super(e), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, e.type === ot.CHILD) throw Error("The `animate` directive must be used in attribute position.");
+    if (super(e), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, e.type === at.CHILD) throw Error("The `animate` directive must be used in attribute position.");
     this.createFinished();
   }
   createFinished() {
@@ -1324,10 +1324,10 @@ class Ji extends at {
     (e = this.l) == null || e.call(this), this.l = void 0;
   }
   render(e) {
-    return rt;
+    return st;
   }
   getController() {
-    return Ki.get(this.u);
+    return Yi.get(this.u);
   }
   isDisabled() {
     var e;
@@ -1336,12 +1336,12 @@ class Ji extends at {
   update(e, [i]) {
     var s;
     const r = this.u === void 0;
-    return r && (this.u = (s = e.options) == null ? void 0 : s.host, this.u.addController(this), this.u.updateComplete.then((o) => this.t = !0), this.element = e.element, tt.set(this.element, this)), this.optionsOrCallback = i, (r || typeof i != "function") && this.m(i), this.render(i);
+    return r && (this.u = (s = e.options) == null ? void 0 : s.host, this.u.addController(this), this.u.updateComplete.then((o) => this.t = !0), this.element = e.element, it.set(this.element, this)), this.optionsOrCallback = i, (r || typeof i != "function") && this.m(i), this.render(i);
   }
   m(e) {
     e = e ?? {};
     const i = this.getController();
-    i !== void 0 && ((e = { ...i.defaultOptions, ...e }).keyframeOptions = { ...i.defaultOptions.keyframeOptions, ...e.keyframeOptions }), e.properties ?? (e.properties = Xi), this.options = e;
+    i !== void 0 && ((e = { ...i.defaultOptions, ...e }).keyframeOptions = { ...i.defaultOptions.keyframeOptions, ...e.keyframeOptions }), e.properties ?? (e.properties = Ji), this.options = e;
   }
   p() {
     const e = {}, i = this.element.getBoundingClientRect(), r = getComputedStyle(this.element);
@@ -1365,7 +1365,7 @@ class Ji extends at {
   async hostUpdated() {
     if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered) return;
     let e;
-    this.prepare(), await Ze;
+    this.prepare(), await Qe;
     const i = this.P(), r = this.V(this.options.keyframeOptions, i), s = this.p();
     if (this.A !== void 0) {
       const { from: o, to: a } = this.O(this.A, s, i);
@@ -1375,7 +1375,7 @@ class Ji extends at {
       if (o) {
         fe.delete(this.options.inId);
         const { from: a, to: n } = this.O(o, s, i);
-        e = this.calculateKeyframes(a, n), e = this.options.in ? [{ ...this.options.in[0], ...e[0] }, ...this.options.in.slice(1), e[1]] : e, Xe++, e.forEach((l) => l.zIndex = Xe);
+        e = this.calculateKeyframes(a, n), e = this.options.in ? [{ ...this.options.in[0], ...e[0] }, ...this.options.in.slice(1), e[1]] : e, Je++, e.forEach((l) => l.zIndex = Je);
       } else this.options.in && (e = [...this.options.in, {}]);
     }
     this.animate(e, r);
@@ -1392,7 +1392,7 @@ class Ji extends at {
   async disconnected() {
     var i;
     if (!this.h || (this.options.id !== void 0 && fe.set(this.options.id, this.A), this.options.out === void 0)) return;
-    if (this.prepare(), await Ze(), (i = this.i) == null ? void 0 : i.isConnected) {
+    if (this.prepare(), await Qe(), (i = this.i) == null ? void 0 : i.isConnected) {
       const r = this.o && this.o.parentNode === this.i ? this.o : null;
       if (this.i.insertBefore(this.element, r), this.options.stabilizeOut) {
         const s = this.p();
@@ -1418,19 +1418,19 @@ class Ji extends at {
   P() {
     const e = [];
     for (let i = this.element.parentNode; i; i = i == null ? void 0 : i.parentNode) {
-      const r = tt.get(i);
+      const r = it.get(i);
       r && !r.isDisabled() && r && e.push(r);
     }
     return e;
   }
   get isHostRendered() {
-    const e = Je.has(this.u);
+    const e = Ze.has(this.u);
     return e || this.u.updateComplete.then(() => {
-      Je.add(this.u);
+      Ze.add(this.u);
     }), e;
   }
   V(e, i = this.P()) {
-    const r = { ...Yi };
+    const r = { ...Xi };
     return i.forEach((s) => Object.assign(r, s.options.keyframeOptions)), Object.assign(r, e), r;
   }
   O(e, i, r) {
@@ -1479,13 +1479,13 @@ class Ji extends at {
     this.shouldLog && !this.isDisabled() && console.log(e, this.options.id, i);
   }
 }
-const Zi = st(Ji), Qi = ["top", "right", "bottom", "left"];
-class er extends at {
+const Qi = ot(Zi), er = ["top", "right", "bottom", "left"];
+class tr extends nt {
   constructor(e) {
-    if (super(e), e.type !== ot.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
+    if (super(e), e.type !== at.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
   }
   render(e, i) {
-    return rt;
+    return st;
   }
   update(e, [i, r]) {
     var s;
@@ -1500,22 +1500,22 @@ class er extends at {
     if (e === void 0 || !i) return;
     const r = e.getBoundingClientRect(), s = i.getBoundingClientRect();
     (a = this.S) == null || a.forEach((n) => {
-      const l = Qi.includes(n) ? r[n] - s[n] : r[n];
+      const l = er.includes(n) ? r[n] - s[n] : r[n];
       this.C.style[n] = l + "px";
     });
   }
 }
-st(er);
-const tr = ':host{display:flex;justify-content:center}.strip{position:relative;display:inline-flex;align-items:center;min-height:44px}.chip{display:flex;align-items:center;padding:2px;margin-right:-11px;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid transparent;border-radius:calc(var(--uc-ai-radius-button, 8px) + 2px);box-shadow:0 1px 8px #0000004d;cursor:pointer;transform:scale(1);transition:margin .3s var(--uc-ai-ease-out, ease),border-color 225ms ease,transform .27s var(--uc-ai-ease-out, ease),opacity .33s var(--uc-ai-ease-out, ease)}.chip:disabled{cursor:not-allowed}.chip:last-child{margin-right:0}@media(hover:hover)and (pointer:fine){.chip:hover:not(:disabled){transform:scale(1.1)}.strip:hover .chip:not(:disabled){margin-right:7px}.strip:hover .chip:not(:disabled):last-child{margin-right:0}}.chip--selected{border-color:var(--uc-ai-primary);transform:scale(1.2)}.thumb{position:relative;display:block;width:40px;height:40px;border-radius:var(--uc-ai-radius-button, 8px);background-color:var(--uc-ai-muted);overflow:hidden}.thumb:not(.thumb--loaded):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--uc-ai-foreground) 9%,transparent) 50%,transparent 70%);transform:translate(-100%);animation:thumb-shimmer 1.2s ease-in-out infinite}@keyframes thumb-shimmer{to{transform:translate(100%)}}.thumb__img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s var(--uc-ai-ease-out, ease)}.thumb--loaded .thumb__img{opacity:1}@media(prefers-reduced-motion:reduce){.thumb:not(.thumb--loaded):after{animation:none}.thumb__img{transition:none}}.startover{position:absolute;right:calc(100% + 10px);top:50%;display:flex;align-items:center;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid var(--uc-ai-floating-border, transparent);border-radius:calc(var(--uc-ai-radius-button, 8px) + 2px);box-shadow:var(--uc-ai-dialog-shadow);white-space:nowrap;opacity:0;transform:translateY(-50%) translate(-6px) scale(.95);transform-origin:right center;pointer-events:none;transition:opacity .26s var(--uc-ai-ease-out, ease),transform .26s var(--uc-ai-ease-out, ease)}.strip:hover .startover,.strip:focus-within .startover{opacity:1;transform:translateY(-50%) translate(0) scale(1);pointer-events:auto}.strip--empty .startover{position:static;opacity:1;transform:none;pointer-events:auto}.startover__btn{height:var(--uc-ai-button-size, 32px);padding:0 12px;background:transparent;border:0;border-radius:inherit;color:var(--uc-ai-foreground);font:inherit;font-size:13px;cursor:pointer}.startover__btn:disabled{cursor:not-allowed}.startover__btn:hover{background:var(--uc-ai-secondary)}.strip:before{content:"";position:absolute;right:100%;top:-12px;bottom:-12px;width:200px}.strip--empty:before{content:none}@media(prefers-reduced-motion:reduce){.chip,.startover{transition-property:opacity,border-color,margin}.chip:hover,.chip--selected{transform:scale(1)}.strip:not(.strip--empty) .startover,.strip:not(.strip--empty):hover .startover,.strip:not(.strip--empty):focus-within .startover{transform:translateY(-50%)}}';
-var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, L = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? rr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+ot(tr);
+const ir = ':host{display:flex;justify-content:center}.strip{position:relative;display:inline-flex;align-items:center;min-height:44px}.chip{display:flex;align-items:center;padding:2px;margin-right:-11px;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid transparent;border-radius:calc(var(--uc-ai-radius-button, 8px) + 2px);box-shadow:0 1px 8px #0000004d;cursor:pointer;transform:scale(1);transition:margin .3s var(--uc-ai-ease-out, ease),border-color 225ms ease,transform .27s var(--uc-ai-ease-out, ease),opacity .33s var(--uc-ai-ease-out, ease)}.chip:disabled{cursor:not-allowed}.chip:last-child{margin-right:0}@media(hover:hover)and (pointer:fine){.chip:hover:not(:disabled){transform:scale(1.1)}.strip:hover .chip:not(:disabled){margin-right:7px}.strip:hover .chip:not(:disabled):last-child{margin-right:0}}.chip--selected{border-color:var(--uc-ai-primary);transform:scale(1.2)}.thumb{position:relative;display:block;width:40px;height:40px;border-radius:var(--uc-ai-radius-button, 8px);background-color:var(--uc-ai-muted);overflow:hidden}.thumb:not(.thumb--loaded):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--uc-ai-foreground) 9%,transparent) 50%,transparent 70%);transform:translate(-100%);animation:thumb-shimmer 1.2s ease-in-out infinite}@keyframes thumb-shimmer{to{transform:translate(100%)}}.thumb__img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s var(--uc-ai-ease-out, ease)}.thumb--loaded .thumb__img{opacity:1}@media(prefers-reduced-motion:reduce){.thumb:not(.thumb--loaded):after{animation:none}.thumb__img{transition:none}}.startover{position:absolute;right:calc(100% + 10px);top:50%;display:flex;align-items:center;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid var(--uc-ai-floating-border, transparent);border-radius:calc(var(--uc-ai-radius-button, 8px) + 2px);box-shadow:var(--uc-ai-dialog-shadow);white-space:nowrap;opacity:0;transform:translateY(-50%) translate(-6px) scale(.95);transform-origin:right center;pointer-events:none;transition:opacity .26s var(--uc-ai-ease-out, ease),transform .26s var(--uc-ai-ease-out, ease)}.strip:hover .startover,.strip:focus-within .startover{opacity:1;transform:translateY(-50%) translate(0) scale(1);pointer-events:auto}.strip--empty .startover{position:static;opacity:1;transform:none;pointer-events:auto}.startover__btn{height:var(--uc-ai-button-size, 32px);padding:0 12px;background:transparent;border:0;border-radius:inherit;color:var(--uc-ai-foreground);font:inherit;font-size:13px;cursor:pointer}.startover__btn:disabled{cursor:not-allowed}.startover__btn:hover{background:var(--uc-ai-secondary)}.strip:before{content:"";position:absolute;right:100%;top:-12px;bottom:-12px;width:200px}.strip--empty:before{content:none}@media(prefers-reduced-motion:reduce){.chip,.startover{transition-property:opacity,border-color,margin}.chip:hover,.chip--selected{transform:scale(1)}.strip:not(.strip--empty) .startover,.strip:not(.strip--empty):hover .startover,.strip:not(.strip--empty):focus-within .startover{transform:translateY(-50%)}}';
+var rr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, z = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? sr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && ir(e, i, s), s;
+  return r && s && rr(e, i, s), s;
 };
-const sr = 80;
+const or = 80;
 let U = class extends G {
   constructor() {
-    super(...arguments), this.entries = [], this.selectedUuid = null, this.showStartOver = !1, this.startOverLabel = "", this.listLabel = "Generation history", this.busy = !1, this._secure = new mt(this), this._loaded = /* @__PURE__ */ new Set();
+    super(...arguments), this.entries = [], this.selectedUuid = null, this.showStartOver = !1, this.startOverLabel = "", this.listLabel = "Generation history", this.busy = !1, this._secure = new _t(this), this._loaded = /* @__PURE__ */ new Set();
   }
   willUpdate(t) {
     if (t.has("secureResolver") && this._secure.setResolver(this.secureResolver), t.has("entries")) {
@@ -1537,7 +1537,7 @@ let U = class extends G {
   }
   render() {
     const t = this.entries.length > 0;
-    if (!t && !this.showStartOver) return f`${v}`;
+    if (!t && !this.showStartOver) return f`${g}`;
     const e = { strip: !0, "strip--empty": !t }, i = [...this.entries].reverse();
     return f`
       <div class=${S(e)} role="toolbar" aria-label="${this.listLabel}">
@@ -1547,12 +1547,12 @@ let U = class extends G {
                   ${this.startOverLabel}
                 </button>
               </div>
-            ` : v}
-        ${wt(
+            ` : g}
+        ${xt(
       i,
       (r) => r.id,
       (r) => {
-        const s = this._secure.resolve(Ii(r.url, sr)), o = this.selectedUuid != null && r.file.uuid === this.selectedUuid, a = this._loaded.has(r.id);
+        const s = this._secure.resolve(Ii(r.url, or)), o = this.selectedUuid != null && r.file.uuid === this.selectedUuid, a = this._loaded.has(r.id);
         return f`
               <button
                 type="button"
@@ -1562,7 +1562,7 @@ let U = class extends G {
                 aria-label=${r.prompt || "Result"}
                 title=${r.prompt}
                 @click=${() => this._select(r)}
-                ${Zi({ keyframeOptions: { duration: 300, easing: "cubic-bezier(0.23, 1, 0.32, 1)" } })}
+                ${Qi({ keyframeOptions: { duration: 300, easing: "cubic-bezier(0.23, 1, 0.32, 1)" } })}
               >
                 <span class=${S({ thumb: !0, "thumb--loaded": a })}>
                   ${// Rendering the <img> preloads it; the skeleton shows until it
@@ -1575,7 +1575,7 @@ let U = class extends G {
                           decoding="async"
                           @load=${() => this._onThumbSettled(r.id)}
                           @error=${() => this._onThumbSettled(r.id)}
-                        />` : v}
+                        />` : g}
                 </span>
               </button>
             `;
@@ -1585,36 +1585,36 @@ let U = class extends G {
     `;
   }
 };
-U.styles = j(tr);
-L([
+U.styles = j(ir);
+z([
   c({ attribute: !1 })
 ], U.prototype, "entries", 2);
-L([
+z([
   c({ attribute: "selected-uuid" })
 ], U.prototype, "selectedUuid", 2);
-L([
+z([
   c({ type: Boolean, attribute: "show-start-over" })
 ], U.prototype, "showStartOver", 2);
-L([
+z([
   c({ attribute: "start-over-label" })
 ], U.prototype, "startOverLabel", 2);
-L([
+z([
   c({ attribute: "list-label" })
 ], U.prototype, "listLabel", 2);
-L([
+z([
   c({ type: Boolean })
 ], U.prototype, "busy", 2);
-L([
+z([
   c({ attribute: !1 })
 ], U.prototype, "secureResolver", 2);
-U = L([
+U = z([
   H("uc-ai-history")
 ], U);
-const or = ':host{display:block}.card{width:100%;box-sizing:border-box;background:color-mix(in srgb,var(--uc-ai-floating, var(--uc-ai-background)) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--uc-ai-floating-border, transparent);border-radius:var(--uc-ai-composer-radius-top) var(--uc-ai-composer-radius-top) var(--uc-ai-composer-radius-bottom) var(--uc-ai-composer-radius-bottom);transition:border-radius .4s var(--uc-ai-ease-out),box-shadow .4s var(--uc-ai-ease-out);box-shadow:var(--uc-ai-composer-shadow);overflow:visible;--uc-ai-radius-button: max(0px, calc(var(--uc-ai-composer-radius) - var(--uc-ai-padding)))}.body{display:flex;flex-direction:column;gap:var(--uc-ai-padding);padding:var(--uc-ai-padding)}.input{box-sizing:border-box;width:100%;min-height:40px;max-height:var(--uc-ai-prompt-max-height, calc(var(--uc-ai-prompt-max-lines, 6) * 1.5em + 10px));resize:none;border:0;outline:none;padding:0 3px;background:transparent;font-family:inherit;font-size:var(--uc-ai-font-size);line-height:20px;color:var(--uc-ai-foreground);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--uc-ai-border) transparent;transition:height .16s var(--uc-ai-ease-out, ease)}@supports (field-sizing: content){.input{field-sizing:content;transition:none}}.input::placeholder{color:var(--uc-ai-muted-foreground)}.input:disabled{color:var(--uc-ai-muted-foreground);-webkit-text-fill-color:var(--uc-ai-muted-foreground);cursor:not-allowed}.row{display:flex;align-items:center;gap:10px}.actions{flex:1;min-width:0;display:flex;align-items:center}.actions::slotted(*){min-width:0}.controls{display:flex;align-items:center;gap:0;flex:none}.send{margin-left:5px;width:var(--uc-ai-button-size, 32px);height:var(--uc-ai-button-size, 32px);flex:none;min-width:0;display:inline-flex;align-items:center;justify-content:center;position:relative;background:var(--uc-ai-primary);color:var(--uc-ai-primary-foreground);border:none;border-radius:var(--uc-ai-radius-button);cursor:pointer;overflow:hidden;transition:width .22s var(--uc-ai-ease-out, ease),margin-left .22s var(--uc-ai-ease-out, ease),opacity .15s var(--uc-ai-ease-out, ease),transform .15s var(--uc-ai-ease-out, ease),background var(--uc-ai-transition)}.send:hover:not(:disabled){background:var(--uc-ai-primary-hover)}.send:active:not(:disabled){transform:scale(.95)}.send:disabled{cursor:default}.send[hidden]{display:inline-flex;width:0;min-width:0;padding:0;margin-left:0;opacity:0;transform:scale(.8);pointer-events:none}.send__icon,.send__spinner{position:absolute;top:50%;left:50%;width:16px;height:16px;transition:opacity .2s var(--uc-ai-ease-out, ease),transform .2s var(--uc-ai-ease-out, ease),filter .2s var(--uc-ai-ease-out, ease)}.send__icon{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.send__icon svg{width:16px;height:16px;display:block}.send__spinner{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(3px)}.send__spinner:before,.send__spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid currentColor}.send__spinner:before{opacity:.3}.send__spinner:after{border-top-color:transparent;animation:send-spin .7s linear infinite;will-change:transform}@keyframes send-spin{to{transform:rotate(360deg)}}.send--busy .send__icon{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(3px)}.send--busy .send__spinner{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.send--busy:disabled{opacity:1}@media(prefers-reduced-motion:reduce){.input,.send{transition-property:opacity,background,width,margin-left}.send__icon,.send__spinner{transition-property:opacity}.send__spinner:after{animation:none}.send:active:not(:disabled){transform:none}}';
-var ar = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? nr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const ar = ':host{display:block}.card{width:100%;box-sizing:border-box;background:color-mix(in srgb,var(--uc-ai-floating, var(--uc-ai-background)) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--uc-ai-floating-border, transparent);border-radius:var(--uc-ai-composer-radius-top) var(--uc-ai-composer-radius-top) var(--uc-ai-composer-radius-bottom) var(--uc-ai-composer-radius-bottom);transition:border-radius .4s var(--uc-ai-ease-out),box-shadow .4s var(--uc-ai-ease-out);box-shadow:var(--uc-ai-composer-shadow);overflow:visible;--uc-ai-radius-button: max(0px, calc(var(--uc-ai-composer-radius) - var(--uc-ai-padding)))}.body{display:flex;flex-direction:column;gap:var(--uc-ai-padding);padding:var(--uc-ai-padding)}.input{box-sizing:border-box;width:100%;min-height:40px;max-height:var(--uc-ai-prompt-max-height, calc(var(--uc-ai-prompt-max-lines, 6) * 1.5em + 10px));resize:none;border:0;outline:none;padding:0 3px;background:transparent;font-family:inherit;font-size:var(--uc-ai-font-size);line-height:20px;color:var(--uc-ai-foreground);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--uc-ai-border) transparent;transition:height .16s var(--uc-ai-ease-out, ease)}@supports (field-sizing: content){.input{field-sizing:content;transition:none}}.input::placeholder{color:var(--uc-ai-muted-foreground)}.input:disabled{color:var(--uc-ai-muted-foreground);-webkit-text-fill-color:var(--uc-ai-muted-foreground);cursor:not-allowed}.row{display:flex;align-items:center;gap:10px}.actions{flex:1;min-width:0;display:flex;align-items:center}.actions::slotted(*){min-width:0}.controls{display:flex;align-items:center;gap:0;flex:none}.send{margin-left:5px;width:var(--uc-ai-button-size, 32px);height:var(--uc-ai-button-size, 32px);flex:none;min-width:0;display:inline-flex;align-items:center;justify-content:center;position:relative;background:var(--uc-ai-primary);color:var(--uc-ai-primary-foreground);border:none;border-radius:var(--uc-ai-radius-button);cursor:pointer;overflow:hidden;transition:width .22s var(--uc-ai-ease-out, ease),margin-left .22s var(--uc-ai-ease-out, ease),opacity .15s var(--uc-ai-ease-out, ease),transform .15s var(--uc-ai-ease-out, ease),background var(--uc-ai-transition)}.send:hover:not(:disabled){background:var(--uc-ai-primary-hover)}.send:active:not(:disabled){transform:scale(.95)}.send:disabled{cursor:default}.send[hidden]{display:inline-flex;width:0;min-width:0;padding:0;margin-left:0;opacity:0;transform:scale(.8);pointer-events:none}.send__icon,.send__spinner{position:absolute;top:50%;left:50%;width:16px;height:16px;transition:opacity .2s var(--uc-ai-ease-out, ease),transform .2s var(--uc-ai-ease-out, ease),filter .2s var(--uc-ai-ease-out, ease)}.send__icon{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.send__icon svg{width:16px;height:16px;display:block}.send__spinner{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(3px)}.send__spinner:before,.send__spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid currentColor}.send__spinner:before{opacity:.3}.send__spinner:after{border-top-color:transparent;animation:send-spin .7s linear infinite;will-change:transform}@keyframes send-spin{to{transform:rotate(360deg)}}.send--busy .send__icon{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(3px)}.send--busy .send__spinner{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.send--busy:disabled{opacity:1}@media(prefers-reduced-motion:reduce){.input,.send{transition-property:opacity,background,width,margin-left}.send__icon,.send__spinner{transition-property:opacity}.send__spinner:after{animation:none}.send:active:not(:disabled){transform:none}}';
+var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? lr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && ar(e, i, s), s;
+  return r && s && nr(e, i, s), s;
 };
 let T = class extends G {
   constructor() {
@@ -1669,7 +1669,7 @@ let T = class extends G {
                   @input=${this._onInput}
                   @keydown=${this._onKeydown}
                   ?disabled=${this.busy}
-                ></textarea>` : v}
+                ></textarea>` : g}
           <div class="row">
             <div class="actions">
@@ -1685,7 +1685,7 @@ let T = class extends G {
                 ?disabled=${this.busy || t}
                 @click=${this._emitSend}
               >
-                <span class="send__icon">${re(Bi)}</span>
+                <span class="send__icon">${re(ji)}</span>
                 <span class="send__spinner" aria-hidden="true"></span>
               </button>
             </div>
@@ -1695,7 +1695,7 @@ let T = class extends G {
     `;
   }
 };
-T.styles = j(or);
+T.styles = j(ar);
 D([
   c()
 ], T.prototype, "mode", 2);
@@ -1720,11 +1720,11 @@ D([
 T = D([
   H("uc-ai-prompt-row")
 ], T);
-const lr = ":host{display:block;min-width:0}.row{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row.fade-left.fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.row.fade-left:not(.fade-right){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px);mask-image:linear-gradient(to right,transparent 0,#000 10px)}.row.fade-right:not(.fade-left){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent 100%)}.chip{flex:none;height:var(--uc-ai-button-size, 32px);display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:var(--uc-ai-secondary);border:0;border-radius:var(--uc-ai-radius-button);font-family:inherit;font-size:13px;line-height:20px;color:var(--uc-ai-secondary-foreground);cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .14s var(--uc-ai-ease-out, ease)}@media(hover:hover)and (pointer:fine){.chip:hover{background:var(--uc-ai-secondary-hover)}}.chip:active{background:var(--uc-ai-secondary-hover);transform:scale(.97)}.chip:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.chip{transition-property:background}.chip:active{transform:none}}";
-var cr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Y = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? hr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const cr = ":host{display:block;min-width:0}.row{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row.fade-left.fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.row.fade-left:not(.fade-right){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px);mask-image:linear-gradient(to right,transparent 0,#000 10px)}.row.fade-right:not(.fade-left){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent 100%)}.chip{flex:none;height:var(--uc-ai-button-size, 32px);display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:var(--uc-ai-secondary);border:0;border-radius:var(--uc-ai-radius-button);font-family:inherit;font-size:13px;line-height:20px;color:var(--uc-ai-secondary-foreground);cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .14s var(--uc-ai-ease-out, ease)}@media(hover:hover)and (pointer:fine){.chip:hover{background:var(--uc-ai-secondary-hover)}}.chip:active{background:var(--uc-ai-secondary-hover);transform:scale(.97)}.chip:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.chip{transition-property:background}.chip:active{transform:none}}";
+var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Y = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ur(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && cr(e, i, s), s;
+  return r && s && hr(e, i, s), s;
 };
 let P = class extends G {
   constructor() {
@@ -1783,7 +1783,7 @@ let P = class extends G {
     `;
   }
 };
-P.styles = j(lr);
+P.styles = j(cr);
 Y([
   c()
 ], P.prototype, "mode", 2);
@@ -1806,7 +1806,7 @@ function N(t, e) {
   if (t === null) throw new Error(`DotGrid GL: failed to create ${e} (context lost?)`);
   return t;
 }
-const xe = 8, ur = `#version 300 es
+const xe = 8, dr = `#version 300 es
 precision highp float;
 precision highp int;
 in vec2 aCorner;        // unit quad corner, -0.5..0.5
@@ -1903,7 +1903,7 @@ void main() {
   gl_Position = vec4(ndc.x, -ndc.y, 0.0, 1.0);
   vAlpha = (uMask == 1) ? 1.0 : uColorA;
-}`, dr = `#version 300 es
+}`, pr = `#version 300 es
 precision highp float;
 precision highp int;
 in float vAlpha;
@@ -1922,7 +1922,7 @@ void main() {
   float cov = clamp(0.5 - sd / aaw, 0.0, 1.0);
   vec3 rgb = (uMask == 1) ? vec3(1.0) : uColorRGB;
   frag = vec4(rgb * vAlpha * cov, vAlpha * cov); // premultiplied
-}`, pr = `#version 300 es
+}`, fr = `#version 300 es
 precision highp float;
 in vec2 aQuad;          // 0..1
 uniform vec2 uResolution;
@@ -1933,7 +1933,7 @@ void main() {
   vFramePx = px - uFrame.xy;
   vec2 ndc = (px / uResolution) * 2.0 - 1.0;
   gl_Position = vec4(ndc.x, -ndc.y, 0.0, 1.0);
-}`, fr = `#version 300 es
+}`, mr = `#version 300 es
 precision highp float;
 in vec2 vFramePx;
 uniform sampler2D uImage;
@@ -1950,7 +1950,7 @@ void main() {
 }`;
 class Ae {
   constructor(e) {
-    this._dotUniforms = {}, this._imgUniforms = {}, this._appliedW = 0, this._appliedH = 0, this._appliedScale = 0, this._texImage = null, this._texOk = !1, this._gl = e, this._dotProgram = this._link(ur, dr), this._imgProgram = this._link(pr, fr), this._cornerBuf = this._staticBuffer([-0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, 0.5]), this._quadBuf = this._staticBuffer([0, 0, 1, 0, 0, 1, 1, 1]), this._clipBuf = N(e.createBuffer(), "buffer"), this._dotVao = N(e.createVertexArray(), "vertex array"), e.bindVertexArray(this._dotVao);
+    this._dotUniforms = {}, this._imgUniforms = {}, this._appliedW = 0, this._appliedH = 0, this._appliedScale = 0, this._texImage = null, this._texOk = !1, this._gl = e, this._dotProgram = this._link(dr, pr), this._imgProgram = this._link(fr, mr), this._cornerBuf = this._staticBuffer([-0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, 0.5]), this._quadBuf = this._staticBuffer([0, 0, 1, 0, 0, 1, 1, 1]), this._clipBuf = N(e.createBuffer(), "buffer"), this._dotVao = N(e.createVertexArray(), "vertex array"), e.bindVertexArray(this._dotVao);
     const i = e.getAttribLocation(this._dotProgram, "aCorner");
     e.bindBuffer(e.ARRAY_BUFFER, this._cornerBuf), e.enableVertexAttribArray(i), e.vertexAttribPointer(i, 2, e.FLOAT, !1, 0, 0);
     const r = e.getAttribLocation(this._dotProgram, "aClip");
@@ -2071,7 +2071,7 @@ class Ae {
     return s;
   }
 }
-const mr = 1200, _r = 800, gr = 1.5, it = (t) => 1 - (1 - t) ** 3, vr = {
+const _r = 1200, gr = 800, vr = 1.5, rt = (t) => 1 - (1 - t) ** 3, br = {
   cellSize: 6,
   dotRatio: 0.46,
   sizeScale: 1,
@@ -2092,19 +2092,19 @@ const mr = 1200, _r = 800, gr = 1.5, it = (t) => 1 - (1 - t) ** 3, vr = {
   shimEnterMs: 450,
   shimExitMs: 450
 };
-class br {
+class yr {
   constructor(e, i) {
-    this._refs = null, this._ctx = null, this._gl = null, this._glImageEl = null, this._glImageReady = !1, this._cfg = { ...vr }, this._sizeMul = 1, this._dotColor = "rgba(0, 0, 0, 0.16)", this._dotColorRGBA = [0, 0, 0, 0.16], this._w = 0, this._h = 0, this._cols = 0, this._rows = 0, this._offsetX = 0, this._offsetY = 0, this._epiRadius = 1, this._appliedScale = 0, this._clip = new Float32Array(0), this._env = 0, this._envFrom = 0, this._envTo = 0, this._envStart = 0, this._envDur = 0, this._envAnimating = !1, this._shimMix = 0, this._shimFrom = 0, this._shimTo = 0, this._shimStart = 0, this._shimDur = 0, this._shimAnimating = !1, this._exitPending = !1, this._prevShim = !1, this._opacityManual = !1, this._hiddenImage = null, this._rafId = null, this._lastTime = 0, this._state = { shimmering: !1, empty: !0, generating: !1 }, this._epis = [], this._onThemeChange = () => {
+    this._refs = null, this._ctx = null, this._gl = null, this._glImageEl = null, this._glImageReady = !1, this._cfg = { ...br }, this._sizeMul = 1, this._dotColor = "rgba(0, 0, 0, 0.16)", this._dotColorRGBA = [0, 0, 0, 0.16], this._w = 0, this._h = 0, this._cols = 0, this._rows = 0, this._offsetX = 0, this._offsetY = 0, this._epiRadius = 1, this._appliedScale = 0, this._clip = new Float32Array(0), this._env = 0, this._envFrom = 0, this._envTo = 0, this._envStart = 0, this._envDur = 0, this._envAnimating = !1, this._shimMix = 0, this._shimFrom = 0, this._shimTo = 0, this._shimStart = 0, this._shimDur = 0, this._shimAnimating = !1, this._exitPending = !1, this._prevShim = !1, this._opacityManual = !1, this._hiddenImage = null, this._rafId = null, this._lastTime = 0, this._state = { shimmering: !1, empty: !0, generating: !1 }, this._epis = [], this._onThemeChange = () => {
       this.refreshColor();
     }, this._rectCache = null, this._glEpis = new Float32Array(16), this._tick = (r) => {
       const s = this._lastTime ? Math.min(64, r - this._lastTime) : 16;
       if (this._lastTime = r, this._rectCache = this._frameRect(), this._envAnimating) {
         const a = Math.min(1, (r - this._envStart) / this._envDur);
-        this._env = this._envFrom + (this._envTo - this._envFrom) * it(a), a >= 1 && (this._env = this._envTo, this._envAnimating = !1);
+        this._env = this._envFrom + (this._envTo - this._envFrom) * rt(a), a >= 1 && (this._env = this._envTo, this._envAnimating = !1);
       }
       if (this._shimAnimating) {
         const a = Math.min(1, (r - this._shimStart) / this._shimDur);
-        this._shimMix = this._shimFrom + (this._shimTo - this._shimFrom) * it(a), a >= 1 && (this._shimMix = this._shimTo, this._shimAnimating = !1);
+        this._shimMix = this._shimFrom + (this._shimTo - this._shimFrom) * rt(a), a >= 1 && (this._shimMix = this._shimTo, this._shimAnimating = !1);
       }
       this._state.generating && !this._reduceMotion && this._moveEpicenters(s);
       const o = this._followFrame(s);
@@ -2124,7 +2124,7 @@ class br {
    *  proportional, >1 exaggerates, <0 inverts). Always positive, so it never
    *  produces a negative radius/speed however far it's pushed. */
   _computeSizeMul() {
-    return this._w <= 0 || this._h <= 0 ? 1 : Math.sqrt(this._w * this._h / (mr * _r)) ** this._cfg.sizeScale;
+    return this._w <= 0 || this._h <= 0 ? 1 : Math.sqrt(this._w * this._h / (_r * gr)) ** this._cfg.sizeScale;
   }
   /** Wire the painter to the canvas's rendered elements. */
   attach(e) {
@@ -2282,7 +2282,7 @@ class br {
    *  {@link MAX_ANIMATED_DPR} so per-frame raster stays cheap on hi-dpi. */
   _scale(e = !1) {
     const i = Math.min(window.devicePixelRatio || 1, this._cfg.maxDpr);
-    return e ? Math.min(i, gr) : i;
+    return e ? Math.min(i, vr) : i;
   }
   /** Size the backing store to `scale`× the viewport. Note: setting width/height
    *  clears the canvas and resets the context, so the transform is re-applied. */
@@ -2396,13 +2396,13 @@ class br {
         const x = this._offsetX + u * o;
         let w;
         if (i) {
-          const R = this._reduceMotion ? 1 : this._state.generating ? this._shimmerScale(u, h, x, p) : this._cfg.minScale, I = this._baseRadius * R;
-          w = (a + this._env * (I - a)) * _;
+          const R = this._reduceMotion ? 1 : this._state.generating ? this._shimmerScale(u, h, x, p) : this._cfg.minScale, O = this._baseRadius * R;
+          w = (a + this._env * (O - a)) * _;
         } else {
           let R = this._staticScale();
           if (!this._reduceMotion && this._shimMix > 0) {
-            const I = this._shimmerScale(u, h, x, p);
-            R += (I - R) * this._shimMix;
+            const O = this._shimmerScale(u, h, x, p);
+            R += (O - R) * this._shimMix;
           }
           w = this._baseRadius * R * _;
         }
@@ -2470,16 +2470,16 @@ class br {
     this._exitPending && this._hasImage() && (this._exitPending = !1, this._env = 1, this._startEnv(0, this._cfg.exitMs));
   }
 }
-const yr = ":host{display:block;width:100%;height:100%;container-type:inline-size}.canvas{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden}.canvas__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uc-ai-background)}.canvas__viewport{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;place-items:center;pointer-events:none}.canvas__frame{position:relative;overflow:hidden}.canvas.is-ready .canvas__frame{transition:width .46s var(--uc-ai-ease-in-out, ease),height .46s var(--uc-ai-ease-in-out, ease)}.canvas__image{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;transition:opacity .3s var(--uc-ai-ease-out, ease)}.canvas__under{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;color:var(--uc-ai-dot-grid-color, color-mix(in srgb, currentColor 15%, transparent));transition:opacity .2s ease}.canvas.is-empty .dot-grid,.canvas.is-loading .dot-grid{opacity:1}.preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.layer.full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:4}.fullscreen-btn{position:absolute;top:12px;right:12px;z-index:5;display:grid;place-items:center;width:var(--uc-ai-button-size, 32px);height:var(--uc-ai-button-size, 32px);padding:0;border:0;border-radius:var(--uc-ai-radius-button, 8px);background:color-mix(in oklch,var(--uc-ai-background) 75%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--uc-ai-foreground);cursor:pointer;opacity:0;transition:opacity var(--uc-ai-transition, .2s ease),background var(--uc-ai-transition, .2s ease)}.fullscreen-btn svg{width:18px;height:18px}.canvas:hover .fullscreen-btn,.fullscreen-btn:focus-visible{opacity:1}.fullscreen-btn:hover{background:var(--uc-ai-background)}@media(hover:none){.fullscreen-btn{opacity:1}}.canvas:fullscreen{background:#000}.canvas:fullscreen .canvas__bg{background:#000}.error-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;text-align:center;color:var(--uc-ai-muted-foreground);font-size:.875em;z-index:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.canvas__viewport,.canvas__frame,.canvas__image,.fullscreen-btn{transition:none}}";
-var wr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, y = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? xr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const wr = ":host{display:block;width:100%;height:100%;container-type:inline-size}.canvas{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden}.canvas__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uc-ai-background)}.canvas__viewport{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;place-items:center;pointer-events:none}.canvas__frame{position:relative;overflow:hidden}.canvas.is-ready .canvas__frame{transition:width .46s var(--uc-ai-ease-in-out, ease),height .46s var(--uc-ai-ease-in-out, ease)}.canvas__image{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;transition:opacity .3s var(--uc-ai-ease-out, ease)}.canvas__under{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;color:var(--uc-ai-dot-grid-color, color-mix(in srgb, currentColor 15%, transparent));transition:opacity .2s ease}.canvas.is-empty .dot-grid,.canvas.is-loading .dot-grid{opacity:1}.preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.layer.full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:4}.fullscreen-btn{position:absolute;top:12px;right:12px;z-index:5;display:grid;place-items:center;width:var(--uc-ai-button-size, 32px);height:var(--uc-ai-button-size, 32px);padding:0;border:0;border-radius:var(--uc-ai-radius-button, 8px);background:color-mix(in oklch,var(--uc-ai-background) 75%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--uc-ai-foreground);cursor:pointer;opacity:0;transition:opacity var(--uc-ai-transition, .2s ease),background var(--uc-ai-transition, .2s ease)}.fullscreen-btn svg{width:18px;height:18px}.canvas:hover .fullscreen-btn,.fullscreen-btn:focus-visible{opacity:1}.fullscreen-btn:hover{background:var(--uc-ai-background)}@media(hover:none){.fullscreen-btn{opacity:1}}.canvas:fullscreen{background:#000}.canvas:fullscreen .canvas__bg{background:#000}.error-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;text-align:center;color:var(--uc-ai-muted-foreground);font-size:.875em;z-index:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.canvas__viewport,.canvas__frame,.canvas__image,.fullscreen-btn{transition:none}}";
+var xr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, y = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Er(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && wr(e, i, s), s;
+  return r && s && xr(e, i, s), s;
 };
-const kr = 3 / 2, Er = 70;
-let g = class extends G {
+const kr = 3 / 2, Rr = 70;
+let v = class extends G {
   constructor() {
-    super(...arguments), this.url = null, this.ratio = null, this.naturalRatio = null, this.busy = !1, this.alt = "", this.busyLabel = "", this.errorLabel = "", this.fullscreenLabel = "", this.exitFullscreenLabel = "", this.fullsizeUrl = null, this._displayedUrl = null, this._fadingUrl = null, this._failed = !1, this._frameReady = !1, this._fullscreen = !1, this._dotGrid = new br(this), this._switchCovering = !1, this._seenUrls = /* @__PURE__ */ new Set(), this._instantSwap = !1, this._onVisibilityChange = () => {
+    super(...arguments), this.url = null, this.ratio = null, this.naturalRatio = null, this.busy = !1, this.alt = "", this.busyLabel = "", this.errorLabel = "", this.fullscreenLabel = "", this.exitFullscreenLabel = "", this.fullsizeUrl = null, this._displayedUrl = null, this._fadingUrl = null, this._failed = !1, this._frameReady = !1, this._fullscreen = !1, this._dotGrid = new yr(this), this._switchCovering = !1, this._seenUrls = /* @__PURE__ */ new Set(), this._instantSwap = !1, this._onVisibilityChange = () => {
       document.visibilityState !== "visible" || this.busy || !this._displayedUrl || (this._clearCoverTimer(), this._switchCovering = !1, this._dotGrid.settle());
     }, this._preloadedFullsizeUrl = null, this._onFullscreenKeydown = (t) => {
       t.key === "Escape" && document.fullscreenElement && (t.preventDefault(), t.stopPropagation(), document.exitFullscreen());
@@ -2543,7 +2543,7 @@ let g = class extends G {
     }
     this._instantSwap = !1, !(this._switchCovering || this._coverTimer != null) && (this._coverTimer = window.setTimeout(() => {
       this._coverTimer = void 0, this.url != null && this.url !== this._displayedUrl && !this._failed && !this.busy && !this._switchCovering && (this._switchCovering = !0, this._syncGrid());
-    }, Er));
+    }, Rr));
   }
   _clearCoverTimer() {
     this._coverTimer != null && (clearTimeout(this._coverTimer), this._coverTimer = void 0);
@@ -2617,7 +2617,7 @@ let g = class extends G {
             ${// Previous image held underneath during an instant (cached) swap so
     // the frame never blanks for the frame it takes the new <img> to
     // paint; dropped on the new image's load.
-    this._fadingUrl ? f`<img class="canvas__under" src="${this._fadingUrl}" alt="" aria-hidden="true" crossorigin="anonymous" />` : v}
+    this._fadingUrl ? f`<img class="canvas__under" src="${this._fadingUrl}" alt="" aria-hidden="true" crossorigin="anonymous" />` : g}
             ${this._displayedUrl ? f`<img
                     class="canvas__image"
                     src="${this._displayedUrl}"
@@ -2625,24 +2625,24 @@ let g = class extends G {
                     decoding="async"
                     crossorigin="anonymous"
                     @load=${this._onDisplayedLoad}
-                  />` : v}
+                  />` : g}
           </div>
           <canvas class="dot-grid" aria-hidden="true"></canvas>
         </div>
         ${// Full-quality rendition overlays the preview while fullscreen.
-    this._fullscreen && this.fullsizeUrl ? f`<img class="layer full" src="${this.fullsizeUrl}" alt="${this.alt || "AI image"}" decoding="async" />` : v}
+    this._fullscreen && this.fullsizeUrl ? f`<img class="layer full" src="${this.fullsizeUrl}" alt="${this.alt || "AI image"}" decoding="async" />` : g}
         ${t ? f`<img
                 class="preload"
-                src="${xt(this.url ?? void 0)}"
+                src="${Et(this.url ?? void 0)}"
                 alt=""
                 aria-hidden="true"
                 decoding="async"
                 crossorigin="anonymous"
                 @load=${this._onLoaded}
                 @error=${this._onError}
-              />` : v}
-        ${this._failed ? f`<div class="error-state" role="alert">${this.errorLabel || "Failed to load image"}</div>` : v}
+              />` : g}
+        ${this._failed ? f`<div class="error-state" role="alert">${this.errorLabel || "Failed to load image"}</div>` : g}
         ${i ? f`
               <button
                 type="button"
@@ -2653,86 +2653,86 @@ let g = class extends G {
                 @focus=${this._preloadFullsize}
                 @click=${this._toggleFullscreen}
               >
-                ${re(this._fullscreen ? Hi : Gi)}
+                ${re(this._fullscreen ? Wi : Hi)}
               </button>
-            ` : v}
+            ` : g}
         <span class="sr-only" role="status" aria-live="polite">${this.busy ? this.busyLabel : ""}</span>
       </div>
     `;
   }
 };
-g.styles = j(yr);
+v.styles = j(wr);
 y([
   c()
-], g.prototype, "url", 2);
+], v.prototype, "url", 2);
 y([
   c({ type: Number })
-], g.prototype, "ratio", 2);
+], v.prototype, "ratio", 2);
 y([
   c({ type: Number, attribute: "natural-ratio" })
-], g.prototype, "naturalRatio", 2);
+], v.prototype, "naturalRatio", 2);
 y([
   c({ type: Boolean })
-], g.prototype, "busy", 2);
+], v.prototype, "busy", 2);
 y([
   c()
-], g.prototype, "alt", 2);
+], v.prototype, "alt", 2);
 y([
   c({ attribute: "busy-label" })
-], g.prototype, "busyLabel", 2);
+], v.prototype, "busyLabel", 2);
 y([
   c({ attribute: "error-label" })
-], g.prototype, "errorLabel", 2);
+], v.prototype, "errorLabel", 2);
 y([
   c({ attribute: "fullscreen-label" })
-], g.prototype, "fullscreenLabel", 2);
+], v.prototype, "fullscreenLabel", 2);
 y([
   c({ attribute: "exit-fullscreen-label" })
-], g.prototype, "exitFullscreenLabel", 2);
+], v.prototype, "exitFullscreenLabel", 2);
 y([
   c({ attribute: "fullsize-url" })
-], g.prototype, "fullsizeUrl", 2);
+], v.prototype, "fullsizeUrl", 2);
 y([
   c({ attribute: !1 })
-], g.prototype, "shimmerConfig", 2);
+], v.prototype, "shimmerConfig", 2);
 y([
   C()
-], g.prototype, "_displayedUrl", 2);
+], v.prototype, "_displayedUrl", 2);
 y([
   C()
-], g.prototype, "_fadingUrl", 2);
+], v.prototype, "_fadingUrl", 2);
 y([
   C()
-], g.prototype, "_failed", 2);
+], v.prototype, "_failed", 2);
 y([
   C()
-], g.prototype, "_frameReady", 2);
+], v.prototype, "_frameReady", 2);
 y([
   C()
-], g.prototype, "_fullscreen", 2);
+], v.prototype, "_fullscreen", 2);
 y([
   F(".canvas")
-], g.prototype, "_canvasEl", 2);
+], v.prototype, "_canvasEl", 2);
 y([
   F(".canvas__viewport")
-], g.prototype, "_viewportEl", 2);
+], v.prototype, "_viewportEl", 2);
 y([
   F(".canvas__frame")
-], g.prototype, "_frameEl", 2);
+], v.prototype, "_frameEl", 2);
 y([
   F(".canvas__image")
-], g.prototype, "_imageEl", 2);
+], v.prototype, "_imageEl", 2);
 y([
   F(".dot-grid")
-], g.prototype, "_dotGridEl", 2);
-g = y([
+], v.prototype, "_dotGridEl", 2);
+v = y([
   H("uc-ai-canvas")
-], g);
-const Rr = ":host{display:block;container-type:inline-size}.footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:var(--uc-ai-padding);background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--uc-ai-button-size);padding:0 14px;border:0;border-radius:var(--uc-ai-radius-button);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,filter .15s ease,transform .14s var(--uc-ai-ease-out, ease)}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--uc-ai-secondary);color:var(--uc-ai-secondary-foreground)}.btn--primary{background:var(--uc-ai-primary);color:var(--uc-ai-primary-foreground)}@media(hover:hover)and (pointer:fine){.btn--ghost:hover{background:var(--uc-ai-secondary-hover)}.btn--primary:hover{background:var(--uc-ai-primary-hover)}}.btn--primary:disabled{opacity:.5;cursor:not-allowed;background:var(--uc-ai-primary)}.btn svg{width:14px;height:14px}@media(prefers-reduced-motion:reduce){.btn{transition-property:background,filter}.btn:active{transform:none}}";
-var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, ae = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Cr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+], v);
+const Sr = ":host{display:block;container-type:inline-size}.footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:var(--uc-ai-padding);background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--uc-ai-button-size);padding:0 14px;border:0;border-radius:var(--uc-ai-radius-button);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,filter .15s ease,transform .14s var(--uc-ai-ease-out, ease)}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--uc-ai-secondary);color:var(--uc-ai-secondary-foreground)}.btn--primary{background:var(--uc-ai-primary);color:var(--uc-ai-primary-foreground)}@media(hover:hover)and (pointer:fine){.btn--ghost:hover{background:var(--uc-ai-secondary-hover)}.btn--primary:hover{background:var(--uc-ai-primary-hover)}}.btn--primary:disabled{opacity:.5;cursor:not-allowed;background:var(--uc-ai-primary)}.btn svg{width:14px;height:14px}@media(prefers-reduced-motion:reduce){.btn{transition-property:background,filter}.btn:active{transform:none}}";
+var Cr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, ae = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? $r(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && Sr(e, i, s), s;
+  return r && s && Cr(e, i, s), s;
 };
 let K = class extends G {
   constructor() {
@@ -2762,7 +2762,7 @@ let K = class extends G {
     `;
   }
 };
-K.styles = j(Rr);
+K.styles = j(Sr);
 ae([
   c({ attribute: "cancel-label" })
 ], K.prototype, "cancelLabel", 2);
@@ -2775,13 +2775,13 @@ ae([
 K = ae([
   H("uc-ai-footer")
 ], K);
-const $r = ":host{--uc-ai-foreground: light-dark(#181818, #e1e1e1);--uc-ai-background: light-dark(#ffffff, #1b1b1b);--uc-ai-floating: var(--uc-floating, light-dark(#ffffff, #242424));--uc-ai-floating-border: var(--uc-floating-border, light-dark(transparent, rgba(255, 255, 255, .05)));--uc-ai-muted: light-dark(#f5f5f5, #242424);--uc-ai-muted-foreground: light-dark(#717171, #989898);--uc-ai-primary: light-dark(#174bd7, #579aff);--uc-ai-primary-hover: light-dark(#1141c0, #4a8aef);--uc-ai-primary-foreground: light-dark(#ffffff, #000000);--uc-ai-primary-transparent: light-dark(rgba(23, 75, 215, .07), rgba(87, 154, 255, .07));--uc-ai-secondary: light-dark(rgba(24, 24, 24, .05), rgba(225, 225, 225, .07));--uc-ai-secondary-hover: light-dark(rgba(24, 24, 24, .08), rgba(225, 225, 225, .1));--uc-ai-secondary-foreground: light-dark(#181818, #e1e1e1);--uc-ai-border: light-dark(#e4e4e8, #3d3d3d);--uc-ai-shadow-color: light-dark(rgba(24, 24, 24, .18), rgba(0, 0, 0, .5));--uc-ai-dialog-shadow: 0 6px 20px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .25));--uc-ai-composer-shadow: 0 4px 14px light-dark(rgba(0, 0, 0, .18), rgba(0, 0, 0, .34)), 0 0 26px light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .42));--uc-ai-composer-shadow-peek: 0 2px 10px light-dark(rgba(0, 0, 0, .16), rgba(0, 0, 0, .34));--uc-ai-composer-radius: var(--uc-ai-radius-frame);--uc-ai-composer-radius-top: var(--uc-ai-composer-radius);--uc-ai-composer-radius-bottom: var(--uc-ai-composer-radius);--uc-ai-destructive: #d8473e;--uc-ai-destructive-foreground: light-dark(#b3261e, #ff9d96);--uc-ai-radius: 8px;--uc-ai-radius-button: var(--uc-ai-radius);--uc-ai-radius-input: calc(var(--uc-ai-radius) * 1.5);--uc-ai-radius-card: calc(var(--uc-ai-radius) * 2);--uc-ai-radius-frame: calc(var(--uc-ai-radius) * 2.25);--uc-ai-padding: 10px;--uc-ai-button-size: 32px;--uc-ai-font-family: system-ui, -apple-system, sans-serif;--uc-ai-font-size: 14px;--uc-ai-transition: .2s ease;--uc-ai-ease-out: cubic-bezier(.23, 1, .32, 1);--uc-ai-ease-in-out: cubic-bezier(.77, 0, .175, 1);--uc-ai-dot-grid-color: light-dark(rgba(0, 0, 0, .21), rgba(255, 255, 255, .1));--uc-ai-prompt-max-lines: 6;--uc-ai-prompt-max-height: calc(var(--uc-ai-prompt-max-lines) * 1.5em + 10px);display:block;width:100%;height:100%;font-family:var(--uc-ai-font-family);font-size:var(--uc-ai-font-size);color:var(--uc-ai-foreground);color-scheme:light dark;container-type:inline-size}:host([hidden]){display:none}:host(.uc-light),:host-context(.uc-light){color-scheme:light}:host(.uc-dark),:host-context(.uc-dark){color-scheme:dark}.shell{display:flex;flex-direction:column;background:var(--uc-ai-background);border-radius:var(--uc-ai-radius-card);overflow:hidden;box-shadow:var(--uc-ai-dialog-shadow);height:100%}.stage{position:relative;flex:1;min-height:360px;overflow:hidden;background:var(--uc-ai-background)}uc-ai-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.composer{width:700px;max-width:calc(100% - 40px)}.composer__content{display:flex;flex-direction:column;gap:14px;align-items:center}.composer--overlay{position:absolute;left:50%;transform:translate(-50%);z-index:5;transition:transform .48s var(--uc-ai-ease-out)}.composer--overlay-bottom{bottom:32px}.composer--overlay-top{top:32px}.composer--docked{margin-inline:auto;padding:14px 20px;position:relative;z-index:1}.composer--docked-bottom{padding-top:8px}.composer--docked-top{padding-bottom:8px}.history-pinned{position:absolute;left:50%;transform:translate(-50%);width:700px;max-width:calc(100% - 40px);z-index:5}.history-pinned--canvas-top{top:20px}.history-pinned--canvas-bottom{bottom:20px}.history-pinned--docked.history-pinned--canvas-top{top:6px}.history-pinned--docked.history-pinned--canvas-bottom{bottom:6px}.dock-hotzone{position:absolute;left:0;right:0;height:100px;z-index:4;pointer-events:none}.dock-hotzone--bottom{bottom:0}.dock-hotzone--top{top:0}:host([composer-auto-hide]) .stage:not(.is-empty) .dock-hotzone{pointer-events:auto}.composer-fade{position:absolute;left:0;right:0;height:26px;z-index:6;pointer-events:none;opacity:0;transition:opacity .3s var(--uc-ai-ease-out)}.composer-fade--bottom{bottom:0;background:linear-gradient(to top,var(--uc-ai-background) 0,var(--uc-ai-background) 8px,transparent)}.composer-fade--top{top:0;background:linear-gradient(to bottom,var(--uc-ai-background) 0,var(--uc-ai-background) 8px,transparent)}:host([composer-auto-hide]) .stage:not(.is-empty) .composer-fade{opacity:1}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone:hover) .composer-fade,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:hover) .composer-fade,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:focus-within) .composer-fade{opacity:0}:host([composer-auto-hide]) .stage:not(.is-empty) .composer--overlay-bottom{transform:translate(-50%,calc(100% + 4px))}:host([composer-auto-hide]) .stage:not(.is-empty) .composer--overlay-top{transform:translate(-50%,calc(-100% - 4px))}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay{--uc-ai-composer-shadow: var(--uc-ai-composer-shadow-peek)}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay-bottom{--uc-ai-composer-radius-bottom: 0px}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay-top{--uc-ai-composer-radius-top: 0px}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone--bottom:hover) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-bottom:hover) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-bottom:focus-within) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone--top:hover) .composer--overlay-top,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-top:hover) .composer--overlay-top,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-top:focus-within) .composer--overlay-top{transform:translate(-50%)}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone:hover) .dock-hotzone,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:hover) .dock-hotzone,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:focus-within) .dock-hotzone{height:320px}:host([composer-auto-hide]) .shell--has-image .composer--docked{margin-block:8px 14px;position:relative}:host([composer-auto-hide]) .shell--has-image .composer--docked .composer__content{position:relative;transition:transform .5s var(--uc-ai-ease-out)}:host([composer-auto-hide]) .shell--has-image .composer--docked .composer__content uc-ai-history{position:absolute;left:0;right:0}:host([composer-auto-hide]) .shell--has-image .composer--docked-bottom .composer__content uc-ai-history{bottom:calc(100% + 14px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-top .composer__content uc-ai-history{top:calc(100% + 14px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-bottom{clip-path:inset(-200px -200px 0 -200px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-top{clip-path:inset(0 -200px -200px -200px)}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked{--uc-ai-composer-shadow: var(--uc-ai-composer-shadow-peek)}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked-bottom .composer__content{transform:translateY(calc(100% - 22px))}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked-top .composer__content{transform:translateY(calc(-100% + 22px))}uc-ai-history,uc-ai-prompt-row{width:100%}.error-box{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:20px;pointer-events:none}.error-box__card{pointer-events:auto;max-width:75%;padding:10px 15px;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid var(--uc-ai-floating-border, transparent);border-radius:var(--uc-ai-radius-card);box-shadow:var(--uc-ai-dialog-shadow);color:var(--uc-ai-destructive-foreground);font-size:14px;line-height:1.4;text-align:center}";
-var Ar = Object.defineProperty, Ur = Object.getOwnPropertyDescriptor, m = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ur(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const Ar = ":host{--uc-ai-foreground: light-dark(#181818, #e1e1e1);--uc-ai-background: light-dark(#ffffff, #1b1b1b);--uc-ai-floating: var(--uc-floating, light-dark(#ffffff, #242424));--uc-ai-floating-border: var(--uc-floating-border, light-dark(transparent, rgba(255, 255, 255, .05)));--uc-ai-muted: light-dark(#f5f5f5, #242424);--uc-ai-muted-foreground: light-dark(#717171, #989898);--uc-ai-primary: light-dark(#174bd7, #579aff);--uc-ai-primary-hover: light-dark(#1141c0, #4a8aef);--uc-ai-primary-foreground: light-dark(#ffffff, #000000);--uc-ai-primary-transparent: light-dark(rgba(23, 75, 215, .07), rgba(87, 154, 255, .07));--uc-ai-secondary: light-dark(rgba(24, 24, 24, .05), rgba(225, 225, 225, .07));--uc-ai-secondary-hover: light-dark(rgba(24, 24, 24, .08), rgba(225, 225, 225, .1));--uc-ai-secondary-foreground: light-dark(#181818, #e1e1e1);--uc-ai-border: light-dark(#e4e4e8, #3d3d3d);--uc-ai-shadow-color: light-dark(rgba(24, 24, 24, .18), rgba(0, 0, 0, .5));--uc-ai-dialog-shadow: 0 6px 20px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .25));--uc-ai-composer-shadow: 0 4px 14px light-dark(rgba(0, 0, 0, .18), rgba(0, 0, 0, .34)), 0 0 26px light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .42));--uc-ai-composer-shadow-peek: 0 2px 10px light-dark(rgba(0, 0, 0, .16), rgba(0, 0, 0, .34));--uc-ai-composer-radius: var(--uc-ai-radius-frame);--uc-ai-composer-radius-top: var(--uc-ai-composer-radius);--uc-ai-composer-radius-bottom: var(--uc-ai-composer-radius);--uc-ai-destructive: #d8473e;--uc-ai-destructive-foreground: light-dark(#b3261e, #ff9d96);--uc-ai-radius: 8px;--uc-ai-radius-button: var(--uc-ai-radius);--uc-ai-radius-input: calc(var(--uc-ai-radius) * 1.5);--uc-ai-radius-card: calc(var(--uc-ai-radius) * 2);--uc-ai-radius-frame: calc(var(--uc-ai-radius) * 2.25);--uc-ai-padding: 10px;--uc-ai-button-size: 32px;--uc-ai-font-family: system-ui, -apple-system, sans-serif;--uc-ai-font-size: 14px;--uc-ai-transition: .2s ease;--uc-ai-ease-out: cubic-bezier(.23, 1, .32, 1);--uc-ai-ease-in-out: cubic-bezier(.77, 0, .175, 1);--uc-ai-dot-grid-color: light-dark(rgba(0, 0, 0, .21), rgba(255, 255, 255, .1));--uc-ai-prompt-max-lines: 6;--uc-ai-prompt-max-height: calc(var(--uc-ai-prompt-max-lines) * 1.5em + 10px);display:block;width:100%;height:100%;font-family:var(--uc-ai-font-family);font-size:var(--uc-ai-font-size);color:var(--uc-ai-foreground);color-scheme:light dark;container-type:inline-size}:host([hidden]){display:none}:host(.uc-light),:host-context(.uc-light){color-scheme:light}:host(.uc-dark),:host-context(.uc-dark){color-scheme:dark}.shell{display:flex;flex-direction:column;background:var(--uc-ai-background);border-radius:var(--uc-ai-radius-card);overflow:hidden;box-shadow:var(--uc-ai-dialog-shadow);height:100%}.stage{position:relative;flex:1;min-height:360px;overflow:hidden;background:var(--uc-ai-background)}uc-ai-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.composer{width:700px;max-width:calc(100% - 40px)}.composer__content{display:flex;flex-direction:column;gap:14px;align-items:center}.composer--overlay{position:absolute;left:50%;transform:translate(-50%);z-index:5;transition:transform .48s var(--uc-ai-ease-out)}.composer--overlay-bottom{bottom:32px}.composer--overlay-top{top:32px}.composer--docked{margin-inline:auto;padding:14px 20px;position:relative;z-index:1}.composer--docked-bottom{padding-top:8px}.composer--docked-top{padding-bottom:8px}.history-pinned{position:absolute;left:50%;transform:translate(-50%);width:700px;max-width:calc(100% - 40px);z-index:5}.history-pinned--canvas-top{top:20px}.history-pinned--canvas-bottom{bottom:20px}.history-pinned--docked.history-pinned--canvas-top{top:6px}.history-pinned--docked.history-pinned--canvas-bottom{bottom:6px}.dock-hotzone{position:absolute;left:0;right:0;height:100px;z-index:4;pointer-events:none}.dock-hotzone--bottom{bottom:0}.dock-hotzone--top{top:0}:host([composer-auto-hide]) .stage:not(.is-empty) .dock-hotzone{pointer-events:auto}.composer-fade{position:absolute;left:0;right:0;height:26px;z-index:6;pointer-events:none;opacity:0;transition:opacity .3s var(--uc-ai-ease-out)}.composer-fade--bottom{bottom:0;background:linear-gradient(to top,var(--uc-ai-background) 0,var(--uc-ai-background) 8px,transparent)}.composer-fade--top{top:0;background:linear-gradient(to bottom,var(--uc-ai-background) 0,var(--uc-ai-background) 8px,transparent)}:host([composer-auto-hide]) .stage:not(.is-empty) .composer-fade{opacity:1}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone:hover) .composer-fade,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:hover) .composer-fade,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:focus-within) .composer-fade{opacity:0}:host([composer-auto-hide]) .stage:not(.is-empty) .composer--overlay-bottom{transform:translate(-50%,calc(100% + 4px))}:host([composer-auto-hide]) .stage:not(.is-empty) .composer--overlay-top{transform:translate(-50%,calc(-100% - 4px))}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay{--uc-ai-composer-shadow: var(--uc-ai-composer-shadow-peek)}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay-bottom{--uc-ai-composer-radius-bottom: 0px}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay-top{--uc-ai-composer-radius-top: 0px}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone--bottom:hover) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-bottom:hover) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-bottom:focus-within) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone--top:hover) .composer--overlay-top,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-top:hover) .composer--overlay-top,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-top:focus-within) .composer--overlay-top{transform:translate(-50%)}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone:hover) .dock-hotzone,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:hover) .dock-hotzone,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:focus-within) .dock-hotzone{height:320px}:host([composer-auto-hide]) .shell--has-image .composer--docked{margin-block:8px 14px;position:relative}:host([composer-auto-hide]) .shell--has-image .composer--docked .composer__content{position:relative;transition:transform .5s var(--uc-ai-ease-out)}:host([composer-auto-hide]) .shell--has-image .composer--docked .composer__content uc-ai-history{position:absolute;left:0;right:0}:host([composer-auto-hide]) .shell--has-image .composer--docked-bottom .composer__content uc-ai-history{bottom:calc(100% + 14px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-top .composer__content uc-ai-history{top:calc(100% + 14px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-bottom{clip-path:inset(-200px -200px 0 -200px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-top{clip-path:inset(0 -200px -200px -200px)}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked{--uc-ai-composer-shadow: var(--uc-ai-composer-shadow-peek)}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked-bottom .composer__content{transform:translateY(calc(100% - 22px))}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked-top .composer__content{transform:translateY(calc(-100% + 22px))}uc-ai-history,uc-ai-prompt-row{width:100%}.error-box{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:20px;pointer-events:none}.error-box__card{pointer-events:auto;max-width:75%;padding:10px 15px;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid var(--uc-ai-floating-border, transparent);border-radius:var(--uc-ai-radius-card);box-shadow:var(--uc-ai-dialog-shadow);color:var(--uc-ai-destructive-foreground);font-size:14px;line-height:1.4;text-align:center}";
+var Ur = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, m = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Tr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && Ar(e, i, s), s;
+  return r && s && Ur(e, i, s), s;
 };
-const Tr = ["top", "bottom"], Fr = ["full", "available"], Mr = [
+const Fr = ["top", "bottom"], Mr = ["bottom", "top", "none"], Or = ["full", "available"], Ir = [
   "composer-above",
   "composer-below",
   "canvas-top",
@@ -2789,12 +2789,12 @@ const Tr = ["top", "bottom"], Fr = ["full", "available"], Mr = [
 ];
 let d = class extends G {
   constructor() {
-    super(...arguments), this.sourceUuid = null, this.pubkey = "", this.aspectRatios = null, this.localeName = "en", this.localeDefinitionOverride = {}, this.presetsOnly = !1, this.presets = {}, this.composerPlacement = "bottom", this.canvasFit = "available", this.historyPlacement = "composer-above", this.composerAutoHide = !1, this.toolbarPlacement = "bottom", this._prompt = "", this._selectedRatio = null, this._inputUrl = null, this._gen = new Ei(this), this._history = new zi(this), this._secure = new mt(this), this._localeStrings = B, this._localeToken = 0, this._lastPreviewUrl = null, this._ratioOptionsCache = /* @__PURE__ */ new Map(), this._labelForOption = (t) => t.labelKey ? this._l(t.labelKey) : "";
+    super(...arguments), this.sourceUuid = null, this.pubkey = "", this.aspectRatios = null, this.localeName = "en", this.localeDefinitionOverride = {}, this.presetsOnly = !1, this.presets = {}, this.composerPlacement = "bottom", this.canvasFit = "available", this.historyPlacement = "composer-above", this.composerAutoHide = !1, this.toolbarPlacement = "bottom", this._prompt = "", this._selectedRatio = null, this._inputUrl = null, this._gen = new Ri(this), this._history = new zi(this), this._secure = new _t(this), this._localeStrings = B, this._localeToken = 0, this._lastPreviewUrl = null, this._ratioOptionsCache = /* @__PURE__ */ new Map(), this._labelForOption = (t) => t.labelKey ? this._l(t.labelKey) : "", this._lastResult = null;
   }
   /** @internal */
   willUpdate(t) {
     const e = t.has("provider") || t.has("pubkey") || t.has("baseUrl") || t.has("cdnCname") || t.has("cdnCnamePrefixed");
-    e && (this._provider = this.provider ?? (this.pubkey ? new xi({
+    e && (this._provider = this.provider ?? (this.pubkey ? new Ei({
       publicKey: this.pubkey,
       baseUrl: this.baseUrl,
       cdnBaseUrl: this.cdnCname,
@@ -2819,7 +2819,7 @@ let d = class extends G {
       this._lastMode = r, this._selectedRatio = r === "edit" ? V : this._defaultGenerateRatio();
     else if (t.has("aspectRatios")) {
       const s = this._selectedRatio;
-      O(s) && !this._standardRatios().some((o) => _e(o, s)) && (this._selectedRatio = this._defaultGenerateRatio());
+      I(s) && !this._standardRatios().some((o) => _e(o, s)) && (this._selectedRatio = this._defaultGenerateRatio());
     }
     t.has("aspectRatios") && this._ratioOptionsCache.clear(), (t.has("localeName") || t.has("localeDefinitionOverride")) && this._resolveLocale();
   }
@@ -2839,7 +2839,7 @@ let d = class extends G {
     this._localeStrings = r ? { ...i, ...r } : i;
   }
   _l(t) {
-    return Ci(t, this._localeStrings);
+    return $i(t, this._localeStrings);
   }
   /** Friendly message for the current failure: the per-`error_code` string
    *  (`ai-enhancer-error-<code>`, overridable via the locale) when one is
@@ -2947,7 +2947,7 @@ let d = class extends G {
     const t = this._displayUrl;
     if (!t)
       return this._lastPreviewUrl = null, null;
-    const e = this._secure.resolve(Mi(t, this.clientWidth || 1024));
+    const e = this._secure.resolve(Oi(t, this.clientWidth || 1024));
     return e != null && (this._lastPreviewUrl = e), this._lastPreviewUrl;
   }
   /** Full-resolution rendition for fullscreen, secure-delivery-resolved. */
@@ -2956,7 +2956,7 @@ let d = class extends G {
   }
   /** The configured (or popular) standard ratios, validated. */
   _standardRatios() {
-    const t = (this.aspectRatios ?? []).filter(ke);
+    const t = (this.aspectRatios ?? []).filter(Ee);
     return t.length > 0 ? t : [...kt];
   }
   /**
@@ -2966,12 +2966,12 @@ let d = class extends G {
    */
   _defaultGenerateRatio() {
     const t = this._standardRatios();
-    return t.find((e) => _e(e, Et)) ?? t[0] ?? null;
+    return t.find((e) => _e(e, Rt)) ?? t[0] ?? null;
   }
   _ratioOptions(t) {
     const e = this._ratioOptionsCache.get(t);
     if (e) return e;
-    const i = this._standardRatios().map(At), r = t === "edit" ? [{ value: V, labelKey: "ai-enhancer-aspect-original" }, ...i] : i;
+    const i = this._standardRatios().map(Ut), r = t === "edit" ? [{ value: V, labelKey: "ai-enhancer-aspect-original" }, ...i] : i;
     return this._ratioOptionsCache.set(t, r), r;
   }
   /**
@@ -3012,7 +3012,7 @@ let d = class extends G {
         mode: i,
         // "Original" (and generate's null) omit the ratio; only a concrete pick
         // is sent — in edit that reshapes, otherwise the source AR is preserved.
-        aspectRatio: O(this._selectedRatio) ? this._selectedRatio : void 0,
+        aspectRatio: I(this._selectedRatio) ? this._selectedRatio : void 0,
         // Record the full selection (incl. "Original") so the history entry can
         // restore the picker when re-selected.
         ratioValue: this._selectedRatio,
@@ -3071,33 +3071,49 @@ let d = class extends G {
       return (e = this._promptRow) == null ? void 0 : e.focusInput();
     });
   }
-  _onPrimary() {
+  /** Snapshot of the current generation result in the `uc:done` payload shape. */
+  _resultDetail() {
     const t = this._gen.result;
-    if (!t) return;
-    const e = {
+    return t ? {
       url: t.url,
       uuid: t.uuid,
       prompt: t.prompt,
       mode: t.mode,
-      aspectRatio: O(this._selectedRatio) ? this._selectedRatio : void 0,
+      aspectRatio: I(this._selectedRatio) ? this._selectedRatio : void 0,
       file: t.file
-    };
-    this.dispatchEvent(new CustomEvent("uc:done", { detail: e, bubbles: !0, composed: !0 }));
+    } : null;
+  }
+  _onPrimary() {
+    const t = this._resultDetail();
+    t && this.dispatchEvent(new CustomEvent("uc:done", { detail: t, bubbles: !0, composed: !0 }));
   }
   _onCancel(t) {
     t.stopPropagation(), this.dispatchEvent(new CustomEvent("uc:cancel", { bubbles: !0, composed: !0 }));
   }
+  /**
+   * Every result mutation (generation, history selection, reset) goes through
+   * the generation controller's requestUpdate, so comparing here catches them
+   * all with one code path.
+   * @internal
+   */
+  updated(t) {
+    if (super.updated(t), this._gen.result !== this._lastResult) {
+      this._lastResult = this._gen.result;
+      const e = { result: this._resultDetail() };
+      this.dispatchEvent(new CustomEvent("uc:change", { detail: e, bubbles: !0, composed: !0 }));
+    }
+  }
   /** @internal */
   render() {
-    var Fe, Me;
-    const t = this._mode, e = t === "edit" && !this.sourceUuid && !this.sourceFileInfo, i = ye[t].placeholderKey, r = ((Fe = this.presets) == null ? void 0 : Fe[t]) ?? ye[t].presets, s = this._gen.busy || !this._gen.result, o = this._ratioOptions(t), a = this._displayUrl != null, n = O(this._selectedRatio) ? this._selectedRatio[0] / this._selectedRatio[1] : null, l = {
+    var Me, Oe;
+    const t = this._mode, e = t === "edit" && !this.sourceUuid && !this.sourceFileInfo, i = ye[t].placeholderKey, r = ((Me = this.presets) == null ? void 0 : Me[t]) ?? ye[t].presets, s = this._gen.busy || !this._gen.result, o = this._ratioOptions(t), a = this._displayUrl != null, n = I(this._selectedRatio) ? this._selectedRatio[0] / this._selectedRatio[1] : null, l = {
       stage: !0,
       "is-empty": !a
-    }, h = Tr.includes(this.composerPlacement) ? this.composerPlacement : "bottom", u = (Fr.includes(this.canvasFit) ? this.canvasFit : "available") === "full", _ = !u, x = `${u ? "overlay" : "docked"}-${h}`, w = Mr.includes(this.historyPlacement) ? this.historyPlacement : "composer-above", $ = w === "composer-above" || w === "composer-below", R = (u || _ && this.composerAutoHide) && $, I = w === "canvas-top" ? "top" : w === "canvas-bottom" ? "bottom" : h, W = this._historyEntries, X = W.length > 0 || e, ne = X ? f`
+    }, h = Fr.includes(this.composerPlacement) ? this.composerPlacement : "bottom", u = (Or.includes(this.canvasFit) ? this.canvasFit : "available") === "full", _ = !u, x = `${u ? "overlay" : "docked"}-${h}`, w = Ir.includes(this.historyPlacement) ? this.historyPlacement : "composer-above", $ = w === "composer-above" || w === "composer-below", R = (u || _ && this.composerAutoHide) && $, O = w === "canvas-top" ? "top" : w === "canvas-bottom" ? "bottom" : h, W = this._historyEntries, X = W.length > 0 || e, ne = X ? f`
           <uc-ai-history
             .busy=${this._gen.busy}
             .entries=${W}
-            .selectedUuid=${((Me = this._gen.result) == null ? void 0 : Me.uuid) ?? this._sourceUuid}
+            .selectedUuid=${((Oe = this._gen.result) == null ? void 0 : Oe.uuid) ?? this._sourceUuid}
             ?show-start-over=${e}
             start-over-label="${this._l("ai-enhancer-start-over")}"
             list-label="${this._l("ai-enhancer-history-title")}"
@@ -3105,7 +3121,7 @@ let d = class extends G {
             @uc:select=${this._onSelectHistoryEntry}
             @uc:start-over=${this._onStartOver}
           ></uc-ai-history>
-        ` : v, _t = f`
+        ` : g, gt = f`
       <uc-ai-prompt-row
         .mode=${t}
         .value=${this._prompt}
@@ -3124,7 +3140,7 @@ let d = class extends G {
                 .busy=${this._gen.busy}
                 @uc:select=${this._onSelectPreset}
               ></uc-ai-chips>
-            ` : v}
+            ` : g}
         ${o.length > 0 ? f`
               <uc-ai-aspect-ratio
                 slot="aspect-ratio"
@@ -3135,7 +3151,7 @@ let d = class extends G {
                 aria-label-text="${this._l("ai-enhancer-aspect-ratio-aria")}"
                 @uc:select=${this._onSelectAspectRatio}
               ></uc-ai-aspect-ratio>
-            ` : v}
+            ` : g}
       </uc-ai-prompt-row>
     `, le = f`
       <div
@@ -3147,23 +3163,23 @@ let d = class extends G {
     })}
       >
         <div class="composer__content">
-          ${R && w === "composer-above" ? ne : v}
-          ${_t}
-          ${R && w === "composer-below" ? ne : v}
+          ${R && w === "composer-above" ? ne : g}
+          ${gt}
+          ${R && w === "composer-below" ? ne : g}
         </div>
       </div>
-    `, gt = X && !R ? f`<div
+    `, vt = X && !R ? f`<div
             class=${S({
       "history-pinned": !0,
       "history-pinned--docked": _,
-      [`history-pinned--canvas-${I}`]: !0
+      [`history-pinned--canvas-${O}`]: !0
     })}
           >
             ${ne}
-          </div>` : v, vt = this.composerAutoHide && u ? f`
+          </div>` : g, bt = this.composerAutoHide && u ? f`
             <div class=${S({ "dock-hotzone": !0, [`dock-hotzone--${h}`]: !0 })}></div>
             <div class=${S({ "composer-fade": !0, [`composer-fade--${h}`]: !0 })}></div>
-          ` : v, Ue = this.toolbarPlacement === "top", Te = f`
+          ` : g, Ue = Mr.includes(this.toolbarPlacement) ? this.toolbarPlacement : "bottom", Te = Ue === "top", Fe = Ue === "none" ? g : f`
       <uc-ai-footer
         cancel-label="${this._l("ai-enhancer-cancel")}"
         primary-label="${this._l("ai-enhancer-done-btn")}"
@@ -3178,8 +3194,8 @@ let d = class extends G {
         role="region"
         aria-label="${this._l(t === "edit" ? "ai-enhancer-edit-title" : "ai-enhancer-generate-title")}"
       >
-        ${Ue ? Te : v}
-        ${_ && h === "top" ? le : v}
+        ${Te ? Fe : g}
+        ${_ && h === "top" ? le : g}
         <div class=${S(l)}>
           <uc-ai-canvas
             .url=${this._previewUrl}
@@ -3195,21 +3211,21 @@ let d = class extends G {
             exit-fullscreen-label="${this._l("ai-enhancer-exit-fullscreen")}"
           ></uc-ai-canvas>
+          ${bt}
           ${vt}
-          ${gt}
-          ${u ? le : v}
+          ${u ? le : g}
           ${this._gen.error ? f`<div class="error-box" role="alert">
                   <div class="error-box__card">${this._errorMessage()}</div>
-                </div>` : v}
+                </div>` : g}
         </div>
-        ${_ && h === "bottom" ? le : v}
-        ${Ue ? v : Te}
+        ${_ && h === "bottom" ? le : g}
+        ${Te ? g : Fe}
       </div>
     `;
   }
 };
-d.styles = j($r);
+d.styles = j(Ar);
 m([
   c({ attribute: "source-uuid" })
 ], d.prototype, "sourceUuid", 2);
@@ -3241,7 +3257,7 @@ m([
   c({ attribute: !1 })
 ], d.prototype, "secureDeliveryProxyUrlResolver", 2);
 m([
-  c({ type: Array, attribute: "aspect-ratios", converter: (t) => t ? Ut(t) : null })
+  c({ type: Array, attribute: "aspect-ratios", converter: (t) => t ? Tt(t) : null })
 ], d.prototype, "aspectRatios", 2);
 m([
   c({ attribute: "locale-name" })
@@ -3298,11 +3314,11 @@ d = m([
   H("uc-ai-enhancer")
 ], d);
 export {
-  Vr as I,
+  Kr as I,
   pe as L,
   kt as P,
   d as U,
-  Wr as a,
+  qr as a,
   B as e,
-  ke as i
+  Ee as i
 };