@memberjunction/ng-core-entity-forms 6.2.0 → 6.3.0-edge.0

package/dist/lib/custom/AIPromptRuns/chat-message-viewer.component.js

@@ -678,11 +678,11 @@ export class ChatMessageViewerComponent {
             i0.ɵɵconditional(ctx.displayMessages.length === 0 ? 18 : 19);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.FullScreenContent ? 20 : -1);
-        } }, dependencies: [i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJEmptyStateComponent, i3.CodeEditorComponent], styles: [".chat-message-viewer[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden; \n}\n\n\n\n.filter-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 1.5rem;\n    align-items: center;\n    padding: 0.75rem;\n    background-color: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    margin-bottom: 1rem;\n    flex-shrink: 0; \n}\n\n.filter-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n}\n\n.filter-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    margin-right: 0.5rem;\n}\n\n.filter-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.filter-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1rem;\n}\n\n\n.messages-container[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0.5rem;\n    padding-bottom: 1rem; \n    max-height: 800px;\n}\n\n\n.message-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    margin-bottom: 0.75rem;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.message-card[_ngcontent-%COMP%]:hover {\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.message-card[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 2rem; \n}\n\n.message-card[data-role=\"system\"][_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.message-card[data-role=\"user\"][_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-status-success);\n}\n\n.message-card[data-role=\"assistant\"][_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n\n.message-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background-color: var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    user-select: none;\n}\n\n.message-header[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.message-role[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.sequence-number[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    font-size: 0.85rem;\n    margin-right: 4px;\n}\n\n.message-role[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.125rem;\n}\n\n.content-stats[_ngcontent-%COMP%] {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-secondary);\n    font-size: 0.8rem;\n    font-weight: 400;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    white-space: nowrap;\n}\n\n.stat-divider[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.role-label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.875rem;\n    text-transform: uppercase;\n    letter-spacing: 0.025em;\n}\n\n.message-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.action-button[_ngcontent-%COMP%], \n.toggle-button[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s ease;\n}\n\n.action-button[_ngcontent-%COMP%]:hover, \n.toggle-button[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.action-button[_ngcontent-%COMP%] {\n    padding: 0.25rem 0.5rem;\n}\n\n.action-button[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n\n.message-content[_ngcontent-%COMP%] {\n    padding: 1rem;\n}\n\n.content-blocks[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n.content-block-indicator[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.25rem 0.75rem;\n    background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    border-radius: 9999px;\n    font-size: 0.75rem;\n    color: var(--mj-brand-primary-hover);\n}\n\n.content-block-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.875rem;\n}\n\n\n.text-content[_ngcontent-%COMP%], \n.json-content[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-content[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.text-content[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%], \n.json-content[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 100px;\n}\n\n\n.multi-part-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n.content-part[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.content-part-label[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n    padding: 0.5rem 1rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.2s;\n}\n\n.content-part-label[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-border-default);\n}\n\n.content-part-label-content[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.content-part-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.content-part-toggle[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s;\n}\n\n.content-part-toggle[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.content-part.collapsed[_ngcontent-%COMP%]   .content-part-label[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.content-part-editor[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.content-part-editor[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 80px;\n}\n\n\n.chat-message-viewer[_ngcontent-%COMP%]   .cm-editor[_ngcontent-%COMP%] {\n    font-size: 0.875rem;\n}\n\n.chat-message-viewer[_ngcontent-%COMP%]   .cm-editor.cm-focused[_ngcontent-%COMP%] {\n    outline: none;\n}\n\n\n.content-part-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\n.fullscreen-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-actions[_ngcontent-%COMP%]   .action-button[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    padding: 0.375rem 0.5rem;\n}\n\n.fullscreen-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n\n@media (max-width: 640px) {\n    .filter-controls[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        gap: 0.75rem;\n    }\n\n    .filter-checkbox[_ngcontent-%COMP%] {\n        min-width: calc(50% - 0.375rem);\n    }\n}"] }); }
+        } }, dependencies: [i1.CheckboxControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJEmptyStateComponent, i3.CodeEditorComponent], styles: [".chat-message-viewer[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden; \n}\n\n\n\n.filter-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 1.5rem;\n    align-items: center;\n    padding: 0.75rem;\n    background-color: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    margin-bottom: 1rem;\n    flex-shrink: 0; \n}\n\n.filter-checkbox[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n}\n\n.filter-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    margin-right: 0.5rem;\n}\n\n.filter-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.filter-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1rem;\n}\n\n\n.messages-container[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0.5rem;\n    padding-bottom: 1rem; \n    max-height: 800px;\n}\n\n\n.message-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    margin-bottom: 0.75rem;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.message-card[_ngcontent-%COMP%]:hover {\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.message-card[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 2rem; \n}\n\n.message-card[data-role=\"system\"][_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.message-card[data-role=\"user\"][_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-status-success);\n}\n\n.message-card[data-role=\"assistant\"][_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n\n.message-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background-color: var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    user-select: none;\n}\n\n.message-header[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.message-role[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.sequence-number[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    font-size: 0.85rem;\n    margin-right: 4px;\n}\n\n.message-role[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.125rem;\n}\n\n.content-stats[_ngcontent-%COMP%] {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-secondary);\n    font-size: 0.8rem;\n    font-weight: 400;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    white-space: nowrap;\n}\n\n.stat-divider[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.role-label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.875rem;\n    text-transform: uppercase;\n    letter-spacing: 0.025em;\n}\n\n.message-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.action-button[_ngcontent-%COMP%], \n.toggle-button[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s ease;\n}\n\n.action-button[_ngcontent-%COMP%]:hover, \n.toggle-button[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.action-button[_ngcontent-%COMP%] {\n    padding: 0.25rem 0.5rem;\n}\n\n.action-button[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n}\n\n\n.message-content[_ngcontent-%COMP%] {\n    padding: 1rem;\n}\n\n.content-blocks[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n.content-block-indicator[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.25rem 0.75rem;\n    background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    border-radius: 9999px;\n    font-size: 0.75rem;\n    color: var(--mj-brand-primary-hover);\n}\n\n.content-block-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.875rem;\n}\n\n\n.text-content[_ngcontent-%COMP%], \n.json-content[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-content[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.text-content[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%], \n.json-content[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 100px;\n}\n\n\n.multi-part-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n.content-part[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.content-part-label[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n    padding: 0.5rem 1rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.2s;\n}\n\n.content-part-label[_ngcontent-%COMP%]:hover {\n    background-color: var(--mj-border-default);\n}\n\n.content-part-label-content[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.content-part-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.content-part-toggle[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s;\n}\n\n.content-part-toggle[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.content-part.collapsed[_ngcontent-%COMP%]   .content-part-label[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.content-part-editor[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.content-part-editor[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    min-height: 80px;\n}\n\n\n.chat-message-viewer[_ngcontent-%COMP%]   .cm-editor[_ngcontent-%COMP%] {\n    font-size: 0.875rem;\n}\n\n.chat-message-viewer[_ngcontent-%COMP%]   .cm-editor.cm-focused[_ngcontent-%COMP%] {\n    outline: none;\n}\n\n\n.content-part-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n\n.fullscreen-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-actions[_ngcontent-%COMP%]   .action-button[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    padding: 0.375rem 0.5rem;\n}\n\n.fullscreen-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n\n@media (max-width: 640px) {\n    .message-header[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        row-gap: 0.25rem;\n    }\n\n    .content-stats[_ngcontent-%COMP%] {\n        margin-left: 0;\n        flex-basis: 100%;\n    }\n\n    .filter-controls[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        gap: 0.75rem;\n    }\n\n    .filter-checkbox[_ngcontent-%COMP%] {\n        min-width: calc(50% - 0.375rem);\n    }\n}\n\n\n@media (max-width: 768px) {\n    .message-header[_ngcontent-%COMP%] {\n        padding: 0.5rem 0.75rem;\n        row-gap: 0.25rem;\n    }\n\n    .message-role[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        min-width: 0;\n        row-gap: 0.25rem;\n    }\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChatMessageViewerComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-chat-message-viewer', template: "<div class=\"chat-message-viewer\">\n    <!-- Filter Controls -->\n    <div class=\"filter-controls\">\n        <label class=\"filter-checkbox\">\n            <input type=\"checkbox\" \n                   [(ngModel)]=\"showSystem\" \n                   (ngModelChange)=\"onFilterChange()\"\n                   class=\"mj-checkbox\" />\n            <span class=\"filter-label\">\n                <i class=\"fa-solid fa-cog\" [style.color]=\"getRoleColor('system')\"></i>\n                System\n            </span>\n        </label>\n        \n        <label class=\"filter-checkbox\">\n            <input type=\"checkbox\" \n                   [(ngModel)]=\"showUser\" \n                   (ngModelChange)=\"onFilterChange()\"\n                   class=\"mj-checkbox\" />\n            <span class=\"filter-label\">\n                <i class=\"fa-solid fa-user\" [style.color]=\"getRoleColor('user')\"></i>\n                User\n            </span>\n        </label>\n        \n        <label class=\"filter-checkbox\">\n            <input type=\"checkbox\" \n                   [(ngModel)]=\"showAssistant\" \n                   (ngModelChange)=\"onFilterChange()\"\n                   class=\"mj-checkbox\" />\n            <span class=\"filter-label\">\n                <i class=\"fa-solid fa-robot\" [style.color]=\"getRoleColor('assistant')\"></i>\n                Assistant\n            </span>\n        </label>\n    </div>\n    \n    <!-- Messages List -->\n    <div class=\"messages-container\">\n        @if (displayMessages.length === 0) {\n            <mj-empty-state\n                Icon=\"fa-solid fa-comments\"\n                Title=\"No messages to display\" />\n        } @else {\n            @for (item of displayMessages; track $index; let i = $index) {\n                @if (item.visible) {\n                    <div class=\"message-card\" [attr.data-role]=\"item.message.role\">\n                        <!-- Message Header -->\n                        <div class=\"message-header\" (click)=\"toggleMessage(i)\">\n                            <div class=\"message-role\">\n                                <span class=\"sequence-number\">#{{ item.sequenceNumber }}</span>\n                                <i [class]=\"'fa-solid ' + getRoleIcon(item.message.role)\" \n                                   [style.color]=\"getRoleColor(item.message.role)\"></i>\n                                <span class=\"role-label\">{{ getRoleLabel(item.message.role) }}</span>\n                                <span class=\"content-stats\">\n                                    <span class=\"stat-item\">{{ getContentStats(item.message.content).chars.toLocaleString() }} chars</span>\n                                    <span class=\"stat-divider\">\u2022</span>\n                                    <span class=\"stat-item\">~{{ getContentStats(item.message.content).approxTokens.toLocaleString() }} tokens</span>\n                                </span>\n                            </div>\n                            <div class=\"message-actions\">\n                                <button class=\"action-button\" type=\"button\"\n                                        (click)=\"copyMessageContent(item.message.content); $event.stopPropagation()\"\n                                        title=\"Copy message content\">\n                                    <i class=\"fa-solid fa-copy\"></i>\n                                </button>\n                                <button class=\"action-button\" type=\"button\"\n                                        (click)=\"openFullScreen(getContentString(item.message.content), getContentLanguage(item.message.content), getRoleLabel(item.message.role) + ' #' + item.sequenceNumber); $event.stopPropagation()\"\n                                        title=\"View full screen\">\n                                    <i class=\"fa-solid fa-expand\"></i>\n                                </button>\n                                <button class=\"toggle-button\" type=\"button\">\n                                    <i [class]=\"item.expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'\"></i>\n                                </button>\n                            </div>\n                        </div>\n                        \n                        <!-- Message Content -->\n                        @if (item.expanded) {\n                            <div class=\"message-content\">\n                                <!-- Main content -->\n                                @if (isStringContent(item.message.content)) {\n                                    <div class=\"text-content\">\n                                        <mj-code-editor \n                                            [value]=\"getContentString(item.message.content)\"\n                                            [readonly]=\"true\"\n                                            [language]=\"getContentLanguage(item.message.content)\"\n                                            style=\"max-height: 600px; overflow-y: auto;\">\n                                        </mj-code-editor>\n                                    </div>\n                                } @else {\n                                    <!-- Non-string content with multiple parts -->\n                                    <div class=\"multi-part-content\">\n                                        @for (part of getContentParts(item.message.content, i); track part.id) {\n                                            <div class=\"content-part\" [class.collapsed]=\"!part.expanded\">\n                                                <div class=\"content-part-label\" (click)=\"toggleContentPart(part.id)\">\n                                                    <div class=\"content-part-label-content\">\n                                                        <i class=\"fa-solid fa-tag\"></i>\n                                                        {{ part.key }}\n                                                    </div>\n                                                    <div class=\"content-part-actions\">\n                                                        <button class=\"content-part-toggle\" type=\"button\"\n                                                                (click)=\"openFullScreen(part.value, part.language, part.key); $event.stopPropagation()\"\n                                                                title=\"View full screen\">\n                                                            <i class=\"fa-solid fa-expand\"></i>\n                                                        </button>\n                                                        <button class=\"content-part-toggle\" type=\"button\">\n                                                            <i [class]=\"part.expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'\"></i>\n                                                        </button>\n                                                    </div>\n                                                </div>\n                                                @if (part.expanded) {\n                                                    <div class=\"content-part-editor\">\n                                                        <mj-code-editor \n                                                            [value]=\"part.value\"\n                                                            [readonly]=\"true\"\n                                                            [language]=\"part.language\"\n                                                            style=\"max-height: 400px; overflow-y: auto;\">\n                                                        </mj-code-editor>\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n            }\n        }\n    </div>\n\n    <!-- Full-screen overlay -->\n    @if (FullScreenContent) {\n        <div class=\"fullscreen-overlay\" (click)=\"closeFullScreen()\">\n            <div class=\"fullscreen-container\" (click)=\"$event.stopPropagation()\">\n                <div class=\"fullscreen-header\">\n                    <span class=\"fullscreen-title\">\n                        <i class=\"fa-solid fa-expand\"></i>\n                        {{ FullScreenTitle }}\n                    </span>\n                    <div class=\"fullscreen-actions\">\n                        <button class=\"action-button\" type=\"button\"\n                                (click)=\"copyToClipboard(FullScreenContent)\"\n                                title=\"Copy content\">\n                            <i class=\"fa-solid fa-copy\"></i>\n                        </button>\n                        <button class=\"action-button\" type=\"button\"\n                                (click)=\"closeFullScreen()\"\n                                title=\"Close\">\n                            <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"fullscreen-body\">\n                    <mj-code-editor\n                        [value]=\"FullScreenContent\"\n                        [readonly]=\"true\"\n                        [language]=\"FullScreenLanguage\"\n                        style=\"height: 100%; width: 100%;\">\n                    </mj-code-editor>\n                </div>\n            </div>\n        </div>\n    }\n</div>", styles: [".chat-message-viewer {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden; /* Prevent overflow from the parent */\n}\n\n\n/* Filter Controls */\n.filter-controls {\n    display: flex;\n    gap: 1.5rem;\n    align-items: center;\n    padding: 0.75rem;\n    background-color: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    margin-bottom: 1rem;\n    flex-shrink: 0; /* Prevent filter from shrinking */\n}\n\n.filter-checkbox {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n}\n\n.filter-checkbox input[type=\"checkbox\"] {\n    margin-right: 0.5rem;\n}\n\n.filter-label {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.filter-label i {\n    font-size: 1rem;\n}\n\n/* Messages Container */\n.messages-container {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0.5rem;\n    padding-bottom: 1rem; /* Small padding at bottom */\n    max-height: 800px;\n}\n\n/* Message Card */\n.message-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    margin-bottom: 0.75rem;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.message-card:hover {\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.message-card:last-child {\n    margin-bottom: 2rem; /* Extra margin on last card to ensure it's fully visible */\n}\n\n.message-card[data-role=\"system\"] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.message-card[data-role=\"user\"] {\n    border-left: 3px solid var(--mj-status-success);\n}\n\n.message-card[data-role=\"assistant\"] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* Message Header */\n.message-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background-color: var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    user-select: none;\n}\n\n.message-header:hover {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.message-role {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.sequence-number {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    font-size: 0.85rem;\n    margin-right: 4px;\n}\n\n.message-role i {\n    font-size: 1.125rem;\n}\n\n.content-stats {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-secondary);\n    font-size: 0.8rem;\n    font-weight: 400;\n}\n\n.stat-item {\n    white-space: nowrap;\n}\n\n.stat-divider {\n    color: var(--mj-text-muted);\n}\n\n.role-label {\n    font-weight: 600;\n    font-size: 0.875rem;\n    text-transform: uppercase;\n    letter-spacing: 0.025em;\n}\n\n.message-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.action-button,\n.toggle-button {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s ease;\n}\n\n.action-button:hover,\n.toggle-button:hover {\n    color: var(--mj-text-primary);\n}\n\n.action-button {\n    padding: 0.25rem 0.5rem;\n}\n\n.action-button:hover {\n    color: var(--mj-brand-primary);\n}\n\n/* Message Content */\n.message-content {\n    padding: 1rem;\n}\n\n.content-blocks {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n.content-block-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.25rem 0.75rem;\n    background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    border-radius: 9999px;\n    font-size: 0.75rem;\n    color: var(--mj-brand-primary-hover);\n}\n\n.content-block-indicator i {\n    font-size: 0.875rem;\n}\n\n/* Text Content */\n.text-content,\n.json-content {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-content {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.text-content mj-code-editor,\n.json-content mj-code-editor {\n    display: block;\n    min-height: 100px;\n}\n\n/* Multi-part Content */\n.multi-part-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n.content-part {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.content-part-label {\n    background-color: var(--mj-bg-surface-sunken);\n    padding: 0.5rem 1rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.2s;\n}\n\n.content-part-label:hover {\n    background-color: var(--mj-border-default);\n}\n\n.content-part-label-content {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.content-part-label i {\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.content-part-toggle {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s;\n}\n\n.content-part-toggle:hover {\n    color: var(--mj-text-primary);\n}\n\n.content-part.collapsed .content-part-label {\n    border-bottom: none;\n}\n\n.content-part-editor {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.content-part-editor mj-code-editor {\n    display: block;\n    min-height: 80px;\n}\n\n/* CodeMirror Overrides for this component */\n.chat-message-viewer .cm-editor {\n    font-size: 0.875rem;\n}\n\n.chat-message-viewer .cm-editor.cm-focused {\n    outline: none;\n}\n\n/* Content part actions (expand + chevron side by side) */\n.content-part-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n/* Full-screen overlay */\n.fullscreen-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title i {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-actions .action-button {\n    font-size: 1rem;\n    padding: 0.375rem 0.5rem;\n}\n\n.fullscreen-body {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body mj-code-editor {\n    display: block;\n    height: 100%;\n}\n\n/* Responsive adjustments */\n@media (max-width: 640px) {\n    .filter-controls {\n        flex-wrap: wrap;\n        gap: 0.75rem;\n    }\n\n    .filter-checkbox {\n        min-width: calc(50% - 0.375rem);\n    }\n}"] }]
+        args: [{ standalone: false, selector: 'mj-chat-message-viewer', template: "<div class=\"chat-message-viewer\">\n    <!-- Filter Controls -->\n    <div class=\"filter-controls\">\n        <label class=\"filter-checkbox\">\n            <input type=\"checkbox\" \n                   [(ngModel)]=\"showSystem\" \n                   (ngModelChange)=\"onFilterChange()\"\n                   class=\"mj-checkbox\" />\n            <span class=\"filter-label\">\n                <i class=\"fa-solid fa-cog\" [style.color]=\"getRoleColor('system')\"></i>\n                System\n            </span>\n        </label>\n        \n        <label class=\"filter-checkbox\">\n            <input type=\"checkbox\" \n                   [(ngModel)]=\"showUser\" \n                   (ngModelChange)=\"onFilterChange()\"\n                   class=\"mj-checkbox\" />\n            <span class=\"filter-label\">\n                <i class=\"fa-solid fa-user\" [style.color]=\"getRoleColor('user')\"></i>\n                User\n            </span>\n        </label>\n        \n        <label class=\"filter-checkbox\">\n            <input type=\"checkbox\" \n                   [(ngModel)]=\"showAssistant\" \n                   (ngModelChange)=\"onFilterChange()\"\n                   class=\"mj-checkbox\" />\n            <span class=\"filter-label\">\n                <i class=\"fa-solid fa-robot\" [style.color]=\"getRoleColor('assistant')\"></i>\n                Assistant\n            </span>\n        </label>\n    </div>\n    \n    <!-- Messages List -->\n    <div class=\"messages-container\">\n        @if (displayMessages.length === 0) {\n            <mj-empty-state\n                Icon=\"fa-solid fa-comments\"\n                Title=\"No messages to display\" />\n        } @else {\n            @for (item of displayMessages; track $index; let i = $index) {\n                @if (item.visible) {\n                    <div class=\"message-card\" [attr.data-role]=\"item.message.role\">\n                        <!-- Message Header -->\n                        <div class=\"message-header\" (click)=\"toggleMessage(i)\">\n                            <div class=\"message-role\">\n                                <span class=\"sequence-number\">#{{ item.sequenceNumber }}</span>\n                                <i [class]=\"'fa-solid ' + getRoleIcon(item.message.role)\" \n                                   [style.color]=\"getRoleColor(item.message.role)\"></i>\n                                <span class=\"role-label\">{{ getRoleLabel(item.message.role) }}</span>\n                                <span class=\"content-stats\">\n                                    <span class=\"stat-item\">{{ getContentStats(item.message.content).chars.toLocaleString() }} chars</span>\n                                    <span class=\"stat-divider\">\u2022</span>\n                                    <span class=\"stat-item\">~{{ getContentStats(item.message.content).approxTokens.toLocaleString() }} tokens</span>\n                                </span>\n                            </div>\n                            <div class=\"message-actions\">\n                                <button class=\"action-button\" type=\"button\"\n                                        (click)=\"copyMessageContent(item.message.content); $event.stopPropagation()\"\n                                        title=\"Copy message content\">\n                                    <i class=\"fa-solid fa-copy\"></i>\n                                </button>\n                                <button class=\"action-button\" type=\"button\"\n                                        (click)=\"openFullScreen(getContentString(item.message.content), getContentLanguage(item.message.content), getRoleLabel(item.message.role) + ' #' + item.sequenceNumber); $event.stopPropagation()\"\n                                        title=\"View full screen\">\n                                    <i class=\"fa-solid fa-expand\"></i>\n                                </button>\n                                <button class=\"toggle-button\" type=\"button\">\n                                    <i [class]=\"item.expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'\"></i>\n                                </button>\n                            </div>\n                        </div>\n                        \n                        <!-- Message Content -->\n                        @if (item.expanded) {\n                            <div class=\"message-content\">\n                                <!-- Main content -->\n                                @if (isStringContent(item.message.content)) {\n                                    <div class=\"text-content\">\n                                        <mj-code-editor \n                                            [value]=\"getContentString(item.message.content)\"\n                                            [readonly]=\"true\"\n                                            [language]=\"getContentLanguage(item.message.content)\"\n                                            style=\"max-height: 600px; overflow-y: auto;\">\n                                        </mj-code-editor>\n                                    </div>\n                                } @else {\n                                    <!-- Non-string content with multiple parts -->\n                                    <div class=\"multi-part-content\">\n                                        @for (part of getContentParts(item.message.content, i); track part.id) {\n                                            <div class=\"content-part\" [class.collapsed]=\"!part.expanded\">\n                                                <div class=\"content-part-label\" (click)=\"toggleContentPart(part.id)\">\n                                                    <div class=\"content-part-label-content\">\n                                                        <i class=\"fa-solid fa-tag\"></i>\n                                                        {{ part.key }}\n                                                    </div>\n                                                    <div class=\"content-part-actions\">\n                                                        <button class=\"content-part-toggle\" type=\"button\"\n                                                                (click)=\"openFullScreen(part.value, part.language, part.key); $event.stopPropagation()\"\n                                                                title=\"View full screen\">\n                                                            <i class=\"fa-solid fa-expand\"></i>\n                                                        </button>\n                                                        <button class=\"content-part-toggle\" type=\"button\">\n                                                            <i [class]=\"part.expanded ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'\"></i>\n                                                        </button>\n                                                    </div>\n                                                </div>\n                                                @if (part.expanded) {\n                                                    <div class=\"content-part-editor\">\n                                                        <mj-code-editor \n                                                            [value]=\"part.value\"\n                                                            [readonly]=\"true\"\n                                                            [language]=\"part.language\"\n                                                            style=\"max-height: 400px; overflow-y: auto;\">\n                                                        </mj-code-editor>\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                        }\n                    </div>\n                }\n            }\n        }\n    </div>\n\n    <!-- Full-screen overlay -->\n    @if (FullScreenContent) {\n        <div class=\"fullscreen-overlay\" (click)=\"closeFullScreen()\">\n            <div class=\"fullscreen-container\" (click)=\"$event.stopPropagation()\">\n                <div class=\"fullscreen-header\">\n                    <span class=\"fullscreen-title\">\n                        <i class=\"fa-solid fa-expand\"></i>\n                        {{ FullScreenTitle }}\n                    </span>\n                    <div class=\"fullscreen-actions\">\n                        <button class=\"action-button\" type=\"button\"\n                                (click)=\"copyToClipboard(FullScreenContent)\"\n                                title=\"Copy content\">\n                            <i class=\"fa-solid fa-copy\"></i>\n                        </button>\n                        <button class=\"action-button\" type=\"button\"\n                                (click)=\"closeFullScreen()\"\n                                title=\"Close\">\n                            <i class=\"fa-solid fa-times\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"fullscreen-body\">\n                    <mj-code-editor\n                        [value]=\"FullScreenContent\"\n                        [readonly]=\"true\"\n                        [language]=\"FullScreenLanguage\"\n                        style=\"height: 100%; width: 100%;\">\n                    </mj-code-editor>\n                </div>\n            </div>\n        </div>\n    }\n</div>", styles: [".chat-message-viewer {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden; /* Prevent overflow from the parent */\n}\n\n\n/* Filter Controls */\n.filter-controls {\n    display: flex;\n    gap: 1.5rem;\n    align-items: center;\n    padding: 0.75rem;\n    background-color: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    margin-bottom: 1rem;\n    flex-shrink: 0; /* Prevent filter from shrinking */\n}\n\n.filter-checkbox {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n}\n\n.filter-checkbox input[type=\"checkbox\"] {\n    margin-right: 0.5rem;\n}\n\n.filter-label {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.filter-label i {\n    font-size: 1rem;\n}\n\n/* Messages Container */\n.messages-container {\n    flex: 1;\n    overflow-y: auto;\n    padding: 0.5rem;\n    padding-bottom: 1rem; /* Small padding at bottom */\n    max-height: 800px;\n}\n\n/* Message Card */\n.message-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    margin-bottom: 0.75rem;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.message-card:hover {\n    box-shadow: var(--mj-shadow-sm);\n}\n\n.message-card:last-child {\n    margin-bottom: 2rem; /* Extra margin on last card to ensure it's fully visible */\n}\n\n.message-card[data-role=\"system\"] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.message-card[data-role=\"user\"] {\n    border-left: 3px solid var(--mj-status-success);\n}\n\n.message-card[data-role=\"assistant\"] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n/* Message Header */\n.message-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background-color: var(--mj-bg-surface-sunken);\n    cursor: pointer;\n    user-select: none;\n}\n\n.message-header:hover {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.message-role {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.sequence-number {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    font-size: 0.85rem;\n    margin-right: 4px;\n}\n\n.message-role i {\n    font-size: 1.125rem;\n}\n\n.content-stats {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-secondary);\n    font-size: 0.8rem;\n    font-weight: 400;\n}\n\n.stat-item {\n    white-space: nowrap;\n}\n\n.stat-divider {\n    color: var(--mj-text-muted);\n}\n\n.role-label {\n    font-weight: 600;\n    font-size: 0.875rem;\n    text-transform: uppercase;\n    letter-spacing: 0.025em;\n}\n\n.message-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.action-button,\n.toggle-button {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s ease;\n}\n\n.action-button:hover,\n.toggle-button:hover {\n    color: var(--mj-text-primary);\n}\n\n.action-button {\n    padding: 0.25rem 0.5rem;\n}\n\n.action-button:hover {\n    color: var(--mj-brand-primary);\n}\n\n/* Message Content */\n.message-content {\n    padding: 1rem;\n}\n\n.content-blocks {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n.content-block-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.375rem;\n    padding: 0.25rem 0.75rem;\n    background-color: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    border-radius: 9999px;\n    font-size: 0.75rem;\n    color: var(--mj-brand-primary-hover);\n}\n\n.content-block-indicator i {\n    font-size: 0.875rem;\n}\n\n/* Text Content */\n.text-content,\n.json-content {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.json-content {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.text-content mj-code-editor,\n.json-content mj-code-editor {\n    display: block;\n    min-height: 100px;\n}\n\n/* Multi-part Content */\n.multi-part-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n}\n\n.content-part {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.content-part-label {\n    background-color: var(--mj-bg-surface-sunken);\n    padding: 0.5rem 1rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    user-select: none;\n    transition: background-color 0.2s;\n}\n\n.content-part-label:hover {\n    background-color: var(--mj-border-default);\n}\n\n.content-part-label-content {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.content-part-label i {\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.content-part-toggle {\n    background: none;\n    border: none;\n    padding: 0.25rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    transition: color 0.2s;\n}\n\n.content-part-toggle:hover {\n    color: var(--mj-text-primary);\n}\n\n.content-part.collapsed .content-part-label {\n    border-bottom: none;\n}\n\n.content-part-editor {\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.content-part-editor mj-code-editor {\n    display: block;\n    min-height: 80px;\n}\n\n/* CodeMirror Overrides for this component */\n.chat-message-viewer .cm-editor {\n    font-size: 0.875rem;\n}\n\n.chat-message-viewer .cm-editor.cm-focused {\n    outline: none;\n}\n\n/* Content part actions (expand + chevron side by side) */\n.content-part-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n/* Full-screen overlay */\n.fullscreen-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 10000;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.6));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1.5rem;\n}\n\n.fullscreen-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    max-width: 95vw;\n    max-height: 95vh;\n    background: var(--mj-bg-surface);\n    border-radius: 10px;\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n}\n\n.fullscreen-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.fullscreen-title {\n    font-weight: 600;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.fullscreen-title i {\n    color: var(--mj-text-secondary);\n}\n\n.fullscreen-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.fullscreen-actions .action-button {\n    font-size: 1rem;\n    padding: 0.375rem 0.5rem;\n}\n\n.fullscreen-body {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.fullscreen-body mj-code-editor {\n    display: block;\n    height: 100%;\n}\n\n/* Responsive adjustments */\n@media (max-width: 640px) {\n    .message-header {\n        flex-wrap: wrap;\n        row-gap: 0.25rem;\n    }\n\n    .content-stats {\n        margin-left: 0;\n        flex-basis: 100%;\n    }\n\n    .filter-controls {\n        flex-wrap: wrap;\n        gap: 0.75rem;\n    }\n\n    .filter-checkbox {\n        min-width: calc(50% - 0.375rem);\n    }\n}\n/* Phone: the role line (#1 System \u00B7 19,142 chars \u00B7 ~3,044 tokens) wraps instead of running\n   past the card; the actions drop to their own line through .message-header's wrap. */\n@media (max-width: 768px) {\n    .message-header {\n        padding: 0.5rem 0.75rem;\n        row-gap: 0.25rem;\n    }\n\n    .message-role {\n        flex-wrap: wrap;\n        min-width: 0;\n        row-gap: 0.25rem;\n    }\n}\n"] }]
     }], null, { messages: [{
             type: Input
         }] }); })();

