@memberjunction/ng-conversations 5.43.0 → 5.45.0

package/dist/lib/components/shared/user-picker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-picker.component.js","sourceRoot":"","sources":["../../../../src/lib/components/shared/user-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\n\nimport { FormsModule } from '@angular/forms';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJUserEntity } from '@memberjunction/core-entities';\n\nexport interface UserSearchResult {\n    id: string;\n    name: string;\n    email: string;\n    firstName: string;\n    lastName: string;\n}\n\n@Component({\n    selector: 'mj-user-picker',\n    standalone: true,\n    imports: [FormsModule],\n    template: `\n        <div class=\"user-picker\">\n            <div class=\"search-input-wrapper\">\n                <input\n                    type=\"text\"\n                    class=\"user-search-input\"\n                    [(ngModel)]=\"searchQuery\"\n                    [placeholder]=\"placeholder\"\n                    (keydown.enter)=\"onSearch()\"\n                    [disabled]=\"isSearching\"\n                />\n                <button class=\"search-button\" (click)=\"onSearch()\" [disabled]=\"isSearching\">\n                    @if (isSearching) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    } @else {\n                        <i class=\"fa-solid fa-search\"></i>\n                    }\n                </button>\n            </div>\n\n            @if (showResults && searchResults.length > 0) {\n                <div class=\"search-results-dropdown\">\n                    @for (user of searchResults; track user.id) {\n                        <div class=\"user-search-item\" (click)=\"onSelectUser(user)\">\n                            <div class=\"user-avatar\">\n                                <i class=\"fa-solid fa-user\"></i>\n                            </div>\n                            <div class=\"user-info\">\n                                <div class=\"user-name\">{{ user.name }}</div>\n                                <div class=\"user-email\">{{ user.email }}</div>\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n\n            @if (showResults && searchResults.length === 0 && searchQuery.length >= 2 && !isSearching) {\n                <div class=\"search-results-dropdown\">\n                    <div class=\"no-results\">\n                        <i class=\"fa-solid fa-user-slash\"></i>\n                        <span>No users found</span>\n                    </div>\n                </div>\n            }\n        </div>\n    `,\n    styles: [`\n        .user-picker {\n            width: 100%;\n            position: relative;\n        }\n\n        .search-input-wrapper {\n            display: flex;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .user-search-input {\n            flex: 1;\n            padding: 8px 12px;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s;\n        }\n\n        .user-search-input:focus {\n            border-color: #6366F1;\n        }\n\n        .user-search-input:disabled {\n            background: #F3F4F6;\n            cursor: not-allowed;\n        }\n\n        .search-button {\n            padding: 8px 16px;\n            background: #6366F1;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .search-button:hover:not(:disabled) {\n            background: #5558E3;\n        }\n\n        .search-button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .search-button i {\n            font-size: 14px;\n        }\n\n        .search-results-dropdown {\n            position: absolute;\n            top: calc(100% + 4px);\n            left: 0;\n            right: 0;\n            background: white;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            max-height: 300px;\n            overflow-y: auto;\n            z-index: 1000;\n        }\n\n        .user-search-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .user-search-item:hover {\n            background-color: #F3F4F6;\n        }\n\n        .user-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .user-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .user-name {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1F2937;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .user-email {\n            font-size: 12px;\n            color: #6B7280;\n            margin-top: 2px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .no-results {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n            padding: 24px;\n            color: #9CA3AF;\n        }\n\n        .no-results i {\n            font-size: 32px;\n        }\n\n        .no-results span {\n            font-size: 14px;\n        }\n    `]\n})\nexport class UserPickerComponent extends BaseAngularComponent implements OnInit, OnDestroy  {\n    @Input() currentUser!: UserInfo;\n    @Input() excludeUserIds: string[] = [];\n    @Input() placeholder: string = 'Search for a user (press Enter)...';\n\n    constructor(private cdr: ChangeDetectorRef) {\n    super();}\n\n    @Output() userSelected = new EventEmitter<UserSearchResult>();\n\n    searchQuery: string = '';\n    searchResults: UserSearchResult[] = [];\n    isSearching: boolean = false;\n    showResults: boolean = false;\n\n    ngOnInit(): void {\n        // Add click outside listener to close dropdown\n        document.addEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    ngOnDestroy(): void {\n        document.removeEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    private handleClickOutside(event: MouseEvent): void {\n        const target = event.target as HTMLElement;\n        if (!target.closest('.user-picker')) {\n            this.showResults = false;\n        }\n    }\n\n    onSearch(): void {\n        if (!this.searchQuery || this.searchQuery.trim().length < 2) {\n            this.showResults = false;\n            return;\n        }\n\n        this.performSearch(this.searchQuery.trim());\n    }\n\n    onSelectUser(user: UserSearchResult): void {\n        this.userSelected.emit(user);\n        this.searchQuery = '';\n        this.searchResults = [];\n        this.showResults = false;\n    }\n\n    private async performSearch(query: string): Promise<void> {\n        if (!query || query.length < 2) {\n            this.searchResults = [];\n            this.showResults = false;\n            return;\n        }\n\n        this.isSearching = true;\n        this.showResults = true;\n\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n\n            // Escape single quotes in query to prevent SQL errors\n            const escapedQuery = query.replace(/'/g, \"''\");\n\n            // Build exclude filter\n            let excludeFilter = '';\n            if (this.excludeUserIds.length > 0) {\n                const ids = this.excludeUserIds.map(id => `'${id}'`).join(',');\n                excludeFilter = ` AND ID NOT IN (${ids})`;\n            }\n\n            // Search in Name, Email, FirstName, and LastName (case-insensitive)\n            const searchFilter = `(\n                Name LIKE '%${escapedQuery}%' OR\n                Email LIKE '%${escapedQuery}%' OR\n                FirstName LIKE '%${escapedQuery}%' OR\n                LastName LIKE '%${escapedQuery}%'\n            )${excludeFilter}`;\n\n            const result = await rv.RunView<MJUserEntity>({\n                EntityName: 'MJ: Users',\n                ExtraFilter: searchFilter,\n                OrderBy: 'Name ASC',\n                MaxRows: 20,\n                ResultType: 'entity_object'\n            }, this.currentUser);\n\n            console.log('User search result:', {\n                query,\n                success: result.Success,\n                count: result.Results?.length,\n                error: result.ErrorMessage\n            });\n\n            if (result.Success && result.Results) {\n                this.searchResults = result.Results.map(user => ({\n                    id: user.ID,\n                    name: user.Name,\n                    email: user.Email,\n                    firstName: user.FirstName || '',\n                    lastName: user.LastName || ''\n                }));\n            } else {\n                console.warn('User search returned no results or failed:', result.ErrorMessage);\n                this.searchResults = [];\n            }\n        } catch (error) {\n            console.error('Error searching users:', error);\n            this.searchResults = [];\n        } finally {\n            this.isSearching = false;\n            this.cdr.detectChanges();\n        }\n    }\n}\n"]}
+{"version":3,"file":"user-picker.component.js","sourceRoot":"","sources":["../../../../src/lib/components/shared/user-picker.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\n\nimport { FormsModule } from '@angular/forms';\nimport { MJEmptyStateComponent } from '@memberjunction/ng-ui-components';\nimport { UserInfo, RunView } from '@memberjunction/core';\nimport { MJUserEntity } from '@memberjunction/core-entities';\n\nexport interface UserSearchResult {\n    id: string;\n    name: string;\n    email: string;\n    firstName: string;\n    lastName: string;\n}\n\n@Component({\n    selector: 'mj-user-picker',\n    standalone: true,\n    imports: [FormsModule, MJEmptyStateComponent],\n    template: `\n        <div class=\"user-picker\">\n            <div class=\"search-input-wrapper\">\n                <input\n                    type=\"text\"\n                    class=\"user-search-input\"\n                    [(ngModel)]=\"searchQuery\"\n                    [placeholder]=\"placeholder\"\n                    (keydown.enter)=\"onSearch()\"\n                    [disabled]=\"isSearching\"\n                />\n                <button class=\"search-button\" (click)=\"onSearch()\" [disabled]=\"isSearching\">\n                    @if (isSearching) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    } @else {\n                        <i class=\"fa-solid fa-search\"></i>\n                    }\n                </button>\n            </div>\n\n            @if (showResults && searchResults.length > 0) {\n                <div class=\"search-results-dropdown\">\n                    @for (user of searchResults; track user.id) {\n                        <div class=\"user-search-item\" (click)=\"onSelectUser(user)\">\n                            <div class=\"user-avatar\">\n                                <i class=\"fa-solid fa-user\"></i>\n                            </div>\n                            <div class=\"user-info\">\n                                <div class=\"user-name\">{{ user.name }}</div>\n                                <div class=\"user-email\">{{ user.email }}</div>\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n\n            @if (showResults && searchResults.length === 0 && searchQuery.length >= 2 && !isSearching) {\n                <div class=\"search-results-dropdown\">\n                    <mj-empty-state Variant=\"no-results\" Size=\"compact\"\n                        Icon=\"fa-solid fa-user-slash\" Title=\"No users found\" />\n                </div>\n            }\n        </div>\n    `,\n    styles: [`\n        .user-picker {\n            width: 100%;\n            position: relative;\n        }\n\n        .search-input-wrapper {\n            display: flex;\n            gap: 8px;\n            width: 100%;\n        }\n\n        .user-search-input {\n            flex: 1;\n            padding: 8px 12px;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            font-size: 14px;\n            outline: none;\n            transition: border-color 0.2s;\n        }\n\n        .user-search-input:focus {\n            border-color: #6366F1;\n        }\n\n        .user-search-input:disabled {\n            background: #F3F4F6;\n            cursor: not-allowed;\n        }\n\n        .search-button {\n            padding: 8px 16px;\n            background: #6366F1;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .search-button:hover:not(:disabled) {\n            background: #5558E3;\n        }\n\n        .search-button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        .search-button i {\n            font-size: 14px;\n        }\n\n        .search-results-dropdown {\n            position: absolute;\n            top: calc(100% + 4px);\n            left: 0;\n            right: 0;\n            background: white;\n            border: 1px solid #E5E7EB;\n            border-radius: 6px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            max-height: 300px;\n            overflow-y: auto;\n            z-index: 1000;\n        }\n\n        .user-search-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 12px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .user-search-item:hover {\n            background-color: #F3F4F6;\n        }\n\n        .user-avatar {\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .user-info {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .user-name {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1F2937;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .user-email {\n            font-size: 12px;\n            color: #6B7280;\n            margin-top: 2px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    `]\n})\nexport class UserPickerComponent extends BaseAngularComponent implements OnInit, OnDestroy  {\n    @Input() currentUser!: UserInfo;\n    @Input() excludeUserIds: string[] = [];\n    @Input() placeholder: string = 'Search for a user (press Enter)...';\n\n    constructor(private cdr: ChangeDetectorRef) {\n    super();}\n\n    @Output() userSelected = new EventEmitter<UserSearchResult>();\n\n    searchQuery: string = '';\n    searchResults: UserSearchResult[] = [];\n    isSearching: boolean = false;\n    showResults: boolean = false;\n\n    ngOnInit(): void {\n        // Add click outside listener to close dropdown\n        document.addEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    ngOnDestroy(): void {\n        document.removeEventListener('click', this.handleClickOutside.bind(this));\n    }\n\n    private handleClickOutside(event: MouseEvent): void {\n        const target = event.target as HTMLElement;\n        if (!target.closest('.user-picker')) {\n            this.showResults = false;\n        }\n    }\n\n    onSearch(): void {\n        if (!this.searchQuery || this.searchQuery.trim().length < 2) {\n            this.showResults = false;\n            return;\n        }\n\n        this.performSearch(this.searchQuery.trim());\n    }\n\n    onSelectUser(user: UserSearchResult): void {\n        this.userSelected.emit(user);\n        this.searchQuery = '';\n        this.searchResults = [];\n        this.showResults = false;\n    }\n\n    private async performSearch(query: string): Promise<void> {\n        if (!query || query.length < 2) {\n            this.searchResults = [];\n            this.showResults = false;\n            return;\n        }\n\n        this.isSearching = true;\n        this.showResults = true;\n\n        try {\n            const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n\n            // Escape single quotes in query to prevent SQL errors\n            const escapedQuery = query.replace(/'/g, \"''\");\n\n            // Build exclude filter\n            let excludeFilter = '';\n            if (this.excludeUserIds.length > 0) {\n                const ids = this.excludeUserIds.map(id => `'${id}'`).join(',');\n                excludeFilter = ` AND ID NOT IN (${ids})`;\n            }\n\n            // Search in Name, Email, FirstName, and LastName (case-insensitive)\n            const searchFilter = `(\n                Name LIKE '%${escapedQuery}%' OR\n                Email LIKE '%${escapedQuery}%' OR\n                FirstName LIKE '%${escapedQuery}%' OR\n                LastName LIKE '%${escapedQuery}%'\n            )${excludeFilter}`;\n\n            const result = await rv.RunView<MJUserEntity>({\n                EntityName: 'MJ: Users',\n                ExtraFilter: searchFilter,\n                OrderBy: 'Name ASC',\n                MaxRows: 20,\n                ResultType: 'entity_object'\n            }, this.currentUser);\n\n            console.log('User search result:', {\n                query,\n                success: result.Success,\n                count: result.Results?.length,\n                error: result.ErrorMessage\n            });\n\n            if (result.Success && result.Results) {\n                this.searchResults = result.Results.map(user => ({\n                    id: user.ID,\n                    name: user.Name,\n                    email: user.Email,\n                    firstName: user.FirstName || '',\n                    lastName: user.LastName || ''\n                }));\n            } else {\n                console.warn('User search returned no results or failed:', result.ErrorMessage);\n                this.searchResults = [];\n            }\n        } catch (error) {\n            console.error('Error searching users:', error);\n            this.searchResults = [];\n        } finally {\n            this.isSearching = false;\n            this.cdr.detectChanges();\n        }\n    }\n}\n"]}

package/dist/lib/components/sidebar/conversation-sidebar.component.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '@angular/core';
-import { UserInfo } from '@memberjunction/core';
+import { CompositeKey, UserInfo } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { NavigationTab } from '../../models/conversation-state.model';
 import * as i0 from "@angular/core";
-export declare class ConversationSidebarComponent {
+export declare class ConversationSidebarComponent extends BaseAngularComponent {
     activeTab: NavigationTab;
     environmentId: string;
     currentUser: UserInfo;
@@ -10,13 +11,20 @@ export declare class ConversationSidebarComponent {
     renamedConversationId: string | null;
     isSidebarPinned: boolean;
     isMobileView: boolean;
+    /** Show the Routines section at the bottom of the sidebar (bubbled from the workspace; default true). */
+    ShowRoutines: boolean;
     conversationSelected: EventEmitter<string>;
+    /** Forwarded from the routines section — a run's linked execution record was clicked. */
+    openEntityRecord: EventEmitter<{
+        entityName: string;
+        compositeKey: CompositeKey;
+    }>;
     newConversationRequested: EventEmitter<void>;
     pinSidebarRequested: EventEmitter<void>;
     unpinSidebarRequested: EventEmitter<void>;
     onPinSidebarRequested(): void;
     onUnpinSidebarRequested(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationSidebarComponent, "mj-conversation-sidebar", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "selectedConversationId": { "alias": "selectedConversationId"; "required": false; }; "renamedConversationId": { "alias": "renamedConversationId"; "required": false; }; "isSidebarPinned": { "alias": "isSidebarPinned"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; }, { "conversationSelected": "conversationSelected"; "newConversationRequested": "newConversationRequested"; "pinSidebarRequested": "pinSidebarRequested"; "unpinSidebarRequested": "unpinSidebarRequested"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationSidebarComponent, "mj-conversation-sidebar", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "environmentId": { "alias": "environmentId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "selectedConversationId": { "alias": "selectedConversationId"; "required": false; }; "renamedConversationId": { "alias": "renamedConversationId"; "required": false; }; "isSidebarPinned": { "alias": "isSidebarPinned"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "ShowRoutines": { "alias": "ShowRoutines"; "required": false; }; }, { "conversationSelected": "conversationSelected"; "openEntityRecord": "openEntityRecord"; "newConversationRequested": "newConversationRequested"; "pinSidebarRequested": "pinSidebarRequested"; "unpinSidebarRequested": "unpinSidebarRequested"; }, never, never, false, never>;
 }
 //# sourceMappingURL=conversation-sidebar.component.d.ts.map

package/dist/lib/components/sidebar/conversation-sidebar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;;AAEtE,qBAyDa,4BAA4B;IAC9B,SAAS,EAAE,aAAa,CAAmB;IAC3C,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7C,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,eAAe,EAAE,OAAO,CAAQ;IAChC,YAAY,EAAE,OAAO,CAAS;IAE7B,oBAAoB,uBAA8B;IAClD,wBAAwB,qBAA4B;IACpD,mBAAmB,qBAA4B;IAC/C,qBAAqB,qBAA4B;IAE3D,qBAAqB,IAAI,IAAI;IAI7B,uBAAuB,IAAI,IAAI;yCAlBpB,4BAA4B;2CAA5B,4BAA4B;CAqBxC"}
+{"version":3,"file":"conversation-sidebar.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;;AAEtE,qBAmEa,4BAA6B,SAAQ,oBAAoB;IAC3D,SAAS,EAAE,aAAa,CAAmB;IAC3C,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7C,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,eAAe,EAAE,OAAO,CAAQ;IAChC,YAAY,EAAE,OAAO,CAAS;IACvC,yGAAyG;IAChG,YAAY,EAAE,OAAO,CAAQ;IAE5B,oBAAoB,uBAA8B;IAC5D,yFAAyF;IAC/E,gBAAgB;oBAAkC,MAAM;sBAAgB,YAAY;OAAM;IAC1F,wBAAwB,qBAA4B;IACpD,mBAAmB,qBAA4B;IAC/C,qBAAqB,qBAA4B;IAE3D,qBAAqB,IAAI,IAAI;IAI7B,uBAAuB,IAAI,IAAI;yCAtBpB,4BAA4B;2CAA5B,4BAA4B;CAyBxC"}

package/dist/lib/components/sidebar/conversation-sidebar.component.js

@@ -1,10 +1,12 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import * as i0 from "@angular/core";
-import * as i1 from "../conversation/conversation-list.component";
-import * as i2 from "../collection/collection-tree.component";
+import * as i1 from "./routines-section.component";
+import * as i2 from "../conversation/conversation-list.component";
+import * as i3 from "../collection/collection-tree.component";
 function ConversationSidebarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "mj-conversation-list", 2);
+    i0.ɵɵelementStart(0, "div", 1)(1, "mj-conversation-list", 3);
     i0.ɵɵlistener("conversationSelected", function ConversationSidebarComponent_Conditional_1_Template_mj_conversation_list_conversationSelected_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.conversationSelected.emit($event)); })("newConversationRequested", function ConversationSidebarComponent_Conditional_1_Template_mj_conversation_list_newConversationRequested_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.newConversationRequested.emit()); })("pinSidebarRequested", function ConversationSidebarComponent_Conditional_1_Template_mj_conversation_list_pinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPinSidebarRequested()); })("unpinSidebarRequested", function ConversationSidebarComponent_Conditional_1_Template_mj_conversation_list_unpinSidebarRequested_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onUnpinSidebarRequested()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -14,14 +16,14 @@ function ConversationSidebarComponent_Conditional_1_Template(rf, ctx) { if (rf &
 } }
 function ConversationSidebarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-collection-tree", 3);
+    i0.ɵɵelement(1, "mj-collection-tree", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("environmentId", ctx_r1.environmentId)("currentUser", ctx_r1.currentUser);
 } }
