loopable-cli 0.2.0 → 0.3.0

package/.output/server/_ssr/runners-CK9Cx9fS.mjs

@@ -0,0 +1,217 @@
+import { f as eq } from "../_libs/drizzle-orm.mjs";
+import { f as runners, g as tasks, s as db } from "./client-Dk3SD8Il.mjs";
+import { a as runnerTokenKey, o as secretStore, r as joinTokenKey } from "./secrets-CV5scFlt.mjs";
+import { randomBytes, randomUUID } from "node:crypto";
+import { hostname } from "node:os";
+//#region node_modules/.nitro/vite/services/ssr/assets/runners-CK9Cx9fS.js
+/** This build's version, as published to npm. */
+var VERSION = {
+	name: "loopable-cli",
+	version: "0.2.1",
+	description: "CLI to run Loopable: App, Dispatcher, and Runner.",
+	license: "MIT",
+	type: "module",
+	bin: { "loopable": "./dist/cli.mjs" },
+	files: [
+		".output",
+		"dist",
+		"drizzle"
+	],
+	engines: { "node": ">=22" },
+	packageManager: "pnpm@11.22.0",
+	repository: {
+		"type": "git",
+		"url": "git+https://github.com/imsobear/loopable.git"
+	},
+	bugs: { "url": "https://github.com/imsobear/loopable/issues" },
+	homepage: "https://github.com/imsobear/loopable#readme",
+	publishConfig: { "access": "public" },
+	imports: { "#/*": "./src/*" },
+	scripts: {
+		"dev": "node --experimental-strip-types scripts/dev.ts",
+		"start": "node dist/cli.mjs start",
+		"dispatcher": "LOOPABLE_DEV=1 node --experimental-strip-types src/cli.ts dispatcher",
+		"runner": "LOOPABLE_DEV=1 node --experimental-strip-types src/cli.ts runner",
+		"generate-routes": "tsr generate",
+		"build": "vite build && node scripts/build-cli.mjs",
+		"preview": "vite preview",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"db:generate": "drizzle-kit generate",
+		"db:studio": "LOOPABLE_DEV=1 drizzle-kit studio",
+		"typecheck": "tsc --noEmit",
+		"release": "node scripts/release.mjs",
+		"deploy": "LOOPABLE_CF=1 vite build && wrangler deploy",
+		"site:dev": "pnpm --filter loopable-site dev",
+		"site:build": "pnpm --filter loopable-site build",
+		"site:deploy": "pnpm --filter loopable-site deploy",
+		"prepublishOnly": "pnpm typecheck && pnpm test && pnpm build"
+	},
+	dependencies: { "@libsql/client": "^0.18.0" },
+	devDependencies: {
+		"@base-ui/react": "^1.7.0",
+		"@cloudflare/containers": "^0.3.7",
+		"@cloudflare/vite-plugin": "^1.54.10",
+		"@fontsource-variable/geist": "^5.3.0",
+		"@tailwindcss/vite": "4.1.18",
+		"@tanstack/devtools-vite": "0.8.5",
+		"@tanstack/react-devtools": "0.10.12",
+		"@tanstack/react-router": "1.170.32",
+		"@tanstack/react-router-devtools": "1.167.1",
+		"@tanstack/react-start": "1.168.49",
+		"@tanstack/router-cli": "1.167.33",
+		"@types/node": "^22.10.2",
+		"@types/qrcode": "^1.5.6",
+		"@types/react": "^19.2.0",
+		"@types/react-dom": "^19.2.0",
+		"@vitejs/plugin-react": "^6.0.1",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
+		"drizzle-kit": "^0.31.10",
+		"drizzle-orm": "^0.45.2",
+		"esbuild": "^0.28.2",
+		"lucide-react": "^1.39.0",
+		"next-themes": "^0.4.6",
+		"nitro": "3.0.260610-beta",
+		"qrcode": "^1.5.4",
+		"react": "19.2.0",
+		"react-dom": "19.2.0",
+		"shadcn": "^4.19.1",
+		"sonner": "^2.0.8",
+		"tailwind-merge": "^3.6.0",
+		"tailwindcss": "4.1.18",
+		"tw-animate-css": "^1.4.0",
+		"typescript": "^6.0.2",
+		"vite": "^8.0.0",
+		"vitest": "^4.1.11",
+		"wrangler": "^4.132.0"
+	}
+}.version;
+/** Whether `a` is an older x.y.z than `b`. Anything unreadable counts as older. */
+function olderThan(a, b) {
+	if (!a) return true;
+	const pa = a.split(".").map((part) => Number.parseInt(part, 10));
+	const pb = b.split(".").map((part) => Number.parseInt(part, 10));
+	for (let i = 0; i < 3; i++) {
+		const x = pa[i] ?? 0;
+		const y = pb[i] ?? 0;
+		if (Number.isNaN(x)) return true;
+		if (x !== y) return x < y;
+	}
+	return false;
+}
+var ONLINE_MS = 45e3;
+function protocolOf(row) {
+	return row.protocol ?? 1;
+}
+function buildFields(build) {
+	return {
+		version: typeof build.version === "string" && build.version ? build.version : null,
+		protocol: typeof build.protocol === "number" ? build.protocol : null
+	};
+}
+function isRunnerOnline(row, now = Date.now()) {
+	if (row.status !== "online") return false;
+	if (!row.lastSeenAt) return false;
+	return now - row.lastSeenAt.getTime() < ONLINE_MS;
+}
+function toView(row, now = Date.now()) {
+	const online = isRunnerOnline(row, now);
+	return {
+		id: row.id,
+		name: row.name,
+		hostname: row.hostname,
+		status: online ? "online" : "offline",
+		inventory: row.inventory,
+		lastSeenAt: row.lastSeenAt?.toISOString() ?? null,
+		version: row.version,
+		protocol: protocolOf(row),
+		outdated: protocolOf(row) < 2 || olderThan(row.version, VERSION)
+	};
+}
+async function listRunners() {
+	await db().delete(runners).where(eq(runners.id, "host")).run();
+	const now = Date.now();
+	return (await db().select().from(runners).all()).map((row) => toView(row, now));
+}
+async function getRunner(id) {
+	return await db().select().from(runners).where(eq(runners.id, id)).get();
+}
+async function onlineRunnerCount() {
+	return (await listRunners()).filter((row) => row.status === "online").length;
+}
+/** Agent ids signed in on an online runner. */
+async function availableAgentIds(requiresHost = false, minProtocol = 0) {
+	const local = hostname();
+	return [...new Set((await listRunners()).filter((row) => row.status === "online" && (!requiresHost || row.hostname === local) && row.protocol >= minProtocol).flatMap((row) => row.inventory.filter((entry) => entry.installed && entry.signedIn).map((entry) => entry.agentId)))];
+}
+async function getJoinToken() {
+	const existing = await secretStore().get(joinTokenKey());
+	if (existing) return existing;
+	const token = randomBytes(24).toString("base64url");
+	await secretStore().set(joinTokenKey(), token);
+	return token;
+}
+async function rotateJoinToken() {
+	const token = randomBytes(24).toString("base64url");
+	await secretStore().set(joinTokenKey(), token);
+	return token;
+}
+async function heartbeatRunner(runnerId, inventory, build = {}) {
+	if (!await getRunner(runnerId)) throw new Error("Unknown runner.");
+	await db().update(runners).set({
+		status: "online",
+		inventory,
+		lastSeenAt: /* @__PURE__ */ new Date(),
+		...buildFields(build)
+	}).where(eq(runners.id, runnerId)).run();
+	return toView(await getRunner(runnerId));
+}
+async function joinRunner(input) {
+	const expected = await getJoinToken();
+	if (!input.joinToken || input.joinToken !== expected) throw new Error("That join token is not valid.");
+	const existing = (await db().select().from(runners).all()).find((row) => row.hostname === input.hostname);
+	const id = existing?.id ?? randomUUID();
+	const name = existing?.name ?? input.hostname;
+	const now = /* @__PURE__ */ new Date();
+	if (existing) await db().update(runners).set({
+		status: "online",
+		inventory: input.inventory,
+		lastSeenAt: now,
+		hostname: input.hostname,
+		...buildFields(input)
+	}).where(eq(runners.id, id)).run();
+	else await db().insert(runners).values({
+		id,
+		name,
+		hostname: input.hostname,
+		status: "online",
+		inventory: input.inventory,
+		lastSeenAt: now,
+		...buildFields(input)
+	}).run();
+	const token = randomBytes(24).toString("base64url");
+	await secretStore().set(runnerTokenKey(id), token);
+	return {
+		runnerId: id,
+		runnerToken: token,
+		name
+	};
+}
+async function runnerIdForToken(token) {
+	if (!token) return null;
+	for (const row of await db().select().from(runners).all()) {
+		const stored = await secretStore().get(runnerTokenKey(row.id)) ?? await secretStore().get(`runners.machine.${row.id}`);
+		if (stored && stored === token) return row.id;
+	}
+	return null;
+}
+async function forgetRunner(id) {
+	if (!await getRunner(id)) throw new Error("Unknown runner.");
+	if ((await db().select().from(tasks).all()).some((task) => task.runnerId === id && task.state === "awaiting_agent")) throw new Error("This runner still has a run in flight.");
+	await db().delete(runners).where(eq(runners.id, id)).run();
+	await secretStore().delete(runnerTokenKey(id));
+	await secretStore().delete(`runners.machine.${id}`);
+}
+//#endregion
+export { getRunner as a, joinRunner as c, protocolOf as d, rotateJoinToken as f, getJoinToken as i, listRunners as l, availableAgentIds as n, heartbeatRunner as o, runnerIdForToken as p, forgetRunner as r, isRunnerOnline as s, VERSION as t, onlineRunnerCount as u };

