@burdenoff/fluidgrids-fe-sdk 2026.1112.6 → 2026.1112.8

package/dist/RunnersPage-CvAPHdfU.js

@@ -0,0 +1,673 @@
+"use client";
+import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
+import { m as describeOperationError } from "./client-C9XSzSXr.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
+import { a as useRunners, i as useRunnerActions, r as runnerInstallCommand, t as RunnerStatusPill } from "./RunnerStatusPill-Ctg4TJcP.js";
+import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
+import { t as ConfirmActionDialog } from "./ConfirmActionDialog-D9Pir3bc.js";
+import { n as useNavigationV2 } from "./useNavigationV2-C2WeqN7d.js";
+import { n as TechnicalDetails, t as RunActionsMenu } from "./RunActionsMenu-DmO14hEE.js";
+import { useCallback, useRef, useState } from "react";
+import { Icon } from "@iconify/react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { Badge, Card, CardHeader, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@burdenoff/fe-libs/ui";
+import { Button as Button$1 } from "@burdenoff/fe-libs/button";
+
+// src/modules/runners/pages/RunnersPage.tsx
+/**
+* Runners Page — self-hosted runners.
+*
+* A runner is a small program a customer installs on their own VM or laptop.
+* It connects out to FluidGrids, and any workflow node whose Settings →
+* "Run on" names it executes on that machine, inside a local sandbox.
+*
+* Adding a runner issues a token that is shown ONCE, inside a ready-to-paste
+* install command; the dialog then waits for the runner to come online.
+*/
+var RunnersPage_exports = /* @__PURE__ */ __exportAll({
+	RunnersPage: () => RunnersPage,
+	describePrivateRule: () => describePrivateRule
+});
+function formatSeen(iso) {
+	if (!iso) return "—";
+	const seconds = Math.max(0, Math.round((Date.now() - new Date(iso).getTime()) / 1e3));
+	if (seconds < 60) return `${seconds}s ago`;
+	if (seconds < 3600) return `${Math.round(seconds / 60)}m ago`;
+	if (seconds < 86400) return `${Math.round(seconds / 3600)}h ago`;
+	return new Date(iso).toLocaleDateString();
+}
+/** Rules shown inline before folding the rest behind "+N more". */
+const PRIVATE_NETWORK_INLINE = 3;
+/** "10.0.5.12:5432" / "db.corp (all ports)" for one rule. */
+function describePrivateRule(rule, allPorts) {
+	return rule.ports.length > 0 ? `${rule.target}:${rule.ports.join(",")}` : `${rule.target} (${allPorts})`;
+}
+/**
+* What a runner's nodes may reach besides the public internet. Read-only: the
+* list is set on the runner machine (`fluidgrids-runner network allow`), never
+* here, so a FluidGrids account cannot open a path into the customer's network.
+*/
+function PrivateNetworkCell({ rules }) {
+	const tr = useTr();
+	const [expanded, setExpanded] = useState(false);
+	if (rules.length === 0) return /* @__PURE__ */ jsx("span", {
+		"data-testid": "runner-private-network-none",
+		children: tr("fluidgrids.runners.publicOnly", "Public internet only")
+	});
+	const allPorts = tr("fluidgrids.runners.allPorts", "all ports");
+	const everyNode = tr("fluidgrids.runners.everyNode", "every node");
+	const hidden = rules.length - PRIVATE_NETWORK_INLINE;
+	const shown = expanded || hidden <= 0 ? rules : rules.slice(0, PRIVATE_NETWORK_INLINE);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "runner-private-network",
+		children: [/* @__PURE__ */ jsx("ul", {
+			className: "space-y-0.5",
+			children: shown.map((rule, index) => /* @__PURE__ */ jsxs("li", { children: [/* @__PURE__ */ jsx("span", {
+				className: "font-mono text-xs text-text-primary",
+				children: describePrivateRule(rule, allPorts)
+			}), /* @__PURE__ */ jsx("span", {
+				className: "ml-1 text-xs",
+				children: rule.nodes.length > 0 ? rule.nodes.join(", ") : everyNode
+			})] }, `${rule.target}-${index}`))
+		}), hidden > 0 && /* @__PURE__ */ jsx(Button$1, {
+			variant: "link",
+			size: "sm",
+			className: "h-auto p-0 text-xs",
+			"aria-expanded": expanded,
+			onClick: () => setExpanded((open) => !open),
+			"data-testid": "runner-private-network-toggle",
+			children: expanded ? tr("fluidgrids.runners.showFewer", "Show fewer") : tr("fluidgrids.runners.moreRules", "+{{count}} more", { count: hidden })
+		})]
+	});
+}
+/** Install command + copy button, with the "shown once" warning. */
+function CopyableValue({ value, copied, testId, copyTestId, onCopied }) {
+	const tr = useTr();
+	const copy = useCallback(async () => {
+		try {
+			await navigator.clipboard.writeText(value);
+			onCopied?.();
+			toast.success(copied);
+		} catch {
+			toast.error(tr("fluidgrids.runners.copyFailed", "Could not copy — select the text and copy it manually"));
+		}
+	}, [
+		value,
+		copied,
+		onCopied,
+		tr
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-start gap-2",
+		children: [/* @__PURE__ */ jsx("pre", {
+			className: "flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-md border border-border bg-muted p-3 font-mono text-xs",
+			"data-testid": testId,
+			children: value
+		}), /* @__PURE__ */ jsxs(Button$1, {
+			variant: "outline",
+			size: "sm",
+			onClick: copy,
+			"data-testid": copyTestId,
+			children: [/* @__PURE__ */ jsx(Icon, {
+				icon: "lucide:copy",
+				className: "mr-1 h-4 w-4"
+			}), tr("fluidgrids.runners.copy", "Copy")]
+		})]
+	});
+}
+/**
+* Install command + token, kept apart: the command carries no token, and the
+* installer asks for it with hidden input — so the token never lands in shell
+* history or the machine's process list.
+*/
+function InstallCommand({ issued, onTokenCopied }) {
+	const tr = useTr();
+	const v2 = useNavigationV2();
+	const command = runnerInstallCommand(issued.bridgeUrl);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-text-secondary",
+					children: tr("fluidgrids.runners.installHint", "1. Run this on the machine that should run your nodes (Linux, or a Mac with Apple silicon). It installs the runner and its sandbox, and starts it in the background.")
+				}), /* @__PURE__ */ jsx(CopyableValue, {
+					value: command,
+					copied: tr("fluidgrids.runners.copied", "Install command copied"),
+					testId: "runner-install-command",
+					copyTestId: "runner-copy-command"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-text-secondary",
+					children: tr("fluidgrids.runners.tokenHint", "2. Paste this token when the installer asks for it. It is not part of the command, so it never ends up in your shell history.")
+				}), /* @__PURE__ */ jsx(CopyableValue, {
+					value: issued.token,
+					copied: tr("fluidgrids.runners.tokenCopied", "Token copied"),
+					testId: "runner-token",
+					copyTestId: "runner-copy-token",
+					onCopied: onTokenCopied
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-xs text-status-warning-text",
+				children: tr("fluidgrids.runners.tokenOnce", "The token is shown only once. Rotate it from the runner list if it is lost.")
+			}),
+			v2 ? /* @__PURE__ */ jsx(TechnicalDetails, {
+				"data-testid": "runner-token-file-hint",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-text-secondary",
+					children: tr("fluidgrids.runners.tokenAutomation", "Installing without a terminal (cloud-init, scripts)? Save the token to a file only you can read and add --token-file <path> to the command.")
+				})
+			}) : /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-text-secondary",
+				children: tr("fluidgrids.runners.tokenAutomation", "Installing without a terminal (cloud-init, scripts)? Save the token to a file only you can read and add --token-file <path> to the command.")
+			})
+		]
+	});
+}
+/**
+* Add-runner dialog: name → command → waits for the runner to connect.
+* The body is mounted only while open, so every opening starts with an empty
+* name, no issued key and no pending "close anyway" question.
+*/
+function AddRunnerDialog({ open, ...rest }) {
+	return open ? /* @__PURE__ */ jsx(AddRunnerBody, { ...rest }) : null;
+}
+function AddRunnerBody({ onOpenChange, runners, onCreated }) {
+	const tr = useTr();
+	const v2 = useNavigationV2();
+	const { createRunner, busy } = useRunnerActions();
+	const [name, setName] = useState("");
+	const [issued, setIssued] = useState(null);
+	const tokenCopied = useRef(false);
+	const [confirmingClose, setConfirmingClose] = useState(false);
+	const live = issued ? runners.find((r) => r.id === issued.runner.id) : void 0;
+	const requestOpenChange = useCallback((next) => {
+		if (!next && v2 && issued && !tokenCopied.current && live?.status !== "ONLINE") {
+			setConfirmingClose(true);
+			return;
+		}
+		onOpenChange(next);
+	}, [
+		issued,
+		live?.status,
+		onOpenChange,
+		v2
+	]);
+	const submit = useCallback(async () => {
+		try {
+			setIssued(await createRunner(name.trim()));
+			onCreated();
+		} catch (err) {
+			toast.error(describeOperationError(err, tr("fluidgrids.runners.createFailed", "Could not add the runner")));
+		}
+	}, [
+		createRunner,
+		name,
+		onCreated,
+		tr
+	]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: requestOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "sm:max-w-2xl",
+			"data-testid": "add-runner-dialog",
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: tr("fluidgrids.runners.addTitle", "Add a runner") }) }),
+				!issued ? /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: "runner-name",
+						children: tr("fluidgrids.runners.name", "Name")
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "runner-name",
+						value: name,
+						maxLength: 100,
+						placeholder: tr("fluidgrids.runners.namePlaceholder", "e.g. build-server or my-laptop"),
+						onChange: (e) => setName(e.target.value),
+						onKeyDown: (e) => {
+							if (e.key === "Enter" && name.trim()) submit();
+						},
+						"data-testid": "runner-name-input"
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ jsx(InstallCommand, {
+						issued,
+						onTokenCopied: () => tokenCopied.current = true
+					}), /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2 text-sm",
+						"data-testid": "runner-connect-status",
+						children: live?.status === "ONLINE" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "lucide:check-circle-2",
+							className: "h-4 w-4 text-status-success-text"
+						}), tr("fluidgrids.runners.connected", "Connected. You can now pick this runner in a node's Settings → Run on.")] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "lucide:loader-2",
+							className: "h-4 w-4 animate-spin text-text-secondary"
+						}), tr("fluidgrids.runners.waiting", "Waiting for the runner to connect…")] })
+					})]
+				}),
+				/* @__PURE__ */ jsx(DialogFooter, { children: !issued ? /* @__PURE__ */ jsx(Button$1, {
+					onClick: submit,
+					disabled: busy || !name.trim(),
+					"data-testid": "runner-create-submit",
+					children: tr("fluidgrids.runners.create", "Create runner")
+				}) : /* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					onClick: () => requestOpenChange(false),
+					"data-testid": "runner-dialog-done",
+					children: tr("fluidgrids.runners.done", "Done")
+				}) })
+			]
+		})
+	}), v2 && /* @__PURE__ */ jsx(ConfirmActionDialog, {
+		open: confirmingClose,
+		onOpenChange: setConfirmingClose,
+		title: tr("fluidgrids.runners.closeUncopiedTitle", "Close without copying the key?"),
+		description: tr("fluidgrids.runners.closeUncopiedBody", "The connection key is shown only once. If you close this now, you will need to get a new one."),
+		confirmLabel: tr("fluidgrids.runners.closeAnyway", "Close anyway"),
+		cancelLabel: tr("fluidgrids.runners.goBack", "Go back"),
+		onConfirm: () => {
+			setConfirmingClose(false);
+			onOpenChange(false);
+		},
+		"data-testid": "confirm-close-uncopied"
+	})] });
+}
+/** One runner's row in Navigation v2: name, status, last seen and a "⋯" menu. */
+function RunnerRowV2({ runner, acting, onRotate, onRemove }) {
+	const tr = useTr();
+	const canRotate = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.SANDBOX_UPDATE).allowed;
+	const canRemove = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.SANDBOX_DELETE).allowed;
+	const items = [];
+	if (canRotate) items.push({
+		id: "rotate",
+		label: tr("fluidgrids.runners.rotate", "Get a new connection key"),
+		icon: "mdi:key-outline",
+		onSelect: () => onRotate(runner),
+		disabled: acting
+	});
+	if (canRemove) items.push({
+		id: "remove",
+		label: tr("fluidgrids.runners.remove", "Remove"),
+		icon: "mdi:trash-can-outline",
+		onSelect: () => onRemove(runner),
+		disabled: acting,
+		destructive: true
+	});
+	return /* @__PURE__ */ jsxs(TableRow, {
+		"data-testid": "runner-row",
+		children: [
+			/* @__PURE__ */ jsxs(TableCell, { children: [/* @__PURE__ */ jsx("div", {
+				className: "font-medium text-text-primary",
+				children: runner.name
+			}), /* @__PURE__ */ jsx(TechnicalDetails, {
+				className: "mt-1",
+				children: /* @__PURE__ */ jsxs("dl", {
+					className: "grid gap-1 text-xs text-text-secondary sm:grid-cols-[auto_1fr]",
+					children: [
+						/* @__PURE__ */ jsx("dt", { children: tr("fluidgrids.runners.keyStartsWith", "Key starts with") }),
+						/* @__PURE__ */ jsxs("dd", {
+							className: "font-mono",
+							children: [runner.tokenPrefix, "…"]
+						}),
+						/* @__PURE__ */ jsx("dt", { children: tr("fluidgrids.runners.machine", "Machine") }),
+						/* @__PURE__ */ jsx("dd", { children: runner.hostname ? `${runner.hostname} · ${runner.os ?? "?"}/${runner.arch ?? "?"}` : "—" }),
+						/* @__PURE__ */ jsx("dt", { children: tr("fluidgrids.runners.sandbox", "Sandbox") }),
+						/* @__PURE__ */ jsxs("dd", { children: [runner.driver ? /* @__PURE__ */ jsx(Badge, {
+							variant: "outline",
+							children: runner.driver
+						}) : "—", runner.version && /* @__PURE__ */ jsxs("span", {
+							className: "ml-2",
+							children: ["v", runner.version]
+						})] }),
+						/* @__PURE__ */ jsx("dt", { children: tr("fluidgrids.runners.privateNetwork", "Private network") }),
+						/* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(PrivateNetworkCell, { rules: runner.privateNetwork ?? [] }) })
+					]
+				})
+			})] }),
+			/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(RunnerStatusPill, { status: runner.status }) }),
+			/* @__PURE__ */ jsx(TableCell, {
+				className: "text-sm text-text-secondary",
+				children: formatSeen(runner.lastSeenAt)
+			}),
+			/* @__PURE__ */ jsx(TableCell, {
+				className: "text-right",
+				children: /* @__PURE__ */ jsx(RunActionsMenu, {
+					items,
+					label: tr("fluidgrids.runners.moreActions", "Runner actions"),
+					"data-testid": "runner-actions-menu"
+				})
+			})
+		]
+	});
+}
+function RunnersPage() {
+	const tr = useTr();
+	const v2 = useNavigationV2();
+	const [rotating, setRotating] = useState(null);
+	const rotatedCopied = useRef(false);
+	const [confirmingRotatedClose, setConfirmingRotatedClose] = useState(false);
+	const { runners, loading, error, refetch } = useRunners({ pollMs: 5e3 });
+	const { rotateToken, deleteRunner } = useRunnerActions();
+	const [actingId, setActingId] = useState(null);
+	const [adding, setAdding] = useState(false);
+	const [rotated, setRotated] = useState(null);
+	const [removing, setRemoving] = useState(null);
+	const handleRotate = useCallback(async (runner) => {
+		setActingId(runner.id);
+		try {
+			rotatedCopied.current = false;
+			setRotated(await rotateToken(runner.id));
+			refetch();
+		} catch (err) {
+			toast.error(describeOperationError(err, tr("fluidgrids.runners.rotateFailed", "Could not rotate the token")));
+		} finally {
+			setActingId(null);
+		}
+	}, [
+		refetch,
+		rotateToken,
+		tr
+	]);
+	const closeRotated = useCallback(() => {
+		if (v2 && rotated && !rotatedCopied.current) {
+			setConfirmingRotatedClose(true);
+			return;
+		}
+		setRotated(null);
+	}, [rotated, v2]);
+	const handleRemove = useCallback(async () => {
+		if (!removing) return;
+		setActingId(removing.id);
+		try {
+			await deleteRunner(removing.id);
+			toast.success(tr("fluidgrids.runners.removed", "Runner removed"));
+			setRemoving(null);
+			refetch();
+		} catch (err) {
+			toast.error(describeOperationError(err, tr("fluidgrids.runners.removeFailed", "Could not remove the runner")));
+		} finally {
+			setActingId(null);
+		}
+	}, [
+		deleteRunner,
+		refetch,
+		removing,
+		tr
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "runners-page",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: v2 ? "flex flex-col items-start gap-4 sm:flex-row sm:justify-between" : "flex items-start justify-between gap-4",
+				"data-tour": "fluidgrids-runners-header",
+				children: [/* @__PURE__ */ jsxs("div", { children: [
+					/* @__PURE__ */ jsx("h1", {
+						className: "text-2xl font-semibold text-text-primary",
+						children: tr("fluidgrids.runners.title", "Runners")
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "mt-1 max-w-2xl text-sm text-text-secondary",
+						children: tr("fluidgrids.runners.subtitle", "Run workflow nodes on your own machines. A node set to Run on a runner executes there, inside a local sandbox; the rest of the workflow keeps running in FluidGrids.")
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "mt-1 max-w-2xl text-sm text-text-secondary",
+						"data-testid": "runners-private-network-hint",
+						children: [
+							tr("fluidgrids.runners.privateNetworkHint", "Nodes reach the public internet only. To let them reach something inside your network, open it on the runner machine:"),
+							" ",
+							/* @__PURE__ */ jsx("code", {
+								className: "rounded bg-muted px-1 font-mono text-xs text-text-primary",
+								children: "fluidgrids-runner network allow 10.0.5.12 --port 5432"
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(FluidGridsDocsLink, {
+						topic: "runners",
+						className: "mt-1"
+					})
+				] }), /* @__PURE__ */ jsx(SdkPermissionButton, {
+					permission: FLUIDGRIDS_PERMISSIONS.SANDBOX_CREATE,
+					deniedTooltip: tr("fluidgrids.runners.addDeniedTooltip", "You don't have permission to add runners"),
+					children: /* @__PURE__ */ jsxs(Button$1, {
+						onClick: () => setAdding(true),
+						"data-testid": "runner-add",
+						"data-tour": "fluidgrids-runners-add",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "lucide:plus",
+							className: "mr-1 h-4 w-4"
+						}), tr("fluidgrids.runners.add", "Add runner")]
+					})
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: "rounded-md border border-status-error-border bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
+				children: v2 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", { children: tr("fluidgrids.runners.loadFailed", "We couldn't load your runners. Try again in a moment.") }), /* @__PURE__ */ jsx(TechnicalDetails, {
+					className: "mt-2",
+					children: /* @__PURE__ */ jsx("code", {
+						className: "break-words text-xs",
+						children: error.message
+					})
+				})] }) : error.message
+			}),
+			/* @__PURE__ */ jsx(Card, {
+				"data-tour": "fluidgrids-runners-table",
+				children: /* @__PURE__ */ jsx(CardHeader, {
+					className: "p-0",
+					children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+						/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.runners.name", "Name") }),
+						/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.runners.status", "Status") }),
+						!v2 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.runners.machine", "Machine") }),
+							/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.runners.sandbox", "Sandbox") }),
+							/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.runners.privateNetwork", "Private network") })
+						] }),
+						/* @__PURE__ */ jsx(TableHead, { children: tr("fluidgrids.runners.lastSeen", "Last seen") }),
+						/* @__PURE__ */ jsx(TableHead, {
+							className: "text-right",
+							children: tr("fluidgrids.runners.actions", "Actions")
+						})
+					] }) }), /* @__PURE__ */ jsxs(TableBody, { children: [
+						v2 && runners.map((runner) => /* @__PURE__ */ jsx(RunnerRowV2, {
+							runner,
+							acting: actingId === runner.id,
+							onRotate: setRotating,
+							onRemove: setRemoving
+						}, runner.id)),
+						!v2 && runners.map((runner) => /* @__PURE__ */ jsxs(TableRow, {
+							"data-testid": "runner-row",
+							children: [
+								/* @__PURE__ */ jsxs(TableCell, { children: [/* @__PURE__ */ jsx("div", {
+									className: "font-medium text-text-primary",
+									children: runner.name
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "font-mono text-xs text-text-secondary",
+									children: [runner.tokenPrefix, "…"]
+								})] }),
+								/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(RunnerStatusPill, { status: runner.status }) }),
+								/* @__PURE__ */ jsx(TableCell, {
+									className: "text-sm text-text-secondary",
+									children: runner.hostname ? `${runner.hostname} · ${runner.os ?? "?"}/${runner.arch ?? "?"}` : "—"
+								}),
+								/* @__PURE__ */ jsxs(TableCell, {
+									className: "text-sm text-text-secondary",
+									children: [runner.driver ? /* @__PURE__ */ jsx(Badge, {
+										variant: "outline",
+										children: runner.driver
+									}) : "—", runner.version && /* @__PURE__ */ jsxs("span", {
+										className: "ml-2 text-xs",
+										children: ["v", runner.version]
+									})]
+								}),
+								/* @__PURE__ */ jsx(TableCell, {
+									className: "text-sm text-text-secondary",
+									children: /* @__PURE__ */ jsx(PrivateNetworkCell, { rules: runner.privateNetwork ?? [] })
+								}),
+								/* @__PURE__ */ jsx(TableCell, {
+									className: "text-sm text-text-secondary",
+									children: formatSeen(runner.lastSeenAt)
+								}),
+								/* @__PURE__ */ jsxs(TableCell, {
+									className: "text-right",
+									children: [/* @__PURE__ */ jsx(SdkPermissionButton, {
+										permission: FLUIDGRIDS_PERMISSIONS.SANDBOX_UPDATE,
+										deniedTooltip: tr("fluidgrids.runners.rotateDeniedTooltip", "You don't have permission to rotate runner tokens"),
+										children: /* @__PURE__ */ jsx(Button$1, {
+											"data-agent": "confirm",
+											variant: "ghost",
+											size: "sm",
+											title: tr("fluidgrids.runners.rotate", "Rotate token"),
+											"aria-label": tr("fluidgrids.runners.rotate", "Rotate token"),
+											onClick: () => handleRotate(runner),
+											disabled: actingId === runner.id,
+											"data-testid": "runner-rotate",
+											children: /* @__PURE__ */ jsx(Icon, {
+												icon: "lucide:key-round",
+												className: "h-4 w-4"
+											})
+										})
+									}), /* @__PURE__ */ jsx(SdkPermissionButton, {
+										permission: FLUIDGRIDS_PERMISSIONS.SANDBOX_DELETE,
+										deniedTooltip: tr("fluidgrids.runners.removeDeniedTooltip", "You don't have permission to remove runners"),
+										children: /* @__PURE__ */ jsx(Button$1, {
+											variant: "ghost",
+											size: "sm",
+											title: tr("fluidgrids.runners.remove", "Remove"),
+											"aria-label": tr("fluidgrids.runners.remove", "Remove"),
+											onClick: () => setRemoving(runner),
+											disabled: actingId === runner.id,
+											"data-testid": "runner-remove",
+											children: /* @__PURE__ */ jsx(Icon, {
+												icon: "lucide:trash-2",
+												className: "h-4 w-4 text-destructive"
+											})
+										})
+									})]
+								})
+							]
+						}, runner.id)),
+						v2 && loading && runners.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+							colSpan: 4,
+							className: "py-10 text-center text-sm text-text-secondary",
+							"data-testid": "runners-loading",
+							children: tr("fluidgrids.runners.loading", "Loading runners…")
+						}) }),
+						!loading && runners.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsxs(TableCell, {
+							colSpan: v2 ? 4 : 7,
+							className: "py-10 text-center text-sm text-text-secondary",
+							children: [/* @__PURE__ */ jsx("p", { children: tr("fluidgrids.runners.empty", v2 ? "No runners yet. Add one to run steps on your own machine." : "No runners yet. Add one to run nodes on your own machine.") }), v2 && /* @__PURE__ */ jsx("div", {
+								className: "mt-3",
+								children: /* @__PURE__ */ jsx(SdkPermissionButton, {
+									permission: FLUIDGRIDS_PERMISSIONS.SANDBOX_CREATE,
+									deniedTooltip: tr("fluidgrids.runners.addDeniedTooltip", "You don't have permission to add runners"),
+									children: /* @__PURE__ */ jsxs(Button$1, {
+										onClick: () => setAdding(true),
+										"data-testid": "runner-empty-add",
+										children: [/* @__PURE__ */ jsx(Icon, {
+											icon: "lucide:plus",
+											className: "mr-1 h-4 w-4"
+										}), tr("fluidgrids.runners.add", "Add runner")]
+									})
+								})
+							})]
+						}) })
+					] })] })
+				})
+			}),
+			/* @__PURE__ */ jsx(AddRunnerDialog, {
+				open: adding,
+				onOpenChange: setAdding,
+				runners,
+				onCreated: () => void refetch()
+			}),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: rotated !== null,
+				onOpenChange: (open) => !open && closeRotated(),
+				children: /* @__PURE__ */ jsxs(DialogContent, {
+					className: "sm:max-w-2xl",
+					"data-testid": "rotated-dialog",
+					children: [
+						/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: tr("fluidgrids.runners.rotatedTitle", v2 ? "Your new connection key" : "New token issued") }) }),
+						/* @__PURE__ */ jsx("p", {
+							className: "text-sm text-text-secondary",
+							children: tr("fluidgrids.runners.rotatedHint", v2 ? "The old key no longer works and the runner was disconnected. Run the command below on that machine again and paste the new key when it asks." : "The old token no longer works and the runner was disconnected. Re-run the command below on that machine and paste the new token when it asks.")
+						}),
+						rotated && /* @__PURE__ */ jsx(InstallCommand, {
+							issued: rotated,
+							onTokenCopied: () => rotatedCopied.current = true
+						}),
+						/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button$1, {
+							variant: "outline",
+							onClick: () => closeRotated(),
+							children: tr("fluidgrids.runners.done", "Done")
+						}) })
+					]
+				})
+			}),
+			v2 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ConfirmActionDialog, {
+				open: rotating !== null,
+				onOpenChange: (open) => {
+					if (!open) setRotating(null);
+				},
+				title: tr("fluidgrids.runners.rotateConfirmTitle", "Get a new connection key for {{name}}?", { name: rotating?.name ?? "" }),
+				description: tr("fluidgrids.runners.rotateConfirmBody", "{{name}} is disconnected right away and its old key stops working. You will need to run the install command again on that machine with the new key.", { name: rotating?.name ?? "" }),
+				confirmLabel: tr("fluidgrids.runners.rotateConfirmAction", "Get a new key"),
+				cancelLabel: tr("fluidgrids.runners.rotateConfirmKeep", "Keep the current key"),
+				destructive: true,
+				busy: actingId !== null,
+				onConfirm: () => {
+					const runner = rotating;
+					setRotating(null);
+					if (runner) handleRotate(runner);
+				},
+				"data-testid": "confirm-rotate"
+			}), /* @__PURE__ */ jsx(ConfirmActionDialog, {
+				open: confirmingRotatedClose,
+				onOpenChange: setConfirmingRotatedClose,
+				title: tr("fluidgrids.runners.closeUncopiedTitle", "Close without copying the key?"),
+				description: tr("fluidgrids.runners.closeUncopiedBody", "The connection key is shown only once. If you close this now, you will need to get a new one."),
+				confirmLabel: tr("fluidgrids.runners.closeAnyway", "Close anyway"),
+				cancelLabel: tr("fluidgrids.runners.goBack", "Go back"),
+				onConfirm: () => {
+					setConfirmingRotatedClose(false);
+					setRotated(null);
+				},
+				"data-testid": "confirm-close-rotated"
+			})] }),
+			/* @__PURE__ */ jsx(Dialog, {
+				open: removing !== null,
+				onOpenChange: (open) => !open && setRemoving(null),
+				children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+					/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: v2 && removing ? tr("fluidgrids.runners.removeTitle", "Remove {{name}}?", { name: removing.name }) : tr("fluidgrids.runners.removeTitle", "Remove this runner?") }) }),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-text-secondary",
+						children: tr("fluidgrids.runners.removeHint", "It is disconnected and its token stops working. Nodes set to run on it will fail until you pick another runner or FluidGrids Cloud.")
+					}),
+					/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						onClick: () => setRemoving(null),
+						children: tr("fluidgrids.runners.cancel", "Cancel")
+					}), /* @__PURE__ */ jsx(Button$1, {
+						variant: "destructive",
+						onClick: handleRemove,
+						disabled: actingId !== null,
+						"data-testid": "runner-remove-confirm",
+						children: tr("fluidgrids.runners.remove", "Remove")
+					})] })
+				] })
+			})
+		]
+	});
+}
+
+export { RunnersPage_exports as n, RunnersPage as t };