@kky42/pievo-server 2.2.0 → 2.4.1

package/.output/server/_ssr/DashboardView-D_hKsCsv.mjs

@@ -0,0 +1,1098 @@
+import { o as __toESM } from "../_runtime.mjs";
+import { g as require_react, h as require_jsx_runtime, s as TooltipProvider } from "../_libs/@base-ui/react+[...].mjs";
+import { E as selectCls, S as rel, a as btn, b as labelCls, c as btnPrimaryPill, d as cronText, k as useHydrated, o as btnDanger, p as dotLabel, r as Pill, s as btnPrimary, t as ErrorBanner, u as btnSm, x as lastRunOf, y as inputCls } from "./ui-DmFKW2H_.mjs";
+import { d as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
+import { _ as listMyTeams, f as getConfig, g as listLoops, n as GitHubIcon, o as claimStatus, r as PievoLogo, t as GITHUB_URL, v as loadOlderRuns, y as mintClaim } from "./SocialLinks-BTjsnVOm.mjs";
+import { t as setActiveTeamCookie } from "./teamCookie-B7hLOIie.mjs";
+import { a as getTeamDetail, d as revokeTeamInvite, f as setTeamMemberRole, i as deleteTeam, l as removeTeamMember, n as createTeam, o as leaveTeam, r as createTeamInvite, s as listManagedTeams, t as addTeamMember, u as renameTeam } from "./teamFns-DcoVuWyH.mjs";
+import { r as deriveLoopLifecycle } from "./lifecycleUi-Dad3hvhm.mjs";
+import { a as Timeline, i as ModalSection, n as Modal, o as listMachines, r as ModalHead, s as mergeRuns, t as MachinesModal } from "./MachinesModal-DZ_9ErAU.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/DashboardView-D_hKsCsv.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+function LoopCard({ loop, onOpen, onPickRun }) {
+	const en = loop.enabled;
+	const last = lastRunOf(loop);
+	const lifecycle = deriveLoopLifecycle(loop);
+	const hydrated = useHydrated();
+	const [older, setOlder] = (0, import_react.useState)([]);
+	const runs = (0, import_react.useMemo)(() => older.length ? mergeRuns(loop.runs ?? [], older) : loop.runs ?? [], [loop.runs, older]);
+	const newestRun = runs.at(-1);
+	const latestIncidentRun = newestRun?.reportIncident ? newestRun : void 0;
+	const loadMore = async () => {
+		const oldest = runs[0];
+		if (!oldest) return 0;
+		const more = await loadOlderRuns({ data: {
+			loopId: loop.id,
+			beforeTs: oldest.ts,
+			limit: 16
+		} });
+		if (more.length) setOlder((prev) => mergeRuns(prev, more));
+		return more.length;
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		onClick: () => onOpen(loop.id),
+		className: `mb-[18px] cursor-pointer rounded-card border border-hairline bg-surface px-[26px] pb-5 pt-[22px] shadow-card transition-colors hover:border-wire ${en || latestIncidentRun?.reportIncident || loop.pauseCause?.kind === "failure-streak" || loop.pauseCause?.kind === "blocked" ? "" : "opacity-60"}`,
+		style: { animation: "fadeIn .25s cubic-bezier(0.25,0.1,0.25,1) both" },
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mb-6 flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: (e) => {
+							e.stopPropagation();
+							onOpen(loop.id);
+						},
+						className: "cursor-pointer rounded-sm text-left text-[17px] font-semibold tracking-[-0.01em] text-display outline-none focus-visible:ring-2 focus-visible:ring-interactive focus-visible:ring-offset-4 focus-visible:ring-offset-surface",
+						children: loop.name
+					}),
+					lifecycle === "stopping" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+						tone: "running",
+						dot: "pulse",
+						children: "Stopping"
+					}) : lifecycle === "paused-finishing" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, { children: loop.pauseCause?.kind === "blocked" ? "Paused — blocked · current run finishing" : loop.pauseCause?.kind === "owner" ? "Paused by owner · current run finishing" : "Paused · current run finishing" }) : lifecycle === "deleting" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, { children: "Deleting" }) : loop.running ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+						tone: "running",
+						dot: "pulse",
+						children: "Running"
+					}) : loop.queued && loop.reconciliationBlocking ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+						tone: "outline",
+						children: "Queued · waiting for machine recovery"
+					}) : loop.queued ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+						tone: "outline",
+						children: "Queued"
+					}) : null,
+					lifecycle === "paused" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+						tone: loop.pauseCause?.kind === "blocked" ? "accent" : void 0,
+						children: loop.pauseCause?.kind === "blocked" ? "Paused — blocked" : loop.pauseCause?.kind === "failure-streak" ? "Paused automatically" : loop.pauseCause?.kind === "owner" ? "Paused by owner" : "Paused"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "ml-auto min-w-0 text-right text-meta text-secondary",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "whitespace-nowrap",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-primary",
+									title: loop.schedule.mode === "cron" ? loop.schedule.cron : void 0,
+									children: loop.schedule.mode === "continuous" ? `continuous · ${loop.schedule.delayMinutes}m` : `${cronText(loop.schedule.cron)} · ${loop.schedule.timezone} · ${loop.schedule.overlap}`
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "mx-2.5 text-wire",
+									children: "·"
+								}),
+								loop.agent
+							]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mt-1 truncate text-caption text-disabled",
+							title: loop.workdir,
+							children: [
+								loop.workdir,
+								" · Model: ",
+								loop.model || "default",
+								" · Reasoning: ",
+								loop.reasoningEffort || "default"
+							]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Timeline, {
+				loop,
+				runs,
+				total: loop.runCount,
+				onLoadMore: loadMore,
+				onPickRun: (run) => onPickRun(loop.id, run)
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-[18px] flex items-center gap-2 text-label text-secondary",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [loop.runCount, " runs"] }), last && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+					"· last ",
+					dotLabel(last),
+					hydrated && ` · ${rel(last.ts)}`
+				] })]
+			}),
+			latestIncidentRun?.reportIncident && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-1.5 text-label text-secondary",
+				children: latestIncidentRun.phase === "error" ? "Last run failed · Terminal report rejected" : "Last run telemetry warning · Terminal report rejected"
+			})
+		]
+	});
+}
+/**
+* Header team entry. Always visible when team data exists: a single-team user
+* sees a quiet pill naming the active team (so the workspace context is never
+* invisible); anyone who can reach more than one team gets the select.
+*
+* Switching NAVIGATES to `/t/<id>` (the explicit team URL — bookmarkable, and
+* each tab keeps its own team). The cookie is still written, now only as the
+* last-used default that the bare `/` redirect falls back to (no longer an
+* authorization key). The navigation (and the route's `key={teamId}` remount) is
+* what re-scopes the dashboard, so no refresh callback is needed.
+*/
+function TeamSwitcher({ data }) {
+	const navigate = useNavigate();
+	if (!data || data.teams.length === 0) return null;
+	const selectTeam = (id) => {
+		setActiveTeamCookie(id);
+		navigate({
+			to: "/t/$teamId",
+			params: { teamId: id }
+		});
+	};
+	if (data.teams.length === 1) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		title: "Active team",
+		className: "inline-flex items-center rounded-full bg-raised px-3 py-1 text-label font-medium text-secondary",
+		children: data.teams[0].name
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", {
+		"aria-label": "Active team",
+		value: data.activeTeamId,
+		onChange: (e) => selectTeam(e.target.value),
+		className: "lp-select cursor-pointer rounded-full bg-raised py-1 pl-3 text-label font-medium text-secondary outline-none transition-colors hover:text-display",
+		children: data.teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+			value: t.id,
+			children: t.name
+		}, t.id))
+	});
+}
+function inviteUrl(token) {
+	return `${typeof window !== "undefined" ? window.location.origin : ""}/invite/${token}`;
+}
+function CopyLink({ text }) {
+	const [done, setDone] = (0, import_react.useState)(false);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		className: btnSm,
+		onClick: () => {
+			navigator.clipboard?.writeText(text);
+			setDone(true);
+			setTimeout(() => setDone(false), 1400);
+		},
+		children: done ? "Copied ✓" : "Copy link"
+	});
+}
+/**
+* Team settings — the owner-facing surface for the full lifecycle: create,
+* rename, members (add-by-email + role + remove), invite links, leave, and
+* delete (with the blocked-while-loops explanation). A master list of the
+* caller's teams on the left; the selected team's detail below. Every action
+* calls an EXPLICIT-teamId server fn (never the active cookie), so managing team
+* B while the dashboard is on team A works. Owner-only controls are hidden for a
+* plain member (the server re-authorizes regardless).
+*/
+function TeamsModal({ open, onClose, activeTeamId }) {
+	const navigate = useNavigate();
+	const [teams, setTeams] = (0, import_react.useState)([]);
+	const [selected, setSelected] = (0, import_react.useState)(null);
+	const [detail, setDetail] = (0, import_react.useState)(null);
+	const [err, setErr] = (0, import_react.useState)(null);
+	const [busy, setBusy] = (0, import_react.useState)(false);
+	const [newName, setNewName] = (0, import_react.useState)("");
+	const [renameVal, setRenameVal] = (0, import_react.useState)("");
+	const [email, setEmail] = (0, import_react.useState)("");
+	const [addRole, setAddRole] = (0, import_react.useState)("member");
+	const [inviteRole, setInviteRole] = (0, import_react.useState)("member");
+	const [freshInvite, setFreshInvite] = (0, import_react.useState)(null);
+	const loadTeams = (0, import_react.useCallback)(async () => {
+		try {
+			setTeams(await listManagedTeams());
+		} catch {}
+	}, []);
+	const loadDetail = (0, import_react.useCallback)(async (teamId) => {
+		const d = await getTeamDetail({ data: teamId });
+		if ("error" in d) {
+			setErr(d.error);
+			setDetail(null);
+			return;
+		}
+		setDetail(d);
+		setRenameVal(d.name);
+	}, []);
+	(0, import_react.useEffect)(() => {
+		if (!open) {
+			setErr(null);
+			setSelected(null);
+			setDetail(null);
+			setFreshInvite(null);
+			return;
+		}
+		loadTeams();
+	}, [open, loadTeams]);
+	(0, import_react.useEffect)(() => {
+		if (!open || !selected) return;
+		setFreshInvite(null);
+		loadDetail(selected);
+	}, [
+		open,
+		selected,
+		loadDetail
+	]);
+	async function withBusy(fn) {
+		setBusy(true);
+		setErr(null);
+		try {
+			return await fn();
+		} finally {
+			setBusy(false);
+		}
+	}
+	async function doCreate() {
+		const name = newName.trim();
+		if (!name) return;
+		await withBusy(async () => {
+			const r = await createTeam({ data: name });
+			if (!r.ok) return setErr(r.error);
+			setNewName("");
+			await loadTeams();
+			setSelected(r.id);
+		});
+	}
+	async function doRename() {
+		if (!detail) return;
+		const name = renameVal.trim();
+		if (!name || name === detail.name) return;
+		await withBusy(async () => {
+			const r = await renameTeam({ data: {
+				teamId: detail.id,
+				name
+			} });
+			if (!r.ok) return setErr(r.error);
+			await loadTeams();
+			await loadDetail(detail.id);
+		});
+	}
+	async function doDelete() {
+		if (!detail) return;
+		await withBusy(async () => {
+			const r = await deleteTeam({ data: detail.id });
+			if (!r.ok) return setErr(r.error);
+			const removed = detail.id;
+			setSelected(null);
+			setDetail(null);
+			await loadTeams();
+			if (removed === activeTeamId) {
+				onClose();
+				navigate({ to: "/" });
+			}
+		});
+	}
+	async function doLeave() {
+		if (!detail) return;
+		await withBusy(async () => {
+			const r = await leaveTeam({ data: detail.id });
+			if (!r.ok) return setErr(r.error);
+			const left = detail.id;
+			setSelected(null);
+			setDetail(null);
+			await loadTeams();
+			if (left === activeTeamId) {
+				onClose();
+				navigate({ to: "/" });
+			}
+		});
+	}
+	async function doAdd() {
+		if (!detail) return;
+		const addr = email.trim();
+		if (!addr) return;
+		await withBusy(async () => {
+			const r = await addTeamMember({ data: {
+				teamId: detail.id,
+				email: addr,
+				role: addRole
+			} });
+			if (!r.ok) return setErr(r.error);
+			setEmail("");
+			await loadDetail(detail.id);
+			await loadTeams();
+		});
+	}
+	async function doSetRole(userId, role) {
+		if (!detail) return;
+		await withBusy(async () => {
+			const r = await setTeamMemberRole({ data: {
+				teamId: detail.id,
+				userId,
+				role
+			} });
+			if (!r.ok) return setErr(r.error);
+			await loadDetail(detail.id);
+		});
+	}
+	async function doRemove(userId) {
+		if (!detail) return;
+		await withBusy(async () => {
+			const r = await removeTeamMember({ data: {
+				teamId: detail.id,
+				userId
+			} });
+			if (!r.ok) return setErr(r.error);
+			await loadDetail(detail.id);
+			await loadTeams();
+		});
+	}
+	async function doInvite() {
+		if (!detail) return;
+		await withBusy(async () => {
+			const r = await createTeamInvite({ data: {
+				teamId: detail.id,
+				role: inviteRole
+			} });
+			if (!r.ok) return setErr(r.error);
+			setFreshInvite(r.token);
+			await loadDetail(detail.id);
+		});
+	}
+	async function doRevoke(token) {
+		if (!detail) return;
+		await withBusy(async () => {
+			const r = await revokeTeamInvite({ data: {
+				teamId: detail.id,
+				token
+			} });
+			if (!r.ok) return setErr(r.error);
+			if (freshInvite === token) setFreshInvite(null);
+			await loadDetail(detail.id);
+		});
+	}
+	const isOwner = detail?.role === "owner";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Modal, {
+		open,
+		onClose,
+		wide: true,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHead, {
+				title: "Teams",
+				sub: "Create teams, manage members and roles, and invite people. Team management is owner-only; any member can create loops."
+			}),
+			err && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, {
+				message: err,
+				onDismiss: () => setErr(null),
+				className: "mb-2 mt-3"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-3 grid gap-6 md:grid-cols-[minmax(0,18rem)_minmax(0,1fr)]",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalSection, { children: "My teams" }),
+						teams.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "py-2 text-body text-secondary",
+							children: "No teams yet."
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+							className: "flex flex-col gap-1.5",
+							children: teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								onClick: () => setSelected(t.id),
+								className: `flex w-full items-center justify-between gap-2 rounded-control border px-3 py-2 text-left transition-colors ${selected === t.id ? "border-display bg-raised" : "border-hairline bg-surface hover:bg-raised"}`,
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "min-w-0 truncate text-[15px] font-medium text-display",
+									children: t.name
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+									className: "flex shrink-0 items-center gap-1.5",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+										tone: t.role === "owner" ? "ink" : "neutral",
+										children: t.role
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "text-label text-secondary",
+										children: [
+											t.memberCount,
+											" member",
+											t.memberCount === 1 ? "" : "s"
+										]
+									})]
+								})]
+							}) }, t.id))
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mt-4 rounded-control border border-hairline bg-raised px-3 py-3",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+								className: `${labelCls} mt-0`,
+								children: "New team"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+									className: inputCls,
+									value: newName,
+									onChange: (e) => setNewName(e.target.value),
+									placeholder: "e.g. Growth Squad",
+									onKeyDown: (e) => e.key === "Enter" && void doCreate()
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+									className: btnPrimary,
+									disabled: busy || !newName.trim(),
+									onClick: () => void doCreate(),
+									children: "Create"
+								})]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "min-w-0",
+					children: !detail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "flex h-full items-center justify-center py-10 text-body text-secondary",
+						children: "Select a team to manage it, or create one."
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalSection, {
+							action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+								className: btnSm,
+								onClick: () => {
+									setActiveTeamCookie(detail.id);
+									onClose();
+									navigate({
+										to: "/t/$teamId",
+										params: { teamId: detail.id }
+									});
+								},
+								children: "Open dashboard →"
+							}),
+							children: [detail.name, detail.personal ? " · personal" : ""]
+						}),
+						isOwner && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mb-4",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+								className: "mb-1.5 mt-3 block text-label font-medium text-secondary",
+								children: "Team name"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+									"aria-label": "Team name",
+									className: inputCls,
+									value: renameVal,
+									onChange: (e) => setRenameVal(e.target.value)
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+									className: btn,
+									disabled: busy || !renameVal.trim() || renameVal.trim() === detail.name,
+									onClick: () => void doRename(),
+									children: "Rename"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalSection, { children: "Members" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+							className: "flex flex-col gap-2",
+							children: detail.members.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+								className: "flex items-center justify-between gap-3 rounded-control border border-hairline bg-surface px-3 py-2.5",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "flex min-w-0 flex-col",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+										className: "truncate text-[15px] font-medium text-display",
+										children: [m.email ?? m.displayName ?? m.userId, m.isSelf && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "ml-1.5 text-label text-secondary",
+											children: "(you)"
+										})]
+									})
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "flex shrink-0 items-center gap-2",
+									children: isOwner && !m.isSelf ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+										"aria-label": "Role",
+										className: `${selectCls} w-auto py-1.5`,
+										value: m.role,
+										onChange: (e) => void doSetRole(m.userId, e.target.value),
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+											value: "owner",
+											children: "owner"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+											value: "member",
+											children: "member"
+										})]
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+										className: btnDanger,
+										disabled: busy,
+										onClick: () => void doRemove(m.userId),
+										children: "Remove"
+									})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+										tone: m.role === "owner" ? "ink" : "neutral",
+										children: m.role
+									})
+								})]
+							}, m.userId))
+						}),
+						isOwner && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "mt-4 rounded-control border border-hairline bg-raised px-3 py-3",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
+										className: `mb-1.5 mt-3 block text-label font-medium text-secondary mt-0`,
+										children: "Add a member by email"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex flex-wrap gap-2",
+										children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+												className: `${inputCls} min-w-[12rem] flex-1`,
+												value: email,
+												onChange: (e) => setEmail(e.target.value),
+												placeholder: "teammate@example.com",
+												onKeyDown: (e) => e.key === "Enter" && void doAdd()
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+												"aria-label": "Role for new member",
+												className: `${selectCls} w-auto`,
+												value: addRole,
+												onChange: (e) => setAddRole(e.target.value),
+												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+													value: "member",
+													children: "member"
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+													value: "owner",
+													children: "owner"
+												})]
+											}),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+												className: btnPrimary,
+												disabled: busy || !email.trim(),
+												onClick: () => void doAdd(),
+												children: "Add"
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+										className: "mt-1.5 text-label text-secondary",
+										children: "Adds an existing Pievo account immediately. No account yet? Generate an invite link below."
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalSection, { children: "Invite links" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+										"aria-label": "Invite role",
+										className: `${selectCls} w-auto`,
+										value: inviteRole,
+										onChange: (e) => setInviteRole(e.target.value),
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+											value: "member",
+											children: "as member"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+											value: "owner",
+											children: "as owner"
+										})]
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+										className: btn,
+										disabled: busy,
+										onClick: () => void doInvite(),
+										children: "Generate invite link"
+									}),
+									/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+										className: "text-label text-secondary",
+										children: "Single-use · expires in 7 days"
+									})
+								]
+							}),
+							detail.invites.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+								className: "mt-3 flex flex-col gap-2",
+								children: detail.invites.map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+									className: "flex items-center justify-between gap-3 rounded-control border border-hairline bg-surface px-3 py-2.5",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex min-w-0 items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pill, {
+											tone: "neutral",
+											children: i.role
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: `min-w-0 truncate font-mono text-label ${freshInvite === i.token ? "text-display" : "text-secondary"}`,
+											children: inviteUrl(i.token)
+										})]
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex shrink-0 items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyLink, { text: inviteUrl(i.token) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											className: btnDanger,
+											disabled: busy,
+											onClick: () => void doRevoke(i.token),
+											children: "Revoke"
+										})]
+									})]
+								}, i.token))
+							})
+						] }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mt-6 flex items-center justify-between gap-3 border-t border-hairline pt-4",
+							children: [!detail.personal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+								className: btn,
+								disabled: busy,
+								onClick: () => void doLeave(),
+								children: "Leave team"
+							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-label text-secondary",
+								children: "Your personal team can't be left or deleted."
+							}), isOwner && !detail.personal && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								className: btnDanger,
+								disabled: busy || detail.loopCount > 0,
+								title: detail.loopCount > 0 ? `Move or delete this team's ${detail.loopCount} loop${detail.loopCount === 1 ? "" : "s"} first` : void 0,
+								onClick: () => void doDelete(),
+								children: ["Delete team", detail.loopCount > 0 ? ` (${detail.loopCount} loop${detail.loopCount === 1 ? "" : "s"})` : ""]
+							})]
+						})
+					] })
+				})]
+			})
+		]
+	});
+}
+var SLOW_WAIT_MS = 1e5;
+var AGENT_LABEL = {
+	"claude-code": "Claude Code",
+	codex: "Codex"
+};
+function ClaudeCodeMark({ size = 14 }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+		"aria-hidden": true,
+		width: size,
+		height: size,
+		viewBox: "0 0 24 24",
+		fill: "#D97757",
+		fillRule: "evenodd",
+		className: "shrink-0",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+			clipRule: "evenodd",
+			d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
+		})
+	});
+}
+/** Codex color mark (LobeHub icon set) — verbatim: white app tile + gradient glyph. */
+function CodexMark({ size = 14 }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+		"aria-hidden": true,
+		width: size,
+		height: size,
+		viewBox: "0 0 24 24",
+		className: "shrink-0",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+				d: "M19.503 0H4.496A4.496 4.496 0 000 4.496v15.007A4.496 4.496 0 004.496 24h15.007A4.496 4.496 0 0024 19.503V4.496A4.496 4.496 0 0019.503 0z",
+				fill: "#fff"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+				d: "M9.064 3.344a4.578 4.578 0 012.285-.312c1 .115 1.891.54 2.673 1.275.01.01.024.017.037.021a.09.09 0 00.043 0 4.55 4.55 0 013.046.275l.047.022.116.057a4.581 4.581 0 012.188 2.399c.209.51.313 1.041.315 1.595a4.24 4.24 0 01-.134 1.223.123.123 0 00.03.115c.594.607.988 1.33 1.183 2.17.289 1.425-.007 2.71-.887 3.854l-.136.166a4.548 4.548 0 01-2.201 1.388.123.123 0 00-.081.076c-.191.551-.383 1.023-.74 1.494-.9 1.187-2.222 1.846-3.711 1.838-1.187-.006-2.239-.44-3.157-1.302a.107.107 0 00-.105-.024c-.388.125-.78.143-1.204.138a4.441 4.441 0 01-1.945-.466 4.544 4.544 0 01-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81 5.81 0 01-.37-.961 4.582 4.582 0 01-.014-2.298.124.124 0 00.006-.056.085.085 0 00-.027-.048 4.467 4.467 0 01-1.034-1.651 3.896 3.896 0 01-.251-1.192 5.189 5.189 0 01.141-1.6c.337-1.112.982-1.985 1.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098 0 00.065-.066 4.51 4.51 0 01.829-1.615 4.535 4.535 0 011.837-1.388zm3.482 10.565a.637.637 0 000 1.272h3.636a.637.637 0 100-1.272h-3.636zM8.462 9.23a.637.637 0 00-1.106.631l1.272 2.224-1.266 2.136a.636.636 0 101.095.649l1.454-2.455a.636.636 0 00.005-.64L8.462 9.23z",
+				fill: "url(#lobe-icons-codex-grad)"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
+				gradientUnits: "userSpaceOnUse",
+				id: "lobe-icons-codex-grad",
+				x1: "12",
+				x2: "12",
+				y1: "3",
+				y2: "21",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { stopColor: "#B1A7FF" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
+						offset: ".5",
+						stopColor: "#7A9DFF"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
+						offset: "1",
+						stopColor: "#3941FF"
+					})
+				]
+			}) })
+		]
+	});
+}
+var instructionFor = (origin) => `Fetch ${origin}/api/bootstrap and help me build a loop.`;
+/**
+* New loop = capture-from-Claude-Code (paste-forward, no machine picker). The web
+* mints a claim token, shows ONE instruction block, and waits. The user pastes it
+* into their own Claude Code session (where they just did the task); Claude
+* follows /api/bootstrap — ensures a daemon is running (the token authorizes a new
+* machine, or the machine's stored token reuses an existing one) and POSTs the
+* loop through /api/machine/cli with this token as `claim`. We poll until
+* the loop lands, then close. No machine selection: the binding is decided on the
+* machine, the claim just correlates the result back to this dialog.
+*
+* Pievo is BYOA-only: every loop runs on the connected machine; there is no
+* hosted-agent option.
+*/
+function ComposeModal({ open, onClose, onCreated, teamId }) {
+	const [token, setToken] = (0, import_react.useState)(null);
+	const [config, setConfig] = (0, import_react.useState)(null);
+	const [created, setCreated] = (0, import_react.useState)(null);
+	const [copied, setCopied] = (0, import_react.useState)(false);
+	const [slow, setSlow] = (0, import_react.useState)(false);
+	const [error, setError] = (0, import_react.useState)(null);
+	const [configError, setConfigError] = (0, import_react.useState)(false);
+	const pollRef = (0, import_react.useRef)(null);
+	const onCreatedRef = (0, import_react.useRef)(onCreated);
+	onCreatedRef.current = onCreated;
+	const origin = typeof window !== "undefined" ? window.location.origin : "";
+	const instruction = instructionFor(origin);
+	const configLines = token && config ? [
+		`server-url: ${origin}`,
+		`connect-key: ${token}`,
+		...config?.customCli ? [`pievo-cli: ${config.pievoCli}`] : []
+	].join("\n") : "";
+	const snippet = token && config ? [
+		instruction,
+		"",
+		configLines
+	].join("\n") : "";
+	(0, import_react.useEffect)(() => {
+		if (!open) return;
+		setToken(null);
+		setConfig(null);
+		setCreated(null);
+		setError(null);
+		setConfigError(false);
+		setCopied(false);
+		setSlow(false);
+	}, [open]);
+	(0, import_react.useEffect)(() => {
+		if (!open) return;
+		let active = true;
+		getConfig().then((value) => {
+			if (active) setConfig(value);
+		}).catch(() => {
+			if (active) setConfigError(true);
+		});
+		mintClaim({ data: teamId }).then((r) => {
+			if (active) "token" in r ? setToken(r.token) : setError(r.error);
+		}).catch(() => {
+			if (active) setError("could not mint a connect key");
+		});
+		return () => {
+			active = false;
+		};
+	}, [open, teamId]);
+	(0, import_react.useEffect)(() => {
+		if (!open || created || !token) return;
+		if (pollRef.current) clearInterval(pollRef.current);
+		pollRef.current = setInterval(() => {
+			claimStatus({ data: token }).then((s) => {
+				if (s.done) {
+					if (!s.id || !s.name || !s.agent) throw new Error("invalid claim response");
+					if (pollRef.current) clearInterval(pollRef.current);
+					setCreated({
+						id: s.id,
+						name: s.name,
+						agent: s.agent
+					});
+					onCreatedRef.current();
+				}
+			}).catch(() => {});
+		}, 2500);
+		const slowTimer = setTimeout(() => setSlow(true), SLOW_WAIT_MS);
+		return () => {
+			if (pollRef.current) clearInterval(pollRef.current);
+			clearTimeout(slowTimer);
+		};
+	}, [
+		open,
+		created,
+		token
+	]);
+	async function copy() {
+		try {
+			await navigator.clipboard.writeText(snippet);
+			setCopied(true);
+			setTimeout(() => setCopied(false), 1500);
+		} catch {
+			setError("could not copy - select the text and copy manually");
+		}
+	}
+	const snippetBox = (showInlineCopy = true) => /* @__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 justify-between gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+					className: "text-label font-semibold text-display",
+					children: "Paste to capture it"
+				}), showInlineCopy && snippet && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: btnSm,
+					onClick: () => void copy(),
+					children: copied ? "✓ Copied" : "Copy"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-2 overflow-hidden rounded-control border border-hairline bg-raised p-3 font-mono text-label text-primary",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "leading-relaxed",
+					children: instruction
+				}), configLines ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+					className: "mt-3 overflow-x-auto whitespace-pre-wrap border-t border-hairline pt-3 leading-relaxed text-secondary",
+					children: configLines
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-3 border-t border-hairline pt-3 leading-relaxed text-secondary",
+					children: configError ? "Could not load the CLI configuration. Close and try again." : token ? "Loading CLI configuration…" : "Minting a connect key…"
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "mt-2 text-body leading-snug text-secondary",
+				children: "Paste it in that same session - reuses this machine automatically. Your agent will ask what the loop should do."
+			})
+		]
+	});
+	const wait = slow ? {
+		dot: "bg-secondary",
+		text: "Still waiting - check your coding agent is running in the right project, then paste again."
+	} : {
+		dot: "animate-pulse bg-rubik-orange",
+		text: "Waiting for your coding agent…"
+	};
+	const copyPromptButton = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		className: `${btnPrimaryPill} ml-auto`,
+		onClick: () => void copy(),
+		disabled: !snippet,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "inline-flex items-center gap-0.5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClaudeCodeMark, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodexMark, {})]
+		}), copied ? "✓ Copied" : "Copy prompt"]
+	});
+	if (created) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Modal, {
+		open,
+		onClose,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHead, {
+				title: "Loop created",
+				sub: `Configured to run with ${AGENT_LABEL[created.agent]}.`
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-5 rounded-card border border-hairline bg-surface p-5 shadow-card",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "text-[17px] font-medium text-display",
+					children: ["✓ ", created.name]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-1 text-body text-secondary",
+					children: "It’s scheduled now and will run on the machine."
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-4",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: btnPrimary,
+					onClick: onClose,
+					children: "Done"
+				})
+			})
+		]
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Modal, {
+		open,
+		onClose,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHead, { title: "New loop" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-6",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex gap-3.5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-col items-center",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "flex size-5 shrink-0 items-center justify-center rounded-full border border-display text-micro font-medium leading-none text-display",
+							children: "1"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-1 w-px flex-1 bg-hairline" })]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "pb-6",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+							className: "text-label font-semibold text-display",
+							children: "Do it once in your coding agent"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "mt-1.5 text-body leading-snug text-secondary",
+							children: "Run the task yourself first, to a real result you’re happy with."
+						})]
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex gap-3.5",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "flex size-5 shrink-0 items-center justify-center rounded-full border border-display text-micro font-medium leading-none text-display",
+						children: "2"
+					}), snippetBox(false)]
+				})]
+			}),
+			error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-3 text-body text-accent",
+				children: ["Error: ", error]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-6 flex items-start gap-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `mt-1 inline-block h-2 w-2 shrink-0 rounded-full ${wait.dot}` }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "text-label leading-relaxed text-secondary",
+						children: wait.text
+					}),
+					copyPromptButton
+				]
+			})
+		]
+	});
+}
+/** Loops, machines, and teams change between polls.
+*
+*  `teamId` (the `/t/<id>` route's team, in id form or undefined in open mode)
+*  scopes every list fn EXPLICITLY - so a tab on /t/A and one on /t/B show
+*  different teams simultaneously, independent of the shared last-used cookie. */
+async function fetchLiveData(teamId) {
+	const [loops, machines, teams] = await Promise.all([
+		listLoops({ data: teamId }),
+		listMachines({ data: teamId }),
+		listMyTeams({ data: teamId })
+	]);
+	return {
+		loops,
+		machines,
+		teams
+	};
+}
+/**
+* The dashboard body, shared by the `/` (open mode) and `/t/<teamId>` routes. It
+* renders from its own fetch-then-set poll state, seeded once from the route
+* loader's data, and scopes every fetch to `teamId` so the view is pinned to the
+* URL's team (multi-tab safe). The route mounts it with `key={teamId}` so a
+* team switch (a `/t/<id>` navigation) re-seeds state from the new loader data.
+*/
+function DashboardView({ teamId, initial }) {
+	const [live, setLive] = (0, import_react.useState)(null);
+	const { loops, machines, teams } = live ?? initial;
+	const online = machines.filter((m) => m.online).length;
+	const navigate = useNavigate();
+	const [composeOpen, setComposeOpen] = (0, import_react.useState)(false);
+	const [machinesOpen, setMachinesOpen] = (0, import_react.useState)(false);
+	const [teamsOpen, setTeamsOpen] = (0, import_react.useState)(false);
+	const refetch = (0, import_react.useCallback)(async () => {
+		try {
+			setLive(await fetchLiveData(teamId));
+		} catch {}
+	}, [teamId]);
+	const openRef = (0, import_react.useRef)(false);
+	openRef.current = composeOpen || machinesOpen || teamsOpen;
+	const anyRunning = loops.some((j) => j.running);
+	(0, import_react.useEffect)(() => {
+		const t = setInterval(() => {
+			if (!openRef.current) refetch();
+		}, anyRunning ? 3e3 : 1e4);
+		return () => clearInterval(t);
+	}, [refetch, anyRunning]);
+	const refresh = () => void refetch();
+	const activeOn = loops.filter((j) => j.enabled).length;
+	const cardProps = () => ({
+		onOpen: (id) => void navigate({
+			to: "/loops/$loopId",
+			params: { loopId: id }
+		}),
+		onPickRun: (loopId, run) => void navigate({
+			to: "/loops/$loopId/runs/$runId",
+			params: {
+				loopId,
+				runId: run.id
+			}
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipProvider, {
+		delay: 120,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", {
+				className: "glass glass-bar sticky top-0 z-50",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mx-auto flex max-w-[1180px] items-center gap-3 px-8 py-2.5",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PievoLogo, { size: 30 }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-[18px] font-semibold tracking-[-0.015em] text-display",
+							children: "Pievo"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamSwitcher, { data: teams }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+							href: GITHUB_URL,
+							target: "_blank",
+							rel: "noreferrer",
+							"aria-label": "GitHub repository",
+							title: "GitHub",
+							className: headerIconBtn,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitHubIcon, { className: "size-[17px]" })
+						}),
+						teams && teams.teams.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							onClick: () => setTeamsOpen(true),
+							className: headerBtn,
+							children: "Teams"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+							onClick: () => setMachinesOpen(true),
+							className: `${headerBtn} gap-1.5`,
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `inline-block size-1.5 rounded-full ${online ? "bg-rubik-green" : "bg-disabled"}` }),
+								online,
+								" ",
+								online === 1 ? "machine" : "machines",
+								" online"
+							]
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+							onClick: () => setComposeOpen(true),
+							className: "inline-flex shrink-0 cursor-pointer items-center rounded-full bg-display px-3.5 py-1.5 text-meta font-medium text-paper transition-opacity hover:opacity-85",
+							children: "New Loop"
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", {
+				className: "mx-auto max-w-[1180px] px-8 pb-24",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+						className: "pb-2 pt-14 text-center",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+							className: "font-pixel text-[clamp(28px,4.5vw,38px)] leading-[1.15] text-display",
+							children: "What should happen while you sleep?"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-7",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								onClick: () => setComposeOpen(true),
+								className: "inline-flex cursor-pointer items-center gap-1.5 rounded-full bg-display px-6 py-2.5 text-body font-medium text-paper transition-opacity hover:opacity-85",
+								children: ["Start a new loop ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									"aria-hidden": true,
+									children: "→"
+								})]
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "mb-5 mt-12 flex items-baseline gap-2.5",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "text-body font-semibold text-display",
+							children: "Active loops"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-label text-secondary",
+							children: loops.length ? `${activeOn} scheduled · ${loops.length} total` : ""
+						})]
+					}),
+					loops.length ? loops.map((j) => /* @__PURE__ */ (0, import_react.createElement)(LoopCard, {
+						loop: j,
+						...cardProps(),
+						key: j.id
+					})) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "py-16 text-center",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-[15px] text-secondary",
+							children: "No loops yet"
+						}), !loops.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-1.5 text-body text-disabled",
+							children: "Create a scheduled prompt for a connected machine."
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposeModal, {
+				open: composeOpen,
+				teamId,
+				onClose: () => setComposeOpen(false),
+				onCreated: refresh
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MachinesModal, {
+				open: machinesOpen,
+				onClose: () => setMachinesOpen(false),
+				teamId
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TeamsModal, {
+				open: teamsOpen,
+				onClose: () => setTeamsOpen(false),
+				activeTeamId: teamId
+			})
+		]
+	});
+}
+var headerBtn = "inline-flex shrink-0 cursor-pointer items-center rounded-full px-3 py-1.5 text-meta font-medium text-secondary transition-colors hover:bg-raised hover:text-display";
+var headerIconBtn = "inline-flex shrink-0 cursor-pointer items-center rounded-full p-1.5 text-secondary transition-colors hover:bg-raised hover:text-display";
+//#endregion
+export { fetchLiveData as n, DashboardView as t };