feat(web): preview workspace images from chat and diffs

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}

[StiensWout]

Summary

• route workspace image files into the existing integrated preview flow
• expose image preview actions from file links and file surfaces
• keep non-image file opening behavior unchanged

Root cause

The asset server already supports signed workspace image preview URLs, but the web client only treated HTML and PDF paths as previewable entry files.

Impact

Screenshots and other workspace image files can be viewed in-app from file explorer, markdown links, and diff file headers. If preview opening fails, the UI falls back to the existing file surface behavior.

Validation

• vp test packages/shared/src/filePreview.test.ts apps/web/src/diffFileActions.test.ts
• vp check
• vp run typecheck
• python3 /home/t3code/.codex/skills/.system/skill-creator/scripts/quick_validate.py /home/t3code/.codex/skills/t3-contribute

vp check reports the repository's existing unrelated warnings and no errors.

Closes#3140

Note

Add image preview support from chat and diffs with cancellation and structured errors

• Image files opened from chat markdown links, the diff panel, and the files surface now launch in the integrated browser preview when a runtime and base URL are available, with graceful fallback to the file panel on interruption or failure.
• Preview requests are tracked per thread; concurrent requests discard stale responses using an AbortSignal and a beginPreviewRequest guard in openFileInPreview.ts.
• URL construction failures now return a structured BrowserPreviewAssetUrlInvalidError (with lengths and parse cause) instead of throwing a generic error, avoiding full URL leakage.
• New typed errors (BrowserPreviewThreadContextUnavailableError, BrowserPreviewEnvironmentDisconnectedError) let callers distinguish failure modes in ChatMarkdown.tsx and ChatView.tsx.
• Behavioral Change: onOpenInBrowser in MarkdownFileLinkProps now requires an AbortSignal argument; callers that pass a signal may receive an aborted result, which is treated as a fallback cue rather than a hard failure.

^{Macroscope summarized 17612cc.}

---

Note

Medium Risk
Touches preview state, right-panel surfaces, and asset URL resolution across chat, diffs, and file UI; race/cancellation logic could affect which tab wins if mis-ordered, but failures degrade to prior open behavior.

Overview
Extends integrated browser preview beyond HTML/PDF to workspace image files (png, jpeg, gif, svg, webp, avif) when opening from the file explorer, markdown file links, and diff file headers. Preview eligibility now uses shared @t3tools/shared/filePreview helpers instead of a local HTML/PDF regex.

openFileInPreview / openUrlInPreview gain optional AbortSignal and per-thread request sequencing so an older in-flight preview cannot overwrite a newer one; invalid signed asset URLs surface as BrowserPreviewAssetUrlInvalidError with lengths/metadata only (no raw URLs in errors).

UI callers abort on navigation/thread changes. On preview failure or interruption, chat links and file/diff opens show a warning toast and fall back to the existing file surface or diff primary action instead of stopping on a hard error. Markdown browser-open errors are split into disconnected vs missing thread context; FilePreviewPanel copy shifts from “browser” to “preview” for the broader file-type button.

^{Reviewed by Cursor Bugbot for commit 17612cc. Bugbot is set up for automated code reviews on this repo. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 76553957-4cc2-47e3-b4af-48831bcfc7e5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a new feature enabling image previews from chat and diff panels, adding new user-facing behavior across multiple components. New features with cross-cutting UI changes warrant human review.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

Want fixes drafted automatically? Bugbot Autofix can create code changes for findings. A team admin can enable Autofix in the Cursor dashboard.

^{Reviewed by Cursor Bugbot for commit 0fa2ec2. Configure here.}