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

package/dist/dashboards-page-wnmmLpVC.js

@@ -0,0 +1,1040 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { $r as t, Bn as n, Fr as r, Ft as i, Gt as a, Hn as o, Kn as s, Mr as c, Qn as l, Wn as u, Wt as d, c as f, ii as p, kt as m, o as h, zn as g } from "./quick-report-DEqqwQxR.js";
+import { f as _, h as v, m as y, n as b } from "./i18n-Dt6xbSK6.js";
+import { $ as x, B as S, H as C, K as w, R as T, U as E, V as D, X as O, Y as ee, jt as k, xt as A } from "./alert-dialog-B60PF7S9.js";
+import { A as te, B as j, H as M, L as N, M as P, V as F, z as I } from "./spinner-BRcNKwjH.js";
+import { b as ne } from "./panel-BCwBlB_h.js";
+import { n as re, r as L, t as ie } from "./query-gate-DqmHsZ07.js";
+import { t as ae } from "./breadcrumbs-D2u8KZQo.js";
+import { n as oe, t as se } from "./base-revision-DYCOZS0R.js";
+import { a as ce, c as le, d as R, i as ue, l as de, n as fe, o as pe, r as me, s as he, t as ge, u as _e } from "./catalog-list-LXuRix0-.js";
+import { useQuery as ve } from "@tanstack/react-query";
+import { createElement as ye, useRef as be, useState as z } from "react";
+import { DASHBOARD_ABI_VERSION as xe, DASHBOARD_ICON_IDS as Se, DASHBOARD_MANIFEST_FILE as Ce, DEFAULT_DASHBOARD_ICON_ID as B, DEFAULT_DASHBOARD_TEMPLATE_ID as V, dashboardConfigurationIssues as we, dashboardCopyFormSchema as Te, 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";
+// 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(B) ?? 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 ye(tt(e), {
+		className: t,
+		strokeWidth: n,
+		"aria-hidden": !0
+	});
+}
+// src/workspace/dashboards/copy-dialog.tsx
+function nt(e, t) {
+	let n = q(), r = be(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 r = y(), a = v(), o = nt(e, n), c = i(e).copy, u = Array.from(K(t.name, a)), d = r("dashboard_copy_default_name", { name: u.join("") });
+	for (; u.length > 0 && Te["~standard"].validate({ name: d }).issues?.some((e) => e.keyword === "maxLength");) u.pop(), d = r("dashboard_copy_default_name", { name: u.join("") });
+	let f = s({
+		defaultValues: { name: d },
+		validators: g({
+			schema: Te,
+			submit: async (e) => {
+				let n = await c.mutateAsync(Ee(e, t.id));
+				return o.record(n.id), null;
+			}
+		}),
+		onSubmitInvalid: l,
+		onSubmit: o.onSubmit
+	});
+	return /* @__PURE__ */ U(T, {
+		open: !0,
+		onOpenChange: (e) => {
+			e || n();
+		},
+		children: /* @__PURE__ */ U(S, { children: /* @__PURE__ */ U(f.AppForm, { children: /* @__PURE__ */ W(f.FormRoot, {
+			layout: "dialog",
+			children: [
+				/* @__PURE__ */ W(E, { children: [/* @__PURE__ */ U(w, { children: r("dashboard_copy_title") }), /* @__PURE__ */ U(D, { children: r("dashboard_copy_description") })] }),
+				/* @__PURE__ */ U(F, { children: /* @__PURE__ */ U(f.AppField, {
+					name: "name",
+					children: (e) => /* @__PURE__ */ U(e.TextField, {
+						label: r("dashboard_field_name"),
+						autoFocus: !0
+					})
+				}) }),
+				/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(k, {
+					type: "button",
+					variant: "outline",
+					onClick: n,
+					children: r("action_cancel")
+				}), /* @__PURE__ */ U(f.SubmitButton, {
+					label: r("dashboard_copy_action"),
+					pendingLabel: r("dashboard_copy_pending")
+				})] })
+			]
+		}) }) })
+	});
+}
+// 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 = we(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(h) || 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)}${Ce}${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 === xe;
+}
+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
+));
+}
+// 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 } = r();
+	return ve({
+		queryKey: [
+			a,
+			t,
+			e
+		],
+		queryFn: () => ht({
+			mode: t,
+			dashboardId: e,
+			preferredUrl: n(e)
+		}),
+		staleTime: 3e4,
+		retry: !1
+	});
+}
+// 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 = () => {
+				i ? (t.remove(), o("missing")) : 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;
+		}
+	};
+}
+// src/workspace/dashboards/enabled-switch.tsx
+function Z({ workspaceId: e, dashboard: t, compact: n = !1, className: r }) {
+	let a = y(), o = b(), { enable: s, disable: c } = i(e), l = (e) => ({
+		onSuccess: () => {
+			o.success(e);
+		},
+		onError: (e) => {
+			o.error(u(e));
+		}
+	}), d = t.disabledSince == null, f = c.isPending || s.isPending;
+	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(x, {
+				checked: d,
+				disabled: f,
+				size: "sm",
+				"aria-label": a("dashboard_enabled_label"),
+				onCheckedChange: (e) => {
+					e ? s.mutate({
+						id: t.id,
+						baseRevision: t.revision
+					}, l(a("dashboard_enable_toast"))) : c.mutate({
+						id: t.id,
+						baseRevision: t.revision
+					}, l(a("dashboard_disable_toast")));
+				}
+			}), n ? null : /* @__PURE__ */ U("span", {
+				className: "text-sm text-muted-foreground",
+				children: a("dashboard_enabled_label")
+			})]
+		}), !n && t.disabledSince != null ? /* @__PURE__ */ U("p", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: a("dashboard_disabled_since", { since: Ke(t.disabledSince) })
+		}) : null]
+	});
+}
+function xt({ dashboard: e }) {
+	let t = y();
+	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")
+	});
+}
+// 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;
+}
+// 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();
+	} };
+}
+// 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(ce, { children: t.map((t) => /* @__PURE__ */ U(Ot, {
+		workspaceId: e,
+		dashboard: t,
+		onDelete: n
+	}, t.id)) });
+}
+function Et({ workspaceId: e, dashboards: t, onDelete: n }) {
+	let r = y(), i = b(), a = p.useUtils(), o = p.dashboard.reorder.useMutation(), [s, c] = z(null), l = s ?? t, f = l.length, [m] = z(() => wt());
+	return /* @__PURE__ */ U(Je, {
+		plugins: (e) => [...e, qe.configure({
+			screenReaderInstructions: { draggable: r("dashboard_reorder_keyboard_instructions") },
+			announcements: {
+				dragstart(e) {
+					let t = e.operation.source;
+					if (J(t)) return r("dashboard_reorder_announcement_start", {
+						name: Q(t),
+						position: t.index + 1,
+						total: f
+					});
+				},
+				dragover(e) {
+					let t = e.operation.source;
+					if (J(t)) return r("dashboard_reorder_announcement_move", {
+						name: Q(t),
+						position: t.index + 1,
+						total: f
+					});
+				},
+				dragend(e) {
+					let t = e.operation.source;
+					if (J(t)) return e.canceled ? r("dashboard_reorder_announcement_cancel", {
+						name: Q(t),
+						position: t.initialIndex + 1,
+						total: f
+					}) : r("dashboard_reorder_announcement_drop", {
+						name: Q(t),
+						position: t.index + 1,
+						total: f
+					});
+				}
+			}
+		})],
+		onDragStart: () => {
+			c(t);
+		},
+		onDragEnd: (n) => {
+			let r = s ?? t;
+			if (c(null), n.canceled) return;
+			let { source: l } = n.operation;
+			if (!J(l)) return;
+			let f = St({
+				ids: r.map((e) => e.id),
+				fromIndex: l.initialIndex,
+				toIndex: l.index
+			});
+			f != null && (a.dashboard.list.setData({ workspaceId: e }, (e) => ({ dashboards: Ct(e?.dashboards ?? r, f) })), m.enqueue(f, {
+				send: (t) => o.mutateAsync({
+					workspaceId: e,
+					ids: t
+				}),
+				onLatestSuccess: (t) => {
+					let n = t.dashboards.map((e) => e.id);
+					a.dashboard.list.setData({ workspaceId: e }, (e) => e == null ? t : { dashboards: Ct(e.dashboards, n) });
+				},
+				onLatestFailure: (t) => {
+					i.error(u(t)), d(a, {
+						entity: "dashboard",
+						workspaceId: e
+					});
+				}
+			}));
+		},
+		children: /* @__PURE__ */ U(ce, { children: l.map((t, r) => /* @__PURE__ */ U(Dt, {
+			workspaceId: e,
+			dashboard: t,
+			index: r,
+			onDelete: n
+		}, t.id)) })
+	});
+}
+function Dt({ workspaceId: e, dashboard: t, index: n, onDelete: r }) {
+	let i = v(), a = K(t.name, i), { ref: o, handleRef: s, isDragging: c } = Ye({
+		id: t.id,
+		index: n,
+		data: { name: a }
+	});
+	return /* @__PURE__ */ U(Ot, {
+		workspaceId: e,
+		dashboard: t,
+		onDelete: r,
+		sortableRef: o,
+		handleRef: s,
+		isDragging: c
+	});
+}
+function Ot({ workspaceId: e, dashboard: t, onDelete: n, sortableRef: r, handleRef: i, isDragging: a = !1 }) {
+	let o = y(), s = v(), l = q(), u = c(), [d, f] = z(!1), p = t.description == null ? "" : K(t.description, s);
+	return /* @__PURE__ */ W(_e, {
+		ref: r,
+		"data-context-dashboard-id": t.id,
+		className: `
+        ${i == null ? "" : "gap-2"}
+        ${a ? "border-b-transparent" : ""}
+      `,
+		children: [
+			i == null ? null : /* @__PURE__ */ U("button", {
+				type: "button",
+				"aria-label": o("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: i,
+				children: /* @__PURE__ */ U(Ve, {})
+			}),
+			/* @__PURE__ */ W(le, {
+				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(he, { children: K(t.name, s) }), /* @__PURE__ */ U(xt, { dashboard: t })]
+					}), p.length > 0 ? /* @__PURE__ */ U(pe, { children: p }) : null]
+				})]
+			}),
+			/* @__PURE__ */ W(ge, { children: [/* @__PURE__ */ U(Z, {
+				workspaceId: e,
+				dashboard: t,
+				compact: !0
+			}), /* @__PURE__ */ W(ue, { children: [
+				u ? /* @__PURE__ */ U(R, {
+					"aria-label": o("dashboard_copy_action"),
+					onClick: () => {
+						f(!0);
+					},
+					children: /* @__PURE__ */ U(Be, {})
+				}) : null,
+				/* @__PURE__ */ U(R, {
+					"aria-label": o("dashboard_edit_settings"),
+					onClick: () => {
+						l({
+							to: "/workspace/$workspaceId/setup/dashboards/$dashboardId",
+							params: {
+								workspaceId: e,
+								dashboardId: t.id
+							}
+						});
+					},
+					children: /* @__PURE__ */ U(Ue, {})
+				}),
+				/* @__PURE__ */ U(R, {
+					tone: "destructive",
+					"aria-label": o("dashboard_delete_action"),
+					onClick: () => {
+						n(t);
+					},
+					children: /* @__PURE__ */ U(Ge, {})
+				})
+			] })] }),
+			d ? /* @__PURE__ */ U(rt, {
+				workspaceId: e,
+				dashboard: t,
+				onClose: () => {
+					f(!1);
+				}
+			}) : null
+		]
+	});
+}
+// src/workspace/setup/dashboards-page.tsx
+var kt = /* @__PURE__ */ e({
+	CreateDashboardForm: () => Nt,
+	CreateDashboardFromReportForm: () => jt,
+	DashboardTemplateDescription: () => Mt,
+	SetupDashboardSettingsDialogBody: () => $,
+	SetupDashboardsPage: () => At
+});
+function At({ workspaceId: e }) {
+	let t = y(), n = b(), r = q(), i = p.dashboard.list.useQuery({ workspaceId: e }), [a, o] = z(null);
+	return /* @__PURE__ */ W(de, { children: [
+		/* @__PURE__ */ U(ne, {
+			icon: /* @__PURE__ */ U(He, {}),
+			breadcrumbs: /* @__PURE__ */ U(ae, { workspaceId: e }),
+			title: t("setup_dashboards_title"),
+			description: t("setup_dashboards_description"),
+			actions: /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ W(k, {
+				type: "button",
+				size: "sm",
+				variant: "outline",
+				onClick: () => {
+					r({
+						to: "/workspace/$workspaceId/setup/dashboards/new-from-report",
+						params: { workspaceId: e }
+					});
+				},
+				children: [/* @__PURE__ */ U(We, { "data-icon": "inline-start" }), t("dashboard_create_from_report_action")]
+			}), /* @__PURE__ */ W(k, {
+				type: "button",
+				size: "sm",
+				onClick: () => {
+					r({
+						to: "/workspace/$workspaceId/setup/dashboards/new",
+						params: { workspaceId: e }
+					});
+				},
+				children: [/* @__PURE__ */ U(We, { "data-icon": "inline-start" }), t("dashboard_create_action")]
+			})] })
+		}),
+		/* @__PURE__ */ U(fe, { children: /* @__PURE__ */ U(L, {
+			query: i,
+			loading: /* @__PURE__ */ W("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ U(A, { className: "h-10 w-full" }), /* @__PURE__ */ U(A, { className: "h-10 w-4/5" })]
+			}),
+			error: (e) => /* @__PURE__ */ U(ie, { message: u(e) }),
+			isEmpty: (e) => e.dashboards.length === 0,
+			empty: /* @__PURE__ */ U(me, { children: t("setup_dashboards_empty") }),
+			children: ({ dashboards: t }) => /* @__PURE__ */ U(Tt, {
+				workspaceId: e,
+				dashboards: t,
+				onDelete: o
+			})
+		}) }),
+		/* @__PURE__ */ U(T, {
+			open: a != null,
+			onOpenChange: (e) => {
+				e || o(null);
+			},
+			children: /* @__PURE__ */ U(S, { children: a ? /* @__PURE__ */ U(It, {
+				workspaceId: e,
+				dashboardId: a.id,
+				baseRevision: a.revision,
+				onCancel: () => {
+					o(null);
+				},
+				onDeleted: () => {
+					o(null), n.success(t("dashboard_delete_toast"));
+				}
+			}) : null })
+		})
+	] });
+}
+function jt({ workspaceId: e, onCancel: n, onCreated: r }) {
+	let a = y(), o = b(), c = v(), u = p.report.preset.list.useQuery({ workspaceId: e }), d = u.data?.reportPresets ?? [], f = u.isLoading, m = u.isError, h = !f && !m && d.length === 0, _ = f || m || h, x = i(e).create, S = s({
+		defaultValues: {
+			name: "",
+			presetId: ""
+		},
+		validators: g({
+			schema: Oe,
+			submit: async (t) => (await x.mutateAsync(ke(t, {
+				workspaceId: e,
+				report: d.find((e) => e.id === t.presetId),
+				locale: c
+			})), null)
+		}),
+		onSubmitInvalid: l,
+		onSubmit: () => {
+			o.success(a("dashboard_create_toast")), r();
+		}
+	});
+	return /* @__PURE__ */ U(S.AppForm, { children: /* @__PURE__ */ W(S.FormRoot, {
+		layout: "dialog",
+		children: [
+			/* @__PURE__ */ W(E, { children: [/* @__PURE__ */ U(w, { children: a("dashboard_create_from_report_title") }), /* @__PURE__ */ U(D, { children: a("dashboard_create_from_report_description") })] }),
+			/* @__PURE__ */ W(F, { children: [/* @__PURE__ */ U(S.AppField, {
+				name: "presetId",
+				children: (e) => {
+					let n = !e.state.meta.isValid, r = t(e.state.meta.errors, e.name);
+					return /* @__PURE__ */ W(N, {
+						"data-invalid": n ? !0 : void 0,
+						children: [
+							/* @__PURE__ */ U(M, {
+								htmlFor: "setup-dashboard-from-report-preset",
+								children: a("dashboard_create_from_report_field_preset")
+							}),
+							/* @__PURE__ */ U(te, {
+								id: "setup-dashboard-from-report-preset",
+								className: "w-full",
+								value: e.state.value,
+								disabled: _,
+								onBlur: e.handleBlur,
+								onChange: (t) => {
+									let n = t.target.value;
+									e.handleChange(n);
+									let r = d.find((e) => e.id === n);
+									r != null && S.setFieldValue("name", K(r.title, c));
+								},
+								"aria-invalid": n || void 0,
+								children: f ? /* @__PURE__ */ U(P, {
+									value: "",
+									children: a("dashboard_create_from_report_preset_loading")
+								}) : m ? /* @__PURE__ */ U(P, {
+									value: "",
+									children: a("dashboard_create_from_report_preset_error")
+								}) : h ? /* @__PURE__ */ U(P, {
+									value: "",
+									children: a("dashboard_create_from_report_preset_empty")
+								}) : /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(P, {
+									value: "",
+									children: a("dashboard_create_from_report_preset_placeholder")
+								}), d.map((e) => /* @__PURE__ */ U(P, {
+									value: e.id,
+									children: K(e.title, c)
+								}, e.id))] })
+							}),
+							/* @__PURE__ */ U(j, { errors: r })
+						]
+					});
+				}
+			}), /* @__PURE__ */ U(S.AppField, {
+				name: "name",
+				children: (e) => /* @__PURE__ */ U(e.TextField, {
+					label: a("dashboard_field_name"),
+					id: "setup-dashboard-from-report-name"
+				})
+			})] }),
+			/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(k, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					n();
+				},
+				children: a("action_cancel")
+			}), /* @__PURE__ */ U(S.SubmitButton, {
+				label: a("dashboard_create_from_report_submit"),
+				pendingLabel: a("action_creating"),
+				disabled: _
+			})] })
+		]
+	}) });
+}
+function Mt({ workspaceId: e, templateId: t }) {
+	let n = y(), r = v(), i = p.templates.dashboard.get.useQuery({
+		workspaceId: e,
+		templateId: t
+	});
+	if (i.isPending) return /* @__PURE__ */ W("div", {
+		className: "grid gap-1.5",
+		"aria-busy": "true",
+		"data-testid": "dashboard-template-description",
+		children: [/* @__PURE__ */ U(A, { className: "h-4 w-full" }), /* @__PURE__ */ U(A, { className: "h-4 w-2/3" })]
+	});
+	if (i.isError) return /* @__PURE__ */ U(I, {
+		className: "text-destructive",
+		role: "alert",
+		"data-testid": "dashboard-template-description",
+		children: n("dashboard_create_template_description_error")
+	});
+	let a = i.data.description;
+	return a == null ? null : /* @__PURE__ */ U(I, {
+		"data-testid": "dashboard-template-description",
+		children: K(a, r)
+	});
+}
+function Nt({ workspaceId: e, onCancel: n, onCreated: r }) {
+	let a = y(), o = b(), c = v(), u = i(e).create, d = p.templates.dashboard.list.useQuery({ workspaceId: e }), f = d.data?.templates ?? [], m = d.isLoading, h = d.isError, x = !m && !h && f.length === 0, S = s({
+		defaultValues: {
+			name: a("dashboard_default_name"),
+			template: V
+		},
+		validators: g({
+			schema: Me,
+			submit: async (t) => (await u.mutateAsync(De(t, {
+				workspaceId: e,
+				defaultName: _("dashboard_default_name")
+			})), null)
+		}),
+		onSubmitInvalid: l,
+		onSubmit: () => {
+			o.success(a("dashboard_create_toast")), r();
+		}
+	}), T = c, D = m || h || x;
+	return /* @__PURE__ */ U(S.AppForm, { children: /* @__PURE__ */ W(S.FormRoot, {
+		layout: "dialog",
+		children: [
+			/* @__PURE__ */ U(E, { children: /* @__PURE__ */ U(w, { children: a("dashboard_create_title") }) }),
+			/* @__PURE__ */ W(F, { children: [/* @__PURE__ */ U(S.AppField, {
+				name: "template",
+				children: (n) => {
+					let r = f.find((e) => e.id === n.state.value);
+					return /* @__PURE__ */ W(N, { children: [
+						/* @__PURE__ */ U(M, {
+							htmlFor: "setup-dashboard-template",
+							children: a("dashboard_create_field_template")
+						}),
+						/* @__PURE__ */ U(te, {
+							id: "setup-dashboard-template",
+							value: n.state.value,
+							disabled: D,
+							onBlur: n.handleBlur,
+							onChange: (e) => {
+								n.handleChange(e.target.value);
+							},
+							children: m ? /* @__PURE__ */ U(P, {
+								value: V,
+								disabled: !0,
+								children: a("dashboard_create_template_loading")
+							}) : h ? /* @__PURE__ */ U(P, {
+								value: V,
+								disabled: !0,
+								children: a("dashboard_create_template_error")
+							}) : x ? /* @__PURE__ */ U(P, {
+								value: V,
+								disabled: !0,
+								children: a("dashboard_create_template_empty")
+							}) : f.map((e) => /* @__PURE__ */ U(P, {
+								value: e.id,
+								children: K(e.name, T)
+							}, e.id))
+						}),
+						r == null ? null : /* @__PURE__ */ U(Mt, {
+							workspaceId: e,
+							templateId: r.id
+						}),
+						/* @__PURE__ */ U(j, { errors: t(n.state.meta.errors, n.name) })
+					] });
+				}
+			}), /* @__PURE__ */ U(S.AppField, {
+				name: "name",
+				children: (e) => /* @__PURE__ */ U(e.TextField, {
+					label: a("dashboard_field_name"),
+					id: "setup-dashboard-name",
+					autoFocus: !0
+				})
+			})] }),
+			/* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(k, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					n();
+				},
+				children: a("action_cancel")
+			}), /* @__PURE__ */ U(S.SubmitButton, {
+				label: a("dashboard_create_submit"),
+				pendingLabel: a("action_creating"),
+				disabled: D
+			})] })
+		]
+	}) });
+}
+function $({ workspaceId: e, dashboardId: t, onClose: n }) {
+	let r = y(), i = v(), a = p.dashboard.get.useQuery({ id: t }), o = p.useUtils(), s = gt(t), c = a.data, l = s.data, [u, d] = z(0);
+	return /* @__PURE__ */ U(L, {
+		query: {
+			isLoading: a.isLoading || s.isLoading || l == null,
+			isError: a.isError,
+			error: a.error,
+			data: c != null && l != null ? {
+				dashboard: c,
+				entrypoint: l
+			} : void 0
+		},
+		loading: /* @__PURE__ */ W("div", {
+			className: "flex flex-col gap-4 p-4",
+			children: [/* @__PURE__ */ U(A, { className: "h-8 w-48" }), /* @__PURE__ */ U(A, { className: "h-40 w-full" })]
+		}),
+		error: () => /* @__PURE__ */ U(re, {
+			className: "p-4",
+			message: r("error_request_failed"),
+			onRetry: () => a.refetch()
+		}),
+		children: ({ dashboard: r, entrypoint: a }) => /* @__PURE__ */ U(Ft, {
+			workspaceId: e,
+			dashboardId: r.id,
+			entrypointUrl: a.url,
+			initialConfiguration: r.configuration,
+			initialRevision: r.revision,
+			defaultValues: Fe(r, i),
+			onDone: n,
+			onReload: async () => {
+				let e = await o.client.dashboard.get.query({ id: t });
+				o.dashboard.get.setData({ id: t }, e), d((e) => e + 1);
+			}
+		}, `${r.id}-${String(u)}`)
+	});
+}
+function Pt({ problem: e }) {
+	switch (e) {
+		case "configuration_invalid_json": return _("dashboard_config_invalid_json");
+		case "configuration_must_be_object": return _("dashboard_config_must_be_object");
+		case "name_required": return _("error_field_required");
+	}
+}
+function Ft({ workspaceId: e, dashboardId: t, entrypointUrl: r, initialConfiguration: a, initialRevision: c, defaultValues: u, onDone: d, onReload: f }) {
+	let h = y(), v = b(), [x, S] = z(() => a), C = oe(c), w = p.useUtils(), T = async () => {
+		let e = await w.client.dashboard.get.query({ id: t });
+		S(e.configuration), C.rebase(e.revision);
+	}, E = p.dashboard.getSourceFile.useQuery({
+		id: t,
+		path: "config.schema.json"
+	}), D = i(e).update, A = s({
+		defaultValues: u,
+		validators: g({
+			schema: Ne,
+			submit: async (e) => {
+				let i = Pe(e, {
+					id: t,
+					expectedConfiguration: x
+				});
+				if (!i.ok) return n(i, Pt);
+				try {
+					let e = st(await pt(X(r, yt())), i.input.configuration);
+					if (e?.kind === "load_failed") return { fields: { configurationText: () => _("dashboard_config_schema_load_failed") } };
+					if (e?.kind === "rebuild_required") return { fields: { configurationText: () => _("dashboard_rebuild_required_description") } };
+					if (e?.kind === "issues") return { fields: { configurationText: e.text } };
+				} catch {
+					return { fields: { configurationText: () => _("dashboard_config_schema_load_failed") } };
+				}
+				return await D.mutateAsync({
+					...i.input,
+					...C.baseRevision === void 0 ? {} : { baseRevision: C.baseRevision }
+				}), null;
+			},
+			mapError: C.mapError((e, t) => o(e, t, { fieldMap: { configuration: "configurationText" } })),
+			onError: C.onError
+		}),
+		onSubmitInvalid: l,
+		onSubmit: () => {
+			d(), v.success(h("dashboard_update_toast"));
+		}
+	});
+	return /* @__PURE__ */ U(A.AppForm, { children: /* @__PURE__ */ U(A.FormRoot, {
+		layout: "dialog-fill",
+		children: /* @__PURE__ */ U(m, {
+			notice: /* @__PURE__ */ U(se, {
+				base: C,
+				onReload: f,
+				onKeepMine: T
+			}),
+			footer: /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(k, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					d();
+				},
+				children: h("action_cancel")
+			}), /* @__PURE__ */ U(A.SubmitButton, {
+				label: h("dashboard_settings_save"),
+				pendingLabel: h("action_saving")
+			})] }),
+			children: /* @__PURE__ */ W(F, { children: [
+				/* @__PURE__ */ U(A.AppField, {
+					name: "name",
+					children: (e) => /* @__PURE__ */ U(e.TextField, {
+						label: h("dashboard_field_name"),
+						id: "setup-edit-dashboard-name"
+					})
+				}),
+				/* @__PURE__ */ U(A.AppField, {
+					name: "description",
+					children: (e) => /* @__PURE__ */ U(e.TextAreaField, {
+						label: h("dashboard_field_description"),
+						id: "setup-edit-dashboard-description",
+						rows: 3
+					})
+				}),
+				/* @__PURE__ */ U(A.AppField, {
+					name: "icon",
+					children: (e) => {
+						let t = e.state.value, n = t === "" || t === B ? B : t;
+						return /* @__PURE__ */ W(N, { children: [/* @__PURE__ */ U(M, { children: h("dashboard_field_icon") }), /* @__PURE__ */ W(ee, {
+							variant: "outline",
+							size: "sm",
+							spacing: 2,
+							value: [n],
+							onValueChange: (t) => {
+								let n = t[0];
+								n != null && e.handleChange(n === B ? "" : n);
+							},
+							className: "grid w-full grid-cols-8",
+							children: [/* @__PURE__ */ U(O, {
+								value: B,
+								"aria-label": h("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
+								})
+							}), Se.filter((e) => e !== B).map((e) => /* @__PURE__ */ U(O, {
+								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(A.AppField, {
+					name: "configurationText",
+					children: (e) => /* @__PURE__ */ U(e.TextAreaField, {
+						label: h("dashboard_field_configuration"),
+						id: "setup-edit-dashboard-config",
+						spellCheck: !1,
+						className: "\n                    min-h-40 font-mono\n                    md:text-xs\n                  "
+					})
+				}),
+				/* @__PURE__ */ W(N, { children: [/* @__PURE__ */ U(M, { children: h("dashboard_config_schema_title") }), /* @__PURE__ */ U(L, {
+					query: E,
+					loading: /* @__PURE__ */ U(I, { children: h("dashboard_config_schema_loading") }),
+					error: () => /* @__PURE__ */ U(I, { children: h("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 o = y(), c = i(e).remove, u = s({
+		defaultValues: {},
+		validators: g({ submit: async () => (await c.mutateAsync({
+			id: t,
+			baseRevision: n
+		}), null) }),
+		onSubmitInvalid: l,
+		onSubmit: () => {
+			a();
+		}
+	});
+	return /* @__PURE__ */ U(u.AppForm, { children: /* @__PURE__ */ W(u.FormRoot, {
+		layout: "dialog",
+		children: [/* @__PURE__ */ W(E, { children: [/* @__PURE__ */ U(w, { children: o("dashboard_delete_confirm_title") }), /* @__PURE__ */ U(D, { children: o("dashboard_delete_confirm_description") })] }), /* @__PURE__ */ W(C, { children: [/* @__PURE__ */ U(k, {
+			type: "button",
+			variant: "outline",
+			onClick: () => {
+				r();
+			},
+			children: o("action_cancel")
+		}), /* @__PURE__ */ U(u.SubmitButton, {
+			label: o("dashboard_delete_confirm_submit"),
+			pendingLabel: o("action_deleting"),
+			variant: "destructive"
+		})] })]
+	}) });
+}
+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 };