feat: add full-screen in mermaid & perf renderer code_block

[Simon-He95]

close: #863

Pull Request Description

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.
*For example: I'm always frustrated when [...] *

Describe the solution you'd like
A clear and concise description of what you want to happen.

UI/UX changes for Desktop Application
If this PR introduces UI/UX changes, please describe them in detail.

• Include screenshots or GIFs if applicable to visually demonstrate the changes.
• Explain the reasoning behind the UI/UX decisions and how they improve the user experience of the desktop application.

Platform Compatibility Notes
If this PR has specific platform compatibility considerations (Windows, macOS, Linux), please describe them here.

• Are there any platform-specific behaviors or code adjustments?
• Have you tested on all relevant platforms?

Additional context
Add any other context about the pull request here.

---

Pull Request Description (中文)

你的功能请求是否与某个问题有关？请描述一下。
请对问题进行清晰扼要的描述。
*例如：我增加了 [...] 的功能 *

请描述你希望的解决方案
请对你希望实现的效果进行清晰扼要的描述。

桌面应用程序的 UI/UX 更改
如果此 PR 引入了 UI/UX 更改，请详细描述它们。

• 如果适用，请包含屏幕截图或 GIF 以直观地演示更改。
• 解释 UI/UX 决策背后的原因，以及它们如何改善桌面应用程序的用户体验。

平台兼容性注意事项
如果此 PR 具有特定的平台兼容性考虑因素（Windows、macOS、Linux），请在此处描述。

• 是否有任何平台特定的行为或代码调整？
• 你是否已在所有相关平台上进行过测试？

附加背景
在此处添加关于此 Pull Request 的任何其他背景信息。

Summary by CodeRabbit

• Chores
  • Updated underlying UI/editor and markdown rendering libraries to the latest minor versions to improve compatibility, stability, and maintainability.
  • Inherits minor performance and bug fixes from upstream dependencies.
  • No functional changes or API updates; behavior should remain the same.
  • Low regression risk; no user action required.

[coderabbitai]

Walkthrough

Dependency versions updated in package.json: vue-renderer-markdown from ^0.0.40 to ^0.0.44 and vue-use-monaco from ^0.0.11 to ^0.0.15. No code or public API changes indicated.

Changes

Cohort / File(s)	Summary
Dependency version bumps package.json	Updated dependencies: vue-renderer-markdown ^0.0.40 → ^0.0.44, vue-use-monaco ^0.0.11 → ^0.0.15. No other changes.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• fix(markdown): auto-wrap hide scroll #833 — Also touches Monaco integration and previously adjusted vue-renderer-markdown; overlaps on the same dependencies.
• feat: upgrade vue-renderer-markdown & vue-use-monaco #862 — Bumps the same dependency lines (vue-renderer-markdown and vue-use-monaco) in package.json.
• feat: upgrade vue-renderer-markdown open typewriterEffect #679 — Updates vue-renderer-markdown and mentions enabling a typewriterEffect, intersecting with the same package line.

Suggested reviewers

• yyhhyyyyyy

Pre-merge checks (1 passed, 4 warnings)

❌ Failed checks (4 warnings)

Check name	Status	Explanation	Resolution
Title Check	⚠️ Warning	The current title claims a new full-screen feature for Mermaid and performance renderer code blocks, but the changeset only updates two dependencies in package.json without any implementation of that feature, making the title misleading.	Please update the title to reflect the dependency updates or implement the advertised full-screen functionality before merging to ensure the title accurately describes the changeset.
Linked Issues Check	⚠️ Warning	Although the PR closes issue #863, none of the code changes add a full-screen preview to the Mermaid container as required by that issue, so the linked issue’s objective is unaddressed.	Implement the full-screen preview feature for the Mermaid container according to issue #863 or remove the issue linkage if this PR is solely for dependency updates.
Out of Scope Changes Check	⚠️ Warning	The only modifications in this PR are dependency version bumps, which do not relate to the requested feature of adding full-screen support and thus constitute out-of-scope changes relative to issue #863.	Separate the dependency updates into their own PR or scope this PR to include only the code necessary to implement the full-screen functionality for the Mermaid container.
Description Check	⚠️ Warning	The description is just the untouched template with no details filled in for the problem, solution, UI/UX changes, platform compatibility, or additional context, so it fails to document what this PR actually does.	Please replace the template placeholders with a concise description of the updated dependencies, why they were bumped, and any impact or testing notes to complete the PR description.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.

