@feedmepos/mf-media 1.0.0 → 1.0.1-dev.1

package/dist/{AiStudio-9f9c1203.js → AiStudio-a685be4a.js}

@@ -1,8 +1,8 @@
-import { defineComponent as j, computed as F, 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 N, createTextVNode as ae, createBlock as G, Fragment as D, renderList as V, 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 { V as K, S as pe, J as ve, X as xe } from "./media-picker-cf281640.js";
+import { i as W, e as pe, u as ve, f as xe } from "./media-picker-9b94d32f.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"
@@ -15,10 +15,10 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
 }, Te = {
   key: 0,
   class: "flex items-center gap-4 px-8 py-8"
-}, Ce = { class: "flex-1 text-xs text-fm-color-typo-secondary truncate" }, Se = ["title"], Fe = ["title"], Re = ["title"], Ee = {
+}, 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"
-}, J = "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({
+}, 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,11 +27,11 @@ const ge = { 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 = F(() => t.item.status === "success" && !!t.item.url), g = F(() => t.item.status === "failed"), w = F(() => t.ratio.replace("x", " / ")), n = F(
+    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"), S = E("FmButton");
+      const C = E("FmIcon"), T = E("FmCircularProgress"), F = E("FmButton");
       return m(), h("div", ge, [
         s("div", {
           class: "relative bg-fm-color-neutral-gray-100",
@@ -61,7 +61,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           s("span", Ce, u(n.value), 1),
           s("button", {
             type: "button",
-            class: N(J),
+            class: V(K),
             title: a(r)("media.studio.preview"),
             onClick: b[0] || (b[0] = (f) => l("preview"))
           }, [
@@ -69,10 +69,10 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
               name: "open_in_full",
               size: "sm"
             })
-          ], 8, Se),
+          ], 8, Fe),
           s("button", {
             type: "button",
-            class: N(J),
+            class: V(K),
             title: a(r)("media.studio.variant"),
             onClick: b[1] || (b[1] = (f) => l("variant"))
           }, [
@@ -80,10 +80,10 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
               name: "add_photo_alternate",
               size: "sm"
             })
-          ], 8, Fe),
+          ], 8, Se),
           s("button", {
             type: "button",
-            class: N(J),
+            class: V(K),
             title: a(r)("media.studio.discard"),
             onClick: b[2] || (b[2] = (f) => l("discard"))
           }, [
@@ -92,7 +92,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
               size: "sm"
             })
           ], 8, Re),