-export class ConversationSidebarComponent {
+export class ConversationSidebarComponent extends BaseAngularComponent {
     activeTab = 'conversations';
     environmentId;
     currentUser;
@@ -29,7 +31,11 @@ export class ConversationSidebarComponent {
     renamedConversationId = null;
     isSidebarPinned = true;
     isMobileView = false;
+    /** Show the Routines section at the bottom of the sidebar (bubbled from the workspace; default true). */
+    ShowRoutines = true;
     conversationSelected = new EventEmitter();
+    /** Forwarded from the routines section — a run's linked execution record was clicked. */
+    openEntityRecord = new EventEmitter();
     newConversationRequested = new EventEmitter();
     pinSidebarRequested = new EventEmitter();
     unpinSidebarRequested = new EventEmitter();
@@ -39,18 +45,22 @@ export class ConversationSidebarComponent {
     onUnpinSidebarRequested() {
         this.unpinSidebarRequested.emit();
     }
-    static ɵfac = function ConversationSidebarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationSidebarComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationSidebarComponent, selectors: [["mj-conversation-sidebar"]], inputs: { activeTab: "activeTab", environmentId: "environmentId", currentUser: "currentUser", selectedConversationId: "selectedConversationId", renamedConversationId: "renamedConversationId", isSidebarPinned: "isSidebarPinned", isMobileView: "isMobileView" }, outputs: { conversationSelected: "conversationSelected", newConversationRequested: "newConversationRequested", pinSidebarRequested: "pinSidebarRequested", unpinSidebarRequested: "unpinSidebarRequested" }, standalone: false, decls: 3, vars: 2, consts: [[1, "conversation-sidebar"], [1, "sidebar-content"], [3, "conversationSelected", "newConversationRequested", "pinSidebarRequested", "unpinSidebarRequested", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView"], [3, "environmentId", "currentUser"]], template: function ConversationSidebarComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = /*@__PURE__*/ (() => { let ɵConversationSidebarComponent_BaseFactory; return function ConversationSidebarComponent_Factory(__ngFactoryType__) { return (ɵConversationSidebarComponent_BaseFactory || (ɵConversationSidebarComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ConversationSidebarComponent)))(__ngFactoryType__ || ConversationSidebarComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationSidebarComponent, selectors: [["mj-conversation-sidebar"]], inputs: { activeTab: "activeTab", environmentId: "environmentId", currentUser: "currentUser", selectedConversationId: "selectedConversationId", renamedConversationId: "renamedConversationId", isSidebarPinned: "isSidebarPinned", isMobileView: "isMobileView", ShowRoutines: "ShowRoutines" }, outputs: { conversationSelected: "conversationSelected", openEntityRecord: "openEntityRecord", newConversationRequested: "newConversationRequested", pinSidebarRequested: "pinSidebarRequested", unpinSidebarRequested: "unpinSidebarRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 4, consts: [[1, "conversation-sidebar"], [1, "sidebar-content"], [3, "openEntityRecord", "openConversation", "Provider", "ShowRoutines"], [3, "conversationSelected", "newConversationRequested", "pinSidebarRequested", "unpinSidebarRequested", "environmentId", "currentUser", "selectedConversationId", "renamedConversationId", "isSidebarPinned", "isMobileView"], [3, "environmentId", "currentUser"]], template: function ConversationSidebarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, ConversationSidebarComponent_Conditional_1_Template, 2, 6, "div", 1);
             i0.ɵɵconditionalCreate(2, ConversationSidebarComponent_Conditional_2_Template, 2, 2, "div", 1);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mj-conversation-routines-section", 2);
+            i0.ɵɵlistener("openEntityRecord", function ConversationSidebarComponent_Template_mj_conversation_routines_section_openEntityRecord_3_listener($event) { return ctx.openEntityRecord.emit($event); })("openConversation", function ConversationSidebarComponent_Template_mj_conversation_routines_section_openConversation_3_listener($event) { return ctx.conversationSelected.emit($event); });
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.activeTab === "conversations" ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.activeTab === "collections" ? 2 : -1);
-        } }, dependencies: [i1.ConversationListComponent, i2.CollectionTreeComponent], styles: [".conversation-sidebar[_ngcontent-%COMP%] {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .sidebar-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n    }\n    .placeholder[_ngcontent-%COMP%] {\n      padding: 24px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n    .placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }"] });
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Provider", ctx.Provider)("ShowRoutines", ctx.ShowRoutines);
+        } }, dependencies: [i1.RoutinesSectionComponent, i2.ConversationListComponent, i3.CollectionTreeComponent], styles: [".conversation-sidebar[_ngcontent-%COMP%] {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .sidebar-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n    }\n    .placeholder[_ngcontent-%COMP%] {\n      padding: 24px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n    .placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConversationSidebarComponent, [{
         type: Component,
@@ -80,6 +90,16 @@ export class ConversationSidebarComponent {
           </mj-collection-tree>
         </div>
       }
+
+      <!-- Routines — pinned at the very bottom of the sidebar. Gated by the
+           ShowRoutines opt-out AND the user's Read permission on
+           'MJ: User Routines' (checked inside the section component). -->
+      <mj-conversation-routines-section
+        [Provider]="Provider"
+        [ShowRoutines]="ShowRoutines"
+        (openEntityRecord)="openEntityRecord.emit($event)"
+        (openConversation)="conversationSelected.emit($event)">
+      </mj-conversation-routines-section>
     </div>
     `, styles: ["\n    .conversation-sidebar {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .sidebar-content {\n      flex: 1;\n      overflow-y: auto;\n    }\n    .placeholder {\n      padding: 24px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n    .placeholder p {\n      margin: 0;\n      font-size: 14px;\n    }\n  "] }]
     }], null, { activeTab: [{
@@ -96,8 +116,12 @@ export class ConversationSidebarComponent {
             type: Input
         }], isMobileView: [{
             type: Input
+        }], ShowRoutines: [{
+            type: Input
         }], conversationSelected: [{
             type: Output
+        }], openEntityRecord: [{
+            type: Output
         }], newConversationRequested: [{
             type: Output
         }], pinSidebarRequested: [{
@@ -105,5 +129,5 @@ export class ConversationSidebarComponent {
         }], unpinSidebarRequested: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationSidebarComponent, { className: "ConversationSidebarComponent", filePath: "src/lib/components/sidebar/conversation-sidebar.component.ts", lineNumber: 62 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConversationSidebarComponent, { className: "ConversationSidebarComponent", filePath: "src/lib/components/sidebar/conversation-sidebar.component.ts", lineNumber: 73 }); })();
 //# sourceMappingURL=conversation-sidebar.component.js.map

package/dist/lib/components/sidebar/conversation-sidebar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-sidebar.component.js","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;;;;IAW7D,AADF,8BAA6B,8BAW2B;IAApD,AADA,AADA,AADA,kPAAwB,wCAAiC,KAAC,uOAC9B,sCAA+B,KAAC,6NACrC,8BAAuB,KAAC,iOACtB,gCAAyB,KAAC;IAEvD,AADE,iBAAuB,EACnB;;;IAXF,cAA+B;IAK/B,AADA,AADA,AADA,AADA,AADA,oDAA+B,mCACJ,yDACsB,uDACF,2CACZ,qCACN;;;IASjC,8BAA6B;IAC3B,wCAGqB;IACvB,iBAAM;;;IAHF,cAA+B;IAC/B,AADA,oDAA+B,mCACJ;;AAgCvC,MAAM,OAAO,4BAA4B;IAC9B,SAAS,GAAkB,eAAe,CAAC;IAC3C,aAAa,CAAU;IACvB,WAAW,CAAY;IACvB,sBAAsB,GAAkB,IAAI,CAAC;IAC7C,qBAAqB,GAAkB,IAAI,CAAC;IAC5C,eAAe,GAAY,IAAI,CAAC;IAChC,YAAY,GAAY,KAAK,CAAC;IAE7B,oBAAoB,GAAG,IAAI,YAAY,EAAU,CAAC;IAClD,wBAAwB,GAAG,IAAI,YAAY,EAAQ,CAAC;IACpD,mBAAmB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC/C,qBAAqB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE3D,qBAAqB;QACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACpC,CAAC;sHApBU,4BAA4B;6DAA5B,4BAA4B;YArDrC,8BAAkC;YAChC,8FAAqC;YAgBrC,8FAAmC;YAQrC,iBAAM;;YAxBJ,cAeC;YAfD,4DAeC;YACD,cAOC;YAPD,0DAOC;;;iFA6BM,4BAA4B;cAzDxC,SAAS;6BACI,KAAK,YACP,yBAAyB,YACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BP;;kBA4BF,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFAZI,4BAA4B","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { UserInfo } from '@memberjunction/core';\nimport { NavigationTab } from '../../models/conversation-state.model';\n\n@Component({\n  standalone: false,\n  selector: 'mj-conversation-sidebar',\n  template: `\n    <div class=\"conversation-sidebar\">\n      @if (activeTab === 'conversations') {\n        <div class=\"sidebar-content\">\n          <mj-conversation-list\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [selectedConversationId]=\"selectedConversationId\"\n            [renamedConversationId]=\"renamedConversationId\"\n            [isSidebarPinned]=\"isSidebarPinned\"\n            [isMobileView]=\"isMobileView\"\n            (conversationSelected)=\"conversationSelected.emit($event)\"\n            (newConversationRequested)=\"newConversationRequested.emit()\"\n            (pinSidebarRequested)=\"onPinSidebarRequested()\"\n            (unpinSidebarRequested)=\"onUnpinSidebarRequested()\">\n          </mj-conversation-list>\n        </div>\n      }\n      @if (activeTab === 'collections') {\n        <div class=\"sidebar-content\">\n          <mj-collection-tree\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\">\n          </mj-collection-tree>\n        </div>\n      }\n    </div>\n    `,\n  styles: [`\n    .conversation-sidebar {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .sidebar-content {\n      flex: 1;\n      overflow-y: auto;\n    }\n    .placeholder {\n      padding: 24px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n    .placeholder p {\n      margin: 0;\n      font-size: 14px;\n    }\n  `]\n})\nexport class ConversationSidebarComponent {\n  @Input() activeTab: NavigationTab = 'conversations';\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n  @Input() selectedConversationId: string | null = null;\n  @Input() renamedConversationId: string | null = null;\n  @Input() isSidebarPinned: boolean = true;\n  @Input() isMobileView: boolean = false;\n\n  @Output() conversationSelected = new EventEmitter<string>();\n  @Output() newConversationRequested = new EventEmitter<void>();\n  @Output() pinSidebarRequested = new EventEmitter<void>();\n  @Output() unpinSidebarRequested = new EventEmitter<void>();\n\n  onPinSidebarRequested(): void {\n    this.pinSidebarRequested.emit();\n  }\n\n  onUnpinSidebarRequested(): void {\n    this.unpinSidebarRequested.emit();\n  }\n}"]}
+{"version":3,"file":"conversation-sidebar.component.js","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/conversation-sidebar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;;;;;;IAU3D,AADF,8BAA6B,8BAW2B;IAApD,AADA,AADA,AADA,kPAAwB,wCAAiC,KAAC,uOAC9B,sCAA+B,KAAC,6NACrC,8BAAuB,KAAC,iOACtB,gCAAyB,KAAC;IAEvD,AADE,iBAAuB,EACnB;;;IAXF,cAA+B;IAK/B,AADA,AADA,AADA,AADA,AADA,oDAA+B,mCACJ,yDACsB,uDACF,2CACZ,qCACN;;;IASjC,8BAA6B;IAC3B,wCAGqB;IACvB,iBAAM;;;IAHF,cAA+B;IAC/B,AADA,oDAA+B,mCACJ;;AA0CvC,MAAM,OAAO,4BAA6B,SAAQ,oBAAoB;IAC3D,SAAS,GAAkB,eAAe,CAAC;IAC3C,aAAa,CAAU;IACvB,WAAW,CAAY;IACvB,sBAAsB,GAAkB,IAAI,CAAC;IAC7C,qBAAqB,GAAkB,IAAI,CAAC;IAC5C,eAAe,GAAY,IAAI,CAAC;IAChC,YAAY,GAAY,KAAK,CAAC;IACvC,yGAAyG;IAChG,YAAY,GAAY,IAAI,CAAC;IAE5B,oBAAoB,GAAG,IAAI,YAAY,EAAU,CAAC;IAC5D,yFAAyF;IAC/E,gBAAgB,GAAG,IAAI,YAAY,EAAsD,CAAC;IAC1F,wBAAwB,GAAG,IAAI,YAAY,EAAQ,CAAC;IACpD,mBAAmB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAC/C,qBAAqB,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE3D,qBAAqB;QACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;IACpC,CAAC;6RAxBU,4BAA4B,yBAA5B,4BAA4B;6DAA5B,4BAA4B;YA/DrC,8BAAkC;YAChC,8FAAqC;YAgBrC,8FAAmC;YAYnC,2DAIyD;YAAvD,AADA,+JAAoB,iCAA6B,IAAC,kJAC9B,qCAAiC,IAAC;YAE1D,AADE,iBAAmC,EAC/B;;YAlCJ,cAeC;YAfD,4DAeC;YACD,cAOC;YAPD,0DAOC;YAMC,cAAqB;YACrB,AADA,uCAAqB,kCACQ;;;iFAgCxB,4BAA4B;cAnExC,SAAS;6BACI,KAAK,YACP,yBAAyB,YACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqCP;;kBA4BF,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,KAAK;;kBAEL,MAAM;;kBAEN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kFAhBI,4BAA4B","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { CompositeKey, UserInfo } from '@memberjunction/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { NavigationTab } from '../../models/conversation-state.model';\n\n@Component({\n  standalone: false,\n  selector: 'mj-conversation-sidebar',\n  template: `\n    <div class=\"conversation-sidebar\">\n      @if (activeTab === 'conversations') {\n        <div class=\"sidebar-content\">\n          <mj-conversation-list\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\"\n            [selectedConversationId]=\"selectedConversationId\"\n            [renamedConversationId]=\"renamedConversationId\"\n            [isSidebarPinned]=\"isSidebarPinned\"\n            [isMobileView]=\"isMobileView\"\n            (conversationSelected)=\"conversationSelected.emit($event)\"\n            (newConversationRequested)=\"newConversationRequested.emit()\"\n            (pinSidebarRequested)=\"onPinSidebarRequested()\"\n            (unpinSidebarRequested)=\"onUnpinSidebarRequested()\">\n          </mj-conversation-list>\n        </div>\n      }\n      @if (activeTab === 'collections') {\n        <div class=\"sidebar-content\">\n          <mj-collection-tree\n            [environmentId]=\"environmentId\"\n            [currentUser]=\"currentUser\">\n          </mj-collection-tree>\n        </div>\n      }\n\n      <!-- Routines — pinned at the very bottom of the sidebar. Gated by the\n           ShowRoutines opt-out AND the user's Read permission on\n           'MJ: User Routines' (checked inside the section component). -->\n      <mj-conversation-routines-section\n        [Provider]=\"Provider\"\n        [ShowRoutines]=\"ShowRoutines\"\n        (openEntityRecord)=\"openEntityRecord.emit($event)\"\n        (openConversation)=\"conversationSelected.emit($event)\">\n      </mj-conversation-routines-section>\n    </div>\n    `,\n  styles: [`\n    .conversation-sidebar {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .sidebar-content {\n      flex: 1;\n      overflow-y: auto;\n    }\n    .placeholder {\n      padding: 24px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n    .placeholder p {\n      margin: 0;\n      font-size: 14px;\n    }\n  `]\n})\nexport class ConversationSidebarComponent extends BaseAngularComponent {\n  @Input() activeTab: NavigationTab = 'conversations';\n  @Input() environmentId!: string;\n  @Input() currentUser!: UserInfo;\n  @Input() selectedConversationId: string | null = null;\n  @Input() renamedConversationId: string | null = null;\n  @Input() isSidebarPinned: boolean = true;\n  @Input() isMobileView: boolean = false;\n  /** Show the Routines section at the bottom of the sidebar (bubbled from the workspace; default true). */\n  @Input() ShowRoutines: boolean = true;\n\n  @Output() conversationSelected = new EventEmitter<string>();\n  /** Forwarded from the routines section — a run's linked execution record was clicked. */\n  @Output() openEntityRecord = new EventEmitter<{ entityName: string; compositeKey: CompositeKey }>();\n  @Output() newConversationRequested = new EventEmitter<void>();\n  @Output() pinSidebarRequested = new EventEmitter<void>();\n  @Output() unpinSidebarRequested = new EventEmitter<void>();\n\n  onPinSidebarRequested(): void {\n    this.pinSidebarRequested.emit();\n  }\n\n  onUnpinSidebarRequested(): void {\n    this.unpinSidebarRequested.emit();\n  }\n}"]}

