@feedmepos/mf-report 5.31.3-beta.0 → 5.32.0-beta.0

package/dist/ReportCanvasView-m_qW7QgV.js

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