@feedmepos/mf-report 5.32.2 → 5.32.3

package/dist/ReportCanvasView-0680UK2i.js

@@ -0,0 +1,1035 @@
+import { defineComponent as ut, ref as d, computed as k, watch as $e, onMounted as dt, onBeforeUnmount as He, resolveComponent as re, createElementBlock as p, openBlock as s, createElementVNode as n, createVNode as F, toDisplayString as c, createCommentVNode as x, Fragment as Pe, renderList as Ne, normalizeClass as Ue, createBlock as ne, nextTick as qe, unref as o, withDirectives as ea, withCtx as fe, isRef as lt, vShow as ta, withKeys as aa, withModifiers as oa } from "vue";
+import { useRoute as na, useRouter as ra } from "vue-router";
+import { u as ct, _ as vt } from "./_plugin-vue_export-helper-C6QDExPN.js";
+import { storeToRefs as je } from "pinia";
+import { useSnackbar as sa } from "@feedmepos/ui-library";
+import { g as la, r as ia, f as ua, h as da, u as ca, c as va, b as fa, a as ma, R as pa, e as ya, p as ba, i as ha, j as ga, k as it, l as wa } from "./useReportCanvasPanel-6D4KNid_.js";
+import { _ as _a } from "./LocationSelect.vue_vue_type_script_setup_true_lang-DgFWhBfv.js";
+import { D as ka } from "./DateRangeSelect-6ojNsYQf.js";
+import { a as ft, j as xa } from "./app-DSxKqUxD.js";
+import { u as Ca } from "./report-DcuMyUEc.js";
+import { u as Sa } from "./global-loader-BuxFfehu.js";
+import { r as Ra } from "./i18n-DbyciK4x.js";
+const Va = ["aria-label"], Aa = { class: "flex h-64 shrink-0 items-center gap-12 border-b border-fm-color-border-secondary px-[20px]" }, $a = { class: "fm-typo-en-body-md-600 grow" }, Ea = ["aria-label", "disabled"], Fa = { class: "min-h-0 grow overflow-y-auto px-[20px] py-[20px]" }, Da = { class: "fm-typo-en-body-md-400 mb-[20px] text-fm-color-typo-secondary" }, Ia = { class: "mb-24 rounded-[12px] border border-fm-color-border-secondary p-16" }, Ta = { class: "mb-8 flex items-center gap-8" }, Oa = { class: "fm-typo-en-body-md-600 grow" }, Ba = { class: "fm-typo-en-body-sm-600 rounded-md bg-fm-color-neutral-gray-100 px-8 py-4" }, La = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, za = ["aria-label"], Pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Na = {
+  key: 1,
+  role: "alert",
+  class: "rounded-[12px] border border-fm-color-border-secondary p-[20px]"
+}, Ua = { class: "fm-typo-en-body-md-600 mb-8" }, qa = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary" }, ja = {
+  key: 2,
+  class: "flex flex-col items-center rounded-[12px] bg-fm-color-neutral-gray-50 px-16 py-32 text-center"
+}, Ha = { class: "fm-typo-en-body-md-600 mb-8" }, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ka = { class: "fm-typo-en-body-sm-600 mb-12 text-fm-color-typo-secondary" }, Ja = { class: "ml-4 border-l border-fm-color-border-secondary pl-16" }, Wa = ["aria-expanded", "aria-controls", "aria-current", "disabled", "onClick"], Za = { class: "mb-4 flex items-center gap-8" }, Ga = ["datetime", "title"], Qa = {
+  key: 0,
+  "data-testid": "canvas-version-current",
+  class: "fm-typo-en-body-sm-600 rounded-md bg-fm-color-neutral-gray-100 px-8 py-4 text-fm-color-typo-secondary"
+}, Xa = {
+  key: 0,
+  class: "fm-typo-en-body-md-600 block break-words text-fm-color-typo-secondary"
+}, Ya = { class: "fm-typo-en-body-md-400 line-clamp-3 block break-words" }, eo = {
+  "data-testid": "canvas-version-author",
+  class: "mt-8 flex items-center gap-8 text-fm-color-typo-secondary"
+}, to = { class: "fm-typo-en-body-sm-400 line-clamp-1 break-words" }, ao = { class: "shrink-0 border-t border-fm-color-border-secondary p-[20px]" }, oo = { class: "fm-typo-en-body-sm-400 mb-4 text-fm-color-typo-secondary" }, no = { class: "fm-typo-en-body-md-400 mb-16 max-h-[120px] overflow-y-auto whitespace-pre-wrap break-words" }, ro = {
+  key: 0,
+  role: "alert",
+  class: "fm-typo-en-body-md-400 mb-12 text-fm-color-typo-error"
+}, so = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 mb-12 text-fm-color-typo-secondary"
+}, lo = {
+  key: 2,
+  class: "flex items-center justify-end gap-8"
+}, io = ["disabled"], uo = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, co = { class: "fm-typo-en-body-sm-400 mt-12 text-fm-color-typo-secondary" }, vo = /* @__PURE__ */ ut({
+  __name: "ReportCanvasHistory",
+  props: {
+    reportId: {},
+    publishedAt: {},
+    timezone: {},
+    hasDraft: { type: Boolean },
+    busy: { type: Boolean }
+  },
+  emits: ["close", "restored", "restoring"],
+  setup(me, { emit: se }) {
+    const N = me, M = se, { t: f, locale: C } = ct(), l = (a, r = {}) => f(`reportV5.reportCanvas.history.${a}`, r), $ = d([]), D = d(!0), W = d(!1), ee = d(!1), v = d(!1), i = d(!1), I = d(), le = d(), te = d(), U = d(), L = k(() => $.value.find((a) => a.id === I.value)), w = k(() => N.hasDraft || N.busy || v.value);
+    let q = !0, Z = null;
+    function ie(a, r) {
+      const V = new Date(a);
+      return Number.isFinite(V.getTime()) ? new Intl.DateTimeFormat(C.value, { ...r, timeZone: N.timezone }).format(
+        V
+      ) : l("unknownDate");
+    }
+    const ue = (a) => ie(a, { dateStyle: "medium", timeStyle: "short" }), m = (a) => ie(a, { hour: "numeric", minute: "2-digit", second: "2-digit" }), b = (a) => ie(a, { year: "numeric", month: "2-digit", day: "2-digit" });
+    function R(a) {
+      return b(a) === b((/* @__PURE__ */ new Date()).toISOString()) ? l("today") : ie(a, { month: "long", day: "numeric", year: "numeric" });
+    }
+    const T = k(() => {
+      const a = [];
+      for (const r of [...$.value].sort((V, j) => Date.parse(j.at) - Date.parse(V.at))) {
+        const V = b(r.at), j = a.find((ge) => ge.key === V);
+        j ? j.versions.push(r) : a.push({ key: V, label: R(r.at), versions: [r] });
+      }
+      return a;
+    }), z = (a) => {
+      var r;
+      return a.id === ((r = $.value[0]) == null ? void 0 : r.id);
+    }, G = (a) => a.prompt.trim() || l("noPrompt"), K = (a) => a.restoredFrom ? l("restoredFrom", { at: ue(a.restoredFrom) }) : "", ce = (a) => [K(a), G(a)].filter(Boolean).join(" "), Ce = (a) => {
+      var r, V;
+      return ((r = a.author) == null ? void 0 : r.name) || ((V = a.author) == null ? void 0 : V.email) || l("unknownUser");
+    };
+    async function he() {
+      D.value = !0, W.value = !1;
+      try {
+        const a = await la(N.reportId);
+        q && ($.value = a);
+      } catch {
+        q && (W.value = !0);
+      } finally {
+        q && (D.value = !1);
+      }
+    }
+    function Q(a) {
+      v.value || z(a) || (I.value = I.value === a.id ? void 0 : a.id, i.value = !1, ee.value = !1);
+    }
+    async function Se() {
+      var a;
+      !L.value || w.value || (i.value = !0, await qe(), (a = te.value) == null || a.focus());
+    }
+    async function S() {
+      var a;
+      i.value = !1, ee.value = !1, await qe(), (a = U.value) == null || a.focus();
+    }
+    async function ae() {
+      if (!(!L.value || w.value || !i.value)) {
+        v.value = !0, M("restoring", !0), ee.value = !1;
+        try {
+          const a = await ia(N.reportId, L.value.id);
+          q && M("restored", a);
+        } catch {
+          q && (ee.value = !0);
+        } finally {
+          v.value = !1, M("restoring", !1);
+        }
+      }
+    }
+    function pe(a) {
+      a.key === "Escape" && (a.stopPropagation(), !v.value && (i.value ? S() : M("close")));
+    }
+    return $e(w, (a) => {
+      a && !v.value && (i.value = !1);
+    }), dt(() => {
+      var a;
+      Z = document.activeElement, (a = le.value) == null || a.focus(), he();
+    }), He(() => {
+      q = !1, Z == null || Z.focus();
+    }), (a, r) => {
+      const V = re("FmIcon"), j = re("FmButton"), ge = re("FmAvatar");
+      return s(), p("aside", {
+        "data-testid": "canvas-versions",
+        class: "flex h-full min-h-0 flex-col border-l border-fm-color-border-secondary bg-fm-color-neutral-white text-fm-color-typo-primary",
+        "aria-label": l("title"),
+        onKeydown: pe
+      }, [
+        n("header", Aa, [
+          F(V, {
+            name: "history",
+            size: "md",
+            class: "text-fm-color-typo-secondary"
+          }),
+          n("h2", $a, c(l("title")), 1),
+          n("button", {
+            ref_key: "closeButton",
+            ref: le,
+            "data-testid": "canvas-versions-close",
+            class: "history-button flex h-[36px] w-[36px] items-center justify-center rounded-md text-fm-color-typo-secondary",
+            "aria-label": l("close"),
+            disabled: v.value,
+            onClick: r[0] || (r[0] = (J) => M("close"))
+          }, [
+            F(V, {
+              name: "close",
+              size: "md"
+            })
+          ], 8, Ea)
+        ]),
+        n("div", Fa, [
+          n("p", Da, c(l("intro")), 1),
+          n("div", Ia, [
+            n("div", Ta, [
+              r[1] || (r[1] = n("span", {
+                class: "h-8 w-8 rounded-full bg-fm-color-primary",
+                "aria-hidden": "true"
+              }, null, -1)),
+              n("span", Oa, c(l("current")), 1),
+              n("span", Ba, c(l("published")), 1)
+            ]),
+            a.publishedAt ? (s(), p("p", La, c(ue(a.publishedAt)), 1)) : x("", !0)
+          ]),
+          D.value ? (s(), p("div", {
+            key: 0,
+            role: "status",
+            class: "space-y-16",
+            "aria-label": l("loading")
+          }, [
+            n("p", Pa, c(l("loading")), 1),
+            (s(), p(Pe, null, Ne(3, (J) => n("div", {
+              key: J,
+              class: "rounded-lg border border-fm-color-border-secondary p-16",
+              "aria-hidden": "true"
+            }, r[2] || (r[2] = [
+              n("div", { class: "mb-12 h-12 w-1/3 rounded bg-fm-color-neutral-gray-100" }, null, -1),
+              n("div", { class: "h-12 w-3/4 rounded bg-fm-color-neutral-gray-100" }, null, -1)
+            ]))), 64))
+          ], 8, za)) : W.value ? (s(), p("div", Na, [
+            n("p", Ua, c(l("loadFailed")), 1),
+            n("p", qa, c(l("loadFailedHint")), 1),
+            F(j, {
+              variant: "secondary",
+              label: l("retry"),
+              onClick: he
+            }, null, 8, ["label"])
+          ])) : $.value.length ? x("", !0) : (s(), p("div", ja, [
+            F(V, {
+              name: "history",
+              size: "lg",
+              class: "mb-12 text-fm-color-typo-secondary"
+            }),
+            n("p", Ha, c(l("empty")), 1),
+            n("p", Ma, c(l("emptyHint")), 1)
+          ])),
+          (s(!0), p(Pe, null, Ne(D.value || W.value ? [] : T.value, (J) => (s(), p("section", {
+            key: J.key,
+            class: "mb-[20px]"
+          }, [
+            n("h3", Ka, c(J.label), 1),
+            n("ul", Ja, [
+              (s(!0), p(Pe, null, Ne(J.versions, (h) => {
+                var ye, we, Re;
+                return s(), p("li", {
+                  key: h.id,
+                  "data-testid": "canvas-version-row",
+                  class: "relative mb-8"
+                }, [
+                  r[3] || (r[3] = n("span", {
+                    class: "history-dot absolute top-[20px] h-8 w-8 rounded-full border border-fm-color-border-secondary bg-fm-color-neutral-white",
+                    "aria-hidden": "true"
+                  }, null, -1)),
+                  n("button", {
+                    class: Ue([
+                      "history-button w-full rounded-lg border p-12 text-left",
+                      I.value === h.id ? "border-fm-color-primary bg-fm-color-primary-50" : "border-transparent"
+                    ]),
+                    "aria-expanded": I.value === h.id,
+                    "aria-controls": I.value === h.id ? "canvas-version-details" : void 0,
+                    "aria-current": z(h) ? "true" : void 0,
+                    disabled: v.value || z(h),
+                    onClick: (Ee) => Q(h)
+                  }, [
+                    n("span", Za, [
+                      n("time", {
+                        datetime: h.at,
+                        title: ue(h.at),
+                        class: "fm-typo-en-body-sm-400 grow text-fm-color-typo-secondary"
+                      }, c(m(h.at)), 9, Ga),
+                      z(h) ? (s(), p("span", Qa, c(l("currentBadge")), 1)) : I.value === h.id ? (s(), ne(V, {
+                        key: 1,
+                        name: "check",
+                        size: "sm",
+                        class: "text-fm-color-primary"
+                      })) : x("", !0)
+                    ]),
+                    K(h) ? (s(), p("span", Xa, c(K(h)), 1)) : x("", !0),
+                    n("span", Ya, c(G(h)), 1),
+                    n("span", eo, [
+                      F(ge, {
+                        size: "sm",
+                        name: ((ye = h.author) == null ? void 0 : ye.name) || ((we = h.author) == null ? void 0 : we.email) || "?",
+                        src: (Re = h.author) == null ? void 0 : Re.photoUrl
+                      }, null, 8, ["name", "src"]),
+                      n("span", to, c(Ce(h)), 1)
+                    ])
+                  ], 10, Wa)
+                ]);
+              }), 128))
+            ])
+          ]))), 128))
+        ]),
+        n("footer", ao, [
+          L.value ? (s(), p("div", {
+            key: 0,
+            id: "canvas-version-details",
+            ref_key: "details",
+            ref: U,
+            tabindex: "-1",
+            class: "history-details"
+          }, [
+            n("p", oo, c(l("savedBy", { user: Ce(L.value), at: ue(L.value.at) })), 1),
+            n("p", no, c(i.value ? l("confirmHint") : ce(L.value)), 1),
+            ee.value ? (s(), p("p", ro, c(l("restoreFailed")), 1)) : x("", !0),
+            a.hasDraft || a.busy ? (s(), p("p", so, c(l(a.hasDraft ? "draftHint" : "busyHint")), 1)) : x("", !0),
+            i.value ? (s(), p("div", lo, [
+              n("button", {
+                ref_key: "cancelButton",
+                ref: te,
+                class: "history-button fm-typo-en-body-md-600 rounded-lg px-16 py-12",
+                disabled: v.value,
+                onClick: S
+              }, c(l("cancel")), 9, io),
+              F(j, {
+                "data-testid": "canvas-version-confirm",
+                variant: "primary",
+                label: l(v.value ? "restoring" : "confirm"),
+                disabled: w.value,
+                onClick: ae
+              }, null, 8, ["label", "disabled"])
+            ])) : (s(), ne(j, {
+              key: 3,
+              "data-testid": "canvas-version-restore",
+              class: "w-full",
+              variant: "primary",
+              "prepend-icon": "restore",
+              label: l("restore"),
+              disabled: w.value,
+              onClick: Se
+            }, null, 8, ["label", "disabled"]))
+          ], 512)) : (s(), p("p", uo, c(l("selectHint")), 1)),
+          n("p", co, c(l("timezone", { timezone: a.timezone })), 1)
+        ])
+      ], 40, Va);
+    };
+  }
+}), fo = /* @__PURE__ */ vt(vo, [["__scopeId", "data-v-7df5ac71"]]), mo = 2e3, po = 10 * 6e4;
+function yo(me, se, N, M) {
+  const { timezone: f } = je(ft()), C = d(null), l = d(null), $ = d(!1), D = d(""), W = [];
+  function ee(m) {
+    W.push(m);
+  }
+  let v;
+  function i() {
+    v !== void 0 && (window.clearInterval(v), v = void 0);
+  }
+  function I() {
+    var m;
+    v !== void 0 || se.value || ((m = C.value) == null ? void 0 : m.status) === "running" && (v = window.setInterval(() => void le(), mo));
+  }
+  async function le() {
+    var m;
+    if (se.value) {
+      i();
+      return;
+    }
+    try {
+      const { run: b } = await da(me, M == null ? void 0 : M.value);
+      b && te(b), ((m = C.value) == null ? void 0 : m.status) !== "running" ? i() : C.value.updatedAt && Date.now() - new Date(C.value.updatedAt).getTime() > po && ($.value = !0, i());
+    } catch {
+    }
+  }
+  function te(m, b) {
+    b !== void 0 && (l.value = b);
+    const R = m.sections.some((T) => {
+      var G;
+      const z = (G = C.value) == null ? void 0 : G.sections.find((K) => K.id === T.id);
+      return T.status === "ok" && (z == null ? void 0 : z.status) !== "ok";
+    });
+    C.value = m, $.value = !1, R && W.forEach((T) => T()), I();
+  }
+  function U(m) {
+    var R;
+    if (m.name !== "build_run") return;
+    const b = m.data;
+    Array.isArray(b.sections) && te(
+      {
+        runId: b.runId ? String(b.runId) : void 0,
+        status: b.status ?? "running",
+        sections: b.sections,
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+      },
+      // first snapshot of this turn claims the anchor; later ones keep it
+      (R = C.value) != null && R.runId && C.value.runId === b.runId ? void 0 : (N == null ? void 0 : N.value) ?? null
+    );
+  }
+  function L() {
+    i(), C.value = null, l.value = null, $.value = !1, D.value = "";
+  }
+  function w(m, b = []) {
+    m && m.status !== "ok" && te(m, Z(m, b));
+  }
+  function q(m) {
+    l.value || !C.value || (l.value = Z(C.value, m));
+  }
+  function Z(m, b) {
+    if (!m.runId) return null;
+    const R = b.find(
+      (T) => T.role === "assistant" && T.parts.some(
+        (z) => {
+          var G;
+          return z.type === "data-build_run" && ((G = z.data) == null ? void 0 : G.runId) === m.runId;
+        }
+      )
+    );
+    return (R == null ? void 0 : R.id) ?? null;
+  }
+  async function ie(m) {
+    var b;
+    if (!(!((b = C.value) != null && b.runId) || C.value.status === "running")) {
+      D.value = "";
+      try {
+        const { run: R } = await ua(
+          me,
+          C.value.runId,
+          m,
+          o(f.value)
+        );
+        te(R);
+      } catch (R) {
+        D.value = R instanceof Error ? R.message : String(R);
+      }
+    }
+  }
+  async function ue() {
+    $.value = !1, await le();
+  }
+  return He(i), {
+    run: C,
+    anchorId: l,
+    stale: $,
+    retryError: D,
+    seed: w,
+    reanchor: q,
+    clear: L,
+    noteEvent: U,
+    retry: ie,
+    refresh: ue,
+    onLanded: ee
+  };
+}
+const bo = "page_filters", ho = { class: "flex min-w-0 grow flex-col" }, go = { class: "fm-typo-en-title-md-600 block min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap" }, wo = { class: "relative shrink-0" }, _o = {
+  key: 0,
+  class: "flex items-center gap-8 border-b border-fm-color-border-secondary px-16 py-8"
+}, ko = {
+  key: 0,
+  class: "flex min-w-0 grow items-start overflow-x-auto scrollbar-hide"
+}, xo = {
+  key: 1,
+  class: "grow"
+}, Co = {
+  key: 2,
+  class: "flex shrink-0 items-center gap-4"
+}, So = ["aria-pressed", "aria-label", "disabled"], Ro = {
+  key: 1,
+  "data-testid": "canvas-draft-bar",
+  class: "flex items-center gap-12 border-b border-fm-color-border-secondary bg-fm-color-system-info-100 px-16 py-8"
+}, Vo = { class: "fm-typo-en-body-sm-500 text-fm-color-typo-primary" }, Ao = { class: "fm-typo-en-body-sm-400 grow text-fm-color-typo-secondary" }, $o = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error"
+}, Eo = {
+  key: 2,
+  role: "status",
+  class: "fm-typo-en-body-sm-400 flex items-center gap-8 border-b border-fm-color-border-secondary px-16 py-8"
+}, Fo = { class: "grow" }, Do = ["aria-label"], Io = {
+  key: 3,
+  class: "fm-typo-en-body-sm-400 border-b border-fm-color-border-secondary bg-fm-color-system-warning-100 px-16 py-8"
+}, To = {
+  key: 4,
+  class: "fm-typo-en-body-sm-400 p-16 text-fm-color-typo-error"
+}, Oo = ["srcdoc", "title"], Bo = ["role", "aria-modal", "aria-label"], Lo = { class: "fm-typo-en-title-sm-600" }, zo = ["onKeydown"], Po = /* @__PURE__ */ ut({
+  __name: "ReportCanvasView",
+  props: {
+    reportId: {},
+    viewOnly: { type: Boolean }
+  },
+  setup(me) {
+    const se = me, N = na(), M = ra(), { t: f, te: C } = ct(), l = Ca(), { currentReport: $ } = je(l), D = k(() => {
+      var e;
+      return Ra(f, C, (e = $.value) == null ? void 0 : e.name, "other");
+    }), W = sa(), { promptLoader: ee } = Sa(), v = se.reportId || String(N.query.reportId ?? ""), i = d(), I = d(""), le = k(() => {
+      var e;
+      return ((e = i.value) == null ? void 0 : e.state) === "draft";
+    }), te = k(() => {
+      var e, t;
+      return ((t = (e = i.value) == null ? void 0 : e.unpublishedTurnIds) == null ? void 0 : t.length) ?? 0;
+    }), U = d(!1), L = d(""), w = d(!1), q = d(!1), Z = d(!1);
+    function ie() {
+      w.value = !0, S.value = !1;
+    }
+    function ue() {
+      Z.value || (w.value ? w.value = !1 : Q.value = !1);
+    }
+    async function m(e) {
+      await Ae(() => Promise.resolve(e)), w.value = !1, q.value = !0;
+    }
+    const { isAdmin: b, canUpdate: R } = xa(), T = k(() => !se.viewOnly && b.value), z = k(
+      () => {
+        var e;
+        return !se.viewOnly && !!((e = $.value) != null && e.editable) && R($.value);
+      }
+    ), G = k(
+      () => z.value ? [{ label: f("report.common.rename"), value: "rename", isPrimary: !1 }] : []
+    ), K = d(!1), ce = d("");
+    function Ce() {
+      ce.value = D.value, K.value = !0;
+    }
+    async function he() {
+      const e = $.value, t = ce.value.trim();
+      if (!(!e || !t) && (K.value = !1, t !== D.value))
+        try {
+          await ee(() => l.createOrUpdateReport({ ...e, name: t })), W.open({ message: f("report.messages.saveSuccess"), type: "success" });
+        } catch {
+          W.open({
+            message: f("report.messages.failedToAction", { action: f("report.common.rename") }),
+            type: "error"
+          });
+        }
+    }
+    const Q = d(!1), Se = d(), S = d(!1), ae = d(!1), pe = d(), a = d(), r = k({
+      get: () => ae.value ? pe.value : a.value,
+      set: (e) => {
+        ae.value ? pe.value = e : a.value = e;
+      }
+    }), V = k(
+      () => {
+        var e;
+        return !!r.value && !((e = i.value) != null && e.sections.some(
+          (t) => {
+            var u, g;
+            return t.id === ((u = r.value) == null ? void 0 : u.sectionId) && t.version === ((g = r.value) == null ? void 0 : g.version);
+          }
+        ));
+      }
+    ), j = d({});
+    function ge(e, t) {
+      var u;
+      return String(
+        ((u = e.config) == null ? void 0 : u.title) || j.value[e.id] || f("reportV5.reportAi.chat.widgetNumber", { number: t + 1 })
+      );
+    }
+    const J = d([]), h = d([]), ye = k({
+      get: () => ae.value ? J.value : h.value,
+      set: (e) => {
+        ae.value ? J.value = e : h.value = e;
+      }
+    });
+    function we() {
+      r.value = void 0, ye.value = [], S.value = !1;
+    }
+    function Re() {
+      const e = r.value;
+      if (!(e != null && e.element)) return we();
+      const { element: t, ...u } = e, g = ye.value.shift();
+      r.value = g ? { ...u, element: g, elementText: g.text ?? "", elementTag: g.tag } : u;
+    }
+    function Ee(e) {
+      e.key === "Escape" && (S.value = !1);
+    }
+    function mt(e, t = []) {
+      var g;
+      if (!S.value || X.value) return;
+      const u = (g = i.value) == null ? void 0 : g.sections.find((E) => E.id === e.sectionId);
+      !u || u.version !== e.version || (r.value = {
+        ...e,
+        viewParams: JSON.parse(JSON.stringify(_.params.value)),
+        viewIntent: JSON.parse(JSON.stringify(_.intent.value)),
+        label: e.label || ge(u, i.value.sections.indexOf(u))
+      }, ye.value = t, S.value = !1, Q.value = !0);
+    }
+    const O = d(""), Me = d(""), Ke = d("");
+    function Je(e) {
+      return H.stashDraft(O.value, a.value), P.clear(), e().then(() => {
+        const t = H.recallDraft();
+        O.value = t.text, a.value = t.target, h.value = [], S.value = !1;
+      });
+    }
+    async function pt(e) {
+      if (tt.value) return;
+      const t = e ? pe.value : void 0, u = e ? [...J.value] : [];
+      let g = !1;
+      await Je(async () => {
+        g = await H.startChat();
+      }), g && e && (ae.value = !1, a.value = t, h.value = u, pe.value = void 0, J.value = [], O.value = e, await Ve());
+    }
+    const yt = (e) => Je(async () => {
+      const t = await H.select(e);
+      P.seed(t, _e.value);
+    });
+    async function Ve() {
+      const e = O.value.trim();
+      if (!(!e || V.value || X.value)) {
+        if (Ke.value = e, O.value = "", await zt(e, r.value), Ye.value) {
+          O.value || (O.value = Ke.value);
+          return;
+        }
+        we();
+      }
+    }
+    function bt(e) {
+      const t = H.takeUnsent(e);
+      if (t)
+        return O.value = t.text, r.value = t.target, Ve();
+    }
+    function ht(e) {
+      X.value || (O.value = f("reportV5.reportAi.build.askBuilderPrompt", { title: e }), r.value = void 0);
+    }
+    async function gt() {
+      const e = await H.stop();
+      !e || O.value.trim() || (O.value = e.text, r.value = e.target);
+    }
+    function wt(e) {
+      const t = H.requestOf(e);
+      t && (O.value = t.text, r.value = t.target);
+    }
+    function _t(e) {
+      const t = H.requestOf(e);
+      if (t)
+        return O.value = t.text, r.value = t.target, Ve();
+    }
+    const _ = ca(v), H = va(v), {
+      messages: _e,
+      sessionId: We,
+      title: kt,
+      chats: xt,
+      chatsCursor: Ze,
+      chatsLoading: Ct,
+      chatsError: St,
+      switching: Ge,
+      earlier: Rt,
+      loadingEarlier: Vt,
+      streaming: Qe,
+      turnId: Xe,
+      step: At,
+      error: Ye,
+      interrupted: $t,
+      stoppable: Et,
+      stopping: Ft,
+      unsent: Dt,
+      slow: It,
+      startedAt: Tt,
+      awaiting: Ot,
+      noReplyId: Bt,
+      load: Lt,
+      send: zt,
+      onLifecycle: Pt,
+      onSettled: Nt,
+      onResumed: Ut
+    } = H, X = k(() => Qe.value || Ot.value), { dateRange: Fe, selectedLocationIds: De, locations: et, timezone: qt } = je(ft()), P = yo(v, Qe, Xe, We), tt = k(
+      () => {
+        var e;
+        return X.value || Ge.value || ((e = P.run.value) == null ? void 0 : e.status) === "running";
+      }
+    ), at = k(
+      () => {
+        var e;
+        return ((e = i.value) == null ? void 0 : e.sections.filter((t) => t.id !== bo)) ?? [];
+      }
+    ), ot = k(() => at.value.length === 0), nt = k({
+      get: () => T.value && Q.value || w.value,
+      set: (e) => {
+        Q.value = e, e || (w.value = !1);
+      }
+    }), { root: jt, drawer: Ht, docked: Ie, modal: Te } = fa(nt, S), Mt = k(
+      () => {
+        var e;
+        return ((e = i.value) == null ? void 0 : e.sections.some((t) => t.status === "pending")) ?? !1;
+      }
+    ), Kt = k(() => X.value ? At.value ?? "working" : Mt.value ? "loading" : "updating"), Y = ma(Se, {
+      onSelectSection: mt,
+      onCancelSelection: () => {
+        S.value = !1;
+      },
+      onSetParams: (e, t) => {
+        _.setParams(e, t);
+      },
+      onSectionRendered: (e, t, u) => {
+        u && (j.value = { ...j.value, [e]: u }), Oe(e, t, "ok");
+      },
+      onSectionError: (e, t, u) => {
+        console.warn("[report-canvas] section failed", { reportId: v, sectionId: e, message: u }), Oe(e, t, "error", u);
+      },
+      onSectionLayout: (e, t, u) => {
+        var E;
+        const g = (E = i.value) == null ? void 0 : E.sections.find((A) => A.id === e);
+        (g == null ? void 0 : g.status) === "ok" && Oe(e, t, "ok", void 0, u);
+      }
+    });
+    _.onResult((e) => Y.pushRows(e)), _.onParamsChanged(() => Y.pushParams(_.paramState())), _.bindStore(), $e([S, r, Y.ready, X], () => {
+      Y.setCommentMode(S.value && !X.value, r.value);
+    });
+    async function Oe(e, t, u, g, E) {
+      var ve, xe;
+      const A = (ve = i.value) == null ? void 0 : ve.sections.find((be) => be.id === e);
+      if (!A || t !== A.version) return;
+      const de = u === "error" ? g ?? "the section failed to render" : void 0, oe = E ?? A.warnings ?? [];
+      if (!(A.status === u && A.error === de && (A.warnings ?? []).join(`
+`) === oe.join(`
+`))) {
+        A.status = u, A.error = de, A.warnings = oe.length ? oe : void 0;
+        try {
+          await wa(
+            v,
+            e,
+            { version: t, status: u, error: de, warnings: oe },
+            (xe = i.value) == null ? void 0 : xe.state
+          );
+        } catch (be) {
+          console.warn("[report-canvas] ack failed", { reportId: v, sectionId: e, err: be });
+        }
+      }
+    }
+    async function Ae(e) {
+      if (!U.value) {
+        U.value = !0, L.value = "";
+        try {
+          const t = await e();
+          i.value = t, _.load(t), await Y.init(t.sections, _.paramState(), _.env());
+        } catch (t) {
+          L.value = t instanceof Error ? t.message : String(t);
+        } finally {
+          U.value = !1;
+        }
+      }
+    }
+    const Jt = () => Ae(() => ba(v)), Wt = () => Ae(() => ha(v)), Zt = (e) => Ae(() => ga(v, e));
+    async function Gt() {
+      try {
+        I.value = "";
+        const e = await it(v);
+        i.value = e, _.load(e), T.value && ot.value && Ie.value && (Q.value = !0), await qe(), await Y.init(e.sections, _.paramState(), _.env());
+      } catch (e) {
+        I.value = e instanceof Error ? e.message : String(e);
+      }
+    }
+    const Be = /* @__PURE__ */ new Set();
+    let ke = null, Le = !1;
+    function ze() {
+      return ke ? (Le = !0, ke) : (ke = (async () => {
+        do {
+          Le = !1;
+          try {
+            await Qt();
+          } catch (e) {
+            console.warn("[report-canvas] refresh failed", { reportId: v, err: e });
+          }
+        } while (Le);
+      })().finally(() => {
+        ke = null;
+      }), ke);
+    }
+    async function Qt() {
+      var de, oe;
+      const e = (((de = i.value) == null ? void 0 : de.sections) ?? []).map((B) => B.id), t = new Map(
+        (((oe = i.value) == null ? void 0 : oe.sections) ?? []).map((B) => [B.id, B.version])
+      ), u = await it(v);
+      i.value = u;
+      const g = [...Be];
+      Be.clear(), _.applyCanvas(u, g) && Y.pushParams(_.paramState());
+      const E = u.sections.map((B) => B.id);
+      if (E.length !== e.length || E.some((B, ve) => B !== e[ve])) {
+        await Y.init(u.sections, _.paramState(), _.env());
+        return;
+      }
+      const A = u.sections.filter(
+        (B) => t.get(B.id) !== B.version
+      );
+      A.length && await Y.swapSections(A);
+    }
+    const Xt = ["param_written", "sql_written", "section_written", "deleted", "reordered", "restored"];
+    Pt((e) => {
+      e.name === "sql_written" && typeof e.data.queryId == "string" && Be.add(e.data.queryId), Xt.includes(e.name) && ze(), P.noteEvent(e);
+    }), Nt(() => void ze()), Ut((e) => P.seed(e, _e.value)), $e(_e, (e) => P.reanchor(e)), P.onLanded(() => void ze()), $e([et, qt], () => {
+      i.value && Y.pushEnv(_.env());
+    });
+    const Yt = k(
+      () => Object.values(_.results.value).some((e) => e.truncated)
+    );
+    return dt(async () => {
+      window.addEventListener("keydown", Ee), await Gt(), T.value && P.seed(await Lt(), _e.value);
+    }), He(() => window.removeEventListener("keydown", Ee)), (e, t) => {
+      var B, ve, xe, be, rt, st;
+      const u = re("FmTooltip"), g = re("FmPageHead"), E = re("FmButton"), A = re("FmIcon"), de = re("FmTextField"), oe = re("FmDialog");
+      return s(), p("div", {
+        ref_key: "root",
+        ref: jt,
+        class: "relative flex h-full min-h-0 w-full"
+      }, [
+        n("div", ho, [
+          e.viewOnly ? x("", !0) : (s(), ne(g, {
+            key: 0,
+            class: "remove-line-clamping shrink-0",
+            title: D.value,
+            "back-button": !0,
+            actions: G.value,
+            "onClick:back": t[0] || (t[0] = (y) => o(M).push({ name: "reports", query: o(N).query })),
+            "onClick:action": t[1] || (t[1] = (y) => y === "rename" && Ce())
+          }, {
+            title: fe(() => [
+              F(u, {
+                content: D.value,
+                placement: "bottom",
+                "z-index": 2e3,
+                class: "flex min-w-0 max-w-full justify-start"
+              }, {
+                default: fe(() => [
+                  n("p", go, c(D.value), 1)
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            _: 1
+          }, 8, ["title", "actions"])),
+          n("div", wo, [
+            !e.viewOnly || ((B = i.value) == null ? void 0 : B.hostFilters) !== !1 ? (s(), p("div", _o, [
+              ((ve = i.value) == null ? void 0 : ve.hostFilters) !== !1 ? (s(), p("div", ko, [
+                F(_a, {
+                  modelValue: o(De),
+                  "onUpdate:modelValue": t[3] || (t[3] = (y) => lt(De) ? De.value = y : null),
+                  options: o(et)
+                }, {
+                  default: fe(() => [
+                    F(ka, {
+                      "date-range": o(Fe),
+                      "onUpdate:dateRange": t[2] || (t[2] = (y) => lt(Fe) ? Fe.value = y : null)
+                    }, null, 8, ["date-range"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "options"])
+              ])) : (s(), p("div", xo)),
+              at.value.length && !e.viewOnly ? (s(), p("div", Co, [
+                (xe = i.value) != null && xe.canEdit && ((be = i.value) != null && be.publishedAt) ? (s(), ne(E, {
+                  key: 0,
+                  "data-testid": "canvas-versions-open",
+                  variant: "tertiary",
+                  "prepend-icon": "history",
+                  label: o(f)("reportV5.reportCanvas.draft.history"),
+                  "aria-expanded": w.value,
+                  onClick: ie
+                }, null, 8, ["label", "aria-expanded"])) : x("", !0),
+                T.value ? (s(), ne(u, {
+                  key: 1,
+                  placement: "bottom",
+                  content: o(f)(
+                    S.value ? "reportV5.reportAi.chat.cancelSelection" : "reportV5.reportAi.chat.commentWidget"
+                  )
+                }, {
+                  default: fe(() => [
+                    n("button", {
+                      "data-testid": "canvas-comment-toggle",
+                      class: Ue(["canvas-comment-target flex h-32 w-32 items-center justify-center rounded-md text-fm-color-typo-secondary disabled:opacity-50", S.value && "bg-fm-color-neutral-gray-100 text-fm-color-primary"]),
+                      "aria-pressed": S.value,
+                      "aria-label": o(f)("reportV5.reportAi.chat.commentWidget"),
+                      disabled: X.value || w.value,
+                      onClick: t[4] || (t[4] = (y) => S.value = !S.value)
+                    }, t[19] || (t[19] = [
+                      n("svg", {
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 20 20",
+                        fill: "none",
+                        "aria-hidden": "true"
+                      }, [
+                        n("path", {
+                          d: "M5 3.5h5a6.5 6.5 0 1 1-6.5 6.5V5A1.5 1.5 0 0 1 5 3.5Z",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        })
+                      ], -1)
+                    ]), 10, So)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : x("", !0),
+                T.value && !Q.value && !w.value ? (s(), ne(E, {
+                  key: 2,
+                  "data-testid": "report-canvas-chat-open",
+                  variant: "tertiary",
+                  "prepend-icon": "auto_awesome",
+                  label: o(f)("reportV5.reportAi.chat.open"),
+                  onClick: t[5] || (t[5] = (y) => Q.value = !0)
+                }, null, 8, ["label"])) : x("", !0)
+              ])) : x("", !0)
+            ])) : x("", !0)
+          ]),
+          le.value && !e.viewOnly ? (s(), p("div", Ro, [
+            n("span", Vo, c(o(f)("reportV5.reportCanvas.draft.pending", { count: te.value })), 1),
+            n("span", Ao, c(o(f)("reportV5.reportCanvas.draft.hint")), 1),
+            L.value ? (s(), p("span", $o, c(L.value), 1)) : x("", !0),
+            F(E, {
+              "data-testid": "canvas-draft-discard",
+              variant: "tertiary",
+              label: o(f)("reportV5.reportCanvas.draft.discard"),
+              disabled: U.value,
+              onClick: Wt
+            }, null, 8, ["label", "disabled"]),
+            F(E, {
+              "data-testid": "canvas-draft-publish",
+              variant: "primary",
+              label: o(f)("reportV5.reportCanvas.draft.publish"),
+              disabled: U.value,
+              onClick: Jt
+            }, null, 8, ["label", "disabled"])
+          ])) : x("", !0),
+          q.value ? (s(), p("div", Eo, [
+            F(A, {
+              name: "check_circle",
+              size: "sm"
+            }),
+            n("span", Fo, c(o(f)("reportV5.reportCanvas.history.restored")), 1),
+            n("button", {
+              class: "flex h-32 w-32 items-center justify-center rounded-md",
+              "aria-label": o(f)("reportV5.reportCanvas.draft.close"),
+              onClick: t[6] || (t[6] = (y) => q.value = !1)
+            }, [
+              F(A, {
+                name: "close",
+                size: "sm"
+              })
+            ], 8, Do)
+          ])) : x("", !0),
+          Yt.value ? (s(), p("div", Io, c(o(f)("reportV5.reportCanvas.canvas.truncated")), 1)) : x("", !0),
+          I.value ? (s(), p("p", To, c(I.value), 1)) : x("", !0),
+          ea(n("iframe", {
+            ref_key: "frame",
+            ref: Se,
+            "data-testid": "report-canvas-frame",
+            class: "min-h-0 grow border-0",
+            srcdoc: o(pa),
+            sandbox: "allow-scripts",
+            title: o(f)("reportV5.reportCanvas.canvas.title")
+          }, null, 8, Oo), [
+            [ta, !I.value]
+          ])
+        ]),
+        o(Te) ? (s(), p("button", {
+          key: 0,
+          type: "button",
+          tabindex: "-1",
+          "aria-hidden": "true",
+          "data-testid": "canvas-scrim",
+          class: "canvas-scrim absolute inset-0 z-20 cursor-default",
+          onClick: ue
+        })) : x("", !0),
+        !e.viewOnly && nt.value && (o(Ie) || !S.value) ? (s(), p("div", {
+          key: 1,
+          ref_key: "drawer",
+          ref: Ht,
+          class: Ue(
+            o(Ie) ? "w-[380px] shrink-0" : "absolute inset-y-0 right-0 z-30 w-full max-w-[380px] shadow-lg"
+          ),
+          role: o(Te) ? "dialog" : void 0,
+          "aria-modal": o(Te) ? "true" : void 0,
+          "aria-label": o(f)(w.value ? "reportV5.reportCanvas.draft.history" : "reportV5.reportAi.chat.title")
+        }, [
+          w.value ? (s(), ne(fo, {
+            key: 0,
+            "report-id": o(v),
+            "published-at": (rt = i.value) == null ? void 0 : rt.publishedAt,
+            timezone: o(_).env().timezone,
+            "has-draft": le.value,
+            busy: X.value || U.value,
+            onClose: t[7] || (t[7] = (y) => w.value = !1),
+            onRestored: m,
+            onRestoring: t[8] || (t[8] = (y) => Z.value = y)
+          }, null, 8, ["report-id", "published-at", "timezone", "has-draft", "busy"])) : (s(), ne(ya, {
+            key: 1,
+            "home-draft": Me.value,
+            "onUpdate:homeDraft": t[9] || (t[9] = (y) => Me.value = y),
+            "home-open": ae.value,
+            "onUpdate:homeOpen": t[10] || (t[10] = (y) => ae.value = y),
+            messages: o(_e),
+            draft: O.value,
+            target: r.value,
+            "target-stale": V.value,
+            streaming: X.value,
+            "turn-id": o(Xe),
+            phase: Kt.value,
+            slow: o(It),
+            "started-at": o(Tt),
+            error: o(Ye),
+            interrupted: o($t),
+            blank: ot.value,
+            run: o(P).run.value,
+            "run-anchor-id": o(P).anchorId.value,
+            "run-stale": o(P).stale.value,
+            "retry-error": o(P).retryError.value,
+            "undoable-turn-ids": ((st = i.value) == null ? void 0 : st.unpublishedTurnIds) ?? [],
+            undoing: U.value,
+            "unsent-ids": o(Dt),
+            "no-reply-id": o(Bt),
+            "chat-id": o(We),
+            "chat-title": o(kt),
+            chats: o(xt),
+            "chats-cursor": o(Ze),
+            "chats-loading": o(Ct),
+            "chats-error": o(St),
+            switching: o(Ge),
+            busy: tt.value,
+            stoppable: o(Et),
+            stopping: o(Ft),
+            earlier: o(Rt),
+            "loading-earlier": o(Vt),
+            "onUpdate:draft": t[11] || (t[11] = (y) => O.value = y),
+            onClearTarget: Re,
+            onSubmit: Ve,
+            onClose: t[12] || (t[12] = (y) => Q.value = !1),
+            onRetry: o(P).retry,
+            onUndo: Zt,
+            onResend: bt,
+            onAskAgain: _t,
+            onEditRequest: wt,
+            onStop: gt,
+            onAskBuilder: ht,
+            onCheckStatus: o(P).refresh,
+            onNewChat: pt,
+            onSelectChat: yt,
+            onLoadChats: t[13] || (t[13] = (y) => o(H).loadChats()),
+            onLoadMoreChats: t[14] || (t[14] = (y) => o(H).loadChats(o(Ze) ?? void 0)),
+            onLoadEarlier: t[15] || (t[15] = (y) => o(H).loadEarlier())
+          }, null, 8, ["home-draft", "home-open", "messages", "draft", "target", "target-stale", "streaming", "turn-id", "phase", "slow", "started-at", "error", "interrupted", "blank", "run", "run-anchor-id", "run-stale", "retry-error", "undoable-turn-ids", "undoing", "unsent-ids", "no-reply-id", "chat-id", "chat-title", "chats", "chats-cursor", "chats-loading", "chats-error", "switching", "busy", "stoppable", "stopping", "earlier", "loading-earlier", "onRetry", "onCheckStatus"]))
+        ], 10, Bo)) : x("", !0),
+        z.value ? (s(), ne(oe, {
+          key: 2,
+          modelValue: K.value,
+          "onUpdate:modelValue": t[18] || (t[18] = (y) => K.value = y),
+          overlay: !0,
+          "dismiss-away": !0
+        }, {
+          "dialog-header": fe(() => [
+            n("p", Lo, c(o(f)("report.common.rename")), 1)
+          ]),
+          default: fe(() => [
+            n("div", {
+              onKeydown: aa(oa(he, ["prevent"]), ["enter"])
+            }, [
+              F(de, {
+                modelValue: ce.value,
+                "onUpdate:modelValue": t[16] || (t[16] = (y) => ce.value = y),
+                label: o(f)("report.view.report.name"),
+                placeholder: o(f)("report.view.report.enter")
+              }, null, 8, ["modelValue", "label", "placeholder"])
+            ], 40, zo)
+          ]),
+          "dialog-footer": fe(() => [
+            t[20] || (t[20] = n("div", { class: "grow" }, null, -1)),
+            F(E, {
+              label: o(f)("report.common.cancel"),
+              variant: "tertiary",
+              onClick: t[17] || (t[17] = (y) => K.value = !1)
+            }, null, 8, ["label"]),
+            F(E, {
+              label: o(f)("report.common.save"),
+              variant: "primary",
+              disabled: ce.value.trim() === "",
+              onClick: he
+            }, null, 8, ["label", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : x("", !0)
+      ], 512);
+    };
+  }
+}), Xo = /* @__PURE__ */ vt(Po, [["__scopeId", "data-v-13446d13"]]);
+export {
+  Xo as default
+};