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

package/dist/api-error-9rQmUN5L.js

@@ -0,0 +1,93 @@
+import { u as e, v as t } from "./i18n-BgzakKoC.js";
+import { isPublicApiErrorCode as n, publicApiErrorStatus as r } from "@overvis/hmi-shared/api-errors";
+import { API_INPUT_INVALID_CODE as i, API_INTERNAL_ERROR_CODE as a } from "@overvis/hmi-shared";
+//#region src/form/trpc-error-data.ts
+function o(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function s(e) {
+	return typeof e == "string" && e.length > 0 ? e : null;
+}
+function c(e) {
+	if (!Array.isArray(e)) return;
+	let t = e.filter(o).map((e) => {
+		let t = Array.isArray(e.path) ? e.path.filter((e) => typeof e == "string" || typeof e == "number").map(String) : [], n = e.params;
+		return {
+			path: t,
+			keyword: s(e.keyword) ?? "invalid",
+			...o(n) ? { params: { ...n } } : {}
+		};
+	});
+	return t.length > 0 ? t : void 0;
+}
+function l(e) {
+	return e != null && (e.code === "INTERNAL_SERVER_ERROR" || e.httpStatus === 500);
+}
+function u(e) {
+	if (typeof e == "string") return {
+		message: e.trim() || null,
+		isInternalServerError: !1
+	};
+	if (!o(e)) return {
+		message: null,
+		isInternalServerError: !1
+	};
+	let t = o(e.shape) ? e.shape : void 0, n = o(e.data) ? e.data : void 0, r = o(t?.data) ? t.data : void 0, i = [n, r].filter((e) => e != null), a = i.map((e) => c(e.issues)).find((e) => e != null), u = i.map((e) => e.details).find(o);
+	return {
+		message: s(t?.message) ?? s(n?.message) ?? s(e.message),
+		...a == null ? {} : { issues: a },
+		...u == null ? {} : { details: { ...u } },
+		isInternalServerError: l(n ?? r) || l(e)
+	};
+}
+//#endregion
+//#region src/form/api-error.ts
+function d(e) {
+	if (e == null) return null;
+	if (n(e)) return e;
+	let t = null;
+	for (let i of Object.keys(r)) n(i) && e.includes(i) && i.length > (t?.length ?? 0) && (t = i);
+	return t;
+}
+function f(e) {
+	if (!(e instanceof Error) || e.name !== "TRPCClientError") return !1;
+	let t = "shape" in e && e.shape != null || "data" in e && e.data != null, n = e.cause instanceof Error && e.cause.name === "AbortError";
+	return !t && !n;
+}
+function p(e) {
+	return d(u(e).message);
+}
+var m = [
+	"name",
+	"id",
+	"branchId",
+	"endpointId",
+	"paramIds",
+	"branchIds",
+	"inputParamIds",
+	"workspaceIds",
+	"reason",
+	"problem",
+	"constraint",
+	"templateId",
+	"paths"
+];
+function h(e, t) {
+	if (t == null) return e;
+	let n = [];
+	for (let e of m) {
+		let r = t[e];
+		typeof r == "string" && r.length > 0 ? n.push(`${e}=${r}`) : Array.isArray(r) && r.length > 0 && r.every((e) => typeof e == "string") && n.push(`${e}=${r.join(",")}`);
+	}
+	return n.length === 0 ? e : `${e} (${n.join("; ")})`;
+}
+function g(n, r = t()) {
+	let o = e(r);
+	if (f(n)) return o("error_api_unreachable");
+	let s = u(n);
+	if (s.message === i) return o("error_input_invalid");
+	let c = d(s.message);
+	return c == null ? s.isInternalServerError || s.message === a ? o("error_request_failed") : o("error_unexpected_api", { code: s.message ?? "unknown" }) : h(o(`error_${c}`), s.details);
+}
+//#endregion
+export { g as n, u as r, p as t };

package/dist/base-revision-YCO27zR4.js

@@ -0,0 +1,106 @@
+import { m as e } from "./i18n-BgzakKoC.js";
+import { i as t } from "./mutation-form-validators-BNz5bsv1.js";
+import { t as n } from "./button-6SxPBYMz.js";
+import { n as r, r as i, t as a } from "./api-error-9rQmUN5L.js";
+import { r as o, t as s } from "./alert-B8MAoIO8.js";
+import { useCallback as c, useReducer as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { SETUP_CONFLICT_CODE as p, parseSetupConflictDetails as m } from "@overvis/hmi-shared/setup";
+//#region src/workspace/setup/base-revision.tsx
+function h(e, t) {
+	switch (t.type) {
+		case "failed": return a(t.error) === p ? {
+			...e,
+			conflict: m(i(t.error).details)
+		} : e;
+		case "keep-mine": return {
+			baseRevision: e.conflict == null ? e.baseRevision : e.conflict.serverRevision,
+			conflict: null
+		};
+		case "rebase": return {
+			baseRevision: t.revision,
+			conflict: null
+		};
+	}
+}
+function g(e) {
+	let [n, r] = l(h, {
+		baseRevision: e,
+		conflict: null
+	}), i = c((e) => {
+		r({
+			type: "failed",
+			error: e
+		});
+	}, []), o = c((e = t) => (t, n) => a(t) === p ? { fields: {} } : e(t, n), []), s = c(() => {
+		r({ type: "keep-mine" });
+	}, []), u = c((e) => {
+		r({
+			type: "rebase",
+			revision: e
+		});
+	}, []);
+	return {
+		...n,
+		onError: i,
+		mapError: o,
+		keepMine: s,
+		rebase: u
+	};
+}
+async function _(e) {
+	try {
+		return await e(), null;
+	} catch (e) {
+		return e;
+	}
+}
+function v({ base: t, onReload: i, onKeepMine: a = t.keepMine }) {
+	let c = e(), [l, p] = u(!1), [m, h] = u(null), { conflict: g } = t;
+	if (g == null) return null;
+	let v = (e) => {
+		p(!0), h(null), _(e).then((e) => {
+			p(!1), h(e == null ? null : {
+				conflict: g,
+				error: e
+			});
+		});
+	};
+	return /* @__PURE__ */ d(s, {
+		variant: "warning",
+		children: /* @__PURE__ */ f(o, {
+			className: "flex flex-col gap-3",
+			children: [
+				/* @__PURE__ */ d("span", { children: c("error_setup_conflict") }),
+				m?.conflict === g && /* @__PURE__ */ d("span", {
+					role: "alert",
+					children: r(m.error)
+				}),
+				/* @__PURE__ */ f("span", {
+					className: "flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ d(n, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						disabled: l,
+						onClick: () => {
+							v(a);
+						},
+						children: c("setup_conflict_keep_mine")
+					}), /* @__PURE__ */ d(n, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						disabled: l,
+						onClick: () => {
+							v(i);
+						},
+						children: c("setup_conflict_reload")
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { g as n, v as t };

package/dist/breadcrumb-DzVL1yHa.js

@@ -0,0 +1,74 @@
+import { m as e } from "./i18n-BgzakKoC.js";
+import { t } from "./utils-CX-Pz5p6.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronRightIcon as i, MoreHorizontalIcon as a } from "lucide-react";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import { useRender as s } from "@base-ui/react/use-render";
+//#region src/ui/breadcrumb.tsx
+function c({ className: r, ...i }) {
+	return /* @__PURE__ */ n("nav", {
+		"aria-label": e()("ui_breadcrumb"),
+		"data-slot": "breadcrumb",
+		className: t(r),
+		...i
+	});
+}
+function l({ className: e, ...r }) {
+	return /* @__PURE__ */ n("ol", {
+		"data-slot": "breadcrumb-list",
+		className: t("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", e),
+		...r
+	});
+}
+function u({ className: e, ...r }) {
+	return /* @__PURE__ */ n("li", {
+		"data-slot": "breadcrumb-item",
+		className: t("inline-flex items-center gap-1", e),
+		...r
+	});
+}
+function d({ className: e, render: n, ...r }) {
+	return s({
+		defaultTagName: "a",
+		props: o({ className: t("\n            transition-colors\n            hover:text-foreground\n          ", e) }, r),
+		render: n,
+		state: { slot: "breadcrumb-link" }
+	});
+}
+function f({ className: e, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: t("font-normal text-foreground", e),
+		...r
+	});
+}
+function p({ children: e, className: r, ...a }) {
+	return /* @__PURE__ */ n("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: t("[&>svg]:size-3.5", r),
+		...a,
+		children: e ?? /* @__PURE__ */ n(i, {})
+	});
+}
+function m({ className: i, ...o }) {
+	let s = e();
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: t("\n          flex size-5 items-center justify-center\n          [&>svg]:size-4\n        ", i),
+		...o,
+		children: [/* @__PURE__ */ n(a, {}), /* @__PURE__ */ n("span", {
+			className: "sr-only",
+			children: s("ui_more")
+		})]
+	});
+}
+//#endregion
+export { l as a, d as i, m as n, f as o, u as r, p as s, c as t };

package/dist/breadcrumbs-0cjsV2cq.js

@@ -0,0 +1,21 @@
+import { m as e } from "./i18n-BgzakKoC.js";
+import { a as t, i as n, r, s as i, t as a } from "./breadcrumb-DzVL1yHa.js";
+import { n as o } from "./sections-kCOyc4NR.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Link as u } from "@tanstack/react-router";
+//#region src/workspace/setup/breadcrumbs.tsx
+function d({ workspaceId: d, section: f }) {
+	let p = e(), m = f == null ? void 0 : o(f);
+	return /* @__PURE__ */ c(a, { children: /* @__PURE__ */ l(t, {
+		className: "text-xs",
+		children: [/* @__PURE__ */ c(r, { children: p("setup_nav_title") }), m == null ? null : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {}), /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(n, {
+			render: /* @__PURE__ */ c(u, {
+				to: m.to,
+				params: { workspaceId: d }
+			}),
+			children: m.label()
+		}) })] })]
+	}) });
+}
+//#endregion
+export { d as t };

