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

package/dist/{HomeView-d07b5af4.js → HomeView-d389ba41.js}

@@ -1,30 +1,30 @@
-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 { 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-f6eb64de.js";
 import "pinia";
 import "@feedmepos/mf-common";
 import "vue-router";
-const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__brand" }, S = ["src"], M = { class: "home__card" }, H = {
+const T = { class: "home" }, D = { class: "home__hero" }, I = { class: "home__brand" }, S = { class: "home__card" }, M = {
   key: 0,
   class: "home__autofill"
-}, Q = { class: "home__autofill-price" }, O = {
+}, H = { class: "home__autofill-price" }, Q = {
   key: 1,
   class: "home__autofill"
-}, P = { class: "home__autofill-value" }, V = {
+}, O = { class: "home__autofill-value" }, V = {
   key: 2,
   class: "home__autofill"
-}, j = { class: "home__autofill-value" }, F = {
+}, P = { class: "home__autofill-value" }, j = {
   key: 3,
   class: "home__debug"
-}, 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({
+}, 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({
   __name: "HomeView",
-  setup(W) {
-    const s = w(), g = B(), u = a(null), c = a(null), d = a(null), n = a(null), r = a(null);
+  setup(Y) {
+    const s = w(), g = B(), d = n(null), u = n(null), c = n(null), a = n(null), m = n(null);
     _("apply-pricing", (o) => {
-      u.value = o, n.value = "apply-pricing", r.value = o;
+      d.value = o, a.value = "apply-pricing", m.value = o;
     }), _("apply-description", (o) => {
-      c.value = o, n.value = "apply-description", r.value = o;
+      u.value = o, a.value = "apply-description", m.value = o;
     }), _("apply-image", (o) => {
-      d.value = (o == null ? void 0 : o.mimeType) ?? null, n.value = "apply-image", r.value = o;
+      c.value = (o == null ? void 0 : o.mimeType) ?? null, a.value = "apply-image", m.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: [K]
+        images: [U]
       });
     }
-    function f() {
+    function b() {
       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("img", {
-            src: E(N),
-            alt: "Remy",
+          E(N, {
+            animation: "idle",
+            size: 34,
             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" }, [
-          b("Tip: Type "),
+          f("Tip: Type "),
           e("code", null, "/"),
-          b(" in chat to access commands.")
+          f(" in chat to access commands.")
         ], -1))
       ]),
-      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[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[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: f
+            onClick: b
           }, [...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)
           ])])
         ]),
-        u.value !== null ? (l(), i("div", H, [
+        d.value !== null ? (l(), i("div", M, [
           t[10] || (t[10] = e("p", { class: "home__autofill-label" }, "Applied price event received", -1)),
-          e("p", Q, "RM " + p(u.value.toFixed(2)), 1)
-        ])) : m("", !0),
-        c.value ? (l(), i("div", O, [
+          e("p", H, "RM " + p(d.value.toFixed(2)), 1)
+        ])) : r("", !0),
+        u.value ? (l(), i("div", Q, [
           t[11] || (t[11] = e("p", { class: "home__autofill-label" }, "Applied description event received", -1)),
-          e("p", P, p(c.value), 1)
-        ])) : m("", !0),
-        d.value ? (l(), i("div", V, [
+          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", 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)
+          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)
       ])
     ]));
   }
 });
-const X = /* @__PURE__ */ R(Y, [["__scopeId", "data-v-b271b30b"]]);
+const Z = /* @__PURE__ */ R(K, [["__scopeId", "data-v-ff1df845"]]);
 export {
-  X as default
+  Z as default
 };

package/dist/RemyButton-24e20953.js

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