diff --git a/docs/plans/2026-03-18-ext-ux-audit-fixes.md b/docs/plans/2026-03-18-ext-ux-audit-fixes.md
new file mode 100644
index 000000000..1132e8146
--- /dev/null
+++ b/docs/plans/2026-03-18-ext-ux-audit-fixes.md
@@ -0,0 +1,276 @@
+# Extension UX Audit Fixes
+
+**Date:** 2026-03-18
+**Branch:** `feature/ext-ux-audit`
+**Scope:** 28 findings from side-by-side comparison of legacy v0.3.4 vs new extension
+
+## Findings Reference
+
+Each task references an audit finding number (#N) from the comparison session.
+
+## Phase 1: Cross-Cutting Infrastructure
+
+Independent of any single panel. Must complete before phases 2–9.
+
+### Task 1.1: Add Connection References + Environment Variables to sidebar (#56, #57)
+
+**File:** `src/PPDS.Extension/src/views/ToolsTreeView.ts`
+
+The static tools list has 8 items but is missing Connection References and Environment Variables.
+Add them between Import Jobs and Plugin Traces to match logical grouping.
+
+### Task 1.2: Fix "Open" prefix inconsistency in commands (#51)
+
+**File:** `src/PPDS.Extension/package.json`, relevant panel registration files
+
+Current state: Some panels use "PPDS: Open X" (Import Jobs, Web Resources, Connection Refs, Env Variables, Metadata Browser, Solutions) while others use "PPDS: X" (Data Explorer, Plugin Traces).
+
+Decision: Standardize on "PPDS: Open X" for all panel-opening commands. Add aliases without "Open" for backward compat if needed. Ensure command palette titles are consistent.
+
+### Task 1.3: Align column header casing (#10)
+
+**Files:** All `src/PPDS.Extension/src/panels/webview/*-panel.ts` and `src/PPDS.Extension/src/panels/styles/*-panel.css`
+
+Current: Some panels use UPPERCASE headers ("SOLUTION", "STATUS"), others use Title Case. The shared `data-table.ts` component may control this. Standardize on **Title Case** to match VS Code conventions and the legacy extension.
+
+If casing comes from CSS `text-transform: uppercase`, remove it. If hardcoded in HTML, change to Title Case.
+
+### Task 1.4: Align "Maker Portal" button naming (#22)
+
+**Files:** All panel webview TS files that have maker buttons
+
+Legacy used "Open in Maker". New uses "Maker Portal" in some panels but the per-row button in Solutions uses a 🔗 icon. Standardize: toolbar buttons say "Maker Portal", per-row icons keep 🔗 with title="Open in Maker Portal".
+
+---
+
+## Phase 2: Solutions Panel (#1, #2, #3, #5)
+
+### Task 2.1: Show all solutions with managed toggle (#1)
+
+**Files:**
+- `src/PPDS.Extension/src/panels/SolutionsPanel.ts`
+- `src/PPDS.Extension/src/panels/webview/solutions-panel.ts`
+
+The RPC `solutions/list` already supports `includeManaged: true`. Currently the panel calls it without this flag, so only unmanaged solutions (8) appear.
+
+Fix: Add a toggle/checkbox "Include Managed" (default: true to match legacy's 190-record view). Pass `includeManaged` to the RPC call. Persist the toggle state via `globalState`.
+
+### Task 2.2: Add sortable columns (#2, #5)
+
+**Files:**
+- `src/PPDS.Extension/src/panels/webview/solutions-panel.ts`
+- `src/PPDS.Extension/src/panels/styles/solutions-panel.css`
+
+Current: Solutions uses a tree/list view with expandable items. Legacy had a 9-column sortable table.
+
+The existing expandable tree view is a net improvement over legacy (component drill-down). Don't regress to a flat table. Instead:
+
+1. Add a **table view toggle** (list view vs table view) or convert the list to include sortable column headers above the list items.
+2. At minimum, add the missing data columns to each solution row: **Visible**, **API Managed**, **Installed On**, **Modified On** — these should appear in the expandable detail card which already shows Unique Name, Publisher, Type, Installed, Modified.
+3. Add client-side sort controls (by name, version, publisher, modified date).
+
+### Task 2.3: Add toolbar "Maker Portal" button (#3)
+
+**File:** `src/PPDS.Extension/src/panels/webview/solutions-panel.ts`
+
+Per-row 🔗 buttons exist but there's no toolbar-level "Maker Portal" button. Add one that opens the Solutions list in Maker Portal (uses `buildMakerUrl(envId, '/solutions')`).
+
+---
+
+## Phase 3: Import Jobs Panel (#7, #8, #9)
+
+### Task 3.1: Add search bar (#55 — Import Jobs)
+
+**File:** `src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts`
+
+Add a search/filter input using the shared `filter-bar.ts` pattern or inline search input. Filter on solution name client-side.
+
+### Task 3.2: Add Operation Context column (#8)
+
+**Files:**
+- `src/PPDS.Cli/Commands/Serve/Handlers/RpcMethodHandler.cs` — add `operationContext` to `ImportJobInfoDto`
+- `src/PPDS.Dataverse/Services/IImportJobService.cs` or its implementation — include `operationcontext` in the query
+- `src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts` — add column to table
+
+The `importjob` entity has `operationcontext` field (verified in generated entity). The RPC DTO just doesn't include it. Add it end-to-end.
+
+### Task 3.3: Add record count (#9)
+
+**File:** `src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts`
+
+Add footer status showing record count (e.g., "227 import jobs"). Follow the pattern used by other panels.
+
+---
+
+## Phase 4: Plugin Traces Panel — CRITICAL (#11, #12, #17, #18)
+
+### Task 4.1: Fix Trace Level button — CRITICAL (#11)
+
+**Files:**
+- `src/PPDS.Extension/src/panels/PluginTracesPanel.ts` — already has `pluginTracesTraceLevel()` and `pluginTracesSetTraceLevel()` methods
+- `src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts` — the button click handler needs to show current level and allow changing
+
+The daemon client already has both `pluginTracesTraceLevel` and `pluginTracesSetTraceLevel` methods. The PluginTracesPanel.ts backend already has handler methods. The issue is in the **webview JS** — the button exists but doesn't properly:
+1. Fetch and display the current trace level on load
+2. Show a dropdown/picker to change the level when clicked
+
+Fix: When the button is clicked, show a dropdown (or VS Code quick pick via postMessage) with options: Off, Exception, All. Display current level on the button text: "Trace Level: All". Update `trace-level-indicator` span.
+
+### Task 4.2: Fix Maker Portal URL (#12)
+
+**File:** `src/PPDS.Extension/src/panels/PluginTracesPanel.ts:163`
+
+Current: `buildMakerUrl(this.environmentId, '/plugintraceloglist')` — this path doesn't exist in Maker Portal.
+
+The correct approach: Plugin Trace Logs don't have a direct Maker Portal URL. Change to open the Dynamics 365 classic URL: `https://{org}.crm.dynamics.com/main.aspx?pagetype=entitylist&etn=plugintracelog`. This requires the environment URL (which we have) rather than the environment ID.
+
+Alternatively, if the Maker Portal does support a traces path, use it. Research needed — fallback to the Dynamics 365 URL.
+
+### Task 4.3: Add record count (#17)
+
+**File:** `src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts`
+
+Add footer with trace count (e.g., "100 traces").
+
+### Task 4.4: Add text labels to status indicators (#18)
+
+**File:** `src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts`
+
+Current: Green/red dots only. Add "Success" / "Exception" text next to the dot for accessibility and clarity.
+
+---
+
+## Phase 5: Web Resources Panel (#19)
+
+### Task 5.1: Restore Created On / Created By columns (#19)
+
+**File:** `src/PPDS.Extension/src/panels/webview/web-resources-panel.ts`
+
+The RPC `webResources/list` already returns `createdByName` and `createdOn` in the DTO. The webview just doesn't render columns for them. Add "Created On" and "Created By" columns to the table.
+
+---
+
+## Phase 6: Connection References Panel (#23, #24, #25, #26, #28, #55)
+
+### Task 6.1: Add expandable flow/connection detail (#23)
+
+**Files:**
+- `src/PPDS.Extension/src/panels/ConnectionReferencesPanel.ts`
+- `src/PPDS.Extension/src/panels/webview/connection-references-panel.ts`
+- `src/PPDS.Extension/src/panels/styles/connection-references-panel.css`
+
+The `connectionReferences/get` RPC already returns `flows: FlowInfoDto[]` per CR. When a user clicks/expands a CR row, call `connectionReferences/get` for that CR and display:
+- Connection status with bound connection name
+- List of flows using this CR
+- Connector display name
+
+Follow the same expandable pattern used by Solutions panel (chevron toggle, detail card).
+
+### Task 6.2: Fix raw ISO timestamp formatting (#24)
+
+**File:** `src/PPDS.Extension/src/panels/webview/connection-references-panel.ts`
+
+Current: Displays raw `2026-03-08T19:35:34.0000000Z`. Use the shared `dom-utils.ts` date formatting function (or `new Date(iso).toLocaleString()`) to display human-readable dates.
+
+### Task 6.3: Add "Sync Deployment Settings" button (#25)
+
+**Files:**
+- `src/PPDS.Cli/Commands/Serve/Handlers/RpcMethodHandler.cs` — add `deploymentSettings/sync` RPC endpoint
+- `src/PPDS.Extension/src/panels/ConnectionReferencesPanel.ts` — handle the sync command
+- `src/PPDS.Extension/src/panels/webview/connection-references-panel.ts` — add toolbar button
+
+The `IDeploymentSettingsService` and `SyncCommand` already exist in the CLI. Wire up an RPC endpoint that calls the same service, then add a toolbar button.
+
+### Task 6.4: Add search bar (#55 — Connection Refs)
+
+**File:** `src/PPDS.Extension/src/panels/webview/connection-references-panel.ts`
+
+Add search/filter input that filters on display name, logical name, and connector name.
+
+### Task 6.5: Fix Status "N/A" display (#28)
+
+**File:** `src/PPDS.Extension/src/panels/webview/connection-references-panel.ts`
+
+Current: Shows "N/A" badge without context. When connection status is unknown (SPN can't access Power Apps API), display "Unknown (limited access)" or a tooltip explaining why. When unbound, show "Unbound" with warning styling.
+
+---
+
+## Phase 7: Environment Variables Panel (#29, #30, #31, #55)
+
+### Task 7.1: Add "Sync Deployment Settings" button (#29)
+
+Same RPC endpoint as Task 6.3 (shared service). Add toolbar button to Environment Variables panel.
+
+**File:** `src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts`
+
+### Task 7.2: Restore Modified On column (#31)
+
+**File:** `src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts`
+
+The RPC returns `modifiedOn` in the DTO. Add the column to the table.
+
+### Task 7.3: Add search bar (#55 — Env Variables)
+
+**File:** `src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts`
+
+Add search/filter input that filters on schema name, display name, and current value.
+
+---
+
+## Phase 8: Metadata Browser Panel (#37)
+
+### Task 8.1: Add "Hide metadata" filter (#37)
+
+**File:** `src/PPDS.Extension/src/panels/webview/metadata-browser-panel.ts`
+
+Legacy had a "Hide metadata" checkbox that filtered out system/internal attributes (those with `isCustom=false` or similar). Add a toggle checkbox in the toolbar. Default to showing all (matching current behavior), but allow users to hide system metadata.
+
+---
+
+## Phase 9: Data Explorer Panel (#41, #42)
+
+### Task 9.1: Add Clear button (#41)
+
+**File:** `src/PPDS.Extension/src/panels/webview/query-panel.ts`
+
+Add a "Clear" button to the toolbar that clears the editor content and results area.
+
+### Task 9.2: Add Import button (#42)
+
+**Files:**
+- `src/PPDS.Extension/src/panels/QueryPanel.ts`
+- `src/PPDS.Extension/src/panels/webview/query-panel.ts`
+
+Add an "Import" button/menu that allows importing a FetchXML file from disk into the editor. Use `vscode.window.showOpenDialog` via postMessage to the panel host.
+
+---
+
+## Phase 10: Plugin Traces Search Bar (#55 — Plugin Traces)
+
+### Task 10.1: Add text search to Plugin Traces
+
+**File:** `src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts`
+
+The panel already has filter fields (Entity, Message, Plugin, Mode) and quick-filter pills. Add a general text search input that filters the loaded traces client-side across all visible columns (plugin name, entity, message, etc.).
+
+---
+
+## Execution Strategy
+
+- **Phase 1** first (cross-cutting) — commit when done
+- **Phases 2–10** are independent per-panel — can be parallelized via agents
+- Each phase gets its own commit
+- After all phases: gates → verify → QA → review → PR
+
+## Files Changed Summary
+
+| Layer | Files |
+|-------|-------|
+| Sidebar | `ToolsTreeView.ts` |
+| Commands | `package.json` |
+| Panel hosts | `SolutionsPanel.ts`, `PluginTracesPanel.ts`, `ConnectionReferencesPanel.ts`, `QueryPanel.ts` |
+| Webviews | All 8 `*-panel.ts` files in `panels/webview/` |
+| Styles | Potentially all 8 CSS files |
+| RPC | `RpcMethodHandler.cs` (add operationContext, deploymentSettings/sync) |
+| Services | Import job DTO, deployment settings wiring |
+| Shared | `data-table.ts` or `dom-utils.ts` if header casing is centralized |
diff --git a/src/PPDS.Cli/Commands/Serve/Handlers/RpcMethodHandler.cs b/src/PPDS.Cli/Commands/Serve/Handlers/RpcMethodHandler.cs
index 698cf60d0..e46802a10 100644
--- a/src/PPDS.Cli/Commands/Serve/Handlers/RpcMethodHandler.cs
+++ b/src/PPDS.Cli/Commands/Serve/Handlers/RpcMethodHandler.cs
@@ -2060,7 +2060,9 @@ public async Task<SolutionsListResponse> SolutionsListAsync(
                     Description = s.Description,
                     CreatedOn = s.CreatedOn,
                     ModifiedOn = s.ModifiedOn,
-                    InstalledOn = s.InstalledOn
+                    InstalledOn = s.InstalledOn,
+                    IsVisible = s.IsVisible,
+                    IsApiManaged = s.IsApiManaged
                 }).ToList()
             };
         }, cancellationToken);
