@memberjunction/ng-dashboards 5.33.0 → 5.34.1

package/dist/KnowledgeHub/components/config/knowledge-config-resource.component.js

@@ -13,7 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  */
 import { Component, ChangeDetectorRef, inject } from '@angular/core';
 import { Subject } from 'rxjs';
-import { RunView } from '@memberjunction/core';
+import { CompositeKey, RunView, LogError } from '@memberjunction/core';
 import { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
 import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
@@ -22,9 +22,14 @@ import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@memberjunction/ng-shared-generic";
-import * as i3 from "../scheduling/scheduling-resource.component";
+import * as i3 from "@memberjunction/ng-search";
+import * as i4 from "../scheduling/scheduling-resource.component";
+import * as i5 from "@angular/common";
 const _forTrack0 = ($index, $item) => $item.ID;
 const _forTrack1 = ($index, $item) => $item.EntityName;
+const _forTrack2 = ($index, $item) => $item.ScopeID;
+const _forTrack3 = ($index, $item) => $item.Reranker;
+const _forTrack4 = ($index, $item) => $item.Reason;
 function KnowledgeConfigResourceComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
     i0.ɵɵelement(1, "mj-loading", 2);
@@ -706,37 +711,761 @@ function KnowledgeConfigResourceComponent_Conditional_1_Conditional_13_Template(
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ThresholdSettings.AutotagConfidence);
 } }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵtext(1, "Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 116);
+    i0.ɵɵtext(1, " No scopes defined yet. Click ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3, "New");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " to create one. ");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
+    i0.ɵɵtext(1, "Global");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
+    i0.ɵɵtext(1, "Default");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 120);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Template_button_click_0_listener() { const s_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.SelectScope(s_r23.ID)); });
+    i0.ɵɵelement(1, "i", 121);
+    i0.ɵɵelementStart(2, "span", 122);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Conditional_4_Template, 2, 0, "span", 123)(5, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Conditional_5_Template, 2, 0, "span", 123);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r23 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeID === s_r23.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(s_r23.Icon || "fa-solid fa-filter");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r23.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(s_r23.IsGlobal ? 4 : s_r23.IsDefault ? 5 : -1);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_For_1_Template, 6, 6, "button", 119, _forTrack0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r2.SearchScopes);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 136);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.OpenActiveScopeFullForm()); });
+    i0.ɵɵelement(1, "i", 137);
+    i0.ɵɵtext(2, " Open Full Form ");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 138);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.DeleteActiveScope()); });
+    i0.ɵɵelement(1, "i", 139);
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 131)(1, "label")(2, "span");
+    i0.ɵɵtext(3, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "input", 140);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_input_change_4_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.Name = $event.target.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "label")(6, "span");
+    i0.ɵɵtext(7, "Icon (Font Awesome class)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "input", 140);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_input_change_8_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.Icon = $event.target.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "label", 141)(10, "span");
+    i0.ɵɵtext(11, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "textarea", 142);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_textarea_change_12_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.Description = $event.target.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "label")(14, "span");
+    i0.ɵɵtext(15, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "select", 143);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_select_change_16_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.Status = $event.target.value); });
+    i0.ɵɵelementStart(17, "option", 144);
+    i0.ɵɵtext(18, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "option", 145);
+    i0.ɵɵtext(20, "Inactive");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "label")(22, "span");
+    i0.ɵɵtext(23, "Start at");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "input", 146);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_input_change_24_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.SetScopeDate(ctx_r2.ActiveScope, "StartAt", $event.target.value)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(25, "label")(26, "span");
+    i0.ɵɵtext(27, "End at");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "input", 146);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_input_change_28_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.SetScopeDate(ctx_r2.ActiveScope, "EndAt", $event.target.value)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "label", 147)(30, "input", 148);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_input_change_30_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.IsDefault = $event.target.checked); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "span");
+    i0.ɵɵtext(32, "Default scope \u2014 picked when users/agents don't specify one");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "label", 147);
+    i0.ɵɵelement(34, "input", 149);
+    i0.ɵɵelementStart(35, "span");
+    i0.ɵɵtext(36, "Global \u2014 reserved for the built-in Global scope (read-only)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(37, "label", 141)(38, "span");
+    i0.ɵɵtext(39, "Scope Config (JSON)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "textarea", 150);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_textarea_change_40_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.ScopeConfig = $event.target.value); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(41, "label", 141)(42, "span");
+    i0.ɵɵtext(43, "Search Context Config (JSON)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "textarea", 150);
+    i0.ɵɵlistener("change", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template_textarea_change_44_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ActiveScope.SearchContextConfig = $event.target.value); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ActiveScope.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ActiveScope.Icon || "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ActiveScope.Description || "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ActiveScope.Status);
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("value", ctx_r2.FormatScopeDate(ctx_r2.ActiveScope.StartAt));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.FormatScopeDate(ctx_r2.ActiveScope.EndAt));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", ctx_r2.ActiveScope.IsDefault)("disabled", ctx_r2.ActiveScope.IsGlobal);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("checked", ctx_r2.ActiveScope.IsGlobal);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r2.ActiveScope.ScopeConfig || "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ActiveScope.SearchContextConfig || "");
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-search-scope-child-grid", 132);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ParentID", ctx_r2.ActiveScopeID)("Columns", ctx_r2.ScopeProviderColumns);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-search-scope-child-grid", 133);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ParentID", ctx_r2.ActiveScopeID)("Columns", ctx_r2.ScopeExternalIndexColumns);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-search-scope-child-grid", 134);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ParentID", ctx_r2.ActiveScopeID)("Columns", ctx_r2.ScopeEntityColumns);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-search-scope-child-grid", 135);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ParentID", ctx_r2.ActiveScopeID)("Columns", ctx_r2.ScopeStorageColumns);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 151)(1, "p", 152);
+    i0.ɵɵelement(2, "i", 153);
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4, "Per-user / per-role grants on this scope.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5, " Each row binds ");
+    i0.ɵɵelementStart(6, "em");
+    i0.ɵɵtext(7, "either");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, " a User ");
+    i0.ɵɵelementStart(9, "em");
+    i0.ɵɵtext(10, "or");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(11, " a Role (not both). Levels: ");
+    i0.ɵɵelementStart(12, "code");
+    i0.ɵɵtext(13, "None");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(14, " = explicit deny that overrides role grants, ");
+    i0.ɵɵelementStart(15, "code");
+    i0.ɵɵtext(16, "Read");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(17, " = view scope metadata, ");
+    i0.ɵɵelementStart(18, "code");
+    i0.ɵɵtext(19, "Search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(20, " = invoke ScopedSearchAction, ");
+    i0.ɵɵelementStart(21, "code");
+    i0.ɵɵtext(22, "Manage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(23, " = full edit including authoring permissions. Combined with ");
+    i0.ɵɵelementStart(24, "code");
+    i0.ɵɵtext(25, "AIAgent.SearchScopeAccess");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(26, " via the resolver \u2014 see the spec for the full resolution order. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(27, "mj-search-scope-child-grid", 154);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(27);
+    i0.ɵɵproperty("ParentID", ctx_r2.ActiveScopeID)("Columns", ctx_r2.ScopePermissionColumns);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 124)(1, "button", 125);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectScopeTab("definition")); });
+    i0.ɵɵtext(2, "Definition");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 125);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectScopeTab("providers")); });
+    i0.ɵɵtext(4, "Providers");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 125);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectScopeTab("indexes")); });
+    i0.ɵɵtext(6, "External Indexes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 125);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectScopeTab("entities")); });
+    i0.ɵɵtext(8, "Entities");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 125);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectScopeTab("storage")); });
+    i0.ɵɵtext(10, "Storage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 125);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectScopeTab("permissions")); });
+    i0.ɵɵtext(12, "Permissions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(13, "div", 126);
+    i0.ɵɵconditionalCreate(14, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_14_Template, 3, 0, "button", 127);
+    i0.ɵɵelementStart(15, "button", 128);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SaveActiveScope()); });
+    i0.ɵɵelement(16, "i", 129);
+    i0.ɵɵtext(17, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(18, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_18_Template, 2, 0, "button", 130);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(19, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_19_Template, 45, 11, "div", 131);
+    i0.ɵɵconditionalCreate(20, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_20_Template, 1, 2, "mj-search-scope-child-grid", 132);
+    i0.ɵɵconditionalCreate(21, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_21_Template, 1, 2, "mj-search-scope-child-grid", 133);
+    i0.ɵɵconditionalCreate(22, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_22_Template, 1, 2, "mj-search-scope-child-grid", 134);
+    i0.ɵɵconditionalCreate(23, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_23_Template, 1, 2, "mj-search-scope-child-grid", 135);
+    i0.ɵɵconditionalCreate(24, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Conditional_24_Template, 28, 2);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeTab === "definition");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeTab === "providers");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeTab === "indexes");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeTab === "entities");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeTab === "storage");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveScopeTab === "permissions");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.ActiveScope.ID ? 14 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(!ctx_r2.ActiveScope.IsGlobal ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveScopeTab === "definition" ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveScopeTab === "providers" ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveScopeTab === "indexes" ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveScopeTab === "entities" ? 22 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveScopeTab === "storage" ? 23 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveScopeTab === "permissions" ? 24 : -1);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 118);
+    i0.ɵɵtext(1, " Select a scope on the left, or click ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3, "New");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " to create one. ");
+    i0.ɵɵelementEnd();
+} }
 function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9)(1, "h2", 12);
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "h2", 12);
     i0.ɵɵelement(2, "i", 110);
+    i0.ɵɵtext(3, " Search Scopes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 13);
+    i0.ɵɵtext(5, " Define reusable search scopes that filter which providers, entities, external indexes, and storage accounts participate in a scoped search. Scopes can be assigned to AI agents for pre-execution RAG or agent-invoked search. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 111)(7, "aside", 112)(8, "div", 113)(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 114);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CreateNewScope()); });
+    i0.ɵɵelement(12, "i", 58);
+    i0.ɵɵtext(13, " New ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(14, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_14_Template, 2, 0, "div", 115)(15, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_15_Template, 5, 0, "div", 116)(16, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_16_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "section", 117);
+    i0.ɵɵconditionalCreate(18, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_18_Template, 25, 20)(19, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Conditional_19_Template, 5, 0, "div", 118);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate1("Scopes (", ctx_r2.SearchScopes.length, ")");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.IsLoadingScopes ? 14 : ctx_r2.SearchScopes.length === 0 ? 15 : 16);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.ActiveScope ? 18 : 19);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 156);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 158);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.LoadSearchAnalytics()); });
+    i0.ɵɵelement(1, "i", 159);
+    i0.ɵɵtext(2, " Load analytics ");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 166);
+    i0.ɵɵtext(1, "No runs in the window.");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_38_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r30 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r30.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 3, s_r30.Count));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", s_r30.AvgLatencyMs, "ms");
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 167)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Scope");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Avg latency");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "tbody");
+    i0.ɵɵrepeaterCreate(10, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_38_For_11_Template, 8, 5, "tr", null, _forTrack2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(10);
+    i0.ɵɵrepeater(ctx_r2.AnalyticsTopScopes);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 166);
+    i0.ɵɵtext(1, "No rerank invocations in the window.");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_42_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td");
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "number");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const r_r31 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(r_r31.Reranker);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 3, r_r31.Count));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(8, 5, r_r31.TotalCents, "1.0-2"), "\u00A2");
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 167)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Reranker");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Calls");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Total cents");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "tbody");
+    i0.ɵɵrepeaterCreate(10, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_42_For_11_Template, 9, 8, "tr", null, _forTrack3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(10);
+    i0.ɵɵrepeater(ctx_r2.AnalyticsRerankerSpend);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 166);
+    i0.ɵɵtext(1, "No failures in the window.");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_46_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r32 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(f_r32.Reason);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, f_r32.Count));
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 167)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Reason");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Count");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵrepeaterCreate(8, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_46_For_9_Template, 6, 4, "tr", null, _forTrack4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r2.AnalyticsTopFailures);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 160)(1, "div", 161)(2, "span", 162);
+    i0.ɵɵtext(3, "Total runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 163);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "number");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 161)(8, "span", 162);
+    i0.ɵɵtext(9, "Success rate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 163);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 161)(13, "span", 162);
+    i0.ɵɵtext(14, "Hit rate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 163);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 164);
+    i0.ɵɵtext(18, "% of successful runs that returned \u22651 result");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 161)(20, "span", 162);
+    i0.ɵɵtext(21, "Avg latency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "span", 163);
+    i0.ɵɵtext(23);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 161)(25, "span", 162);
+    i0.ɵɵtext(26, "P95 latency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "span", 163);
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 161)(30, "span", 162);
+    i0.ɵɵtext(31, "Reranker spend");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "span", 163);
+    i0.ɵɵtext(33);
+    i0.ɵɵpipe(34, "number");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(35, "h3", 165);
+    i0.ɵɵtext(36, "Top scopes by volume");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(37, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_37_Template, 2, 0, "p", 166)(38, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_38_Template, 12, 0, "table", 167);
+    i0.ɵɵelementStart(39, "h3", 165);
+    i0.ɵɵtext(40, "Reranker spend by driver");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(41, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_41_Template, 2, 0, "p", 166)(42, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_42_Template, 12, 0, "table", 167);
+    i0.ɵɵelementStart(43, "h3", 165);
+    i0.ɵɵtext(44, "Top failure reasons");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(45, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_45_Template, 2, 0, "p", 166)(46, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Conditional_46_Template, 10, 0, "table", 167);
+    i0.ɵɵelementStart(47, "button", 168);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Template_button_click_47_listener() { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.LoadSearchAnalytics()); });
+    i0.ɵɵelement(48, "i", 159);
+    i0.ɵɵtext(49, " Refresh ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 9, ctx_r2.AnalyticsTotalRuns));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1("", ctx_r2.AnalyticsSuccessRate, "%");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", ctx_r2.AnalyticsHitRate, "%");
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1("", ctx_r2.AnalyticsAvgLatencyMs, "ms");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", ctx_r2.AnalyticsP95LatencyMs, "ms");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(34, 11, ctx_r2.AnalyticsTotalRerankerCostCents, "1.0-2"), "\u00A2");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.AnalyticsTopScopes.length === 0 ? 37 : 38);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.AnalyticsRerankerSpend.length === 0 ? 41 : 42);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.AnalyticsTopFailures.length === 0 ? 45 : 46);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "h2", 12);
+    i0.ɵɵelement(2, "i", 155);
+    i0.ɵɵtext(3, " Search Analytics");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 13);
+    i0.ɵɵtext(5, "Aggregated metrics over the last 5,000 search invocations from ");
+    i0.ɵɵelementStart(6, "code");
+    i0.ɵɵtext(7, "MJ: Search Execution Logs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, ". Use this to spot slow scopes, high-failure queries, or runaway reranker spend.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_9_Template, 1, 0, "mj-loading", 156)(10, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_10_Template, 3, 0, "button", 157)(11, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_11_Template, 50, 14);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵconditional(ctx_r2.AnalyticsLoading ? 9 : !ctx_r2.AnalyticsLoaded ? 10 : 11);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 170);
+    i0.ɵɵelement(1, "i", 80);
+    i0.ɵɵtext(2, " Loading permission rows... ");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181);
+    i0.ɵɵtext(1, " No permission rows match your filters. ");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵelementStart(1, "span", 184);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r34 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", row_r34.UserName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("(", row_r34.UserEmail, ")");
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const row_r34 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", row_r34.RoleName, " ");
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 183);
+    i0.ɵɵtext(1, "User");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 183);
+    i0.ɵɵtext(1, "Role");
+    i0.ɵɵelementEnd();
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵconditionalCreate(4, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_4_Template, 3, 2)(5, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_5_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td");
+    i0.ɵɵconditionalCreate(7, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_7_Template, 2, 0, "span", 183);
+    i0.ɵɵconditionalCreate(8, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Conditional_8_Template, 2, 0, "span", 183);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td")(10, "span");
+    i0.ɵɵpipe(11, "lowercase");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const row_r34 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r34.SearchScopeName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(row_r34.UserID ? 4 : 5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(row_r34.UserID ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r34.RoleID ? 8 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(i0.ɵɵinterpolate1("search-permissions-level search-permissions-level-", i0.ɵɵpipeBind1(11, 8, row_r34.PermissionLevel)));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r34.PermissionLevel);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 182)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Scope");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Principal");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th");
+    i0.ɵɵtext(10, "Permission Level");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "tbody");
+    i0.ɵɵrepeaterCreate(12, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_For_13_Template, 13, 10, "tr", null, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.FilteredPermissionsRows);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 171)(1, "input", 172);
+    i0.ɵɵtwoWayListener("ngModelChange", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.PermissionsFilterScope, $event) || (ctx_r2.PermissionsFilterScope = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "input", 173);
+    i0.ɵɵtwoWayListener("ngModelChange", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.PermissionsFilterPrincipal, $event) || (ctx_r2.PermissionsFilterPrincipal = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "select", 174);
+    i0.ɵɵtwoWayListener("ngModelChange", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.PermissionsFilterLevel, $event) || (ctx_r2.PermissionsFilterLevel = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "option", 175);
+    i0.ɵɵtext(5, "All levels");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "option", 176);
+    i0.ɵɵtext(7, "None");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "option", 177);
+    i0.ɵɵtext(9, "Read");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "option", 178);
+    i0.ɵɵtext(11, "Search");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "option", 179);
+    i0.ɵɵtext(13, "Manage");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "button", 158);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.RefreshPermissionsAudit()); });
+    i0.ɵɵelement(15, "i", 159);
+    i0.ɵɵtext(16, " Refresh ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 180);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(19, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_19_Template, 2, 0, "div", 181)(20, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Conditional_20_Template, 14, 0, "table", 182);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.PermissionsFilterScope);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.PermissionsFilterPrincipal);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.PermissionsFilterLevel);
+    i0.ɵɵadvance(15);
+    i0.ɵɵtextInterpolate2(" Showing ", ctx_r2.FilteredPermissionsRows.length, " of ", ctx_r2.PermissionsRows.length, " rows ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.FilteredPermissionsRows.length === 0 ? 19 : 20);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "h2", 12);
+    i0.ɵɵelement(2, "i", 169);
+    i0.ɵɵtext(3, " Permissions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 13);
+    i0.ɵɵtext(5, " Cross-scope view of every ");
+    i0.ɵɵelementStart(6, "code");
+    i0.ɵɵtext(7, "SearchScopePermission");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, " row. Filter by scope, by user/role, or by permission level to answer \"who has access to what\". Read-only \u2014 to add or edit a grant, open the SearchScope's full form and use its Permissions panel. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_9_Template, 3, 0, "div", 170);
+    i0.ɵɵconditionalCreate(10, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Conditional_10_Template, 21, 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵconditional(ctx_r2.PermissionsLoading ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.PermissionsLoaded && !ctx_r2.PermissionsLoading ? 10 : -1);
+} }
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "h2", 12);
+    i0.ɵɵelement(2, "i", 185);
     i0.ɵɵtext(3, " Scheduling");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p", 13);
     i0.ɵɵtext(5, "Manage automated pipeline schedules for content classification and vector sync. Create schedules here or manage all schedules in the dedicated Scheduling app.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 111);
+    i0.ɵɵelementStart(6, "div", 186);
     i0.ɵɵelement(7, "app-scheduling-resource");
     i0.ɵɵelementEnd()();
 } }
-function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 80);
     i0.ɵɵtext(1, " Saving... ");
 } }
-function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 115);
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 129);
     i0.ɵɵtext(1, " Save Changes ");
 } }
-function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10)(1, "span", 112);
+function KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "span", 187);
     i0.ɵɵtext(2, "You have unsaved changes");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 113);
