fix(cloud): show cloud run file content from session events instead of local filesystem

Author: VojtechBartos

apps/code/src/renderer/features/code-editor/components/CodeEditorPanel.tsx

@@ -1,6 +1,7 @@
 import { PanelMessage } from "@components/ui/PanelMessage";
 import { Tooltip } from "@components/ui/Tooltip";
 import { CodeMirrorEditor } from "@features/code-editor/components/CodeMirrorEditor";
+import { useCloudFileContent } from "@features/code-editor/hooks/useCloudFileContent";
 import { useMarkdownViewerStore } from "@features/code-editor/stores/markdownViewerStore";
 import { getImageMimeType } from "@features/code-editor/utils/imageUtils";
 import { isMarkdownFile } from "@features/code-editor/utils/markdownUtils";
@@ -9,6 +10,7 @@ import { isImageFile } from "@features/message-editor/utils/imageUtils";
 import { usePanelLayoutStore } from "@features/panels";
 import { useFileTreeStore } from "@features/right-sidebar/stores/fileTreeStore";
 import { useCwd } from "@features/sidebar/hooks/useCwd";
+import { useIsWorkspaceCloudRun } from "@features/workspace/hooks/useWorkspace";
 import { Code, Eye } from "@phosphor-icons/react";
 import { Box, Flex, IconButton, Text } from "@radix-ui/themes";
 import { trpcClient, useTRPC } from "@renderer/trpc/client";
