@memberjunction/ng-explorer-core 6.2.0-edge.2 → 6.2.0-edge.4

package/dist/lib/resource-wrappers/dashboard-resource.component.js

@@ -4,18 +4,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, ViewChild } from '@angular/core';
-import { BaseResourceComponent, BaseDashboard } from '@memberjunction/ng-shared';
-import { DashboardEngine } from '@memberjunction/core-entities';
-import { RegisterClass, MJGlobal, SafeJSONParse, UUIDsEqual } from '@memberjunction/global';
-import { CompositeKey, LogError } from '@memberjunction/core';
-import { DashboardViewerComponent } from '@memberjunction/ng-dashboard-viewer';
+import { Component, ViewChild, inject } from '@angular/core';
+import { BaseResourceComponent, BaseDashboard, RecentAccessService, HomeAppPinService, SafeDetectChanges, CaptureElementJpeg, BuildDashboardPinInput, DASHBOARD_PIN_RESOURCE_TYPE } from '@memberjunction/ng-shared';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { RealtimeSessionService, ArtifactPermissionService } from '@memberjunction/ng-conversations';
+import { DashboardEngine, UserViewEngine, QueryEngine, ArtifactMetadataEngine, MJEnvironmentEntityExtended, UserInfoEngine } from '@memberjunction/core-entities';
+import { RegisterClass, MJGlobal, SafeJSONParse, UUIDsEqual, EscapeSQLString, NormalizeUUID } from '@memberjunction/global';
+import { CompositeKey, RunView, LogError } from '@memberjunction/core';
+import { DefaultAgentResolver } from '@memberjunction/conversations-runtime';
+import { filter, takeUntil } from 'rxjs';
+import { ExtractPanelsFromLayout } from '@memberjunction/ng-dashboard-viewer';
+import { BuildDashboardTabAgentContext, BuildDashboardTabAgentTools, SummarizeDashboardPanels } from './dashboard-tab-agent';
+import { BuildDashboardStudioTools } from './dashboard-studio-tools';
+import { SearchDashboardSources, SOURCE_KINDS } from './dashboard-source-search';
+import { ParseStudioPanePrefs, PrefsFromSplitSizes, STUDIO_PANE_COPILOT_MAX_PCT, STUDIO_PANE_COPILOT_MIN_PCT, STUDIO_PANE_DEFAULTS, STUDIO_PANE_SETTING_KEY } from './dashboard-studio-pane';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
+import * as i1 from "@memberjunction/ng-conversations";
 import * as i2 from "@memberjunction/ng-dashboards/core-dashboards.module";
-const _c0 = ["container"];
+import * as i3 from "@memberjunction/ng-dashboard-viewer";
+import * as i4 from "angular-split";
+import * as i5 from "@memberjunction/ng-shared-generic";
+import * as i6 from "@memberjunction/ng-ui-components";
+import * as i7 from "./dashboard-add-to-menu.component";
+const _c0 = ["editor"];
+const _c1 = ["container"];
+const _c2 = a0 => [a0];
 function DashboardResource_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "details", 11)(1, "summary");
+    i0.ɵɵelementStart(0, "details", 13)(1, "summary");
     i0.ɵɵtext(2, "Technical Details");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "pre");
@@ -27,16 +42,16 @@ function DashboardResource_Conditional_1_Conditional_7_Template(rf, ctx) { if (r
     i0.ɵɵtextInterpolate(ctx_r0.errorDetails);
 } }
 function DashboardResource_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 7);
-    i0.ɵɵelement(2, "i", 8);
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 9);
+    i0.ɵɵelement(2, "i", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h2", 9);
+    i0.ɵɵelementStart(3, "h2", 11);
     i0.ɵɵtext(4, "Unable to Load Dashboard");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 10);
+    i0.ɵɵelementStart(5, "p", 12);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, DashboardResource_Conditional_1_Conditional_7_Template, 5, 1, "details", 11);
+    i0.ɵɵconditionalCreate(7, DashboardResource_Conditional_1_Conditional_7_Template, 5, 1, "details", 13);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -45,105 +60,194 @@ function DashboardResource_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.errorDetails ? 7 : -1);
 } }
-function DashboardResource_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
-    i0.ɵɵelement(1, "i", 19);
+function DashboardResource_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 23);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenShareDialog()); });
+    i0.ɵɵelement(1, "i", 24);
     i0.ɵɵelementEnd();
 } }
-function DashboardResource_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openShareDialog()); });
-    i0.ɵɵelement(1, "i", 19);
+function DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-conversation-chat-area", 38);
+    i0.ɵɵlistener("ConversationCreated", function DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template_mj_conversation_chat_area_ConversationCreated_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnChatConversationCreated($event)); })("RealtimeConversationReady", function DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template_mj_conversation_chat_area_RealtimeConversationReady_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnChatRealtimeConversationReady($event)); })("PendingMessageConsumed", function DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template_mj_conversation_chat_area_PendingMessageConsumed_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnChatPendingMessageConsumed()); })("navigationRequest", function DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template_mj_conversation_chat_area_navigationRequest_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnChatNavigationRequest($event)); })("OpenEntityRecord", function DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template_mj_conversation_chat_area_OpenEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnChatOpenEntityRecord($event)); });
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Provider", ctx_r0.Provider)("EnvironmentId", ctx_r0.ChatEnvironmentId)("CurrentUser", ctx_r0.ProviderToUse.CurrentUser)("Conversation", ctx_r0.ChatConversation)("ConversationId", ctx_r0.ChatConversationId)("IsNewConversation", ctx_r0.ChatIsNewConversation)("PendingMessage", ctx_r0.ChatPendingMessage)("PendingAttachments", ctx_r0.ChatPendingAttachments)("SuppressNewConversationEmptyState", true)("AllowMentions", false)("OverlayMode", false)("ShowExportButton", false)("ShowShareButton", false)("ShowArtifactIndicator", false)("ShowAgentPicker", false)("ShowAgentModePicker", false)("DefaultAgentId", ctx_r0.ChatAgentId)("AllowedAgentIDs", i0.ɵɵpureFunction1(20, _c2, ctx_r0.ChatAgentId))("ApplicationId", ctx_r0.ChatApplicationId)("AppContext", ctx_r0.ChatAppContext);
 } }
-function DashboardResource_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 21);
-    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.toggleEditMode()); });
-    i0.ɵɵelement(1, "i", 22);
+function DashboardResource_Conditional_2_Conditional_9_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.ChatAgentError);
 } }
-function DashboardResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 12)(2, "span", 13);
-    i0.ɵɵelement(3, "i", 14);
-    i0.ɵɵtext(4);
+function DashboardResource_Conditional_2_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵelement(1, "mj-loading", 39);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, DashboardResource_Conditional_2_Conditional_5_Template, 2, 0, "span", 15);
+} }
+function DashboardResource_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "as-split-area", 22)(1, "aside", 25)(2, "div", 26)(3, "div", 27);
+    i0.ɵɵelement(4, "i", 28);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 16);
-    i0.ɵɵconditionalCreate(7, DashboardResource_Conditional_2_Conditional_7_Template, 2, 0, "button", 17);
-    i0.ɵɵconditionalCreate(8, DashboardResource_Conditional_2_Conditional_8_Template, 2, 0, "button", 18);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 29)(7, "button", 30);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_9_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleCopilotExpanded()); });
+    i0.ɵɵelement(8, "i", 31);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 32);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Conditional_9_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CloseChat()); });
+    i0.ɵɵelement(10, "i", 33);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "div", 34);
+    i0.ɵɵconditionalCreate(12, DashboardResource_Conditional_2_Conditional_9_Conditional_12_Template, 1, 22, "mj-conversation-chat-area", 35)(13, DashboardResource_Conditional_2_Conditional_9_Conditional_13_Template, 2, 1, "div", 36)(14, DashboardResource_Conditional_2_Conditional_9_Conditional_14_Template, 2, 0, "div", 37);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.configDashboard.Name, " ");
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("size", ctx_r0.CopilotExpanded ? ctx_r0.CopilotMaxPct : ctx_r0.CopilotSizePct)("minSize", ctx_r0.CopilotMinPct)("maxSize", ctx_r0.CopilotMaxPct);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r0.dashboardPermissions.IsOwner && ctx_r0.dashboardPermissions.PermissionSource !== "none" ? 5 : -1);
+    i0.ɵɵclassProp("expanded", ctx_r0.CopilotExpanded);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ChatAgentName ?? "AI assistant");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.dashboardPermissions.CanShare ? 7 : -1);
+    i0.ɵɵproperty("title", ctx_r0.CopilotExpanded ? "Collapse panel" : "Expand panel");
+    i0.ɵɵattribute("aria-label", ctx_r0.CopilotExpanded ? "Collapse panel" : "Expand panel");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.dashboardPermissions.CanEdit ? 8 : -1);
+    i0.ɵɵclassProp("fa-up-right-and-down-left-from-center", !ctx_r0.CopilotExpanded)("fa-down-left-and-up-right-to-center", ctx_r0.CopilotExpanded);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r0.ChatAgentId && ctx_r0.ProviderToUse.CurrentUser ? 12 : ctx_r0.ChatAgentError ? 13 : 14);
 } }
-function DashboardResource_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 4)(1, "div", 23)(2, "button", 24);
-    i0.ɵɵlistener("click", function DashboardResource_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.openAddPartDialog()); });
-    i0.ɵɵelement(3, "i", 25);
-    i0.ɵɵtext(4, " Add Part ");
+function DashboardResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "as-split", 14);
+    i0.ɵɵlistener("dragEnd", function DashboardResource_Conditional_2_Template_as_split_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCopilotSplitDragEnd($event.sizes)); });
+    i0.ɵɵelementStart(1, "as-split-area", 15)(2, "mj-dashboard-editor", 16, 1);
+    i0.ɵɵlistener("Loaded", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_Loaded_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorLoaded($event)); })("LoadFailed", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_LoadFailed_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorLoadFailed($event)); })("EditingChange", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_EditingChange_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorEditingChange()); })("NameChanged", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_NameChanged_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorNameChanged($event)); })("ConfigChanged", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_ConfigChanged_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorConfigChanged()); })("ReloadedFromSaved", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_ReloadedFromSaved_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorReloaded()); })("FavoriteChange", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_FavoriteChange_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorFavoriteChange()); })("NavigationRequested", function DashboardResource_Conditional_2_Template_mj_dashboard_editor_NavigationRequested_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnEditorNavigationRequested($event)); });
+    i0.ɵɵelementStart(4, "button", 17);
+    i0.ɵɵlistener("click", function DashboardResource_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ToggleChat()); });
+    i0.ɵɵelement(5, "i", 18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 26);
-    i0.ɵɵelementStart(6, "div", 27)(7, "input", 28);
-    i0.ɵɵtwoWayListener("ngModelChange", function DashboardResource_Conditional_3_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.editingName, $event) || (ctx_r0.editingName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "span", 19)(7, "mj-dashboard-add-to-menu", 20);
+    i0.ɵɵlistener("PinToHome", function DashboardResource_Conditional_2_Template_mj_dashboard_add_to_menu_PinToHome_7_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.PinToHome()); })("Share", function DashboardResource_Conditional_2_Template_mj_dashboard_add_to_menu_Share_7_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OpenShareDialog()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "input", 29);
-    i0.ɵɵtwoWayListener("ngModelChange", function DashboardResource_Conditional_3_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.editingDescription, $event) || (ctx_r0.editingDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵconditionalCreate(8, DashboardResource_Conditional_2_Conditional_8_Template, 2, 0, "button", 21);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "div", 30)(10, "button", 31);
-    i0.ɵɵlistener("click", function DashboardResource_Conditional_3_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.saveDashboard()); });
-    i0.ɵɵelement(11, "i", 32);
-    i0.ɵɵtext(12, " Save ");
+    i0.ɵɵconditionalCreate(9, DashboardResource_Conditional_2_Conditional_9_Template, 15, 13, "as-split-area", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 33);
-    i0.ɵɵlistener("click", function DashboardResource_Conditional_3_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.cancelEdit()); });
-    i0.ɵɵtext(14, " Cancel ");
-    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.editingName);
+    i0.ɵɵproperty("gutterSize", ctx_r0.ChatOpen ? 6 : 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", ctx_r0.ChatOpen ? ctx_r0.CopilotExpanded ? 100 - ctx_r0.CopilotMaxPct : ctx_r0.MainSizePct : 100)("minSize", 100 - ctx_r0.CopilotMaxPct);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Provider", ctx_r0.Provider)("DashboardId", ctx_r0.ConfigDashboardId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("is-active", ctx_r0.ChatOpen);
+    i0.ɵɵattribute("aria-expanded", ctx_r0.ChatOpen ? "true" : "false");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("IsPinned", ctx_r0.IsPinnedToHome)("CanShare", ctx_r0.CanShare);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.CanShare ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.editingDescription);
+    i0.ɵɵconditional(ctx_r0.ChatOpen ? 9 : -1);
+} }
+function DashboardResource_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dashboard-share-dialog", 40);
+    i0.ɵɵlistener("Result", function DashboardResource_Conditional_5_Template_mj_dashboard_share_dialog_Result_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnShareDialogResult($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", ctx_r0.ShowShareDialog)("Dashboard", ctx_r0.ConfigDashboard);
 } }
 function DashboardResource_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dashboard-share-dialog", 34);
-    i0.ɵɵlistener("Result", function DashboardResource_Conditional_6_Template_mj_dashboard_share_dialog_Result_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onShareDialogResult($event)); });
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-confirm-dialog", 41);
+    i0.ɵɵlistener("Confirmed", function DashboardResource_Conditional_6_Template_mj_confirm_dialog_Confirmed_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnAgentConfirm(true)); })("Cancelled", function DashboardResource_Conditional_6_Template_mj_confirm_dialog_Cancelled_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnAgentConfirm(false)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", ctx_r0.showShareDialog)("Dashboard", ctx_r0.configDashboard);
+    i0.ɵɵproperty("Visible", true)("Title", ctx_r0.AgentConfirm.Title)("Message", ctx_r0.AgentConfirm.Message)("ConfirmText", ctx_r0.AgentConfirm.ConfirmText);
 } }