@@ -2196,7 +2198,8 @@ private static ImportJobInfoDto MapImportJobToDto(ImportJobInfo job)
             CreatedOn = job.CreatedOn?.ToString("o"),
             StartedOn = job.StartedOn?.ToString("o"),
             CompletedOn = job.CompletedOn?.ToString("o"),
-            Duration = job.FormattedDuration
+            Duration = job.FormattedDuration,
+            OperationContext = job.OperationContext
         };
     }
 
@@ -2213,6 +2216,7 @@ private static ImportJobDetailDto MapImportJobToDetailDto(ImportJobInfo job, str
             StartedOn = job.StartedOn?.ToString("o"),
             CompletedOn = job.CompletedOn?.ToString("o"),
             Duration = job.FormattedDuration,
+            OperationContext = job.OperationContext,
             Data = data
         };
     }
@@ -3777,6 +3781,18 @@ public class SolutionInfoDto
     [JsonPropertyName("installedOn")]
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public DateTime? InstalledOn { get; set; }
+
+    /// <summary>
+    /// Gets or sets a value indicating whether the solution is visible.
+    /// </summary>
+    [JsonPropertyName("isVisible")]
+    public bool IsVisible { get; set; } = true;
+
+    /// <summary>
+    /// Gets or sets a value indicating whether the solution is API managed.
+    /// </summary>
+    [JsonPropertyName("isApiManaged")]
+    public bool IsApiManaged { get; set; }
 }
 
 /// <summary>
@@ -4076,6 +4092,10 @@ public class ImportJobInfoDto
     [JsonPropertyName("duration")]
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? Duration { get; set; }
+
+    [JsonPropertyName("operationContext")]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public string? OperationContext { get; set; }
 }
 
 public class ImportJobDetailDto : ImportJobInfoDto
diff --git a/src/PPDS.Dataverse/Services/IImportJobService.cs b/src/PPDS.Dataverse/Services/IImportJobService.cs
index d1a4a6255..29db79e14 100644
--- a/src/PPDS.Dataverse/Services/IImportJobService.cs
+++ b/src/PPDS.Dataverse/Services/IImportJobService.cs
@@ -64,7 +64,8 @@ public record ImportJobInfo(
     DateTime? CompletedOn,
     DateTime? CreatedOn,
     bool IsComplete,
-    string? CreatedByName = null)
+    string? CreatedByName = null,
+    string? OperationContext = null)
 {
     /// <summary>
     /// Computed status: Succeeded, Failed, or In Progress.
diff --git a/src/PPDS.Dataverse/Services/ISolutionService.cs b/src/PPDS.Dataverse/Services/ISolutionService.cs
index 068b258ed..628b27515 100644
--- a/src/PPDS.Dataverse/Services/ISolutionService.cs
+++ b/src/PPDS.Dataverse/Services/ISolutionService.cs
@@ -87,7 +87,9 @@ public record SolutionInfo(
     string? Description,
     DateTime? CreatedOn,
     DateTime? ModifiedOn,
-    DateTime? InstalledOn);
+    DateTime? InstalledOn,
+    bool IsVisible = true,
+    bool IsApiManaged = false);
 
 /// <summary>
 /// Information about a solution component.
diff --git a/src/PPDS.Dataverse/Services/ImportJobService.cs b/src/PPDS.Dataverse/Services/ImportJobService.cs
index 3f1f9db75..741818f69 100644
--- a/src/PPDS.Dataverse/Services/ImportJobService.cs
+++ b/src/PPDS.Dataverse/Services/ImportJobService.cs
@@ -53,7 +53,8 @@ public async Task<List<ImportJobInfo>> ListAsync(
                 ImportJob.Fields.StartedOn,
                 ImportJob.Fields.CompletedOn,
                 ImportJob.Fields.CreatedOn,
-                ImportJob.Fields.CreatedBy),
+                ImportJob.Fields.CreatedBy,
+                ImportJob.Fields.OperationContext),
             TopCount = top,
             Orders = { new OrderExpression(ImportJob.Fields.CreatedOn, OrderType.Descending) }
         };
@@ -86,7 +87,8 @@ public async Task<List<ImportJobInfo>> ListAsync(
                 ImportJob.Fields.StartedOn,
                 ImportJob.Fields.CompletedOn,
                 ImportJob.Fields.CreatedOn,
-                ImportJob.Fields.CreatedBy),
+                ImportJob.Fields.CreatedBy,
+                ImportJob.Fields.OperationContext),
             TopCount = 1
         };
 
@@ -179,6 +181,7 @@ private static ImportJobInfo MapToImportJobInfo(Entity entity)
             completedOn,
             entity.GetAttributeValue<DateTime?>(ImportJob.Fields.CreatedOn),
             completedOn.HasValue,
-            createdByRef?.Name);
+            createdByRef?.Name,
+            entity.GetAttributeValue<string>(ImportJob.Fields.OperationContext));
     }
 }
diff --git a/src/PPDS.Dataverse/Services/SolutionService.cs b/src/PPDS.Dataverse/Services/SolutionService.cs
index be6b2f349..d719decb2 100644
--- a/src/PPDS.Dataverse/Services/SolutionService.cs
+++ b/src/PPDS.Dataverse/Services/SolutionService.cs
@@ -171,7 +171,9 @@ public async Task<List<SolutionInfo>> ListAsync(
                 Solution.Fields.Description,
                 Solution.Fields.CreatedOn,
                 Solution.Fields.ModifiedOn,
-                Solution.Fields.InstalledOn),
+                Solution.Fields.InstalledOn,
+                Solution.Fields.IsVisible,
+                Solution.Fields.IsApiManaged),
             Orders = { new OrderExpression(Solution.Fields.FriendlyName, OrderType.Ascending) }
         };
 
@@ -226,7 +228,9 @@ public async Task<List<SolutionInfo>> ListAsync(
                 Solution.Fields.Description,
                 Solution.Fields.CreatedOn,
                 Solution.Fields.ModifiedOn,
-                Solution.Fields.InstalledOn),
+                Solution.Fields.InstalledOn,
+                Solution.Fields.IsVisible,
+                Solution.Fields.IsApiManaged),
             TopCount = 1
         };
 
@@ -265,7 +269,9 @@ public async Task<List<SolutionInfo>> ListAsync(
                 Solution.Fields.Description,
                 Solution.Fields.CreatedOn,
                 Solution.Fields.ModifiedOn,
-                Solution.Fields.InstalledOn),
+                Solution.Fields.InstalledOn,
+                Solution.Fields.IsVisible,
+                Solution.Fields.IsApiManaged),
             TopCount = 1
         };
 
@@ -550,6 +556,8 @@ private static SolutionInfo MapToSolutionInfo(Entity entity)
             entity.GetAttributeValue<string>(Solution.Fields.Description),
             entity.GetAttributeValue<DateTime?>(Solution.Fields.CreatedOn),
             entity.GetAttributeValue<DateTime?>(Solution.Fields.ModifiedOn),
-            entity.GetAttributeValue<DateTime?>(Solution.Fields.InstalledOn));
+            entity.GetAttributeValue<DateTime?>(Solution.Fields.InstalledOn),
+            entity.GetAttributeValue<bool?>(Solution.Fields.IsVisible) ?? true,
+            entity.GetAttributeValue<bool?>(Solution.Fields.IsApiManaged) ?? false);
     }
 }
diff --git a/src/PPDS.Extension/knip.json b/src/PPDS.Extension/knip.json
index f50cd812f..61f8e61f5 100644
--- a/src/PPDS.Extension/knip.json
+++ b/src/PPDS.Extension/knip.json
@@ -5,6 +5,12 @@
     "src/panels/monaco-worker.ts",
     "src/panels/webview/query-panel.ts",
     "src/panels/webview/solutions-panel.ts",
+    "src/panels/webview/connection-references-panel.ts",
+    "src/panels/webview/environment-variables-panel.ts",
+    "src/panels/webview/import-jobs-panel.ts",
+    "src/panels/webview/metadata-browser-panel.ts",
+    "src/panels/webview/plugin-traces-panel.ts",
+    "src/panels/webview/web-resources-panel.ts",
     "src/panels/webview/shared/vscode-api.ts"
   ],
   "ignore": [
diff --git a/src/PPDS.Extension/package.json b/src/PPDS.Extension/package.json
index b2927ba59..8a08a745c 100644
--- a/src/PPDS.Extension/package.json
+++ b/src/PPDS.Extension/package.json
@@ -155,7 +155,7 @@
       },
       {
         "command": "ppds.dataExplorer",
-        "title": "Data Explorer",
+        "title": "Open Data Explorer",
         "category": "PPDS",
         "icon": "$(database)"
       },
@@ -238,7 +238,7 @@
       },
       {
         "command": "ppds.openPluginTraces",
-        "title": "Plugin Traces",
+        "title": "Open Plugin Traces",
         "category": "PPDS",
         "icon": "$(debug-stackframe)"
       },
diff --git a/src/PPDS.Extension/src/panels/ConnectionReferencesPanel.ts b/src/PPDS.Extension/src/panels/ConnectionReferencesPanel.ts
index 4e8fe1ddb..b04796624 100644
--- a/src/PPDS.Extension/src/panels/ConnectionReferencesPanel.ts
+++ b/src/PPDS.Extension/src/panels/ConnectionReferencesPanel.ts
@@ -85,6 +85,9 @@ export class ConnectionReferencesPanel extends WebviewPanelBase<ConnectionRefere
             case 'selectReference':
                 await this.loadConnectionReferenceDetail(message.logicalName);
                 break;
+            case 'getDetail':
+                await this.loadConnectionReferenceDetail(message.logicalName);
+                break;
             case 'analyze':
                 await this.runAnalysis();
                 break;
@@ -101,6 +104,9 @@ export class ConnectionReferencesPanel extends WebviewPanelBase<ConnectionRefere
             case 'openInMaker':
                 await this.openInMaker();
                 break;
+            case 'syncDeploymentSettings':
+                vscode.window.showInformationMessage('Sync Deployment Settings coming soon');
+                break;
             case 'copyToClipboard':
                 this.handleCopyToClipboard(message.text);
                 break;
@@ -279,8 +285,10 @@ export class ConnectionReferencesPanel extends WebviewPanelBase<ConnectionRefere
 <div class="toolbar">
     <vscode-button id="refresh-btn" appearance="secondary" title="Refresh connection references">Refresh</vscode-button>
     <vscode-button id="analyze-btn" appearance="secondary" title="Analyze orphaned references">Analyze</vscode-button>
+    <vscode-button id="sync-btn" appearance="secondary" title="Sync deployment settings for connection references">Sync Deployment Settings</vscode-button>
     <vscode-button id="maker-btn" appearance="secondary" title="Open Connections in Maker Portal">Maker Portal</vscode-button>
     <div id="solution-filter-container" class="solution-filter-container"></div>
+    <input id="search-input" type="text" placeholder="Search connection references..." class="toolbar-search" />
     <span class="toolbar-spacer"></span>
     ${getEnvironmentPickerHtml()}
 </div>
@@ -289,14 +297,6 @@ export class ConnectionReferencesPanel extends WebviewPanelBase<ConnectionRefere
     <div class="empty-state" id="empty-state">Loading connection references...</div>
 </div>
 
-<div class="detail-pane" id="detail-pane" style="display: none;">
-    <div class="detail-header">
-        <span id="detail-title">Connection Reference Detail</span>
-        <button class="detail-close-btn" id="detail-close" title="Close detail">\u00D7</button>
-    </div>
-    <div class="detail-content" id="detail-content"></div>
-</div>
-
 <div class="status-bar">
     <span id="status-text">Loading...</span>
 </div>
diff --git a/src/PPDS.Extension/src/panels/EnvironmentVariablesPanel.ts b/src/PPDS.Extension/src/panels/EnvironmentVariablesPanel.ts
index 4cfec7cbd..97d724893 100644
--- a/src/PPDS.Extension/src/panels/EnvironmentVariablesPanel.ts
+++ b/src/PPDS.Extension/src/panels/EnvironmentVariablesPanel.ts
@@ -101,6 +101,9 @@ export class EnvironmentVariablesPanel extends WebviewPanelBase<EnvironmentVaria
             case 'exportDeploymentSettings':
                 await this.exportDeploymentSettings();
                 break;
+            case 'syncDeploymentSettings':
+                vscode.window.showInformationMessage('Sync Deployment Settings coming soon');
+                break;
             case 'requestEnvironmentList':
                 await this.handleEnvironmentPickerClick(this.daemon, this.panelId, EnvironmentVariablesPanel.instances.length > 1);
                 break;
@@ -314,8 +317,10 @@ export class EnvironmentVariablesPanel extends WebviewPanelBase<EnvironmentVaria
 <div class="toolbar">
     <vscode-button id="refresh-btn" appearance="secondary" title="Refresh environment variables">Refresh</vscode-button>
     <vscode-button id="export-btn" appearance="secondary" title="Export deployment settings">Export</vscode-button>
+    <vscode-button id="sync-btn" appearance="secondary" title="Sync deployment settings">Sync Settings</vscode-button>
     <vscode-button id="maker-btn" appearance="secondary" title="Open Environment Variables in Maker Portal">Maker Portal</vscode-button>
     <div id="solution-filter-container" class="solution-filter-container"></div>
