@feedmepos/mf-remy-panel 0.0.11 → 0.1.0

package/dist/HomeView-14332be4.js

@@ -0,0 +1,112 @@
+import { defineComponent as f, ref as y, computed as c, openBlock as a, createElementBlock as s, createStaticVNode as h, createElementVNode as t, Fragment as i, renderList as m, toDisplayString as l, createCommentVNode as x } from "vue";
+import { u as _, a as k, _ as w } from "./app-25c9e531.js";
+import "@feedmepos/mf-common";
+import "pinia";
+import "vue-router";
+const C = { class: "flex flex-col gap-12 p-8 max-w-[1200px] mx-auto md:gap-8 md:p-4" }, S = { class: "flex flex-col gap-6" }, R = {
+  key: 0,
+  class: "grid grid-cols-[repeat(auto-fit,minmax(280px,1fr))] gap-6 mt-4 md:grid-cols-1"
+}, V = ["onClick"], j = { class: "text-lg font-semibold mb-2 text-[var(--color-text)]" }, N = { class: "bg-[var(--color-background)] px-1.5 py-0.5 rounded font-mono text-[0.875em] text-[var(--color-primary)]" }, A = { class: "text-[15px] text-[var(--color-text-secondary)] leading-6 m-0" }, O = {
+  key: 1,
+  class: "px-6 py-4 bg-[var(--color-background-soft)] rounded-lg border border-[var(--color-border)] text-[var(--color-text-secondary)]"
+}, $ = {
+  key: 0,
+  class: "flex flex-col gap-4 px-6 py-6 bg-[var(--color-background-soft)] rounded-lg border border-[var(--color-border)]"
+}, E = { class: "flex items-center justify-between" }, H = { class: "overflow-x-auto" }, W = { class: "w-full border-collapse" }, z = { class: "px-4 py-3 text-[var(--color-text)] font-mono text-sm align-top" }, B = { class: "px-4 py-3 text-[var(--color-text)]" }, F = {
+  key: 0,
+  class: "break-words"
+}, I = {
+  key: 1,
+  class: "bg-[var(--color-background)] p-3 rounded text-xs font-mono overflow-x-auto max-w-full"
+}, L = {
+  key: 2,
+  class: "flex flex-col gap-2"
+}, T = ["src"], D = { class: "text-xs" }, G = { class: "mt-2 bg-[var(--color-background)] p-2 rounded font-mono overflow-x-auto max-h-32" }, J = /* @__PURE__ */ f({
+  __name: "HomeView",
+  setup(K) {
+    const p = _(), v = k(), n = y(null), d = c(() => {
+      const o = v.participants.get("remy");
+      return (o == null ? void 0 : o.commands) || [];
+    });
+    function u(o) {
+      return o == null ? { type: "text", content: String(o) } : typeof o == "string" && (o.startsWith("data:image/") || o.match(/^[A-Za-z0-9+/=]{100,}$/)) ? { type: "image", content: o } : typeof o == "object" ? { type: "json", content: JSON.stringify(o, null, 2) } : { type: "text", content: String(o) };
+    }
+    const g = c(() => n.value ? Object.entries(n.value).map(([o, e]) => ({
+      key: o,
+      ...u(e)
+    })) : []);
+    function b(o) {
+      p.activate({
+        command: o,
+        context: { itemName: "Nasi Lemak" },
+        onResult: (e) => {
+          console.log("Command", o, "result:", e), n.value = e;
+        }
+      });
+    }
+    return (o, e) => (a(), s("div", C, [
+      e[7] || (e[7] = h('<div class="text-center px-8 py-12 bg-gradient-to-br from-[var(--color-background-soft)] to-[var(--color-background-mute)] rounded-xl md:px-4 md:py-8" data-v-e231fae7><h1 class="text-[2.5rem] font-bold mb-4 text-[var(--color-text)] md:text-[2rem]" data-v-e231fae7>Welcome to Remy Panel</h1><p class="text-xl text-[var(--color-text-secondary)] m-0 md:text-lg" data-v-e231fae7>Your AI-powered assistant for development</p></div><div class="flex flex-col gap-4 p-6 bg-blue-200 rounded-lg border-[var(--color-primary)]" data-v-e231fae7><h2 class="text-[1.75rem] font-semibold m-0 text-[var(--color-text)]" data-v-e231fae7>Getting Started</h2><ol class="m-0 pl-6 flex flex-col gap-3" data-v-e231fae7><li class="text-[var(--color-text)] leading-6" data-v-e231fae7>Click the <strong class="text-[var(--color-primary)] font-semibold" data-v-e231fae7>Remy icon</strong> in the top navigation bar to open the chat panel</li><li class="text-[var(--color-text)] leading-6" data-v-e231fae7>On desktop, the panel appears on the right side with <strong class="text-[var(--color-primary)] font-semibold" data-v-e231fae7>adjustable width</strong></li><li class="text-[var(--color-text)] leading-6" data-v-e231fae7>On mobile/tablet, the panel opens in <strong class="text-[var(--color-primary)] font-semibold" data-v-e231fae7>full-screen mode</strong></li><li class="text-[var(--color-text)] leading-6" data-v-e231fae7>Use the <strong class="text-[var(--color-primary)] font-semibold" data-v-e231fae7>close button (✕)</strong> to hide the panel when done</li><li class="text-[var(--color-text)] leading-6" data-v-e231fae7>Try typing <code class="bg-[var(--color-background)] px-1.5 py-0.5 rounded font-mono text-[0.875em] text-[var(--color-primary)]" data-v-e231fae7>/</code> in the chat input to see available commands</li></ol></div>', 2)),
+      t("div", S, [
+        e[2] || (e[2] = t("h2", { class: "text-[1.75rem] font-semibold m-0 text-[var(--color-text)]" }, "Remy Commands", -1)),
+        e[3] || (e[3] = t("p", { class: "text-[var(--color-text-secondary)] leading-6 m-0" }, " Available slash commands from the Remy agent: ", -1)),
+        d.value.length > 0 ? (a(), s("div", R, [
+          (a(!0), s(i, null, m(d.value, (r) => (a(), s("div", {
+            key: r.name,
+            onClick: (U) => b(r.name),
+            class: "px-6 py-6 bg-[var(--color-background-soft)] rounded-lg border border-[var(--color-border)] transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)] hover:border-[var(--color-primary)] cursor-pointer"
+          }, [
+            e[1] || (e[1] = t("div", { class: "text-[2rem] mb-3" }, "⚡", -1)),
+            t("h3", j, [
+              t("code", N, "/" + l(r.name), 1)
+            ]),
+            t("p", A, l(r.description), 1)
+          ], 8, V))), 128))
+        ])) : (a(), s("div", O, " No commands available. The Remy agent may not be initialized yet. "))
+      ]),
+      n.value ? (a(), s("div", $, [
+        t("div", E, [
+          e[4] || (e[4] = t("h2", { class: "text-[1.5rem] font-semibold m-0 text-[var(--color-text)]" }, "Agent Result", -1)),
+          t("button", {
+            onClick: e[0] || (e[0] = (r) => n.value = null),
+            class: "px-3 py-1 text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text)] transition-colors"
+          }, " Clear ")
+        ]),
+        t("div", H, [
+          t("table", W, [
+            e[6] || (e[6] = t("thead", null, [
+              t("tr", { class: "border-b border-[var(--color-border)]" }, [
+                t("th", { class: "text-left px-4 py-3 text-[var(--color-text)] font-semibold bg-[var(--color-background-mute)]" }, "Key"),
+                t("th", { class: "text-left px-4 py-3 text-[var(--color-text)] font-semibold bg-[var(--color-background-mute)]" }, "Value")
+              ])
+            ], -1)),
+            t("tbody", null, [
+              (a(!0), s(i, null, m(g.value, (r) => (a(), s("tr", {
+                key: r.key,
+                class: "border-b border-[var(--color-border)] hover:bg-[var(--color-background-mute)] transition-colors"
+              }, [
+                t("td", z, l(r.key), 1),
+                t("td", B, [
+                  r.type === "text" ? (a(), s("span", F, l(r.content), 1)) : r.type === "json" ? (a(), s("pre", I, l(r.content), 1)) : r.type === "image" ? (a(), s("div", L, [
+                    t("img", {
+                      src: r.content.startsWith("data:") ? r.content : `data:image/png;base64,${r.content}`,
+                      alt: "Result image",
+                      class: "max-w-md max-h-96 rounded border border-[var(--color-border)] object-contain"
+                    }, null, 8, T),
+                    t("details", D, [
+                      e[5] || (e[5] = t("summary", { class: "cursor-pointer text-[var(--color-text-secondary)] hover:text-[var(--color-text)]" }, "Show base64", -1)),
+                      t("pre", G, l(r.content), 1)
+                    ])
+                  ])) : x("", !0)
+                ])
+              ]))), 128))
+            ])
+          ])
+        ])
+      ])) : x("", !0)
+    ]));
+  }
+});
+const Q = /* @__PURE__ */ w(J, [["__scopeId", "data-v-e231fae7"]]);
+export {
+  Q as default
+};