package/.output/server/_ssr/runners-CrznFPHt.mjs

@@ -0,0 +1,140 @@
+import { K as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { m as useRouter } from "../_libs/@tanstack/react-router+[...].mjs";
+import { t as VERSION } from "./runners-CK9Cx9fS.mjs";
+import { n as agentManifest } from "./agents-B_qo1gpL.mjs";
+import { o as Server, s as RotateCcw, w as Copy } from "../_libs/lucide-react.mjs";
+import { n as toast } from "../_libs/sonner.mjs";
+import { P as cn, i as rotateRunnerJoinToken, n as Route$7, r as removeRunner, v as Button$1 } from "./router-DdwREiOf.mjs";
+import { a as List, o as PageHeader, t as Empty } from "./page-DZVxKvdn.mjs";
+import { n as useLiveRefresh } from "./use-live-tasks-BzhTkEOL.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/runners-CrznFPHt.js
+var import_jsx_runtime = require_jsx_runtime();
+/** Which agents this runner has, in a few words. */
+function agentsOn(runner) {
+	if (runner.inventory.length === 0) return "No agents found";
+	return runner.inventory.map((entry) => {
+		const name = agentManifest(entry.agentId)?.name ?? entry.agentId;
+		return entry.signedIn ? name : entry.installed ? `${name} (not signed in)` : `${name} (missing)`;
+	}).join(", ");
+}
+function RunnersPage() {
+	const { runners, joinToken, origin } = Route$7.useLoaderData();
+	const router = useRouter();
+	useLiveRefresh();
+	const commands = ["npm install -g loopable-cli", `loopable runner --url ${origin} --token ${joinToken}`].join("\n");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
+				title: "Runners",
+				description: `Machines that run agents for your loops. This App is v${VERSION}.`
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "text-sm font-medium",
+							children: "Join a runner"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+							variant: "ghost",
+							size: "sm",
+							onClick: async () => {
+								if (!window.confirm("Rotate the join token? Runners already joined keep working.")) return;
+								try {
+									await rotateRunnerJoinToken();
+									await router.invalidate();
+									toast.success("Join token rotated");
+								} catch (error) {
+									toast.error(error instanceof Error ? error.message : String(error));
+								}
+							},
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, {}), "Rotate token"]
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-start gap-2 rounded-xl bg-muted p-1 pl-3",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+							className: "min-w-0 flex-1 overflow-x-auto py-1.5 text-xs leading-relaxed",
+							children: commands
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+							variant: "ghost",
+							size: "icon-sm",
+							"aria-label": "Copy",
+							onClick: async () => {
+								await navigator.clipboard.writeText(commands);
+								toast.success("Copied");
+							},
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, {})
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Needs Node 22+ and an agent CLI signed in on that machine. Skip the first line if the CLI is already installed."
+					})
+				]
+			}),
+			runners.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, { children: "No runner has joined yet. Tasks wait until one is online." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, { children: runners.map((runner) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-3 px-4 py-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Server, { className: "size-4" })
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "min-w-0 flex-1",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "truncate text-sm font-medium",
+									children: runner.name
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("size-1.5 rounded-full", runner.status === "online" ? "bg-emerald-500" : "bg-muted-foreground/50") }), runner.status === "online" ? "Online" : "Offline"]
+								})]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+								className: "mt-0.5 truncate text-xs text-muted-foreground",
+								children: [
+									runner.hostname,
+									" · ",
+									runner.version ? `v${runner.version}` : "version unknown",
+									" ·",
+									" ",
+									agentsOn(runner)
+								]
+							}),
+							runner.outdated ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+								className: "mt-1 text-xs text-amber-700 dark:text-amber-500",
+								children: [
+									"Older than this App (v",
+									VERSION,
+									"), so it may not take every job. On that machine, run ",
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "npm install -g loopable-cli" }),
+									" and restart the runner."
+								]
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onClick: async () => {
+							try {
+								await removeRunner({ data: { id: runner.id } });
+								await router.invalidate();
+							} catch (error) {
+								toast.error(error instanceof Error ? error.message : String(error));
+							}
+						},
+						children: "Forget"
+					})
+				]
+			}, runner.id)) })
+		]
+	});
+}
+//#endregion
+export { RunnersPage as component };

