@memberjunction/ng-dashboards 5.38.0 → 5.40.0

package/dist/AI/components/vectors/vector-management-resource.component.js

@@ -18,11 +18,11 @@ import { takeUntil } from 'rxjs/operators';
 import { RunView } from '@memberjunction/core';
 import { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
-import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { BaseResourceComponent, NavigationService, ActivityService } from '@memberjunction/ng-shared';
 import { GraphQLAIClient } from '@memberjunction/graphql-dataprovider';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
-import { CronToHumanReadable } from '../autotagging/autotagging-pipeline-resource.component';
+import { CronToHumanReadable } from '../autotagging/shared/classify.format';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
@@ -80,7 +80,7 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_For_3_Tem
 } }
 function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 23);
-    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No entity documents configured for vectorization.");
     i0.ɵɵelementEnd()();
@@ -98,7 +98,7 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵtextInterpolate1(" ", row_r7.Status, " ");
 } }
 function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 60);
+    i0.ɵɵelement(0, "i", 61);
     i0.ɵɵtext(1);
 } if (rf & 2) {
     const row_r7 = i0.ɵɵnextContext().$implicit;
@@ -106,39 +106,39 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵtextInterpolate1(" ", row_r7.PercentComplete > 0 ? row_r7.PercentComplete + "%" : "Sync", " ");
 } }
 function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 61);
+    i0.ɵɵelement(0, "i", 62);
     i0.ɵɵtext(1, " Sync ");
 } }
 function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr")(1, "td", 49);
+    i0.ɵɵelementStart(0, "tr")(1, "td", 50);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 50);
+    i0.ɵɵelementStart(3, "td", 51);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 51);
+    i0.ɵɵelementStart(5, "td", 52);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 52);
+    i0.ɵɵelementStart(8, "td", 53);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td")(11, "span", 53);
+    i0.ɵɵelementStart(10, "td")(11, "span", 54);
     i0.ɵɵelement(12, "i");
     i0.ɵɵconditionalCreate(13, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Conditional_13_Template, 1, 1)(14, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Conditional_14_Template, 1, 1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "td", 54)(16, "button", 55);
+    i0.ɵɵelementStart(15, "td", 55)(16, "button", 56);
     i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Template_button_click_16_listener() { const row_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SyncEntity(row_r7.EntityDocumentID)); });
     i0.ɵɵconditionalCreate(17, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Conditional_17_Template, 2, 1)(18, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Conditional_18_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "button", 56);
+    i0.ɵɵelementStart(19, "button", 57);
     i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Template_button_click_19_listener() { const row_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OpenScheduleSyncDialog(row_r7.EntityDocumentID)); });
-    i0.ɵɵelement(20, "i", 57);
+    i0.ɵɵelement(20, "i", 58);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "button", 58);
+    i0.ɵɵelementStart(21, "button", 59);
     i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_For_18_Template_button_click_21_listener() { const row_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OpenEditPanel(row_r7.EntityDocumentID)); });
-    i0.ɵɵelement(22, "i", 59);
+    i0.ɵɵelement(22, "i", 60);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const row_r7 = ctx.$implicit;
@@ -163,13 +163,13 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵconditional(ctx_r1.SyncingIds.has(row_r7.EntityDocumentID) ? 17 : 18);
 } }
 function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24)(1, "table", 46)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵelementStart(0, "div", 24)(1, "table", 47)(2, "thead")(3, "tr")(4, "th");
     i0.ɵɵtext(5, "Entity");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "th");
     i0.ɵɵtext(7, "Document");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th", 47);
+    i0.ɵɵelementStart(8, "th", 48);
     i0.ɵɵtext(9, "Vectors");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "th");
@@ -178,7 +178,7 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵelementStart(12, "th");
     i0.ɵɵtext(13, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th", 48);
+    i0.ɵɵelementStart(14, "th", 49);
     i0.ɵɵtext(15, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(16, "tbody");
@@ -189,11 +189,20 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(17);
     i0.ɵɵrepeater(ctx_r1.SyncRows);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35)(1, "span", 36);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.VectorDBStatusReason);
+} }
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36)(1, "span", 37);
     i0.ɵɵtext(2, "Dimensions");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 37);
+    i0.ɵɵelementStart(3, "span", 63);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "number");
     i0.ɵɵelementEnd()();
@@ -202,16 +211,16 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, ctx_r1.EmbeddingModel.Dimensions));
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 60);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 61);
     i0.ɵɵtext(1, " Regenerating... ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 19);
     i0.ɵɵtext(1, " Regenerate with AI ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_24_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 87);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_24_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 89);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -219,20 +228,20 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(field_r9);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 70)(1, "label", 71);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72)(1, "label", 73);
     i0.ɵɵtext(2, "Selected Fields");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 86);
-    i0.ɵɵrepeaterCreate(4, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_24_For_5_Template, 2, 1, "span", 87, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 88);
+    i0.ɵɵrepeaterCreate(4, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_24_For_5_Template, 2, 1, "span", 89, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r1.EditDocSelectedFields);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_For_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 79);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_For_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -241,8 +250,8 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(model_r10.Name);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_For_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 79);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_For_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -251,8 +260,8 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(db_r11.Name);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_44_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 79);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_44_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -261,14 +270,14 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(idx_r13.Name);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_44_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_44_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocVectorIndexID, $event) || (ctx_r1.EditDocVectorIndexID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(1, "option", 88);
+    i0.ɵɵelementStart(0, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_44_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocVectorIndexID, $event) || (ctx_r1.EditDocVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 90);
     i0.ɵɵtext(2, "Auto (create/find matching index)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_44_For_4_Template, 2, 2, "option", 79, _forTrack2);
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_44_For_4_Template, 2, 2, "option", 81, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -276,100 +285,100 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.EditFilteredIndexes);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 81);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 83);
     i0.ɵɵtext(1, " No indexes for this database \u2014 one will be created automatically on sync ");
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 85);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 87);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 89);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_56_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SaveEditedDocument()); });
-    i0.ɵɵelement(1, "i", 90);
+    i0.ɵɵelementStart(0, "button", 91);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_56_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SaveEditedDocument()); });
+    i0.ɵɵelement(1, "i", 92);
     i0.ɵɵtext(2, " Save Changes ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 91);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_56_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.DeleteEntityDocument()); });
-    i0.ɵɵelement(4, "i", 92);
+    i0.ɵɵelementStart(3, "button", 93);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_56_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.DeleteEntityDocument()); });
+    i0.ɵɵelement(4, "i", 94);
     i0.ɵɵtext(5, " Delete ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 93);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_56_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
+    i0.ɵɵelementStart(6, "button", 95);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_56_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
     i0.ɵɵtext(7, " Cancel ");
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
-    i0.ɵɵelementStart(1, "div", 63);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 64)(3, "h3", 65);
-    i0.ɵɵelement(4, "i", 59);
+    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
+    i0.ɵɵelementStart(1, "div", 65);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 66)(3, "h3", 67);
+    i0.ɵɵelement(4, "i", 60);
     i0.ɵɵtext(5, " Edit Entity Document ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 66);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
-    i0.ɵɵelement(7, "i", 67);
+    i0.ɵɵelementStart(6, "button", 68);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
+    i0.ɵɵelement(7, "i", 69);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 68)(9, "div", 69)(10, "div", 70)(11, "label", 71);
+    i0.ɵɵelementStart(8, "div", 70)(9, "div", 71)(10, "div", 72)(11, "label", 73);
     i0.ɵɵtext(12, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "span", 72);
+    i0.ɵɵelementStart(13, "span", 74);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 70)(16, "div", 73)(17, "label", 71);
+    i0.ɵɵelementStart(15, "div", 72)(16, "div", 75)(17, "label", 73);
     i0.ɵɵtext(18, "Template");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "button", 74);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RegenerateTemplate()); });
-    i0.ɵɵconditionalCreate(20, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_20_Template, 2, 0)(21, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_21_Template, 2, 0);
+    i0.ɵɵelementStart(19, "button", 76);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RegenerateTemplate()); });
+    i0.ɵɵconditionalCreate(20, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_20_Template, 2, 0)(21, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_21_Template, 2, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 75)(23, "mj-code-editor", 76);
-    i0.ɵɵlistener("change", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_mj_code_editor_change_23_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnEditTemplateChange($event)); });
+    i0.ɵɵelementStart(22, "div", 77)(23, "mj-code-editor", 78);
+    i0.ɵɵlistener("change", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_mj_code_editor_change_23_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnEditTemplateChange($event)); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(24, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_24_Template, 6, 0, "div", 70);
-    i0.ɵɵelementStart(25, "div", 70)(26, "label", 71);
+    i0.ɵɵconditionalCreate(24, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_24_Template, 6, 0, "div", 72);
+    i0.ɵɵelementStart(25, "div", 72)(26, "label", 73);
     i0.ɵɵtext(27, "Document Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "input", 77);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_input_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocName, $event) || (ctx_r1.EditDocName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(28, "input", 79);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_input_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocName, $event) || (ctx_r1.EditDocName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 70)(30, "label", 71);
+    i0.ɵɵelementStart(29, "div", 72)(30, "label", 73);
     i0.ɵɵtext(31, "Embedding Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_select_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocAIModelID, $event) || (ctx_r1.EditDocAIModelID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(33, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_For_34_Template, 2, 2, "option", 79, _forTrack2);
+    i0.ɵɵelementStart(32, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_select_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocAIModelID, $event) || (ctx_r1.EditDocAIModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(33, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_For_34_Template, 2, 2, "option", 81, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(35, "div", 70)(36, "label", 71);
+    i0.ɵɵelementStart(35, "div", 72)(36, "label", 73);
     i0.ɵɵtext(37, "Vector Database");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_select_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocVectorDBID, $event) || (ctx_r1.EditDocVectorDBID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(39, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_For_40_Template, 2, 2, "option", 79, _forTrack2);
+    i0.ɵɵelementStart(38, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_select_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocVectorDBID, $event) || (ctx_r1.EditDocVectorDBID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(39, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_For_40_Template, 2, 2, "option", 81, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(41, "div", 70)(42, "label", 71);
+    i0.ɵɵelementStart(41, "div", 72)(42, "label", 73);
     i0.ɵɵtext(43, "Vector Index");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(44, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_44_Template, 5, 1, "select", 80)(45, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_45_Template, 2, 0, "span", 81);
+    i0.ɵɵconditionalCreate(44, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_44_Template, 5, 1, "select", 82)(45, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_45_Template, 2, 0, "span", 83);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "div", 70)(47, "label", 71);
+    i0.ɵɵelementStart(46, "div", 72)(47, "label", 73);
     i0.ɵɵtext(48, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template_select_ngModelChange_49_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocStatus, $event) || (ctx_r1.EditDocStatus = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(50, "option", 82);
+    i0.ɵɵelementStart(49, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_select_ngModelChange_49_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.EditDocStatus, $event) || (ctx_r1.EditDocStatus = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(50, "option", 84);
     i0.ɵɵtext(51, "Active");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "option", 83);
+    i0.ɵɵelementStart(52, "option", 85);
     i0.ɵɵtext(53, "Inactive");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(54, "div", 84);
-    i0.ɵɵconditionalCreate(55, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_55_Template, 1, 0, "mj-loading", 85)(56, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Conditional_56_Template, 8, 0);
+    i0.ɵɵelementStart(54, "div", 86);
+    i0.ɵɵconditionalCreate(55, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_55_Template, 1, 0, "mj-loading", 87)(56, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_56_Template, 8, 0);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -400,65 +409,65 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(6);
     i0.ɵɵconditional(ctx_r1.IsEditSaving || ctx_r1.IsEditDeleting ? 55 : 56);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 85);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 87);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Conditional_33_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 89);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_33_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SaveScheduleSync()); });
-    i0.ɵɵelement(1, "i", 100);
+    i0.ɵɵelementStart(0, "button", 91);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Conditional_33_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SaveScheduleSync()); });
+    i0.ɵɵelement(1, "i", 102);
     i0.ɵɵtext(2, " Create Schedule ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 93);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_33_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CloseScheduleSyncDialog()); });
+    i0.ɵɵelementStart(3, "button", 95);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Conditional_33_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CloseScheduleSyncDialog()); });
     i0.ɵɵtext(4, " Cancel ");
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseScheduleSyncDialog()); });
-    i0.ɵɵelementStart(1, "div", 94);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r15); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 64)(3, "h3", 65);
-    i0.ɵɵelement(4, "i", 57);
+    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseScheduleSyncDialog()); });
+    i0.ɵɵelementStart(1, "div", 96);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r15); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 66)(3, "h3", 67);
+    i0.ɵɵelement(4, "i", 58);
     i0.ɵɵtext(5, " Schedule Vector Sync ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 66);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseScheduleSyncDialog()); });
-    i0.ɵɵelement(7, "i", 67);
+    i0.ɵɵelementStart(6, "button", 68);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseScheduleSyncDialog()); });
+    i0.ɵɵelement(7, "i", 69);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 68)(9, "div", 69)(10, "div", 70)(11, "label", 71);
+    i0.ɵɵelementStart(8, "div", 70)(9, "div", 71)(10, "div", 72)(11, "label", 73);
     i0.ɵɵtext(12, "Entity Document");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "span", 72);
+    i0.ɵɵelementStart(13, "span", 74);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 70)(16, "label", 71);
+    i0.ɵɵelementStart(15, "div", 72)(16, "label", 73);
     i0.ɵɵtext(17, "Action");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "span", 72);
+    i0.ɵɵelementStart(18, "span", 74);
     i0.ɵɵtext(19, "__VectorizeEntity");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 70)(21, "label", 71);
+    i0.ɵɵelementStart(20, "div", 72)(21, "label", 73);
     i0.ɵɵtext(22, "Cron Expression");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "input", 95);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_input_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleSyncCron, $event) || (ctx_r1.ScheduleSyncCron = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(23, "input", 97);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_input_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleSyncCron, $event) || (ctx_r1.ScheduleSyncCron = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 96);
-    i0.ɵɵelement(25, "i", 97);
+    i0.ɵɵelementStart(24, "div", 98);
+    i0.ɵɵelement(25, "i", 99);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 98)(28, "label", 71);
+    i0.ɵɵelementStart(27, "div", 100)(28, "label", 73);
     i0.ɵɵtext(29, "Enabled");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "input", 99);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleSyncEnabled, $event) || (ctx_r1.ScheduleSyncEnabled = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(30, "input", 101);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_input_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.ScheduleSyncEnabled, $event) || (ctx_r1.ScheduleSyncEnabled = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 84);
-    i0.ɵɵconditionalCreate(32, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_32_Template, 1, 0, "mj-loading", 85)(33, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Conditional_33_Template, 5, 0);
+    i0.ɵɵelementStart(31, "div", 86);
+    i0.ɵɵconditionalCreate(32, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Conditional_32_Template, 1, 0, "mj-loading", 87)(33, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Conditional_33_Template, 5, 0);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -473,34 +482,34 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.ScheduleSyncSaving ? 32 : 33);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseNoIndexWarning()); });
-    i0.ɵɵelementStart(1, "div", 101);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r17); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 102);
-    i0.ɵɵelement(3, "i", 103);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "h3", 104);
+    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseNoIndexWarning()); });
+    i0.ɵɵelementStart(1, "div", 103);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r17); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 104);
+    i0.ɵɵelement(3, "i", 105);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "h3", 106);
     i0.ɵɵtext(5, "Vector Index Required");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 105);
+    i0.ɵɵelementStart(6, "p", 107);
     i0.ɵɵtext(7, " You need to create at least one vector database and index before creating entity documents. Go to the Configuration section to set up a vector database and create an index. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 106)(9, "button", 89);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.GoToConfiguration()); });
-    i0.ɵɵelement(10, "i", 107);
+    i0.ɵɵelementStart(8, "div", 108)(9, "button", 91);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.GoToConfiguration()); });
+    i0.ɵɵelement(10, "i", 109);
     i0.ɵɵtext(11, " Go to Configuration ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 93);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseNoIndexWarning()); });
+    i0.ɵɵelementStart(12, "button", 95);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseNoIndexWarning()); });
     i0.ɵɵtext(13, " Close ");
     i0.ɵɵelementEnd()()()();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 121);
