@uploadcare/ai-enhancer 0.1.2 → 0.1.4

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

@@ -1,33 +1,34 @@
-var vt = Object.defineProperty;
-var Me = (t) => {
+var yt = Object.defineProperty;
+var Ie = (t) => {
   throw TypeError(t);
 };
-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";
+var wt = (t, e, i) => e in t ? yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var b = (t, e, i) => wt(t, typeof e != "symbol" ? e + "" : e, i), ce = (t, e, i) => e.has(t) || Ie("Cannot " + i);
+var k = (t, e, i) => (ce(t, e, "read from private field"), i ? i.call(t) : e.get(t)), he = (t, e, i) => e.has(t) ? Ie("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), Pe = (t, e, i, r) => (ce(t, e, "write to private field"), r ? r.call(t, i) : e.set(t, i), i), J = (t, e, i) => (ce(t, e, "access private method"), i);
+import { unsafeCSS as j, LitElement as G, html as f, nothing as g } from "lit";
 import { property as c, state as C, query as F, customElement as H } from "lit/decorators.js";
 import { classMap as S } from "lit/directives/class-map.js";
-import { 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";
+import { AiEnhancerError as Z } from "./errors.js";
+import { unsafeSVG as re } from "lit/directives/unsafe-svg.js";
+import { nothing as st } from "lit/html.js";
+import { directive as ot, PartType as at } from "lit/directive.js";
+import { AsyncDirective as nt } from "lit/async-directive.js";
+import { repeat as xt } from "lit/directives/repeat.js";
+import { ifDefined as Et } from "lit/directives/if-defined.js";
 const V = "original";
-function O(t) {
+function I(t) {
   return t != null && t !== V;
 }
-function fe(t, e) {
-  return t === V || e === V ? t === e : Ut(t, e);
+function _e(t, e) {
+  return t === V || e === V ? t === e : Ft(t, e);
 }
-const xt = [
+const kt = [
   [2, 3],
   [3, 2],
   [1, 1],
   [9, 16],
   [16, 9]
-], kt = [3, 2], Et = {
+], Rt = [3, 2], St = {
   "1:1": "ai-enhancer-aspect-square",
   "2:3": "ai-enhancer-aspect-tall",
   "3:2": "ai-enhancer-aspect-wide",
@@ -35,23 +36,23 @@ const xt = [
   "5:4": "ai-enhancer-aspect-landscape",
   "9:16": "ai-enhancer-aspect-vertical",
   "16:9": "ai-enhancer-aspect-widescreen"
-}, Rt = 0.1, St = 10;
-function we(t) {
+}, Ct = 0.1, $t = 10;
+function Ee(t) {
   const [e, i] = t;
   if (!Number.isFinite(e) || !Number.isFinite(i) || e <= 0 || i <= 0) return !1;
   const r = e / i;
-  return r >= Rt && r <= St;
+  return r >= Ct && r <= $t;
 }
-function Q(t) {
+function ee(t) {
   return `${t[0]}:${t[1]}`;
 }
-function Ct(t) {
-  return Et[Q(t)] ?? null;
+function At(t) {
+  return St[ee(t)] ?? null;
 }
-function $t(t) {
-  return { value: t, labelKey: Ct(t) };
+function Ut(t) {
+  return { value: t, labelKey: At(t) };
 }
-function At(t) {
+function Tt(t) {
   const e = [];
   for (const i of t.split(/[\s,]+/)) {
     const r = i.trim();
@@ -59,90 +60,29 @@ function At(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];
-    we(n) && e.push(n);
+    Ee(n) && e.push(n);
   }
   return e;
 }
-function Ut(t, e) {
+function Ft(t, e) {
   return t[0] === e[0] && t[1] === e[1];
 }
-function Tt(t) {
+function Mt(t) {
   const [e, i] = t, r = 12, s = e >= i ? r : r * (e / i), o = i >= e ? r : r * (i / e), a = (16 - s) / 2, n = (16 - o) / 2;
   return `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect x="${a.toFixed(2)}" y="${n.toFixed(2)}" width="${s.toFixed(2)}" height="${o.toFixed(2)}" rx="1.5" stroke="currentColor" stroke-width="1.4"/></svg>`;
 }
-const me = {
-  generate: {
-    id: "generate",
-    placeholderKey: "ai-enhancer-generate-placeholder",
-    // Complete, descriptive starting prompts. Flux responds best to rich
-    // natural-language descriptions, and clicking a chip fills the prompt so the
-    // user can run it as-is or tweak it.
-    presets: [
-      {
-        label: "Portrait",
-        prompt: "A photorealistic close-up portrait of a woman with freckles and windswept hair, soft natural window light, shallow depth of field, shot on an 85mm lens, ultra-detailed skin texture"
-      },
-      {
-        label: "Cinematic",
-        prompt: "Cinematic film still of a lone traveler on a neon-lit Tokyo street at night, rain-slicked pavement, glowing reflections, moody atmosphere, anamorphic, shot on 35mm"
-      },
-      {
-        label: "Product",
-        prompt: "Product photography of a frosted glass perfume bottle on a polished marble surface, soft studio lighting, gentle reflections, minimalist composition, high detail"
-      },
-      {
-        label: "Landscape",
-        prompt: "A serene mountain landscape at golden hour, low mist drifting through the valley, dramatic clouds, mirror-still lake reflections, photorealistic, ultra-detailed"
-      },
-      {
-        label: "Illustration",
-        prompt: "A flat vector illustration of a cozy bookshop café, warm color palette, clean bold shapes, soft shadows, modern editorial style"
-      },
-      {
-        label: "3D character",
-        prompt: "A cute 3D-rendered robot character, Pixar style, big expressive eyes, soft studio lighting, pastel color palette, smooth glossy materials, octane render"
-      }
-    ]
-  },
-  edit: {
-    id: "edit",
-    placeholderKey: "ai-enhancer-edit-placeholder",
-    // Instruction-style edits Flux Kontext handles well — restyling, relighting,
-    // and background/subject changes that preserve the source image.
-    presets: [
-      {
-        label: "Enhance",
-        prompt: "Enhance the photo: improve the lighting, sharpen details, and make the colors richer while keeping it natural"
-      },
-      { label: "Golden hour", prompt: "Relight the scene with warm golden-hour sunlight and long, soft shadows" },
-      {
-        label: "White studio",
-        prompt: "Place the subject on a clean seamless white studio backdrop with soft, even lighting"
-      },
-      { label: "Remove people", prompt: "Remove all other people from the scene, keeping the main subject intact" },
-      {
-        label: "Watercolor",
-        prompt: "Restyle the image as a soft watercolor painting with delicate, visible brush strokes"
-      },
-      {
-        label: "Black & white",
-        prompt: "Convert to dramatic high-contrast black and white film photography with subtle grain"
-      }
-    ]
-  }
-};
-class xe extends Error {
+class se extends Error {
   constructor(e, i, r) {
     super(i), this.name = "AiProviderError", this.errorCode = e, this.errorSource = r;
   }
 }
-function Ft(t) {
+function Ot(t) {
   const e = t == null ? void 0 : t.error;
   return !!e && typeof e == "object" && typeof e.error_code == "string";
 }
-async function Z(t, e) {
+async function Q(t, e) {
 }
-async function Oe(t, e) {
+async function Le(t, e) {
   const i = await t.text().catch(() => "");
   let r = null;
   if (i)
@@ -150,9 +90,9 @@ async function Oe(t, e) {
       r = JSON.parse(i);
     } catch {
     }
-  if (Ft(r)) {
+  if (Ot(r)) {
     const { error_code: s, content: o } = r.error;
-    throw new xe(s, o ?? s);
+    throw new se(s, o ?? s);
   }
   if (!t.ok)
     throw new Error(
@@ -160,7 +100,7 @@ async function Oe(t, e) {
     );
   return r;
 }
-class Mt {
+class It {
   constructor(e) {
     if (!e.publicKey)
       throw new Error("UploadcareApiClient: publicKey is required");
@@ -174,7 +114,7 @@ class Mt {
       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 Z(), 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 Q(), 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) {
@@ -184,14 +124,14 @@ class Mt {
       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 Z(), 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 Q(), 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 Oe(s, "generate status");
-    return await Z(), o;
+    const s = await this.doFetch(r.href, { method: "GET", headers: { Accept: "application/json" }, signal: i }), o = await Le(s, "generate status");
+    return await Q(), o;
   }
   async startJob(e, i, r, s) {
     const o = await this.doFetch(e.href, {
@@ -199,36 +139,36 @@ class Mt {
       headers: { "Content-Type": "application/json", Accept: "application/json" },
       body: JSON.stringify(i),
       signal: s
-    }), a = await Oe(o, r);
-    return await Z(), a;
+    }), a = await Le(o, r);
+    return await Q(), a;
   }
 }
-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");
+const lt = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", Pt = new RegExp(`^${lt}$`, "i"), Lt = new RegExp(`^(${lt})~([0-9]+)$`, "i");
 function ke(t) {
   return t.replace(/\/+$/, "");
 }
-function _e(t, e = "size") {
+function ge(t, e = "size") {
   return typeof t == "number" ? String(t) : t.replace("%", "p");
 }
-function nt(t, e, i = "dimensions") {
-  const r = t == null ? "" : _e(t, `${i} width`), s = e == null ? "" : _e(e, `${i} height`);
+function ct(t, e, i = "dimensions") {
+  const r = t == null ? "" : ge(t, `${i} width`), s = e == null ? "" : ge(e, `${i} height`);
   return `${r}x${s}`;
 }
-function Pe(t, e) {
-  return typeof t == "number" ? String(t) : _e(t, e);
+function ze(t, e) {
+  return typeof t == "number" ? String(t) : ge(t, e);
 }
-function Pt(t, e = "alignment") {
-  return typeof t == "string" ? t : `${Pe(t.x, `${e} x`)},${Pe(t.y, `${e} y`)}`;
+function zt(t, e = "alignment") {
+  return typeof t == "string" ? t : `${ze(t.x, `${e} x`)},${ze(t.y, `${e} y`)}`;
 }
-const zt = [
+const Dt = [
   "video",
   "document",
   "gif2video"
-], Lt = /\/(https?:\/\/.+)$/i;
-function Dt(t) {
-  return t != null && zt.includes(t);
+], Nt = /\/(https?:\/\/.+)$/i;
+function Bt(t) {
+  return t != null && Dt.includes(t);
 }
-function lt(t) {
+function ht(t) {
   var _;
   let e;
   try {
@@ -236,20 +176,20 @@ function lt(t) {
   } catch {
     throw new TypeError(`Invalid URL: "${t}"`);
   }
-  const i = `${e.protocol}//${e.host}`, r = e.pathname, s = (_ = r.match(Lt)) == null ? void 0 : _[1];
+  const i = `${e.protocol}//${e.host}`, r = e.pathname, s = (_ = r.match(Nt)) == null ? void 0 : _[1];
   if (s !== void 0) {
     const x = r.slice(0, r.length - s.length);
     return {
       kind: "proxy",
       origin: i,
-      operations: ce(ze(x), "proxy prefix"),
+      operations: ue(De(x), "proxy prefix"),
       sourceUrl: s + e.search + e.hash
     };
   }
-  const o = r.endsWith("/"), a = ze(r), n = a.shift();
+  const o = r.endsWith("/"), a = De(r), n = a.shift();
   if (n === void 0)
     throw new TypeError(`Not a CDN URL (empty path): "${t}"`);
-  const l = { origin: i, search: e.search, hash: e.hash }, h = n.match(Ot);
+  const l = { origin: i, search: e.search, hash: e.hash }, h = n.match(Lt);
   if ((h == null ? void 0 : h[1]) !== void 0) {
     const x = {
       uuid: h[1],
@@ -260,13 +200,13 @@ function lt(t) {
       if (!Number.isInteger(w))
         throw new TypeError(`Invalid group element index in "${t}"`);
       a.splice(0, 2);
-      const $ = Le(a, o);
+      const $ = Ne(a, o);
       return {
         kind: "group-element",
         ...l,
         group: x,
         nth: w,
-        operations: ce(a, t),
+        operations: ue(a, t),
         filename: $
       };
     }
@@ -274,29 +214,29 @@ function lt(t) {
       throw new TypeError(`Unexpected path after group id in "${t}"`);
     return { kind: "group", ...l, group: x };
   }
-  if (!It.test(n))
+  if (!Pt.test(n))
     throw new TypeError(
       `Not a CDN URL (no uuid, group or proxy source): "${t}"`
     );
   let p = null;
-  Dt(a[0]) && (p = a[0], a.shift());
-  const u = Le(a, o);
+  Bt(a[0]) && (p = a[0], a.shift());
+  const u = Ne(a, o);
   return {
     kind: "file",
     ...l,
     uuid: n,
     conversion: p,
-    operations: ce(a, t),
+    operations: ue(a, t),
     filename: u
   };
 }
-function ze(t) {
+function De(t) {
   return t.split("/").filter((e) => e !== "");
 }
-function Le(t, e) {
+function Ne(t, e) {
   return e || t.length === 0 ? null : t.pop() ?? null;
 }
-function ce(t, e) {
+function ue(t, e) {
   const i = [];
   let r = 0;
   for (; r < t.length; ) {
@@ -319,11 +259,11 @@ function ce(t, e) {
   }
   return i;
 }
-function ct(t) {
+function ut(t) {
   return t.map((e) => `-/${[e.name, ...e.params].join("/")}/`).join("");
 }
-function ht(t) {
-  const e = ke(t.origin), i = ct(t.operations ?? []);
+function dt(t) {
+  const e = ke(t.origin), i = ut(t.operations ?? []);
   if ("sourceUrl" in t && t.sourceUrl != null)
     return `${e}/${i}${t.sourceUrl}`;
   const r = ("search" in t ? t.search : "") ?? "", s = ("hash" in t ? t.hash : "") ?? "";
@@ -337,59 +277,59 @@ function ht(t) {
   }
   throw new TypeError("serializeCdnUrl requires one of: uuid, group, sourceUrl");
 }
-function Nt(t) {
+function jt(t) {
   return typeof t == "string" ? t : "opName" in t ? t.opName : t.name;
 }
-function he(t, e) {
-  const i = Nt(e);
+function de(t, e) {
+  const i = jt(e);
   return t.name === i || t.name.startsWith(`${i}~`);
 }
-function ut(t, e) {
+function pt(t, e) {
   return Object.assign(e, { opName: t });
 }
-const Bt = (t, e) => {
+const Gt = (t, e) => {
   const i = new URL(e);
   return i.hostname = `${t}.${i.hostname}`, i.toString().replace(/\/$/, "");
-}, jt = "0123456789abcdefghijklmnopqrstuvwxyz", Gt = (t) => {
+}, Ht = "0123456789abcdefghijklmnopqrstuvwxyz", Wt = (t) => {
   if (t <= 0n)
     return "0";
   let e = "";
   for (; t > 0n; ) {
     const i = t % 36n;
-    e = jt[Number(i)] + e, t = t / 36n;
+    e = Ht[Number(i)] + e, t = t / 36n;
   }
   return e;
-}, Ht = (t, e) => {
+}, Vt = (t, e) => {
   try {
     const i = new URL(t), r = new URL(e);
     return i.hostname.endsWith(r.hostname);
   } catch {
     return !1;
   }
-}, Wt = async (t) => {
+}, qt = async (t) => {
   const e = new TextEncoder().encode(t), i = await window.crypto.subtle.digest("SHA-256", e), r = Array.from(new Uint8Array(i)).map((s) => s.toString(16).padStart(2, "0")).join("");
   return BigInt(`0x${r}`);
-}, 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);
+}, Kt = 10, Yt = async (t) => {
+  const e = await qt(t);
+  return Wt(e).slice(0, Kt);
+}, Xt = async (t, e) => {
+  const i = await Yt(t);
+  return Gt(i, e);
 };
-function De(t) {
+function Be(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-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("");
+const Jt = /\W|_/g;
+function Zt(t) {
+  return t.split(Jt).map((e, i) => e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
 }
-function Ne(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
-  return Array.isArray(t) ? t.map((i) => Ee(i, { ignoreKeys: e })) : t;
+function je(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
+  return Array.isArray(t) ? t.map((i) => Re(i, { ignoreKeys: e })) : t;
 }
-function Ee(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
+function Re(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
   if (Array.isArray(t))
-    return Ne(t, { ignoreKeys: e });
-  if (!De(t))
+    return je(t, { ignoreKeys: e });
+  if (!Be(t))
     return t;
   const i = {};
   for (const r of Object.keys(t)) {
@@ -398,12 +338,12 @@ function Ee(t, { ignoreKeys: e } = { ignoreKeys: [] }) {
       i[r] = s;
       continue;
     }
-    De(s) ? s = Ee(s, { ignoreKeys: e }) : Array.isArray(s) && (s = Ne(s, { ignoreKeys: e })), i[Xt(r)] = s;
+    Be(s) ? s = Re(s, { ignoreKeys: e }) : Array.isArray(s) && (s = je(s, { ignoreKeys: e })), i[Zt(r)] = s;
   }
   return i;
 }
-const Jt = (t) => new Promise((e) => setTimeout(e, t));
-function Zt({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = "", integration: s = "" }) {
+const Qt = (t) => new Promise((e) => setTimeout(e, t));
+function ei({ libraryName: t, libraryVersion: e, userAgent: i, publicKey: r = "", integration: s = "" }) {
   const o = "JavaScript";
   if (typeof i == "string")
     return i;
@@ -418,53 +358,53 @@ function Zt({ 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 Qt = {
+const ti = {
   factor: 2,
   time: 100
 };
-function ei(t, e = Qt) {
+function ii(t, e = ti) {
   let i = 0;
   function r(s) {
     const o = Math.round(e.time * e.factor ** i);
     return s({
       attempt: i,
-      retry: (n) => Jt(n ?? o).then(() => (i += 1, r(s)))
+      retry: (n) => Qt(n ?? o).then(() => (i += 1, r(s)))
     });
   }
   return r(t);
 }
-class Re extends Error {
+class Se extends Error {
 }
-class re extends Re {
+class oe extends Se {
   constructor(i) {
     super();
     b(this, "originalProgressEvent");
-    this.name = "NetworkError", this.message = "Network error", Object.setPrototypeOf(this, re.prototype), this.originalProgressEvent = i;
+    this.name = "NetworkError", this.message = "Network error", Object.setPrototypeOf(this, oe.prototype), this.originalProgressEvent = i;
   }
 }
-const ti = (t, e) => {
+const ri = (t, e) => {
   t && (t.aborted ? Promise.resolve().then(e) : t.addEventListener("abort", () => e(), { once: !0 }));
 };
-class Se extends Re {
+class Ce extends Se {
   constructor(i = "Request canceled") {
     super(i);
     b(this, "isCancel", !0);
-    this.name = "CancelError", Object.setPrototypeOf(this, Se.prototype);
+    this.name = "CancelError", Object.setPrototypeOf(this, Ce.prototype);
   }
 }
-const ee = {
+const te = {
   baseCDN: "https://ucarecdn.com",
   baseURL: "https://upload.uploadcare.com",
   retryThrottledRequestMaxTimes: 1,
   retryNetworkErrorMaxTimes: 3
-}, ii = ({ method: t, url: e, data: i, headers: r = {}, signal: s, onProgress: o }) => new Promise((a, n) => {
+}, si = ({ method: t, url: e, data: i, headers: r = {}, signal: s, onProgress: o }) => new Promise((a, n) => {
   const l = new XMLHttpRequest(), h = (t == null ? void 0 : t.toUpperCase()) || "GET";
   let p = !1;
   l.open(h, e, !0), r && Object.entries(r).forEach((u) => {
     const [_, x] = u;
     typeof x < "u" && !Array.isArray(x) && l.setRequestHeader(_, x);
-  }), l.responseType = "text", ti(s, () => {
-    p = !0, l.abort(), n(new Se());
+  }), l.responseType = "text", ri(s, () => {
+    p = !0, l.abort(), n(new Ce());
   }), l.onload = () => {
     if (l.status != 200)
       n(new Error(`Error ${l.status}: ${l.statusText}`));
@@ -478,7 +418,7 @@ const ee = {
         onProgress: o
       }, _ = l.getAllResponseHeaders().trim().split(/[\r\n]+/), x = {};
       _.forEach(function(R) {
-        const I = R.split(": "), W = I.shift(), X = I.join(": ");
+        const O = R.split(": "), W = O.shift(), X = O.join(": ");
         W && typeof W < "u" && (x[W] = X);
       });
       const w = l.response, $ = l.status;
@@ -490,7 +430,7 @@ const ee = {
       });
     }
   }, l.onerror = (u) => {
-    p || n(new re(u));
+    p || n(new oe(u));
   }, o && typeof o == "function" && (l.upload.onprogress = (u) => {
     u.lengthComputable ? o({
       isComputable: !0,
@@ -498,69 +438,69 @@ const ee = {
     }) : o({ isComputable: !1 });
   }), i ? l.send(i) : l.send();
 });
-class Ce extends Re {
+class $e extends Se {
   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, Ce.prototype);
+    this.name = "UploadError", this.message = i, this.code = r, this.request = s, this.response = o, this.headers = a, Object.setPrototypeOf(this, $e.prototype);
   }
 }
-const ri = (t) => {
+const oi = (t) => {
   const e = new URLSearchParams();
   for (const [i, r] of Object.entries(t))
     r && typeof r == "object" && !Array.isArray(r) ? Object.entries(r).filter((s) => s[1] ?? !1).forEach((s) => e.set(`${i}[${s[0]}]`, String(s[1]))) : Array.isArray(r) ? r.forEach((s) => {
       e.append(`${i}[]`, s);
     }) : typeof r == "string" && r ? e.set(i, r) : typeof r == "number" && e.set(i, r.toString());
   return e.toString();
-}, ge = (t, e, i) => {
+}, ve = (t, e, i) => {
   const r = new URL(t);
-  return r.pathname = (r.pathname + e).replace("//", "/"), i && (r.search = ri(i)), r.toString();
+  return r.pathname = (r.pathname + e).replace("//", "/"), i && (r.search = oi(i)), r.toString();
 };
-var si = "6.18.4";
-const oi = "UploadcareUploadClient", ai = si;
-function ni(t) {
-  return Zt({
-    libraryName: oi,
-    libraryVersion: ai,
+var ai = "6.18.4";
+const ni = "UploadcareUploadClient", li = ai;
+function ci(t) {
+  return ei({
+    libraryName: ni,
+    libraryVersion: li,
     ...t
   });
 }
-const li = "RequestThrottledError", Be = 15e3, ci = 1e3;
-function hi(t) {
+const hi = "RequestThrottledError", Ge = 15e3, ui = 1e3;
+function di(t) {
   const { headers: e } = t || {};
   if (!e || typeof e["retry-after"] != "string")
-    return Be;
+    return Ge;
   const i = parseInt(e["retry-after"], 10);
-  return Number.isFinite(i) ? i * 1e3 : Be;
+  return Number.isFinite(i) ? i * 1e3 : Ge;
 }
-function ui(t, e) {
+function pi(t, e) {
   const { retryThrottledRequestMaxTimes: i, retryNetworkErrorMaxTimes: r } = e;
-  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);
+  return ii(({ attempt: s, retry: o }) => t().catch((a) => {
+    if ("response" in a && (a == null ? void 0 : a.code) === hi && s < i)
+      return o(di(a));
+    if (a instanceof oe && s < r)
+      return o((s + 1) * ui);
     throw a;
   }));
 }
-var je;
+var He;
 (function(t) {
   t.Token = "token", t.FileInfo = "file_info";
-})(je || (je = {}));
-var Ge;
+})(He || (He = {}));
+var We;
 (function(t) {
   t.Unknown = "unknown", t.Waiting = "waiting", t.Progress = "progress", t.Error = "error", t.Success = "success";
-})(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({
+})(We || (We = {}));
+function fi(t, { publicKey: e, baseURL: i = te.baseURL, signal: r, source: s, integration: o, userAgent: a, retryThrottledRequestMaxTimes: n = te.retryThrottledRequestMaxTimes, retryNetworkErrorMaxTimes: l = te.retryNetworkErrorMaxTimes }) {
+  return pi(() => si({
     method: "GET",
     headers: {
-      "X-UC-User-Agent": ni({ publicKey: e, integration: o, userAgent: a })
+      "X-UC-User-Agent": ci({ publicKey: e, integration: o, userAgent: a })
     },
-    url: ge(i, "/info/", {
+    url: ve(i, "/info/", {
       jsonerrors: 1,
       pub_key: e,
       file_id: t,
@@ -568,17 +508,17 @@ function di(t, { publicKey: e, baseURL: i = ee.baseURL, signal: r, source: s, in
     }),
     signal: r
   }).then(({ data: h, headers: p, request: u }) => {
-    const _ = Ee(JSON.parse(h));
+    const _ = Re(JSON.parse(h));
     if ("error" in _)
-      throw new Ce(_.error.content, _.error.errorCode, u, _, p);
+      throw new $e(_.error.content, _.error.errorCode, u, _, p);
     return _;
   }), { retryThrottledRequestMaxTimes: n, retryNetworkErrorMaxTimes: l });
 }
-function pi(t) {
+function mi(t) {
   return "defaultEffects" in t;
 }
-class He {
-  constructor(e, { baseCDN: i = ee.baseCDN, fileName: r } = {}) {
+class Ve {
+  constructor(e, { baseCDN: i = te.baseCDN, fileName: r } = {}) {
     b(this, "uuid");
     b(this, "name");
     b(this, "size");
@@ -594,29 +534,29 @@ class He {
     b(this, "metadata");
     b(this, "s3Bucket");
     b(this, "defaultEffects", null);
-    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 { uuid: s, s3Bucket: o } = e, a = ve(i, `${s}/`), n = o ? ve(`https://${o}.s3.amazonaws.com/`, `${s}/${e.filename}`) : null;
+    this.uuid = s, this.name = r || e.filename, this.size = e.size, this.isStored = e.isStored, this.isImage = e.isImage, this.mimeType = e.mimeType, this.cdnUrl = a, this.originalFilename = e.originalFilename, this.imageInfo = e.imageInfo, this.videoInfo = e.videoInfo, this.contentInfo = e.contentInfo, this.metadata = e.metadata || null, this.s3Bucket = o || null, this.s3Url = n, mi(e) && (this.defaultEffects = e.defaultEffects);
   }
 }
-const fi = /\W|_/g;
-function mi(t) {
+const _i = /\W|_/g;
+function gi(t) {
   return typeof t == "object" && t !== null && !Array.isArray(t);
 }
-function _i(t) {
-  return t.split(fi).map((e, i) => e && e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
+function vi(t) {
+  return t.split(_i).map((e, i) => e && e.charAt(0)[i > 0 ? "toUpperCase" : "toLowerCase"]() + e.slice(1)).join("");
 }
-function ve(t) {
+function be(t) {
   if (Array.isArray(t))
-    return t.map((i) => ve(i));
-  if (!mi(t))
+    return t.map((i) => be(i));
+  if (!gi(t))
     return t;
   const e = {};
   for (const i of Object.keys(t))
-    e[_i(i)] = ve(t[i]);
+    e[vi(i)] = be(t[i]);
   return e;
 }
-const gi = [1, 1], We = "https://ucarecdn.com", vi = 1500, bi = 1e6;
-function yi(t, e) {
+const bi = [1, 1], qe = "https://ucarecdn.com", yi = 1500, wi = 1e6;
+function xi(t, e) {
   return new Promise((i, r) => {
     if (e != null && e.aborted) {
       r(new DOMException("Aborted", "AbortError"));
@@ -630,18 +570,18 @@ function yi(t, e) {
     e == null || e.addEventListener("abort", o, { once: !0 });
   });
 }
-function Ve() {
+function Ke() {
   return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 }
-class wi {
+class Ei {
   constructor(e) {
     if (this.id = "uploadcare-derivative", !e.publicKey)
       throw new Error("UploadcareDerivativeApi: publicKey is required");
-    this.api = new Mt({
+    this.api = new It({
       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 ?? We, this.cnamePrefixed = e.cdnCnamePrefixed ?? "https://ucarecd.net", this.pollIntervalMs = e.pollIntervalMs ?? vi, this.pollTimeoutMs = e.pollTimeoutMs ?? bi;
+    }), this.publicKey = e.publicKey, this.baseUrl = e.baseUrl, this.filename = e.filename ?? "generated.png", this.store = e.store, this.cname = e.cdnBaseUrl ?? qe, this.cnamePrefixed = e.cdnCnamePrefixed ?? "https://ucarecd.net", this.pollIntervalMs = e.pollIntervalMs ?? yi, this.pollTimeoutMs = e.pollTimeoutMs ?? wi;
   }
   async generate(e) {
     const i = await this.startJob(e);
@@ -653,7 +593,7 @@ class wi {
    * the editor produced.
    */
   async resolveCdnUrl(e) {
-    return ht({ origin: await this.getCdnBase(), uuid: e });
+    return dt({ origin: await this.getCdnBase(), uuid: e });
   }
   /**
    * Resolve a stored file's full info (image dimensions, original filename,
@@ -662,13 +602,13 @@ class wi {
    * true aspect ratio before the image decodes, and name outputs after it.
    */
   async getFileInfo(e, i) {
-    const r = await di(e, { publicKey: this.publicKey, baseURL: this.baseUrl, signal: i });
-    return new He(r, { baseCDN: await this.getCdnBase() });
+    const r = await fi(e, { publicKey: this.publicKey, baseURL: this.baseUrl, signal: i });
+    return new Ve(r, { baseCDN: await this.getCdnBase() });
   }
   async startJob(e) {
-    const i = e.aspectRatio && 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({
+    const i = e.aspectRatio && Ee(e.aspectRatio) ? [e.aspectRatio[0], e.aspectRatio[1]] : void 0, r = e.filename ?? this.filename, s = e.mode === "edit" ? await this.startEditJob(e, i, r, e.metadata) : await this.api.generate({
       prompt: e.prompt,
-      aspectRatio: i ?? gi,
+      aspectRatio: i ?? bi,
       filename: r,
       store: this.store,
       signal: e.signal,
@@ -692,22 +632,22 @@ class wi {
     });
   }
   async pollUntilDone(e, i) {
-    const r = this.pollTimeoutMs + Ve();
+    const r = this.pollTimeoutMs + Ke();
     for (; ; ) {
       const s = await this.api.getJobStatus(e, i.signal);
       if (s.status === "success") {
         if (!s.uuid)
           throw new Error("Uploadcare derivative: response did not include a uuid");
-        const o = ve(s), a = new He(o, { baseCDN: await this.getCdnBase() });
+        const o = be(s), a = new Ve(o, { baseCDN: await this.getCdnBase() });
         return { url: a.cdnUrl, uuid: a.uuid, prompt: i.prompt, mode: i.mode, file: a };
       }
       if (s.status === "error") {
         const o = s.error_code ?? "unknown", a = s.error ?? o;
-        throw new xe(o, a, s.error_source);
+        throw new se(o, a, s.error_source);
       }
-      if (Ve() >= r)
+      if (Ke() >= r)
         throw new Error(`Uploadcare derivative: timed out waiting for job ${e}`);
-      await yi(this.pollIntervalMs, i.signal);
+      await xi(this.pollIntervalMs, i.signal);
     }
   }
   /**
@@ -716,11 +656,74 @@ class wi {
    * applies in its `cdnCname` computed config. Computed once and cached.
    */
   getCdnBase() {
-    return this.cdnBasePromise || (this.cdnBasePromise = this.cname === We || Ht(this.cname, this.cnamePrefixed) ? Kt(this.publicKey, this.cnamePrefixed) : Promise.resolve(this.cname)), this.cdnBasePromise;
+    return this.cdnBasePromise || (this.cdnBasePromise = this.cname === qe || Vt(this.cname, this.cnamePrefixed) ? Xt(this.publicKey, this.cnamePrefixed) : Promise.resolve(this.cname)), this.cdnBasePromise;
   }
 }
-const qe = 20;
-class xi {
+function ki(t) {
+  return t instanceof Z ? t : t instanceof se ? new Z(t.message, { code: t.errorCode, source: t.errorSource, cause: t }) : t instanceof Error ? new Z(t.message, { cause: t }) : new Z(typeof t == "string" && t ? t : "Generation failed", { cause: t });
+}
+const ye = {
+  generate: {
+    id: "generate",
+    placeholderKey: "ai-enhancer-generate-placeholder",
+    // Complete, descriptive starting prompts. Flux responds best to rich
+    // natural-language descriptions, and clicking a chip fills the prompt so the
+    // user can run it as-is or tweak it.
+    presets: [
+      {
+        label: "Portrait",
+        prompt: "A photorealistic close-up portrait of a woman with freckles and windswept hair, soft natural window light, shallow depth of field, shot on an 85mm lens, ultra-detailed skin texture"
+      },
+      {
+        label: "Cinematic",
+        prompt: "Cinematic film still of a lone traveler on a neon-lit Tokyo street at night, rain-slicked pavement, glowing reflections, moody atmosphere, anamorphic, shot on 35mm"
+      },
+      {
+        label: "Product",
+        prompt: "Product photography of a frosted glass perfume bottle on a polished marble surface, soft studio lighting, gentle reflections, minimalist composition, high detail"
+      },
+      {
+        label: "Landscape",
+        prompt: "A serene mountain landscape at golden hour, low mist drifting through the valley, dramatic clouds, mirror-still lake reflections, photorealistic, ultra-detailed"
+      },
+      {
+        label: "Illustration",
+        prompt: "A flat vector illustration of a cozy bookshop café, warm color palette, clean bold shapes, soft shadows, modern editorial style"
+      },
+      {
+        label: "3D character",
+        prompt: "A cute 3D-rendered robot character, Pixar style, big expressive eyes, soft studio lighting, pastel color palette, smooth glossy materials, octane render"
+      }
+    ]
+  },
+  edit: {
+    id: "edit",
+    placeholderKey: "ai-enhancer-edit-placeholder",
+    // Instruction-style edits Flux Kontext handles well — restyling, relighting,
+    // and background/subject changes that preserve the source image.
+    presets: [
+      {
+        label: "Enhance",
+        prompt: "Enhance the photo: improve the lighting, sharpen details, and make the colors richer while keeping it natural"
+      },
+      { label: "Golden hour", prompt: "Relight the scene with warm golden-hour sunlight and long, soft shadows" },
+      {
+        label: "White studio",
+        prompt: "Place the subject on a clean seamless white studio backdrop with soft, even lighting"
+      },
+      { label: "Remove people", prompt: "Remove all other people from the scene, keeping the main subject intact" },
+      {
+        label: "Watercolor",
+        prompt: "Restyle the image as a soft watercolor painting with delicate, visible brush strokes"
+      },
+      {
+        label: "Black & white",
+        prompt: "Convert to dramatic high-contrast black and white film photography with subtle grain"
+      }
+    ]
+  }
+}, Ye = 20;
+class Ri {
   constructor(e) {
     this.busy = !1, this.resultUrl = null, this.result = null, this.error = null, this.errorCode = null, this.history = [], this._abortController = null, this._host = e, e.addController(this);
   }
@@ -741,7 +744,7 @@ class xi {
   /** 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, qe), this._host.requestUpdate();
+    this.history = e.slice(0, Ye), this._host.requestUpdate();
   }
   setResult(e) {
     this.resultUrl = e.url, this.result = e, this.error = null, this.errorCode = null, this._host.requestUpdate();
@@ -772,16 +775,16 @@ class xi {
           ratio: e.ratioValue ?? null
         },
         ...this.history
-      ].slice(0, qe), s);
+      ].slice(0, Ye), s);
     } catch (s) {
       if ((s == null ? void 0 : s.name) === "AbortError") return null;
-      throw this.error = s.message || "Generation failed", this.errorCode = s instanceof xe ? s.errorCode : null, s;
+      throw this.error = s.message || "Generation failed", this.errorCode = s instanceof se ? s.errorCode : null, s;
     } finally {
       this._abortController === i && (this.busy = !1, this._abortController = null), this._host.requestUpdate();
     }
   }
 }
-const ki = {
+const Si = {
   "ai-enhancer-source-label": "Generate image",
   "ai-enhancer-file-action-label": "AI Edit",
   "ai-enhancer-generate-title": "Generate image",
@@ -806,7 +809,7 @@ const ki = {
   "ai-enhancer-aspect-landscape": "Landscape",
   "ai-enhancer-aspect-vertical": "Vertical",
   "ai-enhancer-aspect-widescreen": "Widescreen"
-}, Ei = {
+}, Ci = {
   // Platform validation (POST generate/edit/outpaint, GET status)
   "ai-enhancer-error-invalid_request": "Something went wrong with the request. Please try again.",
   "ai-enhancer-error-invalid_source": "The source image couldn't be read. Please try a different image.",
@@ -830,7 +833,7 @@ const ki = {
   "ai-enhancer-error-DownloadFileHTTPClientError": "Couldn't retrieve the generated image. Please try again.",
   "ai-enhancer-error-DownloadFileNotFoundError": "The generated image couldn't be found. Please try again.",
   "ai-enhancer-error-DownloadFileTaskFailedError": "Couldn't save the generated image. Please try again."
-}, B = { ...ki, ...Ei }, ue = {
+}, B = { ...Si, ...Ci }, pe = {
   en: async () => B,
   ar: () => import("./ar-0rfB4z3f.js").then((t) => t.default),
   az: () => import("./az-CyK2FKx4.js").then((t) => t.default),
@@ -867,10 +870,10 @@ const ki = {
   zh: () => import("./zh-C0AOtYB8.js").then((t) => t.default),
   "zh-TW": () => import("./zh-TW-BNfdfwdz.js").then((t) => t.default)
 };
-function Ri(t, e) {
+function $i(t, e) {
   return (e == null ? void 0 : e[t]) ?? B[t];
 }
-function Si(t) {
+function Ai(t) {
   if ("kind" in t) return t;
   const e = ke(t.origin);
   if ("sourceUrl" in t)
@@ -901,12 +904,12 @@ function Si(t) {
     hash: r
   };
 }
-var k, q, te, M;
-let Ci = (M = class {
+var E, q, ie, M;
+let Ui = (M = class {
   constructor(e) {
-    le(this, q);
-    le(this, k);
-    Ie(this, k, Si(e));
+    he(this, q);
+    he(this, E);
+    Pe(this, E, Ai(e));
   }
   /**
    * Parses an existing CDN URL.
@@ -914,15 +917,15 @@ let Ci = (M = class {
    * @throws TypeError when the URL cannot be interpreted as a CDN URL.
    */
   static parse(e) {
-    return new M(lt(e));
+    return new M(ht(e));
   }
   /** A defensive copy of the operation chain (empty for group root urls). */
   get operations() {
-    return "operations" in E(this, k) ? [...E(this, k).operations] : [];
+    return "operations" in k(this, E) ? [...k(this, E).operations] : [];
   }
   /** The serialized URL string. */
   get href() {
-    return ht(E(this, k));
+    return dt(k(this, E));
   }
   /** Alias of {@link CdnUrl.href} for string coercion. */
   toString() {
@@ -930,7 +933,7 @@ let Ci = (M = class {
   }
   /** The underlying {@link ParsedCdnUrl}, discriminated by `kind`. */
   toJSON() {
-    return "operations" in E(this, k) ? { ...E(this, k), operations: [...E(this, k).operations] } : { ...E(this, k) };
+    return "operations" in k(this, E) ? { ...k(this, E), operations: [...k(this, E).operations] } : { ...k(this, E) };
   }
   /**
    * Appends operations to the chain.
@@ -938,18 +941,18 @@ let Ci = (M = class {
    * @throws TypeError on group root urls, which cannot carry operations.
    */
   with(...e) {
-    return J(this, q, te).call(this, (i) => [...i, ...e]);
+    return J(this, q, ie).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 J(this, q, te).call(this, (i) => i.filter((r) => !he(r, e)));
+    return J(this, q, ie).call(this, (i) => i.filter((r) => !de(r, e)));
   }
   /** Replaces the first same-named operation in place, or appends it. */
   replace(e) {
-    return J(this, q, te).call(this, (i) => {
+    return J(this, q, ie).call(this, (i) => {
       const r = i.findIndex((o) => o.name === e.name);
       if (r === -1) return [...i, e];
       const s = [...i];
@@ -958,11 +961,11 @@ let Ci = (M = class {
   }
   /** Whether a matching operation is present (name, object or creator ref). */
   has(e) {
-    return this.operations.some((i) => he(i, e));
+    return this.operations.some((i) => de(i, e));
   }
   /** First matching operation (name, object or creator ref), or null. */
   get(e) {
-    return this.operations.find((i) => he(i, e)) ?? null;
+    return this.operations.find((i) => de(i, e)) ?? null;
   }
   /**
    * Sets or clears (`null`) the trailing filename.
@@ -970,55 +973,55 @@ let Ci = (M = class {
    * @throws TypeError on group root and proxy urls.
    */
   setFilename(e) {
-    return E(this, k).kind === "group" || E(this, k).kind === "proxy" ? this : new M({ ...E(this, k), filename: e });
+    return k(this, E).kind === "group" || k(this, E).kind === "proxy" ? this : new M({ ...k(this, E), filename: e });
   }
   /** Rebases the url onto another domain. */
   setOrigin(e) {
-    return new M({ ...E(this, k), origin: ke(e) });
+    return new M({ ...k(this, E), origin: ke(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)
+}, E = new WeakMap(), q = new WeakSet(), ie = function(e) {
+  return "operations" in k(this, E) ? new M({
+    ...k(this, E),
+    operations: e(k(this, E).operations)
   }) : this;
 }, M);
-const be = (t, ...e) => ({
+const we = (t, ...e) => ({
   name: t,
   params: e
-}), $i = /* @__PURE__ */ ut(
+}), Ti = /* @__PURE__ */ pt(
   "preview",
   function(t, e) {
-    return t == null && e == null ? be("preview") : be("preview", nt(t, e, "preview"));
+    return t == null && e == null ? we("preview") : we("preview", ct(t, e, "preview"));
   }
-), Ai = /* @__PURE__ */ ut(
+), Fi = /* @__PURE__ */ pt(
   "scale_crop",
   function(t, e, i = {}) {
-    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);
+    const r = [ct(t, e, "scale_crop")];
+    return i.type != null && r.push(i.type), i.align != null && r.push(zt(i.align, "scale_crop alignment")), we("scale_crop", ...r);
   }
-), Ui = 3e3;
-function dt(t) {
+), Mi = 3e3;
+function ft(t) {
   const e = typeof window < "u" ? window.devicePixelRatio : 1;
-  return Math.min(Math.ceil(t * Math.max(e, 1)), Ui);
+  return Math.min(Math.ceil(t * Math.max(e, 1)), Mi);
 }
-function pt(t, e) {
+function mt(t, e) {
   if (e.length === 0) return t;
   try {
-    return Ci.parse(t).with(...e).href;
+    return Ui.parse(t).with(...e).href;
   } catch {
     return t;
   }
 }
-function Ti(t, e) {
-  const i = dt(e);
-  return pt(t, [$i(i, i)]);
+function Oi(t, e) {
+  const i = ft(e);
+  return mt(t, [Ti(i, i)]);
 }
-function Fi(t, e) {
-  const i = dt(e);
-  return pt(t, [Ai(i, i, { align: "center" })]);
+function Ii(t, e) {
+  const i = ft(e);
+  return mt(t, [Fi(i, i, { align: "center" })]);
 }
-const Mi = "uc-ai-enhancer/history", Ke = 200, Ii = 10080 * 60 * 1e3;
-class Oi {
+const Pi = "uc-ai-enhancer/history", Xe = 200, Li = 10080 * 60 * 1e3;
+class zi {
   constructor(e) {
     this._key = null, e.addController(this);
   }
@@ -1026,7 +1029,7 @@ class Oi {
   }
   /** Namespace the store by pubkey. Passing an empty key disables persistence. */
   setNamespace(e) {
-    this._key = e ? `${Mi}/${e}` : null;
+    this._key = e ? `${Pi}/${e}` : null;
   }
   /** Upsert the result as a node and persist (evicting expired/overflowing nodes). */
   record(e) {
@@ -1057,7 +1060,7 @@ class Oi {
    */
   lineage(e) {
     const i = this._key;
-    return !i || !e ? [] : this._component(this._read(i), e).sort((r, s) => s.createdAt - r.createdAt).map(Pi);
+    return !i || !e ? [] : this._component(this._read(i), e).sort((r, s) => s.createdAt - r.createdAt).map(Di);
   }
   /** Nodes in `start`'s connected component, walking both parent and child edges.
    *  `start` may be a node itself or only a parent uuid (a source not yet edited). */
@@ -1083,8 +1086,8 @@ class Oi {
    *  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 < Ii);
-    r.length > Ke && (r = r.sort((o, a) => a.createdAt - o.createdAt).slice(0, Ke));
+    let r = Object.values(e).filter((o) => i - o.createdAt < Li);
+    r.length > Xe && (r = r.sort((o, a) => a.createdAt - o.createdAt).slice(0, Xe));
     const s = {};
     for (const o of r) s[o.uuid] = o;
     return s;
@@ -1108,7 +1111,7 @@ class Oi {
     }
   }
 }
-function Pi(t) {
+function Di(t) {
   return {
     id: t.uuid,
     prompt: t.prompt,
@@ -1118,23 +1121,23 @@ function Pi(t) {
     ratio: t.ratio
   };
 }
-function zi(t) {
+function Ni(t) {
   try {
-    const e = lt(t);
+    const e = ht(t);
     if (e.kind === "file")
       return {
         uuid: e.uuid,
-        cdnUrlModifiers: ct(e.operations),
+        cdnUrlModifiers: ut(e.operations),
         fileName: e.filename ?? ""
       };
   } catch {
   }
   return { uuid: "", cdnUrlModifiers: "", fileName: "" };
 }
-function Li(t, e) {
-  return e ? e(t, zi(t)) : t;
+function Bi(t, e) {
+  return e ? e(t, Ni(t)) : t;
 }
-class ft {
+class _t {
   constructor(e) {
     this._cache = /* @__PURE__ */ new Map(), this._pending = /* @__PURE__ */ new Set(), this._host = e, e.addController(this);
   }
@@ -1151,39 +1154,39 @@ class ft {
     const i = this._cache.get(e);
     if (i !== void 0) return i;
     if (this._pending.has(e)) return null;
-    const r = Li(e, this._resolver);
+    const r = Bi(e, this._resolver);
     return typeof r == "string" ? (this._cache.set(e, r), r) : (this._pending.add(e), r.then((s) => this._cache.set(e, s)).catch(() => this._cache.set(e, e)).finally(() => {
       this._pending.delete(e), this._host.requestUpdate();
     }), null);
   }
 }
-const jr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+const qr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="M9.5 3 11 6.5 14.5 8 11 9.5 9.5 13 8 9.5 4.5 8 8 6.5 9.5 3Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
   <path d="M17.5 12 18.4 14.1 20.5 15 18.4 15.9 17.5 18 16.6 15.9 14.5 15 16.6 14.1 17.5 12Z" stroke="currentColor" stroke-width="1.25" stroke-linejoin="round"/>
   <path d="M5.5 16 6.1 17.4 7.5 18 6.1 18.6 5.5 20 4.9 18.6 3.5 18 4.9 17.4 5.5 16Z" stroke="currentColor" stroke-width="1.25" stroke-linejoin="round"/>
-</svg>`, Gr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Kr = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="m14.5 4.5 5 5L9 20H4v-5L14.5 4.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
   <path d="m13 6 5 5" stroke="currentColor" stroke-width="1.5"/>
   <path d="M18.5 14.5 19 16l1.5.5L19 17l-.5 1.5L18 17l-1.5-.5L18 16l.5-1.5Z" stroke="currentColor" stroke-width="1.1" stroke-linejoin="round"/>
-</svg>`, Di = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, ji = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="M3 6.74251L8 2L13 6.74251M7.99961 14V2.10636" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Ni = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Gi = `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <rect x="2" y="3" width="12" height="10" rx="1.6" stroke="currentColor" stroke-width="1.4"/>
   <circle cx="5.75" cy="6.25" r="1.05" stroke="currentColor" stroke-width="1.2"/>
   <path d="M3 11.5l3-2.6 2.3 1.8L11 8l2 2.4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Bi = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Hi = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="M9 4H4v5M15 4h5v5M9 20H4v-5M15 20h5v-5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, ji = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+</svg>`, Wi = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
   <path d="M4 9h5V4M20 9h-5V4M4 15h5v5M20 15h-5v5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, 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--)
+</svg>`, Vi = ":host{display:inline-flex;position:relative}.trigger{anchor-name:--ai-aspect-anchor;display:inline-flex;align-items:center;gap:8px;height:var(--uc-ai-button-size);padding:0 10px;background:var(--uc-ai-secondary);border:0;border-radius:var(--uc-ai-radius-button);color:var(--uc-ai-foreground);cursor:pointer;font:inherit;transition:background var(--uc-ai-transition),transform .14s var(--uc-ai-ease-out, ease)}.trigger:hover,.trigger[aria-expanded=true]{background:var(--uc-ai-secondary-hover)}.trigger:active{transform:scale(.97)}.trigger:disabled{opacity:.4;cursor:not-allowed}.trigger svg{width:14px;height:14px;color:var(--uc-ai-foreground)}.trigger-label{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;letter-spacing:.02em;line-height:20px}.popover{margin:0 0 6px;padding:0;border:0;background:transparent;color:inherit;overflow:visible;width:max-content;min-width:180px;max-width:320px;position-anchor:--ai-aspect-anchor;inset:auto;bottom:anchor(top);right:anchor(right);transform-origin:bottom right;transition:opacity .15s var(--uc-ai-ease-out, ease),transform .15s var(--uc-ai-ease-out, ease),display .15s allow-discrete,overlay .15s allow-discrete}.popover:not(:popover-open){display:none;opacity:0;transform:scale(.96) translateY(4px)}@starting-style{.popover:popover-open{opacity:0;transform:scale(.96) translateY(4px)}}.popover-inner{background:var(--uc-ai-background);border:1px solid var(--uc-ai-border);border-radius:var(--uc-ai-radius-input, 12px);box-shadow:var(--uc-ai-dialog-shadow);padding:5px;display:flex;flex-direction:column;gap:2px}.option{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;background:transparent;border:0;border-radius:max(0px,calc(var(--uc-ai-radius-input) - 5px));cursor:pointer;color:var(--uc-ai-foreground);font:inherit;font-size:13px;text-align:left;transition:background .12s ease}.option:hover{background:var(--uc-ai-secondary)}.option[aria-selected=true]{background:var(--uc-ai-secondary-hover)}.option svg{width:16px;height:16px;flex:0 0 16px;color:var(--uc-ai-foreground)}.option-ratio{flex:0 0 36px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;color:var(--uc-ai-foreground)}.option-label{flex:1;min-width:0;color:var(--uc-ai-muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.trigger,.popover{transition-property:opacity,background,display,overlay}.trigger:active{transform:none}.popover:not(:popover-open){transform:none}}";
+var qi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, L = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ki(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && Hi(e, i, s), s;
+  return r && s && qi(e, i, s), s;
 };
 let A = class extends G {
   constructor() {
-    super(...arguments), this.options = [], this.selected = null, this.busy = !1, this.labelText = null, this.labelFor = (t) => O(t.value) ? Q(t.value) : "", this.open = !1, this._onToggle = (t) => {
+    super(...arguments), this.options = [], this.selected = null, this.busy = !1, this.labelText = null, this.labelFor = (t) => I(t.value) ? ee(t.value) : "", this.open = !1, this._onToggle = (t) => {
       t.newState === "closed" && this.open && (this.open = !1);
     };
   }
@@ -1208,12 +1211,12 @@ let A = class extends G {
   }
   /** Icon for a selection: the ratio's shape, or the generic "Original" glyph. */
   _iconFor(t) {
-    return O(t) ? Tt(t) : Ni;
+    return I(t) ? Mt(t) : Gi;
   }
   _triggerLabel() {
     const t = this.selected;
     if (!t) return "";
-    if (O(t)) return Q(t);
+    if (I(t)) return ee(t);
     const e = this.options.find((i) => i.value === t);
     return e ? this.labelFor(e) : "";
   }
@@ -1229,13 +1232,13 @@ let A = class extends G {
         ?disabled=${this.busy}
         @click=${this._toggle}
       >
-        ${this.selected ? ie(this._iconFor(this.selected)) : null}
+        ${this.selected ? re(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 ? fe(e.value, this.selected) : !1;
+      const i = this.selected ? _e(e.value, this.selected) : !1;
       return f`
               <button
                 type="button"
@@ -1244,8 +1247,8 @@ let A = class extends G {
                 aria-selected="${i ? "true" : "false"}"
                 @click=${() => this._select(e.value)}
               >
-                ${ie(this._iconFor(e.value))}
-                <span class="option-ratio">${O(e.value) ? Q(e.value) : ""}</span>
+                ${re(this._iconFor(e.value))}
+                <span class="option-ratio">${I(e.value) ? ee(e.value) : ""}</span>
                 <span class="option-label">${this.labelFor(e)}</span>
               </button>
             `;
@@ -1255,59 +1258,59 @@ let A = class extends G {
     `;
   }
 };
-A.styles = j(Gi);
-z([
+A.styles = j(Vi);
+L([
   c({ attribute: !1 })
 ], A.prototype, "options", 2);
-z([
+L([
   c({ attribute: !1 })
 ], A.prototype, "selected", 2);
-z([
+L([
   c({ type: Boolean })
 ], A.prototype, "busy", 2);
-z([
+L([
   c({ attribute: "aria-label-text" })
 ], A.prototype, "labelText", 2);
-z([
+L([
   c({ attribute: !1 })
 ], A.prototype, "labelFor", 2);
-z([
+L([
   C()
 ], A.prototype, "open", 2);
-z([
+L([
   F(".popover")
 ], A.prototype, "_popover", 2);
-A = z([
+A = L([
   H("uc-ai-aspect-ratio")
 ], A);
-const 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 Yi = /* @__PURE__ */ new WeakMap();
+let Je = 0;
+const fe = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new WeakSet(), Qe = () => new Promise((t) => requestAnimationFrame(t)), et = (t, e) => {
   const i = t - e;
   return i === 0 ? void 0 : i;
-}, Qe = (t, e) => {
+}, tt = (t, e) => {
   const i = t / e;
   return i === 1 ? void 0 : i;
-}, pe = { left: (t, e) => {
-  const i = Ze(t, e);
+}, me = { left: (t, e) => {
+  const i = et(t, e);
   return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateX(${i}px)` };
 }, top: (t, e) => {
-  const i = Ze(t, e);
+  const i = et(t, e);
   return { value: i, transform: i == null || isNaN(i) ? void 0 : `translateY(${i}px)` };
 }, width: (t, e) => {
   let i;
   e === 0 && (e = 1, i = { width: "1px" });
-  const r = Qe(t, e);
+  const r = tt(t, e);
   return { value: r, overrideFrom: i, transform: r == null || isNaN(r) ? void 0 : `scaleX(${r})` };
 }, height: (t, e) => {
   let i;
   e === 0 && (e = 1, i = { height: "1px" });
-  const r = Qe(t, e);
+  const r = tt(t, e);
   return { value: r, overrideFrom: i, transform: r == null || isNaN(r) ? void 0 : `scaleY(${r})` };
-} }, qi = { duration: 333, easing: "ease-in-out" }, Ki = ["left", "top", "width", "height", "opacity", "color", "background"], et = /* @__PURE__ */ new WeakMap();
-class Yi extends ot {
+} }, Xi = { duration: 333, easing: "ease-in-out" }, Ji = ["left", "top", "width", "height", "opacity", "color", "background"], it = /* @__PURE__ */ new WeakMap();
+class Zi extends nt {
   constructor(e) {
-    if (super(e), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, e.type === st.CHILD) throw Error("The `animate` directive must be used in attribute position.");
+    if (super(e), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, e.type === at.CHILD) throw Error("The `animate` directive must be used in attribute position.");
     this.createFinished();
   }
   createFinished() {
@@ -1321,10 +1324,10 @@ class Yi extends ot {
     (e = this.l) == null || e.call(this), this.l = void 0;
   }
   render(e) {
-    return it;
+    return st;
   }
   getController() {
-    return Vi.get(this.u);
+    return Yi.get(this.u);
   }
   isDisabled() {
     var e;
@@ -1333,17 +1336,17 @@ class Yi extends ot {
   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, et.set(this.element, this)), this.optionsOrCallback = i, (r || typeof i != "function") && this.m(i), this.render(i);
+    return r && (this.u = (s = e.options) == null ? void 0 : s.host, this.u.addController(this), this.u.updateComplete.then((o) => this.t = !0), this.element = e.element, it.set(this.element, this)), this.optionsOrCallback = i, (r || typeof i != "function") && this.m(i), this.render(i);
   }
   m(e) {
     e = e ?? {};
     const i = this.getController();
-    i !== void 0 && ((e = { ...i.defaultOptions, ...e }).keyframeOptions = { ...i.defaultOptions.keyframeOptions, ...e.keyframeOptions }), e.properties ?? (e.properties = Ki), this.options = e;
+    i !== void 0 && ((e = { ...i.defaultOptions, ...e }).keyframeOptions = { ...i.defaultOptions.keyframeOptions, ...e.keyframeOptions }), e.properties ?? (e.properties = Ji), this.options = e;
   }
   p() {
     const e = {}, i = this.element.getBoundingClientRect(), r = getComputedStyle(this.element);
     return this.options.properties.forEach((s) => {
-      const o = i[s] ?? (pe[s] ? void 0 : r[s]), a = Number(o);
+      const o = i[s] ?? (me[s] ? void 0 : r[s]), a = Number(o);
       e[s] = isNaN(a) ? o + "" : a;
     }), e;
   }
@@ -1362,17 +1365,17 @@ class Yi extends ot {
   async hostUpdated() {
     if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered) return;
     let e;
-    this.prepare(), await Je;
+    this.prepare(), await Qe;
     const i = this.P(), r = this.V(this.options.keyframeOptions, i), s = this.p();
     if (this.A !== void 0) {
       const { from: o, to: a } = this.O(this.A, s, i);
       this.log("measured", [this.A, s, o, a]), e = this.calculateKeyframes(o, a);
     } else {
-      const o = de.get(this.options.inId);
+      const o = fe.get(this.options.inId);
       if (o) {
-        de.delete(this.options.inId);
+        fe.delete(this.options.inId);
         const { from: a, to: n } = this.O(o, s, i);
-        e = this.calculateKeyframes(a, n), e = this.options.in ? [{ ...this.options.in[0], ...e[0] }, ...this.options.in.slice(1), e[1]] : e, Ye++, e.forEach((l) => l.zIndex = Ye);
+        e = this.calculateKeyframes(a, n), e = this.options.in ? [{ ...this.options.in[0], ...e[0] }, ...this.options.in.slice(1), e[1]] : e, Je++, e.forEach((l) => l.zIndex = Je);
       } else this.options.in && (e = [...this.options.in, {}]);
     }
     this.animate(e, r);
@@ -1388,8 +1391,8 @@ class Yi extends ot {
   }
   async disconnected() {
     var i;
-    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) {
+    if (!this.h || (this.options.id !== void 0 && fe.set(this.options.id, this.A), this.options.out === void 0)) return;
+    if (this.prepare(), await Qe(), (i = this.i) == null ? void 0 : i.isConnected) {
       const r = this.o && this.o.parentNode === this.i ? this.o : null;
       if (this.i.insertBefore(this.element, r), this.options.stabilizeOut) {
         const s = this.p();
@@ -1415,19 +1418,19 @@ class Yi extends ot {
   P() {
     const e = [];
     for (let i = this.element.parentNode; i; i = i == null ? void 0 : i.parentNode) {
-      const r = et.get(i);
+      const r = it.get(i);
       r && !r.isDisabled() && r && e.push(r);
     }
     return e;
   }
   get isHostRendered() {
-    const e = Xe.has(this.u);
+    const e = Ze.has(this.u);
     return e || this.u.updateComplete.then(() => {
-      Xe.add(this.u);
+      Ze.add(this.u);
     }), e;
   }
   V(e, i = this.P()) {
-    const r = { ...qi };
+    const r = { ...Xi };
     return i.forEach((s) => Object.assign(r, s.options.keyframeOptions)), Object.assign(r, e), r;
   }
   O(e, i, r) {
@@ -1444,8 +1447,8 @@ class Yi extends ot {
     const n = {};
     for (const l in i) {
       const h = e[l], p = i[l];
-      if (l in pe) {
-        const u = pe[l];
+      if (l in me) {
+        const u = me[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));
@@ -1476,13 +1479,13 @@ class Yi extends ot {
     this.shouldLog && !this.isDisabled() && console.log(e, this.options.id, i);
   }
 }
-const Xi = rt(Yi), Ji = ["top", "right", "bottom", "left"];
-class Zi extends ot {
+const Qi = ot(Zi), er = ["top", "right", "bottom", "left"];
+class tr extends nt {
   constructor(e) {
-    if (super(e), e.type !== st.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
+    if (super(e), e.type !== at.ELEMENT) throw Error("The `position` directive must be used in attribute position.");
   }
   render(e, i) {
-    return it;
+    return st;
   }
   update(e, [i, r]) {
     var s;
@@ -1497,22 +1500,22 @@ class Zi extends ot {
     if (e === void 0 || !i) return;
     const r = e.getBoundingClientRect(), s = i.getBoundingClientRect();
     (a = this.S) == null || a.forEach((n) => {
-      const l = Ji.includes(n) ? r[n] - s[n] : r[n];
+      const l = er.includes(n) ? r[n] - s[n] : r[n];
       this.C.style[n] = l + "px";
     });
   }
 }
-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--)
+ot(tr);
+const ir = ':host{display:flex;justify-content:center}.strip{position:relative;display:inline-flex;align-items:center;min-height:44px}.chip{display:flex;align-items:center;padding:2px;margin-right:-11px;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid transparent;border-radius:calc(var(--uc-ai-radius-button, 8px) + 2px);box-shadow:0 1px 8px #0000004d;cursor:pointer;transform:scale(1);transition:margin .3s var(--uc-ai-ease-out, ease),border-color 225ms ease,transform .27s var(--uc-ai-ease-out, ease),opacity .33s var(--uc-ai-ease-out, ease)}.chip:disabled{cursor:not-allowed}.chip:last-child{margin-right:0}@media(hover:hover)and (pointer:fine){.chip:hover:not(:disabled){transform:scale(1.1)}.strip:hover .chip:not(:disabled){margin-right:7px}.strip:hover .chip:not(:disabled):last-child{margin-right:0}}.chip--selected{border-color:var(--uc-ai-primary);transform:scale(1.2)}.thumb{position:relative;display:block;width:40px;height:40px;border-radius:var(--uc-ai-radius-button, 8px);background-color:var(--uc-ai-muted);overflow:hidden}.thumb:not(.thumb--loaded):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--uc-ai-foreground) 9%,transparent) 50%,transparent 70%);transform:translate(-100%);animation:thumb-shimmer 1.2s ease-in-out infinite}@keyframes thumb-shimmer{to{transform:translate(100%)}}.thumb__img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .24s var(--uc-ai-ease-out, ease)}.thumb--loaded .thumb__img{opacity:1}@media(prefers-reduced-motion:reduce){.thumb:not(.thumb--loaded):after{animation:none}.thumb__img{transition:none}}.startover{position:absolute;right:calc(100% + 10px);top:50%;display:flex;align-items:center;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid var(--uc-ai-floating-border, transparent);border-radius:calc(var(--uc-ai-radius-button, 8px) + 2px);box-shadow:var(--uc-ai-dialog-shadow);white-space:nowrap;opacity:0;transform:translateY(-50%) translate(-6px) scale(.95);transform-origin:right center;pointer-events:none;transition:opacity .26s var(--uc-ai-ease-out, ease),transform .26s var(--uc-ai-ease-out, ease)}.strip:hover .startover,.strip:focus-within .startover{opacity:1;transform:translateY(-50%) translate(0) scale(1);pointer-events:auto}.strip--empty .startover{position:static;opacity:1;transform:none;pointer-events:auto}.startover__btn{height:var(--uc-ai-button-size, 32px);padding:0 12px;background:transparent;border:0;border-radius:inherit;color:var(--uc-ai-foreground);font:inherit;font-size:13px;cursor:pointer}.startover__btn:disabled{cursor:not-allowed}.startover__btn:hover{background:var(--uc-ai-secondary)}.strip:before{content:"";position:absolute;right:100%;top:-12px;bottom:-12px;width:200px}.strip--empty:before{content:none}@media(prefers-reduced-motion:reduce){.chip,.startover{transition-property:opacity,border-color,margin}.chip:hover,.chip--selected{transform:scale(1)}.strip:not(.strip--empty) .startover,.strip:not(.strip--empty):hover .startover,.strip:not(.strip--empty):focus-within .startover{transform:translateY(-50%)}}';
+var rr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, z = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? sr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && er(e, i, s), s;
+  return r && s && rr(e, i, s), s;
 };
-const ir = 80;
+const or = 80;
 let U = class extends G {
   constructor() {
-    super(...arguments), this.entries = [], this.selectedUuid = null, this.showStartOver = !1, this.startOverLabel = "", this.listLabel = "Generation history", this.busy = !1, this._secure = new ft(this), this._loaded = /* @__PURE__ */ new Set();
+    super(...arguments), this.entries = [], this.selectedUuid = null, this.showStartOver = !1, this.startOverLabel = "", this.listLabel = "Generation history", this.busy = !1, this._secure = new _t(this), this._loaded = /* @__PURE__ */ new Set();
   }
   willUpdate(t) {
     if (t.has("secureResolver") && this._secure.setResolver(this.secureResolver), t.has("entries")) {
@@ -1534,7 +1537,7 @@ let U = class extends G {
   }
   render() {
     const t = this.entries.length > 0;
-    if (!t && !this.showStartOver) return f`${v}`;
+    if (!t && !this.showStartOver) return f`${g}`;
     const e = { strip: !0, "strip--empty": !t }, i = [...this.entries].reverse();
     return f`
       <div class=${S(e)} role="toolbar" aria-label="${this.listLabel}">
@@ -1544,12 +1547,12 @@ let U = class extends G {
                   ${this.startOverLabel}
                 </button>
               </div>
-            ` : v}
-        ${yt(
+            ` : g}
+        ${xt(
       i,
       (r) => r.id,
       (r) => {
-        const s = this._secure.resolve(Fi(r.url, ir)), o = this.selectedUuid != null && r.file.uuid === this.selectedUuid, a = this._loaded.has(r.id);
+        const s = this._secure.resolve(Ii(r.url, or)), o = this.selectedUuid != null && r.file.uuid === this.selectedUuid, a = this._loaded.has(r.id);
         return f`
               <button
                 type="button"
@@ -1559,7 +1562,7 @@ let U = class extends G {
                 aria-label=${r.prompt || "Result"}
                 title=${r.prompt}
                 @click=${() => this._select(r)}
-                ${Xi({ keyframeOptions: { duration: 300, easing: "cubic-bezier(0.23, 1, 0.32, 1)" } })}
+                ${Qi({ keyframeOptions: { duration: 300, easing: "cubic-bezier(0.23, 1, 0.32, 1)" } })}
               >
                 <span class=${S({ thumb: !0, "thumb--loaded": a })}>
                   ${// Rendering the <img> preloads it; the skeleton shows until it
@@ -1572,7 +1575,7 @@ let U = class extends G {
                           decoding="async"
                           @load=${() => this._onThumbSettled(r.id)}
                           @error=${() => this._onThumbSettled(r.id)}
-                        />` : v}
+                        />` : g}
                 </span>
               </button>
             `;
@@ -1582,36 +1585,36 @@ let U = class extends G {
     `;
   }
 };
-U.styles = j(Qi);
-L([
+U.styles = j(ir);
+z([
   c({ attribute: !1 })
 ], U.prototype, "entries", 2);
-L([
+z([
   c({ attribute: "selected-uuid" })
 ], U.prototype, "selectedUuid", 2);
-L([
+z([
   c({ type: Boolean, attribute: "show-start-over" })
 ], U.prototype, "showStartOver", 2);
-L([
+z([
   c({ attribute: "start-over-label" })
 ], U.prototype, "startOverLabel", 2);
-L([
+z([
   c({ attribute: "list-label" })
 ], U.prototype, "listLabel", 2);
-L([
+z([
   c({ type: Boolean })
 ], U.prototype, "busy", 2);
-L([
+z([
   c({ attribute: !1 })
 ], U.prototype, "secureResolver", 2);
-U = L([
+U = z([
   H("uc-ai-history")
 ], U);
-const 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--)
+const ar = ':host{display:block}.card{width:100%;box-sizing:border-box;background:color-mix(in srgb,var(--uc-ai-floating, var(--uc-ai-background)) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--uc-ai-floating-border, transparent);border-radius:var(--uc-ai-composer-radius-top) var(--uc-ai-composer-radius-top) var(--uc-ai-composer-radius-bottom) var(--uc-ai-composer-radius-bottom);transition:border-radius .4s var(--uc-ai-ease-out),box-shadow .4s var(--uc-ai-ease-out);box-shadow:var(--uc-ai-composer-shadow);overflow:visible;--uc-ai-radius-button: max(0px, calc(var(--uc-ai-composer-radius) - var(--uc-ai-padding)))}.body{display:flex;flex-direction:column;gap:var(--uc-ai-padding);padding:var(--uc-ai-padding)}.input{box-sizing:border-box;width:100%;min-height:40px;max-height:var(--uc-ai-prompt-max-height, calc(var(--uc-ai-prompt-max-lines, 6) * 1.5em + 10px));resize:none;border:0;outline:none;padding:0 3px;background:transparent;font-family:inherit;font-size:var(--uc-ai-font-size);line-height:20px;color:var(--uc-ai-foreground);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--uc-ai-border) transparent;transition:height .16s var(--uc-ai-ease-out, ease)}@supports (field-sizing: content){.input{field-sizing:content;transition:none}}.input::placeholder{color:var(--uc-ai-muted-foreground)}.input:disabled{color:var(--uc-ai-muted-foreground);-webkit-text-fill-color:var(--uc-ai-muted-foreground);cursor:not-allowed}.row{display:flex;align-items:center;gap:10px}.actions{flex:1;min-width:0;display:flex;align-items:center}.actions::slotted(*){min-width:0}.controls{display:flex;align-items:center;gap:0;flex:none}.send{margin-left:5px;width:var(--uc-ai-button-size, 32px);height:var(--uc-ai-button-size, 32px);flex:none;min-width:0;display:inline-flex;align-items:center;justify-content:center;position:relative;background:var(--uc-ai-primary);color:var(--uc-ai-primary-foreground);border:none;border-radius:var(--uc-ai-radius-button);cursor:pointer;overflow:hidden;transition:width .22s var(--uc-ai-ease-out, ease),margin-left .22s var(--uc-ai-ease-out, ease),opacity .15s var(--uc-ai-ease-out, ease),transform .15s var(--uc-ai-ease-out, ease),background var(--uc-ai-transition)}.send:hover:not(:disabled){background:var(--uc-ai-primary-hover)}.send:active:not(:disabled){transform:scale(.95)}.send:disabled{cursor:default}.send[hidden]{display:inline-flex;width:0;min-width:0;padding:0;margin-left:0;opacity:0;transform:scale(.8);pointer-events:none}.send__icon,.send__spinner{position:absolute;top:50%;left:50%;width:16px;height:16px;transition:opacity .2s var(--uc-ai-ease-out, ease),transform .2s var(--uc-ai-ease-out, ease),filter .2s var(--uc-ai-ease-out, ease)}.send__icon{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.send__icon svg{width:16px;height:16px;display:block}.send__spinner{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(3px)}.send__spinner:before,.send__spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid currentColor}.send__spinner:before{opacity:.3}.send__spinner:after{border-top-color:transparent;animation:send-spin .7s linear infinite;will-change:transform}@keyframes send-spin{to{transform:rotate(360deg)}}.send--busy .send__icon{opacity:0;transform:translate(-50%,-50%) scale(.95);filter:blur(3px)}.send--busy .send__spinner{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.send--busy:disabled{opacity:1}@media(prefers-reduced-motion:reduce){.input,.send{transition-property:opacity,background,width,margin-left}.send__icon,.send__spinner{transition-property:opacity}.send__spinner:after{animation:none}.send:active:not(:disabled){transform:none}}';
+var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? lr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && sr(e, i, s), s;
+  return r && s && nr(e, i, s), s;
 };
 let T = class extends G {
   constructor() {
@@ -1666,7 +1669,7 @@ let T = class extends G {
                   @input=${this._onInput}
                   @keydown=${this._onKeydown}
                   ?disabled=${this.busy}
-                ></textarea>` : v}
+                ></textarea>` : g}
 
           <div class="row">
             <div class="actions">
@@ -1682,7 +1685,7 @@ let T = class extends G {
                 ?disabled=${this.busy || t}
                 @click=${this._emitSend}
               >
-                <span class="send__icon">${ie(Di)}</span>
+                <span class="send__icon">${re(ji)}</span>
                 <span class="send__spinner" aria-hidden="true"></span>
               </button>
             </div>
@@ -1692,7 +1695,7 @@ let T = class extends G {
     `;
   }
 };
-T.styles = j(rr);
+T.styles = j(ar);
 D([
   c()
 ], T.prototype, "mode", 2);
@@ -1717,11 +1720,11 @@ D([
 T = D([
   H("uc-ai-prompt-row")
 ], T);
-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--)
+const cr = ":host{display:block;min-width:0}.row{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row.fade-left.fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.row.fade-left:not(.fade-right){-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px);mask-image:linear-gradient(to right,transparent 0,#000 10px)}.row.fade-right:not(.fade-left){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent 100%)}.chip{flex:none;height:var(--uc-ai-button-size, 32px);display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:var(--uc-ai-secondary);border:0;border-radius:var(--uc-ai-radius-button);font-family:inherit;font-size:13px;line-height:20px;color:var(--uc-ai-secondary-foreground);cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .14s var(--uc-ai-ease-out, ease)}@media(hover:hover)and (pointer:fine){.chip:hover{background:var(--uc-ai-secondary-hover)}}.chip:active{background:var(--uc-ai-secondary-hover);transform:scale(.97)}.chip:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.chip{transition-property:background}.chip:active{transform:none}}";
+var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Y = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ur(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && nr(e, i, s), s;
+  return r && s && hr(e, i, s), s;
 };
 let P = class extends G {
   constructor() {
@@ -1760,7 +1763,7 @@ let P = class extends G {
     );
   }
   render() {
-    const t = this.presets ?? me[this.mode].presets;
+    const t = this.presets ?? ye[this.mode].presets;
     return f`
       <div
         class="row"
@@ -1780,7 +1783,7 @@ let P = class extends G {
     `;
   }
 };
-P.styles = j(ar);
+P.styles = j(cr);
 Y([
   c()
 ], P.prototype, "mode", 2);
@@ -1803,7 +1806,7 @@ 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
+const xe = 8, dr = `#version 300 es
 precision highp float;
 precision highp int;
 in vec2 aCorner;        // unit quad corner, -0.5..0.5
@@ -1822,7 +1825,7 @@ uniform float uMinScale;
 uniform float uPeakScale;
 uniform float uIdleScale;
 uniform int uEpiCount;
-uniform vec2 uEpis[${ye}];
+uniform vec2 uEpis[${xe}];
 uniform float uEpiRadius;
 uniform float uEpiFalloff;
 uniform float uColorA;
@@ -1839,7 +1842,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 < ${ye}; i++) {
+  for (int i = 0; i < ${xe}; i++) {
     if (i >= uEpiCount) break;
     float d = max(0.0, distance(p, uEpis[i]) + warp);
     if (d >= uEpiRadius) continue;
@@ -1900,7 +1903,7 @@ void main() {
   gl_Position = vec4(ndc.x, -ndc.y, 0.0, 1.0);
 
   vAlpha = (uMask == 1) ? 1.0 : uColorA;
-}`, hr = `#version 300 es
+}`, pr = `#version 300 es
 precision highp float;
 precision highp int;
 in float vAlpha;
@@ -1919,7 +1922,7 @@ void main() {
   float cov = clamp(0.5 - sd / aaw, 0.0, 1.0);
   vec3 rgb = (uMask == 1) ? vec3(1.0) : uColorRGB;
   frag = vec4(rgb * vAlpha * cov, vAlpha * cov); // premultiplied
-}`, ur = `#version 300 es
+}`, fr = `#version 300 es
 precision highp float;
 in vec2 aQuad;          // 0..1
 uniform vec2 uResolution;
@@ -1930,7 +1933,7 @@ void main() {
   vFramePx = px - uFrame.xy;
   vec2 ndc = (px / uResolution) * 2.0 - 1.0;
   gl_Position = vec4(ndc.x, -ndc.y, 0.0, 1.0);
-}`, dr = `#version 300 es
+}`, mr = `#version 300 es
 precision highp float;
 in vec2 vFramePx;
 uniform sampler2D uImage;
@@ -1945,9 +1948,9 @@ void main() {
   vec2 uv = (vFramePx - off) / dsz;
   frag = vec4(texture(uImage, uv).rgb, 1.0);
 }`;
-class $e {
+class Ae {
   constructor(e) {
-    this._dotUniforms = {}, this._imgUniforms = {}, this._appliedW = 0, this._appliedH = 0, this._appliedScale = 0, this._texImage = null, this._texOk = !1, this._gl = e, this._dotProgram = this._link(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);
+    this._dotUniforms = {}, this._imgUniforms = {}, this._appliedW = 0, this._appliedH = 0, this._appliedScale = 0, this._texImage = null, this._texOk = !1, this._gl = e, this._dotProgram = this._link(dr, pr), this._imgProgram = this._link(fr, mr), this._cornerBuf = this._staticBuffer([-0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, 0.5]), this._quadBuf = this._staticBuffer([0, 0, 1, 0, 0, 1, 1, 1]), this._clipBuf = N(e.createBuffer(), "buffer"), this._dotVao = N(e.createVertexArray(), "vertex array"), e.bindVertexArray(this._dotVao);
     const i = e.getAttribLocation(this._dotProgram, "aCorner");
     e.bindBuffer(e.ARRAY_BUFFER, this._cornerBuf), e.enableVertexAttribArray(i), e.vertexAttribPointer(i, 2, e.FLOAT, !1, 0, 0);
     const r = e.getAttribLocation(this._dotProgram, "aClip");
@@ -1997,7 +2000,7 @@ class $e {
     }
     if (!i) return null;
     try {
-      return new $e(i);
+      return new Ae(i);
     } catch (r) {
       return typeof console < "u" && console.warn("[dot-grid] WebGL init failed, using 2D:", r), null;
     }
@@ -2030,7 +2033,7 @@ class $e {
     }
     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, 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) {
+    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, xe)), 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);
@@ -2068,7 +2071,7 @@ class $e {
     return s;
   }
 }
-const pr = 1200, fr = 800, mr = 1.5, tt = (t) => 1 - (1 - t) ** 3, _r = {
+const _r = 1200, gr = 800, vr = 1.5, rt = (t) => 1 - (1 - t) ** 3, br = {
   cellSize: 6,
   dotRatio: 0.46,
   sizeScale: 1,
@@ -2089,19 +2092,19 @@ const pr = 1200, fr = 800, mr = 1.5, tt = (t) => 1 - (1 - t) ** 3, _r = {
   shimEnterMs: 450,
   shimExitMs: 450
 };
-class gr {
+class yr {
   constructor(e, i) {
-    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._refs = null, this._ctx = null, this._gl = null, this._glImageEl = null, this._glImageReady = !1, this._cfg = { ...br }, this._sizeMul = 1, this._dotColor = "rgba(0, 0, 0, 0.16)", this._dotColorRGBA = [0, 0, 0, 0.16], this._w = 0, this._h = 0, this._cols = 0, this._rows = 0, this._offsetX = 0, this._offsetY = 0, this._epiRadius = 1, this._appliedScale = 0, this._clip = new Float32Array(0), this._env = 0, this._envFrom = 0, this._envTo = 0, this._envStart = 0, this._envDur = 0, this._envAnimating = !1, this._shimMix = 0, this._shimFrom = 0, this._shimTo = 0, this._shimStart = 0, this._shimDur = 0, this._shimAnimating = !1, this._exitPending = !1, this._prevShim = !1, this._opacityManual = !1, this._hiddenImage = null, this._rafId = null, this._lastTime = 0, this._state = { shimmering: !1, empty: !0, generating: !1 }, this._epis = [], this._onThemeChange = () => {
       this.refreshColor();
     }, this._rectCache = null, this._glEpis = new Float32Array(16), this._tick = (r) => {
       const s = this._lastTime ? Math.min(64, r - this._lastTime) : 16;
       if (this._lastTime = r, this._rectCache = this._frameRect(), this._envAnimating) {
         const a = Math.min(1, (r - this._envStart) / this._envDur);
-        this._env = this._envFrom + (this._envTo - this._envFrom) * tt(a), a >= 1 && (this._env = this._envTo, this._envAnimating = !1);
+        this._env = this._envFrom + (this._envTo - this._envFrom) * rt(a), a >= 1 && (this._env = this._envTo, this._envAnimating = !1);
       }
       if (this._shimAnimating) {
         const a = Math.min(1, (r - this._shimStart) / this._shimDur);
-        this._shimMix = this._shimFrom + (this._shimTo - this._shimFrom) * tt(a), a >= 1 && (this._shimMix = this._shimTo, this._shimAnimating = !1);
+        this._shimMix = this._shimFrom + (this._shimTo - this._shimFrom) * rt(a), a >= 1 && (this._shimMix = this._shimTo, this._shimAnimating = !1);
       }
       this._state.generating && !this._reduceMotion && this._moveEpicenters(s);
       const o = this._followFrame(s);
@@ -2121,11 +2124,11 @@ class gr {
    *  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 / (pr * fr)) ** this._cfg.sizeScale;
+    return this._w <= 0 || this._h <= 0 ? 1 : Math.sqrt(this._w * this._h / (_r * gr)) ** this._cfg.sizeScale;
   }
   /** Wire the painter to the canvas's rendered elements. */
   attach(e) {
-    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._refs = e, this._cfg.useWebgl !== !1 && (this._gl = Ae.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") {
@@ -2279,7 +2282,7 @@ class gr {
    *  {@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, mr) : i;
+    return e ? Math.min(i, vr) : i;
   }
   /** Size the backing store to `scale`× the viewport. Note: setting width/height
    *  clears the canvas and resets the context, so the transform is re-applied. */
@@ -2393,13 +2396,13 @@ class gr {
         const x = this._offsetX + u * o;
         let w;
         if (i) {
-          const R = this._reduceMotion ? 1 : this._state.generating ? this._shimmerScale(u, h, x, p) : this._cfg.minScale, I = this._baseRadius * R;
-          w = (a + this._env * (I - a)) * _;
+          const R = this._reduceMotion ? 1 : this._state.generating ? this._shimmerScale(u, h, x, p) : this._cfg.minScale, O = this._baseRadius * R;
+          w = (a + this._env * (O - a)) * _;
         } else {
           let R = this._staticScale();
           if (!this._reduceMotion && this._shimMix > 0) {
-            const I = this._shimmerScale(u, h, x, p);
-            R += (I - R) * this._shimMix;
+            const O = this._shimmerScale(u, h, x, p);
+            R += (O - R) * this._shimMix;
           }
           w = this._baseRadius * R * _;
         }
@@ -2467,16 +2470,16 @@ class gr {
     this._exitPending && this._hasImage() && (this._exitPending = !1, this._env = 1, this._startEnv(0, this._cfg.exitMs));
   }
 }
-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--)
+const wr = ":host{display:block;width:100%;height:100%;container-type:inline-size}.canvas{position:relative;width:100%;height:100%;min-height:240px;overflow:hidden}.canvas__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uc-ai-background)}.canvas__viewport{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;place-items:center;pointer-events:none}.canvas__frame{position:relative;overflow:hidden}.canvas.is-ready .canvas__frame{transition:width .46s var(--uc-ai-ease-in-out, ease),height .46s var(--uc-ai-ease-in-out, ease)}.canvas__image{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;transition:opacity .3s var(--uc-ai-ease-out, ease)}.canvas__under{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;color:var(--uc-ai-dot-grid-color, color-mix(in srgb, currentColor 15%, transparent));transition:opacity .2s ease}.canvas.is-empty .dot-grid,.canvas.is-loading .dot-grid{opacity:1}.preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.layer.full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:4}.fullscreen-btn{position:absolute;top:12px;right:12px;z-index:5;display:grid;place-items:center;width:var(--uc-ai-button-size, 32px);height:var(--uc-ai-button-size, 32px);padding:0;border:0;border-radius:var(--uc-ai-radius-button, 8px);background:color-mix(in oklch,var(--uc-ai-background) 75%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--uc-ai-foreground);cursor:pointer;opacity:0;transition:opacity var(--uc-ai-transition, .2s ease),background var(--uc-ai-transition, .2s ease)}.fullscreen-btn svg{width:18px;height:18px}.canvas:hover .fullscreen-btn,.fullscreen-btn:focus-visible{opacity:1}.fullscreen-btn:hover{background:var(--uc-ai-background)}@media(hover:none){.fullscreen-btn{opacity:1}}.canvas:fullscreen{background:#000}.canvas:fullscreen .canvas__bg{background:#000}.error-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;text-align:center;color:var(--uc-ai-muted-foreground);font-size:.875em;z-index:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.canvas__viewport,.canvas__frame,.canvas__image,.fullscreen-btn{transition:none}}";
+var xr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, y = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Er(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && br(e, i, s), s;
+  return r && s && xr(e, i, s), s;
 };
-const wr = 3 / 2, xr = 70;
-let g = class extends G {
+const kr = 3 / 2, Rr = 70;
+let v = class extends G {
   constructor() {
-    super(...arguments), this.url = null, this.ratio = null, this.naturalRatio = null, this.busy = !1, this.alt = "", this.busyLabel = "", this.errorLabel = "", this.fullscreenLabel = "", this.exitFullscreenLabel = "", this.fullsizeUrl = null, this._displayedUrl = null, this._fadingUrl = null, this._failed = !1, this._frameReady = !1, this._fullscreen = !1, this._dotGrid = new gr(this), this._switchCovering = !1, this._seenUrls = /* @__PURE__ */ new Set(), this._instantSwap = !1, this._onVisibilityChange = () => {
+    super(...arguments), this.url = null, this.ratio = null, this.naturalRatio = null, this.busy = !1, this.alt = "", this.busyLabel = "", this.errorLabel = "", this.fullscreenLabel = "", this.exitFullscreenLabel = "", this.fullsizeUrl = null, this._displayedUrl = null, this._fadingUrl = null, this._failed = !1, this._frameReady = !1, this._fullscreen = !1, this._dotGrid = new yr(this), this._switchCovering = !1, this._seenUrls = /* @__PURE__ */ new Set(), this._instantSwap = !1, this._onVisibilityChange = () => {
       document.visibilityState !== "visible" || this.busy || !this._displayedUrl || (this._clearCoverTimer(), this._switchCovering = !1, this._dotGrid.settle());
     }, this._preloadedFullsizeUrl = null, this._onFullscreenKeydown = (t) => {
       t.key === "Escape" && document.fullscreenElement && (t.preventDefault(), t.stopPropagation(), document.exitFullscreen());
@@ -2540,7 +2543,7 @@ let g = class extends G {
     }
     this._instantSwap = !1, !(this._switchCovering || this._coverTimer != null) && (this._coverTimer = window.setTimeout(() => {
       this._coverTimer = void 0, this.url != null && this.url !== this._displayedUrl && !this._failed && !this.busy && !this._switchCovering && (this._switchCovering = !0, this._syncGrid());
-    }, xr));
+    }, Rr));
   }
   _clearCoverTimer() {
     this._coverTimer != null && (clearTimeout(this._coverTimer), this._coverTimer = void 0);
@@ -2553,7 +2556,7 @@ let g = class extends G {
     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 : wr;
+    return t && t.naturalWidth > 0 && t.naturalHeight > 0 ? t.naturalWidth / t.naturalHeight : kr;
   }
   /** Size the frame to the largest box of the chosen ratio that fits the viewport. */
   _updateFrame() {
@@ -2614,7 +2617,7 @@ let g = class extends G {
             ${// Previous image held underneath during an instant (cached) swap so
     // the frame never blanks for the frame it takes the new <img> to
     // paint; dropped on the new image's load.
-    this._fadingUrl ? f`<img class="canvas__under" src="${this._fadingUrl}" alt="" aria-hidden="true" crossorigin="anonymous" />` : v}
+    this._fadingUrl ? f`<img class="canvas__under" src="${this._fadingUrl}" alt="" aria-hidden="true" crossorigin="anonymous" />` : g}
             ${this._displayedUrl ? f`<img
                     class="canvas__image"
                     src="${this._displayedUrl}"
@@ -2622,24 +2625,24 @@ let g = class extends G {
                     decoding="async"
                     crossorigin="anonymous"
                     @load=${this._onDisplayedLoad}
-                  />` : v}
+                  />` : g}
           </div>
           <canvas class="dot-grid" aria-hidden="true"></canvas>
         </div>
 
         ${// Full-quality rendition overlays the preview while fullscreen.
-    this._fullscreen && this.fullsizeUrl ? f`<img class="layer full" src="${this.fullsizeUrl}" alt="${this.alt || "AI image"}" decoding="async" />` : v}
+    this._fullscreen && this.fullsizeUrl ? f`<img class="layer full" src="${this.fullsizeUrl}" alt="${this.alt || "AI image"}" decoding="async" />` : g}
         ${t ? f`<img
                 class="preload"
-                src="${wt(this.url ?? void 0)}"
+                src="${Et(this.url ?? void 0)}"
                 alt=""
                 aria-hidden="true"
                 decoding="async"
                 crossorigin="anonymous"
                 @load=${this._onLoaded}
                 @error=${this._onError}
-              />` : v}
-        ${this._failed ? f`<div class="error-state" role="alert">${this.errorLabel || "Failed to load image"}</div>` : v}
+              />` : g}
+        ${this._failed ? f`<div class="error-state" role="alert">${this.errorLabel || "Failed to load image"}</div>` : g}
         ${i ? f`
               <button
                 type="button"
@@ -2650,86 +2653,86 @@ let g = class extends G {
                 @focus=${this._preloadFullsize}
                 @click=${this._toggleFullscreen}
               >
-                ${ie(this._fullscreen ? ji : Bi)}
+                ${re(this._fullscreen ? Wi : Hi)}
               </button>
-            ` : v}
+            ` : g}
         <span class="sr-only" role="status" aria-live="polite">${this.busy ? this.busyLabel : ""}</span>
       </div>
     `;
   }
 };
-g.styles = j(vr);
+v.styles = j(wr);
 y([
   c()
-], g.prototype, "url", 2);
+], v.prototype, "url", 2);
 y([
   c({ type: Number })
-], g.prototype, "ratio", 2);
+], v.prototype, "ratio", 2);
 y([
   c({ type: Number, attribute: "natural-ratio" })
-], g.prototype, "naturalRatio", 2);
+], v.prototype, "naturalRatio", 2);
 y([
   c({ type: Boolean })
-], g.prototype, "busy", 2);
+], v.prototype, "busy", 2);
 y([
   c()
-], g.prototype, "alt", 2);
+], v.prototype, "alt", 2);
 y([
   c({ attribute: "busy-label" })
-], g.prototype, "busyLabel", 2);
+], v.prototype, "busyLabel", 2);
 y([
   c({ attribute: "error-label" })
-], g.prototype, "errorLabel", 2);
+], v.prototype, "errorLabel", 2);
 y([
   c({ attribute: "fullscreen-label" })
-], g.prototype, "fullscreenLabel", 2);
+], v.prototype, "fullscreenLabel", 2);
 y([
   c({ attribute: "exit-fullscreen-label" })
-], g.prototype, "exitFullscreenLabel", 2);
+], v.prototype, "exitFullscreenLabel", 2);
 y([
   c({ attribute: "fullsize-url" })
-], g.prototype, "fullsizeUrl", 2);
+], v.prototype, "fullsizeUrl", 2);
 y([
   c({ attribute: !1 })
-], g.prototype, "shimmerConfig", 2);
+], v.prototype, "shimmerConfig", 2);
 y([
   C()
-], g.prototype, "_displayedUrl", 2);
+], v.prototype, "_displayedUrl", 2);
 y([
   C()
-], g.prototype, "_fadingUrl", 2);
+], v.prototype, "_fadingUrl", 2);
 y([
   C()
-], g.prototype, "_failed", 2);
+], v.prototype, "_failed", 2);
 y([
   C()
-], g.prototype, "_frameReady", 2);
+], v.prototype, "_frameReady", 2);
 y([
   C()
-], g.prototype, "_fullscreen", 2);
+], v.prototype, "_fullscreen", 2);
 y([
   F(".canvas")
-], g.prototype, "_canvasEl", 2);
+], v.prototype, "_canvasEl", 2);
 y([
   F(".canvas__viewport")
-], g.prototype, "_viewportEl", 2);
+], v.prototype, "_viewportEl", 2);
 y([
   F(".canvas__frame")
-], g.prototype, "_frameEl", 2);
+], v.prototype, "_frameEl", 2);
 y([
   F(".canvas__image")
-], g.prototype, "_imageEl", 2);
+], v.prototype, "_imageEl", 2);
 y([
   F(".dot-grid")
-], g.prototype, "_dotGridEl", 2);
-g = y([
+], v.prototype, "_dotGridEl", 2);
+v = y([
   H("uc-ai-canvas")
-], g);
-const 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--)
+], v);
+const Sr = ":host{display:block;container-type:inline-size}.footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:var(--uc-ai-padding);background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--uc-ai-button-size);padding:0 14px;border:0;border-radius:var(--uc-ai-radius-button);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,filter .15s ease,transform .14s var(--uc-ai-ease-out, ease)}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--uc-ai-secondary);color:var(--uc-ai-secondary-foreground)}.btn--primary{background:var(--uc-ai-primary);color:var(--uc-ai-primary-foreground)}@media(hover:hover)and (pointer:fine){.btn--ghost:hover{background:var(--uc-ai-secondary-hover)}.btn--primary:hover{background:var(--uc-ai-primary-hover)}}.btn--primary:disabled{opacity:.5;cursor:not-allowed;background:var(--uc-ai-primary)}.btn svg{width:14px;height:14px}@media(prefers-reduced-motion:reduce){.btn{transition-property:background,filter}.btn:active{transform:none}}";
+var Cr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, ae = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? $r(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && Er(e, i, s), s;
+  return r && s && Cr(e, i, s), s;
 };
 let K = class extends G {
   constructor() {
@@ -2759,26 +2762,26 @@ let K = class extends G {
     `;
   }
 };
-K.styles = j(kr);
-se([
+K.styles = j(Sr);
+ae([
   c({ attribute: "cancel-label" })
 ], K.prototype, "cancelLabel", 2);
-se([
+ae([
   c({ attribute: "primary-label" })
 ], K.prototype, "primaryLabel", 2);
-se([
+ae([
   c({ type: Boolean, attribute: "primary-disabled" })
 ], K.prototype, "primaryDisabled", 2);
-K = se([
+K = ae([
   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--)
+const Ar = ":host{--uc-ai-foreground: light-dark(#181818, #e1e1e1);--uc-ai-background: light-dark(#ffffff, #1b1b1b);--uc-ai-floating: var(--uc-floating, light-dark(#ffffff, #242424));--uc-ai-floating-border: var(--uc-floating-border, light-dark(transparent, rgba(255, 255, 255, .05)));--uc-ai-muted: light-dark(#f5f5f5, #242424);--uc-ai-muted-foreground: light-dark(#717171, #989898);--uc-ai-primary: light-dark(#174bd7, #579aff);--uc-ai-primary-hover: light-dark(#1141c0, #4a8aef);--uc-ai-primary-foreground: light-dark(#ffffff, #000000);--uc-ai-primary-transparent: light-dark(rgba(23, 75, 215, .07), rgba(87, 154, 255, .07));--uc-ai-secondary: light-dark(rgba(24, 24, 24, .05), rgba(225, 225, 225, .07));--uc-ai-secondary-hover: light-dark(rgba(24, 24, 24, .08), rgba(225, 225, 225, .1));--uc-ai-secondary-foreground: light-dark(#181818, #e1e1e1);--uc-ai-border: light-dark(#e4e4e8, #3d3d3d);--uc-ai-shadow-color: light-dark(rgba(24, 24, 24, .18), rgba(0, 0, 0, .5));--uc-ai-dialog-shadow: 0 6px 20px light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .25));--uc-ai-composer-shadow: 0 4px 14px light-dark(rgba(0, 0, 0, .18), rgba(0, 0, 0, .34)), 0 0 26px light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .42));--uc-ai-composer-shadow-peek: 0 2px 10px light-dark(rgba(0, 0, 0, .16), rgba(0, 0, 0, .34));--uc-ai-composer-radius: var(--uc-ai-radius-frame);--uc-ai-composer-radius-top: var(--uc-ai-composer-radius);--uc-ai-composer-radius-bottom: var(--uc-ai-composer-radius);--uc-ai-destructive: #d8473e;--uc-ai-destructive-foreground: light-dark(#b3261e, #ff9d96);--uc-ai-radius: 8px;--uc-ai-radius-button: var(--uc-ai-radius);--uc-ai-radius-input: calc(var(--uc-ai-radius) * 1.5);--uc-ai-radius-card: calc(var(--uc-ai-radius) * 2);--uc-ai-radius-frame: calc(var(--uc-ai-radius) * 2.25);--uc-ai-padding: 10px;--uc-ai-button-size: 32px;--uc-ai-font-family: system-ui, -apple-system, sans-serif;--uc-ai-font-size: 14px;--uc-ai-transition: .2s ease;--uc-ai-ease-out: cubic-bezier(.23, 1, .32, 1);--uc-ai-ease-in-out: cubic-bezier(.77, 0, .175, 1);--uc-ai-dot-grid-color: light-dark(rgba(0, 0, 0, .21), rgba(255, 255, 255, .1));--uc-ai-prompt-max-lines: 6;--uc-ai-prompt-max-height: calc(var(--uc-ai-prompt-max-lines) * 1.5em + 10px);display:block;width:100%;height:100%;font-family:var(--uc-ai-font-family);font-size:var(--uc-ai-font-size);color:var(--uc-ai-foreground);color-scheme:light dark;container-type:inline-size}:host([hidden]){display:none}:host(.uc-light),:host-context(.uc-light){color-scheme:light}:host(.uc-dark),:host-context(.uc-dark){color-scheme:dark}.shell{display:flex;flex-direction:column;background:var(--uc-ai-background);border-radius:var(--uc-ai-radius-card);overflow:hidden;box-shadow:var(--uc-ai-dialog-shadow);height:100%}.stage{position:relative;flex:1;min-height:360px;overflow:hidden;background:var(--uc-ai-background)}uc-ai-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.composer{width:700px;max-width:calc(100% - 40px)}.composer__content{display:flex;flex-direction:column;gap:14px;align-items:center}.composer--overlay{position:absolute;left:50%;transform:translate(-50%);z-index:5;transition:transform .48s var(--uc-ai-ease-out)}.composer--overlay-bottom{bottom:32px}.composer--overlay-top{top:32px}.composer--docked{margin-inline:auto;padding:14px 20px;position:relative;z-index:1}.composer--docked-bottom{padding-top:8px}.composer--docked-top{padding-bottom:8px}.history-pinned{position:absolute;left:50%;transform:translate(-50%);width:700px;max-width:calc(100% - 40px);z-index:5}.history-pinned--canvas-top{top:20px}.history-pinned--canvas-bottom{bottom:20px}.history-pinned--docked.history-pinned--canvas-top{top:6px}.history-pinned--docked.history-pinned--canvas-bottom{bottom:6px}.dock-hotzone{position:absolute;left:0;right:0;height:100px;z-index:4;pointer-events:none}.dock-hotzone--bottom{bottom:0}.dock-hotzone--top{top:0}:host([composer-auto-hide]) .stage:not(.is-empty) .dock-hotzone{pointer-events:auto}.composer-fade{position:absolute;left:0;right:0;height:26px;z-index:6;pointer-events:none;opacity:0;transition:opacity .3s var(--uc-ai-ease-out)}.composer-fade--bottom{bottom:0;background:linear-gradient(to top,var(--uc-ai-background) 0,var(--uc-ai-background) 8px,transparent)}.composer-fade--top{top:0;background:linear-gradient(to bottom,var(--uc-ai-background) 0,var(--uc-ai-background) 8px,transparent)}:host([composer-auto-hide]) .stage:not(.is-empty) .composer-fade{opacity:1}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone:hover) .composer-fade,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:hover) .composer-fade,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:focus-within) .composer-fade{opacity:0}:host([composer-auto-hide]) .stage:not(.is-empty) .composer--overlay-bottom{transform:translate(-50%,calc(100% + 4px))}:host([composer-auto-hide]) .stage:not(.is-empty) .composer--overlay-top{transform:translate(-50%,calc(-100% - 4px))}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay{--uc-ai-composer-shadow: var(--uc-ai-composer-shadow-peek)}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay-bottom{--uc-ai-composer-radius-bottom: 0px}:host([composer-auto-hide]) .stage:not(.is-empty):not(:has(.composer--overlay:hover)):not(:has(.composer--overlay:focus-within)):not(:has(.dock-hotzone:hover)) .composer--overlay-top{--uc-ai-composer-radius-top: 0px}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone--bottom:hover) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-bottom:hover) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-bottom:focus-within) .composer--overlay-bottom,:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone--top:hover) .composer--overlay-top,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-top:hover) .composer--overlay-top,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay-top:focus-within) .composer--overlay-top{transform:translate(-50%)}:host([composer-auto-hide]) .stage:not(.is-empty):has(.dock-hotzone:hover) .dock-hotzone,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:hover) .dock-hotzone,:host([composer-auto-hide]) .stage:not(.is-empty):has(.composer--overlay:focus-within) .dock-hotzone{height:320px}:host([composer-auto-hide]) .shell--has-image .composer--docked{margin-block:8px 14px;position:relative}:host([composer-auto-hide]) .shell--has-image .composer--docked .composer__content{position:relative;transition:transform .5s var(--uc-ai-ease-out)}:host([composer-auto-hide]) .shell--has-image .composer--docked .composer__content uc-ai-history{position:absolute;left:0;right:0}:host([composer-auto-hide]) .shell--has-image .composer--docked-bottom .composer__content uc-ai-history{bottom:calc(100% + 14px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-top .composer__content uc-ai-history{top:calc(100% + 14px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-bottom{clip-path:inset(-200px -200px 0 -200px)}:host([composer-auto-hide]) .shell--has-image .composer--docked-top{clip-path:inset(0 -200px -200px -200px)}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked{--uc-ai-composer-shadow: var(--uc-ai-composer-shadow-peek)}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked-bottom .composer__content{transform:translateY(calc(100% - 22px))}:host([composer-auto-hide]) .shell--has-image:not(:has(.composer--docked:hover)):not(:has(.composer--docked:focus-within)) .composer--docked-top .composer__content{transform:translateY(calc(-100% + 22px))}uc-ai-history,uc-ai-prompt-row{width:100%}.error-box{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:20px;pointer-events:none}.error-box__card{pointer-events:auto;max-width:75%;padding:10px 15px;background:var(--uc-ai-floating, var(--uc-ai-background));border:1px solid var(--uc-ai-floating-border, transparent);border-radius:var(--uc-ai-radius-card);box-shadow:var(--uc-ai-dialog-shadow);color:var(--uc-ai-destructive-foreground);font-size:14px;line-height:1.4;text-align:center}";
+var Ur = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, m = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Tr(e, i) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (s = (r ? a(e, i, s) : a(s)) || s);
-  return r && s && Cr(e, i, s), s;
+  return r && s && Ur(e, i, s), s;
 };
-const Ar = ["top", "bottom"], Ur = ["full", "available"], Tr = [
+const Fr = ["top", "bottom"], Mr = ["bottom", "top", "none"], Or = ["full", "available"], Ir = [
   "composer-above",
   "composer-below",
   "canvas-top",
@@ -2786,12 +2789,12 @@ const Ar = ["top", "bottom"], Ur = ["full", "available"], Tr = [
 ];
 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 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) : "";
+    super(...arguments), this.sourceUuid = null, this.pubkey = "", this.aspectRatios = null, this.localeName = "en", this.localeDefinitionOverride = {}, this.presetsOnly = !1, this.presets = {}, this.composerPlacement = "bottom", this.canvasFit = "available", this.historyPlacement = "composer-above", this.composerAutoHide = !1, this.toolbarPlacement = "bottom", this._prompt = "", this._selectedRatio = null, this._inputUrl = null, this._gen = new Ri(this), this._history = new zi(this), this._secure = new _t(this), this._localeStrings = B, this._localeToken = 0, this._lastPreviewUrl = null, this._ratioOptionsCache = /* @__PURE__ */ new Map(), this._labelForOption = (t) => t.labelKey ? this._l(t.labelKey) : "", this._lastResult = null;
   }
   /** @internal */
   willUpdate(t) {
     const e = t.has("provider") || t.has("pubkey") || t.has("baseUrl") || t.has("cdnCname") || t.has("cdnCnamePrefixed");
-    e && (this._provider = this.provider ?? (this.pubkey ? new wi({
+    e && (this._provider = this.provider ?? (this.pubkey ? new Ei({
       publicKey: this.pubkey,
       baseUrl: this.baseUrl,
       cdnBaseUrl: this.cdnCname,
@@ -2816,7 +2819,7 @@ let d = class extends G {
       this._lastMode = r, this._selectedRatio = r === "edit" ? V : this._defaultGenerateRatio();
     else if (t.has("aspectRatios")) {
       const s = this._selectedRatio;
-      O(s) && !this._standardRatios().some((o) => fe(o, s)) && (this._selectedRatio = this._defaultGenerateRatio());
+      I(s) && !this._standardRatios().some((o) => _e(o, s)) && (this._selectedRatio = this._defaultGenerateRatio());
     }
     t.has("aspectRatios") && this._ratioOptionsCache.clear(), (t.has("localeName") || t.has("localeDefinitionOverride")) && this._resolveLocale();
   }
@@ -2827,7 +2830,7 @@ let d = class extends G {
     let i = B;
     if (t !== "en")
       try {
-        i = await ((s = ue[t]) == null ? void 0 : s.call(ue)) ?? B;
+        i = await ((s = pe[t]) == null ? void 0 : s.call(pe)) ?? B;
       } catch {
         i = B;
       }
@@ -2836,7 +2839,7 @@ let d = class extends G {
     this._localeStrings = r ? { ...i, ...r } : i;
   }
   _l(t) {
-    return Ri(t, this._localeStrings);
+    return $i(t, this._localeStrings);
   }
   /** Friendly message for the current failure: the per-`error_code` string
    *  (`ai-enhancer-error-<code>`, overridable via the locale) when one is
@@ -2944,7 +2947,7 @@ let d = class extends G {
     const t = this._displayUrl;
     if (!t)
       return this._lastPreviewUrl = null, null;
-    const e = this._secure.resolve(Ti(t, this.clientWidth || 1024));
+    const e = this._secure.resolve(Oi(t, this.clientWidth || 1024));
     return e != null && (this._lastPreviewUrl = e), this._lastPreviewUrl;
   }
   /** Full-resolution rendition for fullscreen, secure-delivery-resolved. */
@@ -2953,8 +2956,8 @@ let d = class extends G {
   }
   /** The configured (or popular) standard ratios, validated. */
   _standardRatios() {
-    const t = (this.aspectRatios ?? []).filter(we);
-    return t.length > 0 ? t : [...xt];
+    const t = (this.aspectRatios ?? []).filter(Ee);
+    return t.length > 0 ? t : [...kt];
   }
   /**
    * The ratio the generate flow starts on: the prototype's landscape default
@@ -2963,12 +2966,12 @@ let d = class extends G {
    */
   _defaultGenerateRatio() {
     const t = this._standardRatios();
-    return t.find((e) => fe(e, kt)) ?? t[0] ?? null;
+    return t.find((e) => _e(e, Rt)) ?? t[0] ?? null;
   }
   _ratioOptions(t) {
     const e = this._ratioOptionsCache.get(t);
     if (e) return e;
-    const i = this._standardRatios().map($t), r = t === "edit" ? [{ value: V, labelKey: "ai-enhancer-aspect-original" }, ...i] : i;
+    const i = this._standardRatios().map(Ut), r = t === "edit" ? [{ value: V, labelKey: "ai-enhancer-aspect-original" }, ...i] : i;
     return this._ratioOptionsCache.set(t, r), r;
   }
   /**
@@ -3009,7 +3012,7 @@ let d = class extends G {
         mode: i,
         // "Original" (and generate's null) omit the ratio; only a concrete pick
         // is sent — in edit that reshapes, otherwise the source AR is preserved.
-        aspectRatio: O(this._selectedRatio) ? this._selectedRatio : void 0,
+        aspectRatio: I(this._selectedRatio) ? this._selectedRatio : void 0,
         // Record the full selection (incl. "Original") so the history entry can
         // restore the picker when re-selected.
         ratioValue: this._selectedRatio,
@@ -3029,7 +3032,8 @@ let d = class extends G {
         file: o.file
       }));
     } catch (o) {
-      this.dispatchEvent(new CustomEvent("uc:error", { detail: { error: o }, bubbles: !0, composed: !0 }));
+      const a = { error: ki(o) };
+      this.dispatchEvent(new CustomEvent("uc:error", { detail: a, bubbles: !0, composed: !0 }));
     }
   }
   /** Discard the current image (input or result) and prompt history, returning
@@ -3067,33 +3071,49 @@ let d = class extends G {
       return (e = this._promptRow) == null ? void 0 : e.focusInput();
     });
   }
-  _onPrimary() {
+  /** Snapshot of the current generation result in the `uc:done` payload shape. */
+  _resultDetail() {
     const t = this._gen.result;
-    if (!t) return;
-    const e = {
+    return t ? {
       url: t.url,
       uuid: t.uuid,
       prompt: t.prompt,
       mode: t.mode,
-      aspectRatio: O(this._selectedRatio) ? this._selectedRatio : void 0,
+      aspectRatio: I(this._selectedRatio) ? this._selectedRatio : void 0,
       file: t.file
-    };
-    this.dispatchEvent(new CustomEvent("uc:done", { detail: e, bubbles: !0, composed: !0 }));
+    } : null;
+  }
+  _onPrimary() {
+    const t = this._resultDetail();
+    t && this.dispatchEvent(new CustomEvent("uc:done", { detail: t, bubbles: !0, composed: !0 }));
   }
   _onCancel(t) {
     t.stopPropagation(), this.dispatchEvent(new CustomEvent("uc:cancel", { bubbles: !0, composed: !0 }));
   }
+  /**
+   * Every result mutation (generation, history selection, reset) goes through
+   * the generation controller's requestUpdate, so comparing here catches them
+   * all with one code path.
+   * @internal
+   */
+  updated(t) {
+    if (super.updated(t), this._gen.result !== this._lastResult) {
+      this._lastResult = this._gen.result;
+      const e = { result: this._resultDetail() };
+      this.dispatchEvent(new CustomEvent("uc:change", { detail: e, bubbles: !0, composed: !0 }));
+    }
+  }
   /** @internal */
   render() {
-    var 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 = {
+    var Me, Oe;
+    const t = this._mode, e = t === "edit" && !this.sourceUuid && !this.sourceFileInfo, i = ye[t].placeholderKey, r = ((Me = this.presets) == null ? void 0 : Me[t]) ?? ye[t].presets, s = this._gen.busy || !this._gen.result, o = this._ratioOptions(t), a = this._displayUrl != null, n = I(this._selectedRatio) ? this._selectedRatio[0] / this._selectedRatio[1] : null, l = {
       stage: !0,
       "is-empty": !a
-    }, h = 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`
+    }, h = Fr.includes(this.composerPlacement) ? this.composerPlacement : "bottom", u = (Or.includes(this.canvasFit) ? this.canvasFit : "available") === "full", _ = !u, x = `${u ? "overlay" : "docked"}-${h}`, w = Ir.includes(this.historyPlacement) ? this.historyPlacement : "composer-above", $ = w === "composer-above" || w === "composer-below", R = (u || _ && this.composerAutoHide) && $, O = w === "canvas-top" ? "top" : w === "canvas-bottom" ? "bottom" : h, W = this._historyEntries, X = W.length > 0 || e, ne = X ? f`
           <uc-ai-history
             .busy=${this._gen.busy}
             .entries=${W}
-            .selectedUuid=${((Fe = this._gen.result) == null ? void 0 : Fe.uuid) ?? this._sourceUuid}
+            .selectedUuid=${((Oe = this._gen.result) == null ? void 0 : Oe.uuid) ?? this._sourceUuid}
             ?show-start-over=${e}
             start-over-label="${this._l("ai-enhancer-start-over")}"
             list-label="${this._l("ai-enhancer-history-title")}"
@@ -3101,7 +3121,7 @@ let d = class extends G {
             @uc:select=${this._onSelectHistoryEntry}
             @uc:start-over=${this._onStartOver}
           ></uc-ai-history>
-        ` : v, mt = f`
+        ` : g, gt = f`
       <uc-ai-prompt-row
         .mode=${t}
         .value=${this._prompt}
@@ -3120,7 +3140,7 @@ let d = class extends G {
                 .busy=${this._gen.busy}
                 @uc:select=${this._onSelectPreset}
               ></uc-ai-chips>
-            ` : v}
+            ` : g}
         ${o.length > 0 ? f`
               <uc-ai-aspect-ratio
                 slot="aspect-ratio"
@@ -3131,9 +3151,9 @@ let d = class extends G {
                 aria-label-text="${this._l("ai-enhancer-aspect-ratio-aria")}"
                 @uc:select=${this._onSelectAspectRatio}
               ></uc-ai-aspect-ratio>
-            ` : v}
+            ` : g}
       </uc-ai-prompt-row>
-    `, ae = f`
+    `, le = f`
       <div
         class=${S({
       composer: !0,
@@ -3143,23 +3163,23 @@ let d = class extends G {
     })}
       >
         <div class="composer__content">
-          ${R && w === "composer-above" ? oe : v}
-          ${mt}
-          ${R && w === "composer-below" ? oe : v}
+          ${R && w === "composer-above" ? ne : g}
+          ${gt}
+          ${R && w === "composer-below" ? ne : g}
         </div>
       </div>
-    `, _t = X && !R ? f`<div
+    `, vt = X && !R ? f`<div
             class=${S({
       "history-pinned": !0,
       "history-pinned--docked": _,
-      [`history-pinned--canvas-${I}`]: !0
+      [`history-pinned--canvas-${O}`]: !0
     })}
           >
-            ${oe}
-          </div>` : v, gt = this.composerAutoHide && u ? f`
+            ${ne}
+          </div>` : g, bt = this.composerAutoHide && u ? f`
             <div class=${S({ "dock-hotzone": !0, [`dock-hotzone--${h}`]: !0 })}></div>
             <div class=${S({ "composer-fade": !0, [`composer-fade--${h}`]: !0 })}></div>
-          ` : v, Ae = this.toolbarPlacement === "top", Ue = f`
+          ` : g, Ue = Mr.includes(this.toolbarPlacement) ? this.toolbarPlacement : "bottom", Te = Ue === "top", Fe = Ue === "none" ? g : f`
       <uc-ai-footer
         cancel-label="${this._l("ai-enhancer-cancel")}"
         primary-label="${this._l("ai-enhancer-done-btn")}"
@@ -3174,8 +3194,8 @@ let d = class extends G {
         role="region"
         aria-label="${this._l(t === "edit" ? "ai-enhancer-edit-title" : "ai-enhancer-generate-title")}"
       >
-        ${Ae ? Ue : v}
-        ${_ && h === "top" ? ae : v}
+        ${Te ? Fe : g}
+        ${_ && h === "top" ? le : g}
         <div class=${S(l)}>
           <uc-ai-canvas
             .url=${this._previewUrl}
@@ -3191,21 +3211,21 @@ let d = class extends G {
             exit-fullscreen-label="${this._l("ai-enhancer-exit-fullscreen")}"
           ></uc-ai-canvas>
 
-          ${gt}
-          ${_t}
-          ${u ? ae : v}
+          ${bt}
+          ${vt}
+          ${u ? le : g}
 
           ${this._gen.error ? f`<div class="error-box" role="alert">
                   <div class="error-box__card">${this._errorMessage()}</div>
-                </div>` : v}
+                </div>` : g}
         </div>
-        ${_ && h === "bottom" ? ae : v}
-        ${Ae ? v : Ue}
+        ${_ && h === "bottom" ? le : g}
+        ${Te ? g : Fe}
       </div>
     `;
   }
 };
-d.styles = j(Sr);
+d.styles = j(Ar);
 m([
   c({ attribute: "source-uuid" })
 ], d.prototype, "sourceUuid", 2);
@@ -3237,7 +3257,7 @@ m([
   c({ attribute: !1 })
 ], d.prototype, "secureDeliveryProxyUrlResolver", 2);
 m([
-  c({ type: Array, attribute: "aspect-ratios", converter: (t) => t ? At(t) : null })
+  c({ type: Array, attribute: "aspect-ratios", converter: (t) => t ? Tt(t) : null })
 ], d.prototype, "aspectRatios", 2);
 m([
   c({ attribute: "locale-name" })
@@ -3294,11 +3314,11 @@ d = m([
   H("uc-ai-enhancer")
 ], d);
 export {
-  Gr as I,
-  ue as L,
-  xt as P,
+  Kr as I,
+  pe as L,
+  kt as P,
   d as U,
-  jr as a,
+  qr as a,
   B as e,
-  we as i
+  Ee as i
 };