+    <input id="search-input" type="text" placeholder="Filter variables..." class="toolbar-search" />
     <span class="toolbar-spacer"></span>
     ${getEnvironmentPickerHtml()}
 </div>
diff --git a/src/PPDS.Extension/src/panels/ImportJobsPanel.ts b/src/PPDS.Extension/src/panels/ImportJobsPanel.ts
index 547464d5d..061aec88a 100644
--- a/src/PPDS.Extension/src/panels/ImportJobsPanel.ts
+++ b/src/PPDS.Extension/src/panels/ImportJobsPanel.ts
@@ -135,6 +135,7 @@ export class ImportJobsPanel extends WebviewPanelBase<ImportJobsPanelWebviewToHo
                     startedOn: j.startedOn,
                     completedOn: j.completedOn,
                     duration: j.duration,
+                    operationContext: j.operationContext ?? null,
                 })),
             });
         } catch (error) {
@@ -202,6 +203,7 @@ export class ImportJobsPanel extends WebviewPanelBase<ImportJobsPanelWebviewToHo
 <div class="toolbar">
     <vscode-button id="refresh-btn" appearance="secondary" title="Refresh import jobs">Refresh</vscode-button>
     <vscode-button id="maker-btn" appearance="secondary" title="Open Solution History in Maker Portal">Maker Portal</vscode-button>
+    <input id="search-input" type="text" placeholder="Search import jobs..." title="Filter by solution name" class="toolbar-search" />
     <span class="toolbar-spacer"></span>
     ${getEnvironmentPickerHtml()}
 </div>
diff --git a/src/PPDS.Extension/src/panels/MetadataBrowserPanel.ts b/src/PPDS.Extension/src/panels/MetadataBrowserPanel.ts
index 94d0f7669..422c467cf 100644
--- a/src/PPDS.Extension/src/panels/MetadataBrowserPanel.ts
+++ b/src/PPDS.Extension/src/panels/MetadataBrowserPanel.ts
@@ -216,6 +216,12 @@ export class MetadataBrowserPanel extends WebviewPanelBase<MetadataBrowserPanelW
             <input type="text" id="entity-search" placeholder="Search entities..." />
             <span id="filter-count"></span>
         </div>
+        <div class="filter-toggle-container">
+            <label class="filter-toggle-label">
+                <input type="checkbox" id="hide-system-toggle" />
+                <span>Custom Only</span>
+            </label>
+        </div>
         <div class="entity-list" id="entity-list"></div>
     </div>
     <div class="entity-detail-pane" id="entity-detail-pane">
diff --git a/src/PPDS.Extension/src/panels/PluginTracesPanel.ts b/src/PPDS.Extension/src/panels/PluginTracesPanel.ts
index 93eb32e7a..c8eaf235d 100644
--- a/src/PPDS.Extension/src/panels/PluginTracesPanel.ts
+++ b/src/PPDS.Extension/src/panels/PluginTracesPanel.ts
@@ -3,7 +3,6 @@ import * as vscode from 'vscode';
 import type { DaemonClient } from '../daemonClient.js';
 import type { TraceFilterDto } from '../types.js';
 import { handleAuthError } from '../utils/errorUtils.js';
-import { buildMakerUrl } from '../commands/browserCommands.js';
 
 import { WebviewPanelBase } from './WebviewPanelBase.js';
 import { getNonce } from './webviewUtils.js';
@@ -159,11 +158,12 @@ export class PluginTracesPanel extends WebviewPanelBase<PluginTracesPanelWebview
     }
 
     private async openInMaker(): Promise<void> {
-        if (this.environmentId) {
-            const url = buildMakerUrl(this.environmentId, '/plugintraceloglist');
+        if (this.environmentUrl) {
+            const baseUrl = this.environmentUrl.replace(/\/+$/, '');
+            const url = `${baseUrl}/main.aspx?pagetype=entitylist&etn=plugintracelog`;
             await vscode.env.openExternal(vscode.Uri.parse(url));
         } else {
-            vscode.window.showInformationMessage('Environment ID not available \u2014 cannot open Maker Portal.');
+            vscode.window.showInformationMessage('Environment URL not available \u2014 cannot open Plugin Trace Logs.');
         }
     }
 
@@ -436,6 +436,7 @@ export class PluginTracesPanel extends WebviewPanelBase<PluginTracesPanelWebview
     <vscode-button id="export-btn" appearance="secondary" title="Export traces">Export</vscode-button>
     <vscode-button id="maker-btn" appearance="secondary" title="Open Plugin Trace Logs in Maker Portal">Maker Portal</vscode-button>
     <span class="toolbar-spacer"></span>
+    <input type="text" id="search-input" class="toolbar-search" placeholder="Search traces..." title="Filter traces by plugin name, entity, or message" />
     ${getEnvironmentPickerHtml()}
 </div>
 
diff --git a/src/PPDS.Extension/src/panels/QueryPanel.ts b/src/PPDS.Extension/src/panels/QueryPanel.ts
index 2b80fca5c..996d74b18 100644
--- a/src/PPDS.Extension/src/panels/QueryPanel.ts
+++ b/src/PPDS.Extension/src/panels/QueryPanel.ts
@@ -604,6 +604,8 @@ export class QueryPanel extends WebviewPanelBase<QueryPanelWebviewToHost, QueryP
 <div class="toolbar">
     <vscode-button id="execute-btn" appearance="primary">Execute</vscode-button>
     <vscode-button id="cancel-btn" appearance="secondary" style="display:none;" title="Cancel query (Escape)">Cancel</vscode-button>
+    <vscode-button id="clear-btn" appearance="secondary" title="Clear editor and results">Clear</vscode-button>
+    <vscode-button id="import-btn" appearance="secondary" title="Import query from file">Import</vscode-button>
     <vscode-button id="export-btn" appearance="secondary" title="Export results or save query">Export \u25BE</vscode-button>
     <vscode-button id="history-btn" appearance="secondary" title="Query history (Ctrl+Shift+H)">History</vscode-button>
     <vscode-button id="more-btn" appearance="icon" title="More actions">
diff --git a/src/PPDS.Extension/src/panels/SolutionsPanel.ts b/src/PPDS.Extension/src/panels/SolutionsPanel.ts
index 950533320..ed6e733b1 100644
--- a/src/PPDS.Extension/src/panels/SolutionsPanel.ts
+++ b/src/PPDS.Extension/src/panels/SolutionsPanel.ts
@@ -149,6 +149,8 @@ export class SolutionsPanel extends WebviewPanelBase<SolutionsPanelWebviewToHost
                     createdOn: s.createdOn ?? null,
                     modifiedOn: s.modifiedOn ?? null,
                     installedOn: s.installedOn ?? null,
+                    isVisible: s.isVisible ?? true,
+                    isApiManaged: s.isApiManaged ?? false,
                 })),
             });
         } catch (error) {
@@ -231,7 +233,18 @@ export class SolutionsPanel extends WebviewPanelBase<SolutionsPanelWebviewToHost
 
 <div class="toolbar">
     <vscode-button id="refresh-btn" appearance="secondary" title="Refresh solutions">Refresh</vscode-button>
-    <input id="search-input" type="text" placeholder="Filter solutions..." style="flex: 1; min-width: 120px; max-width: 300px; padding: 3px 8px; background: var(--vscode-input-background); color: var(--vscode-input-foreground); border: 1px solid var(--vscode-input-border, transparent); border-radius: 2px; font-size: 12px; outline: none;" />
+    <vscode-button id="maker-portal-btn" appearance="secondary" title="Open in Maker Portal">Maker Portal</vscode-button>
+    <input id="search-input" type="text" placeholder="Filter solutions..." class="toolbar-search" />
+    <label class="toolbar-checkbox" title="Show managed solutions">
+        <input type="checkbox" id="include-managed-cb" checked />
+        <span>Include Managed</span>
+    </label>
+    <select id="sort-select" title="Sort solutions" class="toolbar-select">
+        <option value="name">Sort: Name</option>
+        <option value="version">Sort: Version</option>
+        <option value="publisher">Sort: Publisher</option>
+        <option value="modifiedOn">Sort: Modified</option>
+    </select>
     <span class="toolbar-spacer"></span>
     ${getEnvironmentPickerHtml()}
 </div>
diff --git a/src/PPDS.Extension/src/panels/styles/connection-references-panel.css b/src/PPDS.Extension/src/panels/styles/connection-references-panel.css
index 30bbdd4dc..f03845cf9 100644
--- a/src/PPDS.Extension/src/panels/styles/connection-references-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/connection-references-panel.css
@@ -49,7 +49,6 @@
     text-align: left;
     padding: 6px 8px;
     font-size: 11px;
-    text-transform: uppercase;
     color: var(--vscode-descriptionForeground);
     border-bottom: 1px solid var(--vscode-panel-border);
 }
@@ -89,6 +88,20 @@
     color: var(--vscode-list-activeSelectionForeground);
 }
 
+/* ── Chevron toggle for expandable rows ──────────────────────────────── */
+
+.cr-chevron {
+    display: inline-block;
+    font-size: 10px;
+    transition: transform 0.15s ease;
+    color: var(--vscode-descriptionForeground);
+    user-select: none;
+}
+
+.cr-chevron.expanded {
+    transform: rotate(90deg);
+}
+
 /* ── Status badges ──────────────────────────────────────────────────── */
 
 .status-badge {
@@ -113,6 +126,100 @@
     color: var(--vscode-descriptionForeground);
 }
 
+.status-unknown {
+    background: color-mix(in srgb, var(--vscode-descriptionForeground) 15%, transparent);
+    color: var(--vscode-descriptionForeground);
+    cursor: help;
+}
+
+.status-unbound {
+    background: color-mix(in srgb, var(--vscode-editorWarning-foreground, #cca700) 20%, transparent);
+    color: var(--vscode-editorWarning-foreground, #cca700);
+    cursor: help;
+}
+
+.status-unbound-text {
+    color: var(--vscode-editorWarning-foreground, #cca700);
+}
+
+/* ── Inline expandable detail card ──────────────────────────────────── */
+
+.cr-inline-detail td {
+    padding: 0;
+    border-bottom: 1px solid var(--vscode-panel-border);
+    background: color-mix(in srgb, var(--vscode-editor-background) 95%, var(--vscode-list-hoverBackground));
+}
+
+.cr-detail-card {
+    padding: 10px 16px;
+    font-size: 12px;
+}
+
+.cr-detail-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4px 24px;
+    margin-bottom: 8px;
+}
+
+.cr-detail-item {
+    padding: 2px 0;
+}
+
+.cr-detail-item .detail-label {
+    color: var(--vscode-descriptionForeground);
+    font-weight: 500;
+    margin-right: 4px;
+}
+
+.cr-detail-full {
+    grid-column: 1 / -1;
+}
+
+.cr-detail-flows {
+    border-top: 1px solid var(--vscode-panel-border);
+    padding-top: 8px;
+    margin-top: 4px;
+}
+
+.cr-flow-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.cr-flow-item {
+    padding: 2px 0 2px 12px;
+    font-size: 12px;
+}
+
+.cr-flow-name {
+    color: var(--vscode-foreground);
+}
+
+.cr-flow-state {
+    font-size: 11px;
+    margin-left: 6px;
+    padding: 1px 4px;
+    border-radius: 2px;
+}
+
+.cr-flow-state-active {
+    background: color-mix(in srgb, var(--vscode-testing-iconPassed, #73c991) 15%, transparent);
+    color: var(--vscode-testing-iconPassed, #73c991);
+}
+
+.cr-flow-state-inactive {
+    background: color-mix(in srgb, var(--vscode-descriptionForeground) 15%, transparent);
+    color: var(--vscode-descriptionForeground);
+}
+
+.cr-no-flows {
+    font-style: italic;
+    color: var(--vscode-descriptionForeground);
+    font-size: 12px;
+}
+
 /* ── Detail pane ────────────────────────────────────────────────────── */
 
 .detail-pane {
@@ -240,3 +347,26 @@
     color: var(--vscode-testing-iconPassed, #73c991);
     padding: 8px 0;
 }
+
+/* ── Toolbar Search ──────────────────────────────────────────── */
+.toolbar-search {
+    flex: 1;
+    min-width: 120px;
+    max-width: 300px;
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border, transparent);
+    padding: 3px 8px;
+    border-radius: 2px;
+    font-size: 12px;
+    font-family: var(--vscode-font-family);
+    outline: none;
+}
+
+.toolbar-search:focus {
+    outline: 1px solid var(--vscode-focusBorder);
+}
+
+.toolbar-search::placeholder {
+    color: var(--vscode-input-placeholderForeground);
+}
diff --git a/src/PPDS.Extension/src/panels/styles/environment-variables-panel.css b/src/PPDS.Extension/src/panels/styles/environment-variables-panel.css
index 0f8f2b172..a70027f28 100644
--- a/src/PPDS.Extension/src/panels/styles/environment-variables-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/environment-variables-panel.css
@@ -49,7 +49,6 @@
     text-align: left;
     padding: 6px 8px;
     font-size: 11px;
-    text-transform: uppercase;
     color: var(--vscode-descriptionForeground);
     border-bottom: 1px solid var(--vscode-panel-border);
 }
@@ -272,3 +271,26 @@
     margin-top: 4px;
     border-radius: 2px;
 }
+
+/* ── Toolbar Search ──────────────────────────────────────────── */
+.toolbar-search {
+    flex: 1;
+    min-width: 120px;
+    max-width: 300px;
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border, transparent);
+    padding: 3px 8px;
+    border-radius: 2px;
+    font-size: 12px;
+    font-family: var(--vscode-font-family);
+    outline: none;
+}
+
+.toolbar-search:focus {
+    outline: 1px solid var(--vscode-focusBorder);
+}
+
+.toolbar-search::placeholder {
+    color: var(--vscode-input-placeholderForeground);
+}
diff --git a/src/PPDS.Extension/src/panels/styles/import-jobs-panel.css b/src/PPDS.Extension/src/panels/styles/import-jobs-panel.css
index e16751443..6746a98e2 100644
--- a/src/PPDS.Extension/src/panels/styles/import-jobs-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/import-jobs-panel.css
@@ -27,7 +27,6 @@
     text-align: left;
     padding: 6px 8px;
     font-size: 11px;
-    text-transform: uppercase;
     color: var(--vscode-descriptionForeground);
     border-bottom: 1px solid var(--vscode-panel-border);
 }
@@ -138,3 +137,26 @@
     color: var(--vscode-foreground);
     background: var(--vscode-editor-background);
 }
+
+/* ── Toolbar Search ──────────────────────────────────────────── */
+.toolbar-search {
+    flex: 1;
+    min-width: 120px;
+    max-width: 300px;
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border, transparent);
+    padding: 3px 8px;
+    border-radius: 2px;
+    font-size: 12px;
+    font-family: var(--vscode-font-family);
+    outline: none;
+}
+
+.toolbar-search:focus {
+    outline: 1px solid var(--vscode-focusBorder);
+}
+
+.toolbar-search::placeholder {
+    color: var(--vscode-input-placeholderForeground);
+}
diff --git a/src/PPDS.Extension/src/panels/styles/metadata-browser-panel.css b/src/PPDS.Extension/src/panels/styles/metadata-browser-panel.css
index 64ce98204..0916c1e28 100644
--- a/src/PPDS.Extension/src/panels/styles/metadata-browser-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/metadata-browser-panel.css
@@ -50,6 +50,28 @@
     white-space: nowrap;
 }
 
