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

package/dist/Knowledge-BnMTTuJ7.mjs

@@ -0,0 +1,742 @@
+import { defineComponent as Ue, ref as c, computed as j, onMounted as Ve, resolveComponent as f, openBlock as a, createElementBlock as u, createElementVNode as l, createBlock as m, withCtx as n, createTextVNode as r, createCommentVNode as v, createVNode as s, unref as d, normalizeClass as te, toDisplayString as i, Fragment as b, renderList as J, resolveDynamicComponent as ye, withModifiers as Re, nextTick as Me } from "vue";
+import { RefreshCw as Be, Clock3 as le, AlertCircle as X, Search as Le, Plus as Ce, Upload as se, BookOpen as Ee, Pencil as je, Eye as Ie, Loader2 as Y, Trash2 as Te, FileText as De, CheckCircle2 as Ke } from "lucide-vue-next";
+import { t as A } from "./index-RLz1QPrf.mjs";
+import { useModuleBreadcrumbs as Oe, useConfirmation as He } from "@oneclick.dev/cms-kit";
+import { u as We, g as B } from "./useHelpbotApi-HC9JSiSn.mjs";
+const qe = { class: "mx-auto flex w-full max-w-7xl flex-col gap-6 py-6 @3xl:py-8" }, Qe = { class: "flex flex-col gap-4 @2xl:flex-row @2xl:items-start @2xl:justify-between" }, Ge = { class: "flex items-center gap-2" }, Je = { class: "flex items-start gap-3 rounded-xl border bg-muted/30 px-4 py-3 text-sm" }, Xe = {
+  key: 0,
+  class: "flex items-start gap-3 rounded-xl border border-destructive/30 bg-destructive/5 px-4 py-3 text-sm",
+  role: "alert"
+}, Ye = { class: "flex-1" }, Ze = { class: "mt-0.5 text-muted-foreground" }, et = { class: "flex flex-col gap-3 @2xl:flex-row @2xl:items-center @2xl:justify-between" }, tt = { class: "ml-2 rounded-full bg-background/70 px-2 py-0.5 text-[11px] tabular-nums" }, lt = { class: "ml-2 rounded-full bg-background/70 px-2 py-0.5 text-[11px] tabular-nums" }, st = { class: "flex w-full flex-col gap-2 @md:flex-row @2xl:w-auto" }, at = { class: "relative min-w-0 flex-1 @2xl:w-72" }, ot = {
+  key: 0,
+  class: "grid gap-3 @2xl:grid-cols-2"
+}, nt = {
+  key: 1,
+  class: "rounded-xl border-2 border-dashed px-6 py-14 text-center"
+}, it = { class: "mx-auto grid size-12 place-items-center rounded-xl bg-muted text-muted-foreground" }, ut = { class: "mt-4 font-semibold" }, rt = { class: "mx-auto mt-1 max-w-md text-sm leading-6 text-muted-foreground" }, dt = {
+  key: 2,
+  class: "grid gap-3 @2xl:grid-cols-2"
+}, ct = { class: "flex min-w-0 items-start justify-between gap-3" }, mt = { class: "min-w-0" }, vt = ["title"], pt = {
+  key: 0,
+  class: "mt-1 text-xs text-muted-foreground"
+}, ft = { class: "mt-3 line-clamp-2 min-h-10 text-sm leading-5 text-muted-foreground" }, xt = { class: "mt-4 flex items-center justify-end gap-1 border-t pt-3" }, gt = {
+  key: 0,
+  class: "space-y-3"
+}, bt = {
+  key: 1,
+  class: "rounded-xl border-2 border-dashed px-6 py-14 text-center"
+}, wt = { class: "mx-auto grid size-12 place-items-center rounded-xl bg-muted text-muted-foreground" }, _t = { class: "mt-4 font-semibold" }, ht = { class: "mx-auto mt-1 max-w-md text-sm leading-6 text-muted-foreground" }, kt = {
+  key: 2,
+  class: "space-y-3"
+}, yt = { class: "flex min-w-0 flex-1 items-center gap-3" }, Ct = { class: "grid size-10 shrink-0 place-items-center rounded-lg bg-red-500/10 text-red-600 dark:text-red-400" }, Tt = { class: "min-w-0" }, Dt = ["title"], zt = { class: "mt-0.5 text-xs text-muted-foreground" }, Ft = { class: "flex items-center justify-between gap-2 @md:justify-end" }, Pt = {
+  key: 0,
+  class: "space-y-3 py-2"
+}, $t = {
+  key: 1,
+  class: "space-y-4"
+}, St = { class: "mt-1 font-medium" }, At = { class: "mt-2 max-h-[50vh] overflow-y-auto rounded-lg border bg-muted/20 p-4 text-sm leading-6 whitespace-pre-wrap" }, Nt = { class: "space-y-1.5" }, Ut = { class: "space-y-1.5" }, Vt = {
+  key: 3,
+  class: "flex items-start gap-2 rounded-lg bg-destructive/10 px-3 py-2 text-sm text-destructive",
+  role: "alert"
+}, Rt = ["disabled"], Mt = { class: "grid size-11 place-items-center rounded-xl bg-primary/10 text-primary" }, Bt = { class: "mt-3 max-w-full truncate text-sm font-medium" }, Lt = { class: "mt-1 text-xs text-muted-foreground" }, Et = {
+  key: 0,
+  class: "flex items-start gap-2 rounded-lg bg-destructive/10 px-3 py-2 text-sm text-destructive",
+  role: "alert"
+}, qt = /* @__PURE__ */ Ue({
+  __name: "Knowledge",
+  setup(jt) {
+    Oe(() => [{ text: "Knowledge" }]);
+    const { confirm: ae } = He(), h = We(), I = c("answers"), k = c(""), K = c([]), O = c([]), L = c(null), F = c(!0), H = c(""), N = c(!1), _ = c("create"), Z = c(""), C = c(""), T = c(""), W = c(!1), P = c(!1), D = c(""), E = c(!1), q = c(null), g = c(null), $ = c(!1), y = c(""), z = c(""), oe = j(
+      () => L.value?.permissions.canManageKnowledge === !0
+    ), x = j(
+      () => oe.value && L.value?.configured !== !1 && L.value?.connected !== !1
+    ), Q = j(() => k.value.trim().toLowerCase()), ne = j(() => Q.value ? K.value.filter(
+      (o) => `${o.title} ${o.preview}`.toLowerCase().includes(Q.value)
+    ) : K.value), ie = j(() => Q.value ? O.value.filter(
+      (o) => o.filename.toLowerCase().includes(Q.value)
+    ) : O.value), ue = {
+      available: {
+        label: "Available",
+        className: "bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300",
+        icon: Ke
+      },
+      processing: {
+        label: "Processing",
+        className: "bg-amber-500/10 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300",
+        icon: le
+      },
+      failed: {
+        label: "Needs attention",
+        className: "bg-destructive/10 text-destructive",
+        icon: X
+      },
+      unknown: {
+        label: "Status pending",
+        className: "bg-muted text-muted-foreground",
+        icon: le
+      }
+    };
+    function U(o) {
+      return ue[o] || ue.unknown;
+    }
+    function V(o) {
+      if (!o) return "";
+      const e = new Date(o);
+      return Number.isNaN(e.getTime()) ? "" : new Intl.DateTimeFormat(void 0, { dateStyle: "medium" }).format(e);
+    }
+    function R(o) {
+      return !o || o < 1 ? "" : o < 1024 * 1024 ? `${Math.max(1, Math.round(o / 1024))} KB` : `${(o / (1024 * 1024)).toFixed(1)} MB`;
+    }
+    async function S(o = !0) {
+      o && (F.value = !0), H.value = "";
+      const [e, w, p] = await Promise.allSettled([
+        h.getStatus(),
+        h.listTexts(),
+        h.listFiles()
+      ]);
+      e.status === "fulfilled" && (L.value = e.value), w.status === "fulfilled" && (K.value = w.value), p.status === "fulfilled" && (O.value = p.value);
+      const M = [e, w, p].filter(
+        (ee) => ee.status === "rejected"
+      );
+      M.length && (H.value = B(
+        M[0].reason,
+        M.length === 3 ? "The helpbot knowledge could not be loaded." : "Some knowledge could not be loaded."
+      )), F.value = !1;
+    }
+    function re() {
+      x.value && (_.value = "create", Z.value = "", C.value = "", T.value = "", D.value = "", N.value = !0);
+    }
+    async function ze(o) {
+      _.value = x.value ? "edit" : "view", Z.value = o.title, C.value = o.title, T.value = o.content || "", D.value = "", W.value = !0, N.value = !0;
+      try {
+        const e = await h.getText(o.title);
+        C.value = e.title || o.title, T.value = e.content || "";
+      } catch (e) {
+        D.value = B(
+          e,
+          "This answer could not be opened."
+        );
+      } finally {
+        W.value = !1;
+      }
+    }
+    async function de() {
+      if (!x.value || _.value === "view") return;
+      const o = C.value.trim(), e = T.value.trim();
+      if (D.value = "", !o || !e) {
+        D.value = "Add both a title and an answer before saving.";
+        return;
+      }
+      P.value = !0;
+      try {
+        _.value === "create" ? (await h.createText(o, e), A.success("Answer added", {
+          description: "It will become available after processing completes."
+        })) : (await h.updateText(Z.value, o, e), A.success("Answer updated", {
+          description: "The updated answer is being prepared for the helpbot."
+        })), N.value = !1, await S(!1);
+      } catch (w) {
+        D.value = B(w, "The answer could not be saved.");
+      } finally {
+        P.value = !1;
+      }
+    }
+    async function Fe(o) {
+      if (!(!x.value || !await ae(
+        `Remove “${o.title}” from the helpbot's knowledge?`,
+        "Remove answer",
+        "Remove"
+      ))) {
+        z.value = `text:${o.title}`;
+        try {
+          await h.deleteText(o.title), A.success("Answer removed"), await S(!1);
+        } catch (w) {
+          A.error("Could not remove answer", {
+            description: B(w)
+          });
+        } finally {
+          z.value = "";
+        }
+      }
+    }
+    function ce() {
+      x.value && (g.value = null, y.value = "", E.value = !0, Me(() => {
+        q.value && (q.value.value = "");
+      }));
+    }
+    function Pe(o) {
+      const e = o.target.files?.[0] || null;
+      if (y.value = "", !e) {
+        g.value = null;
+        return;
+      }
+      if (!e.name.toLowerCase().endsWith(".pdf")) {
+        g.value = null, y.value = "Choose a PDF file.";
+        return;
+      }
+      if (e.size > 15 * 1024 * 1024) {
+        g.value = null, y.value = "Choose a PDF smaller than 15 MB.";
+        return;
+      }
+      g.value = e;
+    }
+    async function $e() {
+      if (!x.value || !g.value) {
+        y.value = "Choose a PDF file to upload.";
+        return;
+      }
+      $.value = !0, y.value = "";
+      try {
+        const o = g.value.name;
+        await h.uploadFile(g.value), E.value = !1, g.value = null, A.success(`${o} uploaded`, {
+          description: "It will become available after processing completes."
+        }), await S(!1);
+      } catch (o) {
+        y.value = B(o, "The PDF could not be uploaded.");
+      } finally {
+        $.value = !1;
+      }
+    }
+    async function Se(o) {
+      if (!(!x.value || !await ae(
+        `Remove “${o.filename}” from the helpbot's knowledge?`,
+        "Remove PDF",
+        "Remove"
+      ))) {
+        z.value = `file:${o.filename}`;
+        try {
+          await h.deleteFile(o.filename), A.success("PDF removed"), await S(!1);
+        } catch (w) {
+          A.error("Could not remove PDF", {
+            description: B(w)
+          });
+        } finally {
+          z.value = "";
+        }
+      }
+    }
+    return Ve(S), (o, e) => {
+      const w = f("Badge"), p = f("Button"), M = f("TabsTrigger"), ee = f("TabsList"), me = f("Input"), G = f("Skeleton"), ve = f("CardContent"), pe = f("Card"), fe = f("TabsContent"), Ae = f("Tabs"), xe = f("DialogTitle"), ge = f("DialogDescription"), be = f("DialogHeader"), Ne = f("Textarea"), we = f("DialogFooter"), _e = f("DialogContent"), he = f("Dialog");
+      return a(), u("main", qe, [
+        l("header", Qe, [
+          e[12] || (e[12] = l("div", { class: "max-w-2xl" }, [
+            l("h1", { class: "text-2xl font-semibold tracking-tight @2xl:text-3xl" }, "Knowledge"),
+            l("p", { class: "mt-2 text-sm leading-6 text-muted-foreground" }, " Maintain the approved answers and PDF guides your website helpbot may use. ")
+          ], -1)),
+          l("div", Ge, [
+            !F.value && L.value && !oe.value ? (a(), m(w, {
+              key: 0,
+              variant: "secondary"
+            }, {
+              default: n(() => [...e[11] || (e[11] = [
+                r(" Read only ", -1)
+              ])]),
+              _: 1
+            })) : v("", !0),
+            s(p, {
+              variant: "outline",
+              size: "icon",
+              disabled: F.value,
+              "aria-label": "Refresh knowledge",
+              onClick: e[0] || (e[0] = (t) => S())
+            }, {
+              default: n(() => [
+                s(d(Be), {
+                  class: te(["size-4", { "animate-spin": F.value }])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        l("div", Je, [
+          s(d(le), { class: "mt-0.5 size-4 shrink-0 text-primary" }),
+          e[13] || (e[13] = l("p", { class: "leading-6 text-muted-foreground" }, " Saved changes are processed before the helpbot can use them. Important answers should be checked in the private test after processing completes. ", -1))
+        ]),
+        H.value ? (a(), u("div", Xe, [
+          s(d(X), { class: "mt-0.5 size-4 shrink-0 text-destructive" }),
+          l("div", Ye, [
+            e[14] || (e[14] = l("p", { class: "font-medium" }, "Some knowledge is unavailable", -1)),
+            l("p", Ze, i(H.value), 1)
+          ]),
+          s(p, {
+            variant: "ghost",
+            size: "sm",
+            onClick: e[1] || (e[1] = (t) => S())
+          }, {
+            default: n(() => [...e[15] || (e[15] = [
+              r("Try again", -1)
+            ])]),
+            _: 1
+          })
+        ])) : v("", !0),
+        s(Ae, {
+          modelValue: I.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (t) => I.value = t),
+          class: "min-w-0"
+        }, {
+          default: n(() => [
+            l("div", et, [
+              s(ee, { class: "grid w-full grid-cols-2 @2xl:w-[340px]" }, {
+                default: n(() => [
+                  s(M, { value: "answers" }, {
+                    default: n(() => [
+                      e[16] || (e[16] = r(" Answers ", -1)),
+                      l("span", tt, i(K.value.length), 1)
+                    ]),
+                    _: 1
+                  }),
+                  s(M, { value: "files" }, {
+                    default: n(() => [
+                      e[17] || (e[17] = r(" PDF guides ", -1)),
+                      l("span", lt, i(O.value.length), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              l("div", st, [
+                l("div", at, [
+                  s(d(Le), { class: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+                  s(me, {
+                    modelValue: k.value,
+                    "onUpdate:modelValue": e[2] || (e[2] = (t) => k.value = t),
+                    class: "pl-9",
+                    placeholder: I.value === "answers" ? "Search answers…" : "Search PDF guides…"
+                  }, null, 8, ["modelValue", "placeholder"])
+                ]),
+                x.value && I.value === "answers" ? (a(), m(p, {
+                  key: 0,
+                  class: "shrink-0",
+                  onClick: re
+                }, {
+                  default: n(() => [
+                    s(d(Ce), { class: "mr-2 size-4" }),
+                    e[18] || (e[18] = r(" Add answer ", -1))
+                  ]),
+                  _: 1
+                })) : x.value ? (a(), m(p, {
+                  key: 1,
+                  class: "shrink-0",
+                  onClick: ce
+                }, {
+                  default: n(() => [
+                    s(d(se), { class: "mr-2 size-4" }),
+                    e[19] || (e[19] = r(" Upload PDF ", -1))
+                  ]),
+                  _: 1
+                })) : v("", !0)
+              ])
+            ]),
+            s(fe, {
+              value: "answers",
+              class: "mt-5"
+            }, {
+              default: n(() => [
+                F.value ? (a(), u("div", ot, [
+                  (a(), u(b, null, J(4, (t) => s(G, {
+                    key: t,
+                    class: "h-36 rounded-xl"
+                  })), 64))
+                ])) : ne.value.length === 0 ? (a(), u("div", nt, [
+                  l("div", it, [
+                    s(d(Ee), { class: "size-6" })
+                  ]),
+                  l("h2", ut, i(k.value ? "No matching answers" : "No saved answers yet"), 1),
+                  l("p", rt, i(k.value ? "Try a different search term." : "Add the first approved business answer for your website helpbot."), 1),
+                  x.value && !k.value ? (a(), m(p, {
+                    key: 0,
+                    variant: "outline",
+                    class: "mt-4",
+                    onClick: re
+                  }, {
+                    default: n(() => [
+                      s(d(Ce), { class: "mr-2 size-4" }),
+                      e[20] || (e[20] = r(" Add first answer ", -1))
+                    ]),
+                    _: 1
+                  })) : v("", !0)
+                ])) : (a(), u("div", dt, [
+                  (a(!0), u(b, null, J(ne.value, (t) => (a(), m(pe, {
+                    key: t.title,
+                    class: "min-w-0"
+                  }, {
+                    default: n(() => [
+                      s(ve, { class: "flex h-full flex-col p-5" }, {
+                        default: n(() => [
+                          l("div", ct, [
+                            l("div", mt, [
+                              l("h2", {
+                                class: "truncate font-semibold",
+                                title: t.title
+                              }, i(t.title), 9, vt),
+                              V(t.updatedAt) ? (a(), u("p", pt, " Updated " + i(V(t.updatedAt)), 1)) : v("", !0)
+                            ]),
+                            l("span", {
+                              class: te(["inline-flex shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium", U(t.status).className])
+                            }, [
+                              (a(), m(ye(U(t.status).icon), { class: "size-3.5" })),
+                              r(" " + i(U(t.status).label), 1)
+                            ], 2)
+                          ]),
+                          l("p", ft, i(t.preview || "Open this answer to review its full content."), 1),
+                          l("div", xt, [
+                            s(p, {
+                              variant: "ghost",
+                              size: "sm",
+                              onClick: (ke) => ze(t)
+                            }, {
+                              default: n(() => [
+                                x.value ? (a(), m(d(je), {
+                                  key: 0,
+                                  class: "mr-2 size-4"
+                                })) : (a(), m(d(Ie), {
+                                  key: 1,
+                                  class: "mr-2 size-4"
+                                })),
+                                r(" " + i(x.value ? "Edit" : "View"), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"]),
+                            x.value ? (a(), m(p, {
+                              key: 0,
+                              variant: "ghost",
+                              size: "icon",
+                              class: "size-9 text-destructive hover:text-destructive",
+                              disabled: z.value === `text:${t.title}`,
+                              "aria-label": `Remove ${t.title}`,
+                              onClick: (ke) => Fe(t)
+                            }, {
+                              default: n(() => [
+                                z.value === `text:${t.title}` ? (a(), m(d(Y), {
+                                  key: 0,
+                                  class: "size-4 animate-spin"
+                                })) : (a(), m(d(Te), {
+                                  key: 1,
+                                  class: "size-4"
+                                }))
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled", "aria-label", "onClick"])) : v("", !0)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]))
+              ]),
+              _: 1
+            }),
+            s(fe, {
+              value: "files",
+              class: "mt-5"
+            }, {
+              default: n(() => [
+                F.value ? (a(), u("div", gt, [
+                  (a(), u(b, null, J(3, (t) => s(G, {
+                    key: t,
+                    class: "h-20 rounded-xl"
+                  })), 64))
+                ])) : ie.value.length === 0 ? (a(), u("div", bt, [
+                  l("div", wt, [
+                    s(d(De), { class: "size-6" })
+                  ]),
+                  l("h2", _t, i(k.value ? "No matching PDF guides" : "No PDF guides yet"), 1),
+                  l("p", ht, i(k.value ? "Try a different filename." : "Upload approved menus, policies, product guides, or other reference documents."), 1),
+                  x.value && !k.value ? (a(), m(p, {
+                    key: 0,
+                    variant: "outline",
+                    class: "mt-4",
+                    onClick: ce
+                  }, {
+                    default: n(() => [
+                      s(d(se), { class: "mr-2 size-4" }),
+                      e[21] || (e[21] = r(" Upload first PDF ", -1))
+                    ]),
+                    _: 1
+                  })) : v("", !0)
+                ])) : (a(), u("div", kt, [
+                  (a(!0), u(b, null, J(ie.value, (t) => (a(), m(pe, {
+                    key: t.filename
+                  }, {
+                    default: n(() => [
+                      s(ve, { class: "flex flex-col gap-4 p-4 @md:flex-row @md:items-center" }, {
+                        default: n(() => [
+                          l("div", yt, [
+                            l("div", Ct, [
+                              s(d(De), { class: "size-5" })
+                            ]),
+                            l("div", Tt, [
+                              l("p", {
+                                class: "truncate text-sm font-medium",
+                                title: t.filename
+                              }, i(t.filename), 9, Dt),
+                              l("p", zt, [
+                                R(t.size) ? (a(), u(b, { key: 0 }, [
+                                  r(i(R(t.size)), 1)
+                                ], 64)) : v("", !0),
+                                R(t.size) && t.pages ? (a(), u(b, { key: 1 }, [
+                                  r(" · ")
+                                ], 64)) : v("", !0),
+                                t.pages ? (a(), u(b, { key: 2 }, [
+                                  r(i(t.pages) + " page" + i(t.pages === 1 ? "" : "s"), 1)
+                                ], 64)) : v("", !0),
+                                (R(t.size) || t.pages) && V(t.updatedAt) ? (a(), u(b, { key: 3 }, [
+                                  r(" · ")
+                                ], 64)) : v("", !0),
+                                V(t.updatedAt) ? (a(), u(b, { key: 4 }, [
+                                  r("Updated " + i(V(t.updatedAt)), 1)
+                                ], 64)) : v("", !0),
+                                !R(t.size) && !t.pages && !V(t.updatedAt) ? (a(), u(b, { key: 5 }, [
+                                  r(" PDF guide ")
+                                ], 64)) : v("", !0)
+                              ])
+                            ])
+                          ]),
+                          l("div", Ft, [
+                            l("span", {
+                              class: te(["inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium", U(t.status).className])
+                            }, [
+                              (a(), m(ye(U(t.status).icon), { class: "size-3.5" })),
+                              r(" " + i(U(t.status).label), 1)
+                            ], 2),
+                            x.value ? (a(), m(p, {
+                              key: 0,
+                              variant: "ghost",
+                              size: "icon",
+                              class: "size-9 text-destructive hover:text-destructive",
+                              disabled: z.value === `file:${t.filename}`,
+                              "aria-label": `Remove ${t.filename}`,
+                              onClick: (ke) => Se(t)
+                            }, {
+                              default: n(() => [
+                                z.value === `file:${t.filename}` ? (a(), m(d(Y), {
+                                  key: 0,
+                                  class: "size-4 animate-spin"
+                                })) : (a(), m(d(Te), {
+                                  key: 1,
+                                  class: "size-4"
+                                }))
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled", "aria-label", "onClick"])) : v("", !0)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        s(he, {
+          open: N.value,
+          "onUpdate:open": e[7] || (e[7] = (t) => N.value = t)
+        }, {
+          default: n(() => [
+            s(_e, { class: "sm:max-w-2xl" }, {
+              default: n(() => [
+                s(be, null, {
+                  default: n(() => [
+                    s(xe, null, {
+                      default: n(() => [
+                        r(i(_.value === "create" ? "Add an answer" : _.value === "edit" ? "Edit answer" : "Review answer"), 1)
+                      ]),
+                      _: 1
+                    }),
+                    s(ge, null, {
+                      default: n(() => [
+                        r(i(_.value === "view" ? "This approved information is available to the website helpbot." : "Write the approved information as clearly and completely as possible."), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                W.value ? (a(), u("div", Pt, [
+                  s(G, { class: "h-10 w-full" }),
+                  s(G, { class: "h-56 w-full" })
+                ])) : _.value === "view" ? (a(), u("div", $t, [
+                  l("div", null, [
+                    e[22] || (e[22] = l("p", { class: "text-xs font-medium uppercase tracking-wide text-muted-foreground" }, "Topic", -1)),
+                    l("p", St, i(C.value), 1)
+                  ]),
+                  l("div", null, [
+                    e[23] || (e[23] = l("p", { class: "text-xs font-medium uppercase tracking-wide text-muted-foreground" }, "Answer", -1)),
+                    l("div", At, i(T.value || "No answer content is available."), 1)
+                  ])
+                ])) : (a(), u("form", {
+                  key: 2,
+                  class: "space-y-4",
+                  onSubmit: Re(de, ["prevent"])
+                }, [
+                  l("div", Nt, [
+                    e[24] || (e[24] = l("label", {
+                      for: "helpbot-answer-title",
+                      class: "text-sm font-medium"
+                    }, "Topic or question", -1)),
+                    s(me, {
+                      id: "helpbot-answer-title",
+                      modelValue: C.value,
+                      "onUpdate:modelValue": e[4] || (e[4] = (t) => C.value = t),
+                      placeholder: "For example: Opening hours",
+                      disabled: P.value,
+                      maxlength: "160"
+                    }, null, 8, ["modelValue", "disabled"]),
+                    e[25] || (e[25] = l("p", { class: "text-xs text-muted-foreground" }, " Use a short title your team will recognize. ", -1))
+                  ]),
+                  l("div", Ut, [
+                    e[26] || (e[26] = l("label", {
+                      for: "helpbot-answer-content",
+                      class: "text-sm font-medium"
+                    }, "Approved answer", -1)),
+                    s(Ne, {
+                      id: "helpbot-answer-content",
+                      modelValue: T.value,
+                      "onUpdate:modelValue": e[5] || (e[5] = (t) => T.value = t),
+                      rows: "12",
+                      placeholder: "Write the complete, up-to-date answer visitors should receive…",
+                      disabled: P.value,
+                      maxlength: "500000"
+                    }, null, 8, ["modelValue", "disabled"])
+                  ])
+                ], 32)),
+                D.value ? (a(), u("div", Vt, [
+                  s(d(X), { class: "mt-0.5 size-4 shrink-0" }),
+                  l("span", null, i(D.value), 1)
+                ])) : v("", !0),
+                s(we, null, {
+                  default: n(() => [
+                    s(p, {
+                      variant: "outline",
+                      onClick: e[6] || (e[6] = (t) => N.value = !1)
+                    }, {
+                      default: n(() => [
+                        r(i(_.value === "view" ? "Close" : "Cancel"), 1)
+                      ]),
+                      _: 1
+                    }),
+                    _.value !== "view" ? (a(), m(p, {
+                      key: 0,
+                      disabled: P.value || W.value || !C.value.trim() || !T.value.trim(),
+                      onClick: de
+                    }, {
+                      default: n(() => [
+                        P.value ? (a(), m(d(Y), {
+                          key: 0,
+                          class: "mr-2 size-4 animate-spin"
+                        })) : v("", !0),
+                        r(" " + i(P.value ? "Saving…" : "Save answer"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])) : v("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"]),
+        s(he, {
+          open: E.value,
+          "onUpdate:open": e[10] || (e[10] = (t) => E.value = t)
+        }, {
+          default: n(() => [
+            s(_e, { class: "sm:max-w-lg" }, {
+              default: n(() => [
+                s(be, null, {
+                  default: n(() => [
+                    s(xe, null, {
+                      default: n(() => [...e[27] || (e[27] = [
+                        r("Upload a PDF guide", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    s(ge, null, {
+                      default: n(() => [...e[28] || (e[28] = [
+                        r(" Choose an approved PDF up to 15 MB containing information the helpbot may use. ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                l("input", {
+                  ref_key: "uploadInput",
+                  ref: q,
+                  type: "file",
+                  accept: "application/pdf,.pdf",
+                  class: "sr-only",
+                  onChange: Pe
+                }, null, 544),
+                l("button", {
+                  type: "button",
+                  class: "flex min-h-40 w-full flex-col items-center justify-center rounded-xl border-2 border-dashed p-6 text-center transition-colors hover:border-primary/50 hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  disabled: $.value,
+                  onClick: e[8] || (e[8] = (t) => q.value?.click())
+                }, [
+                  l("div", Mt, [
+                    s(d(se), { class: "size-5" })
+                  ]),
+                  g.value ? (a(), u(b, { key: 0 }, [
+                    l("span", Bt, i(g.value.name), 1),
+                    l("span", Lt, i(R(g.value.size)) + " · Click to choose another file ", 1)
+                  ], 64)) : (a(), u(b, { key: 1 }, [
+                    e[29] || (e[29] = l("span", { class: "mt-3 text-sm font-medium" }, "Choose a PDF", -1)),
+                    e[30] || (e[30] = l("span", { class: "mt-1 text-xs text-muted-foreground" }, "Click to browse your files", -1))
+                  ], 64))
+                ], 8, Rt),
+                y.value ? (a(), u("div", Et, [
+                  s(d(X), { class: "mt-0.5 size-4 shrink-0" }),
+                  l("span", null, i(y.value), 1)
+                ])) : v("", !0),
+                s(we, null, {
+                  default: n(() => [
+                    s(p, {
+                      variant: "outline",
+                      disabled: $.value,
+                      onClick: e[9] || (e[9] = (t) => E.value = !1)
+                    }, {
+                      default: n(() => [...e[31] || (e[31] = [
+                        r(" Cancel ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    s(p, {
+                      disabled: $.value || !g.value,
+                      onClick: $e
+                    }, {
+                      default: n(() => [
+                        $.value ? (a(), m(d(Y), {
+                          key: 0,
+                          class: "mr-2 size-4 animate-spin"
+                        })) : v("", !0),
+                        r(" " + i($.value ? "Uploading…" : "Upload PDF"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ]);
+    };
+  }
+});
+export {
+  qt as default
+};