-          k(S, {
+          k(F, {
             label: e.item.saved ? a(r)("media.studio.saved") : a(r)("media.studio.save"),
             variant: "primary",
             size: "md",
@@ -100,7 +100,7 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
             onClick: b[3] || (b[3] = (f) => l("save"))
           }, null, 8, ["label", "disabled"])
         ])) : g.value ? (m(), h("div", Ee, [
-          k(S, {
+          k(F, {
             label: a(r)("media.studio.retry"),
             variant: "tertiary",
             size: "md",
@@ -113,18 +113,18 @@ const ge = { 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))]" }, Ve = /* @__PURE__ */ j({
+}, Me = { class: "grid gap-16 grid-cols-[repeat(auto-fill,minmax(min(240px,100%),1fr))]" }, Ne = /* @__PURE__ */ j({
   __name: "StudioBatch",
   props: {
     batch: {}
   },
   emits: ["regenerate", "preview", "variant", "discard", "save"],
   setup(e, { emit: x }) {
-    const t = e, l = x, { t: r } = L(), v = F(
+    const t = e, l = x, { t: r } = L(), v = S(
       () => t.batch.items.some((n) => n.status === "pending" || n.status === "processing")
-    ), g = F(
+    ), g = S(
       () => !!(t.batch.params.refAssetId || t.batch.params.refTmpToken)
-    ), w = F(() => {
+    ), w = S(() => {
       const n = {
         style: r(`media.studio.styles.${t.batch.params.style}`),
         ratio: t.batch.params.ratio,
@@ -153,21 +153,21 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
           }, null, 8, ["label"]))
         ]),
         s("div", Me, [
-          (m(!0), h(D, null, V(e.batch.items, (T) => (m(), G(Be, {
+          (m(!0), h(D, null, N(e.batch.items, (T) => (m(), G(Be, {
             key: T.taskId,
             item: T,
             ratio: e.batch.params.ratio,
             "from-ref": g.value,
-            onPreview: (S) => l("preview", T),
-            onVariant: $[1] || ($[1] = (S) => l("variant")),
-            onDiscard: (S) => l("discard", T),
-            onSave: (S) => l("save", T)
+            onPreview: (F) => l("preview", T),
+            onVariant: $[1] || ($[1] = (F) => l("variant")),
+            onDiscard: (F) => l("discard", T),
+            onSave: (F) => l("save", T)
           }, null, 8, ["item", "ratio", "from-ref", "onPreview", "onDiscard", "onSave"]))), 128))
         ])
       ]);
     };
   }
-}), Ne = [
+}), Ve = [
   "none",
   "photo",
   "flatlay",
@@ -175,22 +175,22 @@ const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white
   "warm",
   "illus"
 ], je = ["1x1", "4x3", "3x4", "16x9"], Le = [1, 2, 4];
-function X(e) {
+function J(e) {
   return `/media-v1/businesses/${e}/generations`;
 }
 async function qe(e, x) {
-  const { data: t } = await K().post(X(e), x);
+  const { data: t } = await W().post(J(e), x);
   return t;
 }
 async function Ge(e, x) {
-  const { data: t } = await K().get(
-    `${X(e)}/${x}`
+  const { data: t } = await W().get(
+    `${J(e)}/${x}`
   );
   return t;
 }
 async function He(e, x) {
-  const { data: t } = await K().post(
-    `${X(e)}/ref-upload-intent`,
+  const { data: t } = await W().post(
+    `${J(e)}/ref-upload-intent`,
     x
   );
   return t;
@@ -204,7 +204,7 @@ async function Ye(e, x) {
   if (!t.ok)
     throw new Error(`reference upload failed: ${t.status} ${await t.text()}`);
 }
-const Je = { 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" }, Ke = { class: "flex flex-col gap-8" }, Xe = { class: "flex items-baseline gap-8" }, We = { class: "text-sm font-semibold" }, Qe = { 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 = {
+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" }, 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({
@@ -229,7 +229,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
       banner: "campaign",
       social: "photo_camera",
       menu: "menu_book"
-    }, C = F(
+    }, C = S(
       () => $.map((o) => ({
         key: o,
         icon: b[o],
@@ -237,28 +237,28 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         desc: n(`media.studio.tpl.${o}.desc`),
         prompt: n(`media.studio.tpl.${o}.prompt`)
       }))
-    ), T = F(
+    ), T = S(
       () => {
         var o;
         return (o = C.value.find((y) => y.prompt === l.value)) == null ? void 0 : o.key;
       }
-    ), S = F(() => /\[[^\]]+\]/.test(l.value)), f = F(() => l.value.trim().length > 0 && !t.busy);
+    ), F = S(() => /\[[^\]]+\]/.test(l.value)), f = S(() => l.value.trim().length > 0 && !t.busy);
     function i(o) {
       return o ? _t : $t;
     }
     return (o, y) => {
       const _ = E("FmIcon"), z = E("FmTextarea"), O = E("FmChip"), Y = E("FmButton");
-      return m(), h("div", Je, [
-        s("div", Ke, [
-          s("div", Xe, [
-            s("span", We, u(a(n)("media.studio.templates")), 1),
-            s("span", Qe, u(a(n)("media.studio.templatesHint")), 1)
+      return m(), h("div", Ke, [
+        s("div", We, [
+          s("div", Je, [
+            s("span", Qe, u(a(n)("media.studio.templates")), 1),
+            s("span", Xe, u(a(n)("media.studio.templatesHint")), 1)
           ]),
           s("div", Ze, [
-            (m(!0), h(D, null, V(C.value, (d) => (m(), h("button", {
+            (m(!0), h(D, null, N(C.value, (d) => (m(), h("button", {
               key: d.key,
               type: "button",
-              class: N(["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, [
@@ -281,7 +281,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             "max-length": 500,
             "show-word-count": ""
           }, null, 8, ["modelValue", "label", "placeholder"]),
-          S.value ? (m(), h("div", nt, [
+          F.value ? (m(), h("div", nt, [
             k(_, {
               name: "info",
               size: "sm"
@@ -293,7 +293,7 @@ const Je = { 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, V(a(Ne), (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 Je = { 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, V(a(je), (d) => (m(), h("button", {
+            (m(!0), h(D, null, N(a(je), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: N(["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),
@@ -320,10 +320,10 @@ const Je = { 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", gt, [
-            (m(!0), h(D, null, V(a(Le), (d) => (m(), h("button", {
+            (m(!0), h(D, null, N(a(Le), (d) => (m(), h("button", {
               key: d,
               type: "button",
-              class: N(["flex-1 h-40 rounded-lg border text-sm font-semibold", i(g.value === d)]),
+              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))
           ])
@@ -345,7 +345,7 @@ const Je = { 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" }, St = { class: "flex items-start justify-between gap-8" }, Ft = { 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({
+}, 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: {},
@@ -374,8 +374,8 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               }, null, 8, Tt)
             ]),
             s("div", Ct, [
-              s("div", St, [
-                s("span", Ft, u(a(r)("media.studio.preview")), 1),
+              s("div", Ft, [
+                s("span", St, u(a(r)("media.studio.preview")), 1),
                 s("button", {
                   type: "button",
                   class: "w-32 h-32 rounded-lg bg-fm-color-neutral-gray-100 flex items-center justify-center flex-shrink-0",
@@ -414,13 +414,13 @@ const Je = { 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"], Vt = { class: "flex-1 text-xs truncate" }, Nt = { class: "flex gap-8" }, jt = { 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" }, Jt = { class: "text-xs text-fm-color-typo-secondary" }, Kt = /* @__PURE__ */ j({
+}, 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,7 +431,7 @@ const Je = { 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(), g = B(!1), w = B(!1), n = B(""), $ = B(null), b = B(null), C = F(() => 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) {
       g.value = !1, n.value = "", $.value = { url: i.url, label: i.asset.fileName }, r("change", {
         refAssetId: i.asset.id,
@@ -440,7 +440,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
         label: i.asset.fileName
       });
     }
-    async function S(i) {
+    async function F(i) {
       var y;
       const o = (y = i.target.files) == null ? void 0 : y[0];
       if (o) {
@@ -475,7 +475,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             class: "w-48 h-48 rounded object-cover",
             alt: ""
           }, null, 8, Mt)) : U("", !0),
-          s("span", Vt, u($.value.label), 1),
+          s("span", Nt, u($.value.label), 1),
           k(y, {
             label: a(v)("media.studio.refClear"),
             variant: "tertiary",
@@ -483,7 +483,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
             onClick: f
           }, null, 8, ["label"])
         ])) : (m(), h(D, { key: 1 }, [
-          s("div", Nt, [
+          s("div", Vt, [
             k(y, {
               label: a(v)("media.studio.refPick"),
               variant: "tertiary",
@@ -508,7 +508,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               type: "file",
               accept: "image/jpeg,image/png,image/webp",
               class: "hidden",
-              onChange: S
+              onChange: F
             }, null, 544)
           ]),
           s("span", jt, u(a(v)("media.studio.refUploadHint")), 1)
@@ -535,7 +535,7 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
               { number: !0 }
             ]
           ]),
-          s("span", Jt, u(C.value), 1)
+          s("span", Kt, u(C.value), 1)
         ])) : U("", !0),
         k(a(pe), {
           open: g.value,
@@ -543,17 +543,18 @@ const Je = { class: "w-[320px] max-h-screen overflow-auto flex flex-col gap-16 p
           "business-id": e.businessId,
           "restaurant-id": e.restaurantId,
           "allow-upload": !1,
+          kinds: ["image"],
           onSelect: T
         }, null, 8, ["open", "business-id", "restaurant-id"])
       ]);
     };
   }
-}), Xt = "ai", Wt = "ai-generated";
-function Qt(e) {
+}), Jt = "ai", Qt = "ai-generated";
+function Xt(e) {
   return e === "success" || e === "failed";
 }
 function Z(e) {
-  return e.some((x) => !Qt(x.status));
+  return e.some((x) => !Xt(x.status));
 }
 function Zt(e, x) {
   return e.map((t) => {
@@ -576,7 +577,7 @@ function es(e) {
   };
 }
 const ts = 3e3, ss = de("mediaGeneration", () => {
-  const e = B([]), x = F(() => e.value.some((f) => Z(f.items)));
+  const e = B([]), x = S(() => e.value.some((f) => Z(f.items)));
   let t, l = "";
   function r(f, i) {
     const o = e.value.find((y) => y.batchId === f);
@@ -623,14 +624,14 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
   }
   async function b(f, i, o) {
     var _;
-    await ve(f, o.assetId, [Wt]);
+    await ve(f, o.assetId, [Qt]);
     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, [
       {
-        refType: Xt,
+        refType: Jt,
         refId: i.batchId,
         imageId: o.imageId,
         aspectRatios: null
@@ -642,32 +643,32 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
   function T(f) {
     l = f, x.value && v();
   }
-  function S() {
+  function F() {
     t !== void 0 && clearTimeout(t), t = void 0, e.value = [];
   }
-  return { batches: e, busy: x, compose: w, regenerate: n, variantOf: $, save: b, discard: C, resume: T, reset: S };
+  return { batches: e, busy: x, compose: w, regenerate: n, variantOf: $, save: b, discard: C, resume: T, reset: F };
 }), 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__ */ j({
   __name: "AiStudio",
   setup(e) {
-    const x = ue(), { t } = L(), l = me(), r = fe(), v = F(() => {
+    const x = ue(), { t } = L(), l = me(), r = fe(), v = S(() => {
       var p;
       return ((p = x.currentBusiness.value) == null ? void 0 : p.id) ?? "";
-    }), g = F(() => {
+    }), 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"), S = B(2), f = B(55), i = B(null), o = F(() => !!i.value);
+    const b = B(""), C = B("photo"), T = B("1x1"), F = B(2), f = B(55), i = B(null), o = S(() => !!i.value);
     function y() {
       var p, c, R, P;
       return {
         prompt: b.value,
         style: C.value,
         ratio: T.value,
-        count: S.value,
+        count: F.value,
         refAssetId: (p = i.value) == null ? void 0 : p.refAssetId,
         refRatio: (c = i.value) == null ? void 0 : c.refRatio,
         refTmpToken: (R = i.value) == null ? void 0 : R.refTmpToken,
@@ -719,7 +720,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
         l.close();
       });
     }
-    async function W(p) {
+    async function Q(p) {
       try {
         await w.variantOf(v.value, p);
       } catch (c) {
@@ -734,7 +735,7 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
       }
     }
     return (p, c) => {
-      var P, Q;
+      var P, X;
       const R = E("FmIcon");
       return m(), h("div", os, [
         k(kt, {
@@ -744,15 +745,15 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
           "onUpdate:style": c[3] || (c[3] = (I) => C.value = I),
           ratio: T.value,
           "onUpdate:ratio": c[4] || (c[4] = (I) => T.value = I),
-          count: S.value,
-          "onUpdate:count": c[5] || (c[5] = (I) => S.value = I),
+          count: F.value,
+          "onUpdate:count": c[5] || (c[5] = (I) => F.value = I),
           class: "flex-shrink-0",
           busy: a($),
           "has-ref": o.value,
           onGenerate: Y
         }, {
           default: te(() => [
-            k(Kt, {
+            k(Wt, {
               strength: f.value,
               "onUpdate:strength": c[0] || (c[0] = (I) => f.value = I),
               "business-id": v.value,
@@ -771,11 +772,11 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
             s("span", is, u(a(t)("media.studio.emptyTitle")), 1),
             s("span", ls, u(a(t)("media.studio.emptyHint")), 1)
           ])) : U("", !0),
-          (m(!0), h(D, null, V(a(n), (I) => (m(), G(Ve, {
+          (m(!0), h(D, null, N(a(n), (I) => (m(), G(Ne, {
             key: I.batchId,
             batch: I,
             onRegenerate: (A) => oe(I),
-            onVariant: (A) => W(I),
+            onVariant: (A) => Q(I),
             onPreview: (A) => d.value = { batch: I, item: A },
             onDiscard: (A) => se(I, A),
             onSave: (A) => M(I, A)
@@ -783,10 +784,10 @@ const ts = 3e3, ss = de("mediaGeneration", () => {
         ]),
         k(zt, {
           item: ((P = d.value) == null ? void 0 : P.item) ?? null,
-          prompt: ((Q = d.value) == null ? void 0 : Q.batch.params.prompt) ?? "",
+          prompt: ((X = d.value) == null ? void 0 : X.batch.params.prompt) ?? "",
           onClose: c[6] || (c[6] = (I) => d.value = null),
           onSave: c[7] || (c[7] = (I) => d.value && M(d.value.batch, d.value.item)),
-          onVariant: c[8] || (c[8] = (I) => d.value && W(d.value.batch))
+          onVariant: c[8] || (c[8] = (I) => d.value && Q(d.value.batch))
         }, null, 8, ["item", "prompt"])
       ]);
     };