package/dist/lib/custom/AIPrompts/ai-prompt-form.component.d.ts

@@ -3,8 +3,18 @@ import { MJTemplateEntity, MJTemplateContentEntity, MJTemplateParamEntity, MJAIP
 import { TemplateEditorConfig, TemplateEditorComponent } from '../../shared/components/template-editor.component';
 import { MJAIPromptFormComponent } from '../../generated/Entities/MJAIPrompt/mjaiprompt.form.component';
 import { MJAIModelEntityExtended, MJAIPromptEntityExtended, MJAIPromptRunEntityExtended } from '@memberjunction/ai-core-plus';
+import { PhoneSectionsState } from '../../shared/phone-sections-state';
 import * as i0 from "@angular/core";
 export declare class MJAIPromptFormComponentExtended extends MJAIPromptFormComponent implements OnInit {
+    /** Phone width shows the stacked accordions as sections behind one picker (design call 7A). */
+    Phone: PhoneSectionsState;
+    ngOnDestroy(): void;
+    /** Phone hero (6A): whether the summary line is expanded to show the rest of the hero. */
+    HeroDetailsOpen: boolean;
+    /** Toggles the phone hero between its compact identity row and the full hero. */
+    ToggleHeroDetails(): void;
+    /** The phone hero's one-line summary of what the compact hero leaves out. */
+    get HeroSummary(): string;
     private testHarnessService;
     private viewContainerRef;
     private promptManagementService;

package/dist/lib/custom/AIPrompts/ai-prompt-form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-prompt-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIPrompts/ai-prompt-form.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-prompt-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIPrompts/ai-prompt-form.component.ts"],"names":[],"mappings":"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"}