Replace blocking About dialog with custom modal BrowserWindow

[Copilot]

The About dialog used dialog.showMessageBoxSync() — a native OS dialog that is not modal relative to the app window, can hide behind it, and blocks the main process while open.

Replaces it with a custom BrowserWindow-based modal following the same pattern as the update notification dialog.

Changes

• IPC plumbing — Added SHOW_ABOUT event channel; added onShowAbout to ToolboxAPI type and preload. Removed unused GET_ABOUT_INFO util channel, its IPC handler, and preload exposure.

• Main process (index.ts) — showAboutDialog() now mirrors the sendWhatsNewRequest pattern: captures webContents, guards with isDestroyed(), and defers the send via once('did-finish-load', ...) when the renderer is still loading; removed unused clipboard import

• New modal (src/renderer/modals/about/) — view.ts renders a styled panel with Environment, System, and Diagnostics sections; controller.ts handles close and copy-to-clipboard via modalBridge

• New module (src/renderer/modules/aboutManagement.ts) — builds and shows the modal BrowserWindow; handles the copy channel by calling toolboxAPI.utils.copyToClipboard and shows a success notification ("Copied to Clipboard") as user feedback after the copy completes

• Initialization (initialization.ts) — registers onShowAbout listener to open the modal on menu trigger

• Use a meaningful title for the pull request.

• Follow the guidelines from the CONTRIBUTING.md.

• Mention the bug or the feature number the PR will be targeting.

• Test the change in your own code. (Compile and run)

• Resolve all GH Copilot comments.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[Bug]: About dialog blocks UI</issue_title>
<issue_description>### What happened?

The ToolBox about dialog in not modal, and as a result it can end up hidden behind the ToolBox and then blocks elements of the UI

What version of the PPTB are you using?

v1.1.2-dev.20260203

Relevant log output

```</issue_description>

<agent_instructions>Similar to the Update dialog we need a custom About dialog.</agent_instructions>

## Comments on the Issue (you are @copilot in this section)

<comments>
</comments>

• Fixes [Bug]: About dialog blocks UI #361

---

📍 Connect Copilot coding agent with Jira, Azure Boards or Linear to delegate work to Copilot in one click without leaving your project management tool.

[github-actions]

Bundle Size Report 📦

Bundle	Size
Main Process	954.08 KB
Renderer JS	509.18 KB
Renderer CSS	93.99 KB
Total	1.52 MB

Bundle Analysis Reports

The detailed bundle analysis reports are available in the workflow artifacts:

• 📊 Main Process: stats-main.html
• 📊 Renderer Process: stats-renderer.html

Download the artifacts from the workflow run to view interactive visualizations.

---

Bundle size tracking is now active! This helps prevent bundle bloat.

[Power-Maverick]

@copilot show the info notification that the text was copied when clicking the copy to clipboard; otherwise there is no feedback to the user.

[Copilot]

@copilot show the info notification that the text was copied when clicking the copy to clipboard; otherwise there is no feedback to the user.

Done in 99afac5. After the clipboard write succeeds, aboutManagement.ts now calls showPPTBNotification with a "success" type, title "Copied to Clipboard", and a 3-second duration — the same notification system used elsewhere in the app.

[github-actions]

Bundle Size Report 📦

Bundle	Size
Main Process	954.45 KB
Renderer JS	522.06 KB
Renderer CSS	94.43 KB
Total	1.53 MB

Bundle Analysis Reports

The detailed bundle analysis reports are available in the workflow artifacts:

• 📊 Main Process: stats-main.html
• 📊 Renderer Process: stats-renderer.html

Download the artifacts from the workflow run to view interactive visualizations.

---

Bundle size tracking is now active! This helps prevent bundle bloat.

[Copilot]

Pull request overview

Replaces the blocking, non-app-modal native About dialog with a BrowserWindow-backed modal, aligning About UX with the existing modal framework used for update notifications and preventing main-process blocking.

Changes:

• Added new IPC channels (EVENT_CHANNELS.SHOW_ABOUT, UTIL_CHANNELS.GET_ABOUT_INFO) and wired a new onShowAbout listener through the preload + shared API types.
• Updated the main process About flow to send version/system info to the renderer instead of calling dialog.showMessageBoxSync().
• Introduced a new renderer modal implementation (modals/about/*) and a management module to open it and handle copy-to-clipboard + notifications.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
src/renderer/modules/initialization.ts	Registers onShowAbout and opens the About modal with theme-aware rendering.
src/renderer/modules/aboutManagement.ts	Creates/shows the About BrowserWindow modal and handles copy events + success notification.
src/renderer/modals/about/view.ts	Renders the About modal HTML + styles (Environment/System/Diagnostics sections).
src/renderer/modals/about/controller.ts	Modal controller script for close/OK and copy-to-clipboard message emission.
src/main/preload.ts	Exposes onShowAbout and adds utils.getAboutInfo() binding.
src/main/index.ts	Implements GET_ABOUT_INFO handler and switches About menu action to SHOW_ABOUT event.
src/common/types/api.ts	Extends ToolboxAPI type with onShowAbout.
src/common/ipc/channels.ts	Adds the new util/event channel constants.

[github-actions]

Bundle Size Report 📦

Bundle	Size
Main Process	954.12 KB
Renderer JS	522.06 KB
Renderer CSS	94.43 KB
Total	1.53 MB

Bundle Analysis Reports

The detailed bundle analysis reports are available in the workflow artifacts:

• 📊 Main Process: stats-main.html
• 📊 Renderer Process: stats-renderer.html

Download the artifacts from the workflow run to view interactive visualizations.

---

Bundle size tracking is now active! This helps prevent bundle bloat.