@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.0

package/dist/dashboards-page-BlrJguNz.js

@@ -0,0 +1,1064 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { r as t } from "./trpc-CvJUuUXp.js";
+import { f as n, h as r, m as i, n as a } from "./i18n-BgzakKoC.js";
+import { a as o, at as s, d as c, i as l, n as u, t as d } from "./mutation-form-validators-BNz5bsv1.js";
+import { A as f, B as p, H as m, L as h, M as g, V as _, z as v } from "./spinner-C-HPNxOc.js";
+import { t as y } from "./button-6SxPBYMz.js";
+import { a as b, i as x, l as S, o as C, r as w, t as T } from "./dialog-BIhQXcZC.js";
+import { n as E } from "./skeleton-6yk8Tdh5.js";
+import { o as D, r as O } from "./context-u9KJQmdB.js";
+import { n as k } from "./api-error-9rQmUN5L.js";
+import { t as A } from "./switch-BqD0RH_G.js";
+import { n as j, t as M } from "./toggle-group-9Bs0Mm3r.js";
+import { i as N, m as P, p as ee } from "./mutations-THtGG6Ai.js";
+import { n as te } from "./dialog-BqyIxMD-.js";
+import { a as F, r as ne } from "./provider-DoEpKcQ-.js";
+import { t as re } from "./page-header-RB2YFWlE.js";
+import { n as ie, r as I, t as ae } from "./query-gate-DVhNIkge.js";
+import { t as oe } from "./breadcrumbs-0cjsV2cq.js";
+import { n as se, t as ce } from "./base-revision-YCO27zR4.js";
+import { a as le, c as ue, d as L, i as de, l as fe, n as pe, o as me, r as he, s as ge, t as _e, u as ve } from "./catalog-list-DjZojYLJ.js";
+import { useQuery as ye } from "@tanstack/react-query";
+import { createElement as be, useRef as xe, useState as R } from "react";
+import { DASHBOARD_ABI_VERSION as Se, DASHBOARD_ICON_IDS as Ce, DASHBOARD_MANIFEST_FILE as we, DEFAULT_DASHBOARD_ICON_ID as z, DEFAULT_DASHBOARD_TEMPLATE_ID as B, dashboardConfigurationIssues as Te, dashboardCopyFormSchema as V, dashboardCopyFormToInput as Ee, dashboardCreateFormToInput as De, dashboardCreateFromReportFormSchema as Oe, dashboardCreateFromReportFormToInput as ke, dashboardEntrypointUrl as Ae, dashboardManifestSchema as je, dashboardNameFormSchema as Me, dashboardSettingsFormSchema as Ne, dashboardSettingsFormToInput as Pe, dashboardSettingsFormValues as Fe, dashboardSupportedLocalesType as Ie, formatDashboardConfigurationIssues as Le, isDashboardConfigType as Re } from "@overvis/hmi-shared/dashboard";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { Compile as ze } from "typebox/compile";
+import { CopyIcon as Be, GripVerticalIcon as Ve, LayoutDashboardIcon as He, PencilIcon as Ue, PlusIcon as We, Trash2Icon as Ge, icons as G } from "lucide-react";
+import { formatAppDateTime as Ke, resolveLocalized as K } from "@overvis/hmi-shared";
+import { useNavigate as q } from "@tanstack/react-router";
+import { Accessibility as qe } from "@dnd-kit/dom";
+import { DragDropProvider as Je } from "@dnd-kit/react";
+import { isSortable as J, useSortable as Ye } from "@dnd-kit/react/sortable";
+import { builtinGraphicsSymbolPrefix as Xe } from "@overvis/hmi-shared/graphics";
+//#region src/workspace/dashboards/icon.tsx
+function Ze(e) {
+	return e.split("-").map((e) => e.length === 0 ? "" : e.charAt(0).toUpperCase() + e.slice(1)).join("");
+}
+function Qe(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && "$$typeof" in e;
+}
+function $e(e) {
+	let t = Ze(e);
+	if (!Object.hasOwn(G, t)) return;
+	let n = Reflect.get(G, t);
+	return Qe(n) ? n : void 0;
+}
+var et = $e(z) ?? G.LayoutDashboard;
+function tt(e) {
+	if (e != null) {
+		let t = e.trim();
+		if (t.length > 0) {
+			let e = $e(t);
+			if (e) return e;
+		}
+	}
+	return et;
+}
+function Y({ icon: e, className: t, strokeWidth: n }) {
+	return be(tt(e), {
+		className: t,
+		strokeWidth: n,
+		"aria-hidden": !0
+	});
+}
+//#endregion
+//#region src/workspace/dashboards/copy-dialog.tsx
+function nt(e, t) {
+	let n = q(), r = xe(null);
+	return {
+		record: (e) => {
+			r.current = e;
+		},
+		onSubmit: () => {
+			let i = r.current;
+			i != null && (t(), n({
+				to: "/workspace/$workspaceId/d/$dashboardId",
+				params: {
+					workspaceId: e,
+					dashboardId: i
+				}
+			}));
+		}
+	};
+}
+function rt({ workspaceId: e, dashboard: t, onClose: n }) {
+	let a = i(), s = r(), l = nt(e, n), u = N(e).copy, f = Array.from(K(t.name, s)), p = a("dashboard_copy_default_name", { name: f.join("") });
+	for (; f.length > 0 && V["~standard"].validate({ name: p }).issues?.some((e) => e.keyword === "maxLength");) f.pop(), p = a("dashboard_copy_default_name", { name: f.join("") });
+	let m = o({
+		defaultValues: { name: p },
+		validators: d({
+			schema: V,
+			submit: async (e) => {
+				let n = await u.mutateAsync(Ee(e, t.id));
+				return l.record(n.id), null;
+			}
+		}),
+		onSubmitInvalid: c,
+		onSubmit: l.onSubmit
+	});
+	return /* @__PURE__ */ U(T, {
+		open: !0,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: /* @__PURE__ */ U(w, { children: /* @__PURE__ */ U(m.AppForm, { children: /* @__PURE__ */ W(m.FormRoot, {
+			layout: "dialog",
+			children: [
+				/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(S, { children: a("dashboard_copy_title") }), /* @__PURE__ */ U(x, { children: a("dashboard_copy_description") })] }),
+				/* @__PURE__ */ U(_, { children: /* @__PURE__ */ U(m.AppField, {
+					name: "name",
+					children: (e) => /* @__PURE__ */ U(e.TextField, {
+						label: a("dashboard_field_name"),
+						autoFocus: !0
+					})
+				}) }),
+				/* @__PURE__ */ W(b, { children: [/* @__PURE__ */ U(y, {
+					type: "button",
+					variant: "outline",
+					onClick: n,
+					children: a("action_cancel")
+				}), /* @__PURE__ */ U(m.SubmitButton, {
+					label: a("dashboard_copy_action"),
+					pendingLabel: a("dashboard_copy_pending")
+				})] })
+			]
+		}) }) })
+	});
+}
+//#endregion
+//#region src/workspace/dashboards/load-module.ts
+var it = [
+	"en",
+	"pl",
+	"uk",
+	"ru"
+], at = ze(Ie);
+function ot(e) {
+	return e.supportedLocales.includes(e.locale) ? e.locale : "en";
+}
+function st(e, t) {
+	if (!e.ok) return e.reason === "rebuild_required" ? { kind: "rebuild_required" } : { kind: "load_failed" };
+	let n = Te(e.module.dashboardConfigType, t);
+	return n.length > 0 ? {
+		kind: "issues",
+		text: Le(n)
+	} : null;
+}
+function ct(e) {
+	return typeof e == "function";
+}
+function lt(e) {
+	if (typeof e != "object" || !e) return {
+		ok: !1,
+		reason: "invalid_module"
+	};
+	if (!("default" in e)) return {
+		ok: !1,
+		reason: "no_default"
+	};
+	let t = Reflect.get(e, "default");
+	if (!ct(t)) return {
+		ok: !1,
+		reason: "no_default"
+	};
+	if (!("dashboardConfigType" in e)) return {
+		ok: !1,
+		reason: "no_config_type"
+	};
+	let n = Reflect.get(e, "dashboardConfigType");
+	if (!Re(n)) return {
+		ok: !1,
+		reason: "no_config_type"
+	};
+	let r = "supportedLocales" in e ? e.supportedLocales : it;
+	if (!at.Check(r)) return {
+		ok: !1,
+		reason: "invalid_module"
+	};
+	let i = "graphicsSymbols" in e ? e.graphicsSymbols : [];
+	return !Array.isArray(i) || !i.every(ne) || i.some((e) => e.id.startsWith(Xe)) || new Set([...F, ...i].map((e) => e.id)).size !== i.length + F.length ? {
+		ok: !1,
+		reason: "invalid_module"
+	} : {
+		ok: !0,
+		module: {
+			component: t,
+			dashboardConfigType: n,
+			graphicsSymbols: i,
+			supportedLocales: r
+		}
+	};
+}
+var ut = /\/static\/dashboard\/[^/]+\/index\.js$/;
+function dt(e) {
+	let t = e.search(/[?#]/), n = t < 0 ? e : e.slice(0, t), r = t < 0 ? "" : e.slice(t);
+	return ut.test(n) ? `${n.slice(0, -8)}${we}${r}` : null;
+}
+async function ft(e) {
+	let t = await fetch(e, { headers: { Accept: "application/json" } });
+	if (t.status === 404) return !1;
+	if (!t.ok) throw Error(`Dashboard manifest request failed with HTTP ${String(t.status)}`);
+	let n;
+	try {
+		n = await t.json();
+	} catch {
+		return !1;
+	}
+	let r = je["~standard"].validate(n);
+	return r.issues == null && r.value.abi === Se;
+}
+async function pt(e) {
+	let t = dt(e);
+	return t != null && !await ft(t) ? {
+		ok: !1,
+		reason: "rebuild_required"
+	} : lt(await import(
+		/* @vite-ignore */
+		e
+));
+}
+//#endregion
+//#region src/workspace/dashboards/entrypoint.ts
+async function mt(e) {
+	try {
+		let t = await fetch(e, {
+			method: "GET",
+			headers: { Accept: "text/javascript" }
+		});
+		if (!t.ok) return !1;
+		let n = t.headers.get("content-type") ?? "";
+		return n.includes("javascript") || n.includes("typescript");
+	} catch {
+		return !1;
+	}
+}
+async function ht(e) {
+	return e.mode !== "local" || await mt(e.preferredUrl) ? {
+		url: e.preferredUrl,
+		usingRemoteFallback: !1
+	} : {
+		url: Ae(e.dashboardId),
+		usingRemoteFallback: !0
+	};
+}
+function gt(e) {
+	let { mode: t, getDashboardEntrypointUrl: n } = D();
+	return ye({
+		queryKey: [
+			P,
+			t,
+			e
+		],
+		queryFn: () => ht({
+			mode: t,
+			dashboardId: e,
+			preferredUrl: n(e)
+		}),
+		staleTime: 3e4,
+		retry: !1
+	});
+}
+//#endregion
+//#region src/workspace/dashboards/stylesheet.ts
+var _t = "data-overvis-dashboard-css", vt = 0;
+function yt() {
+	return vt += 1, String(vt);
+}
+function X(e, t) {
+	return `${e}${e.includes("?") ? "&" : "?"}v=${t}`;
+}
+function bt(e, t) {
+	let n = X(e, t), r = new AbortController(), i = !1, a = null;
+	return {
+		href: n,
+		settled: new Promise((e) => {
+			if (r.signal.aborted) {
+				e("missing");
+				return;
+			}
+			let t = document.createElement("link");
+			t.rel = "stylesheet", t.href = n, t.setAttribute(_t, n), a = t;
+			let o = (n) => {
+				r.signal.removeEventListener("abort", l), t.removeEventListener("load", s), t.removeEventListener("error", c), e(n);
+			}, s = () => {
+				if (i) {
+					t.remove(), o("missing");
+					return;
+				}
+				o("ok");
+			}, c = () => {
+				t.remove(), a === t && (a = null), o("missing");
+			}, l = () => {
+				t.remove(), a === t && (a = null), o("missing");
+			};
+			t.addEventListener("load", s), t.addEventListener("error", c), r.signal.addEventListener("abort", l), document.head.appendChild(t);
+		}).then((e) => (i && (a?.remove(), a = null), e)),
+		stop: () => {
+			i = !0, r.abort(), a?.remove(), a = null;
+		}
+	};
+}
+//#endregion
+//#region src/workspace/dashboards/enabled-switch.tsx
+function Z({ workspaceId: e, dashboard: t, compact: n = !1, className: r }) {
+	let o = i(), s = a(), { enable: c, disable: l } = N(e), u = (e) => ({
+		onSuccess: () => {
+			s.success(e);
+		},
+		onError: (e) => {
+			s.error(k(e));
+		}
+	});
+	return /* @__PURE__ */ W("div", {
+		className: r,
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		onKeyDown: (e) => {
+			e.stopPropagation();
+		},
+		children: [/* @__PURE__ */ W("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ U(A, {
+				checked: t.disabledSince == null,
+				disabled: l.isPending || c.isPending,
+				size: "sm",
+				"aria-label": o("dashboard_enabled_label"),
+				onCheckedChange: (e) => {
+					e ? c.mutate({
+						id: t.id,
+						baseRevision: t.revision
+					}, u(o("dashboard_enable_toast"))) : l.mutate({
+						id: t.id,
+						baseRevision: t.revision
+					}, u(o("dashboard_disable_toast")));
+				}
+			}), n ? null : /* @__PURE__ */ U("span", {
+				className: "text-sm text-muted-foreground",
+				children: o("dashboard_enabled_label")
+			})]
+		}), !n && t.disabledSince != null ? /* @__PURE__ */ U("p", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: o("dashboard_disabled_since", { since: Ke(t.disabledSince) })
+		}) : null]
+	});
+}
+function xt({ dashboard: e }) {
+	let t = i();
+	return e.disabledSince == null ? null : /* @__PURE__ */ U("span", {
+		className: "\n        inline-flex shrink-0 items-center rounded-md bg-muted px-1.5 py-0.5 text-xs font-medium\n        text-muted-foreground\n      ",
+		children: t("dashboard_disabled_badge")
+	});
+}
+//#endregion
+//#region src/workspace/setup/dashboards-order.ts
+function St(e) {
+	let { ids: t, fromIndex: n, toIndex: r } = e;
+	if (!Number.isInteger(n) || !Number.isInteger(r) || n < 0 || r < 0 || n >= t.length || r >= t.length || n === r) return null;
+	let i = [...t], [a] = i.splice(n, 1);
+	return a == null ? null : (i.splice(r, 0, a), i);
+}
+function Ct(e, t) {
+	let n = new Map(e.map((e) => [e.id, e])), r = [], i = /* @__PURE__ */ new Set();
+	for (let e of t) {
+		if (i.has(e)) continue;
+		let t = n.get(e);
+		t != null && (r.push(t), i.add(e));
+	}
+	for (let t of e) i.has(t.id) || (r.push(t), i.add(t.id));
+	return r;
+}
+//#endregion
+//#region src/workspace/setup/dashboards-reorder-queue.ts
+function wt() {
+	let e = 0, t = null, n = !1;
+	async function r() {
+		if (!n) {
+			n = !0;
+			try {
+				for (; t != null;) {
+					let { order: n, seq: r, handlers: i } = t;
+					t = null;
+					try {
+						let t = await i.send(n);
+						r === e && i.onLatestSuccess(t);
+					} catch (t) {
+						r === e && i.onLatestFailure(t);
+					}
+				}
+			} finally {
+				n = !1, t != null && r();
+			}
+		}
+	}
+	return { enqueue(n, i) {
+		e += 1, t = {
+			order: n,
+			seq: e,
+			handlers: i
+		}, r();
+	} };
+}
+//#endregion
+//#region src/workspace/setup/dashboards-sortable-list.tsx
+function Q(e) {
+	let t = e.data;
+	return typeof t == "object" && t && "name" in t && typeof t.name == "string" ? t.name : "";
+}
+function Tt({ workspaceId: e, dashboards: t, onDelete: n }) {
+	return t.length >= 2 ? /* @__PURE__ */ U(Et, {
+		workspaceId: e,
+		dashboards: t,
+		onDelete: n
+	}) : /* @__PURE__ */ U(le, { children: t.map((t) => /* @__PURE__ */ U(Ot, {
+		workspaceId: e,
+		dashboard: t,
+		onDelete: n
+	}, t.id)) });
+}
+function Et({ workspaceId: e, dashboards: n, onDelete: r }) {
+	let o = i(), s = a(), c = t.useUtils(), l = t.dashboard.reorder.useMutation(), [u, d] = R(null), f = u ?? n, p = f.length, [m] = R(() => wt());
+	return /* @__PURE__ */ U(Je, {
+		plugins: (e) => [...e, qe.configure({
+			screenReaderInstructions: { draggable: o("dashboard_reorder_keyboard_instructions") },
+			announcements: {
+				dragstart(e) {
+					let t = e.operation.source;
+					if (J(t)) return o("dashboard_reorder_announcement_start", {
+						name: Q(t),
+						position: t.index + 1,
+						total: p
+					});
+				},
+				dragover(e) {
+					let t = e.operation.source;
+					if (J(t)) return o("dashboard_reorder_announcement_move", {
+						name: Q(t),
+						position: t.index + 1,
+						total: p
+					});
+				},
+				dragend(e) {
+					let t = e.operation.source;
+					if (J(t)) return e.canceled ? o("dashboard_reorder_announcement_cancel", {
+						name: Q(t),
+						position: t.initialIndex + 1,
+						total: p
+					}) : o("dashboard_reorder_announcement_drop", {
+						name: Q(t),
+						position: t.index + 1,
+						total: p
+					});
+				}
+			}
+		})],
+		onDragStart: () => {
+			d(n);
+		},
+		onDragEnd: (t) => {
+			let r = u ?? n;
+			if (d(null), t.canceled) return;
+			let { source: i } = t.operation;
+			if (!J(i)) return;
+			let a = St({
+				ids: r.map((e) => e.id),
+				fromIndex: i.initialIndex,
+				toIndex: i.index
+			});
+			a != null && (c.dashboard.list.setData({ workspaceId: e }, (e) => ({ dashboards: Ct(e?.dashboards ?? r, a) })), m.enqueue(a, {
+				send: (t) => l.mutateAsync({
+					workspaceId: e,
+					ids: t
+				}),
+				onLatestSuccess: (t) => {
+					let n = t.dashboards.map((e) => e.id);
+					c.dashboard.list.setData({ workspaceId: e }, (e) => e == null ? t : { dashboards: Ct(e.dashboards, n) });
+				},
+				onLatestFailure: (t) => {
+					s.error(k(t)), ee(c, {
+						entity: "dashboard",
+						workspaceId: e
+					});
+				}
+			}));
+		},
+		children: /* @__PURE__ */ U(le, { children: f.map((t, n) => /* @__PURE__ */ U(Dt, {
+			workspaceId: e,
+			dashboard: t,
+			index: n,
+			onDelete: r
+		}, t.id)) })
+	});
+}
+function Dt({ workspaceId: e, dashboard: t, index: n, onDelete: i }) {
+	let a = r(), o = K(t.name, a), { ref: s, handleRef: c, isDragging: l } = Ye({
+		id: t.id,
+		index: n,
+		data: { name: o }
+	});
+	return /* @__PURE__ */ U(Ot, {
+		workspaceId: e,
+		dashboard: t,
+		onDelete: i,
+		sortableRef: s,
+		handleRef: c,
+		isDragging: l
+	});
+}
+function Ot({ workspaceId: e, dashboard: t, onDelete: n, sortableRef: a, handleRef: o, isDragging: s = !1 }) {
+	let c = i(), l = r(), u = q(), d = O(), [f, p] = R(!1), m = t.description == null ? "" : K(t.description, l);
+	return /* @__PURE__ */ W(ve, {
+		ref: a,
+		"data-context-dashboard-id": t.id,
+		className: `
+        ${o == null ? "" : "gap-2"}
+        ${s ? "border-b-transparent" : ""}
+      `,
+		children: [
+			o == null ? null : /* @__PURE__ */ U("button", {
+				type: "button",
+				"aria-label": c("dashboard_reorder_handle"),
+				className: "\n            -ml-1 flex h-7 w-4 shrink-0 cursor-grab touch-none items-center justify-center\n            text-muted-foreground/50 transition-colors outline-none\n            hover:text-muted-foreground\n            focus-visible:rounded-sm focus-visible:ring-2 focus-visible:ring-ring\n            active:cursor-grabbing\n            [&_svg]:size-3.5\n          ",
+				ref: o,
+				children: /* @__PURE__ */ U(Ve, {})
+			}),
+			/* @__PURE__ */ W(ue, {
+				to: "/workspace/$workspaceId/d/$dashboardId",
+				params: {
+					workspaceId: e,
+					dashboardId: t.id
+				},
+				className: "\n          flex-row items-center gap-2.5\n          sm:items-center\n        ",
+				children: [/* @__PURE__ */ U(Y, {
+					icon: t.icon,
+					className: "size-4 shrink-0 text-muted-foreground",
+					strokeWidth: 1.75
+				}), /* @__PURE__ */ W("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ W("div", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ U(ge, { children: K(t.name, l) }), /* @__PURE__ */ U(xt, { dashboard: t })]
+					}), m.length > 0 ? /* @__PURE__ */ U(me, { children: m }) : null]
+				})]
+			}),
+			/* @__PURE__ */ W(_e, { children: [/* @__PURE__ */ U(Z, {
+				workspaceId: e,
+				dashboard: t,
+				compact: !0
+			}), /* @__PURE__ */ W(de, { children: [
+				d ? /* @__PURE__ */ U(L, {
+					"aria-label": c("dashboard_copy_action"),
+					onClick: () => {
+						p(!0);
+					},
+					children: /* @__PURE__ */ U(Be, {})
+				}) : null,
+				/* @__PURE__ */ U(L, {
+					"aria-label": c("dashboard_edit_settings"),
+					onClick: () => {
+						u({
+							to: "/workspace/$workspaceId/setup/dashboards/$dashboardId",
+							params: {
+								workspaceId: e,
+								dashboardId: t.id
+							}
+						});
+					},
+					children: /* @__PURE__ */ U(Ue, {})
+				}),
+				/* @__PURE__ */ U(L, {
+					tone: "destructive",
+					"aria-label": c("dashboard_delete_action"),
+					onClick: () => {
+						n(t);
+					},
+					children: /* @__PURE__ */ U(Ge, {})
+				})
+			] })] }),
+			f ? /* @__PURE__ */ U(rt, {
+				workspaceId: e,
+				dashboard: t,
+				onClose: () => {
+					p(!1);
+				}
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/workspace/setup/dashboards-page.tsx
+var kt = /* @__PURE__ */ e({
+	CreateDashboardForm: () => Nt,
+	CreateDashboardFromReportForm: () => jt,
+	DashboardTemplateDescription: () => Mt,
+	SetupDashboardSettingsDialogBody: () => $,
+	SetupDashboardsPage: () => At
+});
+function At({ workspaceId: e }) {
+	let n = i(), r = a(), o = q(), s = t.dashboard.list.useQuery({ workspaceId: e }), [c, l] = R(null);
+	return /* @__PURE__ */ W(fe, { children: [
+		/* @__PURE__ */ U(re, {
+			icon: /* @__PURE__ */ U(He, {}),
+			breadcrumbs: /* @__PURE__ */ U(oe, { workspaceId: e }),
+			title: n("setup_dashboards_title"),
+			description: n("setup_dashboards_description"),
+			actions: /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(y, {
+				type: "button",
+				size: "sm",
+				variant: "outline",
+				onClick: () => {
+					o({
+						to: "/workspace/$workspaceId/setup/dashboards/new-from-report",
+						params: { workspaceId: e }
+					});
+				},
+				children: [/* @__PURE__ */ U(We, { "data-icon": "inline-start" }), n("dashboard_create_from_report_action")]
+			}), /* @__PURE__ */ W(y, {
+				type: "button",
+				size: "sm",
+				onClick: () => {
+					o({
+						to: "/workspace/$workspaceId/setup/dashboards/new",
+						params: { workspaceId: e }
+					});
+				},
+				children: [/* @__PURE__ */ U(We, { "data-icon": "inline-start" }), n("dashboard_create_action")]
+			})] })
+		}),
+		/* @__PURE__ */ U(pe, { children: /* @__PURE__ */ U(I, {
+			query: s,
+			loading: /* @__PURE__ */ W("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ U(E, { className: "h-10 w-full" }), /* @__PURE__ */ U(E, { className: "h-10 w-4/5" })]
+			}),
+			error: (e) => /* @__PURE__ */ U(ae, { message: k(e) }),
+			isEmpty: (e) => e.dashboards.length === 0,
+			empty: /* @__PURE__ */ U(he, { children: n("setup_dashboards_empty") }),
+			children: ({ dashboards: t }) => /* @__PURE__ */ U(Tt, {
+				workspaceId: e,
+				dashboards: t,
+				onDelete: l
+			})
+		}) }),
+		/* @__PURE__ */ U(T, {
+			open: c != null,
+			onOpenChange: (e) => {
+				e || l(null);
+			},
+			children: /* @__PURE__ */ U(w, { children: c ? /* @__PURE__ */ U(It, {
+				workspaceId: e,
+				dashboardId: c.id,
+				baseRevision: c.revision,
+				onCancel: () => {
+					l(null);
+				},
+				onDeleted: () => {
+					l(null), r.success(n("dashboard_delete_toast"));
+				}
+			}) : null })
+		})
+	] });
+}
+function jt({ workspaceId: e, onCancel: n, onCreated: l }) {
+	let u = i(), v = a(), w = r(), T = t.report.preset.list.useQuery({ workspaceId: e }), E = T.data?.reportPresets ?? [], D = T.isLoading, O = T.isError, k = !D && !O && E.length === 0, A = D || O || k, j = N(e).create, M = o({
+		defaultValues: {
+			name: "",
+			presetId: ""
+		},
+		validators: d({
+			schema: Oe,
+			submit: async (t) => (await j.mutateAsync(ke(t, {
+				workspaceId: e,
+				report: E.find((e) => e.id === t.presetId),
+				locale: w
+			})), null)
+		}),
+		onSubmitInvalid: c,
+		onSubmit: () => {
+			v.success(u("dashboard_create_toast")), l();
+		}
+	});
+	return /* @__PURE__ */ U(M.AppForm, { children: /* @__PURE__ */ W(M.FormRoot, {
+		layout: "dialog",
+		children: [
+			/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(S, { children: u("dashboard_create_from_report_title") }), /* @__PURE__ */ U(x, { children: u("dashboard_create_from_report_description") })] }),
+			/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(M.AppField, {
+				name: "presetId",
+				children: (e) => {
+					let t = !e.state.meta.isValid, n = s(e.state.meta.errors, e.name);
+					return /* @__PURE__ */ W(h, {
+						"data-invalid": t ? !0 : void 0,
+						children: [
+							/* @__PURE__ */ U(m, {
+								htmlFor: "setup-dashboard-from-report-preset",
+								children: u("dashboard_create_from_report_field_preset")
+							}),
+							/* @__PURE__ */ U(f, {
+								id: "setup-dashboard-from-report-preset",
+								className: "w-full",
+								value: e.state.value,
+								disabled: A,
+								onBlur: e.handleBlur,
+								onChange: (t) => {
+									let n = t.target.value;
+									e.handleChange(n);
+									let r = E.find((e) => e.id === n);
+									r != null && M.setFieldValue("name", K(r.title, w));
+								},
+								"aria-invalid": t || void 0,
+								children: D ? /* @__PURE__ */ U(g, {
+									value: "",
+									children: u("dashboard_create_from_report_preset_loading")
+								}) : O ? /* @__PURE__ */ U(g, {
+									value: "",
+									children: u("dashboard_create_from_report_preset_error")
+								}) : k ? /* @__PURE__ */ U(g, {
+									value: "",
+									children: u("dashboard_create_from_report_preset_empty")
+								}) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(g, {
+									value: "",
+									children: u("dashboard_create_from_report_preset_placeholder")
+								}), E.map((e) => /* @__PURE__ */ U(g, {
+									value: e.id,
+									children: K(e.title, w)
+								}, e.id))] })
+							}),
+							/* @__PURE__ */ U(p, { errors: n })
+						]
+					});
+				}
+			}), /* @__PURE__ */ U(M.AppField, {
+				name: "name",
+				children: (e) => /* @__PURE__ */ U(e.TextField, {
+					label: u("dashboard_field_name"),
+					id: "setup-dashboard-from-report-name"
+				})
+			})] }),
+			/* @__PURE__ */ W(b, { children: [/* @__PURE__ */ U(y, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					n();
+				},
+				children: u("action_cancel")
+			}), /* @__PURE__ */ U(M.SubmitButton, {
+				label: u("dashboard_create_from_report_submit"),
+				pendingLabel: u("action_creating"),
+				disabled: A
+			})] })
+		]
+	}) });
+}
+function Mt({ workspaceId: e, templateId: n }) {
+	let a = i(), o = r(), s = t.templates.dashboard.get.useQuery({
+		workspaceId: e,
+		templateId: n
+	});
+	if (s.isPending) return /* @__PURE__ */ W("div", {
+		className: "grid gap-1.5",
+		"aria-busy": "true",
+		"data-testid": "dashboard-template-description",
+		children: [/* @__PURE__ */ U(E, { className: "h-4 w-full" }), /* @__PURE__ */ U(E, { className: "h-4 w-2/3" })]
+	});
+	if (s.isError) return /* @__PURE__ */ U(v, {
+		className: "text-destructive",
+		role: "alert",
+		"data-testid": "dashboard-template-description",
+		children: a("dashboard_create_template_description_error")
+	});
+	let c = s.data.description;
+	return c == null ? null : /* @__PURE__ */ U(v, {
+		"data-testid": "dashboard-template-description",
+		children: K(c, o)
+	});
+}
+function Nt({ workspaceId: e, onCancel: l, onCreated: u }) {
+	let v = i(), x = a(), w = r(), T = N(e).create, E = t.templates.dashboard.list.useQuery({ workspaceId: e }), D = E.data?.templates ?? [], O = E.isLoading, k = E.isError, A = !O && !k && D.length === 0, j = o({
+		defaultValues: {
+			name: v("dashboard_default_name"),
+			template: B
+		},
+		validators: d({
+			schema: Me,
+			submit: async (t) => (await T.mutateAsync(De(t, {
+				workspaceId: e,
+				defaultName: n("dashboard_default_name")
+			})), null)
+		}),
+		onSubmitInvalid: c,
+		onSubmit: () => {
+			x.success(v("dashboard_create_toast")), u();
+		}
+	}), M = w, P = O || k || A;
+	return /* @__PURE__ */ U(j.AppForm, { children: /* @__PURE__ */ W(j.FormRoot, {
+		layout: "dialog",
+		children: [
+			/* @__PURE__ */ U(C, { children: /* @__PURE__ */ U(S, { children: v("dashboard_create_title") }) }),
+			/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(j.AppField, {
+				name: "template",
+				children: (t) => {
+					let n = D.find((e) => e.id === t.state.value);
+					return /* @__PURE__ */ W(h, { children: [
+						/* @__PURE__ */ U(m, {
+							htmlFor: "setup-dashboard-template",
+							children: v("dashboard_create_field_template")
+						}),
+						/* @__PURE__ */ U(f, {
+							id: "setup-dashboard-template",
+							value: t.state.value,
+							disabled: P,
+							onBlur: t.handleBlur,
+							onChange: (e) => {
+								t.handleChange(e.target.value);
+							},
+							children: O ? /* @__PURE__ */ U(g, {
+								value: B,
+								disabled: !0,
+								children: v("dashboard_create_template_loading")
+							}) : k ? /* @__PURE__ */ U(g, {
+								value: B,
+								disabled: !0,
+								children: v("dashboard_create_template_error")
+							}) : A ? /* @__PURE__ */ U(g, {
+								value: B,
+								disabled: !0,
+								children: v("dashboard_create_template_empty")
+							}) : D.map((e) => /* @__PURE__ */ U(g, {
+								value: e.id,
+								children: K(e.name, M)
+							}, e.id))
+						}),
+						n == null ? null : /* @__PURE__ */ U(Mt, {
+							workspaceId: e,
+							templateId: n.id
+						}),
+						/* @__PURE__ */ U(p, { errors: s(t.state.meta.errors, t.name) })
+					] });
+				}
+			}), /* @__PURE__ */ U(j.AppField, {
+				name: "name",
+				children: (e) => /* @__PURE__ */ U(e.TextField, {
+					label: v("dashboard_field_name"),
+					id: "setup-dashboard-name",
+					autoFocus: !0
+				})
+			})] }),
+			/* @__PURE__ */ W(b, { children: [/* @__PURE__ */ U(y, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					l();
+				},
+				children: v("action_cancel")
+			}), /* @__PURE__ */ U(j.SubmitButton, {
+				label: v("dashboard_create_submit"),
+				pendingLabel: v("action_creating"),
+				disabled: P
+			})] })
+		]
+	}) });
+}
+function $({ workspaceId: e, dashboardId: n, onClose: a }) {
+	let o = i(), s = r(), c = t.dashboard.get.useQuery({ id: n }), l = t.useUtils(), u = gt(n), d = c.data, f = u.data, [p, m] = R(0);
+	return /* @__PURE__ */ U(I, {
+		query: {
+			isLoading: c.isLoading || u.isLoading || f == null,
+			isError: c.isError,
+			error: c.error,
+			data: d != null && f != null ? {
+				dashboard: d,
+				entrypoint: f
+			} : void 0
+		},
+		loading: /* @__PURE__ */ W("div", {
+			className: "flex flex-col gap-4 p-4",
+			children: [/* @__PURE__ */ U(E, { className: "h-8 w-48" }), /* @__PURE__ */ U(E, { className: "h-40 w-full" })]
+		}),
+		error: () => /* @__PURE__ */ U(ie, {
+			className: "p-4",
+			message: o("error_request_failed"),
+			onRetry: () => c.refetch()
+		}),
+		children: ({ dashboard: t, entrypoint: r }) => /* @__PURE__ */ U(Ft, {
+			workspaceId: e,
+			dashboardId: t.id,
+			entrypointUrl: r.url,
+			initialConfiguration: t.configuration,
+			initialRevision: t.revision,
+			defaultValues: Fe(t, s),
+			onDone: a,
+			onReload: async () => {
+				let e = await l.client.dashboard.get.query({ id: n });
+				l.dashboard.get.setData({ id: n }, e), m((e) => e + 1);
+			}
+		}, `${t.id}-${String(p)}`)
+	});
+}
+function Pt({ problem: e }) {
+	switch (e) {
+		case "configuration_invalid_json": return n("dashboard_config_invalid_json");
+		case "configuration_must_be_object": return n("dashboard_config_must_be_object");
+		case "name_required": return n("error_field_required");
+	}
+}
+function Ft({ workspaceId: e, dashboardId: r, entrypointUrl: s, initialConfiguration: f, initialRevision: p, defaultValues: g, onDone: b, onReload: x }) {
+	let S = i(), C = a(), [w, T] = R(() => f), E = se(p), D = t.useUtils(), O = async () => {
+		let e = await D.client.dashboard.get.query({ id: r });
+		T(e.configuration), E.rebase(e.revision);
+	}, k = t.dashboard.getSourceFile.useQuery({
+		id: r,
+		path: "config.schema.json"
+	}), A = N(e).update, P = o({
+		defaultValues: g,
+		validators: d({
+			schema: Ne,
+			submit: async (e) => {
+				let t = Pe(e, {
+					id: r,
+					expectedConfiguration: w
+				});
+				if (!t.ok) return u(t, Pt);
+				try {
+					let e = st(await pt(X(s, yt())), t.input.configuration);
+					if (e?.kind === "load_failed") return { fields: { configurationText: () => n("dashboard_config_schema_load_failed") } };
+					if (e?.kind === "rebuild_required") return { fields: { configurationText: () => n("dashboard_rebuild_required_description") } };
+					if (e?.kind === "issues") return { fields: { configurationText: e.text } };
+				} catch {
+					return { fields: { configurationText: () => n("dashboard_config_schema_load_failed") } };
+				}
+				return await A.mutateAsync({
+					...t.input,
+					...E.baseRevision === void 0 ? {} : { baseRevision: E.baseRevision }
+				}), null;
+			},
+			mapError: E.mapError((e, t) => l(e, t, { fieldMap: { configuration: "configurationText" } })),
+			onError: E.onError
+		}),
+		onSubmitInvalid: c,
+		onSubmit: () => {
+			b(), C.success(S("dashboard_update_toast"));
+		}
+	});
+	return /* @__PURE__ */ U(P.AppForm, { children: /* @__PURE__ */ U(P.FormRoot, {
+		layout: "dialog-fill",
+		children: /* @__PURE__ */ U(te, {
+			notice: /* @__PURE__ */ U(ce, {
+				base: E,
+				onReload: x,
+				onKeepMine: O
+			}),
+			footer: /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(y, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					b();
+				},
+				children: S("action_cancel")
+			}), /* @__PURE__ */ U(P.SubmitButton, {
+				label: S("dashboard_settings_save"),
+				pendingLabel: S("action_saving")
+			})] }),
+			children: /* @__PURE__ */ W(_, { children: [
+				/* @__PURE__ */ U(P.AppField, {
+					name: "name",
+					children: (e) => /* @__PURE__ */ U(e.TextField, {
+						label: S("dashboard_field_name"),
+						id: "setup-edit-dashboard-name"
+					})
+				}),
+				/* @__PURE__ */ U(P.AppField, {
+					name: "description",
+					children: (e) => /* @__PURE__ */ U(e.TextAreaField, {
+						label: S("dashboard_field_description"),
+						id: "setup-edit-dashboard-description",
+						rows: 3
+					})
+				}),
+				/* @__PURE__ */ U(P.AppField, {
+					name: "icon",
+					children: (e) => {
+						let t = e.state.value, n = t === "" || t === z ? z : t;
+						return /* @__PURE__ */ W(h, { children: [/* @__PURE__ */ U(m, { children: S("dashboard_field_icon") }), /* @__PURE__ */ W(M, {
+							variant: "outline",
+							size: "sm",
+							spacing: 2,
+							value: [n],
+							onValueChange: (t) => {
+								let n = t[0];
+								n != null && e.handleChange(n === z ? "" : n);
+							},
+							className: "grid w-full grid-cols-8",
+							children: [/* @__PURE__ */ U(j, {
+								value: z,
+								"aria-label": S("dashboard_field_icon_default"),
+								className: "size-8 min-w-8 p-0 text-muted-foreground",
+								children: /* @__PURE__ */ U(Y, {
+									icon: null,
+									className: "size-4",
+									strokeWidth: 1.75
+								})
+							}), Ce.filter((e) => e !== z).map((e) => /* @__PURE__ */ U(j, {
+								value: e,
+								"aria-label": e,
+								className: "size-8 min-w-8 p-0 text-muted-foreground",
+								children: /* @__PURE__ */ U(Y, {
+									icon: e,
+									className: "size-4",
+									strokeWidth: 1.75
+								})
+							}, e))]
+						})] });
+					}
+				}),
+				/* @__PURE__ */ U(P.AppField, {
+					name: "configurationText",
+					children: (e) => /* @__PURE__ */ U(e.TextAreaField, {
+						label: S("dashboard_field_configuration"),
+						id: "setup-edit-dashboard-config",
+						spellCheck: !1,
+						className: "\n                    min-h-40 font-mono\n                    md:text-xs\n                  "
+					})
+				}),
+				/* @__PURE__ */ W(h, { children: [/* @__PURE__ */ U(m, { children: S("dashboard_config_schema_title") }), /* @__PURE__ */ U(I, {
+					query: k,
+					loading: /* @__PURE__ */ U(v, { children: S("dashboard_config_schema_loading") }),
+					error: () => /* @__PURE__ */ U(v, { children: S("dashboard_config_schema_missing") }),
+					children: (e) => /* @__PURE__ */ U("pre", {
+						className: "\n                      max-h-48 overflow-auto rounded-md border bg-muted/30 p-3 font-mono text-xs\n                    ",
+						children: e
+					})
+				})] })
+			] })
+		})
+	}) });
+}
+function It({ workspaceId: e, dashboardId: t, baseRevision: n, onCancel: r, onDeleted: a }) {
+	let s = i(), l = N(e).remove, u = o({
+		defaultValues: {},
+		validators: d({ submit: async () => (await l.mutateAsync({
+			id: t,
+			baseRevision: n
+		}), null) }),
+		onSubmitInvalid: c,
+		onSubmit: () => {
+			a();
+		}
+	});
+	return /* @__PURE__ */ U(u.AppForm, { children: /* @__PURE__ */ W(u.FormRoot, {
+		layout: "dialog",
+		children: [/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(S, { children: s("dashboard_delete_confirm_title") }), /* @__PURE__ */ U(x, { children: s("dashboard_delete_confirm_description") })] }), /* @__PURE__ */ W(b, { children: [/* @__PURE__ */ U(y, {
+			type: "button",
+			variant: "outline",
+			onClick: () => {
+				r();
+			},
+			children: s("action_cancel")
+		}), /* @__PURE__ */ U(u.SubmitButton, {
+			label: s("dashboard_delete_confirm_submit"),
+			pendingLabel: s("action_deleting"),
+			variant: "destructive"
+		})] })]
+	}) });
+}
+//#endregion
+export { kt as a, yt as c, gt as d, pt as f, Y as h, At as i, bt as l, rt as m, jt as n, xt as o, ot as p, $ as r, Z as s, Nt as t, X as u };