package/dist/button-6SxPBYMz.js

@@ -0,0 +1,44 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Button as r } from "@base-ui/react/button";
+//#region src/ui/button.tsx
+var i = n("\n    group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border\n    border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all\n    outline-none select-none\n    focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\n    active:not-aria-[haspopup]:translate-y-px\n    disabled:cursor-not-allowed disabled:opacity-50\n    aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20\n    dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\n    [&_svg]:pointer-events-none [&_svg]:shrink-0\n    [&_svg:not([class*='size-'])]:size-4\n  ", {
+	variants: {
+		variant: {
+			default: "\n          bg-primary text-primary-foreground shadow-xs\n          hover:bg-primary/90\n        ",
+			outline: "\n          border-input bg-background text-foreground shadow-xs\n          hover:bg-muted hover:text-foreground\n          aria-expanded:bg-muted aria-expanded:text-foreground\n        ",
+			secondary: "\n          bg-secondary text-secondary-foreground\n          hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\n          aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\n        ",
+			ghost: "\n          hover:bg-muted hover:text-foreground\n          aria-expanded:bg-muted aria-expanded:text-foreground\n          dark:hover:bg-muted/50\n        ",
+			destructive: "\n          bg-destructive/10 text-destructive\n          hover:bg-destructive/20\n          focus-visible:border-destructive/40 focus-visible:ring-destructive/20\n          dark:bg-destructive/20\n          dark:hover:bg-destructive/30\n          dark:focus-visible:ring-destructive/40\n        ",
+			link: "\n          text-primary underline-offset-4\n          hover:underline\n        "
+		},
+		size: {
+			default: "\n          h-8 gap-1.5 px-2.5\n          has-data-[icon=inline-end]:pr-2\n          has-data-[icon=inline-start]:pl-2\n        ",
+			xs: "\n          h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs\n          in-data-[slot=button-group]:rounded-lg\n          has-data-[icon=inline-end]:pr-1.5\n          has-data-[icon=inline-start]:pl-1.5\n          [&_svg:not([class*='size-'])]:size-3\n        ",
+			sm: "\n          h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]\n          in-data-[slot=button-group]:rounded-lg\n          has-data-[icon=inline-end]:pr-1.5\n          has-data-[icon=inline-start]:pl-1.5\n          [&_svg:not([class*='size-'])]:size-3.5\n        ",
+			lg: "\n          h-9 gap-1.5 px-2.5\n          has-data-[icon=inline-end]:pr-2\n          has-data-[icon=inline-start]:pl-2\n        ",
+			icon: "size-8",
+			"icon-xs": "\n          size-6 rounded-[min(var(--radius-md),10px)]\n          in-data-[slot=button-group]:rounded-lg\n          [&_svg:not([class*='size-'])]:size-3\n        ",
+			"icon-sm": "\n          size-7 rounded-[min(var(--radius-md),12px)]\n          in-data-[slot=button-group]:rounded-lg\n        ",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: n, variant: a = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ t(r, {
+		"data-slot": "button",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: n
+		})),
+		...s
+	});
+}
+//#endregion
+export { i as n, a as t };