+function DashboardResource_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-confirm-dialog", 42);
+    i0.ɵɵlistener("Confirmed", function DashboardResource_Conditional_7_Template_mj_confirm_dialog_Confirmed_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCloseChatConfirmed()); })("Cancelled", function DashboardResource_Conditional_7_Template_mj_confirm_dialog_Cancelled_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCloseChatCancelled()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("Visible", true);
+} }
+/** The permissions the tab reports while its editor shows no dashboard: nothing is allowed. */
+const NO_DASHBOARD_PERMISSIONS = {
+    DashboardID: '', CanRead: false, CanEdit: false, CanDelete: false, CanShare: false, IsOwner: false, PermissionSource: 'none',
+};
+/** Why an agent's request or edit fails while the tab shows no Config dashboard. */
+const NO_CONFIG_DASHBOARD = 'No Config dashboard is open in this tab.';
+/** How long, in milliseconds, an agent's confirm dialog waits for the user's answer before it closes. */
+const AGENT_CONFIRM_TIMEOUT_MS = 25_000;
+/** Why an agent's request failed when the user gave no answer in time. */
+const AGENT_CONFIRM_TIMED_OUT = `No answer within ${AGENT_CONFIRM_TIMEOUT_MS / 1000} s; the dialog was closed. Ask the user and try again.`;
+/** The most artifacts the agent's source search reads. */
+const SOURCE_SEARCH_MAX_ARTIFACTS = 500;
+/** The most artifact IDs one filter of the latest-version lookup lists. */
+const ARTIFACT_VERSION_FILTER_CHUNK = 200;
+/** Why the tab refuses an agent's edit while the editor's Save runs. */
+const SAVE_IN_PROGRESS = 'A save is in progress. Try again when it finishes.';
+/**
+ * The Dashboards application (metadata/applications/.dashboards-application.json). The AI pane's
+ * conversations belong to it, and its default agent answers in the pane.
+ */
+const DASHBOARDS_APPLICATION_ID = '4B439111-B492-4936-9E33-A428CB5725B4';
+/** What the AI pane shows when the Dashboards application has no default agent of its own. */
+const NO_DASHBOARD_ASSISTANT = 'No dashboard assistant is configured for the Dashboards app. Ask an administrator to set its default agent.';
 /**
  * Dashboard Resource Wrapper - displays a single dashboard in a tab
  * Extends BaseResourceComponent to work with the resource type system
- * Dynamically routes between code-based and config-based dashboards based on dashboard type
+ * Dynamically routes between code-based and config-based dashboards based on dashboard type:
+ * a Config dashboard shows in the shared dashboard editor (`mj-dashboard-editor`) with the AI pane
+ * beside it, and a Code dashboard or the Data Explorer shows in the tab's own container.
  */
 let DashboardResource = class DashboardResource extends BaseResourceComponent {
     viewContainer;
     cdr;
     componentRef = null;
+    recentAccess = inject(RecentAccessService);
+    homePins = inject(HomeAppPinService);
+    realtimeSession = inject(RealtimeSessionService);
+    artifactPermissions = inject(ArtifactPermissionService);
+    /** The editor that shows the Config dashboard. Undefined while the tab shows none. */
+    editor;
+    /** The panels last reported to the agent, as JSON. Null until the open dashboard is first reported. */
+    reportedPanelsKey = null;
     /**
-     * A cache reattach moves this wrapper to another tab without recreating the dashboard inside it,
-     * so the child's tab stamp — taken when we created it — has to move too. Without this the
-     * dashboard keeps reading and writing the params of the tab it was born in, from inside a tab it
-     * no longer belongs to.
+     * True once the tab registered the agent tools for the dashboard the editor loaded. Until then the
+     * tab reports no context, so the first report comes with the tools.
+     */
+    agentStatePublished = false;
+    /** True once the tab follows edit-mode requests (see watchEditModeRequests). */
+    watchingEditModeRequests = false;
+    /**
+     * A cache reattach moves this wrapper to another tab without recreating the dashboard inside it.
+     * A child resource component (a Code dashboard, the Data Explorer) has its own tab stamp, taken
+     * when we created it, and it has to move too. Without this the dashboard keeps reading and
+     * writing the params of the tab it was born in, from inside a tab it no longer belongs to. The
+     * editor has no tab of its own. The new tab can hold an edit-mode request (a card's Edit
+     * action reopens a closed tab this way), so the tab takes it here, where no load will.
      */
     onTabIdRebound(tabId) {
-        this.rehomeChildToTab(this.componentRef?.instance, tabId);
+        const child = this.componentRef?.instance;
+        if (child instanceof BaseResourceComponent) {
+            this.rehomeChildToTab(child, tabId);
+        }
+        this.takeEditModeRequest(tabId);
     }
     dataLoaded = false;
+    /** The element that holds a Code dashboard or the Data Explorer. */
     ContainerElement;
     /** @deprecated Use {@link ContainerElement}. */
     get containerElement() {
@@ -165,67 +269,114 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
     set errorDetails(value) {
         this.ErrorDetails = value;
     }
-    /** Cached dashboard categories for breadcrumb navigation */
-    categories = [];
-    /** Reference to the dashboard viewer component (for config-based dashboards) */
-    viewerInstance = null;
-    /** The config-based dashboard entity (null for code-based dashboards) */
-    ConfigDashboard = null;
+    /** The Config dashboard the editor shows. Null for a Code dashboard, the Data Explorer, or none. */
+    ConfigDashboardId = null;
+    /** The Config dashboard the editor shows, or null (a Code dashboard, the Data Explorer, or none). */
+    get ConfigDashboard() {
+        return this.editor?.Dashboard ?? null;
+    }
     /** @deprecated Use {@link ConfigDashboard}. */
     get configDashboard() {
         return this.ConfigDashboard;
     }
-    /** @deprecated Use {@link ConfigDashboard}. */
-    set configDashboard(value) {
-        this.ConfigDashboard = value;
+    /** True while the editor is in edit mode. */
+    get IsEditMode() {
+        return this.editor?.IsEditing ?? false;
     }
-    /** Whether we're in edit mode */
-    IsEditMode = false;
     /** @deprecated Use {@link IsEditMode}. */
     get isEditMode() {
         return this.IsEditMode;
     }
-    /** @deprecated Use {@link IsEditMode}. */
-    set isEditMode(value) {
-        this.IsEditMode = value;
-    }
-    /** Editing fields */
-    EditingName = '';
-    /** @deprecated Use {@link EditingName}. */
-    get editingName() {
-        return this.EditingName;
-    }
-    /** @deprecated Use {@link EditingName}. */
-    set editingName(value) {
-        this.EditingName = value;
-    }
-    EditingDescription = '';
-    /** @deprecated Use {@link EditingDescription}. */
-    get editingDescription() {
-        return this.EditingDescription;
-    }
-    /** @deprecated Use {@link EditingDescription}. */
-    set editingDescription(value) {
-        this.EditingDescription = value;
-    }
-    /** Current user's permissions for this dashboard */
-    DashboardPermissions = {
-        DashboardID: '',
-        CanRead: true,
-        CanEdit: true,
-        CanDelete: true,
-        CanShare: true,
-        IsOwner: true,
-        PermissionSource: 'owner'
-    };
-    /** @deprecated Use {@link DashboardPermissions}. */
-    get dashboardPermissions() {
-        return this.DashboardPermissions;
-    }
-    /** @deprecated Use {@link DashboardPermissions}. */
-    set dashboardPermissions(value) {
-        this.DashboardPermissions = value;
+    /** True when the user may share the dashboard the editor shows. */
+    get CanShare() {
+        return this.editor?.Permissions.CanShare ?? false;
     }
+    /** The confirm dialog an agent's Request* tool opened, or null. The user, not the agent, saves or pins. */
+    AgentConfirm = null;
+    /** The request behind the open agent confirm dialog. Null while none is open. */
+    agentConfirmRequest = null;
+    // ── AI pane ──────────────────────────────────────────────────────
+    /** True while the AI pane shows beside the dashboard. */
+    ChatOpen = false;
+    /** True while the AI pane takes its largest width (CopilotMaxPct). */
+    CopilotExpanded = false;
+    /** The dashboard's width while the AI pane is open, in percent of the tab's width. */
+    MainSizePct = STUDIO_PANE_DEFAULTS.MainSizePct;
+    /** The AI pane's width, in percent of the tab's width. */
+    CopilotSizePct = STUDIO_PANE_DEFAULTS.CopilotSizePct;
+    /** The smallest width of the AI pane, in percent of the tab's width. */
+    CopilotMinPct = STUDIO_PANE_COPILOT_MIN_PCT;
+    /** The largest width of the AI pane, in percent of the tab's width. */
+    CopilotMaxPct = STUDIO_PANE_COPILOT_MAX_PCT;
+    /** True while the dialog that asks before a voice session ends with the AI pane is open. */
+    ShowCloseChatConfirm = false;
+    /** The agent the AI pane talks to: the Dashboards application's default agent. Null until it resolves. */
+    ChatAgentId = null;
+    /** The name of that agent, which the AI pane shows in its header. */
+    ChatAgentName = null;
+    /** Why the AI pane has no agent, or null. The pane then shows this instead of the chat. */
+    ChatAgentError = null;
+    /** The AI pane's conversation, from the moment its first message created it. */
+    ChatConversation = null;
+    /** The ID of the AI pane's conversation. */
+    ChatConversationId = null;
+    /** True until the first message creates the AI pane's conversation. */
+    ChatIsNewConversation = true;
+    /** The first message, which the chat area sends once it has created the conversation. Null after it is sent. */
+    ChatPendingMessage = null;
+    /** The files attached to the first message, sent with it. */
+    ChatPendingAttachments = null;
+    /** The shell's app context snapshot, as the chat area's AppContext input takes it. The agent reads it. */
+    ChatAppContext = null;
+    /** The application the AI pane's conversations belong to, and whose default agent answers in it. */
+    ChatApplicationId = DASHBOARDS_APPLICATION_ID;
+    /** True while the AI pane resolves its agent. */
+    resolvingChatAgent = false;
+    /** The environment of the AI pane's conversations and of the artifacts the agent searches: the tab's, else the default. */
+    get ChatEnvironmentId() {
+        const environmentId = this.Data?.Configuration?.['environmentId'];
+        return typeof environmentId === 'string' && environmentId ? environmentId : MJEnvironmentEntityExtended.DefaultEnvironmentID;
+    }
+    // ── Members the editor owns ──────────────────────────────────────
+    /** @deprecated Use {@link DashboardEditorComponent.EditingName}. */
+    get EditingName() { return this.editor?.EditingName ?? ''; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingName}. */
+    set EditingName(value) { if (this.editor)
+        this.editor.EditingName = value; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingName}. */
+    get editingName() { return this.EditingName; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingName}. */
+    set editingName(value) { this.EditingName = value; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingDescription}. */
+    get EditingDescription() { return this.editor?.EditingDescription ?? ''; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingDescription}. */
+    set EditingDescription(value) { if (this.editor)
+        this.editor.EditingDescription = value; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingDescription}. */
+    get editingDescription() { return this.EditingDescription; }
+    /** @deprecated Use {@link DashboardEditorComponent.EditingDescription}. */
+    set editingDescription(value) { this.EditingDescription = value; }
+    /** @deprecated Use {@link DashboardEditorComponent.Permissions}. */
+    get DashboardPermissions() { return this.editor?.Permissions ?? NO_DASHBOARD_PERMISSIONS; }
+    /** @deprecated Use {@link DashboardEditorComponent.Permissions}. */
+    get dashboardPermissions() { return this.DashboardPermissions; }
+    /** @deprecated Use {@link DashboardEditorComponent.ToggleEditMode}. */
+    ToggleEditMode() { this.editor?.ToggleEditMode(); }
+    /** @deprecated Use {@link DashboardEditorComponent.ToggleEditMode}. */
+    toggleEditMode() { this.ToggleEditMode(); }
+    /** @deprecated Use {@link DashboardEditorComponent.CancelEdit}. */
+    CancelEdit() { this.editor?.CancelEdit(); }
+    /** @deprecated Use {@link DashboardEditorComponent.CancelEdit}. */
+    cancelEdit() { this.CancelEdit(); }
+    /** @deprecated Use {@link DashboardEditorComponent.SaveDashboard}. */
+    SaveDashboard() { return this.editor?.SaveDashboard() ?? Promise.resolve(); }
+    /** @deprecated Use {@link DashboardEditorComponent.SaveDashboard}. */
+    saveDashboard() { return this.SaveDashboard(); }
+    /** @deprecated Use {@link DashboardEditorComponent.OpenAddPartDialog}. */
+    OpenAddPartDialog() { this.editor?.OpenAddPartDialog(); }
+    /** @deprecated Use {@link DashboardEditorComponent.OpenAddPartDialog}. */
+    openAddPartDialog() { this.OpenAddPartDialog(); }
+    // ── Share and pin ────────────────────────────────────────────────
     /** Whether the share dialog is visible */
     ShowShareDialog = false;
     /** @deprecated Use {@link ShowShareDialog}. */
@@ -236,6 +387,10 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
     set showShareDialog(value) {
         this.ShowShareDialog = value;
     }
+    /** True when the open Config dashboard is pinned to Home. */
+    get IsPinnedToHome() {
+        return this.readPlacement(this.ConfigDashboard?.ID, id => this.homePins.IsPinned(DASHBOARD_PIN_RESOURCE_TYPE, { dashboardId: id }));
+    }
     /**
      * Sets the error state with a user-friendly message and optional technical details
      */
@@ -276,8 +431,9 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
                 this.componentRef = null;
             }
             this.clearError();
-            this.ConfigDashboard = null;
-            this.viewerInstance = null;
+            this.abortAgentConfirm('The tab opened another dashboard before the user answered.');
+            this.ConfigDashboardId = null;
+            this.agentStatePublished = false;
             this.loadDashboard();
         }
     }
@@ -285,97 +441,123 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
     get Data() {
         return super.Data;
     }
+    ngOnInit() {
+        super.ngOnInit();
+        this.watchAppContext();
+    }
     ngOnDestroy() {
+        this.abortAgentConfirm('The dashboard tab was closed before the user answered.');
         super.ngOnDestroy();
         if (this.componentRef) {
             this.componentRef.destroy();
         }
     }
     // ========================================
-    // Edit Mode Methods
+    // The Editor
     // ========================================
     /**
-     * Toggle between view and edit mode
+     * Shows a Config dashboard in the editor, which reads it from DashboardEngine. The editor's Loaded
+     * or LoadFailed event finishes the load (OnEditorLoaded, OnEditorLoadFailed).
      */
-    ToggleEditMode() {
-        if (this.IsEditMode) {
-            this.CancelEdit();
-        }
-        else {
-            this.enterEditMode();
-        }
-    }
-    /** @deprecated Use {@link ToggleEditMode}. */
-    toggleEditMode() {
-        return this.ToggleEditMode();
+    showConfigDashboard(dashboard) {
+        this.ContainerElement.nativeElement.innerHTML = '';
+        this.reportedPanelsKey = null;
+        this.ConfigDashboardId = dashboard.ID;
+        void this.loadHomePins();
+        this.watchEditModeRequests();
+        SafeDetectChanges(this.cdr);
     }
     /**
-     * Enter edit mode
+     * The editor shows the dashboard and its layout is ready. The loading screen goes, the tab takes an
+     * edit-mode request (a new dashboard, or a card's Edit action) when it has one, and the agent gets
+     * its tools and the dashboard. NavigationService removes the request when the tab takes it, so a
+     * later load of the tab opens for viewing.
      */
-    enterEditMode() {
-        if (!this.ConfigDashboard)
-            return;
-        this.IsEditMode = true;
-        this.EditingName = this.ConfigDashboard.Name;
-        this.EditingDescription = this.ConfigDashboard.Description || '';
-        // Tell the viewer to enter edit mode
-        if (this.viewerInstance) {
-            this.viewerInstance.isEditing = true;
+    OnEditorLoaded(dashboard) {
+        this.NotifyLoadComplete();
+        if (this.navigationService.TakeDashboardEditModeRequest(this.getTabId(), dashboard.ID, this.tabApplicationId())) {
+            this.editor?.EnterEditMode();
         }
-        this.cdr.detectChanges();
+        SafeDetectChanges(this.cdr);
+        this.publishAgentState();
+    }
+    /** The editor could not show the dashboard: the tab shows why, and the loading screen goes. */
+    OnEditorLoadFailed(error) {
+        const name = this.cachedDashboardName(error.DashboardId);
+        const subject = name ? `The dashboard "${name}"` : 'The dashboard';
+        this.setError(`${subject} could not be loaded. There may be an issue with the dashboard configuration.`, error.Message);
+        this.NotifyLoadComplete();
+        SafeDetectChanges(this.cdr);
     }
     /**
-     * Cancel edit mode and discard changes
+     * The dashboard's saved name changed, by a save here or elsewhere. The tab takes the name as its
+     * title and keeps its dashboard ID: ResourceRecordSaved would rewrite the record ID in a form the
+     * tab configuration does not have, and the tab would reload on each Save.
      */
-    CancelEdit() {
-        this.IsEditMode = false;
-        // Tell the viewer to exit edit mode
-        if (this.viewerInstance) {
-            this.viewerInstance.isEditing = false;
+    OnEditorNameChanged(name) {
+        if (name) {
+            this.NotifyDisplayNameChanged(name);
         }
-        this.cdr.detectChanges();
     }
-    /** @deprecated Use {@link CancelEdit}. */
-    cancelEdit() {
-        return this.CancelEdit();
+    /** The editor entered or left edit mode: the tab reports it to the agent. */
+    OnEditorEditingChange() {
+        this.emitAgentContext();
+    }
+    /** The editor's parts or layout changed: the tab reports the panels to the agent when they changed. */
+    OnEditorConfigChanged() {
+        this.onViewerConfigChanged();
+    }
+    /** The editor rebuilt the saved layout after a save elsewhere: the rebuild reports nothing to the agent. */
+    OnEditorReloaded() {
+        this.treatPanelsAsReported();
+    }
+    /** The user starred or unstarred the dashboard in the editor. */
+    OnEditorFavoriteChange() {
+        this.onPlacementChanged();
+    }
+    /** A part of the dashboard asked to open something: a record, another dashboard, a query. */
+    OnEditorNavigationRequested(event) {
+        this.handleNavigationRequest(event);
     }
     /**
-     * Save dashboard changes
+     * Takes the tab's edit-mode request, if it has one for this tab's dashboard, and enters edit mode in
+     * the editor. A tab that has not finished loading leaves the request for its load (see
+     * OnEditorLoaded). A tab that is already editing keeps its changes. A request for what the tab shows
+     * now stays for that tab's component: a cached component can still be bound to a tab ID that OpenTab
+     * gave to another dashboard, or to this dashboard in another application.
      */
-    async SaveDashboard() {
-        if (!this.ConfigDashboard || !this.viewerInstance)
+    takeEditModeRequest(tabId) {
+        const editor = this.editor;
+        const dashboard = editor?.Dashboard;
+        if (!this.LoadComplete || !editor || !dashboard || !UUIDsEqual(dashboard.ID, this.ConfigDashboardId))
             return;
-        try {
-            // Update dashboard name and description
-            this.ConfigDashboard.Name = this.EditingName;
-            this.ConfigDashboard.Description = this.EditingDescription;
-            // Save via the viewer (which handles layout saving)
-            await this.viewerInstance.save();
-            // Exit edit mode
-            this.IsEditMode = false;
-            this.viewerInstance.isEditing = false;
-            this.cdr.detectChanges();
-        }
-        catch (error) {
-            console.error('Error saving dashboard:', error);
+        if (this.navigationService.TakeDashboardEditModeRequest(tabId, dashboard.ID, this.tabApplicationId()) && !editor.IsEditing) {
+            editor.EnterEditMode();
         }
     }
-    /** @deprecated Use {@link SaveDashboard}. */
-    async saveDashboard() {
-        return this.SaveDashboard();
+    /** The application of the tab this component was loaded for, from the resource data the tab container gives it. */
+    tabApplicationId() {
+        const applicationId = this.Data?.Configuration?.['applicationId'];
+        return typeof applicationId === 'string' ? applicationId : '';
     }
     /**
-     * Open the add panel dialog
+     * Enters edit mode when OpenDashboard asks this open tab to (NavigationService.DashboardEditModeRequested$).
+     * Starts once per tab, and stops when the tab is destroyed.
      */
-    OpenAddPartDialog() {
-        if (this.viewerInstance) {
-            // Trigger the viewer's add panel flow
-            this.viewerInstance.onAddPanelClick();
-        }
+    watchEditModeRequests() {
+        if (this.watchingEditModeRequests)
+            return;
+        this.watchingEditModeRequests = true;
+        this.navigationService.DashboardEditModeRequested$.pipe(filter(tabId => UUIDsEqual(tabId, this.getTabId())), takeUntil(this.destroy$)).subscribe(tabId => this.takeEditModeRequest(tabId));
     }
-    /** @deprecated Use {@link OpenAddPartDialog}. */
-    openAddPartDialog() {
-        return this.OpenAddPartDialog();
+    /**
+     * Takes the viewer's current panels as the ones last reported to the agent, so the change events
+     * of a reloaded layout report nothing. Does nothing before the first report.
+     */
+    treatPanelsAsReported() {
+        if (this.reportedPanelsKey !== null) {
+            this.reportedPanelsKey = JSON.stringify(this.livePanels());
+        }
     }
     /**
      * Open the share dialog for this dashboard
@@ -400,16 +582,655 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
         return this.CloseShareDialog();
     }
     /**
-     * Handle share dialog result
+     * Handle share dialog result. After a save the editor reads the user's permissions again, since
+     * sharing can change them.
      */
     OnShareDialogResult(result) {
         this.ShowShareDialog = false;
-        if (result.Action === 'save' && this.ConfigDashboard) {
-            // Recompute permissions after sharing changes
-            const md = this.ProviderToUse;
-            this.DashboardPermissions = DashboardEngine.Instance.GetDashboardPermissions(this.ConfigDashboard.ID, md.CurrentUser.ID);
+        if (result.Action === 'save') {
+            this.editor?.RefreshPermissions();
         }
         this.cdr.detectChanges();
+        if (result.Action === 'save') {
+            this.emitAgentContext();
+        }
+    }
+    // ========================================
+    // Add to menu
+    // ========================================
+    /** Pins the open dashboard to Home as a card, then adds a thumbnail of it in the background. */
+    async PinToHome() {
+        const dashboard = this.ConfigDashboard;
+        if (!dashboard)
+            return;
+        try {
+            await this.homePins.LoadPins();
+            if (this.homePins.AddPin(this.homePinFor(dashboard))) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Pinned "${dashboard.Name}" to Home`, 'success', 2000);
+                void this.attachPinThumbnail(dashboard.ID);
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification(`"${dashboard.Name}" is already pinned to Home`, 'info', 2000);
+            }
+        }
+        catch (error) {
+            LogError(`Dashboard tab: could not pin the dashboard to Home: ${errorMessage(error)}`);
+            MJNotificationService.Instance.CreateSimpleNotification('Could not pin the dashboard to Home', 'error', 3000);
+        }
+        this.onPlacementChanged();
+    }
+    /**
+     * Reads one placement flag (the pin) for a dashboard. False without a dashboard,
+     * or when the user cannot read that data (the engine throws PermissionConstrainedError).
+     */
+    readPlacement(dashboardId, read) {
+        if (!dashboardId)
+            return false;
+        try {
+            return read(dashboardId);
+        }
+        catch {
+            return false;
+        }
+    }
+    /** The Home pin for a dashboard, in the shared dashboard pin shape. */
+    homePinFor(dashboard) {
+        return BuildDashboardPinInput(dashboard);
+    }
+    /**
+     * Adds a thumbnail of the dashboard (the editor's body) to its pin. Best effort: without one, Home
+     * shows the pin's icon. Logs a failure and never rejects, because the caller does not wait for it.
+     */
+    async attachPinThumbnail(dashboardId) {
+        try {
+            const element = this.editor?.BodyElement;
+            const thumbnail = element ? await this.homePins.CaptureThumbnail(element) : undefined;
+            const pin = thumbnail ? this.homePins.FindPin(DASHBOARD_PIN_RESOURCE_TYPE, { dashboardId }) : undefined;
+            if (pin && thumbnail) {
+                this.homePins.UpdatePin(pin.Id, { Thumbnail: thumbnail });
+            }
+        }
+        catch (error) {
+            LogError(`Dashboard tab: could not add a thumbnail to the Home pin: ${errorMessage(error)}`);
+        }
+    }
+    /** Loads the user's Home pins, so the Add to menu can show whether this dashboard is pinned. */
+    async loadHomePins() {
+        try {
+            await this.homePins.LoadPins();
+        }
+        catch (error) {
+            LogError(`Dashboard tab: could not load the Home pins: ${errorMessage(error)}`);
+        }
+    }
+    /** Updates the header buttons and reports the new placement to the agent. */
+    onPlacementChanged() {
+        SafeDetectChanges(this.cdr);
+        this.emitAgentContext();
+    }
+    // ========================================
+    // AI Pane
+    // ========================================
+    /** Opens the AI pane with the widths the user saved, or closes it as CloseChat does. */
+    ToggleChat() {
+        if (this.ChatOpen) {
+            this.CloseChat();
+            return;
+        }
+        this.applyPanePrefs(this.savedPanePrefs());
+        this.ChatOpen = true;
+        void this.ensureChatAgentResolved();
+        SafeDetectChanges(this.cdr);
+    }
+    /**
+     * Closes the AI pane. Its conversation stays, so the pane shows it again when it opens. Closing the pane
+     * ends a voice session, so while one runs the user confirms first (OnCloseChatConfirmed).
+     */
+    CloseChat() {
+        if (this.realtimeSession.IsActive) {
+            this.ShowCloseChatConfirm = true;
+        }
+        else {
+            this.closeChatPane();
+        }
+        SafeDetectChanges(this.cdr);
+    }
+    /** The user confirmed: the AI pane closes, and the voice session ends with it. */
+    OnCloseChatConfirmed() {
+        this.ShowCloseChatConfirm = false;
+        this.closeChatPane();
+        SafeDetectChanges(this.cdr);
+    }
+    /** The user keeps the AI pane open, and the voice session with it. */
+    OnCloseChatCancelled() {
+        this.ShowCloseChatConfirm = false;
+        SafeDetectChanges(this.cdr);
+    }
+    /** Gives the AI pane its largest width, or its own width again. */
+    ToggleCopilotExpanded() {
+        this.CopilotExpanded = !this.CopilotExpanded;
+        SafeDetectChanges(this.cdr);
+    }
+    /**
+     * Keeps the widths the user dragged the split to, in this tab and in the user's settings. The AI pane then
+     * has that width, not its largest one. Sizes that are not two numbers change nothing.
+     */
+    OnCopilotSplitDragEnd(sizes) {
+        const prefs = PrefsFromSplitSizes(sizes);
+        if (!prefs)
+            return;
+        this.applyPanePrefs(prefs);
+        this.CopilotExpanded = false;
+        UserInfoEngine.Instance.SetSettingDebounced(STUDIO_PANE_SETTING_KEY, JSON.stringify(prefs));
+        SafeDetectChanges(this.cdr);
+    }
+    /**
+     * The chat area created the AI pane's conversation for the first message. The pane keeps the conversation
+     * and gives the message back to the chat area, which then sends it in that conversation.
+     */
+    OnChatConversationCreated(event) {
+        this.ChatConversation = event.conversation;
+        this.ChatConversationId = event.conversation.ID;
+        this.ChatIsNewConversation = false;
+        this.ChatPendingMessage = event.pendingMessage ?? null;
+        this.ChatPendingAttachments = event.pendingAttachments ?? null;
+        SafeDetectChanges(this.cdr);
+    }
+    /**
+     * A voice call started before any message, so the server created the AI pane's conversation. When the
+     * call ends, the pane adopts that conversation, so the chat area shows the call's transcript and the
+     * next message goes to it. The start of the call reports the same conversation without `select`; the
+     * pane leaves the chat area alone until the call ends, as the Conversations app does.
+     */
+    async OnChatRealtimeConversationReady(event) {
+        if (!event.select || !event.conversationId || this.ChatConversationId)
+            return;
+        const conversation = await this.loadChatConversation(event.conversationId);
+        if (!conversation || this.ChatConversationId)
+            return;
+        this.ChatConversation = conversation;
+        this.ChatConversationId = conversation.ID;
+        this.ChatIsNewConversation = false;
+        SafeDetectChanges(this.cdr);
+    }
+    /** The conversation with `conversationId` that the user can read, or null. */
+    async loadChatConversation(conversationId) {
+        const result = await RunView.FromMetadataProvider(this.ProviderToUse).RunView({
+            EntityName: 'MJ: Conversations',
+            ExtraFilter: `ID='${EscapeSQLString(conversationId)}'`,
+            ResultType: 'entity_object',
+        });
+        if (!result.Success) {
+            LogError(`DashboardResource: the AI pane could not load conversation ${conversationId}: ${result.ErrorMessage}`);
+            return null;
+        }
+        return result.Results?.[0] ?? null;
+    }
+    /** The chat area sent the first message. The pane drops it, so the chat area does not send it again. */
+    OnChatPendingMessageConsumed() {
+        this.ChatPendingMessage = null;
+        this.ChatPendingAttachments = null;
+        SafeDetectChanges(this.cdr);
+    }
+    /** Opens the app page that an artifact in the chat asks for. An app the metadata does not name opens the page in the current app. */
+    OnChatNavigationRequest(request) {
+        const appId = request.appName ? this.applicationIdByName(request.appName) : undefined;
+        void this.navigationService.OpenNavItemByName(request.navItemName, undefined, appId, { queryParams: request.queryParams })
+            .catch((error) => LogError(`Dashboard tab: could not open ${request.navItemName}: ${errorMessage(error)}`));
+    }
+    /** Opens a record that the chat links to. */
+    OnChatOpenEntityRecord(event) {
+        this.navigationService.OpenEntityRecord(event.entityName, event.compositeKey);
+    }
+    /** Keeps the shell's latest app context snapshot for the chat, until the tab is destroyed. Renders only while the pane is open. */
+    watchAppContext() {
+        this.navigationService.AppContextSnapshot$.pipe(takeUntil(this.destroy$)).subscribe(snapshot => {
+            this.ChatAppContext = snapshot ? { ...snapshot } : null;
+            if (this.ChatOpen) {
+                SafeDetectChanges(this.cdr);
+            }
+        });
+    }
+    /** The AI pane widths in the user's settings, or the defaults when the settings cannot be read. */
+    savedPanePrefs() {
+        try {
+            return ParseStudioPanePrefs(UserInfoEngine.Instance.GetSetting(STUDIO_PANE_SETTING_KEY));
+        }
+        catch {
+            return ParseStudioPanePrefs(null); // the user cannot read their settings
+        }
+    }
+    applyPanePrefs(prefs) {
+        this.MainSizePct = prefs.MainSizePct;
+        this.CopilotSizePct = prefs.CopilotSizePct;
+    }
+    closeChatPane() {
+        this.ChatOpen = false;
+        this.CopilotExpanded = false;
+    }
+    /** The ID of the application with this name, in any case, or undefined when the metadata has none. */
+    applicationIdByName(appName) {
+        const name = appName.trim().toLowerCase();
+        return this.ProviderToUse.Applications.find(app => app.Name.trim().toLowerCase() === name)?.ID;
+    }
+    /**
+     * Resolves the agent the AI pane talks to: the Dashboards application's default agent
+     * (Application.AgentSettings.DefaultAgentID). When the resolver falls back to Sage, the application has no
+     * agent of its own, and the pane says so instead of showing a chat. After a failure the next open tries again.
+     */
+    async ensureChatAgentResolved() {
+        if (this.ChatAgentId || this.resolvingChatAgent)
+            return;
+        this.resolvingChatAgent = true;
+        this.ChatAgentError = null;
+        try {
+            const provider = this.ProviderToUse;
+            const agent = await new DefaultAgentResolver().Resolve({ applicationId: this.ChatApplicationId, contextUser: provider.CurrentUser, provider });
+            if (agent.Name === DefaultAgentResolver.FALLBACK_AGENT_NAME) {
+                this.ChatAgentError = NO_DASHBOARD_ASSISTANT;
+            }
+            else {
+                this.ChatAgentId = agent.ID;
+                this.ChatAgentName = agent.Name;
+            }
+        }
+        catch (error) {
+            LogError(`Dashboard tab: could not resolve the dashboard assistant: ${errorMessage(error)}`);
+            this.ChatAgentError = `The dashboard assistant could not be loaded: ${errorMessage(error)}`;
+        }
+        finally {
+            this.resolvingChatAgent = false;
+        }
+        SafeDetectChanges(this.cdr);
+    }
+    // ========================================
+    // Agent Context & Client Tools
+    //
+    // 🔒 BOUNDARY: the tab's agent tools change the open dashboard in memory only. Save, Share,
+    // Favorite and Pin stay user actions; the Request* tools in dashboard-studio-tools.ts ask
+    // for them through a confirm dialog and never perform them.
+    // A Code dashboard is its own resource component and reports its own context and tools, so
+    // this tab reports nothing for it.
+    // ========================================
+    /**
+     * Registers the tab's tools and reports the open Config dashboard to the agent. The studio tools
+     * of one registration share an edit queue, so the tab registers them once for each dashboard load.
+     */
+    publishAgentState() {
+        this.navigationService.SetAgentClientTools(this, [
+            ...BuildDashboardTabAgentTools(this.agentHost()),
+            ...BuildDashboardStudioTools(this.studioHost()),
+        ]);
+        this.agentStatePublished = true;
+        this.emitAgentContext();
+    }
+    /**
+     * Reports the Config dashboard the editor shows to the agent. Does nothing while none is shown, and
+     * before the tab registered the tools for it: an edit-mode request taken on the load reports nothing
+     * of its own, so the load reports once.
+     */
+    emitAgentContext() {
+        const editor = this.editor;
+        const dashboard = editor?.Dashboard;
+        if (!this.agentStatePublished || !editor || !dashboard)
+            return;
+        const panels = this.livePanels();
+        this.reportedPanelsKey = JSON.stringify(panels);
+        this.navigationService.SetAgentContext(this, BuildDashboardTabAgentContext({
+            Dashboard: dashboard,
+            IsEditing: editor.IsEditing,
+            CanEdit: editor.CanEdit,
+            Panels: panels,
+            IsFavorite: editor.IsFavorite,
+            IsPinnedToHome: this.IsPinnedToHome,
+        }));
+    }
+    /** Reports the dashboard again when its panels change. A layout move or resize reports nothing. */
+    onViewerConfigChanged() {
+        if (this.reportedPanelsKey !== null && JSON.stringify(this.livePanels()) !== this.reportedPanelsKey) {
+            this.emitAgentContext();
+        }
+    }
+    /** The reads the agent tools make from this tab. */
+    agentHost() {
+        return {
+            CurrentDashboard: () => this.ConfigDashboard,
+            AccessibleDashboards: () => DashboardEngine.Instance.GetAccessibleDashboards(this.ProviderToUse.CurrentUser.ID),
+            Panels: dashboard => this.isOpenDashboard(dashboard) ? this.livePanels() : this.savedPanels(dashboard),
+            Permissions: dashboardId => DashboardEngine.Instance.GetDashboardPermissions(dashboardId, this.ProviderToUse.CurrentUser.ID),
+        };
+    }
+    isOpenDashboard(dashboard) {
+        return !!this.ConfigDashboard && UUIDsEqual(dashboard.ID, this.ConfigDashboard.ID);
+    }
+    /**
+     * The open dashboard's panels, read from the editor's viewer and its live layout, so unsaved edits
+     * count. Empty while the viewer is not ready. Best effort: a failed read never stops the context report.
+     */
+    livePanels() {
+        const viewer = this.editor?.Viewer;
+        if (!viewer)
+            return [];
+        try {
+            return SummarizeDashboardPanels(ExtractPanelsFromLayout(viewer.getConfig()?.layout ?? null), viewer.GetPartTypes());
+        }
+        catch {
+            return [];
+        }
+    }
+    /** The panels saved in a dashboard's layout. Empty when the layout or the part types cannot be read. */
+    savedPanels(dashboard) {
+        try {
+            const config = SafeJSONParse(dashboard.UIConfigDetails);
+            return SummarizeDashboardPanels(ExtractPanelsFromLayout(config?.layout ?? null), DashboardEngine.Instance.DashboardPartTypes);
+        }
+        catch {
+            return [];
+        }
+    }
+    // ========================================
+    // Studio Tools Host
+    // ========================================
+    /**
+     * The reads and edits the studio tools make on this tab, through its editor, and the requests they
+     * put to the user. DashboardStudioHost says what each member must do.
+     */
+    studioHost() {
+        return {
+            Dashboard: () => {
+                const dashboard = this.ConfigDashboard;
+                return dashboard ? { ID: dashboard.ID, Name: dashboard.Name, Description: dashboard.Description ?? null } : null;
+            },
+            GetConfig: () => this.editor?.Viewer?.getConfig() ?? null,
+            GetPartTypes: () => this.editor?.PartTypes ?? [],
+            IsEditing: () => this.editor?.IsEditing ?? false,
+            CanEdit: () => this.editor?.CanEdit ?? false,
+            HasUnsavedChanges: () => this.editor?.Viewer?.HasUnsavedChanges ?? false,
+            IsSaving: () => this.editor?.IsSaving ?? false,
+            EnterEditMode: () => this.editor?.EnterEditMode() ?? false,
+            ...this.studioEdits(),
+            GetPanelPath: panelId => this.editor?.Viewer?.GetPanelPath(panelId) ?? null,
+            CaptureScreenshot: maxWidth => this.editor
+                ? CaptureElementJpeg(this.editor.BodyElement, { maxWidth })
+                : Promise.reject(new Error(NO_CONFIG_DASHBOARD)),
+            PanelBounds: () => this.panelBounds(),
+            IsVoiceSessionActive: () => this.realtimeSession.IsActive,
+            SendVoiceFrame: (base64, mimeType) => this.realtimeSession.SendVideoFrame(base64, mimeType),
+            Confirm: (kind, detail) => this.askAgentConfirm(kind, detail),
+            SearchSources: (query, kinds, limit) => this.searchSources(query, kinds, limit),
+        };
+    }
+    /**
+     * The studio host's edits. Each runs through runAgentEdit, so it rejects with the reason when it
+     * cannot be made, and an edit the viewer can skip without an error is checked afterwards.
+     */
+    studioEdits() {
+        return {
+            AddPanel: (partTypeId, config, title, icon, position) => this.runAgentEdit('The assistant could not add the part', viewer => viewer.AddPanel(partTypeId, config, title, icon, position)),
+            RemovePanel: panelId => this.runAgentEdit('The assistant could not remove the part', viewer => {
+                viewer.RemovePanel(panelId);
+                if (viewer.GetPanel(panelId))
+                    throw new Error('The dashboard did not remove the panel.');
+            }),
+            UpdatePanelConfig: (panelId, config, title, icon) => this.runAgentEdit('The assistant could not change the part', async (viewer) => {
+                await viewer.UpdatePanelConfig(panelId, config, title, icon);
+                if (JSON.stringify(viewer.GetPanel(panelId)?.config) !== JSON.stringify(config)) {
+                    throw new Error('The dashboard did not change the panel.');
+                }
+            }),
+            ApplyLayout: layout => this.runAgentEdit('The assistant could not change the layout', async (viewer) => {
+                if (!viewer.getConfig())
+                    throw new Error('The dashboard has not loaded its layout yet.');
+                await viewer.ApplyLayout(layout);
+            }),
+        };
+    }
+    /**
+     * Makes one agent edit on the editor's viewer, then reports the dashboard's parts to the agent again.
+     * The edit waits until the viewer's layout is ready: entering edit mode can reload the saved
+     * dashboard. Rejects with an Error that says why when no viewer is open, the editor's Save runs, or
+     * the edit fails; the user also sees a failed edit.
+     */
+    async runAgentEdit(failureMessage, edit) {
+        const viewer = this.editor?.Viewer;
+        if (!viewer)
+            throw new Error(NO_CONFIG_DASHBOARD);
+        try {
+            await viewer.WaitForLayoutReady();
+            if (this.editor?.IsSaving)
+                throw new Error(SAVE_IN_PROGRESS);
+            return await edit(viewer);
+        }
+        catch (error) {
+            LogError(`Dashboard tab: ${failureMessage}: ${errorMessage(error)}`);
+            MJNotificationService.Instance.CreateSimpleNotification(failureMessage, 'error', 3000);
+            throw error instanceof Error ? error : new Error(errorMessage(error));
+        }
+        finally {
+            this.onViewerConfigChanged();
+        }
+    }
+    /**
+     * The box of each panel the tab shows, in CSS pixels from the top left corner of the element that
+     * CaptureScreenshot captures (the editor's body). A panel whose content is hidden, such as one in a
+     * stack's inactive tab, is left out. html-to-image draws a scrolled container from its top, so each
+     * box adds the container's scroll offset. None while the editor shows no dashboard.
+     */
+    panelBounds() {
+        const editor = this.editor;
+        if (!editor)
+            return [];
+        const container = editor.BodyElement;
+        const origin = container.getBoundingClientRect();
+        const contents = new Map(Array.from(container.querySelectorAll('[data-panel-id]'), element => [element.dataset['panelId'], element]));
+        return ExtractPanelsFromLayout(editor.Viewer?.getConfig()?.layout ?? null).flatMap(panel => {
+            const content = contents.get(panel.id);
+            if (!content || content.offsetParent === null)
+                return [];
+            const box = content.getBoundingClientRect();
+            return [{
+                    panelId: panel.id,
+                    x: Math.round(box.left - origin.left + container.scrollLeft),
+                    y: Math.round(box.top - origin.top + container.scrollTop),
+                    width: Math.round(box.width),
+                    height: Math.round(box.height),
+                }];
+        });
+    }
+    // ========================================
+    // Source Search for the Agent
+    // ========================================
+    /**
+     * Searches the sources the user may show in a panel. First loads the engines that the searched kinds
+     * read: the tab starts these loads with the dashboard, and a load that failed then runs again here.
+     */
+    async searchSources(query, kinds, limit) {
+        await this.loadSourceEngines(kinds);
+        return SearchDashboardSources(this.sourceSearchDeps(), query, kinds, limit);
+    }
+    /** The lists the source search reads, each limited to what the user may use. */
+    sourceSearchDeps() {
+        const provider = this.ProviderToUse;
+        return {
+            ListArtifacts: query => this.artifactSources(query),
+            ListViews: () => viewSources(),
+            ListQueries: () => querySources(provider.CurrentUser),
+            ListEntities: () => entitySources(provider),
+        };
+    }
+    /**
+     * Loads the engines the source search reads for `kinds`: user views for 'view' and queries for
+     * 'query'. Artifacts and entities need neither. A loaded engine returns at once.
+     */
+    async loadSourceEngines(kinds) {
+        const provider = this.ProviderToUse;
+        const loads = [];
+        if (kinds.includes('view'))
+            loads.push(UserViewEngine.Instance.Config(false, provider.CurrentUser, provider));
+        if (kinds.includes('query'))
+            loads.push(QueryEngine.Instance.Config(false, provider.CurrentUser, provider));
+        await Promise.all(loads);
+    }
+    /**
+     * Starts to load the source search engines with a Config dashboard, so that the agent's first search
+     * usually finds them loaded. The dashboard does not wait for it. Never rejects: a failure is logged,
+     * and the search loads the engines again.
+     */
+    async preloadSourceEngines() {
+        try {
+            await this.loadSourceEngines(SOURCE_KINDS);
+        }
+        catch (error) {
+            LogError(`Dashboard tab: could not load the views and queries for the assistant's source search: ${errorMessage(error)}`);
+        }
+    }
+    /**
+     * The artifacts the user can read in the tab's environment (ChatEnvironmentId) whose name or description
+     * contains `query` in any case (all of them for a blank query), the first SOURCE_SEARCH_MAX_ARTIFACTS by
+     * name, each with its latest version number. An artifact whose versions cannot be read has none, so
+     * its panel shows the latest version. Rejects when the artifacts cannot be read.
+     */
+    async artifactSources(query) {
+        const provider = this.ProviderToUse;
+        const user = provider.CurrentUser;
+        await ArtifactMetadataEngine.Instance.Config(false, user, provider);
+        const readable = await this.artifactPermissions.GetReadableArtifactsFilter(user.ID, user);
+        const environmentId = EscapeSQLString(this.ChatEnvironmentId);
+        const result = await RunView.FromMetadataProvider(provider).RunView({
+            EntityName: 'MJ: Artifacts',
+            ExtraFilter: `${readable} AND EnvironmentID='${environmentId}' AND (Visibility IS NULL OR Visibility='Always')${artifactQueryFilter(query)}`,
+            Fields: ['ID', 'Name', 'Description', 'Type'],
+            OrderBy: 'Name',
+            MaxRows: SOURCE_SEARCH_MAX_ARTIFACTS,
+            ResultType: 'simple',
+        }, user);
+        if (!result.Success)
+            throw new Error(`Could not read the artifacts: ${result.ErrorMessage || 'no reason given'}`);
+        const artifacts = result.Results ?? [];
+        const latest = await this.latestArtifactVersions(artifacts.map(artifact => artifact.ID));
+        return artifacts.map(artifact => ({
+            ID: artifact.ID,
+            Name: artifact.Name,
+            Description: artifact.Description,
+            Type: artifact.Type,
+            LatestVersion: latest.get(NormalizeUUID(artifact.ID)) ?? null,
+        }));
+    }
+    /**
+     * The highest version number of each artifact, by normalized artifact ID. One RunViews call reads
+     * every version of the artifacts, highest first and without the entity's row cap, with at most
+     * ARTIFACT_VERSION_FILTER_CHUNK IDs in each filter. The artifacts whose versions cannot be read are
+     * not in the map, and the failure is logged.
+     */
+    async latestArtifactVersions(artifactIds) {
+        const latest = new Map();
+        if (artifactIds.length === 0)
+            return latest;
+        const provider = this.ProviderToUse;
+        try {
+            const results = await RunView.FromMetadataProvider(provider).RunViews(chunked(artifactIds, ARTIFACT_VERSION_FILTER_CHUNK).map(ids => ({
+                EntityName: 'MJ: Artifact Versions',
+                ExtraFilter: `ArtifactID IN (${ids.map(id => `'${EscapeSQLString(id)}'`).join(',')})`,
+                Fields: ['ArtifactID', 'VersionNumber'],
+                OrderBy: 'VersionNumber DESC',
+                IgnoreMaxRows: true,
+                ResultType: 'simple',
+            })), provider.CurrentUser);
+            for (const result of results) {
+                if (result.Success)
+                    addLatestVersions(latest, result.Results ?? []);
+                else
+                    LogError(`Dashboard tab: could not read the artifact versions: ${result.ErrorMessage || 'no reason given'}`);
+            }
+        }
+        catch (error) {
+            LogError(`Dashboard tab: could not read the artifact versions: ${errorMessage(error)}`);
+        }
+        return latest;
+    }
+    // ========================================
+    // Requests from the Agent
+    // ========================================
+    /**
+     * Opens the confirm dialog for an agent's request and settles with the user's answer: true once the
+     * confirmed action is done, false when the user cancels. Rejects when no Config dashboard is open,
+     * when another confirmation is open, when the confirmed action fails, and when no answer comes
+     * within AGENT_CONFIRM_TIMEOUT_MS; the dialog closes first.
+     */
+    askAgentConfirm(kind, detail) {
+        const dashboard = this.ConfigDashboard;
+        if (!dashboard)
+            return Promise.reject(new Error(NO_CONFIG_DASHBOARD));
+        if (this.agentConfirmRequest) {
+            return Promise.reject(new Error('Another confirmation is already open. Wait for the user to answer it, then try again.'));
+        }
+        return new Promise((resolve, reject) => {
+            const timer = setTimeout(() => {
+                this.abortAgentConfirm(AGENT_CONFIRM_TIMED_OUT);
+                SafeDetectChanges(this.cdr);
+            }, AGENT_CONFIRM_TIMEOUT_MS);
+            this.agentConfirmRequest = {
+                answer: confirmed => {
+                    clearTimeout(timer);
+                    if (!confirmed) {
+                        resolve(false);
+                        return;
+                    }
+                    this.performAgentRequest(kind, detail).then(() => resolve(true), reject);
+                },
+                abort: reason => {
+                    clearTimeout(timer);
+                    reject(reason);
+                },
+            };
+            this.AgentConfirm = { Kind: kind, ...agentConfirmText(kind, dashboard.Name, detail) };
+            SafeDetectChanges(this.cdr);
+        });
+    }
+    /** Takes the user's answer to the agent's confirm dialog. Does nothing when no dialog is open. */
+    OnAgentConfirm(confirmed) {
+        const request = this.closeAgentConfirm();
+        SafeDetectChanges(this.cdr);
+        request?.answer(confirmed);
+    }
+    /** Closes the agent's confirm dialog, if one is open, and fails its request with `reason`. */
+    abortAgentConfirm(reason) {
+        this.closeAgentConfirm()?.abort(new Error(reason));
+    }
+    /** Closes the agent's confirm dialog and returns its request, or null when none is open. */
+    closeAgentConfirm() {
+        const request = this.agentConfirmRequest;
+        this.agentConfirmRequest = null;
+        this.AgentConfirm = null;
+        return request;
+    }
+    /** Does what the user confirmed, as the editor's Save and the Add to menu do it. Rejects when it did not take effect. */
+    async performAgentRequest(kind, detail) {
+        switch (kind) {
+            case 'save':
+                return this.saveForAgent(detail);
+            case 'pin':
+                return this.pinForAgent();
+            default:
+                throw new Error(`The tab cannot do the request "${String(kind)}".`);
+        }
+    }
+    /**
+     * Saves the dashboard through the editor, as its Save does, with the new name and description the
+     * agent gave. Rejects with the reason the save did not happen. While a Save runs the editor refuses
+     * at once and leaves its name and description fields as they are, because that Save reads them.
+     */
+    async saveForAgent(detail) {
+        const editor = this.editor;
+        const failure = editor ? await editor.Save({ Name: detail.name, Description: detail.description }) : NO_CONFIG_DASHBOARD;
+        if (failure)
+            throw new Error(failure);
+    }
+    /** Pins the dashboard to Home as the Add to menu does. Rejects when it is not pinned afterwards. */
+    async pinForAgent() {
+        await this.PinToHome();
+        if (!this.IsPinnedToHome)
+            throw new Error(`Could not pin "${this.ConfigDashboard?.Name ?? 'the dashboard'}" to Home.`);
     }
     /** @deprecated Use {@link OnShareDialogResult}. */
     onShareDialogResult(result) {
@@ -432,7 +1253,7 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
         try {
             // Check if this is a special dashboard type (not a database record)
             const config = data.Configuration || {};
-            if (config['dashboardType'] === 'DataExplorer' || data.ResourceRecordID === 'DataExplorer') {
+            if (this.isDataExplorer(data)) {
                 // Special case: Data Explorer dashboard with optional entity filter
                 await this.loadDataExplorer(config['entityFilter'], config['appName'], config['appIcon']);
                 return;
@@ -442,14 +1263,17 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
             if (!dashboard) {
                 throw new Error(`Dashboard with ID ${data.ResourceRecordID} not found.`);
             }
+            void this.recentAccess.LogAccess('MJ: Dashboards', dashboard.ID, 'dashboard');
             // Determine which dashboard component to load based on dashboard type
             if (dashboard.Type === 'Code') {
                 // CODE-BASED DASHBOARD: Use registered class via DriverClass
                 await this.loadCodeBasedDashboard(dashboard);
             }
             else {
-                // CONFIG-BASED DASHBOARD: Use the generic metadata-driven renderer
-                await this.loadConfigBasedDashboard(dashboard);
+                // CONFIG-BASED DASHBOARD: the shared dashboard editor shows it. Its studio tools
+                // search views and queries, so their engines start to load now; the dashboard does not wait.
+                void this.preloadSourceEngines();
+                this.showConfigDashboard(dashboard);
             }
         }
         catch (error) {
@@ -636,68 +1460,7 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
         return stateObject;
     }
     /**
-     * Load a config-based dashboard using the new DashboardViewerComponent (Golden Layout)
-     */
-    async loadConfigBasedDashboard(dashboard) {
-        try {
-            this.ContainerElement.nativeElement.innerHTML = '';
-            const componentRef = this.viewContainer.createComponent(DashboardViewerComponent);
-            this.componentRef = componentRef;
-            const instance = componentRef.instance;
-            // Store references for external toolbar control
-            this.viewerInstance = instance;
-            this.ConfigDashboard = dashboard;
-            // Compute user permissions for this dashboard
-            const md = this.ProviderToUse;
-            this.DashboardPermissions = DashboardEngine.Instance.GetDashboardPermissions(dashboard.ID, md.CurrentUser.ID);
-            // Manually append the component's native element inside the div
-            const nativeElement = this.componentRef.hostView.rootNodes[0];
-            nativeElement.style.width = '100%';
-            nativeElement.style.height = '100%';
-            this.ContainerElement.nativeElement.appendChild(nativeElement);
-            // Load categories for breadcrumb navigation (if not already loaded)
-            if (this.categories.length === 0) {
-                this.categories = DashboardEngine.Instance.DashboardCategories;
-            }
-            // Configure the viewer before assigning the dashboard. The dashboard input
-            // starts the layout lifecycle synchronously, so event handlers need to be
-            // wired first.
-            instance.showToolbar = false; // We provide external toolbar
-            instance.showBreadcrumb = false; // Already in its own tab, no breadcrumb needed
-            instance.showOpenInTabButton = false; // Already in its own tab
-            instance.showEditButton = false; // External toolbar handles edit
-            instance.Categories = this.categories;
-            // Wire up navigation events - handle navigation requests from the dashboard
-            instance.navigationRequested.subscribe((event) => {
-                this.handleNavigationRequest(event);
-            });
-            // Wire up "Open in Tab" button click
-            instance.openInTab.subscribe((event) => {
-                this.navigationService.OpenDashboard(event.dashboardId, event.dashboardName);
-            });
-            // Wire up dashboard saved event
-            instance.dashboardSaved.subscribe((savedDashboard) => {
-                this.ResourceRecordSaved(savedDashboard);
-            });
-            // Wire up error events
-            instance.error.subscribe((errorEvent) => {
-                console.error('Dashboard error:', errorEvent.message, errorEvent.error);
-            });
-            // Set the dashboard entity directly on the viewer and wait for Golden Layout
-            // to initialize against a real container before clearing the resource loader.
-            instance.dashboard = dashboard;
-            await instance.waitForLayoutReady();
-            this.NotifyLoadComplete();
-            this.cdr.detectChanges();
-        }
-        catch (error) {
-            console.error('Error loading config-based dashboard:', error);
-            this.setError(`The dashboard "${dashboard.Name}" could not be loaded. There may be an issue with the dashboard configuration.`, error);
-            this.NotifyLoadComplete();
-        }
-    }
-    /**
-     * Handle navigation requests from the dashboard viewer
+     * Handle navigation requests from a part of the dashboard (the editor passes them on)
      */
     handleNavigationRequest(event) {
         const request = event.request;
@@ -740,26 +1503,41 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
         }
     }
     /**
-     * Get the display name for a dashboard resource
-     * Loads the actual dashboard name from the database if available
+     * The tab title: the dashboard's name from the DashboardEngine cache, else its record name from
+     * the server, else the given name. A Data Explorer tab keeps the name of the app it belongs to.
      */
     async GetResourceDisplayName(data) {
+        if (this.isDataExplorer(data)) {
+            const config = data.Configuration ?? {};
+            const appName = typeof config['appName'] === 'string' ? config['appName'] : '';
+            return data.Name || appName || 'Data Explorer';
+        }
+        const dashboardId = typeof data.ResourceRecordID === 'string' ? data.ResourceRecordID : '';
+        const name = dashboardId ? (this.cachedDashboardName(dashboardId) ?? await this.loadDashboardName(dashboardId)) : null;
+        return name || data.Name || 'Dashboard';
+    }
+    /** True for the Data Explorer, which this wrapper hosts but which is not a dashboard record. */
+    isDataExplorer(data) {
+        const config = data.Configuration ?? {};
+        return config['dashboardType'] === 'DataExplorer' || data.ResourceRecordID === 'DataExplorer';
+    }
+    /** The dashboard's name from the DashboardEngine cache, or null when the cache does not have it. */
+    cachedDashboardName(dashboardId) {
         try {
-            // Try to load dashboard metadata if we have the record ID
-            if (data.ResourceRecordID && data.ResourceRecordID.length > 0) {
-                const md = this.ProviderToUse;
-                const compositeKey = CompositeKey.FromID(data.ResourceRecordID); // first-pk-ok: ResourceRecordID of a Dashboards resource — core entity keyed by ID
-                const name = await md.GetEntityRecordName('Dashboards', compositeKey);
-                if (name) {
-                    return name;
-                }
-            }
+            return DashboardEngine.Instance.Dashboards.find(d => UUIDsEqual(d.ID, dashboardId))?.Name || null;
         }
-        catch (error) {
-            // Silently fail and use fallback
+        catch {
+            return null; // the user cannot read the dashboards cache
+        }
+    }
+    /** The dashboard's record name from the server, or null when it cannot be read. */
+    async loadDashboardName(dashboardId) {
+        try {
+            return (await this.ProviderToUse.GetEntityRecordName('MJ: Dashboards', CompositeKey.FromID(dashboardId))) || null;
+        }
+        catch {
+            return null;
         }
-        // Fallback: use provided name or generic label
-        return data.Name || 'Dashboard';
     }
     /**
      * Get the icon class for dashboard resources
@@ -769,28 +1547,34 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
     }
     static ɵfac = function DashboardResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardResource)(i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["mj-dashboard-resource"]], viewQuery: function DashboardResource_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 7);
+            i0.ɵɵviewQuery(_c0, 5)(_c1, 7);
         } if (rf & 2) {
             let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.editor = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ContainerElement = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 4, consts: [["container", ""], [1, "dashboard-resource-wrapper"], [1, "error-state"], [1, "viewer-toolbar"], [1, "viewer-header", "editing"], [1, "dashboard-resource-container"], [3, "Visible", "Dashboard"], [1, "error-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-title"], [1, "error-message"], [1, "error-details"], [1, "toolbar-left"], [1, "dashboard-title"], [1, "fa-solid", "fa-chart-line"], ["title", "Shared with you", 1, "shared-indicator"], [1, "toolbar-actions"], ["title", "Share Dashboard", 1, "btn-icon"], ["title", "Edit Dashboard", 1, "btn-icon"], [1, "fa-solid", "fa-share-nodes"], ["title", "Share Dashboard", 1, "btn-icon", 3, "click"], ["title", "Edit Dashboard", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-edit"], [1, "header-left"], [1, "btn-add-part", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "header-separator"], [1, "dashboard-info-edit"], ["type", "text", "placeholder", "Dashboard name", 1, "dashboard-name-input", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "Add a description...", 1, "dashboard-description-input", 3, "ngModelChange", "ngModel"], [1, "header-right"], [1, "btn-primary", 3, "click"], [1, "fa-solid", "fa-save"], [1, "btn-cancel", 3, "click"], [3, "Result", "Visible", "Dashboard"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵconditionalCreate(1, DashboardResource_Conditional_1_Template, 8, 2, "div", 2);
-            i0.ɵɵconditionalCreate(2, DashboardResource_Conditional_2_Template, 9, 4, "div", 3);
-            i0.ɵɵconditionalCreate(3, DashboardResource_Conditional_3_Template, 15, 2, "div", 4);
-            i0.ɵɵelement(4, "div", 5, 0);
-            i0.ɵɵconditionalCreate(6, DashboardResource_Conditional_6_Template, 1, 2, "mj-dashboard-share-dialog", 6);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 7, consts: [["container", ""], ["editor", ""], [1, "dashboard-resource-wrapper"], [1, "error-state"], ["direction", "horizontal", "unit", "percent", 1, "studio-copilot-splitter", 3, "gutterSize"], [1, "dashboard-resource-container"], [3, "Visible", "Dashboard"], ["Type", "info", "CancelText", "Not now", 1, "agent-confirm", 3, "Visible", "Title", "Message", "ConfirmText"], ["Type", "warning", "Title", "End the voice session?", "Message", "Closing the AI assistant ends the voice session.", "ConfirmText", "Close", "CancelText", "Keep open", 1, "close-chat-confirm", 3, "Visible"], [1, "error-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-title"], [1, "error-message"], [1, "error-details"], ["direction", "horizontal", "unit", "percent", 1, "studio-copilot-splitter", 3, "dragEnd", "gutterSize"], [3, "size", "minSize"], [3, "Loaded", "LoadFailed", "EditingChange", "NameChanged", "ConfigChanged", "ReloadedFromSaved", "FavoriteChange", "NavigationRequested", "Provider", "DashboardId"], ["headerTools", "", "type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "title", "AI assistant", "aria-label", "AI assistant", 1, "dashboard-tab-ai-toggle", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-robot"], ["viewActions", "", 1, "dashboard-tab-view-actions"], [3, "PinToHome", "Share", "IsPinned", "CanShare"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "title", "Share dashboard", "aria-label", "Share dashboard", 1, "dashboard-tab-share"], [3, "size", "minSize", "maxSize"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "title", "Share dashboard", "aria-label", "Share dashboard", 1, "dashboard-tab-share", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-share-nodes"], ["data-testid", "dashboard-copilot", "aria-label", "AI assistant", 1, "dashboard-copilot"], [1, "dashboard-copilot-head"], [1, "dashboard-copilot-title"], [1, "fa-solid", "fa-robot"], [1, "dashboard-copilot-actions"], ["type", "button", 1, "dashboard-copilot-btn", "copilot-expand", 3, "click", "title"], [1, "fa-solid"], ["type", "button", "title", "Close assistant", "aria-label", "Close assistant", 1, "dashboard-copilot-btn", "copilot-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "dashboard-copilot-body"], ["ApplicationScope", "Application", "EmptyStateGreeting", "What should this dashboard show?", 3, "Provider", "EnvironmentId", "CurrentUser", "Conversation", "ConversationId", "IsNewConversation", "PendingMessage", "PendingAttachments", "SuppressNewConversationEmptyState", "AllowMentions", "OverlayMode", "ShowExportButton", "ShowShareButton", "ShowArtifactIndicator", "ShowAgentPicker", "ShowAgentModePicker", "DefaultAgentId", "AllowedAgentIDs", "ApplicationId", "AppContext"], ["role", "status", 1, "dashboard-copilot-empty"], [1, "dashboard-copilot-empty"], ["ApplicationScope", "Application", "EmptyStateGreeting", "What should this dashboard show?", 3, "ConversationCreated", "RealtimeConversationReady", "PendingMessageConsumed", "navigationRequest", "OpenEntityRecord", "Provider", "EnvironmentId", "CurrentUser", "Conversation", "ConversationId", "IsNewConversation", "PendingMessage", "PendingAttachments", "SuppressNewConversationEmptyState", "AllowMentions", "OverlayMode", "ShowExportButton", "ShowShareButton", "ShowArtifactIndicator", "ShowAgentPicker", "ShowAgentModePicker", "DefaultAgentId", "AllowedAgentIDs", "ApplicationId", "AppContext"], ["Text", "Connecting\u2026", "Size", "small"], [3, "Result", "Visible", "Dashboard"], ["Type", "info", "CancelText", "Not now", 1, "agent-confirm", 3, "Confirmed", "Cancelled", "Visible", "Title", "Message", "ConfirmText"], ["Type", "warning", "Title", "End the voice session?", "Message", "Closing the AI assistant ends the voice session.", "ConfirmText", "Close", "CancelText", "Keep open", 1, "close-chat-confirm", 3, "Confirmed", "Cancelled", "Visible"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵconditionalCreate(1, DashboardResource_Conditional_1_Template, 8, 2, "div", 3);
+            i0.ɵɵconditionalCreate(2, DashboardResource_Conditional_2_Template, 10, 12, "as-split", 4);
+            i0.ɵɵelement(3, "div", 5, 0);
+            i0.ɵɵconditionalCreate(5, DashboardResource_Conditional_5_Template, 1, 2, "mj-dashboard-share-dialog", 6);
+            i0.ɵɵconditionalCreate(6, DashboardResource_Conditional_6_Template, 1, 4, "mj-confirm-dialog", 7);
+            i0.ɵɵconditionalCreate(7, DashboardResource_Conditional_7_Template, 1, 1, "mj-confirm-dialog", 8);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.errorMessage ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.configDashboard && !ctx.isEditMode && !ctx.errorMessage ? 2 : -1);
+            i0.ɵɵconditional(ctx.ConfigDashboardId && !ctx.errorMessage ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("is-hidden", !!ctx.ConfigDashboardId);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ConfigDashboard ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.AgentConfirm ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.configDashboard && ctx.isEditMode && !ctx.errorMessage ? 3 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.configDashboard ? 6 : -1);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.DashboardShareDialogComponent], styles: ["[_nghost-%COMP%] {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-wrapper[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n        }\n        .dashboard-resource-container[_ngcontent-%COMP%] {\n            flex: 1;\n            overflow: hidden;\n            min-height: 0;\n        }\n\n        \n        .viewer-toolbar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n            gap: 16px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .toolbar-left[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .dashboard-title[_ngcontent-%COMP%] {\n            font-size: 16px;\n            font-weight: 500;\n            color: var(--mj-text-primary);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .dashboard-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            color: var(--mj-brand-primary);\n        }\n        .shared-indicator[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n            font-size: 11px;\n        }\n        .viewer-toolbar[_ngcontent-%COMP%]   .toolbar-actions[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        \n        .viewer-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n            transition: background 0.2s, border-color 0.2s;\n        }\n        .viewer-header.editing[_ngcontent-%COMP%] {\n            background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-bg-surface)) 100%);\n            border-bottom: 2px solid var(--mj-brand-primary);\n        }\n        .viewer-header[_ngcontent-%COMP%]   .header-left[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex: 1;\n        }\n        .viewer-header[_ngcontent-%COMP%]   .header-right[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        \n        .btn-add-part[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 16px;\n            border: none;\n            border-radius: 6px;\n            background: var(--mj-brand-primary);\n            color: var(--mj-text-inverse);\n            font-size: 13px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s, transform 0.1s;\n            box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n        }\n        .btn-add-part[_ngcontent-%COMP%]:hover {\n            background: var(--mj-brand-primary-hover);\n            transform: translateY(-1px);\n            box-shadow: 0 3px 6px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n        }\n        .btn-add-part[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 12px; }\n\n        \n        .header-separator[_ngcontent-%COMP%] {\n            width: 1px;\n            height: 28px;\n            background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n            margin: 0 4px;\n        }\n\n        \n        .btn-primary[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: none;\n            border-radius: 6px;\n            background: var(--mj-brand-primary);\n            color: var(--mj-text-inverse);\n            font-size: 14px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .btn-primary[_ngcontent-%COMP%]:hover { background: var(--mj-brand-primary-hover); }\n\n        .btn-icon[_ngcontent-%COMP%] {\n            width: 36px;\n            height: 36px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-secondary);\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-icon[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-sunken); }\n\n        .btn-cancel[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-secondary);\n            font-size: 14px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-cancel[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-sunken);\n            border-color: var(--mj-border-default);\n            color: var(--mj-text-primary);\n        }\n\n        \n        .dashboard-info-edit[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            flex: 1;\n        }\n        .dashboard-name-input[_ngcontent-%COMP%] {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 16px;\n            font-weight: 500;\n            color: var(--mj-text-primary);\n            background: rgba(255, 255, 255, 0.7);\n            outline: none;\n            min-width: 200px;\n            max-width: 300px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-name-input[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.9); }\n        .dashboard-name-input[_ngcontent-%COMP%]:focus {\n            background: var(--mj-bg-surface-card);\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n        }\n        .dashboard-description-input[_ngcontent-%COMP%] {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 13px;\n            color: var(--mj-text-secondary);\n            background: rgba(255, 255, 255, 0.5);\n            outline: none;\n            flex: 1;\n            min-width: 150px;\n            max-width: 400px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-description-input[_ngcontent-%COMP%]:hover { background: rgba(255, 255, 255, 0.8); }\n        .dashboard-description-input[_ngcontent-%COMP%]:focus {\n            background: var(--mj-bg-surface-card);\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n        }\n        .dashboard-description-input[_ngcontent-%COMP%]::placeholder {\n            color: var(--mj-text-muted);\n            font-style: normal;\n        }\n\n        \n        .error-state[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: var(--mj-text-secondary);\n        }\n        .error-icon[_ngcontent-%COMP%] {\n            font-size: 64px;\n            color: var(--mj-status-error);\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title[_ngcontent-%COMP%] {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: var(--mj-text-primary);\n        }\n        .error-message[_ngcontent-%COMP%] {\n            font-size: 16px;\n            color: var(--mj-text-muted);\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details[_ngcontent-%COMP%]   summary[_ngcontent-%COMP%] {\n            cursor: pointer;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            margin-bottom: 8px;\n        }\n        .error-details[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: var(--mj-status-error-text);\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }\n\n        \n        @media (max-width: 768px) {\n            .viewer-header[_ngcontent-%COMP%] {\n                flex-direction: column;\n                gap: 12px;\n                align-items: stretch;\n            }\n            .viewer-header[_ngcontent-%COMP%]   .header-left[_ngcontent-%COMP%] { flex-wrap: wrap; }\n            .dashboard-info-edit[_ngcontent-%COMP%] {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            .dashboard-name-input[_ngcontent-%COMP%], \n   .dashboard-description-input[_ngcontent-%COMP%] { max-width: none; }\n        }"] });
+            i0.ɵɵconditional(ctx.ShowCloseChatConfirm ? 7 : -1);
+        } }, dependencies: [i1.ConversationChatAreaComponent, i2.DashboardShareDialogComponent, i2.DashboardEditorComponent, i3.ConfirmDialogComponent, i4.SplitComponent, i4.SplitAreaComponent, i5.LoadingComponent, i6.MJButtonDirective, i7.DashboardAddToMenuComponent], styles: ["[_nghost-%COMP%] {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-wrapper[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n        }\n        \n        .studio-copilot-splitter[_ngcontent-%COMP%] {\n            flex: 1;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n        }\n        \n        .dashboard-resource-container[_ngcontent-%COMP%] {\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }\n        .dashboard-resource-container.is-hidden[_ngcontent-%COMP%] { display: none; }\n\n        \n        .dashboard-tab-view-actions[_ngcontent-%COMP%] { display: contents; }\n        \n        .dashboard-tab-ai-toggle.is-active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n        \n        .dashboard-copilot[_ngcontent-%COMP%] {\n            width: 100%;\n            height: 100%;\n            border-left: 1px solid var(--mj-border-default);\n            background: var(--mj-bg-surface);\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n        .dashboard-copilot-head[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 10px 14px;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n        .dashboard-copilot-title[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n        .dashboard-copilot-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n        .dashboard-copilot-actions[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n        .dashboard-copilot-btn[_ngcontent-%COMP%] {\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 6px 8px;\n            border-radius: 6px;\n            color: var(--mj-text-muted);\n        }\n        .dashboard-copilot-btn[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-secondary);\n        }\n        .dashboard-copilot-body[_ngcontent-%COMP%] {\n            flex: 1;\n            min-height: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n        .dashboard-copilot-body[_ngcontent-%COMP%]   mj-conversation-chat-area[_ngcontent-%COMP%] {\n            flex: 1;\n            min-height: 0;\n            display: block;\n        }\n        .dashboard-copilot-empty[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex: 1;\n            padding: 16px;\n            color: var(--mj-text-secondary);\n            text-align: center;\n        }\n\n        \n        .error-state[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: var(--mj-text-secondary);\n        }\n        .error-icon[_ngcontent-%COMP%] {\n            font-size: 64px;\n            color: var(--mj-status-error);\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title[_ngcontent-%COMP%] {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: var(--mj-text-primary);\n        }\n        .error-message[_ngcontent-%COMP%] {\n            font-size: 16px;\n            color: var(--mj-text-muted);\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details[_ngcontent-%COMP%]   summary[_ngcontent-%COMP%] {\n            cursor: pointer;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            margin-bottom: 8px;\n        }\n        .error-details[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%] {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: var(--mj-status-error-text);\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }"] });
 };
 DashboardResource = __decorate([
     RegisterClass(BaseResourceComponent, 'DashboardResource')
@@ -817,91 +1601,258 @@ export { DashboardResource };
                 </div>
             }
 
-            <!-- View Mode Toolbar -->
-            @if (configDashboard && !isEditMode && !errorMessage) {
-                <div class="viewer-toolbar">
-                    <div class="toolbar-left">
-                        <span class="dashboard-title">
-                            <i class="fa-solid fa-chart-line"></i>
-                            {{ configDashboard.Name }}
-                        </span>
-                        @if (!dashboardPermissions.IsOwner && dashboardPermissions.PermissionSource !== 'none') {
-                            <span class="shared-indicator" title="Shared with you">
-                                <i class="fa-solid fa-share-nodes"></i>
-                            </span>
-                        }
-                    </div>
-                    <div class="toolbar-actions">
-                        @if (dashboardPermissions.CanShare) {
+            <!-- A Config dashboard: the shared editor, with the AI pane on its right. The editor stays in the template while the pane opens and closes. -->
+            @if (ConfigDashboardId && !errorMessage) {
+                <as-split direction="horizontal" class="studio-copilot-splitter" unit="percent" [gutterSize]="ChatOpen ? 6 : 0" (dragEnd)="OnCopilotSplitDragEnd($event.sizes)">
+                    <as-split-area [size]="ChatOpen ? (CopilotExpanded ? 100 - CopilotMaxPct : MainSizePct) : 100" [minSize]="100 - CopilotMaxPct">
+                        <mj-dashboard-editor
+                            #editor
+                            [Provider]="Provider"
+                            [DashboardId]="ConfigDashboardId"
+                            (Loaded)="OnEditorLoaded($event)"
+                            (LoadFailed)="OnEditorLoadFailed($event)"
+                            (EditingChange)="OnEditorEditingChange()"
+                            (NameChanged)="OnEditorNameChanged($event)"
+                            (ConfigChanged)="OnEditorConfigChanged()"
+                            (ReloadedFromSaved)="OnEditorReloaded()"
+                            (FavoriteChange)="OnEditorFavoriteChange()"
+                            (NavigationRequested)="OnEditorNavigationRequested($event)">
                             <button
-                                class="btn-icon"
-                                title="Share Dashboard"
-                                (click)="openShareDialog()">
-                                <i class="fa-solid fa-share-nodes"></i>
+                                headerTools
+                                type="button"
+                                mjButton
+                                Variant="icon"
+                                Size="sm"
+                                class="dashboard-tab-ai-toggle"
+                                [class.is-active]="ChatOpen"
+                                title="AI assistant"
+                                aria-label="AI assistant"
+                                [attr.aria-expanded]="ChatOpen ? 'true' : 'false'"
+                                (click)="ToggleChat()">
+                                <i class="fa-solid fa-robot" aria-hidden="true"></i>
                             </button>
-                        }
-                        @if (dashboardPermissions.CanEdit) {
-                            <button
-                                class="btn-icon"
-                                title="Edit Dashboard"
-                                (click)="toggleEditMode()">
-                                <i class="fa-solid fa-edit"></i>
-                            </button>
-                        }
-                    </div>
-                </div>
-            }
-
-            <!-- Edit Mode Toolbar -->
-            @if (configDashboard && isEditMode && !errorMessage) {
-                <div class="viewer-header editing">
-                    <div class="header-left">
-                        <button class="btn-add-part" (click)="openAddPartDialog()">
-                            <i class="fa-solid fa-plus"></i>
-                            Add Part
-                        </button>
-                        <div class="header-separator"></div>
-                        <div class="dashboard-info-edit">
-                            <input
-                                type="text"
-                                class="dashboard-name-input"
-                                [(ngModel)]="editingName"
-                                placeholder="Dashboard name">
-                            <input
-                                type="text"
-                                class="dashboard-description-input"
-                                [(ngModel)]="editingDescription"
-                                placeholder="Add a description...">
-                        </div>
-                    </div>
-                    <div class="header-right">
-                        <button class="btn-primary" (click)="saveDashboard()">
-                            <i class="fa-solid fa-save"></i>
-                            Save
-                        </button>
-                        <button class="btn-cancel" (click)="cancelEdit()">
-                            Cancel
-                        </button>
-                    </div>
-                </div>
+                            <span viewActions class="dashboard-tab-view-actions">
+                                <mj-dashboard-add-to-menu
+                                    [IsPinned]="IsPinnedToHome"
+                                    [CanShare]="CanShare"
+                                    (PinToHome)="PinToHome()"
+                                    (Share)="OpenShareDialog()">
+                                </mj-dashboard-add-to-menu>
+                                @if (CanShare) {
+                                    <button
+                                        type="button"
+                                        mjButton
+                                        Variant="icon"
+                                        Size="sm"
+                                        class="dashboard-tab-share"
+                                        title="Share dashboard"
+                                        aria-label="Share dashboard"
+                                        (click)="OpenShareDialog()">
+                                        <i class="fa-solid fa-share-nodes" aria-hidden="true"></i>
+                                    </button>
+                                }
+                            </span>
+                        </mj-dashboard-editor>
+                    </as-split-area>
+                    @if (ChatOpen) {
+                        <as-split-area [size]="CopilotExpanded ? CopilotMaxPct : CopilotSizePct" [minSize]="CopilotMinPct" [maxSize]="CopilotMaxPct">
+                            <aside class="dashboard-copilot" [class.expanded]="CopilotExpanded" data-testid="dashboard-copilot" aria-label="AI assistant">
+                                <div class="dashboard-copilot-head">
+                                    <div class="dashboard-copilot-title"><i class="fa-solid fa-robot"></i> {{ ChatAgentName ?? 'AI assistant' }}</div>
+                                    <div class="dashboard-copilot-actions">
+                                        <button
+                                            type="button"
+                                            class="dashboard-copilot-btn copilot-expand"
+                                            [title]="CopilotExpanded ? 'Collapse panel' : 'Expand panel'"
+                                            [attr.aria-label]="CopilotExpanded ? 'Collapse panel' : 'Expand panel'"
+                                            (click)="ToggleCopilotExpanded()">
+                                            <i class="fa-solid" [class.fa-up-right-and-down-left-from-center]="!CopilotExpanded" [class.fa-down-left-and-up-right-to-center]="CopilotExpanded"></i>
+                                        </button>
+                                        <button type="button" class="dashboard-copilot-btn copilot-close" title="Close assistant" aria-label="Close assistant" (click)="CloseChat()">
+                                            <i class="fa-solid fa-xmark"></i>
+                                        </button>
+                                    </div>
+                                </div>
+                                <div class="dashboard-copilot-body">
+                                    @if (ChatAgentId && ProviderToUse.CurrentUser) {
+                                        <mj-conversation-chat-area
+                                            [Provider]="Provider" [EnvironmentId]="ChatEnvironmentId" [CurrentUser]="ProviderToUse.CurrentUser"
+                                            [Conversation]="ChatConversation" [ConversationId]="ChatConversationId" [IsNewConversation]="ChatIsNewConversation"
+                                            [PendingMessage]="ChatPendingMessage" [PendingAttachments]="ChatPendingAttachments"
+                                            [SuppressNewConversationEmptyState]="true" [AllowMentions]="false" [OverlayMode]="false"
+                                            [ShowExportButton]="false" [ShowShareButton]="false" [ShowArtifactIndicator]="false"
+                                            [ShowAgentPicker]="false" [ShowAgentModePicker]="false"
+                                            [DefaultAgentId]="ChatAgentId" [AllowedAgentIDs]="[ChatAgentId]"
+                                            ApplicationScope="Application" [ApplicationId]="ChatApplicationId" [AppContext]="ChatAppContext"
+                                            EmptyStateGreeting="What should this dashboard show?"
+                                            (ConversationCreated)="OnChatConversationCreated($event)"
+                                            (RealtimeConversationReady)="OnChatRealtimeConversationReady($event)"
+                                            (PendingMessageConsumed)="OnChatPendingMessageConsumed()"
+                                            (navigationRequest)="OnChatNavigationRequest($event)"
+                                            (OpenEntityRecord)="OnChatOpenEntityRecord($event)">
+                                        </mj-conversation-chat-area>
+                                    } @else if (ChatAgentError) {
+                                        <div class="dashboard-copilot-empty" role="status">{{ ChatAgentError }}</div>
+                                    } @else {
+                                        <div class="dashboard-copilot-empty"><mj-loading Text="Connecting…" Size="small"></mj-loading></div>
+                                    }
+                                </div>
+                            </aside>
+                        </as-split-area>
+                    }
+                </as-split>
             }
 
-            <!-- Dashboard Content Container -->
-            <div #container class="dashboard-resource-container"></div>
+            <!-- Code dashboards and the Data Explorer render here. It stays in the template, so the tab finds it when it starts. -->
+            <div #container class="dashboard-resource-container" [class.is-hidden]="!!ConfigDashboardId"></div>
 
             <!-- Share Dashboard Dialog -->
-            @if (configDashboard) {
+            @if (ConfigDashboard) {
                 <mj-dashboard-share-dialog
-                    [Visible]="showShareDialog"
-                    [Dashboard]="configDashboard"
-                    (Result)="onShareDialogResult($event)">
+                    [Visible]="ShowShareDialog"
+                    [Dashboard]="ConfigDashboard"
+                    (Result)="OnShareDialogResult($event)">
                 </mj-dashboard-share-dialog>
             }
+
+            <!-- Confirmation for an agent's Request* tool: the user, not the agent, saves or pins -->
+            @if (AgentConfirm) {
+                <mj-confirm-dialog
+                    class="agent-confirm"
+                    [Visible]="true"
+                    Type="info"
+                    [Title]="AgentConfirm.Title"
+                    [Message]="AgentConfirm.Message"
+                    [ConfirmText]="AgentConfirm.ConfirmText"
+                    CancelText="Not now"
+                    (Confirmed)="OnAgentConfirm(true)"
+                    (Cancelled)="OnAgentConfirm(false)">
+                </mj-confirm-dialog>
+            }
+
+            <!-- Closing the AI pane ends a voice session, so the user confirms it first -->
+            @if (ShowCloseChatConfirm) {
+                <mj-confirm-dialog
+                    class="close-chat-confirm"
+                    [Visible]="true"
+                    Type="warning"
+                    Title="End the voice session?"
+                    Message="Closing the AI assistant ends the voice session."
+                    ConfirmText="Close"
+                    CancelText="Keep open"
+                    (Confirmed)="OnCloseChatConfirmed()"
+                    (Cancelled)="OnCloseChatCancelled()">
+                </mj-confirm-dialog>
+            }
         </div>
-    `, styles: ["\n        :host {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n        }\n        .dashboard-resource-container {\n            flex: 1;\n            overflow: hidden;\n            min-height: 0;\n        }\n\n        /* View Mode Toolbar */\n        .viewer-toolbar {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n            gap: 16px;\n        }\n        .viewer-toolbar .toolbar-left {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n        .viewer-toolbar .dashboard-title {\n            font-size: 16px;\n            font-weight: 500;\n            color: var(--mj-text-primary);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .viewer-toolbar .dashboard-title i {\n            color: var(--mj-brand-primary);\n        }\n        .shared-indicator {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 50%;\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n            font-size: 11px;\n        }\n        .viewer-toolbar .toolbar-actions {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        /* Edit Mode Header */\n        .viewer-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 12px 24px;\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n            transition: background 0.2s, border-color 0.2s;\n        }\n        .viewer-header.editing {\n            background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)) 0%, color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-bg-surface)) 100%);\n            border-bottom: 2px solid var(--mj-brand-primary);\n        }\n        .viewer-header .header-left {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex: 1;\n        }\n        .viewer-header .header-right {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        /* Add Part button */\n        .btn-add-part {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 16px;\n            border: none;\n            border-radius: 6px;\n            background: var(--mj-brand-primary);\n            color: var(--mj-text-inverse);\n            font-size: 13px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s, transform 0.1s;\n            box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n        }\n        .btn-add-part:hover {\n            background: var(--mj-brand-primary-hover);\n            transform: translateY(-1px);\n            box-shadow: 0 3px 6px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n        }\n        .btn-add-part i { font-size: 12px; }\n\n        /* Header separator */\n        .header-separator {\n            width: 1px;\n            height: 28px;\n            background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n            margin: 0 4px;\n        }\n\n        /* Buttons */\n        .btn-primary {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: none;\n            border-radius: 6px;\n            background: var(--mj-brand-primary);\n            color: var(--mj-text-inverse);\n            font-size: 14px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background 0.2s;\n        }\n        .btn-primary:hover { background: var(--mj-brand-primary-hover); }\n\n        .btn-icon {\n            width: 36px;\n            height: 36px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-secondary);\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-icon:hover { background: var(--mj-bg-surface-sunken); }\n\n        .btn-cancel {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 18px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-secondary);\n            font-size: 14px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .btn-cancel:hover {\n            background: var(--mj-bg-surface-sunken);\n            border-color: var(--mj-border-default);\n            color: var(--mj-text-primary);\n        }\n\n        /* Dashboard info inputs */\n        .dashboard-info-edit {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            flex: 1;\n        }\n        .dashboard-name-input {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 16px;\n            font-weight: 500;\n            color: var(--mj-text-primary);\n            background: rgba(255, 255, 255, 0.7);\n            outline: none;\n            min-width: 200px;\n            max-width: 300px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-name-input:hover { background: rgba(255, 255, 255, 0.9); }\n        .dashboard-name-input:focus {\n            background: var(--mj-bg-surface-card);\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n        }\n        .dashboard-description-input {\n            border: 1px solid transparent;\n            border-radius: 4px;\n            padding: 6px 12px;\n            font-size: 13px;\n            color: var(--mj-text-secondary);\n            background: rgba(255, 255, 255, 0.5);\n            outline: none;\n            flex: 1;\n            min-width: 150px;\n            max-width: 400px;\n            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;\n        }\n        .dashboard-description-input:hover { background: rgba(255, 255, 255, 0.8); }\n        .dashboard-description-input:focus {\n            background: var(--mj-bg-surface-card);\n            border-color: var(--mj-brand-primary);\n            box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n        }\n        .dashboard-description-input::placeholder {\n            color: var(--mj-text-muted);\n            font-style: normal;\n        }\n\n        /* Error state */\n        .error-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: var(--mj-text-secondary);\n        }\n        .error-icon {\n            font-size: 64px;\n            color: var(--mj-status-error);\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: var(--mj-text-primary);\n        }\n        .error-message {\n            font-size: 16px;\n            color: var(--mj-text-muted);\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details {\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details summary {\n            cursor: pointer;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            margin-bottom: 8px;\n        }\n        .error-details pre {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: var(--mj-status-error-text);\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }\n\n        /* Responsive */\n        @media (max-width: 768px) {\n            .viewer-header {\n                flex-direction: column;\n                gap: 12px;\n                align-items: stretch;\n            }\n            .viewer-header .header-left { flex-wrap: wrap; }\n            .dashboard-info-edit {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            .dashboard-name-input,\n            .dashboard-description-input { max-width: none; }\n        }\n    "] }]
-    }], () => [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], { ContainerElement: [{
+    `, styles: ["\n        :host {\n            display: block;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        .dashboard-resource-wrapper {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            width: 100%;\n        }\n        /* The editor and the AI pane share the tab. The global MJ splitter theme styles the gutter. */\n        .studio-copilot-splitter {\n            flex: 1;\n            width: 100%;\n            height: 100%;\n            min-height: 0;\n            min-width: 0;\n        }\n        /* Holds a Code dashboard or the Data Explorer. Hidden while the editor shows a Config dashboard. */\n        .dashboard-resource-container {\n            width: 100%;\n            height: 100%;\n            overflow: hidden;\n        }\n        .dashboard-resource-container.is-hidden { display: none; }\n\n        /* The view actions sit in the editor's header row as if they were its own buttons */\n        .dashboard-tab-view-actions { display: contents; }\n        /* The colour goes on the icon, never on the button: button.scss owns the button */\n        .dashboard-tab-ai-toggle.is-active i { color: var(--mj-brand-primary); }\n\n        /* AI pane */\n        .dashboard-copilot {\n            width: 100%;\n            height: 100%;\n            border-left: 1px solid var(--mj-border-default);\n            background: var(--mj-bg-surface);\n            display: flex;\n            flex-direction: column;\n            min-height: 0;\n        }\n        .dashboard-copilot-head {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 10px 14px;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n        .dashboard-copilot-title {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n        .dashboard-copilot-title i { color: var(--mj-brand-primary); }\n        .dashboard-copilot-actions {\n            display: flex;\n            align-items: center;\n            gap: 4px;\n        }\n        .dashboard-copilot-btn {\n            background: transparent;\n            border: none;\n            cursor: pointer;\n            padding: 6px 8px;\n            border-radius: 6px;\n            color: var(--mj-text-muted);\n        }\n        .dashboard-copilot-btn:hover {\n            background: var(--mj-bg-surface-hover);\n            color: var(--mj-text-secondary);\n        }\n        .dashboard-copilot-body {\n            flex: 1;\n            min-height: 0;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n        .dashboard-copilot-body mj-conversation-chat-area {\n            flex: 1;\n            min-height: 0;\n            display: block;\n        }\n        .dashboard-copilot-empty {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex: 1;\n            padding: 16px;\n            color: var(--mj-text-secondary);\n            text-align: center;\n        }\n\n        /* Error state */\n        .error-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            padding: 40px;\n            text-align: center;\n            color: var(--mj-text-secondary);\n        }\n        .error-icon {\n            font-size: 64px;\n            color: var(--mj-status-error);\n            margin-bottom: 24px;\n            opacity: 0.8;\n        }\n        .error-title {\n            font-size: 24px;\n            font-weight: 500;\n            margin: 0 0 12px 0;\n            color: var(--mj-text-primary);\n        }\n        .error-message {\n            font-size: 16px;\n            color: var(--mj-text-muted);\n            margin: 0 0 24px 0;\n            max-width: 500px;\n            line-height: 1.5;\n        }\n        .error-details {\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 8px;\n            padding: 12px 16px;\n            max-width: 600px;\n            text-align: left;\n            font-size: 13px;\n        }\n        .error-details summary {\n            cursor: pointer;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            margin-bottom: 8px;\n        }\n        .error-details pre {\n            margin: 0;\n            white-space: pre-wrap;\n            word-break: break-word;\n            color: var(--mj-status-error-text);\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 12px;\n        }\n    "] }]
+    }], () => [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], { editor: [{
+            type: ViewChild,
+            args: ['editor']
+        }], ContainerElement: [{
             type: ViewChild,
             args: ['container', { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardResource, { className: "DashboardResource", filePath: "src/lib/resource-wrappers/dashboard-resource.component.ts", lineNumber: 410 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardResource, { className: "DashboardResource", filePath: "src/lib/resource-wrappers/dashboard-resource.component.ts", lineNumber: 429 }); })();
+function errorMessage(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+/** The title, question and confirm button text of the dialog that asks the user to do what the agent requests. */
+function agentConfirmText(kind, dashboardName, detail) {
+    const name = `"${dashboardName}"`;
+    switch (kind) {
+        case 'save': {
+            const rename = detail.name ? ` Its new name will be "${detail.name}".` : '';
+            const describe = detail.description ? ` Its new description will be "${detail.description}".` : '';
+            return { Title: 'Save dashboard?', Message: `The assistant asks to save ${name}.${rename}${describe}`, ConfirmText: 'Save' };
+        }
+        case 'pin':
+            return { Title: 'Pin to Home?', Message: `The assistant asks to pin ${name} to your Home app.`, ConfirmText: 'Pin' };
+    }
+}
+/** The user's own views and the shared views the user may see. None when the user cannot read views. */
+function viewSources() {
+    const engine = UserViewEngine.Instance;
+    if (engine.IsPermissionConstrained)
+        return [];
+    const shared = engine.GetSharedViews().filter(view => view.UserCanView);
+    return [...engine.GetViewsForCurrentUser(), ...shared].map(view => ({
+        ID: view.ID,
+        Name: view.Name,
+        Description: view.Description,
+        Entity: view.Entity,
+        EntityID: view.EntityID,
+    }));
+}
+/** The queries the user can run. None when the user cannot read queries. */
+function querySources(user) {
+    const engine = QueryEngine.Instance;
+    if (engine.IsPermissionConstrained)
+        return [];
+    return engine.Queries.filter(query => query.UserCanRun(user).canRun).map(query => ({
+        ID: query.ID,
+        Name: query.Name,
+        Description: query.Description,
+        Category: query.Category,
+    }));
+}
+/** The entities the user can read. */
+function entitySources(provider) {
+    const user = provider.CurrentUser;
+    return provider.Entities.filter(entity => entity.GetUserPermisions(user).CanRead).map(entity => ({
+        ID: entity.ID,
+        Name: entity.Name,
+        DisplayName: entity.DisplayName,
+        Description: entity.Description,
+    }));
+}
+/**
+ * The filter clause that keeps the artifacts whose name or description, in lower case, matches the query
+ * as a LIKE pattern (see likeNarrowingPattern), or '' when the query is blank. The clause only narrows
+ * the list: RankByQuery makes the exact match in the browser.
+ */
+function artifactQueryFilter(query) {
+    const pattern = likeNarrowingPattern(query);
+    return pattern ? ` AND (LOWER(Name) LIKE '%${pattern}%' OR LOWER(Description) LIKE '%${pattern}%')` : '';
+}
+/**
+ * The query without its outer spaces as a lower-case LIKE pattern that matches the query, and can match
+ * more, in the same way on SQL Server and PostgreSQL. It needs no ESCAPE clause, which the server refuses
+ * in a client's filter. Each quote, backslash and LIKE wildcard (`%`, `_`, `[`, `]`) becomes `_`, which
+ * matches any one character. Each parenthesis becomes `_` too: the PostgreSQL provider rewrites date
+ * functions such as `GETDATE()` in the whole filter, string literals included. Each other character that is
+ * not ASCII becomes `_`, so the literal needs no `N` prefix, with two exceptions that become `%` (see
+ * nonAsciiWildcard). The text is put in lower case last, when it holds only ASCII.
+ */
+function likeNarrowingPattern(query) {
+    const ascii = query
+        .trim()
+        .replace(/[\\%_[\]'()]/g, '_')
+        .replace(/[\u0080-\u{10FFFF}]/gu, char => nonAsciiWildcard(char));
+    return EscapeSQLString(ascii.toLowerCase());
+}
+/**
+ * The LIKE wildcard for a character that is not ASCII: `_`, which matches one character, or `%` where one
+ * character can be two on some database. SQL Server counts a character outside the BMP as two characters and
+ * PostgreSQL as one. `İ` (U+0130) is one character, but ICU collations put it in lower case as `i` and a
+ * combining dot.
+ */
+function nonAsciiWildcard(char) {
+    return char.length > 1 || char === '\u0130' ? '%' : '_';
+}
+/** Records in `latest` the highest version number of each artifact in `rows`, by normalized artifact ID. */
+function addLatestVersions(latest, rows) {
+    for (const row of rows) {
+        const key = NormalizeUUID(row.ArtifactID);
+        latest.set(key, Math.max(latest.get(key) ?? 0, row.VersionNumber));
+    }
+}
+/** The items in consecutive groups of at most `size`. */
+function chunked(items, size) {
+    const groups = [];
+    for (let start = 0; start < items.length; start += size) {
+        groups.push(items.slice(start, start + size));
+    }
+    return groups;
+}
 //# sourceMappingURL=dashboard-resource.component.js.map