feat(ext): UX audit fixes — 28 findings across all 8 panels

[joshsmithxrm]

Summary

Side-by-side comparison of legacy v0.3.4 vs new extension produced 55 findings.
After triage: 28 fixes, 22 keep-new-behavior, 5 deferred. Implemented across
10 phases (1 cross-cutting + 8 per-panel + 1 review fix).

Critical fix

• Plugin Traces Trace Level button — was completely non-functional. Wired
  existing RPC methods (pluginTraces/traceLevel, setTraceLevel) to a proper
  dropdown menu showing Off/Exception/All with current level display

All 8 panels touched

• Solutions: Include Managed toggle (shows all 190 vs 8), sort controls,
  Visible/API Managed fields, Maker Portal button, isVisible/isApiManaged C# support
• Import Jobs: Search bar, Operation Context column (end-to-end C#→TS), record count
• Plugin Traces: Trace Level fix, Maker Portal URL fix (Dynamics 365 classic),
  status text labels, search bar, record count
• Web Resources: Restored Created By and Created On columns
• Connection References: Expandable flow/connection detail, ISO timestamp formatting,
  search bar, status badges (Unknown/Unbound), Sync Settings button
• Environment Variables: Modified On column, search bar, Sync Settings button
• Metadata Browser: Custom Only filter toggle
• Data Explorer: Clear button, Import button

Cross-cutting

• Added Connection References + Environment Variables to sidebar Tools list
• Standardized command titles ("Open Data Explorer", "Open Plugin Traces")
• Removed text-transform: uppercase from 5 panel CSS files (Title Case headers)
• Fixed CDP tool VSIX extraction on Windows (pwsh Expand-Archive)
• Fixed command injection in CDP tool (path sanitization)

C# backend changes

• SolutionService: Added IsVisible, IsApiManaged to queries and DTOs
• ImportJobService: Added OperationContext to queries and DTOs
• RpcMethodHandler: Updated DTOs for both

Test plan

• .NET build: 0 errors, 0 warnings
• .NET tests: 7,679 passed across net8/9/10
• TypeScript typecheck: 0 errors (host + webview)
• TypeScript lint: 0 errors
• CSS lint: 0 errors
• Extension tests: 334 passed
• Dead code analysis: all findings pre-existing
• Pre-commit hooks (typecheck + lint): passed on every commit
• Code review: 0 critical, 2 important (both fixed)

🤖 Generated with Claude Code

[gemini-code-assist]

Summary of Changes

Hello, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request delivers a comprehensive set of UX audit fixes across eight different panels within the extension, significantly improving usability, feature parity with the legacy version, and overall consistency. The changes range from critical functional repairs, like the Plugin Traces 'Trace Level' button, to numerous quality-of-life enhancements such as search bars, sorting options, and more informative data displays. Backend DTOs and services were updated to support these new UI features, ensuring a robust foundation for the improved user experience. Additionally, the internal QA process documentation was updated to reflect a more thorough, multi-agent verification strategy.

Highlights

• Critical Plugin Traces Fix: Resolved a critical issue where the Plugin Traces 'Trace Level' button was non-functional, wiring it to existing RPC methods and providing a proper dropdown menu with current level display.
• Solutions Panel Enhancements: Implemented an 'Include Managed' toggle to display all solutions, added client-side sort controls, included 'Visible' and 'API Managed' fields in solution details, and added a 'Maker Portal' button.
• Import Jobs Panel Improvements: Added a search bar for filtering import jobs, introduced an 'Operation Context' column, and displayed a record count in the footer.
• Plugin Traces Panel Updates: Corrected the Maker Portal URL to point to the Dynamics 365 classic view, added text labels to status indicators for accessibility, and integrated a search bar for filtering traces.
• Connection References Panel Overhaul: Introduced expandable flow/connection details, fixed raw ISO timestamp formatting, added a 'Sync Deployment Settings' button, included a search bar, and improved status badge displays (Unknown/Unbound).
• Environment Variables Panel Additions: Restored the 'Modified On' column, added a search bar for filtering variables, and included a 'Sync Deployment Settings' button.
• Metadata Browser Filter: Added a 'Custom Only' filter toggle to hide system/internal attributes.
• Data Explorer Functionality: Added 'Clear' and 'Import' buttons to the query panel for enhanced usability.
• Cross-Cutting UX Improvements: Added Connection References and Environment Variables to the sidebar tools list, standardized command titles (e.g., 'Open Data Explorer'), removed text-transform: uppercase from panel CSS files for consistent title casing, and fixed VSIX extraction on Windows.
• Backend DTO and Service Updates: Updated SolutionService to include IsVisible and IsApiManaged in queries and DTOs, and ImportJobService to include OperationContext in queries and DTOs, providing necessary data for frontend enhancements.
• QA Process Documentation Update: Revised the internal QA documentation to detail a 'Three-Agent Blind Verification' process, outlining distinct roles for functional, consistency, and UX agents, and refining the verification steps and reporting format.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for GitHub and other Google products, sign up here.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This is an impressive pull request that addresses a large number of UX findings across the extension. The changes are well-structured and follow the detailed plan provided. The refactoring of the QA process documentation is particularly noteworthy and establishes a much more robust verification strategy.

My review focuses on a few areas for improvement, primarily related to maintainability. I've identified several instances of inline styles in the panel templates. Moving these to dedicated CSS classes will improve consistency and make future styling changes easier.

The backend changes to support new UI fields are clean, and the fixes for the Maker Portal URL and VSIX extraction are solid improvements. Overall, this is a high-quality contribution that significantly enhances the user experience of the extension.