@overvis/hmi-workspace-ui 0.1.0 → 0.1.2

package/dist/{notice-card-DyGywFsW.js → notice-card-V_0K0lO0.js}

@@ -1,65 +1,63 @@
-import { m as e } from "./i18n-BgzakKoC.js";
-import { t } from "./utils-CX-Pz5p6.js";
-import { t as n } from "./spinner-C-HPNxOc.js";
-import { n as r, t as i } from "./button-6SxPBYMz.js";
+import { m as e } from "./i18n-ChjEbYEg.js";
+import { Mt as t, Nt as n, jt as r } from "./alert-dialog-D_iDv2lQ.js";
+import { t as i } from "./spinner-B-KLtBjp.js";
 import * as a from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ChevronRightIcon as l, CircleAlertIcon as u, InfoIcon as d, RefreshCwIcon as f, TriangleAlertIcon as p } from "lucide-react";
 import { cva as m } from "class-variance-authority";
 import { Collapsible as h } from "@base-ui/react/collapsible";
-//#region src/ui/card.tsx
-function g({ className: e, size: n = "default", ...r }) {
+// src/ui/card.tsx
+function g({ className: e, size: t = "default", ...r }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card",
-		"data-size": n,
-		className: t("\n          group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border bg-card\n          py-(--card-spacing) text-sm text-card-foreground shadow-xs [--card-spacing:--spacing(4)]\n          has-data-[slot=card-footer]:pb-0\n          has-[>img:first-child]:pt-0\n          data-[size=sm]:[--card-spacing:--spacing(3)]\n          data-[size=sm]:has-data-[slot=card-footer]:pb-0\n          *:[img:first-child]:rounded-t-xl\n          *:[img:last-child]:rounded-b-xl\n        ", e),
+		"data-size": t,
+		className: n("\n          group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border bg-card\n          py-(--card-spacing) text-sm text-card-foreground shadow-xs [--card-spacing:--spacing(4)]\n          has-data-[slot=card-footer]:pb-0\n          has-[>img:first-child]:pt-0\n          data-[size=sm]:[--card-spacing:--spacing(3)]\n          data-[size=sm]:has-data-[slot=card-footer]:pb-0\n          *:[img:first-child]:rounded-t-xl\n          *:[img:last-child]:rounded-b-xl\n        ", e),
 		...r
 	});
 }
-function _({ className: e, ...n }) {
+function _({ className: e, ...t }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card-header",
-		className: t("\n          group/card-header @container/card-header grid auto-rows-min items-start gap-1\n          rounded-t-xl px-(--card-spacing)\n          has-data-[slot=card-action]:grid-cols-[1fr_auto]\n          has-data-[slot=card-description]:grid-rows-[auto_auto]\n          [.border-b]:pb-(--card-spacing)\n        ", e),
-		...n
+		className: n("\n          group/card-header @container/card-header grid auto-rows-min items-start gap-1\n          rounded-t-xl px-(--card-spacing)\n          has-data-[slot=card-action]:grid-cols-[1fr_auto]\n          has-data-[slot=card-description]:grid-rows-[auto_auto]\n          [.border-b]:pb-(--card-spacing)\n        ", e),
+		...t
 	});
 }
-function v({ className: e, ...n }) {
+function v({ className: e, ...t }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card-title",
-		className: t("\n          font-heading text-sm/snug font-semibold\n          group-data-[size=sm]/card:text-[13px]\n        ", e),
-		...n
+		className: n("\n          font-heading text-sm/snug font-semibold\n          group-data-[size=sm]/card:text-[13px]\n        ", e),
+		...t
 	});
 }
-function y({ className: e, ...n }) {
+function y({ className: e, ...t }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card-description",
-		className: t("text-[13px] text-muted-foreground", e),
-		...n
+		className: n("text-[13px] text-muted-foreground", e),
+		...t
 	});
 }
-function b({ className: e, ...n }) {
+function b({ className: e, ...t }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card-action",
-		className: t("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
-		...n
+		className: n("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
+		...t
 	});
 }
-function x({ className: e, ...n }) {
+function x({ className: e, ...t }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card-content",
-		className: t("px-(--card-spacing)", e),
-		...n
+		className: n("px-(--card-spacing)", e),
+		...t
 	});
 }
