loopable-cli 0.2.0 → 0.3.0

package/.output/server/_connectorId-COuQN02a.mjs

@@ -0,0 +1,512 @@
+import { i as __toESM } from "./_runtime.mjs";
+import { K as require_jsx_runtime, c as AvatarFallback$1, l as AvatarImage$1, q as require_react, u as AvatarRoot } from "./_libs/@base-ui/react+[...].mjs";
+import { f as Link, m as useRouter } from "./_libs/@tanstack/react-router+[...].mjs";
+import { a as connectionNoun, d as destinationLabel, s as connectorManifest } from "./_ssr/connections-Cqvb6Gw2.mjs";
+import { l as registrableCallbackUrl } from "./_ssr/access-DTttr563.mjs";
+import { F as ChevronRight, N as CircleAlert, c as RefreshCw, g as Loader, l as Plus, s as RotateCcw } from "./_libs/lucide-react.mjs";
+import { n as toast } from "./_libs/sonner.mjs";
+import { A as continueQrLogin, M as saveConnectionSettings, N as verifyConnection, O as beginQrLogin, P as cn, _ as Badge, g as Input$1, j as disconnectConnection, k as connectWithToken, u as Route$14, v as Button$1 } from "./_ssr/router-DdwREiOf.mjs";
+import { t as ConnectorIcon } from "./_ssr/connector-icon-DrhVbhs6.mjs";
+import { a as List, o as PageHeader, r as Label, t as Empty } from "./_ssr/page-DZVxKvdn.mjs";
+import { n as initialFieldValues, t as SettingFieldInputs } from "./_ssr/setting-fields-LNgywAW7.mjs";
+import { t as ConnectionStatusBadge } from "./_ssr/connection-status-BogAL-Fj.mjs";
+import { n as AlertDescription, r as AlertTitle, t as Alert } from "./_ssr/alert-C2WBWfzo.mjs";
+import { n as CardContent, t as Card } from "./_ssr/card-r1cV-PCN.mjs";
+import { t as ago } from "./_ssr/time-Cy8TZP0Z.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/_connectorId-COuQN02a.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+/** Renders a connector's settings from its manifest, so no page knows the fields. */
+function ConnectionSettingsForm({ fields, connection }) {
+	const router = useRouter();
+	const [values, setValues] = (0, import_react.useState)(() => initialFieldValues(fields, connection.settings));
+	const [saving, setSaving] = (0, import_react.useState)(false);
+	if (fields.length === 0) return null;
+	const save = async () => {
+		setSaving(true);
+		try {
+			await saveConnectionSettings({ data: {
+				id: connection.id,
+				settings: values
+			} });
+			await router.invalidate();
+			toast.success("Settings saved");
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setSaving(false);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-5",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingFieldInputs, {
+			fields,
+			values,
+			onChange: (key, value) => setValues((prev) => ({
+				...prev,
+				[key]: value
+			}))
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+			onClick: save,
+			disabled: saving,
+			children: saving ? "Saving..." : "Save settings"
+		}) })]
+	});
+}
+var LOOK_EVERY_MS = 2e3;
+/**
+* A login that finishes on a phone.
+*
+* The waiting is the whole component: a code lasts about two minutes, so it
+* has to say plainly whether it is still good, and offer another the moment it
+* is not. A dead square with no explanation is the failure to avoid.
+*/
+function QrConnect({ connectorId, note, onDone }) {
+	const router = useRouter();
+	const [code, setCode] = (0, import_react.useState)(null);
+	const [hint, setHint] = (0, import_react.useState)(null);
+	const [expired, setExpired] = (0, import_react.useState)(null);
+	const [loading, setLoading] = (0, import_react.useState)(true);
+	/** Polling reads this, so a code replaced mid-flight is not polled again. */
+	const current = (0, import_react.useRef)(null);
+	const fetchCode = async () => {
+		setLoading(true);
+		setExpired(null);
+		setHint(null);
+		try {
+			const started = await beginQrLogin({ data: { connectorId } });
+			current.current = started.attempt;
+			setCode({
+				image: started.image,
+				attempt: started.attempt
+			});
+		} catch (error) {
+			setExpired(error instanceof Error ? error.message : String(error));
+			setCode(null);
+		} finally {
+			setLoading(false);
+		}
+	};
+	(0, import_react.useEffect)(() => {
+		fetchCode();
+	}, [connectorId]);
+	(0, import_react.useEffect)(() => {
+		if (!code || expired) return;
+		let stop = false;
+		const look = async () => {
+			while (!stop) {
+				await new Promise((resolve) => setTimeout(resolve, LOOK_EVERY_MS));
+				if (stop || current.current === null) return;
+				try {
+					const outcome = await continueQrLogin({ data: {
+						connectorId,
+						attempt: current.current
+					} });
+					if (stop) return;
+					if (outcome.state === "connected") {
+						toast.success(`Connected ${outcome.accountLabel ?? connectorId}`);
+						await router.invalidate();
+						onDone?.();
+						return;
+					}
+					if (outcome.state === "expired") {
+						setExpired(outcome.reason ?? "The code expired before it was scanned.");
+						return;
+					}
+					current.current = outcome.attempt;
+					setHint(outcome.hint ?? null);
+				} catch (error) {
+					if (stop) return;
+					setHint(error instanceof Error ? error.message : String(error));
+				}
+			}
+		};
+		look();
+		return () => {
+			stop = true;
+		};
+	}, [
+		code,
+		expired,
+		connectorId,
+		router,
+		onDone
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "flex flex-col items-center gap-4 py-4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "max-w-md text-center text-sm text-muted-foreground",
+				children: note
+			}),
+			expired ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+				variant: "destructive",
+				className: "max-w-md",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, { children: expired })]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex size-[240px] items-center justify-center rounded-lg border bg-white",
+				children: loading || !code ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loader, { className: "size-5 animate-spin text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+					src: code.image,
+					alt: "Scan with WeChat to connect",
+					className: "size-[240px]"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: expired ? "Ask for another and scan it this time." : hint ?? "Waiting for a scan..."
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				variant: expired ? "default" : "outline",
+				size: "sm",
+				onClick: fetchCode,
+				disabled: loading,
+				children: expired ? "New code" : "Start over"
+			})
+		]
+	}) });
+}
+/**
+* A secret someone already has, pasted once.
+*
+* The token reaches this form and is sent to the server; it is never written
+* back. There is no consent screen and no account login.
+*/
+function TokenConnect({ connectorId, fields, note, helpUrl, onDone }) {
+	const router = useRouter();
+	const [values, setValues] = (0, import_react.useState)(() => Object.fromEntries(fields.map((field) => [field.key, ""])));
+	const [saving, setSaving] = (0, import_react.useState)(false);
+	const save = async () => {
+		setSaving(true);
+		try {
+			const result = await connectWithToken({ data: {
+				connectorId,
+				fields: values
+			} });
+			toast.success(`Connected ${result.accountLabel ?? connectorId}`);
+			await router.invalidate();
+			onDone?.();
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setSaving(false);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+		className: "flex flex-col gap-4 py-2",
+		children: [
+			note ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [note, helpUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [" ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+					href: helpUrl,
+					target: "_blank",
+					rel: "noreferrer",
+					className: "underline hover:text-foreground",
+					children: "Open the app dashboard"
+				})] }) : null]
+			}) : null,
+			fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
+					htmlFor: `token-${field.key}`,
+					children: field.label
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
+					id: `token-${field.key}`,
+					type: field.secret ? "password" : "text",
+					autoComplete: "off",
+					spellCheck: false,
+					placeholder: field.placeholder,
+					value: values[field.key] ?? "",
+					onChange: (event) => setValues((prev) => ({
+						...prev,
+						[field.key]: event.target.value
+					}))
+				})]
+			}, field.key)),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+				onClick: save,
+				disabled: saving,
+				children: saving ? "Connecting..." : "Connect"
+			}) })
+		]
+	}) });
+}
+function Avatar$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarRoot, {
+		"data-slot": "avatar",
+		"data-size": size,
+		className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage$1, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full rounded-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback$1, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className),
+		...props
+	});
+}
+function ConnectorDetailPage() {
+	const { connectorId } = Route$14.useParams();
+	const state = Route$14.useLoaderData();
+	const manifest = connectorManifest(connectorId);
+	const canAddAccount = manifest.allowsMultipleAccounts || state.connections.length === 0;
+	const scans = manifest.auth.kind === "qr_scan";
+	const tokens = manifest.auth.kind === "token";
+	const [scanning, setScanning] = (0, import_react.useState)(false);
+	const [pasting, setPasting] = (0, import_react.useState)(false);
+	const connectButton = state.readiness.ready && canAddAccount ? scans ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+		onClick: () => setScanning((open) => !open),
+		children: scanning ? "Cancel" : "Connect"
+	}) : tokens ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+		onClick: () => setPasting((open) => !open),
+		children: pasting ? "Cancel" : "Add bot"
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+		nativeButton: false,
+		render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: `/api/connectors/${connectorId}/authorize` }),
+		children: state.connections.length > 0 ? "Add account" : "Connect"
+	}) : null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageHeader, {
+				back: {
+					to: "/connectors",
+					label: "Connectors"
+				},
+				icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectorIcon, {
+					icon: manifest.icon,
+					accent: manifest.accent
+				}),
+				title: manifest.name,
+				description: manifest.tagline,
+				actions: connectButton
+			}),
+			!state.readiness.ready ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: "Not available in this build" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDescription, {
+					className: "flex flex-col gap-1",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: state.readiness.reason }),
+						state.readiness.fixHint ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: state.readiness.fixHint }) : null,
+						manifest.auth.kind === "oauth_redirect" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "text-xs",
+							children: ["Callback URL: ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: registrableCallbackUrl(connectorId) })]
+						}) : null
+					]
+				})]
+			}) : null,
+			scanning && manifest.auth.kind === "qr_scan" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QrConnect, {
+				connectorId,
+				note: manifest.auth.note,
+				onDone: () => setScanning(false)
+			}) : null,
+			pasting && manifest.auth.kind === "token" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TokenConnect, {
+				connectorId,
+				fields: manifest.auth.fields,
+				note: manifest.auth.note,
+				helpUrl: manifest.auth.helpUrl,
+				onDone: () => setPasting(false)
+			}) : null,
+			state.connections.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, { children: state.connections.map((connection) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectionRow, {
+				connection,
+				manifest
+			}, connection.id)) }) : state.readiness.ready && !scanning && !pasting ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Empty, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+				"No ",
+				connectionNoun(connectorId),
+				" connected yet."
+			] }), manifest.auth.kind === "oauth_redirect" && manifest.auth.note ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "max-w-md text-xs",
+				children: manifest.auth.note
+			}) : null] }) : null,
+			/* @__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: "Loops"
+					}), manifest.triggers.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						nativeButton: false,
+						render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { to: "/loops/new" }),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, {}), "New loop"]
+					}) : null]
+				}), state.loops.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"No loop uses ",
+						manifest.name,
+						" yet."
+					]
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(List, { children: state.loops.map((loop) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Link, {
+					to: "/loops/$loopId",
+					params: { loopId: loop.id },
+					className: "flex items-center gap-3 px-4 py-2.5 transition-colors hover:bg-muted/50",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "truncate text-sm font-medium",
+								children: loop.name
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+								className: "truncate text-xs text-muted-foreground",
+								children: loop.connectorId === connectorId ? destinationLabel(loop.actionConnectorId, loop.actionId) : `Answers here, from ${connectorManifest(loop.connectorId)?.name ?? loop.connectorId}`
+							})]
+						}),
+						loop.enabled ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+							variant: "secondary",
+							children: "Off"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "size-4 text-muted-foreground" })
+					]
+				}, loop.id)) })]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "grid gap-6 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CapabilityList, {
+						title: "Starts when",
+						empty: "Nothing. This connector cannot start a loop.",
+						items: manifest.triggers.map((trigger) => ({
+							id: trigger.id,
+							name: trigger.when,
+							summary: `When ${trigger.trigger}.`
+						}))
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CapabilityList, {
+						title: "Workflows",
+						empty: "None. Use a custom loop.",
+						items: manifest.workflows.map((workflow) => ({
+							id: workflow.id,
+							name: workflow.name,
+							summary: workflow.summary
+						}))
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CapabilityList, {
+						title: "Send to",
+						empty: "Nothing. This connector only reads.",
+						items: manifest.actions.map((action) => ({
+							id: action.id,
+							name: action.name,
+							summary: action.summary
+						}))
+					})
+				]
+			})
+		]
+	});
+}
+function CapabilityList({ title, empty, items }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+			className: "text-sm font-medium",
+			children: title
+		}), items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-sm text-muted-foreground",
+			children: empty
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+			className: "flex flex-col gap-2",
+			children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-sm",
+				children: item.name
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-xs text-muted-foreground",
+				children: item.summary
+			})] }, item.id))
+		})]
+	});
+}
+function ConnectionRow({ connection, manifest }) {
+	const router = useRouter();
+	const [busy, setBusy] = (0, import_react.useState)(null);
+	const broken = connection.status === "needs_reauth" || connection.status === "error";
+	const run = async (action) => {
+		setBusy(action);
+		try {
+			if (action === "verify") {
+				const updated = await verifyConnection({ data: { id: connection.id } });
+				toast[updated.status === "connected" ? "success" : "error"](updated.status === "connected" ? `${updated.accountLabel} is reachable` : updated.lastError ?? "This connection is not usable");
+			} else {
+				await disconnectConnection({ data: { id: connection.id } });
+				toast.success(`Disconnected ${connection.accountLabel}`);
+			}
+			await router.invalidate();
+		} catch (error) {
+			toast.error(error instanceof Error ? error.message : String(error));
+		} finally {
+			setBusy(null);
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-4 px-4 py-3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Avatar$1, {
+						className: "size-8",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarImage, {
+							src: connection.avatarUrl ?? void 0,
+							alt: connection.accountLabel
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { children: connection.accountLabel.slice(0, 2).toUpperCase() })]
+					}),
+					/* @__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: connection.accountLabel
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectionStatusBadge, { status: connection.status })]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							suppressHydrationWarning: true,
+							className: "mt-0.5 truncate text-xs text-muted-foreground",
+							children: [connection.lastSyncedAt ? `Checked ${ago(connection.lastSyncedAt)}` : "Not checked yet", connection.scopes.length > 0 ? connection.scopes.join(", ") : null].filter(Boolean).join(" · ")
+						})]
+					}),
+					broken ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						size: "sm",
+						nativeButton: false,
+						render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: `/api/connectors/${connection.connectorId}/authorize` }),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RotateCcw, {}), "Reconnect"]
+					}) : null,
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => run("verify"),
+						disabled: busy !== null,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { className: busy === "verify" ? "animate-spin" : void 0 }), "Verify"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							if (window.confirm(`Disconnect ${connection.accountLabel}?`)) run("disconnect");
+						},
+						disabled: busy !== null,
+						children: "Disconnect"
+					})
+				]
+			}),
+			connection.lastError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-xs text-destructive",
+				children: connection.lastError
+			}) : null,
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectionSettingsForm, {
+				fields: manifest.settings,
+				connection
+			})
+		]
+	});
+}
+//#endregion
+export { ConnectorDetailPage as component };