claude-code - 💡(How to fix) Fix [BUG] Preview button greyed out in Claude Desktop [2 comments, 2 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
anthropics/claude-code#48178Fetched 2026-04-15 06:30:59
View on GitHub
Comments
2
Participants
2
Timeline
5
Reactions
0
Timeline (top)
labeled ×3commented ×2

Error Message

Error Messages/Logs

RAW_BUFFERClick to expand / collapse

Preflight Checklist

  • I have searched existing issues and this hasn't been reported yet
  • This is a single bug report (please file separate reports for different bugs)
  • I am using the latest version of Claude Code

What's Wrong?

Environment Platform: Linux (kernel 4.4.0) Claude Code model: Opus 4.6 (claude-opus-4-6) Session context: Claude Desktop with Preview/Diff/Terminal/Tasks/Plan menu Summary The Preview menu item is disabled/non-clickable even though a dev server is running and reachable on the expected port.

Reproduction Start a Next.js dev server inside the Claude Desktop sandbox: npx next dev -p 3000 (binds to localhost:3000) Also tried npx next dev -H 0.0.0.0 -p 3000 (binds to all interfaces) Server confirmed healthy — curl http://localhost:3000 returns HTTP 200. Open the menu shown in the screenshot — Preview is greyed out and cannot be clicked. Diff, Tasks, and Plan are clickable. Expected Preview should activate once a dev server is detected on a forwarded port.

Actual Preview stays disabled regardless of host binding (localhost or 0.0.0.0) or port.

Additional notes Keyboard shortcut shown: ⇧⌘P Diff (⇧⌘D) works; Terminal also appears disabled. User suspects this started after a recent Claude Desktop update. Next.js version: 14.2.35 Attach the screenshot you shared.

What Should Happen?

I should be able to click preview

Error Messages/Logs

Steps to Reproduce

By using claude code and then trying to click preview

Claude Model

Opus

Is this a regression?

Yes, this worked in a previous version

Last Working Version

No response

Claude Code Version

2.1.108

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

Terminal.app (macOS)

Additional Information

No response

extent analysis

TL;DR

The Preview menu item in Claude Desktop may be disabled due to an issue with detecting the Next.js dev server, and checking the server's binding and port configuration might help resolve the issue.

Guidance

  • Verify that the Next.js dev server is correctly bound to the expected port (in this case, port 3000) and that the port is not blocked by any firewall rules.
  • Check the Claude Desktop settings to ensure that the Preview feature is configured to detect the dev server on the correct port and host.
  • Try using a different port or host binding for the Next.js dev server to see if the issue is specific to the current configuration.
  • Review the Claude Desktop update history to see if there were any changes related to the Preview feature or dev server detection.

Example

No code snippet is provided as the issue seems to be related to configuration and detection rather than code.

Notes

The issue may be related to a regression introduced in a recent Claude Desktop update, and checking the update history and release notes may provide more information.

Recommendation

Apply workaround: Try using a different port or host binding for the Next.js dev server to see if the issue is specific to the current configuration, as this may help identify the root cause of the problem.

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

claude-code - 💡(How to fix) Fix [BUG] Preview button greyed out in Claude Desktop [2 comments, 2 participants]