-    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveConfiguration()); });
-    i0.ɵɵconditionalCreate(4, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_4_Template, 2, 0)(5, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Conditional_5_Template, 2, 0);
+    i0.ɵɵelementStart(3, "button", 188);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveConfiguration()); });
+    i0.ɵɵconditionalCreate(4, KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Conditional_4_Template, 2, 0)(5, KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Conditional_5_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 114);
-    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ResetConfiguration()); });
+    i0.ɵɵelementStart(6, "button", 189);
+    i0.ɵɵlistener("click", function KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ResetConfiguration()); });
     i0.ɵɵtext(7, " Reset ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -762,8 +1491,11 @@ function KnowledgeConfigResourceComponent_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵconditionalCreate(11, KnowledgeConfigResourceComponent_Conditional_1_Conditional_11_Template, 8, 1, "div", 8);
     i0.ɵɵconditionalCreate(12, KnowledgeConfigResourceComponent_Conditional_1_Conditional_12_Template, 7, 1, "div", 8);
     i0.ɵɵconditionalCreate(13, KnowledgeConfigResourceComponent_Conditional_1_Conditional_13_Template, 34, 8, "div", 8);
-    i0.ɵɵconditionalCreate(14, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Template, 8, 0, "div", 9);
-    i0.ɵɵconditionalCreate(15, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Template, 8, 3, "div", 10);
+    i0.ɵɵconditionalCreate(14, KnowledgeConfigResourceComponent_Conditional_1_Conditional_14_Template, 20, 3, "div", 8);
+    i0.ɵɵconditionalCreate(15, KnowledgeConfigResourceComponent_Conditional_1_Conditional_15_Template, 12, 1, "div", 9);
+    i0.ɵɵconditionalCreate(16, KnowledgeConfigResourceComponent_Conditional_1_Conditional_16_Template, 11, 2, "div", 9);
+    i0.ɵɵconditionalCreate(17, KnowledgeConfigResourceComponent_Conditional_1_Conditional_17_Template, 8, 0, "div", 9);
+    i0.ɵɵconditionalCreate(18, KnowledgeConfigResourceComponent_Conditional_1_Conditional_18_Template, 8, 3, "div", 10);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -780,9 +1512,15 @@ function KnowledgeConfigResourceComponent_Conditional_1_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.ActiveSection === "thresholds" ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.ActiveSection === "scheduling" ? 14 : -1);
+    i0.ɵɵconditional(ctx_r2.ActiveSection === "search-scopes" ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveSection === "search-analytics" ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.HasUnsavedChanges ? 15 : -1);
+    i0.ɵɵconditional(ctx_r2.ActiveSection === "search-permissions" ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveSection === "scheduling" ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.HasUnsavedChanges ? 18 : -1);
 } }
 let KnowledgeConfigResourceComponent = class KnowledgeConfigResourceComponent extends BaseResourceComponent {
     cdr = inject(ChangeDetectorRef);
@@ -801,6 +1539,9 @@ let KnowledgeConfigResourceComponent = class KnowledgeConfigResourceComponent ex
         { ID: 'fulltext', Label: 'Full-Text Indexes', Icon: 'fa-solid fa-text-width', Description: 'Configure SQL full-text search indexes' },
         { ID: 'embedding', Label: 'Embedding Models', Icon: 'fa-solid fa-microchip', Description: 'Select and configure embedding models' },
         { ID: 'thresholds', Label: 'Thresholds', Icon: 'fa-solid fa-sliders', Description: 'Set scoring thresholds for search and deduplication' },
+        { ID: 'search-scopes', Label: 'Search Scopes', Icon: 'fa-solid fa-compass-drafting', Description: 'Define reusable search scopes — which providers, entities, external indexes, and storage accounts participate in scoped search' },
+        { ID: 'search-analytics', Label: 'Search Analytics', Icon: 'fa-solid fa-chart-line', Description: 'Per-scope query volume, p50/p95 latency, hit rate, top failures, and reranker spend (driven by SearchExecutionLog)' },
+        { ID: 'search-permissions', Label: 'Permissions', Icon: 'fa-solid fa-shield-halved', Description: 'Cross-scope view of every SearchScopePermission row, filterable by scope, user, or role (P2A.7)' },
         { ID: 'scheduling', Label: 'Scheduling', Icon: 'fa-solid fa-clock', Description: 'Manage automated pipeline schedules' },
     ];
     ActiveSection = 'pipeline';
@@ -869,6 +1610,63 @@ let KnowledgeConfigResourceComponent = class KnowledgeConfigResourceComponent ex
     NewIndexName = '';
     NewIndexVectorDBID = '';
     NewIndexEmbeddingModelID = '';
