@oneclick.dev/cms-core-modules 0.0.122 → 0.0.124

package/dist/Test-CzmOmi53.mjs

@@ -0,0 +1,447 @@
+import { defineComponent as de, ref as d, computed as R, onMounted as ue, resolveComponent as x, openBlock as l, createElementBlock as n, createElementVNode as t, createVNode as s, unref as r, createTextVNode as m, createBlock as v, withCtx as a, toDisplayString as u, Fragment as T, createCommentVNode as p, renderList as M, normalizeClass as Z, withKeys as ee, withModifiers as te, resolveDynamicComponent as ce, nextTick as pe } from "vue";
+import { MessageCircleQuestion as me, AlertCircle as L, RefreshCw as xe, Bot as H, Trash2 as ve, ChevronUp as fe, ChevronDown as ge, UserRound as he, Loader2 as U, Send as ye, Search as se, CheckCircle2 as be, BookOpen as le, ArrowRight as ke, FileText as _e } from "lucide-vue-next";
+import { useModuleBreadcrumbs as we, useModuleRoute as Ce } from "@oneclick.dev/cms-kit";
+import { u as ze, g as j } from "./useHelpbotApi-HC9JSiSn.mjs";
+const Te = { class: "mx-auto flex w-full max-w-7xl flex-col gap-6 py-6 @3xl:py-8" }, Se = { class: "max-w-2xl" }, qe = { class: "mb-2 flex items-center gap-2 text-sm font-medium text-primary" }, Ve = {
+  key: 0,
+  class: "grid gap-4 @4xl:grid-cols-[minmax(0,1.45fr)_minmax(320px,0.75fr)]"
+}, Ae = { class: "grid size-12 place-items-center rounded-xl bg-destructive/10 text-destructive" }, Be = { class: "mt-1 max-w-md text-sm leading-6 text-muted-foreground" }, Ee = { class: "grid size-12 place-items-center rounded-xl bg-muted text-muted-foreground" }, Me = {
+  key: 0,
+  class: "flex items-start gap-3 rounded-xl border border-amber-500/30 bg-amber-500/5 px-4 py-3 text-sm",
+  role: "alert"
+}, Le = { class: "grid min-w-0 gap-4 @4xl:grid-cols-[minmax(0,1.45fr)_minmax(320px,0.75fr)]" }, He = { class: "min-w-0" }, Ke = {
+  key: 0,
+  class: "m-auto flex max-w-md flex-col items-center px-4 py-12 text-center"
+}, Ne = { class: "grid size-12 place-items-center rounded-2xl bg-primary/10 text-primary" }, $e = {
+  key: 0,
+  class: "grid size-7 shrink-0 place-items-center rounded-full bg-primary/10 text-primary"
+}, De = { class: "whitespace-pre-wrap" }, Pe = {
+  key: 0,
+  class: "mt-3 border-t border-border/60 pt-2"
+}, Re = ["onClick"], Ue = {
+  key: 0,
+  class: "mt-2 space-y-2"
+}, je = { class: "text-xs font-medium" }, Fe = {
+  key: 0,
+  class: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground"
+}, Ie = {
+  key: 1,
+  class: "grid size-7 shrink-0 place-items-center rounded-full bg-muted text-muted-foreground"
+}, Qe = {
+  key: 1,
+  class: "flex items-end gap-2"
+}, Oe = { class: "grid size-7 shrink-0 place-items-center rounded-full bg-primary/10 text-primary" }, We = { class: "flex items-center gap-2 rounded-2xl rounded-bl-md bg-muted px-4 py-3 text-sm text-muted-foreground" }, Ye = {
+  key: 2,
+  class: "flex items-start gap-2 rounded-lg bg-destructive/10 px-3 py-2 text-sm text-destructive",
+  role: "alert"
+}, Ge = { class: "border-t p-3 @md:p-4" }, Je = { class: "flex items-end gap-2 rounded-xl border bg-background p-2 focus-within:ring-2 focus-within:ring-ring" }, Xe = { class: "flex items-start gap-3" }, Ze = { class: "grid size-9 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary" }, et = { class: "space-y-1.5" }, tt = {
+  key: 0,
+  class: "flex items-start gap-2 rounded-lg bg-destructive/10 px-3 py-2 text-sm text-destructive",
+  role: "alert"
+}, st = {
+  key: 1,
+  class: "space-y-2 pt-1"
+}, lt = {
+  key: 2,
+  class: "space-y-2 pt-1"
+}, ot = { class: "flex items-center gap-2 text-xs font-medium text-emerald-700 dark:text-emerald-300" }, nt = { class: "flex items-center gap-2" }, rt = { class: "min-w-0 truncate text-sm font-medium" }, at = {
+  key: 0,
+  class: "mt-2 line-clamp-3 text-xs leading-5 text-muted-foreground"
+}, it = {
+  key: 3,
+  class: "rounded-lg border-2 border-dashed px-4 py-6 text-center"
+}, xt = /* @__PURE__ */ de({
+  __name: "Test",
+  setup(dt) {
+    we(() => [{ text: "Test helpbot" }]);
+    const { resolvePath: oe } = Ce(), K = ze(), w = d(null), N = d(!0), S = d(""), h = d([]), b = d(""), y = d(!1), C = d(""), q = d(null), V = d(""), f = d(!1), A = d(!1), B = d(""), k = d([]), $ = R(
+      () => w.value?.permissions.canTestHelpbot === !0
+    ), _ = R(
+      () => w.value?.configured !== !1 && w.value?.connected !== !1
+    ), F = R(
+      () => $.value && _.value && !y.value && !!b.value.trim()
+    );
+    async function I() {
+      N.value = !0, S.value = "";
+      try {
+        w.value = await K.getStatus();
+      } catch (c) {
+        w.value = null, S.value = j(
+          c,
+          "The helpbot connection could not be checked."
+        );
+      } finally {
+        N.value = !1;
+      }
+    }
+    function Q() {
+      pe(() => {
+        q.value && (q.value.scrollTop = q.value.scrollHeight);
+      });
+    }
+    async function O() {
+      const c = b.value.trim();
+      if (!c || !F.value) return;
+      const e = h.value.map(({ role: i, content: g }) => ({ role: i, content: g.slice(0, 1e4) })).slice(-20);
+      for (; e.length && c.length + e.reduce((i, g) => i + g.content.length, 0) > 6e4; )
+        e.shift();
+      h.value.push({ role: "user", content: c }), b.value = "", C.value = "", y.value = !0, Q();
+      try {
+        const i = await K.chat(c, e);
+        if (!i.answer) throw new Error("The helpbot returned an empty answer.");
+        h.value.push({
+          role: "assistant",
+          content: i.answer,
+          sources: i.sources,
+          showSources: !1
+        });
+      } catch (i) {
+        C.value = j(
+          i,
+          "The helpbot could not answer this question."
+        );
+      } finally {
+        y.value = !1, Q();
+      }
+    }
+    function ne() {
+      h.value = [], C.value = "", b.value = "";
+    }
+    async function W() {
+      const c = V.value.trim();
+      if (!(!c || f.value || !$.value || !_.value)) {
+        f.value = !0, A.value = !1, B.value = "", k.value = [];
+        try {
+          k.value = await K.query(c), A.value = !0;
+        } catch (e) {
+          B.value = j(
+            e,
+            "The saved knowledge could not be checked."
+          );
+        } finally {
+          f.value = !1;
+        }
+      }
+    }
+    function re(c) {
+      return c.kind === "pdf" ? _e : le;
+    }
+    return ue(I), (c, e) => {
+      const i = x("Skeleton"), g = x("Button"), D = x("CardContent"), E = x("Card"), Y = x("CardTitle"), G = x("CardDescription"), J = x("CardHeader"), X = x("Textarea"), ae = x("NuxtLink");
+      return l(), n("main", Te, [
+        t("header", Se, [
+          t("div", qe, [
+            s(r(me), { class: "size-4" }),
+            e[2] || (e[2] = m(" Private workspace ", -1))
+          ]),
+          e[3] || (e[3] = t("h1", { class: "text-2xl font-semibold tracking-tight @2xl:text-3xl" }, "Test your helpbot", -1)),
+          e[4] || (e[4] = t("p", { class: "mt-2 text-sm leading-6 text-muted-foreground" }, " Ask questions as a visitor and verify that the reply is supported by your saved knowledge. These tests are not visible on your website. ", -1))
+        ]),
+        N.value ? (l(), n("div", Ve, [
+          s(i, { class: "h-[640px] rounded-xl" }),
+          s(i, { class: "h-[520px] rounded-xl" })
+        ])) : S.value ? (l(), v(E, { key: 1 }, {
+          default: a(() => [
+            s(D, { class: "flex flex-col items-center px-6 py-14 text-center" }, {
+              default: a(() => [
+                t("div", Ae, [
+                  s(r(L), { class: "size-6" })
+                ]),
+                e[6] || (e[6] = t("h2", { class: "mt-4 font-semibold" }, "Private test is unavailable", -1)),
+                t("p", Be, u(S.value), 1),
+                s(g, {
+                  variant: "outline",
+                  class: "mt-4",
+                  onClick: I
+                }, {
+                  default: a(() => [
+                    s(r(xe), { class: "mr-2 size-4" }),
+                    e[5] || (e[5] = m(" Try again ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : $.value ? (l(), n(T, { key: 3 }, [
+          _.value ? p("", !0) : (l(), n("div", Me, [
+            s(r(L), { class: "mt-0.5 size-4 shrink-0 text-amber-600 dark:text-amber-400" }),
+            e[9] || (e[9] = t("div", null, [
+              t("p", { class: "font-medium" }, "The helpbot connection needs attention"),
+              t("p", { class: "mt-0.5 text-muted-foreground" }, " Private testing will be available after your agency restores the website helpbot connection. ")
+            ], -1))
+          ])),
+          t("div", Le, [
+            s(E, { class: "flex min-h-[620px] min-w-0 flex-col overflow-hidden" }, {
+              default: a(() => [
+                s(J, { class: "flex-row items-center justify-between gap-4 space-y-0 border-b p-4 @md:p-5" }, {
+                  default: a(() => [
+                    t("div", He, [
+                      s(Y, { class: "text-base" }, {
+                        default: a(() => [...e[10] || (e[10] = [
+                          m("Helpbot preview", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      s(G, { class: "mt-1" }, {
+                        default: a(() => [...e[11] || (e[11] = [
+                          m(" Uses the knowledge currently available to the connected helpbot. ", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    s(g, {
+                      variant: "ghost",
+                      size: "icon",
+                      class: "shrink-0",
+                      disabled: h.value.length === 0 || y.value,
+                      "aria-label": "Clear test conversation",
+                      onClick: ne
+                    }, {
+                      default: a(() => [
+                        s(r(ve), { class: "size-4" })
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                }),
+                t("div", {
+                  ref_key: "chatContainer",
+                  ref: q,
+                  class: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4 @md:p-5",
+                  "aria-live": "polite"
+                }, [
+                  h.value.length === 0 ? (l(), n("div", Ke, [
+                    t("div", Ne, [
+                      s(r(H), { class: "size-6" })
+                    ]),
+                    e[12] || (e[12] = t("h2", { class: "mt-4 font-semibold" }, "Ask a real visitor question", -1)),
+                    e[13] || (e[13] = t("p", { class: "mt-1 text-sm leading-6 text-muted-foreground" }, " Try an important question about your services, policies, opening hours, or products. ", -1))
+                  ])) : p("", !0),
+                  (l(!0), n(T, null, M(h.value, (o, P) => (l(), n("div", {
+                    key: `${o.role}-${P}`,
+                    class: Z(["flex items-end gap-2", o.role === "user" ? "justify-end" : "justify-start"])
+                  }, [
+                    o.role === "assistant" ? (l(), n("div", $e, [
+                      s(r(H), { class: "size-3.5" })
+                    ])) : p("", !0),
+                    t("div", {
+                      class: Z([
+                        "max-w-[86%] rounded-2xl px-4 py-3 text-sm leading-6",
+                        o.role === "user" ? "rounded-br-md bg-primary text-primary-foreground" : "rounded-bl-md bg-muted"
+                      ])
+                    }, [
+                      t("p", De, u(o.content), 1),
+                      o.role === "assistant" && o.sources?.length ? (l(), n("div", Pe, [
+                        t("button", {
+                          type: "button",
+                          class: "flex w-full items-center gap-1.5 text-left text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
+                          onClick: (z) => o.showSources = !o.showSources
+                        }, [
+                          o.showSources ? (l(), v(r(fe), {
+                            key: 0,
+                            class: "size-3.5"
+                          })) : (l(), v(r(ge), {
+                            key: 1,
+                            class: "size-3.5"
+                          })),
+                          m(" " + u(o.sources.length) + " supporting source" + u(o.sources.length === 1 ? "" : "s"), 1)
+                        ], 8, Re),
+                        o.showSources ? (l(), n("div", Ue, [
+                          (l(!0), n(T, null, M(o.sources, (z, ie) => (l(), n("div", {
+                            key: `${z.title}-${ie}`,
+                            class: "rounded-lg border bg-background/70 p-2.5"
+                          }, [
+                            t("p", je, u(z.title), 1),
+                            z.excerpt ? (l(), n("p", Fe, u(z.excerpt), 1)) : p("", !0)
+                          ]))), 128))
+                        ])) : p("", !0)
+                      ])) : p("", !0)
+                    ], 2),
+                    o.role === "user" ? (l(), n("div", Ie, [
+                      s(r(he), { class: "size-3.5" })
+                    ])) : p("", !0)
+                  ], 2))), 128)),
+                  y.value ? (l(), n("div", Qe, [
+                    t("div", Oe, [
+                      s(r(H), { class: "size-3.5" })
+                    ]),
+                    t("div", We, [
+                      s(r(U), { class: "size-4 animate-spin" }),
+                      e[14] || (e[14] = m(" Preparing an answer… ", -1))
+                    ])
+                  ])) : p("", !0),
+                  C.value ? (l(), n("div", Ye, [
+                    s(r(L), { class: "mt-0.5 size-4 shrink-0" }),
+                    t("span", null, u(C.value), 1)
+                  ])) : p("", !0)
+                ], 512),
+                t("div", Ge, [
+                  t("div", Je, [
+                    s(X, {
+                      modelValue: b.value,
+                      "onUpdate:modelValue": e[0] || (e[0] = (o) => b.value = o),
+                      rows: "2",
+                      class: "min-h-[44px] flex-1 resize-none border-0 bg-transparent px-2 py-2 shadow-none focus-visible:ring-0",
+                      placeholder: "Ask a question a visitor might type…",
+                      disabled: y.value || !_.value,
+                      maxlength: "10000",
+                      onKeydown: ee(te(O, ["exact", "prevent"]), ["enter"])
+                    }, null, 8, ["modelValue", "disabled", "onKeydown"]),
+                    s(g, {
+                      size: "icon",
+                      class: "shrink-0",
+                      disabled: !F.value,
+                      "aria-label": "Send test question",
+                      onClick: O
+                    }, {
+                      default: a(() => [
+                        y.value ? (l(), v(r(U), {
+                          key: 0,
+                          class: "size-4 animate-spin"
+                        })) : (l(), v(r(ye), {
+                          key: 1,
+                          class: "size-4"
+                        }))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  e[15] || (e[15] = t("p", { class: "mt-2 px-1 text-xs text-muted-foreground" }, " Press Enter to send · Shift + Enter for a new line ", -1))
+                ])
+              ]),
+              _: 1
+            }),
+            s(E, { class: "h-fit min-w-0" }, {
+              default: a(() => [
+                s(J, { class: "p-5" }, {
+                  default: a(() => [
+                    t("div", Xe, [
+                      t("div", Ze, [
+                        s(r(se), { class: "size-4" })
+                      ]),
+                      t("div", null, [
+                        s(Y, { class: "text-base" }, {
+                          default: a(() => [...e[16] || (e[16] = [
+                            m("Knowledge check", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        s(G, { class: "mt-1 leading-5" }, {
+                          default: a(() => [...e[17] || (e[17] = [
+                            m(" See which saved sources can support a question before reviewing the full reply. ", -1)
+                          ])]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                s(D, { class: "space-y-4 px-5 pb-5" }, {
+                  default: a(() => [
+                    t("div", et, [
+                      e[18] || (e[18] = t("label", {
+                        for: "helpbot-knowledge-question",
+                        class: "text-sm font-medium"
+                      }, " Visitor question ", -1)),
+                      s(X, {
+                        id: "helpbot-knowledge-question",
+                        modelValue: V.value,
+                        "onUpdate:modelValue": e[1] || (e[1] = (o) => V.value = o),
+                        rows: "4",
+                        placeholder: "What information should the helpbot find?",
+                        disabled: f.value || !_.value,
+                        maxlength: "2000",
+                        onKeydown: ee(te(W, ["exact", "prevent"]), ["enter"])
+                      }, null, 8, ["modelValue", "disabled", "onKeydown"])
+                    ]),
+                    s(g, {
+                      class: "w-full",
+                      variant: "outline",
+                      disabled: f.value || !V.value.trim() || !_.value,
+                      onClick: W
+                    }, {
+                      default: a(() => [
+                        f.value ? (l(), v(r(U), {
+                          key: 0,
+                          class: "mr-2 size-4 animate-spin"
+                        })) : (l(), v(r(se), {
+                          key: 1,
+                          class: "mr-2 size-4"
+                        })),
+                        m(" " + u(f.value ? "Checking…" : "Check saved knowledge"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    B.value ? (l(), n("div", tt, [
+                      s(r(L), { class: "mt-0.5 size-4 shrink-0" }),
+                      t("span", null, u(B.value), 1)
+                    ])) : p("", !0),
+                    f.value ? (l(), n("div", st, [
+                      (l(), n(T, null, M(3, (o) => s(i, {
+                        key: o,
+                        class: "h-20 rounded-lg"
+                      })), 64))
+                    ])) : A.value && k.value.length ? (l(), n("div", lt, [
+                      t("div", ot, [
+                        s(r(be), { class: "size-4" }),
+                        m(" " + u(k.value.length) + " supporting source" + u(k.value.length === 1 ? "" : "s") + " found ", 1)
+                      ]),
+                      (l(!0), n(T, null, M(k.value, (o, P) => (l(), n("div", {
+                        key: `${o.title}-${P}`,
+                        class: "rounded-lg border p-3"
+                      }, [
+                        t("div", nt, [
+                          (l(), v(ce(re(o)), { class: "size-4 shrink-0 text-primary" })),
+                          t("p", rt, u(o.title), 1)
+                        ]),
+                        o.excerpt ? (l(), n("p", at, u(o.excerpt), 1)) : p("", !0)
+                      ]))), 128))
+                    ])) : A.value ? (l(), n("div", it, [
+                      s(r(le), { class: "mx-auto size-6 text-muted-foreground" }),
+                      e[20] || (e[20] = t("p", { class: "mt-2 text-sm font-medium" }, "No supporting knowledge found", -1)),
+                      e[21] || (e[21] = t("p", { class: "mt-1 text-xs leading-5 text-muted-foreground" }, " Add or improve an answer before relying on this response. ", -1)),
+                      s(ae, {
+                        to: r(oe)("/knowledge"),
+                        class: "mt-3 inline-flex items-center text-xs font-medium text-primary hover:underline"
+                      }, {
+                        default: a(() => [
+                          e[19] || (e[19] = m(" Review knowledge ", -1)),
+                          s(r(ke), { class: "ml-1 size-3.5" })
+                        ]),
+                        _: 1
+                      }, 8, ["to"])
+                    ])) : p("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ], 64)) : (l(), v(E, { key: 2 }, {
+          default: a(() => [
+            s(D, { class: "flex flex-col items-center px-6 py-14 text-center" }, {
+              default: a(() => [
+                t("div", Ee, [
+                  s(r(H), { class: "size-6" })
+                ]),
+                e[7] || (e[7] = t("h2", { class: "mt-4 font-semibold" }, "You do not have access to private testing", -1)),
+                e[8] || (e[8] = t("p", { class: "mt-1 max-w-md text-sm leading-6 text-muted-foreground" }, " Ask a project administrator to grant you the “Test the helpbot” permission. ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+export {
+  xt as default
+};

package/dist/Test-USDtNFY1.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("lucide-vue-next"),H=require("@oneclick.dev/cms-kit"),N=require("./useHelpbotApi-BIIungOh.js"),j={class:"mx-auto flex w-full max-w-7xl flex-col gap-6 py-6 @3xl:py-8"},U={class:"max-w-2xl"},O={class:"mb-2 flex items-center gap-2 text-sm font-medium text-primary"},I={key:0,class:"grid gap-4 @4xl:grid-cols-[minmax(0,1.45fr)_minmax(320px,0.75fr)]"},Q={class:"grid size-12 place-items-center rounded-xl bg-destructive/10 text-destructive"},W={class:"mt-1 max-w-md text-sm leading-6 text-muted-foreground"},Y={class:"grid size-12 place-items-center rounded-xl bg-muted text-muted-foreground"},G={key:0,class:"flex items-start gap-3 rounded-xl border border-amber-500/30 bg-amber-500/5 px-4 py-3 text-sm",role:"alert"},J={class:"grid min-w-0 gap-4 @4xl:grid-cols-[minmax(0,1.45fr)_minmax(320px,0.75fr)]"},X={class:"min-w-0"},Z={key:0,class:"m-auto flex max-w-md flex-col items-center px-4 py-12 text-center"},ee={class:"grid size-12 place-items-center rounded-2xl bg-primary/10 text-primary"},te={key:0,class:"grid size-7 shrink-0 place-items-center rounded-full bg-primary/10 text-primary"},oe={class:"whitespace-pre-wrap"},re={key:0,class:"mt-3 border-t border-border/60 pt-2"},le=["onClick"],ne={key:0,class:"mt-2 space-y-2"},se={class:"text-xs font-medium"},ae={key:0,class:"mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground"},ce={key:1,class:"grid size-7 shrink-0 place-items-center rounded-full bg-muted text-muted-foreground"},ie={key:1,class:"flex items-end gap-2"},de={class:"grid size-7 shrink-0 place-items-center rounded-full bg-primary/10 text-primary"},ue={class:"flex items-center gap-2 rounded-2xl rounded-bl-md bg-muted px-4 py-3 text-sm text-muted-foreground"},me={key:2,class:"flex items-start gap-2 rounded-lg bg-destructive/10 px-3 py-2 text-sm text-destructive",role:"alert"},pe={class:"border-t p-3 @md:p-4"},xe={class:"flex items-end gap-2 rounded-xl border bg-background p-2 focus-within:ring-2 focus-within:ring-ring"},fe={class:"flex items-start gap-3"},ve={class:"grid size-9 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary"},ke={class:"space-y-1.5"},ge={key:0,class:"flex items-start gap-2 rounded-lg bg-destructive/10 px-3 py-2 text-sm text-destructive",role:"alert"},he={key:1,class:"space-y-2 pt-1"},ye={key:2,class:"space-y-2 pt-1"},Ve={class:"flex items-center gap-2 text-xs font-medium text-emerald-700 dark:text-emerald-300"},Ne={class:"flex items-center gap-2"},be={class:"min-w-0 truncate text-sm font-medium"},we={key:0,class:"mt-2 line-clamp-3 text-xs leading-5 text-muted-foreground"},Ce={key:3,class:"rounded-lg border-2 border-dashed px-4 py-6 text-center"},_e=e.defineComponent({__name:"Test",setup(Be){H.useModuleBreadcrumbs(()=>[{text:"Test helpbot"}]);const{resolvePath:K}=H.useModuleRoute(),b=N.useHelpbotApi(),p=e.ref(null),w=e.ref(!0),v=e.ref(""),c=e.ref([]),d=e.ref(""),i=e.ref(!1),x=e.ref(""),k=e.ref(null),g=e.ref(""),s=e.ref(!1),h=e.ref(!1),y=e.ref(""),u=e.ref([]),C=e.computed(()=>p.value?.permissions.canTestHelpbot===!0),m=e.computed(()=>p.value?.configured!==!1&&p.value?.connected!==!1),E=e.computed(()=>C.value&&m.value&&!i.value&&!!d.value.trim());async function z(){w.value=!0,v.value="";try{p.value=await b.getStatus()}catch(n){p.value=null,v.value=N.getHelpbotErrorMessage(n,"The helpbot connection could not be checked.")}finally{w.value=!1}}function T(){e.nextTick(()=>{k.value&&(k.value.scrollTop=k.value.scrollHeight)})}async function S(){const n=d.value.trim();if(!n||!E.value)return;const t=c.value.map(({role:l,content:a})=>({role:l,content:a.slice(0,1e4)})).slice(-20);for(;t.length&&n.length+t.reduce((l,a)=>l+a.content.length,0)>6e4;)t.shift();c.value.push({role:"user",content:n}),d.value="",x.value="",i.value=!0,T();try{const l=await b.chat(n,t);if(!l.answer)throw new Error("The helpbot returned an empty answer.");c.value.push({role:"assistant",content:l.answer,sources:l.sources,showSources:!1})}catch(l){x.value=N.getHelpbotErrorMessage(l,"The helpbot could not answer this question.")}finally{i.value=!1,T()}}function P(){c.value=[],x.value="",d.value=""}async function D(){const n=g.value.trim();if(!(!n||s.value||!C.value||!m.value)){s.value=!0,h.value=!1,y.value="",u.value=[];try{u.value=await b.query(n),h.value=!0}catch(t){y.value=N.getHelpbotErrorMessage(t,"The saved knowledge could not be checked.")}finally{s.value=!1}}}function $(n){return n.kind==="pdf"?r.FileText:r.BookOpen}return e.onMounted(z),(n,t)=>{const l=e.resolveComponent("Skeleton"),a=e.resolveComponent("Button"),_=e.resolveComponent("CardContent"),V=e.resolveComponent("Card"),q=e.resolveComponent("CardTitle"),A=e.resolveComponent("CardDescription"),L=e.resolveComponent("CardHeader"),M=e.resolveComponent("Textarea"),F=e.resolveComponent("NuxtLink");return e.openBlock(),e.createElementBlock("main",j,[e.createElementVNode("header",U,[e.createElementVNode("div",O,[e.createVNode(e.unref(r.MessageCircleQuestion),{class:"size-4"}),t[2]||(t[2]=e.createTextVNode(" Private workspace ",-1))]),t[3]||(t[3]=e.createElementVNode("h1",{class:"text-2xl font-semibold tracking-tight @2xl:text-3xl"},"Test your helpbot",-1)),t[4]||(t[4]=e.createElementVNode("p",{class:"mt-2 text-sm leading-6 text-muted-foreground"}," Ask questions as a visitor and verify that the reply is supported by your saved knowledge. These tests are not visible on your website. ",-1))]),w.value?(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(l,{class:"h-[640px] rounded-xl"}),e.createVNode(l,{class:"h-[520px] rounded-xl"})])):v.value?(e.openBlock(),e.createBlock(V,{key:1},{default:e.withCtx(()=>[e.createVNode(_,{class:"flex flex-col items-center px-6 py-14 text-center"},{default:e.withCtx(()=>[e.createElementVNode("div",Q,[e.createVNode(e.unref(r.AlertCircle),{class:"size-6"})]),t[6]||(t[6]=e.createElementVNode("h2",{class:"mt-4 font-semibold"},"Private test is unavailable",-1)),e.createElementVNode("p",W,e.toDisplayString(v.value),1),e.createVNode(a,{variant:"outline",class:"mt-4",onClick:z},{default:e.withCtx(()=>[e.createVNode(e.unref(r.RefreshCw),{class:"mr-2 size-4"}),t[5]||(t[5]=e.createTextVNode(" Try again ",-1))]),_:1})]),_:1})]),_:1})):C.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(e.unref(r.AlertCircle),{class:"mt-0.5 size-4 shrink-0 text-amber-600 dark:text-amber-400"}),t[9]||(t[9]=e.createElementVNode("div",null,[e.createElementVNode("p",{class:"font-medium"},"The helpbot connection needs attention"),e.createElementVNode("p",{class:"mt-0.5 text-muted-foreground"}," Private testing will be available after your agency restores the website helpbot connection. ")],-1))])),e.createElementVNode("div",J,[e.createVNode(V,{class:"flex min-h-[620px] min-w-0 flex-col overflow-hidden"},{default:e.withCtx(()=>[e.createVNode(L,{class:"flex-row items-center justify-between gap-4 space-y-0 border-b p-4 @md:p-5"},{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(q,{class:"text-base"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("Helpbot preview",-1)])]),_:1}),e.createVNode(A,{class:"mt-1"},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode(" Uses the knowledge currently available to the connected helpbot. ",-1)])]),_:1})]),e.createVNode(a,{variant:"ghost",size:"icon",class:"shrink-0",disabled:c.value.length===0||i.value,"aria-label":"Clear test conversation",onClick:P},{default:e.withCtx(()=>[e.createVNode(e.unref(r.Trash2),{class:"size-4"})]),_:1},8,["disabled"])]),_:1}),e.createElementVNode("div",{ref_key:"chatContainer",ref:k,class:"flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4 @md:p-5","aria-live":"polite"},[c.value.length===0?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",ee,[e.createVNode(e.unref(r.Bot),{class:"size-6"})]),t[12]||(t[12]=e.createElementVNode("h2",{class:"mt-4 font-semibold"},"Ask a real visitor question",-1)),t[13]||(t[13]=e.createElementVNode("p",{class:"mt-1 text-sm leading-6 text-muted-foreground"}," Try an important question about your services, policies, opening hours, or products. ",-1))])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(o,B)=>(e.openBlock(),e.createElementBlock("div",{key:`${o.role}-${B}`,class:e.normalizeClass(["flex items-end gap-2",o.role==="user"?"justify-end":"justify-start"])},[o.role==="assistant"?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(r.Bot),{class:"size-3.5"})])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["max-w-[86%] rounded-2xl px-4 py-3 text-sm leading-6",o.role==="user"?"rounded-br-md bg-primary text-primary-foreground":"rounded-bl-md bg-muted"])},[e.createElementVNode("p",oe,e.toDisplayString(o.content),1),o.role==="assistant"&&o.sources?.length?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("button",{type:"button",class:"flex w-full items-center gap-1.5 text-left text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",onClick:f=>o.showSources=!o.showSources},[o.showSources?(e.openBlock(),e.createBlock(e.unref(r.ChevronUp),{key:0,class:"size-3.5"})):(e.openBlock(),e.createBlock(e.unref(r.ChevronDown),{key:1,class:"size-3.5"})),e.createTextVNode(" "+e.toDisplayString(o.sources.length)+" supporting source"+e.toDisplayString(o.sources.length===1?"":"s"),1)],8,le),o.showSources?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.sources,(f,R)=>(e.openBlock(),e.createElementBlock("div",{key:`${f.title}-${R}`,class:"rounded-lg border bg-background/70 p-2.5"},[e.createElementVNode("p",se,e.toDisplayString(f.title),1),f.excerpt?(e.openBlock(),e.createElementBlock("p",ae,e.toDisplayString(f.excerpt),1)):e.createCommentVNode("",!0)]))),128))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),o.role==="user"?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(e.unref(r.UserRound),{class:"size-3.5"})])):e.createCommentVNode("",!0)],2))),128)),i.value?(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",de,[e.createVNode(e.unref(r.Bot),{class:"size-3.5"})]),e.createElementVNode("div",ue,[e.createVNode(e.unref(r.Loader2),{class:"size-4 animate-spin"}),t[14]||(t[14]=e.createTextVNode(" Preparing an answer… ",-1))])])):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(e.unref(r.AlertCircle),{class:"mt-0.5 size-4 shrink-0"}),e.createElementVNode("span",null,e.toDisplayString(x.value),1)])):e.createCommentVNode("",!0)],512),e.createElementVNode("div",pe,[e.createElementVNode("div",xe,[e.createVNode(M,{modelValue:d.value,"onUpdate:modelValue":t[0]||(t[0]=o=>d.value=o),rows:"2",class:"min-h-[44px] flex-1 resize-none border-0 bg-transparent px-2 py-2 shadow-none focus-visible:ring-0",placeholder:"Ask a question a visitor might type…",disabled:i.value||!m.value,maxlength:"10000",onKeydown:e.withKeys(e.withModifiers(S,["exact","prevent"]),["enter"])},null,8,["modelValue","disabled","onKeydown"]),e.createVNode(a,{size:"icon",class:"shrink-0",disabled:!E.value,"aria-label":"Send test question",onClick:S},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createBlock(e.unref(r.Loader2),{key:0,class:"size-4 animate-spin"})):(e.openBlock(),e.createBlock(e.unref(r.Send),{key:1,class:"size-4"}))]),_:1},8,["disabled"])]),t[15]||(t[15]=e.createElementVNode("p",{class:"mt-2 px-1 text-xs text-muted-foreground"}," Press Enter to send · Shift + Enter for a new line ",-1))])]),_:1}),e.createVNode(V,{class:"h-fit min-w-0"},{default:e.withCtx(()=>[e.createVNode(L,{class:"p-5"},{default:e.withCtx(()=>[e.createElementVNode("div",fe,[e.createElementVNode("div",ve,[e.createVNode(e.unref(r.Search),{class:"size-4"})]),e.createElementVNode("div",null,[e.createVNode(q,{class:"text-base"},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode("Knowledge check",-1)])]),_:1}),e.createVNode(A,{class:"mt-1 leading-5"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode(" See which saved sources can support a question before reviewing the full reply. ",-1)])]),_:1})])])]),_:1}),e.createVNode(_,{class:"space-y-4 px-5 pb-5"},{default:e.withCtx(()=>[e.createElementVNode("div",ke,[t[18]||(t[18]=e.createElementVNode("label",{for:"helpbot-knowledge-question",class:"text-sm font-medium"}," Visitor question ",-1)),e.createVNode(M,{id:"helpbot-knowledge-question",modelValue:g.value,"onUpdate:modelValue":t[1]||(t[1]=o=>g.value=o),rows:"4",placeholder:"What information should the helpbot find?",disabled:s.value||!m.value,maxlength:"2000",onKeydown:e.withKeys(e.withModifiers(D,["exact","prevent"]),["enter"])},null,8,["modelValue","disabled","onKeydown"])]),e.createVNode(a,{class:"w-full",variant:"outline",disabled:s.value||!g.value.trim()||!m.value,onClick:D},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(e.unref(r.Loader2),{key:0,class:"mr-2 size-4 animate-spin"})):(e.openBlock(),e.createBlock(e.unref(r.Search),{key:1,class:"mr-2 size-4"})),e.createTextVNode(" "+e.toDisplayString(s.value?"Checking…":"Check saved knowledge"),1)]),_:1},8,["disabled"]),y.value?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(e.unref(r.AlertCircle),{class:"mt-0.5 size-4 shrink-0"}),e.createElementVNode("span",null,e.toDisplayString(y.value),1)])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock("div",he,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,o=>e.createVNode(l,{key:o,class:"h-20 rounded-lg"})),64))])):h.value&&u.value.length?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",Ve,[e.createVNode(e.unref(r.CheckCircle2),{class:"size-4"}),e.createTextVNode(" "+e.toDisplayString(u.value.length)+" supporting source"+e.toDisplayString(u.value.length===1?"":"s")+" found ",1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(o,B)=>(e.openBlock(),e.createElementBlock("div",{key:`${o.title}-${B}`,class:"rounded-lg border p-3"},[e.createElementVNode("div",Ne,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent($(o)),{class:"size-4 shrink-0 text-primary"})),e.createElementVNode("p",be,e.toDisplayString(o.title),1)]),o.excerpt?(e.openBlock(),e.createElementBlock("p",we,e.toDisplayString(o.excerpt),1)):e.createCommentVNode("",!0)]))),128))])):h.value?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(e.unref(r.BookOpen),{class:"mx-auto size-6 text-muted-foreground"}),t[20]||(t[20]=e.createElementVNode("p",{class:"mt-2 text-sm font-medium"},"No supporting knowledge found",-1)),t[21]||(t[21]=e.createElementVNode("p",{class:"mt-1 text-xs leading-5 text-muted-foreground"}," Add or improve an answer before relying on this response. ",-1)),e.createVNode(F,{to:e.unref(K)("/knowledge"),class:"mt-3 inline-flex items-center text-xs font-medium text-primary hover:underline"},{default:e.withCtx(()=>[t[19]||(t[19]=e.createTextVNode(" Review knowledge ",-1)),e.createVNode(e.unref(r.ArrowRight),{class:"ml-1 size-3.5"})]),_:1},8,["to"])])):e.createCommentVNode("",!0)]),_:1})]),_:1})])],64)):(e.openBlock(),e.createBlock(V,{key:2},{default:e.withCtx(()=>[e.createVNode(_,{class:"flex flex-col items-center px-6 py-14 text-center"},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createVNode(e.unref(r.Bot),{class:"size-6"})]),t[7]||(t[7]=e.createElementVNode("h2",{class:"mt-4 font-semibold"},"You do not have access to private testing",-1)),t[8]||(t[8]=e.createElementVNode("p",{class:"mt-1 max-w-md text-sm leading-6 text-muted-foreground"}," Ask a project administrator to grant you the “Test the helpbot” permission. ",-1))]),_:1})]),_:1}))])}}});exports.default=_e;