@feedmepos/mf-report 5.34.2 → 5.35.0

package/dist/ReportCanvasView-DJZItxK4.js

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