-function S({ className: e, ...n }) {
+function S({ className: e, ...t }) {
 	return /* @__PURE__ */ s("div", {
 		"data-slot": "card-footer",
-		className: t("flex items-center rounded-b-xl border-t bg-muted/40 p-(--card-spacing)", e),
-		...n
+		className: n("flex items-center rounded-b-xl border-t bg-muted/40 p-(--card-spacing)", e),
+		...t
 	});
 }
-//#endregion
-//#region src/ui/collapsible.tsx
+// src/ui/collapsible.tsx
 function C({ className: e, ...t }) {
 	return /* @__PURE__ */ s(h.Root, {
 		"data-slot": "collapsible",
@@ -74,15 +72,14 @@ function w({ className: e, ...t }) {
 		...t
 	});
 }
-function T({ className: e, ...n }) {
+function T({ className: e, ...t }) {
 	return /* @__PURE__ */ s(h.Panel, {
 		"data-slot": "collapsible-content",
-		className: t("overflow-hidden", e),
-		...n
+		className: n("overflow-hidden", e),
+		...t
 	});
 }
-//#endregion
-//#region src/ui/notice-card.tsx
+// src/ui/notice-card.tsx
 var E = m("\n    group/notice relative isolate w-full flex-row items-start gap-3 bg-linear-to-r to-card to-40%\n    p-4 text-left\n    before:absolute before:inset-y-0 before:left-0 before:w-[3px]\n    sm:gap-4\n  ", { variants: {
 	severity: {
 		error: "\n          border-destructive/25 from-destructive/6\n          before:bg-destructive\n        ",
@@ -112,35 +109,35 @@ function k(e) {
 	return typeof e == "object" && !!e && "then" in e && typeof e.then == "function";
 }
 function A({ action: e, variant: l, size: u }) {
-	let d = /* @__PURE__ */ c(o, { children: [e.pending === !0 ? /* @__PURE__ */ s(n, {
+	let d = e.pending === !0 ? /* @__PURE__ */ s(i, {
 		"aria-hidden": "true",
 		"data-icon": "inline-start"
-	}) : e.icon, e.label] }), f = e.disabled === !0 || e.pending === !0, p = r({
+	}) : e.icon, f = /* @__PURE__ */ c(o, { children: [d, e.label] }), p = e.disabled === !0 || e.pending === !0, m = t({
 		variant: l,
 		size: u
 	});
-	if (!f && e.render != null) {
-		let n = e.render;
-		return a.cloneElement(n, {
-			className: t(p, n.props.className),
-			children: d
+	if (!p && e.render != null) {
+		let t = e.render;
+		return a.cloneElement(t, {
+			className: n(m, t.props.className),
+			children: f
 		});
 	}
-	return !f && e.href != null ? /* @__PURE__ */ s("a", {
+	return !p && e.href != null ? /* @__PURE__ */ s("a", {
 		href: e.href,
-		className: p,
-		children: d
-	}) : /* @__PURE__ */ s(i, {
+		className: m,
+		children: f
+	}) : /* @__PURE__ */ s(r, {
 		type: "button",
 		variant: l,
 		size: u,
-		disabled: f,
+		disabled: p,
 		"aria-busy": e.pending === !0 || void 0,
 		onClick: e.onClick,
-		children: d
+		children: f
 	});
 }
-function j({ severity: n = "error", size: r = "default", icon: i, subject: o, title: u, description: d, details: p, detailsOpen: m = !1, primaryAction: h, secondaryActions: _, onRetry: v, retrying: y, retryLabel: b, actions: x, className: S, children: j, ...M }) {
+function j({ severity: t = "error", size: r = "default", icon: i, subject: o, title: u, description: d, details: p, detailsOpen: m = !1, primaryAction: h, secondaryActions: _, onRetry: v, retrying: y, retryLabel: b, actions: x, className: S, children: j, ...M }) {
 	let N = e(), [P, F] = a.useState(!1), I = r === "compact", L = y === !0 || P, R = v == null ? null : {
 		label: L ? N("ui_notice_retrying") : b ?? N("ui_notice_retry"),
 		icon: /* @__PURE__ */ s(f, { "data-icon": "inline-start" }),
@@ -157,26 +154,26 @@ function j({ severity: n = "error", size: r = "default", icon: i, subject: o, ti
 	}, z = h ?? R, B = I ? "sm" : "default", V = z != null || (_?.length ?? 0) > 0 || x != null;
 	return /* @__PURE__ */ c(g, {
 		"data-slot": "notice-card",
-		"data-severity": n,
+		"data-severity": t,
 		"data-size": r,
-		role: n === "error" ? "alert" : "status",
-		className: t(E({
-			severity: n,
+		role: t === "error" ? "alert" : "status",
+		className: n(E({
+			severity: t,
 			size: r
 		}), S),
 		...M,
 		children: [/* @__PURE__ */ s("span", {
 			"aria-hidden": "true",
 			className: D({
-				severity: n,
+				severity: t,
 				size: r
 			}),
-			children: i ?? O[n]
+			children: i ?? O[t]
 		}), /* @__PURE__ */ c("div", {
-			className: t("flex min-w-0 flex-1 flex-col", I ? "gap-2" : "gap-3"),
+			className: n("flex min-w-0 flex-1 flex-col", I ? "gap-2" : "gap-3"),
 			children: [
 				/* @__PURE__ */ c("div", {
-					className: t("flex min-w-0 flex-col", I ? "gap-0.5 pt-1" : o == null ? "gap-1 pt-2" : "gap-0.5"),
+					className: n("flex min-w-0 flex-col", I ? "gap-0.5 pt-1" : o == null ? "gap-1 pt-2" : "gap-0.5"),
 					children: [
 						o == null ? null : /* @__PURE__ */ s("div", {
 							"data-slot": "notice-card-subject",
@@ -185,12 +182,12 @@ function j({ severity: n = "error", size: r = "default", icon: i, subject: o, ti
 						}),
 						u == null ? null : /* @__PURE__ */ s("div", {
 							"data-slot": "notice-card-title",
-							className: t("font-semibold tracking-tight text-pretty text-foreground", I ? "text-sm/5" : "text-[0.9375rem]/snug"),
+							className: n("font-semibold tracking-tight text-pretty text-foreground", I ? "text-sm/5" : "text-[0.9375rem]/snug"),
 							children: u
 						}),
 						d == null ? null : /* @__PURE__ */ s("div", {
 							"data-slot": "notice-card-description",
-							className: t("text-sm/relaxed text-pretty", u == null ? "text-foreground" : "text-muted-foreground", "\n                  [&_a]:underline [&_a]:underline-offset-3\n                  [&_a]:hover:text-foreground\n                "),
+							className: n("text-sm/relaxed text-pretty", u == null ? "text-foreground" : "text-muted-foreground", "\n                  [&_a]:underline [&_a]:underline-offset-3\n                  [&_a]:hover:text-foreground\n                "),
 							children: d
 						})
 					]
@@ -242,5 +239,4 @@ function j({ severity: n = "error", size: r = "default", icon: i, subject: o, ti
 		})]
 	});
 }
-//#endregion
 export { g as a, y as c, v as d, w as i, S as l, C as n, b as o, T as r, x as s, j as t, _ as u };

package/dist/page-B5te_1Lc.js

@@ -0,0 +1,449 @@
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
+import { Bn as t, Kn as n, Lt as r, Qn as i, Wn as a, ii as o, zn as s } from "./quick-report-BcZsfkCZ.js";
+import { f as c, h as l, m as u, n as d } from "./i18n-ChjEbYEg.js";
+import { $ as f, B as p, H as m, K as h, Nt as g, R as _, U as v, V as y, X as b, Y as x, jt as S, xt as C } from "./alert-dialog-D_iDv2lQ.js";
+import { G as w, V as T } from "./spinner-B-KLtBjp.js";
+import { b as E } from "./panel-DuZD-cBP.js";
+import { r as D, t as O } from "./query-gate-BbIo1Xrj.js";
+import { i as k, n as A, t as ee } from "./display-VYGzneE0.js";
+import { t as te } from "./breadcrumbs-D5R6Fz74.js";
+import { a as ne, i as re, n as ie, r as j, t as M } from "./presence-code-DsabLTZs.js";
+import { a as N, c as P, d as F, i as I, l as L, n as R, o as z, r as B, s as V, t as H, u as U } from "./catalog-list-BkWosvh1.js";
+import { t as W } from "./wireguard-docs-Clb-7xRY.js";
+import { useState as G } from "react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { BookOpenIcon as Y, CableIcon as ae, PencilIcon as oe, PlusIcon as se, Trash2Icon as ce } from "lucide-react";
+import { formatAppDateTime as le, resolveLocalized as ue } from "@overvis/hmi-shared";
+import { useNavigate as de } from "@tanstack/react-router";
+import { endpointCreateFormSchema as fe, endpointCreateFormToInput as pe, endpointDefaultPort as me } from "@overvis/hmi-shared/endpoint";
+// src/workspace/setup/endpoints/form-problem.ts
+function X({ problem: e }) {
+	switch (e) {
+		case "name_required": return c("error_field_required");
+		case "hostname_invalid": return c("error_endpoint_hostname_invalid");
+		case "pin_invalid": return c("error_endpoint_pin_invalid");
+		case "public_key_invalid": return c("error_endpoint_public_key_invalid");
+		case "port_invalid": return c("error_endpoint_port_invalid");
+	}
+}
+// src/workspace/setup/endpoints/connection-indicator.tsx
+function he(e) {
+	if (e === void 0) return c("endpoint_status_state_unknown");
+	if (e == null) return c("endpoint_status_state_disconnected");
+	switch (e) {
+		case "connecting": return c("endpoint_status_state_connecting");
+		case "connected": return c("endpoint_status_state_connected");
+		case "disconnected": return c("endpoint_status_state_disconnected");
+		case "error": return c("endpoint_status_state_error");
+	}
+}
+function Z(e) {
+	return e === "connected" ? "bg-emerald-500" : e === "error" ? "bg-destructive" : e === "connecting" ? "bg-amber-500" : "bg-muted-foreground/40";
+}
+function ge({ endpointId: e }) {
+	l();
+	let t = k(e), n = t === void 0 ? void 0 : t?.state ?? null, r = he(n);
+	return /* @__PURE__ */ q("span", {
+		className: "inline-flex size-5 shrink-0 items-center justify-center",
+		title: r,
+		"aria-label": r,
+		role: "img",
+		children: /* @__PURE__ */ q("span", { className: g("size-2.5 rounded-full", Z(n)) })
+	});
+}
+// src/workspace/setup/endpoints/enabled-switch.tsx
+function _e({ workspaceId: e, endpoint: t, compact: n = !1, className: i }) {
+	let o = u(), s = d(), { enable: c, disable: l } = r(e), p = (e) => ({
+		onSuccess: () => {
+			s.success(e);
+		},
+		onError: (e) => {
+			s.error(a(e));
+		}
+	}), m = t.disabledSince == null, h = l.isPending || c.isPending;
+	return /* @__PURE__ */ J("div", {
+		className: i,
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		onKeyDown: (e) => {
+			e.stopPropagation();
+		},
+		children: [/* @__PURE__ */ J("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ q(f, {
+				checked: m,
+				disabled: h,
+				size: "sm",
+				"aria-label": o("endpoint_enabled_label"),
+				onCheckedChange: (e) => {
+					e ? c.mutate({
+						id: t.id,
+						baseRevision: t.revision
+					}, p(o("endpoint_enable_toast"))) : l.mutate({
+						id: t.id,
+						baseRevision: t.revision
+					}, p(o("endpoint_disable_toast")));
+				}
+			}), n ? null : /* @__PURE__ */ q("span", {
+				className: "text-sm text-muted-foreground",
+				children: o("endpoint_enabled_label")
+			})]
+		}), !n && t.disabledSince != null ? /* @__PURE__ */ q("p", {
+			className: "mt-1 text-xs text-muted-foreground",
+			children: o("endpoint_disabled_since", { since: le(t.disabledSince) })
+		}) : null]
+	});
+}
+function ve({ endpoint: e }) {
+	let t = u();
+	return e.disabledSince == null ? null : /* @__PURE__ */ q("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("endpoint_disabled_badge")
+	});
+}
+// src/workspace/setup/endpoints/page.tsx
+var ye = /* @__PURE__ */ e({
+	CreateEndpointForm: () => $,
+	SetupEndpointsPage: () => Q
+});
+function Q({ workspaceId: e }) {
+	let t = u(), n = d(), r = l(), i = de(), s = o.endpoint.list.useQuery({ workspaceId: e }), { open: c } = W(), [f, m] = G(null);
+	return /* @__PURE__ */ J(L, { children: [
+		/* @__PURE__ */ q(E, {
+			icon: /* @__PURE__ */ q(ae, {}),
+			breadcrumbs: /* @__PURE__ */ q(te, { workspaceId: e }),
+			title: t("setup_endpoints_title"),
+			description: t("setup_endpoints_description"),
+			actions: /* @__PURE__ */ J(S, {
+				type: "button",
+				size: "sm",
+				onClick: () => {
+					i({
+						to: "/workspace/$workspaceId/setup/endpoints/new",
+						params: { workspaceId: e }
+					});
+				},
+				children: [/* @__PURE__ */ q(se, { "data-icon": "inline-start" }), t("endpoint_create_action")]
+			})
+		}),
+		/* @__PURE__ */ q(R, { children: /* @__PURE__ */ q(D, {
+			query: s,
+			loading: /* @__PURE__ */ J("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ q(C, { className: "h-10 w-full" }), /* @__PURE__ */ q(C, { className: "h-10 w-4/5" })]
+			}),
+			error: (e) => /* @__PURE__ */ q(O, { message: a(e) }),
+			isEmpty: (e) => e.endpoints.length === 0,
+			empty: /* @__PURE__ */ q(B, { children: t("setup_endpoints_empty") }),
+			children: ({ endpoints: n }) => /* @__PURE__ */ q(N, { children: n.map((n) => /* @__PURE__ */ J(U, {
+				"data-context-endpoint-id": n.id,
+				children: [
+					/* @__PURE__ */ q(ge, { endpointId: n.id }),
+					/* @__PURE__ */ J(P, {
+						to: "/workspace/$workspaceId/setup/endpoints/$endpointId/status",
+						params: {
+							workspaceId: e,
+							endpointId: n.id
+						},
+						children: [/* @__PURE__ */ J("div", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [/* @__PURE__ */ q(V, { children: ue(n.name, r) }), /* @__PURE__ */ q(ve, { endpoint: n })]
+						}), /* @__PURE__ */ q(z, { children: n.kind === "pin" ? ee(n) : n.kind === "wireguard" ? A(n.port) : `${t("endpoint_list_host")}: ${n.hostname ?? "—"}:${String(n.port)}` })]
+					}),
+					/* @__PURE__ */ J(H, { children: [/* @__PURE__ */ q(_e, {
+						workspaceId: e,
+						endpoint: n,
+						compact: !0
+					}), /* @__PURE__ */ J(I, { children: [
+						n.kind === "wireguard" ? /* @__PURE__ */ q(F, {
+							"aria-label": t("endpoint_docs_action"),
+							onClick: () => {
+								c(n.id);
+							},
+							children: /* @__PURE__ */ q(Y, {})
+						}) : null,
+						/* @__PURE__ */ q(F, {
+							"aria-label": t("endpoint_edit_action"),
+							onClick: () => {
+								i({
+									to: "/workspace/$workspaceId/setup/endpoints/$endpointId",
+									params: {
+										workspaceId: e,
+										endpointId: n.id
+									}
+								});
+							},
+							children: /* @__PURE__ */ q(oe, {})
+						}),
+						/* @__PURE__ */ q(F, {
+							tone: "destructive",
+							"aria-label": t("endpoint_delete_action"),
+							onClick: () => {
+								m(n);
+							},
+							children: /* @__PURE__ */ q(ce, {})
+						})
+					] })] })
+				]
+			}, n.id)) })
+		}) }),
+		/* @__PURE__ */ q(_, {
+			open: f != null,
+			onOpenChange: (e) => {
+				e || m(null);
+			},
+			children: /* @__PURE__ */ q(p, { children: f ? /* @__PURE__ */ q(be, {
+				workspaceId: e,
+				endpointId: f.id,
+				baseRevision: f.revision,
+				onCancel: () => {
+					m(null);
+				},
+				onDeleted: () => {
+					m(null), n.success(t("endpoint_delete_toast"));
+				}
+			}) : null })
+		})
+	] });
+}
+function $({ workspaceId: e, onCancel: a, onCreated: o }) {
+	let l = u(), f = d(), { open: p } = W(), g = r(e).create, _ = ne(), [C, E] = G(null), D = {
+		kind: "pin",
+		name: l("endpoint_default_name"),
+		hostname: "",
+		pinCode: "",
+		publicKey: "",
+		port: String(me),
+		authorizationCode: ""
+	}, O = n({
+		defaultValues: D,
+		validators: s({
+			schema: fe,
+			submit: async (n) => {
+				let r = pe(n, {
+					workspaceId: e,
+					defaultName: c("endpoint_default_name")
+				});
+				if (!r.ok) return t(r, X);
+				let i = r.input;
+				if (i.kind === "pin") {
+					if (C == null) {
+						let t = await _.begin({
+							workspaceId: e,
+							pinCode: i.pinCode
+						});
+						if (t === "closed") return null;
+						if (t != null) return E({
+							...t,
+							pinCode: i.pinCode
+						}), null;
+					} else {
+						let e = M(n.authorizationCode);
+						if (!e.ok) return { fields: { authorizationCode: () => c("endpoint_presence_code_invalid") } };
+						i = {
+							...i,
+							pinCode: C.pinCode,
+							challengeId: C.challengeId,
+							...e.code == null ? {} : { authorizationCode: e.code }
+						};
+					}
+				}
+				let a;
+				try {
+					a = await g.mutateAsync(i);
+				} catch (e) {
+					throw C != null && !re(e) && (_.cancel(C.challengeId), E(null), O.setFieldValue("authorizationCode", "")), e;
+				}
+				return C != null && _.settle(C.challengeId), f.success(l("endpoint_create_toast")), queueMicrotask(() => {
+					o({
+						id: a.id,
+						kind: a.kind
+					}), a.kind === "wireguard" && p(a.id);
+				}), null;
+			},
+			mapError: (e, t) => j(e, t, C?.codeDisplayed ?? !0)
+		}),
+		onSubmitInvalid: i
+	});
+	return /* @__PURE__ */ q(O.AppForm, { children: /* @__PURE__ */ J(O.FormRoot, {
+		layout: "dialog",
+		children: [
+			/* @__PURE__ */ J(v, { children: [/* @__PURE__ */ q(h, { children: l(C == null ? "endpoint_create_title" : "endpoint_presence_title") }), C == null ? /* @__PURE__ */ q(O.Subscribe, {
+				selector: (e) => e.values.kind,
+				children: (e) => /* @__PURE__ */ q(y, { children: l(e === "pin" ? "endpoint_create_description_pin" : e === "wireguard" ? "endpoint_create_description_wireguard" : "endpoint_create_description") })
+			}) : /* @__PURE__ */ q(y, { children: l("endpoint_presence_button") })] }),
+			/* @__PURE__ */ J(T, { children: [C == null ? null : /* @__PURE__ */ J(K, { children: [
+				/* @__PURE__ */ q(O.Subscribe, {
+					selector: (e) => e.isSubmitting,
+					children: (e) => /* @__PURE__ */ q(ie, {
+						challengeId: C.challengeId,
+						paused: e,
+						onDone: () => {
+							O.setFieldValue("authorizationCode", ""), O.handleSubmit();
+						}
+					})
+				}),
+				/* @__PURE__ */ q("p", {
+					className: "text-sm",
+					children: C.codeDisplayed ? l("endpoint_presence_or_code") : l("endpoint_presence_button_only")
+				}),
+				C.codeDisplayed ? /* @__PURE__ */ q(O.AppField, {
+					name: "authorizationCode",
+					children: (e) => /* @__PURE__ */ q(e.TextField, {
+						label: l("endpoint_presence_code_label"),
+						id: "endpoint-authorization-code",
+						autoComplete: "off",
+						spellCheck: !1,
+						inputMode: "numeric",
+						autoFocus: !0
+					})
+				}) : null
+			] }), C == null ? /* @__PURE__ */ q(O.Subscribe, {
+				selector: (e) => e.isSubmitting,
+				children: (e) => /* @__PURE__ */ J(w, {
+					disabled: e,
+					className: "contents",
+					children: [
+						/* @__PURE__ */ q(O.AppField, {
+							name: "kind",
+							children: (e) => /* @__PURE__ */ J("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ q("p", {
+									className: "text-sm font-medium",
+									children: l("endpoint_field_kind")
+								}), /* @__PURE__ */ J(x, {
+									variant: "outline",
+									size: "sm",
+									spacing: 0,
+									value: [e.state.value],
+									onValueChange: (t) => {
+										let n = t[0];
+										(n === "direct" || n === "pin" || n === "wireguard") && e.handleChange(n);
+									},
+									className: "w-full",
+									children: [
+										/* @__PURE__ */ q(b, {
+											value: "pin",
+											className: "flex-1",
+											children: l("endpoint_kind_pin")
+										}),
+										/* @__PURE__ */ q(b, {
+											value: "wireguard",
+											className: "flex-1",
+											children: l("endpoint_kind_wireguard")
+										}),
+										/* @__PURE__ */ q(b, {
+											value: "direct",
+											className: "flex-1",
+											children: l("endpoint_kind_direct")
+										})
+									]
+								})]
+							})
+						}),
+						/* @__PURE__ */ q(O.AppField, {
+							name: "name",
+							children: (e) => /* @__PURE__ */ q(e.TextField, {
+								label: l("endpoint_field_name"),
+								id: "endpoint-name",
+								autoFocus: !0
+							})
+						}),
+						/* @__PURE__ */ q(O.Subscribe, {
+							selector: (e) => e.values.kind,
+							children: (e) => e === "pin" ? /* @__PURE__ */ q(O.AppField, {
+								name: "pinCode",
+								children: (e) => /* @__PURE__ */ q(e.TextField, {
+									label: l("endpoint_field_pin_code"),
+									id: "endpoint-pin",
+									autoComplete: "off",
+									spellCheck: !1
+								})
+							}) : e === "wireguard" ? /* @__PURE__ */ J("div", {
+								className: "\n                            grid grid-cols-1 gap-4\n                            sm:grid-cols-[minmax(0,1fr)_6.5rem]\n                          ",
+								children: [/* @__PURE__ */ q(O.AppField, {
+									name: "publicKey",
+									children: (e) => /* @__PURE__ */ q(e.TextField, {
+										label: l("endpoint_field_public_key"),
+										id: "endpoint-public-key",
+										autoComplete: "off",
+										spellCheck: !1
+									})
+								}), /* @__PURE__ */ q(O.AppField, {
+									name: "port",
+									children: (e) => /* @__PURE__ */ q(e.TextField, {
+										label: l("endpoint_field_port"),
+										id: "endpoint-port",
+										type: "number",
+										inputMode: "numeric"
+									})
+								})]
+							}) : /* @__PURE__ */ J("div", {
+								className: "\n                            grid grid-cols-1 gap-4\n                            sm:grid-cols-[minmax(0,1fr)_6.5rem]\n                          ",
+								children: [/* @__PURE__ */ q(O.AppField, {
+									name: "hostname",
+									children: (e) => /* @__PURE__ */ q(e.TextField, {
+										label: l("endpoint_field_hostname"),
+										id: "endpoint-hostname",
+										autoComplete: "off",
+										spellCheck: !1
+									})
+								}), /* @__PURE__ */ q(O.AppField, {
+									name: "port",
+									children: (e) => /* @__PURE__ */ q(e.TextField, {
+										label: l("endpoint_field_port"),
+										id: "endpoint-port",
+										type: "number",
+										inputMode: "numeric"
+									})
+								})]
+							})
+						})
+					]
+				})
+			}) : null] }),
+			/* @__PURE__ */ J(m, { children: [/* @__PURE__ */ q(S, {
+				type: "button",
+				variant: "outline",
+				onClick: () => {
+					a();
+				},
+				children: l("action_cancel")
+			}), /* @__PURE__ */ q(O.SubmitButton, {
+				label: C == null ? l("endpoint_create_submit") : C.codeDisplayed ? l("endpoint_presence_submit") : l("endpoint_presence_waiting"),
+				pendingLabel: l("action_creating"),
+				disabled: C != null && !C.codeDisplayed
+			})] })
+		]
+	}) });
+}
+function be({ workspaceId: e, endpointId: t, baseRevision: a, onCancel: o, onDeleted: c }) {
+	let l = u(), d = r(e).remove, f = n({
+		defaultValues: {},
+		validators: s({ submit: async () => (await d.mutateAsync({
+			id: t,
+			baseRevision: a
+		}), null) }),
+		onSubmitInvalid: i,
+		onSubmit: () => {
+			c();
+		}
+	});
+	return /* @__PURE__ */ q(f.AppForm, { children: /* @__PURE__ */ J(f.FormRoot, {
+		layout: "dialog",
+		children: [/* @__PURE__ */ J(v, { children: [/* @__PURE__ */ q(h, { children: l("endpoint_delete_confirm_title") }), /* @__PURE__ */ q(y, { children: l("endpoint_delete_confirm_description") })] }), /* @__PURE__ */ J(m, { children: [/* @__PURE__ */ q(S, {
+			type: "button",
+			variant: "outline",
+			onClick: () => {
+				o();
+			},
+			children: l("action_cancel")
+		}), /* @__PURE__ */ q(f.SubmitButton, {
+			label: l("endpoint_delete_confirm_submit"),
+			pendingLabel: l("action_deleting"),
+			variant: "destructive"
+		})] })]
+	}) });
+}
+export { X as i, Q as n, ye as r, $ as t };