-    i0.ɵɵelementStart(1, "span", 122);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 123);
+    i0.ɵɵelementStart(1, "span", 124);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -508,17 +517,17 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.SuggestEntityName);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 123);
-    i0.ɵɵelementStart(1, "span", 124);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 125);
+    i0.ɵɵelementStart(1, "span", 126);
     i0.ɵɵtext(2, "Search and select an entity...");
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_For_7_For_5_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_For_7_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 134);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_For_7_For_5_Template_button_click_0_listener() { const entity_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.SelectEntity(entity_r22.Name)); });
-    i0.ɵɵelement(1, "i", 121);
+    i0.ɵɵelementStart(0, "button", 136);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_For_7_For_5_Template_button_click_0_listener() { const entity_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); return i0.ɵɵresetView(ctx_r1.SelectEntity(entity_r22.Name)); });
+    i0.ɵɵelement(1, "i", 123);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -528,12 +537,12 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", entity_r22.Name, " ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 129)(1, "div", 131);
-    i0.ɵɵelement(2, "i", 132);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 131)(1, "div", 133);
+    i0.ɵɵelement(2, "i", 134);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(4, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_For_7_For_5_Template, 3, 5, "button", 133, _forTrack2);
+    i0.ɵɵrepeaterCreate(4, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_For_7_For_5_Template, 3, 5, "button", 135, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r23 = ctx.$implicit;
@@ -542,8 +551,8 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵrepeater(group_r23.Entities);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 132);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -551,19 +560,19 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" No entities matching \"", ctx_r1.EntitySearchText, "\" ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 125);
-    i0.ɵɵlistener("mousedown", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r20); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(1, "div", 126);
-    i0.ɵɵelement(2, "i", 123);
-    i0.ɵɵelementStart(3, "input", 127, 1);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵtwoWayBindingSet(ctx_r1.EntitySearchText, $event) || (ctx_r1.EntitySearchText = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.FilterEntities()); })("keydown", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Template_input_keydown_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnEntityPickerKeyDown($event)); });
+    i0.ɵɵelementStart(0, "div", 127);
+    i0.ɵɵlistener("mousedown", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r20); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(1, "div", 128);
+    i0.ɵɵelement(2, "i", 125);
+    i0.ɵɵelementStart(3, "input", 129, 1);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵtwoWayBindingSet(ctx_r1.EntitySearchText, $event) || (ctx_r1.EntitySearchText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.FilterEntities()); })("keydown", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Template_input_keydown_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnEntityPickerKeyDown($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 128);
-    i0.ɵɵrepeaterCreate(6, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_For_7_Template, 6, 1, "div", 129, _forTrack3);
-    i0.ɵɵconditionalCreate(8, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Conditional_8_Template, 2, 1, "div", 130);
+    i0.ɵɵelementStart(5, "div", 130);
+    i0.ɵɵrepeaterCreate(6, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_For_7_Template, 6, 1, "div", 131, _forTrack3);
+    i0.ɵɵconditionalCreate(8, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Conditional_8_Template, 2, 1, "div", 132);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
@@ -574,17 +583,17 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.FilteredEntityGroups.length === 0 ? 8 : -1);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 60);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 61);
     i0.ɵɵtext(1, " Generating with AI... ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 19);
     i0.ɵɵtext(1, " Generate Template ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 120);
-    i0.ɵɵelement(1, "i", 135);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122);
+    i0.ɵɵelement(1, "i", 137);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -592,41 +601,41 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.SuggestionError, " ");
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 69)(1, "div", 70)(2, "label", 71);
+    i0.ɵɵelementStart(0, "div", 71)(1, "div", 72)(2, "label", 73);
     i0.ɵɵtext(3, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 110)(5, "button", 111);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ToggleEntityPicker()); });
-    i0.ɵɵconditionalCreate(6, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_6_Template, 3, 1)(7, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_7_Template, 3, 0);
-    i0.ɵɵelement(8, "i", 112);
+    i0.ɵɵelementStart(4, "div", 112)(5, "button", 113);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ToggleEntityPicker()); });
+    i0.ɵɵconditionalCreate(6, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_6_Template, 3, 1)(7, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_7_Template, 3, 0);
+    i0.ɵɵelement(8, "i", 114);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_9_Template, 9, 2, "div", 113);
+    i0.ɵɵconditionalCreate(9, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_9_Template, 9, 2, "div", 115);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 70)(11, "label", 71);
+    i0.ɵɵelementStart(10, "div", 72)(11, "label", 73);
     i0.ɵɵtext(12, "Use Case");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 114)(14, "button", 115);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SuggestUseCase = "duplicate detection"); });
-    i0.ɵɵelement(15, "i", 116);
+    i0.ɵɵelementStart(13, "div", 116)(14, "button", 117);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SuggestUseCase = "duplicate detection"); });
+    i0.ɵɵelement(15, "i", 118);
     i0.ɵɵtext(16, " Duplicate Detection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 115);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SuggestUseCase = "search"); });
-    i0.ɵɵelement(18, "i", 117);
+    i0.ɵɵelementStart(17, "button", 117);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SuggestUseCase = "search"); });
+    i0.ɵɵelement(18, "i", 119);
     i0.ɵɵtext(19, " Search ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "button", 115);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SuggestUseCase = "classification"); });
-    i0.ɵɵelement(21, "i", 118);
+    i0.ɵɵelementStart(20, "button", 117);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SuggestUseCase = "classification"); });
+    i0.ɵɵelement(21, "i", 120);
     i0.ɵɵtext(22, " Classification ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(23, "button", 119);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSuggestion()); });
-    i0.ɵɵconditionalCreate(24, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_24_Template, 2, 0)(25, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_25_Template, 2, 0);
+    i0.ɵɵelementStart(23, "button", 121);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSuggestion()); });
+    i0.ɵɵconditionalCreate(24, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_24_Template, 2, 0)(25, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_25_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(26, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Conditional_26_Template, 3, 1, "div", 120);
+    i0.ɵɵconditionalCreate(26, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Conditional_26_Template, 3, 1, "div", 122);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -647,8 +656,8 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.SuggestionError ? 26 : -1);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_For_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 87);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 89);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -656,11 +665,11 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(field_r25);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_12_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 146)(1, "span", 147);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_12_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148)(1, "span", 149);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 148);
+    i0.ɵɵelementStart(3, "span", 150);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -670,19 +679,19 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(rel_r26.fields.join(", "));
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136)(1, "h4", 137);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 138)(1, "h4", 139);
     i0.ɵɵtext(2, "Related Entities");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_12_For_4_Template, 5, 2, "div", 146, _forTrack4);
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_12_For_4_Template, 5, 2, "div", 148, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.SuggestionResult.selectedRelationships);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_For_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 79);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_For_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -691,8 +700,8 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(model_r27.Name);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_For_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 79);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_For_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -701,8 +710,8 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(db_r28.Name);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_49_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 79);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_49_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 81);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -711,14 +720,14 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(idx_r30.Name);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_49_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_49_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedVectorIndexID, $event) || (ctx_r1.SelectedVectorIndexID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(1, "option", 88);
+    i0.ɵɵelementStart(0, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_49_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(5); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedVectorIndexID, $event) || (ctx_r1.SelectedVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 90);
     i0.ɵɵtext(2, "Auto (create/find matching index)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_49_For_4_Template, 2, 2, "option", 79, _forTrack2);
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_49_For_4_Template, 2, 2, "option", 81, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
@@ -726,93 +735,93 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.FilteredIndexesForSelectedDB);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 81);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 83);
     i0.ɵɵtext(1, " No indexes yet \u2014 create one in Configuration > Vector Database, or one will be created on sync ");
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 145);
-    i0.ɵɵelement(1, "mj-loading", 85);
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 147);
+    i0.ɵɵelement(1, "mj-loading", 87);
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 89);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_53_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.SaveAsEntityDocument()); });
-    i0.ɵɵelement(1, "i", 149);
+    i0.ɵɵelementStart(0, "button", 91);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_53_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.SaveAsEntityDocument()); });
+    i0.ɵɵelement(1, "i", 151);
     i0.ɵɵtext(2, " Save as Entity Document ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 150);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_53_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.ClearSuggestion()); });
-    i0.ɵɵelement(4, "i", 151);
+    i0.ɵɵelementStart(3, "button", 152);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_53_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.ClearSuggestion()); });
+    i0.ɵɵelement(4, "i", 153);
     i0.ɵɵtext(5, " Try Again ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 93);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_53_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.CloseSuggestDialog()); });
+    i0.ɵɵelementStart(6, "button", 95);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_53_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.CloseSuggestDialog()); });
     i0.ɵɵtext(7, " Close ");
     i0.ɵɵelementEnd();
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 109)(1, "div", 136)(2, "h4", 137);
+    i0.ɵɵelementStart(0, "div", 111)(1, "div", 138)(2, "h4", 139);
     i0.ɵɵtext(3, "Suggested Template");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 75)(5, "mj-code-editor", 76);
-    i0.ɵɵlistener("change", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Template_mj_code_editor_change_5_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnTemplateChange($event)); });
+    i0.ɵɵelementStart(4, "div", 77)(5, "mj-code-editor", 78);
+    i0.ɵɵlistener("change", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Template_mj_code_editor_change_5_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnTemplateChange($event)); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "div", 136)(7, "h4", 137);
+    i0.ɵɵelementStart(6, "div", 138)(7, "h4", 139);
     i0.ɵɵtext(8, "Selected Fields");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 86);
-    i0.ɵɵrepeaterCreate(10, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_For_11_Template, 2, 1, "span", 87, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(9, "div", 88);
+    i0.ɵɵrepeaterCreate(10, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_For_11_Template, 2, 1, "span", 89, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_12_Template, 5, 0, "div", 136);
-    i0.ɵɵelementStart(13, "div", 138)(14, "div", 139)(15, "span", 140);
+    i0.ɵɵconditionalCreate(12, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_12_Template, 5, 0, "div", 138);
+    i0.ɵɵelementStart(13, "div", 140)(14, "div", 141)(15, "span", 142);
     i0.ɵɵtext(16, "Potential Match");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 141);
+    i0.ɵɵelementStart(17, "span", 143);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 139)(20, "span", 140);
+    i0.ɵɵelementStart(19, "div", 141)(20, "span", 142);
     i0.ɵɵtext(21, "Absolute Match");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "span", 141);
+    i0.ɵɵelementStart(22, "span", 143);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(24, "div", 136)(25, "h4", 137);
+    i0.ɵɵelementStart(24, "div", 138)(25, "h4", 139);
     i0.ɵɵtext(26, "Reasoning");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "p", 142);
+    i0.ɵɵelementStart(27, "p", 144);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 136)(30, "div", 70)(31, "label", 71);
+    i0.ɵɵelementStart(29, "div", 138)(30, "div", 72)(31, "label", 73);
     i0.ɵɵtext(32, "Document Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "input", 77);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Template_input_ngModelChange_33_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.SaveDocumentName, $event) || (ctx_r1.SaveDocumentName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(33, "input", 79);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Template_input_ngModelChange_33_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.SaveDocumentName, $event) || (ctx_r1.SaveDocumentName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(34, "div", 143)(35, "label", 71);
+    i0.ɵɵelementStart(34, "div", 145)(35, "label", 73);
     i0.ɵɵtext(36, "Embedding Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Template_select_ngModelChange_37_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedEmbeddingModelID, $event) || (ctx_r1.SelectedEmbeddingModelID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(38, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_For_39_Template, 2, 2, "option", 79, _forTrack2);
+    i0.ɵɵelementStart(37, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Template_select_ngModelChange_37_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedEmbeddingModelID, $event) || (ctx_r1.SelectedEmbeddingModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(38, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_For_39_Template, 2, 2, "option", 81, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 143)(41, "label", 71);
+    i0.ɵɵelementStart(40, "div", 145)(41, "label", 73);
     i0.ɵɵtext(42, "Vector Database");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "select", 78);
-    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Template_select_ngModelChange_43_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedVectorDBID, $event) || (ctx_r1.SelectedVectorDBID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(44, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_For_45_Template, 2, 2, "option", 79, _forTrack2);
+    i0.ɵɵelementStart(43, "select", 80);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Template_select_ngModelChange_43_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedVectorDBID, $event) || (ctx_r1.SelectedVectorDBID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(44, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_For_45_Template, 2, 2, "option", 81, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(46, "div", 143)(47, "label", 71);
+    i0.ɵɵelementStart(46, "div", 145)(47, "label", 73);
     i0.ɵɵtext(48, "Vector Index");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(49, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_49_Template, 5, 1, "select", 80)(50, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_50_Template, 2, 0, "span", 81);
+    i0.ɵɵconditionalCreate(49, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_49_Template, 5, 1, "select", 82)(50, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_50_Template, 2, 0, "span", 83);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(51, "div", 144);
-    i0.ɵɵconditionalCreate(52, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_52_Template, 2, 0, "div", 145)(53, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Conditional_53_Template, 8, 0);
+    i0.ɵɵelementStart(51, "div", 146);
+    i0.ɵɵconditionalCreate(52, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_52_Template, 2, 0, "div", 147)(53, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Conditional_53_Template, 8, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -843,22 +852,22 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Condition
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.IsSavingDocument ? 52 : 53);
 } }
-function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseSuggestDialog()); });
-    i0.ɵɵelementStart(1, "div", 108);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r18); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 64)(3, "h3", 65);
+    i0.ɵɵelementStart(0, "div", 64);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseSuggestDialog()); });
+    i0.ɵɵelementStart(1, "div", 110);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r18); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 66)(3, "h3", 67);
     i0.ɵɵelement(4, "i", 19);
     i0.ɵɵtext(5, " AI Document Suggestion ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 66);
-    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseSuggestDialog()); });
-    i0.ɵɵelement(7, "i", 67);
+    i0.ɵɵelementStart(6, "button", 68);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseSuggestDialog()); });
+    i0.ɵɵelement(7, "i", 69);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 68);
-    i0.ɵɵconditionalCreate(9, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_9_Template, 27, 11, "div", 69)(10, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Conditional_10_Template, 54, 12, "div", 109);
+    i0.ɵɵelementStart(8, "div", 70);
+    i0.ɵɵconditionalCreate(9, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_9_Template, 27, 11, "div", 71)(10, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Conditional_10_Template, 54, 12, "div", 111);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -900,37 +909,39 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Template(
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(29, "div", 32);
     i0.ɵɵtext(30);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 26)(32, "h4", 27);