Poem

I nudge my deps with gentle hops,
Two carrots ripe from version crops. 🥕🥕
No code to tweak, no tests to fear—
Just fresher fields, the path is clear.
Thump-thump, I merge, then rest my ears. 🐇

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ae8e1d1 and 111c3eb.

📒 Files selected for processing (1)

• package.json (1 hunks)

🧰 Additional context used

🧠 Learnings (4)

📚 Learning: 2025-07-23T00:45:57.322Z

Learnt from: CR
PR: ThinkInAIXYZ/deepchat#0
File: .cursor/rules/vue-shadcn.mdc:0-0
Timestamp: 2025-07-23T00:45:57.322Z
Learning: Applies to src/renderer/**/*.{vue} : Use Shadcn Vue, Radix Vue, and Tailwind for components and styling.

Applied to files:

• package.json

📚 Learning: 2025-07-21T01:46:30.354Z

Learnt from: CR
PR: ThinkInAIXYZ/deepchat#0
File: .cursor/rules/i18n.mdc:0-0
Timestamp: 2025-07-21T01:46:30.354Z
Learning: Applies to src/renderer/src/**/* : Use the 'vue-i18n' framework for all internationalization in the renderer

Applied to files:

• package.json

📚 Learning: 2025-07-23T00:45:57.322Z

Learnt from: CR
PR: ThinkInAIXYZ/deepchat#0
File: .cursor/rules/vue-shadcn.mdc:0-0
Timestamp: 2025-07-23T00:45:57.322Z
Learning: Applies to src/renderer/{composables,utils}/**/*.ts : Use VueUse for common composables and utility functions.

Applied to files:

• package.json

📚 Learning: 2025-07-23T00:45:57.322Z

Learnt from: CR
PR: ThinkInAIXYZ/deepchat#0
File: .cursor/rules/vue-shadcn.mdc:0-0
Timestamp: 2025-07-23T00:45:57.322Z
Learning: Applies to src/renderer/**/*.{vue} : Use Vue 3 with TypeScript, leveraging defineComponent and PropType.

Applied to files:

• package.json

🔇 Additional comments (2)

package.json (2)

160-160: Confirm vue-renderer-markdown bump and compatibility

• Link the 0.0.44 release notes (or add a CHANGELOG entry if none exist) to verify the Mermaid full-screen feature and any breaking changes.
• Ensure the lockfile is updated (or pin exactly to 0.0.44) so the bump is captured for deterministic installs.
• Run pnpm install && pnpm run typecheck:web (or your equivalent) to catch any import or type errors post-upgrade.
• Double-check peer/runtime targets (Vue 3.5, Vite 7, Electron 37) and verify any required CSS/assets for the new full-screen behavior are included.

---

163-163: Verify peer dependencies, bundling, and release notes

• Confirm package.json’s peerDependencies specify a compatible monaco-editor version (e.g. ^0.52.2).
• Ensure vite-plugin-monaco-editor-esm lazy-loading/splitting still functions to avoid renderer bundle bloat.
• Sanity-check editor mounting in code blocks after upgrading vue-use-monaco.
• Add a link to the vue-use-monaco 0.0.15 changelog or release notes to verify the referenced performance improvements.

✨ Finishing Touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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 and usage tips.}

[yyhhyyyyyy]

LGTM