claude-code - 💡(How to fix) Fix [BUG] Typst (.typ) files show "No content available" in Live UI preview panel [1 participants]

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?

When Claude writes or edits a Typst file (with the .typ extension), the file is correctly saved to the local directory, but the Live UI screen (the preview panel that appears on the right side of the interface) fails to render any content. Instead, it displays the message: "No content available".

What Should Happen?

Claude Code should be able to render the content of .typ files in the Live UI panel, just as it does for other source files like .py, .js, or .md. At a minimum, it should display the raw code content with basic text rendering.

Error Messages/Logs

No content available

Steps to Reproduce

1. Start a session with Claude Code (claude).
2. Give a prompt to create a Typst file: Create a file named report.typ with the content "Hello Typst!".
3. Accept the file write permission.
4. Once the file is written, look at the "Live UI" screen on the right.
5. Observe that the panel shows "No content available" instead of the code content.

Claude Model

Not sure / Multiple models

Is this a regression?

No, this never worked

Last Working Version

2.1.62

Claude Code Version

2.1.62

Platform

Anthropic API

Operating System

macOS

Terminal/Shell

Terminal.app (macOS)

Additional Information

The issue seems to be a missing mapping for the .typ file extension in the UI's rendering component. Renaming the file to report.txt or report.md causes the content to appear immediately in the Live UI, confirming that the content exists but the extension is not being handled correctly for display.