-    i0.ɵɵelement(33, "i", 33);
-    i0.ɵɵtext(34, " Embedding Model ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 34)(36, "div", 35)(37, "span", 36);
-    i0.ɵɵtext(38, "Model");
+    i0.ɵɵconditionalCreate(31, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_31_Template, 2, 1, "div", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div", 26)(33, "h4", 27);
+    i0.ɵɵelement(34, "i", 34);
+    i0.ɵɵtext(35, " Embedding Model ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "span", 37);
-    i0.ɵɵtext(40);
+    i0.ɵɵelementStart(36, "div", 35)(37, "div", 36)(38, "span", 37);
+    i0.ɵɵtext(39, "Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "span", 38);
+    i0.ɵɵtext(41);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(41, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_41_Template, 6, 3, "div", 35);
+    i0.ɵɵconditionalCreate(42, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_42_Template, 6, 3, "div", 36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(42, "div", 26)(43, "h4", 27);
-    i0.ɵɵelement(44, "i", 38);
-    i0.ɵɵtext(45, " Vectorization Coverage ");
+    i0.ɵɵelementStart(43, "div", 26)(44, "h4", 27);
+    i0.ɵɵelement(45, "i", 39);
+    i0.ɵɵtext(46, " Vectorization Coverage ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "div", 39)(47, "div", 40);
-    i0.ɵɵelement(48, "div", 41);
+    i0.ɵɵelementStart(47, "div", 40)(48, "div", 41);
+    i0.ɵɵelement(49, "div", 42);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "div", 42);
-    i0.ɵɵtext(50);
+    i0.ɵɵelementStart(50, "div", 43);
+    i0.ɵɵtext(51);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(51, "div", 43);
-    i0.ɵɵtext(52);
-    i0.ɵɵpipe(53, "number");
+    i0.ɵɵelementStart(52, "div", 44);
+    i0.ɵɵtext(53);
+    i0.ɵɵpipe(54, "number");
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵconditionalCreate(54, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_54_Template, 57, 13, "div", 44);
-    i0.ɵɵconditionalCreate(55, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template, 34, 5, "div", 44);
-    i0.ɵɵconditionalCreate(56, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template, 14, 0, "div", 44);
-    i0.ɵɵconditionalCreate(57, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template, 11, 3, "div", 44);
+    i0.ɵɵconditionalCreate(55, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_55_Template, 57, 13, "div", 45);
+    i0.ɵɵconditionalCreate(56, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_56_Template, 34, 5, "div", 45);
+    i0.ɵɵconditionalCreate(57, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_57_Template, 14, 0, "div", 45);
+    i0.ɵɵconditionalCreate(58, VectorManagementResourceComponent_ng_template_2_Conditional_1_Conditional_58_Template, 11, 3, "div", 45);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
@@ -941,35 +952,42 @@ function VectorManagementResourceComponent_ng_template_2_Conditional_1_Template(
     i0.ɵɵclassMap(ctx_r1.DBHealthClass);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.VectorDBName);
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", ctx_r1.VectorDBStatusReason);
+    i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.VectorDBStatus);
-    i0.ɵɵadvance(10);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.VectorDBStatusReason ? 31 : -1);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("title", "Embeddings are generated by this model; the index above stores the resulting vectors.");
+    i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.EmbeddingModel.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.EmbeddingModel.Dimensions != null ? 41 : -1);
+    i0.ɵɵconditional(ctx_r1.EmbeddingModel.Dimensions != null ? 42 : -1);
     i0.ɵɵadvance(7);
     i0.ɵɵstyleProp("width", ctx_r1.StorageUsagePercent, "%");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r1.StorageLabel, " of records vectorized");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(53, 15, ctx_r1.TotalVectors), " vectors stored ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(54, 18, ctx_r1.TotalVectors), " vectors stored ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.ShowEditPanel ? 54 : -1);
+    i0.ɵɵconditional(ctx_r1.ShowEditPanel ? 55 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ShowScheduleSyncDialog ? 55 : -1);
+    i0.ɵɵconditional(ctx_r1.ShowScheduleSyncDialog ? 56 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ShowNoIndexWarning ? 56 : -1);
+    i0.ɵɵconditional(ctx_r1.ShowNoIndexWarning ? 57 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ShowSuggestDialog ? 57 : -1);
+    i0.ɵɵconditional(ctx_r1.ShowSuggestDialog ? 58 : -1);
 } }
 function VectorManagementResourceComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, VectorManagementResourceComponent_ng_template_2_Conditional_0_Template, 2, 0, "div", 7)(1, VectorManagementResourceComponent_ng_template_2_Conditional_1_Template, 58, 17);