package/dist/lib/components/sidebar/routines-section.component.d.ts

@@ -0,0 +1,73 @@
+import { CompositeKey } from '@memberjunction/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ConversationOpenedEventArgs, HistoryRecordOpenedEventArgs } from '@memberjunction/ng-user-routines';
+import * as i0 from "@angular/core";
+/**
+ * Compact "Routines" entry pinned at the very bottom of the conversations left
+ * sidebar: a single header row — mark, "Routines", the ACTIVE routine count, a "+"
+ * (straight into the New Routine editor) and a details chevron. No routine rows —
+ * the full command-center slide-in is one click away and owns all detail.
+ *
+ * Visibility gates (both must pass):
+ *  1. `ShowRoutines` — host opt-out input bubbled from the top-level conversations
+ *     workspace (default true).
+ *  2. The current user must have Read permission on 'MJ: User Routines'
+ *     (EntityInfo user-permission check) — hidden entirely otherwise.
+ */
+export declare class RoutinesSectionComponent extends BaseAngularComponent implements OnInit, OnDestroy {
+    private cdr;
+    private destroy$;
+    private _showRoutines;
+    /** Host opt-out (bubbled from the top-level conversations component). Default true. */
+    set ShowRoutines(value: boolean);
+    get ShowRoutines(): boolean;
+    /** True when the current user may read routines (permission gate). */
+    CanRead: boolean;
+    /** Number of Active routines — the header badge. */
+    ActiveCount: number;
+    /** Total routines of any status (for the header tooltip). */
+    TotalCount: number;
+    /**
+     * A run history row's linked execution record (Agent Run / Prompt Run / Action Log)
+     * was clicked. Same shape as the chat area's openEntityRecord — the host (Explorer
+     * wrapper or workspace) routes it to navigation; this package never navigates itself.
+     */
+    openEntityRecord: EventEmitter<{
+        entityName: string;
+        compositeKey: CompositeKey;
+    }>;
+    /**
+     * The user asked to open a routine's dedicated conversation (the hidden,
+     * Application-scoped thread its runs append to). Emits the conversation ID;
+     * the host selects it in chat — this component closes the slide-in first.
+     */
+    openConversation: EventEmitter<string>;
+    /** Slide-in open state. */
+    SlideInVisible: boolean;
+    /** Routine to open the slide-in on (history view). */
+    SlideInRoutineID: string | null;
+    /** Whether the slide-in opens straight on the New Routine editor. */
+    SlideInNewRoutine: boolean;
+    private initialized;
+    /** Section renders only when the opt-out AND permission gates both pass. */
+    get IsVisible(): boolean;
+    /** Header tooltip: active/total breakdown. */
+    get HeaderTitle(): string;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    /** Opens the slide-in on the routines list (header / details click). */
+    OpenRoutines(): void;
+    /** Opens the slide-in straight on the New Routine editor ("+" affordance). */
+    NewRoutine(event: Event): void;
+    /** Opens the routine's conversation in the host chat surface (closing the slide-in). */
+    OnConversationOpened(args: ConversationOpenedEventArgs): void;
+    /** Bridges the slide-in's HistoryRecordOpened to the standard openEntityRecord chain. */
+    OnHistoryRecordOpened(args: HistoryRecordOpenedEventArgs): void;
+    OnSlideInClosed(): void;
+    private initialize;
+    private rebuildCounts;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RoutinesSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RoutinesSectionComponent, "mj-conversation-routines-section", never, { "ShowRoutines": { "alias": "ShowRoutines"; "required": false; }; }, { "openEntityRecord": "openEntityRecord"; "openConversation": "openConversation"; }, never, never, false, never>;
+}
+//# sourceMappingURL=routines-section.component.d.ts.map

