@kky42/pievo-server 2.4.11 → 2.4.13

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

@@ -1,842 +0,0 @@
-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 { d as useNavigate } from "../_libs/@tanstack/react-router+[...].mjs";
-import { _ as loadOlderRuns, d as getConfig, g as listMyTeams, h as listLoops, n as GitHubIcon, r as PievoLogo, t as GITHUB_URL, v as mintClaim } from "./SocialLinks-DVCLmql0.mjs";
-import { T as selectCls, _ as inputCls, a as btn, l as btnSm, o as btnDanger, r as Pill, s as btnPrimary, t as ErrorBanner, v as labelCls } from "./ui-DGz-q9MT.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-cI_tsiCv.mjs";
-import { a as ModalSection, c as listMachines, i as ModalHead, l as mergeRuns, n as MachinesModal, r as Modal, s as daemonConnectCommand, t as LoopOverview } from "./MachinesModal-BhRw7oOx.mjs";
-//#region node_modules/.nitro/vite/services/ssr/assets/DashboardView-BMHMrOfC.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 [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.jsx)("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.jsx)(LoopOverview, {
-			loop,
-			runs,
-			onLoadMore: loadMore,
-			onPickRun: (run) => onPickRun(loop.id, run),
-			onOpen: () => onOpen(loop.id)
-		})
-	});
-}
-/**
-* 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"})` : ""]
-							})]
-						})
-					] })
-				})]
-			})
-		]
-	});
-}
-function ComposeModal({ open, onClose, teamId }) {
-	const [token, setToken] = (0, import_react.useState)(null);
-	const [config, setConfig] = (0, import_react.useState)(null);
-	const [copied, setCopied] = (0, import_react.useState)(false);
-	const [error, setError] = (0, import_react.useState)(null);
-	const [configError, setConfigError] = (0, import_react.useState)(false);
-	const origin = typeof window !== "undefined" ? window.location.origin : "";
-	const command = token && config ? daemonConnectCommand(origin, token, config.pievoCli, config.customCli) : "";
-	(0, import_react.useEffect)(() => {
-		if (!open) return;
-		setToken(null);
-		setConfig(null);
-		setCopied(false);
-		setError(null);
-		setConfigError(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((result) => {
-			if (!active) return;
-			if ("token" in result) setToken(result.token);
-			else setError(result.error);
-		}).catch(() => {
-			if (active) setError("could not mint a connect key");
-		});
-		return () => {
-			active = false;
-		};
-	}, [open, teamId]);
-	async function copyCommand() {
-		try {
-			await navigator.clipboard.writeText(command);
-			setCopied(true);
-			setTimeout(() => setCopied(false), 1500);
-		} catch {
-			setError("could not copy - select the command and copy manually");
-		}
-	}
-	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)(Step, {
-					number: "1",
-					continued: true,
-					title: "Install and connect the daemon",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "mt-1.5 text-body leading-snug text-secondary",
-						children: "Run this command in your terminal. It connects the daemon and installs the Pievo skill."
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "mt-3 flex min-w-0 items-start gap-2",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
-							className: "min-w-0 flex-1 overflow-x-auto whitespace-pre-wrap break-all rounded-control bg-display p-4 font-mono text-label leading-relaxed text-paper",
-							children: command || (configError ? "Could not load the connection command. Close and try again." : token ? "Loading CLI configuration…" : "Minting a connect key…")
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							className: btnSm,
-							onClick: () => void copyCommand(),
-							disabled: !command,
-							children: copied ? "Copied ✓" : "Copy"
-						})]
-					})]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Step, {
-					number: "2",
-					title: "Start a new agent session",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-						className: "mt-1.5 text-body leading-snug text-secondary",
-						children: "After the command finishes, start a new Claude Code, Codex, or Pi session in the project where the loop should run, then say:"
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "mt-3 rounded-control border border-hairline bg-raised p-4 text-body font-medium text-display",
-						children: "Create a Pievo loop."
-					})]
-				})]
-			}),
-			error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "mt-4 text-body text-accent",
-				children: ["Error: ", error]
-			})
-		]
-	});
-}
-function Step({ number, title, continued = false, children }) {
-	return /* @__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: number
-			}), continued && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-1 w-px flex-1 bg-hairline" })]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: continued ? "min-w-0 flex-1 pb-7" : "min-w-0 flex-1",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-				className: "text-label font-semibold text-display",
-				children: title
-			}), children]
-		})]
-	});
-}
-/** 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 activeCount = loops.filter((loop) => loop.enabled && !loop.deleteRequestedAt).length;
-	const pausedCount = loops.filter((loop) => !loop.enabled && !loop.deleteRequestedAt).length;
-	const deletingCount = loops.filter((loop) => Boolean(loop.deleteRequestedAt)).length;
-	const lifecycleCounts = [
-		`${activeCount} active`,
-		`${pausedCount} paused`,
-		...deletingCount ? [`${deletingCount} deleting`] : []
-	].join(" · ");
-	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: "Loops"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-							className: "text-label text-secondary",
-							children: loops.length ? lifecycleCounts : ""
-						})]
-					}),
-					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)
-			}),
-			/* @__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 };