@memberjunction/ng-dashboards 2.48.0 → 2.49.0

package/README.md

@@ -191,7 +191,46 @@ interface DashboardConfig {
 
 ### State Management
 
-Each dashboard maintains its own state structure that can be persisted:
+Each dashboard maintains its own state structure that can be persisted and restored. The state management pattern follows these principles:
+
+1. **State Initialization**: When a dashboard loads, the `loadData()` method checks for user state in the `Config` property and applies it
+2. **State Changes**: Components emit state changes via `UserStateChanged` events with debouncing to prevent excessive updates
+3. **State Persistence**: Parent components should listen to `UserStateChanged` events and persist the state as needed
+4. **State Restoration**: Pass previously saved state through the `Config.userState` property when initializing the dashboard
+
+#### How State Loading Works
+
+When a dashboard component initializes:
+
+```typescript
+// In the dashboard's loadData() method
+loadData(): void {
+  // Check if we have user state in the Config and apply it
+  if (this.Config?.userState) {
+    this.loadUserState(this.Config.userState);
+  }
+  
+  // Continue with other initialization...
+  this.LoadingComplete.emit();
+}
+```
+
+The `loadUserState()` method then applies the saved state to the component and its sub-components:
+
+```typescript
+// Example from AIDashboardComponent
+public loadUserState(state: Partial<AIDashboardState>): void {
+  if (state.activeTab) {
+    this.activeTab = state.activeTab;
+  }
+  
+  // Store sub-component states for when they're rendered
+  if (state.executionMonitoringState) {
+    this.executionMonitoringState = state.executionMonitoringState;
+  }
+  // ... other state properties
+}
+```
 
 #### AI Dashboard State
 ```typescript
@@ -200,9 +239,29 @@ interface AIDashboardState {
   modelManagementState: any;
   promptManagementState: any;
   agentConfigurationState: any;
-  executionMonitoringState: any;
+  executionMonitoringState: ExecutionMonitoringState;
   systemConfigurationState: any;
 }
+
+// ExecutionMonitoringState includes detailed UI state
+interface ExecutionMonitoringState {
+  selectedTimeRange: string;
+  refreshInterval: number;
+  panelStates: {
+    cost: boolean;
+    efficiency: boolean;
+    executions: boolean;
+  };
+  drillDownTabs: Array<{
+    id: string;
+    title: string;
+    type: string;
+    timestamp?: string;
+    metric?: string;
+  }>;
+  activeTabId: string;
+  splitterSizes?: number[];
+}
 ```
 
 #### Entity Admin Dashboard State
@@ -219,6 +278,50 @@ interface DashboardState {
 }
 ```
 
+#### Example: Complete State Management Implementation
+
+```typescript
+// Parent component that uses the AI Dashboard
+@Component({
+  template: `
+    <mj-ai-dashboard 
+      [Config]="dashboardConfig"
+      (UserStateChanged)="onStateChanged($event)">
+    </mj-ai-dashboard>
+  `
+})
+export class AIManagementComponent implements OnInit {
+  dashboardConfig: DashboardConfig;
+  
+  ngOnInit() {
+    // Load saved state from your persistence layer
+    const savedState = this.loadSavedState();
+    
+    // Configure dashboard with saved state
+    this.dashboardConfig = {
+      dashboard: this.dashboardEntity,
+      userState: savedState  // This will be applied in loadData()
+    };
+  }
+  
+  onStateChanged(state: AIDashboardState) {
+    // Save state changes with debouncing handled by the dashboard
+    this.saveState(state);
+  }
+  
+  private loadSavedState(): AIDashboardState | null {
+    // Load from localStorage, database, or other persistence
+    const saved = localStorage.getItem('ai-dashboard-state');
+    return saved ? JSON.parse(saved) : null;
+  }
+  
+  private saveState(state: AIDashboardState): void {
+    // Save to your persistence layer
+    localStorage.setItem('ai-dashboard-state', JSON.stringify(state));
+  }
+}
+```
+
 ## Integration with MemberJunction
 
 The dashboards are designed to work seamlessly with other MemberJunction packages:

package/dist/AI/ai-dashboard.component.d.ts

@@ -16,6 +16,7 @@ export declare class AIDashboardComponent extends BaseDashboard implements After
     promptManagementState: any;
     agentConfigurationState: any;
     systemConfigurationState: any;
+    executionMonitoringState: any;
     navigationItems: string[];
     get navigationConfig(): {
         text: string;
@@ -38,6 +39,7 @@ export declare class AIDashboardComponent extends BaseDashboard implements After
     onPromptManagementStateChange(state: any): void;
     onAgentConfigurationStateChange(state: any): void;
     onSystemConfigurationStateChange(state: any): void;
+    onExecutionMonitoringStateChange(state: any): void;
     loadUserState(state: Partial<AIDashboardState>): void;
     onOpenEntityRecord(data: {
         entityName: string;

package/dist/AI/ai-dashboard.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-dashboard.component.d.ts","sourceRoot":"","sources":["../../src/AI/ai-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAM1D,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,GAAG,CAAC;IAC1B,qBAAqB,EAAE,GAAG,CAAC;IAC3B,uBAAuB,EAAE,GAAG,CAAC;IAC7B,wBAAwB,EAAE,GAAG,CAAC;IAC9B,wBAAwB,EAAE,GAAG,CAAC;CAC/B;AAED,qBAMa,oBAAqB,SAAQ,aAAc,YAAW,aAAa,EAAE,SAAS;IAElF,SAAS,UAAS;IAClB,SAAS,SAAY;IACrB,aAAa,SAAK;IAGlB,qBAAqB,EAAE,GAAG,CAAQ;IAClC,uBAAuB,EAAE,GAAG,CAAQ;IACpC,wBAAwB,EAAE,GAAG,CAAQ;IAGrC,eAAe,EAAE,MAAM,EAAE,CAA2D;IAE3F,IAAW,gBAAgB;;;;QAQ1B;IAED,IAAW,wBAAwB;;;;QAQlC;IAED,OAAO,CAAC,kBAAkB,CAAmC;;IAO7D,eAAe,IAAI,IAAI;IAKvB,WAAW,IAAI,IAAI;IAIZ,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOhC,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAW3C,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,eAAe;IAahB,6BAA6B,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK/C,+BAA+B,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKjD,gCAAgC,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKlD,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IASrD,kBAAkB,CAAC,IAAI,EAAE;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,GAAG,KAAK,GAAG,IAAI;IAarF,aAAa,IAAI,IAAI;IAYrB,QAAQ,IAAI,IAAI;IAKT,kBAAkB,IAAI,MAAM;yCAhJxB,oBAAoB;2CAApB,oBAAoB;CAqJhC;AAED,wBAAgB,eAAe,SAE9B"}
+{"version":3,"file":"ai-dashboard.component.d.ts","sourceRoot":"","sources":["../../src/AI/ai-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAM1D,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,GAAG,CAAC;IAC1B,qBAAqB,EAAE,GAAG,CAAC;IAC3B,uBAAuB,EAAE,GAAG,CAAC;IAC7B,wBAAwB,EAAE,GAAG,CAAC;IAC9B,wBAAwB,EAAE,GAAG,CAAC;CAC/B;AAED,qBAMa,oBAAqB,SAAQ,aAAc,YAAW,aAAa,EAAE,SAAS;IAElF,SAAS,UAAS;IAClB,SAAS,SAAgB;IACzB,aAAa,SAAK;IAGlB,qBAAqB,EAAE,GAAG,CAAQ;IAClC,uBAAuB,EAAE,GAAG,CAAQ;IACpC,wBAAwB,EAAE,GAAG,CAAQ;IACrC,wBAAwB,EAAE,GAAG,CAAQ;IAGrC,eAAe,EAAE,MAAM,EAAE,CAA2D;IAE3F,IAAW,gBAAgB;;;;QAQ1B;IAED,IAAW,wBAAwB;;;;QAQlC;IAED,OAAO,CAAC,kBAAkB,CAAmC;;IAO7D,eAAe,IAAI,IAAI;IAKvB,WAAW,IAAI,IAAI;IAIZ,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMhC,kBAAkB,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAU3C,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,eAAe;IAahB,6BAA6B,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK/C,+BAA+B,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKjD,gCAAgC,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKlD,gCAAgC,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAKlD,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAsBrD,kBAAkB,CAAC,IAAI,EAAE;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,GAAG,KAAK,GAAG,IAAI;IAarF,aAAa,IAAI,IAAI;IAYrB,QAAQ,IAAI,IAAI;IAWT,kBAAkB,IAAI,MAAM;yCAvKxB,oBAAoB;2CAApB,oBAAoB;CA4KhC;AAED,wBAAgB,eAAe,SAE9B"}

package/dist/AI/ai-dashboard.component.js

@@ -27,37 +27,40 @@ function AIDashboardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function AIDashboardComponent_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-model-management", 11);
+    i0.ɵɵelementStart(0, "app-model-management", 12);
     i0.ɵɵlistener("openEntityRecord", function AIDashboardComponent_Conditional_2_Conditional_2_Template_app_model_management_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); });
     i0.ɵɵelementEnd();
 } }
 function AIDashboardComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-prompt-management", 12);
+    i0.ɵɵelementStart(0, "app-prompt-management", 13);
     i0.ɵɵlistener("openEntityRecord", function AIDashboardComponent_Conditional_2_Conditional_3_Template_app_prompt_management_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("stateChange", function AIDashboardComponent_Conditional_2_Conditional_3_Template_app_prompt_management_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onPromptManagementStateChange($event)); });
     i0.ɵɵelementEnd();
 } }
 function AIDashboardComponent_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-agent-configuration", 12);
+    i0.ɵɵelementStart(0, "app-agent-configuration", 13);
     i0.ɵɵlistener("openEntityRecord", function AIDashboardComponent_Conditional_2_Conditional_4_Template_app_agent_configuration_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("stateChange", function AIDashboardComponent_Conditional_2_Conditional_4_Template_app_agent_configuration_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onAgentConfigurationStateChange($event)); });
     i0.ɵɵelementEnd();
 } }
 function AIDashboardComponent_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-execution-monitoring", 11);
-    i0.ɵɵlistener("openEntityRecord", function AIDashboardComponent_Conditional_2_Conditional_5_Template_app_execution_monitoring_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); });
+    i0.ɵɵelementStart(0, "app-execution-monitoring", 14);
+    i0.ɵɵlistener("openEntityRecord", function AIDashboardComponent_Conditional_2_Conditional_5_Template_app_execution_monitoring_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("stateChange", function AIDashboardComponent_Conditional_2_Conditional_5_Template_app_execution_monitoring_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onExecutionMonitoringStateChange($event)); });
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("initialState", ctx_r1.executionMonitoringState);
 } }
 function AIDashboardComponent_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-system-configuration", 12);
+    i0.ɵɵelementStart(0, "app-system-configuration", 13);
     i0.ɵɵlistener("openEntityRecord", function AIDashboardComponent_Conditional_2_Conditional_6_Template_app_system_configuration_openEntityRecord_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onOpenEntityRecord($event)); })("stateChange", function AIDashboardComponent_Conditional_2_Conditional_6_Template_app_system_configuration_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSystemConfigurationStateChange($event)); });
     i0.ɵɵelementEnd();
 } }
 function AIDashboardComponent_Conditional_2_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵlistener("click", function AIDashboardComponent_Conditional_2_For_9_Template_div_click_0_listener() { const $index_r8 = i0.ɵɵrestoreView(_r7).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTabChange(ctx_r1.navigationItems[$index_r8])); });
     i0.ɵɵelement(1, "i");
     i0.ɵɵelementStart(2, "span");
@@ -73,10 +76,10 @@ function AIDashboardComponent_Conditional_2_For_9_Template(rf, ctx) { if (rf & 1
 } }
 function AIDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "div", 7);
-    i0.ɵɵtemplate(2, AIDashboardComponent_Conditional_2_Conditional_2_Template, 1, 0, "app-model-management", 8)(3, AIDashboardComponent_Conditional_2_Conditional_3_Template, 1, 0, "app-prompt-management", 8)(4, AIDashboardComponent_Conditional_2_Conditional_4_Template, 1, 0, "app-agent-configuration", 8)(5, AIDashboardComponent_Conditional_2_Conditional_5_Template, 1, 0, "app-execution-monitoring", 8)(6, AIDashboardComponent_Conditional_2_Conditional_6_Template, 1, 0, "app-system-configuration", 8);
+    i0.ɵɵtemplate(2, AIDashboardComponent_Conditional_2_Conditional_2_Template, 1, 0, "app-model-management", 8)(3, AIDashboardComponent_Conditional_2_Conditional_3_Template, 1, 0, "app-prompt-management", 8)(4, AIDashboardComponent_Conditional_2_Conditional_4_Template, 1, 0, "app-agent-configuration", 8)(5, AIDashboardComponent_Conditional_2_Conditional_5_Template, 1, 1, "app-execution-monitoring", 9)(6, AIDashboardComponent_Conditional_2_Conditional_6_Template, 1, 0, "app-system-configuration", 8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 9);
-    i0.ɵɵrepeaterCreate(8, AIDashboardComponent_Conditional_2_For_9_Template, 4, 5, "div", 10, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(7, "div", 10);
+    i0.ɵɵrepeaterCreate(8, AIDashboardComponent_Conditional_2_For_9_Template, 4, 5, "div", 11, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -94,36 +97,37 @@ function AIDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵrepeater(ctx_r1.navigationConfig);
 } }
 let AIDashboardComponent = class AIDashboardComponent extends BaseDashboard {
+    isLoading = false;
+    activeTab = 'monitoring'; // Default tab changed to monitoring
+    selectedIndex = 0; // Track selected navigation index
+    // Component states
+    promptManagementState = null;
+    agentConfigurationState = null;
+    systemConfigurationState = null;
+    executionMonitoringState = null;
+    // Navigation items for bottom navigation - reordered with monitoring first
+    navigationItems = ['monitoring', 'prompts', 'agents', 'models', 'config'];
     get navigationConfig() {
         return [
-            { text: 'Models', icon: 'fa-solid fa-microchip', selected: this.activeTab === 'models' },
+            { text: 'Monitor', icon: 'fa-solid fa-chart-line', selected: this.activeTab === 'monitoring' },
             { text: 'Prompts', icon: 'fa-solid fa-comment-dots', selected: this.activeTab === 'prompts' },
             { text: 'Agents', icon: 'fa-solid fa-robot', selected: this.activeTab === 'agents' },
-            { text: 'Monitor', icon: 'fa-solid fa-chart-line', selected: this.activeTab === 'monitoring' },
+            { text: 'Models', icon: 'fa-solid fa-microchip', selected: this.activeTab === 'models' },
             { text: 'Config', icon: 'fa-solid fa-cogs', selected: this.activeTab === 'config' }
         ];
     }
     get navigationConfigForKendo() {
         return [
-            { text: 'Models', icon: 'gear', selected: this.activeTab === 'models' },
+            { text: 'Monitor', icon: 'chart-line', selected: this.activeTab === 'monitoring' },
             { text: 'Prompts', icon: 'comment', selected: this.activeTab === 'prompts' },
             { text: 'Agents', icon: 'user', selected: this.activeTab === 'agents' },
-            { text: 'Monitor', icon: 'chart-line', selected: this.activeTab === 'monitoring' },
+            { text: 'Models', icon: 'gear', selected: this.activeTab === 'models' },
             { text: 'Config', icon: 'cog', selected: this.activeTab === 'config' }
         ];
     }
+    stateChangeSubject = new Subject();
     constructor() {
         super();
-        this.isLoading = false;
-        this.activeTab = 'models'; // Default tab
-        this.selectedIndex = 0; // Track selected navigation index
-        // Component states
-        this.promptManagementState = null;
-        this.agentConfigurationState = null;
-        this.systemConfigurationState = null;
-        // Navigation items for bottom navigation
-        this.navigationItems = ['models', 'prompts', 'agents', 'monitoring', 'config'];
-        this.stateChangeSubject = new Subject();
         this.setupStateManagement();
     }
     ngAfterViewInit() {
@@ -134,7 +138,6 @@ let AIDashboardComponent = class AIDashboardComponent extends BaseDashboard {
         this.stateChangeSubject.complete();
     }
     onTabChange(tabId) {
-        console.log('AI Dashboard: Tab changed to:', tabId);
         this.activeTab = tabId;
         this.selectedIndex = this.navigationItems.indexOf(tabId);
         this.emitStateChange();
@@ -146,7 +149,6 @@ let AIDashboardComponent = class AIDashboardComponent extends BaseDashboard {
             this.selectedIndex = index;
             this.activeTab = this.navigationItems[index];
             this.emitStateChange();
-            console.log('AI Dashboard: Switched to tab:', this.activeTab, 'index:', index);
         }
     }
     setupStateManagement() {
@@ -161,7 +163,7 @@ let AIDashboardComponent = class AIDashboardComponent extends BaseDashboard {
             modelManagementState: {},
             promptManagementState: this.promptManagementState || {},
             agentConfigurationState: this.agentConfigurationState || {},
-            executionMonitoringState: {},
+            executionMonitoringState: this.executionMonitoringState || {},
             systemConfigurationState: this.systemConfigurationState || {}
         };
         this.stateChangeSubject.next(state);
@@ -178,12 +180,28 @@ let AIDashboardComponent = class AIDashboardComponent extends BaseDashboard {
         this.systemConfigurationState = state;
         this.emitStateChange();
     }
+    onExecutionMonitoringStateChange(state) {
+        this.executionMonitoringState = state;
+        this.emitStateChange();
+    }
     loadUserState(state) {
         if (state.activeTab) {
             this.activeTab = state.activeTab;
             this.selectedIndex = this.navigationItems.indexOf(state.activeTab);
         }
-        // Load sub-component states as they're implemented
+        // Store component states for when they're rendered
+        if (state.executionMonitoringState) {
+            this.executionMonitoringState = state.executionMonitoringState;
+        }
+        if (state.promptManagementState) {
+            this.promptManagementState = state.promptManagementState;
+        }
+        if (state.agentConfigurationState) {
+            this.agentConfigurationState = state.agentConfigurationState;
+        }
+        if (state.systemConfigurationState) {
+            this.systemConfigurationState = state.systemConfigurationState;
+        }
     }
     // Handle entity record opening from sub-components
     onOpenEntityRecord(data) {
@@ -213,33 +231,38 @@ let AIDashboardComponent = class AIDashboardComponent extends BaseDashboard {
     }
     loadData() {
         // Load any initial data needed for the AI dashboard
-        // This can be expanded to load configuration data, recent activities, etc.
+        // Check if we have user state in the Config and apply it
+        if (this.Config?.userState) {
+            this.loadUserState(this.Config.userState);
+        }
+        // Emit loading complete event
+        this.LoadingComplete.emit();
     }
     getCurrentTabLabel() {
         const tabIndex = this.navigationItems.indexOf(this.activeTab);
-        const labels = ['Models', 'Prompts', 'Agents', 'Monitor', 'Config'];
+        const labels = ['Monitor', 'Prompts', 'Agents', 'Models', 'Config'];
         return tabIndex >= 0 ? labels[tabIndex] : 'AI Administration';
     }
+    static ɵfac = function AIDashboardComponent_Factory(t) { return new (t || AIDashboardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIDashboardComponent, selectors: [["mj-ai-dashboard"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [["mjFillContainer", "", 1, "ai-dashboard-container", 3, "rightMargin", "bottomMargin"], [1, "loading-container"], [1, "dashboard-content-wrapper"], [1, "loading-content"], [1, "loading-spinner"], [1, "spinner-ring"], [1, "loading-text"], [1, "dashboard-content"], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "initialState"], [1, "ai-dashboard-nav"], [1, "nav-item", 3, "active"], ["mjFillContainer", "", 3, "openEntityRecord"], ["mjFillContainer", "", 3, "openEntityRecord", "stateChange"], ["mjFillContainer", "", 3, "openEntityRecord", "stateChange", "initialState"], [1, "nav-item", 3, "click"]], template: function AIDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, AIDashboardComponent_Conditional_1_Template, 8, 0, "div", 1)(2, AIDashboardComponent_Conditional_2_Template, 10, 5, "div", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("rightMargin", 8)("bottomMargin", 8);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isLoading ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.isLoading ? 2 : -1);
+        } }, dependencies: [i1.FillContainer, i2.ModelManagementComponent, i3.PromptManagementComponent, i4.AgentConfigurationComponent, i5.ExecutionMonitoringComponent, i6.SystemConfigurationComponent], styles: [".ai-dashboard-container[_ngcontent-%COMP%] {\n  overflow: hidden;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dashboard-header[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  .header-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n  }\n  \n  .current-tab-info {\n    font-size: 12px;\n    color: #2196f3;\n    font-weight: 600;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid rgba(33, 150, 243, 0.2);\n  }\n  \n  .header-controls {\n    display: flex;\n    gap: 8px;\n    \n    .control-btn {\n      padding: 8px 12px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: white;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f0f0f0;\n        border-color: #2196f3;\n      }\n      \n      &.active {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n      }\n      \n      &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n        \n        &:hover {\n          background-color: white;\n          border-color: #ccc;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #fafafa;\n  flex: 1;\n  \n  p {\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n.dashboard-content-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.dashboard-content[_ngcontent-%COMP%] {\n  overflow: hidden;\n  flex: 1;\n}\n\n.ai-dashboard-nav[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  display: flex;\n  background: white;\n  border-top: 1px solid #e0e0e0;\n  padding: 0;\n  \n  .nav-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: #666;\n    font-size: 12px;\n    border-right: 1px solid #e0e0e0;\n    \n    &:last-child {\n      border-right: none;\n    }\n    \n    &:hover {\n      background-color: #f5f5f5;\n      color: #2196f3;\n    }\n    \n    &.active {\n      background-color: #e3f2fd;\n      color: #2196f3;\n      font-weight: 600;\n      \n      i {\n        color: #2196f3;\n      }\n    }\n    \n    i {\n      font-size: 18px;\n      margin-bottom: 4px;\n      color: inherit;\n    }\n    \n    span {\n      font-size: 11px;\n      text-align: center;\n      line-height: 1.2;\n    }\n  }\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.spinner-ring[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 3px solid transparent;\n  border-radius: 50%;\n  animation: _ngcontent-%COMP%_spin 1.5s linear infinite;\n  \n  &:nth-child(1) {\n    border-top-color: #2196f3;\n    animation-delay: 0s;\n  }\n  \n  &:nth-child(2) {\n    border-top-color: #9c27b0;\n    animation-delay: 0.3s;\n    transform: scale(0.8);\n  }\n  \n  &:nth-child(3) {\n    border-top-color: #ff6b35;\n    animation-delay: 0.6s;\n    transform: scale(0.6);\n  }\n}\n\n.loading-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #666;\n  font-weight: 500;\n  text-align: center;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}"] });
 };
-AIDashboardComponent.ɵfac = function AIDashboardComponent_Factory(t) { return new (t || AIDashboardComponent)(); };
-AIDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIDashboardComponent, selectors: [["mj-ai-dashboard"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [["mjFillContainer", "", 1, "ai-dashboard-container", 3, "rightMargin", "bottomMargin"], [1, "loading-container"], [1, "dashboard-content-wrapper"], [1, "loading-content"], [1, "loading-spinner"], [1, "spinner-ring"], [1, "loading-text"], [1, "dashboard-content"], ["mjFillContainer", ""], [1, "ai-dashboard-nav"], [1, "nav-item", 3, "active"], ["mjFillContainer", "", 3, "openEntityRecord"], ["mjFillContainer", "", 3, "openEntityRecord", "stateChange"], [1, "nav-item", 3, "click"]], template: function AIDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, AIDashboardComponent_Conditional_1_Template, 8, 0, "div", 1)(2, AIDashboardComponent_Conditional_2_Template, 10, 5, "div", 2);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("rightMargin", 8)("bottomMargin", 8);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(ctx.isLoading ? 1 : -1);
-        i0.ɵɵadvance();
-        i0.ɵɵconditional(!ctx.isLoading ? 2 : -1);
-    } }, dependencies: [i1.FillContainer, i2.ModelManagementComponent, i3.PromptManagementComponent, i4.AgentConfigurationComponent, i5.ExecutionMonitoringComponent, i6.SystemConfigurationComponent], styles: [".ai-dashboard-container[_ngcontent-%COMP%] {\n  overflow: hidden;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dashboard-header[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  .header-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n  }\n  \n  .current-tab-info {\n    font-size: 12px;\n    color: #2196f3;\n    font-weight: 600;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid rgba(33, 150, 243, 0.2);\n  }\n  \n  .header-controls {\n    display: flex;\n    gap: 8px;\n    \n    .control-btn {\n      padding: 8px 12px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: white;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f0f0f0;\n        border-color: #2196f3;\n      }\n      \n      &.active {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n      }\n      \n      &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n        \n        &:hover {\n          background-color: white;\n          border-color: #ccc;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #fafafa;\n  flex: 1;\n  \n  p {\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n.dashboard-content-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.dashboard-content[_ngcontent-%COMP%] {\n  overflow: hidden;\n  flex: 1;\n}\n\n.ai-dashboard-nav[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  display: flex;\n  background: white;\n  border-top: 1px solid #e0e0e0;\n  padding: 0;\n  \n  .nav-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: #666;\n    font-size: 12px;\n    border-right: 1px solid #e0e0e0;\n    \n    &:last-child {\n      border-right: none;\n    }\n    \n    &:hover {\n      background-color: #f5f5f5;\n      color: #2196f3;\n    }\n    \n    &.active {\n      background-color: #e3f2fd;\n      color: #2196f3;\n      font-weight: 600;\n      \n      i {\n        color: #2196f3;\n      }\n    }\n    \n    i {\n      font-size: 18px;\n      margin-bottom: 4px;\n      color: inherit;\n    }\n    \n    span {\n      font-size: 11px;\n      text-align: center;\n      line-height: 1.2;\n    }\n  }\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.spinner-ring[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 3px solid transparent;\n  border-radius: 50%;\n  animation: _ngcontent-%COMP%_spin 1.5s linear infinite;\n  \n  &:nth-child(1) {\n    border-top-color: #2196f3;\n    animation-delay: 0s;\n  }\n  \n  &:nth-child(2) {\n    border-top-color: #9c27b0;\n    animation-delay: 0.3s;\n    transform: scale(0.8);\n  }\n  \n  &:nth-child(3) {\n    border-top-color: #ff6b35;\n    animation-delay: 0.6s;\n    transform: scale(0.6);\n  }\n}\n\n.loading-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #666;\n  font-weight: 500;\n  text-align: center;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}"] });
 AIDashboardComponent = __decorate([
     RegisterClass(BaseDashboard, 'AIDashboard')
 ], AIDashboardComponent);
 export { AIDashboardComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'mj-ai-dashboard', template: "<div class=\"ai-dashboard-container\" mjFillContainer [rightMargin]=\"8\" [bottomMargin]=\"8\">\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <div class=\"loading-content\">\n        <div class=\"loading-spinner\">\n          <div class=\"spinner-ring\"></div>\n          <div class=\"spinner-ring\"></div>\n          <div class=\"spinner-ring\"></div>\n        </div>\n        <div class=\"loading-text\">Loading AI Dashboard...</div>\n      </div>\n    </div>\n  }\n  \n  @if (!isLoading) {\n    <div class=\"dashboard-content-wrapper\">\n      <div class=\"dashboard-content\">\n        @if (activeTab === 'models') {\n          <app-model-management\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            mjFillContainer>\n          </app-model-management>\n        }\n        \n        @if (activeTab === 'prompts') {\n          <app-prompt-management\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onPromptManagementStateChange($event)\"\n            mjFillContainer>\n          </app-prompt-management>\n        }\n        \n        @if (activeTab === 'agents') {\n          <app-agent-configuration\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onAgentConfigurationStateChange($event)\"\n            mjFillContainer>\n          </app-agent-configuration>\n        }\n        \n        @if (activeTab === 'monitoring') {\n          <app-execution-monitoring\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            mjFillContainer>\n          </app-execution-monitoring>\n        }\n        \n        @if (activeTab === 'config') {\n          <app-system-configuration\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onSystemConfigurationStateChange($event)\"\n            mjFillContainer>\n          </app-system-configuration>\n        }\n      </div>\n      \n      <div class=\"ai-dashboard-nav\">\n        @for (navItem of navigationConfig; track $index) {\n          <div \n            class=\"nav-item\"\n            [class.active]=\"navItem.selected\"\n            (click)=\"onTabChange(navigationItems[$index])\">\n            <i [class]=\"navItem.icon\"></i>\n            <span>{{ navItem.text }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>", styles: [".ai-dashboard-container {\n  overflow: hidden;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dashboard-header {\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  .header-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n  }\n  \n  .current-tab-info {\n    font-size: 12px;\n    color: #2196f3;\n    font-weight: 600;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid rgba(33, 150, 243, 0.2);\n  }\n  \n  .header-controls {\n    display: flex;\n    gap: 8px;\n    \n    .control-btn {\n      padding: 8px 12px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: white;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f0f0f0;\n        border-color: #2196f3;\n      }\n      \n      &.active {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n      }\n      \n      &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n        \n        &:hover {\n          background-color: white;\n          border-color: #ccc;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n.loading-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #fafafa;\n  flex: 1;\n  \n  p {\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n.dashboard-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.dashboard-content {\n  overflow: hidden;\n  flex: 1;\n}\n\n.ai-dashboard-nav {\n  flex-shrink: 0;\n  display: flex;\n  background: white;\n  border-top: 1px solid #e0e0e0;\n  padding: 0;\n  \n  .nav-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: #666;\n    font-size: 12px;\n    border-right: 1px solid #e0e0e0;\n    \n    &:last-child {\n      border-right: none;\n    }\n    \n    &:hover {\n      background-color: #f5f5f5;\n      color: #2196f3;\n    }\n    \n    &.active {\n      background-color: #e3f2fd;\n      color: #2196f3;\n      font-weight: 600;\n      \n      i {\n        color: #2196f3;\n      }\n    }\n    \n    i {\n      font-size: 18px;\n      margin-bottom: 4px;\n      color: inherit;\n    }\n    \n    span {\n      font-size: 11px;\n      text-align: center;\n      line-height: 1.2;\n    }\n  }\n}\n\n.loading-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.loading-spinner {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.spinner-ring {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 3px solid transparent;\n  border-radius: 50%;\n  animation: spin 1.5s linear infinite;\n  \n  &:nth-child(1) {\n    border-top-color: #2196f3;\n    animation-delay: 0s;\n  }\n  \n  &:nth-child(2) {\n    border-top-color: #9c27b0;\n    animation-delay: 0.3s;\n    transform: scale(0.8);\n  }\n  \n  &:nth-child(3) {\n    border-top-color: #ff6b35;\n    animation-delay: 0.6s;\n    transform: scale(0.6);\n  }\n}\n\n.loading-text {\n  font-size: 14px;\n  color: #666;\n  font-weight: 500;\n  text-align: center;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}"] }]
+        args: [{ selector: 'mj-ai-dashboard', template: "<div class=\"ai-dashboard-container\" mjFillContainer [rightMargin]=\"8\" [bottomMargin]=\"8\">\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <div class=\"loading-content\">\n        <div class=\"loading-spinner\">\n          <div class=\"spinner-ring\"></div>\n          <div class=\"spinner-ring\"></div>\n          <div class=\"spinner-ring\"></div>\n        </div>\n        <div class=\"loading-text\">Loading AI Dashboard...</div>\n      </div>\n    </div>\n  }\n  \n  @if (!isLoading) {\n    <div class=\"dashboard-content-wrapper\">\n      <div class=\"dashboard-content\">\n        @if (activeTab === 'models') {\n          <app-model-management\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            mjFillContainer>\n          </app-model-management>\n        }\n        \n        @if (activeTab === 'prompts') {\n          <app-prompt-management\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onPromptManagementStateChange($event)\"\n            mjFillContainer>\n          </app-prompt-management>\n        }\n        \n        @if (activeTab === 'agents') {\n          <app-agent-configuration\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onAgentConfigurationStateChange($event)\"\n            mjFillContainer>\n          </app-agent-configuration>\n        }\n        \n        @if (activeTab === 'monitoring') {\n          <app-execution-monitoring\n            [initialState]=\"executionMonitoringState\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onExecutionMonitoringStateChange($event)\"\n            mjFillContainer>\n          </app-execution-monitoring>\n        }\n        \n        @if (activeTab === 'config') {\n          <app-system-configuration\n            (openEntityRecord)=\"onOpenEntityRecord($event)\"\n            (stateChange)=\"onSystemConfigurationStateChange($event)\"\n            mjFillContainer>\n          </app-system-configuration>\n        }\n      </div>\n      \n      <div class=\"ai-dashboard-nav\">\n        @for (navItem of navigationConfig; track $index) {\n          <div \n            class=\"nav-item\"\n            [class.active]=\"navItem.selected\"\n            (click)=\"onTabChange(navigationItems[$index])\">\n            <i [class]=\"navItem.icon\"></i>\n            <span>{{ navItem.text }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>", styles: [".ai-dashboard-container {\n  overflow: hidden;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.dashboard-header {\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  \n  .header-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n  }\n  \n  .current-tab-info {\n    font-size: 12px;\n    color: #2196f3;\n    font-weight: 600;\n    background: rgba(33, 150, 243, 0.1);\n    padding: 4px 8px;\n    border-radius: 4px;\n    border: 1px solid rgba(33, 150, 243, 0.2);\n  }\n  \n  .header-controls {\n    display: flex;\n    gap: 8px;\n    \n    .control-btn {\n      padding: 8px 12px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      background: white;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.2s;\n      \n      &:hover {\n        background-color: #f0f0f0;\n        border-color: #2196f3;\n      }\n      \n      &.active {\n        background-color: #2196f3;\n        border-color: #2196f3;\n        color: white;\n      }\n      \n      &:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n        \n        &:hover {\n          background-color: white;\n          border-color: #ccc;\n        }\n      }\n      \n      .fa-solid {\n        font-size: 14px;\n      }\n    }\n  }\n}\n\n.loading-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: #fafafa;\n  flex: 1;\n  \n  p {\n    color: #666;\n    font-size: 14px;\n  }\n}\n\n.dashboard-content-wrapper {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n.dashboard-content {\n  overflow: hidden;\n  flex: 1;\n}\n\n.ai-dashboard-nav {\n  flex-shrink: 0;\n  display: flex;\n  background: white;\n  border-top: 1px solid #e0e0e0;\n  padding: 0;\n  \n  .nav-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: #666;\n    font-size: 12px;\n    border-right: 1px solid #e0e0e0;\n    \n    &:last-child {\n      border-right: none;\n    }\n    \n    &:hover {\n      background-color: #f5f5f5;\n      color: #2196f3;\n    }\n    \n    &.active {\n      background-color: #e3f2fd;\n      color: #2196f3;\n      font-weight: 600;\n      \n      i {\n        color: #2196f3;\n      }\n    }\n    \n    i {\n      font-size: 18px;\n      margin-bottom: 4px;\n      color: inherit;\n    }\n    \n    span {\n      font-size: 11px;\n      text-align: center;\n      line-height: 1.2;\n    }\n  }\n}\n\n.loading-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.loading-spinner {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.spinner-ring {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  border: 3px solid transparent;\n  border-radius: 50%;\n  animation: spin 1.5s linear infinite;\n  \n  &:nth-child(1) {\n    border-top-color: #2196f3;\n    animation-delay: 0s;\n  }\n  \n  &:nth-child(2) {\n    border-top-color: #9c27b0;\n    animation-delay: 0.3s;\n    transform: scale(0.8);\n  }\n  \n  &:nth-child(3) {\n    border-top-color: #ff6b35;\n    animation-delay: 0.6s;\n    transform: scale(0.6);\n  }\n}\n\n.loading-text {\n  font-size: 14px;\n  color: #666;\n  font-weight: 500;\n  text-align: center;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}"] }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIDashboardComponent, { className: "AIDashboardComponent", filePath: "src/AI/ai-dashboard.component.ts", lineNumber: 23 }); })();
 export function LoadAIDashboard() {

package/dist/AI/ai-dashboard.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-dashboard.component.js","sourceRoot":"","sources":["../../src/AI/ai-dashboard.component.ts","../../src/AI/ai-dashboard.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-dashboard.component.js","sourceRoot":"","sources":["../../src/AI/ai-dashboard.component.ts","../../src/AI/ai-dashboard.component.html"],"names":[],"mappings":"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"}