package/dist/lib/components/sidebar/routines-section.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routines-section.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/routines-section.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAgC,YAAY,EAAS,SAAS,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAGrH,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,2BAA2B,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;;AAE7G;;;;;;;;;;;GAWG;AACH,qBAMa,wBAAyB,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAC3F,OAAO,CAAC,GAAG,CAA6B;IACxC,OAAO,CAAC,QAAQ,CAAuB;IAEvC,OAAO,CAAC,aAAa,CAAQ;IAC7B,uFAAuF;IACvF,IACW,YAAY,CAAC,KAAK,EAAE,OAAO,EAQrC;IACD,IAAW,YAAY,IAAI,OAAO,CAEjC;IAED,sEAAsE;IAC/D,OAAO,UAAS;IACvB,oDAAoD;IAC7C,WAAW,SAAK;IACvB,6DAA6D;IACtD,UAAU,SAAK;IAEtB;;;;OAIG;IACO,gBAAgB;oBAAkC,MAAM;sBAAgB,YAAY;OAAM;IAEpG;;;;OAIG;IACO,gBAAgB,uBAA8B;IAExD,2BAA2B;IACpB,cAAc,UAAS;IAC9B,sDAAsD;IAC/C,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC9C,qEAAqE;IAC9D,iBAAiB,UAAS;IAEjC,OAAO,CAAC,WAAW,CAAS;IAE5B,4EAA4E;IAC5E,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,8CAA8C;IAC9C,IAAW,WAAW,IAAI,MAAM,CAK/B;IAEK,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IAKnB,wEAAwE;IACjE,YAAY,IAAI,IAAI;IAO3B,8EAA8E;IACvE,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQrC,wFAAwF;IACjF,oBAAoB,CAAC,IAAI,EAAE,2BAA2B,GAAG,IAAI;IAKpE,yFAAyF;IAClF,qBAAqB,CAAC,IAAI,EAAE,4BAA4B,GAAG,IAAI;IAI/D,eAAe,IAAI,IAAI;YAUhB,UAAU;IAgCxB,OAAO,CAAC,aAAa;yCAhJZ,wBAAwB;2CAAxB,wBAAwB;CAsJpC"}