+/* ── Filter toggle ─────────────────────────────────────────────────────── */
+
+.filter-toggle-container {
+    padding: 2px 6px 4px;
+}
+
+.filter-toggle-label {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    color: var(--vscode-descriptionForeground);
+    cursor: pointer;
+    user-select: none;
+}
+
+.filter-toggle-label input[type="checkbox"] {
+    accent-color: var(--vscode-focusBorder);
+    cursor: pointer;
+    margin: 0;
+}
+
 .entity-list {
     flex: 1;
     overflow-y: auto;
@@ -145,7 +167,6 @@
     text-align: left;
     padding: 6px 8px;
     font-size: 11px;
-    text-transform: uppercase;
     color: var(--vscode-descriptionForeground);
     border-bottom: 1px solid var(--vscode-panel-border);
 }
diff --git a/src/PPDS.Extension/src/panels/styles/plugin-traces-panel.css b/src/PPDS.Extension/src/panels/styles/plugin-traces-panel.css
index 7d26ff9b7..5261df210 100644
--- a/src/PPDS.Extension/src/panels/styles/plugin-traces-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/plugin-traces-panel.css
@@ -216,7 +216,7 @@
 }
 
 /* Column widths */
-.col-status { width: 40px; }
+.col-status { width: 100px; }
 .col-time { width: 140px; }
 .col-duration { width: 80px; }
 .col-plugin { width: 200px; }
@@ -442,6 +442,80 @@
     font-family: var(--vscode-font-family);
 }
 
+/* ── Status cell with text label (#18) ────────────────────────── */
+.trace-status-cell {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.trace-status-label {
+    font-size: 11px;
+}
+
+/* ── Trace Level Dropdown (#11) ──────────────────────────────── */
+.trace-level-dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 10;
+    min-width: 140px;
+    background: var(--vscode-menu-background, var(--vscode-editor-background));
+    border: 1px solid var(--vscode-menu-border, var(--vscode-panel-border));
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+    padding: 4px 0;
+}
+
+.trace-level-dropdown-item {
+    display: block;
+    width: 100%;
+    padding: 6px 12px;
+    font-size: 12px;
+    text-align: left;
+    background: none;
+    border: none;
+    color: var(--vscode-menu-foreground, var(--vscode-foreground));
+    cursor: pointer;
+    font-family: var(--vscode-font-family);
+}
+
+.trace-level-dropdown-item:hover {
+    background: var(--vscode-menu-selectionBackground, var(--vscode-list-hoverBackground));
+    color: var(--vscode-menu-selectionForeground, var(--vscode-foreground));
+}
+
+.trace-level-dropdown-item.active {
+    font-weight: 600;
+}
+
+.trace-level-indicator.trace-level-off {
+    opacity: 0.6;
+}
+
+.trace-level-indicator.trace-level-on {
+    opacity: 1;
+}
+
+/* ── Toolbar search (#55) ────────────────────────────────────── */
+.toolbar-search {
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border, transparent);
+    padding: 3px 8px;
+    font-size: 12px;
+    font-family: var(--vscode-font-family);
+    min-width: 160px;
+    max-width: 240px;
+}
+
+.toolbar-search:focus {
+    outline: 1px solid var(--vscode-focusBorder);
+}
+
+.toolbar-search::placeholder {
+    color: var(--vscode-input-placeholderForeground);
+}
+
 /* ── Export Dropdown ───────────────────────────────────────────── */
 .export-dropdown {
     position: absolute;
diff --git a/src/PPDS.Extension/src/panels/styles/solutions-panel.css b/src/PPDS.Extension/src/panels/styles/solutions-panel.css
index 189578094..e8097f906 100644
--- a/src/PPDS.Extension/src/panels/styles/solutions-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/solutions-panel.css
@@ -2,6 +2,22 @@
 
 /* ── Solutions Panel specific styles ──────────────────────────────────────── */
 
+.toolbar-checkbox {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 12px;
+    color: var(--vscode-foreground);
+    cursor: pointer;
+    white-space: nowrap;
+    user-select: none;
+}
+
+.toolbar-checkbox input[type="checkbox"] {
+    margin: 0;
+    cursor: pointer;
+}
+
 .content {
     flex: 1;
     overflow: auto;
@@ -224,3 +240,41 @@
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
+
+/* ── Toolbar Search ──────────────────────────────────────────── */
+.toolbar-search {
+    flex: 1;
+    min-width: 120px;
+    max-width: 300px;
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border, transparent);
+    padding: 3px 8px;
+    border-radius: 2px;
+    font-size: 12px;
+    font-family: var(--vscode-font-family);
+    outline: none;
+}
+
+.toolbar-search:focus {
+    outline: 1px solid var(--vscode-focusBorder);
+}
+
+.toolbar-search::placeholder {
+    color: var(--vscode-input-placeholderForeground);
+}
+
+/* ── Toolbar Select ──────────────────────────────────────────── */
+.toolbar-select {
+    padding: 3px 6px;
+    background: var(--vscode-input-background);
+    color: var(--vscode-input-foreground);
+    border: 1px solid var(--vscode-input-border, transparent);
+    border-radius: 2px;
+    font-size: 12px;
+    font-family: var(--vscode-font-family);
+}
+
+.toolbar-select:focus {
+    outline: 1px solid var(--vscode-focusBorder);
+}
diff --git a/src/PPDS.Extension/src/panels/styles/web-resources-panel.css b/src/PPDS.Extension/src/panels/styles/web-resources-panel.css
index a9a4ca955..eb1318030 100644
--- a/src/PPDS.Extension/src/panels/styles/web-resources-panel.css
+++ b/src/PPDS.Extension/src/panels/styles/web-resources-panel.css
@@ -27,7 +27,6 @@
     text-align: left;
     padding: 6px 8px;
     font-size: 11px;
-    text-transform: uppercase;
     color: var(--vscode-descriptionForeground);
     border-bottom: 1px solid var(--vscode-panel-border);
 }
diff --git a/src/PPDS.Extension/src/panels/webview/connection-references-panel.ts b/src/PPDS.Extension/src/panels/webview/connection-references-panel.ts
index bc37aa397..517e27627 100644
--- a/src/PPDS.Extension/src/panels/webview/connection-references-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/connection-references-panel.ts
@@ -2,7 +2,7 @@
 // External webview script for the Connection References panel.
 // Built by esbuild as IIFE for browser, loaded via <script src="...">.
 
