@burdenoff/fluidgrids-fe-sdk 2026.1111.16 → 2026.1111.17

package/dist/TaskQueuesPage-9VgSnLdL.js

@@ -0,0 +1,951 @@
+"use client";
+import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
+import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
+import { m as describeOperationError } from "./client-C9XSzSXr.js";
+import { p as useSelfHostedWorkersEnabled } from "./feature-flags-DM5myWaD.js";
+import { s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-B2lhWNoN.js";
+import { a as RUN_CONTROL_DIALOG_STYLE, i as NativeSelect, o as StatusPill, t as FieldError, u as useResource } from "./shared-CMfn30xT.js";
+import { a as fetchTaskQueueStats, c as fetchWorkflowWorkers, d as updateTaskQueue, i as deleteWorkerToken, l as rotateWorkerToken, n as createWorkerToken, o as fetchTaskQueues, r as deleteTaskQueue, s as fetchWorkerTokens, t as createTaskQueue, u as setWorkerTokenConnectionAllowlist } from "./api-C8e0iV-Q.js";
+import { SF as WorkflowEnvironment } from "./graphql-types-CDKVWH2R.js";
+import { useState } from "react";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Textarea } from "@burdenoff/fe-libs/ui";
+import { Button as Button$1 } from "@burdenoff/fe-libs/button";
+
+// src/modules/task-queues/utils/task-queues.ts
+/** Lower-case letters, digits and dashes, at most 63, not `managed`. */
+const TASK_QUEUE_NAME = /^[a-z0-9][a-z0-9-]{0,62}$/;
+function taskQueueNameProblem(name) {
+	const value = name.trim();
+	if (!value) return "empty";
+	if (value === "managed") return "reserved";
+	return TASK_QUEUE_NAME.test(value) ? null : "pattern";
+}
+const EMPTY_TASK_QUEUE_FORM = {
+	name: "",
+	environment: "",
+	description: "",
+	maxTasksPerSecond: "",
+	workerUnavailableTimeoutSeconds: ""
+};
+/** A positive number in range, `undefined` for an empty field, null when invalid. */
+function boundedNumber(text, min, max, integer = false) {
+	const value = text.trim();
+	if (!value) return void 0;
+	const number = Number(value);
+	if (!Number.isFinite(number) || number < min || number > max) return null;
+	if (integer && !Number.isInteger(number)) return null;
+	return number;
+}
+/** The createTaskQueue input from the form (rate 0.01 to 10000, timeout 10 s to 7 days). */
+function taskQueueInputOf(form) {
+	if (taskQueueNameProblem(form.name)) return {
+		ok: false,
+		field: "name"
+	};
+	const rate = boundedNumber(form.maxTasksPerSecond, .01, 1e4);
+	if (rate === null) return {
+		ok: false,
+		field: "maxTasksPerSecond"
+	};
+	const timeout = boundedNumber(form.workerUnavailableTimeoutSeconds, 10, 604800, true);
+	if (timeout === null) return {
+		ok: false,
+		field: "workerUnavailableTimeoutSeconds"
+	};
+	const create = { name: form.name.trim() };
+	if (form.environment) create.environment = form.environment;
+	if (form.description.trim()) create.description = form.description.trim();
+	if (rate !== void 0) create.maxTasksPerSecond = rate;
+	if (timeout !== void 0) create.workerUnavailableTimeoutSeconds = timeout;
+	return {
+		ok: true,
+		create
+	};
+}
+/** Connection names: one per line or comma separated, unique, in order. */
+function parseNameList(text) {
+	const seen = /* @__PURE__ */ new Set();
+	const names = [];
+	for (const raw of text.split(/[\n,]+/)) {
+		const name = raw.trim();
+		if (name && !seen.has(name)) {
+			seen.add(name);
+			names.push(name);
+		}
+	}
+	return names;
+}
+/** "3m ago" style ages for heartbeats. */
+function formatAge(iso, now = Date.now()) {
+	if (!iso) return "—";
+	const seconds = Math.max(0, Math.round((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();
+}
+/** The one-line worker start command shown with a new token (no token in it). */
+function workerRunCommand(taskQueues, bridgeUrl) {
+	return `FLUIDGRIDS_WORKER_TOKEN=<token> fluidgrids worker run --task-queue ${taskQueues[0] ?? "my-queue"}${bridgeUrl ? ` --bridge-url ${bridgeUrl}` : ""}`;
+}
+
+// src/modules/task-queues/components/TaskQueueDialogs.tsx
+/**
+* The Task queues page's dialogs (BOFF-9906): create or edit a queue, issue a
+* worker token (shown once, with its connection allow-list) and edit a
+* token's allow-list. Semantic tokens only; layers at 1100.
+*/
+const ENVIRONMENTS = [
+	"DEV",
+	"STAGING",
+	"PROD"
+];
+function TaskQueueDialog({ queue, onClose, onSaved }) {
+	const tr = useTr();
+	const [form, setForm] = useState(queue ? {
+		name: queue.name,
+		environment: queue.environment ?? "",
+		description: queue.description ?? "",
+		maxTasksPerSecond: queue.maxTasksPerSecond === null || queue.maxTasksPerSecond === void 0 ? "" : String(queue.maxTasksPerSecond),
+		workerUnavailableTimeoutSeconds: String(queue.workerUnavailableTimeoutSeconds)
+	} : EMPTY_TASK_QUEUE_FORM);
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const checked = taskQueueInputOf(form);
+	const nameProblem = form.name ? taskQueueNameProblem(form.name) : null;
+	const save = async () => {
+		if (!checked.ok) return;
+		setBusy(true);
+		setError(null);
+		try {
+			if (queue?.id) {
+				const rate = boundedNumber(form.maxTasksPerSecond, .01, 1e4);
+				await updateTaskQueue(queue.id, {
+					description: form.description.trim(),
+					...rate === void 0 ? { clearMaxTasksPerSecond: true } : { maxTasksPerSecond: rate },
+					...checked.create.workerUnavailableTimeoutSeconds !== void 0 ? { workerUnavailableTimeoutSeconds: checked.create.workerUnavailableTimeoutSeconds } : {}
+				});
+			} else await createTaskQueue(checked.create);
+			onSaved();
+		} catch (err) {
+			setError(describeOperationError(err));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			"data-testid": "task-queue-dialog",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: queue ? tr("fluidgrids.taskQueues.editTitle", "Edit task queue") : tr("fluidgrids.taskQueues.createTitle", "New task queue") }), /* @__PURE__ */ jsx(DialogDescription, { children: tr("fluidgrids.taskQueues.dialogDescription", "Workflow and activity tasks on a self-hosted queue run on the workers you start for it.") })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [
+								/* @__PURE__ */ jsx(Label, {
+									htmlFor: "task-queue-name",
+									children: tr("fluidgrids.taskQueues.name", "Name")
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									id: "task-queue-name",
+									value: form.name,
+									disabled: !!queue,
+									placeholder: "payments",
+									onChange: (event) => setForm({
+										...form,
+										name: event.target.value
+									}),
+									"data-testid": "task-queue-name"
+								}),
+								nameProblem && /* @__PURE__ */ jsx(FieldError, { message: nameProblem === "reserved" ? tr("fluidgrids.taskQueues.nameReserved", "managed is the platform's queue.") : tr("fluidgrids.taskQueues.namePattern", "Lower-case letters, digits and dashes (at most 63).") })
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "task-queue-env",
+								children: tr("fluidgrids.taskQueues.environment", "Environment")
+							}), /* @__PURE__ */ jsxs(NativeSelect, {
+								id: "task-queue-env",
+								value: form.environment,
+								disabled: !!queue,
+								onChange: (value) => setForm({
+									...form,
+									environment: ENVIRONMENTS.find((item) => item === value) ?? ""
+								}),
+								testId: "task-queue-env",
+								children: [/* @__PURE__ */ jsx("option", {
+									value: "",
+									children: tr("fluidgrids.taskQueues.everyEnvironment", "Every environment")
+								}), ENVIRONMENTS.map((env) => /* @__PURE__ */ jsx("option", {
+									value: env,
+									children: env
+								}, env))]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "task-queue-description",
+								children: tr("fluidgrids.taskQueues.description", "Description (optional)")
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "task-queue-description",
+								value: form.description,
+								maxLength: 1e3,
+								onChange: (event) => setForm({
+									...form,
+									description: event.target.value
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "space-y-1.5",
+								children: [
+									/* @__PURE__ */ jsx(Label, {
+										htmlFor: "task-queue-rate",
+										children: tr("fluidgrids.taskQueues.rate", "Activity tasks per second (optional)")
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										id: "task-queue-rate",
+										inputMode: "decimal",
+										value: form.maxTasksPerSecond,
+										onChange: (event) => setForm({
+											...form,
+											maxTasksPerSecond: event.target.value
+										}),
+										"data-testid": "task-queue-rate"
+									}),
+									!checked.ok && checked.field === "maxTasksPerSecond" && /* @__PURE__ */ jsx(FieldError, { message: tr("fluidgrids.taskQueues.rateRange", "0.01 to 10000.") })
+								]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-1.5",
+								children: [
+									/* @__PURE__ */ jsx(Label, {
+										htmlFor: "task-queue-timeout",
+										children: tr("fluidgrids.taskQueues.timeout", "Wait for a worker (seconds)")
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										id: "task-queue-timeout",
+										inputMode: "numeric",
+										value: form.workerUnavailableTimeoutSeconds,
+										placeholder: "600",
+										onChange: (event) => setForm({
+											...form,
+											workerUnavailableTimeoutSeconds: event.target.value
+										}),
+										"data-testid": "task-queue-timeout"
+									}),
+									!checked.ok && checked.field === "workerUnavailableTimeoutSeconds" && /* @__PURE__ */ jsx(FieldError, { message: tr("fluidgrids.taskQueues.timeoutRange", "10 seconds to 7 days.") })
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsx(FieldError, {
+							message: error,
+							testId: "task-queue-error"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					onClick: onClose,
+					disabled: busy,
+					children: tr("fluidgrids.runControl.common.cancel", "Cancel")
+				}), /* @__PURE__ */ jsx(Button$1, {
+					onClick: () => void save(),
+					disabled: !checked.ok || busy,
+					"data-testid": "task-queue-save",
+					children: tr("fluidgrids.runControl.common.save", "Save")
+				})] })
+			]
+		})
+	});
+}
+/** The allow-list editor: connection names workers may resolve (H2). */
+function AllowlistEditor({ value, onChange, disabled }) {
+	const tr = useTr();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ jsx(Label, {
+				htmlFor: "worker-token-allowlist",
+				children: tr("fluidgrids.taskQueues.allowlist", "Connections its user activities may use (optional)")
+			}),
+			/* @__PURE__ */ jsx(Textarea, {
+				id: "worker-token-allowlist",
+				rows: 3,
+				value,
+				disabled,
+				onChange: (event) => onChange(event.target.value),
+				placeholder: "crm-prod\nbilling-api",
+				className: "font-mono text-xs",
+				"data-testid": "worker-token-allowlist"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-xs text-text-secondary",
+				children: tr("fluidgrids.taskQueues.allowlistHint", "Empty: no credential is ever released to these workers. Only access tokens are released, never refresh tokens.")
+			})
+		]
+	});
+}
+function WorkerTokenDialog({ queues, canSetAllowlist, onClose, onCreated }) {
+	const tr = useTr();
+	const [name, setName] = useState("");
+	const [selected, setSelected] = useState(queues[0] ? [queues[0]] : []);
+	const selectedQueues = new Set(selected);
+	const [allowlist, setAllowlist] = useState("");
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const valid = name.trim().length > 0 && selected.length > 0;
+	const submit = async () => {
+		if (!valid) return;
+		setBusy(true);
+		setError(null);
+		try {
+			onCreated(await createWorkerToken({
+				name: name.trim(),
+				taskQueues: selected,
+				connectionAllowlist: canSetAllowlist ? parseNameList(allowlist) : []
+			}));
+		} catch (err) {
+			setError(describeOperationError(err));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			"data-testid": "worker-token-dialog",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: tr("fluidgrids.taskQueues.tokenTitle", "New worker token") }), /* @__PURE__ */ jsx(DialogDescription, { children: tr("fluidgrids.taskQueues.tokenDescription", "Workers authenticate with it and may serve only the queues it names. It is shown once.") })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "worker-token-name",
+								children: tr("fluidgrids.taskQueues.tokenName", "Name")
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "worker-token-name",
+								value: name,
+								onChange: (event) => setName(event.target.value),
+								"data-testid": "worker-token-name"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("fieldset", {
+							className: "space-y-1.5",
+							children: [
+								/* @__PURE__ */ jsx("legend", {
+									className: "text-sm font-medium text-text-primary",
+									children: tr("fluidgrids.taskQueues.tokenQueues", "Task queues")
+								}),
+								queues.length === 0 && /* @__PURE__ */ jsx("p", {
+									className: "text-sm text-text-secondary",
+									children: tr("fluidgrids.taskQueues.noQueues", "Create a self-hosted queue first.")
+								}),
+								queues.map((queue) => /* @__PURE__ */ jsxs("label", {
+									className: "flex items-center gap-2 text-sm text-text-primary",
+									children: [/* @__PURE__ */ jsx("input", {
+										type: "checkbox",
+										className: "h-4 w-4 rounded",
+										checked: selectedQueues.has(queue),
+										onChange: (event) => setSelected((current) => event.target.checked ? [...current, queue] : current.filter((item) => item !== queue)),
+										"data-testid": `worker-token-queue-${queue}`
+									}), /* @__PURE__ */ jsx("code", {
+										className: "font-mono text-xs",
+										children: queue
+									})]
+								}, queue))
+							]
+						}),
+						canSetAllowlist && /* @__PURE__ */ jsx(AllowlistEditor, {
+							value: allowlist,
+							onChange: setAllowlist
+						}),
+						/* @__PURE__ */ jsx(FieldError, {
+							message: error,
+							testId: "worker-token-error"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					onClick: onClose,
+					disabled: busy,
+					children: tr("fluidgrids.runControl.common.cancel", "Cancel")
+				}), /* @__PURE__ */ jsx(Button$1, {
+					onClick: () => void submit(),
+					disabled: !valid || busy,
+					"data-testid": "worker-token-submit",
+					children: tr("fluidgrids.taskQueues.issue", "Issue token")
+				})] })
+			]
+		})
+	});
+}
+/** Shows a new or rotated token once, with the worker start command. */
+function WorkerTokenSecretDialog({ created, onClose }) {
+	const tr = useTr();
+	const command = workerRunCommand(created.workerToken.taskQueues, created.bridgeUrl);
+	const copy = async (text) => {
+		try {
+			await navigator.clipboard.writeText(text);
+			toast.success(tr("fluidgrids.runControl.common.copied", "Copied"));
+		} catch {
+			toast.error(tr("fluidgrids.runControl.common.copyFailed", "Could not copy; select the text instead."));
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			"data-testid": "worker-token-secret",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: tr("fluidgrids.taskQueues.secretTitle", "Copy the worker token") }), /* @__PURE__ */ jsx(DialogDescription, { children: tr("fluidgrids.taskQueues.secretDescription", "It cannot be shown again. Give it to the worker in FLUIDGRIDS_WORKER_TOKEN; never put it in source code.") })] }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ jsx("code", {
+							className: "min-w-0 flex-1 break-all rounded-md bg-background-primary p-2 font-mono text-xs text-text-primary",
+							"data-testid": "worker-token-value",
+							children: created.token
+						}), /* @__PURE__ */ jsx(Button$1, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => void copy(created.token),
+							children: /* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:content-copy",
+								width: 14
+							})
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "space-y-1.5",
+						children: [/* @__PURE__ */ jsx(Label, { children: tr("fluidgrids.taskQueues.startWorker", "Start a worker") }), /* @__PURE__ */ jsx("code", {
+							className: "block break-all rounded-md bg-background-primary p-2 font-mono text-xs text-text-primary",
+							"data-testid": "worker-run-command",
+							children: command
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button$1, {
+					onClick: onClose,
+					"data-testid": "worker-token-secret-done",
+					children: tr("fluidgrids.runControl.common.done", "Done")
+				}) })
+			]
+		})
+	});
+}
+function AllowlistDialog({ token, onClose, onSaved }) {
+	const tr = useTr();
+	const [value, setValue] = useState(() => token.connectionAllowlist.join("\n"));
+	const [busy, setBusy] = useState(false);
+	const [error, setError] = useState(null);
+	const save = async () => {
+		setBusy(true);
+		setError(null);
+		try {
+			await setWorkerTokenConnectionAllowlist(token.id, parseNameList(value));
+			onSaved();
+		} catch (err) {
+			setError(describeOperationError(err));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			style: RUN_CONTROL_DIALOG_STYLE,
+			"data-testid": "worker-allowlist-dialog",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: tr("fluidgrids.taskQueues.allowlistTitle", "Connections for {{name}}", { name: token.name }) }), /* @__PURE__ */ jsx(DialogDescription, { children: tr("fluidgrids.taskQueues.allowlistDescription", "Workspace admins only. Every release of a credential is audited.") })] }),
+				/* @__PURE__ */ jsx(AllowlistEditor, {
+					value,
+					onChange: setValue
+				}),
+				/* @__PURE__ */ jsx(FieldError, {
+					message: error,
+					testId: "worker-allowlist-error"
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					onClick: onClose,
+					disabled: busy,
+					children: tr("fluidgrids.runControl.common.cancel", "Cancel")
+				}), /* @__PURE__ */ jsx(Button$1, {
+					onClick: () => void save(),
+					disabled: busy,
+					"data-testid": "worker-allowlist-save",
+					children: tr("fluidgrids.runControl.common.save", "Save")
+				})] })
+			]
+		})
+	});
+}
+
+// src/modules/task-queues/pages/TaskQueuesPage.tsx
+/**
+* Task queues (BOFF-9906, spec code-first 04 §8, 08 §3 and 11 §2.31): the
+* workspace's queues (managed first, then the self-hosted ones it created)
+* with each queue's backlog, the self-hosted workers connected now, and the
+* worker tokens they authenticate with. The whole page needs
+* fluidgrids.self-hosted-workers; with it off the page says so and sends
+* nothing.
+*/
+var TaskQueuesPage_exports = /* @__PURE__ */ __exportAll({
+	TaskQueueStatsCard: () => TaskQueueStatsCard,
+	TaskQueuesContent: () => TaskQueuesContent,
+	TaskQueuesPage: () => TaskQueuesPage,
+	WORKERS_POLL_MS: () => WORKERS_POLL_MS
+});
+/** Workers heartbeat every 30 s; the list is re-read this often. */
+const WORKERS_POLL_MS = 15e3;
+function TaskQueuesPage() {
+	const tr = useTr();
+	if (!useSelfHostedWorkersEnabled()) return /* @__PURE__ */ jsxs("div", {
+		className: "p-4 sm:p-6",
+		"data-testid": "task-queues-disabled",
+		children: [/* @__PURE__ */ jsx("h1", {
+			className: "text-2xl font-bold text-text-primary",
+			children: tr("fluidgrids.taskQueues.title", "Task queues")
+		}), /* @__PURE__ */ jsx("p", {
+			className: "mt-2 text-text-secondary",
+			children: tr("fluidgrids.taskQueues.disabled", "Self-hosted workers are not enabled for this workspace.")
+		})]
+	});
+	return /* @__PURE__ */ jsx(TaskQueuesContent, {});
+}
+/** The page body; exported for hosts that gate the flag themselves, and for tests. */
+function TaskQueuesContent() {
+	const tr = useTr();
+	const { allowed: canCreate } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.TASK_QUEUE_CREATE);
+	const { allowed: canUpdate } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.TASK_QUEUE_UPDATE);
+	const { allowed: canDelete } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.TASK_QUEUE_DELETE);
+	const { allowed: canReadTokens } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.RUNNER_READ);
+	const { allowed: canCreateToken } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.RUNNER_CREATE);
+	const { allowed: canRotateToken } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.RUNNER_UPDATE);
+	const { allowed: canDeleteToken } = useFluidGridsPermission(FLUIDGRIDS_PERMISSIONS.RUNNER_DELETE);
+	const canEditAllowlist = canRotateToken && canCreateToken;
+	const queues = useResource("task-queues", true, fetchTaskQueues);
+	const workers = useResource("workflow-workers", true, () => fetchWorkflowWorkers({ includeEnded: false }), {
+		live: true,
+		intervalMs: WORKERS_POLL_MS
+	});
+	const tokens = useResource("worker-tokens", canReadTokens, fetchWorkerTokens);
+	const [selected, setSelected] = useState(null);
+	const [editing, setEditing] = useState(null);
+	const [deleting, setDeleting] = useState(null);
+	const [issuing, setIssuing] = useState(false);
+	const [secret, setSecret] = useState(null);
+	const [allowlist, setAllowlist] = useState(null);
+	const selfHosted = (queues.data ?? []).filter((queue) => queue.kind === "SELF_HOSTED").map((queue) => queue.name);
+	const removeQueue = async () => {
+		if (!deleting?.id) return;
+		try {
+			await deleteTaskQueue(deleting.id);
+			toast.success(tr("fluidgrids.taskQueues.deleted", "Task queue deleted"));
+			if (selected?.id === deleting.id) setSelected(null);
+			await queues.refetch();
+		} catch (err) {
+			toast.error(describeOperationError(err));
+		} finally {
+			setDeleting(null);
+		}
+	};
+	const [tokenBusy, setTokenBusy] = useState(null);
+	const rotate = async (token) => {
+		if (tokenBusy) return;
+		setTokenBusy(token.id);
+		try {
+			setSecret(await rotateWorkerToken(token.id));
+			await tokens.refetch();
+		} catch (err) {
+			toast.error(describeOperationError(err));
+		} finally {
+			setTokenBusy(null);
+		}
+	};
+	const removeToken = async (token) => {
+		if (tokenBusy) return;
+		setTokenBusy(token.id);
+		try {
+			await deleteWorkerToken(token.id);
+			await Promise.all([tokens.refetch(), workers.refetch()]);
+		} catch (err) {
+			toast.error(describeOperationError(err));
+		} finally {
+			setTokenBusy(null);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "min-h-screen space-y-6 bg-background-primary p-4 sm:p-6",
+		"data-testid": "task-queues-page",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-2xl font-bold text-text-primary sm:text-3xl",
+					children: tr("fluidgrids.taskQueues.title", "Task queues")
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-1 text-text-secondary",
+					children: tr("fluidgrids.taskQueues.subtitle", "Run durable functions and activities on workers you host.")
+				})] }), canCreate && /* @__PURE__ */ jsxs(Button$1, {
+					onClick: () => setEditing({ queue: null }),
+					"data-testid": "task-queue-create",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "mdi:plus",
+						className: "mr-1",
+						width: 16
+					}), tr("fluidgrids.taskQueues.create", "New queue")]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				className: "rounded-lg border border-border-secondary bg-background-secondary",
+				"data-testid": "task-queues-table",
+				children: [/* @__PURE__ */ jsx(FieldError, { message: queues.error }), /* @__PURE__ */ jsxs("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ jsx("thead", {
+						className: "border-b border-border-secondary text-left text-xs uppercase text-text-secondary",
+						children: /* @__PURE__ */ jsxs("tr", { children: [
+							/* @__PURE__ */ jsx("th", {
+								className: "px-4 py-2",
+								children: tr("fluidgrids.taskQueues.name", "Name")
+							}),
+							/* @__PURE__ */ jsx("th", {
+								className: "px-4 py-2",
+								children: tr("fluidgrids.taskQueues.kind", "Kind")
+							}),
+							/* @__PURE__ */ jsx("th", {
+								className: "hidden px-4 py-2 sm:table-cell",
+								children: tr("fluidgrids.taskQueues.environment", "Environment")
+							}),
+							/* @__PURE__ */ jsx("th", {
+								className: "hidden px-4 py-2 md:table-cell",
+								children: tr("fluidgrids.taskQueues.limit", "Rate limit")
+							}),
+							/* @__PURE__ */ jsx("th", { className: "px-4 py-2" })
+						] })
+					}), /* @__PURE__ */ jsx("tbody", {
+						className: "divide-y divide-border-secondary",
+						children: (queues.data ?? []).map((queue) => /* @__PURE__ */ jsxs("tr", {
+							className: selected?.name === queue.name && selected.environment === queue.environment ? "bg-action-primary-bg/10" : "",
+							"data-testid": `task-queue-${queue.name}`,
+							children: [
+								/* @__PURE__ */ jsxs("td", {
+									className: "px-4 py-2",
+									children: [/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: "font-mono text-text-primary hover:underline",
+										onClick: () => setSelected(queue),
+										children: queue.name
+									}), queue.description && /* @__PURE__ */ jsx("p", {
+										className: "text-xs text-text-secondary",
+										children: queue.description
+									})]
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "px-4 py-2",
+									children: /* @__PURE__ */ jsx(StatusPill, {
+										tone: queue.kind === "MANAGED" ? "neutral" : "info",
+										children: queue.kind === "MANAGED" ? tr("fluidgrids.taskQueues.managed", "Managed") : tr("fluidgrids.taskQueues.selfHosted", "Self-hosted")
+									})
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "hidden px-4 py-2 text-text-secondary sm:table-cell",
+									children: queue.environment ?? tr("fluidgrids.taskQueues.every", "Every")
+								}),
+								/* @__PURE__ */ jsx("td", {
+									className: "hidden px-4 py-2 text-text-secondary md:table-cell",
+									children: queue.maxTasksPerSecond ? `${queue.maxTasksPerSecond}/s` : "—"
+								}),
+								/* @__PURE__ */ jsxs("td", {
+									className: "px-4 py-2 text-right",
+									children: [queue.id && canUpdate && /* @__PURE__ */ jsx(Button$1, {
+										size: "sm",
+										variant: "ghost",
+										onClick: () => setEditing({ queue }),
+										"aria-label": tr("fluidgrids.taskQueues.edit", "Edit"),
+										children: /* @__PURE__ */ jsx(Icon, {
+											icon: "mdi:pencil",
+											width: 14
+										})
+									}), queue.id && canDelete && /* @__PURE__ */ jsx(Button$1, {
+										size: "sm",
+										variant: "ghost",
+										className: "text-[var(--color-status-error-text)]",
+										onClick: () => setDeleting(queue),
+										"aria-label": tr("fluidgrids.taskQueues.delete", "Delete"),
+										"data-testid": `task-queue-delete-${queue.name}`,
+										children: /* @__PURE__ */ jsx(Icon, {
+											icon: "mdi:delete-outline",
+											width: 14
+										})
+									})]
+								})
+							]
+						}, `${queue.name}:${queue.environment ?? ""}`))
+					})]
+				})]
+			}),
+			selected && /* @__PURE__ */ jsx(TaskQueueStatsCard, { queue: selected }),
+			/* @__PURE__ */ jsxs("section", {
+				className: "rounded-lg border border-border-secondary bg-background-secondary",
+				"data-testid": "workers-table",
+				children: [
+					/* @__PURE__ */ jsxs("header", {
+						className: "flex items-center gap-2 border-b border-border-secondary px-4 py-3",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mdi:server-network",
+							width: 18,
+							className: "text-text-secondary"
+						}), /* @__PURE__ */ jsx("h2", {
+							className: "text-sm font-semibold text-text-primary",
+							children: tr("fluidgrids.taskQueues.workers", "Workers")
+						})]
+					}),
+					/* @__PURE__ */ jsx(FieldError, { message: workers.error }),
+					workers.data && workers.data.length === 0 && /* @__PURE__ */ jsx("p", {
+						className: "px-4 py-3 text-sm text-text-secondary",
+						children: tr("fluidgrids.taskQueues.noWorkers", "No worker is connected.")
+					}),
+					/* @__PURE__ */ jsx("ul", {
+						className: "divide-y divide-border-secondary",
+						children: (workers.data ?? []).map((worker) => /* @__PURE__ */ jsxs("li", {
+							className: "flex flex-wrap items-center gap-3 px-4 py-2 text-sm",
+							"data-testid": `worker-${worker.id}`,
+							children: [
+								/* @__PURE__ */ jsx(StatusPill, {
+									tone: worker.status === "ONLINE" ? "success" : worker.status === "STALE" ? "warning" : "neutral",
+									children: worker.status
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "font-mono text-xs text-text-primary",
+									children: worker.identity
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "text-xs text-text-secondary",
+									children: [
+										worker.sdkLanguage,
+										" ",
+										worker.sdkVersion
+									]
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-xs text-text-secondary",
+									children: worker.taskQueues.join(", ")
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-xs text-text-secondary",
+									children: tr("fluidgrids.taskQueues.slots", "slots {{used}}/{{total}}", {
+										used: worker.slots.workflow.used + worker.slots.activity.used,
+										total: worker.slots.workflow.total + worker.slots.activity.total
+									})
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "ml-auto text-xs text-text-secondary",
+									children: formatAge(worker.lastHeartbeatAt)
+								})
+							]
+						}, worker.id))
+					})
+				]
+			}),
+			canReadTokens && /* @__PURE__ */ jsxs("section", {
+				className: "rounded-lg border border-border-secondary bg-background-secondary",
+				"data-testid": "worker-tokens",
+				children: [
+					/* @__PURE__ */ jsxs("header", {
+						className: "flex items-center gap-2 border-b border-border-secondary px-4 py-3",
+						children: [
+							/* @__PURE__ */ jsx(Icon, {
+								icon: "mdi:key-variant",
+								width: 18,
+								className: "text-text-secondary"
+							}),
+							/* @__PURE__ */ jsx("h2", {
+								className: "text-sm font-semibold text-text-primary",
+								children: tr("fluidgrids.taskQueues.tokens", "Worker tokens")
+							}),
+							canCreateToken && /* @__PURE__ */ jsxs(Button$1, {
+								size: "sm",
+								variant: "outline",
+								className: "ml-auto",
+								onClick: () => setIssuing(true),
+								"data-testid": "worker-token-create",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mdi:plus",
+									className: "mr-1",
+									width: 14
+								}), tr("fluidgrids.taskQueues.issueToken", "New token")]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx(FieldError, { message: tokens.error }),
+					/* @__PURE__ */ jsxs("ul", {
+						className: "divide-y divide-border-secondary",
+						children: [(tokens.data ?? []).map((token) => /* @__PURE__ */ jsxs("li", {
+							className: "flex flex-wrap items-center gap-3 px-4 py-2 text-sm",
+							"data-testid": `worker-token-${token.id}`,
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "font-medium text-text-primary",
+									children: token.name
+								}),
+								/* @__PURE__ */ jsxs("code", {
+									className: "font-mono text-xs text-text-secondary",
+									children: [token.tokenPrefix, "…"]
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-xs text-text-secondary",
+									children: token.taskQueues.join(", ")
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "text-xs text-text-secondary",
+									children: token.connectionAllowlist.length > 0 ? tr("fluidgrids.taskQueues.connections", "{{count}} connections", { count: token.connectionAllowlist.length }) : tr("fluidgrids.taskQueues.noConnections", "no connections")
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "ml-auto flex gap-1",
+									children: [
+										canEditAllowlist && /* @__PURE__ */ jsx(Button$1, {
+											size: "sm",
+											variant: "ghost",
+											onClick: () => setAllowlist(token),
+											"data-testid": `worker-token-allowlist-${token.id}`,
+											children: tr("fluidgrids.taskQueues.editConnections", "Connections")
+										}),
+										canRotateToken && /* @__PURE__ */ jsx(Button$1, {
+											size: "sm",
+											variant: "ghost",
+											onClick: () => void rotate(token),
+											disabled: tokenBusy !== null,
+											"data-testid": `worker-token-rotate-${token.id}`,
+											children: tr("fluidgrids.taskQueues.rotate", "Rotate")
+										}),
+										canDeleteToken && /* @__PURE__ */ jsx(Button$1, {
+											size: "sm",
+											variant: "ghost",
+											className: "text-[var(--color-status-error-text)]",
+											onClick: () => void removeToken(token),
+											disabled: tokenBusy !== null,
+											"data-testid": `worker-token-delete-${token.id}`,
+											children: tr("fluidgrids.taskQueues.delete", "Delete")
+										})
+									]
+								})
+							]
+						}, token.id)), tokens.data && tokens.data.length === 0 && /* @__PURE__ */ jsx("li", {
+							className: "px-4 py-3 text-sm text-text-secondary",
+							children: tr("fluidgrids.taskQueues.noTokens", "No worker tokens.")
+						})]
+					})
+				]
+			}),
+			editing && /* @__PURE__ */ jsx(TaskQueueDialog, {
+				queue: editing.queue,
+				onClose: () => setEditing(null),
+				onSaved: () => {
+					setEditing(null);
+					queues.refetch();
+				}
+			}),
+			issuing && /* @__PURE__ */ jsx(WorkerTokenDialog, {
+				queues: selfHosted,
+				canSetAllowlist: canCreateToken,
+				onClose: () => setIssuing(false),
+				onCreated: (created) => {
+					setIssuing(false);
+					setSecret(created);
+					tokens.refetch();
+				}
+			}),
+			secret && /* @__PURE__ */ jsx(WorkerTokenSecretDialog, {
+				created: secret,
+				onClose: () => setSecret(null)
+			}),
+			allowlist && /* @__PURE__ */ jsx(AllowlistDialog, {
+				token: allowlist,
+				onClose: () => setAllowlist(null),
+				onSaved: () => {
+					setAllowlist(null);
+					tokens.refetch();
+				}
+			}),
+			/* @__PURE__ */ jsx(AlertDialog, {
+				open: deleting !== null,
+				onOpenChange: (open) => !open && setDeleting(null),
+				children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+					style: RUN_CONTROL_DIALOG_STYLE,
+					children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: tr("fluidgrids.taskQueues.deleteTitle", "Delete {{name}}?", { name: deleting?.name ?? "" }) }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr("fluidgrids.taskQueues.deleteDescription", "The service refuses while open runs or activities use the queue.") })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: tr("fluidgrids.runControl.common.cancel", "Cancel") }), /* @__PURE__ */ jsx(AlertDialogAction, {
+						onClick: () => void removeQueue(),
+						"data-testid": "task-queue-delete-confirm",
+						children: tr("fluidgrids.taskQueues.delete", "Delete")
+					})] })]
+				})
+			})
+		]
+	});
+}
+function TaskQueueStatsCard({ queue }) {
+	const tr = useTr();
+	const stats = useResource(`queue-stats:${queue.name}:${queue.environment ?? ""}`, true, () => fetchTaskQueueStats(queue.name, queue.environment), {
+		live: true,
+		intervalMs: 3e4
+	});
+	const data = stats.data;
+	return /* @__PURE__ */ jsxs("section", {
+		className: "grid gap-4 rounded-lg border border-border-secondary bg-background-secondary p-4 sm:grid-cols-3",
+		"data-testid": "task-queue-stats",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+				className: "text-xs uppercase text-text-secondary",
+				children: tr("fluidgrids.taskQueues.pollers", "Pollers")
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-2xl font-bold text-text-primary",
+				"data-testid": "task-queue-pollers",
+				children: data?.pollers ?? "—"
+			})] }),
+			["workflow", "activity"].map((kind) => /* @__PURE__ */ jsxs("div", { children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-xs uppercase text-text-secondary",
+					children: kind === "workflow" ? tr("fluidgrids.taskQueues.workflowBacklog", "Workflow backlog") : tr("fluidgrids.taskQueues.activityBacklog", "Activity backlog")
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-2xl font-bold text-text-primary",
+					"data-testid": `task-queue-backlog-${kind}`,
+					children: data ? data[kind].backlogCount : "—"
+				}),
+				data && /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-text-secondary",
+					children: tr("fluidgrids.taskQueues.rates", "oldest {{age}}s · {{add}}/s in · {{out}}/s out", {
+						age: Math.round(data[kind].approxBacklogAgeSeconds),
+						add: data[kind].tasksAddRate.toFixed(1),
+						out: data[kind].tasksDispatchRate.toFixed(1)
+					})
+				})
+			] }, kind)),
+			/* @__PURE__ */ jsx("div", {
+				className: "sm:col-span-3",
+				children: /* @__PURE__ */ jsx(FieldError, { message: stats.error })
+			})
+		]
+	});
+}
+
+export { taskQueueNameProblem as a, taskQueueInputOf as i, TaskQueuesPage as n, TaskQueuesPage_exports as r, TaskQueueStatsCard as t };