package/dist/lib/components/sidebar/routines-section.component.js

@@ -0,0 +1,211 @@
+import { CompositeKey } from '@memberjunction/core';
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { UserRoutineEngine } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-user-routines";
+function RoutinesSectionComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.ActiveCount);
+} }
+function RoutinesSectionComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
+    i0.ɵɵlistener("click", function RoutinesSectionComponent_Conditional_0_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenRoutines()); });
+    i0.ɵɵelement(2, "i", 2);
+    i0.ɵɵelementStart(3, "span", 3);
+    i0.ɵɵtext(4, "Routines");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, RoutinesSectionComponent_Conditional_0_Conditional_5_Template, 2, 1, "span", 4);
+    i0.ɵɵelement(6, "span", 5);
+    i0.ɵɵelementStart(7, "span", 6);
+    i0.ɵɵlistener("click", function RoutinesSectionComponent_Conditional_0_Template_span_click_7_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.NewRoutine($event)); });
+    i0.ɵɵelement(8, "i", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 8);
+    i0.ɵɵelement(10, "i", 9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "mj-user-routines-slide-in", 10);
+    i0.ɵɵtwoWayListener("VisibleChange", function RoutinesSectionComponent_Conditional_0_Template_mj_user_routines_slide_in_VisibleChange_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.SlideInVisible, $event) || (ctx_r1.SlideInVisible = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("Closed", function RoutinesSectionComponent_Conditional_0_Template_mj_user_routines_slide_in_Closed_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSlideInClosed()); })("HistoryRecordOpened", function RoutinesSectionComponent_Conditional_0_Template_mj_user_routines_slide_in_HistoryRecordOpened_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnHistoryRecordOpened($event)); })("ConversationOpened", function RoutinesSectionComponent_Conditional_0_Template_mj_user_routines_slide_in_ConversationOpened_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnConversationOpened($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", ctx_r1.HeaderTitle);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.ActiveCount > 0 ? 5 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("Provider", ctx_r1.Provider);
+    i0.ɵɵtwoWayProperty("Visible", ctx_r1.SlideInVisible);
+    i0.ɵɵproperty("InitialRoutineID", ctx_r1.SlideInRoutineID)("StartInNewRoutine", ctx_r1.SlideInNewRoutine);
+} }
+/**
+ * Compact "Routines" entry pinned at the very bottom of the conversations left
+ * sidebar: a single header row — mark, "Routines", the ACTIVE routine count, a "+"
+ * (straight into the New Routine editor) and a details chevron. No routine rows —
+ * the full command-center slide-in is one click away and owns all detail.
+ *
+ * Visibility gates (both must pass):
+ *  1. `ShowRoutines` — host opt-out input bubbled from the top-level conversations
+ *     workspace (default true).
+ *  2. The current user must have Read permission on 'MJ: User Routines'
+ *     (EntityInfo user-permission check) — hidden entirely otherwise.
+ */
+export class RoutinesSectionComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    destroy$ = new Subject();
+    _showRoutines = true;
+    /** Host opt-out (bubbled from the top-level conversations component). Default true. */
+    set ShowRoutines(value) {
+        if (value !== this._showRoutines) {
+            this._showRoutines = value;
+            if (value && !this.initialized) {
+                void this.initialize();
+            }
+            this.cdr.markForCheck();
+        }
+    }
+    get ShowRoutines() {
+        return this._showRoutines;
+    }
+    /** True when the current user may read routines (permission gate). */
+    CanRead = false;
+    /** Number of Active routines — the header badge. */
+    ActiveCount = 0;
+    /** Total routines of any status (for the header tooltip). */
+    TotalCount = 0;
+    /**
+     * A run history row's linked execution record (Agent Run / Prompt Run / Action Log)
+     * was clicked. Same shape as the chat area's openEntityRecord — the host (Explorer
+     * wrapper or workspace) routes it to navigation; this package never navigates itself.
+     */
+    openEntityRecord = new EventEmitter();
+    /**
+     * The user asked to open a routine's dedicated conversation (the hidden,
+     * Application-scoped thread its runs append to). Emits the conversation ID;
+     * the host selects it in chat — this component closes the slide-in first.
+     */
+    openConversation = new EventEmitter();
+    /** Slide-in open state. */
+    SlideInVisible = false;
+    /** Routine to open the slide-in on (history view). */
+    SlideInRoutineID = null;
+    /** Whether the slide-in opens straight on the New Routine editor. */
+    SlideInNewRoutine = false;
+    initialized = false;
+    /** Section renders only when the opt-out AND permission gates both pass. */
+    get IsVisible() {
+        return this._showRoutines && this.CanRead;
+    }
+    /** Header tooltip: active/total breakdown. */
+    get HeaderTitle() {
+        if (this.TotalCount === 0) {
+            return 'Routines — none yet, click + to create one';
+        }
+        return `Routines — ${this.ActiveCount} active of ${this.TotalCount}. Click to open.`;
+    }
+    async ngOnInit() {
+        if (this._showRoutines) {
+            await this.initialize();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /** Opens the slide-in on the routines list (header / details click). */
+    OpenRoutines() {
+        this.SlideInRoutineID = null;
+        this.SlideInNewRoutine = false;
+        this.SlideInVisible = true;
+        this.cdr.markForCheck();
+    }
+    /** Opens the slide-in straight on the New Routine editor ("+" affordance). */
+    NewRoutine(event) {
+        event.stopPropagation();
+        this.SlideInRoutineID = null;
+        this.SlideInNewRoutine = true;
+        this.SlideInVisible = true;
+        this.cdr.markForCheck();
+    }
+    /** Opens the routine's conversation in the host chat surface (closing the slide-in). */
+    OnConversationOpened(args) {
+        this.OnSlideInClosed();
+        this.openConversation.emit(args.ConversationID);
+    }
+    /** Bridges the slide-in's HistoryRecordOpened to the standard openEntityRecord chain. */
+    OnHistoryRecordOpened(args) {
+        this.openEntityRecord.emit({ entityName: args.EntityName, compositeKey: CompositeKey.FromID(args.RecordID) });
+    }
+    OnSlideInClosed() {
+        this.SlideInVisible = false;
+        this.SlideInRoutineID = null;
+        this.SlideInNewRoutine = false;
+        this.cdr.markForCheck();
+    }
+    // ---------------------------------------------------------------
+    // Internals
+    // ---------------------------------------------------------------
+    async initialize() {
+        if (this.initialized) {
+            return;
+        }
+        this.initialized = true;
+        const p = this.ProviderToUse;
+        // Permission gate: hide entirely when the user lacks Read on the entity
+        // (or the entity isn't present in this instance's metadata).
+        const entityInfo = p.EntityByName('MJ: User Routines');
+        const permissions = entityInfo && p.CurrentUser ? entityInfo.GetUserPermisions(p.CurrentUser) : null;
+        this.CanRead = permissions?.CanRead === true;
+        if (!this.CanRead) {
+            this.cdr.markForCheck();
+            return;
+        }
+        try {
+            const engine = UserRoutineEngine.GetProviderInstance(p, UserRoutineEngine);
+            await engine.Config(false, p.CurrentUser, p);
+            engine.Routines$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+                this.rebuildCounts(engine);
+            });
+            this.rebuildCounts(engine);
+        }
+        catch (e) {
+            console.error('[RoutinesSection] Failed to load routines:', e);
+            this.ActiveCount = 0;
+            this.TotalCount = 0;
+        }
+        this.cdr.markForCheck();
+    }
+    rebuildCounts(engine) {
+        const routines = engine.Routines;
+        this.TotalCount = routines.length;
+        this.ActiveCount = routines.filter((r) => r.Status === 'Active').length;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵRoutinesSectionComponent_BaseFactory; return function RoutinesSectionComponent_Factory(__ngFactoryType__) { return (ɵRoutinesSectionComponent_BaseFactory || (ɵRoutinesSectionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RoutinesSectionComponent)))(__ngFactoryType__ || RoutinesSectionComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoutinesSectionComponent, selectors: [["mj-conversation-routines-section"]], inputs: { ShowRoutines: "ShowRoutines" }, outputs: { openEntityRecord: "openEntityRecord", openConversation: "openConversation" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "crs-section"], ["type", "button", 1, "crs-header", 3, "click", "title"], [1, "fa-solid", "fa-business-time", "crs-mark"], [1, "crs-title"], [1, "crs-count"], [1, "crs-spacer"], ["role", "button", "title", "New routine", 1, "crs-add", 3, "click"], [1, "fa-solid", "fa-plus"], ["role", "button", "title", "Open routines", 1, "crs-details"], [1, "fa-solid", "fa-chevron-right"], [3, "VisibleChange", "Closed", "HistoryRecordOpened", "ConversationOpened", "Provider", "Visible", "InitialRoutineID", "StartInNewRoutine"]], template: function RoutinesSectionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, RoutinesSectionComponent_Conditional_0_Template, 12, 6, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsVisible ? 0 : -1);
+        } }, dependencies: [i1.UserRoutinesSlideInComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n}\n\n.crs-section[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    padding: 6px 8px;\n}\n\n.crs-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 6px 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--mj-radius-md, 8px);\n    cursor: pointer;\n    color: var(--mj-text-primary);\n}\n\n.crs-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.crs-mark[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.crs-title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.crs-count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    border-radius: var(--mj-radius-full, 999px);\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 10px;\n    font-weight: 700;\n}\n\n.crs-spacer[_ngcontent-%COMP%] {\n    flex: 1 1 auto;\n}\n\n.crs-add[_ngcontent-%COMP%], \n.crs-details[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border-radius: var(--mj-radius-md, 6px);\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.crs-add[_ngcontent-%COMP%]:hover, \n.crs-details[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.crs-details[_ngcontent-%COMP%] {\n    font-size: 10px;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoutinesSectionComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-conversation-routines-section', template: "@if (IsVisible) {\n  <div class=\"crs-section\">\n    <button type=\"button\" class=\"crs-header\" [title]=\"HeaderTitle\" (click)=\"OpenRoutines()\">\n      <i class=\"fa-solid fa-business-time crs-mark\"></i>\n      <span class=\"crs-title\">Routines</span>\n      @if (ActiveCount > 0) {\n        <span class=\"crs-count\">{{ ActiveCount }}</span>\n      }\n      <span class=\"crs-spacer\"></span>\n      <span class=\"crs-add\" role=\"button\" title=\"New routine\" (click)=\"NewRoutine($event)\">\n        <i class=\"fa-solid fa-plus\"></i>\n      </span>\n      <span class=\"crs-details\" role=\"button\" title=\"Open routines\">\n        <i class=\"fa-solid fa-chevron-right\"></i>\n      </span>\n    </button>\n\n    <mj-user-routines-slide-in\n      [Provider]=\"Provider\"\n      [(Visible)]=\"SlideInVisible\"\n      [InitialRoutineID]=\"SlideInRoutineID\"\n      [StartInNewRoutine]=\"SlideInNewRoutine\"\n      (Closed)=\"OnSlideInClosed()\"\n      (HistoryRecordOpened)=\"OnHistoryRecordOpened($event)\"\n      (ConversationOpened)=\"OnConversationOpened($event)\">\n    </mj-user-routines-slide-in>\n  </div>\n}\n", styles: [":host {\n    display: block;\n}\n\n.crs-section {\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    padding: 6px 8px;\n}\n\n.crs-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 6px 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--mj-radius-md, 8px);\n    cursor: pointer;\n    color: var(--mj-text-primary);\n}\n\n.crs-header:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.crs-mark {\n    color: var(--mj-brand-primary);\n    font-size: 13px;\n}\n\n.crs-title {\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.crs-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    border-radius: var(--mj-radius-full, 999px);\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 10px;\n    font-weight: 700;\n}\n\n.crs-spacer {\n    flex: 1 1 auto;\n}\n\n.crs-add,\n.crs-details {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border-radius: var(--mj-radius-md, 6px);\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.crs-add:hover,\n.crs-details:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.crs-details {\n    font-size: 10px;\n}\n"] }]
+    }], null, { ShowRoutines: [{
+            type: Input
+        }], openEntityRecord: [{
+            type: Output
+        }], openConversation: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoutinesSectionComponent, { className: "RoutinesSectionComponent", filePath: "src/lib/components/sidebar/routines-section.component.ts", lineNumber: 27 }); })();
+//# sourceMappingURL=routines-section.component.js.map

