@openagt/servers 0.0.1 → 0.0.2

package/dist/dashboard/dashboard.js

@@ -1,54 +1,58 @@
-import { Button as e, Checkbox as t, Input as n, SettingsSection as r, defineModule as i, useModuleHost as a, usePolled as o } from "@openagt/dashboard/module";
-import { useEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as e, Checkbox as t, Input as n, QrCode as r, SettingsSection as i, defineModule as a, useModuleHost as o, usePolled as s } from "@openagt/dashboard/module";
+import { useEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region dashboard/servers.ts
-var f = (e) => typeof e == "string" && e ? e : void 0, p = [
+var p = (e) => typeof e == "string" && e ? e : void 0, m = [
 	"waiting",
 	"running",
 	"done",
 	"failed"
 ];
-function m(e) {
-	let { there: t, working: n, asking: r, wanted: i, account: a, since: o, ends: s, said: c } = e && typeof e == "object" ? e : {}, [l, u, d, p] = [
-		f(a),
-		f(o),
-		f(s),
-		f(c)
+function h(e) {
+	let { there: t, working: n, asking: r, code: i, wanted: a, account: o, since: s, ends: c, said: l } = e && typeof e == "object" ? e : {}, [u, d, f, m, h] = [
+		p(o),
+		p(s),
+		p(c),
+		p(l),
+		p(i)
 	];
 	return {
 		there: t === !0,
 		working: n === !0,
-		...r === !0 ? { asking: !0 } : {},
-		...i === !0 ? { wanted: !0 } : {},
-		...l ? { account: l } : {},
-		...u ? { since: u } : {},
-		...d ? { ends: d } : {},
-		...p ? { said: p } : {}
+		...r === !0 ? {
+			asking: !0,
+			...h ? { code: h } : {}
+		} : {},
+		...a === !0 ? { wanted: !0 } : {},
+		...u ? { account: u } : {},
+		...d ? { since: d } : {},
+		...f ? { ends: f } : {},
+		...m ? { said: m } : {}
 	};
 }
-function h(e) {
+function g(e) {
 	if (!e || typeof e != "object") return;
 	let { servers: t } = e;
 	if (!Array.isArray(t)) return;
 	let n = [];
 	for (let e of t) {
 		if (!e || typeof e != "object") continue;
-		let { address: t, url: r, user: i, fingerprint: a, working: o, adding: s, steps: c, logins: l } = e, { github: u, claude: d } = l && typeof l == "object" ? l : {}, [h, g, _, v] = [
-			f(t),
-			f(r),
-			f(i),
-			f(a)
+		let { address: t, url: r, user: i, fingerprint: a, working: o, adding: s, steps: c, logins: l } = e, { github: u, claude: d } = l && typeof l == "object" ? l : {}, [f, g, _, v] = [
+			p(t),
+			p(r),
+			p(i),
+			p(a)
 		];
-		if (!h || !g || !_ || !Array.isArray(c)) continue;
+		if (!f || !g || !_ || !Array.isArray(c)) continue;
 		let y = [];
 		for (let e of c) {
 			if (!e || typeof e != "object") continue;
 			let { id: t, label: n, state: r, said: i } = e, [a, o, s] = [
-				f(t),
-				f(n),
-				f(i)
+				p(t),
+				p(n),
+				p(i)
 			];
-			a && o && p.includes(r) && y.push({
+			a && o && m.includes(r) && y.push({
 				id: a,
 				label: o,
 				state: r,
@@ -56,7 +60,7 @@ function h(e) {
 			});
 		}
 		n.push({
-			address: h,
+			address: f,
 			url: g,
 			user: _,
 			...v ? { fingerprint: v } : {},
@@ -64,99 +68,91 @@ function h(e) {
 			adding: s === !0,
 			steps: y,
 			logins: {
-				github: m(u),
-				claude: m(d)
+				github: h(u),
+				claude: h(d)
 			}
 		});
 	}
 	return n;
 }
-function g(e) {
+function _(e) {
 	if (!e || typeof e != "object") return;
-	let { url: t, expires: n } = e, [r, i] = [f(t), f(n)];
+	let { url: t, expires: n } = e, [r, i] = [p(t), p(n)];
 	return r && i ? {
 		url: r,
 		expires: i
 	} : void 0;
 }
-async function _(e, t, n, r) {
-	let i = {
+async function v(e, t, n) {
+	let r = await e.runComputerCommand(t).catch((e) => ({
+		ok: !1,
+		error: e instanceof Error ? e.message : String(e)
+	}));
+	if (!r.ok) return r;
+	let i = n(r.output);
+	return i === void 0 ? {
 		ok: !1,
-		error: "no project to run the command in"
+		error: "the command answered something else than expected"
+	} : {
+		ok: !0,
+		value: i
 	};
-	for (let [a, o] of t.entries()) {
-		let t = await e.runCommand(o.id, n).catch((e) => ({
-			ok: !1,
-			error: e instanceof Error ? e.message : String(e)
-		}));
-		if (t.ok) {
-			let e = r(t.output);
-			return e === void 0 ? {
-				ok: !1,
-				error: "the command answered something else than expected"
-			} : {
-				ok: !0,
-				value: e
-			};
-		}
-		a === 0 && (i = t);
-	}
-	return i;
 }
-var v = (e, t) => _(e, t, ["status"], h), y = (e, t, n, r, i, a = !1) => _(e, t, [
+var y = (e) => v(e, ["status"], g), ee = (e, t, n, r, i = !1) => v(e, [
 	"connect",
+	t,
 	n,
 	r,
-	i,
-	...a ? ["github"] : []
-], h);
+	...i ? ["github"] : []
+], g);
 function b(e) {
 	if (!e || typeof e != "object") return;
-	let { account: t, problem: n } = e, [r, i] = [f(t), f(n)];
+	let { account: t, problem: n } = e, [r, i] = [p(t), p(n)];
 	return r ? { account: r } : i ? { problem: i } : void 0;
 }
-var ee = (e, t) => _(e, t, ["github"], b), x = (e, t, n, r) => _(e, t, [
+var te = (e) => v(e, ["github"], b), x = (e, t, n, r = !1) => v(e, [
 	"login",
+	t,
 	n,
-	r
-], h), S = (e, t, n, r) => _(e, t, [
+	...r ? ["own"] : []
+], g), S = (e, t, n) => v(e, [
 	"logout",
-	n,
-	r
-], h), C = (e, t, n) => _(e, t, ["link", n], g), w = (e, t, n) => _(e, t, ["added", n], h), T = (e, t, n) => _(e, t, ["forget", n], h), E = void 0, te = void 0, ne = void 0, D = (e) => e === void 0 ? "" : new Date(e).toLocaleDateString(void 0, {
+	t,
+	n
+], g), C = (e, t) => v(e, ["link", t], _), w = (e, t) => v(e, ["added", t], g), T = (e, t) => v(e, ["forget", t], g), E = void 0, D = 5 * 6e4, ne = void 0, re = void 0, O = (e) => e === void 0 ? "" : new Date(e).toLocaleDateString(void 0, {
 	day: "numeric",
 	month: "short",
 	year: "numeric"
 });
-function O({ label: e, words: t, said: n, children: r }) {
-	return /* @__PURE__ */ d("li", {
+function k({ label: e, words: t, said: n, children: r }) {
+	return /* @__PURE__ */ f("li", {
 		"aria-label": e,
 		className: "space-y-1",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "flex flex-wrap items-center justify-between gap-2",
-			children: [/* @__PURE__ */ u("span", { children: t }), /* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("span", { children: t }), /* @__PURE__ */ d("div", {
 				className: "flex gap-2",
 				children: r
 			})]
-		}), n !== void 0 && /* @__PURE__ */ u("pre", {
+		}), n !== void 0 && /* @__PURE__ */ d("pre", {
 			role: "alert",
 			className: "overflow-x-auto whitespace-pre-wrap rounded-md border border-border bg-background p-2 font-mono text-foreground",
 			children: n
 		})]
 	});
 }
-var k = {
+var A = {
 	waiting: "○",
 	running: "…",
 	done: "✓",
 	failed: "✕"
-}, re = {
+}, ie = {
 	waiting: "not started",
 	running: "running",
 	done: "done",
 	failed: "failed"
-}, A = (e, t) => Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
-function j(e, t) {
+}, j = (e, t) => Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
+function ae(e, t) {
 	let n = (e) => {
 		let t = /^(\d+)\.(\d+)\.(\d+)/.exec(e);
 		return t ? t.slice(1).map(Number) : void 0;
@@ -165,194 +161,244 @@ function j(e, t) {
 	for (let e = 0; e < 3; e++) if (r[e] !== i[e]) return r[e] < i[e];
 	return !1;
 }
-function M({ projects: i, everyMs: f = 3e3 }) {
-	let p = a(), m = i.map((e) => e.id).join(","), { value: h, reload: g } = o(() => v(p, i), E, f, [m]), { value: _, reload: b } = o(() => p.machines(), te, Math.max(f, 1e4), []), { value: M } = o(() => ee(p, i), ne, Math.max(f, 5 * 6e4), [m]), N = M?.ok && "account" in M.value ? M.value.account : void 0, P = M === void 0 || N !== void 0 ? void 0 : M.ok ? "problem" in M.value ? M.value.problem : void 0 : M.error, [F, I] = l(""), [L, R] = l("root"), [z, B] = l(!1), [V, H] = l(!1), [U, W] = l(), [G, K] = l({}), q = c(/* @__PURE__ */ new Set()), J = h?.ok ? h.value : [], Y = (e, t = _) => t?.machines.find((t) => t.url === e.url), X = (e) => !e.working && e.steps.every((e) => e.state === "done"), Z = async (e) => {
-		H(!0), W(void 0);
+function M({ everyMs: a = 3e3 }) {
+	let p = o(), { value: m, reload: h } = s(() => y(p), E, a, []), { value: g, reload: _ } = s(() => p.machines(), ne, Math.max(a, 1e4), []), { value: v } = s(() => te(p), re, Math.max(a, 5 * 6e4), []), b = v?.ok && "account" in v.value ? v.value.account : void 0, M = v === void 0 || b !== void 0 ? void 0 : v.ok ? "problem" in v.value ? v.value.problem : void 0 : v.error, [N, P] = u(""), [F, I] = u("root"), [L, R] = u(!1), [z, B] = u(!1), [V, H] = u(), [U, W] = u({}), G = l(/* @__PURE__ */ new Set()), [K, q] = u(), J = m?.ok ? m.value : [], Y = (e, t = g) => t?.machines.find((t) => t.url === e.url), X = (e) => !e.working && e.steps.every((e) => e.state === "done"), Z = async (e) => {
+		B(!0), H(void 0);
 		let t = await e();
-		return t.ok || W(t.error), await g().catch(() => {}), H(!1), t.ok;
-	}, Q = async (e, t, n = !1) => !_ || _.version === "unknown" ? (W("This computer could not say which OpenAgent it runs."), !1) : (K((t) => A(t, e)), Z(() => y(p, i, e, t, _.version, n))), $ = async (e) => {
-		if (q.current.has(e.address)) return;
-		q.current.add(e.address), K((t) => A(t, e.address));
-		let t = (t) => K((n) => ({
+		return t.ok || H(t.error), await h().catch(() => {}), B(!1), t.ok;
+	}, Q = async (e, t, n = !1) => !g || g.version === "unknown" ? (H("This computer could not say which OpenAgent it runs."), !1) : (W((t) => j(t, e)), Z(() => ee(p, e, t, g.version, n))), $ = async (e) => {
+		if (G.current.has(e.address)) return;
+		G.current.add(e.address), W((t) => j(t, e.address));
+		let t = (t) => W((n) => ({
 			...n,
 			[e.address]: t
 		}));
 		try {
 			if (Y(e, await p.machines())?.version === void 0) {
-				let n = await C(p, i, e.address), r = n.ok ? await p.addMachine(n.value.url, e.address) : n;
+				let n = await C(p, e.address), r = n.ok ? await p.addMachine(n.value.url, e.address) : n;
 				if (!r.ok) return t(r.error);
 			}
-			let n = await w(p, i, e.address);
+			let n = await w(p, e.address);
 			if (!n.ok) return t(n.error);
-			await Promise.all([g(), b()]).catch(() => {});
+			await Promise.all([h(), _()]).catch(() => {});
 		} catch (e) {
 			t(e instanceof Error ? e.message : String(e));
 		} finally {
-			q.current.delete(e.address);
+			G.current.delete(e.address);
 		}
 	};
-	return s(() => {
-		if (_) for (let e of J) e.adding && X(e) && G[e.address] === void 0 && $(e);
-	}), i.length === 0 ? null : /* @__PURE__ */ d(r, {
+	c(() => {
+		if (g) for (let e of J) e.adding && X(e) && U[e.address] === void 0 && $(e);
+	}), c(() => {
+		if (!K) return;
+		let e = setTimeout(() => q(void 0), Math.min(D, Math.max(0, Date.parse(K.expires) - Date.now())));
+		return () => clearTimeout(e);
+	}, [K]);
+	let oe = async (e) => {
+		B(!0), H(void 0), q(void 0);
+		let t = await C(p, e.address);
+		t.ok ? q({
+			...t.value,
+			address: e.address
+		}) : H(t.error), B(!1);
+	};
+	return /* @__PURE__ */ f(i, {
 		title: "Servers",
 		description: "Connect your VPS: give its address and a user name, and OpenAgent installs itself there over SSH, with this computer's own SSH keys. The server then runs OpenAgent by itself, and is one of your machines.",
 		children: [
-			/* @__PURE__ */ d("form", {
+			/* @__PURE__ */ f("form", {
 				onSubmit: (e) => {
-					e.preventDefault(), !(!F.trim() || !L.trim()) && Q(F.trim(), L.trim(), z && N !== void 0).then((e) => e && I(""));
+					e.preventDefault(), !(!N.trim() || !F.trim()) && Q(N.trim(), F.trim(), L && b !== void 0).then((e) => e && P(""));
 				},
 				className: "flex flex-wrap items-end gap-2 py-3",
 				children: [
-					/* @__PURE__ */ d("label", {
+					/* @__PURE__ */ f("label", {
 						className: "min-w-40 flex-1 space-y-1 text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ u("span", { children: "The server's address" }), /* @__PURE__ */ u(n, {
+						children: [/* @__PURE__ */ d("span", { children: "The server's address" }), /* @__PURE__ */ d(n, {
 							"aria-label": "The server's address",
 							placeholder: "203.0.113.5",
-							value: F,
-							onChange: (e) => I(e.target.value)
+							value: N,
+							onChange: (e) => P(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ d("label", {
+					/* @__PURE__ */ f("label", {
 						className: "w-32 space-y-1 text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ u("span", { children: "User name" }), /* @__PURE__ */ u(n, {
+						children: [/* @__PURE__ */ d("span", { children: "User name" }), /* @__PURE__ */ d(n, {
 							"aria-label": "User name",
-							value: L,
-							onChange: (e) => R(e.target.value)
+							value: F,
+							onChange: (e) => I(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ u(e, {
+					/* @__PURE__ */ d(e, {
 						size: "sm",
 						type: "submit",
-						disabled: V || !_ || !F.trim() || !L.trim(),
+						disabled: z || !g || !N.trim() || !F.trim(),
 						children: "Connect"
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "space-y-2 pb-3",
-				children: [/* @__PURE__ */ d("label", {
+				children: [/* @__PURE__ */ f("label", {
 					className: "flex items-start gap-2 text-xs",
-					children: [/* @__PURE__ */ u(t, {
-						checked: z && N !== void 0,
-						onCheckedChange: (e) => B(e === !0),
-						disabled: V || N === void 0,
+					children: [/* @__PURE__ */ d(t, {
+						checked: L && b !== void 0,
+						onCheckedChange: (e) => R(e === !0),
+						disabled: z || b === void 0,
 						className: "mt-0.5",
 						"aria-label": "Copy my GitHub login to the server"
-					}), /* @__PURE__ */ d("span", { children: [
-						N === void 0 ? "Copy my GitHub login to the server." : `Copy my GitHub login (${N}) to the server.`,
+					}), /* @__PURE__ */ f("span", { children: [
+						b === void 0 ? "Copy my GitHub login to the server." : `Copy my GitHub login (${b}) to the server.`,
 						" ",
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ d("span", {
 							className: "text-muted-foreground",
-							children: P ?? "It can do there all it can do here, and every agent that runs on the server works with it. It goes there at the install's end, to a server met for the first time too, whose key is taken as it is."
+							children: M ?? "It can do there all it can do here, and every agent that runs on the server works with it. It goes there at the install's end, to a server met for the first time too, whose key is taken as it is."
 						})
 					] })]
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "text-xs text-muted-foreground",
 					children: "The user is root, or one that becomes root without a password. It is only used to install, to update and to give the server its logins: what runs on the server afterwards runs as a user of its own, openagent."
 				})]
 			}),
-			J.length > 0 && /* @__PURE__ */ u("ul", {
+			J.length > 0 && /* @__PURE__ */ d("ul", {
 				"aria-label": "Servers",
 				className: "divide-y divide-border",
 				children: J.map((t) => {
-					let n = Y(t), r = !t.working && t.steps.some((e) => e.state === "failed"), a = n?.version !== void 0 && _ !== void 0 && j(n.version, _.version), o = G[t.address], { github: s, claude: c } = t.logins;
-					return /* @__PURE__ */ d("li", {
+					let n = Y(t), i = !t.working && t.steps.some((e) => e.state === "failed"), a = n?.version !== void 0 && g !== void 0 && ae(n.version, g.version), o = U[t.address], { github: s, claude: c } = t.logins;
+					return /* @__PURE__ */ f("li", {
 						"aria-label": t.address,
 						className: "space-y-2 py-3",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex flex-wrap items-center justify-between gap-2",
-								children: [/* @__PURE__ */ d("div", {
+								children: [/* @__PURE__ */ f("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ u("p", {
+									children: [/* @__PURE__ */ d("p", {
 										className: "truncate text-sm",
 										children: t.address
-									}), /* @__PURE__ */ u("p", {
+									}), /* @__PURE__ */ d("p", {
 										className: "text-xs text-muted-foreground",
-										children: t.working ? "OpenAgent is being installed." : n?.version === void 0 ? n ? "Does not answer right now." : X(t) && !t.adding ? "Installed, and not among your machines." : `Logs in as ${t.user}.` : a ? `OpenAgent ${n.version}: behind this computer, which runs ${_.version}.` : `OpenAgent ${n.version}.`
+										children: t.working ? "OpenAgent is being installed." : n?.version === void 0 ? n ? "Does not answer right now." : X(t) && !t.adding ? "Installed, and not among your machines." : `Logs in as ${t.user}.` : a ? `OpenAgent ${n.version}: behind this computer, which runs ${g.version}.` : `OpenAgent ${n.version}.`
 									})]
-								}), /* @__PURE__ */ d("div", {
+								}), /* @__PURE__ */ f("div", {
 									className: "flex gap-2",
 									children: [
-										a && !t.working && !r && /* @__PURE__ */ u(e, {
+										a && !t.working && !i && /* @__PURE__ */ d(e, {
 											size: "sm",
-											disabled: V,
+											disabled: z,
 											"aria-label": `Update ${t.address}`,
 											onClick: () => void Q(t.address, t.user),
 											children: "Update"
 										}),
-										r && /* @__PURE__ */ u(e, {
+										i && /* @__PURE__ */ d(e, {
 											size: "sm",
-											disabled: V,
+											disabled: z,
 											"aria-label": `Try ${t.address} again`,
 											onClick: () => void Q(t.address, t.user, s.wanted === !0),
 											children: "Try again"
 										}),
-										X(t) && n?.version === void 0 && (o !== void 0 || !t.adding) && /* @__PURE__ */ u(e, {
+										X(t) && n?.version === void 0 && (o !== void 0 || !t.adding) && /* @__PURE__ */ d(e, {
 											size: "sm",
 											variant: "outline",
-											disabled: V,
+											disabled: z,
 											"aria-label": `Add ${t.address} to Machines`,
 											onClick: () => void $(t),
 											children: n ? "Add again" : "Add to Machines"
 										}),
-										!t.working && /* @__PURE__ */ u(e, {
+										X(t) && /* @__PURE__ */ d(e, {
+											size: "sm",
+											variant: "outline",
+											disabled: z,
+											"aria-label": `Add a device to ${t.address}`,
+											onClick: () => void oe(t),
+											children: "Add device"
+										}),
+										!t.working && /* @__PURE__ */ d(e, {
 											size: "sm",
 											variant: "outline",
-											disabled: V,
+											disabled: z,
 											"aria-label": `Remove ${t.address}`,
 											title: "Takes the server off this list. Nothing is changed on the server: its logins stay there until you remove them.",
-											onClick: () => void Z(() => T(p, i, t.address)),
+											onClick: () => void Z(() => T(p, t.address)),
 											children: "Remove"
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ d("ol", {
+							K?.address === t.address && /* @__PURE__ */ f("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ d(r, {
+										text: K.url,
+										label: `The code a new device scans to get into ${t.address}`
+									}),
+									/* @__PURE__ */ d("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Scan it with the device's camera: it opens OpenAgent on the server, from anywhere. The code works once, for five minutes."
+									}),
+									/* @__PURE__ */ f("div", {
+										className: "flex flex-wrap items-center gap-3",
+										children: [/* @__PURE__ */ d("a", {
+											href: K.url,
+											target: "_blank",
+											rel: "noreferrer",
+											className: "text-xs underline",
+											onClick: () => q(void 0),
+											children: "Let this browser in instead"
+										}), /* @__PURE__ */ d(e, {
+											size: "sm",
+											variant: "outline",
+											onClick: () => q(void 0),
+											children: "Done"
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ f("ol", {
 								"aria-label": `The install on ${t.address}`,
 								className: "space-y-1 text-xs",
 								children: [
-									t.steps.map((e) => /* @__PURE__ */ d("li", {
-										"aria-label": `${e.label}: ${re[e.state]}`,
+									t.steps.map((e) => /* @__PURE__ */ f("li", {
+										"aria-label": `${e.label}: ${ie[e.state]}`,
 										children: [
-											/* @__PURE__ */ d("span", {
+											/* @__PURE__ */ f("span", {
 												className: e.state === "failed" ? "text-danger" : e.state === "waiting" ? "text-muted-foreground" : void 0,
-												children: [/* @__PURE__ */ u("span", {
+												children: [/* @__PURE__ */ d("span", {
 													"aria-hidden": !0,
 													className: "inline-block w-4",
-													children: k[e.state]
+													children: A[e.state]
 												}), e.label]
 											}),
-											e.id === "login" && e.state === "done" && t.fingerprint !== void 0 && /* @__PURE__ */ u("span", {
+											e.id === "login" && e.state === "done" && t.fingerprint !== void 0 && /* @__PURE__ */ d("span", {
 												className: "ml-2 font-mono text-muted-foreground",
 												children: `The server's key: ${t.fingerprint}`
 											}),
-											e.said !== void 0 && e.state === "failed" && /* @__PURE__ */ u("pre", {
+											e.said !== void 0 && e.state === "failed" && /* @__PURE__ */ d("pre", {
 												role: "alert",
 												className: "mt-1 ml-4 overflow-x-auto whitespace-pre-wrap rounded-md border border-border bg-background p-2 font-mono text-foreground",
 												children: e.said
 											})
 										]
 									}, e.id)),
-									t.logins.github.working && /* @__PURE__ */ d("li", {
+									t.logins.github.working && /* @__PURE__ */ f("li", {
 										"aria-label": "Your GitHub login: not copied yet",
 										className: "text-muted-foreground",
-										children: [/* @__PURE__ */ u("span", {
+										children: [/* @__PURE__ */ d("span", {
 											"aria-hidden": !0,
 											className: "inline-block w-4",
-											children: k[t.steps.every((e) => e.state === "done") ? "running" : "waiting"]
+											children: A[t.steps.every((e) => e.state === "done") ? "running" : "waiting"]
 										}), "Your GitHub login"]
 									}),
-									X(t) && /* @__PURE__ */ d("li", {
+									X(t) && /* @__PURE__ */ f("li", {
 										"aria-label": `Among your machines: ${n ? "done" : o === void 0 ? t.adding ? "running" : "not started" : "failed"}`,
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: n ? void 0 : o === void 0 ? "text-muted-foreground" : "text-danger",
-											children: [/* @__PURE__ */ u("span", {
+											children: [/* @__PURE__ */ d("span", {
 												"aria-hidden": !0,
 												className: "inline-block w-4",
-												children: k[n ? "done" : o === void 0 ? t.adding ? "running" : "waiting" : "failed"]
+												children: A[n ? "done" : o === void 0 ? t.adding ? "running" : "waiting" : "failed"]
 											}), "Among your machines"]
-										}), o !== void 0 && !n && /* @__PURE__ */ u("pre", {
+										}), o !== void 0 && !n && /* @__PURE__ */ d("pre", {
 											role: "alert",
 											className: "mt-1 ml-4 overflow-x-auto whitespace-pre-wrap rounded-md border border-border bg-background p-2 font-mono text-foreground",
 											children: o
@@ -360,49 +406,68 @@ function M({ projects: i, everyMs: f = 3e3 }) {
 									})
 								]
 							}),
-							X(t) && /* @__PURE__ */ d("ul", {
+							X(t) && /* @__PURE__ */ f("ul", {
 								"aria-label": `The logins on ${t.address}`,
 								className: "space-y-2 border-t border-border pt-2 text-xs",
-								children: [/* @__PURE__ */ d(O, {
+								children: [/* @__PURE__ */ f(k, {
 									label: "GitHub",
-									words: s.working ? "GitHub: one moment, the server is being told." : s.there ? `GitHub: logged in as ${s.account ?? "you"} since ${D(s.since)}.` : s.said === void 0 ? "GitHub: no login on the server." : "GitHub: the last try did not go through.",
+									words: s.asking && s.code !== void 0 ? `GitHub: type the code ${s.code} at github.com/login/device, and say yes there.` : s.working ? "GitHub: one moment, the server is being told." : s.there ? `GitHub: logged in as ${s.account ?? "you"} since ${O(s.since)}.` : s.said === void 0 ? "GitHub: no login on the server." : "GitHub: the last try did not go through.",
 									said: s.working ? void 0 : s.said,
-									children: [/* @__PURE__ */ u(e, {
-										size: "sm",
-										variant: "outline",
-										disabled: V || s.working || N === void 0,
-										"aria-label": `Copy my GitHub login to ${t.address}`,
-										title: N === void 0 ? P : `Copies the login of ${N} from this computer to the server, over SSH.`,
-										onClick: () => void Z(() => x(p, i, t.address, "github")),
-										children: s.there ? "Copy again" : "Copy my login"
-									}), (s.there || s.said !== void 0) && !s.working && /* @__PURE__ */ u(e, {
-										size: "sm",
-										variant: "outline",
-										disabled: V,
-										"aria-label": `Remove the GitHub login from ${t.address}`,
-										title: "Deletes the login on the server. The login itself stays good: it is this computer's own. To end it everywhere, take it back on github.com and log this computer's gh in again.",
-										onClick: () => void Z(() => S(p, i, t.address, "github")),
-										children: "Remove"
-									})]
-								}), /* @__PURE__ */ d(O, {
+									children: [
+										/* @__PURE__ */ d(e, {
+											size: "sm",
+											variant: "outline",
+											disabled: z || s.working || b === void 0,
+											"aria-label": `Copy my GitHub login to ${t.address}`,
+											title: b === void 0 ? M : `Copies the login of ${b} from this computer to the server, over SSH.`,
+											onClick: () => void Z(() => x(p, t.address, "github")),
+											children: s.there ? "Copy again" : "Copy my login"
+										}),
+										/* @__PURE__ */ d(e, {
+											size: "sm",
+											variant: "outline",
+											disabled: z || s.working && s.asking !== !0,
+											"aria-label": `Log in to GitHub for ${t.address}`,
+											title: "The server asks GitHub for a login of its own. GitHub gives a short code: you type it at github.com/login/device and say yes there. This computer's own GitHub login is not touched, and the login the server had is replaced.",
+											onClick: () => void Z(() => x(p, t.address, "github", !0)),
+											children: s.asking ? "Start over" : "Log in to GitHub"
+										}),
+										s.asking && s.code !== void 0 && /* @__PURE__ */ d("a", {
+											href: "https://github.com/login/device",
+											target: "_blank",
+											rel: "noreferrer",
+											className: "self-center underline",
+											children: "Open GitHub"
+										}),
+										(s.there || s.said !== void 0) && !s.working && /* @__PURE__ */ d(e, {
+											size: "sm",
+											variant: "outline",
+											disabled: z,
+											"aria-label": `Remove the GitHub login from ${t.address}`,
+											title: "Deletes the login on the server. The login itself is not ended by this: a copied one is this computer's own and stays good. To end one everywhere, take it back on github.com.",
+											onClick: () => void Z(() => S(p, t.address, "github")),
+											children: "Remove"
+										})
+									]
+								}), /* @__PURE__ */ f(k, {
 									label: "Claude",
-									words: c.asking ? "Claude: say yes in the page this computer's browser opened." : c.working ? "Claude: one moment, the server is being told." : c.there ? `Claude: logged in since ${D(c.since)}, good until about ${D(c.ends)}.` : c.said === void 0 ? "Claude: not logged in on the server." : "Claude: the last try did not go through.",
+									words: c.asking ? "Claude: say yes in the page this computer's browser opened." : c.working ? "Claude: one moment, the server is being told." : c.there ? `Claude: logged in since ${O(c.since)}, good until about ${O(c.ends)}.` : c.said === void 0 ? "Claude: not logged in on the server." : "Claude: the last try did not go through.",
 									said: c.working ? void 0 : c.said,
-									children: [/* @__PURE__ */ u(e, {
+									children: [/* @__PURE__ */ d(e, {
 										size: "sm",
 										variant: c.there || c.working ? "outline" : "default",
-										disabled: V || c.working && c.asking !== !0,
+										disabled: z || c.working && c.asking !== !0,
 										"aria-label": `Log in to Claude for ${t.address}`,
 										title: "Opens this computer's browser, where you say yes once. The login is made for this server alone and lasts a year; this computer's own Claude login is not touched.",
-										onClick: () => void Z(() => x(p, i, t.address, "claude")),
+										onClick: () => void Z(() => x(p, t.address, "claude")),
 										children: c.asking ? "Start over" : c.there ? "Log in again" : "Log in to Claude"
-									}), (c.there || c.said !== void 0) && !c.working && /* @__PURE__ */ u(e, {
+									}), (c.there || c.said !== void 0) && !c.working && /* @__PURE__ */ d(e, {
 										size: "sm",
 										variant: "outline",
-										disabled: V,
+										disabled: z,
 										"aria-label": `Remove the Claude login from ${t.address}`,
 										title: "Deletes the login on the server and starts OpenAgent there again without it. An agent at work there keeps it until it ends. The login itself stays good until its year is over.",
-										onClick: () => void Z(() => S(p, i, t.address, "claude")),
+										onClick: () => void Z(() => S(p, t.address, "claude")),
 										children: "Remove"
 									})]
 								})]
@@ -411,26 +476,26 @@ function M({ projects: i, everyMs: f = 3e3 }) {
 					}, t.address);
 				})
 			}),
-			h !== void 0 && !h.ok && /* @__PURE__ */ u("p", {
+			m !== void 0 && !m.ok && /* @__PURE__ */ d("p", {
 				role: "alert",
 				className: "py-3 text-xs text-danger",
-				children: `The servers could not be read: ${h.error}`
+				children: `The servers could not be read: ${m.error}`
 			}),
-			U !== void 0 && /* @__PURE__ */ u("p", {
+			V !== void 0 && /* @__PURE__ */ d("p", {
 				role: "alert",
 				className: "py-3 text-xs text-danger",
-				children: U
+				children: V
 			})
 		]
 	});
 }
 //#endregion
 //#region dashboard/index.tsx
-var N = i({
+var N = a({
 	settings: [{
 		id: "servers",
 		order: 20,
-		Section: M
+		Section: () => /* @__PURE__ */ d(M, {})
 	}],
 	stylesheet: "dashboard.css"
 });