Surface stale workspace paths in the UI (#473)

* Show stale workspace paths in the UI

- add a path-exists websocket API and shared contracts
- surface missing-on-disk badges for projects, branches, and worktrees
- poll path existence in sidebar and branch toolbar

* Add streaming code preview cards (#472)

- Render live code preview chrome for streaming assistant fences
- Show fallback plain-code state when highlighting fails
- Add shared metadata helpers and tests

* Harden Capacitor local notification patching

- Update the patch script to preserve required notification validation
- Handle empty arrays explicitly for cancel and remove flows
- Switch type extraction to the newer Capacitor call API

* Add attachment diff previews in chat (#477)

- Preview file attachments as diff or text in a modal
- Reuse shared patch parsing and diff tree helpers
- Serve persisted attachment ids with diff MIME types

* Scope preview open state to thread (#476)

- Persist preview visibility per thread instead of per project
- Update preview toggles, layout actions, and app-browser open flow
- Bump preview state storage and add migration coverage

* Show missing-on-disk indicators across file views

- Add stale path badges in the code viewer, workspace tree, terminal links, and PR review tabs
- Broaden file refresh invalidation so deleted or moved files update consistently

* fix: always show missing-path badge in branch toolbar env selector mode

Agent-Logs-Url: https://github.com/OpenKnots/okcode/sessions/ca974bc9-c599-48b4-ac62-43ea2cc1f192

Co-authored-by: BunsDev <68980965+BunsDev@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

Author: BunsDev

apps/server/src/wsServer.test.ts

@@ -2055,6 +2055,31 @@ describe("WebSocket Server", () => {
     });
   });
 
+  it("reports whether a workspace path exists on disk", async () => {
+    const workspace = makeTempDir("okcode-ws-path-exists-");
+    const missingPath = path.join(workspace, "missing-worktree");
+
+    const { cwd } = makeWorkspaceFixture("test");
+    server = await createTestServer({ cwd });
+    const addr = server.address();
+    const port = typeof addr === "object" && addr !== null ? addr.port : 0;
+
+    const [ws] = await connectAndAwaitWelcome(port);
+    connections.push(ws);
+
+    const existingResponse = await sendRequest(ws, WS_METHODS.projectsPathExists, {
+      path: workspace,
+    });
+    expect(existingResponse.error).toBeUndefined();
+    expect(existingResponse.result).toEqual({ exists: true });
+
+    const missingResponse = await sendRequest(ws, WS_METHODS.projectsPathExists, {
+      path: missingPath,
+    });
+    expect(missingResponse.error).toBeUndefined();
+    expect(missingResponse.result).toEqual({ exists: false });
+  });
+
   it("supports projects.writeFile within the workspace root", async () => {
     const workspace = makeTempDir("okcode-ws-write-file-");
 

apps/server/src/wsServer.ts

@@ -8,6 +8,7 @@
  */
 import fs from "node:fs";
 import http, { type IncomingMessage } from "node:http";
+import path from "node:path";
 import type { Duplex } from "node:stream";
 
 import Mime from "@effect/platform-node/Mime";
@@ -119,6 +120,10 @@ function testOpenclawGateway(input: import("@okcode/contracts").TestOpenclawGate
   });
 }
 
+const resolveCheckPath = Effect.fn(function* (input: string) {
+  return path.resolve(yield* expandHomePath(input.trim()));
+});
+
 /**
  * Returns true if `a` is a strictly higher semver than `b`.
  * Only handles `major.minor.patch` numeric segments; pre-release suffixes
@@ -1113,6 +1118,19 @@ export const createServer = Effect.fn(function* (): Effect.fn.Return<
         });
       }
 
+      case WS_METHODS.projectsPathExists: {
+        const body = stripRequestTag(request.body);
+        return yield* Effect.gen(function* () {
+          const resolvedPath = yield* resolveCheckPath(body.path);
+          const fileInfo = yield* fileSystem
+            .stat(resolvedPath)
+            .pipe(Effect.catch(() => Effect.succeed(null)));
+          return {
+            exists: fileInfo !== null,
+          };
+        });
+      }
+
       case WS_METHODS.projectsWriteFile: {
         const body = stripRequestTag(request.body);
         const target = yield* resolveWorkspaceWritePath({

apps/web/src/components/BranchToolbar.tsx

@@ -10,6 +10,7 @@ import {
   gitStatusQueryOptions,
   invalidateGitQueries,
 } from "../lib/gitReactQuery";
+import { projectPathExistsQueryOptions } from "../lib/projectReactQuery";
 import { newCommandId } from "../lib/utils";
 import { readNativeApi } from "../nativeApi";
 import { useComposerDraftStore } from "../composerDraftStore";
@@ -26,6 +27,7 @@ import { Button } from "./ui/button";
 import { Select, SelectItem, SelectPopup, SelectTrigger, SelectValue } from "./ui/select";
 import { Tooltip, TooltipPopup, TooltipTrigger } from "./ui/tooltip";
 import { toastManager } from "./ui/toast";
+import { MissingOnDiskBadge } from "./MissingOnDiskBadge";
 
 const envModeItems = [
   { value: "local", label: "Local" },
@@ -62,6 +64,11 @@ export default function BranchToolbar({
   const activeWorktreeBaseBranch =
     serverThread?.worktreeBaseBranch ?? draftThread?.worktreeBaseBranch ?? null;
   const branchCwd = activeWorktreePath ?? activeProject?.cwd ?? null;
+  const pathExistsQuery = useQuery({
+    ...projectPathExistsQueryOptions({ path: branchCwd }),
+    staleTime: 30_000,
+    refetchInterval: 60_000,
+  });
   const hasServerThread = serverThread !== undefined;
   const effectiveEnvMode = resolveEffectiveEnvMode({
     activeWorktreePath,
@@ -130,6 +137,7 @@ export default function BranchToolbar({
   const needsSync = behindCount > 0 && !hasServerThread;
   const pullMutation = useMutation(gitPullMutationOptions({ cwd: gitCwd, queryClient }));
   const stopPullMutation = useMutation(gitStopActionMutationOptions({ cwd: gitCwd, queryClient }));
+  const isMissingOnDisk = branchCwd !== null && pathExistsQuery.data?.exists === false;
 
   // Force a fresh git-status fetch when a draft thread mounts so we catch
   // upstream changes immediately instead of waiting for the next poll cycle.
@@ -195,50 +203,53 @@ export default function BranchToolbar({
 
   return (
     <div className="mx-auto flex w-full max-w-7xl items-end justify-between px-5 pb-3 pt-1">
-      {envLocked || activeWorktreePath ? (
-        <span className="inline-flex items-center gap-1 border border-transparent px-[calc(--spacing(3)-1px)] text-sm font-medium text-muted-foreground/70 sm:text-xs">
-          {activeWorktreePath ? (
-            <>
-              <GitForkIcon className="size-3" />
-              Worktree
-            </>
-          ) : (
-            <>
-              <FolderIcon className="size-3" />
-              Local
-            </>
-          )}
-        </span>
-      ) : (
-        <Select
-          value={effectiveEnvMode}
-          onValueChange={(value) => onEnvModeChange(value as EnvMode)}
-          items={envModeItems}
-        >
-          <SelectTrigger variant="ghost" size="xs" className="font-medium">
-            {effectiveEnvMode === "worktree" ? (
-              <GitForkIcon className="size-3" />
+      <div className="flex items-center gap-1.5">
+        {envLocked || activeWorktreePath ? (
+          <span className="inline-flex items-center gap-1.5 border border-transparent px-[calc(--spacing(3)-1px)] text-sm font-medium text-muted-foreground/70 sm:text-xs">
+            {activeWorktreePath ? (
+              <>
+                <GitForkIcon className="size-3" />
+                Worktree
+              </>
             ) : (
-              <FolderIcon className="size-3" />
-            )}
-            <SelectValue />
-          </SelectTrigger>
-          <SelectPopup>
-            <SelectItem value="local">
-              <span className="inline-flex items-center gap-1.5">
+              <>
                 <FolderIcon className="size-3" />
                 Local
-              </span>
-            </SelectItem>
-            <SelectItem value="worktree">
-              <span className="inline-flex items-center gap-1.5">
+              </>
+            )}
+          </span>
+        ) : (
+          <Select
+            value={effectiveEnvMode}
+            onValueChange={(value) => onEnvModeChange(value as EnvMode)}
+            items={envModeItems}
+          >
+            <SelectTrigger variant="ghost" size="xs" className="font-medium">
+              {effectiveEnvMode === "worktree" ? (
                 <GitForkIcon className="size-3" />
-                New worktree
-              </span>
-            </SelectItem>
-          </SelectPopup>
-        </Select>
-      )}
+              ) : (
+                <FolderIcon className="size-3" />
+              )}
+              <SelectValue />
+            </SelectTrigger>
+            <SelectPopup>
+              <SelectItem value="local">
+                <span className="inline-flex items-center gap-1.5">
+                  <FolderIcon className="size-3" />
+                  Local
+                </span>
+              </SelectItem>
+              <SelectItem value="worktree">
+                <span className="inline-flex items-center gap-1.5">
+                  <GitForkIcon className="size-3" />
+                  New worktree
+                </span>
+              </SelectItem>
+            </SelectPopup>
+          </Select>
+        )}
+        {isMissingOnDisk ? <MissingOnDiskBadge path={branchCwd} /> : null}
+      </div>
 
       <div className="flex flex-col items-end gap-1">
         <div className="flex items-center gap-1.5">

apps/web/src/components/CodeViewerPanel.tsx

@@ -21,11 +21,17 @@ import {
 } from "~/codeViewerStore";
 import { useTheme } from "~/hooks/useTheme";
 import { isElectron } from "~/env";
-import { projectQueryKeys, projectReadFileQueryOptions } from "~/lib/projectReactQuery";
+import {
+  projectPathExistsQueryOptions,
+  projectQueryKeys,
+  projectReadFileQueryOptions,
+} from "~/lib/projectReactQuery";
 import { cn } from "~/lib/utils";
 import { isMarkdownPreviewFilePath } from "~/markdownPreview";
 import { readNativeApi } from "~/nativeApi";
+import { resolvePathLinkTarget } from "~/terminal-links";
 import { type CodeContextSelection, CodeMirrorViewer } from "./CodeMirrorViewer";
+import { MissingOnDiskBadge } from "./MissingOnDiskBadge";
 import { MarkdownPreview } from "./MarkdownPreview";
 import { Button } from "./ui/button";
 import { toastManager } from "./ui/toast";
@@ -143,46 +149,74 @@ export function CodeViewerTabStrip(props: {
   return (
     <div className="flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto [-webkit-app-region:no-drag]">
       {props.tabs.map((tab) => {
-        const isActive = tab.tabId === props.activeTabId;
         return (
-          <div
+          <CodeViewerTabStripItem
             key={tab.tabId}
-            className={cn(
-              "group flex max-w-[200px] shrink-0 items-center gap-1.5 rounded-md border px-2 py-1 text-[11px] transition-colors",
-              isActive
-                ? "border-border bg-accent text-accent-foreground"
-                : "border-transparent text-muted-foreground/70 hover:border-border/60 hover:text-foreground/80",
-            )}
-          >
-            <button
-              type="button"
-              className="min-w-0 flex-1 truncate text-left font-mono"
-              onClick={() => props.onSelectTab(tab.tabId)}
-              title={tab.relativePath}
-            >
-              <span className="truncate">{tab.label}</span>
-              {tab.isDirty ? (
-                <span className="ml-1 text-amber-600 dark:text-amber-300">•</span>
-              ) : null}
-            </button>
-            <button
-              type="button"
-              className="shrink-0 rounded-sm p-0.5 opacity-0 transition-opacity hover:bg-accent/80 group-hover:opacity-100"
-              onClick={(event) => {
-                event.stopPropagation();
-                void props.onCloseTab(tab.tabId);
-              }}
-              aria-label={`Close ${tab.label}`}
-            >
-              <XIcon className="size-3" />
-            </button>
-          </div>
+            tab={tab}
+            active={tab.tabId === props.activeTabId}
+            onSelectTab={props.onSelectTab}
+            onCloseTab={props.onCloseTab}
+          />
         );
       })}
     </div>
   );
 }
 
+const CodeViewerTabStripItem = memo(function CodeViewerTabStripItem(props: {
+  tab: CodeViewerTab;
+  active: boolean;
+  onSelectTab: (tabId: string) => void;
+  onCloseTab: (tabId: string) => void | Promise<void>;
+}) {
+  const absolutePath = resolvePathLinkTarget(props.tab.relativePath, props.tab.cwd);
+  const pathExistsQuery = useQuery(
+    projectPathExistsQueryOptions({
+      path: absolutePath,
+    }),
+  );
+  const isMissingOnDisk = pathExistsQuery.data?.exists === false;
+
+  return (
+    <div
+      className={cn(
+        "group flex max-w-[200px] shrink-0 items-center gap-1.5 rounded-md border px-2 py-1 text-[11px] transition-colors",
+        props.active
+          ? "border-border bg-accent text-accent-foreground"
+          : "border-transparent text-muted-foreground/70 hover:border-border/60 hover:text-foreground/80",
+      )}
+    >
+      <button
+        type="button"
+        className="flex min-w-0 flex-1 items-center gap-1 text-left font-mono"
+        onClick={() => props.onSelectTab(props.tab.tabId)}
+        title={props.tab.relativePath}
+      >
+        <span className="min-w-0 truncate">{props.tab.label}</span>
+        {props.tab.isDirty ? <span className="text-amber-600 dark:text-amber-300">•</span> : null}
+        {isMissingOnDisk ? (
+          <MissingOnDiskBadge
+            path={absolutePath}
+            compact
+            className="h-4 min-w-0 shrink-0 px-1 text-[10px]"
+          />
+        ) : null}
+      </button>
+      <button
+        type="button"
+        className="shrink-0 rounded-sm p-0.5 opacity-0 transition-opacity hover:bg-accent/80 group-hover:opacity-100"
+        onClick={(event) => {
+          event.stopPropagation();
+          void props.onCloseTab(props.tab.tabId);
+        }}
+        aria-label={`Close ${props.tab.label}`}
+      >
+        <XIcon className="size-3" />
+      </button>
+    </div>
+  );
+});
+
 type CodeViewerFileContentProps = {
   cwd: string;
   relativePath: string;
@@ -347,11 +381,9 @@ export const CodeViewerFileContent = memo(function CodeViewerFileContent(
       if (payload.cwd !== props.cwd) {
         return;
       }
-      void queryClient.invalidateQueries({
-        queryKey: projectQueryKeys.readFile(props.cwd, props.relativePath),
-      });
+      void queryClient.invalidateQueries({ queryKey: projectQueryKeys.all });
     });
-  }, [props.cwd, props.relativePath, queryClient]);
+  }, [props.cwd, queryClient]);
 
   useEffect(() => {
     if (!settings.codeViewerAutosave || !tab?.isDirty || !editable || isSaving) {

apps/web/src/components/MissingOnDiskBadge.tsx

@@ -0,0 +1,26 @@
+import { TriangleAlertIcon } from "lucide-react";
+
+import { Badge } from "./ui/badge";
+import { cn } from "~/lib/utils";
+
+export function MissingOnDiskBadge({
+  path,
+  className,
+  compact = false,
+}: {
+  path: string;
+  className?: string;
+  compact?: boolean;
+}) {
+  return (
+    <Badge
+      variant="warning"
+      size="sm"
+      title={`Path no longer exists on disk: ${path}`}
+      className={cn("gap-1.5 px-1.5", className)}
+    >
+      <TriangleAlertIcon className="size-3" />
+      {compact ? "Missing" : "Missing on disk"}
+    </Badge>
+  );
+}