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

package/dist/i18n-BgzakKoC.js

@@ -0,0 +1,401 @@
+import { createContext as e, createElement as t, useContext as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o, useSyncExternalStore as s } from "react";
+import { baseLocale as c, createLocaleStore as l, createTranslationCatalog as u, isAppLocale as d } from "@overvis/hmi-shared/translation";
+import { toast as f } from "sonner";
+import { jsx as p } from "react/jsx-runtime";
+import { Type as m } from "typebox";
+import { Compile as h } from "typebox/compile";
+//#region src/i18n/locale.ts
+var g = "PARAGLIDE_LOCALE", _ = l(), v = _.getLocale;
+function y() {
+	if (typeof window > "u") return c;
+	try {
+		let e = window.localStorage.getItem(g);
+		if (d(e)) return e;
+	} catch {}
+	let e = document.cookie.split(";").map((e) => e.trim()).find((e) => e.startsWith(`${g}=`))?.slice(17);
+	if (d(e)) return e;
+	for (let e of navigator.languages) {
+		let t = e.toLowerCase().split("-")[0];
+		if (d(t)) return t;
+	}
+	return c;
+}
+function b(e) {
+	typeof document < "u" && (document.documentElement.lang = e);
+}
+async function x(e = y()) {
+	try {
+		await _.setLocale(e, b);
+	} catch (t) {
+		if (e === c) throw t;
+		await _.setLocale(c, b);
+	}
+}
+async function S(e) {
+	await _.setLocale(e, (e) => {
+		if (b(e), !(typeof window > "u")) {
+			try {
+				window.localStorage.setItem(g, e);
+			} catch {}
+			document.cookie = `${g}=${e}; path=/; max-age=34560000; SameSite=Lax`;
+		}
+	});
+}
+//#endregion
+//#region src/i18n/use-locale.ts
+function C() {
+	return s(_.subscribe, _.getLocale, _.getLocale);
+}
+//#endregion
+//#region src/i18n/messages.ts
+var w = u({
+	en: () => import("./en-BgercpT0.js"),
+	pl: () => import("./pl-lQ9HXV9k.js"),
+	de: () => import("./de-14WdmJxZ.js"),
+	uk: () => import("./uk-CwpJAxmx.js"),
+	ru: () => import("./ru-qTKINoUj.js")
+});
+_.register(w.load);
+var ee = w.get, T = null;
+function E() {
+	return T ?? v();
+}
+async function D(e, t) {
+	await w.load(e);
+	let n = T;
+	T = e;
+	try {
+		return t();
+	} finally {
+		T = n;
+	}
+}
+function O(e, ...t) {
+	return w.get(E())(e, ...t);
+}
+function k() {
+	return w.get(C());
+}
+//#endregion
+//#region src/ui/message-history/legacy-content.tsx
+function A({ message: e, record: t }) {
+	let n = a(null);
+	return r(() => {
+		n.current && t(n.current.textContent);
+	}, [t]), /* @__PURE__ */ p("div", {
+		ref: n,
+		className: "contents",
+		children: typeof e == "function" ? e() : e
+	});
+}
+//#endregion
+//#region src/ui/message-history/model.ts
+var j = m.Object({
+	workspaceId: m.Optional(m.String()),
+	workspaceName: m.Optional(m.String()),
+	href: m.Optional(m.String())
+}), M = m.Object({
+	id: m.String(),
+	text: m.String(),
+	kind: m.Union([
+		m.Literal("success"),
+		m.Literal("info"),
+		m.Literal("warning"),
+		m.Literal("error")
+	]),
+	time: m.Number({
+		minimum: 0,
+		maximum: 864e13
+	}),
+	scope: j,
+	seen: m.Boolean()
+});
+function N(e) {
+	return e?.startsWith("/") && !e.startsWith("//") && !Array.from(e).some((e) => e === "\\" || e.charCodeAt(0) <= 32) ? e : void 0;
+}
+//#endregion
+//#region src/ui/message-history/emit.ts
+var P = 0;
+function F() {
+	let e = Date.now();
+	return P = e < Math.floor(P) ? e : Math.max(e, P + .001), P;
+}
+function te(e, t, n = f) {
+	function r(r, i, a) {
+		if (!e.isActive()) return;
+		let { href: o, ...s } = {
+			...t,
+			...a
+		}, c = N(o), l = crypto.randomUUID();
+		e.add({
+			id: l,
+			kind: r,
+			text: i,
+			time: F(),
+			seen: !1,
+			scope: {
+				...s,
+				...c ? { href: c } : {}
+			}
+		}), n[r](i, { id: l });
+	}
+	return {
+		success: (e, t) => {
+			r("success", e, t);
+		},
+		info: (e, t) => {
+			r("info", e, t);
+		},
+		warning: (e, t) => {
+			r("warning", e, t);
+		},
+		error: (e, t) => {
+			r("error", e, t);
+		}
+	};
+}
+function ne(e, t, n = {}) {
+	f[e](t, {
+		...n.id == null ? {} : { id: n.id },
+		...n.description == null ? {} : { description: n.description },
+		...n.action == null ? {} : { action: n.action }
+	});
+}
+function re() {
+	f.dismiss();
+}
+function I(e, n, r = f) {
+	function i(i) {
+		return (a, o) => {
+			let s = crypto.randomUUID(), c = !1, l = (t) => {
+				if (c || !e.isActive()) return;
+				c = !0;
+				let { href: r, ...a } = n, o = N(r);
+				e.add({
+					id: s,
+					kind: i,
+					text: t,
+					time: F(),
+					seen: !1,
+					scope: {
+						...a,
+						...o ? { href: o } : {}
+					}
+				});
+			};
+			return typeof a == "string" || typeof a == "number" || typeof a == "bigint" ? (l(String(a)), r[i](a, o)) : r[i](t(A, {
+				message: a,
+				record: l
+			}), o);
+		};
+	}
+	return {
+		success: i("success"),
+		info: i("info"),
+		warning: i("warning"),
+		error: i("error")
+	};
+}
+var L = h(M), R = 6e4;
+function z(e, t) {
+	return e > t - 6048e5 && e <= t + R;
+}
+var B = /^overvis\.hmi\.messages\.v1:[^:]*:/;
+function V(e, t) {
+	let n = `overvis.hmi.messages.v1:${encodeURIComponent(e ?? "")}:`, r = e !== void 0 && t !== void 0, i = [], a = /* @__PURE__ */ new Set(), o = !0, s = (e) => `${n}message:${e}`, c = (e) => `${n}seen:${e}`;
+	function l(n, i = !1) {
+		if (!(!r && !i || e === void 0 || !t)) try {
+			n(t);
+		} catch {
+			r = !1;
+		}
+	}
+	function u(e) {
+		for (let t of [s(e), c(e)]) l((e) => {
+			e.removeItem(t);
+		}, !0);
+	}
+	function d(e) {
+		if (JSON.stringify(i) !== JSON.stringify(e)) {
+			i = e;
+			for (let e of a) e();
+		}
+	}
+	function f(e, t) {
+		let n = e.filter((e) => z(e.time, t)).sort((e, t) => t.time - e.time || t.id.localeCompare(e.id)).slice(0, 100), r = new Set(n.map((e) => e.id));
+		for (let t of e) r.has(t.id) || u(t.id);
+		return n;
+	}
+	function p(e = Date.now()) {
+		let t = i;
+		l((r) => {
+			let i = [], a = Array.from({ length: r.length }, (e, t) => r.key(t));
+			for (let t of a) {
+				let a = t?.match(B)?.[0];
+				if (!t || !a || !t.startsWith(`${a}message:`)) continue;
+				let o = r.getItem(t);
+				if (o == null) continue;
+				let s;
+				try {
+					s = JSON.parse(o);
+				} catch {
+					r.removeItem(t);
+					continue;
+				}
+				if (!L.Check(s) || `${a}message:${s.id}` !== t || !z(s.time, e)) {
+					r.removeItem(t);
+					continue;
+				}
+				a === n && i.push({
+					...s,
+					seen: r.getItem(c(s.id)) !== null
+				});
+			}
+			for (let e of a) {
+				let t = e?.match(B)?.[0];
+				e && t && e.startsWith(`${t}seen:`) && r.getItem(`${t}message:${e.slice(`${t}seen:`.length)}`) === null && r.removeItem(e);
+			}
+			t = i;
+		}), d(f(t, e));
+	}
+	return {
+		getSnapshot: () => i,
+		subscribe: (e) => (a.add(e), () => {
+			a.delete(e);
+		}),
+		refresh: p,
+		acceptsStorageKey: (e) => e === null || e.startsWith(n),
+		setActive: (e) => {
+			o = e;
+		},
+		isActive: () => o,
+		add: (e) => {
+			o && (p(), l((t) => {
+				t.setItem(s(e.id), JSON.stringify(e));
+			}), d(f([e, ...i], Date.now())));
+		},
+		markSeen: (e) => {
+			p();
+			let t = new Set(e);
+			d(i.map((e) => e.seen || !t.has(e.id) ? e : (l((t) => {
+				t.setItem(c(e.id), "1");
+			}), {
+				...e,
+				seen: !0
+			})));
+		},
+		clear: () => {
+			p();
+			for (let e of i) u(e.id);
+			d([]);
+		}
+	};
+}
+function H() {
+	try {
+		return window.localStorage;
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/ui/message-history/legacy.ts
+var U = V(void 0), W = U, G = {};
+function K(e) {
+	return W = e, () => {
+		W === e && (W = U);
+	};
+}
+function q(e) {
+	let t = G;
+	return G = e, () => {
+		G === e && (G = t);
+	};
+}
+var J = {
+	success: (e, t) => I(W, G).success(e, t),
+	info: (e, t) => I(W, G).info(e, t),
+	warning: (e, t) => I(W, G).warning(e, t),
+	error: (e, t) => I(W, G).error(e, t)
+}, Y = e(V(void 0)), X = e({});
+function Z({ identity: e, children: t }) {
+	return /* @__PURE__ */ p(ie, {
+		identity: e,
+		children: t
+	}, e === void 0 ? "anonymous" : `identity:${e}`);
+}
+function ie({ identity: e, children: t }) {
+	let [n] = o(() => V(e, H()));
+	return r(() => {
+		let e = K(n);
+		n.setActive(!0), n.refresh();
+		let t = () => {
+			n.refresh();
+		}, r = (e) => {
+			n.acceptsStorageKey(e.key) && t();
+		};
+		window.addEventListener("storage", r), window.addEventListener("focus", t);
+		let i = window.setInterval(t, 6e4);
+		return () => {
+			e(), n.setActive(!1), re(), window.removeEventListener("storage", r), window.removeEventListener("focus", t), window.clearInterval(i);
+		};
+	}, [n]), /* @__PURE__ */ p(Y.Provider, {
+		value: n,
+		children: t
+	});
+}
+function ae({ scope: e, children: t }) {
+	return r(() => q(e), [e]), /* @__PURE__ */ p(X.Provider, {
+		value: e,
+		children: t
+	});
+}
+function Q() {
+	return n(Y);
+}
+function oe() {
+	return n(X);
+}
+function se() {
+	let e = Q();
+	return s(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+//#endregion
+//#region src/ui/message-history/toast.ts
+function $() {
+	let e = Q(), { workspaceId: t, workspaceName: n, href: r } = oe();
+	return i(() => te(e, {
+		...t ? { workspaceId: t } : {},
+		...n ? { workspaceName: n } : {},
+		...r ? { href: r } : {}
+	}), [
+		e,
+		t,
+		n,
+		r
+	]);
+}
+//#endregion
+//#region src/i18n/use-language-change.ts
+function ce() {
+	let e = C(), t = $(), [n, r] = o(!1);
+	async function i(e) {
+		if (d(e)) {
+			r(!0);
+			try {
+				await S(e);
+			} catch {
+				t.error(O("language_load_failed"));
+			} finally {
+				r(!1);
+			}
+		}
+	}
+	return {
+		locale: e,
+		pending: n,
+		changeLocale: i
+	};
+}
+//#endregion
+export { y as _, se as a, S as b, ne as c, D as d, O as f, _ as g, C as h, ae as i, N as l, k as m, $ as n, Q as o, E as p, Z as r, J as s, ce as t, ee as u, v, x as y };

package/dist/i18n.js

@@ -0,0 +1,2 @@
+import { _ as e, b as t, d as n, f as r, g as i, h as a, m as o, p as s, t as c, u as l, v as u, y as d } from "./i18n-BgzakKoC.js";
+export { i as browserLocale, e as detectLocale, u as getLocale, l as getTranslations, n as inTranslationLocale, d as initializeLocale, t as setLocale, r as t, s as translationLocale, c as useLanguageChange, a as useLocale, o as useTranslation };

package/dist/icon-D-pR9htW.js

@@ -0,0 +1,57 @@
+import { createElement as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { ActivityIcon as n, ArrowUpDownIcon as r, BellIcon as i, BinaryIcon as a, DropletsIcon as o, FanIcon as s, FlameIcon as c, GaugeIcon as l, PercentIcon as u, PowerIcon as d, RotateCwIcon as f, ThermometerIcon as p, TimerIcon as m, WindIcon as h, ZapIcon as g } from "lucide-react";
+//#region src/workspace/parameters/icon.tsx
+var _ = [
+	"gauge",
+	"thermometer",
+	"droplets",
+	"wind",
+	"flame",
+	"zap",
+	"fan",
+	"binary",
+	"activity",
+	"arrow-up-down",
+	"rotate-cw",
+	"percent",
+	"timer",
+	"bell",
+	"power"
+], v = {
+	gauge: l,
+	thermometer: p,
+	droplets: o,
+	wind: h,
+	flame: c,
+	zap: g,
+	fan: s,
+	binary: a,
+	activity: n,
+	"arrow-up-down": r,
+	"rotate-cw": f,
+	percent: u,
+	timer: m,
+	bell: i,
+	power: d
+};
+function y(e) {
+	for (let t of _) if (t === e) return v[t];
+}
+function b({ icon: n, className: r, strokeWidth: i }) {
+	if (n == null || n.trim().length === 0) return /* @__PURE__ */ t("span", {
+		className: r,
+		"aria-hidden": !0
+	});
+	let a = y(n.trim());
+	return a ? e(a, {
+		className: r,
+		strokeWidth: i,
+		"aria-hidden": !0
+	}) : /* @__PURE__ */ t("span", {
+		className: r,
+		"aria-hidden": !0
+	});
+}
+//#endregion
+export { b as n, _ as t };

package/dist/index-page-DMH82fZe.js

@@ -0,0 +1,214 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { r as t } from "./trpc-CvJUuUXp.js";
+import { m as n, n as r } from "./i18n-BgzakKoC.js";
+import { t as i } from "./utils-CX-Pz5p6.js";
+import { t as a } from "./button-6SxPBYMz.js";
+import { n as o } from "./skeleton-6yk8Tdh5.js";
+import { o as s } from "./context-u9KJQmdB.js";
+import { t as c } from "./page-title-CdCbiLt8.js";
+import { a as l, h as u, r as d, t as f } from "./dropdown-menu-DSzbBq3v.js";
+import { i as p, r as m, t as h } from "./tabs-CSIucYFP.js";
+import { r as g } from "./sections-kCOyc4NR.js";
+import { useEffect as _, useState as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CheckIcon as S, ChevronDownIcon as C, CopyIcon as w, Settings2Icon as T, SparklesIcon as E } from "lucide-react";
+import { canWriteSetup as D } from "@overvis/hmi-shared/workspace";
+import { useNavigate as O } from "@tanstack/react-router";
+//#region src/workspace/setup/menu.tsx
+function k({ workspaceId: e, collapsed: t = !1, variant: r = "outline", size: o = "sm", className: s, label: c, onNavigate: p }) {
+	let m = n(), h = O(), _ = c ?? m("setup_action");
+	function v(t) {
+		p?.(), h({
+			to: t,
+			params: { workspaceId: e }
+		});
+	}
+	return /* @__PURE__ */ x(f, { children: [/* @__PURE__ */ b(u, {
+		render: t ? /* @__PURE__ */ b(a, {
+			type: "button",
+			variant: r,
+			size: "icon-sm",
+			className: s,
+			"aria-label": _,
+			title: _
+		}) : /* @__PURE__ */ b(a, {
+			type: "button",
+			variant: r,
+			size: o,
+			className: i("w-full justify-between gap-2", s)
+		}),
+		children: t ? /* @__PURE__ */ b(T, {}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("span", {
+			className: "inline-flex min-w-0 items-center gap-1.5",
+			children: [/* @__PURE__ */ b(T, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ b("span", {
+				className: "truncate",
+				children: _
+			})]
+		}), /* @__PURE__ */ b(C, { className: "size-3.5 shrink-0 opacity-60" })] })
+	}), /* @__PURE__ */ b(d, {
+		align: "start",
+		className: "min-w-48",
+		children: g.map((e) => /* @__PURE__ */ b(l, {
+			onClick: () => {
+				v(e.to);
+			},
+			children: e.label()
+		}, e.id))
+	})] });
+}
+//#endregion
+//#region src/workspace/pull-instructions.tsx
+var A = [
+	"pnpm",
+	"npm",
+	"yarn"
+], j = "overvis-hmi-pull-pm";
+function M(e) {
+	for (let t of A) if (t === e) return !0;
+	return !1;
+}
+function N() {
+	try {
+		let e = localStorage.getItem(j);
+		if (e != null && M(e)) return e;
+	} catch {}
+	return "pnpm";
+}
+function P(e, t) {
+	switch (e) {
+		case "pnpm": return `pnpm dlx overvis-hmi pull ${t}`;
+		case "npm": return `npx overvis-hmi pull ${t}`;
+		case "yarn": return `yarn dlx overvis-hmi pull ${t}`;
+	}
+}
+function F({ workspaceId: e, showHeading: i = !0 }) {
+	let s = n(), c = r(), l = t.workspace.mintPullToken.useMutation(), [u, d] = v(!1), [f, g] = v(N);
+	_(() => {
+		l.mutate({ workspaceId: e });
+	}, [e]);
+	let y = l.data?.token, C = y == null ? void 0 : P(f, y);
+	function T(e) {
+		if (M(e)) {
+			g(e);
+			try {
+				localStorage.setItem(j, e);
+			} catch {}
+		}
+	}
+	async function E() {
+		if (C) try {
+			await navigator.clipboard.writeText(C), d(!0), c.success(s("pull_command_copied")), window.setTimeout(() => {
+				d(!1);
+			}, 2e3);
+		} catch {
+			c.error(s("pull_command_copy_failed"));
+		}
+	}
+	return /* @__PURE__ */ x("div", {
+		className: "flex w-full max-w-lg flex-col gap-3 text-left",
+		children: [i ? /* @__PURE__ */ x("div", {
+			className: "space-y-1",
+			children: [/* @__PURE__ */ b("h2", {
+				className: "font-heading text-lg font-medium tracking-tight",
+				children: s("pull_title")
+			}), /* @__PURE__ */ b("p", {
+				className: "text-sm text-muted-foreground",
+				children: s("pull_description")
+			})]
+		}) : null, l.isPending && !y ? /* @__PURE__ */ b(o, { className: "h-20 w-full" }) : l.isError ? /* @__PURE__ */ b("p", {
+			className: "text-sm text-destructive",
+			children: s("pull_mint_failed")
+		}) : C ? /* @__PURE__ */ x("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ b(h, {
+					value: f,
+					onValueChange: T,
+					children: /* @__PURE__ */ b(m, {
+						size: "sm",
+						children: A.map((e) => /* @__PURE__ */ b(p, {
+							value: e,
+							children: e
+						}, e))
+					})
+				}),
+				/* @__PURE__ */ b("pre", {
+					className: "\n              overflow-x-auto rounded-md border bg-muted/40 p-3 font-mono text-xs break-all\n              whitespace-pre-wrap\n            ",
+					children: C
+				}),
+				/* @__PURE__ */ b("p", {
+					className: "text-xs text-muted-foreground",
+					children: s("pull_token_ttl_hint")
+				}),
+				/* @__PURE__ */ x(a, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					className: "self-start",
+					onClick: () => void E(),
+					children: [b(u ? S : w, { "data-icon": "inline-start" }), s(u ? "pull_command_copied_action" : "pull_command_copy")]
+				})
+			]
+		}) : null]
+	});
+}
+//#endregion
+//#region src/workspace/index-page.tsx
+var I = /* @__PURE__ */ e({ WorkspaceIndexPage: () => R }), L = "\n  h-10 w-full gap-2 border-transparent bg-yellow-400 px-4 font-semibold text-yellow-950\n  hover:bg-yellow-300\n  focus-visible:border-yellow-600 focus-visible:ring-yellow-600/40\n";
+function R({ workspaceId: e }) {
+	let r = n(), i = O(), { mode: l, openAssistant: u } = s(), d = t.workspace.get.useQuery({ id: e }), f = t.dashboard.list.useQuery({ workspaceId: e }), p = d.data?.access, m = p != null && D(p), h = l === "cloud" && m, g = m && u != null, v = f.data?.dashboards.find((e) => e.disabledSince == null);
+	return _(() => {
+		v && i({
+			to: "/workspace/$workspaceId/d/$dashboardId",
+			params: {
+				workspaceId: e,
+				dashboardId: v.id
+			},
+			replace: !0
+		});
+	}, [
+		v,
+		i,
+		e
+	]), f.isLoading || v != null ? /* @__PURE__ */ b("div", {
+		className: "flex flex-1 items-center justify-center p-8",
+		children: /* @__PURE__ */ b(o, { className: "h-8 w-48" })
+	}) : /* @__PURE__ */ b("div", {
+		className: "flex flex-1 flex-col items-center justify-center p-8",
+		children: /* @__PURE__ */ x("div", {
+			className: "flex w-full max-w-md flex-col items-stretch gap-6 text-center",
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ b(c, { children: r("dashboard_empty_title") }), /* @__PURE__ */ b("p", {
+						className: "text-sm text-muted-foreground",
+						children: r("dashboard_empty_description")
+					})]
+				}),
+				/* @__PURE__ */ x("div", {
+					className: "flex flex-col gap-2.5",
+					children: [g ? /* @__PURE__ */ x(a, {
+						type: "button",
+						size: "lg",
+						onClick: () => {
+							u();
+						},
+						className: L,
+						children: [/* @__PURE__ */ b(E, { className: "size-4" }), r("dashboard_empty_ai_setup")]
+					}) : null, m ? /* @__PURE__ */ b(k, {
+						workspaceId: e,
+						variant: g ? "outline" : "default",
+						size: "default",
+						className: "w-full justify-between",
+						label: r("dashboard_empty_manual_setup")
+					}) : null]
+				}),
+				h ? /* @__PURE__ */ b("div", {
+					className: "border-t pt-6 text-left",
+					children: /* @__PURE__ */ b(F, { workspaceId: e })
+				}) : null
+			]
+		})
+	});
+}
+//#endregion
+export { k as i, I as n, F as r, R as t };