package/dist/catalog-list-DjZojYLJ.js

@@ -0,0 +1,77 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { t } from "./button-6SxPBYMz.js";
+import { jsx as n } from "react/jsx-runtime";
+import { createLink as r } from "@tanstack/react-router";
+//#region src/workspace/setup/catalog-list.tsx
+function i({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex w-full flex-col", t),
+		...r
+	});
+}
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex w-full max-w-4xl flex-col gap-3 p-4", t),
+		...r
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n("ul", {
+		className: e("divide-y rounded-lg border bg-card shadow-xs", t),
+		...r
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("li", {
+		className: e("\n          flex min-h-10 items-center gap-3 px-3 py-1.5 transition-colors\n          hover:bg-muted/40\n        ", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("a", {
+		className: e("\n          group/catalog-link flex min-w-0 flex-1 flex-col gap-x-3 gap-y-0 rounded-sm text-left\n          outline-none\n          focus-visible:ring-2 focus-visible:ring-ring\n          sm:flex-row sm:items-baseline\n        ", t),
+		...r
+	});
+}
+var l = r(c);
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		className: e("\n          truncate text-sm font-medium text-foreground\n          group-hover/catalog-link:text-primary\n        ", t),
+		...r
+	});
+}
+function d({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		className: e("min-w-0 truncate text-xs text-muted-foreground", t),
+		...r
+	});
+}
+function f({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex shrink-0 items-center gap-2", t),
+		...r
+	});
+}
+function p({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex shrink-0 items-center gap-0.5", t),
+		...r
+	});
+}
+function m({ className: r, tone: i = "default", ...a }) {
+	return /* @__PURE__ */ n(t, {
+		type: "button",
+		variant: "ghost",
+		size: "icon-sm",
+		className: e("text-muted-foreground", i === "destructive" ? "\n            hover:bg-destructive/10 hover:text-destructive\n            dark:hover:bg-destructive/20\n          " : "hover:text-foreground", r),
+		...a
+	});
+}
+function h({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		className: e("rounded-lg border border-dashed px-3 py-6 text-center text-sm text-muted-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { o as a, l as c, m as d, p as i, i as l, a as n, d as o, h as r, u as s, f as t, s as u };

package/dist/code-editor-BVimvjDV.js

@@ -0,0 +1,143 @@
+import { tt as e } from "./mutation-form-validators-BNz5bsv1.js";
+import { t } from "./utils-CX-Pz5p6.js";
+import { useEffect as n, useImperativeHandle as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { defaultKeymap as o, history as s, historyKeymap as c, indentWithTab as l } from "@codemirror/commands";
+import { Compartment as u, EditorState as d } from "@codemirror/state";
+import { EditorView as f, drawSelection as p, highlightActiveLine as m, highlightActiveLineGutter as h, keymap as g, lineNumbers as _ } from "@codemirror/view";
+import { bracketMatching as v, indentOnInput as y, syntaxHighlighting as b } from "@codemirror/language";
+import { lintGutter as x, setDiagnostics as S } from "@codemirror/lint";
+import { classHighlighter as C } from "@lezer/highlight";
+//#region src/code-editor/code-editor.tsx
+var w = "\n  overflow-hidden rounded-md border border-input bg-background text-sm shadow-xs\n  transition-[color,box-shadow]\n  focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50\n  dark:bg-input/30\n  [&_.cm-activeLine]:bg-muted/50!\n  [&_.cm-activeLineGutter]:bg-muted! [&_.cm-activeLineGutter]:text-foreground!\n  [&_.cm-content]:py-2 [&_.cm-content]:caret-foreground!\n  [&_.cm-cursor]:border-foreground!\n  [&_.cm-diagnostic]:px-2 [&_.cm-diagnostic]:py-1\n  [&_.cm-diagnostic-error]:border-l-destructive!\n  [&_.cm-diagnostic-warning]:border-l-amber-500!\n  [&_.cm-editor]:h-full [&_.cm-editor]:outline-none\n  [&_.cm-gutters]:border-r! [&_.cm-gutters]:border-border! [&_.cm-gutters]:bg-muted/40!\n  [&_.cm-gutters]:text-muted-foreground!\n  [&_.cm-lintRange-active]:bg-amber-500/20!\n  [&_.cm-scroller]:font-mono [&_.cm-scroller]:leading-relaxed\n  [&_.cm-selectionBackground]:bg-primary/20!\n  [&_.cm-tooltip]:rounded-md [&_.cm-tooltip]:border! [&_.cm-tooltip]:border-border!\n  [&_.cm-tooltip]:bg-popover! [&_.cm-tooltip]:text-popover-foreground [&_.cm-tooltip]:shadow-md\n  [&_.cm-diagnosticAction]:rounded-sm! [&_.cm-diagnosticAction]:bg-primary!\n  [&_.cm-diagnosticAction]:px-2! [&_.cm-diagnosticAction]:py-0.5!\n  [&_.cm-diagnosticAction]:text-primary-foreground!\n  [&_.cm-tooltip-autocomplete_ul]:max-h-[min(18rem,45vh)]! [&_.cm-tooltip-autocomplete_ul]:font-mono!\n  [&_.cm-tooltip-autocomplete_ul_li]:px-2! [&_.cm-tooltip-autocomplete_ul_li]:py-1!\n  [&_.cm-tooltip-autocomplete_ul_li[aria-selected]]:bg-accent!\n  [&_.cm-tooltip-autocomplete_ul_li[aria-selected]]:text-accent-foreground!\n  [&_.cm-completionDetail]:ml-2 [&_.cm-completionDetail]:text-xs\n  [&_.cm-completionDetail]:text-muted-foreground [&_.cm-completionDetail]:not-italic!\n  [&_.cm-completionInfo]:rounded-md [&_.cm-completionInfo]:border!\n  [&_.cm-completionInfo]:border-border! [&_.cm-completionInfo]:bg-popover!\n  [&_.cm-completionInfo]:p-0! [&_.cm-completionInfo]:shadow-md\n  max-sm:[&_.cm-completionInfo]:hidden!\n  [&_.cm-completionMatchedText]:font-semibold [&_.cm-completionMatchedText]:no-underline!\n  [&_.tok-atom]:text-rose-700\n  [&_.tok-bool]:text-rose-700\n  [&_.tok-comment]:text-muted-foreground [&_.tok-comment]:italic\n  [&_.tok-definition]:font-semibold\n  [&_.tok-keyword]:font-semibold [&_.tok-keyword]:text-sky-700\n  [&_.tok-labelName]:font-semibold [&_.tok-labelName]:text-teal-700\n  [&_.tok-literal]:text-rose-700\n  [&_.tok-meta]:text-fuchsia-700\n  [&_.tok-number]:text-emerald-700\n  [&_.tok-operator]:text-violet-700\n  [&_.tok-propertyName]:text-sky-700\n  [&_.tok-punctuation]:text-muted-foreground\n  [&_.tok-string]:text-orange-700\n  [&_.tok-typeName]:text-amber-700\n  dark:[&_.tok-atom]:text-rose-300\n  dark:[&_.tok-bool]:text-rose-300\n  dark:[&_.tok-keyword]:text-sky-300\n  dark:[&_.tok-labelName]:text-teal-300\n  dark:[&_.tok-literal]:text-rose-300\n  dark:[&_.tok-meta]:text-fuchsia-300\n  dark:[&_.tok-number]:text-emerald-300\n  dark:[&_.tok-operator]:text-violet-300\n  dark:[&_.tok-propertyName]:text-sky-300\n  dark:[&_.tok-string]:text-orange-300\n  dark:[&_.tok-typeName]:text-amber-300\n", T = "\n  border-destructive ring-destructive/20\n  dark:ring-destructive/40\n";
+function E(t, n) {
+	let r = t.state.doc.length, i = Math.min(Math.max(n.from, 0), r), a = Math.min(Math.max(n.to, i), r), o = n.cursor ?? i + n.insert.length;
+	t.dispatch({
+		changes: {
+			from: i,
+			to: a,
+			insert: n.insert
+		},
+		selection: { anchor: o },
+		effects: f.scrollIntoView(o, { y: "center" }),
+		userEvent: "input"
+	}), t.focus(), n.complete === !0 && e(t);
+}
+function D(e, t) {
+	return e.map(({ actions: e, ...n }) => {
+		let r = Math.min(Math.max(n.from, 0), t);
+		return {
+			...n,
+			from: r,
+			to: Math.min(Math.max(n.to, r), t),
+			...e === void 0 ? {} : { actions: e.map((e) => ({
+				name: e.label,
+				apply: (t) => {
+					e.edit !== void 0 && E(t, e.edit), e.run?.();
+				}
+			})) }
+		};
+	});
+}
+function O({ value: e, onChange: O, extensions: k = [], diagnostics: A = [], readOnly: j = !1, id: M, ariaLabel: N, ariaDescribedBy: P, invalid: F = !1, className: I, ref: L }) {
+	let R = i(null), z = i(null), B = i(O), V = i(new u()), H = i(new u()), U = i({
+		value: e,
+		extensions: k
+	}), W = i(k), G = i(null);
+	return n(() => {
+		B.current = O;
+	}, [O]), n(() => {
+		let e = R.current;
+		if (e === null) return;
+		let t = new f({
+			parent: e,
+			state: G.current ?? d.create({
+				doc: U.current.value,
+				extensions: [
+					_(),
+					h(),
+					m(),
+					p(),
+					s(),
+					y(),
+					v(),
+					b(C),
+					x(),
+					g.of([
+						...o,
+						...c,
+						l
+					]),
+					f.updateListener.of((e) => {
+						e.docChanged && B.current?.(e.state.doc.toString());
+					}),
+					V.current.of([]),
+					H.current.of([...U.current.extensions])
+				]
+			})
+		});
+		return z.current = t, G.current !== null && t.dispatch({ effects: f.scrollIntoView(t.state.selection.main.head, { y: "center" }) }), () => {
+			G.current = t.state, t.destroy(), z.current = null;
+		};
+	}, []), n(() => {
+		let e = z.current;
+		e !== null && e.dispatch({ effects: V.current.reconfigure([
+			d.readOnly.of(j),
+			f.editable.of(!j),
+			f.contentAttributes.of({
+				...M === void 0 ? {} : { id: M },
+				...N === void 0 ? {} : { "aria-label": N },
+				...P === void 0 ? {} : { "aria-describedby": P },
+				...F ? { "aria-invalid": "true" } : {},
+				"aria-multiline": "true"
+			})
+		]) });
+	}, [
+		j,
+		M,
+		N,
+		P,
+		F
+	]), n(() => {
+		let e = z.current;
+		e === null || k === W.current || (W.current = k, e.dispatch({ effects: H.current.reconfigure([...k]) }));
+	}, [k]), n(() => {
+		let t = z.current;
+		t === null || t.state.doc.toString() === e || t.dispatch({ changes: {
+			from: 0,
+			to: t.state.doc.length,
+			insert: e
+		} });
+	}, [e]), n(() => {
+		let e = z.current;
+		e !== null && e.dispatch(S(e.state, D(A, e.state.doc.length)));
+	}, [A, e]), r(L, () => ({
+		reveal(e, t = e) {
+			let n = z.current;
+			if (n === null) return;
+			let r = n.state.doc.length, i = Math.min(Math.max(e, 0), r), a = Math.min(Math.max(t, i), r);
+			n.dispatch({
+				selection: {
+					anchor: i,
+					head: a
+				},
+				effects: f.scrollIntoView(i, { y: "center" })
+			}), n.focus();
+		},
+		focus() {
+			z.current?.focus();
+		},
+		text() {
+			return z.current?.state.doc.toString() ?? "";
+		},
+		apply(e) {
+			z.current !== null && E(z.current, e);
+		}
+	}), []), /* @__PURE__ */ a("div", {
+		ref: R,
+		"data-invalid": F ? !0 : void 0,
+		className: t(w, F && T, I)
+	});
+}
+//#endregion
+export { O as t };

package/dist/context-u9KJQmdB.js

@@ -0,0 +1,102 @@
+import { i as e } from "./i18n-BgzakKoC.js";
+import { createContext as t, useContext as n, useEffect as r, useState as i } from "react";
+import { dashboardEntrypointUrl as a } from "@overvis/hmi-shared/dashboard";
+import { jsx as o } from "react/jsx-runtime";
+import { canWriteSetup as s } from "@overvis/hmi-shared/workspace";
+//#region src/workspace/page-state/context.tsx
+var c = t(null);
+function l() {
+	return Promise.resolve(null);
+}
+function u({ store: e, children: t }) {
+	return /* @__PURE__ */ o(c.Provider, {
+		value: e,
+		children: t
+	});
+}
+function d(e, t) {
+	let i = n(c);
+	r(() => i?.publish(e, t), [
+		t,
+		e,
+		i
+	]);
+}
+function f() {
+	return n(c)?.read ?? l;
+}
+//#endregion
+//#region src/workspace/page-state/store.ts
+function p() {
+	let e = /* @__PURE__ */ new Map(), t = ([t, n]) => e.size === 1 && e.get(t) === n;
+	return {
+		publish: (t, n) => (e.set(t, n), () => {
+			e.get(t) === n && e.delete(t);
+		}),
+		read: async () => {
+			let [n] = e;
+			if (n == null || !t(n)) return null;
+			let r = await n[1]();
+			return t(n) ? r : null;
+		}
+	};
+}
+//#endregion
+//#region src/workspace/context.tsx
+var m = t({
+	mode: "cloud",
+	getDashboardEntrypointUrl: a,
+	apiBaseUrl: "",
+	credentials: "include"
+}), h = t(null);
+function g() {
+	return n(m);
+}
+function _() {
+	return n(h);
+}
+function v() {
+	let e = _();
+	if (e == null) throw Error("useWorkspace requires WorkspaceLayout");
+	return e;
+}
+function y() {
+	let e = _();
+	return e != null && s(e.access);
+}
+function b({ workspace: t, children: n }) {
+	return /* @__PURE__ */ o(h.Provider, {
+		value: t,
+		children: /* @__PURE__ */ o(e, {
+			scope: {
+				workspaceId: t.id,
+				workspaceName: t.name
+			},
+			children: n
+		})
+	});
+}
+function x({ children: e, mode: t = "cloud", userId: n, onWorkspaceLoaded: r, openAssistant: s, getDashboardEntrypointUrl: c = a, apiBaseUrl: l = "", credentials: d = "include", getHeaders: f, mintDeviceUiTicket: h, renderNavFooter: g, renderSuspendedBilling: _ }) {
+	let [v] = i(p);
+	return /* @__PURE__ */ o(m.Provider, {
+		value: {
+			mode: t,
+			getDashboardEntrypointUrl: c,
+			apiBaseUrl: l,
+			credentials: d,
+			...n == null ? {} : { userId: n },
+			...r ? { onWorkspaceLoaded: r } : {},
+			...s ? { openAssistant: s } : {},
+			...f ? { getHeaders: f } : {},
+			...h ? { mintDeviceUiTicket: h } : {},
+			...g ? { renderNavFooter: g } : {},
+			..._ ? { renderSuspendedBilling: _ } : {}
+		},
+		children: /* @__PURE__ */ o(u, {
+			store: v,
+			children: e
+		})
+	});
+}
+//#endregion
+export { v as a, f as c, _ as i, b as n, g as o, y as r, d as s, x as t };