npm - @memberjunction/ng-dashboards - Versions diffs - 6.2.0-edge.3 → 6.2.0-edge.5 - Mend

@memberjunction/ng-dashboards 6.2.0-edge.3 → 6.2.0-edge.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

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

@@ -2534,7 +2534,7 @@ 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: 9, vars: 5, consts: [["Title", "Knowledge Hub Configuration", "Icon", "fa-solid fa-cogs", "Subtitle", "Pipeline, vector store, search, and automation settings"], ["meta", ""], ["Icon", "fa-solid fa-circle-exclamation", "Label", "Unsaved changes", "Variant", "warning"], ["actions", ""], [3, "Flex", "Padding"], [1, "config-loading"], [1, "config-layout"], ["mjButton", "", "variant", "secondary", "size", "sm", "title", "Discard unsaved changes", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-rotate-left"], [1, "action-btn-label"], ["mjButton", "", "variant", "primary", "size", "sm", "title", "Save all settings", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], ["text", "Loading configuration...", "size", "medium"], ["MobileTitle", "Settings", 3, "ItemClicked", "Sections", "ActiveId"], [3, "Title", "Subtitle"], [1, "config-section"], [1, "config-section", 3, "config-section--centered"], [1, "config-section-content"], [1, "config-save-bar"], [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"], ["Icon", "fa-solid fa-text-width", "Title", "No Searchable Entities Found", "Message", "No entities with text fields were discovered. Ensure your database schema includes entities with varchar/nvarchar columns."], [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"], ["Icon", "fa-solid fa-microchip", "Title", "No Embedding Models Found", "Message", "Embedding models are required to convert text into vectors for semantic search and duplicate detection. Configure at least one embedding model (e.g., text-embedding-3-small) in the AI Dashboard > Models tab."], [1, "config-value-display"], [1, "config-section-note"], [1, "fa-solid", "fa-info-circle"], ["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, "scope-manager"], [1, "scope-manager-list"], [1, "scope-manager-list-header"], ["type", "button", 1, "scope-manager-new-btn", 3, "click"], [1, "scope-manager-loading"], ["Size", "compact", "Icon", "", "Title", "No scopes defined yet", "Message", "Click New to create one.", 1, "scope-manager-empty"], [1, "scope-manager-detail"], ["Icon", "fa-solid fa-hand-pointer", "Title", "No scope selected", "Message", "Select a scope on the left, or click New to create one.", 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"], ["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, "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"], ["Size", "compact", "Variant", "no-results", "Title", "No matching permissions", "Message", "No permission rows match your filters.", 1, "search-permissions-empty"], [1, "search-permissions-table"], [1, "search-permissions-tag"], [1, "search-permissions-secondary"], [2, "margin-top", "16px"], [3, "HideToolbar"], [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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KnowledgeConfigResourceComponent, selectors: [["app-knowledge-config-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 5, consts: [["Title", "Knowledge Hub Configuration", "Icon", "fa-solid fa-cogs", "Subtitle", "Pipeline, vector store, search, and automation settings"], ["meta", ""], ["Icon", "fa-solid fa-circle-exclamation", "Label", "Unsaved changes", "Variant", "warning"], ["actions", ""], [3, "Flex", "Padding"], [1, "config-loading"], [1, "config-layout"], ["mjButton", "", "variant", "secondary", "size", "sm", "title", "Discard unsaved changes", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-rotate-left"], [1, "action-btn-label"], ["mjButton", "", "variant", "primary", "size", "sm", "title", "Save all settings", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], ["text", "Loading configuration...", "size", "medium"], ["MobileTitle", "Settings", 3, "ItemClicked", "Sections", "ActiveId"], [3, "Title", "Subtitle"], [1, "config-section"], [1, "config-section", 3, "config-section--centered"], [1, "config-section-content"], [1, "config-save-bar"], [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"], ["Icon", "fa-solid fa-text-width", "Title", "No Searchable Entities Found", "Message", "No entities with text fields were discovered. Ensure your database schema includes entities with varchar/nvarchar columns."], [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"], ["Icon", "fa-solid fa-microchip", "Title", "No Embedding Models Found", "Message", "Embedding models are required to convert text into vectors for semantic search and duplicate detection. Configure at least one embedding model (e.g., text-embedding-3-small) in the AI Dashboard > Models tab."], [1, "config-value-display"], [1, "config-section-note"], [1, "fa-solid", "fa-info-circle"], ["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, "scope-manager"], [1, "scope-manager-list"], [1, "scope-manager-list-header"], ["type", "button", 1, "scope-manager-new-btn", 3, "click"], [1, "scope-manager-loading"], ["Size", "compact", "Icon", "", "Title", "No scopes defined yet", "Message", "Click New to create one.", 1, "scope-manager-empty"], [1, "scope-manager-detail"], ["Icon", "fa-solid fa-hand-pointer", "Title", "No scope selected", "Message", "Select a scope on the left, or click New to create one.", 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. Agents with SearchScopeAccess Assigned need a Search grant for the user or one of their roles; only All agents can search without one.", 3, "ParentID", "Columns"], ["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, "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"], ["Size", "compact", "Variant", "no-results", "Title", "No matching permissions", "Message", "No permission rows match your filters.", 1, "search-permissions-empty"], [1, "search-permissions-table"], [1, "search-permissions-tag"], [1, "search-permissions-secondary"], [2, "margin-top", "16px"], [3, "HideToolbar"], [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.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1);
             i0.ɵɵconditionalCreate(3, KnowledgeConfigResourceComponent_Conditional_3_Template, 1, 0, "mj-stat-badge", 2);
             i0.ɵɵelementEnd();
@@ -2561,7 +2561,7 @@ KnowledgeConfigResourceComponent = __decorate([
 export { KnowledgeConfigResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KnowledgeConfigResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-knowledge-config-resource', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Knowledge Hub Configuration\"\n    Icon=\"fa-solid fa-cogs\"\n    Subtitle=\"Pipeline, vector store, search, and automation settings\">\n    <div meta>\n      @if (HasUnsavedChanges) {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-circle-exclamation\"\n          Label=\"Unsaved changes\"\n          Variant=\"warning\">\n        </mj-stat-badge>\n      }\n    </div>\n    <div actions>\n      @if (HasUnsavedChanges) {\n        <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"ResetConfiguration()\" [disabled]=\"IsSaving\" title=\"Discard unsaved changes\">\n          <i class=\"fa-solid fa-arrow-rotate-left\"></i> <span class=\"action-btn-label\">Reset</span>\n        </button>\n        <button mjButton variant=\"primary\" size=\"sm\" (click)=\"SaveConfiguration()\" [disabled]=\"IsSaving\" title=\"Save all settings\">\n          <i class=\"fa-solid fa-floppy-disk\"></i> <span class=\"action-btn-label\">{{IsSaving ? 'Saving\u2026' : 'Save'}}</span>\n        </button>\n      }\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n@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        <mj-left-nav\n            MobileTitle=\"Settings\"\n            [Sections]=\"navSections\"\n            [ActiveId]=\"ActiveSection\"\n            (ItemClicked)=\"onNavItemClicked($event)\">\n        </mj-left-nav>\n\n        <mj-left-nav-content>\n        <mj-page-header-interior\n            [Title]=\"currentSection?.Label || ''\"\n            [Subtitle]=\"currentSection?.Description || ''\">\n        </mj-page-header-interior>\n        <mj-page-body-interior>\n            <!-- Pipeline Settings -->\n            @if (ActiveSection === 'pipeline') {\n                <div class=\"config-section\">\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\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\" [class.config-section--centered]=\"!IsLoadingFTSEntities && FTSEntities.length === 0\">\n\n                    @if (IsLoadingFTSEntities) {\n                        <mj-loading text=\"Discovering searchable entities...\" size=\"medium\"></mj-loading>\n                    } @else if (FTSEntities.length === 0) {\n                        <mj-empty-state Icon=\"fa-solid fa-text-width\"\n                            Title=\"No Searchable Entities Found\"\n                            Message=\"No entities with text fields were discovered. Ensure your database schema includes entities with varchar/nvarchar columns.\" />\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\" [class.config-section--centered]=\"!HasEmbeddingModel\">\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                        <mj-empty-state Icon=\"fa-solid fa-microchip\"\n                            Title=\"No Embedding Models Found\"\n                            Message=\"Embedding models are required to convert text into vectors for semantic search and duplicate detection. Configure at least one embedding model (e.g., text-embedding-3-small) in the AI Dashboard > Models tab.\" />\n                    }\n                </div>\n            }\n\n            <!-- Thresholds -->\n            @if (ActiveSection === 'thresholds') {\n                <div class=\"config-section\">\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                    <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                                <mj-empty-state class=\"scope-manager-empty\" Size=\"compact\"\n                                    Icon=\"\" Title=\"No scopes defined yet\"\n                                    Message=\"Click New to create one.\" />\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                                <mj-empty-state class=\"scope-manager-empty-detail\"\n                                    Icon=\"fa-solid fa-hand-pointer\"\n                                    Title=\"No scope selected\"\n                                    Message=\"Select a scope on the left, or click New to create one.\" />\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\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                    @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                            <mj-empty-state class=\"search-permissions-empty\" Size=\"compact\"\n                                Variant=\"no-results\"\n                                Title=\"No matching permissions\"\n                                Message=\"No permission rows match your filters.\" />\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                    <div style=\"margin-top: 16px;\">\n                        <app-scheduling-resource [HideToolbar]=\"true\"></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        </mj-page-body-interior>\n        </mj-left-nav-content>\n    </div>\n}\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* Knowledge Configuration - Settings Page with Left Nav */\n\n\n.config-loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n/*\n  Layout \u2014 <mj-left-nav> rail + <mj-left-nav-content> pane. The shared\n  primitives own the rail width, nav item styling, and content sizing; we just\n  need a flex-row wrapper so they sit side-by-side.\n*/\n.config-layout {\n    display: flex;\n    height: 100%;\n    min-height: 500px;\n}\n\n/* Section title + description are now rendered by <mj-page-header-interior>\n   (one shared instance bound to currentSection at the top of the content area).\n   The legacy .config-section-title / .config-section-desc rules and the\n   .config-content wrapper were retired with that migration; .config-section\n   remains as a thin readability constraint on the form bodies. */\n.config-section {\n    max-width: 700px;\n}\n\n/* When a section shows only an empty-state placeholder, drop the 700px form\n   cap so the placeholder centers in the full content width. */\n.config-section--centered {\n    max-width: none;\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/* 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"] }]
+        args: [{ standalone: false, selector: 'app-knowledge-config-resource', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Knowledge Hub Configuration\"\n    Icon=\"fa-solid fa-cogs\"\n    Subtitle=\"Pipeline, vector store, search, and automation settings\">\n    <div meta>\n      @if (HasUnsavedChanges) {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-circle-exclamation\"\n          Label=\"Unsaved changes\"\n          Variant=\"warning\">\n        </mj-stat-badge>\n      }\n    </div>\n    <div actions>\n      @if (HasUnsavedChanges) {\n        <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"ResetConfiguration()\" [disabled]=\"IsSaving\" title=\"Discard unsaved changes\">\n          <i class=\"fa-solid fa-arrow-rotate-left\"></i> <span class=\"action-btn-label\">Reset</span>\n        </button>\n        <button mjButton variant=\"primary\" size=\"sm\" (click)=\"SaveConfiguration()\" [disabled]=\"IsSaving\" title=\"Save all settings\">\n          <i class=\"fa-solid fa-floppy-disk\"></i> <span class=\"action-btn-label\">{{IsSaving ? 'Saving\u2026' : 'Save'}}</span>\n        </button>\n      }\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n@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        <mj-left-nav\n            MobileTitle=\"Settings\"\n            [Sections]=\"navSections\"\n            [ActiveId]=\"ActiveSection\"\n            (ItemClicked)=\"onNavItemClicked($event)\">\n        </mj-left-nav>\n\n        <mj-left-nav-content>\n        <mj-page-header-interior\n            [Title]=\"currentSection?.Label || ''\"\n            [Subtitle]=\"currentSection?.Description || ''\">\n        </mj-page-header-interior>\n        <mj-page-body-interior>\n            <!-- Pipeline Settings -->\n            @if (ActiveSection === 'pipeline') {\n                <div class=\"config-section\">\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\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\" [class.config-section--centered]=\"!IsLoadingFTSEntities && FTSEntities.length === 0\">\n\n                    @if (IsLoadingFTSEntities) {\n                        <mj-loading text=\"Discovering searchable entities...\" size=\"medium\"></mj-loading>\n                    } @else if (FTSEntities.length === 0) {\n                        <mj-empty-state Icon=\"fa-solid fa-text-width\"\n                            Title=\"No Searchable Entities Found\"\n                            Message=\"No entities with text fields were discovered. Ensure your database schema includes entities with varchar/nvarchar columns.\" />\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\" [class.config-section--centered]=\"!HasEmbeddingModel\">\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                        <mj-empty-state Icon=\"fa-solid fa-microchip\"\n                            Title=\"No Embedding Models Found\"\n                            Message=\"Embedding models are required to convert text into vectors for semantic search and duplicate detection. Configure at least one embedding model (e.g., text-embedding-3-small) in the AI Dashboard > Models tab.\" />\n                    }\n                </div>\n            }\n\n            <!-- Thresholds -->\n            @if (ActiveSection === 'thresholds') {\n                <div class=\"config-section\">\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                    <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                                <mj-empty-state class=\"scope-manager-empty\" Size=\"compact\"\n                                    Icon=\"\" Title=\"No scopes defined yet\"\n                                    Message=\"Click New to create one.\" />\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. Agents with SearchScopeAccess Assigned need a Search grant for the user or one of their roles; only All agents can search without one.\">\n                                    </mj-search-scope-child-grid>\n                                }\n                            } @else {\n                                <mj-empty-state class=\"scope-manager-empty-detail\"\n                                    Icon=\"fa-solid fa-hand-pointer\"\n                                    Title=\"No scope selected\"\n                                    Message=\"Select a scope on the left, or click New to create one.\" />\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\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                    @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                            <mj-empty-state class=\"search-permissions-empty\" Size=\"compact\"\n                                Variant=\"no-results\"\n                                Title=\"No matching permissions\"\n                                Message=\"No permission rows match your filters.\" />\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                    <div style=\"margin-top: 16px;\">\n                        <app-scheduling-resource [HideToolbar]=\"true\"></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        </mj-page-body-interior>\n        </mj-left-nav-content>\n    </div>\n}\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* Knowledge Configuration - Settings Page with Left Nav */\n\n\n.config-loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 400px;\n}\n\n/*\n  Layout \u2014 <mj-left-nav> rail + <mj-left-nav-content> pane. The shared\n  primitives own the rail width, nav item styling, and content sizing; we just\n  need a flex-row wrapper so they sit side-by-side.\n*/\n.config-layout {\n    display: flex;\n    height: 100%;\n    min-height: 500px;\n}\n\n/* Section title + description are now rendered by <mj-page-header-interior>\n   (one shared instance bound to currentSection at the top of the content area).\n   The legacy .config-section-title / .config-section-desc rules and the\n   .config-content wrapper were retired with that migration; .config-section\n   remains as a thin readability constraint on the form bodies. */\n.config-section {\n    max-width: 700px;\n}\n\n/* When a section shows only an empty-state placeholder, drop the 700px form\n   cap so the placeholder centers in the full content width. */\n.config-section--centered {\n    max-width: none;\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/* 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: 107 }); })();
 /** Tree-shaking prevention */