package/dist/lib/components/sidebar/routines-section.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routines-section.component.js","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/routines-section.component.ts","../../../../src/lib/components/sidebar/routines-section.component.html"],"names":[],"mappings":"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","sourcesContent":["import { CompositeKey } from '@memberjunction/core';\nimport { ChangeDetectorRef, Component, EventEmitter, Input, OnDestroy, OnInit, Output, inject } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MJUserRoutineEntity, UserRoutineEngine } from '@memberjunction/core-entities';\nimport { ConversationOpenedEventArgs, HistoryRecordOpenedEventArgs } from '@memberjunction/ng-user-routines';\n\n/**\n * Compact \"Routines\" entry pinned at the very bottom of the conversations left\n * sidebar: a single header row — mark, \"Routines\", the ACTIVE routine count, a \"+\"\n * (straight into the New Routine editor) and a details chevron. No routine rows —\n * the full command-center slide-in is one click away and owns all detail.\n *\n * Visibility gates (both must pass):\n *  1. `ShowRoutines` — host opt-out input bubbled from the top-level conversations\n *     workspace (default true).\n *  2. The current user must have Read permission on 'MJ: User Routines'\n *     (EntityInfo user-permission check) — hidden entirely otherwise.\n */\n@Component({\n    standalone: false,\n    selector: 'mj-conversation-routines-section',\n    templateUrl: './routines-section.component.html',\n    styleUrls: ['./routines-section.component.css'],\n})\nexport class RoutinesSectionComponent extends BaseAngularComponent implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private destroy$ = new Subject<void>();\n\n    private _showRoutines = true;\n    /** Host opt-out (bubbled from the top-level conversations component). Default true. */\n    @Input()\n    public set ShowRoutines(value: boolean) {\n        if (value !== this._showRoutines) {\n            this._showRoutines = value;\n            if (value && !this.initialized) {\n                void this.initialize();\n            }\n            this.cdr.markForCheck();\n        }\n    }\n    public get ShowRoutines(): boolean {\n        return this._showRoutines;\n    }\n\n    /** True when the current user may read routines (permission gate). */\n    public CanRead = false;\n    /** Number of Active routines — the header badge. */\n    public ActiveCount = 0;\n    /** Total routines of any status (for the header tooltip). */\n    public TotalCount = 0;\n\n    /**\n     * A run history row's linked execution record (Agent Run / Prompt Run / Action Log)\n     * was clicked. Same shape as the chat area's openEntityRecord — the host (Explorer\n     * wrapper or workspace) routes it to navigation; this package never navigates itself.\n     */\n    @Output() openEntityRecord = new EventEmitter<{ entityName: string; compositeKey: CompositeKey }>();\n\n    /**\n     * The user asked to open a routine's dedicated conversation (the hidden,\n     * Application-scoped thread its runs append to). Emits the conversation ID;\n     * the host selects it in chat — this component closes the slide-in first.\n     */\n    @Output() openConversation = new EventEmitter<string>();\n\n    /** Slide-in open state. */\n    public SlideInVisible = false;\n    /** Routine to open the slide-in on (history view). */\n    public SlideInRoutineID: string | null = null;\n    /** Whether the slide-in opens straight on the New Routine editor. */\n    public SlideInNewRoutine = false;\n\n    private initialized = false;\n\n    /** Section renders only when the opt-out AND permission gates both pass. */\n    public get IsVisible(): boolean {\n        return this._showRoutines && this.CanRead;\n    }\n\n    /** Header tooltip: active/total breakdown. */\n    public get HeaderTitle(): string {\n        if (this.TotalCount === 0) {\n            return 'Routines — none yet, click + to create one';\n        }\n        return `Routines — ${this.ActiveCount} active of ${this.TotalCount}. Click to open.`;\n    }\n\n    async ngOnInit(): Promise<void> {\n        if (this._showRoutines) {\n            await this.initialize();\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    /** Opens the slide-in on the routines list (header / details click). */\n    public OpenRoutines(): void {\n        this.SlideInRoutineID = null;\n        this.SlideInNewRoutine = false;\n        this.SlideInVisible = true;\n        this.cdr.markForCheck();\n    }\n\n    /** Opens the slide-in straight on the New Routine editor (\"+\" affordance). */\n    public NewRoutine(event: Event): void {\n        event.stopPropagation();\n        this.SlideInRoutineID = null;\n        this.SlideInNewRoutine = true;\n        this.SlideInVisible = true;\n        this.cdr.markForCheck();\n    }\n\n    /** Opens the routine's conversation in the host chat surface (closing the slide-in). */\n    public OnConversationOpened(args: ConversationOpenedEventArgs): void {\n        this.OnSlideInClosed();\n        this.openConversation.emit(args.ConversationID);\n    }\n\n    /** Bridges the slide-in's HistoryRecordOpened to the standard openEntityRecord chain. */\n    public OnHistoryRecordOpened(args: HistoryRecordOpenedEventArgs): void {\n        this.openEntityRecord.emit({ entityName: args.EntityName, compositeKey: CompositeKey.FromID(args.RecordID) });\n    }\n\n    public OnSlideInClosed(): void {\n        this.SlideInVisible = false;\n        this.SlideInRoutineID = null;\n        this.SlideInNewRoutine = false;\n        this.cdr.markForCheck();\n    }\n\n    // ---------------------------------------------------------------\n    // Internals\n    // ---------------------------------------------------------------\n    private async initialize(): Promise<void> {\n        if (this.initialized) {\n            return;\n        }\n        this.initialized = true;\n        const p = this.ProviderToUse;\n\n        // Permission gate: hide entirely when the user lacks Read on the entity\n        // (or the entity isn't present in this instance's metadata).\n        const entityInfo = p.EntityByName('MJ: User Routines');\n        const permissions = entityInfo && p.CurrentUser ? entityInfo.GetUserPermisions(p.CurrentUser) : null;\n        this.CanRead = permissions?.CanRead === true;\n        if (!this.CanRead) {\n            this.cdr.markForCheck();\n            return;\n        }\n\n        try {\n            const engine = UserRoutineEngine.GetProviderInstance<UserRoutineEngine>(p, UserRoutineEngine) as UserRoutineEngine;\n            await engine.Config(false, p.CurrentUser, p);\n            engine.Routines$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n                this.rebuildCounts(engine);\n            });\n            this.rebuildCounts(engine);\n        } catch (e) {\n            console.error('[RoutinesSection] Failed to load routines:', e);\n            this.ActiveCount = 0;\n            this.TotalCount = 0;\n        }\n        this.cdr.markForCheck();\n    }\n\n    private rebuildCounts(engine: UserRoutineEngine): void {\n        const routines = engine.Routines;\n        this.TotalCount = routines.length;\n        this.ActiveCount = routines.filter((r: MJUserRoutineEntity) => r.Status === 'Active').length;\n        this.cdr.markForCheck();\n    }\n}\n","@if (IsVisible) {\n  <div class=\"crs-section\">\n    <button type=\"button\" class=\"crs-header\" [title]=\"HeaderTitle\" (click)=\"OpenRoutines()\">\n      <i class=\"fa-solid fa-business-time crs-mark\"></i>\n      <span class=\"crs-title\">Routines</span>\n      @if (ActiveCount > 0) {\n        <span class=\"crs-count\">{{ ActiveCount }}</span>\n      }\n      <span class=\"crs-spacer\"></span>\n      <span class=\"crs-add\" role=\"button\" title=\"New routine\" (click)=\"NewRoutine($event)\">\n        <i class=\"fa-solid fa-plus\"></i>\n      </span>\n      <span class=\"crs-details\" role=\"button\" title=\"Open routines\">\n        <i class=\"fa-solid fa-chevron-right\"></i>\n      </span>\n    </button>\n\n    <mj-user-routines-slide-in\n      [Provider]=\"Provider\"\n      [(Visible)]=\"SlideInVisible\"\n      [InitialRoutineID]=\"SlideInRoutineID\"\n      [StartInNewRoutine]=\"SlideInNewRoutine\"\n      (Closed)=\"OnSlideInClosed()\"\n      (HistoryRecordOpened)=\"OnHistoryRecordOpened($event)\"\n      (ConversationOpened)=\"OnConversationOpened($event)\">\n    </mj-user-routines-slide-in>\n  </div>\n}\n"]}