package/.output/server/_ssr/runners-W-pgo5yo.mjs

@@ -0,0 +1,55 @@
+import { r as createServerFn } from "./ssr.mjs";
+import { f as rotateJoinToken, i as getJoinToken, l as listRunners, r as forgetRunner } from "./runners-CK9Cx9fS.mjs";
+import { t as createServerRpc } from "./createServerRpc-DDrp2nLT.mjs";
+import { networkInterfaces } from "node:os";
+//#region node_modules/.nitro/vite/services/ssr/assets/runners-W-pgo5yo.js
+function configuredOrigin() {
+	return process.env.LOOPABLE_BASE_URL?.replace(/\/$/, "") || null;
+}
+/** First non-internal IPv4, preferring typical LAN ranges. */
+function lanIPv4(nics = networkInterfaces()) {
+	const found = [];
+	for (const addrs of Object.values(nics)) for (const addr of addrs ?? []) {
+		if (addr.internal) continue;
+		if (!["IPv4", "4"].includes(String(addr.family))) continue;
+		found.push(addr.address);
+	}
+	return found.find((ip) => ip.startsWith("192.168.")) ?? found.find((ip) => ip.startsWith("10.")) ?? found.find((ip) => {
+		const b = Number(ip.split(".")[1]);
+		return ip.startsWith("172.") && b >= 16 && b <= 31;
+	}) ?? found[0] ?? null;
+}
+/** Where runners should address this Loopable. A LAN IP when one exists. */
+function loopableOrigin(nics = networkInterfaces()) {
+	const configured = configuredOrigin();
+	if (configured) return configured;
+	const port = process.env.PORT ?? process.env.NITRO_PORT ?? "4321";
+	return `http://${lanIPv4(nics) ?? "127.0.0.1"}:${port}`;
+}
+var getRunnersPage_createServerFn_handler = createServerRpc({
+	id: "45dbbb612763589268984d236edcd17f5868ecf716df9625bfa46e7fec691f4e",
+	name: "getRunnersPage",
+	filename: "src/server/functions/runners.ts"
+}, (opts) => getRunnersPage.__executeServer(opts));
+var getRunnersPage = createServerFn({ method: "GET" }).handler(getRunnersPage_createServerFn_handler, async () => ({
+	runners: await listRunners(),
+	joinToken: await getJoinToken(),
+	origin: loopableOrigin()
+}));
+var rotateRunnerJoinToken_createServerFn_handler = createServerRpc({
+	id: "b4f7a66e1bb69cc14ab84d8f5dc7f85119c9a9b1d065a6b4e51dd0ba84c3f60c",
+	name: "rotateRunnerJoinToken",
+	filename: "src/server/functions/runners.ts"
+}, (opts) => rotateRunnerJoinToken.__executeServer(opts));
+var rotateRunnerJoinToken = createServerFn({ method: "POST" }).handler(rotateRunnerJoinToken_createServerFn_handler, async () => await rotateJoinToken());
+var removeRunner_createServerFn_handler = createServerRpc({
+	id: "611491b32d9583ccaae637ddf9fb2f842ff75994f50513ecd8273e305e889eb8",
+	name: "removeRunner",
+	filename: "src/server/functions/runners.ts"
+}, (opts) => removeRunner.__executeServer(opts));
+var removeRunner = createServerFn({ method: "POST" }).validator((data) => data).handler(removeRunner_createServerFn_handler, async ({ data }) => {
+	await forgetRunner(data.id);
+	return await listRunners();
+});
+//#endregion
+export { getRunnersPage_createServerFn_handler, removeRunner_createServerFn_handler, rotateRunnerJoinToken_createServerFn_handler };