-import { escapeHtml } from './shared/dom-utils.js';
+import { escapeHtml, escapeAttr, cssEscape } from './shared/dom-utils.js';
 import type {
     ConnectionReferencesPanelWebviewToHost,
     ConnectionReferencesPanelHostToWebview,
@@ -15,6 +15,7 @@ import { getVsCodeApi } from './shared/vscode-api.js';
 import { installErrorHandler } from './shared/error-handler.js';
 import { DataTable } from './shared/data-table.js';
 import { SolutionFilter } from './shared/solution-filter.js';
+import { FilterBar } from './shared/filter-bar.js';
 
 const vscode = getVsCodeApi<ConnectionReferencesPanelWebviewToHost>();
 installErrorHandler((msg) => vscode.postMessage(msg as ConnectionReferencesPanelWebviewToHost));
@@ -22,10 +23,9 @@ const content = document.getElementById('content') as HTMLElement;
 const statusText = document.getElementById('status-text') as HTMLElement;
 const refreshBtn = document.getElementById('refresh-btn') as HTMLElement;
 const analyzeBtn = document.getElementById('analyze-btn') as HTMLElement;
+const syncBtn = document.getElementById('sync-btn') as HTMLElement;
 const makerBtn = document.getElementById('maker-btn') as HTMLElement;
-const detailPane = document.getElementById('detail-pane') as HTMLElement;
-const detailContent = document.getElementById('detail-content') as HTMLElement;
-const detailClose = document.getElementById('detail-close') as HTMLElement;
+const searchInput = document.getElementById('search-input') as HTMLInputElement;
 
 // ── Environment picker ──
 const envPickerBtn = document.getElementById('env-picker-btn') as HTMLElement;
@@ -51,20 +51,65 @@ const solutionFilter = new SolutionFilter(solutionFilterContainer, {
 // Request solution list on load
 vscode.postMessage({ command: 'requestSolutionList' });
 
+// ── Expandable row state ──
+const expandedRows = new Set<string>();
+const rowDetails = new Map<string, ConnectionReferenceDetailViewDto>();
+
 // ── Status badge helper ──
-function statusBadgeHtml(status: string): string {
+function statusBadgeHtml(status: string, connectionId: string | null | undefined): string {
     const lower = status.toLowerCase();
     let cls = 'status-badge';
-    if (lower === 'connected') cls += ' status-connected';
-    else if (lower === 'error') cls += ' status-error';
-    else cls += ' status-na';
-    return '<span class="' + cls + '">' + escapeHtml(status) + '</span>';
+    let label = status;
+    let tooltip = '';
+
+    if (lower === 'connected') {
+        cls += ' status-connected';
+    } else if (lower === 'error') {
+        cls += ' status-error';
+    } else if (lower === 'n/a') {
+        cls += ' status-unknown';
+        label = 'Unknown';
+        tooltip = ' title="Status information is not available. This may be due to limited access permissions."';
+    } else {
+        cls += ' status-na';
+    }
+
+    // Show "Unbound" for CRs with no connectionId regardless of reported status
+    if (!connectionId) {
+        cls = 'status-badge status-unbound';
+        label = 'Unbound';
+        tooltip = ' title="No connection is bound to this connection reference."';
+    }
+
+    return '<span class="' + cls + '"' + tooltip + '>' + escapeHtml(label) + '</span>';
+}
+
+// ── Format date/time helper ──
+function formatDateTime(isoString: string | null | undefined): string {
+    if (!isoString) return '\u2014';
+    try {
+        const d = new Date(isoString);
+        return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })
+            + ' ' + d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
+    } catch {
+        return isoString;
+    }
 }
 
 // ── DataTable setup ──
 const table = new DataTable<ConnectionReferenceViewDto>({
     container: content,
     columns: [
+        {
+            key: '_chevron',
+            label: '',
+            render: (r) => {
+                const expanded = expandedRows.has(r.logicalName);
+                return '<span class="cr-chevron' + (expanded ? ' expanded' : '') + '" data-logical-name="' + escapeAttr(r.logicalName) + '">&#9654;</span>';
+            },
+            sortable: false,
+            className: '28px',
+        },
         {
             key: 'displayName',
             label: 'Display Name',
@@ -83,7 +128,7 @@ const table = new DataTable<ConnectionReferenceViewDto>({
         {
             key: 'connectionStatus',
             label: 'Status',
-            render: (r) => statusBadgeHtml(r.connectionStatus),
+            render: (r) => statusBadgeHtml(r.connectionStatus, r.connectionId),
         },
         {
             key: 'isManaged',
@@ -94,18 +139,18 @@ const table = new DataTable<ConnectionReferenceViewDto>({
         {
             key: 'modifiedOn',
             label: 'Modified On',
-            render: (r) => escapeHtml(r.modifiedOn ?? '\u2014'),
+            render: (r) => escapeHtml(formatDateTime(r.modifiedOn)),
         },
     ],
     getRowId: (r) => r.logicalName,
     onRowClick: (r) => {
-        vscode.postMessage({ command: 'selectReference', logicalName: r.logicalName });
+        toggleRowExpansion(r.logicalName);
     },
     defaultSortKey: 'logicalName',
     defaultSortDirection: 'asc',
     statusEl: statusText,
     formatStatus: (items) => {
-        const bound = items.filter(r => r.connectionStatus.toLowerCase() === 'connected').length;
+        const bound = items.filter(r => !!r.connectionId).length;
         const unbound = items.length - bound;
         const parts = [items.length + ' connection reference' + (items.length !== 1 ? 's' : '')];
         if (bound > 0) parts.push(bound + ' bound');
@@ -115,80 +160,216 @@ const table = new DataTable<ConnectionReferenceViewDto>({
     emptyMessage: 'No connection references found',
 });
 
-// ── Button handlers ──
-refreshBtn.addEventListener('click', () => {
-    vscode.postMessage({ command: 'refresh' });
-});
+// ── Search / Filter ──
+// Dummy element for count since we manage status text ourselves
+const _filterCountSink = document.createElement('span');
 
-analyzeBtn.addEventListener('click', () => {
-    vscode.postMessage({ command: 'analyze' });
-});
+const searchFilter = new FilterBar<ConnectionReferenceViewDto>({
+    input: searchInput,
+    countEl: _filterCountSink,
+    getSearchableText: (r) => [
+        r.displayName || '',
+        r.logicalName,
+        r.connectorDisplayName || '',
+        r.connectorId || '',
+    ],
+    onFilter: (filtered, total) => {
+        const rows = content.querySelectorAll<HTMLElement>('.data-table-row');
+        const isFiltered = searchInput.value.trim().length > 0;
+        const filteredIds = new Set(filtered.map(r => r.logicalName));
 
-makerBtn.addEventListener('click', () => {
-    vscode.postMessage({ command: 'openInMaker' });
-});
+        rows.forEach(row => {
+            const id = row.dataset.id;
+            if (!id) return;
+            const visible = filteredIds.has(id);
+            row.style.display = visible ? '' : 'none';
+            // Also hide any expanded detail card beneath the row
+            const detailCard = row.nextElementSibling as HTMLElement | null;
+            if (detailCard && detailCard.classList.contains('cr-inline-detail')) {
+                detailCard.style.display = visible ? '' : 'none';
+            }
+        });
 
-detailClose.addEventListener('click', () => {
-    detailPane.style.display = 'none';
-});
+        if (isFiltered) {
+            statusText.textContent = filtered.length + ' of ' + total + ' connection reference' + (total !== 1 ? 's' : '');
+        } else {
+            const bound = filtered.filter(r => !!r.connectionId).length;
+            const unbound = filtered.length - bound;
+            const parts = [filtered.length + ' connection reference' + (filtered.length !== 1 ? 's' : '')];
+            if (bound > 0) parts.push(bound + ' bound');
+            if (unbound > 0) parts.push(unbound + ' unbound');
+            statusText.textContent = parts.join(' \u2014 ');
+        }
 
-document.getElementById('reconnect-refresh')!.addEventListener('click', (e) => {
-    e.preventDefault();
-    document.getElementById('reconnect-banner')!.style.display = 'none';
-    vscode.postMessage({ command: 'refresh' });
+        if (isFiltered && filtered.length === 0) {
+            let emptyEl = content.querySelector('.filter-empty');
+            if (!emptyEl) {
+                emptyEl = document.createElement('div');
+                emptyEl.className = 'empty-state filter-empty';
+                emptyEl.textContent = 'No connection references match filter';
+                content.appendChild(emptyEl);
+            }
+        } else {
+            const emptyEl = content.querySelector('.filter-empty');
+            if (emptyEl) emptyEl.remove();
+        }
+    },
+    itemLabel: 'connection references',
 });
 
-// ── Keyboard shortcuts ──
-document.addEventListener('keydown', (e) => {
-    if (e.key === 'Escape' && detailPane.style.display !== 'none') {
-        detailPane.style.display = 'none';
-    }
-});
+// ── Expandable row logic ──
+function toggleRowExpansion(logicalName: string): void {
+    if (expandedRows.has(logicalName)) {
+        // Collapse
+        expandedRows.delete(logicalName);
+        const card = content.querySelector<HTMLElement>('.cr-inline-detail[data-for="' + cssEscape(logicalName) + '"]');
+        if (card) card.remove();
+        // Update chevron
+        const chevron = content.querySelector<HTMLElement>('.cr-chevron[data-logical-name="' + cssEscape(logicalName) + '"]');
+        if (chevron) chevron.classList.remove('expanded');
+    } else {
+        // Expand — request detail from host
+        expandedRows.add(logicalName);
+        // Update chevron
+        const chevron = content.querySelector<HTMLElement>('.cr-chevron[data-logical-name="' + cssEscape(logicalName) + '"]');
+        if (chevron) chevron.classList.add('expanded');
 
-// ── Detail rendering ──
-function renderDetail(detail: ConnectionReferenceDetailViewDto): void {
-    let html = '<div class="detail-section">';
-    html += '<div class="detail-row"><span class="detail-label">Logical Name:</span> <span class="detail-value">' + escapeHtml(detail.logicalName) + '</span></div>';
-    html += '<div class="detail-row"><span class="detail-label">Display Name:</span> <span class="detail-value">' + escapeHtml(detail.displayName ?? '\u2014') + '</span></div>';
-    html += '<div class="detail-row"><span class="detail-label">Connector:</span> <span class="detail-value">' + escapeHtml(detail.connectorDisplayName ?? detail.connectorId ?? '\u2014') + '</span></div>';
-    html += '<div class="detail-row"><span class="detail-label">Status:</span> <span class="detail-value">' + statusBadgeHtml(detail.connectionStatus) + '</span></div>';
-    html += '<div class="detail-row"><span class="detail-label">Bound:</span> <span class="detail-value">' + escapeHtml(detail.isBound ? 'Yes' : 'No') + '</span></div>';
-    html += '<div class="detail-row"><span class="detail-label">Managed:</span> <span class="detail-value">' + escapeHtml(detail.isManaged ? 'Yes' : 'No') + '</span></div>';
-    if (detail.connectionOwner) {
-        html += '<div class="detail-row"><span class="detail-label">Owner:</span> <span class="detail-value">' + escapeHtml(detail.connectionOwner) + '</span></div>';
+        // If we already have cached detail, show it immediately
+        const cached = rowDetails.get(logicalName);
+        if (cached) {
+            insertInlineDetail(logicalName, cached);
+        } else {
+            // Insert a loading placeholder
+            insertInlineDetailLoading(logicalName);
+        }
+
+        // Always fetch fresh detail from the host
+        vscode.postMessage({ command: 'getDetail', logicalName });
     }
+}
+
+function insertInlineDetailLoading(logicalName: string): void {
+    const row = content.querySelector<HTMLElement>('.data-table-row[data-id="' + cssEscape(logicalName) + '"]');
+    if (!row) return;
+
+    // Remove existing card if any
+    const existing = content.querySelector<HTMLElement>('.cr-inline-detail[data-for="' + cssEscape(logicalName) + '"]');
+    if (existing) existing.remove();
+
+    const colCount = 7; // chevron + 6 data columns
+    const tr = document.createElement('tr');
+    tr.className = 'cr-inline-detail';
+    tr.setAttribute('data-for', logicalName);
+    const td = document.createElement('td');
+    td.colSpan = colCount;
+    td.innerHTML = '<div class="cr-detail-card"><div class="loading-state"><div class="spinner"></div><div>Loading details...</div></div></div>';
+    tr.appendChild(td);
+    row.after(tr);
+}
+
+function insertInlineDetail(logicalName: string, detail: ConnectionReferenceDetailViewDto): void {
+    const row = content.querySelector<HTMLElement>('.data-table-row[data-id="' + cssEscape(logicalName) + '"]');
+    if (!row) return;
+
+    // Remove existing card if any
+    const existing = content.querySelector<HTMLElement>('.cr-inline-detail[data-for="' + cssEscape(logicalName) + '"]');
+    if (existing) existing.remove();
+
+    const colCount = 7; // chevron + 6 data columns
+    const tr = document.createElement('tr');
+    tr.className = 'cr-inline-detail';
+    tr.setAttribute('data-for', logicalName);
+    const td = document.createElement('td');
+    td.colSpan = colCount;
+
+    let html = '<div class="cr-detail-card">';
+    html += '<div class="cr-detail-grid">';
+
+    // Connection info
+    const connectionLabel = detail.isBound
+        ? escapeHtml(detail.connectionOwner ? detail.connectionOwner : 'Bound')
+        : escapeHtml('Unbound');
+    const connectionClass = detail.isBound ? '' : ' class="status-unbound-text"';
+    html += '<div class="cr-detail-item"><span class="detail-label">Connection:</span> <span' + connectionClass + '>' + connectionLabel + '</span></div>';
+
+    // Connector
+    html += '<div class="cr-detail-item"><span class="detail-label">Connector:</span> <span>' + escapeHtml(detail.connectorDisplayName ?? detail.connectorId ?? '\u2014') + '</span></div>';
+
+    // Status
+    html += '<div class="cr-detail-item"><span class="detail-label">Status:</span> ' + statusBadgeHtml(detail.connectionStatus, detail.connectionId) + '</div>';
+
+    // Managed
+    html += '<div class="cr-detail-item"><span class="detail-label">Managed:</span> <span>' + escapeHtml(detail.isManaged ? 'Yes' : 'No') + '</span></div>';
+
+    // Shared
     if (detail.connectionIsShared !== null) {
-        html += '<div class="detail-row"><span class="detail-label">Shared:</span> <span class="detail-value">' + escapeHtml(detail.connectionIsShared ? 'Yes' : 'No') + '</span></div>';
+        html += '<div class="cr-detail-item"><span class="detail-label">Shared:</span> <span>' + escapeHtml(detail.connectionIsShared ? 'Yes' : 'No') + '</span></div>';
     }
+
+    // Description
     if (detail.description) {
-        html += '<div class="detail-row"><span class="detail-label">Description:</span> <span class="detail-value">' + escapeHtml(detail.description) + '</span></div>';
+        html += '<div class="cr-detail-item cr-detail-full"><span class="detail-label">Description:</span> <span>' + escapeHtml(detail.description) + '</span></div>';
     }
+
+    // Dates
     if (detail.createdOn) {
-        html += '<div class="detail-row"><span class="detail-label">Created On:</span> <span class="detail-value">' + escapeHtml(detail.createdOn) + '</span></div>';
+        html += '<div class="cr-detail-item"><span class="detail-label">Created:</span> <span>' + escapeHtml(formatDateTime(detail.createdOn)) + '</span></div>';
     }
     if (detail.modifiedOn) {
-        html += '<div class="detail-row"><span class="detail-label">Modified On:</span> <span class="detail-value">' + escapeHtml(detail.modifiedOn) + '</span></div>';
+        html += '<div class="cr-detail-item"><span class="detail-label">Modified:</span> <span>' + escapeHtml(formatDateTime(detail.modifiedOn)) + '</span></div>';
     }
+
     html += '</div>';
 
+    // Flows section
     if (detail.flows.length > 0) {
-        html += '<div class="detail-section">';
-        html += '<div class="detail-section-title">Flows (' + detail.flows.length + ')</div>';
+        html += '<div class="cr-detail-flows">';
+        html += '<div class="detail-section-title">Flows using this CR (' + detail.flows.length + ')</div>';
+        html += '<ul class="cr-flow-list">';
         for (const flow of detail.flows) {
-            html += '<div class="detail-flow-item">';
-            html += '<span class="detail-flow-name">' + escapeHtml(flow.displayName ?? flow.uniqueName) + '</span>';
+            html += '<li class="cr-flow-item">';
+            html += '<span class="cr-flow-name">' + escapeHtml(flow.displayName ?? flow.uniqueName) + '</span>';
             if (flow.state) {
-                html += ' <span class="detail-flow-state">' + escapeHtml(flow.state) + '</span>';
+                const stateClass = flow.state.toLowerCase() === 'activated' ? 'cr-flow-state-active' : 'cr-flow-state-inactive';
+                html += ' <span class="cr-flow-state ' + stateClass + '">' + escapeHtml(flow.state) + '</span>';
             }
-            html += '</div>';
+            html += '</li>';
         }
+        html += '</ul>';
         html += '</div>';
+    } else {
+        html += '<div class="cr-detail-flows"><div class="cr-no-flows">No flows use this connection reference.</div></div>';
     }
 
-    detailContent.innerHTML = html;
-    detailPane.style.display = '';
+    html += '</div>';
+    td.innerHTML = html;
+    tr.appendChild(td);
+    row.after(tr);
 }
 
+// ── Button handlers ──
+refreshBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'refresh' });
+});
+
+analyzeBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'analyze' });
+});
+
+syncBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'syncDeploymentSettings' });
+});
+
+makerBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'openInMaker' });
+});
+
+document.getElementById('reconnect-refresh')!.addEventListener('click', (e) => {
+    e.preventDefault();
+    document.getElementById('reconnect-banner')!.style.display = 'none';
+    vscode.postMessage({ command: 'refresh' });
+});
+
 // ── Analysis rendering ──
 function renderAnalysis(result: ConnectionReferencesAnalyzeViewDto): void {
     let html = '<div class="analysis-results">';
@@ -255,15 +436,22 @@ window.addEventListener('message', (event: MessageEvent<ConnectionReferencesPane
             }
             break;
         case 'connectionReferencesLoaded':
+            expandedRows.clear();
+            rowDetails.clear();
             table.setItems(msg.references);
-            detailPane.style.display = 'none';
+            searchFilter.setItems(msg.references);
             {
                 const reconnectBanner = document.getElementById('reconnect-banner');
                 if (reconnectBanner) reconnectBanner.style.display = 'none';
             }
             break;
         case 'connectionReferenceDetailLoaded':
-            renderDetail(msg.detail);
+            // Cache the detail
+            rowDetails.set(msg.detail.logicalName, msg.detail);
+            // If the row is expanded, update its inline detail card
+            if (expandedRows.has(msg.detail.logicalName)) {
+                insertInlineDetail(msg.detail.logicalName, msg.detail);
+            }
             break;
         case 'analyzeResult':
             renderAnalysis(msg.result);
diff --git a/src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts b/src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts
index 7b5e618e9..e74b9c8c9 100644
--- a/src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/environment-variables-panel.ts
@@ -2,7 +2,8 @@
 // External webview script for the Environment Variables panel.
 // Built by esbuild as IIFE for browser, loaded via <script src="...">.
 
-import { escapeHtml } from './shared/dom-utils.js';
+import { escapeHtml, formatDate } from './shared/dom-utils.js';
+import { FilterBar } from './shared/filter-bar.js';
 import type {
     EnvironmentVariablesPanelWebviewToHost,
     EnvironmentVariablesPanelHostToWebview,
@@ -21,7 +22,9 @@ const content = document.getElementById('content') as HTMLElement;
 const statusText = document.getElementById('status-text') as HTMLElement;
 const refreshBtn = document.getElementById('refresh-btn') as HTMLElement;
 const exportBtn = document.getElementById('export-btn') as HTMLElement;
+const syncBtn = document.getElementById('sync-btn') as HTMLElement;
 const makerBtn = document.getElementById('maker-btn') as HTMLElement;
+const searchInput = document.getElementById('search-input') as HTMLInputElement;
 const detailPane = document.getElementById('detail-pane') as HTMLElement;
 const detailContent = document.getElementById('detail-content') as HTMLElement;
 const detailClose = document.getElementById('detail-close') as HTMLElement;
@@ -102,6 +105,12 @@ const table = new DataTable<EnvironmentVariableViewDto>({
             label: 'Current Value',
             render: renderCurrentValue,
         },
+        {
+            key: 'modifiedOn',
+            label: 'Modified On',
+            render: (v) => escapeHtml(formatDate(v.modifiedOn)),
+            className: '120px',
+        },
         {
             key: 'isManaged',
             label: 'Managed',
@@ -136,6 +145,10 @@ exportBtn.addEventListener('click', () => {
     vscode.postMessage({ command: 'exportDeploymentSettings' });
 });
 
+syncBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'syncDeploymentSettings' });
+});
+
 makerBtn.addEventListener('click', () => {
     vscode.postMessage({ command: 'openInMaker' });
 });
@@ -150,6 +163,22 @@ document.getElementById('reconnect-refresh')!.addEventListener('click', (e) => {
     vscode.postMessage({ command: 'refresh' });
 });
 
+// ── Search filter ──
+const searchFilterCount = document.createElement('span');
+const searchFilter = new FilterBar<EnvironmentVariableViewDto>({
+    input: searchInput,
+    countEl: searchFilterCount,
+    itemLabel: 'variables',
+    getSearchableText: (v) => [
+        v.schemaName,
+        v.displayName ?? '',
+        v.currentValue ?? '',
+    ],
+    onFilter: (filtered) => {
+        table.setItems(filtered);
+    },
+});
+
 // ── Edit dialog handlers ──
 editDialogCancel.addEventListener('click', () => {
     editDialog.style.display = 'none';
@@ -310,7 +339,7 @@ window.addEventListener('message', (event: MessageEvent<EnvironmentVariablesPane
             }
             break;
         case 'environmentVariablesLoaded':
-            table.setItems(msg.variables);
+            searchFilter.setItems(msg.variables);
             detailPane.style.display = 'none';
             {
                 const reconnectBanner = document.getElementById('reconnect-banner');
diff --git a/src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts b/src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts
index 45490898e..1b9eb507f 100644
--- a/src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/import-jobs-panel.ts
@@ -15,6 +15,7 @@ const content = document.getElementById('content') as HTMLElement;
 const statusText = document.getElementById('status-text') as HTMLElement;
 const refreshBtn = document.getElementById('refresh-btn') as HTMLElement;
 const makerBtn = document.getElementById('maker-btn') as HTMLElement;
+const searchInput = document.getElementById('search-input') as HTMLInputElement;
 const detailPane = document.getElementById('detail-pane') as HTMLElement;
 const detailContent = document.getElementById('detail-content') as HTMLElement;
 const detailClose = document.getElementById('detail-close') as HTMLElement;
@@ -29,6 +30,23 @@ function updateEnvironmentDisplay(name: string | null): void {
     envPickerName.textContent = name || 'No environment';
 }
 
+// ── Search state ──
+let allJobs: ImportJobViewDto[] = [];
+let searchTerm = '';
+
+// ── Format date/time helper ──
+function formatDateTime(isoString: string | null | undefined): string {
+    if (!isoString) return '\u2014';
+    try {
+        return new Date(isoString).toLocaleString(undefined, {
+            year: 'numeric', month: 'short', day: 'numeric',
+            hour: '2-digit', minute: '2-digit', second: '2-digit',
+        });
+    } catch {
+        return isoString;
+    }
+}
+
 // ── Status badge helper ──
 function statusBadgeHtml(status: string): string {
     const lower = status.toLowerCase();
@@ -67,7 +85,7 @@ const table = new DataTable<ImportJobViewDto>({
         {
             key: 'createdOn',
             label: 'Created On',
-            render: (j) => escapeHtml(j.createdOn ?? '\u2014'),
+            render: (j) => escapeHtml(formatDateTime(j.createdOn)),
         },
         {
             key: 'duration',
@@ -75,6 +93,11 @@ const table = new DataTable<ImportJobViewDto>({
             render: (j) => escapeHtml(j.duration ?? '\u2014'),
             className: '90px',
         },
+        {
+            key: 'operationContext',
+            label: 'Operation Context',
+            render: (j) => escapeHtml(j.operationContext ?? '\u2014'),
+        },
     ],
     getRowId: (j) => j.id,
     onRowClick: (j) => {
@@ -87,7 +110,11 @@ const table = new DataTable<ImportJobViewDto>({
         const succeeded = items.filter(j => j.status === 'Succeeded').length;
         const failed = items.filter(j => j.status === 'Failed').length;
         const inProgress = items.filter(j => j.status === 'In Progress').length;
-        const parts = [items.length + ' import job' + (items.length !== 1 ? 's' : '')];
+        const isFiltered = searchTerm.length > 0 && items.length !== allJobs.length;
+        const countLabel = isFiltered
+            ? items.length + ' of ' + allJobs.length + ' import jobs'
+            : items.length + ' import job' + (items.length !== 1 ? 's' : '');
+        const parts = [countLabel];
         if (succeeded > 0) parts.push(succeeded + ' succeeded');
         if (failed > 0) parts.push(failed + ' failed');
         if (inProgress > 0) parts.push(inProgress + ' in progress');
@@ -109,6 +136,28 @@ detailClose.addEventListener('click', () => {
     detailPane.style.display = 'none';
 });
 
+// ── Search filter ──
+function applySearchFilter(): void {
+    const term = searchTerm.toLowerCase();
+    const filtered = term.length === 0
+        ? allJobs
+        : allJobs.filter(j =>
+            (j.solutionName ?? '').toLowerCase().includes(term)
+            || (j.createdBy ?? '').toLowerCase().includes(term)
+            || (j.operationContext ?? '').toLowerCase().includes(term)
+        );
+    table.setItems(filtered);
+}
+
+let searchDebounceTimer: ReturnType<typeof setTimeout> | null = null;
+searchInput.addEventListener('input', () => {
+    if (searchDebounceTimer !== null) clearTimeout(searchDebounceTimer);
+    searchDebounceTimer = setTimeout(() => {
+        searchTerm = searchInput.value.trim();
+        applySearchFilter();
+    }, 300);
+});
+
 document.getElementById('reconnect-refresh')!.addEventListener('click', (e) => {
     e.preventDefault();
     document.getElementById('reconnect-banner')!.style.display = 'none';
@@ -150,7 +199,8 @@ window.addEventListener('message', (event: MessageEvent<ImportJobsPanelHostToWeb
             }
             break;
         case 'importJobsLoaded':
-            table.setItems(msg.jobs);
+            allJobs = msg.jobs;
+            applySearchFilter();
             detailPane.style.display = 'none';
             {
                 const reconnectBanner = document.getElementById('reconnect-banner');
diff --git a/src/PPDS.Extension/src/panels/webview/metadata-browser-panel.ts b/src/PPDS.Extension/src/panels/webview/metadata-browser-panel.ts
index d7f0a3821..fc0baf91f 100644
--- a/src/PPDS.Extension/src/panels/webview/metadata-browser-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/metadata-browser-panel.ts
@@ -29,6 +29,7 @@ const statusText = document.getElementById('status-text') as HTMLElement;
 const filterCount = document.getElementById('filter-count') as HTMLElement;
 const refreshBtn = document.getElementById('refresh-btn') as HTMLElement;
 const makerBtn = document.getElementById('maker-btn') as HTMLElement;
+const hideSystemToggle = document.getElementById('hide-system-toggle') as HTMLInputElement;
 
 // ── State ──
 let allEntities: MetadataEntityViewDto[] = [];
@@ -36,6 +37,7 @@ let filteredEntities: MetadataEntityViewDto[] = [];
 let selectedEntityName: string | null = null;
 let currentEntity: MetadataEntityDetailDto | null = null;
 let activeTab = 'attributes';
+let hideSystem = false;
 
 const TAB_DEFS = [
     { id: 'attributes', label: 'Attributes' },
@@ -70,6 +72,11 @@ document.getElementById('reconnect-refresh')!.addEventListener('click', (e) => {
     vscode.postMessage({ command: 'refresh' });
 });
 
+hideSystemToggle.addEventListener('change', () => {
+    hideSystem = hideSystemToggle.checked;
+    applyFilter();
+});
+
 // ── Entity list rendering ──
 function renderEntityList(): void {
     entityListEl.innerHTML = '';
@@ -121,17 +128,28 @@ entitySearchEl.addEventListener('input', () => {
 
 function applyFilter(): void {
     const term = entitySearchEl.value.toLowerCase().trim();
+    let base = allEntities;
+
+    if (hideSystem) {
+        base = base.filter(e => e.isCustomEntity);
+    }
+
     if (!term) {
-        filteredEntities = allEntities;
-        filterCount.textContent = '';
+        filteredEntities = base;
     } else {
-        filteredEntities = allEntities.filter(e =>
+        filteredEntities = base.filter(e =>
             e.displayName.toLowerCase().includes(term) ||
             e.logicalName.toLowerCase().includes(term) ||
             e.schemaName.toLowerCase().includes(term)
         );
+    }
+
+    if (filteredEntities.length !== allEntities.length) {
         filterCount.textContent = `${filteredEntities.length} of ${allEntities.length}`;
+    } else {
+        filterCount.textContent = '';
     }
+
     renderEntityList();
     updateStatusText();
 }
@@ -575,15 +593,12 @@ window.addEventListener('message', (event: MessageEvent<MetadataBrowserPanelHost
             break;
         case 'entitiesLoaded':
             allEntities = msg.entities;
-            filteredEntities = msg.entities;
             entitySearchEl.value = '';
-            filterCount.textContent = '';
-            renderEntityList();
+            applyFilter();
             renderTabBar();
             if (!currentEntity) {
                 tabContent.innerHTML = '<div class="empty-state">Select an entity to view details</div>';
             }
-            updateStatusText();
             {
                 const reconnectBanner = document.getElementById('reconnect-banner');
                 if (reconnectBanner) reconnectBanner.style.display = 'none';
diff --git a/src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts b/src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts
index b9a5da08a..82e0a56ab 100644
--- a/src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/plugin-traces-panel.ts
@@ -39,6 +39,9 @@ const detailTabMessageBlock = document.getElementById('tab-message-block') as HT
 const detailTabConfig = document.getElementById('tab-config') as HTMLElement;
 const detailTabTimeline = document.getElementById('tab-timeline') as HTMLElement;
 
+// ── Search input ─────────────────────────────────────────────────────────
+const searchInput = document.getElementById('search-input') as HTMLInputElement;
+
 // ── Environment picker ──────────────────────────────────────────────────
 const envPickerBtn = document.getElementById('env-picker-btn') as HTMLElement;
 const envPickerName = document.getElementById('env-picker-name') as HTMLElement;
@@ -186,10 +189,13 @@ const table = new DataTable<PluginTraceViewDto>({
     columns: [
         {
             key: 'status',
-            label: '',
-            render: (item) => '<span class="trace-status-icon ' + escapeAttr(item.hasException ? 'exception' : 'success') + '"></span>',
-            className: '40px',
-            sortable: false,
+            label: 'Status',
+            render: (item) => '<span class="trace-status-cell">'
+                + '<span class="trace-status-icon ' + escapeAttr(item.hasException ? 'exception' : 'success') + '"></span>'
+                + '<span class="trace-status-label">' + escapeHtml(item.hasException ? 'Exception' : 'Success') + '</span>'
+                + '</span>',
+            className: '100px',
+            sortable: true,
         },
         {
             key: 'createdOn',
@@ -257,6 +263,22 @@ const table = new DataTable<PluginTraceViewDto>({
     emptyMessage: 'No plugin traces found',
 });
 
+/** Apply client-side search filter and re-render the table. */
+function applySearchFilter(): void {
+    const query = searchInput.value.trim().toLowerCase();
+    if (!query) {
+        table.setItems(currentTraces);
+    } else {
+        const filtered = currentTraces.filter(t =>
+            t.typeName.toLowerCase().includes(query)
+            || (t.primaryEntity && t.primaryEntity.toLowerCase().includes(query))
+            || (t.messageName && t.messageName.toLowerCase().includes(query))
+        );
+        table.setItems(filtered);
+    }
+    applyRowClasses();
+}
+
 function applyRowClasses(): void {
     tablePane.querySelectorAll<HTMLElement>('.data-table-row').forEach(row => {
         const id = row.dataset.id;
@@ -501,8 +523,8 @@ window.addEventListener('message', (event: MessageEvent<PluginTracesPanelHostToW
             currentTraces = msg.traces;
             {
                 const previousSelectedId = selectedTraceId;
-                table.setItems(msg.traces);
-                applyRowClasses();
+                // Apply search filter (renders filtered subset or all traces)
+                applySearchFilter();
                 // Preserve selection if the trace still exists
                 if (previousSelectedId) {
                     const stillExists = msg.traces.some(t => t.id === previousSelectedId);
@@ -541,14 +563,23 @@ window.addEventListener('message', (event: MessageEvent<PluginTracesPanelHostToW
             break;
 
         case 'traceLevelLoaded':
+            traceLevelBtn.textContent = 'Trace Level: ' + msg.level;
             traceLevelIndicator.textContent = msg.level;
             if (msg.levelValue === 0) {
                 traceLevelIndicator.title = 'Trace level is Off \u2014 no new traces will be recorded';
-                traceLevelIndicator.style.opacity = '0.6';
+                traceLevelIndicator.className = 'trace-level-indicator trace-level-off';
             } else {
                 traceLevelIndicator.title = 'Trace level: ' + msg.level;
-                traceLevelIndicator.style.opacity = '1';
+                traceLevelIndicator.className = 'trace-level-indicator trace-level-on';
             }
+            // Highlight the active level in the dropdown
+            traceLevelDropdown.querySelectorAll<HTMLElement>('.trace-level-dropdown-item').forEach(item => {
+                if (item.dataset.level === msg.level) {
+                    item.classList.add('active');
+                } else {
+                    item.classList.remove('active');
+                }
+            });
             break;
 
         case 'deleteComplete':
@@ -605,6 +636,15 @@ autoRefreshSelect.addEventListener('change', () => {
     }
 });
 
+// ── Search input handler ──────────────────────────────────────────────────
+let searchDebounceTimer: ReturnType<typeof setTimeout> | null = null;
+searchInput.addEventListener('input', () => {
+    if (searchDebounceTimer) clearTimeout(searchDebounceTimer);
+    searchDebounceTimer = setTimeout(() => {
+        applySearchFilter();
+    }, 200);
+});
+
 // ── Delete dropdown menu ─────────────────────────────────────────────────
 const deleteDropdown = document.createElement('div');
 deleteDropdown.className = 'delete-dropdown';
@@ -689,6 +729,36 @@ exportDropdown.addEventListener('click', (e) => {
     }
 });
 
+// ── Trace Level dropdown menu ─────────────────────────────────────────────
+const traceLevelDropdown = document.createElement('div');
+traceLevelDropdown.className = 'trace-level-dropdown';
+traceLevelDropdown.style.display = 'none';
+traceLevelDropdown.innerHTML = [
+    '<button class="trace-level-dropdown-item" data-level="Off">Off</button>',
+    '<button class="trace-level-dropdown-item" data-level="Exception">Exception</button>',
+    '<button class="trace-level-dropdown-item" data-level="All">All</button>',
+].join('');
+traceLevelBtn.parentElement!.style.position = 'relative';
+traceLevelBtn.insertAdjacentElement('afterend', traceLevelDropdown);
+
+// Keep the indicator after the dropdown in the DOM (move it)
+traceLevelDropdown.insertAdjacentElement('afterend', traceLevelIndicator);
+
+traceLevelBtn.addEventListener('click', () => {
+    // Request fresh trace level data, then show the dropdown
+    vscode.postMessage({ command: 'requestTraceLevel' });
+    const isVisible = traceLevelDropdown.style.display !== 'none';
+    traceLevelDropdown.style.display = isVisible ? 'none' : '';
+});
+
+traceLevelDropdown.addEventListener('click', (e) => {
+    const target = (e.target as HTMLElement).closest<HTMLElement>('.trace-level-dropdown-item');
+    if (target?.dataset.level) {
+        traceLevelDropdown.style.display = 'none';
+        vscode.postMessage({ command: 'setTraceLevel', level: target.dataset.level });
+    }
+});
+
 // Close dropdowns when clicking elsewhere
 document.addEventListener('click', (e) => {
     if (!deleteBtn.contains(e.target as Node) && !deleteDropdown.contains(e.target as Node)) {
@@ -697,10 +767,9 @@ document.addEventListener('click', (e) => {
     if (!exportBtn.contains(e.target as Node) && !exportDropdown.contains(e.target as Node)) {
         exportDropdown.style.display = 'none';
     }
-});
-
-traceLevelBtn.addEventListener('click', () => {
-    vscode.postMessage({ command: 'requestTraceLevel' });
+    if (!traceLevelBtn.contains(e.target as Node) && !traceLevelDropdown.contains(e.target as Node)) {
+        traceLevelDropdown.style.display = 'none';
+    }
 });
 
 // Reconnect banner refresh
diff --git a/src/PPDS.Extension/src/panels/webview/query-panel.ts b/src/PPDS.Extension/src/panels/webview/query-panel.ts
index f1d7f3a1a..850a64441 100644
--- a/src/PPDS.Extension/src/panels/webview/query-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/query-panel.ts
@@ -90,6 +90,8 @@ document.addEventListener('mouseup', () => {
 
 const executeBtn = document.getElementById('execute-btn') as HTMLElement;
 const cancelBtn = document.getElementById('cancel-btn') as HTMLElement;
+const clearBtn = document.getElementById('clear-btn') as HTMLElement;
+const importBtn = document.getElementById('import-btn') as HTMLElement;
 const exportBtn = document.getElementById('export-btn') as HTMLElement;
 const historyBtn = document.getElementById('history-btn') as HTMLElement;
 const moreBtn = document.getElementById('more-btn') as HTMLElement;
@@ -446,6 +448,35 @@ historyBtn.addEventListener('click', () => {
     vscode.postMessage({ command: 'showHistory' });
 });
 
+// ── Clear button ──
+clearBtn.addEventListener('click', () => {
+    if (editor) editor.setValue('');
+    manualOverride = false;
+    allRows = [];
+    columns = [];
+    displayedRows = [];
+    pagingCookie = null;
+    currentPage = 1;
+    moreRecords = false;
+    sortColumn = -1;
+    lastEntityName = null;
+    lastIsAggregate = false;
+    clearSelection();
+    resultsFilter.clear();
+    resultsWrapper.innerHTML = '<div class="empty-state">Run a query to see results</div>';
+    loadMoreBar.style.display = 'none';
+    filterBar.classList.remove('visible');
+    dataSourceBanner.style.display = 'none';
+    statusText.textContent = 'Ready';
+    rowCountEl.textContent = '';
+    executionTimeEl.textContent = '';
+});
+
+// ── Import button ──
+importBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'loadQueryFromFile' });
+});
+
 // ── Dropdown menu helper ──
 let activeDropdown: HTMLElement | null = null;
 
diff --git a/src/PPDS.Extension/src/panels/webview/shared/data-table.ts b/src/PPDS.Extension/src/panels/webview/shared/data-table.ts
index 78548bb1b..f45f2f6db 100644
--- a/src/PPDS.Extension/src/panels/webview/shared/data-table.ts
+++ b/src/PPDS.Extension/src/panels/webview/shared/data-table.ts
@@ -1,7 +1,7 @@
 import { escapeHtml, escapeAttr } from './dom-utils.js';
 
 /** Column definition for the DataTable. */
-export interface DataTableColumn<T> {
+interface DataTableColumn<T> {
     key: string;
     label: string;
     render: (item: T) => string;
@@ -9,9 +9,9 @@ export interface DataTableColumn<T> {
     sortable?: boolean;
 }
 
-export type SortDirection = 'asc' | 'desc';
+type SortDirection = 'asc' | 'desc';
 
-export interface DataTableOptions<T> {
+interface DataTableOptions<T> {
     container: HTMLElement;
     columns: DataTableColumn<T>[];
     getRowId: (item: T) => string;
diff --git a/src/PPDS.Extension/src/panels/webview/shared/message-types.ts b/src/PPDS.Extension/src/panels/webview/shared/message-types.ts
index a89373677..bfd2dabec 100644
--- a/src/PPDS.Extension/src/panels/webview/shared/message-types.ts
+++ b/src/PPDS.Extension/src/panels/webview/shared/message-types.ts
@@ -60,6 +60,8 @@ export interface SolutionViewDto {
     createdOn: string | null;
     modifiedOn: string | null;
     installedOn: string | null;
+    isVisible: boolean;
+    isApiManaged: boolean;
 }
 
 /** Component group sent after expanding a solution. */
@@ -109,6 +111,7 @@ export interface ImportJobViewDto {
     startedOn: string | null;
     completedOn: string | null;
     duration: string | null;
+    operationContext: string | null;
 }
 
 /** Messages the Import Jobs Panel webview sends to the extension host. */
@@ -292,11 +295,13 @@ export type ConnectionReferencesPanelWebviewToHost =
     | { command: 'ready' }
     | { command: 'refresh' }
     | { command: 'selectReference'; logicalName: string }
+    | { command: 'getDetail'; logicalName: string }
     | { command: 'analyze' }
     | { command: 'filterBySolution'; solutionId: string | null }
     | { command: 'requestSolutionList' }
     | { command: 'requestEnvironmentList' }
     | { command: 'openInMaker' }
+    | { command: 'syncDeploymentSettings' }
     | { command: 'copyToClipboard'; text: string }
     | { command: 'webviewError'; error: string; stack?: string };
 
@@ -343,6 +348,7 @@ export type EnvironmentVariablesPanelWebviewToHost =
     | { command: 'filterBySolution'; solutionId: string | null }
     | { command: 'requestSolutionList' }
     | { command: 'exportDeploymentSettings' }
+    | { command: 'syncDeploymentSettings' }
     | { command: 'requestEnvironmentList' }
     | { command: 'openInMaker' }
     | { command: 'copyToClipboard'; text: string }
diff --git a/src/PPDS.Extension/src/panels/webview/shared/solution-filter.ts b/src/PPDS.Extension/src/panels/webview/shared/solution-filter.ts
index fea0dd32f..aab049770 100644
--- a/src/PPDS.Extension/src/panels/webview/shared/solution-filter.ts
+++ b/src/PPDS.Extension/src/panels/webview/shared/solution-filter.ts
@@ -1,12 +1,12 @@
 import { escapeHtml, escapeAttr } from './dom-utils.js';
 
-export interface SolutionOption {
+interface SolutionOption {
     id: string;
     uniqueName: string;
     friendlyName: string;
 }
 
-export interface SolutionFilterOptions {
+interface SolutionFilterOptions {
     onChange: (solutionId: string | null) => void;
     getState: () => Record<string, unknown> | undefined;
     setState: (state: Record<string, unknown>) => void;
@@ -37,7 +37,7 @@ export class SolutionFilter {
     setSolutions(solutions: SolutionOption[]): void {
         this.solutions = solutions;
         // Validate persisted selection still exists
-        if (this.selectedId && !solutions.find(s => s.uniqueName === this.selectedId)) {
+        if (this.selectedId && !solutions.find(s => s.id === this.selectedId)) {
             this.selectedId = null;
             this.persist();
         }
@@ -52,8 +52,8 @@ export class SolutionFilter {
         let html = '<select class="solution-filter-select" title="Filter by solution">';
         html += '<option value="">' + escapeHtml('All Solutions') + '</option>';
         for (const s of this.solutions) {
-            const selected = s.uniqueName === this.selectedId ? ' selected' : '';
-            html += '<option value="' + escapeAttr(s.uniqueName) + '"' + selected + '>'
+            const selected = s.id === this.selectedId ? ' selected' : '';
+            html += '<option value="' + escapeAttr(s.id) + '"' + selected + '>'
                 + escapeHtml(s.friendlyName) + '</option>';
         }
         html += '</select>';
diff --git a/src/PPDS.Extension/src/panels/webview/solutions-panel.ts b/src/PPDS.Extension/src/panels/webview/solutions-panel.ts
index 2e58d4c09..50f42ce31 100644
--- a/src/PPDS.Extension/src/panels/webview/solutions-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/solutions-panel.ts
@@ -15,7 +15,13 @@ const content = document.getElementById('content') as HTMLElement;
 const statusText = document.getElementById('status-text') as HTMLElement;
 const refreshBtn = document.getElementById('refresh-btn') as HTMLElement;
 const searchInput = document.getElementById('search-input') as HTMLInputElement;
+const makerPortalBtn = document.getElementById('maker-portal-btn') as HTMLElement;
+const includeManagedCb = document.getElementById('include-managed-cb') as HTMLInputElement;
+const sortSelect = document.getElementById('sort-select') as HTMLSelectElement;
 
+/** All solutions as received from host (unfiltered). */
+let allSolutions: SolutionViewDto[] = [];
+/** Currently displayed solutions (after managed filter + sort). */
 let solutions: SolutionViewDto[] = [];
 const expandedSolutions = new Set<string>();
 const expandedGroups = new Set<string>();
@@ -35,12 +41,62 @@ refreshBtn.addEventListener('click', () => {
     vscode.postMessage({ command: 'refresh' });
 });
 
+makerPortalBtn.addEventListener('click', () => {
+    vscode.postMessage({ command: 'openInMaker' });
+});
+
 document.getElementById('reconnect-refresh')!.addEventListener('click', (e) => {
     e.preventDefault();
     document.getElementById('reconnect-banner')!.style.display = 'none';
     vscode.postMessage({ command: 'refresh' });
 });
 
+// ── Sort & filter controls ──
+type SortKey = 'name' | 'version' | 'publisher' | 'modifiedOn';
+let currentSort: SortKey = 'name';
+
+function sortSolutions(sols: SolutionViewDto[]): SolutionViewDto[] {
+    const sorted = [...sols];
+    switch (currentSort) {
+        case 'name':
+            sorted.sort((a, b) => (a.friendlyName || a.uniqueName).localeCompare(b.friendlyName || b.uniqueName));
+            break;
+        case 'version':
+            sorted.sort((a, b) => (a.version || '').localeCompare(b.version || '', undefined, { numeric: true }));
+            break;
+        case 'publisher':
+            sorted.sort((a, b) => (a.publisherName || '').localeCompare(b.publisherName || ''));
+            break;
+        case 'modifiedOn':
+            sorted.sort((a, b) => {
+                const da = a.modifiedOn ? new Date(a.modifiedOn).getTime() : 0;
+                const db = b.modifiedOn ? new Date(b.modifiedOn).getTime() : 0;
+                return db - da; // newest first
+            });
+            break;
+    }
+    return sorted;
+}
+
+function applyManagedFilterAndSort(): void {
+    const includeManaged = includeManagedCb.checked;
+    let filtered = allSolutions;
+    if (!includeManaged) {
+        filtered = allSolutions.filter(s => !s.isManaged);
+    }
+    solutions = sortSolutions(filtered);
+    renderSolutionsList();
+}
+
+sortSelect.addEventListener('change', () => {
+    currentSort = sortSelect.value as SortKey;
+    applyManagedFilterAndSort();
+});
+
+includeManagedCb.addEventListener('change', () => {
+    applyManagedFilterAndSort();
+});
+
 // Dummy element — FilterBar needs a countEl but solutions panel manages status text itself
 const _filterCountSink = document.createElement('span');
 
@@ -65,7 +121,7 @@ const solutionsFilter = new FilterBar<SolutionViewDto>({
         if (isFiltered) {
             statusText.textContent = filtered.length + ' of ' + total + ' solution' + (total !== 1 ? 's' : '');
         } else {
-            statusText.textContent = total + ' solution' + (total !== 1 ? 's' : '');
+            updateStatusBar(solutions);
         }
 
         if (isFiltered && filtered.length === 0) {
@@ -172,6 +228,12 @@ function updateSolutionExpansion(uniqueName: string, expanded: boolean): void {
     }
 }
 
+function updateStatusBar(sols: SolutionViewDto[]): void {
+    const managedCount = sols.filter(s => s.isManaged).length;
+    const unmanagedCount = sols.length - managedCount;
+    statusText.textContent = `${sols.length} solution${sols.length !== 1 ? 's' : ''} (${unmanagedCount} unmanaged, ${managedCount} managed)`;
+}
+
 // ── Message handling ──
 window.addEventListener('message', (event: MessageEvent<SolutionsPanelHostToWebview>) => {
     const msg = event.data;
@@ -226,17 +288,33 @@ window.addEventListener('message', (event: MessageEvent<SolutionsPanelHostToWebv
 });
 
 function renderSolutions(sols: SolutionViewDto[]): void {
-    solutions = sols;
+    allSolutions = sols;
     searchInput.value = '';
 
-    if (sols.length === 0) {
-        content.innerHTML = '<div class="empty-state">No solutions found</div>';
+    // Apply managed filter and sort, then render
+    const includeManaged = includeManagedCb.checked;
+    let filtered = sols;
+    if (!includeManaged) {
+        filtered = sols.filter(s => !s.isManaged);
+    }
+    solutions = sortSolutions(filtered);
+    renderSolutionsList();
+}
+
+/** Renders the current `solutions` array into the DOM. */
+function renderSolutionsList(): void {
+    if (solutions.length === 0) {
+        if (allSolutions.length > 0 && !includeManagedCb.checked) {
+            content.innerHTML = '<div class="empty-state">No unmanaged solutions found. Check "Include Managed" to see all.</div>';
+        } else {
+            content.innerHTML = '<div class="empty-state">No solutions found</div>';
+        }
         statusText.textContent = 'No solutions';
         return;
     }
 
     let html = '<ul class="solution-list">';
-    for (const sol of sols) {
+    for (const sol of solutions) {
         const isExpanded = expandedSolutions.has(sol.uniqueName);
         html += '<li>';
         html += '<div class="solution-row" data-unique-name="' + escapeAttr(sol.uniqueName) + '">';
@@ -258,12 +336,14 @@ function renderSolutions(sols: SolutionViewDto[]): void {
         html += '<div class="detail-card">';
         html += '<span class="detail-label">Unique Name</span><span class="detail-value">' + escapeHtml(sol.uniqueName) + '</span>';
         html += '<span class="detail-label">Publisher</span><span class="detail-value">' + escapeHtml(sol.publisherName || '\u2014') + '</span>';
-        html += '<span class="detail-label">Type</span><span class="detail-value">' + (sol.isManaged ? 'Managed' : 'Unmanaged') + '</span>';
+        html += '<span class="detail-label">Type</span><span class="detail-value">' + escapeHtml(sol.isManaged ? 'Managed' : 'Unmanaged') + '</span>';
+        html += '<span class="detail-label">Visible</span><span class="detail-value">' + escapeHtml(sol.isVisible ? 'Yes' : 'No') + '</span>';
+        html += '<span class="detail-label">API Managed</span><span class="detail-value">' + escapeHtml(sol.isApiManaged ? 'Yes' : 'No') + '</span>';
         if (sol.installedOn) {
-            html += '<span class="detail-label">Installed</span><span class="detail-value">' + formatDate(sol.installedOn) + '</span>';
+            html += '<span class="detail-label">Installed</span><span class="detail-value">' + escapeHtml(formatDate(sol.installedOn)) + '</span>';
         }
         if (sol.modifiedOn) {
-            html += '<span class="detail-label">Modified</span><span class="detail-value">' + formatDate(sol.modifiedOn) + '</span>';
+            html += '<span class="detail-label">Modified</span><span class="detail-value">' + escapeHtml(formatDate(sol.modifiedOn)) + '</span>';
         }
         if (sol.description) {
             html += '<div class="detail-description">' + escapeHtml(sol.description) + '</div>';
@@ -277,16 +357,14 @@ function renderSolutions(sols: SolutionViewDto[]): void {
     content.innerHTML = html;
 
     // Initialize filter with the new data set (resets filter input and DOM visibility)
-    solutionsFilter.setItems(sols);
+    solutionsFilter.setItems(solutions);
 
-    // Override status with the more detailed managed/unmanaged breakdown
-    const managedCount = sols.filter(s => s.isManaged).length;
-    const unmanagedCount = sols.length - managedCount;
-    statusText.textContent = `${sols.length} solution${sols.length !== 1 ? 's' : ''} (${unmanagedCount} unmanaged, ${managedCount} managed)`;
+    // Update status bar with managed/unmanaged breakdown
+    updateStatusBar(solutions);
 
     // Re-expand solutions that were previously expanded and re-request components
     for (const uniqueName of expandedSolutions) {
-        const found = sols.find(s => s.uniqueName === uniqueName);
+        const found = solutions.find(s => s.uniqueName === uniqueName);
         if (found) {
             vscode.postMessage({ command: 'expandSolution', uniqueName });
         }
@@ -345,8 +423,8 @@ function renderComponents(uniqueName: string, groups: ComponentGroupDto[]): void
                 html += '<span class="detail-label">Schema Name</span><span class="detail-value">' + (comp.schemaName ? escapeHtml(comp.schemaName) : '\u2014') + '</span>';
                 html += '<span class="detail-label">Display Name</span><span class="detail-value">' + (comp.displayName ? escapeHtml(comp.displayName) : '\u2014') + '</span>';
             }
-            html += '<span class="detail-label">Root Behavior</span><span class="detail-value">' + comp.rootComponentBehavior + '</span>';
-            html += '<span class="detail-label">Metadata</span><span class="detail-value">' + (comp.isMetadata ? 'Yes' : 'No') + '</span>';
+            html += '<span class="detail-label">Root Behavior</span><span class="detail-value">' + escapeHtml(String(comp.rootComponentBehavior)) + '</span>';
+            html += '<span class="detail-label">Metadata</span><span class="detail-value">' + escapeHtml(comp.isMetadata ? 'Yes' : 'No') + '</span>';
             html += '</div>';
         }
         html += '</div>';
diff --git a/src/PPDS.Extension/src/panels/webview/web-resources-panel.ts b/src/PPDS.Extension/src/panels/webview/web-resources-panel.ts
index fb536228a..d3670ec9a 100644
--- a/src/PPDS.Extension/src/panels/webview/web-resources-panel.ts
+++ b/src/PPDS.Extension/src/panels/webview/web-resources-panel.ts
@@ -45,6 +45,19 @@ let lastRequestId = 0;
 let allResources: WebResourceInfoDto[] = [];
 let searchTerm = '';
 
+// ── Format date/time helper ──
+function formatDateTime(isoString: string | null | undefined): string {
+    if (!isoString) return '\u2014';
+    try {
+        return new Date(isoString).toLocaleString(undefined, {
+            year: 'numeric', month: 'short', day: 'numeric',
+            hour: '2-digit', minute: '2-digit', second: '2-digit',
+        });
+    } catch {
+        return isoString;
+    }
+}
+
 // ── Type badge helper ──
 function typeBadgeHtml(typeName: string): string {
     const lower = typeName.toLowerCase();
@@ -114,6 +127,16 @@ const table = new DataTable<WebResourceInfoDto>({
             render: (r) => managedBadgeHtml(r.isManaged),
             className: '100px',
         },
+        {
+            key: 'createdBy',
+            label: 'Created By',
+            render: (r) => escapeHtml(r.createdBy ?? '\u2014'),
+        },
+        {
+            key: 'createdOn',
+            label: 'Created On',
+            render: (r) => escapeHtml(formatDateTime(r.createdOn)),
+        },
         {
             key: 'modifiedBy',
             label: 'Modified By',
@@ -122,7 +145,7 @@ const table = new DataTable<WebResourceInfoDto>({
         {
             key: 'modifiedOn',
             label: 'Modified On',
-            render: (r) => escapeHtml(r.modifiedOn ?? '\u2014'),
+            render: (r) => escapeHtml(formatDateTime(r.modifiedOn)),
         },
     ],
     getRowId: (r) => r.id,
diff --git a/src/PPDS.Extension/src/types.ts b/src/PPDS.Extension/src/types.ts
index 8165894b7..2cc4d44b9 100644
--- a/src/PPDS.Extension/src/types.ts
+++ b/src/PPDS.Extension/src/types.ts
@@ -167,6 +167,8 @@ export interface SolutionInfoDto {
     createdOn: string | null;
     modifiedOn: string | null;
     installedOn: string | null;
+    isVisible: boolean;
+    isApiManaged: boolean;
 }
 
 export interface SolutionComponentsResponse {
@@ -408,6 +410,7 @@ export interface ImportJobInfoDto {
     startedOn: string | null;
     completedOn: string | null;
     duration: string | null;
+    operationContext: string | null;
 }
 
 export interface ImportJobDetailDto extends ImportJobInfoDto {
diff --git a/src/PPDS.Extension/src/views/toolsTreeView.ts b/src/PPDS.Extension/src/views/toolsTreeView.ts
index 0f5ea6961..08ead53e6 100644
--- a/src/PPDS.Extension/src/views/toolsTreeView.ts
+++ b/src/PPDS.Extension/src/views/toolsTreeView.ts
@@ -38,6 +38,8 @@ export class ToolsTreeDataProvider
         { label: 'Notebooks', commandId: 'ppds.openNotebooks', icon: 'notebook' },
         { label: 'Solutions', commandId: 'ppds.openSolutions', icon: 'package' },
         { label: 'Import Jobs', commandId: 'ppds.openImportJobs', icon: 'history' },
+        { label: 'Connection References', commandId: 'ppds.openConnectionReferences', icon: 'plug' },
+        { label: 'Environment Variables', commandId: 'ppds.openEnvironmentVariables', icon: 'symbol-variable' },
         { label: 'Plugin Traces', commandId: 'ppds.openPluginTraces', icon: 'debug-stackframe' },
         { label: 'Metadata Browser', commandId: 'ppds.openMetadataBrowser', icon: 'symbol-class' },
         { label: 'Web Resources', commandId: 'ppds.openWebResources', icon: 'file-code' },
diff --git a/src/PPDS.Extension/tools/webview-cdp.mjs b/src/PPDS.Extension/tools/webview-cdp.mjs
index bfe78774b..ad2bc08e5 100644
--- a/src/PPDS.Extension/tools/webview-cdp.mjs
+++ b/src/PPDS.Extension/tools/webview-cdp.mjs
@@ -1,6 +1,6 @@
 import { readFileSync, writeFileSync, unlinkSync, existsSync, appendFileSync, readdirSync, mkdirSync } from 'node:fs';
 import { resolve, dirname } from 'node:path';
-import { spawn, execSync } from 'node:child_process';
+import { spawn, execSync, execFileSync } from 'node:child_process';
 import { fileURLToPath } from 'node:url';
 import { createServer } from 'node:http';
 
@@ -209,8 +209,16 @@ async function runDaemon(workspace, sessionName = 'default', vsixPath = null) {
     const extDir = resolve(SESSION_PROFILE_DIR, 'extensions');
     const extractDir = resolve(extDir, '_vsix_extract');
     mkdirSync(extractDir, { recursive: true });
-    // VSIX files are ZIP archives — extract using tar (handles ZIP on all modern platforms)
-    execSync(`tar -xf "${vsixPath}" -C "${extractDir}"`, { timeout: 60000 });
+    // VSIX files are ZIP archives — extract using platform-appropriate tool
+    if (process.platform === 'win32') {
+      // bsdtar on Windows can't handle C: drive prefixes — use pwsh
+      // Escape single quotes in paths to prevent PowerShell injection
+      const safeVsix = vsixPath.replace(/'/g, "''");
+      const safeDest = extractDir.replace(/'/g, "''");
+      execFileSync('pwsh', ['-NoProfile', '-Command', `Expand-Archive -Path '${safeVsix}' -DestinationPath '${safeDest}' -Force`], { timeout: 60000 });
+    } else {
+      execFileSync('tar', ['-xf', vsixPath, '-C', extractDir], { timeout: 60000 });
+    }
     // The VSIX contains an 'extension/' subfolder — rename to VS Code's expected format
     const innerDir = resolve(extractDir, 'extension');
     if (existsSync(innerDir)) {