@overvis/hmi-workspace-ui 0.1.0 → 0.1.2

package/dist/{page-v6LCwswN.js → page-BorlLnMX.js}

@@ -1,41 +1,35 @@
-import { r as e } from "./trpc-CvJUuUXp.js";
-import { f as t, h as n, m as r } from "./i18n-BgzakKoC.js";
-import { A as i, M as a, j as o, l as s } from "./spinner-C-HPNxOc.js";
-import { t as c } from "./button-6SxPBYMz.js";
-import { n as l } from "./skeleton-6yk8Tdh5.js";
-import { i as u } from "./context-u9KJQmdB.js";
-import { n as d } from "./api-error-9rQmUN5L.js";
-import { i as f, n as p, r as m, t as h } from "./alarm-list-BL3xQ5Lf.js";
-import { a as g, i as _, o as v, r as y } from "./provider-BOeYHi0n.js";
-import { n as b } from "./date-time-picker-C3FhMXk6.js";
-import { t as x } from "./page-header-RB2YFWlE.js";
-import { i as S, n as C, r as w, t as T } from "./tabs-CSIucYFP.js";
-import { r as E, t as D } from "./query-gate-DVhNIkge.js";
-import { i as O, n as k, t as A } from "./search-D4rDnE9T.js";
+import { Nr as e, Wn as t, fn as n, hn as r, ii as i, mn as a, pn as o } from "./quick-report-BcZsfkCZ.js";
+import { f as s, h as c, m as l } from "./i18n-ChjEbYEg.js";
+import { jt as u, xt as d } from "./alert-dialog-D_iDv2lQ.js";
+import { A as f, M as p, j as m, l as h } from "./spinner-B-KLtBjp.js";
+import { i as g, n as _, r as v, t as y } from "./alarm-list-DKFio0hg.js";
+import { M as b, a as x, b as S, i as C, n as w, r as T } from "./panel-DuZD-cBP.js";
+import { r as E, t as D } from "./query-gate-BbIo1Xrj.js";
+import { i as O, n as k, t as A } from "./search-C6xQ_Hvo.js";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { SirenIcon as N, XIcon as P } from "lucide-react";
 import { formatAppDateTime as F, parseExactAppDateTime as I } from "@overvis/hmi-shared";
 import { alarmEventKinds as L, automationSeverities as R } from "@overvis/hmi-shared/automation";
