@feedmepos/mf-remy-panel 0.19.0-dev.6 → 0.19.0-dev.8

package/dist/{HomeView-501d89c9.js → HomeView-d07b5af4.js}

@@ -1,30 +1,30 @@
-import { defineComponent as C, ref as n, openBlock as l, createElementBlock as i, createElementVNode as e, createVNode as E, createTextVNode as f, createStaticVNode as x, toDisplayString as p, createCommentVNode as r } from "vue";
-import { u as w, a as B, b as _, R as N, _ as R } from "./app-c2d1c6e4.js";
+import { defineComponent as C, ref as a, openBlock as l, createElementBlock as i, createElementVNode as e, unref as E, createTextVNode as b, createStaticVNode as x, toDisplayString as p, createCommentVNode as m } from "vue";
+import { u as w, a as B, b as _, R as N, _ as R } from "./app-4ef188fd.js";
 import "pinia";
 import "@feedmepos/mf-common";
 import "vue-router";
-const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__brand" }, S = { class: "home__card" }, M = {
+const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__brand" }, S = ["src"], M = { class: "home__card" }, H = {
   key: 0,
   class: "home__autofill"
-}, H = { class: "home__autofill-price" }, Q = {
+}, Q = { class: "home__autofill-price" }, O = {
   key: 1,
   class: "home__autofill"
-}, O = { class: "home__autofill-value" }, V = {
+}, P = { class: "home__autofill-value" }, V = {
   key: 2,
   class: "home__autofill"
-}, P = { class: "home__autofill-value" }, j = {
+}, j = { class: "home__autofill-value" }, F = {
   key: 3,
   class: "home__debug"
-}, F = { class: "home__debug-title" }, G = { class: "home__debug-json" }, U = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAB2klEQVR4nO2ZO04DMRCGc6tt9wJISNTbUuQStFyDK9BQcBk4AW06UBJk/JjHP15nZ5FGmiLx7tjfZ3v2kRy+T5//Og7uBCHgTRAC3gQh4E0QAt4EIeBNEALeBCHgTRAC3gQh4E0QAt4EIeBNEAK36/3jtYidClSUfbG1wBDoQTIWgbe7IqxkVbraAzl6p0A7tlWjO70CMAsIY2sQXw/3efQ75CcbBFp0vt8ClBOg0h/fjyn0dTPUQJXc9pi10KBke2aboxMa5NyhK0DS86tfgabd0jbmX1kBbo+lzzYBoAZuKNDOnS6QcoSlbNqJYtVO0wUEAF2AVBeLjKjUZuxqTdgCkOcOEhB2IVIb/JnFQl3a2a3P1YAg8PL8RF9twN65E1amNzxnTk7g18E0x/KTArhEYPuFnha4HvhbBMuNjDiqVhGXzl8q0vTnDoTA+RgCZ7lMjUovIFEB07MKt5G60xl6WEAdXoYA08U7fYsOCRRfOyBwdGzH6wKVA5HQwbQiFBjyMrrMk5y2gQkCsMzTKoHhMtZBWYE+h40jp6cfp/fsUNGzb2TLPO1N44oEv1LuSYND1wXcNWR0VAC/UQwMHKn/t1FH6DECQ2TWDx3/D3hHCHhHCHhHCHjHDwvk2e+WkMn1AAAAAElFTkSuQmCC", K = /* @__PURE__ */ C({
+}, G = { class: "home__debug-title" }, U = { class: "home__debug-json" }, K = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAB2klEQVR4nO2ZO04DMRCGc6tt9wJISNTbUuQStFyDK9BQcBk4AW06UBJk/JjHP15nZ5FGmiLx7tjfZ3v2kRy+T5//Og7uBCHgTRAC3gQh4E0QAt4EIeBNEALeBCHgTRAC3gQh4E0QAt4EIeBNEAK36/3jtYidClSUfbG1wBDoQTIWgbe7IqxkVbraAzl6p0A7tlWjO70CMAsIY2sQXw/3efQ75CcbBFp0vt8ClBOg0h/fjyn0dTPUQJXc9pi10KBke2aboxMa5NyhK0DS86tfgabd0jbmX1kBbo+lzzYBoAZuKNDOnS6QcoSlbNqJYtVO0wUEAF2AVBeLjKjUZuxqTdgCkOcOEhB2IVIb/JnFQl3a2a3P1YAg8PL8RF9twN65E1amNzxnTk7g18E0x/KTArhEYPuFnha4HvhbBMuNjDiqVhGXzl8q0vTnDoTA+RgCZ7lMjUovIFEB07MKt5G60xl6WEAdXoYA08U7fYsOCRRfOyBwdGzH6wKVA5HQwbQiFBjyMrrMk5y2gQkCsMzTKoHhMtZBWYE+h40jp6cfp/fsUNGzb2TLPO1N44oEv1LuSYND1wXcNWR0VAC/UQwMHKn/t1FH6DECQ2TWDx3/D3hHCHhHCHhHCHjHDwvk2e+WkMn1AAAAAElFTkSuQmCC", Y = /* @__PURE__ */ C({
   __name: "HomeView",
