feat: UX polish — ListResult<T>, DataTable upgrades, all 8 panels

[joshsmithxrm]

Summary

Comprehensive UX polish pass across the entire extension, driven by a three-phase audit (code review, interactive CDP testing, owner review) comparing legacy v0.3.4 against the new extension.

Infrastructure

• ListResult<T> — new return type for all 9 services with Items, TotalCount, WasTruncated, FiltersApplied (Constitution I4 compliance)
• DataTable shared component — virtual scrolling, cell selection + Ctrl+A/C TSV copy, sortValue for correct date/number sorting, row striping, cell tooltips, header styling
• All panels — retainContextWhenHidden: true, enableFindWidget: true, box-sizing: border-box, button loading states, standardized date formatting, search placeholders

Per-Panel

• Solutions — display name first, Visible/All toggle, managed/unmanaged badges, secondary date line
• Import Jobs — paging (251 records, was 50), import log opens in editor tab with XML syntax highlighting, status badges
• Plugin Traces — side-by-side detail split, timeline overhaul (depth colors, shimmer, click nav, legend), advanced query builder (3-tab filter with condition builder), all 9 missing detail fields, Overview tab
• Data Explorer — transpilation warnings, hover copy button, Top N / DISTINCT overflow menu
• Metadata Browser — Global Choices tree section, Properties detail panel, 3 separate relationship tabs with correct N:N columns, per-tab search, entity breadcrumb, navigation links, copy schema name
• Connection References — flow count column, health-aware status, per-flow Maker deep links, Default Solution default, Sync Deployment Settings wired
• Environment Variables — Sync Deployment Settings wired to backend, date+time format, includeInactive toggle
• Web Resources — progressive background loading (20K+ records), server-side search fallback, solution cache

Constitution

• I4 added — "Never silently hide, truncate, or filter data" with visibility + reversibility requirements
• All services return total counts, all panels show "X of Y" when filtered/truncated
• includeInactive, includeInternal, includeIntersect, includeClassic params added where silent filters existed

Test plan

• .NET build: 0 errors
• .NET tests: 4,852 passed (all TFMs)
• TS compile + typecheck: 0 errors
• TS lint: 0 errors
• CSS lint: 0 errors
• TS tests: 335 passed
• Extension verification: all 8 panels load with real data (CDP screenshots)
• QA: 3-agent blind verification (functional, consistency, UX)
• Code review: 0 critical, 2 important fixed (D2 violation, dead code)
• Owner walkthrough pending

🤖 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 UX polish across the entire extension, focusing on improving data presentation, interactivity, and transparency. It introduces a new ListResult<T> pattern for all data services to ensure compliance with the new I4 data transparency principle, and significantly upgrades the shared DataTable component to provide features like virtual scrolling and advanced selection. Panel-specific enhancements address critical usability gaps and introduce new functionalities, particularly in the Plugin Traces and Metadata Browser panels, to provide a more robust and user-friendly experience.

Highlights

• ListResult Adoption: Implemented a new ListResult<T> return type across all 9 data services, encapsulating items, total count, truncation status, and applied filters to ensure compliance with the new I4 data transparency principle.
• DataTable Component Upgrade: Significantly enhanced the shared DataTable component with virtual scrolling for performance, Excel-style cell selection and Ctrl+A/C TSV copy, improved date/number sorting via sortValue, row striping, and cell tooltips.
• Standardized Panel UX: Applied consistent UX improvements across all 8 panels, including setting retainContextWhenHidden: true and enableFindWidget: true, standardizing box-sizing: border-box, implementing button loading states, and uniform date formatting.
• Plugin Traces Panel Overhaul: Introduced a side-by-side detail split, a comprehensive timeline visualization with depth colors and click navigation, and a new advanced query builder with multi-tab filtering capabilities.
• Metadata Browser Enhancements: Added a dedicated Global Choices tree section, a detailed Properties panel for attributes, and restored the correct 3-tab structure for relationships (1:N, N:1, N:N) with accurate column displays for each type.
• Connection References Data Model: Enhanced the Connection References panel to display flow counts and relationship-aware status at the table level, alongside per-flow Maker Portal deep links.
• Environment Variables Sync: Wired the Sync Deployment Settings functionality to the backend, allowing for smart merging of environment variables and connection references into a deployment settings file.
• Web Resources Progressive Loading: Implemented progressive background loading for web resources, ensuring faster initial rendering for large datasets, and added server-side search fallback.
• Constitution I4 Compliance: A new constitutional amendment (I4) was added, mandating that data hiding, truncation, or filtering must always be visible and reversible, with services returning total counts and applied filters.

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 pull request implements the UX Polish project, which aims to improve the user experience of the Power Platform Dataverse extension. The changes include adding a new ListResult<T> type to service return types, upgrading the DataTable shared component, and implementing quick wins across all panels. It also addresses I4 compliance by ensuring data transparency and reversibility. The implementation plan involves multiple steps, including service return type foundation, DataTable shared component upgrades, quick wins, and per-panel fixes. The changes also include updating RPC handlers and MCP tools to align with the new service return types.