-//#region src/workspace/alarms/history.tsx
+// src/workspace/alarms/history.tsx
 function z(e) {
-	return t(e === "raised" ? "alarm_event_raised" : e === "cleared" ? "alarm_event_cleared" : e === "acknowledged" ? "alarm_event_acknowledged" : e === "shelved" ? "alarm_event_shelved" : e === "unshelved" ? "alarm_event_unshelved" : "alarm_event_removed");
+	return s(e === "raised" ? "alarm_event_raised" : e === "cleared" ? "alarm_event_cleared" : e === "acknowledged" ? "alarm_event_acknowledged" : e === "shelved" ? "alarm_event_shelved" : e === "unshelved" ? "alarm_event_unshelved" : "alarm_event_removed");
 }
 function B(e) {
-	return t(e === "urgent" ? "automation_severity_urgent" : e === "warning" ? "automation_severity_warning" : "automation_severity_info");
+	return s(e === "urgent" ? "automation_severity_urgent" : e === "warning" ? "automation_severity_warning" : "automation_severity_info");
 }
 function V(e) {
 	if (e.kind === "acknowledged" || e.kind === "shelved" || e.kind === "unshelved") {
-		let n = [
+		let t = [
 			e.actorName,
-			e.kind === "shelved" && e.shelvedUntil != null ? t("alarm_event_shelved_until", { time: F(e.shelvedUntil) }) : null,
+			e.kind === "shelved" && e.shelvedUntil != null ? s("alarm_event_shelved_until", { time: F(e.shelvedUntil) }) : null,
 			e.note
 		].filter((e) => e != null && e.length > 0);
-		return n.length === 0 ? null : n.join(" · ");
+		return t.length === 0 ? null : t.join(" · ");
 	}
-	return e.kind === "removed" ? t("alarm_event_removed_detail") : null;
+	return e.kind === "removed" ? s("alarm_event_removed_detail") : null;
 }
-function H({ event: e, sourceName: t, timeZone: i, onShowAlarm: a }) {
-	let o = r(), c = n(), { title: l } = m(e, _(e.message, c, i)), u = V(e);
+function H({ event: e, sourceName: t, timeZone: n, onShowAlarm: r }) {
+	let i = l(), a = c(), { title: s } = v(e, o(e.message, a, n)), u = V(e);
 	return /* @__PURE__ */ M("li", {
 		className: "\n        flex flex-col gap-1 border-b py-2.5 text-sm\n        last:border-b-0\n        @2xl:grid @2xl:grid-cols-[11rem_7rem_1fr] @2xl:gap-x-3\n      ",
 		children: [
@@ -46,7 +40,7 @@ function H({ event: e, sourceName: t, timeZone: i, onShowAlarm: a }) {
 			}),
 			/* @__PURE__ */ j("div", {
 				className: "\n          hidden items-start\n          @2xl:flex\n        ",
-				children: /* @__PURE__ */ j(s, {
+				children: /* @__PURE__ */ j(h, {
 					variant: "secondary",
 					children: z(e.kind)
 				})
@@ -57,20 +51,20 @@ function H({ event: e, sourceName: t, timeZone: i, onShowAlarm: a }) {
 					/* @__PURE__ */ M("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							/* @__PURE__ */ j(s, {
+							/* @__PURE__ */ j(h, {
 								variant: "secondary",
 								className: "@2xl:hidden",
 								children: z(e.kind)
 							}),
-							/* @__PURE__ */ j(p, { severity: e.severity }),
+							/* @__PURE__ */ j(_, { severity: e.severity }),
 							/* @__PURE__ */ j("button", {
 								type: "button",
 								className: "\n              min-w-0 text-left font-medium wrap-break-word underline-offset-4\n              hover:underline\n              focus-visible:underline focus-visible:outline-none\n            ",
-								title: o("alarm_history_of_alarm"),
+								title: i("alarm_history_of_alarm"),
 								onClick: () => {
-									a(e.alarmId);
+									r(e.alarmId);
 								},
-								children: l
+								children: s
 							})
 						]
 					}),
@@ -87,19 +81,19 @@ function H({ event: e, sourceName: t, timeZone: i, onShowAlarm: a }) {
 		]
 	});
 }
-function U({ workspaceId: t, filters: n, onFiltersChange: s }) {
-	let p = r(), m = u()?.timezone ?? "UTC", h = f(t, !0), _ = I(n.from ?? "")?.toISOString(), v = I(n.to ?? "")?.toISOString(), y = e.alarm.log.useInfiniteQuery({
-		workspaceId: t,
-		...n.severity == null ? {} : { severities: [n.severity] },
-		...n.kind == null ? {} : { kinds: [n.kind] },
-		...n.source == null ? {} : { sourceIds: [n.source] },
-		...n.alarm == null ? {} : { alarmId: n.alarm },
+function U({ workspaceId: n, filters: r, onFiltersChange: o }) {
+	let s = l(), c = e()?.timezone ?? "UTC", h = g(n, !0), _ = I(r.from ?? "")?.toISOString(), v = I(r.to ?? "")?.toISOString(), y = i.alarm.log.useInfiniteQuery({
+		workspaceId: n,
+		...r.severity == null ? {} : { severities: [r.severity] },
+		...r.kind == null ? {} : { kinds: [r.kind] },
+		...r.source == null ? {} : { sourceIds: [r.source] },
+		...r.alarm == null ? {} : { alarmId: r.alarm },
 		..._ == null ? {} : { from: _ },
 		...v == null ? {} : { to: v },
 		limit: 50
-	}, { getNextPageParam: (e) => e.nextCursor ?? void 0 }), x = Object.values(n).some((e) => e != null && e !== ""), S = (e) => {
-		s(A(k({
-			...n,
+	}, { getNextPageParam: (e) => e.nextCursor ?? void 0 }), x = Object.values(r).some((e) => e != null && e !== ""), S = (e) => {
+		o(A(k({
+			...r,
 			...e
 		})));
 	};
@@ -108,61 +102,61 @@ function U({ workspaceId: t, filters: n, onFiltersChange: s }) {
 		children: [
 			/* @__PURE__ */ M("div", {
 				role: "group",
-				"aria-label": p("alarm_history_filters"),
+				"aria-label": s("alarm_history_filters"),
 				className: "\n          grid grid-cols-2 items-start gap-2\n          @2xl:grid-cols-6\n          @4xl:grid-cols-12\n        ",
 				children: [
-					/* @__PURE__ */ M(i, {
+					/* @__PURE__ */ M(f, {
 						className: "\n            w-full\n            @2xl:col-span-2\n          ",
-						"aria-label": p("alarm_history_severity"),
-						value: n.severity ?? "",
+						"aria-label": s("alarm_history_severity"),
+						value: r.severity ?? "",
 						onChange: (e) => {
 							S({ severity: e.target.value });
 						},
-						children: [/* @__PURE__ */ j(a, {
+						children: [/* @__PURE__ */ j(p, {
 							value: "",
-							children: p("alarm_history_all_severities")
-						}), R.map((e) => /* @__PURE__ */ j(a, {
+							children: s("alarm_history_all_severities")
+						}), R.map((e) => /* @__PURE__ */ j(p, {
 							value: e,
 							children: B(e)
 						}, e))]
 					}),
-					/* @__PURE__ */ M(i, {
+					/* @__PURE__ */ M(f, {
 						className: "\n            w-full\n            @2xl:col-span-2\n          ",
-						"aria-label": p("alarm_history_kind"),
-						value: n.kind ?? "",
+						"aria-label": s("alarm_history_kind"),
+						value: r.kind ?? "",
 						onChange: (e) => {
 							S({ kind: e.target.value });
 						},
-						children: [/* @__PURE__ */ j(a, {
+						children: [/* @__PURE__ */ j(p, {
 							value: "",
-							children: p("alarm_history_all_kinds")
-						}), L.map((e) => /* @__PURE__ */ j(a, {
+							children: s("alarm_history_all_kinds")
+						}), L.map((e) => /* @__PURE__ */ j(p, {
 							value: e,
 							children: z(e)
 						}, e))]
 					}),
-					/* @__PURE__ */ M(i, {
+					/* @__PURE__ */ M(f, {
 						className: "\n            col-span-2 w-full\n            @4xl:col-span-2\n          ",
-						"aria-label": p("alarm_history_source"),
-						value: n.source ?? "",
+						"aria-label": s("alarm_history_source"),
+						value: r.source ?? "",
 						onChange: (e) => {
 							S({ source: e.target.value });
 						},
 						children: [
-							/* @__PURE__ */ j(a, {
+							/* @__PURE__ */ j(p, {
 								value: "",
-								children: p("alarm_history_all_sources")
+								children: s("alarm_history_all_sources")
 							}),
-							h.rules.length > 0 ? /* @__PURE__ */ j(o, {
-								label: p("alarm_history_alarm_rules"),
-								children: h.rules.map((e) => /* @__PURE__ */ j(a, {
+							h.rules.length > 0 ? /* @__PURE__ */ j(m, {
+								label: s("alarm_history_alarm_rules"),
+								children: h.rules.map((e) => /* @__PURE__ */ j(p, {
 									value: e.id,
 									children: h.names.get(e.id)
 								}, e.id))
 							}) : null,
-							h.automations.length > 0 ? /* @__PURE__ */ j(o, {
-								label: p("alarm_history_automations"),
-								children: h.automations.map((e) => /* @__PURE__ */ j(a, {
+							h.automations.length > 0 ? /* @__PURE__ */ j(m, {
+								label: s("alarm_history_automations"),
+								children: h.automations.map((e) => /* @__PURE__ */ j(p, {
 									value: e.id,
 									children: h.names.get(e.id)
 								}, e.id))
@@ -171,13 +165,13 @@ function U({ workspaceId: t, filters: n, onFiltersChange: s }) {
 					}),
 					/* @__PURE__ */ j("div", {
 						role: "group",
-						"aria-label": p("alarm_history_period"),
+						"aria-label": s("alarm_history_period"),
 						className: "\n            col-span-2\n            @2xl:col-span-6\n            @4xl:col-span-6\n          ",
 						children: /* @__PURE__ */ j(b, {
 							optional: !0,
 							value: {
-								from: n.from ?? "",
-								to: n.to ?? ""
+								from: r.from ?? "",
+								to: r.to ?? ""
 							},
 							onValueChange: (e) => {
 								S({
@@ -187,53 +181,53 @@ function U({ workspaceId: t, filters: n, onFiltersChange: s }) {
 							}
 						})
 					}),
-					n.alarm == null ? null : /* @__PURE__ */ M(c, {
+					r.alarm == null ? null : /* @__PURE__ */ M(u, {
 						variant: "outline",
 						size: "sm",
 						className: "col-span-2 justify-self-start",
 						onClick: () => {
 							S({ alarm: void 0 });
 						},
-						children: [/* @__PURE__ */ j(P, { "data-icon": "inline-start" }), p("alarm_history_one_alarm")]
+						children: [/* @__PURE__ */ j(P, { "data-icon": "inline-start" }), s("alarm_history_one_alarm")]
 					}),
-					x ? /* @__PURE__ */ M(c, {
+					x ? /* @__PURE__ */ M(u, {
 						variant: "ghost",
 						size: "sm",
 						className: "col-span-2 justify-self-start",
 						onClick: () => {
-							s({});
+							o({});
 						},
-						children: [/* @__PURE__ */ j(P, { "data-icon": "inline-start" }), p("alarm_history_clear_filters")]
+						children: [/* @__PURE__ */ j(P, { "data-icon": "inline-start" }), s("alarm_history_clear_filters")]
 					}) : null
 				]
 			}),
 			/* @__PURE__ */ j("p", {
 				className: "text-xs text-muted-foreground",
-				children: p("alarm_history_delay")
+				children: s("alarm_history_delay")
 			}),
 			/* @__PURE__ */ j(E, {
 				query: y,
-				loading: /* @__PURE__ */ j(l, { className: "h-52 w-full" }),
-				error: (e) => /* @__PURE__ */ j(D, { message: d(e) }),
+				loading: /* @__PURE__ */ j(d, { className: "h-52 w-full" }),
+				error: (e) => /* @__PURE__ */ j(D, { message: t(e) }),
 				isEmpty: (e) => e.pages.every((e) => e.events.length === 0),
 				empty: /* @__PURE__ */ j("p", {
 					className: "rounded-lg border py-10 text-center text-sm text-muted-foreground",
-					children: p("alarm_history_empty")
+					children: s("alarm_history_empty")
 				}),
 				children: (e) => /* @__PURE__ */ j("ul", {
-					"aria-label": p("alarm_history_title"),
+					"aria-label": s("alarm_history_title"),
 					className: "rounded-lg border px-3",
 					children: e.pages.flatMap((e) => e.events.map((e) => /* @__PURE__ */ j(H, {
 						event: e,
-						sourceName: h.names.get(g(e.source)) ?? null,
-						timeZone: m,
+						sourceName: h.names.get(a(e.source)) ?? null,
+						timeZone: c,
 						onShowAlarm: (e) => {
 							S({ alarm: e });
 						}
 					}, e.id)))
 				})
 			}),
-			y.hasNextPage ? /* @__PURE__ */ j(c, {
+			y.hasNextPage ? /* @__PURE__ */ j(u, {
 				variant: "outline",
 				size: "sm",
 				className: "self-center",
@@ -241,54 +235,53 @@ function U({ workspaceId: t, filters: n, onFiltersChange: s }) {
 				onClick: () => {
 					y.fetchNextPage();
 				},
-				children: p("alarm_history_more")
+				children: s("alarm_history_more")
 			}) : null
 		]
 	});
 }
-//#endregion
-//#region src/workspace/alarms/page.tsx
-function W({ workspaceId: e, search: t, onSearchChange: n }) {
-	let i = r(), { alarms: a, now: o } = y(e), s = a == null ? 0 : v(a, o), c = t.tab ?? "active";
+// src/workspace/alarms/page.tsx
+function W({ workspaceId: e, search: t, onSearchChange: i }) {
+	let a = l(), { alarms: o, now: s } = n(e), c = o == null ? 0 : r(o, s), u = t.tab ?? "active";
 	return /* @__PURE__ */ M("div", {
 		className: "\n        @container mx-auto flex w-full max-w-5xl flex-1 flex-col gap-4 p-4\n        md:p-6\n      ",
 		children: [
-			/* @__PURE__ */ j(x, {
+			/* @__PURE__ */ j(S, {
 				icon: /* @__PURE__ */ j(N, {}),
-				title: i("alarm_page_title"),
-				description: i("alarm_page_description"),
+				title: a("alarm_page_title"),
+				description: a("alarm_page_description"),
 				className: "p-0"
 			}),
 			/* @__PURE__ */ j(O, {}),
-			/* @__PURE__ */ M(T, {
-				value: c,
+			/* @__PURE__ */ M(w, {
+				value: u,
 				onValueChange: (e) => {
-					n(e === "history" ? {
+					i(e === "history" ? {
 						...A(t),
 						tab: "history"
 					} : {});
 				},
 				children: [
-					/* @__PURE__ */ M(w, { children: [/* @__PURE__ */ j(S, {
+					/* @__PURE__ */ M(C, { children: [/* @__PURE__ */ j(x, {
 						value: "active",
-						children: s > 0 ? i("alarm_tab_active_count", { count: String(s) }) : i("alarm_tab_active")
-					}), /* @__PURE__ */ j(S, {
+						children: c > 0 ? a("alarm_tab_active_count", { count: String(c) }) : a("alarm_tab_active")
+					}), /* @__PURE__ */ j(x, {
 						value: "history",
-						children: i("alarm_tab_history")
+						children: a("alarm_tab_history")
 					})] }),
-					/* @__PURE__ */ j(C, {
+					/* @__PURE__ */ j(T, {
 						value: "active",
 						className: "pt-2",
-						children: /* @__PURE__ */ j(h, { workspaceId: e })
+						children: /* @__PURE__ */ j(y, { workspaceId: e })
 					}),
-					/* @__PURE__ */ j(C, {
+					/* @__PURE__ */ j(T, {
 						value: "history",
 						className: "pt-2",
-						children: c === "history" ? /* @__PURE__ */ j(U, {
+						children: u === "history" ? /* @__PURE__ */ j(U, {
 							workspaceId: e,
 							filters: A(t),
 							onFiltersChange: (e) => {
-								n({
+								i({
 									...e,
 									tab: "history"
 								});
@@ -300,5 +293,4 @@ function W({ workspaceId: e, search: t, onSearchChange: n }) {
 		]
 	});
 }
-//#endregion
 export { W as AlarmsPage };