@@ -2412,6 +2412,7 @@ it("keeps a workspace PDF open across URL renewals and reloads it when the file
   }
 });
 it("keeps a workspace image and its zoom across agent commands and reloads it when the file changes", async () => {
+  assetUrlState.mockReset();
   const { WorkspaceImagePreview } = await import("./FilePreviewPanel");
   const original =
     'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20"/>';
@@ -2472,6 +2473,39 @@ it("keeps a workspace image and its zoom across agent commands and reloads it wh
     expect(reloaded?.getAttribute("src")?.startsWith(edited)).toBe(true);
   });
 });
+it("retries a failed workspace image when its URL is renewed for the same file", async () => {
+  assetUrlState.mockReset();
+  const { WorkspaceImagePreview } = await import("./FilePreviewPanel");
+  const preview = (mutation: string) => (
+    <WorkspaceImagePreview
+      environmentId={EnvironmentId.make("test")}
+      threadRef={{ environmentId: EnvironmentId.make("test"), threadId: ThreadId.make("test") }}
+      draft={false}
+      workspaceRoot="/repo"
+      absolutePath="/repo/screenshot.svg"
+      alt="screenshot.svg"
+      workspaceMutationId={mutation}
+    />
+  );
+  assetUrlState.mockReturnValue({
+    _tag: "Success",
+    url: "data:image/svg+xml,broken",
+    expiresAt: 0,
+    fileRevision: "one",
+  });
+  await using screen = await render(preview("first"));
+  await expect.element(screen.getByText("Unable to load image.")).toBeVisible();
+
+  assetUrlState.mockReturnValue({
+    _tag: "Success",
+    url: 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20"/>#renewed',
+    expiresAt: 0,
+    fileRevision: "one",
+  });
+  await screen.rerender(preview("second"));
+  await expect.element(screen.getByRole("button", { name: "Zoom in" })).toBeEnabled();
+  expect(screen.container.textContent).not.toContain("Unable to load image.");
+});
 function planningPdf(
   titles = ["Quarterly outlook", "Delivery milestones", "Budget and risks"],
   firstHeight = 140,
 
@@ -11,7 +11,8 @@ export default function PreviewImageContent(props: {
   readonly mimeType?: string;
   readonly onError?: () => void;
 }) {
-  const [failed, setFailed] = useState(false);
+  // A renewed URL for the same file retries a failed load without resetting zoom.
+  const [failedSrc, setFailedSrc] = useState<string | null>(null);
   const [expanded, setExpanded] = useState(false);
   const [natural, setNatural] = useState({ width: 0, height: 0 });
   const [viewport, setViewport] = useState({ width: 0, height: 0 });
@@ -34,7 +35,7 @@ export default function PreviewImageContent(props: {
     : 1;
   const scale = zoom ?? fit;
   const changeZoom = (factor: number) => setZoom(Math.max(0.05, Math.min(8, scale * factor)));
-  if (failed) return <FileSurfaceFailure message="Unable to load image." />;
+  if (failedSrc === props.src) return <FileSurfaceFailure message="Unable to load image." />;
   return (
     <>
       <div className="flex min-h-10 shrink-0 flex-wrap items-center justify-between gap-2 border-b border-border/60 px-3 py-1 text-xs text-muted-foreground">
@@ -107,7 +108,7 @@ export default function PreviewImageContent(props: {
                 })
               }
               onError={() => {
-                setFailed(true);
+                setFailedSrc(props.src);
                 props.onError?.();
               }}
             />