react-semaphor 0.1.525 → 0.1.526

package/dist/chunks/report-preferences-dialog-BcH-0lR-.js

@@ -0,0 +1,1232 @@
+import { jsxs as l, jsx as a, Fragment as $ } from "react/jsx-runtime";
+import Pe, { useRef as M, useState as C, useCallback as _, useEffect as U, lazy as ie, Suspense as J, Activity as De, useMemo as q, useId as V } from "react";
+import { aJ as Re, aK as _e, aL as Ae, aM as Ie, aN as Le, a as Fe, E as ze, F as Ue, B as Oe, S as je, U as Ve, D as We, C as Me, ax as Se, aO as $e, aP as ce, aQ as Z, aR as Be, e as He, f as Ke, g as Ge, h as Je, i as de, j as ue, aS as qe, aT as oe, aU as Ze, aV as Ye, aW as Xe, aX as Qe, aY as ea } from "./semaphor-ready-indicator-BLRDuLr4.js";
+import { u as R, E as aa, c as z, Z as ta, $ as ra, P as la, a as na, B as L, b as sa, C as me, L as xe, _ as I, S as ae, d as te, e as re, f as le, g as F } from "./code-highlight-994tgM9v.js";
+import { L as O, T as ia, a as oa, b as fe, d as he } from "./switch-XaAACBrJ.js";
+import { X as ca } from "./x-CXDkqdur.js";
+import "./validators-CsdOtZI6.js";
+import "./matrix-operation-contract-D32U2CSw.js";
+import { parseValueFormatPreferencesResponse as da, canonicalizeSupportedLocale as we, getSupportedCurrencyCodes as ua, canonicalizeSupportedCurrencyCode as ma } from "../value-format-preferences/index.js";
+import { S as fa } from "./pre-block-Cq1RqhZX.js";
+import { a as ha } from "./report-runtime-context-CxIoGyNM.js";
+import { r as H, a as W } from "./raw-temporal-7bFbXd2a.js";
+function va(e = []) {
+  const r = M(null), t = M(null), s = M(null), [n, i] = C(), o = _(() => {
+    var g, v, p;
+    const m = ((g = r.current) == null ? void 0 : g.clientWidth) ?? 0, h = ((v = s.current) == null ? void 0 : v.offsetWidth) ?? 0, y = ((p = t.current) == null ? void 0 : p.offsetWidth) ?? 0, f = m - h - y - 8, S = Math.max(f, 0);
+    i((k) => k === S ? k : S);
+  }, []);
+  return U(() => {
+    const m = r.current;
+    if (!m || typeof ResizeObserver > "u") return;
+    const h = new ResizeObserver(() => o());
+    return h.observe(m), o(), () => h.disconnect();
+  }, [o, ...e]), {
+    headerRef: r,
+    leftActionsRef: t,
+    rightActionsRef: s,
+    titleMaxWidth: n,
+    updateAvailableWidth: o
+  };
+}
+function pa({ filter: e }) {
+  var v;
+  const r = R(
+    (p) => p.isDashboardEditing
+  ), { preferences: t } = Re(), s = _e((v = t == null ? void 0 : t.cardDisplay) == null ? void 0 : v.mode), n = R((p) => p.filterValues), i = n == null ? void 0 : n.some(
+    (p) => p.filterId === e.id
+  ), { removeFilterValues: o, removeFilter: m, updateFilter: h } = aa(), {
+    headerRef: y,
+    leftActionsRef: N,
+    rightActionsRef: f,
+    titleMaxWidth: S,
+    updateAvailableWidth: g
+  } = va([
+    r,
+    i,
+    s
+  ]);
+  return U(() => {
+    g();
+  }, [e.title, g]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: y,
+      className: "group mb-1 flex h-5 items-center justify-between",
+      children: [
+        /* @__PURE__ */ l("div", { className: "flex grow items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: "min-w-0 flex-1",
+              style: S !== void 0 ? { maxWidth: S } : void 0,
+              children: /* @__PURE__ */ a(O, { className: "my-1 block w-full text-sm", children: /* @__PURE__ */ a(
+                Ae,
+                {
+                  value: e.title || e.column,
+                  onSave: (p) => h({ ...e, title: p }),
+                  isEditable: r,
+                  placeholder: "Filter",
+                  displayClassName: "text-sm truncate",
+                  inputClassName: "text-sm"
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: "flex shrink-0 items-center gap-1.5",
+              ref: N,
+              children: [
+                r && /* @__PURE__ */ a(Ie, { filter: e, isEditing: r }),
+                r && /* @__PURE__ */ a(
+                  "button",
+                  {
+                    onClick: () => {
+                      o(e.id), m(e.id);
+                    },
+                    className: "text-muted-foreground hover:text-foreground",
+                    children: /* @__PURE__ */ a(ca, { className: "size-3.5" })
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "hidden", ref: f })
+      ]
+    }
+  );
+}
+function ya() {
+  const e = R((s) => s.dashboard.filters), r = R((s) => s.theme), t = e == null ? void 0 : e.filter((s) => s.hide);
+  return t != null && t.length ? /* @__PURE__ */ a(
+    "div",
+    {
+      className: z("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5", {
+        "bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]": r === "light",
+        "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": r === "dark"
+      }),
+      children: t == null ? void 0 : t.map((s) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: "flex min-w-[250px] max-w-fit flex-col gap-1 p-2",
+          children: [
+            /* @__PURE__ */ a(pa, { filter: s }),
+            /* @__PURE__ */ a(Le, { filter: s })
+          ]
+        },
+        s.id
+      ))
+    }
+  ) : null;
+}
+function ga() {
+  var i;
+  const e = R((o) => o.dashboard), r = R((o) => o.selectedSheetId), t = R(
+    (o) => o.isDashboardEditing
+  ), s = (i = e.sheets) == null ? void 0 : i.find(
+    (o) => o.id === r
+  ), n = ta(s);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "dashboard-plus-main",
+      className: "flex min-h-0 grow basis-0 overflow-hidden",
+      children: /* @__PURE__ */ l("section", { className: "flex min-h-0 grow basis-0 flex-col overflow-hidden", children: [
+        t && !n && /* @__PURE__ */ a(ya, {}),
+        /* @__PURE__ */ a(Fe, {})
+      ] })
+    }
+  );
+}
+const ba = ie(() => import("./dashboard-controls-Df8qOSrs.js")), Sa = ie(
+  () => import("./edit-dashboard-visual-COHBqyic.js")
+), xa = ie(() => import("./dashboard-json-Xldp0qww.js"));
+function Ga({
+  showControls: e = !1,
+  showFooter: r = !0,
+  ...t
+}) {
+  const s = R((m) => m.isVisualEditing), n = R(
+    (m) => m.showDashboardJSON
+  ), { appearance: i, preferences: o } = t;
+  return /* @__PURE__ */ a(ze, { FallbackComponent: Ue, children: /* @__PURE__ */ a(fa, { dashboardProps: t, children: /* @__PURE__ */ l(Oe, { children: [
+    /* @__PURE__ */ a(je, { componentType: "surfboard", componentId: t.id }),
+    /* @__PURE__ */ l(Ve, { appearance: i, children: [
+      /* @__PURE__ */ a(
+        ra,
+        {
+          toastOptions: {
+            classNames: {
+              toast: "max-w-[calc(100vw-2rem)] overflow-x-hidden !items-start [--toast-close-button-end:0.5rem] [--toast-close-button-start:auto] [--toast-close-button-transform:translate(0,0)] sm:max-w-[44rem]",
+              content: "min-w-0 flex-1",
+              icon: "mt-0.5 shrink-0",
+              title: "max-w-full break-words pr-8",
+              description: "max-w-full break-words",
+              closeButton: "!top-2 h-6 w-6 rounded-md border-border bg-background text-muted-foreground hover:bg-muted hover:text-foreground"
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ l(We, { preferences: o, children: [
+        n && /* @__PURE__ */ a(J, { fallback: null, children: /* @__PURE__ */ a(xa, {}) }),
+        /* @__PURE__ */ l("main", { className: "relative flex h-full w-full flex-col overflow-hidden", children: [
+          e && /* @__PURE__ */ a(J, { fallback: null, children: /* @__PURE__ */ a(ba, {}) }),
+          /* @__PURE__ */ a("div", { className: "flex grow overflow-hidden", children: /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ l(Me, { ...t, type: "dashboard", children: [
+            s && /* @__PURE__ */ a(J, { fallback: null, children: /* @__PURE__ */ a(Sa, {}) }),
+            /* @__PURE__ */ a(De, { mode: s ? "hidden" : "visible", children: /* @__PURE__ */ a(ga, {}) })
+          ] }) }) })
+        ] })
+      ] })
+    ] })
+  ] }) }) });
+}
+function wa(e = {}) {
+  const { authToken: r, tokenProps: t } = Se(), s = R(
+    (T) => T.actions.applyResolvedCalendarPreferences
+  ), n = e.enabled ?? !0, i = (r == null ? void 0 : r.accessToken) ?? null, o = (t == null ? void 0 : t.apiServiceUrl) ?? null, [m, h] = C(!1), [y, N] = C(!1), [f, S] = C(!1), [g, v] = C(null), [p, k] = C(null), x = M(i);
+  x.current = i, U(() => {
+    k(null), v(null), h(!1), N(!1), S(!1);
+  }, [i]);
+  const P = _(async (T) => {
+    const c = ha(await T.json());
+    if (!c.ok)
+      throw new Error("Calendar preferences response is invalid");
+    return c.value;
+  }, []), E = _(async () => {
+    if (!n || !i || !o) return;
+    const T = i;
+    h(!0), v(null);
+    try {
+      const c = await fetch(
+        `${o}/v1/user-preferences/calendar`,
+        {
+          method: "GET",
+          headers: { Authorization: `Bearer ${i}` }
+        }
+      );
+      if (!c.ok) {
+        const w = await c.json().catch(() => ({}));
+        throw new Error(w.error || "Failed to fetch preferences");
+      }
+      const u = await P(c);
+      x.current === T && k(u);
+    } catch (c) {
+      x.current === T && v(c instanceof Error ? c.message : "Unknown error");
+    } finally {
+      x.current === T && h(!1);
+    }
+  }, [i, o, n, P]);
+  U(() => {
+    n && E();
+  }, [n, E]);
+  const D = _(
+    async (T) => {
+      if (!i || !o)
+        return v("Not authenticated"), !1;
+      const c = i;
+      N(!0), v(null);
+      try {
+        const u = await fetch(
+          `${o}/v1/user-preferences/calendar`,
+          {
+            method: "PATCH",
+            headers: {
+              "Content-Type": "application/json",
+              Authorization: `Bearer ${i}`
+            },
+            body: JSON.stringify(T)
+          }
+        );
+        if (!u.ok) {
+          const d = await u.json().catch(() => ({}));
+          throw new Error(d.error || "Failed to update preferences");
+        }
+        const w = await P(u);
+        return x.current !== c ? !1 : (k(w), s(w.resolved, w.sources), !0);
+      } catch (u) {
+        return x.current === c && v(u instanceof Error ? u.message : "Unknown error"), !1;
+      } finally {
+        x.current === c && N(!1);
+      }
+    },
+    [
+      i,
+      o,
+      s,
+      P
+    ]
+  ), A = _(async () => {
+    if (!i || !o)
+      return v("Not authenticated"), !1;
+    const T = i;
+    S(!0), v(null);
+    try {
+      const c = await fetch(
+        `${o}/v1/user-preferences/calendar`,
+        {
+          method: "DELETE",
+          headers: { Authorization: `Bearer ${i}` }
+        }
+      );
+      if (!c.ok) {
+        const w = await c.json().catch(() => ({}));
+        throw new Error(w.error || "Failed to clear preferences");
+      }
+      const u = await P(c);
+      return x.current !== T ? !1 : (k(u), s(u.resolved, u.sources), !0);
+    } catch (c) {
+      return x.current === T && v(c instanceof Error ? c.message : "Unknown error"), !1;
+    } finally {
+      x.current === T && S(!1);
+    }
+  }, [
+    i,
+    o,
+    s,
+    P
+  ]);
+  return {
+    preferences: p,
+    isLoading: m,
+    isSaving: y,
+    isClearing: f,
+    error: g,
+    updatePreferences: D,
+    clearPreferences: A,
+    refetch: E
+  };
+}
+const K = [
+  { value: "America/New_York", label: "Eastern Time (US & Canada)" },
+  { value: "America/Chicago", label: "Central Time (US & Canada)" },
+  { value: "America/Denver", label: "Mountain Time (US & Canada)" },
+  { value: "America/Los_Angeles", label: "Pacific Time (US & Canada)" },
+  { value: "America/Phoenix", label: "Arizona" },
+  { value: "America/Anchorage", label: "Alaska" },
+  { value: "Pacific/Honolulu", label: "Hawaii" },
+  { value: "Europe/London", label: "London" },
+  { value: "Europe/Paris", label: "Paris, Berlin, Rome" },
+  { value: "Asia/Tokyo", label: "Tokyo" },
+  { value: "Asia/Shanghai", label: "Beijing, Shanghai" },
+  { value: "Asia/Kolkata", label: "Mumbai, New Delhi" },
+  { value: "Australia/Sydney", label: "Sydney" },
+  { value: "UTC", label: "UTC" }
+], Te = [
+  { value: 0, label: "Sunday" },
+  { value: 1, label: "Monday" },
+  { value: 6, label: "Saturday" }
+], ve = "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground";
+function Ta() {
+  try {
+    const e = Intl;
+    if (e.supportedValuesOf)
+      return e.supportedValuesOf("timeZone");
+  } catch {
+  }
+  return K.map((e) => e.value);
+}
+function Na(e) {
+  if (!e) return "default";
+  if (e.tz !== e.weekStart) return "inherited";
+  switch (e.tz) {
+    case "viewer_tenant":
+      return "tenant";
+    case "viewer_organization":
+      return "organization";
+    case "system_default":
+      return "system";
+    case "session_initial":
+      return "embedded";
+    default:
+      return "default";
+  }
+}
+function pe(e) {
+  const r = K.find((t) => t.value === e);
+  return r ? r.label : e;
+}
+function Ca(e) {
+  const r = Te.find((t) => t.value === e);
+  return r ? r.label : String(e);
+}
+function ka({
+  active: e,
+  onClose: r
+}) {
+  const {
+    preferences: t,
+    isLoading: s,
+    isSaving: n,
+    isClearing: i,
+    updatePreferences: o,
+    clearPreferences: m
+  } = wa({ enabled: e }), h = $e(), y = (t == null ? void 0 : t.resolved.tz) || (h == null ? void 0 : h.tz) || "UTC", N = (t == null ? void 0 : t.resolved.weekStart) ?? (h == null ? void 0 : h.weekStart) ?? 1, [f, S] = C((t == null ? void 0 : t.stored) === null), [g, v] = C(!1), [p, k] = C(
+    y
+  ), [x, P] = C(
+    N
+  ), [E, D] = C(!1), A = q(() => Ta(), []), T = q(
+    () => A.filter(
+      (b) => !K.some((Ee) => Ee.value === b)
+    ),
+    [A]
+  ), c = q(() => pe(p), [p]), u = t != null && t.inherited ? pe(t.inherited.tz) : "UTC", w = t != null && t.inherited ? Ca(t.inherited.weekStart) : "Monday", d = Na(
+    t == null ? void 0 : t.inheritedSources
+  );
+  Pe.useEffect(() => {
+    if (!e) {
+      v(!1);
+      return;
+    }
+    g || (t && S(t.stored === null), k(y), P(N));
+  }, [
+    e,
+    g,
+    t,
+    y,
+    N
+  ]);
+  const B = async () => {
+    if (s) {
+      I.error("Preferences are still loading. Please try again.");
+      return;
+    }
+    f ? await m() ? (I.success("Now using default settings."), r()) : I.error("Failed to save preferences. Please try again.") : await o({
+      tz: p,
+      weekStart: x
+    }) ? (I.success("Preferences saved."), r()) : I.error("Failed to save preferences. Please try again.");
+  }, j = () => {
+    r();
+  }, G = n || i, ke = G || s;
+  return /* @__PURE__ */ l($, { children: [
+    /* @__PURE__ */ l("div", { className: "space-y-4 py-1", children: [
+      /* @__PURE__ */ l(
+        ce,
+        {
+          value: f ? "defaults" : "custom",
+          onValueChange: (b) => {
+            v(!0), S(b === "defaults");
+          },
+          className: "space-y-0.5",
+          children: [
+            /* @__PURE__ */ l(
+              "label",
+              {
+                htmlFor: "mode-defaults",
+                className: z(
+                  "flex cursor-pointer items-start gap-2 rounded-control px-2 py-1.5 hover:bg-muted/50",
+                  f && "bg-muted/50"
+                ),
+                onClick: () => {
+                  v(!0), S(!0);
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    Z,
+                    {
+                      value: "defaults",
+                      id: "mode-defaults",
+                      className: "mt-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ l("p", { className: "text-[13px] font-medium text-foreground", children: [
+                      "Use ",
+                      d,
+                      " defaults"
+                    ] }),
+                    /* @__PURE__ */ l("p", { className: "text-[12px] text-muted-foreground", children: [
+                      u,
+                      ", week starts ",
+                      w
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ l(
+              "label",
+              {
+                htmlFor: "mode-custom",
+                className: z(
+                  "flex cursor-pointer items-start gap-2 rounded-control px-2 py-1.5 hover:bg-muted/50",
+                  !f && "bg-muted/50"
+                ),
+                onClick: () => {
+                  v(!0), S(!1);
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    Z,
+                    {
+                      value: "custom",
+                      id: "mode-custom",
+                      className: "mt-0.5"
+                    }
+                  ),
+                  /* @__PURE__ */ a("p", { className: "flex-1 text-[13px] font-medium text-foreground", children: "Use custom settings" })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: z(
+            "space-y-4 border-t border-border/60 pt-4 transition-opacity",
+            f && "pointer-events-none opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ a(O, { className: ve, children: "Timezone" }),
+              /* @__PURE__ */ l(
+                la,
+                {
+                  open: E,
+                  onOpenChange: D,
+                  modal: !0,
+                  children: [
+                    /* @__PURE__ */ a(na, { asChild: !0, children: /* @__PURE__ */ l(
+                      L,
+                      {
+                        variant: "outline",
+                        size: "xs",
+                        role: "combobox",
+                        "aria-expanded": E,
+                        className: "w-full justify-between text-[12px] font-normal",
+                        disabled: f,
+                        children: [
+                          /* @__PURE__ */ a("span", { className: "truncate", children: c }),
+                          /* @__PURE__ */ a(Be, { className: "ml-2 h-3.5 w-3.5 shrink-0 opacity-50" })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ a(
+                      sa,
+                      {
+                        className: "z-50 w-[--radix-popover-trigger-width] p-0",
+                        align: "start",
+                        children: /* @__PURE__ */ l(He, { className: "overflow-visible", children: [
+                          /* @__PURE__ */ a(Ke, { placeholder: "Search timezones…" }),
+                          /* @__PURE__ */ l(Ge, { children: [
+                            /* @__PURE__ */ a(Je, { children: "No timezone found." }),
+                            /* @__PURE__ */ a(de, { heading: "Common", children: K.map((b) => /* @__PURE__ */ l(
+                              ue,
+                              {
+                                value: `${b.value} ${b.label}`,
+                                onSelect: () => {
+                                  v(!0), k(b.value), D(!1);
+                                },
+                                children: [
+                                  /* @__PURE__ */ a(
+                                    me,
+                                    {
+                                      className: z(
+                                        "h-3.5 w-3.5",
+                                        p === b.value ? "opacity-100" : "opacity-0"
+                                      )
+                                    }
+                                  ),
+                                  /* @__PURE__ */ a("span", { className: "flex-1", children: b.label }),
+                                  /* @__PURE__ */ a("span", { className: "text-[11px] text-muted-foreground", children: b.value })
+                                ]
+                              },
+                              b.value
+                            )) }),
+                            /* @__PURE__ */ a(qe, {}),
+                            /* @__PURE__ */ a(de, { heading: "All timezones", children: T.map((b) => /* @__PURE__ */ l(
+                              ue,
+                              {
+                                value: b,
+                                onSelect: () => {
+                                  v(!0), k(b), D(!1);
+                                },
+                                children: [
+                                  /* @__PURE__ */ a(
+                                    me,
+                                    {
+                                      className: z(
+                                        "h-3.5 w-3.5",
+                                        p === b ? "opacity-100" : "opacity-0"
+                                      )
+                                    }
+                                  ),
+                                  b
+                                ]
+                              },
+                              b
+                            )) })
+                          ] })
+                        ] })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ a(O, { className: ve, children: "Week starts on" }),
+              /* @__PURE__ */ a(
+                ce,
+                {
+                  value: String(x),
+                  onValueChange: (b) => {
+                    v(!0), P(Number(b));
+                  },
+                  className: "flex gap-4",
+                  disabled: f,
+                  children: Te.map((b) => /* @__PURE__ */ l(
+                    "label",
+                    {
+                      htmlFor: `week-start-${b.value}`,
+                      className: z(
+                        "flex cursor-pointer items-center gap-2 text-[13px]",
+                        f && "cursor-not-allowed"
+                      ),
+                      children: [
+                        /* @__PURE__ */ a(
+                          Z,
+                          {
+                            value: String(b.value),
+                            id: `week-start-${b.value}`,
+                            disabled: f
+                          }
+                        ),
+                        b.label
+                      ]
+                    },
+                    b.value
+                  ))
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(oe, { children: [
+      /* @__PURE__ */ a(
+        L,
+        {
+          variant: "outline",
+          size: "xs",
+          onClick: j,
+          disabled: G,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ a(L, { size: "xs", onClick: B, disabled: ke, children: G ? /* @__PURE__ */ l($, { children: [
+        /* @__PURE__ */ a(xe, { className: "h-3.5 w-3.5 animate-spin" }),
+        "Saving…"
+      ] }) : "Save" })
+    ] })
+  ] });
+}
+function Ea(e = {}) {
+  const { authToken: r, tokenProps: t } = Se(), s = R(
+    (c) => c.actions.applyResolvedValueFormatPreferences
+  ), n = e.enabled ?? !0, i = (r == null ? void 0 : r.accessToken) ?? null, o = (t == null ? void 0 : t.apiServiceUrl) ?? null, m = M(i);
+  m.current = i;
+  const [h, y] = C(null), [N, f] = C(!1), [S, g] = C(!1), [v, p] = C(!1), [k, x] = C(null);
+  U(() => {
+    y(null), x(null), f(!1), g(!1), p(!1);
+  }, [i]);
+  const P = _(async (c) => {
+    const u = da(await c.json());
+    if (!u.ok)
+      throw new Error("Value format preferences response is invalid");
+    return u.value;
+  }, []), E = _(
+    async (c, u) => {
+      if (!i || !o)
+        throw new Error("Not authenticated");
+      const w = await fetch(
+        `${o}/v1/user-preferences/value-format`,
+        {
+          method: c,
+          headers: {
+            Authorization: `Bearer ${i}`,
+            ...u ? { "Content-Type": "application/json" } : {}
+          },
+          body: u ? JSON.stringify(u) : void 0
+        }
+      );
+      if (!w.ok) {
+        const d = await w.json().catch(() => ({}));
+        throw new Error(d.error || "Failed to update preferences");
+      }
+      return P(w);
+    },
+    [i, o, P]
+  ), D = _(async () => {
+    if (!n || !i || !o) return;
+    const c = i;
+    f(!0), x(null);
+    try {
+      const u = await E("GET");
+      m.current === c && y(u);
+    } catch (u) {
+      m.current === c && x(u instanceof Error ? u.message : "Unknown error");
+    } finally {
+      m.current === c && f(!1);
+    }
+  }, [i, o, n, E]);
+  U(() => {
+    n && D();
+  }, [n, D]);
+  const A = _(
+    async (c) => {
+      const u = i;
+      g(!0), x(null);
+      try {
+        const w = await E("PATCH", c);
+        return m.current !== u ? !1 : (y(w), s(w.resolved, w.sources), !0);
+      } catch (w) {
+        return m.current === u && x(w instanceof Error ? w.message : "Unknown error"), !1;
+      } finally {
+        m.current === u && g(!1);
+      }
+    },
+    [i, s, E]
+  ), T = _(async () => {
+    const c = i;
+    p(!0), x(null);
+    try {
+      const u = await E("DELETE");
+      return m.current !== c ? !1 : (y(u), s(u.resolved, u.sources), !0);
+    } catch (u) {
+      return m.current === c && x(u instanceof Error ? u.message : "Unknown error"), !1;
+    } finally {
+      m.current === c && p(!1);
+    }
+  }, [i, s, E]);
+  return {
+    preferences: h,
+    isLoading: N,
+    isSaving: S,
+    isClearing: v,
+    error: k,
+    updatePreferences: A,
+    clearPreferences: T,
+    refetch: D
+  };
+}
+const ne = [
+  { value: "en-US", label: "English (United States)" },
+  { value: "en-GB", label: "English (United Kingdom)" },
+  { value: "de-DE", label: "German (Germany)" },
+  { value: "fr-FR", label: "French (France)" },
+  { value: "es-ES", label: "Spanish (Spain)" },
+  { value: "it-IT", label: "Italian (Italy)" },
+  { value: "nl-NL", label: "Dutch (Netherlands)" },
+  { value: "pt-BR", label: "Portuguese (Brazil)" },
+  { value: "ja-JP", label: "Japanese (Japan)" },
+  { value: "en-IN", label: "English (India)" },
+  { value: "en-NZ", label: "English (New Zealand)" },
+  { value: "mi-NZ", label: "Māori (New Zealand)" }
+], Ne = /* @__PURE__ */ new Set([
+  "USD",
+  "EUR",
+  "GBP",
+  "CAD",
+  "AUD",
+  "JPY",
+  "CHF",
+  "INR",
+  "BRL",
+  "KWD"
+]), Pa = ua(), Da = Pa.filter(
+  (e) => !Ne.has(e)
+), Ce = [
+  { value: "short", label: "Short" },
+  { value: "medium", label: "Medium" },
+  { value: "long", label: "Long" }
+], ye = "2026-07-31", Y = "2026-07-31T14:30:45";
+function se(e) {
+  switch (e) {
+    case "viewer_user":
+      return "user";
+    case "viewer_tenant_user":
+      return "tenant user";
+    case "viewer_tenant":
+      return "tenant";
+    case "viewer_organization":
+      return "organization";
+    case "session_initial":
+      return "embedded session";
+    case "system_default":
+      return "system";
+    default:
+      return "another preference level";
+  }
+}
+function X(e) {
+  var r;
+  return ((r = Ce.find((t) => t.value === e)) == null ? void 0 : r.label) ?? e;
+}
+function Ra(e) {
+  const r = ne.find((t) => t.value === e);
+  return r ? `${r.label} — ${r.value}` : e;
+}
+function Q(e) {
+  return {
+    short: e("short"),
+    medium: e("medium"),
+    long: e("long")
+  };
+}
+function ee({
+  id: e,
+  label: r,
+  value: t,
+  inherited: s,
+  inheritedSource: n,
+  examples: i,
+  disabled: o,
+  onValueChange: m
+}) {
+  const h = t === void 0 ? `Inherited · ${X(s)}` : X(t);
+  return /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ a(O, { htmlFor: e, className: "text-[11px] text-muted-foreground", children: r }),
+    /* @__PURE__ */ l(
+      ae,
+      {
+        value: t ?? "inherit",
+        disabled: o,
+        onValueChange: m,
+        children: [
+          /* @__PURE__ */ a(te, { id: e, size: "xs", children: /* @__PURE__ */ a(re, { children: h }) }),
+          /* @__PURE__ */ l(le, { children: [
+            /* @__PURE__ */ a(F, { value: "inherit", className: "[&>span:last-child]:w-full", children: /* @__PURE__ */ l("span", { className: "flex w-full min-w-0 items-center justify-between gap-4", children: [
+              /* @__PURE__ */ l("span", { children: [
+                "Inherited from ",
+                se(n),
+                " ·",
+                " ",
+                X(s)
+              ] }),
+              /* @__PURE__ */ a("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: i[s] })
+            ] }) }),
+            Ce.map((y) => /* @__PURE__ */ a(
+              F,
+              {
+                value: y.value,
+                className: "[&>span:last-child]:w-full",
+                children: /* @__PURE__ */ l("span", { className: "flex w-full min-w-0 items-center justify-between gap-4", children: [
+                  /* @__PURE__ */ a("span", { children: y.label }),
+                  /* @__PURE__ */ a("span", { className: "shrink-0 tabular-nums text-muted-foreground", children: i[y.value] })
+                ] })
+              },
+              y.value
+            ))
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function _a({
+  value: e,
+  inherited: r,
+  inheritedSources: t,
+  onChange: s,
+  disabled: n
+}) {
+  var T, c, u, w;
+  const i = V(), o = V(), m = V(), h = V(), y = V(), f = (e.locale === void 0 ? void 0 : we(e.locale)) ?? r.locale, S = e.defaultCurrency ?? r.defaultCurrency, g = {
+    locale: f,
+    dateStyle: e.dateStyle ?? r.dateStyle,
+    dateTime: {
+      dateStyle: ((T = e.dateTime) == null ? void 0 : T.dateStyle) ?? r.dateTime.dateStyle,
+      timeStyle: ((c = e.dateTime) == null ? void 0 : c.timeStyle) ?? r.dateTime.timeStyle
+    },
+    defaultCurrency: S
+  }, v = new Intl.NumberFormat(f, {
+    style: "currency",
+    currency: S
+  }).format(1e3), p = H({
+    preferences: g,
+    calendar: { tz: "UTC" }
+  }), k = W({
+    value: ye,
+    metadata: { kind: "raw_temporal", valueKind: "date" },
+    format: p
+  }).text, x = W({
+    value: Y,
+    metadata: { kind: "raw_temporal", valueKind: "wall_datetime" },
+    format: p
+  }).text, P = Q(
+    (d) => W({
+      value: ye,
+      metadata: { kind: "raw_temporal", valueKind: "date" },
+      format: H({
+        preferences: { ...g, dateStyle: d },
+        calendar: { tz: "UTC" }
+      })
+    }).text
+  ), E = Q(
+    (d) => W({
+      value: Y,
+      metadata: { kind: "raw_temporal", valueKind: "wall_datetime" },
+      format: H({
+        preferences: {
+          ...g,
+          dateTime: { ...g.dateTime, dateStyle: d }
+        },
+        calendar: { tz: "UTC" }
+      })
+    }).text
+  ), D = Q(
+    (d) => W({
+      value: Y,
+      metadata: { kind: "raw_temporal", valueKind: "wall_datetime" },
+      format: H({
+        preferences: {
+          ...g,
+          dateTime: { ...g.dateTime, timeStyle: d }
+        },
+        calendar: { tz: "UTC" }
+      })
+    }).text
+  ), A = (d, B) => {
+    const j = {
+      ...e.dateTime,
+      [d]: B === "inherit" ? void 0 : B
+    };
+    s({
+      ...e,
+      dateTime: j.dateStyle === void 0 && j.timeStyle === void 0 ? void 0 : j
+    });
+  };
+  return /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ a(
+        O,
+        {
+          htmlFor: i,
+          className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground",
+          children: "Locale"
+        }
+      ),
+      /* @__PURE__ */ l(
+        ae,
+        {
+          value: e.locale ?? "inherit",
+          disabled: n,
+          onValueChange: (d) => s({
+            ...e,
+            locale: d === "inherit" ? void 0 : d
+          }),
+          children: [
+            /* @__PURE__ */ a(te, { id: i, size: "xs", children: /* @__PURE__ */ a(re, { children: e.locale === void 0 ? `Inherited · ${r.locale}` : Ra(e.locale) }) }),
+            /* @__PURE__ */ l(le, { children: [
+              /* @__PURE__ */ l(F, { value: "inherit", children: [
+                "Inherited from ",
+                se(t.locale),
+                " ·",
+                " ",
+                r.locale
+              ] }),
+              e.locale && !ne.some(
+                (d) => d.value === e.locale
+              ) && /* @__PURE__ */ a(F, { value: e.locale, children: e.locale }),
+              ne.map((d) => /* @__PURE__ */ l(F, { value: d.value, children: [
+                d.label,
+                " — ",
+                d.value
+              ] }, d.value))
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("fieldset", { className: "space-y-2", children: [
+      /* @__PURE__ */ a("legend", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Date values" }),
+      /* @__PURE__ */ a(
+        ee,
+        {
+          id: m,
+          label: "Format",
+          value: e.dateStyle,
+          inherited: r.dateStyle,
+          inheritedSource: t.dateStyle,
+          examples: P,
+          disabled: n,
+          onValueChange: (d) => s({
+            ...e,
+            dateStyle: d === "inherit" ? void 0 : d
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("fieldset", { className: "space-y-2", children: [
+      /* @__PURE__ */ a("legend", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Date & time values" }),
+      /* @__PURE__ */ a(
+        ee,
+        {
+          id: h,
+          label: "Date",
+          value: (u = e.dateTime) == null ? void 0 : u.dateStyle,
+          inherited: r.dateTime.dateStyle,
+          inheritedSource: t.dateTime.dateStyle,
+          examples: E,
+          disabled: n,
+          onValueChange: (d) => A("dateStyle", d)
+        }
+      ),
+      /* @__PURE__ */ a(
+        ee,
+        {
+          id: y,
+          label: "Time",
+          value: (w = e.dateTime) == null ? void 0 : w.timeStyle,
+          inherited: r.dateTime.timeStyle,
+          inheritedSource: t.dateTime.timeStyle,
+          examples: D,
+          disabled: n,
+          onValueChange: (d) => A("timeStyle", d)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ a(
+        O,
+        {
+          htmlFor: o,
+          className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground",
+          children: "Default currency"
+        }
+      ),
+      /* @__PURE__ */ l(
+        ae,
+        {
+          value: e.defaultCurrency ?? "inherit",
+          disabled: n,
+          onValueChange: (d) => s({
+            ...e,
+            defaultCurrency: d === "inherit" ? void 0 : d
+          }),
+          children: [
+            /* @__PURE__ */ a(te, { id: o, size: "xs", children: /* @__PURE__ */ a(re, { children: e.defaultCurrency === void 0 ? `Inherited · ${r.defaultCurrency}` : e.defaultCurrency }) }),
+            /* @__PURE__ */ l(le, { children: [
+              /* @__PURE__ */ l(F, { value: "inherit", children: [
+                "Inherited from ",
+                se(t.defaultCurrency),
+                " ·",
+                " ",
+                r.defaultCurrency
+              ] }),
+              [...Ne].map((d) => /* @__PURE__ */ a(F, { value: d, children: d }, d)),
+              Da.map((d) => /* @__PURE__ */ a(F, { value: d, children: d }, d))
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l("div", { className: "rounded-control border border-border/60 bg-muted/30 px-3 py-2", children: [
+      /* @__PURE__ */ a("p", { className: "text-[10px] font-medium uppercase tracking-[0.08em] text-muted-foreground", children: "Preview" }),
+      /* @__PURE__ */ l("dl", { className: "mt-1.5 space-y-1 text-[12px]", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-baseline justify-between gap-4", children: [
+          /* @__PURE__ */ a("dt", { className: "text-muted-foreground", children: "Date" }),
+          /* @__PURE__ */ a("dd", { className: "text-right font-medium text-foreground", children: k })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-baseline justify-between gap-4", children: [
+          /* @__PURE__ */ a("dt", { className: "text-muted-foreground", children: "Date & time" }),
+          /* @__PURE__ */ a("dd", { className: "text-right font-medium text-foreground", children: x })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-baseline justify-between gap-4", children: [
+          /* @__PURE__ */ a("dt", { className: "text-muted-foreground", children: "Currency" }),
+          /* @__PURE__ */ a("dd", { className: "text-right font-medium text-foreground", children: v })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("p", { className: "text-[11px] text-muted-foreground", children: "Currency values are not converted. Date examples use a fixed reference value and the Gregorian calendar." })
+  ] });
+}
+const ge = [
+  "locale",
+  "dateStyle",
+  "dateTime.dateStyle",
+  "dateTime.timeStyle",
+  "defaultCurrency"
+];
+function be(e, r) {
+  var t, s;
+  switch (r) {
+    case "locale":
+      return e == null ? void 0 : e.locale;
+    case "dateStyle":
+      return e == null ? void 0 : e.dateStyle;
+    case "dateTime.dateStyle":
+      return (t = e == null ? void 0 : e.dateTime) == null ? void 0 : t.dateStyle;
+    case "dateTime.timeStyle":
+      return (s = e == null ? void 0 : e.dateTime) == null ? void 0 : s.timeStyle;
+    case "defaultCurrency":
+      return e == null ? void 0 : e.defaultCurrency;
+  }
+}
+function Aa(e) {
+  var s, n;
+  const r = (s = e == null ? void 0 : e.dateTime) == null ? void 0 : s.dateStyle, t = (n = e == null ? void 0 : e.dateTime) == null ? void 0 : n.timeStyle;
+  return {
+    locale: e == null ? void 0 : e.locale,
+    dateStyle: e == null ? void 0 : e.dateStyle,
+    dateTime: r === void 0 && t === void 0 ? void 0 : { dateStyle: r, timeStyle: t },
+    defaultCurrency: e == null ? void 0 : e.defaultCurrency
+  };
+}
+function Ia({
+  active: e,
+  onClose: r
+}) {
+  var m, h, y, N, f, S, g;
+  const { preferences: t, isLoading: s, isSaving: n, updatePreferences: i } = Ea({ enabled: e });
+  if (!e) return null;
+  if (!t)
+    return /* @__PURE__ */ l($, { children: [
+      /* @__PURE__ */ a("div", { className: "py-2", children: /* @__PURE__ */ a("div", { className: "flex min-h-36 items-center justify-center text-[12px] text-muted-foreground", children: s ? "Loading preferences…" : "Preferences unavailable." }) }),
+      /* @__PURE__ */ l(oe, { className: "justify-between sm:justify-between", children: [
+        /* @__PURE__ */ a(L, { variant: "ghost", size: "xs", disabled: !0, children: "Reset display formats" }),
+        /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ a(L, { variant: "outline", size: "xs", onClick: r, children: "Cancel" }),
+          /* @__PURE__ */ a(L, { size: "xs", disabled: !0, children: "Save" })
+        ] })
+      ] })
+    ] });
+  const o = [
+    ((m = t.stored) == null ? void 0 : m.locale) ?? "",
+    ((h = t.stored) == null ? void 0 : h.dateStyle) ?? "",
+    ((N = (y = t.stored) == null ? void 0 : y.dateTime) == null ? void 0 : N.dateStyle) ?? "",
+    ((S = (f = t.stored) == null ? void 0 : f.dateTime) == null ? void 0 : S.timeStyle) ?? "",
+    ((g = t.stored) == null ? void 0 : g.defaultCurrency) ?? ""
+  ].join(":");
+  return /* @__PURE__ */ a(
+    La,
+    {
+      preferences: t,
+      isSaving: n,
+      updatePreferences: i,
+      onClose: r
+    },
+    o
+  );
+}
+function La({
+  preferences: e,
+  isSaving: r,
+  updatePreferences: t,
+  onClose: s
+}) {
+  var y, N;
+  const [n, i] = C(
+    () => Aa(e.stored)
+  ), o = (n.locale === void 0 || we(n.locale) !== void 0) && (n.defaultCurrency === void 0 || ma(n.defaultCurrency) !== void 0) && (n.dateStyle === void 0 || ["short", "medium", "long"].includes(n.dateStyle)) && (((y = n.dateTime) == null ? void 0 : y.dateStyle) === void 0 || ["short", "medium", "long"].includes(n.dateTime.dateStyle)) && (((N = n.dateTime) == null ? void 0 : N.timeStyle) === void 0 || ["short", "medium", "long"].includes(n.dateTime.timeStyle)), m = async () => {
+    const f = {
+      ...n.locale !== void 0 ? { locale: n.locale } : {},
+      ...n.dateStyle !== void 0 ? { dateStyle: n.dateStyle } : {},
+      ...n.dateTime ? { dateTime: { ...n.dateTime } } : {},
+      ...n.defaultCurrency !== void 0 ? { defaultCurrency: n.defaultCurrency } : {}
+    }, S = ge.filter(
+      (p) => be(n, p) === void 0 && be(e.stored, p) !== void 0
+    ), g = {
+      ...Object.keys(f).length > 0 ? { set: f } : {},
+      ...S.length > 0 ? { clear: S } : {}
+    };
+    (Object.keys(g).length === 0 ? !0 : await t(g)) ? (I.success("Display format preferences saved."), s()) : I.error("Failed to save preferences. Please try again.");
+  }, h = async () => {
+    await t({
+      clear: [...ge]
+    }) ? (I.success("Display format preferences reset."), s()) : I.error(
+      "Failed to reset display format preferences. Please try again."
+    );
+  };
+  return /* @__PURE__ */ l($, { children: [
+    /* @__PURE__ */ a("div", { className: "py-2", children: /* @__PURE__ */ a(
+      _a,
+      {
+        value: n,
+        inherited: e.inherited,
+        inheritedSources: e.inheritedSources,
+        onChange: i,
+        disabled: r
+      }
+    ) }),
+    /* @__PURE__ */ l(oe, { className: "justify-between sm:justify-between", children: [
+      /* @__PURE__ */ a(
+        L,
+        {
+          variant: "ghost",
+          size: "xs",
+          onClick: h,
+          disabled: r || e.stored === null,
+          children: "Reset display formats"
+        }
+      ),
+      /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ a(
+          L,
+          {
+            variant: "outline",
+            size: "xs",
+            onClick: s,
+            disabled: r,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ a(
+          L,
+          {
+            size: "xs",
+            onClick: m,
+            disabled: r || !o,
+            children: r ? /* @__PURE__ */ l($, { children: [
+              /* @__PURE__ */ a(xe, { className: "h-3.5 w-3.5 animate-spin" }),
+              "Saving…"
+            ] }) : "Save"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Ja({
+  open: e,
+  onOpenChange: r
+}) {
+  const [t, s] = C("display"), n = () => r(!1);
+  return /* @__PURE__ */ a(Ze, { open: e, onOpenChange: r, children: /* @__PURE__ */ l(Ye, { className: "rounded-control border-border/60 sm:max-w-[440px] sm:rounded-control", children: [
+    /* @__PURE__ */ l(Xe, { children: [
+      /* @__PURE__ */ a(Qe, { className: "text-[15px]", children: "Report preferences" }),
+      /* @__PURE__ */ a(ea, { className: "text-[13px] leading-5", children: "Set how values and Calendar periods appear for you." })
+    ] }),
+    /* @__PURE__ */ l(ia, { value: t, onValueChange: s, children: [
+      /* @__PURE__ */ l(oa, { variant: "underline", className: "w-full justify-start", children: [
+        /* @__PURE__ */ a(fe, { value: "display", children: "Display formats" }),
+        /* @__PURE__ */ a(fe, { value: "calendar", children: "Calendar" })
+      ] }),
+      /* @__PURE__ */ a(he, { value: "display", children: /* @__PURE__ */ a(
+        Ia,
+        {
+          active: e && t === "display",
+          onClose: n
+        }
+      ) }),
+      /* @__PURE__ */ a(he, { value: "calendar", children: /* @__PURE__ */ a(
+        ka,
+        {
+          active: e && t === "calendar",
+          onClose: n
+        }
+      ) })
+    ] })
+  ] }) });
+}
+export {
+  Ga as D,
+  Ja as R,
+  _a as a
+};