+    // --- Search Scopes ---
+    /** All SearchScope rows the current user can manage. */
+    SearchScopes = [];
+    /** Currently-selected scope ID — drives child-grid loading. */
+    ActiveScopeID = null;
+    IsLoadingScopes = false;
+    /** Which sub-tab of the selected scope is open. */
+    ActiveScopeTab = 'definition';
+    /** Column spec for the Providers child grid. */
+    ScopeProviderColumns = [
+        { Field: 'SearchProviderID', Label: 'Provider', Type: 'lookup', LookupEntityName: 'MJ: Search Providers', LookupFilter: "Status='Active'", Width: '200px' },
+        { Field: 'Enabled', Label: 'Enabled', Type: 'checkbox', Width: '80px' },
+        { Field: 'MaxResults', Label: 'Max Results', Type: 'number', Placeholder: 'e.g. 20', Width: '110px' },
+        { Field: 'QueryTransformTemplateID', Label: 'Query Transform', Type: 'lookup', LookupEntityName: 'Templates', Width: '180px' },
+        { Field: 'ProviderConfigOverride', Label: 'Config Override', Type: 'code', Placeholder: 'JSON override (optional)' },
+    ];
+    /** Column spec for the External Indexes child grid. */
+    ScopeExternalIndexColumns = [
+        { Field: 'IndexType', Label: 'Type', Type: 'select', Options: [
+                { Label: 'Vector', Value: 'Vector' },
+                { Label: 'Elasticsearch', Value: 'Elasticsearch' },
+                { Label: 'OpenSearch', Value: 'OpenSearch' },
+                { Label: 'Typesense', Value: 'Typesense' },
+                { Label: 'Azure AI Search', Value: 'AzureAISearch' },
+            ], Width: '140px' },
+        { Field: 'IndexName', Label: 'Index Name', Type: 'text', Placeholder: 'hr-policies-v2', Width: '200px' },
+        { Field: 'MetadataFilterTemplate', Label: 'Metadata Filter (Nunjucks)', Type: 'code', Placeholder: '{ "tenantId": "{{ context.PrimaryScopeRecordID }}" }' },
+        { Field: 'ExternalIndexConfig', Label: 'Config Override', Type: 'code', Placeholder: 'JSON override (optional)' },
+    ];
+    /** Column spec for the Entities child grid. */
+    ScopeEntityColumns = [
+        { Field: 'EntityID', Label: 'Entity', Type: 'lookup', LookupEntityName: 'Entities', Width: '220px' },
+        { Field: 'ExtraFilter', Label: 'Extra Filter (SQL + Nunjucks)', Type: 'code', Placeholder: "CategoryID = '<uuid>' AND OrganizationID = '{{ context.PrimaryScopeRecordID }}'" },
+        { Field: 'UserSearchStringOverride', Label: 'Query Rewrite', Type: 'text', Placeholder: '— use raw query —' },
+    ];
+    /** Column spec for the Storage Accounts child grid. */
+    ScopeStorageColumns = [
+        { Field: 'StorageAccountID', Label: 'Storage Account', Type: 'lookup', LookupEntityName: 'Storage Providers', Width: '220px' },
+        { Field: 'FolderPath', Label: 'Folder Path (Nunjucks)', Type: 'code', Placeholder: '/tenants/{{ context.PrimaryScopeRecordID }}/hr/policies/' },
+    ];
+    /**
+     * Column spec for the SearchScopePermission child grid (Phase 2A).
+     * Editable surface — admins author per-user / per-role grants here.
+     * Each row binds either a User or a Role (XOR enforced by the DB CHECK
+     * constraint, surfaced as a save-time error for now). Resolution order
+     * lives in SearchScopePermissionResolver.
+     */
+    ScopePermissionColumns = [
+        { Field: 'UserID', Label: 'User', Type: 'lookup', LookupEntityName: 'Users', LookupFilter: "IsActive=1", Width: '240px' },
+        { Field: 'RoleID', Label: 'Role', Type: 'lookup', LookupEntityName: 'Roles', Width: '200px' },
+        { Field: 'PermissionLevel', Label: 'Level', Type: 'select', Options: [
+                { Label: 'None (explicit deny)', Value: 'None' },
+                { Label: 'Read (view only)', Value: 'Read' },
+                { Label: 'Search (invoke)', Value: 'Search' },
+                { Label: 'Manage (edit + grant)', Value: 'Manage' },
+            ], Width: '200px' },
+    ];
     ngAfterViewInit() {
         this.loadConfiguration();
         this.navigationService.SetAgentContext(this, {
@@ -886,6 +1684,411 @@ let KnowledgeConfigResourceComponent = class KnowledgeConfigResourceComponent ex
     // ================================================================
     SelectSection(sectionId) {
         this.ActiveSection = sectionId;
+        if (sectionId === 'search-scopes' && this.SearchScopes.length === 0) {
+            void this.LoadSearchScopes();
+        }
+        if (sectionId === 'search-analytics' && !this.AnalyticsLoaded && !this.AnalyticsLoading) {
+            void this.LoadSearchAnalytics();
+        }
+        if (sectionId === 'search-permissions' && !this.PermissionsLoaded && !this.PermissionsLoading) {
+            void this.LoadPermissionsAudit();
+        }
+        this.cdr.detectChanges();
+    }
+    // ─── Search Analytics (P3.3) ──────────────────────────────────────────────
+    AnalyticsLoaded = false;
+    AnalyticsLoading = false;
+    AnalyticsTotalRuns = 0;
+    AnalyticsSuccessRate = 0;
+    AnalyticsAvgLatencyMs = 0;
+    AnalyticsP95LatencyMs = 0;
+    AnalyticsTotalRerankerCostCents = 0;
+    AnalyticsHitRate = 0;
+    AnalyticsTopScopes = [];
+    AnalyticsTopFailures = [];
+    AnalyticsRerankerSpend = [];
+    async LoadSearchAnalytics() {
+        this.AnalyticsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const rows = await this.fetchSearchExecutionRows();
+            if (rows === null)
+                return;
+            this.computeAnalyticsKpis(rows);
+            await this.computeAnalyticsTopScopes(rows);
+            this.computeAnalyticsTopFailures(rows);
+            this.computeAnalyticsRerankerSpend(rows);
+            this.AnalyticsLoaded = true;
+        }
+        catch (err) {
+            LogError(`KnowledgeConfig: LoadSearchAnalytics threw: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        finally {
+            this.AnalyticsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Fetch the raw SearchExecutionLog rows. Returns null on RunView failure (already logged). */
+    async fetchSearchExecutionRows() {
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: 'MJ: Search Execution Logs',
+            Fields: ['ID', 'SearchScopeID', 'Status', 'ResultCount', 'TotalDurationMs', 'RerankerName', 'RerankerCostCents', 'FailureReason'],
+            OrderBy: '__mj_CreatedAt DESC',
+            MaxRows: 5000,
+            ResultType: 'simple',
+        });
+        if (!result.Success) {
+            LogError(`KnowledgeConfig: LoadSearchAnalytics failed: ${result.ErrorMessage}`);
+            return null;
+        }
+        return result.Results ?? [];
+    }
+    /** Total runs, success rate, hit rate, avg + p95 latency, total reranker spend. */
+    computeAnalyticsKpis(rows) {
+        this.AnalyticsTotalRuns = rows.length;
+        const successRows = rows.filter(r => r.Status === 'Success');
+        this.AnalyticsSuccessRate = rows.length > 0 ? Math.round((successRows.length / rows.length) * 100) : 0;
+        this.AnalyticsHitRate = successRows.length > 0
+            ? Math.round((successRows.filter(r => (r.ResultCount ?? 0) > 0).length / successRows.length) * 100)
+            : 0;
+        const latencies = successRows.map(r => r.TotalDurationMs ?? 0).sort((a, b) => a - b);
+        this.AnalyticsAvgLatencyMs = latencies.length > 0
+            ? Math.round(latencies.reduce((s, x) => s + x, 0) / latencies.length)
+            : 0;
+        this.AnalyticsP95LatencyMs = latencies.length > 0
+            ? latencies[Math.min(latencies.length - 1, Math.floor(latencies.length * 0.95))]
+            : 0;
+        this.AnalyticsTotalRerankerCostCents = rows.reduce((s, r) => s + (r.RerankerCostCents ?? 0), 0);
+    }
+    /**
+     * Per-scope volume rollup → top 10 by Count. Fetches scope names from
+     * `this.SearchScopes` when already loaded, otherwise loads them on demand
+     * so the unscoped audit-only path still gets human-readable labels.
+     */
+    async computeAnalyticsTopScopes(rows) {
+        const byScope = new Map();
+        for (const r of rows) {
+            const id = r.SearchScopeID ?? '__unscoped__';
+            const cur = byScope.get(id) ?? { Count: 0, LatencySum: 0, ScopeID: id };
+            cur.Count++;
+            cur.LatencySum += r.TotalDurationMs ?? 0;
+            byScope.set(id, cur);
+        }
+        const scopeNameMap = new Map(this.SearchScopes.map(s => [s.ID, s.Name]));
+        if (this.SearchScopes.length === 0 && byScope.size > 0) {
+            await this.LoadSearchScopes();
+            this.SearchScopes.forEach(s => scopeNameMap.set(s.ID, s.Name));
+        }
+        this.AnalyticsTopScopes = Array.from(byScope.values())
+            .map(g => ({
+            ScopeID: g.ScopeID,
+            Name: scopeNameMap.get(g.ScopeID) ?? (g.ScopeID === '__unscoped__' ? '— unscoped —' : `(${g.ScopeID.slice(0, 8)}…)`),
+            Count: g.Count,
+            AvgLatencyMs: Math.round(g.LatencySum / g.Count),
+        }))
+            .sort((a, b) => b.Count - a.Count)
+            .slice(0, 10);
+    }
+    /** Top 5 failure reasons across non-Success rows. */
+    computeAnalyticsTopFailures(rows) {
+        const byFailure = new Map();
+        for (const r of rows) {
+            if (r.Status !== 'Success' && r.FailureReason) {
+                byFailure.set(r.FailureReason, (byFailure.get(r.FailureReason) ?? 0) + 1);
+            }
+        }
+        this.AnalyticsTopFailures = Array.from(byFailure.entries())
+            .map(([Reason, Count]) => ({ Reason, Count }))
+            .sort((a, b) => b.Count - a.Count)
+            .slice(0, 5);
+    }
+    /** Per-reranker spend rollup, sorted descending by total cost. */
+    computeAnalyticsRerankerSpend(rows) {
+        const byReranker = new Map();
+        for (const r of rows) {
+            if (!r.RerankerName)
+                continue;
+            const cur = byReranker.get(r.RerankerName) ?? { Count: 0, TotalCents: 0 };
+            cur.Count++;
+            cur.TotalCents += r.RerankerCostCents ?? 0;
+            byReranker.set(r.RerankerName, cur);
+        }
+        this.AnalyticsRerankerSpend = Array.from(byReranker.entries())
+            .map(([Reranker, v]) => ({ Reranker, Count: v.Count, TotalCents: +v.TotalCents.toFixed(4) }))
+            .sort((a, b) => b.TotalCents - a.TotalCents);
+    }
+    // ─── Permissions Audit (P2A.7) ────────────────────────────────────────────
+    //
+    // Cross-scope view of every SearchScopePermission row. Renders a flat,
+    // filterable list so an admin can answer "who has access to which scopes"
+    // in one place. Editing happens on the SearchScope full form's
+    // Permissions panel — this dashboard is read-only.
+    PermissionsLoaded = false;
+    PermissionsLoading = false;
+    PermissionsRows = [];
+    PermissionsFilterScope = '';
+    PermissionsFilterPrincipal = '';
+    PermissionsFilterLevel = '';
+    async LoadPermissionsAudit() {
+        this.PermissionsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const fetched = await this.fetchPermissionsAuditData();
+            if (!fetched) {
+                this.PermissionsRows = [];
+                return;
+            }
+            this.PermissionsRows = this.shapePermissionsAuditRows(fetched);
+            this.PermissionsLoaded = true;
+        }
+        catch (err) {
+            LogError(`KnowledgeConfig: LoadPermissionsAudit threw: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        finally {
+            this.PermissionsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    get FilteredPermissionsRows() {
+        const scope = (this.PermissionsFilterScope || '').toLowerCase();
+        const principal = (this.PermissionsFilterPrincipal || '').toLowerCase();
+        const level = this.PermissionsFilterLevel;
+        return this.PermissionsRows.filter(r => {
+            if (scope && !r.SearchScopeName.toLowerCase().includes(scope))
+                return false;
+            if (principal) {
+                const candidates = [r.UserName, r.UserEmail, r.RoleName].filter(Boolean);
+                if (!candidates.some(c => c.toLowerCase().includes(principal)))
+                    return false;
+            }
+            if (level && r.PermissionLevel !== level)
+                return false;
+            return true;
+        });
+    }
+    RefreshPermissionsAudit() {
+        this.PermissionsLoaded = false;
+        void this.LoadPermissionsAudit();
+    }
+    /**
+     * Pull permissions, scopes, users, roles in one batched call.
+     * `BypassCache: true` on every view — this is an audit dashboard, so we
+     * want SQL-truth even when permission/scope rows have been written
+     * outside the normal `BaseEntity.Save()` path (test harnesses,
+     * direct-SQL maintenance, recovery scripts). Without this, scope names
+     * can render as "(unknown)" if the cache was populated before the
+     * underlying row was inserted.
+     *
+     * Returns null on RunView failure (already logged).
+     */
+    async fetchPermissionsAuditData() {
+        const rv = new RunView();
+        const result = await rv.RunViews([
+            { EntityName: 'MJ: Search Scope Permissions', Fields: ['ID', 'SearchScopeID', 'UserID', 'RoleID', 'PermissionLevel'], OrderBy: '__mj_CreatedAt DESC', MaxRows: 5000, ResultType: 'simple', BypassCache: true },
+            { EntityName: 'MJ: Search Scopes', Fields: ['ID', 'Name'], ResultType: 'simple', BypassCache: true },
+            { EntityName: 'MJ: Users', Fields: ['ID', 'Name', 'Email'], ResultType: 'simple', BypassCache: true },
+            { EntityName: 'MJ: Roles', Fields: ['ID', 'Name'], ResultType: 'simple', BypassCache: true },
+        ]);
+        if (!result?.[0]?.Success) {
+            LogError(`KnowledgeConfig: LoadPermissionsAudit failed: ${result?.[0]?.ErrorMessage}`);
+            return null;
+        }
+        return {
+            perms: (result[0].Results ?? []),
+            scopes: (result[1].Results ?? []),
+            users: (result[2].Results ?? []),
+            roles: (result[3].Results ?? []),
+        };
+    }
+    /**
+     * Shape the raw fetched data into the audit-table rows. Drops
+     * permission rows whose SearchScope is not visible to the current user
+     * (MJ's row-level filtering hides scopes from non-Owner callers).
+     * Surfacing the permission row with "(unknown)" leaks the row's
+     * existence without giving the auditor anything useful — the underlying
+     * API already enforces visibility, so this is a UX call, not a security
+     * one.
+     */
+    shapePermissionsAuditRows(data) {
+        const scopeName = new Map(data.scopes.map(s => [s.ID, s.Name]));
+        const userByID = new Map(data.users.map(u => [u.ID, u]));
+        const roleName = new Map(data.roles.map(r => [r.ID, r.Name]));
+        return data.perms
+            .filter(p => scopeName.has(p.SearchScopeID))
+            .map(p => {
+            const u = p.UserID ? userByID.get(p.UserID) : null;
+            return {
+                ID: p.ID,
+                SearchScopeID: p.SearchScopeID,
+                SearchScopeName: scopeName.get(p.SearchScopeID) ?? '(unknown)',
+                UserID: p.UserID,
+                UserName: u?.Name ?? null,
+                UserEmail: u?.Email ?? null,
+                RoleID: p.RoleID,
+                RoleName: p.RoleID ? (roleName.get(p.RoleID) ?? '(unknown)') : null,
+                PermissionLevel: p.PermissionLevel,
+            };
+        });
+    }
+    // ─── Search Scopes ────────────────────────────────────────────────────────
+    async LoadSearchScopes() {
+        this.IsLoadingScopes = true;
+        this.cdr.detectChanges();
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Search Scopes',
+                OrderBy: 'IsGlobal DESC, IsDefault DESC, Name ASC',
+                ResultType: 'entity_object'
+            });
+            if (!result.Success) {
+                LogError(`KnowledgeConfig: LoadSearchScopes failed: ${result.ErrorMessage}`);
+                this.SearchScopes = [];
+            }
+            else {
+                // Collapse by ID — defensive against any caller (or interleaved
+                // reactive cycle) that could ever put the same scope in twice.
+                const byID = new Map();
+                for (const s of result.Results ?? []) {
+                    byID.set(s.ID, s);
+                }
+                this.SearchScopes = Array.from(byID.values());
+                if (!this.ActiveScopeID && this.SearchScopes.length > 0) {
+                    this.ActiveScopeID = this.SearchScopes[0].ID;
+                }
+            }
+        }
+        finally {
+            this.IsLoadingScopes = false;
+            this.cdr.detectChanges();
+        }
+    }
+    SelectScope(scopeID) {
+        this.ActiveScopeID = scopeID;
+        this.ActiveScopeTab = 'definition';
+        this.cdr.detectChanges();
+    }
+    SelectScopeTab(tab) {
+        this.ActiveScopeTab = tab;
+        this.cdr.detectChanges();
+    }
+    get ActiveScope() {
+        return this.SearchScopes.find(s => UUIDsEqual(s.ID, this.ActiveScopeID ?? '')) ?? null;
+    }
+    async CreateNewScope() {
+        try {
+            const md = this.ProviderToUse;
+            const scope = await md.GetEntityObject('MJ: Search Scopes');
+            scope.Name = this.pickUniqueNewScopeName();
+            scope.Description = 'New scope — configure providers, entities, or storage below.';
+            scope.Icon = 'fa-solid fa-filter';
+            scope.Status = 'Active';
+            scope.IsGlobal = false;
+            scope.IsDefault = false;
+            const ok = await scope.Save();
+            if (!ok) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Create scope failed: ${scope.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error', 5000);
+                return;
+            }
+            // Append synchronously so a rapid second + New click picks a fresh
+            // unique-suffix Name. An async refetch here would leave a window
+            // where pickUniqueNewScopeName() sees a stale list and re-picks
+            // the same suffix, producing UQ_SearchScope_Name violations.
+            this.SearchScopes = [...this.SearchScopes, scope];
+            this.ActiveScopeID = scope.ID;
+            this.ActiveScopeTab = 'definition';
+            this.cdr.detectChanges();
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            MJNotificationService.Instance.CreateSimpleNotification(`Error creating scope: ${msg}`, 'error', 5000);
+        }
+    }
+    /**
+     * Pick a placeholder Name that doesn't collide with an existing scope.
+     * `__mj.SearchScope.Name` is UNIQUE, so reusing the literal string
+     * "New Search Scope" twice in a row throws SQL Server's UQ violation.
+     * Walk an incrementing suffix until we find one the in-memory list
+     * doesn't already use ("New Search Scope", "New Search Scope 2",
+     * "New Search Scope 3", ...). Existing scopes table is small and
+     * already loaded, so the linear scan is trivially cheap.
+     */
+    pickUniqueNewScopeName() {
+        const base = 'New Search Scope';
+        const existing = new Set(this.SearchScopes.map(s => (s.Name ?? '').toLowerCase()));
+        if (!existing.has(base.toLowerCase()))
+            return base;
+        for (let i = 2; i < 1000; i++) {
+            const candidate = `${base} ${i}`;
+            if (!existing.has(candidate.toLowerCase()))
+                return candidate;
+        }
+        // Fallback: degrade to a timestamp suffix so we never throw.
+        return `${base} ${Date.now()}`;
+    }
+    /**
+     * Open the active scope in its full custom form (a new MJExplorer tab).
+     * The dashboard view exposes a quick-edit subset; the full form has the
+     * Phase 2D / Phase 4 surfaces (Fusion Weights sliders, Reranker dropdown,
+     * Reranker Budget Cents, Live Preview, Search Scope Test Queries panel,
+     * Search Execution Logs panel, etc.). No-ops for the built-in Global
+     * scope (no detail to author) and any scope without an ID yet.
+     */
+    OpenActiveScopeFullForm() {
+        const scope = this.ActiveScope;
+        if (!scope?.ID)
+            return;
+        const pkey = new CompositeKey([{ FieldName: 'ID', Value: scope.ID }]);
+        this.navigationService.OpenEntityRecord('MJ: Search Scopes', pkey);
+    }
+    async SaveActiveScope() {
+        const scope = this.ActiveScope;
+        if (!scope)
+            return;
+        const ok = await scope.Save();
+        if (ok) {
+            MJNotificationService.Instance.CreateSimpleNotification('Scope saved', 'success', 2000);
+        }
+        else {
+            MJNotificationService.Instance.CreateSimpleNotification(`Save failed: ${scope.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error', 5000);
+        }
+        this.cdr.detectChanges();
+    }
+    /** Format a scope Date field as the string expected by <input type="datetime-local">. */
+    FormatScopeDate(value) {
+        if (!value)
+            return '';
+        const d = value instanceof Date ? value : new Date(value);
+        if (isNaN(d.getTime()))
+            return '';
+        const pad = (n) => String(n).padStart(2, '0');
+        return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    }
+    /** Write a datetime-local input value back to the scope entity. Empty clears to null. */
+    SetScopeDate(scope, field, value) {
+        if (!value) {
+            scope[field] = null;
+            return;
+        }
+        const parsed = new Date(value);
+        scope[field] = isNaN(parsed.getTime()) ? null : parsed;
+    }
+    async DeleteActiveScope() {
+        const scope = this.ActiveScope;
+        if (!scope)
+            return;
+        if (scope.IsGlobal) {
+            MJNotificationService.Instance.CreateSimpleNotification('The built-in Global scope cannot be deleted.', 'warning', 3000);
+            return;
+        }
+        const ok = await scope.Delete();
+        if (!ok) {
+            MJNotificationService.Instance.CreateSimpleNotification(`Delete failed: ${scope.LatestResult?.CompleteMessage ?? 'unknown error'}`, 'error', 5000);
+            return;
+        }
+        this.SearchScopes = this.SearchScopes.filter(s => !UUIDsEqual(s.ID, scope.ID));
+        this.ActiveScopeID = this.SearchScopes.length > 0 ? this.SearchScopes[0].ID : null;
         this.cdr.detectChanges();
     }
     OnSettingChanged() {
@@ -1169,11 +2372,11 @@ let KnowledgeConfigResourceComponent = class KnowledgeConfigResourceComponent ex
         }));
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵKnowledgeConfigResourceComponent_BaseFactory; return function KnowledgeConfigResourceComponent_Factory(__ngFactoryType__) { return (ɵKnowledgeConfigResourceComponent_BaseFactory || (ɵKnowledgeConfigResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(KnowledgeConfigResourceComponent)))(__ngFactoryType__ || KnowledgeConfigResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KnowledgeConfigResourceComponent, selectors: [["app-knowledge-config-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "config-loading"], [1, "config-layout"], ["text", "Loading configuration...", "size", "medium"], [1, "config-nav"], [1, "config-nav-header"], [1, "fa-solid", "fa-cogs"], [1, "config-nav-item", 3, "config-nav-item-active"], [1, "config-content"], [1, "config-section"], [1, "config-section-content"], [1, "config-save-bar"], [1, "config-nav-item", 3, "click"], [1, "config-section-title"], [1, "config-section-desc"], [1, "config-group"], [1, "config-toggle-row"], [1, "config-toggle-info"], [1, "config-label"], [1, "config-hint"], ["type", "checkbox", 1, "config-checkbox", 3, "ngModelChange", "change", "ngModel"], [1, "config-field-row"], [1, "config-field-info"], ["type", "number", "min", "10", "max", "1000", 1, "config-input", "config-input-number", 3, "ngModelChange", "input", "ngModel"], ["type", "number", "min", "1", "max", "10", 1, "config-input", "config-input-number", 3, "ngModelChange", "input", "ngModel"], [1, "setup-progress"], [1, "setup-progress-header"], [1, "setup-progress-label"], [1, "setup-progress-count"], [1, "setup-progress-bar"], [1, "setup-progress-fill"], [1, "setup-step"], [1, "setup-step-header"], [1, "setup-step-indicator"], [1, "fa-solid", "fa-circle-check"], [1, "setup-step-number"], [1, "setup-step-info"], [1, "setup-step-title"], [1, "setup-step-status"], [1, "setup-step-detail"], [1, "setup-step-action"], [1, "create-index-form"], [1, "provider-card"], [1, "provider-icon"], [1, "fa-solid", "fa-database"], [1, "provider-info"], [1, "provider-name"], [1, "provider-class"], [1, "config-status-badge", "config-status-active"], [1, "provider-credential-row"], [1, "provider-credential-label"], [1, "fa-solid", "fa-key"], [1, "provider-credential-picker"], [1, "provider-credential-select", 3, "ngModelChange", "change", "ngModel", "disabled"], [3, "ngValue"], [1, "fa-solid", "fa-spinner", "fa-spin", "provider-credential-spinner"], [1, "config-tag-list"], [1, "config-tag"], [1, "setup-step-action", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "index-card"], [1, "index-icon"], [1, "fa-solid", "fa-cubes"], [1, "index-info"], [1, "index-name"], [1, "index-meta"], [1, "fa-solid", "fa-microchip"], [1, "index-actions"], ["title", "Delete index", 1, "index-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "create-index-title"], [1, "fa-solid", "fa-plus-circle"], [1, "create-index-fields"], [1, "create-index-field"], [1, "create-index-label"], ["type", "text", "placeholder", "e.g., mj-knowledge-index", 1, "config-input", 3, "ngModelChange", "ngModel"], [1, "config-select", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "create-index-actions"], [1, "create-index-submit", 3, "click", "disabled"], [1, "create-index-cancel", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["text", "Discovering searchable entities...", "size", "medium"], [1, "config-empty-state"], [1, "fa-solid", "fa-text-width", "config-empty-icon"], [1, "config-empty-title"], [1, "config-empty-text"], [1, "fts-entity-controls"], [1, "fts-summary"], [1, "fts-summary-count"], ["type", "text", "placeholder", "Filter entities...", 1, "config-input", "fts-filter-input", 3, "ngModelChange", "ngModel"], [1, "fts-entity-list"], [1, "fts-entity-card", 3, "fts-entity-enabled"], [1, "fts-entity-card"], [1, "fts-entity-toggle"], [1, "fts-entity-info"], [1, "fts-entity-name"], [1, "fts-entity-fields"], [1, "fts-field-tag"], [1, "fts-entity-meta"], ["title", "Title field", 1, "fts-entity-title-field"], [1, "fa-solid", "fa-heading"], ["title", "Snippet field", 1, "fts-entity-snippet-field"], [1, "fa-solid", "fa-align-left"], [1, "config-value-display"], [1, "config-section-note"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-microchip", "config-empty-icon"], ["type", "range", "min", "0.5", "max", "1", "step", "0.01", 1, "config-slider", 3, "ngModelChange", "input", "ngModel"], ["type", "range", "min", "0.3", "max", "1", "step", "0.01", 1, "config-slider", 3, "ngModelChange", "input", "ngModel"], ["type", "range", "min", "0", "max", "1", "step", "0.01", 1, "config-slider", 3, "ngModelChange", "input", "ngModel"], [1, "fa-solid", "fa-clock"], [2, "margin-top", "16px"], [1, "config-save-text"], [1, "config-save-btn", 3, "click", "disabled"], [1, "config-reset-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-save"]], template: function KnowledgeConfigResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, KnowledgeConfigResourceComponent_Conditional_0_Template, 2, 0, "div", 0)(1, KnowledgeConfigResourceComponent_Conditional_1_Template, 16, 7, "div", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KnowledgeConfigResourceComponent, selectors: [["app-knowledge-config-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "config-loading"], [1, "config-layout"], ["text", "Loading configuration...", "size", "medium"], [1, "config-nav"], [1, "config-nav-header"], [1, "fa-solid", "fa-cogs"], [1, "config-nav-item", 3, "config-nav-item-active"], [1, "config-content"], [1, "config-section"], [1, "config-section-content"], [1, "config-save-bar"], [1, "config-nav-item", 3, "click"], [1, "config-section-title"], [1, "config-section-desc"], [1, "config-group"], [1, "config-toggle-row"], [1, "config-toggle-info"], [1, "config-label"], [1, "config-hint"], ["type", "checkbox", 1, "config-checkbox", 3, "ngModelChange", "change", "ngModel"], [1, "config-field-row"], [1, "config-field-info"], ["type", "number", "min", "10", "max", "1000", 1, "config-input", "config-input-number", 3, "ngModelChange", "input", "ngModel"], ["type", "number", "min", "1", "max", "10", 1, "config-input", "config-input-number", 3, "ngModelChange", "input", "ngModel"], [1, "setup-progress"], [1, "setup-progress-header"], [1, "setup-progress-label"], [1, "setup-progress-count"], [1, "setup-progress-bar"], [1, "setup-progress-fill"], [1, "setup-step"], [1, "setup-step-header"], [1, "setup-step-indicator"], [1, "fa-solid", "fa-circle-check"], [1, "setup-step-number"], [1, "setup-step-info"], [1, "setup-step-title"], [1, "setup-step-status"], [1, "setup-step-detail"], [1, "setup-step-action"], [1, "create-index-form"], [1, "provider-card"], [1, "provider-icon"], [1, "fa-solid", "fa-database"], [1, "provider-info"], [1, "provider-name"], [1, "provider-class"], [1, "config-status-badge", "config-status-active"], [1, "provider-credential-row"], [1, "provider-credential-label"], [1, "fa-solid", "fa-key"], [1, "provider-credential-picker"], [1, "provider-credential-select", 3, "ngModelChange", "change", "ngModel", "disabled"], [3, "ngValue"], [1, "fa-solid", "fa-spinner", "fa-spin", "provider-credential-spinner"], [1, "config-tag-list"], [1, "config-tag"], [1, "setup-step-action", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "index-card"], [1, "index-icon"], [1, "fa-solid", "fa-cubes"], [1, "index-info"], [1, "index-name"], [1, "index-meta"], [1, "fa-solid", "fa-microchip"], [1, "index-actions"], ["title", "Delete index", 1, "index-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "create-index-title"], [1, "fa-solid", "fa-plus-circle"], [1, "create-index-fields"], [1, "create-index-field"], [1, "create-index-label"], ["type", "text", "placeholder", "e.g., mj-knowledge-index", 1, "config-input", 3, "ngModelChange", "ngModel"], [1, "config-select", 3, "ngModelChange", "ngModel"], [3, "value"], [1, "create-index-actions"], [1, "create-index-submit", 3, "click", "disabled"], [1, "create-index-cancel", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["text", "Discovering searchable entities...", "size", "medium"], [1, "config-empty-state"], [1, "fa-solid", "fa-text-width", "config-empty-icon"], [1, "config-empty-title"], [1, "config-empty-text"], [1, "fts-entity-controls"], [1, "fts-summary"], [1, "fts-summary-count"], ["type", "text", "placeholder", "Filter entities...", 1, "config-input", "fts-filter-input", 3, "ngModelChange", "ngModel"], [1, "fts-entity-list"], [1, "fts-entity-card", 3, "fts-entity-enabled"], [1, "fts-entity-card"], [1, "fts-entity-toggle"], [1, "fts-entity-info"], [1, "fts-entity-name"], [1, "fts-entity-fields"], [1, "fts-field-tag"], [1, "fts-entity-meta"], ["title", "Title field", 1, "fts-entity-title-field"], [1, "fa-solid", "fa-heading"], ["title", "Snippet field", 1, "fts-entity-snippet-field"], [1, "fa-solid", "fa-align-left"], [1, "config-value-display"], [1, "config-section-note"], [1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-microchip", "config-empty-icon"], ["type", "range", "min", "0.5", "max", "1", "step", "0.01", 1, "config-slider", 3, "ngModelChange", "input", "ngModel"], ["type", "range", "min", "0.3", "max", "1", "step", "0.01", 1, "config-slider", 3, "ngModelChange", "input", "ngModel"], ["type", "range", "min", "0", "max", "1", "step", "0.01", 1, "config-slider", 3, "ngModelChange", "input", "ngModel"], [1, "fa-solid", "fa-compass-drafting"], [1, "scope-manager"], [1, "scope-manager-list"], [1, "scope-manager-list-header"], ["type", "button", 1, "scope-manager-new-btn", 3, "click"], [1, "scope-manager-loading"], [1, "scope-manager-empty"], [1, "scope-manager-detail"], [1, "scope-manager-empty-detail"], ["type", "button", 1, "scope-manager-list-item", 3, "active"], ["type", "button", 1, "scope-manager-list-item", 3, "click"], ["aria-hidden", "true"], [1, "scope-manager-list-name"], [1, "scope-manager-badge"], [1, "scope-manager-tabs"], ["type", "button", 1, "scope-manager-tab", 3, "click"], [1, "scope-manager-tab-spacer"], ["type", "button", "title", "Open the full custom form for this scope (Live Preview, Fusion Weights, Reranker, Test Queries, Execution Logs)", 1, "scope-manager-open-btn"], ["type", "button", 1, "scope-manager-save-btn", 3, "click"], [1, "fa-solid", "fa-save"], ["type", "button", "title", "Delete scope", 1, "scope-manager-delete-btn"], [1, "scope-definition-grid"], ["ChildEntityName", "MJ: Search Scope Providers", "ParentFieldName", "SearchScopeID", "AddButtonLabel", "+ Add provider", "EmptyMessage", "No providers assigned. Without any providers, this scope searches nothing.", 3, "ParentID", "Columns"], ["ChildEntityName", "MJ: Search Scope External Indexes", "ParentFieldName", "SearchScopeID", "AddButtonLabel", "+ Add external index", "EmptyMessage", "No external indexes configured for this scope.", 3, "ParentID", "Columns"], ["ChildEntityName", "MJ: Search Scope Entities", "ParentFieldName", "SearchScopeID", "AddButtonLabel", "+ Add entity", "EmptyMessage", "No entities configured. Scoped entity search will return no rows.", 3, "ParentID", "Columns"], ["ChildEntityName", "MJ: Search Scope Storage Accounts", "ParentFieldName", "SearchScopeID", "AddButtonLabel", "+ Add storage folder", "EmptyMessage", "No storage accounts linked to this scope.", 3, "ParentID", "Columns"], ["type", "button", "title", "Open the full custom form for this scope (Live Preview, Fusion Weights, Reranker, Test Queries, Execution Logs)", 1, "scope-manager-open-btn", 3, "click"], [1, "fa-solid", "fa-up-right-from-square"], ["type", "button", "title", "Delete scope", 1, "scope-manager-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], ["type", "text", 1, "mj-input", 3, "change", "value"], [1, "scope-definition-full"], ["rows", "2", 1, "mj-textarea", 3, "change", "value"], [1, "mj-input", 3, "change", "value"], ["value", "Active"], ["value", "Inactive"], ["type", "datetime-local", 1, "mj-input", 3, "change", "value"], [1, "scope-definition-toggle"], ["type", "checkbox", 3, "change", "checked", "disabled"], ["type", "checkbox", "disabled", "", 3, "checked"], ["rows", "4", "spellcheck", "false", 1, "mj-textarea", "scope-code-block", 3, "change", "value"], [1, "scope-permissions-help", 2, "margin-bottom", "12px", "padding", "8px 12px", "background", "var(--mj-bg-surface-card)", "border-left", "3px solid var(--mj-brand-primary)", "border-radius", "4px"], [2, "margin", "0", "font-size", "0.95em"], [1, "fa-solid", "fa-shield-halved", 2, "color", "var(--mj-brand-primary)"], ["ChildEntityName", "MJ: Search Scope Permissions", "ParentFieldName", "SearchScopeID", "AddButtonLabel", "+ Grant access", "EmptyMessage", "No explicit grants. Access falls back to agent SearchScopeAccess only.", 3, "ParentID", "Columns"], [1, "fa-solid", "fa-chart-line"], ["text", "Loading analytics\u2026", "size", "medium"], ["type", "button", 1, "mj-input"], ["type", "button", 1, "mj-input", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "search-analytics-kpi-grid"], [1, "search-analytics-kpi"], [1, "search-analytics-kpi-label"], [1, "search-analytics-kpi-value"], [1, "search-analytics-kpi-hint"], [1, "search-analytics-h3"], [1, "search-analytics-empty"], [1, "search-analytics-table"], ["type", "button", 1, "mj-input", "search-analytics-refresh", 3, "click"], [1, "fa-solid", "fa-shield-halved"], [1, "search-permissions-loading"], [1, "search-permissions-filters"], ["type", "text", "placeholder", "Filter by scope name...", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "Filter by user/role (name or email)...", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "mj-input", 3, "ngModelChange", "ngModel"], ["value", ""], ["value", "None"], ["value", "Read"], ["value", "Search"], ["value", "Manage"], [1, "search-permissions-summary"], [1, "search-permissions-empty"], [1, "search-permissions-table"], [1, "search-permissions-tag"], [1, "search-permissions-secondary"], [1, "fa-solid", "fa-clock"], [2, "margin-top", "16px"], [1, "config-save-text"], [1, "config-save-btn", 3, "click", "disabled"], [1, "config-reset-btn", 3, "click", "disabled"]], template: function KnowledgeConfigResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, KnowledgeConfigResourceComponent_Conditional_0_Template, 2, 0, "div", 0)(1, KnowledgeConfigResourceComponent_Conditional_1_Template, 19, 10, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.RangeValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent, i3.SchedulingResourceComponent], styles: ["\n\n\n.config-loading[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n.config-layout[_ngcontent-%COMP%] {\n    display: flex;\n    height: 100%;\n    min-height: 500px;\n}\n\n\n\n.config-nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    padding: 0.5rem 0;\n}\n\n.config-nav-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    margin-bottom: 0.5rem;\n}\n\n.config-nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.55rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s ease;\n    width: 100%;\n}\n\n.config-nav-item[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-nav-item-active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n\n\n.config-content[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 1.5rem 2rem;\n    overflow-y: auto;\n    position: relative;\n}\n\n.config-section[_ngcontent-%COMP%] {\n    max-width: 700px;\n}\n\n.config-section-title[_ngcontent-%COMP%] {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 0.5rem;\n}\n\n.config-section-desc[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 0.9rem;\n    margin-bottom: 1.5rem;\n    line-height: 1.5;\n}\n\n\n\n.config-group[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n}\n\n.config-toggle-row[_ngcontent-%COMP%], \n.config-field-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-radius: 8px;\n    transition: background 0.1s ease;\n    gap: 1rem;\n}\n\n.config-toggle-row[_ngcontent-%COMP%]:hover, \n.config-field-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-toggle-info[_ngcontent-%COMP%], \n.config-field-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.15rem;\n    flex: 1;\n}\n\n.config-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.config-hint[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.config-checkbox[_ngcontent-%COMP%] {\n    width: 1.1rem;\n    height: 1.1rem;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n}\n\n.config-input[_ngcontent-%COMP%] {\n    padding: 0.4rem 0.6rem;\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: 0.85rem;\n    font-family: inherit;\n}\n\n.config-input-number[_ngcontent-%COMP%] {\n    width: 80px;\n    text-align: center;\n}\n\n.config-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.config-slider[_ngcontent-%COMP%] {\n    width: 200px;\n    accent-color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.config-value-display[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    color: var(--mj-text-secondary);\n    padding: 0.3rem 0.6rem;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    font-family: monospace;\n}\n\n\n\n.config-placeholder[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    gap: 1rem;\n    color: var(--mj-text-muted);\n}\n\n.config-placeholder-icon[_ngcontent-%COMP%] {\n    font-size: 2.5rem;\n}\n\n\n\n\n.setup-progress[_ngcontent-%COMP%] {\n    margin-bottom: 1.5rem;\n    padding: 1rem 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n}\n\n.setup-progress-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.5rem;\n}\n\n.setup-progress-label[_ngcontent-%COMP%] {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.setup-progress-count[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.setup-progress-bar[_ngcontent-%COMP%] {\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.setup-progress-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n    transition: width 0.4s ease;\n}\n\n\n\n\n.setup-step[_ngcontent-%COMP%] {\n    padding: 1rem 1.25rem;\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    margin-bottom: 0.75rem;\n    transition: border-color 0.2s;\n}\n\n.setup-step-complete[_ngcontent-%COMP%] {\n    border-color: var(--mj-status-success-border);\n    background: color-mix(in srgb, var(--mj-status-success) 3%, var(--mj-bg-surface));\n}\n\n.setup-step-pending[_ngcontent-%COMP%] {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface);\n}\n\n.setup-step-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.85rem;\n}\n\n.setup-step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    flex-shrink: 0;\n    margin-top: 1px;\n}\n\n.setup-step-complete[_ngcontent-%COMP%]   .setup-step-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.25rem;\n    color: var(--mj-status-success);\n}\n\n.setup-step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    font-weight: 700;\n}\n\n.setup-step-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    flex: 1;\n}\n\n.setup-step-title[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.setup-step-status[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n}\n\n.setup-step-complete[_ngcontent-%COMP%]   .setup-step-status[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text);\n}\n\n\n\n\n.config-group-title[_ngcontent-%COMP%] {\n    margin: 0 0 0.75rem 0;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n\n\n\n.config-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: 0.75rem;\n    font-weight: 600;\n}\n\n.config-status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n\n\n\n.setup-step-detail[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n    padding-left: 2.85rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.setup-step-action[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s;\n    flex-shrink: 0;\n}\n\n.setup-step-action[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n\n\n\n.provider-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.provider-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.provider-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-name[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.provider-class[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n}\n\n\n\n\n.provider-credential-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem 1rem 0.75rem;\n    margin-top: -0.25rem;\n}\n\n.provider-credential-label[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n}\n\n.provider-credential-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.provider-credential-picker[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-credential-select[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 0.4rem 0.6rem;\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: 0.8rem;\n}\n\n.provider-credential-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.provider-credential-spinner[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n\n\n\n.index-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.index-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-default);\n}\n\n.index-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.index-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.index-name[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.index-meta[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.index-meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.index-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n\n.index-delete-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.index-delete-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-error-border);\n    color: var(--mj-status-error);\n}\n\n\n\n\n.create-index-form[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n    padding: 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 2px solid var(--mj-brand-primary);\n    border-radius: 10px;\n    margin-left: 2.85rem;\n}\n\n.create-index-title[_ngcontent-%COMP%] {\n    margin: 0 0 1rem 0;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.create-index-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.create-index-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n}\n\n.create-index-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.create-index-label[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.config-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: 0.85rem;\n}\n\n.config-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.create-index-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 1rem;\n}\n\n.create-index-submit[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 18px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.create-index-submit[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.create-index-submit[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.create-index-cancel[_ngcontent-%COMP%] {\n    padding: 8px 18px;\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    font-weight: 500;\n    cursor: pointer;\n}\n\n.create-index-cancel[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n.config-empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 2rem;\n    text-align: center;\n    gap: 0.75rem;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.config-empty-icon[_ngcontent-%COMP%] {\n    font-size: 2.5rem;\n    color: var(--mj-text-disabled);\n}\n\n.config-empty-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.config-empty-text[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.85rem;\n    color: var(--mj-text-muted);\n    max-width: 480px;\n    line-height: 1.5;\n}\n\n\n\n.config-tag-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.config-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: 0.78rem;\n    font-weight: 500;\n}\n\n\n\n.config-section-note[_ngcontent-%COMP%] {\n    margin-top: 1rem;\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.config-section-note[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-info);\n}\n\n\n\n.config-save-bar[_ngcontent-%COMP%] {\n    position: sticky;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    margin-top: 2rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.config-save-text[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n}\n\n.config-save-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 1rem;\n    border-radius: 6px;\n    border: none;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.config-save-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.config-save-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.config-reset-btn[_ngcontent-%COMP%] {\n    padding: 0.5rem 0.75rem;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n}\n\n.config-reset-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n@media (max-width: 768px) {\n    .config-layout[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .config-nav[_ngcontent-%COMP%] {\n        width: 100%;\n        flex-direction: row;\n        overflow-x: auto;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 0;\n    }\n\n    .config-nav-header[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .config-nav-item[_ngcontent-%COMP%] {\n        white-space: nowrap;\n        padding: 0.6rem 1rem;\n    }\n\n    .config-nav-item-active[_ngcontent-%COMP%] {\n        border-left: none;\n        border-bottom: 3px solid var(--mj-brand-primary);\n    }\n\n    .config-content[_ngcontent-%COMP%] {\n        padding: 1rem;\n    }\n}\n\n\n\n.fts-entity-controls[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.fts-summary[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}\n\n.fts-summary-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.fts-filter-input[_ngcontent-%COMP%] {\n    max-width: 240px;\n}\n\n.fts-entity-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.fts-entity-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s, background 0.15s;\n}\n\n.fts-entity-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.fts-entity-card.fts-entity-enabled[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n}\n\n.fts-entity-toggle[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.fts-entity-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.fts-entity-name[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n}\n\n.fts-entity-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.fts-field-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 1px 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n}\n\n.fts-entity-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 2px;\n    flex-shrink: 0;\n}\n\n.fts-entity-title-field[_ngcontent-%COMP%], \n.fts-entity-snippet-field[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.fts-entity-title-field[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.fts-entity-snippet-field[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 4px;\n    font-size: 10px;\n}"] });
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.RangeValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent, i3.SearchScopeChildGridComponent, i4.SchedulingResourceComponent, i5.LowerCasePipe, i5.DecimalPipe], styles: ["\n\n\n.config-loading[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n.config-layout[_ngcontent-%COMP%] {\n    display: flex;\n    height: 100%;\n    min-height: 500px;\n}\n\n\n\n.config-nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    padding: 0.5rem 0;\n}\n\n.config-nav-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    margin-bottom: 0.5rem;\n}\n\n.config-nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.55rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s ease;\n    width: 100%;\n}\n\n.config-nav-item[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-nav-item-active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n\n\n.config-content[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 1.5rem 2rem;\n    overflow-y: auto;\n    position: relative;\n}\n\n.config-section[_ngcontent-%COMP%] {\n    max-width: 700px;\n}\n\n.config-section-title[_ngcontent-%COMP%] {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 0.5rem;\n}\n\n.config-section-desc[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 0.9rem;\n    margin-bottom: 1.5rem;\n    line-height: 1.5;\n}\n\n\n\n.config-group[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n}\n\n.config-toggle-row[_ngcontent-%COMP%], \n.config-field-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-radius: 8px;\n    transition: background 0.1s ease;\n    gap: 1rem;\n}\n\n.config-toggle-row[_ngcontent-%COMP%]:hover, \n.config-field-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-toggle-info[_ngcontent-%COMP%], \n.config-field-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.15rem;\n    flex: 1;\n}\n\n.config-label[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.config-hint[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.config-checkbox[_ngcontent-%COMP%] {\n    width: 1.1rem;\n    height: 1.1rem;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n}\n\n.config-input[_ngcontent-%COMP%] {\n    padding: 0.4rem 0.6rem;\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: 0.85rem;\n    font-family: inherit;\n}\n\n.config-input-number[_ngcontent-%COMP%] {\n    width: 80px;\n    text-align: center;\n}\n\n.config-input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.config-slider[_ngcontent-%COMP%] {\n    width: 200px;\n    accent-color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.config-value-display[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    color: var(--mj-text-secondary);\n    padding: 0.3rem 0.6rem;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    font-family: monospace;\n}\n\n\n\n.config-placeholder[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    gap: 1rem;\n    color: var(--mj-text-muted);\n}\n\n.config-placeholder-icon[_ngcontent-%COMP%] {\n    font-size: 2.5rem;\n}\n\n\n\n\n.setup-progress[_ngcontent-%COMP%] {\n    margin-bottom: 1.5rem;\n    padding: 1rem 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n}\n\n.setup-progress-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.5rem;\n}\n\n.setup-progress-label[_ngcontent-%COMP%] {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.setup-progress-count[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.setup-progress-bar[_ngcontent-%COMP%] {\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.setup-progress-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n    transition: width 0.4s ease;\n}\n\n\n\n\n.setup-step[_ngcontent-%COMP%] {\n    padding: 1rem 1.25rem;\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    margin-bottom: 0.75rem;\n    transition: border-color 0.2s;\n}\n\n.setup-step-complete[_ngcontent-%COMP%] {\n    border-color: var(--mj-status-success-border);\n    background: color-mix(in srgb, var(--mj-status-success) 3%, var(--mj-bg-surface));\n}\n\n.setup-step-pending[_ngcontent-%COMP%] {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface);\n}\n\n.setup-step-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.85rem;\n}\n\n.setup-step-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    flex-shrink: 0;\n    margin-top: 1px;\n}\n\n.setup-step-complete[_ngcontent-%COMP%]   .setup-step-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.25rem;\n    color: var(--mj-status-success);\n}\n\n.setup-step-number[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    font-weight: 700;\n}\n\n.setup-step-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    flex: 1;\n}\n\n.setup-step-title[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.setup-step-status[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n}\n\n.setup-step-complete[_ngcontent-%COMP%]   .setup-step-status[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text);\n}\n\n\n\n\n.config-group-title[_ngcontent-%COMP%] {\n    margin: 0 0 0.75rem 0;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n\n\n\n.config-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: 0.75rem;\n    font-weight: 600;\n}\n\n.config-status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n\n\n\n.setup-step-detail[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n    padding-left: 2.85rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.setup-step-action[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s;\n    flex-shrink: 0;\n}\n\n.setup-step-action[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n\n\n\n.provider-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.provider-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.provider-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-name[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.provider-class[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n}\n\n\n\n\n.provider-credential-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem 1rem 0.75rem;\n    margin-top: -0.25rem;\n}\n\n.provider-credential-label[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n}\n\n.provider-credential-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.provider-credential-picker[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-credential-select[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 0.4rem 0.6rem;\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: 0.8rem;\n}\n\n.provider-credential-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.provider-credential-spinner[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n\n\n\n.index-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.index-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-default);\n}\n\n.index-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.index-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.index-name[_ngcontent-%COMP%] {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.index-meta[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.index-meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.index-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n\n.index-delete-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.index-delete-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-error-border);\n    color: var(--mj-status-error);\n}\n\n\n\n\n.create-index-form[_ngcontent-%COMP%] {\n    margin-top: 0.75rem;\n    padding: 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 2px solid var(--mj-brand-primary);\n    border-radius: 10px;\n    margin-left: 2.85rem;\n}\n\n.create-index-title[_ngcontent-%COMP%] {\n    margin: 0 0 1rem 0;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.create-index-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.create-index-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n}\n\n.create-index-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.create-index-label[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.config-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: 0.85rem;\n}\n\n.config-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.create-index-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-top: 1rem;\n}\n\n.create-index-submit[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 18px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.create-index-submit[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.create-index-submit[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.create-index-cancel[_ngcontent-%COMP%] {\n    padding: 8px 18px;\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    font-weight: 500;\n    cursor: pointer;\n}\n\n.create-index-cancel[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n.config-empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 2rem;\n    text-align: center;\n    gap: 0.75rem;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.config-empty-icon[_ngcontent-%COMP%] {\n    font-size: 2.5rem;\n    color: var(--mj-text-disabled);\n}\n\n.config-empty-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.config-empty-text[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.85rem;\n    color: var(--mj-text-muted);\n    max-width: 480px;\n    line-height: 1.5;\n}\n\n\n\n.config-tag-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.config-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: 0.78rem;\n    font-weight: 500;\n}\n\n\n\n.config-section-note[_ngcontent-%COMP%] {\n    margin-top: 1rem;\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.config-section-note[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-info);\n}\n\n\n\n.config-save-bar[_ngcontent-%COMP%] {\n    position: sticky;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    margin-top: 2rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.config-save-text[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n}\n\n.config-save-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 1rem;\n    border-radius: 6px;\n    border: none;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.config-save-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.config-save-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.config-reset-btn[_ngcontent-%COMP%] {\n    padding: 0.5rem 0.75rem;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n}\n\n.config-reset-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n@media (max-width: 768px) {\n    .config-layout[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .config-nav[_ngcontent-%COMP%] {\n        width: 100%;\n        flex-direction: row;\n        overflow-x: auto;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 0;\n    }\n\n    .config-nav-header[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .config-nav-item[_ngcontent-%COMP%] {\n        white-space: nowrap;\n        padding: 0.6rem 1rem;\n    }\n\n    .config-nav-item-active[_ngcontent-%COMP%] {\n        border-left: none;\n        border-bottom: 3px solid var(--mj-brand-primary);\n    }\n\n    .config-content[_ngcontent-%COMP%] {\n        padding: 1rem;\n    }\n}\n\n\n\n.fts-entity-controls[_ngcontent-%COMP%] {\n    margin-bottom: 16px;\n}\n\n.fts-summary[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}\n\n.fts-summary-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.fts-filter-input[_ngcontent-%COMP%] {\n    max-width: 240px;\n}\n\n.fts-entity-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.fts-entity-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s, background 0.15s;\n}\n\n.fts-entity-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.fts-entity-card.fts-entity-enabled[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n}\n\n.fts-entity-toggle[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n}\n\n.fts-entity-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.fts-entity-name[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n}\n\n.fts-entity-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.fts-field-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 1px 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n}\n\n.fts-entity-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 2px;\n    flex-shrink: 0;\n}\n\n.fts-entity-title-field[_ngcontent-%COMP%], \n.fts-entity-snippet-field[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.fts-entity-title-field[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.fts-entity-snippet-field[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 4px;\n    font-size: 10px;\n}\n\n\n\n\n.scope-manager[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 260px 1fr;\n    gap: 16px;\n    min-height: 420px;\n}\n\n.scope-manager-list[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.scope-manager-list-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 4px 6px 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.scope-manager-new-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-link);\n    padding: 3px 8px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 0.7rem;\n    font-weight: 500;\n    text-transform: none;\n    letter-spacing: normal;\n}\n\n.scope-manager-new-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-brand-primary);\n}\n\n.scope-manager-loading[_ngcontent-%COMP%], \n.scope-manager-empty[_ngcontent-%COMP%], \n.scope-manager-empty-detail[_ngcontent-%COMP%] {\n    padding: 16px;\n    color: var(--mj-text-muted);\n    text-align: center;\n    font-size: 0.85rem;\n}\n\n.scope-manager-empty-detail[_ngcontent-%COMP%] {\n    padding: 40px 24px;\n    background: var(--mj-bg-surface-card);\n    border: 1px dashed var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.scope-manager-list-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 10px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 0.875rem;\n    cursor: pointer;\n    border-radius: 6px;\n    text-align: left;\n    transition: background 120ms ease;\n}\n\n.scope-manager-list-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.scope-manager-list-item.active[_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: 500;\n}\n\n.scope-manager-list-name[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.scope-manager-badge[_ngcontent-%COMP%] {\n    font-size: 0.625rem;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: 999px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.scope-manager-detail[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n}\n\n.scope-manager-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    padding-bottom: 8px;\n    flex-wrap: wrap;\n}\n\n.scope-manager-tab[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    padding: 6px 12px;\n    color: var(--mj-text-secondary);\n    font-size: 0.875rem;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background 120ms ease, color 120ms ease;\n}\n\n.scope-manager-tab[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.scope-manager-tab.active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    border-bottom: 2px solid var(--mj-brand-primary);\n    border-radius: 0;\n    font-weight: 500;\n}\n\n.scope-manager-tab-spacer[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.scope-manager-save-btn[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    padding: 6px 14px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 0.8125rem;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.scope-manager-save-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.scope-manager-delete-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-status-error-text);\n    padding: 6px 10px;\n    border-radius: 6px;\n    cursor: pointer;\n}\n\n.scope-manager-delete-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error-border);\n}\n\n.scope-manager-open-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n    padding: 6px 12px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 0.8125rem;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.scope-manager-open-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-definition-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px 16px;\n}\n\n.scope-definition-grid[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 0.8125rem;\n    color: var(--mj-text-secondary);\n}\n\n.scope-definition-grid[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.scope-definition-full[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.scope-definition-toggle[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n}\n\n.scope-definition-toggle[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    accent-color: var(--mj-brand-primary);\n}\n\n.scope-code-block[_ngcontent-%COMP%] {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 8px;\n}\n\n\n\n\n\n.search-analytics-kpi-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 12px;\n    margin: 16px 0;\n}\n\n.search-analytics-kpi[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n}\n\n.search-analytics-kpi-label[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.search-analytics-kpi-value[_ngcontent-%COMP%] {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.search-analytics-kpi-hint[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n}\n\n.search-analytics-h3[_ngcontent-%COMP%] {\n    margin: 22px 0 8px;\n    font-size: 1rem;\n    color: var(--mj-text-primary);\n}\n\n.search-analytics-empty[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    margin: 4px 0 14px;\n}\n\n.search-analytics-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.86rem;\n}\n\n.search-analytics-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    border-bottom: 1px solid var(--mj-border-default);\n    padding: 6px 10px;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.search-analytics-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-variant-numeric: tabular-nums;\n}\n\n.search-analytics-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.search-analytics-refresh[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.4rem 0.9rem;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 0.82rem;\n}\n\n.search-analytics-refresh[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n\n\n\n.search-permissions-loading[_ngcontent-%COMP%] {\n    padding: 1.2rem;\n    color: var(--mj-text-secondary);\n    font-style: italic;\n}\n\n.search-permissions-filters[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr 180px 130px;\n    gap: 0.5rem;\n    margin-bottom: 0.8rem;\n}\n\n.search-permissions-filters[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n    padding: 0.4rem 0.6rem;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    border-radius: 4px;\n    font-size: 0.85rem;\n}\n\n.search-permissions-summary[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    margin-bottom: 0.6rem;\n}\n\n.search-permissions-empty[_ngcontent-%COMP%] {\n    padding: 1.2rem;\n    color: var(--mj-text-muted);\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n}\n\n.search-permissions-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.85rem;\n}\n\n.search-permissions-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.search-permissions-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 0.5rem 0.7rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    text-align: left;\n}\n\n.search-permissions-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-card);\n}\n\n.search-permissions-secondary[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n}\n\n.search-permissions-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.1rem 0.5rem;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border-radius: 3px;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n\n.search-permissions-level[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.15rem 0.55rem;\n    border-radius: 3px;\n    font-size: 0.78rem;\n    font-weight: 500;\n}\n\n.search-permissions-level-none[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.search-permissions-level-read[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-info) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-info-text);\n}\n\n.search-permissions-level-search[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.search-permissions-level-manage[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}"] });
 };
 KnowledgeConfigResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'KnowledgeConfigResource')
@@ -1181,9 +2384,9 @@ KnowledgeConfigResourceComponent = __decorate([
 export { KnowledgeConfigResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KnowledgeConfigResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-knowledge-config-resource', template: "@if (IsLoading) {\n    <div class=\"config-loading\">\n        <mj-loading text=\"Loading configuration...\" size=\"medium\"></mj-loading>\n    </div>\n} @else {\n    <div class=\"config-layout\">\n        <!-- Left Navigation -->\n        <nav class=\"config-nav\">\n            <div class=\"config-nav-header\">\n                <i class=\"fa-solid fa-cogs\"></i>\n                <span>Configuration</span>\n            </div>\n            @for (section of Sections; track section.ID) {\n                <button\n                    class=\"config-nav-item\"\n                    [class.config-nav-item-active]=\"ActiveSection === section.ID\"\n                    (click)=\"SelectSection(section.ID)\"\n                >\n                    <i [class]=\"section.Icon\"></i>\n                    <span>{{ section.Label }}</span>\n                </button>\n            }\n        </nav>\n\n        <!-- Content Area -->\n        <div class=\"config-content\">\n            <!-- Pipeline Settings -->\n            @if (ActiveSection === 'pipeline') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Pipeline Settings</h2>\n                    <p class=\"config-section-desc\">Configure how the Knowledge Pipeline processes incoming content.</p>\n\n                    <div class=\"config-group\">\n                        <label class=\"config-toggle-row\">\n                            <div class=\"config-toggle-info\">\n                                <span class=\"config-label\">Auto-tag on Ingest</span>\n                                <span class=\"config-hint\">Automatically run autotagging when new content is ingested</span>\n                            </div>\n                            <input type=\"checkbox\" [(ngModel)]=\"PipelineSettings.AutotagOnIngest\" (change)=\"OnSettingChanged()\" class=\"config-checkbox\" />\n                        </label>\n\n                        <label class=\"config-toggle-row\">\n                            <div class=\"config-toggle-info\">\n                                <span class=\"config-label\">Vectorize on Ingest</span>\n                                <span class=\"config-hint\">Automatically create embeddings for new content</span>\n                            </div>\n                            <input type=\"checkbox\" [(ngModel)]=\"PipelineSettings.VectorizeOnIngest\" (change)=\"OnSettingChanged()\" class=\"config-checkbox\" />\n                        </label>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Default Batch Size</span>\n                                <span class=\"config-hint\">Number of items processed per batch</span>\n                            </div>\n                            <input type=\"number\" [(ngModel)]=\"PipelineSettings.DefaultBatchSize\" (input)=\"OnSettingChanged()\" class=\"config-input config-input-number\" min=\"10\" max=\"1000\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Max Concurrent Jobs</span>\n                                <span class=\"config-hint\">Maximum number of pipeline jobs running at once</span>\n                            </div>\n                            <input type=\"number\" [(ngModel)]=\"PipelineSettings.MaxConcurrentJobs\" (input)=\"OnSettingChanged()\" class=\"config-input config-input-number\" min=\"1\" max=\"10\" />\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- Vector Database Settings -->\n            @if (ActiveSection === 'vectordb') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Vector Database</h2>\n                    <p class=\"config-section-desc\">Manage the shared vector index and database connection.</p>\n\n                    <!-- Setup Progress -->\n                    <div class=\"setup-progress\">\n                        <div class=\"setup-progress-header\">\n                            <span class=\"setup-progress-label\">Setup Progress</span>\n                            <span class=\"setup-progress-count\">{{ SetupStepsCompleted }} of 3 complete</span>\n                        </div>\n                        <div class=\"setup-progress-bar\">\n                            <div class=\"setup-progress-fill\" [style.width.%]=\"(SetupStepsCompleted / 3) * 100\"></div>\n                        </div>\n                    </div>\n\n                    <!-- Step 1: Providers -->\n                    <div class=\"setup-step\" [class.setup-step-complete]=\"HasVectorDBProvider\" [class.setup-step-pending]=\"!HasVectorDBProvider\">\n                        <div class=\"setup-step-header\">\n                            <div class=\"setup-step-indicator\">\n                                @if (HasVectorDBProvider) {\n                                    <i class=\"fa-solid fa-circle-check\"></i>\n                                } @else {\n                                    <span class=\"setup-step-number\">1</span>\n                                }\n                            </div>\n                            <div class=\"setup-step-info\">\n                                <span class=\"setup-step-title\">Vector Database Providers</span>\n                                @if (HasVectorDBProvider) {\n                                    <span class=\"setup-step-status\">{{ VectorDBProviders.length }} provider(s) registered</span>\n                                } @else {\n                                    <span class=\"setup-step-status\">No providers registered. Add a vector database provider (e.g., Pinecone, Weaviate) via the admin console.</span>\n                                }\n                            </div>\n                        </div>\n                        @if (HasVectorDBProvider) {\n                            <div class=\"setup-step-detail\">\n                                @for (provider of VectorDBProviders; track provider.ID) {\n                                    <div class=\"provider-card\">\n                                        <div class=\"provider-icon\">\n                                            <i class=\"fa-solid fa-database\"></i>\n                                        </div>\n                                        <div class=\"provider-info\">\n                                            <span class=\"provider-name\">{{ provider.Name }}</span>\n                                            <span class=\"provider-class\">{{ provider.ClassKey }}</span>\n                                        </div>\n                                        <span class=\"config-status-badge config-status-active\">\n                                            <i class=\"fa-solid fa-circle-check\"></i> Active\n                                        </span>\n                                    </div>\n                                    <div class=\"provider-credential-row\">\n                                        <label class=\"provider-credential-label\">\n                                            <i class=\"fa-solid fa-key\"></i> API Credential\n                                        </label>\n                                        <div class=\"provider-credential-picker\">\n                                            <select class=\"provider-credential-select\"\n                                                    [(ngModel)]=\"provider.CredentialID\"\n                                                    (change)=\"SaveProviderCredential(provider)\"\n                                                    [disabled]=\"IsSavingCredential\">\n                                                <option [ngValue]=\"null\">None (use environment variable)</option>\n                                                @for (cred of AvailableCredentials; track cred.ID) {\n                                                    <option [ngValue]=\"cred.ID\">{{ cred.Name }}</option>\n                                                }\n                                            </select>\n                                            @if (IsSavingCredential) {\n                                                <i class=\"fa-solid fa-spinner fa-spin provider-credential-spinner\"></i>\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Step 2: Embedding Model -->\n                    <div class=\"setup-step\" [class.setup-step-complete]=\"HasEmbeddingModel\" [class.setup-step-pending]=\"!HasEmbeddingModel\">\n                        <div class=\"setup-step-header\">\n                            <div class=\"setup-step-indicator\">\n                                @if (HasEmbeddingModel) {\n                                    <i class=\"fa-solid fa-circle-check\"></i>\n                                } @else {\n                                    <span class=\"setup-step-number\">2</span>\n                                }\n                            </div>\n                            <div class=\"setup-step-info\">\n                                <span class=\"setup-step-title\">Embedding Models</span>\n                                @if (HasEmbeddingModel) {\n                                    <span class=\"setup-step-status\">{{ EmbeddingModels.length }} model(s) available</span>\n                                } @else {\n                                    <span class=\"setup-step-status\">No embedding models found. Configure at least one in the AI app > Models tab.</span>\n                                }\n                            </div>\n                        </div>\n                        @if (HasEmbeddingModel) {\n                            <div class=\"setup-step-detail\">\n                                <div class=\"config-tag-list\">\n                                    @for (model of EmbeddingModels; track model.ID) {\n                                        <span class=\"config-tag\">{{ model.Name }}</span>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Step 3: Vector Indexes -->\n                    <div class=\"setup-step\" [class.setup-step-complete]=\"HasVectorIndex\" [class.setup-step-pending]=\"!HasVectorIndex\">\n                        <div class=\"setup-step-header\">\n                            <div class=\"setup-step-indicator\">\n                                @if (HasVectorIndex) {\n                                    <i class=\"fa-solid fa-circle-check\"></i>\n                                } @else {\n                                    <span class=\"setup-step-number\">3</span>\n                                }\n                            </div>\n                            <div class=\"setup-step-info\">\n                                <span class=\"setup-step-title\">Vector Indexes</span>\n                                @if (HasVectorIndex) {\n                                    <span class=\"setup-step-status\">{{ VectorIndexes.length }} index(es) configured</span>\n                                } @else if (HasVectorDBProvider && HasEmbeddingModel) {\n                                    <span class=\"setup-step-status\">No indexes yet \u2014 create one below.</span>\n                                } @else {\n                                    <span class=\"setup-step-status\">Complete steps 1 and 2 first.</span>\n                                }\n                            </div>\n                            @if (HasVectorDBProvider && HasEmbeddingModel && !ShowCreateIndexForm) {\n                                <button class=\"setup-step-action\" (click)=\"OpenCreateIndexForm()\">\n                                    <i class=\"fa-solid fa-plus\"></i> Create Index\n                                </button>\n                            }\n                        </div>\n\n                        <!-- Existing Indexes -->\n                        @if (HasVectorIndex) {\n                            <div class=\"setup-step-detail\">\n                                @for (idx of VectorIndexes; track idx.ID) {\n                                    <div class=\"index-card\">\n                                        <div class=\"index-icon\">\n                                            <i class=\"fa-solid fa-cubes\"></i>\n                                        </div>\n                                        <div class=\"index-info\">\n                                            <span class=\"index-name\">{{ idx.Name }}</span>\n                                            <span class=\"index-meta\">\n                                                <i class=\"fa-solid fa-database\"></i> {{ idx.VectorDatabase }}\n                                                &nbsp;\u00B7&nbsp;\n                                                <i class=\"fa-solid fa-microchip\"></i> {{ idx.EmbeddingModel }}\n                                            </span>\n                                        </div>\n                                        <div class=\"index-actions\">\n                                            <span class=\"config-status-badge config-status-active\">\n                                                <i class=\"fa-solid fa-circle-check\"></i> Active\n                                            </span>\n                                            <button class=\"index-delete-btn\" (click)=\"DeleteIndex(idx.ID)\" title=\"Delete index\">\n                                                <i class=\"fa-solid fa-trash-can\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n\n                        <!-- Create Index Form -->\n                        @if (ShowCreateIndexForm) {\n                            <div class=\"create-index-form\">\n                                <h4 class=\"create-index-title\">\n                                    <i class=\"fa-solid fa-plus-circle\"></i> Create New Vector Index\n                                </h4>\n                                <div class=\"create-index-fields\">\n                                    <div class=\"create-index-field\">\n                                        <label class=\"create-index-label\">Index Name</label>\n                                        <input type=\"text\"\n                                               class=\"config-input\"\n                                               [(ngModel)]=\"NewIndexName\"\n                                               placeholder=\"e.g., mj-knowledge-index\" />\n                                    </div>\n                                    <div class=\"create-index-field\">\n                                        <label class=\"create-index-label\">Vector Database</label>\n                                        <select class=\"config-select\" [(ngModel)]=\"NewIndexVectorDBID\">\n                                            @for (db of VectorDBProviders; track db.ID) {\n                                                <option [value]=\"db.ID\">{{ db.Name }}</option>\n                                            }\n                                        </select>\n                                    </div>\n                                    <div class=\"create-index-field\">\n                                        <label class=\"create-index-label\">Embedding Model</label>\n                                        <select class=\"config-select\" [(ngModel)]=\"NewIndexEmbeddingModelID\">\n                                            @for (model of EmbeddingModels; track model.ID) {\n                                                <option [value]=\"model.ID\">{{ model.Name }}</option>\n                                            }\n                                        </select>\n                                    </div>\n                                </div>\n                                <div class=\"create-index-actions\">\n                                    <button class=\"create-index-submit\" (click)=\"CreateIndex()\" [disabled]=\"IsCreatingIndex\">\n                                        @if (IsCreatingIndex) {\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n                                        } @else {\n                                            <i class=\"fa-solid fa-plus\"></i> Create Index\n                                        }\n                                    </button>\n                                    <button class=\"create-index-cancel\" (click)=\"CancelCreateIndex()\" [disabled]=\"IsCreatingIndex\">\n                                        Cancel\n                                    </button>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- Full-Text Indexes -->\n            @if (ActiveSection === 'fulltext') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Full-Text Search Entities</h2>\n                    <p class=\"config-section-desc\">Configure which entities are included in full-text search. Entities with text fields (Name, Description, etc.) are automatically discovered.</p>\n\n                    @if (IsLoadingFTSEntities) {\n                        <mj-loading text=\"Discovering searchable entities...\" size=\"medium\"></mj-loading>\n                    } @else if (FTSEntities.length === 0) {\n                        <div class=\"config-empty-state\">\n                            <i class=\"fa-solid fa-text-width config-empty-icon\"></i>\n                            <h3 class=\"config-empty-title\">No Searchable Entities Found</h3>\n                            <p class=\"config-empty-text\">No entities with text fields were discovered. Ensure your database schema includes entities with varchar/nvarchar columns.</p>\n                        </div>\n                    } @else {\n                        <div class=\"fts-entity-controls\">\n                            <div class=\"fts-summary\">\n                                <span class=\"fts-summary-count\">{{ EnabledFTSCount }} of {{ FTSEntities.length }} entities enabled for search</span>\n                                <input type=\"text\" class=\"config-input fts-filter-input\" placeholder=\"Filter entities...\" [(ngModel)]=\"FTSFilterText\" />\n                            </div>\n                        </div>\n\n                        <div class=\"fts-entity-list\">\n                            @for (entity of FilteredFTSEntities; track entity.EntityName) {\n                                <div class=\"fts-entity-card\" [class.fts-entity-enabled]=\"entity.Enabled\">\n                                    <div class=\"fts-entity-toggle\">\n                                        <input type=\"checkbox\" [(ngModel)]=\"entity.Enabled\" (change)=\"OnFTSEntityToggled(entity)\" class=\"config-checkbox\" />\n                                    </div>\n                                    <div class=\"fts-entity-info\">\n                                        <span class=\"fts-entity-name\">{{ entity.EntityName }}</span>\n                                        <div class=\"fts-entity-fields\">\n                                            @for (field of entity.IndexedFields; track field) {\n                                                <span class=\"fts-field-tag\">{{ field }}</span>\n                                            }\n                                        </div>\n                                    </div>\n                                    <div class=\"fts-entity-meta\">\n                                        <span class=\"fts-entity-title-field\" title=\"Title field\">\n                                            <i class=\"fa-solid fa-heading\"></i> {{ entity.TitleField }}\n                                        </span>\n                                        @if (entity.SnippetField !== entity.TitleField) {\n                                            <span class=\"fts-entity-snippet-field\" title=\"Snippet field\">\n                                                <i class=\"fa-solid fa-align-left\"></i> {{ entity.SnippetField }}\n                                            </span>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- Embedding Models -->\n            @if (ActiveSection === 'embedding') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Embedding Models</h2>\n                    <p class=\"config-section-desc\">AI models used for generating vector embeddings from text.</p>\n\n                    @if (HasEmbeddingModel) {\n                        <div class=\"config-group\">\n                            <div class=\"config-field-row\">\n                                <div class=\"config-field-info\">\n                                    <span class=\"config-label\">Active Model</span>\n                                    <span class=\"config-hint\">Currently selected embedding model</span>\n                                </div>\n                                <span class=\"config-value-display\">{{ EmbeddingModelName }}</span>\n                            </div>\n                            <div class=\"config-field-row\">\n                                <div class=\"config-field-info\">\n                                    <span class=\"config-label\">Available Models</span>\n                                    <span class=\"config-hint\">{{ EmbeddingModels.length }} embedding model(s) configured</span>\n                                </div>\n                                <div class=\"config-tag-list\">\n                                    @for (model of EmbeddingModels; track model.ID) {\n                                        <span class=\"config-tag\">{{ model.Name }}</span>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                        <p class=\"config-section-note\">\n                            <i class=\"fa-solid fa-info-circle\"></i>\n                            Manage embedding models in the AI Dashboard > Models tab.\n                        </p>\n                    } @else {\n                        <div class=\"config-empty-state\">\n                            <i class=\"fa-solid fa-microchip config-empty-icon\"></i>\n                            <h3 class=\"config-empty-title\">No Embedding Models Found</h3>\n                            <p class=\"config-empty-text\">\n                                Embedding models are required to convert text into vectors for semantic search and duplicate detection.\n                                Configure at least one embedding model (e.g., text-embedding-3-small) in the AI Dashboard > Models tab.\n                            </p>\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- Thresholds -->\n            @if (ActiveSection === 'thresholds') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Scoring Thresholds</h2>\n                    <p class=\"config-section-desc\">Set the scoring thresholds used by search, duplicate detection, and autotagging.</p>\n\n                    <div class=\"config-group\">\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Duplicate Absolute Match</span>\n                                <span class=\"config-hint\">Score above which duplicates are auto-confirmed ({{ FormatThreshold(ThresholdSettings.DuplicateAbsolute) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.DuplicateAbsolute\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0.5\" max=\"1\" step=\"0.01\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Duplicate Potential Match</span>\n                                <span class=\"config-hint\">Score above which duplicates are flagged for review ({{ FormatThreshold(ThresholdSettings.DuplicatePotential) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.DuplicatePotential\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0.3\" max=\"1\" step=\"0.01\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Search Relevance</span>\n                                <span class=\"config-hint\">Minimum score for search results ({{ FormatThreshold(ThresholdSettings.SearchRelevance) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.SearchRelevance\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0\" max=\"1\" step=\"0.01\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Autotag Confidence</span>\n                                <span class=\"config-hint\">Minimum confidence for accepting auto-generated tags ({{ FormatThreshold(ThresholdSettings.AutotagConfidence) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.AutotagConfidence\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0.3\" max=\"1\" step=\"0.01\" />\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- Scheduling Section -->\n            @if (ActiveSection === 'scheduling') {\n                <div class=\"config-section-content\">\n                    <h2 class=\"config-section-title\"><i class=\"fa-solid fa-clock\"></i> Scheduling</h2>\n                    <p class=\"config-section-desc\">Manage automated pipeline schedules for content classification and vector sync. Create schedules here or manage all schedules in the dedicated Scheduling app.</p>\n                    <div style=\"margin-top: 16px;\">\n                        <app-scheduling-resource></app-scheduling-resource>\n                    </div>\n                </div>\n            }\n\n            <!-- Save Bar -->\n            @if (HasUnsavedChanges) {\n                <div class=\"config-save-bar\">\n                    <span class=\"config-save-text\">You have unsaved changes</span>\n                    <button class=\"config-save-btn\" (click)=\"SaveConfiguration()\" [disabled]=\"IsSaving\">\n                        @if (IsSaving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n                        } @else {\n                            <i class=\"fa-solid fa-save\"></i> Save Changes\n                        }\n                    </button>\n                    <button class=\"config-reset-btn\" (click)=\"ResetConfiguration()\" [disabled]=\"IsSaving\">\n                        Reset\n                    </button>\n                </div>\n            }\n        </div>\n    </div>\n}\n", styles: ["/* Knowledge Configuration - Settings Page with Left Nav */\n\n.config-loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n.config-layout {\n    display: flex;\n    height: 100%;\n    min-height: 500px;\n}\n\n/* Left Navigation */\n.config-nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    padding: 0.5rem 0;\n}\n\n.config-nav-header {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    margin-bottom: 0.5rem;\n}\n\n.config-nav-item {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.55rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s ease;\n    width: 100%;\n}\n\n.config-nav-item:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-nav-item-active {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* Content Area */\n.config-content {\n    flex: 1;\n    padding: 1.5rem 2rem;\n    overflow-y: auto;\n    position: relative;\n}\n\n.config-section {\n    max-width: 700px;\n}\n\n.config-section-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 0.5rem;\n}\n\n.config-section-desc {\n    color: var(--mj-text-secondary);\n    font-size: 0.9rem;\n    margin-bottom: 1.5rem;\n    line-height: 1.5;\n}\n\n/* Config Groups */\n.config-group {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n}\n\n.config-toggle-row,\n.config-field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-radius: 8px;\n    transition: background 0.1s ease;\n    gap: 1rem;\n}\n\n.config-toggle-row:hover,\n.config-field-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-toggle-info,\n.config-field-info {\n    display: flex;\n    flex-direction: column;\n    gap: 0.15rem;\n    flex: 1;\n}\n\n.config-label {\n    font-weight: 500;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.config-hint {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.config-checkbox {\n    width: 1.1rem;\n    height: 1.1rem;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n}\n\n.config-input {\n    padding: 0.4rem 0.6rem;\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: 0.85rem;\n    font-family: inherit;\n}\n\n.config-input-number {\n    width: 80px;\n    text-align: center;\n}\n\n.config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.config-slider {\n    width: 200px;\n    accent-color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.config-value-display {\n    font-size: 0.85rem;\n    color: var(--mj-text-secondary);\n    padding: 0.3rem 0.6rem;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    font-family: monospace;\n}\n\n/* Placeholder */\n.config-placeholder {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    gap: 1rem;\n    color: var(--mj-text-muted);\n}\n\n.config-placeholder-icon {\n    font-size: 2.5rem;\n}\n\n/* ---- Setup Progress Bar ---- */\n\n.setup-progress {\n    margin-bottom: 1.5rem;\n    padding: 1rem 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n}\n\n.setup-progress-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.5rem;\n}\n\n.setup-progress-label {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.setup-progress-count {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.setup-progress-bar {\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.setup-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n    transition: width 0.4s ease;\n}\n\n/* ---- Setup Steps ---- */\n\n.setup-step {\n    padding: 1rem 1.25rem;\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    margin-bottom: 0.75rem;\n    transition: border-color 0.2s;\n}\n\n.setup-step-complete {\n    border-color: var(--mj-status-success-border);\n    background: color-mix(in srgb, var(--mj-status-success) 3%, var(--mj-bg-surface));\n}\n\n.setup-step-pending {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface);\n}\n\n.setup-step-header {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.85rem;\n}\n\n.setup-step-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    flex-shrink: 0;\n    margin-top: 1px;\n}\n\n.setup-step-complete .setup-step-indicator i {\n    font-size: 1.25rem;\n    color: var(--mj-status-success);\n}\n\n.setup-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    font-weight: 700;\n}\n\n.setup-step-info {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    flex: 1;\n}\n\n.setup-step-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.setup-step-status {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n}\n\n.setup-step-complete .setup-step-status {\n    color: var(--mj-status-success-text);\n}\n\n/* ---- Config Group Title ---- */\n\n.config-group-title {\n    margin: 0 0 0.75rem 0;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n/* ---- Status Badge ---- */\n\n.config-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    font-size: 0.75rem;\n    font-weight: 600;\n}\n\n.config-status-active {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n/* ---- Step Detail Area ---- */\n\n.setup-step-detail {\n    margin-top: 0.75rem;\n    padding-left: 2.85rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.setup-step-action {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s;\n    flex-shrink: 0;\n}\n\n.setup-step-action:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* ---- Provider Cards ---- */\n\n.provider-card {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.provider-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.provider-info {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-name {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.provider-class {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n}\n\n/* ---- Provider Credential Row ---- */\n\n.provider-credential-row {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem 1rem 0.75rem;\n    margin-top: -0.25rem;\n}\n\n.provider-credential-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n}\n\n.provider-credential-label i {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.provider-credential-picker {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-credential-select {\n    flex: 1;\n    padding: 0.4rem 0.6rem;\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: 0.8rem;\n}\n\n.provider-credential-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.provider-credential-spinner {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n/* ---- Index Cards ---- */\n\n.index-card {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.index-card:hover {\n    border-color: var(--mj-border-default);\n}\n\n.index-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.index-info {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.index-name {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.index-meta {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.index-meta i {\n    font-size: 0.65rem;\n}\n\n.index-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n\n.index-delete-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.index-delete-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-error-border);\n    color: var(--mj-status-error);\n}\n\n/* ---- Create Index Form ---- */\n\n.create-index-form {\n    margin-top: 0.75rem;\n    padding: 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 2px solid var(--mj-brand-primary);\n    border-radius: 10px;\n    margin-left: 2.85rem;\n}\n\n.create-index-title {\n    margin: 0 0 1rem 0;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.create-index-title i {\n    color: var(--mj-brand-primary);\n}\n\n.create-index-fields {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n}\n\n.create-index-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.create-index-label {\n    font-size: 0.78rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.config-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: 0.85rem;\n}\n\n.config-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.create-index-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 1rem;\n}\n\n.create-index-submit {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 18px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.create-index-submit:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.create-index-submit:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.create-index-cancel {\n    padding: 8px 18px;\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    font-weight: 500;\n    cursor: pointer;\n}\n\n.create-index-cancel:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* Empty State for unconfigured sections */\n.config-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 2rem;\n    text-align: center;\n    gap: 0.75rem;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.config-empty-icon {\n    font-size: 2.5rem;\n    color: var(--mj-text-disabled);\n}\n\n.config-empty-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.config-empty-text {\n    margin: 0;\n    font-size: 0.85rem;\n    color: var(--mj-text-muted);\n    max-width: 480px;\n    line-height: 1.5;\n}\n\n/* Tag list for showing multiple models */\n.config-tag-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.config-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: 0.78rem;\n    font-weight: 500;\n}\n\n/* Section note */\n.config-section-note {\n    margin-top: 1rem;\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.config-section-note i {\n    color: var(--mj-status-info);\n}\n\n/* Save Bar */\n.config-save-bar {\n    position: sticky;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    margin-top: 2rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.config-save-text {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n}\n\n.config-save-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 1rem;\n    border-radius: 6px;\n    border: none;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.config-save-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.config-save-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.config-reset-btn {\n    padding: 0.5rem 0.75rem;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n}\n\n.config-reset-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n    .config-layout {\n        flex-direction: column;\n    }\n\n    .config-nav {\n        width: 100%;\n        flex-direction: row;\n        overflow-x: auto;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 0;\n    }\n\n    .config-nav-header {\n        display: none;\n    }\n\n    .config-nav-item {\n        white-space: nowrap;\n        padding: 0.6rem 1rem;\n    }\n\n    .config-nav-item-active {\n        border-left: none;\n        border-bottom: 3px solid var(--mj-brand-primary);\n    }\n\n    .config-content {\n        padding: 1rem;\n    }\n}\n\n/* Full-Text Search Entity Management */\n.fts-entity-controls {\n    margin-bottom: 16px;\n}\n\n.fts-summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}\n\n.fts-summary-count {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.fts-filter-input {\n    max-width: 240px;\n}\n\n.fts-entity-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.fts-entity-card {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s, background 0.15s;\n}\n\n.fts-entity-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.fts-entity-card.fts-entity-enabled {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n}\n\n.fts-entity-toggle {\n    flex-shrink: 0;\n}\n\n.fts-entity-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.fts-entity-name {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n}\n\n.fts-entity-fields {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.fts-field-tag {\n    display: inline-block;\n    padding: 1px 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n}\n\n.fts-entity-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 2px;\n    flex-shrink: 0;\n}\n\n.fts-entity-title-field,\n.fts-entity-snippet-field {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.fts-entity-title-field i,\n.fts-entity-snippet-field i {\n    margin-right: 4px;\n    font-size: 10px;\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-knowledge-config-resource', template: "@if (IsLoading) {\n    <div class=\"config-loading\">\n        <mj-loading text=\"Loading configuration...\" size=\"medium\"></mj-loading>\n    </div>\n} @else {\n    <div class=\"config-layout\">\n        <!-- Left Navigation -->\n        <nav class=\"config-nav\">\n            <div class=\"config-nav-header\">\n                <i class=\"fa-solid fa-cogs\"></i>\n                <span>Configuration</span>\n            </div>\n            @for (section of Sections; track section.ID) {\n                <button\n                    class=\"config-nav-item\"\n                    [class.config-nav-item-active]=\"ActiveSection === section.ID\"\n                    (click)=\"SelectSection(section.ID)\"\n                >\n                    <i [class]=\"section.Icon\"></i>\n                    <span>{{ section.Label }}</span>\n                </button>\n            }\n        </nav>\n\n        <!-- Content Area -->\n        <div class=\"config-content\">\n            <!-- Pipeline Settings -->\n            @if (ActiveSection === 'pipeline') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Pipeline Settings</h2>\n                    <p class=\"config-section-desc\">Configure how the Knowledge Pipeline processes incoming content.</p>\n\n                    <div class=\"config-group\">\n                        <label class=\"config-toggle-row\">\n                            <div class=\"config-toggle-info\">\n                                <span class=\"config-label\">Auto-tag on Ingest</span>\n                                <span class=\"config-hint\">Automatically run autotagging when new content is ingested</span>\n                            </div>\n                            <input type=\"checkbox\" [(ngModel)]=\"PipelineSettings.AutotagOnIngest\" (change)=\"OnSettingChanged()\" class=\"config-checkbox\" />\n                        </label>\n\n                        <label class=\"config-toggle-row\">\n                            <div class=\"config-toggle-info\">\n                                <span class=\"config-label\">Vectorize on Ingest</span>\n                                <span class=\"config-hint\">Automatically create embeddings for new content</span>\n                            </div>\n                            <input type=\"checkbox\" [(ngModel)]=\"PipelineSettings.VectorizeOnIngest\" (change)=\"OnSettingChanged()\" class=\"config-checkbox\" />\n                        </label>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Default Batch Size</span>\n                                <span class=\"config-hint\">Number of items processed per batch</span>\n                            </div>\n                            <input type=\"number\" [(ngModel)]=\"PipelineSettings.DefaultBatchSize\" (input)=\"OnSettingChanged()\" class=\"config-input config-input-number\" min=\"10\" max=\"1000\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Max Concurrent Jobs</span>\n                                <span class=\"config-hint\">Maximum number of pipeline jobs running at once</span>\n                            </div>\n                            <input type=\"number\" [(ngModel)]=\"PipelineSettings.MaxConcurrentJobs\" (input)=\"OnSettingChanged()\" class=\"config-input config-input-number\" min=\"1\" max=\"10\" />\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- Vector Database Settings -->\n            @if (ActiveSection === 'vectordb') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Vector Database</h2>\n                    <p class=\"config-section-desc\">Manage the shared vector index and database connection.</p>\n\n                    <!-- Setup Progress -->\n                    <div class=\"setup-progress\">\n                        <div class=\"setup-progress-header\">\n                            <span class=\"setup-progress-label\">Setup Progress</span>\n                            <span class=\"setup-progress-count\">{{ SetupStepsCompleted }} of 3 complete</span>\n                        </div>\n                        <div class=\"setup-progress-bar\">\n                            <div class=\"setup-progress-fill\" [style.width.%]=\"(SetupStepsCompleted / 3) * 100\"></div>\n                        </div>\n                    </div>\n\n                    <!-- Step 1: Providers -->\n                    <div class=\"setup-step\" [class.setup-step-complete]=\"HasVectorDBProvider\" [class.setup-step-pending]=\"!HasVectorDBProvider\">\n                        <div class=\"setup-step-header\">\n                            <div class=\"setup-step-indicator\">\n                                @if (HasVectorDBProvider) {\n                                    <i class=\"fa-solid fa-circle-check\"></i>\n                                } @else {\n                                    <span class=\"setup-step-number\">1</span>\n                                }\n                            </div>\n                            <div class=\"setup-step-info\">\n                                <span class=\"setup-step-title\">Vector Database Providers</span>\n                                @if (HasVectorDBProvider) {\n                                    <span class=\"setup-step-status\">{{ VectorDBProviders.length }} provider(s) registered</span>\n                                } @else {\n                                    <span class=\"setup-step-status\">No providers registered. Add a vector database provider (e.g., Pinecone, Weaviate) via the admin console.</span>\n                                }\n                            </div>\n                        </div>\n                        @if (HasVectorDBProvider) {\n                            <div class=\"setup-step-detail\">\n                                @for (provider of VectorDBProviders; track provider.ID) {\n                                    <div class=\"provider-card\">\n                                        <div class=\"provider-icon\">\n                                            <i class=\"fa-solid fa-database\"></i>\n                                        </div>\n                                        <div class=\"provider-info\">\n                                            <span class=\"provider-name\">{{ provider.Name }}</span>\n                                            <span class=\"provider-class\">{{ provider.ClassKey }}</span>\n                                        </div>\n                                        <span class=\"config-status-badge config-status-active\">\n                                            <i class=\"fa-solid fa-circle-check\"></i> Active\n                                        </span>\n                                    </div>\n                                    <div class=\"provider-credential-row\">\n                                        <label class=\"provider-credential-label\">\n                                            <i class=\"fa-solid fa-key\"></i> API Credential\n                                        </label>\n                                        <div class=\"provider-credential-picker\">\n                                            <select class=\"provider-credential-select\"\n                                                    [(ngModel)]=\"provider.CredentialID\"\n                                                    (change)=\"SaveProviderCredential(provider)\"\n                                                    [disabled]=\"IsSavingCredential\">\n                                                <option [ngValue]=\"null\">None (use environment variable)</option>\n                                                @for (cred of AvailableCredentials; track cred.ID) {\n                                                    <option [ngValue]=\"cred.ID\">{{ cred.Name }}</option>\n                                                }\n                                            </select>\n                                            @if (IsSavingCredential) {\n                                                <i class=\"fa-solid fa-spinner fa-spin provider-credential-spinner\"></i>\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Step 2: Embedding Model -->\n                    <div class=\"setup-step\" [class.setup-step-complete]=\"HasEmbeddingModel\" [class.setup-step-pending]=\"!HasEmbeddingModel\">\n                        <div class=\"setup-step-header\">\n                            <div class=\"setup-step-indicator\">\n                                @if (HasEmbeddingModel) {\n                                    <i class=\"fa-solid fa-circle-check\"></i>\n                                } @else {\n                                    <span class=\"setup-step-number\">2</span>\n                                }\n                            </div>\n                            <div class=\"setup-step-info\">\n                                <span class=\"setup-step-title\">Embedding Models</span>\n                                @if (HasEmbeddingModel) {\n                                    <span class=\"setup-step-status\">{{ EmbeddingModels.length }} model(s) available</span>\n                                } @else {\n                                    <span class=\"setup-step-status\">No embedding models found. Configure at least one in the AI app > Models tab.</span>\n                                }\n                            </div>\n                        </div>\n                        @if (HasEmbeddingModel) {\n                            <div class=\"setup-step-detail\">\n                                <div class=\"config-tag-list\">\n                                    @for (model of EmbeddingModels; track model.ID) {\n                                        <span class=\"config-tag\">{{ model.Name }}</span>\n                                    }\n                                </div>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Step 3: Vector Indexes -->\n                    <div class=\"setup-step\" [class.setup-step-complete]=\"HasVectorIndex\" [class.setup-step-pending]=\"!HasVectorIndex\">\n                        <div class=\"setup-step-header\">\n                            <div class=\"setup-step-indicator\">\n                                @if (HasVectorIndex) {\n                                    <i class=\"fa-solid fa-circle-check\"></i>\n                                } @else {\n                                    <span class=\"setup-step-number\">3</span>\n                                }\n                            </div>\n                            <div class=\"setup-step-info\">\n                                <span class=\"setup-step-title\">Vector Indexes</span>\n                                @if (HasVectorIndex) {\n                                    <span class=\"setup-step-status\">{{ VectorIndexes.length }} index(es) configured</span>\n                                } @else if (HasVectorDBProvider && HasEmbeddingModel) {\n                                    <span class=\"setup-step-status\">No indexes yet \u2014 create one below.</span>\n                                } @else {\n                                    <span class=\"setup-step-status\">Complete steps 1 and 2 first.</span>\n                                }\n                            </div>\n                            @if (HasVectorDBProvider && HasEmbeddingModel && !ShowCreateIndexForm) {\n                                <button class=\"setup-step-action\" (click)=\"OpenCreateIndexForm()\">\n                                    <i class=\"fa-solid fa-plus\"></i> Create Index\n                                </button>\n                            }\n                        </div>\n\n                        <!-- Existing Indexes -->\n                        @if (HasVectorIndex) {\n                            <div class=\"setup-step-detail\">\n                                @for (idx of VectorIndexes; track idx.ID) {\n                                    <div class=\"index-card\">\n                                        <div class=\"index-icon\">\n                                            <i class=\"fa-solid fa-cubes\"></i>\n                                        </div>\n                                        <div class=\"index-info\">\n                                            <span class=\"index-name\">{{ idx.Name }}</span>\n                                            <span class=\"index-meta\">\n                                                <i class=\"fa-solid fa-database\"></i> {{ idx.VectorDatabase }}\n                                                &nbsp;\u00B7&nbsp;\n                                                <i class=\"fa-solid fa-microchip\"></i> {{ idx.EmbeddingModel }}\n                                            </span>\n                                        </div>\n                                        <div class=\"index-actions\">\n                                            <span class=\"config-status-badge config-status-active\">\n                                                <i class=\"fa-solid fa-circle-check\"></i> Active\n                                            </span>\n                                            <button class=\"index-delete-btn\" (click)=\"DeleteIndex(idx.ID)\" title=\"Delete index\">\n                                                <i class=\"fa-solid fa-trash-can\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        }\n\n                        <!-- Create Index Form -->\n                        @if (ShowCreateIndexForm) {\n                            <div class=\"create-index-form\">\n                                <h4 class=\"create-index-title\">\n                                    <i class=\"fa-solid fa-plus-circle\"></i> Create New Vector Index\n                                </h4>\n                                <div class=\"create-index-fields\">\n                                    <div class=\"create-index-field\">\n                                        <label class=\"create-index-label\">Index Name</label>\n                                        <input type=\"text\"\n                                               class=\"config-input\"\n                                               [(ngModel)]=\"NewIndexName\"\n                                               placeholder=\"e.g., mj-knowledge-index\" />\n                                    </div>\n                                    <div class=\"create-index-field\">\n                                        <label class=\"create-index-label\">Vector Database</label>\n                                        <select class=\"config-select\" [(ngModel)]=\"NewIndexVectorDBID\">\n                                            @for (db of VectorDBProviders; track db.ID) {\n                                                <option [value]=\"db.ID\">{{ db.Name }}</option>\n                                            }\n                                        </select>\n                                    </div>\n                                    <div class=\"create-index-field\">\n                                        <label class=\"create-index-label\">Embedding Model</label>\n                                        <select class=\"config-select\" [(ngModel)]=\"NewIndexEmbeddingModelID\">\n                                            @for (model of EmbeddingModels; track model.ID) {\n                                                <option [value]=\"model.ID\">{{ model.Name }}</option>\n                                            }\n                                        </select>\n                                    </div>\n                                </div>\n                                <div class=\"create-index-actions\">\n                                    <button class=\"create-index-submit\" (click)=\"CreateIndex()\" [disabled]=\"IsCreatingIndex\">\n                                        @if (IsCreatingIndex) {\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n                                        } @else {\n                                            <i class=\"fa-solid fa-plus\"></i> Create Index\n                                        }\n                                    </button>\n                                    <button class=\"create-index-cancel\" (click)=\"CancelCreateIndex()\" [disabled]=\"IsCreatingIndex\">\n                                        Cancel\n                                    </button>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n\n            <!-- Full-Text Indexes -->\n            @if (ActiveSection === 'fulltext') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Full-Text Search Entities</h2>\n                    <p class=\"config-section-desc\">Configure which entities are included in full-text search. Entities with text fields (Name, Description, etc.) are automatically discovered.</p>\n\n                    @if (IsLoadingFTSEntities) {\n                        <mj-loading text=\"Discovering searchable entities...\" size=\"medium\"></mj-loading>\n                    } @else if (FTSEntities.length === 0) {\n                        <div class=\"config-empty-state\">\n                            <i class=\"fa-solid fa-text-width config-empty-icon\"></i>\n                            <h3 class=\"config-empty-title\">No Searchable Entities Found</h3>\n                            <p class=\"config-empty-text\">No entities with text fields were discovered. Ensure your database schema includes entities with varchar/nvarchar columns.</p>\n                        </div>\n                    } @else {\n                        <div class=\"fts-entity-controls\">\n                            <div class=\"fts-summary\">\n                                <span class=\"fts-summary-count\">{{ EnabledFTSCount }} of {{ FTSEntities.length }} entities enabled for search</span>\n                                <input type=\"text\" class=\"config-input fts-filter-input\" placeholder=\"Filter entities...\" [(ngModel)]=\"FTSFilterText\" />\n                            </div>\n                        </div>\n\n                        <div class=\"fts-entity-list\">\n                            @for (entity of FilteredFTSEntities; track entity.EntityName) {\n                                <div class=\"fts-entity-card\" [class.fts-entity-enabled]=\"entity.Enabled\">\n                                    <div class=\"fts-entity-toggle\">\n                                        <input type=\"checkbox\" [(ngModel)]=\"entity.Enabled\" (change)=\"OnFTSEntityToggled(entity)\" class=\"config-checkbox\" />\n                                    </div>\n                                    <div class=\"fts-entity-info\">\n                                        <span class=\"fts-entity-name\">{{ entity.EntityName }}</span>\n                                        <div class=\"fts-entity-fields\">\n                                            @for (field of entity.IndexedFields; track field) {\n                                                <span class=\"fts-field-tag\">{{ field }}</span>\n                                            }\n                                        </div>\n                                    </div>\n                                    <div class=\"fts-entity-meta\">\n                                        <span class=\"fts-entity-title-field\" title=\"Title field\">\n                                            <i class=\"fa-solid fa-heading\"></i> {{ entity.TitleField }}\n                                        </span>\n                                        @if (entity.SnippetField !== entity.TitleField) {\n                                            <span class=\"fts-entity-snippet-field\" title=\"Snippet field\">\n                                                <i class=\"fa-solid fa-align-left\"></i> {{ entity.SnippetField }}\n                                            </span>\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- Embedding Models -->\n            @if (ActiveSection === 'embedding') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Embedding Models</h2>\n                    <p class=\"config-section-desc\">AI models used for generating vector embeddings from text.</p>\n\n                    @if (HasEmbeddingModel) {\n                        <div class=\"config-group\">\n                            <div class=\"config-field-row\">\n                                <div class=\"config-field-info\">\n                                    <span class=\"config-label\">Active Model</span>\n                                    <span class=\"config-hint\">Currently selected embedding model</span>\n                                </div>\n                                <span class=\"config-value-display\">{{ EmbeddingModelName }}</span>\n                            </div>\n                            <div class=\"config-field-row\">\n                                <div class=\"config-field-info\">\n                                    <span class=\"config-label\">Available Models</span>\n                                    <span class=\"config-hint\">{{ EmbeddingModels.length }} embedding model(s) configured</span>\n                                </div>\n                                <div class=\"config-tag-list\">\n                                    @for (model of EmbeddingModels; track model.ID) {\n                                        <span class=\"config-tag\">{{ model.Name }}</span>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                        <p class=\"config-section-note\">\n                            <i class=\"fa-solid fa-info-circle\"></i>\n                            Manage embedding models in the AI Dashboard > Models tab.\n                        </p>\n                    } @else {\n                        <div class=\"config-empty-state\">\n                            <i class=\"fa-solid fa-microchip config-empty-icon\"></i>\n                            <h3 class=\"config-empty-title\">No Embedding Models Found</h3>\n                            <p class=\"config-empty-text\">\n                                Embedding models are required to convert text into vectors for semantic search and duplicate detection.\n                                Configure at least one embedding model (e.g., text-embedding-3-small) in the AI Dashboard > Models tab.\n                            </p>\n                        </div>\n                    }\n                </div>\n            }\n\n            <!-- Thresholds -->\n            @if (ActiveSection === 'thresholds') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\">Scoring Thresholds</h2>\n                    <p class=\"config-section-desc\">Set the scoring thresholds used by search, duplicate detection, and autotagging.</p>\n\n                    <div class=\"config-group\">\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Duplicate Absolute Match</span>\n                                <span class=\"config-hint\">Score above which duplicates are auto-confirmed ({{ FormatThreshold(ThresholdSettings.DuplicateAbsolute) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.DuplicateAbsolute\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0.5\" max=\"1\" step=\"0.01\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Duplicate Potential Match</span>\n                                <span class=\"config-hint\">Score above which duplicates are flagged for review ({{ FormatThreshold(ThresholdSettings.DuplicatePotential) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.DuplicatePotential\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0.3\" max=\"1\" step=\"0.01\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Search Relevance</span>\n                                <span class=\"config-hint\">Minimum score for search results ({{ FormatThreshold(ThresholdSettings.SearchRelevance) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.SearchRelevance\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0\" max=\"1\" step=\"0.01\" />\n                        </div>\n\n                        <div class=\"config-field-row\">\n                            <div class=\"config-field-info\">\n                                <span class=\"config-label\">Autotag Confidence</span>\n                                <span class=\"config-hint\">Minimum confidence for accepting auto-generated tags ({{ FormatThreshold(ThresholdSettings.AutotagConfidence) }})</span>\n                            </div>\n                            <input type=\"range\" [(ngModel)]=\"ThresholdSettings.AutotagConfidence\" (input)=\"OnSettingChanged()\" class=\"config-slider\" min=\"0.3\" max=\"1\" step=\"0.01\" />\n                        </div>\n                    </div>\n                </div>\n            }\n\n            <!-- Search Scopes Section -->\n            @if (ActiveSection === 'search-scopes') {\n                <div class=\"config-section\">\n                    <h2 class=\"config-section-title\"><i class=\"fa-solid fa-compass-drafting\"></i> Search Scopes</h2>\n                    <p class=\"config-section-desc\">\n                        Define reusable search scopes that filter which providers, entities, external indexes, and storage accounts participate in a scoped search.\n                        Scopes can be assigned to AI agents for pre-execution RAG or agent-invoked search.\n                    </p>\n\n                    <div class=\"scope-manager\">\n                        <!-- Scope list -->\n                        <aside class=\"scope-manager-list\">\n                            <div class=\"scope-manager-list-header\">\n                                <span>Scopes ({{ SearchScopes.length }})</span>\n                                <button type=\"button\" class=\"scope-manager-new-btn\" (click)=\"CreateNewScope()\">\n                                    <i class=\"fa-solid fa-plus\"></i> New\n                                </button>\n                            </div>\n                            @if (IsLoadingScopes) {\n                                <div class=\"scope-manager-loading\">Loading&hellip;</div>\n                            } @else if (SearchScopes.length === 0) {\n                                <div class=\"scope-manager-empty\">\n                                    No scopes defined yet. Click <strong>New</strong> to create one.\n                                </div>\n                            } @else {\n                                @for (s of SearchScopes; track s.ID) {\n                                    <button\n                                        type=\"button\"\n                                        class=\"scope-manager-list-item\"\n                                        [class.active]=\"ActiveScopeID === s.ID\"\n                                        (click)=\"SelectScope(s.ID)\">\n                                        <i [class]=\"s.Icon || 'fa-solid fa-filter'\" aria-hidden=\"true\"></i>\n                                        <span class=\"scope-manager-list-name\">{{ s.Name }}</span>\n                                        @if (s.IsGlobal) {\n                                            <span class=\"scope-manager-badge\">Global</span>\n                                        } @else if (s.IsDefault) {\n                                            <span class=\"scope-manager-badge\">Default</span>\n                                        }\n                                    </button>\n                                }\n                            }\n                        </aside>\n\n                        <!-- Scope detail -->\n                        <section class=\"scope-manager-detail\">\n                            @if (ActiveScope) {\n                                <!-- Tab strip -->\n                                <div class=\"scope-manager-tabs\">\n                                    <button type=\"button\" class=\"scope-manager-tab\" [class.active]=\"ActiveScopeTab === 'definition'\" (click)=\"SelectScopeTab('definition')\">Definition</button>\n                                    <button type=\"button\" class=\"scope-manager-tab\" [class.active]=\"ActiveScopeTab === 'providers'\" (click)=\"SelectScopeTab('providers')\">Providers</button>\n                                    <button type=\"button\" class=\"scope-manager-tab\" [class.active]=\"ActiveScopeTab === 'indexes'\" (click)=\"SelectScopeTab('indexes')\">External Indexes</button>\n                                    <button type=\"button\" class=\"scope-manager-tab\" [class.active]=\"ActiveScopeTab === 'entities'\" (click)=\"SelectScopeTab('entities')\">Entities</button>\n                                    <button type=\"button\" class=\"scope-manager-tab\" [class.active]=\"ActiveScopeTab === 'storage'\" (click)=\"SelectScopeTab('storage')\">Storage</button>\n                                    <button type=\"button\" class=\"scope-manager-tab\" [class.active]=\"ActiveScopeTab === 'permissions'\" (click)=\"SelectScopeTab('permissions')\">Permissions</button>\n                                    <div class=\"scope-manager-tab-spacer\"></div>\n                                    @if (ActiveScope.ID) {\n                                        <button type=\"button\" class=\"scope-manager-open-btn\"\n                                                (click)=\"OpenActiveScopeFullForm()\"\n                                                title=\"Open the full custom form for this scope (Live Preview, Fusion Weights, Reranker, Test Queries, Execution Logs)\">\n                                            <i class=\"fa-solid fa-up-right-from-square\"></i> Open Full Form\n                                        </button>\n                                    }\n                                    <button type=\"button\" class=\"scope-manager-save-btn\" (click)=\"SaveActiveScope()\">\n                                        <i class=\"fa-solid fa-save\"></i> Save\n                                    </button>\n                                    @if (!ActiveScope.IsGlobal) {\n                                        <button type=\"button\" class=\"scope-manager-delete-btn\" (click)=\"DeleteActiveScope()\" title=\"Delete scope\">\n                                            <i class=\"fa-solid fa-trash\"></i>\n                                        </button>\n                                    }\n                                </div>\n\n                                <!-- Definition tab -->\n                                @if (ActiveScopeTab === 'definition') {\n                                    <div class=\"scope-definition-grid\">\n                                        <label>\n                                            <span>Name</span>\n                                            <input type=\"text\" class=\"mj-input\" [value]=\"ActiveScope.Name\" (change)=\"ActiveScope.Name = $any($event.target).value\">\n                                        </label>\n                                        <label>\n                                            <span>Icon (Font Awesome class)</span>\n                                            <input type=\"text\" class=\"mj-input\" [value]=\"ActiveScope.Icon || ''\" (change)=\"ActiveScope.Icon = $any($event.target).value\">\n                                        </label>\n                                        <label class=\"scope-definition-full\">\n                                            <span>Description</span>\n                                            <textarea rows=\"2\" class=\"mj-textarea\" [value]=\"ActiveScope.Description || ''\" (change)=\"ActiveScope.Description = $any($event.target).value\"></textarea>\n                                        </label>\n                                        <label>\n                                            <span>Status</span>\n                                            <select class=\"mj-input\" [value]=\"ActiveScope.Status\" (change)=\"ActiveScope.Status = $any($event.target).value\">\n                                                <option value=\"Active\">Active</option>\n                                                <option value=\"Inactive\">Inactive</option>\n                                            </select>\n                                        </label>\n                                        <label>\n                                            <span>Start at</span>\n                                            <input type=\"datetime-local\" class=\"mj-input\" [value]=\"FormatScopeDate(ActiveScope.StartAt)\" (change)=\"SetScopeDate(ActiveScope, 'StartAt', $any($event.target).value)\">\n                                        </label>\n                                        <label>\n                                            <span>End at</span>\n                                            <input type=\"datetime-local\" class=\"mj-input\" [value]=\"FormatScopeDate(ActiveScope.EndAt)\" (change)=\"SetScopeDate(ActiveScope, 'EndAt', $any($event.target).value)\">\n                                        </label>\n                                        <label class=\"scope-definition-toggle\">\n                                            <input type=\"checkbox\" [checked]=\"ActiveScope.IsDefault\" (change)=\"ActiveScope.IsDefault = $any($event.target).checked\" [disabled]=\"ActiveScope.IsGlobal\">\n                                            <span>Default scope \u2014 picked when users/agents don't specify one</span>\n                                        </label>\n                                        <label class=\"scope-definition-toggle\">\n                                            <input type=\"checkbox\" [checked]=\"ActiveScope.IsGlobal\" disabled>\n                                            <span>Global \u2014 reserved for the built-in Global scope (read-only)</span>\n                                        </label>\n                                        <label class=\"scope-definition-full\">\n                                            <span>Scope Config (JSON)</span>\n                                            <textarea rows=\"4\" class=\"mj-textarea scope-code-block\" spellcheck=\"false\" [value]=\"ActiveScope.ScopeConfig || ''\" (change)=\"ActiveScope.ScopeConfig = $any($event.target).value\"></textarea>\n                                        </label>\n                                        <label class=\"scope-definition-full\">\n                                            <span>Search Context Config (JSON)</span>\n                                            <textarea rows=\"4\" class=\"mj-textarea scope-code-block\" spellcheck=\"false\" [value]=\"ActiveScope.SearchContextConfig || ''\" (change)=\"ActiveScope.SearchContextConfig = $any($event.target).value\"></textarea>\n                                        </label>\n                                    </div>\n                                }\n\n                                @if (ActiveScopeTab === 'providers') {\n                                    <mj-search-scope-child-grid\n                                        [ParentID]=\"ActiveScopeID\"\n                                        ChildEntityName=\"MJ: Search Scope Providers\"\n                                        ParentFieldName=\"SearchScopeID\"\n                                        [Columns]=\"ScopeProviderColumns\"\n                                        AddButtonLabel=\"+ Add provider\"\n                                        EmptyMessage=\"No providers assigned. Without any providers, this scope searches nothing.\">\n                                    </mj-search-scope-child-grid>\n                                }\n\n                                @if (ActiveScopeTab === 'indexes') {\n                                    <mj-search-scope-child-grid\n                                        [ParentID]=\"ActiveScopeID\"\n                                        ChildEntityName=\"MJ: Search Scope External Indexes\"\n                                        ParentFieldName=\"SearchScopeID\"\n                                        [Columns]=\"ScopeExternalIndexColumns\"\n                                        AddButtonLabel=\"+ Add external index\"\n                                        EmptyMessage=\"No external indexes configured for this scope.\">\n                                    </mj-search-scope-child-grid>\n                                }\n\n                                @if (ActiveScopeTab === 'entities') {\n                                    <mj-search-scope-child-grid\n                                        [ParentID]=\"ActiveScopeID\"\n                                        ChildEntityName=\"MJ: Search Scope Entities\"\n                                        ParentFieldName=\"SearchScopeID\"\n                                        [Columns]=\"ScopeEntityColumns\"\n                                        AddButtonLabel=\"+ Add entity\"\n                                        EmptyMessage=\"No entities configured. Scoped entity search will return no rows.\">\n                                    </mj-search-scope-child-grid>\n                                }\n\n                                @if (ActiveScopeTab === 'storage') {\n                                    <mj-search-scope-child-grid\n                                        [ParentID]=\"ActiveScopeID\"\n                                        ChildEntityName=\"MJ: Search Scope Storage Accounts\"\n                                        ParentFieldName=\"SearchScopeID\"\n                                        [Columns]=\"ScopeStorageColumns\"\n                                        AddButtonLabel=\"+ Add storage folder\"\n                                        EmptyMessage=\"No storage accounts linked to this scope.\">\n                                    </mj-search-scope-child-grid>\n                                }\n\n                                @if (ActiveScopeTab === 'permissions') {\n                                    <div class=\"scope-permissions-help\" style=\"margin-bottom: 12px; padding: 8px 12px; background: var(--mj-bg-surface-card); border-left: 3px solid var(--mj-brand-primary); border-radius: 4px;\">\n                                        <p style=\"margin: 0; font-size: 0.95em;\">\n                                            <i class=\"fa-solid fa-shield-halved\" style=\"color: var(--mj-brand-primary);\"></i>\n                                            <strong>Per-user / per-role grants on this scope.</strong>\n                                            Each row binds <em>either</em> a User <em>or</em> a Role (not both). Levels:\n                                            <code>None</code> = explicit deny that overrides role grants,\n                                            <code>Read</code> = view scope metadata,\n                                            <code>Search</code> = invoke ScopedSearchAction,\n                                            <code>Manage</code> = full edit including authoring permissions.\n                                            Combined with <code>AIAgent.SearchScopeAccess</code> via the resolver \u2014 see the spec for the full resolution order.\n                                        </p>\n                                    </div>\n                                    <mj-search-scope-child-grid\n                                        [ParentID]=\"ActiveScopeID\"\n                                        ChildEntityName=\"MJ: Search Scope Permissions\"\n                                        ParentFieldName=\"SearchScopeID\"\n                                        [Columns]=\"ScopePermissionColumns\"\n                                        AddButtonLabel=\"+ Grant access\"\n                                        EmptyMessage=\"No explicit grants. Access falls back to agent SearchScopeAccess only.\">\n                                    </mj-search-scope-child-grid>\n                                }\n                            } @else {\n                                <div class=\"scope-manager-empty-detail\">\n                                    Select a scope on the left, or click <strong>New</strong> to create one.\n                                </div>\n                            }\n                        </section>\n                    </div>\n                </div>\n            }\n\n            <!-- Search Analytics Section (P3.3) \u2014 driven by SearchExecutionLog -->\n            @if (ActiveSection === 'search-analytics') {\n                <div class=\"config-section-content\">\n                    <h2 class=\"config-section-title\"><i class=\"fa-solid fa-chart-line\"></i> Search Analytics</h2>\n                    <p class=\"config-section-desc\">Aggregated metrics over the last 5,000 search invocations from <code>MJ: Search Execution Logs</code>. Use this to spot slow scopes, high-failure queries, or runaway reranker spend.</p>\n\n                    @if (AnalyticsLoading) {\n                        <mj-loading text=\"Loading analytics\u2026\" size=\"medium\"></mj-loading>\n                    } @else if (!AnalyticsLoaded) {\n                        <button class=\"mj-input\" type=\"button\" (click)=\"LoadSearchAnalytics()\">\n                            <i class=\"fa-solid fa-arrows-rotate\"></i> Load analytics\n                        </button>\n                    } @else {\n                        <div class=\"search-analytics-kpi-grid\">\n                            <div class=\"search-analytics-kpi\">\n                                <span class=\"search-analytics-kpi-label\">Total runs</span>\n                                <span class=\"search-analytics-kpi-value\">{{ AnalyticsTotalRuns | number }}</span>\n                            </div>\n                            <div class=\"search-analytics-kpi\">\n                                <span class=\"search-analytics-kpi-label\">Success rate</span>\n                                <span class=\"search-analytics-kpi-value\">{{ AnalyticsSuccessRate }}%</span>\n                            </div>\n                            <div class=\"search-analytics-kpi\">\n                                <span class=\"search-analytics-kpi-label\">Hit rate</span>\n                                <span class=\"search-analytics-kpi-value\">{{ AnalyticsHitRate }}%</span>\n                                <span class=\"search-analytics-kpi-hint\">% of successful runs that returned \u22651 result</span>\n                            </div>\n                            <div class=\"search-analytics-kpi\">\n                                <span class=\"search-analytics-kpi-label\">Avg latency</span>\n                                <span class=\"search-analytics-kpi-value\">{{ AnalyticsAvgLatencyMs }}ms</span>\n                            </div>\n                            <div class=\"search-analytics-kpi\">\n                                <span class=\"search-analytics-kpi-label\">P95 latency</span>\n                                <span class=\"search-analytics-kpi-value\">{{ AnalyticsP95LatencyMs }}ms</span>\n                            </div>\n                            <div class=\"search-analytics-kpi\">\n                                <span class=\"search-analytics-kpi-label\">Reranker spend</span>\n                                <span class=\"search-analytics-kpi-value\">{{ AnalyticsTotalRerankerCostCents | number:'1.0-2' }}\u00A2</span>\n                            </div>\n                        </div>\n\n                        <h3 class=\"search-analytics-h3\">Top scopes by volume</h3>\n                        @if (AnalyticsTopScopes.length === 0) {\n                            <p class=\"search-analytics-empty\">No runs in the window.</p>\n                        } @else {\n                            <table class=\"search-analytics-table\">\n                                <thead>\n                                    <tr><th>Scope</th><th>Runs</th><th>Avg latency</th></tr>\n                                </thead>\n                                <tbody>\n                                    @for (s of AnalyticsTopScopes; track s.ScopeID) {\n                                        <tr>\n                                            <td>{{ s.Name }}</td>\n                                            <td>{{ s.Count | number }}</td>\n                                            <td>{{ s.AvgLatencyMs }}ms</td>\n                                        </tr>\n                                    }\n                                </tbody>\n                            </table>\n                        }\n\n                        <h3 class=\"search-analytics-h3\">Reranker spend by driver</h3>\n                        @if (AnalyticsRerankerSpend.length === 0) {\n                            <p class=\"search-analytics-empty\">No rerank invocations in the window.</p>\n                        } @else {\n                            <table class=\"search-analytics-table\">\n                                <thead>\n                                    <tr><th>Reranker</th><th>Calls</th><th>Total cents</th></tr>\n                                </thead>\n                                <tbody>\n                                    @for (r of AnalyticsRerankerSpend; track r.Reranker) {\n                                        <tr>\n                                            <td>{{ r.Reranker }}</td>\n                                            <td>{{ r.Count | number }}</td>\n                                            <td>{{ r.TotalCents | number:'1.0-2' }}\u00A2</td>\n                                        </tr>\n                                    }\n                                </tbody>\n                            </table>\n                        }\n\n                        <h3 class=\"search-analytics-h3\">Top failure reasons</h3>\n                        @if (AnalyticsTopFailures.length === 0) {\n                            <p class=\"search-analytics-empty\">No failures in the window.</p>\n                        } @else {\n                            <table class=\"search-analytics-table\">\n                                <thead>\n                                    <tr><th>Reason</th><th>Count</th></tr>\n                                </thead>\n                                <tbody>\n                                    @for (f of AnalyticsTopFailures; track f.Reason) {\n                                        <tr>\n                                            <td>{{ f.Reason }}</td>\n                                            <td>{{ f.Count | number }}</td>\n                                        </tr>\n                                    }\n                                </tbody>\n                            </table>\n                        }\n\n                        <button class=\"mj-input search-analytics-refresh\" type=\"button\" (click)=\"LoadSearchAnalytics()\">\n                            <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n                        </button>\n                    }\n                </div>\n            }\n\n            <!-- Permissions Audit Section (P2A.7) -->\n            @if (ActiveSection === 'search-permissions') {\n                <div class=\"config-section-content\">\n                    <h2 class=\"config-section-title\"><i class=\"fa-solid fa-shield-halved\"></i> Permissions</h2>\n                    <p class=\"config-section-desc\">\n                        Cross-scope view of every <code>SearchScopePermission</code> row. Filter by scope, by user/role, or by permission level to answer \"who has access to what\". Read-only \u2014 to add or edit a grant, open the SearchScope's full form and use its Permissions panel.\n                    </p>\n\n                    @if (PermissionsLoading) {\n                        <div class=\"search-permissions-loading\">\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading permission rows...\n                        </div>\n                    }\n\n                    @if (PermissionsLoaded && !PermissionsLoading) {\n                        <div class=\"search-permissions-filters\">\n                            <input class=\"mj-input\" type=\"text\" placeholder=\"Filter by scope name...\" [(ngModel)]=\"PermissionsFilterScope\" />\n                            <input class=\"mj-input\" type=\"text\" placeholder=\"Filter by user/role (name or email)...\" [(ngModel)]=\"PermissionsFilterPrincipal\" />\n                            <select class=\"mj-input\" [(ngModel)]=\"PermissionsFilterLevel\">\n                                <option value=\"\">All levels</option>\n                                <option value=\"None\">None</option>\n                                <option value=\"Read\">Read</option>\n                                <option value=\"Search\">Search</option>\n                                <option value=\"Manage\">Manage</option>\n                            </select>\n                            <button class=\"mj-input\" type=\"button\" (click)=\"RefreshPermissionsAudit()\">\n                                <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n                            </button>\n                        </div>\n\n                        <div class=\"search-permissions-summary\">\n                            Showing {{ FilteredPermissionsRows.length }} of {{ PermissionsRows.length }} rows\n                        </div>\n\n                        @if (FilteredPermissionsRows.length === 0) {\n                            <div class=\"search-permissions-empty\">\n                                No permission rows match your filters.\n                            </div>\n                        } @else {\n                            <table class=\"search-permissions-table\">\n                                <thead>\n                                    <tr>\n                                        <th>Scope</th>\n                                        <th>Principal</th>\n                                        <th>Type</th>\n                                        <th>Permission Level</th>\n                                    </tr>\n                                </thead>\n                                <tbody>\n                                    @for (row of FilteredPermissionsRows; track row.ID) {\n                                        <tr>\n                                            <td>{{ row.SearchScopeName }}</td>\n                                            <td>\n                                                @if (row.UserID) {\n                                                    {{ row.UserName }} <span class=\"search-permissions-secondary\">({{ row.UserEmail }})</span>\n                                                } @else {\n                                                    {{ row.RoleName }}\n                                                }\n                                            </td>\n                                            <td>\n                                                @if (row.UserID) { <span class=\"search-permissions-tag\">User</span> }\n                                                @if (row.RoleID) { <span class=\"search-permissions-tag\">Role</span> }\n                                            </td>\n                                            <td>\n                                                <span class=\"search-permissions-level search-permissions-level-{{ row.PermissionLevel | lowercase }}\">{{ row.PermissionLevel }}</span>\n                                            </td>\n                                        </tr>\n                                    }\n                                </tbody>\n                            </table>\n                        }\n                    }\n                </div>\n            }\n\n            <!-- Scheduling Section -->\n            @if (ActiveSection === 'scheduling') {\n                <div class=\"config-section-content\">\n                    <h2 class=\"config-section-title\"><i class=\"fa-solid fa-clock\"></i> Scheduling</h2>\n                    <p class=\"config-section-desc\">Manage automated pipeline schedules for content classification and vector sync. Create schedules here or manage all schedules in the dedicated Scheduling app.</p>\n                    <div style=\"margin-top: 16px;\">\n                        <app-scheduling-resource></app-scheduling-resource>\n                    </div>\n                </div>\n            }\n\n            <!-- Save Bar -->\n            @if (HasUnsavedChanges) {\n                <div class=\"config-save-bar\">\n                    <span class=\"config-save-text\">You have unsaved changes</span>\n                    <button class=\"config-save-btn\" (click)=\"SaveConfiguration()\" [disabled]=\"IsSaving\">\n                        @if (IsSaving) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n                        } @else {\n                            <i class=\"fa-solid fa-save\"></i> Save Changes\n                        }\n                    </button>\n                    <button class=\"config-reset-btn\" (click)=\"ResetConfiguration()\" [disabled]=\"IsSaving\">\n                        Reset\n                    </button>\n                </div>\n            }\n        </div>\n    </div>\n}\n", styles: ["/* Knowledge Configuration - Settings Page with Left Nav */\n\n.config-loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n.config-layout {\n    display: flex;\n    height: 100%;\n    min-height: 500px;\n}\n\n/* Left Navigation */\n.config-nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    padding: 0.5rem 0;\n}\n\n.config-nav-header {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    margin-bottom: 0.5rem;\n}\n\n.config-nav-item {\n    display: flex;\n    align-items: center;\n    gap: 0.6rem;\n    padding: 0.55rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n    text-align: left;\n    transition: all 0.15s ease;\n    width: 100%;\n}\n\n.config-nav-item:hover {\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-nav-item-active {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* Content Area */\n.config-content {\n    flex: 1;\n    padding: 1.5rem 2rem;\n    overflow-y: auto;\n    position: relative;\n}\n\n.config-section {\n    max-width: 700px;\n}\n\n.config-section-title {\n    font-size: 1.3rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 0.5rem;\n}\n\n.config-section-desc {\n    color: var(--mj-text-secondary);\n    font-size: 0.9rem;\n    margin-bottom: 1.5rem;\n    line-height: 1.5;\n}\n\n/* Config Groups */\n.config-group {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n}\n\n.config-toggle-row,\n.config-field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-radius: 8px;\n    transition: background 0.1s ease;\n    gap: 1rem;\n}\n\n.config-toggle-row:hover,\n.config-field-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.config-toggle-info,\n.config-field-info {\n    display: flex;\n    flex-direction: column;\n    gap: 0.15rem;\n    flex: 1;\n}\n\n.config-label {\n    font-weight: 500;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n}\n\n.config-hint {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.config-checkbox {\n    width: 1.1rem;\n    height: 1.1rem;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n}\n\n.config-input {\n    padding: 0.4rem 0.6rem;\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: 0.85rem;\n    font-family: inherit;\n}\n\n.config-input-number {\n    width: 80px;\n    text-align: center;\n}\n\n.config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.config-slider {\n    width: 200px;\n    accent-color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.config-value-display {\n    font-size: 0.85rem;\n    color: var(--mj-text-secondary);\n    padding: 0.3rem 0.6rem;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n    font-family: monospace;\n}\n\n/* Placeholder */\n.config-placeholder {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1.5rem;\n    text-align: center;\n    gap: 1rem;\n    color: var(--mj-text-muted);\n}\n\n.config-placeholder-icon {\n    font-size: 2.5rem;\n}\n\n/* ---- Setup Progress Bar ---- */\n\n.setup-progress {\n    margin-bottom: 1.5rem;\n    padding: 1rem 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n}\n\n.setup-progress-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.5rem;\n}\n\n.setup-progress-label {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.setup-progress-count {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.setup-progress-bar {\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.setup-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n    transition: width 0.4s ease;\n}\n\n/* ---- Setup Steps ---- */\n\n.setup-step {\n    padding: 1rem 1.25rem;\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    margin-bottom: 0.75rem;\n    transition: border-color 0.2s;\n}\n\n.setup-step-complete {\n    border-color: var(--mj-status-success-border);\n    background: color-mix(in srgb, var(--mj-status-success) 3%, var(--mj-bg-surface));\n}\n\n.setup-step-pending {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface);\n}\n\n.setup-step-header {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.85rem;\n}\n\n.setup-step-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    flex-shrink: 0;\n    margin-top: 1px;\n}\n\n.setup-step-complete .setup-step-indicator i {\n    font-size: 1.25rem;\n    color: var(--mj-status-success);\n}\n\n.setup-step-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    font-weight: 700;\n}\n\n.setup-step-info {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n    flex: 1;\n}\n\n.setup-step-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.setup-step-status {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n}\n\n.setup-step-complete .setup-step-status {\n    color: var(--mj-status-success-text);\n}\n\n/* ---- Config Group Title ---- */\n\n.config-group-title {\n    margin: 0 0 0.75rem 0;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n/* ---- Status Badge ---- */\n\n.config-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 999px;\n    font-size: 0.75rem;\n    font-weight: 600;\n}\n\n.config-status-active {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n/* ---- Step Detail Area ---- */\n\n.setup-step-detail {\n    margin-top: 0.75rem;\n    padding-left: 2.85rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n}\n\n.setup-step-action {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s;\n    flex-shrink: 0;\n}\n\n.setup-step-action:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* ---- Provider Cards ---- */\n\n.provider-card {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.provider-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.provider-info {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-name {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.provider-class {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n}\n\n/* ---- Provider Credential Row ---- */\n\n.provider-credential-row {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem 1rem 0.75rem;\n    margin-top: -0.25rem;\n}\n\n.provider-credential-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 0.4rem;\n}\n\n.provider-credential-label i {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.provider-credential-picker {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex: 1;\n    min-width: 0;\n}\n\n.provider-credential-select {\n    flex: 1;\n    padding: 0.4rem 0.6rem;\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: 0.8rem;\n}\n\n.provider-credential-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.provider-credential-spinner {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n/* ---- Index Cards ---- */\n\n.index-card {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.index-card:hover {\n    border-color: var(--mj-border-default);\n}\n\n.index-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.index-info {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-width: 0;\n}\n\n.index-name {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.index-meta {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 3px;\n}\n\n.index-meta i {\n    font-size: 0.65rem;\n}\n\n.index-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n\n.index-delete-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.index-delete-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-error-border);\n    color: var(--mj-status-error);\n}\n\n/* ---- Create Index Form ---- */\n\n.create-index-form {\n    margin-top: 0.75rem;\n    padding: 1.25rem;\n    background: var(--mj-bg-surface-card);\n    border: 2px solid var(--mj-brand-primary);\n    border-radius: 10px;\n    margin-left: 2.85rem;\n}\n\n.create-index-title {\n    margin: 0 0 1rem 0;\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.create-index-title i {\n    color: var(--mj-brand-primary);\n}\n\n.create-index-fields {\n    display: flex;\n    flex-direction: column;\n    gap: 0.85rem;\n}\n\n.create-index-field {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.create-index-label {\n    font-size: 0.78rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n}\n\n.config-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: 0.85rem;\n}\n\n.config-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.create-index-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 1rem;\n}\n\n.create-index-submit {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 18px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.create-index-submit:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.create-index-submit:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.create-index-cancel {\n    padding: 8px 18px;\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    font-weight: 500;\n    cursor: pointer;\n}\n\n.create-index-cancel:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* Empty State for unconfigured sections */\n.config-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 2rem;\n    text-align: center;\n    gap: 0.75rem;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 12px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.config-empty-icon {\n    font-size: 2.5rem;\n    color: var(--mj-text-disabled);\n}\n\n.config-empty-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.config-empty-text {\n    margin: 0;\n    font-size: 0.85rem;\n    color: var(--mj-text-muted);\n    max-width: 480px;\n    line-height: 1.5;\n}\n\n/* Tag list for showing multiple models */\n.config-tag-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.config-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: 0.78rem;\n    font-weight: 500;\n}\n\n/* Section note */\n.config-section-note {\n    margin-top: 1rem;\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.config-section-note i {\n    color: var(--mj-status-info);\n}\n\n/* Save Bar */\n.config-save-bar {\n    position: sticky;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.75rem 1rem;\n    margin-top: 2rem;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.config-save-text {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n}\n\n.config-save-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.5rem 1rem;\n    border-radius: 6px;\n    border: none;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.config-save-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.config-save-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.config-reset-btn {\n    padding: 0.5rem 0.75rem;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    cursor: pointer;\n}\n\n.config-reset-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n    .config-layout {\n        flex-direction: column;\n    }\n\n    .config-nav {\n        width: 100%;\n        flex-direction: row;\n        overflow-x: auto;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 0;\n    }\n\n    .config-nav-header {\n        display: none;\n    }\n\n    .config-nav-item {\n        white-space: nowrap;\n        padding: 0.6rem 1rem;\n    }\n\n    .config-nav-item-active {\n        border-left: none;\n        border-bottom: 3px solid var(--mj-brand-primary);\n    }\n\n    .config-content {\n        padding: 1rem;\n    }\n}\n\n/* Full-Text Search Entity Management */\n.fts-entity-controls {\n    margin-bottom: 16px;\n}\n\n.fts-summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n}\n\n.fts-summary-count {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.fts-filter-input {\n    max-width: 240px;\n}\n\n.fts-entity-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.fts-entity-card {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s, background 0.15s;\n}\n\n.fts-entity-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.fts-entity-card.fts-entity-enabled {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n}\n\n.fts-entity-toggle {\n    flex-shrink: 0;\n}\n\n.fts-entity-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.fts-entity-name {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin-bottom: 4px;\n}\n\n.fts-entity-fields {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.fts-field-tag {\n    display: inline-block;\n    padding: 1px 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 4px;\n}\n\n.fts-entity-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 2px;\n    flex-shrink: 0;\n}\n\n.fts-entity-title-field,\n.fts-entity-snippet-field {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.fts-entity-title-field i,\n.fts-entity-snippet-field i {\n    margin-right: 4px;\n    font-size: 10px;\n}\n\n/* ===== Search Scopes Manager ===== */\n\n.scope-manager {\n    display: grid;\n    grid-template-columns: 260px 1fr;\n    gap: 16px;\n    min-height: 420px;\n}\n\n.scope-manager-list {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 8px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.scope-manager-list-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 4px 6px 8px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.scope-manager-new-btn {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-link);\n    padding: 3px 8px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 0.7rem;\n    font-weight: 500;\n    text-transform: none;\n    letter-spacing: normal;\n}\n\n.scope-manager-new-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-brand-primary);\n}\n\n.scope-manager-loading,\n.scope-manager-empty,\n.scope-manager-empty-detail {\n    padding: 16px;\n    color: var(--mj-text-muted);\n    text-align: center;\n    font-size: 0.85rem;\n}\n\n.scope-manager-empty-detail {\n    padding: 40px 24px;\n    background: var(--mj-bg-surface-card);\n    border: 1px dashed var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.scope-manager-list-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 10px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-primary);\n    font-size: 0.875rem;\n    cursor: pointer;\n    border-radius: 6px;\n    text-align: left;\n    transition: background 120ms ease;\n}\n\n.scope-manager-list-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.scope-manager-list-item.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n}\n\n.scope-manager-list-name {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.scope-manager-badge {\n    font-size: 0.625rem;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: 999px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.scope-manager-detail {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n}\n\n.scope-manager-tabs {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    padding-bottom: 8px;\n    flex-wrap: wrap;\n}\n\n.scope-manager-tab {\n    background: transparent;\n    border: none;\n    padding: 6px 12px;\n    color: var(--mj-text-secondary);\n    font-size: 0.875rem;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background 120ms ease, color 120ms ease;\n}\n\n.scope-manager-tab:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.scope-manager-tab.active {\n    color: var(--mj-brand-primary);\n    border-bottom: 2px solid var(--mj-brand-primary);\n    border-radius: 0;\n    font-weight: 500;\n}\n\n.scope-manager-tab-spacer {\n    flex: 1;\n}\n\n.scope-manager-save-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border: none;\n    padding: 6px 14px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 0.8125rem;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.scope-manager-save-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.scope-manager-delete-btn {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-status-error-text);\n    padding: 6px 10px;\n    border-radius: 6px;\n    cursor: pointer;\n}\n\n.scope-manager-delete-btn:hover {\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error-border);\n}\n\n.scope-manager-open-btn {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n    padding: 6px 12px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 0.8125rem;\n    font-weight: 500;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.scope-manager-open-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n}\n\n.scope-definition-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px 16px;\n}\n\n.scope-definition-grid label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 0.8125rem;\n    color: var(--mj-text-secondary);\n}\n\n.scope-definition-grid label > span {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.scope-definition-full {\n    grid-column: 1 / -1;\n}\n\n.scope-definition-toggle {\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n}\n\n.scope-definition-toggle input[type=\"checkbox\"] {\n    accent-color: var(--mj-brand-primary);\n}\n\n.scope-code-block {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    padding: 8px;\n}\n\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Search Analytics section (P3.3)\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.search-analytics-kpi-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 12px;\n    margin: 16px 0;\n}\n\n.search-analytics-kpi {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n}\n\n.search-analytics-kpi-label {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.search-analytics-kpi-value {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-variant-numeric: tabular-nums;\n}\n\n.search-analytics-kpi-hint {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n}\n\n.search-analytics-h3 {\n    margin: 22px 0 8px;\n    font-size: 1rem;\n    color: var(--mj-text-primary);\n}\n\n.search-analytics-empty {\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    margin: 4px 0 14px;\n}\n\n.search-analytics-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.86rem;\n}\n\n.search-analytics-table thead th {\n    text-align: left;\n    border-bottom: 1px solid var(--mj-border-default);\n    padding: 6px 10px;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n.search-analytics-table tbody td {\n    padding: 6px 10px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-variant-numeric: tabular-nums;\n}\n\n.search-analytics-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.search-analytics-refresh {\n    margin-top: 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.4rem 0.9rem;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 0.82rem;\n}\n\n.search-analytics-refresh:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500\u2500 Permissions Audit (P2A.7) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.search-permissions-loading {\n    padding: 1.2rem;\n    color: var(--mj-text-secondary);\n    font-style: italic;\n}\n\n.search-permissions-filters {\n    display: grid;\n    grid-template-columns: 1fr 1fr 180px 130px;\n    gap: 0.5rem;\n    margin-bottom: 0.8rem;\n}\n\n.search-permissions-filters .mj-input {\n    padding: 0.4rem 0.6rem;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    border-radius: 4px;\n    font-size: 0.85rem;\n}\n\n.search-permissions-summary {\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    margin-bottom: 0.6rem;\n}\n\n.search-permissions-empty {\n    padding: 1.2rem;\n    color: var(--mj-text-muted);\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border-radius: 4px;\n}\n\n.search-permissions-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.85rem;\n}\n\n.search-permissions-table th,\n.search-permissions-table td {\n    padding: 0.5rem 0.7rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    text-align: left;\n}\n\n.search-permissions-table th {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-card);\n}\n\n.search-permissions-secondary {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n}\n\n.search-permissions-tag {\n    display: inline-block;\n    padding: 0.1rem 0.5rem;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-secondary);\n    border-radius: 3px;\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n\n.search-permissions-level {\n    display: inline-block;\n    padding: 0.15rem 0.55rem;\n    border-radius: 3px;\n    font-size: 0.78rem;\n    font-weight: 500;\n}\n\n.search-permissions-level-none {\n    background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.search-permissions-level-read {\n    background: color-mix(in srgb, var(--mj-status-info) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-info-text);\n}\n\n.search-permissions-level-search {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.search-permissions-level-manage {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KnowledgeConfigResourceComponent, { className: "KnowledgeConfigResourceComponent", filePath: "src/KnowledgeHub/components/config/knowledge-config-resource.component.ts", lineNumber: 84 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KnowledgeConfigResourceComponent, { className: "KnowledgeConfigResourceComponent", filePath: "src/KnowledgeHub/components/config/knowledge-config-resource.component.ts", lineNumber: 99 }); })();
 /** Tree-shaking prevention */
 export function LoadKnowledgeConfigResource() {
     // Prevents tree-shaking