@feedmepos/mf-media 2.0.1 → 2.0.2-dev.1

package/dist/{AiStudio-2cced8ce.js → AiStudio-6f993b76.js}

@@ -1,9 +1,9 @@
-import { defineComponent as V, computed as S, resolveComponent as E, openBlock as m, createElementBlock as h, createElementVNode as s, normalizeStyle as ee, createVNode as k, toDisplayString as u, unref as a, createCommentVNode as U, normalizeClass as j, createTextVNode as ae, createBlock as G, Fragment as D, renderList as N, mergeModels as H, useModel as q, renderSlot as ne, withCtx as te, ref as B, withDirectives as ie, vModelText as le, onMounted as re } from "vue";
+import { defineComponent as j, computed as S, resolveComponent as E, openBlock as m, createElementBlock as h, createElementVNode as s, normalizeStyle as ee, createVNode as k, toDisplayString as u, unref as a, createCommentVNode as U, normalizeClass as V, createTextVNode as ae, createBlock as G, Fragment as D, renderList as N, mergeModels as H, useModel as q, renderSlot as ne, withCtx as te, ref as B, withDirectives as ie, vModelText as le, onMounted as re } from "vue";
 import { defineStore as de, storeToRefs as ce } from "pinia";
 import { useI18n as L, useCoreStore as ue } from "@feedmepos/mf-common";
 import { useDialog as me, useSnackbar as fe } from "@feedmepos/ui-library";
