@uploadcare/ai-enhancer 0.1.1 → 0.1.2

package/dist/{UcAiEnhancer-D1z2-v9q.js → UcAiEnhancer-qk-y4FHK.js}

@@ -1,32 +1,33 @@
-var gt = Object.defineProperty;
-var Fe = (t) => {
+var vt = Object.defineProperty;
+var Me = (t) => {
   throw TypeError(t);
 };
-var vt = (t, e, i) => e in t ? gt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var b = (t, e, i) => vt(t, typeof e != "symbol" ? e + "" : e, i), ae = (t, e, i) => e.has(t) || Fe("Cannot " + i);
-var E = (t, e, i) => (ae(t, e, "read from private field"), i ? i.call(t) : e.get(t)), ne = (t, e, i) => e.has(t) ? Fe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), Me = (t, e, i, r) => (ae(t, e, "write to private field"), r ? r.call(t, i) : e.set(t, i), i), X = (t, e, i) => (ae(t, e, "access private method"), i);
-import { unsafeCSS as B, LitElement as j, html as f, nothing as v } from "lit";
-import { property as c, state as C, query as F, customElement as G } from "lit/decorators.js";
+var bt = (t, e, i) => e in t ? vt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var b = (t, e, i) => bt(t, typeof e != "symbol" ? e + "" : e, i), ne = (t, e, i) => e.has(t) || Me("Cannot " + i);
+var E = (t, e, i) => (ne(t, e, "read from private field"), i ? i.call(t) : e.get(t)), le = (t, e, i) => e.has(t) ? Me("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), Ie = (t, e, i, r) => (ne(t, e, "write to private field"), r ? r.call(t, i) : e.set(t, i), i), J = (t, e, i) => (ne(t, e, "access private method"), i);
+import { unsafeCSS as j, LitElement as G, html as f, nothing as v } 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 { unsafeSVG as te } from "lit/directives/unsafe-svg.js";
-import { nothing as tt } from "lit/html.js";
-import { directive as it, PartType as rt } from "lit/directive.js";
-import { AsyncDirective as st } from "lit/async-directive.js";
-import { repeat as bt } from "lit/directives/repeat.js";
-const W = "original";
+import { unsafeSVG as ie } from "lit/directives/unsafe-svg.js";
+import { nothing as it } from "lit/html.js";
+import { directive as rt, PartType as st } from "lit/directive.js";
+import { AsyncDirective as ot } from "lit/async-directive.js";
+import { repeat as yt } from "lit/directives/repeat.js";
+import { ifDefined as wt } from "lit/directives/if-defined.js";
+const V = "original";
 function O(t) {
-  return t != null && t !== W;
+  return t != null && t !== V;
 }
-function pe(t, e) {
-  return t === W || e === W ? t === e : $t(t, e);
+function fe(t, e) {
+  return t === V || e === V ? t === e : Ut(t, e);
 }
-const yt = [
+const xt = [
   [2, 3],
   [3, 2],
   [1, 1],
   [9, 16],
   [16, 9]
-], wt = [3, 2], xt = {
+], kt = [3, 2], Et = {
   "1:1": "ai-enhancer-aspect-square",
   "2:3": "ai-enhancer-aspect-tall",
   "3:2": "ai-enhancer-aspect-wide",
@@ -34,23 +35,23 @@ const yt = [
   "5:4": "ai-enhancer-aspect-landscape",
   "9:16": "ai-enhancer-aspect-vertical",
   "16:9": "ai-enhancer-aspect-widescreen"
-}, kt = 0.1, Et = 10;
-function ye(t) {
+}, Rt = 0.1, St = 10;
+function we(t) {
   const [e, i] = t;
   if (!Number.isFinite(e) || !Number.isFinite(i) || e <= 0 || i <= 0) return !1;
   const r = e / i;
-  return r >= kt && r <= Et;
+  return r >= Rt && r <= St;
 }
-function Z(t) {
+function Q(t) {
   return `${t[0]}:${t[1]}`;
 }
-function Rt(t) {
-  return xt[Z(t)] ?? null;
+function Ct(t) {
+  return Et[Q(t)] ?? null;
 }
-function St(t) {
-  return { value: t, labelKey: Rt(t) };
+function $t(t) {
+  return { value: t, labelKey: Ct(t) };
 }
-function Ct(t) {
+function At(t) {
   const e = [];
   for (const i of t.split(/[\s,]+/)) {
     const r = i.trim();
@@ -58,18 +59,18 @@ function Ct(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];
-    ye(n) && e.push(n);
+    we(n) && e.push(n);
   }
   return e;
 }
-function $t(t, e) {
+function Ut(t, e) {
   return t[0] === e[0] && t[1] === e[1];
 }
-function At(t) {
+function Tt(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>`;
 }
-const fe = {
+const me = {
   generate: {
     id: "generate",
     placeholderKey: "ai-enhancer-generate-placeholder",
@@ -130,18 +131,18 @@ const fe = {
     ]
   }
 };
-class we extends Error {
+class xe extends Error {
   constructor(e, i, r) {
     super(i), this.name = "AiProviderError", this.errorCode = e, this.errorSource = r;
   }
 }
-function Ut(t) {
+function Ft(t) {
   const e = t == null ? void 0 : t.error;
   return !!e && typeof e == "object" && typeof e.error_code == "string";
 }
-async function J(t, e) {
+async function Z(t, e) {
 }
-async function Ie(t, e) {
+async function Oe(t, e) {
   const i = await t.text().catch(() => "");
   let r = null;
   if (i)
@@ -149,9 +150,9 @@ async function Ie(t, e) {
       r = JSON.parse(i);
     } catch {
     }
-  if (Ut(r)) {
+  if (Ft(r)) {
     const { error_code: s, content: o } = r.error;
-    throw new we(s, o ?? s);
+    throw new xe(s, o ?? s);
   }
   if (!t.ok)
     throw new Error(
@@ -159,7 +160,7 @@ async function Ie(t, e) {
     );
   return r;
 }
-class Tt {
+class Mt {
   constructor(e) {
     if (!e.publicKey)
       throw new Error("UploadcareApiClient: publicKey is required");
@@ -173,7 +174,7 @@ class Tt {
       aspect_ratio: [e.aspectRatio[0], e.aspectRatio[1]],
       filename: e.filename
     };
-    return e.store !== void 0 && (i.store = e.store), e.metadata && (i.metadata = e.metadata), await J(), this.startJob(new URL("/derivative/image/generate/", this.baseUrl), i, "generate", e.signal);
+    return e.store !== void 0 && (i.store = e.store), e.metadata && (i.metadata = e.metadata), await Z(), this.startJob(new URL("/derivative/image/generate/", this.baseUrl), i, "generate", e.signal);
   }
   /** Start an image→image edit job. Resolves to the job handle. */
   async edit(e) {
@@ -183,14 +184,14 @@ class Tt {
       source: e.source,
       filename: e.filename
     };
-    return e.aspectRatio && (i.aspect_ratio = [e.aspectRatio[0], e.aspectRatio[1]]), e.store !== void 0 && (i.store = e.store), e.metadata && (i.metadata = e.metadata), await J(), this.startJob(new URL("/derivative/image/edit/", this.baseUrl), i, "edit", e.signal);
+    return e.aspectRatio && (i.aspect_ratio = [e.aspectRatio[0], e.aspectRatio[1]]), e.store !== void 0 && (i.store = e.store), e.metadata && (i.metadata = e.metadata), await Z(), this.startJob(new URL("/derivative/image/edit/", this.baseUrl), i, "edit", e.signal);
   }
   /** Fetch the current state of a generation/edit job. */
   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 Ie(s, "generate status");
-    return await J(), o;
+    const s = await this.doFetch(r.href, { method: "GET", headers: { Accept: "application/json" }, signal: i }), o = await Oe(s, "generate status");
+    return await Z(), o;
   }
   async startJob(e, i, r, s) {
     const o = await this.doFetch(e.href, {
@@ -198,36 +199,36 @@ class Tt {
       headers: { "Content-Type": "application/json", Accept: "application/json" },
       body: JSON.stringify(i),
       signal: s
-    }), a = await Ie(o, r);
-    return await J(), a;
+    }), a = await Oe(o, r);
+    return await Z(), a;
   }
 }
-const ot = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", Ft = new RegExp(`^${ot}$`, "i"), Mt = new RegExp(`^(${ot})~([0-9]+)$`, "i");
-function xe(t) {
+const at = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", It = new RegExp(`^${at}$`, "i"), Ot = new RegExp(`^(${at})~([0-9]+)$`, "i");
+function ke(t) {
   return t.replace(/\/+$/, "");
 }
-function me(t, e = "size") {
+function _e(t, e = "size") {
   return typeof t == "number" ? String(t) : t.replace("%", "p");
 }
-function at(t, e, i = "dimensions") {
-  const r = t == null ? "" : me(t, `${i} width`), s = e == null ? "" : me(e, `${i} height`);
+function nt(t, e, i = "dimensions") {
+  const r = t == null ? "" : _e(t, `${i} width`), s = e == null ? "" : _e(e, `${i} height`);
   return `${r}x${s}`;
 }
-function Oe(t, e) {
-  return typeof t == "number" ? String(t) : me(t, e);
+function Pe(t, e) {
+  return typeof t == "number" ? String(t) : _e(t, e);
 }
-function It(t, e = "alignment") {
-  return typeof t == "string" ? t : `${Oe(t.x, `${e} x`)},${Oe(t.y, `${e} y`)}`;
+function Pt(t, e = "alignment") {
+  return typeof t == "string" ? t : `${Pe(t.x, `${e} x`)},${Pe(t.y, `${e} y`)}`;
 }
-const Ot = [
+const zt = [
   "video",
   "document",
   "gif2video"
-], Pt = /\/(https?:\/\/.+)$/i;
-function zt(t) {
-  return t != null && Ot.includes(t);
+], Lt = /\/(https?:\/\/.+)$/i;
+function Dt(t) {
+  return t != null && zt.includes(t);
 }
-function nt(t) {
+function lt(t) {
   var _;
   let e;
   try {
@@ -235,20 +236,20 @@ function nt(t) {
   } catch {
     throw new TypeError(`Invalid URL: "${t}"`);
   }
-  const i = `${e.protocol}//${e.host}`, r = e.pathname, s = (_ = r.match(Pt)) == null ? void 0 : _[1];
+  const i = `${e.protocol}//${e.host}`, r = e.pathname, s = (_ = r.match(Lt)) == null ? void 0 : _[1];
   if (s !== void 0) {
     const x = r.slice(0, r.length - s.length);
     return {
       kind: "proxy",
       origin: i,
-      operations: le(Pe(x), "proxy prefix"),
+      operations: ce(ze(x), "proxy prefix"),
       sourceUrl: s + e.search + e.hash
     };
   }
-  const o = r.endsWith("/"), a = Pe(r), n = a.shift();
+  const o = r.endsWith("/"), a = ze(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(Mt);
+  const l = { origin: i, search: e.search, hash: e.hash }, h = n.match(Ot);
   if ((h == null ? void 0 : h[1]) !== void 0) {
     const x = {
       uuid: h[1],
@@ -259,13 +260,13 @@ function nt(t) {
       if (!Number.isInteger(w))
         throw new TypeError(`Invalid group element index in "${t}"`);
       a.splice(0, 2);
-      const $ = ze(a, o);
+      const $ = Le(a, o);
       return {
         kind: "group-element",
         ...l,
         group: x,
         nth: w,
-        operations: le(a, t),
+        operations: ce(a, t),
         filename: $
       };
     }
@@ -273,29 +274,29 @@ function nt(t) {
       throw new TypeError(`Unexpected path after group id in "${t}"`);
     return { kind: "group", ...l, group: x };
   }
-  if (!Ft.test(n))
+  if (!It.test(n))
     throw new TypeError(
       `Not a CDN URL (no uuid, group or proxy source): "${t}"`
     );
   let p = null;
-  zt(a[0]) && (p = a[0], a.shift());
-  const u = ze(a, o);
+  Dt(a[0]) && (p = a[0], a.shift());
+  const u = Le(a, o);
   return {
     kind: "file",
     ...l,
     uuid: n,
     conversion: p,
-    operations: le(a, t),
+    operations: ce(a, t),
     filename: u
   };
 }
-function Pe(t) {
+function ze(t) {
   return t.split("/").filter((e) => e !== "");
 }
-function ze(t, e) {
+function Le(t, e) {
   return e || t.length === 0 ? null : t.pop() ?? null;
 }
-function le(t, e) {
+function ce(t, e) {
   const i = [];
   let r = 0;
   for (; r < t.length; ) {
@@ -318,11 +319,11 @@ function le(t, e) {
   }
   return i;
 }
-function lt(t) {
+function ct(t) {
   return t.map((e) => `-/${[e.name, ...e.params].join("/")}/`).join("");
 }
-function ct(t) {
-  const e = xe(t.origin), i = lt(t.operations ?? []);
+function ht(t) {
+  const e = ke(t.origin), i = ct(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 : "") ?? "";
@@ -336,59 +337,59 @@ function ct(t) {
   }
   throw new TypeError("serializeCdnUrl requires one of: uuid, group, sourceUrl");
 }
-function Lt(t) {
+function Nt(t) {
   return typeof t == "string" ? t : "opName" in t ? t.opName : t.name;
 }
-function ce(t, e) {
-  const i = Lt(e);
+function he(t, e) {
+  const i = Nt(e);
   return t.name === i || t.name.startsWith(`${i}~`);
 }
-function ht(t, e) {
+function ut(t, e) {
   return Object.assign(e, { opName: t });
 }
-const Dt = (t, e) => {
+const Bt = (t, e) => {
   const i = new URL(e);
   return i.hostname = `${t}.${i.hostname}`, i.toString().replace(/\/$/, "");
-}, Nt = "0123456789abcdefghijklmnopqrstuvwxyz", Bt = (t) => {
+}, jt = "0123456789abcdefghijklmnopqrstuvwxyz", Gt = (t) => {
   if (t <= 0n)
     return "0";
   let e = "";
   for (; t > 0n; ) {
     const i = t % 36n;
-    e = Nt[Number(i)] + e, t = t / 36n;
+    e = jt[Number(i)] + e, t = t / 36n;
   }
   return e;
-}, jt = (t, e) => {
+}, Ht = (t, e) => {
   try {
     const i = new URL(t), r = new URL(e);
     return i.hostname.endsWith(r.hostname);
   } catch {
     return !1;
   }
-}, Gt = async (t) => {
+}, Wt = 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}`);
-}, Ht = 10, Wt = async (t) => {
-  const e = await Gt(t);
-  return Bt(e).slice(0, Ht);
-}, Vt = async (t, e) => {
-  const i = await Wt(t);
-  return Dt(i, e);
+}, Vt = 10, qt = async (t) => {
+  const e = await Wt(t);
+  return Gt(e).slice(0, Vt);
+}, Kt = async (t, e) => {
+  const i = await qt(t);
+  return Bt(i, e);
 };
-function Le(t) {
+function De(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-const qt = /\W|_/g;
-function Kt(t) {
-  return t.split(qt).map((e, i) => e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
+const Yt = /\W|_/g;
+function Xt(t) {
+  return t.split(Yt).map((e, i) => e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
 }
-function De(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
-  return Array.isArray(t) ? t.map((i) => ke(i, { ignoreKeys: e })) : t;
+function Ne(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
+  return Array.isArray(t) ? t.map((i) => Ee(i, { ignoreKeys: e })) : t;
 }
-function ke(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
+function Ee(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
   if (Array.isArray(t))
-    return De(t, { ignoreKeys: e });
-  if (!Le(t))
+    return Ne(t, { ignoreKeys: e });
+  if (!De(t))
     return t;
   const i = {};
   for (const r of Object.keys(t)) {
@@ -397,12 +398,12 @@ function ke(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
       i[r] = s;
       continue;
     }
-    Le(s) ? s = ke(s, { ignoreKeys: e }) : Array.isArray(s) && (s = De(s, { ignoreKeys: e })), i[Kt(r)] = s;
+    De(s) ? s = Ee(s, { ignoreKeys: e }) : Array.isArray(s) && (s = Ne(s, { ignoreKeys: e })), i[Xt(r)] = s;
   }
   return i;
 }
-const Yt = (t) => new Promise((e) => setTimeout(e, t));
-function Xt({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = "", integration: s = "" }) {
+const Jt = (t) => new Promise((e) => setTimeout(e, t));
+function Zt({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = "", integration: s = "" }) {
   const o = "JavaScript";
   if (typeof i == "string")
     return i;
@@ -417,53 +418,53 @@ function Xt({ 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 Jt = {
+const Qt = {
   factor: 2,
   time: 100
 };
-function Zt(t, e = Jt) {
+function ei(t, e = Qt) {
   let i = 0;
   function r(s) {
     const o = Math.round(e.time * e.factor ** i);
     return s({
       attempt: i,
-      retry: (n) => Yt(n ?? o).then(() => (i += 1, r(s)))
+      retry: (n) => Jt(n ?? o).then(() => (i += 1, r(s)))
     });
   }
   return r(t);
 }
-class Ee extends Error {
+class Re extends Error {
 }
-class ie extends Ee {
+class re extends Re {
   constructor(i) {
     super();
     b(this, "originalProgressEvent");
-    this.name = "NetworkError", this.message = "Network error", Object.setPrototypeOf(this, ie.prototype), this.originalProgressEvent = i;
+    this.name = "NetworkError", this.message = "Network error", Object.setPrototypeOf(this, re.prototype), this.originalProgressEvent = i;
   }
 }
-const Qt = (t, e) => {
+const ti = (t, e) => {
   t && (t.aborted ? Promise.resolve().then(e) : t.addEventListener("abort", () => e(), { once: !0 }));
 };
-class Re extends Ee {
+class Se extends Re {
   constructor(i = "Request canceled") {
     super(i);
     b(this, "isCancel", !0);
-    this.name = "CancelError", Object.setPrototypeOf(this, Re.prototype);
+    this.name = "CancelError", Object.setPrototypeOf(this, Se.prototype);
   }
 }
-const Q = {
+const ee = {
   baseCDN: "https://ucarecdn.com",
   baseURL: "https://upload.uploadcare.com",
   retryThrottledRequestMaxTimes: 1,
   retryNetworkErrorMaxTimes: 3
-}, ei = ({ method: t, url: e, data: i, headers: r = {}, signal: s, onProgress: o }) => new Promise((a, n) => {
+}, ii = ({ 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", Qt(s, () => {
-    p = !0, l.abort(), n(new Re());
+  }), l.responseType = "text", ti(s, () => {
+    p = !0, l.abort(), n(new Se());
   }), l.onload = () => {
     if (l.status != 200)
       n(new Error(`Error ${l.status}: ${l.statusText}`));
@@ -477,8 +478,8 @@ const Q = {
         onProgress: o
       }, _ = l.getAllResponseHeaders().trim().split(/[\r\n]+/), x = {};
       _.forEach(function(R) {
-        const I = R.split(": "), H = I.shift(), Y = I.join(": ");
-        H && typeof H < "u" && (x[H] = Y);
+        const I = R.split(": "), W = I.shift(), X = I.join(": ");
+        W && typeof W < "u" && (x[W] = X);
       });
       const w = l.response, $ = l.status;
       a({
@@ -489,7 +490,7 @@ const Q = {
       });
     }
   }, l.onerror = (u) => {
-    p || n(new ie(u));
+    p || n(new re(u));
   }, o && typeof o == "function" && (l.upload.onprogress = (u) => {
     u.lengthComputable ? o({
       isComputable: !0,
@@ -497,69 +498,69 @@ const Q = {
     }) : o({ isComputable: !1 });
   }), i ? l.send(i) : l.send();
 });
-class Se extends Ee {
+class Ce extends Re {
   constructor(i, r, s, o, a) {
     super();
     b(this, "code");
     b(this, "request");
     b(this, "response");
     b(this, "headers");
-    this.name = "UploadError", this.message = i, this.code = r, this.request = s, this.response = o, this.headers = a, Object.setPrototypeOf(this, Se.prototype);
+    this.name = "UploadError", this.message = i, this.code = r, this.request = s, this.response = o, this.headers = a, Object.setPrototypeOf(this, Ce.prototype);
   }
 }
-const ti = (t) => {
+const ri = (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) => {
       e.append(`${i}[]`, s);
     }) : typeof r == "string" && r ? e.set(i, r) : typeof r == "number" && e.set(i, r.toString());
   return e.toString();
-}, _e = (t, e, i) => {
+}, ge = (t, e, i) => {
   const r = new URL(t);
-  return r.pathname = (r.pathname + e).replace("//", "/"), i && (r.search = ti(i)), r.toString();
+  return r.pathname = (r.pathname + e).replace("//", "/"), i && (r.search = ri(i)), r.toString();
 };
-var ii = "6.18.4";
-const ri = "UploadcareUploadClient", si = ii;
-function oi(t) {
-  return Xt({
-    libraryName: ri,
-    libraryVersion: si,
+var si = "6.18.4";
+const oi = "UploadcareUploadClient", ai = si;
+function ni(t) {
+  return Zt({
+    libraryName: oi,
+    libraryVersion: ai,
     ...t
   });
 }
-const ai = "RequestThrottledError", Ne = 15e3, ni = 1e3;
-function li(t) {
+const li = "RequestThrottledError", Be = 15e3, ci = 1e3;
+function hi(t) {
   const { headers: e } = t || {};
   if (!e || typeof e["retry-after"] != "string")
-    return Ne;
+    return Be;
   const i = parseInt(e["retry-after"], 10);
-  return Number.isFinite(i) ? i * 1e3 : Ne;
+  return Number.isFinite(i) ? i * 1e3 : Be;
 }
-function ci(t, e) {
+function ui(t, e) {
   const { retryThrottledRequestMaxTimes: i, retryNetworkErrorMaxTimes: r } = e;
-  return Zt(({ attempt: s, retry: o }) => t().catch((a) => {
-    if ("response" in a && (a == null ? void 0 : a.code) === ai && s < i)
-      return o(li(a));
-    if (a instanceof ie && s < r)
-      return o((s + 1) * ni);
+  return ei(({ attempt: s, retry: o }) => t().catch((a) => {
+    if ("response" in a && (a == null ? void 0 : a.code) === li && s < i)
+      return o(hi(a));
+    if (a instanceof re && s < r)
+      return o((s + 1) * ci);
     throw a;
   }));
 }
-var Be;
+var je;
 (function(t) {
   t.Token = "token", t.FileInfo = "file_info";
-})(Be || (Be = {}));
-var je;
+})(je || (je = {}));
+var Ge;
 (function(t) {
   t.Unknown = "unknown", t.Waiting = "waiting", t.Progress = "progress", t.Error = "error", t.Success = "success";
-})(je || (je = {}));
-function hi(t, { publicKey: e, baseURL: i = Q.baseURL, signal: r, source: s, integration: o, userAgent: a, retryThrottledRequestMaxTimes: n = Q.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = Q.retryNetworkErrorMaxTimes }) {
-  return ci(() => ei({
+})(Ge || (Ge = {}));
+function di(t, { publicKey: e, baseURL: i = ee.baseURL, signal: r, source: s, integration: o, userAgent: a, retryThrottledRequestMaxTimes: n = ee.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = ee.retryNetworkErrorMaxTimes }) {
+  return ui(() => ii({
     method: "GET",
     headers: {
-      "X-UC-User-Agent": oi({ publicKey: e, integration: o, userAgent: a })
+      "X-UC-User-Agent": ni({ publicKey: e, integration: o, userAgent: a })
     },
-    url: _e(i, "/info/", {
+    url: ge(i, "/info/", {
       jsonerrors: 1,
       pub_key: e,
       file_id: t,
@@ -567,17 +568,17 @@ function hi(t, { publicKey: e, baseURL: i = Q.baseURL, signal: r, source: s, int
     }),
     signal: r
   }).then(({ data: h, headers: p, request: u }) => {
-    const _ = ke(JSON.parse(h));
+    const _ = Ee(JSON.parse(h));
     if ("error" in _)
-      throw new Se(_.error.content, _.error.errorCode, u, _, p);
+      throw new Ce(_.error.content, _.error.errorCode, u, _, p);
     return _;
   }), { retryThrottledRequestMaxTimes: n, retryNetworkErrorMaxTimes: l });
 }
-function ui(t) {
+function pi(t) {
   return "defaultEffects" in t;
 }
-class Ge {
-  constructor(e, { baseCDN: i = Q.baseCDN, fileName: r } = {}) {
+class He {
+  constructor(e, { baseCDN: i = ee.baseCDN, fileName: r } = {}) {
     b(this, "uuid");
     b(this, "name");
     b(this, "size");
@@ -593,29 +594,29 @@ class Ge {
     b(this, "metadata");
     b(this, "s3Bucket");
     b(this, "defaultEffects", null);
-    const { uuid: s, s3Bucket: o } = e, a = _e(i, `${s}/`), n = o ? _e(`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, ui(e) && (this.defaultEffects = e.defaultEffects);
+    const { uuid: s, s3Bucket: o } = e, a = ge(i, `${s}/`), n = o ? ge(`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, pi(e) && (this.defaultEffects = e.defaultEffects);
   }
 }
-const di = /\W|_/g;
-function pi(t) {
+const fi = /\W|_/g;
+function mi(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function fi(t) {
-  return t.split(di).map((e, i) => e && e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
+function _i(t) {
+  return t.split(fi).map((e, i) => e && e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
 }
-function ge(t) {
+function ve(t) {
   if (Array.isArray(t))
-    return t.map((i) => ge(i));
-  if (!pi(t))
+    return t.map((i) => ve(i));
+  if (!mi(t))
     return t;
   const e = {};
   for (const i of Object.keys(t))
-    e[fi(i)] = ge(t[i]);
+    e[_i(i)] = ve(t[i]);
   return e;
 }
-const mi = [1, 1], He = "https://ucarecdn.com", _i = 1500, gi = 1e6;
-function vi(t, e) {
+const gi = [1, 1], We = "https://ucarecdn.com", vi = 1500, bi = 1e6;
+function yi(t, e) {
   return new Promise((i, r) => {
     if (e != null && e.aborted) {
       r(new DOMException("Aborted", "AbortError"));
@@ -629,18 +630,18 @@ function vi(t, e) {
     e == null || e.addEventListener("abort", o, { once: !0 });
   });
 }
-function We() {
+function Ve() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-class bi {
+class wi {
   constructor(e) {
     if (this.id = "uploadcare-derivative", !e.publicKey)
       throw new Error("UploadcareDerivativeApi: publicKey is required");
-    this.api = new Tt({
+    this.api = new Mt({
       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 ?? He, this.cnamePrefixed = e.cdnCnamePrefixed ?? "https://ucarecd.net", this.pollIntervalMs = e.pollIntervalMs ?? _i, this.pollTimeoutMs = e.pollTimeoutMs ?? gi;
+    }), this.publicKey = e.publicKey, this.baseUrl = e.baseUrl, this.filename = e.filename ?? "generated.png", this.store = e.store, this.cname = e.cdnBaseUrl ?? We, this.cnamePrefixed = e.cdnCnamePrefixed ?? "https://ucarecd.net", this.pollIntervalMs = e.pollIntervalMs ?? vi, this.pollTimeoutMs = e.pollTimeoutMs ?? bi;
   }
   async generate(e) {
     const i = await this.startJob(e);
@@ -652,7 +653,7 @@ class bi {
    * the editor produced.
    */
   async resolveCdnUrl(e) {
-    return ct({ origin: await this.getCdnBase(), uuid: e });
+    return ht({ origin: await this.getCdnBase(), uuid: e });
   }
   /**
    * Resolve a stored file's full info (image dimensions, original filename,
@@ -661,13 +662,13 @@ class bi {
    * true aspect ratio before the image decodes, and name outputs after it.
    */
   async getFileInfo(e, i) {
-    const r = await hi(e, { publicKey: this.publicKey, baseURL: this.baseUrl, signal: i });
-    return new Ge(r, { baseCDN: await this.getCdnBase() });
+    const r = await di(e, { publicKey: this.publicKey, baseURL: this.baseUrl, signal: i });
+    return new He(r, { baseCDN: await this.getCdnBase() });
   }
   async startJob(e) {
-    const i = e.aspectRatio && ye(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 && we(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 ?? mi,
+      aspectRatio: i ?? gi,
       filename: r,
       store: this.store,
       signal: e.signal,
@@ -691,22 +692,22 @@ class bi {
     });
   }
   async pollUntilDone(e, i) {
-    const r = this.pollTimeoutMs + We();
+    const r = this.pollTimeoutMs + Ve();
     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 = ge(s), a = new Ge(o, { baseCDN: await this.getCdnBase() });
+        const o = ve(s), a = new He(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 we(o, a, s.error_source);
+        throw new xe(o, a, s.error_source);
       }
-      if (We() >= r)
+      if (Ve() >= r)
         throw new Error(`Uploadcare derivative: timed out waiting for job ${e}`);
-      await vi(this.pollIntervalMs, i.signal);
+      await yi(this.pollIntervalMs, i.signal);
     }
   }
   /**
@@ -715,11 +716,11 @@ class bi {
    * applies in its `cdnCname` computed config. Computed once and cached.
    */
   getCdnBase() {
-    return this.cdnBasePromise || (this.cdnBasePromise = this.cname === He || jt(this.cname, this.cnamePrefixed) ? Vt(this.publicKey, this.cnamePrefixed) : Promise.resolve(this.cname)), this.cdnBasePromise;
+    return this.cdnBasePromise || (this.cdnBasePromise = this.cname === We || Ht(this.cname, this.cnamePrefixed) ? Kt(this.publicKey, this.cnamePrefixed) : Promise.resolve(this.cname)), this.cdnBasePromise;
   }
 }
-const Ve = 20;
-class yi {
+const qe = 20;
+class xi {
   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);
   }
@@ -740,7 +741,7 @@ class yi {
   /** 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, Ve), this._host.requestUpdate();
+    this.history = e.slice(0, qe), this._host.requestUpdate();
   }
   setResult(e) {
     this.resultUrl = e.url, this.result = e, this.error = null, this.errorCode = null, this._host.requestUpdate();
@@ -771,16 +772,16 @@ class yi {
           ratio: e.ratioValue ?? null
         },
         ...this.history
-      ].slice(0, Ve), s);
+      ].slice(0, qe), s);
     } catch (s) {
       if ((s == null ? void 0 : s.name) === "AbortError") return null;
-      throw this.error = s.message || "Generation failed", this.errorCode = s instanceof we ? s.errorCode : null, s;
+      throw this.error = s.message || "Generation failed", this.errorCode = s instanceof xe ? s.errorCode : null, s;
     } finally {
       this._abortController === i && (this.busy = !1, this._abortController = null), this._host.requestUpdate();
     }
   }
 }
-const wi = {
+const ki = {
   "ai-enhancer-source-label": "Generate image",
   "ai-enhancer-file-action-label": "AI Edit",
   "ai-enhancer-generate-title": "Generate image",
@@ -805,7 +806,7 @@ const wi = {
   "ai-enhancer-aspect-landscape": "Landscape",
   "ai-enhancer-aspect-vertical": "Vertical",
   "ai-enhancer-aspect-widescreen": "Widescreen"
-}, xi = {
+}, Ei = {
   // 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.",
@@ -829,8 +830,8 @@ const wi = {
   "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."
-}, N = { ...wi, ...xi }, he = {
-  en: async () => N,
+}, B = { ...ki, ...Ei }, ue = {
+  en: async () => B,
   ar: () => import("./ar-0rfB4z3f.js").then((t) => t.default),
   az: () => import("./az-CyK2FKx4.js").then((t) => t.default),
   ca: () => import("./ca-CAoPN2lq.js").then((t) => t.default),
@@ -866,12 +867,12 @@ const wi = {
   zh: () => import("./zh-C0AOtYB8.js").then((t) => t.default),
   "zh-TW": () => import("./zh-TW-BNfdfwdz.js").then((t) => t.default)
 };
-function ki(t, e) {
-  return (e == null ? void 0 : e[t]) ?? N[t];
+function Ri(t, e) {
+  return (e == null ? void 0 : e[t]) ?? B[t];
 }
-function Ei(t) {
+function Si(t) {
   if ("kind" in t) return t;
-  const e = xe(t.origin);
+  const e = ke(t.origin);
   if ("sourceUrl" in t)
     return {
       kind: "proxy",
@@ -900,12 +901,12 @@ function Ei(t) {
     hash: r
   };
 }
-var k, V, ee, M;
-let Ri = (M = class {
+var k, q, te, M;
+let Ci = (M = class {
   constructor(e) {
-    ne(this, V);
-    ne(this, k);
-    Me(this, k, Ei(e));
+    le(this, q);
+    le(this, k);
+    Ie(this, k, Si(e));
   }
   /**
    * Parses an existing CDN URL.
@@ -913,7 +914,7 @@ let Ri = (M = class {
    * @throws TypeError when the URL cannot be interpreted as a CDN URL.
    */
   static parse(e) {
-    return new M(nt(e));
+    return new M(lt(e));
   }
   /** A defensive copy of the operation chain (empty for group root urls). */
   get operations() {
@@ -921,7 +922,7 @@ let Ri = (M = class {
   }
   /** The serialized URL string. */
   get href() {
-    return ct(E(this, k));
+    return ht(E(this, k));
   }
   /** Alias of {@link CdnUrl.href} for string coercion. */
   toString() {
@@ -937,18 +938,18 @@ let Ri = (M = class {
    * @throws TypeError on group root urls, which cannot carry operations.
    */
   with(...e) {
-    return X(this, V, ee).call(this, (i) => [...i, ...e]);
+    return J(this, q, te).call(this, (i) => [...i, ...e]);
   }
   /**
    * Removes every occurrence of an operation. Accepts the operation name,
    * an operation object, or the creator itself: `url.without(resize)`.
    */
   without(e) {
-    return X(this, V, ee).call(this, (i) => i.filter((r) => !ce(r, e)));
+    return J(this, q, te).call(this, (i) => i.filter((r) => !he(r, e)));
   }
   /** Replaces the first same-named operation in place, or appends it. */
   replace(e) {
-    return X(this, V, ee).call(this, (i) => {
+    return J(this, q, te).call(this, (i) => {
       const r = i.findIndex((o) => o.name === e.name);
       if (r === -1) return [...i, e];
       const s = [...i];
@@ -957,11 +958,11 @@ let Ri = (M = class {
   }
   /** Whether a matching operation is present (name, object or creator ref). */
   has(e) {
-    return this.operations.some((i) => ce(i, e));
+    return this.operations.some((i) => he(i, e));
   }
   /** First matching operation (name, object or creator ref), or null. */
   get(e) {
-    return this.operations.find((i) => ce(i, e)) ?? null;
+    return this.operations.find((i) => he(i, e)) ?? null;
   }
   /**
    * Sets or clears (`null`) the trailing filename.
@@ -973,51 +974,51 @@ let Ri = (M = class {
   }
   /** Rebases the url onto another domain. */
   setOrigin(e) {
-    return new M({ ...E(this, k), origin: xe(e) });
+    return new M({ ...E(this, k), origin: ke(e) });
   }
-}, k = new WeakMap(), V = new WeakSet(), ee = function(e) {
+}, k = new WeakMap(), q = new WeakSet(), te = function(e) {
   return "operations" in E(this, k) ? new M({
     ...E(this, k),
     operations: e(E(this, k).operations)
   }) : this;
 }, M);
-const ve = (t, ...e) => ({
+const be = (t, ...e) => ({
   name: t,
   params: e
-}), Si = /* @__PURE__ */ ht(
+}), $i = /* @__PURE__ */ ut(
   "preview",
   function(t, e) {
-    return t == null && e == null ? ve("preview") : ve("preview", at(t, e, "preview"));
+    return t == null && e == null ? be("preview") : be("preview", nt(t, e, "preview"));
   }
-), Ci = /* @__PURE__ */ ht(
+), Ai = /* @__PURE__ */ ut(
   "scale_crop",
   function(t, e, i = {}) {
-    const r = [at(t, e, "scale_crop")];
-    return i.type != null && r.push(i.type), i.align != null && r.push(It(i.align, "scale_crop alignment")), ve("scale_crop", ...r);
+    const r = [nt(t, e, "scale_crop")];
+    return i.type != null && r.push(i.type), i.align != null && r.push(Pt(i.align, "scale_crop alignment")), be("scale_crop", ...r);
   }
-), $i = 3e3;
-function ut(t) {
+), Ui = 3e3;
+function dt(t) {
   const e = typeof window < "u" ? window.devicePixelRatio : 1;
-  return Math.min(Math.ceil(t * Math.max(e, 1)), $i);
+  return Math.min(Math.ceil(t * Math.max(e, 1)), Ui);
 }
-function dt(t, e) {
+function pt(t, e) {
   if (e.length === 0) return t;
   try {
-    return Ri.parse(t).with(...e).href;
+    return Ci.parse(t).with(...e).href;
   } catch {
     return t;
   }
 }
-function Ai(t, e) {
-  const i = ut(e);
-  return dt(t, [Si(i, i)]);
+function Ti(t, e) {
+  const i = dt(e);
+  return pt(t, [$i(i, i)]);
 }
-function Ui(t, e) {
-  const i = ut(e);
-  return dt(t, [Ci(i, i, { align: "center" })]);
+function Fi(t, e) {
+  const i = dt(e);
+  return pt(t, [Ai(i, i, { align: "center" })]);
 }
-const Ti = "uc-ai-enhancer/history", qe = 200, Fi = 10080 * 60 * 1e3;
-class Mi {
+const Mi = "uc-ai-enhancer/history", Ke = 200, Ii = 10080 * 60 * 1e3;
+class Oi {
   constructor(e) {
     this._key = null, e.addController(this);
   }
@@ -1025,7 +1026,7 @@ class Mi {
   }
   /** Namespace the store by pubkey. Passing an empty key disables persistence. */
   setNamespace(e) {
-    this._key = e ? `${Ti}/${e}` : null;
+    this._key = e ? `${Mi}/${e}` : null;
   }
   /** Upsert the result as a node and persist (evicting expired/overflowing nodes). */
   record(e) {
@@ -1056,7 +1057,7 @@ class Mi {
    */
   lineage(e) {
     const i = this._key;
-    return !i || !e ? [] : this._component(this._read(i), e).sort((r, s) => s.createdAt - r.createdAt).map(Ii);
+    return !i || !e ? [] : this._component(this._read(i), e).sort((r, s) => s.createdAt - r.createdAt).map(Pi);
   }
   /** 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). */
@@ -1082,8 +1083,8 @@ class Mi {
    *  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 < Fi);
-    r.length > qe && (r = r.sort((o, a) => a.createdAt - o.createdAt).slice(0, qe));
+    let r = Object.values(e).filter((o) => i - o.createdAt < Ii);
+    r.length > Ke && (r = r.sort((o, a) => a.createdAt - o.createdAt).slice(0, Ke));
     const s = {};
     for (const o of r) s[o.uuid] = o;
     return s;
@@ -1107,7 +1108,7 @@ class Mi {
     }
   }
 }
-function Ii(t) {
+function Pi(t) {
   return {
     id: t.uuid,
     prompt: t.prompt,
@@ -1117,23 +1118,23 @@ function Ii(t) {
     ratio: t.ratio
   };
 }
-function Oi(t) {
+function zi(t) {
   try {
-    const e = nt(t);
+    const e = lt(t);
     if (e.kind === "file")
       return {
         uuid: e.uuid,
-        cdnUrlModifiers: lt(e.operations),
+        cdnUrlModifiers: ct(e.operations),
         fileName: e.filename ?? ""
       };
   } catch {
   }
   return { uuid: "", cdnUrlModifiers: "", fileName: "" };
 }
-function Pi(t, e) {
-  return e ? e(t, Oi(t)) : t;
+function Li(t, e) {
+  return e ? e(t, zi(t)) : t;
 }
-class pt {
+class ft {
   constructor(e) {
     this._cache = /* @__PURE__ */ new Map(), this._pending = /* @__PURE__ */ new Set(), this._host = e, e.addController(this);
   }
@@ -1150,39 +1151,39 @@ class pt {
     const i = this._cache.get(e);
     if (i !== void 0) return i;
     if (this._pending.has(e)) return null;
-    const r = Pi(e, this._resolver);
+    const r = Li(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 Dr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+const jr = `<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>`, Nr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Gr = `<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>`, zi = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Di = `<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>`, Li = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Ni = `<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>`, Di = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Bi = `<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>`, Ni = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, ji = `<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>`, Bi = ":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 ji = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, z = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Gi(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+</svg>`, Gi = ":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 Hi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, z = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Wi(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 && ji(e, i, s), s;
+  return r && s && Hi(e, i, s), s;
 };
-let A = class extends j {
+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) ? Z(t.value) : "", this.open = !1, this._onToggle = (t) => {
+    super(...arguments), this.options = [], this.selected = null, this.busy = !1, this.labelText = null, this.labelFor = (t) => O(t.value) ? Q(t.value) : "", this.open = !1, this._onToggle = (t) => {
       t.newState === "closed" && this.open && (this.open = !1);
     };
   }
@@ -1207,12 +1208,12 @@ let A = class extends j {
   }
   /** Icon for a selection: the ratio's shape, or the generic "Original" glyph. */
   _iconFor(t) {
-    return O(t) ? At(t) : Li;
+    return O(t) ? Tt(t) : Ni;
   }
   _triggerLabel() {
     const t = this.selected;
     if (!t) return "";
-    if (O(t)) return Z(t);
+    if (O(t)) return Q(t);
     const e = this.options.find((i) => i.value === t);
     return e ? this.labelFor(e) : "";
   }
@@ -1228,13 +1229,13 @@ let A = class extends j {
         ?disabled=${this.busy}
         @click=${this._toggle}
       >
-        ${this.selected ? te(this._iconFor(this.selected)) : null}
+        ${this.selected ? ie(this._iconFor(this.selected)) : null}
         ${t ? f`<span class="trigger-label">${t}</span>` : null}
       </button>
       <div class="popover" popover="auto" role="listbox" @toggle=${this._onToggle}>
         <div class="popover-inner">
           ${this.options.map((e) => {
-      const i = this.selected ? pe(e.value, this.selected) : !1;
+      const i = this.selected ? fe(e.value, this.selected) : !1;
       return f`
               <button
                 type="button"
@@ -1243,8 +1244,8 @@ let A = class extends j {
                 aria-selected="${i ? "true" : "false"}"
                 @click=${() => this._select(e.value)}
               >
-                ${te(this._iconFor(e.value))}
-                <span class="option-ratio">${O(e.value) ? Z(e.value) : ""}</span>
+                ${ie(this._iconFor(e.value))}
+                <span class="option-ratio">${O(e.value) ? Q(e.value) : ""}</span>
                 <span class="option-label">${this.labelFor(e)}</span>
               </button>
             `;
@@ -1254,7 +1255,7 @@ let A = class extends j {
     `;
   }
 };
-A.styles = B(Bi);
+A.styles = j(Gi);
 z([
   c({ attribute: !1 })
 ], A.prototype, "options", 2);
@@ -1277,36 +1278,36 @@ z([
   F(".popover")
 ], A.prototype, "_popover", 2);
 A = z([
-  G("uc-ai-aspect-ratio")
+  H("uc-ai-aspect-ratio")
 ], A);
-const Hi = /* @__PURE__ */ new WeakMap();
-let Ke = 0;
-const ue = /* @__PURE__ */ new Map(), Ye = /* @__PURE__ */ new WeakSet(), Xe = () => new Promise((t) => requestAnimationFrame(t)), Je = (t, e) => {
+const Vi = /* @__PURE__ */ new WeakMap();
+let Ye = 0;
+const de = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new WeakSet(), Je = () => new Promise((t) => requestAnimationFrame(t)), Ze = (t, e) => {
   const i = t - e;
   return i === 0 ? void 0 : i;
-}, Ze = (t, e) => {
+}, Qe = (t, e) => {
   const i = t / e;
   return i === 1 ? void 0 : i;
-}, de = { left: (t, e) => {
-  const i = Je(t, e);
+}, pe = { left: (t, e) => {
+  const i = Ze(t, e);
   return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateX(${i}px)` };
 }, top: (t, e) => {
-  const i = Je(t, e);
+  const i = Ze(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 = Ze(t, e);
+  const r = Qe(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 = Ze(t, e);
+  const r = Qe(t, e);
   return { value: r, overrideFrom: i, transform: r == null || isNaN(r) ? void 0 : `scaleY(${r})` };
-} }, Wi = { duration: 333, easing: "ease-in-out" }, Vi = ["left", "top", "width", "height", "opacity", "color", "background"], Qe = /* @__PURE__ */ new WeakMap();
-class qi extends st {
+} }, qi = { duration: 333, easing: "ease-in-out" }, Ki = ["left", "top", "width", "height", "opacity", "color", "background"], et = /* @__PURE__ */ new WeakMap();
+class Yi extends ot {
   constructor(e) {
-    if (super(e), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, e.type === rt.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 === st.CHILD) throw Error("The `animate` directive must be used in attribute position.");
     this.createFinished();
   }
   createFinished() {
@@ -1320,10 +1321,10 @@ class qi extends st {
     (e = this.l) == null || e.call(this), this.l = void 0;
   }
   render(e) {
-    return tt;
+    return it;
   }
   getController() {
-    return Hi.get(this.u);
+    return Vi.get(this.u);
   }
   isDisabled() {
     var e;
@@ -1332,17 +1333,17 @@ class qi extends st {
   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, Qe.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, et.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 = Vi), this.options = e;
+    i !== void 0 && ((e = { ...i.defaultOptions, ...e }).keyframeOptions = { ...i.defaultOptions.keyframeOptions, ...e.keyframeOptions }), e.properties ?? (e.properties = Ki), this.options = e;
   }
   p() {
     const e = {}, i = this.element.getBoundingClientRect(), r = getComputedStyle(this.element);
     return this.options.properties.forEach((s) => {
-      const o = i[s] ?? (de[s] ? void 0 : r[s]), a = Number(o);
+      const o = i[s] ?? (pe[s] ? void 0 : r[s]), a = Number(o);
       e[s] = isNaN(a) ? o + "" : a;
     }), e;
   }
@@ -1361,17 +1362,17 @@ class qi extends st {
   async hostUpdated() {
     if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered) return;
     let e;
-    this.prepare(), await Xe;
+    this.prepare(), await Je;
     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);
       this.log("measured", [this.A, s, o, a]), e = this.calculateKeyframes(o, a);
     } else {
-      const o = ue.get(this.options.inId);
+      const o = de.get(this.options.inId);
       if (o) {
-        ue.delete(this.options.inId);
+        de.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, Ke++, e.forEach((l) => l.zIndex = Ke);
+        e = this.calculateKeyframes(a, n), e = this.options.in ? [{ ...this.options.in[0], ...e[0] }, ...this.options.in.slice(1), e[1]] : e, Ye++, e.forEach((l) => l.zIndex = Ye);
       } else this.options.in && (e = [...this.options.in, {}]);
     }
     this.animate(e, r);
@@ -1387,8 +1388,8 @@ class qi extends st {
   }
   async disconnected() {
     var i;
-    if (!this.h || (this.options.id !== void 0 && ue.set(this.options.id, this.A), this.options.out === void 0)) return;
-    if (this.prepare(), await Xe(), (i = this.i) == null ? void 0 : i.isConnected) {
+    if (!this.h || (this.options.id !== void 0 && de.set(this.options.id, this.A), this.options.out === void 0)) return;
+    if (this.prepare(), await Je(), (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();
@@ -1414,19 +1415,19 @@ class qi extends st {
   P() {
     const e = [];
     for (let i = this.element.parentNode; i; i = i == null ? void 0 : i.parentNode) {
-      const r = Qe.get(i);
+      const r = et.get(i);
       r && !r.isDisabled() && r && e.push(r);
     }
     return e;
   }
   get isHostRendered() {
-    const e = Ye.has(this.u);
+    const e = Xe.has(this.u);
     return e || this.u.updateComplete.then(() => {
-      Ye.add(this.u);
+      Xe.add(this.u);
     }), e;
   }
   V(e, i = this.P()) {
-    const r = { ...Wi };
+    const r = { ...qi };
     return i.forEach((s) => Object.assign(r, s.options.keyframeOptions)), Object.assign(r, e), r;
   }
   O(e, i, r) {
@@ -1443,8 +1444,8 @@ class qi extends st {
     const n = {};
     for (const l in i) {
       const h = e[l], p = i[l];
-      if (l in de) {
-        const u = de[l];
+      if (l in pe) {
+        const u = pe[l];
         if (h === void 0 || p === void 0) continue;
         const _ = u(h, p);
         _.transform !== void 0 && (n[l] = _.value, a = !0, s.transform = `${s.transform ?? ""} ${_.transform}`, _.overrideFrom !== void 0 && Object.assign(s, _.overrideFrom));
@@ -1475,13 +1476,13 @@ class qi extends st {
     this.shouldLog && !this.isDisabled() && console.log(e, this.options.id, i);
   }
 }
-const Ki = it(qi), Yi = ["top", "right", "bottom", "left"];
-class Xi extends st {
+const Xi = rt(Yi), Ji = ["top", "right", "bottom", "left"];
+class Zi extends ot {
   constructor(e) {
-    if (super(e), e.type !== rt.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
+    if (super(e), e.type !== st.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
   }
   render(e, i) {
-    return tt;
+    return it;
   }
   update(e, [i, r]) {
     var s;
@@ -1496,22 +1497,22 @@ class Xi extends st {
     if (e === void 0 || !i) return;
     const r = e.getBoundingClientRect(), s = i.getBoundingClientRect();
     (a = this.S) == null || a.forEach((n) => {
-      const l = Yi.includes(n) ? r[n] - s[n] : r[n];
+      const l = Ji.includes(n) ? r[n] - s[n] : r[n];
       this.C.style[n] = l + "px";
     });
   }
 }
-it(Xi);
-const Ji = ':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 Zi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, L = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Qi(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+rt(Zi);
+const Qi = ':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 er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, L = (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 && Zi(e, i, s), s;
+  return r && s && er(e, i, s), s;
 };
-const er = 80;
-let U = class extends j {
+const ir = 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 pt(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 ft(this), this._loaded = /* @__PURE__ */ new Set();
   }
   willUpdate(t) {
     if (t.has("secureResolver") && this._secure.setResolver(this.secureResolver), t.has("entries")) {
@@ -1544,11 +1545,11 @@ let U = class extends j {
                 </button>
               </div>
             ` : v}
-        ${bt(
+        ${yt(
       i,
       (r) => r.id,
       (r) => {
-        const s = this._secure.resolve(Ui(r.url, er)), o = this.selectedUuid != null && r.file.uuid === this.selectedUuid, a = this._loaded.has(r.id);
+        const s = this._secure.resolve(Fi(r.url, ir)), o = this.selectedUuid != null && r.file.uuid === this.selectedUuid, a = this._loaded.has(r.id);
         return f`
               <button
                 type="button"
@@ -1558,7 +1559,7 @@ let U = class extends j {
                 aria-label=${r.prompt || "Result"}
                 title=${r.prompt}
                 @click=${() => this._select(r)}
-                ${Ki({ keyframeOptions: { duration: 300, easing: "cubic-bezier(0.23, 1, 0.32, 1)" } })}
+                ${Xi({ 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
@@ -1581,7 +1582,7 @@ let U = class extends j {
     `;
   }
 };
-U.styles = B(Ji);
+U.styles = j(Qi);
 L([
   c({ attribute: !1 })
 ], U.prototype, "entries", 2);
@@ -1604,15 +1605,15 @@ L([
   c({ attribute: !1 })
 ], U.prototype, "secureResolver", 2);
 U = L([
-  G("uc-ai-history")
+  H("uc-ai-history")
 ], U);
-const tr = ':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 ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? rr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const rr = ':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 sr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? or(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 && sr(e, i, s), s;
 };
-let T = class extends j {
+let T = class extends G {
   constructor() {
     super(...arguments), this.mode = "generate", this.value = "", this.placeholder = "", this.busy = !1, this.allowCustom = !0, this.sendAriaLabel = "";
   }
@@ -1681,7 +1682,7 @@ let T = class extends j {
                 ?disabled=${this.busy || t}
                 @click=${this._emitSend}
               >
-                <span class="send__icon">${te(zi)}</span>
+                <span class="send__icon">${ie(Di)}</span>
                 <span class="send__spinner" aria-hidden="true"></span>
               </button>
             </div>
@@ -1691,7 +1692,7 @@ let T = class extends j {
     `;
   }
 };
-T.styles = B(tr);
+T.styles = j(rr);
 D([
   c()
 ], T.prototype, "mode", 2);
@@ -1714,15 +1715,15 @@ D([
   F(".input")
 ], T.prototype, "_inputEl", 2);
 T = D([
-  G("uc-ai-prompt-row")
+  H("uc-ai-prompt-row")
 ], T);
-const sr = ":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 or = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, K = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? ar(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const ar = ":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 nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, Y = (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 && or(e, i, s), s;
+  return r && s && nr(e, i, s), s;
 };
-let P = class extends j {
+let P = class extends G {
   constructor() {
     super(...arguments), this.mode = "generate", this.presets = null, this.busy = !1, this.labelText = "Quick prompts";
   }
@@ -1759,7 +1760,7 @@ let P = class extends j {
     );
   }
   render() {
-    const t = this.presets ?? fe[this.mode].presets;
+    const t = this.presets ?? me[this.mode].presets;
     return f`
       <div
         class="row"
@@ -1779,26 +1780,30 @@ let P = class extends j {
     `;
   }
 };
-P.styles = B(sr);
-K([
+P.styles = j(ar);
+Y([
   c()
 ], P.prototype, "mode", 2);
-K([
+Y([
   c({ attribute: !1 })
 ], P.prototype, "presets", 2);
-K([
+Y([
   c({ type: Boolean })
 ], P.prototype, "busy", 2);
-K([
+Y([
   c({ attribute: "aria-label-text" })
 ], P.prototype, "labelText", 2);
-K([
+Y([
   F(".row")
 ], P.prototype, "_rowEl", 2);
-P = K([
-  G("uc-ai-chips")
+P = Y([
+  H("uc-ai-chips")
 ], P);
-const be = 8, nr = `#version 300 es
+function N(t, e) {
+  if (t === null) throw new Error(`DotGrid GL: failed to create ${e} (context lost?)`);
+  return t;
+}
+const ye = 8, cr = `#version 300 es
 precision highp float;
 precision highp int;
 in vec2 aCorner;        // unit quad corner, -0.5..0.5
@@ -1817,7 +1822,7 @@ uniform float uMinScale;
 uniform float uPeakScale;
 uniform float uIdleScale;
 uniform int uEpiCount;
-uniform vec2 uEpis[${be}];
+uniform vec2 uEpis[${ye}];
 uniform float uEpiRadius;
 uniform float uEpiFalloff;
 uniform float uColorA;
@@ -1834,7 +1839,7 @@ float epiIntensity(vec2 p) {
   // Low-frequency warp of the distance field — dissolves ring banding.
   float k = uFalloffWarp > 0.0 ? (6.2831853 / (uEpiRadius * 0.7)) : 0.0;
   float warp = k > 0.0 ? uFalloffWarp * uEpiRadius * sin(p.x * k + 1.3) * cos(p.y * k * 0.9) : 0.0;
-  for (int i = 0; i < ${be}; i++) {
+  for (int i = 0; i < ${ye}; i++) {
     if (i >= uEpiCount) break;
     float d = max(0.0, distance(p, uEpis[i]) + warp);
     if (d >= uEpiRadius) continue;
@@ -1895,7 +1900,7 @@ void main() {
   gl_Position = vec4(ndc.x, -ndc.y, 0.0, 1.0);
 
   vAlpha = (uMask == 1) ? 1.0 : uColorA;
-}`, lr = `#version 300 es
+}`, hr = `#version 300 es
 precision highp float;
 precision highp int;
 in float vAlpha;
@@ -1914,7 +1919,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
-}`, cr = `#version 300 es
+}`, ur = `#version 300 es
 precision highp float;
 in vec2 aQuad;          // 0..1
 uniform vec2 uResolution;
@@ -1925,7 +1930,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);
-}`, hr = `#version 300 es
+}`, dr = `#version 300 es
 precision highp float;
 in vec2 vFramePx;
 uniform sampler2D uImage;
@@ -1940,13 +1945,13 @@ void main() {
   vec2 uv = (vFramePx - off) / dsz;
   frag = vec4(texture(uImage, uv).rgb, 1.0);
 }`;
-class Ce {
+class $e {
   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(nr, lr), this._imgProgram = this._link(cr, hr), 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 = e.createBuffer(), this._dotVao = e.createVertexArray(), 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(cr, hr), this._imgProgram = this._link(ur, dr), 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");
-    e.bindBuffer(e.ARRAY_BUFFER, this._clipBuf), e.enableVertexAttribArray(r), e.vertexAttribPointer(r, 1, e.FLOAT, !1, 0, 0), e.vertexAttribDivisor(r, 1), e.bindVertexArray(null), this._imgVao = e.createVertexArray(), e.bindVertexArray(this._imgVao);
+    e.bindBuffer(e.ARRAY_BUFFER, this._clipBuf), e.enableVertexAttribArray(r), e.vertexAttribPointer(r, 1, e.FLOAT, !1, 0, 0), e.vertexAttribDivisor(r, 1), e.bindVertexArray(null), this._imgVao = N(e.createVertexArray(), "vertex array"), e.bindVertexArray(this._imgVao);
     const s = e.getAttribLocation(this._imgProgram, "aQuad");
     e.bindBuffer(e.ARRAY_BUFFER, this._quadBuf), e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
     for (const o of [
@@ -1975,7 +1980,7 @@ class Ce {
       this._dotUniforms[o] = e.getUniformLocation(this._dotProgram, o);
     for (const o of ["uResolution", "uFrame", "uImage", "uFrameSize", "uImageSize"])
       this._imgUniforms[o] = e.getUniformLocation(this._imgProgram, o);
-    this._texture = e.createTexture(), e.bindTexture(e.TEXTURE_2D, this._texture), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1), e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
+    this._texture = N(e.createTexture(), "texture"), e.bindTexture(e.TEXTURE_2D, this._texture), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1), e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
   }
   /** Create a renderer on `canvas`, or null if WebGL2 / compilation is unavailable. */
   static create(e) {
@@ -1992,7 +1997,7 @@ class Ce {
     }
     if (!i) return null;
     try {
-      return new Ce(i);
+      return new $e(i);
     } catch (r) {
       return typeof console < "u" && console.warn("[dot-grid] WebGL init failed, using 2D:", r), null;
     }
@@ -2025,7 +2030,7 @@ class Ce {
     }
     i.bindBuffer(i.ARRAY_BUFFER, this._clipBuf), i.bufferData(i.ARRAY_BUFFER, e.clip, i.DYNAMIC_DRAW), i.enable(i.BLEND), i.blendFunc(i.ONE, i.ONE_MINUS_SRC_ALPHA), i.useProgram(this._dotProgram), i.bindVertexArray(this._dotVao);
     const s = this._dotUniforms;
-    if (i.uniform2f(s.uResolution, e.cssW, e.cssH), i.uniform1f(s.uCols, e.cols), i.uniform2f(s.uOffset, e.offsetX, e.offsetY), i.uniform1f(s.uCell, e.cell), i.uniform1f(s.uBaseRadius, e.baseRadius), i.uniform1f(s.uFullHalf, e.fullHalf), i.uniform1f(s.uEnv, e.env), i.uniform1f(s.uShimMix, e.shimMix), i.uniform1i(s.uMask, e.mask ? 1 : 0), i.uniform1i(s.uGenerating, e.generating ? 1 : 0), i.uniform1f(s.uMinScale, e.minScale), i.uniform1f(s.uPeakScale, e.peakScale), i.uniform1f(s.uIdleScale, e.idleScale), i.uniform1i(s.uEpiCount, Math.min(e.epiCount, be)), i.uniform2fv(s.uEpis, e.epis), i.uniform1f(s.uEpiRadius, e.epiRadius), i.uniform1f(s.uEpiFalloff, e.epiFalloff), i.uniform1f(s.uColorA, e.color[3]), i.uniform3f(s.uColorRGB, e.color[0], e.color[1], e.color[2]), i.uniform1f(s.uFalloffWarp, e.falloffWarp), i.uniform1f(s.uDither, e.dither), i.drawArraysInstanced(i.TRIANGLE_STRIP, 0, 4, r), e.mask && this._texOk && this._texImage) {
+    if (i.uniform2f(s.uResolution, e.cssW, e.cssH), i.uniform1f(s.uCols, e.cols), i.uniform2f(s.uOffset, e.offsetX, e.offsetY), i.uniform1f(s.uCell, e.cell), i.uniform1f(s.uBaseRadius, e.baseRadius), i.uniform1f(s.uFullHalf, e.fullHalf), i.uniform1f(s.uEnv, e.env), i.uniform1f(s.uShimMix, e.shimMix), i.uniform1i(s.uMask, e.mask ? 1 : 0), i.uniform1i(s.uGenerating, e.generating ? 1 : 0), i.uniform1f(s.uMinScale, e.minScale), i.uniform1f(s.uPeakScale, e.peakScale), i.uniform1f(s.uIdleScale, e.idleScale), i.uniform1i(s.uEpiCount, Math.min(e.epiCount, ye)), i.uniform2fv(s.uEpis, e.epis), i.uniform1f(s.uEpiRadius, e.epiRadius), i.uniform1f(s.uEpiFalloff, e.epiFalloff), i.uniform1f(s.uColorA, e.color[3]), i.uniform3f(s.uColorRGB, e.color[0], e.color[1], e.color[2]), i.uniform1f(s.uFalloffWarp, e.falloffWarp), i.uniform1f(s.uDither, e.dither), i.drawArraysInstanced(i.TRIANGLE_STRIP, 0, 4, r), e.mask && this._texOk && this._texImage) {
       i.blendFunc(i.DST_ALPHA, i.ZERO), i.useProgram(this._imgProgram), i.bindVertexArray(this._imgVao);
       const o = this._imgUniforms;
       i.uniform2f(o.uResolution, e.cssW, e.cssH), i.uniform4f(o.uFrame, e.frameLeft, e.frameTop, e.frameRight, e.frameBottom), i.uniform2f(o.uFrameSize, e.frameRight - e.frameLeft, e.frameBottom - e.frameTop), i.uniform2f(o.uImageSize, this._texImage.naturalWidth, this._texImage.naturalHeight), i.activeTexture(i.TEXTURE0), i.bindTexture(i.TEXTURE_2D, this._texture), i.uniform1i(o.uImage, 0), i.drawArrays(i.TRIANGLE_STRIP, 0, 4);
@@ -2043,11 +2048,11 @@ class Ce {
     s.canvas.width = Math.round(e * r), s.canvas.height = Math.round(i * r), s.canvas.style.width = `${e}px`, s.canvas.style.height = `${i}px`, s.viewport(0, 0, s.canvas.width, s.canvas.height), this._appliedW = e, this._appliedH = i, this._appliedScale = r;
   }
   _staticBuffer(e) {
-    const i = this._gl, r = i.createBuffer();
+    const i = this._gl, r = N(i.createBuffer(), "buffer");
     return i.bindBuffer(i.ARRAY_BUFFER, r), i.bufferData(i.ARRAY_BUFFER, new Float32Array(e), i.STATIC_DRAW), r;
   }
   _link(e, i) {
-    const r = this._gl, s = this._compile(r.VERTEX_SHADER, e), o = this._compile(r.FRAGMENT_SHADER, i), a = r.createProgram();
+    const r = this._gl, s = this._compile(r.VERTEX_SHADER, e), o = this._compile(r.FRAGMENT_SHADER, i), a = N(r.createProgram(), "program");
     if (r.attachShader(a, s), r.attachShader(a, o), r.linkProgram(a), r.deleteShader(s), r.deleteShader(o), !r.getProgramParameter(a, r.LINK_STATUS)) {
       const n = r.getProgramInfoLog(a);
       throw r.deleteProgram(a), new Error(`DotGrid GL link failed: ${n}`);
@@ -2055,7 +2060,7 @@ class Ce {
     return a;
   }
   _compile(e, i) {
-    const r = this._gl, s = r.createShader(e);
+    const r = this._gl, s = N(r.createShader(e), "shader");
     if (r.shaderSource(s, i), r.compileShader(s), !r.getShaderParameter(s, r.COMPILE_STATUS)) {
       const o = r.getShaderInfoLog(s);
       throw r.deleteShader(s), new Error(`DotGrid GL compile failed: ${o}`);
@@ -2063,7 +2068,7 @@ class Ce {
     return s;
   }
 }
-const ur = 1200, dr = 800, pr = 1.5, et = (t) => 1 - (1 - t) ** 3, fr = {
+const pr = 1200, fr = 800, mr = 1.5, tt = (t) => 1 - (1 - t) ** 3, _r = {
   cellSize: 6,
   dotRatio: 0.46,
   sizeScale: 1,
@@ -2084,19 +2089,19 @@ const ur = 1200, dr = 800, pr = 1.5, et = (t) => 1 - (1 - t) ** 3, fr = {
   shimEnterMs: 450,
   shimExitMs: 450
 };
-class mr {
+class gr {
   constructor(e, i) {
-    this._refs = null, this._ctx = null, this._gl = null, this._glImageEl = null, this._glImageReady = !1, this._cfg = { ...fr }, 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 = { ..._r }, 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) * et(a), a >= 1 && (this._env = this._envTo, this._envAnimating = !1);
+        this._env = this._envFrom + (this._envTo - this._envFrom) * tt(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) * et(a), a >= 1 && (this._shimMix = this._shimTo, this._shimAnimating = !1);
+        this._shimMix = this._shimFrom + (this._shimTo - this._shimFrom) * tt(a), a >= 1 && (this._shimMix = this._shimTo, this._shimAnimating = !1);
       }
       this._state.generating && !this._reduceMotion && this._moveEpicenters(s);
       const o = this._followFrame(s);
@@ -2116,11 +2121,11 @@ class mr {
    *  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 / (ur * dr)) ** this._cfg.sizeScale;
+    return this._w <= 0 || this._h <= 0 ? 1 : Math.sqrt(this._w * this._h / (pr * fr)) ** this._cfg.sizeScale;
   }
   /** Wire the painter to the canvas's rendered elements. */
   attach(e) {
-    if (this._refs = e, this._cfg.useWebgl !== !1 && (this._gl = Ce.create(e.surface)), this._gl || (this._ctx = e.surface.getContext("2d")), !!this._canDraw) {
+    if (this._refs = e, this._cfg.useWebgl !== !1 && (this._gl = $e.create(e.surface)), this._gl || (this._ctx = e.surface.getContext("2d")), !!this._canDraw) {
       if (this._readDotColor(), typeof ResizeObserver == "function" && (this._resizeObserver = new ResizeObserver(() => {
         this._resize(), this.sync(this._state);
       }), this._resizeObserver.observe(e.viewport), this._frameObserver = new ResizeObserver(() => this._ensureLoop()), this._frameObserver.observe(e.frame)), typeof window < "u" && typeof window.matchMedia == "function" && (this._schemeMql = window.matchMedia("(prefers-color-scheme: dark)"), this._schemeMql.addEventListener("change", this._onThemeChange)), typeof MutationObserver == "function" && typeof document < "u") {
@@ -2196,7 +2201,7 @@ class mr {
     if (!i) return this._dotColorRGBA;
     i.clearRect(0, 0, 1, 1), i.fillStyle = "#000", i.fillStyle = e, i.fillRect(0, 0, 1, 1);
     const r = i.getImageData(0, 0, 1, 1).data;
-    return [r[0] / 255, r[1] / 255, r[2] / 255, r[3] / 255];
+    return [(r[0] ?? 0) / 255, (r[1] ?? 0) / 255, (r[2] ?? 0) / 255, (r[3] ?? 0) / 255];
   }
   _hasImage() {
     var i;
@@ -2274,7 +2279,7 @@ class mr {
    *  {@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, pr) : i;
+    return e ? Math.min(i, mr) : 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. */
@@ -2462,16 +2467,16 @@ class mr {
     this._exitPending && this._hasImage() && (this._exitPending = !1, this._env = 1, this._startEnv(0, this._cfg.exitMs));
   }
 }
-const _r = ":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 gr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, y = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? vr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const vr = ":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 br = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, y = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? yr(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 && gr(e, i, s), s;
+  return r && s && br(e, i, s), s;
 };
-const br = 3 / 2, yr = 70;
-let g = class extends j {
+const wr = 3 / 2, xr = 70;
+let g = 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 mr(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 gr(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());
@@ -2535,7 +2540,7 @@ let g = class extends j {
     }
     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());
-    }, yr));
+    }, xr));
   }
   _clearCoverTimer() {
     this._coverTimer != null && (clearTimeout(this._coverTimer), this._coverTimer = void 0);
@@ -2548,7 +2553,7 @@ let g = class extends j {
     if (this.ratio && this.ratio > 0) return this.ratio;
     if (this.naturalRatio && this.naturalRatio > 0) return this.naturalRatio;
     const t = this._imageEl;
-    return t && t.naturalWidth > 0 && t.naturalHeight > 0 ? t.naturalWidth / t.naturalHeight : br;
+    return t && t.naturalWidth > 0 && t.naturalHeight > 0 ? t.naturalWidth / t.naturalHeight : wr;
   }
   /** Size the frame to the largest box of the chosen ratio that fits the viewport. */
   _updateFrame() {
@@ -2626,7 +2631,7 @@ let g = class extends j {
     this._fullscreen && this.fullsizeUrl ? f`<img class="layer full" src="${this.fullsizeUrl}" alt="${this.alt || "AI image"}" decoding="async" />` : v}
         ${t ? f`<img
                 class="preload"
-                src="${this.url}"
+                src="${wt(this.url ?? void 0)}"
                 alt=""
                 aria-hidden="true"
                 decoding="async"
@@ -2645,7 +2650,7 @@ let g = class extends j {
                 @focus=${this._preloadFullsize}
                 @click=${this._toggleFullscreen}
               >
-                ${te(this._fullscreen ? Ni : Di)}
+                ${ie(this._fullscreen ? ji : Bi)}
               </button>
             ` : v}
         <span class="sr-only" role="status" aria-live="polite">${this.busy ? this.busyLabel : ""}</span>
@@ -2653,7 +2658,7 @@ let g = class extends j {
     `;
   }
 };
-g.styles = B(_r);
+g.styles = j(vr);
 y([
   c()
 ], g.prototype, "url", 2);
@@ -2718,15 +2723,15 @@ y([
   F(".dot-grid")
 ], g.prototype, "_dotGridEl", 2);
 g = y([
-  G("uc-ai-canvas")
+  H("uc-ai-canvas")
 ], g);
-const wr = ":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 xr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, re = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? kr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+const kr = ":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 Er = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, se = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Rr(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 && xr(e, i, s), s;
+  return r && s && Er(e, i, s), s;
 };
-let q = class extends j {
+let K = class extends G {
   constructor() {
     super(...arguments), this.cancelLabel = "", this.primaryLabel = "", this.primaryDisabled = !1;
   }
@@ -2754,39 +2759,39 @@ let q = class extends j {
     `;
   }
 };
-q.styles = B(wr);
-re([
+K.styles = j(kr);
+se([
   c({ attribute: "cancel-label" })
-], q.prototype, "cancelLabel", 2);
-re([
+], K.prototype, "cancelLabel", 2);
+se([
   c({ attribute: "primary-label" })
-], q.prototype, "primaryLabel", 2);
-re([
+], K.prototype, "primaryLabel", 2);
+se([
   c({ type: Boolean, attribute: "primary-disabled" })
-], q.prototype, "primaryDisabled", 2);
-q = re([
-  G("uc-ai-footer")
-], q);
-const Er = ":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 Rr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, m = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Sr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+], K.prototype, "primaryDisabled", 2);
+K = se([
+  H("uc-ai-footer")
+], K);
+const Sr = ":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 Cr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, m = (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 && Rr(e, i, s), s;
+  return r && s && Cr(e, i, s), s;
 };
-const Cr = ["top", "bottom"], $r = ["full", "available"], Ar = [
+const Ar = ["top", "bottom"], Ur = ["full", "available"], Tr = [
   "composer-above",
   "composer-below",
   "canvas-top",
   "canvas-bottom"
 ];
-let d = class extends j {
+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 yi(this), this._history = new Mi(this), this._secure = new pt(this), this._localeStrings = N, 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 xi(this), this._history = new Oi(this), this._secure = new ft(this), this._localeStrings = B, this._localeToken = 0, this._lastPreviewUrl = null, this._ratioOptionsCache = /* @__PURE__ */ new Map(), this._labelForOption = (t) => t.labelKey ? this._l(t.labelKey) : "";
   }
   /** @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 bi({
+    e && (this._provider = this.provider ?? (this.pubkey ? new wi({
       publicKey: this.pubkey,
       baseUrl: this.baseUrl,
       cdnBaseUrl: this.cdnCname,
@@ -2808,10 +2813,10 @@ let d = class extends j {
     (e || i) && this._resolveInputUrl(), (e || i) && this._resolveSourceFileInfo();
     const r = this._mode;
     if (r !== this._lastMode)
-      this._lastMode = r, this._selectedRatio = r === "edit" ? W : this._defaultGenerateRatio();
+      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) => pe(o, s)) && (this._selectedRatio = this._defaultGenerateRatio());
+      O(s) && !this._standardRatios().some((o) => fe(o, s)) && (this._selectedRatio = this._defaultGenerateRatio());
     }
     t.has("aspectRatios") && this._ratioOptionsCache.clear(), (t.has("localeName") || t.has("localeDefinitionOverride")) && this._resolveLocale();
   }
@@ -2819,19 +2824,19 @@ let d = class extends j {
   async _resolveLocale() {
     var s, o;
     const t = this.localeName || "en", e = ++this._localeToken;
-    let i = N;
+    let i = B;
     if (t !== "en")
       try {
-        i = await ((s = he[t]) == null ? void 0 : s.call(he)) ?? N;
+        i = await ((s = ue[t]) == null ? void 0 : s.call(ue)) ?? B;
       } catch {
-        i = N;
+        i = B;
       }
     if (e !== this._localeToken) return;
     const r = (o = this.localeDefinitionOverride) == null ? void 0 : o[t];
     this._localeStrings = r ? { ...i, ...r } : i;
   }
   _l(t) {
-    return ki(t, this._localeStrings);
+    return Ri(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
@@ -2839,7 +2844,7 @@ let d = class extends j {
   _errorMessage() {
     const t = this._gen.errorCode;
     if (t) {
-      const e = `ai-enhancer-error-${t}`, i = this._localeStrings[e] ?? N[e];
+      const e = `ai-enhancer-error-${t}`, i = this._localeStrings[e] ?? B[e];
       if (i) return i;
     }
     return this._l("ai-enhancer-error");
@@ -2916,7 +2921,7 @@ let d = class extends j {
    */
   get _sourceEntry() {
     const t = this._sourceUuid, e = this._effectiveSourceFileInfo, i = this._inputUrl;
-    return !t || !i || !e ? null : { id: t, prompt: "", mode: "edit", url: i, file: e, ratio: W };
+    return !t || !i || !e ? null : { id: t, prompt: "", mode: "edit", url: i, file: e, ratio: V };
   }
   /** Strip entries: the generated results (newest-first) plus the original source
    *  appended as the base (oldest) when editing. */
@@ -2939,7 +2944,7 @@ let d = class extends j {
     const t = this._displayUrl;
     if (!t)
       return this._lastPreviewUrl = null, null;
-    const e = this._secure.resolve(Ai(t, this.clientWidth || 1024));
+    const e = this._secure.resolve(Ti(t, this.clientWidth || 1024));
     return e != null && (this._lastPreviewUrl = e), this._lastPreviewUrl;
   }
   /** Full-resolution rendition for fullscreen, secure-delivery-resolved. */
@@ -2948,8 +2953,8 @@ let d = class extends j {
   }
   /** The configured (or popular) standard ratios, validated. */
   _standardRatios() {
-    const t = (this.aspectRatios ?? []).filter(ye);
-    return t.length > 0 ? t : [...yt];
+    const t = (this.aspectRatios ?? []).filter(we);
+    return t.length > 0 ? t : [...xt];
   }
   /**
    * The ratio the generate flow starts on: the prototype's landscape default
@@ -2958,12 +2963,12 @@ let d = class extends j {
    */
   _defaultGenerateRatio() {
     const t = this._standardRatios();
-    return t.find((e) => pe(e, wt)) ?? t[0] ?? null;
+    return t.find((e) => fe(e, kt)) ?? t[0] ?? null;
   }
   _ratioOptions(t) {
     const e = this._ratioOptionsCache.get(t);
     if (e) return e;
-    const i = this._standardRatios().map(St), r = t === "edit" ? [{ value: W, labelKey: "ai-enhancer-aspect-original" }, ...i] : i;
+    const i = this._standardRatios().map($t), r = t === "edit" ? [{ value: V, labelKey: "ai-enhancer-aspect-original" }, ...i] : i;
     return this._ratioOptionsCache.set(t, r), r;
   }
   /**
@@ -3080,15 +3085,15 @@ let d = class extends j {
   }
   /** @internal */
   render() {
-    var Ue, Te;
-    const t = this._mode, e = t === "edit" && !this.sourceUuid && !this.sourceFileInfo, i = fe[t].placeholderKey, r = ((Ue = this.presets) == null ? void 0 : Ue[t]) ?? fe[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 Te, Fe;
+    const t = this._mode, e = t === "edit" && !this.sourceUuid && !this.sourceFileInfo, i = me[t].placeholderKey, r = ((Te = this.presets) == null ? void 0 : Te[t]) ?? me[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 = {
       stage: !0,
       "is-empty": !a
-    }, h = Cr.includes(this.composerPlacement) ? this.composerPlacement : "bottom", u = ($r.includes(this.canvasFit) ? this.canvasFit : "available") === "full", _ = !u, x = `${u ? "overlay" : "docked"}-${h}`, w = Ar.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, H = this._historyEntries, Y = H.length > 0 || e, se = Y ? f`
+    }, h = Ar.includes(this.composerPlacement) ? this.composerPlacement : "bottom", u = (Ur.includes(this.canvasFit) ? this.canvasFit : "available") === "full", _ = !u, x = `${u ? "overlay" : "docked"}-${h}`, w = Tr.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, oe = X ? f`
           <uc-ai-history
             .busy=${this._gen.busy}
-            .entries=${H}
-            .selectedUuid=${((Te = this._gen.result) == null ? void 0 : Te.uuid) ?? this._sourceUuid}
+            .entries=${W}
+            .selectedUuid=${((Fe = this._gen.result) == null ? void 0 : Fe.uuid) ?? this._sourceUuid}
             ?show-start-over=${e}
             start-over-label="${this._l("ai-enhancer-start-over")}"
             list-label="${this._l("ai-enhancer-history-title")}"
@@ -3096,7 +3101,7 @@ let d = class extends j {
             @uc:select=${this._onSelectHistoryEntry}
             @uc:start-over=${this._onStartOver}
           ></uc-ai-history>
-        ` : v, ft = f`
+        ` : v, mt = f`
       <uc-ai-prompt-row
         .mode=${t}
         .value=${this._prompt}
@@ -3128,7 +3133,7 @@ let d = class extends j {
               ></uc-ai-aspect-ratio>
             ` : v}
       </uc-ai-prompt-row>
-    `, oe = f`
+    `, ae = f`
       <div
         class=${S({
       composer: !0,
@@ -3138,23 +3143,23 @@ let d = class extends j {
     })}
       >
         <div class="composer__content">
-          ${R && w === "composer-above" ? se : v}
-          ${ft}
-          ${R && w === "composer-below" ? se : v}
+          ${R && w === "composer-above" ? oe : v}
+          ${mt}
+          ${R && w === "composer-below" ? oe : v}
         </div>
       </div>
-    `, mt = Y && !R ? f`<div
+    `, _t = X && !R ? f`<div
             class=${S({
       "history-pinned": !0,
       "history-pinned--docked": _,
       [`history-pinned--canvas-${I}`]: !0
     })}
           >
-            ${se}
-          </div>` : v, _t = this.composerAutoHide && u ? f`
+            ${oe}
+          </div>` : v, gt = 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, $e = this.toolbarPlacement === "top", Ae = f`
+          ` : v, Ae = this.toolbarPlacement === "top", Ue = f`
       <uc-ai-footer
         cancel-label="${this._l("ai-enhancer-cancel")}"
         primary-label="${this._l("ai-enhancer-done-btn")}"
@@ -3169,8 +3174,8 @@ let d = class extends j {
         role="region"
         aria-label="${this._l(t === "edit" ? "ai-enhancer-edit-title" : "ai-enhancer-generate-title")}"
       >
-        ${$e ? Ae : v}
-        ${_ && h === "top" ? oe : v}
+        ${Ae ? Ue : v}
+        ${_ && h === "top" ? ae : v}
         <div class=${S(l)}>
           <uc-ai-canvas
             .url=${this._previewUrl}
@@ -3186,21 +3191,21 @@ let d = class extends j {
             exit-fullscreen-label="${this._l("ai-enhancer-exit-fullscreen")}"
           ></uc-ai-canvas>
 
+          ${gt}
           ${_t}
-          ${mt}
-          ${u ? oe : v}
+          ${u ? ae : v}
 
           ${this._gen.error ? f`<div class="error-box" role="alert">
                   <div class="error-box__card">${this._errorMessage()}</div>
                 </div>` : v}
         </div>
-        ${_ && h === "bottom" ? oe : v}
-        ${$e ? v : Ae}
+        ${_ && h === "bottom" ? ae : v}
+        ${Ae ? v : Ue}
       </div>
     `;
   }
 };
-d.styles = B(Er);
+d.styles = j(Sr);
 m([
   c({ attribute: "source-uuid" })
 ], d.prototype, "sourceUuid", 2);
@@ -3232,7 +3237,7 @@ m([
   c({ attribute: !1 })
 ], d.prototype, "secureDeliveryProxyUrlResolver", 2);
 m([
-  c({ type: Array, attribute: "aspect-ratios", converter: (t) => t ? Ct(t) : null })
+  c({ type: Array, attribute: "aspect-ratios", converter: (t) => t ? At(t) : null })
 ], d.prototype, "aspectRatios", 2);
 m([
   c({ attribute: "locale-name" })
@@ -3286,14 +3291,14 @@ m([
   C()
 ], d.prototype, "_localeStrings", 2);
 d = m([
-  G("uc-ai-enhancer")
+  H("uc-ai-enhancer")
 ], d);
 export {
-  Nr as I,
-  he as L,
-  yt as P,
+  Gr as I,
+  ue as L,
+  xt as P,
   d as U,
-  Dr as a,
-  N as e,
-  ye as i
+  jr as a,
+  B as e,
+  we as i
 };