@@ -311,6 +322,25 @@ function RunnerMenu({ runner, actions, onRename, onAddresses, onRemove }: { runn
+ {
+ e.preventDefault();
+ actions.update.mutate({ runner, patch: { autoUpdate: !runner.update.autoUpdate } });
+ }}
+ >
+
+
+ Update automatically
+ Gets this computer's Godmode once its chats are done.
+
+
+
+ actions.upgrade.mutate(runner)}>
+ {runner.update.state === "available" || runner.update.tools.length ? "Update now" : "Check for updates"}
+
Remove…
diff --git a/apps/desktop/src/components/runners/runner-parts.tsx b/apps/desktop/src/components/runners/runner-parts.tsx
index 1c66528..465af84 100644
--- a/apps/desktop/src/components/runners/runner-parts.tsx
+++ b/apps/desktop/src/components/runners/runner-parts.tsx
@@ -219,6 +219,7 @@ export function HealthPill({
/** One line that answers "can I give it work right now?". */
export function runnerVerdict(runner: RemoteRunner, summary: RunnerHealthSummary | null): { tone: CheckTone | "busy"; label: string } {
+ if (runner.update.state === "restarting") return { tone: "busy", label: "Restarting with the new Godmode…" };
switch (runner.state) {
case "connecting":
return { tone: "busy", label: "Looking for it on the network…" };
@@ -251,7 +252,7 @@ export interface RunnerProblem {
* runner itself is the checks' business.)
*/
export function runnerProblem(runner: RemoteRunner): RunnerProblem | null {
- if (runner.state === "offline") {
+ if (runner.state === "offline" && runner.update.state !== "restarting") {
return {
kind: "connection",
tone: "fail",
@@ -259,14 +260,8 @@ export function runnerProblem(runner: RemoteRunner): RunnerProblem | null {
detail: `${sentence(runner.error ?? "Is it awake and on the same network?")} Godmode keeps trying — its chats continue when it's back.`,
};
}
- if (runner.state === "update_required") {
- return {
- kind: "connection",
- tone: "warn",
- title: `${runner.name} runs another version of Godmode`,
- detail: `${runner.error ? `${sentence(runner.error)} ` : ""}Update Godmode on both computers to the same version, then try again.`,
- };
- }
+ // The update strip says what to do (and has the command).
+ if (runner.state === "update_required") return null;
if (runner.state !== "online") return null;
if (runner.sync.state === "failed") {
return {
diff --git a/apps/desktop/src/components/runners/runner-update.tsx b/apps/desktop/src/components/runners/runner-update.tsx
new file mode 100644
index 0000000..1c7b20d
--- /dev/null
+++ b/apps/desktop/src/components/runners/runner-update.tsx
@@ -0,0 +1,117 @@
+import { ArrowUpRight, CircleArrowUp, CircleX, Hourglass, RefreshCw, RotateCw, TriangleAlert } from "lucide-react";
+import type { RemoteRunner, RunnerUpdate } from "@godmode/shared";
+import { Button } from "@/components/ui/button";
+import { Spinner } from "@/components/ui/spinner";
+import { cn } from "@/lib/utils";
+import { CommandBlock, THIS_COMPUTER_INLINE } from "./runner-parts";
+import type { RunnerActions } from "./use-runner-actions";
+
+/** "6e83efe 2026-10-07" → "6e83efe"; "dev" stays. */
+export function shortBuild(build: string | null | undefined): string | null {
+ const commit = build?.trim().split(/\s+/)[0]?.replace(/\+changes$/, "*");
+ return commit && commit !== "unknown" ? commit : null;
+}
+
+/** Whether the card shows the update strip: something to install, on its way, or in the way. */
+export function hasUpdateNews(update: RunnerUpdate): boolean {
+ return update.state !== "current" || update.tools.length > 0;
+}
+
+const BUSY: ReadonlySet = new Set(["sending", "waiting", "installing", "restarting"]);
+
+function versionLine(runner: RemoteRunner): string {
+ const { target } = runner.update;
+ const from = [runner.version, shortBuild(runner.build)].filter(Boolean).join(" · ");
+ const to = [target.version, shortBuild(target.build)].filter(Boolean).join(" · ");
+ return from && from !== to ? `Godmode ${from} → ${to}` : `Godmode ${to}`;
+}
+
+function toolsLine(update: RunnerUpdate): string | null {
+ if (!update.tools.length) return null;
+ return update.tools.map((t) => (t.current && t.latest ? `${t.name} ${t.current} → ${t.latest}` : t.name)).join(", ");
+}
+
+function copy(runner: RemoteRunner): { title: string; detail: string | null } {
+ const u = runner.update;
+ const tools = toolsLine(u);
+ switch (u.state) {
+ case "available":
+ return {
+ title: "Update available",
+ detail: [`${versionLine(runner)}, the one ${THIS_COMPUTER_INLINE} runs`, tools].filter(Boolean).join(". Also: "),
+ };
+ case "current":
+ return { title: u.tools.length === 1 ? "Tool update" : "Tool updates", detail: tools };
+ case "sending":
+ return {
+ title: u.source === "bridge" ? "Fetching the new Godmode" : "Sending the new Godmode",
+ detail: u.detail ?? (u.source === "controller" ? `From ${THIS_COMPUTER_INLINE}, end-to-end encrypted` : null),
+ };
+ case "waiting":
+ return { title: "Ready to install", detail: u.detail ?? "It installs once its chats are done." };
+ case "installing":
+ return { title: "Installing", detail: u.detail ?? "Checking the new Godmode and putting it in place" };
+ case "restarting":
+ return { title: "Restarting", detail: "With the new Godmode. It's back in a moment." };
+ case "failed":
+ return { title: "The update didn't work", detail: u.detail };
+ case "unsupported":
+ return { title: "Update it on the runner", detail: u.detail };
+ }
+}
+
+/**
+ * The runner's update, right in its card: what it would get, the progress while it gets there, and what to do when it
+ * can't be updated from here.
+ */
+export function RunnerUpdateStrip({ runner, actions, className }: { runner: RemoteRunner; actions: RunnerActions; className?: string }) {
+ const u = runner.update;
+ const busy = BUSY.has(u.state);
+ const starting = actions.isBusy("upgrade", runner.id);
+ const online = runner.state === "online";
+ const { title, detail } = copy(runner);
+ const tone = u.state === "failed" ? "fail" : u.state === "unsupported" ? "warn" : "brand";
+ const Icon = u.state === "failed" ? CircleX : u.state === "unsupported" ? TriangleAlert : u.state === "waiting" ? Hourglass : u.state === "restarting" ? RotateCw : CircleArrowUp;
+ const percent = u.progress === null ? null : Math.round(u.progress * 100);
+ const actionable = u.state === "available" || u.state === "failed" || (u.state === "current" && u.tools.length > 0);
+
+ return (
+
+
+
+ {busy && u.state !== "waiting" ? : }
+
+
+
+ {title}
+ {percent !== null && u.state === "sending" && {percent}%}
+
+ {detail &&
{detail}
}
+
+ {actionable && (
+
+ )}
+