-import { i as W, j as pe, k as ve, y as xe } from "./media-picker-1cd70533.js";
-const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ge = ["src", "alt"], be = {
+import { d as W, p as pe, e as ve, i as xe } from "./media-picker-fdef87dc.js";
+const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ye = ["src", "alt"], be = {
   key: 1,
   class: "absolute inset-0 flex flex-col items-center justify-center gap-4 p-12 text-center"
 }, he = { class: "text-xs font-semibold" }, _e = { class: "text-xs text-fm-color-typo-secondary line-clamp-3" }, $e = {
@@ -18,7 +18,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
 }, Ce = { class: "flex-1 text-xs text-fm-color-typo-secondary truncate" }, Fe = ["title"], Se = ["title"], Re = ["title"], Ee = {
   key: 1,
   class: "flex justify-end px-8 py-8"
-}, K = "w-32 h-32 rounded-md flex items-center justify-center text-fm-color-typo-secondary hover:bg-fm-color-neutral-gray-100", Be = /* @__PURE__ */ V({
+}, K = "w-32 h-32 rounded-md flex items-center justify-center text-fm-color-typo-secondary hover:bg-fm-color-neutral-gray-100", Be = /* @__PURE__ */ j({
   __name: "StudioImageCard",
   props: {
     item: {},
@@ -27,12 +27,12 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
   },
   emits: ["preview", "variant", "discard", "save"],
   setup(e, { emit: x }) {
-    const t = e, l = x, { t: r } = L(), v = S(() => t.item.status === "success" && !!t.item.url), y = S(() => t.item.status === "failed"), w = S(() => t.ratio.replace("x", " / ")), n = S(
+    const t = e, l = x, { t: r } = L(), v = S(() => t.item.status === "success" && !!t.item.url), g = S(() => t.item.status === "failed"), w = S(() => t.ratio.replace("x", " / ")), n = S(
       () => t.item.width && t.item.height ? `${t.item.width}×${t.item.height}` : ""
     );
     return ($, b) => {
       const C = E("FmIcon"), T = E("FmCircularProgress"), F = E("FmButton");
-      return m(), h("div", ye, [
+      return m(), h("div", ge, [
         s("div", {
           class: "relative bg-fm-color-neutral-gray-100",
           style: ee({ aspectRatio: w.value })
@@ -42,7 +42,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             src: e.item.url,
             class: "w-full h-full object-cover",
             alt: n.value
-          }, null, 8, ge)) : y.value ? (m(), h("div", be, [
+          }, null, 8, ye)) : g.value ? (m(), h("div", be, [
             k(C, {
               name: "error_outline",
               size: "md"
@@ -61,7 +61,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           s("span", Ce, u(n.value), 1),
           s("button", {
             type: "button",
-            class: j(K),
+            class: V(K),
             title: a(r)("media.studio.preview"),
             onClick: b[0] || (b[0] = (f) => l("preview"))
           }, [
@@ -72,7 +72,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           ], 8, Fe),
           s("button", {
             type: "button",
-            class: j(K),
+            class: V(K),
             title: a(r)("media.studio.variant"),
             onClick: b[1] || (b[1] = (f) => l("variant"))
           }, [
@@ -83,7 +83,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           ], 8, Se),
           s("button", {
             type: "button",
-            class: j(K),
+            class: V(K),
             title: a(r)("media.studio.discard"),
             onClick: b[2] || (b[2] = (f) => l("discard"))
           }, [
@@ -99,7 +99,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             disabled: e.item.saved,
             onClick: b[3] || (b[3] = (f) => l("save"))
           }, null, 8, ["label", "disabled"])
-        ])) : y.value ? (m(), h("div", Ee, [
+        ])) : g.value ? (m(), h("div", Ee, [
           k(F, {
             label: a(r)("media.studio.retry"),
             variant: "tertiary",
@@ -113,7 +113,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
 }), ze = { class: "flex flex-col gap-12" }, Pe = { class: "flex items-center gap-12" }, Ue = { class: "flex-1 min-w-0 flex flex-col gap-4" }, Oe = { class: "text-sm font-semibold line-clamp-2" }, Ae = { class: "text-xs text-fm-color-typo-secondary" }, De = {
   key: 0,
   class: "flex items-center gap-4 text-xs font-semibold"
-}, Me = { class: "grid gap-16 grid-cols-[repeat(auto-fill,minmax(min(240px,100%),1fr))]" }, Ne = /* @__PURE__ */ V({
+}, Me = { class: "grid gap-16 grid-cols-[repeat(auto-fill,minmax(min(240px,100%),1fr))]" }, Ne = /* @__PURE__ */ j({
   __name: "StudioBatch",
   props: {
     batch: {}
@@ -122,7 +122,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
   setup(e, { emit: x }) {
     const t = e, l = x, { t: r } = L(), v = S(
       () => t.batch.items.some((n) => n.status === "pending" || n.status === "processing")
-    ), y = S(
+    ), g = S(
       () => !!(t.batch.params.refAssetId || t.batch.params.refTmpToken)
     ), w = S(() => {
       const n = {
@@ -130,7 +130,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
         ratio: t.batch.params.ratio,
         count: t.batch.items.length
       };
-      return y.value ? r("media.studio.batchMetaRef", { ...n, strength: t.batch.params.refStrength ?? 55 }) : r("media.studio.batchMeta", n);
+      return g.value ? r("media.studio.batchMetaRef", { ...n, strength: t.batch.params.refStrength ?? 55 }) : r("media.studio.batchMeta", n);
     });
     return (n, $) => {
       const b = E("FmCircularProgress"), C = E("FmButton");
@@ -157,7 +157,7 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             key: T.taskId,
             item: T,
             ratio: e.batch.params.ratio,
-            "from-ref": y.value,
+            "from-ref": g.value,
             onPreview: (F) => l("preview", T),
             onVariant: $[1] || ($[1] = (F) => l("variant")),
             onDiscard: (F) => l("discard", T),
@@ -167,14 +167,14 @@ const ye = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
       ]);
     };
   }
-}), je = [
+}), Ve = [
   "none",
   "photo",
   "flatlay",
   "studio",
   "warm",
   "illus"
-], Ve = ["1x1", "4x3", "3x4", "16x9"], Le = [1, 2, 4];
+], je = ["1x1", "4x3", "3x4", "16x9"], Le = [1, 2, 4];
 function J(e) {
   return `/media-v1/businesses/${e}/generations`;
 }
@@ -207,7 +207,7 @@ async function Ye(e, x) {
 const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p-16 rounded-xl border border-fm-color-neutral-gray-200 bg-white sticky top-0 self-start" }, We = { class: "flex flex-col gap-8" }, Je = { class: "flex items-baseline gap-8" }, Qe = { class: "text-sm font-semibold" }, Xe = { class: "text-xs text-fm-color-typo-tertiary" }, Ze = { class: "grid grid-cols-2 gap-8" }, et = ["onClick"], tt = { class: "flex items-center gap-8" }, st = { class: "text-sm font-semibold" }, ot = { class: "text-xs text-fm-color-typo-secondary" }, at = { class: "flex flex-col gap-8" }, nt = {
   key: 0,
   class: "flex items-center gap-8 px-8 py-8 rounded-lg bg-[#FFF7F0]"
-}, it = { class: "text-xs" }, lt = { class: "flex flex-col gap-8" }, rt = { class: "text-sm font-semibold" }, dt = { class: "flex flex-wrap gap-4" }, ct = { class: "flex flex-col gap-8" }, ut = { class: "text-sm font-semibold" }, mt = { class: "grid grid-cols-2 gap-8" }, ft = ["onClick"], pt = { class: "text-fm-color-typo-secondary" }, vt = { class: "flex flex-col gap-8" }, xt = { class: "text-sm font-semibold" }, yt = { class: "flex gap-8" }, gt = ["onClick"], bt = { class: "flex flex-col gap-8 sticky bottom-0 bg-white pt-12" }, ht = { class: "text-xs text-fm-color-typo-tertiary text-center" }, _t = "border-[--fm-color-brand-primary,#FF7823] bg-[#FFF7F0]", $t = "border-fm-color-neutral-gray-200 bg-white", kt = /* @__PURE__ */ V({
+}, it = { class: "text-xs" }, lt = { class: "flex flex-col gap-8" }, rt = { class: "text-sm font-semibold" }, dt = { class: "flex flex-wrap gap-4" }, ct = { class: "flex flex-col gap-8" }, ut = { class: "text-sm font-semibold" }, mt = { class: "grid grid-cols-2 gap-8" }, ft = ["onClick"], pt = { class: "text-fm-color-typo-secondary" }, vt = { class: "flex flex-col gap-8" }, xt = { class: "text-sm font-semibold" }, gt = { class: "flex gap-8" }, yt = ["onClick"], bt = { class: "flex flex-col gap-8 sticky bottom-0 bg-white pt-12" }, ht = { class: "text-xs text-fm-color-typo-tertiary text-center" }, _t = "border-[--fm-color-brand-primary,#FF7823] bg-[#FFF7F0]", $t = "border-fm-color-neutral-gray-200 bg-white", kt = /* @__PURE__ */ j({
   __name: "StudioControls",
   props: /* @__PURE__ */ H({
     busy: { type: Boolean },
@@ -224,7 +224,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
   }),
   emits: /* @__PURE__ */ H(["generate"], ["update:prompt", "update:style", "update:ratio", "update:count"]),
   setup(e, { emit: x }) {
-    const t = e, l = q(e, "prompt"), r = q(e, "style"), v = q(e, "ratio"), y = q(e, "count"), w = x, { t: n } = L(), $ = ["hero", "banner", "social", "menu"], b = {
+    const t = e, l = q(e, "prompt"), r = q(e, "style"), v = q(e, "ratio"), g = q(e, "count"), w = x, { t: n } = L(), $ = ["hero", "banner", "social", "menu"], b = {
       hero: "restaurant",
       banner: "campaign",
       social: "photo_camera",
@@ -240,13 +240,13 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
     ), T = S(
       () => {
         var o;
-        return (o = C.value.find((g) => g.prompt === l.value)) == null ? void 0 : o.key;
+        return (o = C.value.find((y) => y.prompt === l.value)) == null ? void 0 : o.key;
       }
     ), F = S(() => /\[[^\]]+\]/.test(l.value)), f = S(() => l.value.trim().length > 0 && !t.busy);
     function i(o) {
       return o ? _t : $t;
     }
-    return (o, g) => {
+    return (o, y) => {
       const _ = E("FmIcon"), z = E("FmTextarea"), O = E("FmChip"), Y = E("FmButton");
       return m(), h("div", Ke, [
         s("div", We, [
@@ -258,7 +258,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             (m(!0), h(D, null, N(C.value, (d) => (m(), h("button", {
               key: d.key,
               type: "button",
-              class: j(["flex flex-col items-start gap-4 p-12 rounded-lg border text-left", i(T.value === d.key)]),
+              class: V(["flex flex-col items-start gap-4 p-12 rounded-lg border text-left", i(T.value === d.key)]),
               onClick: (M) => l.value = d.prompt
             }, [
               s("span", tt, [
@@ -275,7 +275,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         s("div", at, [
           k(z, {
             modelValue: l.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (d) => l.value = d),
+            "onUpdate:modelValue": y[0] || (y[0] = (d) => l.value = d),
             label: a(n)("media.studio.prompt"),
             placeholder: e.hasRef ? a(n)("media.studio.promptPlaceholderRef") : a(n)("media.studio.promptPlaceholder"),
             "max-length": 500,
@@ -293,7 +293,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         s("div", lt, [
           s("span", rt, u(a(n)("media.studio.style")), 1),
           s("div", dt, [
-            (m(!0), h(D, null, N(a(je), (d) => (m(), G(O, {
+            (m(!0), h(D, null, N(a(Ve), (d) => (m(), G(O, {
               key: d,
               label: a(n)(`media.studio.styles.${d}`),
               selected: r.value === d,
@@ -306,10 +306,10 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         s("div", ct, [
           s("span", ut, u(a(n)("media.studio.ratio")), 1),
           s("div", mt, [
-            (m(!0), h(D, null, N(a(Ve), (d) => (m(), h("button", {
+            (m(!0), h(D, null, N(a(je), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: j(["flex items-center justify-center gap-4 h-40 rounded-lg border text-xs font-semibold", i(v.value === d)]),
+              class: V(["flex items-center justify-center gap-4 h-40 rounded-lg border text-xs font-semibold", i(v.value === d)]),
               onClick: (M) => v.value = d
             }, [
               s("span", null, u(d), 1),
@@ -319,13 +319,13 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         ]),
         s("div", vt, [
           s("span", xt, u(a(n)("media.studio.count")), 1),
-          s("div", yt, [
+          s("div", gt, [
             (m(!0), h(D, null, N(a(Le), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: j(["flex-1 h-40 rounded-lg border text-sm font-semibold", i(y.value === d)]),
-              onClick: (M) => y.value = d
-            }, " × " + u(d), 11, gt))), 128))
+              class: V(["flex-1 h-40 rounded-lg border text-sm font-semibold", i(g.value === d)]),
+              onClick: (M) => g.value = d
+            }, " × " + u(d), 11, yt))), 128))
           ])
         ]),
         s("div", bt, [
@@ -335,7 +335,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             variant: "primary",
             size: "md",
             disabled: !f.value,
-            onClick: g[1] || (g[1] = (d) => w("generate"))
+            onClick: y[1] || (y[1] = (d) => w("generate"))
           }, null, 8, ["label", "disabled"]),
           s("span", ht, u(a(n)("media.studio.disclaimer")), 1)
         ])
@@ -345,7 +345,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
 }), It = {
   key: 0,
   class: "flex h-[560px]"
-}, wt = { class: "flex-1 min-w-0 flex items-center justify-center bg-black p-16" }, Tt = ["src", "alt"], Ct = { class: "w-[300px] flex-shrink-0 flex flex-col gap-12 p-16 overflow-y-auto" }, Ft = { class: "flex items-start justify-between gap-8" }, St = { class: "fm-typo-en-title-sm-600" }, Rt = ["title"], Et = { class: "text-sm font-semibold break-words" }, Bt = { class: "text-xs text-fm-color-typo-secondary" }, zt = /* @__PURE__ */ V({
+}, wt = { class: "flex-1 min-w-0 flex items-center justify-center bg-black p-16" }, Tt = ["src", "alt"], Ct = { class: "w-[300px] flex-shrink-0 flex flex-col gap-12 p-16 overflow-y-auto" }, Ft = { class: "flex items-start justify-between gap-8" }, St = { class: "fm-typo-en-title-sm-600" }, Rt = ["title"], Et = { class: "text-sm font-semibold break-words" }, Bt = { class: "text-xs text-fm-color-typo-secondary" }, zt = /* @__PURE__ */ j({
   __name: "StudioPreviewDialog",
   props: {
     item: {},
@@ -354,7 +354,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
   emits: ["close", "save", "variant"],
   setup(e, { emit: x }) {
     const t = e, l = x, { t: r } = L();
-    return (v, y) => {
+    return (v, g) => {
       const w = E("FmIcon"), n = E("FmButton"), $ = E("FmDialog");
       return m(), G($, {
         "model-value": !!t.item,
@@ -362,7 +362,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         "max-height": "560px",
         "content-class": "!p-0 studio-preview-dialog-content",
         "close-button": !1,
-        "onUpdate:modelValue": y[3] || (y[3] = (b) => !b && l("close"))
+        "onUpdate:modelValue": g[3] || (g[3] = (b) => !b && l("close"))
       }, {
         default: te(() => [
           t.item ? (m(), h("div", It, [
@@ -380,7 +380,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
                   type: "button",
                   class: "w-32 h-32 rounded-lg bg-fm-color-neutral-gray-100 flex items-center justify-center flex-shrink-0",
                   title: a(r)("media.library.cancelButton"),
-                  onClick: y[0] || (y[0] = (b) => l("close"))
+                  onClick: g[0] || (g[0] = (b) => l("close"))
                 }, [
                   k(w, {
                     name: "close",
@@ -390,19 +390,19 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               ]),
               s("span", Et, u(t.prompt), 1),
               s("span", Bt, u(t.item.width) + "×" + u(t.item.height), 1),
-              y[4] || (y[4] = s("div", { class: "flex-1" }, null, -1)),
+              g[4] || (g[4] = s("div", { class: "flex-1" }, null, -1)),
               k(n, {
                 label: a(r)("media.studio.variant"),
                 variant: "tertiary",
                 size: "md",
-                onClick: y[1] || (y[1] = (b) => l("variant"))
+                onClick: g[1] || (g[1] = (b) => l("variant"))
               }, null, 8, ["label"]),
               k(n, {
                 label: t.item.saved ? a(r)("media.studio.saved") : a(r)("media.studio.save"),
                 variant: "primary",
                 size: "md",
                 disabled: t.item.saved,
-                onClick: y[2] || (y[2] = (b) => l("save"))
+                onClick: g[2] || (g[2] = (b) => l("save"))
               }, null, 8, ["label", "disabled"])
             ])
           ])) : U("", !0)
@@ -414,13 +414,13 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
 }), Pt = { class: "flex flex-col gap-8" }, Ut = { class: "flex items-baseline gap-8" }, Ot = { class: "text-sm font-semibold" }, At = { class: "text-xs text-fm-color-typo-tertiary" }, Dt = {
   key: 0,
   class: "flex items-center gap-8 p-8 rounded-lg border border-fm-color-neutral-gray-200"
-}, Mt = ["src"], Nt = { class: "flex-1 text-xs truncate" }, jt = { class: "flex gap-8" }, Vt = { class: "text-xs text-fm-color-typo-tertiary" }, Lt = {
+}, Mt = ["src"], Nt = { class: "flex-1 text-xs truncate" }, Vt = { class: "flex gap-8" }, jt = { class: "text-xs text-fm-color-typo-tertiary" }, Lt = {
   key: 2,
   class: "text-xs text-[--fm-color-typo-critical,#FF3B30]"
 }, qt = {
   key: 3,
   class: "flex flex-col gap-4"
-}, Gt = { class: "flex items-baseline gap-8" }, Ht = { class: "text-xs font-semibold" }, Yt = { class: "text-xs font-semibold" }, Kt = { class: "text-xs text-fm-color-typo-secondary" }, Wt = /* @__PURE__ */ V({
+}, Gt = { class: "flex items-baseline gap-8" }, Ht = { class: "text-xs font-semibold" }, Yt = { class: "text-xs font-semibold" }, Kt = { class: "text-xs text-fm-color-typo-secondary" }, Wt = /* @__PURE__ */ j({
   __name: "StudioRefPicker",
   props: /* @__PURE__ */ H({
     businessId: {},
@@ -431,9 +431,9 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
   }),
   emits: /* @__PURE__ */ H(["change"], ["update:strength"]),
   setup(e, { emit: x }) {
-    const t = e, l = q(e, "strength"), r = x, { t: v } = L(), y = B(!1), w = B(!1), n = B(""), $ = B(null), b = B(null), C = S(() => l.value <= 35 ? v("media.studio.refWeak") : l.value >= 70 ? v("media.studio.refStrong") : v("media.studio.refMid"));
+    const t = e, l = q(e, "strength"), r = x, { t: v } = L(), g = B(!1), w = B(!1), n = B(""), $ = B(null), b = B(null), C = S(() => l.value <= 35 ? v("media.studio.refWeak") : l.value >= 70 ? v("media.studio.refStrong") : v("media.studio.refMid"));
     function T(i) {
-      y.value = !1, n.value = "", $.value = { url: i.url, label: i.asset.fileName }, r("change", {
+      g.value = !1, n.value = "", $.value = { url: i.url, label: i.asset.fileName }, r("change", {
         refAssetId: i.asset.id,
         // null means the original was picked, and the request omits refRatio for that.
         refRatio: i.ratio ?? void 0,
@@ -441,8 +441,8 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
       });
     }
     async function F(i) {
-      var g;
-      const o = (g = i.target.files) == null ? void 0 : g[0];
+      var y;
+      const o = (y = i.target.files) == null ? void 0 : y[0];
       if (o) {
         w.value = !0, n.value = "";
         try {
@@ -462,7 +462,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
       $.value = null, n.value = "", r("change", null);
     }
     return (i, o) => {
-      const g = E("FmButton");
+      const y = E("FmButton");
       return m(), h("div", Pt, [
         s("div", Ut, [
           s("span", Ot, u(a(v)("media.studio.ref")), 1),
@@ -476,22 +476,22 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             alt: ""
           }, null, 8, Mt)) : U("", !0),
           s("span", Nt, u($.value.label), 1),
-          k(g, {
+          k(y, {
             label: a(v)("media.studio.refClear"),
             variant: "tertiary",
             size: "md",
             onClick: f
           }, null, 8, ["label"])
         ])) : (m(), h(D, { key: 1 }, [
-          s("div", jt, [
-            k(g, {
+          s("div", Vt, [
+            k(y, {
               label: a(v)("media.studio.refPick"),
               variant: "tertiary",
               size: "md",
               class: "flex-1",
-              onClick: o[0] || (o[0] = (_) => y.value = !0)
+              onClick: o[0] || (o[0] = (_) => g.value = !0)
             }, null, 8, ["label"]),
-            k(g, {
+            k(y, {
               label: a(v)("media.studio.refUpload"),
               variant: "tertiary",
               size: "md",
@@ -511,7 +511,7 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               onChange: F
             }, null, 544)
           ]),
-          s("span", Vt, u(a(v)("media.studio.refUploadHint")), 1)
+          s("span", jt, u(a(v)("media.studio.refUploadHint")), 1)
         ], 64)),
         n.value ? (m(), h("span", Lt, u(n.value), 1)) : U("", !0),
         $.value ? (m(), h("div", qt, [
@@ -538,8 +538,8 @@ const Ke = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
           s("span", Kt, u(C.value), 1)
         ])) : U("", !0),
         k(a(pe), {
-          open: y.value,
-          "onUpdate:open": o[3] || (o[3] = (_) => y.value = _),
+          open: g.value,
+          "onUpdate:open": o[3] || (o[3] = (_) => g.value = _),
           "business-id": e.businessId,
           "restaurant-id": e.restaurantId,
           "allow-upload": !1,
@@ -580,7 +580,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
   const e = B([]), x = S(() => e.value.some((f) => Z(f.items)));
   let t, l = "";
   function r(f, i) {
-    const o = e.value.find((g) => g.batchId === f);
+    const o = e.value.find((y) => y.batchId === f);
     o && (o.items = Zt(o.items, i));
   }
   function v() {
@@ -596,37 +596,37 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
       x.value && v();
     }, ts));
   }
-  async function y(f, i) {
+  async function g(f, i) {
     l = f;
     const o = await qe(f, es(i));
     e.value.unshift({
       batchId: o.batchId,
       params: i,
-      items: o.items.map((g) => ({
-        taskId: g.taskId,
-        assetId: g.assetId,
-        imageId: g.imageId,
-        status: g.status,
+      items: o.items.map((y) => ({
+        taskId: y.taskId,
+        assetId: y.assetId,
+        imageId: y.imageId,
+        status: y.status,
         attempts: 0,
-        error: g.error,
+        error: y.error,
         saved: !1
       }))
     }), v();
   }
   async function w(f, i) {
-    await y(f, i);
+    await g(f, i);
   }
   async function n(f, i) {
-    await y(f, { ...i.params });
+    await g(f, { ...i.params });
   }
   async function $(f, i) {
-    await y(f, { ...i.params, count: 1 });
+    await g(f, { ...i.params, count: 1 });
   }
   async function b(f, i, o) {
     var _;
     await ve(f, o.assetId, [Qt]);
-    const g = (_ = e.value.find((z) => z.batchId === i.batchId)) == null ? void 0 : _.items.find((z) => z.taskId === o.taskId);
-    g && (g.saved = !0);
+    const y = (_ = e.value.find((z) => z.batchId === i.batchId)) == null ? void 0 : _.items.find((z) => z.taskId === o.taskId);
+    y && (y.saved = !0);
   }
   async function C(f, i, o) {
     await xe(f, [
@@ -637,8 +637,8 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
         aspectRatios: null
       }
     ]);
-    const g = e.value.find((_) => _.batchId === i.batchId);
-    g && (g.items = g.items.filter((_) => _.taskId !== o.taskId), g.items.length === 0 && (e.value = e.value.filter((_) => _.batchId !== i.batchId)));
+    const y = e.value.find((_) => _.batchId === i.batchId);
+    y && (y.items = y.items.filter((_) => _.taskId !== o.taskId), y.items.length === 0 && (e.value = e.value.filter((_) => _.batchId !== i.batchId)));
   }
   function T(f) {
     l = f, x.value && v();
@@ -650,19 +650,19 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
 }), os = { class: "flex items-start gap-24 p-24" }, as = { class: "flex-1 min-w-0 flex flex-col gap-24" }, ns = {
   key: 0,
   class: "min-h-[340px] flex flex-col items-center justify-center gap-12 border-2 border-dashed border-fm-color-neutral-gray-300 rounded-2xl"
-}, is = { class: "text-lg font-semibold" }, ls = { class: "text-sm text-fm-color-typo-secondary" }, fs = /* @__PURE__ */ V({
+}, is = { class: "text-lg font-semibold" }, ls = { class: "text-sm text-fm-color-typo-secondary" }, fs = /* @__PURE__ */ j({
   __name: "AiStudio",
   setup(e) {
     const x = ue(), { t } = L(), l = me(), r = fe(), v = S(() => {
       var p;
       return ((p = x.currentBusiness.value) == null ? void 0 : p.id) ?? "";
-    }), y = S(() => {
+    }), g = S(() => {
       var p;
       return (p = x.currentRestaurant.value) == null ? void 0 : p._id;
     }), w = ss(), { batches: n, busy: $ } = ce(w);
     re(() => w.resume(v.value));
     const b = B(""), C = B("photo"), T = B("1x1"), F = B(2), f = B(55), i = B(null), o = S(() => !!i.value);
-    function g() {
+    function y() {
       var p, c, R, P;
       return {
         prompt: b.value,
@@ -674,7 +674,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
         refTmpToken: (R = i.value) == null ? void 0 : R.refTmpToken,
         refStrength: i.value ? f.value : void 0,
         refLabel: (P = i.value) == null ? void 0 : P.label,
-        restaurantId: y.value
+        restaurantId: g.value
       };
     }
     function _(p) {
@@ -691,7 +691,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
     }
     async function Y() {
       try {
-        await w.compose(v.value, g());
+        await w.compose(v.value, y());
       } catch (p) {
         O(p);
       }
@@ -757,7 +757,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
               strength: f.value,
               "onUpdate:strength": c[0] || (c[0] = (I) => f.value = I),
               "business-id": v.value,
-              "restaurant-id": y.value,
+              "restaurant-id": g.value,
               onChange: c[1] || (c[1] = (I) => i.value = I)
             }, null, 8, ["strength", "business-id", "restaurant-id"])
           ]),