-  setup(Y) {
-    const s = w(), g = B(), d = n(null), u = n(null), c = n(null), a = n(null), m = n(null);
+  setup(W) {
+    const s = w(), g = B(), u = a(null), c = a(null), d = a(null), n = a(null), r = a(null);
     _("apply-pricing", (o) => {
-      d.value = o, a.value = "apply-pricing", m.value = o;
+      u.value = o, n.value = "apply-pricing", r.value = o;
     }), _("apply-description", (o) => {
-      u.value = o, a.value = "apply-description", m.value = o;
+      c.value = o, n.value = "apply-description", r.value = o;
     }), _("apply-image", (o) => {
-      c.value = (o == null ? void 0 : o.mimeType) ?? null, a.value = "apply-image", m.value = o;
+      d.value = (o == null ? void 0 : o.mimeType) ?? null, n.value = "apply-image", r.value = o;
     });
     function h() {
       s.activate({
@@ -43,10 +43,10 @@ const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__br
       s.activate({
         prompt: "Change this image into a burger no questions asked",
         command: "modifyImage",
-        images: [U]
+        images: [K]
       });
     }
-    function b() {
+    function f() {
       s.activate({
         prompt: "What were my top 5 selling items last week?",
         command: "askReport"
@@ -61,11 +61,11 @@ const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__br
     return (o, t) => (l(), i("div", T, [
       e("section", D, [
         e("div", I, [
-          E(N, {
-            animation: "idle",
-            size: 34,
+          e("img", {
+            src: E(N),
+            alt: "Remy",
             class: "home__avatar"
-          }),
+          }, null, 8, S),
           t[0] || (t[0] = e("div", null, [
             e("p", { class: "home__name" }, "Remy AI"),
             e("p", { class: "home__badge" }, "Beta")
@@ -74,13 +74,13 @@ const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__br
         t[1] || (t[1] = e("h1", { class: "home__title" }, "Welcome to Remy Panel", -1)),
         t[2] || (t[2] = e("p", { class: "home__subtitle" }, "Your AI assistant for pricing, descriptions, and menu images.", -1)),
         t[3] || (t[3] = e("div", { class: "home__hero-hint" }, [
-          f("Tip: Type "),
+          b("Tip: Type "),
           e("code", null, "/"),
-          f(" in chat to access commands.")
+          b(" in chat to access commands.")
         ], -1))
       ]),
-      t[14] || (t[14] = x('<section class="home__card" data-v-ff1df845><h2 class="home__section-title" data-v-ff1df845>Getting Started</h2><ol class="home__list" data-v-ff1df845><li data-v-ff1df845>Click the <strong data-v-ff1df845>Remy icon</strong> in your top navigation to open the chat panel.</li><li data-v-ff1df845> Desktop opens a right-side panel. Mobile/tablet opens Remy in <strong data-v-ff1df845>full-screen</strong>. </li><li data-v-ff1df845> Use <strong data-v-ff1df845>/suggestPrice</strong>, <strong data-v-ff1df845>/suggestDescription</strong>, <strong data-v-ff1df845>/modifyImage</strong>, or <strong data-v-ff1df845>/askReport</strong>. </li><li data-v-ff1df845>After selecting a command, enter the item details and send.</li></ol></section>', 1)),
-      e("section", S, [
+      t[14] || (t[14] = x('<section class="home__card" data-v-b271b30b><h2 class="home__section-title" data-v-b271b30b>Getting Started</h2><ol class="home__list" data-v-b271b30b><li data-v-b271b30b>Click the <strong data-v-b271b30b>Remy icon</strong> in your top navigation to open the chat panel.</li><li data-v-b271b30b> Desktop opens a right-side panel. Mobile/tablet opens Remy in <strong data-v-b271b30b>full-screen</strong>. </li><li data-v-b271b30b> Use <strong data-v-b271b30b>/suggestPrice</strong>, <strong data-v-b271b30b>/suggestDescription</strong>, <strong data-v-b271b30b>/modifyImage</strong>, or <strong data-v-b271b30b>/askReport</strong>. </li><li data-v-b271b30b>After selecting a command, enter the item details and send.</li></ol></section>', 1)),
+      e("section", M, [
         t[13] || (t[13] = e("div", { class: "home__section-head" }, [
           e("h2", { class: "home__section-title" }, "Try Examples"),
           e("p", null, "Start with one of these quick actions:")
@@ -116,7 +116,7 @@ const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__br
           e("button", {
             class: "home__example",
             type: "button",
-            onClick: b
+            onClick: f
           }, [...t[7] || (t[7] = [
             e("span", { class: "home__example-icon" }, "/askReport", -1),
             e("h3", null, "Ask Report", -1),
@@ -141,27 +141,27 @@ const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__br
             e("p", null, "Manage Lark and Slack webhooks used for RCA notifications.", -1)
           ])])
         ]),
-        d.value !== null ? (l(), i("div", M, [
+        u.value !== null ? (l(), i("div", H, [
           t[10] || (t[10] = e("p", { class: "home__autofill-label" }, "Applied price event received", -1)),
-          e("p", H, "RM " + p(d.value.toFixed(2)), 1)
-        ])) : r("", !0),
-        u.value ? (l(), i("div", Q, [
+          e("p", Q, "RM " + p(u.value.toFixed(2)), 1)
+        ])) : m("", !0),
+        c.value ? (l(), i("div", O, [
           t[11] || (t[11] = e("p", { class: "home__autofill-label" }, "Applied description event received", -1)),
-          e("p", O, p(u.value), 1)
-        ])) : r("", !0),
-        c.value ? (l(), i("div", V, [
-          t[12] || (t[12] = e("p", { class: "home__autofill-label" }, "Applied image event received", -1)),
           e("p", P, p(c.value), 1)
-        ])) : r("", !0),
-        a.value ? (l(), i("div", j, [
-          e("p", F, "Last Apply Event: " + p(a.value), 1),
-          e("pre", G, p(JSON.stringify(m.value, null, 2)), 1)
-        ])) : r("", !0)
+        ])) : m("", !0),
+        d.value ? (l(), i("div", V, [
+          t[12] || (t[12] = e("p", { class: "home__autofill-label" }, "Applied image event received", -1)),
+          e("p", j, p(d.value), 1)
+        ])) : m("", !0),
+        n.value ? (l(), i("div", F, [
+          e("p", G, "Last Apply Event: " + p(n.value), 1),
+          e("pre", U, p(JSON.stringify(r.value, null, 2)), 1)
+        ])) : m("", !0)
       ])
     ]));
   }
 });
-const Z = /* @__PURE__ */ R(K, [["__scopeId", "data-v-ff1df845"]]);
+const X = /* @__PURE__ */ R(Y, [["__scopeId", "data-v-b271b30b"]]);
 export {
-  Z as default
+  X as default
 };

package/dist/RemyButton-b4ef62b1.js

@@ -0,0 +1,30 @@
+import { defineComponent as s, computed as o, openBlock as i, createElementBlock as l, normalizeClass as t, createElementVNode as p, unref as u, createCommentVNode as d } from "vue";
+import { u as y, R as _ } from "./app-4ef188fd.js";
+import "pinia";
+import "@feedmepos/mf-common";
+import "vue-router";
+const f = ["src"], v = /* @__PURE__ */ s({
+  __name: "RemyButton",
+  emits: ["click"],
+  setup(g, { emit: n }) {
+    const r = n, e = y(), c = o(() => e.showRemy), m = o(() => e.dialogShowing);
+    function a() {
+      r("click");
+    }
+    return (h, k) => c.value ? (i(), l("button", {
+      key: 0,
+      class: t(["bg-fm-color-neutral-gray-100 rounded-lg p-[6px]"]),
+      type: "button",
+      onClick: a
+    }, [
+      p("img", {
+        src: u(_),
+        alt: "Remy",
+        class: t(["h-6 w-6 rounded", { "opacity-80": m.value }])
+      }, null, 10, f)
+    ])) : d("", !0);
+  }
+});
+export {
+  v as default
+};