@kky42/pievo-server 1.0.0

package/.output/server/_ssr/notifyFns-Q458pZmE.mjs

@@ -0,0 +1,580 @@
+import { o as __toESM } from "../_runtime.mjs";
+import { C as require_jsx_runtime, S as require_react, d as TooltipPortal, f as TooltipTrigger, l as TooltipPopup, p as TooltipRoot, u as TooltipPositioner } from "../_libs/@base-ui/react+[...].mjs";
+import { jt as machinePresence } from "./boot-BbtG0ImW.mjs";
+import { C as labelCls, D as runPulseAnim, E as rel, M as until, N as useHydrated, S as isCompleted, _ as fmt, b as inputCls, c as btnDanger, g as dur, h as dotLabel, l as btnPrimary, m as dotColor, o as btn, t as ErrorBanner } from "./ui-Dej2qjuS.mjs";
+import { n as createServerFn } from "./ssr.mjs";
+import { r as createSsrRpc, u as getConfig } from "./loopApi-Cxe8WyOB.mjs";
+import { n as ModalHead, r as ModalSection, t as Modal } from "./Modal-DpKZHLZK.mjs";
+import { n as daemonStopSupport } from "./lifecycleUi-C9lg1r3r.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/notifyFns-Q458pZmE.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* Machine management server functions. Connect flow (two acts):
+*   1. createMachine() → mint a token, create a PENDING (unnamed) row, return
+*      {id, token}. The UI shows the connect command + "waiting…".
+*   2. the daemon connects → poll records online + hostname/platform/arch. The
+*      UI polls machineStatus(id); once connected it shows the name field
+*      (prefilled with the hostname). finalizeMachine({id,name}) names it →
+*      it appears in the list. cancelMachine(id) drops a pending row.
+*
+* Scoping: when the auth gate is on, every fn requires a signed-in user, and a
+* machine is visible/actionable only when the requester owns it, its owner is a
+* member of the active team, or the scope is the admin "All teams" view (the
+* same rule listMachines filters by). The PLAINTEXT device token is serialized
+* ONLY to the machine's owner — it fully impersonates the machine (poll /
+* create-loop / log), so a teammate who can see the row must never exfiltrate
+* it. Open mode (gate off) keeps the shared workspace: everyone sees/manages
+* all machines, tokens included. No workdir jail (fully open) for now.
+*/
+/** Ids of the machines membership-visible in the scope's active team (the same
+*  set listMachines serves). Empty when the scope needs no team check (open
+*  mode or signed-out — machineInScope settles those before ever invoking its
+*  team-set thunk). */
+/**
+* Resolve a machine and authorize it against the request scope (the machine-fn
+* twin of loopApi's `ownedLoop`). `machine` is undefined when it's missing OR
+* out of scope — callers treat both as "not found" so existence never leaks.
+* The scope rides along so callers don't re-run requestScope (a second session
+* decrypt); the team-set thunk keeps the owner fast path query-free.
+*/
+/** Named machines only (pending/unnamed rows are mid-connect). Scoped to the
+*  given/active team when the gate is on; the full shared list in open mode. An
+*  explicit `teamId` (the `/t/<id>` route) scopes this request independent of the
+*  cookie, so a tab on /t/A and one on /t/B list different machines at once. */
+var listMachines = createServerFn({ method: "GET" }).validator((teamId) => teamId).handler(createSsrRpc("aa46310016bb8a58b273a648ffd498c87f1f450d12827e30110a3b83ba6a27d9"));
+/** Act 1 — create a pending machine + token, owned by the signed-in user's team.
+*  An explicit `teamId` (the `/t/<id>` route) binds the machine to that tab's team
+*  independent of the last-used cookie, mirroring `mintClaim`/`listMachines`. */
+var createMachine = createServerFn({ method: "POST" }).validator((teamId) => teamId).handler(createSsrRpc("ed679b4e1e05e903a5d4ba4a70d9b9d883991ab22ed59b4d2d69078941818415"));
+/** Poll while the connect dialog is open. Scoped like listMachines; the token
+*  rides along only for the machine's owner (the connect dialog's minter). */
+var machineStatus = createServerFn({ method: "GET" }).validator((id) => id).handler(createSsrRpc("169566e7637a22599b4eb32ee3775574e99677406922bbef7482a102036c33dd"));
+/** Act 2 — name the connected machine (it then appears in the list). */
+var finalizeMachine = createServerFn({ method: "POST" }).validator((d) => d).handler(createSsrRpc("27d7eba0b6a2257949392fdd56057275a5c5366484ae01faf3b5897a225ecd83"));
+/**
+* Cancel a pending connect (or delete an existing machine). A machine that still
+* owns loops can't be deleted — the loops execute on it, so they must be removed
+* first (we block rather than cascade, to never silently nuke a loop's history).
+* Pending/unnamed machines have no loops, so the connect-cancel path passes through.
+*/
+var deleteMachine = createServerFn({ method: "POST" }).validator((id) => id).handler(createSsrRpc("a6384dc7154d9930422d29396f5de64b3ac69c62ad3824bc4a22d745fc07b293"));
+/** Merge two chronological (oldest-first) run lists, dedup by id (the first
+*  occurrence wins, so pass the fresher list first), re-sorted by ts ascending.
+*  Shared by the dashboard cards and the loop detail page, which both seed the
+*  timeline with the newest page and grow it leftward with lazily-paged older runs. */
+function mergeRuns(primary, secondary) {
+	const seen = /* @__PURE__ */ new Set();
+	const out = [];
+	for (const r of [...primary, ...secondary]) {
+		if (seen.has(r.id)) continue;
+		seen.add(r.id);
+		out.push(r);
+	}
+	out.sort((a, b) => a.ts < b.ts ? -1 : a.ts > b.ts ? 1 : 0);
+	return out;
+}
+var PAGE = 16;
+var RAD = "rounded-[4px]";
+var SEG = `h-5 w-[18px] shrink-0 ${RAD}`;
+function RunSeg({ run, onClick }) {
+	const body = run.error || run.message || "";
+	const meta = run.durationMs ? ` · ${dur(run.durationMs)}` : "";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipRoot, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation();
+			onClick();
+		},
+		"aria-label": dotLabel(run),
+		className: `${SEG} cursor-pointer transition-opacity hover:opacity-70`,
+		style: {
+			background: dotColor(run),
+			...run.running ? runPulseAnim : {}
+		}
+	}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPositioner, {
+		sideOffset: 8,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipPopup, {
+			className: "glass-strong pointer-events-none max-w-[340px] rounded-control px-3.5 py-2.5 text-meta leading-snug text-primary",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5 font-medium",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "size-2 shrink-0 rounded-[2px]",
+						style: { background: dotColor(run) }
+					}),
+					dotLabel(run),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "ml-auto whitespace-nowrap pl-3 font-mono text-caption font-normal text-secondary",
+						children: [fmt(run.ts), meta]
+					})
+				]
+			}), body && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: `mt-1.5 max-h-[150px] overflow-hidden whitespace-pre-wrap ${run.error ? "text-accent" : "text-secondary"}`,
+				children: body
+			})]
+		})
+	}) })] });
+}
+/** An "N more" pager rendered as the SAME cube block as a run — identical 18px
+*  width (bordered, not filled, so it reads as an affordance; the "+" is dropped
+*  to keep the count inside the run-block width). Renders nothing when there's no
+*  overflow — no left-edge whitespace reserved. */
+function Pager({ count, onClick, loading }) {
+	if (!count) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation();
+			onClick();
+		},
+		className: `flex h-5 w-[18px] shrink-0 items-center justify-center overflow-hidden border border-wire px-0 font-mono text-[9px] leading-none text-disabled transition-colors hover:border-display hover:text-primary ${RAD} ${loading ? "animate-pulse" : "cursor-pointer"}`,
+		title: `${count} more - click to reveal`,
+		children: loading ? "…" : count
+	});
+}
+function Timeline({ job, runs, total, onLoadMore, onPickRun }) {
+	const all = runs;
+	const en = job.enabled;
+	const done = isCompleted(job);
+	const L = all.length;
+	const unloaded = Math.max(0, total - L);
+	const hydrated = useHydrated();
+	const [winStart, setWinStart] = (0, import_react.useState)(-1);
+	const [loading, setLoading] = (0, import_react.useState)(false);
+	const maxStart = Math.max(0, L - 16);
+	const start = winStart < 0 ? maxStart : Math.min(winStart, maxStart);
+	const end = Math.min(start + 16, L);
+	const visible = all.slice(start, end);
+	const olderHidden = unloaded + start;
+	const newerHidden = L - end;
+	const atLatest = newerHidden === 0;
+	const pageBack = async () => {
+		const target = start - PAGE;
+		if (target < 0 && unloaded > 0 && !loading) {
+			setLoading(true);
+			const added = await onLoadMore().catch(() => 0);
+			setLoading(false);
+			setWinStart(Math.max(0, start + added - PAGE));
+			return;
+		}
+		setWinStart(Math.max(0, target));
+	};
+	const pageFwd = () => {
+		const next = start + PAGE;
+		setWinStart(next >= maxStart ? -1 : next);
+	};
+	const running = !!(job.running || job.queued) && atLatest;
+	const showNext = atLatest && en && !done && !!job.nextRun && !running;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex min-w-0 items-center gap-[3px] overflow-x-auto",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pager, {
+				count: olderHidden,
+				onClick: pageBack,
+				loading
+			}),
+			visible.map((r) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunSeg, {
+				run: r,
+				onClick: () => onPickRun(r)
+			}, r.id)),
+			showNext ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "ml-1 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-12 border-t border-dashed border-wire" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "size-[11px] shrink-0 rounded-full border border-wire",
+						title: hydrated ? `Next scheduled run · ${fmt(job.nextRun)}` : void 0
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-caption text-disabled",
+						children: hydrated ? until(job.nextRun) : ""
+					})
+				]
+			}) : !atLatest && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pager, {
+				count: newerHidden,
+				onClick: pageFwd
+			})
+		]
+	});
+}
+/**
+* Tiny semver comparison — just enough to decide "is the daemon older than the
+* latest published version?" for the web's update hint. No dependency; we only
+* need numeric-core ordering (major.minor.patch), and a pre-release is treated
+* as older than its release (a "0.9.0-rc.1" daemon is still behind "0.9.0").
+*/
+/** Parse the leading numeric core `x.y.z` of a version, ignoring any pre-release
+*  / build suffix. Returns null when it isn't a recognizable version. */
+function core(v) {
+	const m = /^\s*v?(\d+)\.(\d+)\.(\d+)/.exec(v);
+	if (!m) return null;
+	return [
+		Number(m[1]),
+		Number(m[2]),
+		Number(m[3])
+	];
+}
+/** Does `v` carry a pre-release suffix (e.g. "1.2.3-rc.1")? */
+function isPre(v) {
+	return /^\s*v?\d+\.\d+\.\d+-/.test(v);
+}
+/**
+* `true` when `current` is strictly older than `latest`. Returns `false` on any
+* unparseable/equal/newer input — the hint is opt-in, so we only ever show it
+* when we can be confident the daemon is genuinely behind.
+*/
+function isOutdated(current, latest) {
+	if (!current || !latest) return false;
+	const a = core(current);
+	const b = core(latest);
+	if (!a || !b) return false;
+	for (let i = 0; i < 3; i++) {
+		const ai = a[i];
+		const bi = b[i];
+		if (ai < bi) return true;
+		if (ai > bi) return false;
+	}
+	return isPre(current) && !isPre(latest);
+}
+/** User-facing daemon commands. Public UX installs globally; PIEVO_CLI dev
+* overrides are invoked verbatim and never trigger a global npm install. */
+function daemonConnectCommand(origin, token, cli, customCli) {
+	const start = `${cli} daemon start --server-url ${origin} --connect-key ${token}`;
+	return customCli ? start : `npm install -g @kky42/pievo@latest && ${start}`;
+}
+function daemonUpgradeCommand(cli, customCli) {
+	const restart = `${cli} daemon restart`;
+	return customCli ? restart : `npm install -g @kky42/pievo@latest && ${restart}`;
+}
+function connectCmd(token, cli, customCli) {
+	return daemonConnectCommand(typeof window !== "undefined" ? window.location.origin : "http://127.0.0.1:3000", token, cli, customCli);
+}
+function CopyButton({ text }) {
+	const [done, setDone] = (0, import_react.useState)(false);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: btn,
+		onClick: () => {
+			navigator.clipboard?.writeText(text);
+			setDone(true);
+			setTimeout(() => setDone(false), 1400);
+		},
+		children: done ? "Copied ✓" : "Copy"
+	});
+}
+function MachinesModal({ open, onClose, teamId }) {
+	const [machines, setMachines] = (0, import_react.useState)([]);
+	const [pending, setPending] = (0, import_react.useState)(null);
+	const [status, setStatus] = (0, import_react.useState)(null);
+	const [name, setName] = (0, import_react.useState)("");
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	const [delErr, setDelErr] = (0, import_react.useState)(null);
+	const [cliConfig, setCliConfig] = (0, import_react.useState)(null);
+	const [configErr, setConfigErr] = (0, import_react.useState)(false);
+	(0, import_react.useEffect)(() => {
+		if (!open) {
+			setDelErr(null);
+			return;
+		}
+		let active = true;
+		setCliConfig(null);
+		setConfigErr(false);
+		getConfig().then((config) => {
+			if (active) setCliConfig(config);
+		}).catch(() => {
+			if (active) setConfigErr(true);
+		});
+		return () => {
+			active = false;
+		};
+	}, [open]);
+	const load = (0, import_react.useCallback)(async () => {
+		try {
+			setMachines(await listMachines({ data: teamId }));
+		} catch {}
+	}, [teamId]);
+	const openRef = (0, import_react.useRef)(open);
+	openRef.current = open;
+	(0, import_react.useEffect)(() => {
+		if (!open || pending) return;
+		load();
+		const t = setInterval(() => openRef.current && void load(), 3e3);
+		return () => clearInterval(t);
+	}, [
+		open,
+		pending,
+		load
+	]);
+	(0, import_react.useEffect)(() => {
+		if (!pending) return;
+		let active = true;
+		const tick = async () => {
+			const s = await machineStatus({ data: pending.id }).catch(() => void 0);
+			if (!active || s === void 0) return;
+			setStatus(s);
+			if (s?.online && s.hostname) setName((n) => n || s.hostname || "");
+		};
+		tick();
+		const t = setInterval(tick, 2e3);
+		return () => {
+			active = false;
+			clearInterval(t);
+		};
+	}, [pending]);
+	async function startConnect() {
+		setBusy(true);
+		setDelErr(null);
+		try {
+			const r = await createMachine({ data: teamId });
+			if ("error" in r) {
+				setDelErr(r.error);
+				return;
+			}
+			setStatus(null);
+			setName("");
+			setPending(r);
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function cancel() {
+		if (pending) await deleteMachine({ data: pending.id });
+		setPending(null);
+		setStatus(null);
+		await load();
+	}
+	async function done() {
+		if (pending && name.trim()) await finalizeMachine({ data: {
+			id: pending.id,
+			name: name.trim()
+		} });
+		setPending(null);
+		setStatus(null);
+		await load();
+	}
+	async function remove(id) {
+		setDelErr(null);
+		const r = await deleteMachine({ data: id });
+		if (!r.ok) {
+			setDelErr(r.error ?? "Could not delete this machine.");
+			await load();
+			return;
+		}
+		await load();
+	}
+	const connected = !!status?.online;
+	if (pending) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Modal, {
+		open,
+		onClose: cancel,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHead, { title: connected ? "Computer connected" : "Connect computer" }),
+			!connected ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-5 text-body font-medium text-display",
+					children: "Run this command on your computer to connect:"
+				}),
+				cliConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-2 flex items-start gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+						className: "flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-control bg-display p-4 font-mono text-label leading-relaxed text-paper",
+						children: connectCmd(pending.token, cliConfig.pievoCli, cliConfig.customCli)
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: connectCmd(pending.token, cliConfig.pievoCli, cliConfig.customCli) })]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-2 text-body text-secondary",
+					children: configErr ? "Could not load the connection command. Close and try again." : "Loading connection command…"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-4 flex items-center gap-2.5 rounded-control border border-hairline bg-warn-soft px-4 py-3",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "inline-block h-2.5 w-2.5 animate-pulse rounded-full bg-rubik-orange" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-[14px] font-medium text-warn",
+						children: "Waiting for computer to connect…"
+					})]
+				})
+			] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-5 flex items-center gap-3 rounded-control border border-hairline bg-success-soft px-4 py-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-xl text-success",
+					children: "✓"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-[15px] font-medium text-display",
+					children: "Computer connected successfully!"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "text-label text-secondary",
+					children: [status?.hostname ?? "unknown", status?.platform ? ` - ${status.platform} ${status.arch ?? ""}` : ""]
+				})] })]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-5",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+						className: labelCls,
+						children: "Computer name"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+						className: inputCls,
+						value: name,
+						onChange: (e) => setName(e.target.value),
+						placeholder: status?.hostname ?? "My computer"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "mt-1 text-label text-secondary",
+						children: "A friendly name for this computer."
+					})
+				]
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-6 flex justify-end gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: btn,
+					onClick: () => void cancel(),
+					children: "Cancel"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: btnPrimary,
+					disabled: !connected || !name.trim(),
+					onClick: () => void done(),
+					children: "Done"
+				})]
+			})
+		]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Modal, {
+		open,
+		onClose,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHead, {
+				title: "Machines",
+				sub: "Each machine runs a pievo daemon that executes your loops via your local coding agent."
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalSection, { children: "Connected machines" }),
+			delErr && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, {
+				message: delErr,
+				onDismiss: () => setDelErr(null)
+			}),
+			machines.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "py-3 text-body text-secondary",
+				children: "No machines yet."
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+				className: "flex flex-col gap-2",
+				children: machines.map((m) => {
+					const presence = machinePresence(m.online, m.lastSeen);
+					const dotCls = presence === "online" ? "bg-rubik-green" : presence === "asleep" ? "bg-rubik-yellow" : "bg-disabled";
+					const stateText = presence === "online" ? "online" : presence === "asleep" ? `asleep${m.lastSeen ? ` · seen ${rel(m.lastSeen)}` : ""}` : m.lastSeen ? `offline · seen ${rel(m.lastSeen)}` : "offline";
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+						className: "flex flex-col gap-2 rounded-control border border-hairline bg-surface px-4 py-3",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center justify-between gap-3",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-center gap-2.5",
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: `inline-block h-2 w-2 rounded-full ${dotCls}`,
+											title: presence
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "text-[15px] font-medium text-display",
+											children: m.name
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+											className: "text-label text-secondary",
+											children: [
+												stateText,
+												m.platform ? ` · ${m.platform} ${m.arch ?? ""}` : "",
+												m.loopCount > 0 ? ` · ${m.loopCount} loop${m.loopCount === 1 ? "" : "s"}` : ""
+											]
+										})
+									]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+									className: btnDanger,
+									disabled: m.loopCount > 0,
+									title: m.loopCount > 0 ? "Delete its loops first" : void 0,
+									onClick: () => void remove(m.id),
+									children: "Delete"
+								})]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-label text-secondary",
+								children: daemonStopSupport(m.daemonProtocol).label
+							}),
+							m.daemonProtocol !== 2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-label text-accent",
+								children: "Daemon upgrade required to stop a running process"
+							}),
+							!m.online && !m.token && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-label text-secondary",
+								children: "Reconnect command available from the machine owner's account."
+							}),
+							!m.online && m.token && !cliConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-label text-secondary",
+								children: configErr ? "Could not load the reconnect command. Close and try again." : "Loading reconnect command…"
+							}),
+							!m.online && m.token && cliConfig && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("summary", {
+								className: "cursor-pointer select-none text-label font-medium text-secondary marker:content-[''] hover:text-display",
+								children: "Reconnect command"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "mt-2 flex items-start gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+									className: "flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-control bg-display p-3 font-mono text-caption leading-relaxed text-paper",
+									children: connectCmd(m.token, cliConfig.pievoCli, cliConfig.customCli)
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: connectCmd(m.token, cliConfig.pievoCli, cliConfig.customCli) })]
+							})] }),
+							isOutdated(m.daemonVersion, m.latestDaemonVersion) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex flex-col gap-1.5",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "text-label text-secondary",
+									children: [
+										"daemon v",
+										m.daemonVersion,
+										" · upgrade available (v",
+										m.latestDaemonVersion,
+										")"
+									]
+								}), cliConfig ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "flex items-start gap-2",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+										className: "flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-control bg-display p-3 font-mono text-caption leading-relaxed text-paper",
+										children: daemonUpgradeCommand(cliConfig.pievoCli, cliConfig.customCli)
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: daemonUpgradeCommand(cliConfig.pievoCli, cliConfig.customCli) })]
+								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "text-label text-secondary",
+									children: configErr ? "Could not load the upgrade command. Close and try again." : "Loading upgrade command…"
+								})]
+							})
+						]
+					}, m.id);
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: btnPrimary,
+					disabled: busy,
+					onClick: () => void startConnect(),
+					children: busy ? "Preparing…" : "+ Connect computer"
+				})
+			})
+		]
+	});
+}
+/**
+* Notification-channel server functions. Channels are per-team push targets a
+* loop can route its run messages to. Secrets (bot token / chat id) live in the
+* channel's `config` and are NEVER returned to the client — list/test surface
+* only a redacted summary. Scoped to the request's team (see requestScope).
+*
+* Per-type behavior (validate / hint / send) lives in `CHANNELS` (gateway/notify);
+* this module just wires it to auth + storage.
+*/
+/** Resolve a channel and authorize it against the request's team — undefined when
+*  missing OR (gate on) owned by another team, so existence never leaks. Mirrors
+*  loopApi's ownedLoop for the channel routes. */
+/** GET — the team's channels (redacted summaries, newest first). */
+var listChannels = createServerFn({ method: "GET" }).handler(createSsrRpc("ced5641f28e3e64d3b8773ea4c875b78ee305bd08caba90a2207e86ef1ab3327"));
+/** POST — create a channel in the team. Validates per-type required fields. */
+var createChannel = createServerFn({ method: "POST" }).validator((d) => d).handler(createSsrRpc("d6cb1ea6f7fdaf940fbbe91d6b0898a0d5ac2308f8bc572dc3b856824a1f4581"));
+/** POST — delete a channel (loops pointing at it fall back to dashboard-only). */
+var deleteChannel = createServerFn({ method: "POST" }).validator((id) => id).handler(createSsrRpc("9defc1b5d0f4316d61621e2c4614a70dc052ad6b7a3aa2ead00836f7d5cb5b4c"));
+/** POST — send a test message through a saved channel (verifies the secrets). */
+var testChannel = createServerFn({ method: "POST" }).validator((id) => id).handler(createSsrRpc("a4e3ae06af7087a3dc291236cf6d5ad272e2f754884c1f948e75a18a4ebada93"));
+//#endregion
+export { listChannels as a, testChannel as c, deleteChannel as i, Timeline as n, listMachines as o, createChannel as r, mergeRuns as s, MachinesModal as t };