feat(ui): redesign Explorer, toolbar, and icon system

[ThisIs-Developer]

Summary

• Adds a closable Explorer sidebar with workspace, folder, file, drag-and-drop, favorites, multi-selection, context-menu, secret-workspace, and background-import workflows.
• Preserves documents when tabs close, adds contextual close commands, and supports synchronized two-document split workflows.
• Reorganizes the Markdown toolbar and standardizes the application on a locally bundled Lucide icon subset with 1.5px strokes, while retaining the Bootstrap GitHub brand mark.
• Refines the header, dialogs, mobile navigation, status bar, About experience, and desktop resources for a compact responsive layout.

GitHub import workflow

• Creates a folder in the default Workspace using the imported GitHub repository name.
• Reuses the existing repository folder on later imports instead of creating duplicates.
• Routes every selected GitHub Markdown file into that repository folder.
• Closes the import dialog as soon as the final import action is submitted and continues file fetching in the background.
• Reworks the import toast into a compact progress card with current-file detail, processed count, animated progress, completion state, partial-failure state, dark-mode styling, and reduced-motion support.

Explorer, tabs, and toolbar

• Workspace and folder rows toggle from the full row with pointer, Enter, or Space input while maintaining aria-expanded.
• Files and folders support normal, Ctrl/Command, and Shift selection, keyboard context menus, safe bulk actions, and confirmed bulk deletion.
• Removes the redundant hover-only add control and the redundant Open action from folder menus.
• Explorer expand/collapse is a state-aware two-way control using fold/unfold icons.
• New, Export, formatting, and application dropdowns share one visual and interaction system.
• Document utilities, review controls, view modes, formatting, insert tools, Diagram & More, Share, Live Share, and Export retain their existing behavior.

Responsive UI and overlays

• Uses the Markdown Alerts shell as the shared contract for all 26 static application dialogs: compact header, consistent content padding, divided footer, and a common close control.
• Applies the same modal treatment to Share Snapshot, Live Share, Symbols & HTML Entities, GitHub Emojis, diagram/STL viewers, and generated PDF progress.
• Removes the unused lower space from Share Snapshot access cards while preserving their one-line descriptions.
• Keeps the GitHub mark visible and aligned with the title/subtitle product identity on desktop and mobile.
• Adds a stable mobile status bar and statistics container.
• Replaces the bare no-document message with a modern two-column empty-document experience using the real application icon, six full-row Get Started actions, and a compact single-column mobile layout.
• Makes Open Recent state-aware and connects the empty state to New, file import, Explorer, Welcome template, and GitHub import workflows.
• Replaces the floating mobile menu card with a full-height edge-attached drawer in the order New, Export, Share Snapshot, Live Share, Report, About, Settings.
• Moves compact document statistics beneath Edit/Split/Preview and removes the duplicated mobile tabs, Sync, Copy, and Review controls.
• Keeps only one mobile accordion section open, resets accordion and language state after every dismissal, traps focus while open, restores the trigger, and supports backdrop/Escape/breakpoint closing.
• Keeps the About dialog formal and compact with repository, changelog, license, FAQ, and support links.

Icon system

• Uses a local, dependency-free Lucide CSS-mask subset at a consistent 1.5px stroke with shared size and color tokens.
• Live Share uses Lucide radio on desktop and mobile.
• Private mode uses Lucide hat-glasses, Reset workspace uses power, and the Language list shares the New command-menu styling on desktop and mobile.
• The Bootstrap GitHub mark remains the sole brand-icon exception and its license is bundled locally.
• No runtime icon reinitialization, webfont request, or additional UI framework was introduced.

Desktop build

• Refreshes the tracked Neutralino desktop resources from the current web application.
• Builds seven standalone targets: Windows x64, macOS x64/arm64/universal, and Linux x64/arm64/armhf.

Validation

• node --check script.js ? passed
• npm run build ? passed
• Modal shell and overlay interaction checks ? passed
• git diff --check ? passed
• Root and desktop script/style resources ? byte-identical after preparation
• Responsive drawer checks ? passed at 320, 375, 768, 812 landscape, 1024, 1080, and 1440 widths
• Empty-workspace interaction checks ? passed for disabled tools, zeroed statistics, Welcome/Recent transitions, and all six Get Started actions
• Empty-workspace visual checks ? passed at 1440 desktop, 375 phone, and 812?375 dark landscape with reduced motion
• npm run build in desktop-app ? seven standalone targets generated successfully

Commit Messages

Conventional commit style is used for updates in this pull request, including feat, fix, style, refactor, and chore scopes.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
markdown-viwer	Ready	Preview, Comment	Jul 19, 2026 11:29am

[cloudflare-workers-and-pages]

Deploying markdownviewer with    Cloudflare Pages

Latest commit:	721c941
Status:	✅  Deploy successful!
Preview URL:	https://add74f8e.markdownviewer.pages.dev
Branch Preview URL:	https://codex-document-management-si.markdownviewer.pages.dev

View logs

[gitguardian]

️✅ There are no secrets present in this pull request anymore.

If these secrets were true positive and are still valid, we highly recommend you to revoke them.
While these secrets were previously flagged, we no longer have a reference to the
specific commits where they were detected. Once a secret has been leaked into a git
repository, you should consider it compromised, even if it was deleted immediately.
Find here more information about risks.

---

^{_{🦉 GitGuardian detects secrets in your source code to help developers and security teams secure the modern development process. You are seeing this because you or someone else with access to this repository has authorized GitGuardian to scan your pull request.}}