package/.output/server/_ssr/{secrets-CRnpwGBh.mjs → secrets-CV5scFlt.mjs}

@@ -1,9 +1,9 @@
 import { f as eq } from "../_libs/drizzle-orm.mjs";
-import { m as secrets, o as dataDir, p as secretNamespace, s as db } from "./client-BtVRVhQ2.mjs";
+import { m as secrets, o as dataDir, p as secretNamespace, s as db } from "./client-Dk3SD8Il.mjs";
 import { chmodSync, existsSync, readFileSync, rmSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
 import { execFileSync } from "node:child_process";
-//#region node_modules/.nitro/vite/services/ssr/assets/secrets-CRnpwGBh.js
+//#region node_modules/.nitro/vite/services/ssr/assets/secrets-CV5scFlt.js
 /**
 * Hosted Loopable shares a network database between the App Worker and the
 * Dispatcher. A local laptop still uses a file, and needs none of this.

package/.output/server/_ssr/select-BtndHhHb.mjs

@@ -0,0 +1,76 @@
+import "../_runtime.mjs";
+import { C as SelectValue$1, K as require_jsx_runtime, S as SelectIcon, T as SelectRoot, _ as SelectItem$1, b as SelectPositioner, g as SelectItemIndicator, h as SelectItemText, m as SelectScrollDownArrow, p as SelectScrollUpArrow, q as require_react, v as SelectList, w as SelectTrigger$1, x as SelectPortal, y as SelectPopup } from "../_libs/@base-ui/react+[...].mjs";
+import { L as ChevronDown, P as ChevronUp, R as Check } from "../_libs/lucide-react.mjs";
+import { P as cn } from "./router-DdwREiOf.mjs";
+require_react();
+var import_jsx_runtime = require_jsx_runtime();
+var Select$1 = SelectRoot;
+function SelectValue({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue$1, {
+		"data-slot": "select-value",
+		className: cn("flex flex-1 text-left", className),
+		...props
+	});
+}
+function SelectTrigger({ className, size = "default", children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectTrigger$1, {
+		"data-slot": "select-trigger",
+		"data-size": size,
+		className: cn("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectIcon, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "pointer-events-none size-4 text-muted-foreground" }) })]
+	});
+}
+function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		alignItemWithTrigger,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectPopup, {
+			"data-slot": "select-content",
+			"data-align-trigger": alignItemWithTrigger,
+			className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props,
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpButton, {}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectList, { children }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownButton, {})
+			]
+		})
+	}) });
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectItem$1, {
+		"data-slot": "select-item",
+		className: cn("relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemText, {
+			className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+			children
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemIndicator, {
+			render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "pointer-events-none" })
+		})]
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpArrow, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {})
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownArrow, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})
+	});
+}
+//#endregion
+export { SelectValue as a, SelectTrigger as i, SelectContent as n, SelectItem as r, Select$1 as t };

package/.output/server/_ssr/{setting-fields-mpXfGftI.mjs → setting-fields-LNgywAW7.mjs}

@@ -1,8 +1,10 @@
-import { U as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
-import { S as Input$1, _ as SelectItem, b as Label, g as SelectContent, h as Select$1, v as SelectTrigger, y as SelectValue } from "./router-BbrBz36P.mjs";
-import { t as Switch$1 } from "./switch-1pnd_bPJ.mjs";
-import { t as Textarea } from "./textarea-CHJTKtsJ.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/setting-fields-mpXfGftI.js
+import { K as require_jsx_runtime } from "../_libs/@base-ui/react+[...].mjs";
+import { g as Input$1 } from "./router-DdwREiOf.mjs";
+import { r as Label } from "./page-DZVxKvdn.mjs";
+import { a as SelectValue, i as SelectTrigger, n as SelectContent, r as SelectItem, t as Select$1 } from "./select-BtndHhHb.mjs";
+import { t as Switch$1 } from "./switch-odxNO_S4.mjs";
+import { t as Textarea } from "./textarea-D2c_vTIC.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/setting-fields-LNgywAW7.js
 var import_jsx_runtime = require_jsx_runtime();
 /**
 * One renderer for anything a connector declares as a field, so connection
@@ -31,16 +33,19 @@ function SettingFieldInputs({ fields, values, onChange, idPrefix = "" }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fields.map((field) => {
 		const id = `${idPrefix}${field.key}`;
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "flex flex-col gap-2",
+			className: "flex flex-col gap-1.5",
 			children: field.kind === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center justify-between gap-4",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
-					htmlFor: id,
-					children: field.label
-				}), field.help ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "mt-1 text-xs text-muted-foreground",
-					children: field.help
-				}) : null] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-0.5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+						htmlFor: id,
+						children: field.label
+					}), field.help ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: field.help
+					}) : null]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch$1, {
 					id,
 					checked: Boolean(values[field.key]),
 					onCheckedChange: (checked) => onChange(field.key, checked)
@@ -50,13 +55,9 @@ function SettingFieldInputs({ fields, values, onChange, idPrefix = "" }) {
 					htmlFor: id,
 					children: field.label
 				}),
-				field.help ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "text-xs text-muted-foreground",
-					children: field.help
-				}) : null,
 				field.kind === "string_list" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
 					id,
-					rows: 4,
+					rows: 3,
 					placeholder: field.placeholder,
 					value: (values[field.key] ?? []).join("\n"),
 					onChange: (event) => onChange(field.key, event.target.value.split("\n").map((line) => line.trim()).filter(Boolean))
@@ -65,7 +66,7 @@ function SettingFieldInputs({ fields, values, onChange, idPrefix = "" }) {
 					onValueChange: (value) => onChange(field.key, value),
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTrigger, {
 						id,
-						className: "w-full",
+						className: "w-full sm:max-w-xs",
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { children: (value) => field.options.find((option) => option.value === value)?.label ?? value })
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
 						value: option.value,
@@ -76,7 +77,11 @@ function SettingFieldInputs({ fields, values, onChange, idPrefix = "" }) {
 					placeholder: field.placeholder,
 					value: values[field.key],
 					onChange: (event) => onChange(field.key, event.target.value)
-				})
+				}),
+				field.help ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "text-xs text-muted-foreground",
+					children: field.help
+				}) : null
 			] })
 		}, field.key);
 	}) });