@kky42/pievo-server 2.3.0 → 2.4.2

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

@@ -0,0 +1,914 @@
+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 { O as useHydrated, T as selectCls, a as btn, b as lastRunOf, f as dotLabel, l as btnSm, o as btnDanger, r as Pill, s as btnPrimary, t as ErrorBanner, u as cronText, v as inputCls, x as rel, y as labelCls } from "./ui-D5KWstlb.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-Cm4H8pUJ.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-j2JKjorZ.mjs";
+import { r as deriveLoopLifecycle } from "./lifecycleUi-Dad3hvhm.mjs";
+import { a as Timeline, c as mergeRuns, i as ModalSection, n as Modal, o as daemonConnectCommand, r as ModalHead, s as listMachines, t as MachinesModal } from "./MachinesModal-BjkcVjjx.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/DashboardView-C2LdV6J0.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"})` : ""]
+							})]
+						})
+					] })
+				})]
+			})
+		]
+	});
+}
+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: "Paste this command into the foreground coding-agent session where the loop should run."
+					}), /* @__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: "Create the loop",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "mt-1.5 text-body leading-snug text-secondary",
+						children: "Then, in the same session, 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 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)
+			}),
+			/* @__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 };