+    i0.ɵɵconditionalCreate(0, VectorManagementResourceComponent_ng_template_2_Conditional_0_Template, 2, 0, "div", 7)(1, VectorManagementResourceComponent_ng_template_2_Conditional_1_Template, 59, 20);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.IsLoading ? 0 : 1);
 } }
 let VectorManagementResourceComponent = class VectorManagementResourceComponent extends BaseResourceComponent {
     cdr = inject(ChangeDetectorRef);
+    activityService = inject(ActivityService);
     navigationService = inject(NavigationService);
     destroy$ = new Subject();
     /** View mode: 'index' = Option A (shared index as hero, entity docs as children),
@@ -999,6 +1017,8 @@ let VectorManagementResourceComponent = class VectorManagementResourceComponent
     // --- Sidebar data ---
     VectorDBName = '';
     VectorDBStatus = 'Healthy';
+    /** Human-readable explanation of the current health status (shown as helper text / tooltip). */
+    VectorDBStatusReason = '';
     EmbeddingModel = { Name: '', Dimensions: null };
     StorageUsagePercent = 0;
     TotalVectors = 0;
@@ -1467,10 +1487,12 @@ let VectorManagementResourceComponent = class VectorManagementResourceComponent
             }
         `;
         let idleTimer = null;
+        const activityID = this.activityService.Start('Vector sync', { icon: 'fa-solid fa-cubes', detail: entityName, progress: 0 });
         const finishSync = (success) => {
             if (idleTimer)
                 clearTimeout(idleTimer);
             rxSub?.unsubscribe();
+            this.activityService.Complete(activityID, success ? 'success' : 'error', success ? `${entityName} vectorized` : `Failed for ${entityName}`);
             // Use setTimeout to defer state changes to the next macrotask,
             // avoiding ExpressionChangedAfterItHasBeenCheckedError.
             // (Promise.resolve microtasks run between Angular's check passes
@@ -1944,13 +1966,19 @@ let VectorManagementResourceComponent = class VectorManagementResourceComponent
         if (this.vectorDatabases.length > 0) {
             const db = this.vectorDatabases[0];
             this.VectorDBName = db.Name;
-            // Determine health based on whether we have records with vectors
+            // "Degraded" here doesn't mean the database is unhealthy — it means no
+            // records have been vectorized yet. Say that plainly so users don't
+            // chase a phantom outage.
             const hasVectors = this.TotalVectors > 0;
             this.VectorDBStatus = hasVectors ? 'Healthy' : 'Degraded';
+            this.VectorDBStatusReason = hasVectors
+                ? `${this.TotalVectors.toLocaleString()} vector(s) stored and queryable.`
+                : `Connected, but no records have been vectorized yet. Run a sync below to populate the index.`;
         }
         else {
             this.VectorDBName = 'Not configured';
             this.VectorDBStatus = 'Offline';
+            this.VectorDBStatusReason = 'No vector database is configured for this environment.';
         }
     }
     buildEmbeddingModelInfo() {
@@ -2233,7 +2261,7 @@ let VectorManagementResourceComponent = class VectorManagementResourceComponent
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entitySearchInput = _t.first);
-        } }, inputs: { HideToolbar: "HideToolbar" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["vectorBody", ""], ["entitySearchInput", ""], ["Title", "Vector Management", "Icon", "fa-solid fa-cubes", "Subtitle", "Vector index health, embeddings, and entity sync status"], ["actions", ""], [3, "KeyChange", "Options", "ActiveKey"], [3, "Flex"], [4, "ngTemplateOutlet"], [1, "vector-loading"], ["text", "Loading vector management data..."], [1, "vector-dashboard"], [1, "kpi-row"], [3, "data"], [1, "content-area"], [1, "sync-table-panel"], [1, "panel-header"], [1, "panel-title"], [1, "fa-solid", "fa-table-list"], [1, "panel-actions"], ["title", "Use AI to suggest an Entity Document template", 1, "suggest-btn", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "suggest-btn-text"], ["title", "Refresh data", 1, "refresh-btn", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "empty-state"], [1, "table-wrapper"], [1, "sidebar"], [1, "sidebar-card"], [1, "sidebar-title"], [1, "fa-solid", "fa-heart-pulse"], [1, "health-row"], [1, "health-dot"], [1, "health-label"], [1, "health-status"], [1, "fa-solid", "fa-microchip"], [1, "model-info"], [1, "info-row"], [1, "info-label"], [1, "info-value"], [1, "fa-solid", "fa-hard-drive"], [1, "gauge-container"], [1, "gauge-bar"], [1, "gauge-fill"], [1, "gauge-label"], [1, "storage-detail"], [1, "slide-panel-overlay"], [1, "fa-solid", "fa-folder-open"], [1, "sync-table"], [1, "text-right"], [1, "text-center"], [1, "entity-name"], [1, "document-name"], [1, "text-right", "vector-count"], [1, "last-synced"], [1, "status-badge"], [1, "text-center", "actions-cell"], ["title", "Sync now", 1, "sync-btn", 3, "click", "disabled"], ["title", "Schedule recurring sync", 1, "schedule-btn", 3, "click"], [1, "fa-regular", "fa-clock"], ["title", "Edit entity document", 1, "edit-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], [1, "slide-panel-overlay", 3, "click"], [1, "slide-panel", "open", 3, "click"], [1, "suggest-dialog-header"], [1, "suggest-dialog-title"], [1, "suggest-close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "suggest-dialog-body"], [1, "suggest-form"], [1, "suggest-field"], [1, "suggest-label"], [1, "edit-readonly-value"], [1, "edit-template-header"], ["title", "Regenerate template using AI", 1, "edit-regenerate-btn", 3, "click", "disabled"], [1, "template-editor-wrapper"], ["language", "markdown", 3, "change", "value", "readonly", "lineWrapping"], ["type", "text", 1, "suggest-input", 3, "ngModelChange", "ngModel"], [1, "suggest-select", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "suggest-select", 3, "ngModel"], [1, "edit-readonly-value", 2, "font-size", "13px", "color", "var(--mj-text-muted)"], ["value", "Active"], ["value", "Inactive"], [1, "result-actions", 2, "margin-top", "1rem"], ["text", "Saving...", "size", "small"], [1, "result-tags"], [1, "result-tag"], ["value", ""], [1, "suggest-submit-btn", 3, "click"], [1, "fa-solid", "fa-save"], [1, "edit-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "suggest-close-action", 3, "click"], [1, "schedule-dialog", 3, "click"], ["type", "text", "placeholder", "0 2 * * *", 1, "suggest-input", 3, "ngModelChange", "ngModel"], [1, "schedule-cron-preview"], [1, "fa-solid", "fa-info-circle"], [1, "suggest-field", "schedule-toggle-row"], ["type", "checkbox", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-check"], [1, "no-index-warning-dialog", 3, "click"], [1, "no-index-warning-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "no-index-warning-title"], [1, "no-index-warning-message"], [1, "no-index-warning-actions"], [1, "fa-solid", "fa-gear"], [1, "slide-panel", 3, "click"], [1, "suggest-result"], [1, "entity-picker"], [1, "entity-picker-trigger", 3, "click"], [1, "fa-solid", "fa-chevron-down", "entity-picker-arrow"], [1, "entity-picker-dropdown"], [1, "use-case-options"], [1, "use-case-btn", 3, "click"], [1, "fa-solid", "fa-clone"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-tags"], [1, "suggest-submit-btn", 3, "click", "disabled"], [1, "suggestion-error"], [1, "fa-solid", "fa-table"], [1, "entity-picker-value"], [1, "fa-solid", "fa-search"], [1, "entity-picker-placeholder"], [1, "entity-picker-dropdown", 3, "mousedown"], [1, "entity-picker-search"], ["type", "text", "placeholder", "Filter entities...", 1, "entity-picker-search-input", 3, "ngModelChange", "input", "keydown", "ngModel"], [1, "entity-picker-list"], [1, "entity-picker-group"], [1, "entity-picker-empty"], [1, "entity-picker-group-header"], [1, "fa-solid", "fa-database"], [1, "entity-picker-item", 3, "entity-picker-item-selected", "entity-picker-item-focused"], [1, "entity-picker-item", 3, "click"], [1, "fa-solid", "fa-circle-exclamation"], [1, "result-section"], [1, "result-heading"], [1, "result-section", "result-thresholds"], [1, "threshold-item"], [1, "threshold-label"], [1, "threshold-value"], [1, "result-reasoning"], [1, "suggest-field", 2, "margin-top", "0.75rem"], [1, "result-actions"], [1, "save-spinner"], [1, "result-relationship"], [1, "rel-name"], [1, "rel-fields"], [1, "fa-solid", "fa-floppy-disk"], [1, "suggest-submit-btn", "suggest-try-again-btn", 3, "click"], [1, "fa-solid", "fa-rotate"]], template: function VectorManagementResourceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { HideToolbar: "HideToolbar" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["vectorBody", ""], ["entitySearchInput", ""], ["Title", "Vector Management", "Icon", "fa-solid fa-cubes", "Subtitle", "Vector index health, embeddings, and entity sync status"], ["actions", ""], [3, "KeyChange", "Options", "ActiveKey"], [3, "Flex"], [4, "ngTemplateOutlet"], [1, "vector-loading"], ["text", "Loading vector management data..."], [1, "vector-dashboard"], [1, "kpi-row"], [3, "data"], [1, "content-area"], [1, "sync-table-panel"], [1, "panel-header"], [1, "panel-title"], [1, "fa-solid", "fa-table-list"], [1, "panel-actions"], ["title", "Use AI to suggest an Entity Document template", 1, "suggest-btn", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "suggest-btn-text"], ["title", "Refresh data", 1, "refresh-btn", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "empty-state"], [1, "table-wrapper"], [1, "sidebar"], [1, "sidebar-card"], [1, "sidebar-title"], [1, "fa-solid", "fa-heart-pulse"], [1, "health-row"], [1, "health-dot"], [1, "health-label"], [1, "health-status", 3, "title"], [1, "health-reason"], [1, "fa-solid", "fa-microchip"], [1, "model-info"], [1, "info-row"], [1, "info-label"], [1, "info-value", 3, "title"], [1, "fa-solid", "fa-hard-drive"], [1, "gauge-container"], [1, "gauge-bar"], [1, "gauge-fill"], [1, "gauge-label"], [1, "storage-detail"], [1, "slide-panel-overlay"], [1, "fa-solid", "fa-folder-open"], [1, "sync-table"], [1, "text-right"], [1, "text-center"], [1, "entity-name"], [1, "document-name"], [1, "text-right", "vector-count"], [1, "last-synced"], [1, "status-badge"], [1, "text-center", "actions-cell"], ["title", "Sync now", 1, "sync-btn", 3, "click", "disabled"], ["title", "Schedule recurring sync", 1, "schedule-btn", 3, "click"], [1, "fa-regular", "fa-clock"], ["title", "Edit entity document", 1, "edit-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"], [1, "info-value"], [1, "slide-panel-overlay", 3, "click"], [1, "slide-panel", "open", 3, "click"], [1, "suggest-dialog-header"], [1, "suggest-dialog-title"], [1, "suggest-close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "suggest-dialog-body"], [1, "suggest-form"], [1, "suggest-field"], [1, "suggest-label"], [1, "edit-readonly-value"], [1, "edit-template-header"], ["title", "Regenerate template using AI", 1, "edit-regenerate-btn", 3, "click", "disabled"], [1, "template-editor-wrapper"], ["language", "markdown", 3, "change", "value", "readonly", "lineWrapping"], ["type", "text", 1, "suggest-input", 3, "ngModelChange", "ngModel"], [1, "suggest-select", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "suggest-select", 3, "ngModel"], [1, "edit-readonly-value", 2, "font-size", "13px", "color", "var(--mj-text-muted)"], ["value", "Active"], ["value", "Inactive"], [1, "result-actions", 2, "margin-top", "1rem"], ["text", "Saving...", "size", "small"], [1, "result-tags"], [1, "result-tag"], ["value", ""], [1, "suggest-submit-btn", 3, "click"], [1, "fa-solid", "fa-save"], [1, "edit-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "suggest-close-action", 3, "click"], [1, "schedule-dialog", 3, "click"], ["type", "text", "placeholder", "0 2 * * *", 1, "suggest-input", 3, "ngModelChange", "ngModel"], [1, "schedule-cron-preview"], [1, "fa-solid", "fa-info-circle"], [1, "suggest-field", "schedule-toggle-row"], ["type", "checkbox", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-check"], [1, "no-index-warning-dialog", 3, "click"], [1, "no-index-warning-icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "no-index-warning-title"], [1, "no-index-warning-message"], [1, "no-index-warning-actions"], [1, "fa-solid", "fa-gear"], [1, "slide-panel", 3, "click"], [1, "suggest-result"], [1, "entity-picker"], [1, "entity-picker-trigger", 3, "click"], [1, "fa-solid", "fa-chevron-down", "entity-picker-arrow"], [1, "entity-picker-dropdown"], [1, "use-case-options"], [1, "use-case-btn", 3, "click"], [1, "fa-solid", "fa-clone"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-tags"], [1, "suggest-submit-btn", 3, "click", "disabled"], [1, "suggestion-error"], [1, "fa-solid", "fa-table"], [1, "entity-picker-value"], [1, "fa-solid", "fa-search"], [1, "entity-picker-placeholder"], [1, "entity-picker-dropdown", 3, "mousedown"], [1, "entity-picker-search"], ["type", "text", "placeholder", "Filter entities...", 1, "entity-picker-search-input", 3, "ngModelChange", "input", "keydown", "ngModel"], [1, "entity-picker-list"], [1, "entity-picker-group"], [1, "entity-picker-empty"], [1, "entity-picker-group-header"], [1, "fa-solid", "fa-database"], [1, "entity-picker-item", 3, "entity-picker-item-selected", "entity-picker-item-focused"], [1, "entity-picker-item", 3, "click"], [1, "fa-solid", "fa-circle-exclamation"], [1, "result-section"], [1, "result-heading"], [1, "result-section", "result-thresholds"], [1, "threshold-item"], [1, "threshold-label"], [1, "threshold-value"], [1, "result-reasoning"], [1, "suggest-field", 2, "margin-top", "0.75rem"], [1, "result-actions"], [1, "save-spinner"], [1, "result-relationship"], [1, "rel-name"], [1, "rel-fields"], [1, "fa-solid", "fa-floppy-disk"], [1, "suggest-submit-btn", "suggest-try-again-btn", 3, "click"], [1, "fa-solid", "fa-rotate"]], template: function VectorManagementResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, VectorManagementResourceComponent_Conditional_0_Template, 6, 4, "mj-page-layout");
             i0.ɵɵconditionalCreate(1, VectorManagementResourceComponent_Conditional_1_Template, 1, 1, "ng-container");
             i0.ɵɵtemplate(2, VectorManagementResourceComponent_ng_template_2_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
@@ -2241,7 +2269,7 @@ let VectorManagementResourceComponent = class VectorManagementResourceComponent
             i0.ɵɵconditional(!ctx.HideToolbar ? 0 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.HideToolbar ? 1 : -1);
-        } }, dependencies: [i1.NgTemplateOutlet, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.CodeEditorComponent, i4.LoadingComponent, i5.KPICardComponent, i6.MJPageHeaderComponent, i6.MJPageLayoutComponent, i6.MJPageBodyComponent, i6.MJViewToggleComponent, i1.DecimalPipe], styles: ["\n\n\n\n\n\n\n\n\n.vector-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 400px;\n}\n\n\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.25rem;\n    padding: 0 24px 0;\n    margin-bottom: -12px;\n}\n\n.view-mode-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.4rem 0.85rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.view-mode-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.view-mode-btn-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n\n\n.vector-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    padding: 24px;\n    background: var(--mj-bg-page);\n    min-height: 100%;\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n@media (max-width: 1200px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    gap: 24px;\n    align-items: start;\n}\n\n@media (max-width: 1024px) {\n    .content-area[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\n.sync-table-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.refresh-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.refresh-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 48px 24px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 36px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\n.table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n}\n\n.sync-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.sync-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    text-align: left;\n    white-space: nowrap;\n}\n\n.sync-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    vertical-align: middle;\n}\n\n.sync-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.sync-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.text-right[_ngcontent-%COMP%] {\n    text-align: right;\n}\n\n.text-center[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n}\n\n.document-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.vector-count[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: 600;\n}\n\n.last-synced[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    white-space: nowrap;\n}\n\n\n\n\n.actions-cell[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n}\n\n.schedule-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.schedule-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.edit-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n\n\n.schedule-dialog[_ngcontent-%COMP%] {\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n    overflow: hidden;\n}\n\n.schedule-cron-preview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 0 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n}\n\n.schedule-toggle-row[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n}\n\n.edit-delete-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-delete-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n.edit-readonly-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 8px 0;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n.status-synced[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n\n.status-syncing[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n\n.status-pending[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n\n\n\n.sync-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.sync-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.sync-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n\n\n.sidebar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.sidebar-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    padding: 16px 20px;\n}\n\n.sidebar-title[_ngcontent-%COMP%] {\n    margin: 0 0 14px 0;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.sidebar-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n\n\n.health-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 6px;\n}\n\n.health-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.health-healthy[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-success) 50%, transparent);\n}\n\n.health-degraded[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-warning) 50%, transparent);\n}\n\n.health-offline[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-error) 50%, transparent);\n}\n\n.health-label[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.health-status[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    padding-left: 18px;\n}\n\n\n\n.model-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.info-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n\n\n.gauge-container[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n.gauge-bar[_ngcontent-%COMP%] {\n    height: 8px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n    margin-bottom: 6px;\n}\n\n.gauge-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 4px;\n    background: var(--mj-brand-primary);\n    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    min-width: 2px;\n}\n\n.gauge-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.storage-detail[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.panel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\n\n.suggest-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.suggest-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary-hover);\n}\n\n\n\n.slide-panel-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 100000;\n}\n\n.slide-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    height: 100vh;\n    width: 480px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n    transform: translateX(100%);\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow-y: auto;\n}\n\n.slide-panel.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n}\n\n.suggest-dialog-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-dialog-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.suggest-dialog-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.suggest-close-btn[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    cursor: pointer;\n    padding: 4px;\n}\n\n.suggest-close-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.suggest-dialog-body[_ngcontent-%COMP%] {\n    padding: 24px;\n}\n\n\n\n.suggest-form[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.suggest-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.suggest-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.suggest-select[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n}\n\n.suggest-select[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n\n.use-case-options[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.use-case-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.use-case-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.use-case-btn-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.use-case-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n\n.entity-picker[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.entity-picker-trigger[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.15s;\n}\n\n.entity-picker-trigger[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.entity-picker-placeholder[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    flex: 1;\n}\n\n.entity-picker-value[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n}\n\n.entity-picker-arrow[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 0.2s;\n}\n\n.entity-picker-dropdown[_ngcontent-%COMP%] {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    box-shadow: 0 8px 32px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    z-index: 100;\n    max-height: 350px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.entity-picker-search[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-picker-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.entity-picker-search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n}\n\n.entity-picker-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.entity-picker-list[_ngcontent-%COMP%] {\n    overflow-y: auto;\n    max-height: 300px;\n    padding: 4px 0;\n}\n\n.entity-picker-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    position: sticky;\n    top: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n}\n\n.entity-picker-group-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.entity-picker-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 7px 14px 7px 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.entity-picker-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.entity-picker-item-selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.entity-picker-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.entity-picker-item-selected[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.entity-picker-item-focused[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n    outline: 2px solid var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.entity-picker-empty[_ngcontent-%COMP%] {\n    padding: 20px 14px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n\n\n\n.template-editor-wrapper[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    min-height: 120px;\n    max-height: 300px;\n}\n\n.template-editor-wrapper[_ngcontent-%COMP%]     .cm-editor {\n    min-height: 120px;\n    max-height: 300px;\n    font-size: 13px;\n}\n\n.suggest-submit-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 20px;\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 ease;\n}\n\n.suggest-submit-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.suggestion-error[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-radius: 6px;\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n.suggestion-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.suggest-submit-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.suggest-result[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.result-section[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    padding-bottom: 12px;\n}\n\n.result-section[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.result-heading[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.result-template[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    padding: 12px;\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-all;\n    margin: 0;\n}\n\n.result-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.result-tag[_ngcontent-%COMP%] {\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.result-relationship[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 4px 0;\n}\n\n.rel-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.rel-fields[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.result-thresholds[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n}\n\n.threshold-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.threshold-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.threshold-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.result-reasoning[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.result-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n}\n\n.suggest-close-action[_ngcontent-%COMP%] {\n    padding: 10px 20px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.suggest-close-action[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n.suggest-input[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.suggest-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n.suggest-try-again-btn[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    border: 1px solid var(--mj-brand-primary);\n}\n\n.suggest-try-again-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n\n\n.save-spinner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 0;\n}\n\n\n\n.edit-template-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.edit-regenerate-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 11px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.edit-regenerate-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.edit-regenerate-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.no-index-warning-dialog[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n    padding: 32px;\n    text-align: center;\n}\n\n.no-index-warning-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n.no-index-warning-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-status-warning);\n}\n\n.no-index-warning-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.no-index-warning-message[_ngcontent-%COMP%] {\n    margin: 0 0 24px 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n}\n\n.no-index-warning-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n    .panel-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .panel-actions[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n}\n\n@media (max-width: 600px) {\n    .slide-panel[_ngcontent-%COMP%] {\n        width: 100vw;\n        max-width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .vector-dashboard[_ngcontent-%COMP%] {\n        padding: 12px;\n    }\n\n    .suggest-btn[_ngcontent-%COMP%]   .suggest-btn-text[_ngcontent-%COMP%] {\n        display: none;\n    }\n}"] });
+        } }, dependencies: [i1.NgTemplateOutlet, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.CodeEditorComponent, i4.LoadingComponent, i5.KPICardComponent, i6.MJPageHeaderComponent, i6.MJPageLayoutComponent, i6.MJPageBodyComponent, i6.MJViewToggleComponent, i1.DecimalPipe], styles: ["\n\n\n\n\n\n\n\n\n.vector-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 400px;\n}\n\n\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.25rem;\n    padding: 0 24px 0;\n    margin-bottom: -12px;\n}\n\n.view-mode-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.4rem 0.85rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.view-mode-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.view-mode-btn-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n\n\n.vector-dashboard[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    padding: 24px;\n    background: var(--mj-bg-page);\n    min-height: 100%;\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n@media (max-width: 1200px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .kpi-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    gap: 24px;\n    align-items: start;\n}\n\n@media (max-width: 1024px) {\n    .content-area[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n}\n\n\n\n.sync-table-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.refresh-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.refresh-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 48px 24px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 36px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\n.table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n}\n\n.sync-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.sync-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    text-align: left;\n    white-space: nowrap;\n}\n\n.sync-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    vertical-align: middle;\n}\n\n.sync-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.sync-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.text-right[_ngcontent-%COMP%] {\n    text-align: right;\n}\n\n.text-center[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n}\n\n.document-name[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.vector-count[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: 600;\n}\n\n.last-synced[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    white-space: nowrap;\n}\n\n\n\n\n.actions-cell[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n}\n\n.schedule-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.schedule-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.edit-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n\n\n.schedule-dialog[_ngcontent-%COMP%] {\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n    overflow: hidden;\n}\n\n.schedule-cron-preview[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 0 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n}\n\n.schedule-toggle-row[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n}\n\n.edit-delete-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-delete-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n.edit-readonly-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 8px 0;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n.status-synced[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n\n.status-syncing[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.status-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n\n.status-pending[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n\n\n\n.sync-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.sync-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.sync-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n\n\n.sidebar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.sidebar-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    padding: 16px 20px;\n}\n\n.sidebar-title[_ngcontent-%COMP%] {\n    margin: 0 0 14px 0;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.sidebar-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n\n\n.health-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 6px;\n}\n\n.health-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.health-healthy[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-success) 50%, transparent);\n}\n\n.health-degraded[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-warning) 50%, transparent);\n}\n\n.health-offline[_ngcontent-%COMP%] {\n    background: var(--mj-status-error);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-error) 50%, transparent);\n}\n\n.health-label[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.health-status[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    padding-left: 18px;\n}\n\n.health-reason[_ngcontent-%COMP%] {\n    font-size: 11px;\n    line-height: 1.4;\n    color: var(--mj-text-muted);\n    padding-left: 18px;\n    margin-top: 4px;\n}\n\n\n\n.model-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.info-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n\n\n.gauge-container[_ngcontent-%COMP%] {\n    margin-bottom: 8px;\n}\n\n.gauge-bar[_ngcontent-%COMP%] {\n    height: 8px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n    margin-bottom: 6px;\n}\n\n.gauge-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 4px;\n    background: var(--mj-brand-primary);\n    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    min-width: 2px;\n}\n\n.gauge-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.storage-detail[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.panel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\n\n.suggest-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.suggest-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary-hover);\n}\n\n\n\n.slide-panel-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 100000;\n}\n\n.slide-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    height: 100vh;\n    width: 480px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n    transform: translateX(100%);\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow-y: auto;\n}\n\n.slide-panel.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n}\n\n.suggest-dialog-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-dialog-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.suggest-dialog-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.suggest-close-btn[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    cursor: pointer;\n    padding: 4px;\n}\n\n.suggest-close-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.suggest-dialog-body[_ngcontent-%COMP%] {\n    padding: 24px;\n}\n\n\n\n.suggest-form[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.suggest-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.suggest-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.suggest-select[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n}\n\n.suggest-select[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n\n.use-case-options[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.use-case-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.use-case-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.use-case-btn-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.use-case-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n\n\n\n.entity-picker[_ngcontent-%COMP%] {\n    position: relative;\n}\n\n.entity-picker-trigger[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.15s;\n}\n\n.entity-picker-trigger[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.entity-picker-placeholder[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    flex: 1;\n}\n\n.entity-picker-value[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n}\n\n.entity-picker-arrow[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 0.2s;\n}\n\n.entity-picker-dropdown[_ngcontent-%COMP%] {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    box-shadow: 0 8px 32px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    z-index: 100;\n    max-height: 350px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.entity-picker-search[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-picker-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.entity-picker-search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n}\n\n.entity-picker-search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.entity-picker-list[_ngcontent-%COMP%] {\n    overflow-y: auto;\n    max-height: 300px;\n    padding: 4px 0;\n}\n\n.entity-picker-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    position: sticky;\n    top: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n}\n\n.entity-picker-group-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.entity-picker-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 7px 14px 7px 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.entity-picker-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.entity-picker-item-selected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.entity-picker-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.entity-picker-item-selected[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.entity-picker-item-focused[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n    outline: 2px solid var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.entity-picker-empty[_ngcontent-%COMP%] {\n    padding: 20px 14px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n\n\n\n.template-editor-wrapper[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    min-height: 120px;\n    max-height: 300px;\n}\n\n.template-editor-wrapper[_ngcontent-%COMP%]     .cm-editor {\n    min-height: 120px;\n    max-height: 300px;\n    font-size: 13px;\n}\n\n.suggest-submit-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 20px;\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 ease;\n}\n\n.suggest-submit-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.suggestion-error[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-radius: 6px;\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n.suggestion-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.suggest-submit-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.suggest-result[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.result-section[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    padding-bottom: 12px;\n}\n\n.result-section[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.result-heading[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.result-template[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    padding: 12px;\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-all;\n    margin: 0;\n}\n\n.result-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.result-tag[_ngcontent-%COMP%] {\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.result-relationship[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 4px 0;\n}\n\n.rel-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.rel-fields[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.result-thresholds[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 24px;\n}\n\n.threshold-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.threshold-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.threshold-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.result-reasoning[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.result-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n}\n\n.suggest-close-action[_ngcontent-%COMP%] {\n    padding: 10px 20px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.suggest-close-action[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n.suggest-input[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.suggest-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n\n\n.suggest-try-again-btn[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    border: 1px solid var(--mj-brand-primary);\n}\n\n.suggest-try-again-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n\n\n.save-spinner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 0;\n}\n\n\n\n.edit-template-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.edit-regenerate-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 11px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.edit-regenerate-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.edit-regenerate-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.no-index-warning-dialog[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n    padding: 32px;\n    text-align: center;\n}\n\n.no-index-warning-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n.no-index-warning-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-status-warning);\n}\n\n.no-index-warning-title[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.no-index-warning-message[_ngcontent-%COMP%] {\n    margin: 0 0 24px 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n}\n\n.no-index-warning-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n    .panel-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .panel-actions[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n}\n\n@media (max-width: 600px) {\n    .slide-panel[_ngcontent-%COMP%] {\n        width: 100vw;\n        max-width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .vector-dashboard[_ngcontent-%COMP%] {\n        padding: 12px;\n    }\n\n    .suggest-btn[_ngcontent-%COMP%]   .suggest-btn-text[_ngcontent-%COMP%] {\n        display: none;\n    }\n}"] });
 };
 VectorManagementResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'VectorManagementResource')
@@ -2249,7 +2277,7 @@ VectorManagementResourceComponent = __decorate([
 export { VectorManagementResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VectorManagementResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-vector-management-resource', template: "@if (!HideToolbar) {\n  <mj-page-layout>\n    <mj-page-header\n      Title=\"Vector Management\"\n      Icon=\"fa-solid fa-cubes\"\n      Subtitle=\"Vector index health, embeddings, and entity sync status\">\n      <div actions>\n        <mj-view-toggle\n          [Options]=\"VectorViewOptions\"\n          [ActiveKey]=\"ViewMode\"\n          (KeyChange)=\"ViewMode = $any($event)\">\n        </mj-view-toggle>\n      </div>\n    </mj-page-header>\n    <mj-page-body [Flex]=\"true\">\n      <ng-container *ngTemplateOutlet=\"vectorBody\"></ng-container>\n    </mj-page-body>\n  </mj-page-layout>\n}\n@if (HideToolbar) {\n  <ng-container *ngTemplateOutlet=\"vectorBody\"></ng-container>\n}\n\n<ng-template #vectorBody>\n@if (IsLoading) {\n  <div class=\"vector-loading\">\n    <mj-loading text=\"Loading vector management data...\"></mj-loading>\n  </div>\n} @else {\n  <div class=\"vector-dashboard\">\n\n    <!-- KPI Cards Row -->\n    <div class=\"kpi-row\">\n      @for (card of KPICards; track card.title) {\n        <app-kpi-card [data]=\"card\"></app-kpi-card>\n      }\n    </div>\n\n    <!-- Main Content Area: Table + Sidebar -->\n    <div class=\"content-area\">\n      <!-- Entity Sync Table -->\n      <div class=\"sync-table-panel\">\n        <div class=\"panel-header\">\n          <h3 class=\"panel-title\">\n            <i class=\"fa-solid fa-table-list\"></i>\n            Entity Sync Status\n          </h3>\n          <div class=\"panel-actions\">\n            <button class=\"suggest-btn\" (click)=\"OpenSuggestDialog()\" title=\"Use AI to suggest an Entity Document template\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <span class=\"suggest-btn-text\">Suggest Document</span>\n            </button>\n            <button class=\"refresh-btn\" (click)=\"LoadData()\" title=\"Refresh data\">\n              <i class=\"fa-solid fa-arrows-rotate\"></i>\n              Refresh\n            </button>\n          </div>\n        </div>\n\n        @if (SyncRows.length === 0) {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-folder-open\"></i>\n            <p>No entity documents configured for vectorization.</p>\n          </div>\n        } @else {\n          <div class=\"table-wrapper\">\n            <table class=\"sync-table\">\n              <thead>\n                <tr>\n                  <th>Entity</th>\n                  <th>Document</th>\n                  <th class=\"text-right\">Vectors</th>\n                  <th>Last Synced</th>\n                  <th>Status</th>\n                  <th class=\"text-center\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (row of SyncRows; track row.EntityDocumentID) {\n                  <tr>\n                    <td class=\"entity-name\">{{ row.EntityName }}</td>\n                    <td class=\"document-name\">{{ row.DocumentName }}</td>\n                    <td class=\"text-right vector-count\">{{ row.VectorCount | number }}</td>\n                    <td class=\"last-synced\">{{ FormatDate(row.LastSynced) }}</td>\n                    <td>\n                      <span class=\"status-badge\" [class]=\"GetStatusClass(row.Status)\">\n                        <i [class]=\"GetStatusIcon(row.Status)\"></i>\n                        @if (row.Status === 'Syncing' && row.PercentComplete > 0) {\n                          {{ row.PercentComplete }}%\n                        } @else {\n                          {{ row.Status }}\n                        }\n                      </span>\n                    </td>\n                    <td class=\"text-center actions-cell\">\n                      <button\n                        class=\"sync-btn\"\n                        [disabled]=\"SyncingIds.has(row.EntityDocumentID)\"\n                        (click)=\"SyncEntity(row.EntityDocumentID)\"\n                        title=\"Sync now\">\n                        @if (SyncingIds.has(row.EntityDocumentID)) {\n                          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                          {{ row.PercentComplete > 0 ? row.PercentComplete + '%' : 'Sync' }}\n                        } @else {\n                          <i class=\"fa-solid fa-play\"></i>\n                          Sync\n                        }\n                      </button>\n                      <button\n                        class=\"schedule-btn\"\n                        (click)=\"OpenScheduleSyncDialog(row.EntityDocumentID)\"\n                        title=\"Schedule recurring sync\">\n                        <i class=\"fa-regular fa-clock\"></i>\n                      </button>\n                      <button\n                        class=\"edit-btn\"\n                        (click)=\"OpenEditPanel(row.EntityDocumentID)\"\n                        title=\"Edit entity document\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                      </button>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </div>\n        }\n      </div>\n\n      <!-- Sidebar Panels -->\n      <div class=\"sidebar\">\n        <!-- Vector DB Health -->\n        <div class=\"sidebar-card\">\n          <h4 class=\"sidebar-title\">\n            <i class=\"fa-solid fa-heart-pulse\"></i>\n            Vector DB Health\n          </h4>\n          <div class=\"health-row\">\n            <span class=\"health-dot\" [class]=\"DBHealthClass\"></span>\n            <span class=\"health-label\">{{ VectorDBName }}</span>\n          </div>\n          <div class=\"health-status\">{{ VectorDBStatus }}</div>\n        </div>\n\n        <!-- Embedding Model Info -->\n        <div class=\"sidebar-card\">\n          <h4 class=\"sidebar-title\">\n            <i class=\"fa-solid fa-microchip\"></i>\n            Embedding Model\n          </h4>\n          <div class=\"model-info\">\n            <div class=\"info-row\">\n              <span class=\"info-label\">Model</span>\n              <span class=\"info-value\">{{ EmbeddingModel.Name }}</span>\n            </div>\n            @if (EmbeddingModel.Dimensions != null) {\n              <div class=\"info-row\">\n                <span class=\"info-label\">Dimensions</span>\n                <span class=\"info-value\">{{ EmbeddingModel.Dimensions | number }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Storage Usage -->\n        <div class=\"sidebar-card\">\n          <h4 class=\"sidebar-title\">\n            <i class=\"fa-solid fa-hard-drive\"></i>\n            Vectorization Coverage\n          </h4>\n          <div class=\"gauge-container\">\n            <div class=\"gauge-bar\">\n              <div class=\"gauge-fill\" [style.width.%]=\"StorageUsagePercent\"></div>\n            </div>\n            <div class=\"gauge-label\">{{ StorageLabel }} of records vectorized</div>\n          </div>\n          <div class=\"storage-detail\">\n            {{ TotalVectors | number }} vectors stored\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Edit Entity Document Slide-in Panel -->\n  @if (ShowEditPanel) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseEditPanel()\">\n      <div class=\"slide-panel open\" (click)=\"$event.stopPropagation()\">\n        <div class=\"suggest-dialog-header\">\n          <h3 class=\"suggest-dialog-title\">\n            <i class=\"fa-solid fa-pen\"></i>\n            Edit Entity Document\n          </h3>\n          <button class=\"suggest-close-btn\" (click)=\"CloseEditPanel()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"suggest-dialog-body\">\n          <div class=\"suggest-form\">\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Entity</label>\n              <span class=\"edit-readonly-value\">{{ EditDocEntityName }}</span>\n            </div>\n\n            <!-- Template Section -->\n            <div class=\"suggest-field\">\n              <div class=\"edit-template-header\">\n                <label class=\"suggest-label\">Template</label>\n                <button class=\"edit-regenerate-btn\"\n                        [disabled]=\"IsEditRegenerating\"\n                        (click)=\"RegenerateTemplate()\"\n                        title=\"Regenerate template using AI\">\n                  @if (IsEditRegenerating) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Regenerating...\n                  } @else {\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Regenerate with AI\n                  }\n                </button>\n              </div>\n              <div class=\"template-editor-wrapper\">\n                <mj-code-editor\n                  [value]=\"EditDocTemplate\"\n                  language=\"markdown\"\n                  [readonly]=\"false\"\n                  [lineWrapping]=\"true\"\n                  (change)=\"OnEditTemplateChange($event)\">\n                </mj-code-editor>\n              </div>\n            </div>\n\n            <!-- Selected Fields (parsed from template) -->\n            @if (EditDocSelectedFields.length > 0) {\n              <div class=\"suggest-field\">\n                <label class=\"suggest-label\">Selected Fields</label>\n                <div class=\"result-tags\">\n                  @for (field of EditDocSelectedFields; track field) {\n                    <span class=\"result-tag\">{{ field }}</span>\n                  }\n                </div>\n              </div>\n            }\n\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Document Name</label>\n              <input class=\"suggest-input\" type=\"text\" [(ngModel)]=\"EditDocName\" />\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Embedding Model</label>\n              <select class=\"suggest-select\" [(ngModel)]=\"EditDocAIModelID\">\n                @for (model of AvailableEmbeddingModels; track model.ID) {\n                  <option [value]=\"model.ID\">{{ model.Name }}</option>\n                }\n              </select>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Vector Database</label>\n              <select class=\"suggest-select\" [(ngModel)]=\"EditDocVectorDBID\">\n                @for (db of vectorDatabases; track db.ID) {\n                  <option [value]=\"db.ID\">{{ db.Name }}</option>\n                }\n              </select>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Vector Index</label>\n              @if (EditFilteredIndexes.length > 0) {\n                <select class=\"suggest-select\" [(ngModel)]=\"EditDocVectorIndexID\">\n                  <option value=\"\">Auto (create/find matching index)</option>\n                  @for (idx of EditFilteredIndexes; track idx.ID) {\n                    <option [value]=\"idx.ID\">{{ idx.Name }}</option>\n                  }\n                </select>\n              } @else {\n                <span class=\"edit-readonly-value\" style=\"font-size: 13px; color: var(--mj-text-muted);\">\n                  No indexes for this database \u2014 one will be created automatically on sync\n                </span>\n              }\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Status</label>\n              <select class=\"suggest-select\" [(ngModel)]=\"EditDocStatus\">\n                <option value=\"Active\">Active</option>\n                <option value=\"Inactive\">Inactive</option>\n              </select>\n            </div>\n            <div class=\"result-actions\" style=\"margin-top: 1rem\">\n              @if (IsEditSaving || IsEditDeleting) {\n                <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n              } @else {\n                <button class=\"suggest-submit-btn\" (click)=\"SaveEditedDocument()\">\n                  <i class=\"fa-solid fa-save\"></i> Save Changes\n                </button>\n                <button class=\"edit-delete-btn\" (click)=\"DeleteEntityDocument()\">\n                  <i class=\"fa-solid fa-trash-can\"></i> Delete\n                </button>\n                <button class=\"suggest-close-action\" (click)=\"CloseEditPanel()\">\n                  Cancel\n                </button>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Schedule Sync Dialog -->\n  @if (ShowScheduleSyncDialog) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseScheduleSyncDialog()\">\n      <div class=\"schedule-dialog\" (click)=\"$event.stopPropagation()\">\n        <div class=\"suggest-dialog-header\">\n          <h3 class=\"suggest-dialog-title\">\n            <i class=\"fa-regular fa-clock\"></i>\n            Schedule Vector Sync\n          </h3>\n          <button class=\"suggest-close-btn\" (click)=\"CloseScheduleSyncDialog()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"suggest-dialog-body\">\n          <div class=\"suggest-form\">\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Entity Document</label>\n              <span class=\"edit-readonly-value\">{{ ScheduleSyncDocName }}</span>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Action</label>\n              <span class=\"edit-readonly-value\">__VectorizeEntity</span>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Cron Expression</label>\n              <input class=\"suggest-input\" type=\"text\" [(ngModel)]=\"ScheduleSyncCron\" placeholder=\"0 2 * * *\" />\n              <div class=\"schedule-cron-preview\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                {{ GetScheduleCronPreview(ScheduleSyncCron) }}\n              </div>\n            </div>\n            <div class=\"suggest-field schedule-toggle-row\">\n              <label class=\"suggest-label\">Enabled</label>\n              <input type=\"checkbox\" class=\"mj-checkbox\" [(ngModel)]=\"ScheduleSyncEnabled\" />\n            </div>\n            <div class=\"result-actions\" style=\"margin-top: 1rem\">\n              @if (ScheduleSyncSaving) {\n                <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n              } @else {\n                <button class=\"suggest-submit-btn\" (click)=\"SaveScheduleSync()\">\n                  <i class=\"fa-solid fa-check\"></i> Create Schedule\n                </button>\n                <button class=\"suggest-close-action\" (click)=\"CloseScheduleSyncDialog()\">\n                  Cancel\n                </button>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- No Vector Index Warning Dialog -->\n  @if (ShowNoIndexWarning) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseNoIndexWarning()\">\n      <div class=\"no-index-warning-dialog\" (click)=\"$event.stopPropagation()\">\n        <div class=\"no-index-warning-icon\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n        </div>\n        <h3 class=\"no-index-warning-title\">Vector Index Required</h3>\n        <p class=\"no-index-warning-message\">\n          You need to create at least one vector database and index before creating entity documents.\n          Go to the Configuration section to set up a vector database and create an index.\n        </p>\n        <div class=\"no-index-warning-actions\">\n          <button class=\"suggest-submit-btn\" (click)=\"GoToConfiguration()\">\n            <i class=\"fa-solid fa-gear\"></i> Go to Configuration\n          </button>\n          <button class=\"suggest-close-action\" (click)=\"CloseNoIndexWarning()\">\n            Close\n          </button>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Suggest Document Slide-in Panel -->\n  @if (ShowSuggestDialog) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseSuggestDialog()\">\n      <div class=\"slide-panel\" [class.open]=\"ShowSuggestDialog\" (click)=\"$event.stopPropagation()\">\n        <div class=\"suggest-dialog-header\">\n          <h3 class=\"suggest-dialog-title\">\n            <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n            AI Document Suggestion\n          </h3>\n          <button class=\"suggest-close-btn\" (click)=\"CloseSuggestDialog()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"suggest-dialog-body\">\n          @if (!SuggestionResult) {\n            <div class=\"suggest-form\">\n              <div class=\"suggest-field\">\n                <label class=\"suggest-label\">Entity</label>\n                <div class=\"entity-picker\">\n                  <button class=\"entity-picker-trigger\" (click)=\"ToggleEntityPicker()\">\n                    @if (SuggestEntityName) {\n                      <i class=\"fa-solid fa-table\"></i>\n                      <span class=\"entity-picker-value\">{{ SuggestEntityName }}</span>\n                    } @else {\n                      <i class=\"fa-solid fa-search\"></i>\n                      <span class=\"entity-picker-placeholder\">Search and select an entity...</span>\n                    }\n                    <i class=\"fa-solid fa-chevron-down entity-picker-arrow\"></i>\n                  </button>\n                  @if (ShowEntityPicker) {\n                    <div class=\"entity-picker-dropdown\" (mousedown)=\"$event.stopPropagation()\">\n                      <div class=\"entity-picker-search\">\n                        <i class=\"fa-solid fa-search\"></i>\n                        <input #entitySearchInput\n                               type=\"text\"\n                               class=\"entity-picker-search-input\"\n                               placeholder=\"Filter entities...\"\n                               [(ngModel)]=\"EntitySearchText\"\n                               (input)=\"FilterEntities()\"\n                               (keydown)=\"OnEntityPickerKeyDown($event)\" />\n                      </div>\n                      <div class=\"entity-picker-list\">\n                        @for (group of FilteredEntityGroups; track group.SchemaName) {\n                          <div class=\"entity-picker-group\">\n                            <div class=\"entity-picker-group-header\">\n                              <i class=\"fa-solid fa-database\"></i>\n                              {{ group.SchemaName }}\n                            </div>\n                            @for (entity of group.Entities; track entity.ID) {\n                              <button class=\"entity-picker-item\"\n                                      [class.entity-picker-item-selected]=\"entity.Name === SuggestEntityName\"\n                                      [class.entity-picker-item-focused]=\"FlatFilteredEntities[SelectedEntityIndex]?.ID === entity.ID\"\n                                      (click)=\"SelectEntity(entity.Name)\">\n                                <i class=\"fa-solid fa-table\"></i>\n                                {{ entity.Name }}\n                              </button>\n                            }\n                          </div>\n                        }\n                        @if (FilteredEntityGroups.length === 0) {\n                          <div class=\"entity-picker-empty\">\n                            No entities matching \"{{ EntitySearchText }}\"\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n              <div class=\"suggest-field\">\n                <label class=\"suggest-label\">Use Case</label>\n                <div class=\"use-case-options\">\n                  <button class=\"use-case-btn\"\n                          [class.use-case-btn-active]=\"SuggestUseCase === 'duplicate detection'\"\n                          (click)=\"SuggestUseCase = 'duplicate detection'\">\n                    <i class=\"fa-solid fa-clone\"></i>\n                    Duplicate Detection\n                  </button>\n                  <button class=\"use-case-btn\"\n                          [class.use-case-btn-active]=\"SuggestUseCase === 'search'\"\n                          (click)=\"SuggestUseCase = 'search'\">\n                    <i class=\"fa-solid fa-magnifying-glass\"></i>\n                    Search\n                  </button>\n                  <button class=\"use-case-btn\"\n                          [class.use-case-btn-active]=\"SuggestUseCase === 'classification'\"\n                          (click)=\"SuggestUseCase = 'classification'\">\n                    <i class=\"fa-solid fa-tags\"></i>\n                    Classification\n                  </button>\n                </div>\n              </div>\n              <button class=\"suggest-submit-btn\"\n                      [disabled]=\"IsSuggesting || !SuggestEntityName\"\n                      (click)=\"RunSuggestion()\">\n                @if (IsSuggesting) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Generating with AI...\n                } @else {\n                  <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Generate Template\n                }\n              </button>\n              @if (SuggestionError) {\n                <div class=\"suggestion-error\">\n                  <i class=\"fa-solid fa-circle-exclamation\"></i>\n                  {{ SuggestionError }}\n                </div>\n              }\n            </div>\n          } @else {\n            <div class=\"suggest-result\">\n              <div class=\"result-section\">\n                <h4 class=\"result-heading\">Suggested Template</h4>\n                <div class=\"template-editor-wrapper\">\n                  <mj-code-editor\n                    [value]=\"EditableTemplate\"\n                    language=\"markdown\"\n                    [readonly]=\"false\"\n                    [lineWrapping]=\"true\"\n                    (change)=\"OnTemplateChange($event)\">\n                  </mj-code-editor>\n                </div>\n              </div>\n              <div class=\"result-section\">\n                <h4 class=\"result-heading\">Selected Fields</h4>\n                <div class=\"result-tags\">\n                  @for (field of SuggestionResult.selectedFields; track field) {\n                    <span class=\"result-tag\">{{ field }}</span>\n                  }\n                </div>\n              </div>\n              @if ((SuggestionResult.selectedRelationships?.length ?? 0) > 0) {\n                <div class=\"result-section\">\n                  <h4 class=\"result-heading\">Related Entities</h4>\n                  @for (rel of SuggestionResult.selectedRelationships; track rel.name) {\n                    <div class=\"result-relationship\">\n                      <span class=\"rel-name\">{{ rel.name }}</span>\n                      <span class=\"rel-fields\">{{ rel.fields.join(', ') }}</span>\n                    </div>\n                  }\n                </div>\n              }\n              <div class=\"result-section result-thresholds\">\n                <div class=\"threshold-item\">\n                  <span class=\"threshold-label\">Potential Match</span>\n                  <span class=\"threshold-value\">{{ (SuggestionResult.potentialMatchThreshold * 100).toFixed(0) }}%</span>\n                </div>\n                <div class=\"threshold-item\">\n                  <span class=\"threshold-label\">Absolute Match</span>\n                  <span class=\"threshold-value\">{{ (SuggestionResult.absoluteMatchThreshold * 100).toFixed(0) }}%</span>\n                </div>\n              </div>\n              <div class=\"result-section\">\n                <h4 class=\"result-heading\">Reasoning</h4>\n                <p class=\"result-reasoning\">{{ SuggestionResult.reasoning }}</p>\n              </div>\n              <div class=\"result-section\">\n                <div class=\"suggest-field\">\n                  <label class=\"suggest-label\">Document Name</label>\n                  <input class=\"suggest-input\" type=\"text\" [(ngModel)]=\"SaveDocumentName\" />\n                </div>\n                <div class=\"suggest-field\" style=\"margin-top: 0.75rem\">\n                  <label class=\"suggest-label\">Embedding Model</label>\n                  <select class=\"suggest-select\" [(ngModel)]=\"SelectedEmbeddingModelID\">\n                    @for (model of AvailableEmbeddingModels; track model.ID) {\n                      <option [value]=\"model.ID\">{{ model.Name }}</option>\n                    }\n                  </select>\n                </div>\n                <div class=\"suggest-field\" style=\"margin-top: 0.75rem\">\n                  <label class=\"suggest-label\">Vector Database</label>\n                  <select class=\"suggest-select\" [(ngModel)]=\"SelectedVectorDBID\">\n                    @for (db of vectorDatabases; track db.ID) {\n                      <option [value]=\"db.ID\">{{ db.Name }}</option>\n                    }\n                  </select>\n                </div>\n                <div class=\"suggest-field\" style=\"margin-top: 0.75rem\">\n                  <label class=\"suggest-label\">Vector Index</label>\n                  @if (FilteredIndexesForSelectedDB.length > 0) {\n                    <select class=\"suggest-select\" [(ngModel)]=\"SelectedVectorIndexID\">\n                      <option value=\"\">Auto (create/find matching index)</option>\n                      @for (idx of FilteredIndexesForSelectedDB; track idx.ID) {\n                        <option [value]=\"idx.ID\">{{ idx.Name }}</option>\n                      }\n                    </select>\n                  } @else {\n                    <span class=\"edit-readonly-value\" style=\"font-size: 13px; color: var(--mj-text-muted);\">\n                      No indexes yet \u2014 create one in Configuration > Vector Database, or one will be created on sync\n                    </span>\n                  }\n                </div>\n              </div>\n              <div class=\"result-actions\">\n                @if (IsSavingDocument) {\n                  <div class=\"save-spinner\">\n                    <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n                  </div>\n                } @else {\n                  <button class=\"suggest-submit-btn\" (click)=\"SaveAsEntityDocument()\">\n                    <i class=\"fa-solid fa-floppy-disk\"></i> Save as Entity Document\n                  </button>\n                  <button class=\"suggest-submit-btn suggest-try-again-btn\" (click)=\"ClearSuggestion()\">\n                    <i class=\"fa-solid fa-rotate\"></i> Try Again\n                  </button>\n                  <button class=\"suggest-close-action\" (click)=\"CloseSuggestDialog()\">\n                    Close\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  }\n}\n</ng-template>\n", styles: ["/* ================================================================\n   Vector Management Dashboard\n   All colors use MJ design tokens from _tokens.scss\n   ================================================================ */\n\n\n/* --- Loading state --- */\n.vector-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 400px;\n}\n\n/* --- View Mode Toggle --- */\n.view-mode-toggle {\n    display: flex;\n    gap: 0.25rem;\n    padding: 0 24px 0;\n    margin-bottom: -12px;\n}\n\n.view-mode-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.4rem 0.85rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.view-mode-btn:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.view-mode-btn-active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* --- Dashboard container --- */\n.vector-dashboard {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    padding: 24px;\n    background: var(--mj-bg-page);\n    min-height: 100%;\n}\n\n/* --- KPI cards row --- */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n@media (max-width: 1200px) {\n    .kpi-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .kpi-row {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* --- Main content: table + sidebar --- */\n.content-area {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    gap: 24px;\n    align-items: start;\n}\n\n@media (max-width: 1024px) {\n    .content-area {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* --- Sync table panel --- */\n.sync-table-panel {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.panel-title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title i {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.refresh-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.refresh-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n/* --- Empty state --- */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 48px 24px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state i {\n    font-size: 36px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 14px;\n}\n\n/* --- Table --- */\n.table-wrapper {\n    overflow-x: auto;\n}\n\n.sync-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.sync-table th {\n    padding: 10px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    text-align: left;\n    white-space: nowrap;\n}\n\n.sync-table td {\n    padding: 12px 16px;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    vertical-align: middle;\n}\n\n.sync-table tbody tr:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.sync-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.text-right {\n    text-align: right;\n}\n\n.text-center {\n    text-align: center;\n}\n\n.entity-name {\n    font-weight: 600;\n}\n\n.document-name {\n    color: var(--mj-text-secondary);\n}\n\n.vector-count {\n    font-variant-numeric: tabular-nums;\n    font-weight: 600;\n}\n\n.last-synced {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    white-space: nowrap;\n}\n\n/* --- Action buttons in table --- */\n\n.actions-cell {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n}\n\n.schedule-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.schedule-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.edit-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n/* --- Schedule Dialog --- */\n.schedule-dialog {\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n    overflow: hidden;\n}\n\n.schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 0 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n}\n\n.schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n}\n\n.edit-delete-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-delete-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n.edit-readonly-value {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 8px 0;\n}\n\n/* --- Status badges --- */\n.status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n.status-synced {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n\n.status-syncing {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.status-error {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n\n.status-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n\n/* --- Sync button --- */\n.sync-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.sync-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.sync-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* ================================================================\n   Sidebar\n   ================================================================ */\n.sidebar {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.sidebar-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    padding: 16px 20px;\n}\n\n.sidebar-title {\n    margin: 0 0 14px 0;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.sidebar-title i {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n/* --- Vector DB Health --- */\n.health-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 6px;\n}\n\n.health-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.health-healthy {\n    background: var(--mj-status-success);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-success) 50%, transparent);\n}\n\n.health-degraded {\n    background: var(--mj-status-warning);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-warning) 50%, transparent);\n}\n\n.health-offline {\n    background: var(--mj-status-error);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-error) 50%, transparent);\n}\n\n.health-label {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.health-status {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    padding-left: 18px;\n}\n\n/* --- Model Info --- */\n.model-info {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.info-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.info-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.info-value {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n/* --- Storage / Coverage Gauge --- */\n.gauge-container {\n    margin-bottom: 8px;\n}\n\n.gauge-bar {\n    height: 8px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n    margin-bottom: 6px;\n}\n\n.gauge-fill {\n    height: 100%;\n    border-radius: 4px;\n    background: var(--mj-brand-primary);\n    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    min-width: 2px;\n}\n\n.gauge-label {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.storage-detail {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* --- Panel actions row --- */\n.panel-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n/* --- Suggest Document Button --- */\n.suggest-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.suggest-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary-hover);\n}\n\n/* --- Slide-in Panel Overlay --- */\n.slide-panel-overlay {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 100000;\n}\n\n.slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    height: 100vh;\n    width: 480px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n    transform: translateX(100%);\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow-y: auto;\n}\n\n.slide-panel.open {\n    transform: translateX(0);\n}\n\n.suggest-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-dialog-title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.suggest-dialog-title i {\n    color: var(--mj-brand-primary);\n}\n\n.suggest-close-btn {\n    border: none;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    cursor: pointer;\n    padding: 4px;\n}\n\n.suggest-close-btn:hover {\n    color: var(--mj-text-primary);\n}\n\n.suggest-dialog-body {\n    padding: 24px;\n}\n\n/* --- Suggest Form --- */\n.suggest-form {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.suggest-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.suggest-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.suggest-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n}\n\n.suggest-select:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* ---- Use Case Button Group ---- */\n\n.use-case-options {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.use-case-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.use-case-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.use-case-btn-active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.use-case-btn i {\n    font-size: 12px;\n}\n\n/* ---- Entity Picker (grouped by schema) ---- */\n\n.entity-picker {\n    position: relative;\n}\n\n.entity-picker-trigger {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.15s;\n}\n\n.entity-picker-trigger:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.entity-picker-placeholder {\n    color: var(--mj-text-muted);\n    flex: 1;\n}\n\n.entity-picker-value {\n    flex: 1;\n    font-weight: 500;\n}\n\n.entity-picker-arrow {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 0.2s;\n}\n\n.entity-picker-dropdown {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    box-shadow: 0 8px 32px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    z-index: 100;\n    max-height: 350px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.entity-picker-search {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-picker-search i {\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.entity-picker-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n}\n\n.entity-picker-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.entity-picker-list {\n    overflow-y: auto;\n    max-height: 300px;\n    padding: 4px 0;\n}\n\n.entity-picker-group-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    position: sticky;\n    top: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n}\n\n.entity-picker-group-header i {\n    font-size: 10px;\n}\n\n.entity-picker-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 7px 14px 7px 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.entity-picker-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.entity-picker-item-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.entity-picker-item i {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.entity-picker-item-selected i {\n    color: var(--mj-brand-primary);\n}\n\n.entity-picker-item-focused {\n    background: var(--mj-bg-surface-hover);\n    outline: 2px solid var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.entity-picker-empty {\n    padding: 20px 14px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n/* ---- Template Editor ---- */\n\n.template-editor-wrapper {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    min-height: 120px;\n    max-height: 300px;\n}\n\n.template-editor-wrapper ::ng-deep .cm-editor {\n    min-height: 120px;\n    max-height: 300px;\n    font-size: 13px;\n}\n\n.suggest-submit-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 20px;\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 ease;\n}\n\n.suggest-submit-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.suggestion-error {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-radius: 6px;\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n.suggestion-error i {\n    flex-shrink: 0;\n}\n\n.suggest-submit-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* --- Suggestion Result --- */\n.suggest-result {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.result-section {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    padding-bottom: 12px;\n}\n\n.result-section:last-child {\n    border-bottom: none;\n}\n\n.result-heading {\n    margin: 0 0 8px 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.result-template {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    padding: 12px;\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-all;\n    margin: 0;\n}\n\n.result-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.result-tag {\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.result-relationship {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 4px 0;\n}\n\n.rel-name {\n    font-weight: 600;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.rel-fields {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.result-thresholds {\n    display: flex;\n    gap: 24px;\n}\n\n.threshold-item {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.threshold-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.threshold-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.result-reasoning {\n    margin: 0;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.result-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n}\n\n.suggest-close-action {\n    padding: 10px 20px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.suggest-close-action:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* --- Suggest Input --- */\n.suggest-input {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.suggest-input:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* --- Try Again Button (secondary style) --- */\n.suggest-try-again-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    border: 1px solid var(--mj-brand-primary);\n}\n\n.suggest-try-again-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* --- Save Spinner --- */\n.save-spinner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 0;\n}\n\n/* --- Edit Panel Template Header --- */\n.edit-template-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.edit-regenerate-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 11px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.edit-regenerate-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.edit-regenerate-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* --- No Vector Index Warning Dialog --- */\n.no-index-warning-dialog {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n    padding: 32px;\n    text-align: center;\n}\n\n.no-index-warning-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n.no-index-warning-icon i {\n    font-size: 24px;\n    color: var(--mj-status-warning);\n}\n\n.no-index-warning-title {\n    margin: 0 0 8px 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.no-index-warning-message {\n    margin: 0 0 24px 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n}\n\n.no-index-warning-actions {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n}\n\n/* ================================================================\n   Responsive \u2014 Vector Management\n   ================================================================ */\n\n@media (max-width: 768px) {\n    .panel-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .panel-actions {\n        flex-wrap: wrap;\n    }\n}\n\n@media (max-width: 600px) {\n    .slide-panel {\n        width: 100vw;\n        max-width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .vector-dashboard {\n        padding: 12px;\n    }\n\n    .suggest-btn .suggest-btn-text {\n        display: none;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-vector-management-resource', template: "@if (!HideToolbar) {\n  <mj-page-layout>\n    <mj-page-header\n      Title=\"Vector Management\"\n      Icon=\"fa-solid fa-cubes\"\n      Subtitle=\"Vector index health, embeddings, and entity sync status\">\n      <div actions>\n        <mj-view-toggle\n          [Options]=\"VectorViewOptions\"\n          [ActiveKey]=\"ViewMode\"\n          (KeyChange)=\"ViewMode = $any($event)\">\n        </mj-view-toggle>\n      </div>\n    </mj-page-header>\n    <mj-page-body [Flex]=\"true\">\n      <ng-container *ngTemplateOutlet=\"vectorBody\"></ng-container>\n    </mj-page-body>\n  </mj-page-layout>\n}\n@if (HideToolbar) {\n  <ng-container *ngTemplateOutlet=\"vectorBody\"></ng-container>\n}\n\n<ng-template #vectorBody>\n@if (IsLoading) {\n  <div class=\"vector-loading\">\n    <mj-loading text=\"Loading vector management data...\"></mj-loading>\n  </div>\n} @else {\n  <div class=\"vector-dashboard\">\n\n    <!-- KPI Cards Row -->\n    <div class=\"kpi-row\">\n      @for (card of KPICards; track card.title) {\n        <app-kpi-card [data]=\"card\"></app-kpi-card>\n      }\n    </div>\n\n    <!-- Main Content Area: Table + Sidebar -->\n    <div class=\"content-area\">\n      <!-- Entity Sync Table -->\n      <div class=\"sync-table-panel\">\n        <div class=\"panel-header\">\n          <h3 class=\"panel-title\">\n            <i class=\"fa-solid fa-table-list\"></i>\n            Entity Sync Status\n          </h3>\n          <div class=\"panel-actions\">\n            <button class=\"suggest-btn\" (click)=\"OpenSuggestDialog()\" title=\"Use AI to suggest an Entity Document template\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <span class=\"suggest-btn-text\">Suggest Document</span>\n            </button>\n            <button class=\"refresh-btn\" (click)=\"LoadData()\" title=\"Refresh data\">\n              <i class=\"fa-solid fa-arrows-rotate\"></i>\n              Refresh\n            </button>\n          </div>\n        </div>\n\n        @if (SyncRows.length === 0) {\n          <div class=\"empty-state\">\n            <i class=\"fa-solid fa-folder-open\"></i>\n            <p>No entity documents configured for vectorization.</p>\n          </div>\n        } @else {\n          <div class=\"table-wrapper\">\n            <table class=\"sync-table\">\n              <thead>\n                <tr>\n                  <th>Entity</th>\n                  <th>Document</th>\n                  <th class=\"text-right\">Vectors</th>\n                  <th>Last Synced</th>\n                  <th>Status</th>\n                  <th class=\"text-center\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (row of SyncRows; track row.EntityDocumentID) {\n                  <tr>\n                    <td class=\"entity-name\">{{ row.EntityName }}</td>\n                    <td class=\"document-name\">{{ row.DocumentName }}</td>\n                    <td class=\"text-right vector-count\">{{ row.VectorCount | number }}</td>\n                    <td class=\"last-synced\">{{ FormatDate(row.LastSynced) }}</td>\n                    <td>\n                      <span class=\"status-badge\" [class]=\"GetStatusClass(row.Status)\">\n                        <i [class]=\"GetStatusIcon(row.Status)\"></i>\n                        @if (row.Status === 'Syncing' && row.PercentComplete > 0) {\n                          {{ row.PercentComplete }}%\n                        } @else {\n                          {{ row.Status }}\n                        }\n                      </span>\n                    </td>\n                    <td class=\"text-center actions-cell\">\n                      <button\n                        class=\"sync-btn\"\n                        [disabled]=\"SyncingIds.has(row.EntityDocumentID)\"\n                        (click)=\"SyncEntity(row.EntityDocumentID)\"\n                        title=\"Sync now\">\n                        @if (SyncingIds.has(row.EntityDocumentID)) {\n                          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                          {{ row.PercentComplete > 0 ? row.PercentComplete + '%' : 'Sync' }}\n                        } @else {\n                          <i class=\"fa-solid fa-play\"></i>\n                          Sync\n                        }\n                      </button>\n                      <button\n                        class=\"schedule-btn\"\n                        (click)=\"OpenScheduleSyncDialog(row.EntityDocumentID)\"\n                        title=\"Schedule recurring sync\">\n                        <i class=\"fa-regular fa-clock\"></i>\n                      </button>\n                      <button\n                        class=\"edit-btn\"\n                        (click)=\"OpenEditPanel(row.EntityDocumentID)\"\n                        title=\"Edit entity document\">\n                        <i class=\"fa-solid fa-pen\"></i>\n                      </button>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </div>\n        }\n      </div>\n\n      <!-- Sidebar Panels -->\n      <div class=\"sidebar\">\n        <!-- Vector DB Health -->\n        <div class=\"sidebar-card\">\n          <h4 class=\"sidebar-title\">\n            <i class=\"fa-solid fa-heart-pulse\"></i>\n            Vector DB Health\n          </h4>\n          <div class=\"health-row\">\n            <span class=\"health-dot\" [class]=\"DBHealthClass\"></span>\n            <span class=\"health-label\">{{ VectorDBName }}</span>\n          </div>\n          <div class=\"health-status\" [title]=\"VectorDBStatusReason\">{{ VectorDBStatus }}</div>\n          @if (VectorDBStatusReason) {\n            <div class=\"health-reason\">{{ VectorDBStatusReason }}</div>\n          }\n        </div>\n\n        <!-- Embedding Model Info -->\n        <div class=\"sidebar-card\">\n          <h4 class=\"sidebar-title\">\n            <i class=\"fa-solid fa-microchip\"></i>\n            Embedding Model\n          </h4>\n          <div class=\"model-info\">\n            <div class=\"info-row\">\n              <span class=\"info-label\">Model</span>\n              <span class=\"info-value\" [title]=\"'Embeddings are generated by this model; the index above stores the resulting vectors.'\">{{ EmbeddingModel.Name }}</span>\n            </div>\n            @if (EmbeddingModel.Dimensions != null) {\n              <div class=\"info-row\">\n                <span class=\"info-label\">Dimensions</span>\n                <span class=\"info-value\">{{ EmbeddingModel.Dimensions | number }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Storage Usage -->\n        <div class=\"sidebar-card\">\n          <h4 class=\"sidebar-title\">\n            <i class=\"fa-solid fa-hard-drive\"></i>\n            Vectorization Coverage\n          </h4>\n          <div class=\"gauge-container\">\n            <div class=\"gauge-bar\">\n              <div class=\"gauge-fill\" [style.width.%]=\"StorageUsagePercent\"></div>\n            </div>\n            <div class=\"gauge-label\">{{ StorageLabel }} of records vectorized</div>\n          </div>\n          <div class=\"storage-detail\">\n            {{ TotalVectors | number }} vectors stored\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Edit Entity Document Slide-in Panel -->\n  @if (ShowEditPanel) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseEditPanel()\">\n      <div class=\"slide-panel open\" (click)=\"$event.stopPropagation()\">\n        <div class=\"suggest-dialog-header\">\n          <h3 class=\"suggest-dialog-title\">\n            <i class=\"fa-solid fa-pen\"></i>\n            Edit Entity Document\n          </h3>\n          <button class=\"suggest-close-btn\" (click)=\"CloseEditPanel()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"suggest-dialog-body\">\n          <div class=\"suggest-form\">\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Entity</label>\n              <span class=\"edit-readonly-value\">{{ EditDocEntityName }}</span>\n            </div>\n\n            <!-- Template Section -->\n            <div class=\"suggest-field\">\n              <div class=\"edit-template-header\">\n                <label class=\"suggest-label\">Template</label>\n                <button class=\"edit-regenerate-btn\"\n                        [disabled]=\"IsEditRegenerating\"\n                        (click)=\"RegenerateTemplate()\"\n                        title=\"Regenerate template using AI\">\n                  @if (IsEditRegenerating) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Regenerating...\n                  } @else {\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Regenerate with AI\n                  }\n                </button>\n              </div>\n              <div class=\"template-editor-wrapper\">\n                <mj-code-editor\n                  [value]=\"EditDocTemplate\"\n                  language=\"markdown\"\n                  [readonly]=\"false\"\n                  [lineWrapping]=\"true\"\n                  (change)=\"OnEditTemplateChange($event)\">\n                </mj-code-editor>\n              </div>\n            </div>\n\n            <!-- Selected Fields (parsed from template) -->\n            @if (EditDocSelectedFields.length > 0) {\n              <div class=\"suggest-field\">\n                <label class=\"suggest-label\">Selected Fields</label>\n                <div class=\"result-tags\">\n                  @for (field of EditDocSelectedFields; track field) {\n                    <span class=\"result-tag\">{{ field }}</span>\n                  }\n                </div>\n              </div>\n            }\n\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Document Name</label>\n              <input class=\"suggest-input\" type=\"text\" [(ngModel)]=\"EditDocName\" />\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Embedding Model</label>\n              <select class=\"suggest-select\" [(ngModel)]=\"EditDocAIModelID\">\n                @for (model of AvailableEmbeddingModels; track model.ID) {\n                  <option [value]=\"model.ID\">{{ model.Name }}</option>\n                }\n              </select>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Vector Database</label>\n              <select class=\"suggest-select\" [(ngModel)]=\"EditDocVectorDBID\">\n                @for (db of vectorDatabases; track db.ID) {\n                  <option [value]=\"db.ID\">{{ db.Name }}</option>\n                }\n              </select>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Vector Index</label>\n              @if (EditFilteredIndexes.length > 0) {\n                <select class=\"suggest-select\" [(ngModel)]=\"EditDocVectorIndexID\">\n                  <option value=\"\">Auto (create/find matching index)</option>\n                  @for (idx of EditFilteredIndexes; track idx.ID) {\n                    <option [value]=\"idx.ID\">{{ idx.Name }}</option>\n                  }\n                </select>\n              } @else {\n                <span class=\"edit-readonly-value\" style=\"font-size: 13px; color: var(--mj-text-muted);\">\n                  No indexes for this database \u2014 one will be created automatically on sync\n                </span>\n              }\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Status</label>\n              <select class=\"suggest-select\" [(ngModel)]=\"EditDocStatus\">\n                <option value=\"Active\">Active</option>\n                <option value=\"Inactive\">Inactive</option>\n              </select>\n            </div>\n            <div class=\"result-actions\" style=\"margin-top: 1rem\">\n              @if (IsEditSaving || IsEditDeleting) {\n                <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n              } @else {\n                <button class=\"suggest-submit-btn\" (click)=\"SaveEditedDocument()\">\n                  <i class=\"fa-solid fa-save\"></i> Save Changes\n                </button>\n                <button class=\"edit-delete-btn\" (click)=\"DeleteEntityDocument()\">\n                  <i class=\"fa-solid fa-trash-can\"></i> Delete\n                </button>\n                <button class=\"suggest-close-action\" (click)=\"CloseEditPanel()\">\n                  Cancel\n                </button>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Schedule Sync Dialog -->\n  @if (ShowScheduleSyncDialog) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseScheduleSyncDialog()\">\n      <div class=\"schedule-dialog\" (click)=\"$event.stopPropagation()\">\n        <div class=\"suggest-dialog-header\">\n          <h3 class=\"suggest-dialog-title\">\n            <i class=\"fa-regular fa-clock\"></i>\n            Schedule Vector Sync\n          </h3>\n          <button class=\"suggest-close-btn\" (click)=\"CloseScheduleSyncDialog()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"suggest-dialog-body\">\n          <div class=\"suggest-form\">\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Entity Document</label>\n              <span class=\"edit-readonly-value\">{{ ScheduleSyncDocName }}</span>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Action</label>\n              <span class=\"edit-readonly-value\">__VectorizeEntity</span>\n            </div>\n            <div class=\"suggest-field\">\n              <label class=\"suggest-label\">Cron Expression</label>\n              <input class=\"suggest-input\" type=\"text\" [(ngModel)]=\"ScheduleSyncCron\" placeholder=\"0 2 * * *\" />\n              <div class=\"schedule-cron-preview\">\n                <i class=\"fa-solid fa-info-circle\"></i>\n                {{ GetScheduleCronPreview(ScheduleSyncCron) }}\n              </div>\n            </div>\n            <div class=\"suggest-field schedule-toggle-row\">\n              <label class=\"suggest-label\">Enabled</label>\n              <input type=\"checkbox\" class=\"mj-checkbox\" [(ngModel)]=\"ScheduleSyncEnabled\" />\n            </div>\n            <div class=\"result-actions\" style=\"margin-top: 1rem\">\n              @if (ScheduleSyncSaving) {\n                <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n              } @else {\n                <button class=\"suggest-submit-btn\" (click)=\"SaveScheduleSync()\">\n                  <i class=\"fa-solid fa-check\"></i> Create Schedule\n                </button>\n                <button class=\"suggest-close-action\" (click)=\"CloseScheduleSyncDialog()\">\n                  Cancel\n                </button>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- No Vector Index Warning Dialog -->\n  @if (ShowNoIndexWarning) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseNoIndexWarning()\">\n      <div class=\"no-index-warning-dialog\" (click)=\"$event.stopPropagation()\">\n        <div class=\"no-index-warning-icon\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n        </div>\n        <h3 class=\"no-index-warning-title\">Vector Index Required</h3>\n        <p class=\"no-index-warning-message\">\n          You need to create at least one vector database and index before creating entity documents.\n          Go to the Configuration section to set up a vector database and create an index.\n        </p>\n        <div class=\"no-index-warning-actions\">\n          <button class=\"suggest-submit-btn\" (click)=\"GoToConfiguration()\">\n            <i class=\"fa-solid fa-gear\"></i> Go to Configuration\n          </button>\n          <button class=\"suggest-close-action\" (click)=\"CloseNoIndexWarning()\">\n            Close\n          </button>\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Suggest Document Slide-in Panel -->\n  @if (ShowSuggestDialog) {\n    <div class=\"slide-panel-overlay\" (click)=\"CloseSuggestDialog()\">\n      <div class=\"slide-panel\" [class.open]=\"ShowSuggestDialog\" (click)=\"$event.stopPropagation()\">\n        <div class=\"suggest-dialog-header\">\n          <h3 class=\"suggest-dialog-title\">\n            <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n            AI Document Suggestion\n          </h3>\n          <button class=\"suggest-close-btn\" (click)=\"CloseSuggestDialog()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"suggest-dialog-body\">\n          @if (!SuggestionResult) {\n            <div class=\"suggest-form\">\n              <div class=\"suggest-field\">\n                <label class=\"suggest-label\">Entity</label>\n                <div class=\"entity-picker\">\n                  <button class=\"entity-picker-trigger\" (click)=\"ToggleEntityPicker()\">\n                    @if (SuggestEntityName) {\n                      <i class=\"fa-solid fa-table\"></i>\n                      <span class=\"entity-picker-value\">{{ SuggestEntityName }}</span>\n                    } @else {\n                      <i class=\"fa-solid fa-search\"></i>\n                      <span class=\"entity-picker-placeholder\">Search and select an entity...</span>\n                    }\n                    <i class=\"fa-solid fa-chevron-down entity-picker-arrow\"></i>\n                  </button>\n                  @if (ShowEntityPicker) {\n                    <div class=\"entity-picker-dropdown\" (mousedown)=\"$event.stopPropagation()\">\n                      <div class=\"entity-picker-search\">\n                        <i class=\"fa-solid fa-search\"></i>\n                        <input #entitySearchInput\n                               type=\"text\"\n                               class=\"entity-picker-search-input\"\n                               placeholder=\"Filter entities...\"\n                               [(ngModel)]=\"EntitySearchText\"\n                               (input)=\"FilterEntities()\"\n                               (keydown)=\"OnEntityPickerKeyDown($event)\" />\n                      </div>\n                      <div class=\"entity-picker-list\">\n                        @for (group of FilteredEntityGroups; track group.SchemaName) {\n                          <div class=\"entity-picker-group\">\n                            <div class=\"entity-picker-group-header\">\n                              <i class=\"fa-solid fa-database\"></i>\n                              {{ group.SchemaName }}\n                            </div>\n                            @for (entity of group.Entities; track entity.ID) {\n                              <button class=\"entity-picker-item\"\n                                      [class.entity-picker-item-selected]=\"entity.Name === SuggestEntityName\"\n                                      [class.entity-picker-item-focused]=\"FlatFilteredEntities[SelectedEntityIndex]?.ID === entity.ID\"\n                                      (click)=\"SelectEntity(entity.Name)\">\n                                <i class=\"fa-solid fa-table\"></i>\n                                {{ entity.Name }}\n                              </button>\n                            }\n                          </div>\n                        }\n                        @if (FilteredEntityGroups.length === 0) {\n                          <div class=\"entity-picker-empty\">\n                            No entities matching \"{{ EntitySearchText }}\"\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n              <div class=\"suggest-field\">\n                <label class=\"suggest-label\">Use Case</label>\n                <div class=\"use-case-options\">\n                  <button class=\"use-case-btn\"\n                          [class.use-case-btn-active]=\"SuggestUseCase === 'duplicate detection'\"\n                          (click)=\"SuggestUseCase = 'duplicate detection'\">\n                    <i class=\"fa-solid fa-clone\"></i>\n                    Duplicate Detection\n                  </button>\n                  <button class=\"use-case-btn\"\n                          [class.use-case-btn-active]=\"SuggestUseCase === 'search'\"\n                          (click)=\"SuggestUseCase = 'search'\">\n                    <i class=\"fa-solid fa-magnifying-glass\"></i>\n                    Search\n                  </button>\n                  <button class=\"use-case-btn\"\n                          [class.use-case-btn-active]=\"SuggestUseCase === 'classification'\"\n                          (click)=\"SuggestUseCase = 'classification'\">\n                    <i class=\"fa-solid fa-tags\"></i>\n                    Classification\n                  </button>\n                </div>\n              </div>\n              <button class=\"suggest-submit-btn\"\n                      [disabled]=\"IsSuggesting || !SuggestEntityName\"\n                      (click)=\"RunSuggestion()\">\n                @if (IsSuggesting) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Generating with AI...\n                } @else {\n                  <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Generate Template\n                }\n              </button>\n              @if (SuggestionError) {\n                <div class=\"suggestion-error\">\n                  <i class=\"fa-solid fa-circle-exclamation\"></i>\n                  {{ SuggestionError }}\n                </div>\n              }\n            </div>\n          } @else {\n            <div class=\"suggest-result\">\n              <div class=\"result-section\">\n                <h4 class=\"result-heading\">Suggested Template</h4>\n                <div class=\"template-editor-wrapper\">\n                  <mj-code-editor\n                    [value]=\"EditableTemplate\"\n                    language=\"markdown\"\n                    [readonly]=\"false\"\n                    [lineWrapping]=\"true\"\n                    (change)=\"OnTemplateChange($event)\">\n                  </mj-code-editor>\n                </div>\n              </div>\n              <div class=\"result-section\">\n                <h4 class=\"result-heading\">Selected Fields</h4>\n                <div class=\"result-tags\">\n                  @for (field of SuggestionResult.selectedFields; track field) {\n                    <span class=\"result-tag\">{{ field }}</span>\n                  }\n                </div>\n              </div>\n              @if ((SuggestionResult.selectedRelationships?.length ?? 0) > 0) {\n                <div class=\"result-section\">\n                  <h4 class=\"result-heading\">Related Entities</h4>\n                  @for (rel of SuggestionResult.selectedRelationships; track rel.name) {\n                    <div class=\"result-relationship\">\n                      <span class=\"rel-name\">{{ rel.name }}</span>\n                      <span class=\"rel-fields\">{{ rel.fields.join(', ') }}</span>\n                    </div>\n                  }\n                </div>\n              }\n              <div class=\"result-section result-thresholds\">\n                <div class=\"threshold-item\">\n                  <span class=\"threshold-label\">Potential Match</span>\n                  <span class=\"threshold-value\">{{ (SuggestionResult.potentialMatchThreshold * 100).toFixed(0) }}%</span>\n                </div>\n                <div class=\"threshold-item\">\n                  <span class=\"threshold-label\">Absolute Match</span>\n                  <span class=\"threshold-value\">{{ (SuggestionResult.absoluteMatchThreshold * 100).toFixed(0) }}%</span>\n                </div>\n              </div>\n              <div class=\"result-section\">\n                <h4 class=\"result-heading\">Reasoning</h4>\n                <p class=\"result-reasoning\">{{ SuggestionResult.reasoning }}</p>\n              </div>\n              <div class=\"result-section\">\n                <div class=\"suggest-field\">\n                  <label class=\"suggest-label\">Document Name</label>\n                  <input class=\"suggest-input\" type=\"text\" [(ngModel)]=\"SaveDocumentName\" />\n                </div>\n                <div class=\"suggest-field\" style=\"margin-top: 0.75rem\">\n                  <label class=\"suggest-label\">Embedding Model</label>\n                  <select class=\"suggest-select\" [(ngModel)]=\"SelectedEmbeddingModelID\">\n                    @for (model of AvailableEmbeddingModels; track model.ID) {\n                      <option [value]=\"model.ID\">{{ model.Name }}</option>\n                    }\n                  </select>\n                </div>\n                <div class=\"suggest-field\" style=\"margin-top: 0.75rem\">\n                  <label class=\"suggest-label\">Vector Database</label>\n                  <select class=\"suggest-select\" [(ngModel)]=\"SelectedVectorDBID\">\n                    @for (db of vectorDatabases; track db.ID) {\n                      <option [value]=\"db.ID\">{{ db.Name }}</option>\n                    }\n                  </select>\n                </div>\n                <div class=\"suggest-field\" style=\"margin-top: 0.75rem\">\n                  <label class=\"suggest-label\">Vector Index</label>\n                  @if (FilteredIndexesForSelectedDB.length > 0) {\n                    <select class=\"suggest-select\" [(ngModel)]=\"SelectedVectorIndexID\">\n                      <option value=\"\">Auto (create/find matching index)</option>\n                      @for (idx of FilteredIndexesForSelectedDB; track idx.ID) {\n                        <option [value]=\"idx.ID\">{{ idx.Name }}</option>\n                      }\n                    </select>\n                  } @else {\n                    <span class=\"edit-readonly-value\" style=\"font-size: 13px; color: var(--mj-text-muted);\">\n                      No indexes yet \u2014 create one in Configuration > Vector Database, or one will be created on sync\n                    </span>\n                  }\n                </div>\n              </div>\n              <div class=\"result-actions\">\n                @if (IsSavingDocument) {\n                  <div class=\"save-spinner\">\n                    <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n                  </div>\n                } @else {\n                  <button class=\"suggest-submit-btn\" (click)=\"SaveAsEntityDocument()\">\n                    <i class=\"fa-solid fa-floppy-disk\"></i> Save as Entity Document\n                  </button>\n                  <button class=\"suggest-submit-btn suggest-try-again-btn\" (click)=\"ClearSuggestion()\">\n                    <i class=\"fa-solid fa-rotate\"></i> Try Again\n                  </button>\n                  <button class=\"suggest-close-action\" (click)=\"CloseSuggestDialog()\">\n                    Close\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    </div>\n  }\n}\n</ng-template>\n", styles: ["/* ================================================================\n   Vector Management Dashboard\n   All colors use MJ design tokens from _tokens.scss\n   ================================================================ */\n\n\n/* --- Loading state --- */\n.vector-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 400px;\n}\n\n/* --- View Mode Toggle --- */\n.view-mode-toggle {\n    display: flex;\n    gap: 0.25rem;\n    padding: 0 24px 0;\n    margin-bottom: -12px;\n}\n\n.view-mode-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.4rem 0.85rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.view-mode-btn:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.view-mode-btn-active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* --- Dashboard container --- */\n.vector-dashboard {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    padding: 24px;\n    background: var(--mj-bg-page);\n    min-height: 100%;\n}\n\n/* --- KPI cards row --- */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n}\n\n@media (max-width: 1200px) {\n    .kpi-row {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .kpi-row {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* --- Main content: table + sidebar --- */\n.content-area {\n    display: grid;\n    grid-template-columns: 1fr 300px;\n    gap: 24px;\n    align-items: start;\n}\n\n@media (max-width: 1024px) {\n    .content-area {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* --- Sync table panel --- */\n.sync-table-panel {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n}\n\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.panel-title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title i {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.refresh-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.refresh-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n/* --- Empty state --- */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 48px 24px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state i {\n    font-size: 36px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 14px;\n}\n\n/* --- Table --- */\n.table-wrapper {\n    overflow-x: auto;\n}\n\n.sync-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.sync-table th {\n    padding: 10px 16px;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-default);\n    text-align: left;\n    white-space: nowrap;\n}\n\n.sync-table td {\n    padding: 12px 16px;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    vertical-align: middle;\n}\n\n.sync-table tbody tr:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.sync-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.text-right {\n    text-align: right;\n}\n\n.text-center {\n    text-align: center;\n}\n\n.entity-name {\n    font-weight: 600;\n}\n\n.document-name {\n    color: var(--mj-text-secondary);\n}\n\n.vector-count {\n    font-variant-numeric: tabular-nums;\n    font-weight: 600;\n}\n\n.last-synced {\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    white-space: nowrap;\n}\n\n/* --- Action buttons in table --- */\n\n.actions-cell {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n}\n\n.schedule-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.schedule-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.edit-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n/* --- Schedule Dialog --- */\n.schedule-dialog {\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n    overflow: hidden;\n}\n\n.schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 0 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n}\n\n.schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n}\n\n.edit-delete-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.edit-delete-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n.edit-readonly-value {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    padding: 8px 0;\n}\n\n/* --- Status badges --- */\n.status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n.status-synced {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n\n.status-syncing {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.status-error {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n\n.status-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n\n/* --- Sync button --- */\n.sync-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.sync-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.sync-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* ================================================================\n   Sidebar\n   ================================================================ */\n.sidebar {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.sidebar-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    padding: 16px 20px;\n}\n\n.sidebar-title {\n    margin: 0 0 14px 0;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.sidebar-title i {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n/* --- Vector DB Health --- */\n.health-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 6px;\n}\n\n.health-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.health-healthy {\n    background: var(--mj-status-success);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-success) 50%, transparent);\n}\n\n.health-degraded {\n    background: var(--mj-status-warning);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-warning) 50%, transparent);\n}\n\n.health-offline {\n    background: var(--mj-status-error);\n    box-shadow: 0 0 6px color-mix(in srgb, var(--mj-status-error) 50%, transparent);\n}\n\n.health-label {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.health-status {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    padding-left: 18px;\n}\n\n.health-reason {\n    font-size: 11px;\n    line-height: 1.4;\n    color: var(--mj-text-muted);\n    padding-left: 18px;\n    margin-top: 4px;\n}\n\n/* --- Model Info --- */\n.model-info {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.info-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.info-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.info-value {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n/* --- Storage / Coverage Gauge --- */\n.gauge-container {\n    margin-bottom: 8px;\n}\n\n.gauge-bar {\n    height: 8px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n    margin-bottom: 6px;\n}\n\n.gauge-fill {\n    height: 100%;\n    border-radius: 4px;\n    background: var(--mj-brand-primary);\n    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n    min-width: 2px;\n}\n\n.gauge-label {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.storage-detail {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* --- Panel actions row --- */\n.panel-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n/* --- Suggest Document Button --- */\n.suggest-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.suggest-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary-hover);\n}\n\n/* --- Slide-in Panel Overlay --- */\n.slide-panel-overlay {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 100000;\n}\n\n.slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    height: 100vh;\n    width: 480px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 12%, transparent);\n    transform: translateX(100%);\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow-y: auto;\n}\n\n.slide-panel.open {\n    transform: translateX(0);\n}\n\n.suggest-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.suggest-dialog-title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.suggest-dialog-title i {\n    color: var(--mj-brand-primary);\n}\n\n.suggest-close-btn {\n    border: none;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    cursor: pointer;\n    padding: 4px;\n}\n\n.suggest-close-btn:hover {\n    color: var(--mj-text-primary);\n}\n\n.suggest-dialog-body {\n    padding: 24px;\n}\n\n/* --- Suggest Form --- */\n.suggest-form {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.suggest-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.suggest-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.suggest-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n}\n\n.suggest-select:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* ---- Use Case Button Group ---- */\n\n.use-case-options {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.use-case-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.use-case-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.use-case-btn-active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.use-case-btn i {\n    font-size: 12px;\n}\n\n/* ---- Entity Picker (grouped by schema) ---- */\n\n.entity-picker {\n    position: relative;\n}\n\n.entity-picker-trigger {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: border-color 0.15s;\n}\n\n.entity-picker-trigger:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.entity-picker-placeholder {\n    color: var(--mj-text-muted);\n    flex: 1;\n}\n\n.entity-picker-value {\n    flex: 1;\n    font-weight: 500;\n}\n\n.entity-picker-arrow {\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 0.2s;\n}\n\n.entity-picker-dropdown {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    box-shadow: 0 8px 32px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    z-index: 100;\n    max-height: 350px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.entity-picker-search {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-picker-search i {\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.entity-picker-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n}\n\n.entity-picker-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.entity-picker-list {\n    overflow-y: auto;\n    max-height: 300px;\n    padding: 4px 0;\n}\n\n.entity-picker-group-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px 4px;\n    font-size: 11px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    position: sticky;\n    top: 0;\n    background: var(--mj-bg-surface-elevated, var(--mj-bg-surface));\n}\n\n.entity-picker-group-header i {\n    font-size: 10px;\n}\n\n.entity-picker-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 7px 14px 7px 28px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.1s;\n}\n\n.entity-picker-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.entity-picker-item-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.entity-picker-item i {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.entity-picker-item-selected i {\n    color: var(--mj-brand-primary);\n}\n\n.entity-picker-item-focused {\n    background: var(--mj-bg-surface-hover);\n    outline: 2px solid var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.entity-picker-empty {\n    padding: 20px 14px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n/* ---- Template Editor ---- */\n\n.template-editor-wrapper {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    min-height: 120px;\n    max-height: 300px;\n}\n\n.template-editor-wrapper ::ng-deep .cm-editor {\n    min-height: 120px;\n    max-height: 300px;\n    font-size: 13px;\n}\n\n.suggest-submit-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 10px 20px;\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 ease;\n}\n\n.suggest-submit-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.suggestion-error {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    border-radius: 6px;\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n.suggestion-error i {\n    flex-shrink: 0;\n}\n\n.suggest-submit-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* --- Suggestion Result --- */\n.suggest-result {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.result-section {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    padding-bottom: 12px;\n}\n\n.result-section:last-child {\n    border-bottom: none;\n}\n\n.result-heading {\n    margin: 0 0 8px 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.result-template {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    padding: 12px;\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-all;\n    margin: 0;\n}\n\n.result-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.result-tag {\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.result-relationship {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 4px 0;\n}\n\n.rel-name {\n    font-weight: 600;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.rel-fields {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.result-thresholds {\n    display: flex;\n    gap: 24px;\n}\n\n.threshold-item {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.threshold-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.threshold-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.result-reasoning {\n    margin: 0;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.result-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n}\n\n.suggest-close-action {\n    padding: 10px 20px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.suggest-close-action:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* --- Suggest Input --- */\n.suggest-input {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.suggest-input:focus {\n    outline: none;\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* --- Try Again Button (secondary style) --- */\n.suggest-try-again-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-brand-primary);\n    border: 1px solid var(--mj-brand-primary);\n}\n\n.suggest-try-again-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* --- Save Spinner --- */\n.save-spinner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 8px 0;\n}\n\n/* --- Edit Panel Template Header --- */\n.edit-template-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.edit-regenerate-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 11px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    white-space: nowrap;\n}\n\n.edit-regenerate-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.edit-regenerate-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* --- No Vector Index Warning Dialog --- */\n.no-index-warning-dialog {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 440px;\n    max-width: 90vw;\n    background: var(--mj-bg-surface);\n    border-radius: 12px;\n    box-shadow: 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 20%, transparent);\n    padding: 32px;\n    text-align: center;\n}\n\n.no-index-warning-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 56px;\n    height: 56px;\n    margin: 0 auto 16px;\n    border-radius: 50%;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n}\n\n.no-index-warning-icon i {\n    font-size: 24px;\n    color: var(--mj-status-warning);\n}\n\n.no-index-warning-title {\n    margin: 0 0 8px 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.no-index-warning-message {\n    margin: 0 0 24px 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n}\n\n.no-index-warning-actions {\n    display: flex;\n    gap: 8px;\n    justify-content: center;\n}\n\n/* ================================================================\n   Responsive \u2014 Vector Management\n   ================================================================ */\n\n@media (max-width: 768px) {\n    .panel-header {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .panel-actions {\n        flex-wrap: wrap;\n    }\n}\n\n@media (max-width: 600px) {\n    .slide-panel {\n        width: 100vw;\n        max-width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .vector-dashboard {\n        padding: 12px;\n    }\n\n    .suggest-btn .suggest-btn-text {\n        display: none;\n    }\n}\n"] }]
     }], null, { HideToolbar: [{
             type: Input
         }], entitySearchInput: [{