@memberjunction/ng-dashboards 5.20.0 → 5.22.0

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

@@ -0,0 +1,1782 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @fileoverview Vector Management Resource Component
+ *
+ * Dashboard resource for managing vector databases and entity vectorization.
+ * Displays KPI cards (total vectors, entities synced, last sync, avg embedding time),
+ * an entity sync table, and sidebar panels for DB health, embedding model info,
+ * and storage usage.
+ */
+import { Component, ChangeDetectorRef, Input, inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { Metadata, RunView } from '@memberjunction/core';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { GraphQLAIClient } from '@memberjunction/graphql-dataprovider';
+import { AIEngineBase } from '@memberjunction/ai-engine-base';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-code-editor";
+import * as i3 from "@memberjunction/ng-shared-generic";
+import * as i4 from "../widgets/kpi-card.component";
+import * as i5 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.title;
+const _forTrack1 = ($index, $item) => $item.EntityDocumentID;
+const _forTrack2 = ($index, $item) => $item.ID;
+const _forTrack3 = ($index, $item) => $item.SchemaName;
+const _forTrack4 = ($index, $item) => $item.name;
+function VectorManagementResourceComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "mj-loading", 1);
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 3)(1, "button", 39);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ViewMode = "index"); });
+    i0.ɵɵelement(2, "i", 40);
+    i0.ɵɵtext(3, " Index View ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 39);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ViewMode = "operations"); });
+    i0.ɵɵelement(5, "i", 41);
+    i0.ɵɵtext(6, " Operations ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("view-mode-btn-active", ctx_r2.ViewMode === "index");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("view-mode-btn-active", ctx_r2.ViewMode === "operations");
+} }
+function VectorManagementResourceComponent_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "app-kpi-card", 5);
+} if (rf & 2) {
+    const card_r4 = ctx.$implicit;
+    i0.ɵɵproperty("data", card_r4);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No entity documents configured for vectorization.");
+    i0.ɵɵelementEnd()();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const row_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", row_r6.PercentComplete, "% ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const row_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", row_r6.Status, " ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 55);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const row_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r6.PercentComplete > 0 ? row_r6.PercentComplete + "%" : "Sync", " ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 56);
+    i0.ɵɵtext(1, " Sync ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td", 46);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 47);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 48);
+    i0.ɵɵtext(6);
+    i0.ɵɵpipe(7, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td", 49);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "td")(11, "span", 50);
+    i0.ɵɵelement(12, "i");
+    i0.ɵɵconditionalCreate(13, VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_13_Template, 1, 1)(14, VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_14_Template, 1, 1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "td", 51)(16, "button", 52);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Template_button_click_16_listener() { const row_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SyncEntity(row_r6.EntityDocumentID)); });
+    i0.ɵɵconditionalCreate(17, VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_17_Template, 2, 1)(18, VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Conditional_18_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "button", 53);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Template_button_click_19_listener() { const row_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenEditPanel(row_r6.EntityDocumentID)); });
+    i0.ɵɵelement(20, "i", 54);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const row_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r6.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r6.DocumentName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 11, row_r6.VectorCount));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(row_r6.LastSynced));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.GetStatusClass(row_r6.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.GetStatusIcon(row_r6.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r6.Status === "Syncing" && row_r6.PercentComplete > 0 ? 13 : 14);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r2.SyncingIds.has(row_r6.EntityDocumentID));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SyncingIds.has(row_r6.EntityDocumentID) ? 17 : 18);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18)(1, "table", 43)(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", 44);
+    i0.ɵɵtext(9, "Vectors");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Last Synced");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th", 45);
+    i0.ɵɵtext(15, "Actions");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(16, "tbody");
+    i0.ɵɵrepeaterCreate(17, VectorManagementResourceComponent_Conditional_1_Conditional_20_For_18_Template, 21, 13, "tr", null, _forTrack1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(17);
+    i0.ɵɵrepeater(ctx_r2.SyncRows);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29)(1, "span", 30);
+    i0.ɵɵtext(2, "Dimensions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 31);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, ctx_r2.EmbeddingModel.Dimensions));
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_For_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", model_r8.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(model_r8.Name);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_For_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const db_r9 = ctx.$implicit;
+    i0.ɵɵproperty("value", db_r9.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(db_r9.Name);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_34_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const idx_r11 = ctx.$implicit;
+    i0.ɵɵproperty("value", idx_r11.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(idx_r11.Name);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_34_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.EditDocVectorIndexID, $event) || (ctx_r2.EditDocVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 77);
+    i0.ɵɵtext(2, "Auto (create/find matching index)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_34_For_4_Template, 2, 2, "option", 70, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EditDocVectorIndexID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.EditFilteredIndexes);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1, " No indexes for this database \u2014 one will be created automatically on sync ");
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 76);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 78);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_46_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SaveEditedDocument()); });
+    i0.ɵɵelement(1, "i", 79);
+    i0.ɵɵtext(2, " Save Changes ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 80);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_46_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.DeleteEntityDocument()); });
+    i0.ɵɵelement(4, "i", 81);
+    i0.ɵɵtext(5, " Delete ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 82);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_46_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.CloseEditPanel()); });
+    i0.ɵɵtext(7, " Cancel ");
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseEditPanel()); });
+    i0.ɵɵelementStart(1, "div", 58);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 59)(3, "h3", 60);
+    i0.ɵɵelement(4, "i", 54);
+    i0.ɵɵtext(5, " Edit Entity Document ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 61);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseEditPanel()); });
+    i0.ɵɵelement(7, "i", 62);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 63)(9, "div", 64)(10, "div", 65)(11, "label", 66);
+    i0.ɵɵtext(12, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "span", 67);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 65)(16, "label", 66);
+    i0.ɵɵtext(17, "Document Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "input", 68);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_input_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.EditDocName, $event) || (ctx_r2.EditDocName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 65)(20, "label", 66);
+    i0.ɵɵtext(21, "Embedding Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_select_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.EditDocAIModelID, $event) || (ctx_r2.EditDocAIModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(23, VectorManagementResourceComponent_Conditional_1_Conditional_55_For_24_Template, 2, 2, "option", 70, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(25, "div", 65)(26, "label", 66);
+    i0.ɵɵtext(27, "Vector Database");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_select_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.EditDocVectorDBID, $event) || (ctx_r2.EditDocVectorDBID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(29, VectorManagementResourceComponent_Conditional_1_Conditional_55_For_30_Template, 2, 2, "option", 70, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 65)(32, "label", 66);
+    i0.ɵɵtext(33, "Vector Index");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(34, VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_34_Template, 5, 1, "select", 71)(35, VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_35_Template, 2, 0, "span", 72);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 65)(37, "label", 66);
+    i0.ɵɵtext(38, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_55_Template_select_ngModelChange_39_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.EditDocStatus, $event) || (ctx_r2.EditDocStatus = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(40, "option", 73);
+    i0.ɵɵtext(41, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "option", 74);
+    i0.ɵɵtext(43, "Inactive");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(44, "div", 75);
+    i0.ɵɵconditionalCreate(45, VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_45_Template, 1, 0, "mj-loading", 76)(46, VectorManagementResourceComponent_Conditional_1_Conditional_55_Conditional_46_Template, 8, 0);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(14);
+    i0.ɵɵtextInterpolate(ctx_r2.EditDocEntityName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EditDocName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EditDocAIModelID);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.AvailableEmbeddingModels);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EditDocVectorDBID);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.vectorDatabases);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.EditFilteredIndexes.length > 0 ? 34 : 35);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EditDocStatus);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.IsEditSaving || ctx_r2.IsEditDeleting ? 45 : 46);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 96);
+    i0.ɵɵelementStart(1, "span", 97);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.SuggestEntityName);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 98);
+    i0.ɵɵelementStart(1, "span", 99);
+    i0.ɵɵtext(2, "Search and select an entity...");
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_For_6_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 108);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_For_6_For_5_Template_button_click_0_listener() { const entity_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.SelectEntity(entity_r17.Name)); });
+    i0.ɵɵelement(1, "i", 96);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r17 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(6);
+    i0.ɵɵclassProp("entity-picker-item-selected", entity_r17.Name === ctx_r2.SuggestEntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", entity_r17.Name, " ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 103)(1, "div", 105);
+    i0.ɵɵelement(2, "i", 106);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(4, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_For_6_For_5_Template, 3, 3, "button", 107, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r18 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", group_r18.SchemaName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(group_r18.Entities);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" No entities matching \"", ctx_r2.EntitySearchText, "\" ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 88)(1, "div", 100);
+    i0.ɵɵelement(2, "i", 98);
+    i0.ɵɵelementStart(3, "input", 101);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r2.EntitySearchText, $event) || (ctx_r2.EntitySearchText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.FilterEntities()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "div", 102);
+    i0.ɵɵrepeaterCreate(5, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_For_6_Template, 6, 1, "div", 103, _forTrack3);
+    i0.ɵɵconditionalCreate(7, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_Conditional_7_Template, 2, 1, "div", 104);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.EntitySearchText);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.FilteredEntityGroups);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.FilteredEntityGroups.length === 0 ? 7 : -1);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 55);
+    i0.ɵɵtext(1, " Generating with AI... ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 13);
+    i0.ɵɵtext(1, " Generate Template ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelement(1, "i", 109);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.SuggestionError, " ");
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 64)(1, "div", 65)(2, "label", 66);
+    i0.ɵɵtext(3, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 85)(5, "button", 86);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.ToggleEntityPicker()); });
+    i0.ɵɵconditionalCreate(6, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_6_Template, 3, 1)(7, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_7_Template, 3, 0);
+    i0.ɵɵelement(8, "i", 87);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_9_Template, 8, 2, "div", 88);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 65)(11, "label", 66);
+    i0.ɵɵtext(12, "Use Case");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 89)(14, "button", 90);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SuggestUseCase = "duplicate detection"); });
+    i0.ɵɵelement(15, "i", 91);
+    i0.ɵɵtext(16, " Duplicate Detection ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 90);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SuggestUseCase = "search"); });
+    i0.ɵɵelement(18, "i", 92);
+    i0.ɵɵtext(19, " Search ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 90);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SuggestUseCase = "classification"); });
+    i0.ɵɵelement(21, "i", 93);
+    i0.ɵɵtext(22, " Classification ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(23, "button", 94);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.RunSuggestion()); });
+    i0.ɵɵconditionalCreate(24, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_24_Template, 2, 0)(25, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_25_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(26, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Conditional_26_Template, 3, 1, "div", 95);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.SuggestEntityName ? 6 : 7);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.ShowEntityPicker ? 9 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("use-case-btn-active", ctx_r2.SuggestUseCase === "duplicate detection");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("use-case-btn-active", ctx_r2.SuggestUseCase === "search");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("use-case-btn-active", ctx_r2.SuggestUseCase === "classification");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r2.IsSuggesting || !ctx_r2.SuggestEntityName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsSuggesting ? 24 : 25);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SuggestionError ? 26 : -1);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r20 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(field_r20);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_12_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 124)(1, "span", 125);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 126);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const rel_r21 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(rel_r21.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(rel_r21.fields.join(", "));
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "h4", 111);
+    i0.ɵɵtext(2, "Related Entities");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_12_For_4_Template, 5, 2, "div", 124, _forTrack4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.SuggestionResult.selectedRelationships);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_For_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r22 = ctx.$implicit;
+    i0.ɵɵproperty("value", model_r22.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(model_r22.Name);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_For_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const db_r23 = ctx.$implicit;
+    i0.ɵɵproperty("value", db_r23.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(db_r23.Name);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_49_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 70);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const idx_r25 = ctx.$implicit;
+    i0.ɵɵproperty("value", idx_r25.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(idx_r25.Name);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_49_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r2.SelectedVectorIndexID, $event) || (ctx_r2.SelectedVectorIndexID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 77);
+    i0.ɵɵtext(2, "Auto (create/find matching index)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_49_For_4_Template, 2, 2, "option", 70, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.SelectedVectorIndexID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.FilteredIndexesForSelectedDB);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
+    i0.ɵɵtext(1, " No indexes yet \u2014 create one in Configuration > Vector Database, or one will be created on sync ");
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123);
+    i0.ɵɵelement(1, "mj-loading", 76);
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 78);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_53_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.SaveAsEntityDocument()); });
+    i0.ɵɵelement(1, "i", 127);
+    i0.ɵɵtext(2, " Save as Entity Document ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 128);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_53_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ClearSuggestion()); });
+    i0.ɵɵelement(4, "i", 129);
+    i0.ɵɵtext(5, " Try Again ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 82);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_53_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.CloseSuggestDialog()); });
+    i0.ɵɵtext(7, " Close ");
+    i0.ɵɵelementEnd();
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84)(1, "div", 110)(2, "h4", 111);
+    i0.ɵɵtext(3, "Suggested Template");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 112)(5, "mj-code-editor", 113);
+    i0.ɵɵlistener("change", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Template_mj_code_editor_change_5_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnTemplateChange($event)); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(6, "div", 110)(7, "h4", 111);
+    i0.ɵɵtext(8, "Selected Fields");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 114);
+    i0.ɵɵrepeaterCreate(10, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_For_11_Template, 2, 1, "span", 115, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(12, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_12_Template, 5, 0, "div", 110);
+    i0.ɵɵelementStart(13, "div", 116)(14, "div", 117)(15, "span", 118);
+    i0.ɵɵtext(16, "Potential Match");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 119);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 117)(20, "span", 118);
+    i0.ɵɵtext(21, "Absolute Match");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "span", 119);
+    i0.ɵɵtext(23);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(24, "div", 110)(25, "h4", 111);
+    i0.ɵɵtext(26, "Reasoning");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "p", 120);
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 110)(30, "div", 65)(31, "label", 66);
+    i0.ɵɵtext(32, "Document Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "input", 68);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Template_input_ngModelChange_33_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.SaveDocumentName, $event) || (ctx_r2.SaveDocumentName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 121)(35, "label", 66);
+    i0.ɵɵtext(36, "Embedding Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Template_select_ngModelChange_37_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.SelectedEmbeddingModelID, $event) || (ctx_r2.SelectedEmbeddingModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(38, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_For_39_Template, 2, 2, "option", 70, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "div", 121)(41, "label", 66);
+    i0.ɵɵtext(42, "Vector Database");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "select", 69);
+    i0.ɵɵtwoWayListener("ngModelChange", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Template_select_ngModelChange_43_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.SelectedVectorDBID, $event) || (ctx_r2.SelectedVectorDBID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(44, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_For_45_Template, 2, 2, "option", 70, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(46, "div", 121)(47, "label", 66);
+    i0.ɵɵtext(48, "Vector Index");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(49, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_49_Template, 5, 1, "select", 71)(50, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_50_Template, 2, 0, "span", 72);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(51, "div", 122);
+    i0.ɵɵconditionalCreate(52, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_52_Template, 2, 0, "div", 123)(53, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Conditional_53_Template, 8, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r2.EditableTemplate)("readonly", false)("lineWrapping", true);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r2.SuggestionResult.selectedFields);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SuggestionResult.selectedRelationships.length > 0 ? 12 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1("", (ctx_r2.SuggestionResult.potentialMatchThreshold * 100).toFixed(0), "%");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", (ctx_r2.SuggestionResult.absoluteMatchThreshold * 100).toFixed(0), "%");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SuggestionResult.reasoning);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.SaveDocumentName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.SelectedEmbeddingModelID);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.AvailableEmbeddingModels);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.SelectedVectorDBID);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.vectorDatabases);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.FilteredIndexesForSelectedDB.length > 0 ? 49 : 50);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.IsSavingDocument ? 52 : 53);
+} }
+function VectorManagementResourceComponent_Conditional_1_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSuggestDialog()); });
+    i0.ɵɵelementStart(1, "div", 83);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 59)(3, "h3", 60);
+    i0.ɵɵelement(4, "i", 13);
+    i0.ɵɵtext(5, " AI Document Suggestion ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 61);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Conditional_56_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSuggestDialog()); });
+    i0.ɵɵelement(7, "i", 62);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 63);
+    i0.ɵɵconditionalCreate(9, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_9_Template, 27, 11, "div", 64)(10, VectorManagementResourceComponent_Conditional_1_Conditional_56_Conditional_10_Template, 54, 12, "div", 84);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("open", ctx_r2.ShowSuggestDialog);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(!ctx_r2.SuggestionResult ? 9 : 10);
+} }
+function VectorManagementResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵconditionalCreate(1, VectorManagementResourceComponent_Conditional_1_Conditional_1_Template, 7, 4, "div", 3);
+    i0.ɵɵelementStart(2, "div", 4);
+    i0.ɵɵrepeaterCreate(3, VectorManagementResourceComponent_Conditional_1_For_4_Template, 1, 1, "app-kpi-card", 5, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 6)(6, "div", 7)(7, "div", 8)(8, "h3", 9);
+    i0.ɵɵelement(9, "i", 10);
+    i0.ɵɵtext(10, " Entity Sync Status ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 11)(12, "button", 12);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenSuggestDialog()); });
+    i0.ɵɵelement(13, "i", 13);
+    i0.ɵɵelementStart(14, "span", 14);
+    i0.ɵɵtext(15, "Suggest Document");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "button", 15);
+    i0.ɵɵlistener("click", function VectorManagementResourceComponent_Conditional_1_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.LoadData()); });
+    i0.ɵɵelement(17, "i", 16);
+    i0.ɵɵtext(18, " Refresh ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(19, VectorManagementResourceComponent_Conditional_1_Conditional_19_Template, 4, 0, "div", 17)(20, VectorManagementResourceComponent_Conditional_1_Conditional_20_Template, 19, 0, "div", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 19)(22, "div", 20)(23, "h4", 21);
+    i0.ɵɵelement(24, "i", 22);
+    i0.ɵɵtext(25, " Vector DB Health ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 23);
+    i0.ɵɵelement(27, "span", 24);
+    i0.ɵɵelementStart(28, "span", 25);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "div", 26);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 20)(33, "h4", 21);
+    i0.ɵɵelement(34, "i", 27);
+    i0.ɵɵtext(35, " Embedding Model ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 28)(37, "div", 29)(38, "span", 30);
+    i0.ɵɵtext(39, "Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "span", 31);
+    i0.ɵɵtext(41);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(42, VectorManagementResourceComponent_Conditional_1_Conditional_42_Template, 6, 3, "div", 29);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(43, "div", 20)(44, "h4", 21);
+    i0.ɵɵelement(45, "i", 32);
+    i0.ɵɵtext(46, " Vectorization Coverage ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "div", 33)(48, "div", 34);
+    i0.ɵɵelement(49, "div", 35);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "div", 36);
+    i0.ɵɵtext(51);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(52, "div", 37);
+    i0.ɵɵtext(53);
+    i0.ɵɵpipe(54, "number");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵconditionalCreate(55, VectorManagementResourceComponent_Conditional_1_Conditional_55_Template, 47, 7, "div", 38);
+    i0.ɵɵconditionalCreate(56, VectorManagementResourceComponent_Conditional_1_Conditional_56_Template, 11, 3, "div", 38);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r2.EmbeddedMode ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.KPICards);
+    i0.ɵɵadvance(16);
+    i0.ɵɵconditional(ctx_r2.SyncRows.length === 0 ? 19 : 20);
+    i0.ɵɵadvance(8);
+    i0.ɵɵclassMap(ctx_r2.DBHealthClass);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.VectorDBName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.VectorDBStatus);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r2.EmbeddingModel.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.EmbeddingModel.Dimensions != null ? 42 : -1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵstyleProp("width", ctx_r2.StorageUsagePercent, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r2.StorageLabel, " of records vectorized");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(54, 14, ctx_r2.TotalVectors), " vectors stored ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.ShowEditPanel ? 55 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ShowSuggestDialog ? 56 : -1);
+} }
+let VectorManagementResourceComponent = class VectorManagementResourceComponent extends BaseResourceComponent {
+    cdr = inject(ChangeDetectorRef);
+    destroy$ = new Subject();
+    /** View mode: 'index' = Option A (shared index as hero, entity docs as children),
+     *  'operations' = Option C (operations monitoring with real-time sync status) */
+    ViewMode = 'index';
+    /** Whether this component is embedded inside the Knowledge Hub shell */
+    EmbeddedMode = false;
+    /** Toggle between view modes */
+    ToggleViewMode() {
+        this.ViewMode = this.ViewMode === 'index' ? 'operations' : 'index';
+        this.cdr.detectChanges();
+    }
+    // --- Loading state ---
+    IsLoading = true;
+    // --- KPI card data ---
+    KPICards = [];
+    // --- Entity sync table ---
+    SyncRows = [];
+    SyncingIds = new Set();
+    // --- Sidebar data ---
+    VectorDBName = '';
+    VectorDBStatus = 'Healthy';
+    EmbeddingModel = { Name: '', Dimensions: null };
+    StorageUsagePercent = 0;
+    TotalVectors = 0;
+    // --- Edit Entity Document Panel ---
+    ShowEditPanel = false;
+    IsEditSaving = false;
+    IsEditDeleting = false;
+    EditDocID = '';
+    EditDocName = '';
+    EditDocEntityName = '';
+    EditDocVectorDBID = '';
+    EditDocAIModelID = '';
+    EditDocVectorIndexID = '';
+    EditDocStatus = '';
+    /** Open the edit panel for an entity document */
+    OpenEditPanel(entityDocumentId) {
+        const doc = this.entityDocuments.find(d => UUIDsEqual(d.ID, entityDocumentId));
+        if (!doc)
+            return;
+        this.EditDocID = doc.ID;
+        this.EditDocName = doc.Name;
+        this.EditDocEntityName = doc.Entity || '';
+        this.EditDocVectorDBID = doc.VectorDatabaseID;
+        this.EditDocAIModelID = doc.AIModelID;
+        this.EditDocVectorIndexID = doc.VectorIndexID || '';
+        this.EditDocStatus = doc.Status;
+        this.ShowEditPanel = true;
+        this.cdr.detectChanges();
+    }
+    CloseEditPanel() {
+        this.ShowEditPanel = false;
+        this.cdr.detectChanges();
+    }
+    async SaveEditedDocument() {
+        this.IsEditSaving = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const doc = await md.GetEntityObject('MJ: Entity Documents');
+            const loaded = await doc.Load(this.EditDocID);
+            if (!loaded)
+                throw new Error('Could not load entity document');
+            doc.Name = this.EditDocName;
+            doc.VectorDatabaseID = this.EditDocVectorDBID;
+            doc.AIModelID = this.EditDocAIModelID;
+            doc.VectorIndexID = this.EditDocVectorIndexID || null;
+            doc.Status = this.EditDocStatus;
+            const saved = await doc.Save();
+            if (saved) {
+                MJNotificationService.Instance.CreateSimpleNotification('Entity document updated', 'success', 2500);
+                this.ShowEditPanel = false;
+                await this.LoadData();
+            }
+            else {
+                const msg = doc.LatestResult?.CompleteMessage || 'Unknown error';
+                MJNotificationService.Instance.CreateSimpleNotification(`Save failed: ${msg}`, 'error', 5000);
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error: ${msg}`, 'error', 5000);
+        }
+        finally {
+            this.IsEditSaving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async DeleteEntityDocument() {
+        this.IsEditDeleting = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const doc = await md.GetEntityObject('MJ: Entity Documents');
+            const loaded = await doc.Load(this.EditDocID);
+            if (!loaded)
+                throw new Error('Could not load entity document');
+            const deleted = await doc.Delete();
+            if (deleted) {
+                MJNotificationService.Instance.CreateSimpleNotification('Entity document deleted', 'success', 2500);
+                this.ShowEditPanel = false;
+                await this.LoadData();
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification('Delete failed', 'error', 3000);
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error: ${msg}`, 'error', 5000);
+        }
+        finally {
+            this.IsEditDeleting = false;
+            this.cdr.detectChanges();
+        }
+    }
+    // --- Suggest Document Dialog ---
+    ShowSuggestDialog = false;
+    IsSuggesting = false;
+    SuggestEntityName = '';
+    SuggestUseCase = 'duplicate detection';
+    SuggestionResult = null;
+    SaveDocumentName = '';
+    SuggestionError = '';
+    IsSavingDocument = false;
+    EditableTemplate = '';
+    /** Prerequisites check — are vector DB and embedding model configured? */
+    HasVectorDB = false;
+    HasEmbeddingModel = false;
+    get PrerequisitesMet() {
+        return this.HasVectorDB && this.HasEmbeddingModel;
+    }
+    /** Available embedding models for selection in save form */
+    AvailableEmbeddingModels = [];
+    /** Selected embedding model ID for the new entity document */
+    SelectedEmbeddingModelID = '';
+    /** Selected vector database ID for the new entity document */
+    SelectedVectorDBID = '';
+    /** Available vector indexes for selection */
+    AvailableVectorIndexes = [];
+    /** Selected vector index ID — if user picks an existing one */
+    SelectedVectorIndexID = '';
+    /** Indexes filtered by the currently selected vector DB (for create/edit forms) */
+    get FilteredIndexesForSelectedDB() {
+        const dbId = this.SelectedVectorDBID || this.EditDocVectorDBID;
+        if (!dbId)
+            return this.AvailableVectorIndexes;
+        return this.AvailableVectorIndexes.filter(i => i.VectorDatabaseID === dbId);
+    }
+    /** Indexes filtered by the edit panel's selected vector DB */
+    get EditFilteredIndexes() {
+        if (!this.EditDocVectorDBID)
+            return this.AvailableVectorIndexes;
+        return this.AvailableVectorIndexes.filter(i => i.VectorDatabaseID === this.EditDocVectorDBID);
+    }
+    /** Grouped entity list for the suggestion panel — schemas as groups, entities as items */
+    EntityGroups = [];
+    /** Filtered entity groups based on search input */
+    FilteredEntityGroups = [];
+    /** Search text for filtering entities */
+    EntitySearchText = '';
+    /** Whether the entity picker dropdown is open */
+    ShowEntityPicker = false;
+    // --- Raw entity data (private) ---
+    entityDocuments = [];
+    vectorDatabases = [];
+    vectorIndexes = [];
+    recordDocuments = [];
+    aiModels = [];
+    // ================================================================
+    // Lifecycle
+    // ================================================================
+    async ngAfterViewInit() {
+        await this.LoadData();
+        this.NotifyLoadComplete();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    // ================================================================
+    // BaseResourceComponent overrides
+    // ================================================================
+    async GetResourceDisplayName(_data) {
+        return 'Vector Management';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-database';
+    }
+    // ================================================================
+    // Public Methods
+    // ================================================================
+    /** Reload all dashboard data */
+    async LoadData() {
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            await this.fetchAllData();
+            this.buildSyncRows();
+            this.buildKPICards();
+            this.buildSidebarData();
+            this.checkPrerequisites();
+        }
+        catch (error) {
+            console.error('[VectorManagement] Error loading data:', error);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Trigger vectorization for a specific entity document via GraphQL (fire-and-forget with progress subscription) */
+    async SyncEntity(entityDocumentId) {
+        if (this.SyncingIds.has(entityDocumentId)) {
+            return;
+        }
+        const doc = this.entityDocuments.find(d => UUIDsEqual(d.ID, entityDocumentId));
+        if (!doc)
+            return;
+        const provider = Metadata.Provider;
+        if (!provider)
+            return;
+        this.addSyncingId(entityDocumentId);
+        this.updateRowStatus(entityDocumentId, 'Syncing');
+        this.updateRowProgress(entityDocumentId, 0);
+        this.cdr.detectChanges();
+        try {
+            const aiClient = new GraphQLAIClient(provider);
+            MJNotificationService.Instance.CreateSimpleNotification(`Starting vectorization for ${doc.Entity}...`, 'info', 3000);
+            // Step 1: Start the mutation (fire-and-forget — returns PipelineRunID immediately)
+            const result = await aiClient.VectorizeEntity({
+                entityDocumentID: entityDocumentId,
+                entityID: doc.EntityID,
+                batchSize: 50
+            });
+            if (!result.Success || !result.PipelineRunID) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Vectorization failed: ${result.ErrorMessage || 'Unknown error'}`, 'error', 5000);
+                this.removeSyncingId(entityDocumentId);
+                this.updateRowStatus(entityDocumentId, 'Error');
+                this.cdr.detectChanges();
+                return;
+            }
+            // Store PipelineRunID on the row for tracking
+            const row = this.SyncRows.find(r => r.EntityDocumentID === entityDocumentId);
+            if (row) {
+                row.PipelineRunID = result.PipelineRunID;
+            }
+            // Step 2: Subscribe to progress updates and also set a safety timeout
+            // in case the subscription misses events (race condition, network issue, etc.)
+            this.subscribeToPipelineProgress(entityDocumentId, result.PipelineRunID, doc.Entity);
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            console.error(`[VectorManagement] Error starting sync for ${entityDocumentId}:`, msg);
+            MJNotificationService.Instance.CreateSimpleNotification(`Sync error: ${msg}`, 'error', 5000);
+            this.removeSyncingId(entityDocumentId);
+            this.updateRowStatus(entityDocumentId, 'Error');
+            this.cdr.detectChanges();
+        }
+    }
+    /** Subscribe to PipelineProgress for a specific pipeline run */
+    subscribeToPipelineProgress(entityDocumentId, pipelineRunID, entityName) {
+        const provider = Metadata.Provider;
+        const subscriptionQuery = `
+            subscription PipelineProgress($pipelineRunID: String!) {
+                PipelineProgress(pipelineRunID: $pipelineRunID) {
+                    PipelineRunID
+                    Stage
+                    TotalItems
+                    ProcessedItems
+                    PercentComplete
+                    ElapsedMs
+                }
+            }
+        `;
+        let idleTimer = null;
+        const finishSync = (success) => {
+            if (idleTimer)
+                clearTimeout(idleTimer);
+            rxSub?.unsubscribe();
+            // Use Promise.resolve().then() to defer state changes to the next
+            // microtask, avoiding ExpressionChangedAfterItHasBeenCheckedError
+            Promise.resolve().then(async () => {
+                this.removeSyncingId(entityDocumentId);
+                if (success) {
+                    MJNotificationService.Instance.CreateSimpleNotification(`Vectorization complete for ${entityName}`, 'success', 3000);
+                    await this.refreshSyncRow(entityDocumentId);
+                }
+                else {
+                    this.updateRowStatus(entityDocumentId, 'Error');
+                    MJNotificationService.Instance.CreateSimpleNotification(`Vectorization failed for ${entityName}`, 'error', 5000);
+                    this.cdr.detectChanges();
+                }
+            });
+        };
+        // Reset idle timer on every event. When no events arrive for 5s,
+        // assume the pipeline is done (handles missing 'complete' event).
+        const resetIdleTimer = () => {
+            if (idleTimer)
+                clearTimeout(idleTimer);
+            idleTimer = setTimeout(() => {
+                if (this.SyncingIds.has(entityDocumentId)) {
+                    finishSync(true);
+                }
+            }, 5000);
+        };
+        // Start the idle timer immediately in case no events ever arrive
+        resetIdleTimer();
+        const sub = provider.subscribe(subscriptionQuery, { pipelineRunID });
+        const rxSub = sub.pipe(takeUntil(this.destroy$)).subscribe({
+            next: (data) => {
+                const progress = data['PipelineProgress'];
+                if (!progress)
+                    return;
+                const stage = progress['Stage'];
+                const pct = progress['PercentComplete'];
+                this.updateRowProgress(entityDocumentId, pct);
+                this.cdr.detectChanges();
+                if (stage === 'complete') {
+                    finishSync(true);
+                }
+                else if (stage === 'error') {
+                    finishSync(false);
+                }
+                else {
+                    // Got a progress event — reset idle timer
+                    resetIdleTimer();
+                }
+            },
+            error: (err) => {
+                console.error(`[VectorManagement] Pipeline subscription error:`, err);
+                finishSync(false);
+            }
+        });
+    }
+    /**
+     * Add an ID to SyncingIds, creating a new Set reference so Angular
+     * change detection picks up the mutation in template bindings.
+     */
+    addSyncingId(id) {
+        this.SyncingIds = new Set([...this.SyncingIds, id]);
+    }
+    /**
+     * Remove an ID from SyncingIds, creating a new Set reference so Angular
+     * change detection picks up the mutation in template bindings.
+     */
+    removeSyncingId(id) {
+        if (this.SyncingIds.has(id)) {
+            const next = new Set(this.SyncingIds);
+            next.delete(id);
+            this.SyncingIds = next;
+        }
+    }
+    /** Opens the AI suggestion dialog */
+    OpenSuggestDialog() {
+        this.SuggestionResult = null;
+        this.SuggestEntityName = '';
+        this.SuggestUseCase = 'duplicate detection';
+        this.EditableTemplate = '';
+        this.SuggestionError = '';
+        this.EntitySearchText = '';
+        this.ShowEntityPicker = false;
+        this.loadEntityGroups();
+        this.ShowSuggestDialog = true;
+        this.cdr.detectChanges();
+    }
+    /** Select an entity from the grouped picker */
+    SelectEntity(entityName) {
+        this.SuggestEntityName = entityName;
+        this.ShowEntityPicker = false;
+        this.cdr.detectChanges();
+    }
+    /** Filter entities by search text */
+    FilterEntities() {
+        const query = this.EntitySearchText.toLowerCase().trim();
+        if (!query) {
+            this.FilteredEntityGroups = this.EntityGroups;
+        }
+        else {
+            this.FilteredEntityGroups = this.EntityGroups
+                .map(group => ({
+                SchemaName: group.SchemaName,
+                Entities: group.Entities.filter(e => e.Name.toLowerCase().includes(query))
+            }))
+                .filter(group => group.Entities.length > 0);
+        }
+        this.cdr.detectChanges();
+    }
+    /** Toggle entity picker visibility */
+    ToggleEntityPicker() {
+        this.ShowEntityPicker = !this.ShowEntityPicker;
+        if (this.ShowEntityPicker) {
+            this.FilteredEntityGroups = this.EntityGroups;
+            this.EntitySearchText = '';
+        }
+        this.cdr.detectChanges();
+    }
+    /** Handle template edits from code editor */
+    OnTemplateChange(newValue) {
+        this.EditableTemplate = newValue;
+        if (this.SuggestionResult) {
+            this.SuggestionResult.template = newValue;
+        }
+    }
+    /** Closes the suggestion dialog */
+    CloseSuggestDialog() {
+        this.ShowSuggestDialog = false;
+        this.SuggestionResult = null;
+        this.cdr.detectChanges();
+    }
+    /** Clears the current suggestion to try again */
+    ClearSuggestion() {
+        this.SuggestionResult = null;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Runs the AI suggestion by calling the server-side "Entity Document Suggestion"
+     * AI prompt via GraphQL. The LLM analyzes the entity schema and generates
+     * natural language Nunjucks templates optimized for embedding quality.
+     */
+    async RunSuggestion() {
+        if (!this.SuggestEntityName || this.IsSuggesting) {
+            return;
+        }
+        this.IsSuggesting = true;
+        this.SuggestionError = '';
+        this.cdr.detectChanges();
+        try {
+            const result = await this.callSuggestionPrompt(this.SuggestEntityName, this.SuggestUseCase);
+            if (result) {
+                this.SuggestionResult = result;
+                this.EditableTemplate = result.template;
+                this.SaveDocumentName = `${this.SuggestEntityName} - ${this.SuggestUseCase}`;
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            console.error('[VectorManagement] Error generating suggestion:', msg);
+            this.SuggestionError = `Failed to generate suggestion: ${msg}`;
+        }
+        finally {
+            this.IsSuggesting = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Saves the current suggestion as an Entity Document record */
+    async SaveAsEntityDocument() {
+        if (this.IsSavingDocument || !this.SuggestionResult) {
+            return;
+        }
+        this.IsSavingDocument = true;
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const entityDoc = await md.GetEntityObject('MJ: Entity Documents');
+            entityDoc.NewRecord();
+            entityDoc.Name = this.SaveDocumentName;
+            const matchingEntity = md.Entities.find(e => e.Name === this.SuggestEntityName);
+            if (matchingEntity) {
+                entityDoc.EntityID = matchingEntity.ID;
+            }
+            entityDoc.Status = 'Active';
+            // Populate required FK fields from existing data
+            await this.populateEntityDocumentFKs(entityDoc);
+            const saved = await entityDoc.Save();
+            if (saved) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Entity Document "${this.SaveDocumentName}" created successfully`, 'success', 3000);
+                await this.LoadData();
+                setTimeout(() => {
+                    this.CloseSuggestDialog();
+                    this.cdr.detectChanges();
+                }, 1500);
+            }
+            else {
+                const errorMsg = entityDoc.LatestResult?.CompleteMessage || 'Unknown error saving entity document';
+                console.error('[VectorManagement] Failed to save entity document:', errorMsg);
+                MJNotificationService.Instance.CreateSimpleNotification(`Failed to save: ${errorMsg}`, 'error', 5000);
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            console.error('[VectorManagement] Error saving entity document:', msg);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error: ${msg}`, 'error', 5000);
+        }
+        finally {
+            this.IsSavingDocument = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Returns the CSS class for a given sync status badge */
+    GetStatusClass(status) {
+        switch (status) {
+            case 'Synced': return 'status-synced';
+            case 'Syncing': return 'status-syncing';
+            case 'Error': return 'status-error';
+            case 'Pending': return 'status-pending';
+            default: return '';
+        }
+    }
+    /** Returns the icon class for a given sync status */
+    GetStatusIcon(status) {
+        switch (status) {
+            case 'Synced': return 'fa-solid fa-circle-check';
+            case 'Syncing': return 'fa-solid fa-spinner fa-spin';
+            case 'Error': return 'fa-solid fa-circle-exclamation';
+            case 'Pending': return 'fa-solid fa-clock';
+            default: return 'fa-solid fa-question';
+        }
+    }
+    /** Format a Date value for display */
+    FormatDate(date) {
+        if (!date)
+            return 'Never';
+        const d = new Date(date);
+        return d.toLocaleDateString(undefined, {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit'
+        });
+    }
+    /** Format the storage gauge label */
+    get StorageLabel() {
+        return `${this.StorageUsagePercent}%`;
+    }
+    /** CSS class for the DB health indicator dot */
+    get DBHealthClass() {
+        switch (this.VectorDBStatus) {
+            case 'Healthy': return 'health-healthy';
+            case 'Degraded': return 'health-degraded';
+            case 'Offline': return 'health-offline';
+            default: return '';
+        }
+    }
+    // ================================================================
+    // Private helpers
+    // ================================================================
+    async fetchAllData() {
+        const rv = new RunView();
+        const [docsResult, vdbResult, viResult, erdResult, modelsResult] = await rv.RunViews([
+            {
+                EntityName: 'MJ: Entity Documents',
+                ExtraFilter: '',
+                OrderBy: 'Name',
+                ResultType: 'entity_object'
+            },
+            {
+                EntityName: 'MJ: Vector Databases',
+                ExtraFilter: '',
+                ResultType: 'entity_object'
+            },
+            {
+                EntityName: 'MJ: Vector Indexes',
+                ExtraFilter: '',
+                ResultType: 'entity_object'
+            },
+            {
+                EntityName: 'MJ: Entity Record Documents',
+                ExtraFilter: '',
+                Fields: ['ID', 'EntityDocumentID', 'VectorID', 'EntityDocument', 'Entity', '__mj_UpdatedAt'],
+                ResultType: 'simple'
+            },
+            {
+                EntityName: 'MJ: AI Models',
+                ExtraFilter: '',
+                ResultType: 'entity_object'
+            }
+        ]);
+        if (docsResult.Success) {
+            this.entityDocuments = docsResult.Results;
+        }
+        if (vdbResult.Success) {
+            this.vectorDatabases = vdbResult.Results;
+        }
+        if (viResult.Success) {
+            this.vectorIndexes = viResult.Results;
+        }
+        if (erdResult.Success) {
+            this.recordDocuments = erdResult.Results;
+        }
+        if (modelsResult.Success) {
+            this.aiModels = modelsResult.Results;
+        }
+    }
+    buildSyncRows() {
+        this.SyncRows = this.entityDocuments.map(doc => {
+            const docsForEntity = this.recordDocuments.filter(rd => UUIDsEqual(rd.EntityDocumentID, doc.ID));
+            const vectorCount = docsForEntity.filter(rd => rd.VectorID != null).length;
+            const lastSynced = this.computeLastSynced(docsForEntity);
+            const status = this.computeSyncStatus(doc, vectorCount, docsForEntity.length);
+            // Preserve progress info from any active sync
+            const existingRow = this.SyncRows.find(r => UUIDsEqual(r.EntityDocumentID, doc.ID));
+            return {
+                EntityDocumentID: doc.ID,
+                EntityName: doc.Entity || '',
+                DocumentName: doc.Name,
+                VectorCount: vectorCount,
+                LastSynced: lastSynced,
+                Status: status,
+                PercentComplete: existingRow?.PercentComplete ?? 0,
+                PipelineRunID: existingRow?.PipelineRunID,
+            };
+        });
+    }
+    computeLastSynced(records) {
+        if (records.length === 0)
+            return null;
+        const dates = records
+            .map(r => new Date(r.__mj_UpdatedAt))
+            .filter(d => !isNaN(d.getTime()));
+        if (dates.length === 0)
+            return null;
+        return new Date(Math.max(...dates.map(d => d.getTime())));
+    }
+    computeSyncStatus(doc, vectorCount, totalRecords) {
+        if (this.SyncingIds.has(doc.ID)) {
+            return 'Syncing';
+        }
+        if (doc.Status === 'Inactive') {
+            return 'Pending';
+        }
+        if (totalRecords === 0) {
+            return 'Pending';
+        }
+        // If there are any vectors, consider it synced — partial syncs
+        // still represent a successful state since the pipeline ran
+        if (vectorCount > 0) {
+            return 'Synced';
+        }
+        return 'Synced';
+    }
+    buildKPICards() {
+        this.TotalVectors = this.recordDocuments.filter(rd => rd.VectorID != null).length;
+        const entitiesSynced = new Set(this.entityDocuments
+            .filter(d => d.Status === 'Active')
+            .map(d => d.EntityID)).size;
+        const allDates = this.recordDocuments
+            .map(r => new Date(r.__mj_UpdatedAt))
+            .filter(d => !isNaN(d.getTime()));
+        const lastSyncDate = allDates.length > 0
+            ? new Date(Math.max(...allDates.map(d => d.getTime())))
+            : null;
+        this.KPICards = [
+            {
+                title: 'Total Vectors',
+                value: this.TotalVectors,
+                subtitle: `across ${this.entityDocuments.length} documents`,
+                icon: 'fa-cubes',
+                color: 'primary',
+                loading: false
+            },
+            {
+                title: 'Entities Synced',
+                value: entitiesSynced,
+                subtitle: `of ${this.entityDocuments.length} configured`,
+                icon: 'fa-layer-group',
+                color: 'success',
+                loading: false
+            },
+            {
+                title: 'Last Sync',
+                value: lastSyncDate ? this.FormatDate(lastSyncDate) : 'Never',
+                icon: 'fa-clock',
+                color: 'info',
+                loading: false
+            },
+            {
+                title: 'Vector Indexes',
+                value: this.vectorIndexes.length,
+                subtitle: `in ${this.vectorDatabases.length} database(s)`,
+                icon: 'fa-diagram-project',
+                color: 'warning',
+                loading: false
+            }
+        ];
+    }
+    buildSidebarData() {
+        this.buildVectorDBHealth();
+        this.buildEmbeddingModelInfo();
+        this.buildStorageUsage();
+    }
+    buildVectorDBHealth() {
+        if (this.vectorDatabases.length > 0) {
+            const db = this.vectorDatabases[0];
+            this.VectorDBName = db.Name;
+            // Determine health based on whether we have records with vectors
+            const hasVectors = this.recordDocuments.some(rd => rd.VectorID != null);
+            this.VectorDBStatus = hasVectors ? 'Healthy' : 'Degraded';
+        }
+        else {
+            this.VectorDBName = 'Not configured';
+            this.VectorDBStatus = 'Offline';
+        }
+    }
+    buildEmbeddingModelInfo() {
+        if (this.vectorIndexes.length > 0) {
+            const index = this.vectorIndexes[0];
+            const model = this.aiModels.find(m => UUIDsEqual(m.ID, index.EmbeddingModelID));
+            this.EmbeddingModel = {
+                Name: model?.Name ?? index.EmbeddingModel ?? 'Unknown',
+                Dimensions: null
+            };
+        }
+        else {
+            this.EmbeddingModel = { Name: 'Not configured', Dimensions: null };
+        }
+    }
+    buildStorageUsage() {
+        // Estimate storage as a ratio of vectorized records vs total record documents
+        const total = this.recordDocuments.length;
+        const vectorized = this.recordDocuments.filter(rd => rd.VectorID != null).length;
+        this.StorageUsagePercent = total > 0 ? Math.round((vectorized / total) * 100) : 0;
+    }
+    /** Check if vector DB and embedding model are configured, populate selection lists */
+    checkPrerequisites() {
+        this.HasVectorDB = this.vectorDatabases.length > 0;
+        const allEmbeddings = this.aiModels.filter(m => m.AIModelType?.toLowerCase().includes('embedding') || m.Name?.toLowerCase().includes('embedding'));
+        this.HasEmbeddingModel = allEmbeddings.length > 0;
+        this.AvailableEmbeddingModels = allEmbeddings.map(m => ({ ID: m.ID, Name: m.Name }));
+        // Default selections — first available, no hardcoded preference
+        if (this.HasVectorDB && !this.SelectedVectorDBID) {
+            this.SelectedVectorDBID = this.vectorDatabases[0].ID;
+        }
+        if (this.HasEmbeddingModel && !this.SelectedEmbeddingModelID) {
+            this.SelectedEmbeddingModelID = allEmbeddings[0].ID;
+        }
+        // Build vector index list
+        this.AvailableVectorIndexes = this.vectorIndexes.map(vi => ({
+            ID: vi.ID,
+            Name: vi.Name,
+            VectorDatabaseID: vi.VectorDatabaseID,
+            EmbeddingModelID: vi.EmbeddingModelID
+        }));
+        // Pre-select first index if available
+        if (this.AvailableVectorIndexes.length > 0 && !this.SelectedVectorIndexID) {
+            this.SelectedVectorIndexID = this.AvailableVectorIndexes[0].ID;
+        }
+    }
+    /** Find the best embedding model from loaded AI models */
+    findEmbeddingModel() {
+        return this.aiModels.find(m => m.AIModelType?.toLowerCase().includes('embedding') || m.Name?.toLowerCase().includes('embedding'));
+    }
+    /**
+     * Populate required foreign key fields on an Entity Document before saving.
+     * Throws if prerequisites are not met.
+     */
+    async populateEntityDocumentFKs(entityDoc) {
+        if (!this.PrerequisitesMet) {
+            const missing = [];
+            if (!this.HasVectorDB)
+                missing.push('Vector Database');
+            if (!this.HasEmbeddingModel)
+                missing.push('Embedding Model');
+            throw new Error(`Prerequisites not configured: ${missing.join(', ')}. Go to the Configuration tab to set these up.`);
+        }
+        // TypeID — look up 'Record Duplicate' entity document type
+        const rv = new RunView();
+        const typeResult = await rv.RunView({
+            EntityName: 'MJ: Entity Document Types',
+            ExtraFilter: "Name = 'Record Duplicate'",
+            ResultType: 'simple',
+            Fields: ['ID']
+        });
+        if (typeResult.Success && typeResult.Results.length > 0) {
+            entityDoc.TypeID = typeResult.Results[0].ID;
+        }
+        else {
+            throw new Error('Entity Document Type "Record Duplicate" not found in database');
+        }
+        // If a vector index is selected, use its DB + model so the syncer finds it
+        // instead of auto-creating a new one
+        if (this.SelectedVectorIndexID) {
+            const idx = this.AvailableVectorIndexes.find(i => UUIDsEqual(i.ID, this.SelectedVectorIndexID));
+            if (idx) {
+                entityDoc.VectorDatabaseID = idx.VectorDatabaseID;
+                entityDoc.AIModelID = idx.EmbeddingModelID;
+                entityDoc.VectorIndexID = idx.ID;
+            }
+            else {
+                entityDoc.VectorDatabaseID = this.SelectedVectorDBID || this.vectorDatabases[0].ID;
+                entityDoc.AIModelID = this.SelectedEmbeddingModelID || this.findEmbeddingModel().ID;
+            }
+        }
+        else {
+            entityDoc.VectorDatabaseID = this.SelectedVectorDBID || this.vectorDatabases[0].ID;
+            entityDoc.AIModelID = this.SelectedEmbeddingModelID || this.findEmbeddingModel().ID;
+        }
+        // TemplateID — create a Template record with the generated template content
+        await this.createTemplateForDocument(entityDoc);
+    }
+    /** Create a Template + TemplateContent record for the entity document */
+    async createTemplateForDocument(entityDoc) {
+        const md = new Metadata();
+        const templateText = this.EditableTemplate || this.SuggestionResult?.template || '';
+        if (!templateText) {
+            throw new Error('No template content to save');
+        }
+        // Create Template record
+        const template = await md.GetEntityObject('MJ: Templates');
+        template.NewRecord();
+        template.Name = `Template for ${this.SaveDocumentName}`;
+        template.Description = `Auto-generated template for entity document: ${this.SaveDocumentName}`;
+        template.UserID = md.CurrentUser.ID;
+        template.IsActive = true;
+        const templateSaved = await template.Save();
+        if (!templateSaved) {
+            throw new Error(`Failed to create template: ${template.LatestResult?.CompleteMessage || 'unknown error'}`);
+        }
+        entityDoc.TemplateID = template.ID;
+        // Find 'Text' content type
+        const contentTypeResult = await new RunView().RunView({
+            EntityName: 'MJ: Template Content Types',
+            ExtraFilter: "Name = 'Text'",
+            ResultType: 'simple',
+            Fields: ['ID']
+        });
+        if (!contentTypeResult.Success || contentTypeResult.Results.length === 0) {
+            throw new Error('Template Content Type "Text" not found');
+        }
+        // Create TemplateContent record with the template text
+        // Server-side MJTemplateContentEntityServer hook auto-creates Scalar params
+        // for each {{FieldName}} — GetTemplateData() handles them via the flat convention.
+        const content = await md.GetEntityObject('MJ: Template Contents');
+        content.NewRecord();
+        content.TemplateID = template.ID;
+        content.TypeID = contentTypeResult.Results[0].ID;
+        content.TemplateText = templateText;
+        content.Priority = 1;
+        content.IsActive = true;
+        const contentSaved = await content.Save();
+        if (!contentSaved) {
+            throw new Error(`Failed to create template content: ${content.LatestResult?.CompleteMessage || 'unknown error'}`);
+        }
+    }
+    /** Build grouped entity list from metadata, grouped by SchemaName */
+    loadEntityGroups() {
+        const md = new Metadata();
+        const groupMap = new Map();
+        for (const entity of md.Entities) {
+            const schema = entity.SchemaName || '__default';
+            const existing = groupMap.get(schema);
+            if (existing) {
+                existing.push({ Name: entity.Name, ID: entity.ID });
+            }
+            else {
+                groupMap.set(schema, [{ Name: entity.Name, ID: entity.ID }]);
+            }
+        }
+        this.EntityGroups = Array.from(groupMap.entries())
+            .map(([schemaName, entities]) => ({
+            SchemaName: schemaName,
+            Entities: entities.sort((a, b) => a.Name.localeCompare(b.Name))
+        }))
+            .sort((a, b) => a.SchemaName.localeCompare(b.SchemaName));
+        this.FilteredEntityGroups = this.EntityGroups;
+    }
+    updateRowStatus(entityDocumentId, status) {
+        const row = this.SyncRows.find(r => r.EntityDocumentID === entityDocumentId);
+        if (row) {
+            row.Status = status;
+        }
+    }
+    updateRowProgress(entityDocumentId, percentComplete) {
+        const row = this.SyncRows.find(r => r.EntityDocumentID === entityDocumentId);
+        if (row) {
+            row.PercentComplete = percentComplete;
+        }
+    }
+    /** Refresh a single sync row's vector count and status from the DB */
+    async refreshSyncRow(entityDocumentId) {
+        const row = this.SyncRows.find(r => r.EntityDocumentID === entityDocumentId);
+        if (!row)
+            return;
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: 'MJ: Entity Record Documents',
+            ExtraFilter: `EntityDocumentID='${entityDocumentId}'`,
+            ResultType: 'entity_object'
+        });
+        if (result.Success) {
+            const docs = result.Results;
+            row.VectorCount = docs.filter(d => d.VectorID != null).length;
+            row.LastSynced = this.computeLastSynced(docs);
+            row.Status = row.VectorCount > 0 ? 'Synced' : 'Pending';
+            row.PercentComplete = 100;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Calls the "Entity Document Suggestion" AI prompt via GraphQL to generate
+     * a natural language template optimized for vector embeddings.
+     */
+    async callSuggestionPrompt(entityName, useCase) {
+        const md = new Metadata();
+        const entity = md.Entities.find(e => e.Name === entityName);
+        if (!entity) {
+            throw new Error(`Entity "${entityName}" not found in metadata`);
+        }
+        const prompt = this.findSuggestionPrompt();
+        const provider = Metadata.Provider;
+        if (!provider) {
+            throw new Error('GraphQL provider not available');
+        }
+        const aiClient = new GraphQLAIClient(provider);
+        const data = this.buildPromptData(entity, useCase);
+        const result = await aiClient.RunAIPrompt({
+            promptId: prompt.ID,
+            data,
+        });
+        if (!result.success) {
+            throw new Error(result.error || 'AI prompt execution failed');
+        }
+        const parsed = result.parsedResult;
+        if (!parsed?.template) {
+            throw new Error('AI returned no template in response');
+        }
+        return parsed;
+    }
+    /** Find the Entity Document Suggestion prompt from AIEngineBase */
+    findSuggestionPrompt() {
+        const prompt = AIEngineBase.Instance.Prompts.find((p) => p.Name === 'Entity Document Suggestion');
+        if (!prompt) {
+            throw new Error('AI Prompt "Entity Document Suggestion" not found. ' +
+                'Run "npx mj sync push --dir=metadata --include=prompts" to install it.');
+        }
+        return prompt;
+    }
+    /** Build the data payload for the suggestion prompt */
+    buildPromptData(entity, useCase) {
+        const fields = entity.Fields.map(f => ({
+            Name: f.Name,
+            Type: f.Type,
+            IsPrimaryKey: f.IsPrimaryKey,
+            IsUnique: f.IsUnique,
+            MaxLength: f.MaxLength,
+            AllowsNull: f.AllowsNull,
+            Description: f.Description || '',
+        }));
+        const md = new Metadata();
+        const relationships = entity.RelatedEntities
+            .filter(r => r.Type === 'One to Many' || r.Type === 'Many to One')
+            .slice(0, 20)
+            .map(r => {
+            const relatedEntity = md.Entities.find(e => e.Name === r.RelatedEntity);
+            const relFields = relatedEntity
+                ? relatedEntity.Fields
+                    .filter(f => !f.IsPrimaryKey && f.Type !== 'datetimeoffset')
+                    .map(f => f.Name)
+                : [];
+            return {
+                Name: r.RelatedEntityJoinField || r.RelatedEntity,
+                RelatedEntity: r.RelatedEntity,
+                Fields: relFields,
+                ForeignKeyField: r.RelatedEntityJoinField || '',
+            };
+        });
+        return {
+            EntityName: entity.Name,
+            FieldsJSON: JSON.stringify(fields, null, 2),
+            RelationshipsJSON: JSON.stringify(relationships, null, 2),
+            UseCase: useCase,
+        };
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵVectorManagementResourceComponent_BaseFactory; return function VectorManagementResourceComponent_Factory(__ngFactoryType__) { return (ɵVectorManagementResourceComponent_BaseFactory || (ɵVectorManagementResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(VectorManagementResourceComponent)))(__ngFactoryType__ || VectorManagementResourceComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VectorManagementResourceComponent, selectors: [["app-vector-management-resource"]], inputs: { EmbeddedMode: "EmbeddedMode" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "vector-loading"], ["text", "Loading vector management data..."], [1, "vector-dashboard"], [1, "view-mode-toggle"], [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, "view-mode-btn", 3, "click"], [1, "fa-solid", "fa-cubes"], [1, "fa-solid", "fa-gauge-high"], [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", "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"], ["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"], ["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, "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-search"], ["type", "text", "placeholder", "Filter entities...", "autofocus", "", 1, "entity-picker-search-input", 3, "ngModelChange", "input", "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"], [1, "entity-picker-item", 3, "click"], [1, "fa-solid", "fa-circle-exclamation"], [1, "result-section"], [1, "result-heading"], [1, "template-editor-wrapper"], ["language", "markdown", 3, "change", "value", "readonly", "lineWrapping"], [1, "result-tags"], [1, "result-tag"], [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, 2, 0, "div", 0)(1, VectorManagementResourceComponent_Conditional_1_Template, 57, 16);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.CodeEditorComponent, i3.LoadingComponent, i4.KPICardComponent, i5.DecimalPipe], styles: ["\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.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.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: 1000;\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-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\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')
+], VectorManagementResourceComponent);
+export { VectorManagementResourceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VectorManagementResourceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-vector-management-resource', template: "@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    <!-- View Mode Toggle -->\n    @if (!EmbeddedMode) {\n      <div class=\"view-mode-toggle\">\n        <button class=\"view-mode-btn\" [class.view-mode-btn-active]=\"ViewMode === 'index'\" (click)=\"ViewMode = 'index'\">\n          <i class=\"fa-solid fa-cubes\"></i> Index View\n        </button>\n        <button class=\"view-mode-btn\" [class.view-mode-btn-active]=\"ViewMode === 'operations'\" (click)=\"ViewMode = 'operations'\">\n          <i class=\"fa-solid fa-gauge-high\"></i> Operations\n        </button>\n      </div>\n    }\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=\"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            <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  <!-- 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\">\n                      <div class=\"entity-picker-search\">\n                        <i class=\"fa-solid fa-search\"></i>\n                        <input type=\"text\"\n                               class=\"entity-picker-search-input\"\n                               placeholder=\"Filter entities...\"\n                               [(ngModel)]=\"EntitySearchText\"\n                               (input)=\"FilterEntities()\"\n                               autofocus />\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                                      (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) {\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", styles: ["/* ================================================================\n   Vector Management Dashboard\n   All colors use MJ design tokens from _tokens.scss\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.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.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: 1000;\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-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/* ================================================================\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, { EmbeddedMode: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VectorManagementResourceComponent, { className: "VectorManagementResourceComponent", filePath: "src/AI/components/vectors/vector-management-resource.component.ts", lineNumber: 69 }); })();
+export function LoadVectorManagementResource() {
+    // Prevents tree-shaking
+}
+//# sourceMappingURL=vector-management-resource.component.js.map