package/dist/{RemyButton.vue_vue_type_script_setup_true_lang-ba2fd88f.js → RemyButton-d8ee807d.js}

@@ -1,5 +1,8 @@
 import { openBlock as t, createElementBlock as n, createElementVNode as o, defineComponent as a, computed as c, normalizeClass as p, createBlock as i, unref as l, createCommentVNode as h } from "vue";
-import { u as k } from "./app-5daba510.js";
+import { u as k } from "./app-25c9e531.js";
+import "@feedmepos/mf-common";
+import "pinia";
+import "vue-router";
 const g = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
@@ -21,14 +24,14 @@ function w(s, e) {
     }, null, -1)
   ])]);
 }
-const y = { render: w }, _ = {
+const f = { render: w }, y = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   fill: "none"
 };
-function f(s, e) {
-  return t(), n("svg", _, [...e[0] || (e[0] = [
+function _(s, e) {
+  return t(), n("svg", y, [...e[0] || (e[0] = [
     o("g", {
       stroke: "#1C1C1E",
       "stroke-linecap": "round",
@@ -39,24 +42,24 @@ function f(s, e) {
     ], -1)
   ])]);
 }
-const v = { render: f }, B = /* @__PURE__ */ a({
+const v = { render: _ }, j = /* @__PURE__ */ a({
   __name: "RemyButton",
   emits: ["click"],
   setup(s, { emit: e }) {
-    const C = e, r = k(), m = c(() => r.showRemy), u = c(() => r.dialogShowing);
+    const m = e, r = k(), C = c(() => r.showRemy), u = c(() => r.dialogShowing);
     function d() {
-      C("click");
+      m("click");
     }
-    return (x, M) => m.value ? (t(), n("button", {
+    return (x, M) => C.value ? (t(), n("button", {
       key: 0,
       class: p(["bg-fm-color-neutral-gray-100 rounded-lg p-[6px]"]),
       type: "button",
       onClick: d
     }, [
-      u.value ? (t(), i(l(v), { key: 0 })) : (t(), i(l(y), { key: 1 }))
+      u.value ? (t(), i(l(v), { key: 0 })) : (t(), i(l(f), { key: 1 }))
     ])) : h("", !0);
   }
 });
 export {
-  B as _
+  j as default
 };