@overvis/hmi-workspace-ui 0.1.0 → 0.1.2

package/dist/page-DxF7FOve.js

@@ -0,0 +1,507 @@
+import { Pr as e, ii as t } from "./quick-report-BcZsfkCZ.js";
+import { f as n, h as r, m as i, n as a } from "./i18n-ChjEbYEg.js";
+import { B as o, R as s, _t as c, dt as l, ft as u, gt as d, jt as f, mt as p, rt as m, tt as h, vt as g, xt as _ } from "./alert-dialog-D_iDv2lQ.js";
+import { c as v, l as y } from "./spinner-B-KLtBjp.js";
+import { a as b, c as x, d as S, o as C, s as w, u as T } from "./notice-card-V_0K0lO0.js";
+import { b as E } from "./panel-DuZD-cBP.js";
+import { t as D } from "./query-gate-BbIo1Xrj.js";
+import { t as O } from "./breadcrumbs-D5R6Fz74.js";
+import { l as k, n as ee } from "./catalog-list-BkWosvh1.js";
+import { a as A, i as j, n as te, o as M, t as ne } from "./retention-C7EZsq8u.js";
+import { a as re, i as ie, n as ae, r as oe, t as se } from "./dialogs-DEOg9lxy.js";
+import { useEffect as N, useMemo as ce, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { FolderIcon as le, HardDriveIcon as ue, PencilIcon as R, PlusIcon as de, Trash2Icon as z, TriangleAlertIcon as B } from "lucide-react";
+import { formatAppDateTime as V, resolveLocalized as fe } from "@overvis/hmi-shared";
+import { canManageWorkspace as pe } from "@overvis/hmi-shared/workspace";
+import { Link as H } from "@tanstack/react-router";
+// src/workspace/setup/storage/page.tsx
+function U(e) {
+	return e == null ? "—" : V(e);
+}
+function me({ deletion: e, onEnded: n }) {
+	let o = i(), s = r(), c = a(), l = t.useUtils(), u = t.jobs.wait.useQuery({ jobId: e.jobId }, {
+		refetchInterval: (e) => e.state.data == null || e.state.data.status === "running" ? 2e3 : !1,
+		refetchIntervalInBackground: !0
+	}).data;
+	return N(() => {
+		if (u != null && u.status !== "running") {
+			if (u.status === "failed") c.error(o("storage_deletion_failed"));
+			else if (u.status === "interrupted") c.warning(o("storage_deletion_interrupted"));
+			else {
+				let e = "result" in u ? u.result : void 0, t = typeof e == "object" && e && "records" in e ? Number(e.records) : 0;
+				c.success(o("storage_deletion_done", { records: A(t, s) }));
+			}
+			l.storage.invalidate(), n();
+		}
+	}, [
+		s,
+		n,
+		u,
+		o,
+		c,
+		l
+	]), /* @__PURE__ */ I(h, { children: /* @__PURE__ */ I(m, { children: o("storage_deletion_running") }) });
+}
+function W({ label: e, value: t, detail: n }) {
+	return /* @__PURE__ */ L(b, {
+		size: "sm",
+		children: [/* @__PURE__ */ L(T, { children: [/* @__PURE__ */ I(x, { children: e }), /* @__PURE__ */ I(S, {
+			className: "text-2xl tabular-nums",
+			children: t
+		})] }), /* @__PURE__ */ I(w, {
+			className: "text-xs text-muted-foreground",
+			children: n
+		})]
+	});
+}
+function he(e) {
+	switch (e) {
+		case "dashboards": return n("storage_area_dashboards");
+		case "builds": return n("storage_area_builds");
+		case "templates": return n("storage_area_templates");
+		case "uploads": return n("storage_area_uploads");
+		case "other": return n("storage_area_other");
+		case "history": return n("storage_area_history");
+	}
+}
+function ge({ workspaceId: e, area: t }) {
+	let n = i(), r = "\n    text-primary\n    hover:underline\n  ";
+	switch (t) {
+		case "dashboards":
+		case "builds": return /* @__PURE__ */ I(H, {
+			to: "/workspace/$workspaceId/setup/dashboards",
+			params: { workspaceId: e },
+			className: r,
+			children: n("setup_menu_dashboards")
+		});
+		case "uploads": return /* @__PURE__ */ I(H, {
+			to: "/workspace/$workspaceId/setup/files",
+			params: { workspaceId: e },
+			className: r,
+			children: n("setup_menu_files")
+		});
+		case "history": return /* @__PURE__ */ I(H, {
+			to: "/workspace/$workspaceId/audit",
+			params: { workspaceId: e },
+			className: r,
+			children: n("audit_menu")
+		});
+		case "templates":
+		case "other": return /* @__PURE__ */ I("span", {
+			className: "text-muted-foreground",
+			children: n("storage_area_cli")
+		});
+	}
+}
+function G({ workspaceId: n }) {
+	let a = i(), v = r(), N = t.storage.usage.useQuery({ workspaceId: n }), B = t.storage.retention.useQuery({ workspaceId: n }), H = t.parameter.listTree.useQuery({ workspaceId: n }), [G, K] = P(null), [q, ve] = P(null), [ye, be] = P(""), J = pe(e().access), Y = N.data, X = B.data, Z = H.data, Q = ce(() => ({
+		parameters: new Map((Z?.parameters ?? []).map((e) => [e.id, fe(e.name, v)])),
+		branches: new Map((Z?.branches ?? []).map((e) => [e.id, fe(e.name, v)]))
+	}), [v, Z]), xe = ce(() => X == null || Z == null ? null : te(X, Z), [X, Z]), Se = (e) => Q.branches.get(e) ?? a("storage_deleted_branch"), Ce = (e) => Q.parameters.get(e.parameterId) ?? e.name ?? a("storage_deleted_parameter"), $ = () => {
+		K(null);
+	}, we = (e) => {
+		K(null), ve({ jobId: e });
+	}, Te = N.isLoading || B.isLoading || H.isLoading, Ee = N.isError || B.isError || H.isError;
+	return /* @__PURE__ */ L(k, { children: [
+		/* @__PURE__ */ I(E, {
+			icon: /* @__PURE__ */ I(ue, {}),
+			breadcrumbs: /* @__PURE__ */ I(O, { workspaceId: n }),
+			title: a("storage_title"),
+			description: a("storage_description")
+		}),
+		/* @__PURE__ */ L(ee, {
+			className: "flex flex-col gap-4",
+			children: [
+				J ? null : /* @__PURE__ */ I(h, { children: /* @__PURE__ */ I(m, { children: a("storage_manage_admin_only") }) }),
+				q == null ? null : /* @__PURE__ */ I(me, {
+					deletion: q,
+					onEnded: () => {
+						ve(null);
+					}
+				}),
+				Ee ? /* @__PURE__ */ I(D, { message: a("error_request_failed") }) : Te || Y == null || X == null || Z == null || xe == null ? /* @__PURE__ */ L("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ I(_, { className: "h-24 w-full" }), /* @__PURE__ */ I(_, { className: "h-48 w-full" })]
+				}) : /* @__PURE__ */ L(F, { children: [
+					/* @__PURE__ */ L("p", {
+						className: "text-sm text-muted-foreground",
+						children: [Y.billedAt == null ? null : /* @__PURE__ */ L(F, { children: [a("storage_billed_at", { at: V(Y.billedAt) }), " "] }), Y.measuredAt == null ? a("storage_measured_never") : a("storage_measured_at", { at: V(Y.measuredAt) })]
+					}),
+					/* @__PURE__ */ L("div", {
+						className: "\n                grid gap-3\n                sm:grid-cols-2\n                lg:grid-cols-4\n              ",
+						children: [
+							/* @__PURE__ */ I(W, {
+								label: a("storage_readings_title"),
+								value: A(Y.readings.records, v),
+								detail: a("storage_records_unit")
+							}),
+							/* @__PURE__ */ I(W, {
+								label: a("storage_history_title"),
+								value: A(Y.audit.records, v),
+								detail: a("storage_records_unit")
+							}),
+							/* @__PURE__ */ I(W, {
+								label: a("storage_alarm_log_title"),
+								value: A(Y.alarmLog.records, v),
+								detail: a("storage_records_unit")
+							}),
+							/* @__PURE__ */ I(W, {
+								label: a("storage_files_title"),
+								value: j(Y.files.bytes, v),
+								detail: a("storage_files_unit")
+							})
+						]
+					}),
+					/* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(T, { children: [/* @__PURE__ */ I(S, { children: a("storage_retention_title") }), /* @__PURE__ */ I(x, { children: a("storage_retention_description") })] }), /* @__PURE__ */ L(w, {
+						className: "flex flex-col gap-3",
+						children: [
+							/* @__PURE__ */ L("div", {
+								className: "flex flex-wrap items-center justify-between gap-2",
+								children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm font-medium",
+									children: a("storage_default_label")
+								}), /* @__PURE__ */ I("p", {
+									className: "text-sm text-muted-foreground",
+									children: M(X.readingsKeepDays)
+								})] }), J ? /* @__PURE__ */ L(f, {
+									type: "button",
+									size: "sm",
+									variant: "outline",
+									onClick: () => {
+										K({
+											kind: "default",
+											target: "readings"
+										});
+									},
+									children: [/* @__PURE__ */ I(R, { "data-icon": "inline-start" }), a("storage_change")]
+								}) : null]
+							}),
+							X.overrides.map((e, t) => /* @__PURE__ */ L("div", {
+								className: "flex flex-wrap items-start justify-between gap-2 border-t pt-3",
+								children: [/* @__PURE__ */ L("div", {
+									className: "flex min-w-0 flex-col gap-1",
+									children: [/* @__PURE__ */ L("p", {
+										className: "text-sm font-medium",
+										children: [
+											a("storage_rule_label", { n: String(t + 1) }),
+											" · ",
+											M(e.keepDays)
+										]
+									}), /* @__PURE__ */ L("div", {
+										className: "flex flex-wrap gap-1",
+										children: [e.branchIds.map((e) => /* @__PURE__ */ L(y, {
+											variant: "secondary",
+											children: [/* @__PURE__ */ I(le, { "data-icon": "inline-start" }), Se(e)]
+										}, e)), e.parameterIds.map((e) => /* @__PURE__ */ I(y, {
+											variant: "outline",
+											children: Q.parameters.get(e) ?? a("storage_deleted_parameter")
+										}, e))]
+									})]
+								}), J ? /* @__PURE__ */ L("div", {
+									className: "flex gap-1",
+									children: [/* @__PURE__ */ I(f, {
+										type: "button",
+										size: "icon-sm",
+										variant: "ghost",
+										"aria-label": a("storage_rule_edit_title"),
+										onClick: () => {
+											K({
+												kind: "rule",
+												override: e
+											});
+										},
+										children: /* @__PURE__ */ I(R, {})
+									}), /* @__PURE__ */ I(f, {
+										type: "button",
+										size: "icon-sm",
+										variant: "ghost",
+										"aria-label": a("storage_rule_delete_title"),
+										onClick: () => {
+											K({
+												kind: "delete-rule",
+												override: e
+											});
+										},
+										children: /* @__PURE__ */ I(z, {})
+									})]
+								}) : null]
+							}, e.id)),
+							J ? /* @__PURE__ */ I("div", {
+								className: "border-t pt-3",
+								children: /* @__PURE__ */ L(f, {
+									type: "button",
+									size: "sm",
+									variant: "outline",
+									onClick: () => {
+										K({
+											kind: "rule",
+											override: null
+										});
+									},
+									children: [/* @__PURE__ */ I(de, { "data-icon": "inline-start" }), a("storage_rule_add")]
+								})
+							}) : null
+						]
+					})] }),
+					/* @__PURE__ */ I(_e, {
+						usage: Y,
+						filter: ye,
+						onFilterChange: be,
+						deleting: q != null,
+						name: Ce,
+						applied: (e) => {
+							let t = xe.parameter(e);
+							return {
+								short: M(t.keepDays),
+								text: ne(t, Se)
+							};
+						},
+						onDelete: J ? (e) => {
+							K({
+								kind: "delete-readings",
+								scope: e
+							});
+						} : null
+					}),
+					/* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(T, { children: [
+						/* @__PURE__ */ I(S, { children: a("storage_history_title") }),
+						/* @__PURE__ */ I(x, { children: a("storage_history_description") }),
+						J ? /* @__PURE__ */ I(C, { children: /* @__PURE__ */ L(f, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							disabled: q != null,
+							onClick: () => {
+								K({
+									kind: "delete-history",
+									target: "audit"
+								});
+							},
+							children: [/* @__PURE__ */ I(z, { "data-icon": "inline-start" }), a("storage_delete_history_action")]
+						}) }) : null
+					] }), /* @__PURE__ */ L(w, {
+						className: "flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							className: "text-sm",
+							children: a("storage_history_summary", {
+								records: A(Y.audit.records, v),
+								since: U(Y.audit.firstAt)
+							})
+						}), /* @__PURE__ */ I("p", {
+							className: "text-sm text-muted-foreground",
+							children: M(X.auditKeepDays)
+						})] }), J ? /* @__PURE__ */ L(f, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							onClick: () => {
+								K({
+									kind: "default",
+									target: "audit"
+								});
+							},
+							children: [/* @__PURE__ */ I(R, { "data-icon": "inline-start" }), a("storage_change")]
+						}) : null]
+					})] }),
+					/* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(T, { children: [
+						/* @__PURE__ */ I(S, { children: a("storage_alarm_log_title") }),
+						/* @__PURE__ */ I(x, { children: a("storage_alarm_log_description") }),
+						J ? /* @__PURE__ */ I(C, { children: /* @__PURE__ */ L(f, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							disabled: q != null,
+							onClick: () => {
+								K({
+									kind: "delete-history",
+									target: "alarm_log"
+								});
+							},
+							children: [/* @__PURE__ */ I(z, { "data-icon": "inline-start" }), a("storage_delete_alarm_log_action")]
+						}) }) : null
+					] }), /* @__PURE__ */ L(w, {
+						className: "flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+							className: "text-sm",
+							children: a("storage_alarm_log_summary", {
+								records: A(Y.alarmLog.records, v),
+								since: U(Y.alarmLog.firstAt)
+							})
+						}), /* @__PURE__ */ I("p", {
+							className: "text-sm text-muted-foreground",
+							children: M(X.alarmLogKeepDays)
+						})] }), J ? /* @__PURE__ */ L(f, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							onClick: () => {
+								K({
+									kind: "default",
+									target: "alarm_log"
+								});
+							},
+							children: [/* @__PURE__ */ I(R, { "data-icon": "inline-start" }), a("storage_change")]
+						}) : null]
+					})] }),
+					/* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(T, { children: [/* @__PURE__ */ I(S, { children: a("storage_files_title") }), /* @__PURE__ */ I(x, { children: a("storage_files_description") })] }), /* @__PURE__ */ I(w, { children: Y.files.areas.length === 0 ? /* @__PURE__ */ I("p", {
+						className: "text-sm text-muted-foreground",
+						children: a("storage_files_empty")
+					}) : /* @__PURE__ */ L(l, { children: [/* @__PURE__ */ I(c, { children: /* @__PURE__ */ L(g, { children: [
+						/* @__PURE__ */ I(d, { children: a("storage_files_area") }),
+						/* @__PURE__ */ I(d, {
+							className: "text-right",
+							children: a("storage_files_count")
+						}),
+						/* @__PURE__ */ I(d, {
+							className: "text-right",
+							children: a("storage_files_size")
+						}),
+						/* @__PURE__ */ I(d, { children: a("storage_files_managed") })
+					] }) }), /* @__PURE__ */ I(u, { children: Y.files.areas.map((e) => /* @__PURE__ */ L(g, { children: [
+						/* @__PURE__ */ I(p, { children: he(e.area) }),
+						/* @__PURE__ */ I(p, {
+							className: "text-right tabular-nums",
+							children: A(e.files, v)
+						}),
+						/* @__PURE__ */ I(p, {
+							className: "text-right tabular-nums",
+							children: j(e.bytes, v)
+						}),
+						/* @__PURE__ */ I(p, { children: /* @__PURE__ */ I(ge, {
+							workspaceId: n,
+							area: e.area
+						}) })
+					] }, e.area)) })] }) })] })
+				] })
+			]
+		}),
+		/* @__PURE__ */ I(s, {
+			open: G != null,
+			onOpenChange: (e) => {
+				e || $();
+			},
+			children: /* @__PURE__ */ I(o, { children: G == null || X == null || Z == null ? null : G.kind === "default" ? /* @__PURE__ */ I(ie, {
+				workspaceId: n,
+				kind: G.target,
+				retention: X,
+				onCancel: $,
+				onDone: $
+			}) : G.kind === "rule" ? /* @__PURE__ */ I(re, {
+				workspaceId: n,
+				retention: X,
+				override: G.override,
+				tree: Z,
+				onCancel: $,
+				onDone: $
+			}) : G.kind === "delete-rule" ? /* @__PURE__ */ I(oe, {
+				workspaceId: n,
+				override: G.override,
+				onCancel: $,
+				onDone: $
+			}) : G.kind === "delete-readings" ? /* @__PURE__ */ I(ae, {
+				workspaceId: n,
+				scope: G.scope,
+				onCancel: $,
+				onStarted: we
+			}) : /* @__PURE__ */ I(se, {
+				workspaceId: n,
+				kind: G.target,
+				onCancel: $,
+				onStarted: we
+			}) })
+		})
+	] });
+}
+function _e({ usage: e, filter: t, onFilterChange: n, deleting: a, name: o, applied: s, onDelete: _ }) {
+	let y = i(), E = r(), D = t.trim().toLocaleLowerCase(E), O = (e) => D === "" || o(e).toLocaleLowerCase(E).includes(D), k = e.readings.parameters.filter((e) => e.live && O(e)), ee = e.readings.parameters.filter((e) => !e.live && O(e)), j = (e, t) => /* @__PURE__ */ L(l, { children: [/* @__PURE__ */ I(c, { children: /* @__PURE__ */ L(g, { children: [
+		/* @__PURE__ */ I(d, { children: y("storage_column_parameter") }),
+		/* @__PURE__ */ I(d, {
+			className: "text-right",
+			children: y("storage_column_records")
+		}),
+		/* @__PURE__ */ I(d, { children: y("storage_column_oldest") }),
+		/* @__PURE__ */ I(d, { children: y("storage_column_newest") }),
+		t ? /* @__PURE__ */ I(d, { children: y("storage_column_retention") }) : null,
+		_ == null ? null : /* @__PURE__ */ I(d, { className: "w-10" })
+	] }) }), /* @__PURE__ */ I(u, { children: e.map((e) => /* @__PURE__ */ L(g, { children: [
+		/* @__PURE__ */ I(p, {
+			className: "max-w-64 truncate",
+			children: o(e)
+		}),
+		/* @__PURE__ */ I(p, {
+			className: "text-right tabular-nums",
+			children: A(e.records, E)
+		}),
+		/* @__PURE__ */ I(p, {
+			className: "tabular-nums",
+			children: U(e.firstAt)
+		}),
+		/* @__PURE__ */ I(p, {
+			className: "tabular-nums",
+			children: U(e.lastAt)
+		}),
+		t ? /* @__PURE__ */ I(p, {
+			className: "text-muted-foreground",
+			title: s(e.parameterId).text,
+			children: s(e.parameterId).short
+		}) : null,
+		_ == null ? null : /* @__PURE__ */ I(p, { children: /* @__PURE__ */ I(f, {
+			type: "button",
+			size: "icon-sm",
+			variant: "ghost",
+			disabled: a,
+			"aria-label": y("storage_delete_readings_title", { name: o(e) }),
+			onClick: () => {
+				_({
+					kind: "parameters",
+					parameterIds: [e.parameterId],
+					label: o(e)
+				});
+			},
+			children: /* @__PURE__ */ I(z, {})
+		}) })
+	] }, e.parameterId)) })] });
+	return /* @__PURE__ */ L(b, { children: [/* @__PURE__ */ L(T, { children: [
+		/* @__PURE__ */ I(S, { children: y("storage_readings_title") }),
+		/* @__PURE__ */ I(x, { children: y("storage_readings_description") }),
+		_ == null ? null : /* @__PURE__ */ I(C, { children: /* @__PURE__ */ L(f, {
+			type: "button",
+			size: "sm",
+			variant: "outline",
+			disabled: a,
+			onClick: () => {
+				_({ kind: "workspace" });
+			},
+			children: [/* @__PURE__ */ I(z, { "data-icon": "inline-start" }), y("storage_delete_readings_action")]
+		}) })
+	] }), /* @__PURE__ */ I(w, {
+		className: "flex flex-col gap-3",
+		children: e.readings.parameters.length === 0 ? /* @__PURE__ */ I("p", {
+			className: "text-sm text-muted-foreground",
+			children: y("storage_readings_empty")
+		}) : /* @__PURE__ */ L(F, { children: [
+			/* @__PURE__ */ I(v, {
+				value: t,
+				placeholder: y("storage_filter_placeholder"),
+				className: "\n                h-8\n                sm:max-w-xs\n              ",
+				onChange: (e) => {
+					n(e.target.value);
+				}
+			}),
+			k.length > 0 ? j(k, !0) : null,
+			ee.length > 0 ? /* @__PURE__ */ L("div", {
+				className: "flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ I("p", {
+						className: "text-sm font-medium",
+						children: y("storage_deleted_title")
+					}),
+					/* @__PURE__ */ L(h, { children: [/* @__PURE__ */ I(B, {}), /* @__PURE__ */ I(m, { children: y("storage_deleted_warning") })] }),
+					j(ee, !1)
+				]
+			}) : null
+		] })
+	})] });
+}
+export { G as SetupStoragePage };