@saadnvd1/agent-os 0.3.845 → 0.3.851

package/components/Settings/settings-fields.tsx

@@ -32,11 +32,12 @@ export function SwitchSetting({
   confirmLabel = "Turn on",
   undoable,
   locked,
+  disabled,
   extra,
 }: {
   id: string;
   label: string;
-  help?: string;
+  help?: ReactNode;
   checked: boolean;
   onSave: Save<boolean>;
   defaultValue?: boolean;
@@ -45,6 +46,8 @@ export function SwitchSetting({
   undoable?: boolean;
   // Can't be changed from here.
   locked?: boolean;
+  // Greyed for a reason the help already gives.
+  disabled?: boolean;
   // Shown under the row (usage, links).
   extra?: ReactNode;
 }) {
@@ -54,14 +57,11 @@ export function SwitchSetting({
     <SettingRow
       id={id}
       label={label}
-      help={locked ? `${help ?? ""} Can't be changed from here.`.trim() : help}
+      help={locked ? <>{help} Can&apos;t be changed from here.</> : help}
       status={auto.status}
       onUndo={auto.undo}
-      hint={
-        defaultValue === undefined || auto.value === defaultValue
-          ? undefined
-          : `Default: ${defaultValue ? "on" : "off"}`
-      }
+      error={auto.error}
+      resetLabel={defaultValue ? "on" : "off"}
       onReset={
         defaultValue !== undefined && auto.value !== defaultValue
           ? () => void auto.commit(defaultValue, { undoable: true })
@@ -72,9 +72,8 @@ export function SwitchSetting({
         <Switch
           id={id}
           checked={auto.value}
-          disabled={locked}
+          disabled={locked || disabled}
           aria-describedby={`${id}-hint`}
-          className="data-[state=checked]:bg-primary"
           onCheckedChange={(on) => {
             if (on && confirm) setAsking(true);
             else void auto.commit(on, { undoable: undoable || !on });
@@ -149,10 +148,11 @@ export function NumberSetting({
   const off = optional ? auto.value === optional.off : false;
   const shown = (off ? optional!.on : auto.value) / scale;
   const defOff = optional ? defaultValue === optional.off : false;
-  const hint =
-    error === null && auto.value !== defaultValue
-      ? `Default: ${defOff ? "off" : `${defaultValue / scale}${short}`}`
-      : undefined;
+  const resetLabel = defOff ? "off" : `${defaultValue / scale}${short}`;
+  const range =
+    max === undefined
+      ? undefined
+      : `${min / scale}–${max / scale}${short || (unit ? ` ${unit}` : "")}`;
 
   const finish = () => {
     if (text === null) return;
@@ -180,10 +180,10 @@ export function NumberSetting({
     <SettingRow
       id={id}
       label={label}
-      help={help}
+      help={[help, range && `Allowed: ${range}.`].filter(Boolean).join(" ")}
       status={auto.status}
-      error={error}
-      hint={hint}
+      error={error ?? auto.error}
+      resetLabel={resetLabel}
       onUndo={auto.undo}
       onReset={
         auto.value !== defaultValue
@@ -200,7 +200,8 @@ export function NumberSetting({
             id={id}
             type="text"
             inputMode={integer ? "numeric" : "decimal"}
-            value={text ?? String(shown)}
+            value={off ? "" : (text ?? String(shown))}
+            placeholder={off ? "Off" : undefined}
             disabled={off}
             aria-invalid={!!error}
             aria-describedby={`${id}-hint`}
@@ -220,7 +221,9 @@ export function NumberSetting({
             className={`${FIELD} w-24 text-right tabular-nums`}
           />
           {unit && (
-            <span className="text-muted-foreground min-w-16 text-sm">
+            <span
+              className={`text-sm ${off ? "text-muted-foreground/50" : "text-muted-foreground"}`}
+            >
               {unit}
             </span>
           )}
@@ -261,7 +264,7 @@ export function SelectSetting({
   options: { value: string; label: string }[];
   onSave: Save<string>;
   defaultValue?: string;
-  // Replaces "default <label>" (an empty string for none).
+  // A line under the row (what an Inherit choice resolves to).
   hint?: string;
 }) {
   const auto = useAutoSave({ saved: value, save: onSave });
@@ -273,12 +276,9 @@ export function SelectSetting({
       help={help}
       status={auto.status}
       onUndo={auto.undo}
-      hint={
-        hint ??
-        (def && auto.value !== defaultValue
-          ? `Default: ${def.label}`
-          : undefined)
-      }
+      hint={hint}
+      error={auto.error}
+      resetLabel={def?.label}
       onReset={
         defaultValue !== undefined && auto.value !== defaultValue
           ? () => void auto.commit(defaultValue, { undoable: true })
@@ -367,7 +367,7 @@ export function TextSetting({
       label={label}
       help={help}
       status={checking ? "saving" : auto.status}
-      error={error}
+      error={error ?? auto.error}
       onUndo={auto.undo}
       onReset={
         resettable && !secret && auto.value !== defaultValue
@@ -407,7 +407,7 @@ export function TextSetting({
                 e.currentTarget.blur();
               }
             }}
-            className={`${FIELD} w-full sm:w-64`}
+            className={`${FIELD} w-full ${deliberate ? "sm:w-48" : "sm:w-64"}`}
           />
           {deliberate && (
             <Button

package/components/Shares/SharedLinksPanel.tsx

@@ -2,7 +2,8 @@
 
 import { useState } from "react";
 import { toast } from "sonner";
-import { Copy, Link2 } from "lucide-react";
+import { Copy } from "lucide-react";
+import { ListSection } from "@/components/Settings/ListSection";
 import { Button } from "@/components/ui/button";
 import { writeClipboard } from "@/hooks/useCopyToClipboard";
 import {
@@ -52,7 +53,7 @@ function Row({ share }: { share: SharedLinkRow }) {
     );
 
   return (
-    <li className="bg-muted/40 rounded-lg px-3 py-2.5">
+    <div className="px-3 py-2.5">
       <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
         <div className="min-w-0 flex-1">
           <div className="truncate text-sm font-medium">{title}</div>
@@ -114,7 +115,7 @@ function Row({ share }: { share: SharedLinkRow }) {
           onCancel={() => setRevoking(false)}
         />
       )}
-    </li>
+    </div>
   );
 }
 
@@ -194,18 +195,14 @@ export function SharedLinksPanel() {
       )}
       {isLoading ? (
         <p className="text-muted-foreground text-sm">Loading…</p>
-      ) : data?.shares.length ? (
-        <ul className="space-y-2">
-          {data.shares.map((s) => (
-            <Row key={s.id} share={s} />
-          ))}
-        </ul>
       ) : (
-        <div className="text-muted-foreground flex items-center gap-2 rounded-lg border border-dashed px-3 py-6 text-sm">
-          <Link2 className="h-4 w-4 shrink-0" />
-          Nothing shared yet. Use Share… in a chat&apos;s menu, or the share
-          button on a page.
-        </div>
+        <ListSection
+          title="Snapshots"
+          items={data?.shares ?? []}
+          keyOf={(s) => s.id}
+          render={(s) => <Row share={s} />}
+          empty="Nothing shared yet. Use Share… in a chat's menu, or the share button on a page."
+        />
       )}
     </div>
   );

package/components/Updates/AutoUpdates.tsx

@@ -2,7 +2,8 @@
 
 import { toast } from "sonner";
 import { CheckCircle2, CircleAlert, RotateCcw } from "lucide-react";
-import { SettingToggle } from "@/components/Settings/SettingToggle";
+import { SwitchSetting } from "@/components/Settings/settings-fields";
+import { SettingSection } from "@/components/Settings/SettingRow";
 import {
   Select,
   SelectContent,
@@ -80,13 +81,16 @@ export function AutoUpdates({ auto }: { auto: AutoUpdateView }) {
   const onError = (e: Error) => toast.error(e.message);
   return (
     <div className="space-y-3">
-      <SettingToggle
-        title="Install updates automatically"
-        detail="Once everything has been idle for a while. Terminals and chats keep running through the restart, and a version that doesn't start cleanly is rolled back."
-        checked={auto.enabled}
-        locked={auto.locked}
-        onChange={(on) => save.mutate({ auto: on }, { onError })}
-      />
+      <SettingSection>
+        <SwitchSetting
+          id="auto-update"
+          label="Install updates automatically"
+          help="Once everything has been idle for a while. Terminals and chats keep running through the restart, and a version that doesn't start cleanly is rolled back."
+          checked={auto.enabled}
+          locked={auto.locked}
+          onSave={(on) => save.mutateAsync({ auto: on })}
+        />
+      </SettingSection>
       {auto.enabled && (
         <div className="flex flex-wrap items-center justify-between gap-2 px-3">
           <label htmlFor="auto-idle" className="text-sm">

package/components/Updates/UpdateActions.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import { Loader2 } from "lucide-react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import {
@@ -38,6 +39,12 @@ export function UpdateActions({ view }: { view: UpdateView }) {
   const [confirm, setConfirm] = useState(false);
   const busy = workingTotal(view.working) > 0;
 
+  if (view.queued)
+    return (
+      <Button size="sm" className="min-h-11 md:min-h-0" disabled>
+        <Loader2 className="h-4 w-4 animate-spin" /> Updating…
+      </Button>
+    );
   if (view.pending)
     return (
       <Button
@@ -60,7 +67,10 @@ export function UpdateActions({ view }: { view: UpdateView }) {
 
   const start = (when: "now" | "idle") => {
     setConfirm(false);
-    run.mutate(when, { onError: toastError });
+    run.mutate(when, {
+      onError: toastError,
+      onSuccess: (v) => v.message && toast.success(v.message),
+    });
   };
 
   return (
@@ -87,10 +97,15 @@ export function UpdateActions({ view }: { view: UpdateView }) {
             <Button variant="ghost" onClick={() => setConfirm(false)}>
               Cancel
             </Button>
-            <Button variant="outline" onClick={() => start("now")}>
+            <Button
+              variant={view.managed ? "default" : "outline"}
+              onClick={() => start("now")}
+            >
               Update now
             </Button>
-            <Button onClick={() => start("idle")}>Update when idle</Button>
+            {!view.managed && (
+              <Button onClick={() => start("idle")}>Update when idle</Button>
+            )}
           </DialogFooter>
         </DialogContent>
       </Dialog>

package/components/Updates/UpdateToast.test.ts

@@ -96,6 +96,8 @@ const make = (over: Partial<UpdateView> = {}): UpdateView => ({
   canUpdate: { ok: true },
   run: null,
   pending: null,
+  managed: false,
+  queued: null,
   working: { sessions: 0, reviews: 0, setups: 0 },
   ...over,
 });
@@ -212,6 +214,21 @@ describe("UpdateToast", () => {
     expect(runMutate).toHaveBeenCalledWith("idle", expect.anything());
   });
 
+  it("on a machine autodeploy manages, explains and still offers Update now", async () => {
+    view = make({ managed: true });
+    await render();
+    expect(text()).toContain("deployed by autodeploy");
+    await act(async () => button("Update now")!.click());
+    expect(runMutate).toHaveBeenCalledWith("now", expect.anything());
+  });
+
+  it("shows a queued request as a disabled Updating… button", async () => {
+    view = make({ managed: true, queued: { requestedAt: 1 } });
+    await render();
+    expect(button("Updating…")?.disabled).toBe(true);
+    expect(button("Update now")).toBeUndefined();
+  });
+
   it("shows a pending update with Cancel", async () => {
     view = make({ pending: { requestedAt: 1 } });
     await render();

package/components/Updates/UpdateToast.tsx

@@ -10,6 +10,7 @@ import { useDismissedUpdate } from "@/hooks/useDismissedUpdate";
 import { useReloadWhenUpdated } from "@/hooks/useReloadWhenUpdated";
 import {
   bannerState,
+  MANAGED_NOTE,
   type BannerState,
   type UpdateView,
 } from "@/lib/updates/banner";
@@ -72,6 +73,10 @@ export function UpdateToastView({
   if (state === "available") text = <>AgentOS {latest?.version} is available</>;
   else if (state === "pending")
     text = <>AgentOS will update when nothing is working</>;
+  else if (state === "queued")
+    text = (
+      <>Updating AgentOS to {latest?.version}. It deploys within a minute.</>
+    );
   else if (state === "built")
     text = <>Built {run?.toVersion}. Restart AgentOS to finish updating.</>;
   else if (failed) text = <>The update didn&apos;t finish. {run?.error}</>;
@@ -110,7 +115,7 @@ export function UpdateToastView({
       )}
     >
       <span className="flex h-6 shrink-0 items-center">
-        {state === "running" ? (
+        {state === "running" || state === "queued" ? (
           <Loader2 className="text-muted-foreground h-4 w-4 animate-spin" />
         ) : (
           <ArrowUpCircle
@@ -130,6 +135,9 @@ export function UpdateToastView({
               {view.canUpdate.reason}
             </p>
           )}
+        {state === "available" && view.managed && view.canUpdate.ok && (
+          <p className="text-muted-foreground text-xs">{MANAGED_NOTE}</p>
+        )}
         {notesOpen && latest && (
           <ul className="text-muted-foreground list-disc space-y-0.5 pl-4 text-xs">
             {latest.notes.map((n, i) => (
@@ -138,9 +146,9 @@ export function UpdateToastView({
           </ul>
         )}
         <div className="flex flex-wrap items-center gap-x-3 gap-y-1">
-          {(state === "available" || state === "pending") && (
-            <UpdateActions view={view} />
-          )}
+          {(state === "available" ||
+            state === "pending" ||
+            state === "queued") && <UpdateActions view={view} />}
           {state === "running" && elapsed > SLOW_MS && (
             <Button size="sm" onClick={() => window.location.reload()}>
               Reload
@@ -243,7 +251,9 @@ export function UpdateToast() {
       ? `running:${view?.run?.id}`
       : computed === "pending"
         ? `pending:${view?.pending?.requestedAt}`
-        : null;
+        : computed === "queued"
+          ? `queued:${view?.queued?.requestedAt}`
+          : null;
   const state = key && key === closed ? "hidden" : computed;
 
   const { dismissVersion, dismissRun } = dismissed;

package/components/Updates/UpdatesSection.tsx

@@ -3,14 +3,15 @@
 import { toast } from "sonner";
 import { Loader2 } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { SettingToggle } from "@/components/Settings/SettingToggle";
+import { SwitchSetting } from "@/components/Settings/settings-fields";
+import { SettingSection } from "@/components/Settings/SettingRow";
 import { useSetTipsOff, useTips } from "@/data/tips";
 import {
   useCheckForUpdates,
   useUpdateBannerSetting,
   useUpdates,
 } from "@/data/updates";
-import { isActivePhase } from "@/lib/updates/banner";
+import { isActivePhase, MANAGED_NOTE } from "@/lib/updates/banner";
 import { AutoUpdates } from "./AutoUpdates";
 import { UpdateActions } from "./UpdateActions";
 
@@ -107,9 +108,17 @@ export function UpdatesSection() {
           {view.run?.phase})…
         </p>
       )}
+      {view.available && view.managed && view.canUpdate.ok && (
+        <p className="text-muted-foreground text-xs">{MANAGED_NOTE}</p>
+      )}
       {view.available && !view.canUpdate.ok && view.canUpdate.reason && (
         <p className="text-muted-foreground text-xs">{view.canUpdate.reason}</p>
       )}
+      {view.queued && (
+        <p className="text-muted-foreground text-sm">
+          Queued for autodeploy. It deploys within about a minute.
+        </p>
+      )}
       {view.pending && (
         <p className="text-muted-foreground text-sm">
           Will update when nothing is working.
@@ -141,16 +150,17 @@ export function UpdatesSection() {
 
       {view.auto && <AutoUpdates auto={view.auto} />}
 
-      <SettingToggle
-        title="Show update banner"
-        detail="Tell everyone using this AgentOS when a newer version is out, and when it updated itself."
-        checked={view.bannerEnabled}
-        locked={view.bannerLocked}
-        onChange={(on) =>
-          banner.mutate(on, { onError: (e) => toast.error(e.message) })
-        }
-      />
-      <TipsToggle />
+      <SettingSection>
+        <SwitchSetting
+          id="update-banner"
+          label="Show update banner"
+          help="Tell everyone using this AgentOS when a newer version is out, and when it updated itself."
+          checked={view.bannerEnabled}
+          locked={view.bannerLocked}
+          onSave={(on) => banner.mutateAsync(on)}
+        />
+        <TipsToggle />
+      </SettingSection>
     </div>
   );
 }
@@ -159,13 +169,12 @@ function TipsToggle() {
   const { data } = useTips();
   const setOff = useSetTipsOff();
   return (
-    <SettingToggle
-      title="Show Tip of the Day"
-      detail="A short tip about something AgentOS can do, behind the lightbulb in the sidebar. It never opens on its own."
+    <SwitchSetting
+      id="tips"
+      label="Show Tip of the Day"
+      help="A short tip about something AgentOS can do, behind the lightbulb in the sidebar. It never opens on its own."
       checked={!!data && !data.off}
-      onChange={(on) =>
-        setOff.mutate(!on, { onError: (e) => toast.error(e.message) })
-      }
+      onSave={(on) => setOff.mutateAsync(!on)}
     />
   );
 }

package/components/Workspaces/WorkspaceSettings.test.ts

@@ -124,19 +124,19 @@ describe("WorkspaceSettings", () => {
     await render();
     expect(limit().id).toBe("task-limit-w1");
     expect(limit().disabled).toBe(true);
-    expect(limit().value).toBe("3");
-    expect(host.textContent).not.toContain("Default");
+    expect(limit().value).toBe("");
+    expect(limit().placeholder).toBe("Off");
+    expect(host.textContent).not.toContain("Reset");
   });
 
-  it("enables the number when a limit is set, and hints the default", async () => {
+  it("enables the number when a limit is set, and offers Reset to off", async () => {
     localStorage.setItem("agentOS-settings-workspace", "w2");
     await render();
     expect(limit().disabled).toBe(false);
     expect(limit().value).toBe("2");
-    expect(host.textContent).toContain("Default: off");
     expect(
       [...host.querySelectorAll("button")].some(
-        (b) => b.textContent === "Reset"
+        (b) => b.textContent === "Reset to off"
       )
     ).toBe(true);
   });

package/components/Workspaces/WorkspaceSettings.tsx

@@ -4,7 +4,6 @@ import { useContext, useState } from "react";
 import { settingsUiActions } from "@/stores/settingsUi";
 import { useWorkspacesQuery } from "@/data/workspaces";
 import { useProjectsQuery } from "@/data/projects";
-import { AppWideLimits } from "@/components/Settings/AppWideLimits";
 import {
   matchesQuery,
   SettingsQueryContext,
@@ -69,7 +68,6 @@ export function WorkspaceSettings() {
         }}
       />
       <WorkspacePanel key={shown.id} workspace={shown} />
-      <AppWideLimits />
       <p className="text-muted-foreground text-sm">
         Fresh starts and compaction are app-wide:{" "}
         <button

package/components/ui/switch.tsx

@@ -13,7 +13,7 @@ function Switch({
     <SwitchPrimitive.Root
       data-slot="switch"
       className={cn(
-        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted-foreground/35 data-[state=unchecked]:border-foreground/15 focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-muted-foreground/40 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       )}
       {...props}

package/content/whats-new.json

@@ -2009,6 +2009,30 @@
       "area": "Sidebar",
       "text": "Renaming a session for the first time no longer closes the name box before you can type.",
       "url": "https://github.com/saadnvd1/agent-os/pull/568"
+    },
+    {
+      "id": 569,
+      "date": "2026-11-02",
+      "kind": "fixed",
+      "area": "Chat",
+      "text": "Pressing Enter with a selection that ends on a reply's button row no longer quotes it.",
+      "url": "https://github.com/saadnvd1/agent-os/pull/569"
+    },
+    {
+      "id": 570,
+      "date": "2026-11-02",
+      "kind": "improved",
+      "area": "Settings",
+      "text": "Settings is tidier: clearer switches, shorter lists, one Approvals page, and a General page for your name and alerts.",
+      "url": "https://github.com/saadnvd1/agent-os/pull/570"
+    },
+    {
+      "id": 571,
+      "date": "2026-11-02",
+      "kind": "fixed",
+      "area": "Updates",
+      "text": "You can update AgentOS by hand again on machines that deploy themselves, and Update now skips the hourly wait.",
+      "url": "https://github.com/saadnvd1/agent-os/pull/571"
     }
   ]
 }

package/data/approvals/index.ts

@@ -1,11 +1,11 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import type { AuditRow } from "@/lib/approvals/no-approvals";
+import type { ApprovalLine } from "@/lib/approvals/describe";
 import { provePresence } from "../presence";
 import { usePollWhenOffline } from "../push/connection";
 
 export interface ApprovalsMode {
   on: boolean;
-  audit: AuditRow[];
+  audit: ApprovalLine[];
 }
 
 export const approvalsKeys = { all: ["approvals"] as const };

package/data/health/index.ts

@@ -91,10 +91,13 @@ export function useDeleteNote() {
   });
 }
 
+import type { HealthMeta } from "@/lib/health/config";
+
 export interface ConfigResponse {
   config: Record<string, number>;
   defaults: Record<string, number>;
   labels: Record<string, string>;
+  meta: Record<string, HealthMeta>;
 }
 
 export function useHealthConfig() {

package/hooks/useAutoSave.ts

@@ -2,6 +2,7 @@
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
+import { settingsUi } from "@/stores/settingsUi";
 
 export type SaveStatus = "idle" | "saving" | "saved" | "undo";
 
@@ -13,6 +14,9 @@ export interface AutoSave<T> {
   // rejected save drops the in-flight value, so this is the saved one again.
   value: T;
   status: SaveStatus;
+  // Why the last save was rejected; cleared by the next commit. Shown on the
+  // row while Settings is open (a toast would sit over the dialog).
+  error: string | null;
   // Commit a new value. `undoable` keeps the previous one for Undo (large or
   // destructive changes). Resolves false when the server rejected it.
   commit: (next: T, opts?: { undoable?: boolean }) => Promise<boolean>;
@@ -27,7 +31,7 @@ export function useAutoSave<T>({
   saved,
   save,
   equals = Object.is,
-  notify = (message) => toast.error(message),
+  notify,
 }: {
   saved: T;
   save: (next: T) => Promise<unknown>;
@@ -36,6 +40,7 @@ export function useAutoSave<T>({
 }): AutoSave<T> {
   const [pending, setPending] = useState<{ value: T } | null>(null);
   const [status, setStatus] = useState<SaveStatus>("idle");
+  const [error, setError] = useState<string | null>(null);
   const previous = useRef<{ value: T } | null>(null);
   const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
   const seq = useRef(0);
@@ -56,6 +61,7 @@ export function useAutoSave<T>({
       const mine = ++seq.current;
       clearTimeout(timer.current);
       setPending({ value: next });
+      setError(null);
       setStatus("saving");
       try {
         await latest.current.save(next);
@@ -64,9 +70,10 @@ export function useAutoSave<T>({
           setPending(null);
           setStatus("idle");
         }
-        latest.current.notify(
-          err instanceof Error ? err.message : "Couldn't save"
-        );
+        const message = err instanceof Error ? err.message : "Couldn't save";
+        if (latest.current.notify) latest.current.notify(message);
+        else if (settingsUi.open) setError(message);
+        else toast.error(message);
         return false;
       }
       if (mine !== seq.current) return true;
@@ -94,5 +101,11 @@ export function useAutoSave<T>({
     return run(back.value, false, latest.current.saved);
   }, [run]);
 
-  return { value: pending ? pending.value : saved, status, commit, undo };
+  return {
+    value: pending ? pending.value : saved,
+    status,
+    error,
+    commit,
+    undo,
+  };
 }

package/hooks/useReloadWhenUpdated.ts

@@ -9,7 +9,16 @@ import { isActivePhase, type UpdateView } from "@/lib/updates/banner";
  */
 export function useReloadWhenUpdated(view: UpdateView | undefined) {
   const watched = useRef<string | null>(null);
+  const queuedFrom = useRef<string | null>(null);
   const run = view?.run;
+  // An Update now that autodeploy took: the page was loaded from the old build.
+  const sha = view?.current?.sha;
+  useEffect(() => {
+    if (!sha) return;
+    if (view?.queued) queuedFrom.current = sha;
+    else if (queuedFrom.current && queuedFrom.current !== sha)
+      window.location.reload();
+  }, [view?.queued, sha]);
   useEffect(() => {
     if (!run) return;
     if (isActivePhase(run.phase)) watched.current = run.id;