@@ -82,34 +84,50 @@ export function CodeEditorPanel({
     [handleMarkdownLinkClick],
   );
 
+  const isCloudRun = useIsWorkspaceCloudRun(taskId);
+  const cloudFile = useCloudFileContent(
+    taskId,
+    filePath,
+    isCloudRun && !isImage,
+  );
+
   const repoQuery = useQuery(
     trpcReact.fs.readRepoFile.queryOptions(
       { repoPath: repoPath ?? "", filePath },
-      { enabled: isInsideRepo && !isImage, staleTime: Infinity },
+      { enabled: isInsideRepo && !isImage && !isCloudRun, staleTime: Infinity },
     ),
   );
 
   const absoluteQuery = useQuery(
     trpcReact.fs.readAbsoluteFile.queryOptions(
       { filePath: absolutePath },
-      { enabled: !isInsideRepo && !isImage, staleTime: Infinity },
+      {
+        enabled: !isInsideRepo && !isImage && !isCloudRun,
+        staleTime: Infinity,
+      },
     ),
   );
 
   const imageQuery = useQuery(
     trpcReact.fs.readFileAsBase64.queryOptions(
       { filePath: absolutePath },
-      { enabled: isImage, staleTime: Infinity },
+      { enabled: isImage && !isCloudRun, staleTime: Infinity },
     ),
   );
 
-  const {
-    data: fileContent,
-    isLoading,
-    error,
-  } = isInsideRepo ? repoQuery : absoluteQuery;
+  const localQuery = isInsideRepo ? repoQuery : absoluteQuery;
+  const fileContent = isCloudRun ? cloudFile.content : localQuery.data;
+  const isLoading = isCloudRun ? cloudFile.isLoading : localQuery.isLoading;
+  const error = isCloudRun ? null : localQuery.error;
 
   if (isImage) {
+    if (isCloudRun) {
+      return (
+        <PanelMessage detail={filePath}>
+          Images not available for cloud runs
+        </PanelMessage>
+      );
+    }
     if (imageQuery.isLoading) {
       return <PanelMessage>Loading image...</PanelMessage>;
     }
@@ -140,6 +158,22 @@ export function CodeEditorPanel({
     return <PanelMessage>Loading file...</PanelMessage>;
   }
 
+  if (isCloudRun && !cloudFile.touched) {
+    return (
+      <PanelMessage detail={filePath}>
+        File content not available — the agent did not read or write this file
+      </PanelMessage>
+    );
+  }
+
+  if (isCloudRun && cloudFile.touched && cloudFile.content == null) {
+    return (
+      <PanelMessage detail={filePath}>
+        This file was deleted by the agent
+      </PanelMessage>
+    );
+  }
+
   if (error || fileContent == null) {
     return (
       <PanelMessage detail={absolutePath}>Failed to load file</PanelMessage>

apps/code/src/renderer/features/code-editor/hooks/useCloudFileContent.ts

@@ -0,0 +1,28 @@
+import { useSessionForTask } from "@features/sessions/hooks/useSession";
+import {
+  buildCloudEventSummary,
+  type CloudFileContent,
+  extractCloudFileContent,
+} from "@features/task-detail/utils/cloudToolChanges";
+import { useMemo } from "react";
+
+export type CloudFileResult = CloudFileContent & { isLoading: boolean };
+
+export function useCloudFileContent(
+  taskId: string,
+  filePath: string,
+  enabled: boolean,
+): CloudFileResult {
+  const session = useSessionForTask(enabled ? taskId : undefined);
+  const events = session?.events;
+  const isLoading = enabled && session === undefined;
+
+  return useMemo(() => {
+    if (!enabled || !events) {
+      return { content: null, touched: false, isLoading };
+    }
+    const summary = buildCloudEventSummary(events);
+    const result = extractCloudFileContent(summary.toolCalls, filePath);
+    return { ...result, isLoading: false };
+  }, [enabled, events, filePath, isLoading]);
+}

apps/code/src/renderer/features/panels/hooks/usePanelLayoutHooks.tsx

@@ -87,7 +87,11 @@ export function useTabInjection(
         let updatedData = tab.data;
         if (tab.data.type === "file") {
           const rp = tab.data.relativePath;
-          const absolutePath = isAbsolutePath(rp) ? rp : `${repoPath}/${rp}`;
+          const absolutePath = isAbsolutePath(rp)
+            ? rp
+            : repoPath
+              ? `${repoPath}/${rp}`
+              : rp;
           updatedData = {
             ...tab.data,
             absolutePath,

apps/code/src/renderer/features/task-detail/utils/cloudToolChanges.ts

@@ -1,3 +1,4 @@
+import { getReadToolContent } from "@features/sessions/components/session-update/toolCallUtils";
 import type {
   ToolCallContent,
   ToolCallLocation,
@@ -283,3 +284,48 @@ export function extractCloudToolChangedFiles(
 
   return [...filesByPath.values()];
 }
+
+export interface CloudFileContent {
+  content: string | null;
+  /** Whether the agent read, wrote, or deleted this file during the session. */
+  touched: boolean;
+}
+
+/**
+ * Combines read tool results and write/edit diffs to reconstruct the latest
+ * known content for a file from a cloud session's tool calls.
+ */
+export function extractCloudFileContent(
+  toolCalls: Map<string, ParsedToolCall>,
+  filePath: string,
+): CloudFileContent {
+  let latestContent: string | null = null;
+  let touched = false;
+
+  for (const toolCall of toolCalls.values()) {
+    if (toolCall.status === "failed") continue;
+
+    const kind = inferKind(toolCall.kind, toolCall.title);
+    const locationPath = toolCall.locations?.[0]?.path;
+
+    if (kind === "read" && pathsMatch(locationPath, filePath)) {
+      const text = getReadToolContent(toolCall.content);
+      if (text != null) {
+        latestContent = text;
+        touched = true;
+      }
+    } else if (kind === "delete" && pathsMatch(locationPath, filePath)) {
+      latestContent = null;
+      touched = true;
+    } else if (kind && ["write", "edit"].includes(kind)) {
+      const diff = getDiffContent(toolCall.content);
+      const diffPath = diff?.path ?? locationPath;
+      if (pathsMatch(diffPath, filePath) && diff?.newText != null) {
+        latestContent = diff.newText;
+        touched = true;
+      }
+    }
+  }
+
+  return { content: latestContent, touched };
+}