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

package/dist/VideoStudio/components/vs-copilot-panel.component.js

@@ -0,0 +1,560 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewChild, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AIEngineBase } from '@memberjunction/ai-engine-base';
+import { LogError } from '@memberjunction/core';
+import { MJEnvironmentEntityExtended, VideoStudioSetupHealthOperation, } from '@memberjunction/core-entities';
+import { UUIDsEqual } from '@memberjunction/global';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ConversationsModule } from '@memberjunction/ng-conversations';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { VSProductionBriefComponent, } from './vs-production-brief.component';
+import { VSSetupHealthCardComponent } from './vs-setup-health-card.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-conversations";
+import * as i2 from "@memberjunction/ng-shared-generic";
+const _c0 = ["chatArea"];
+const _c1 = ["briefComponent"];
+function VSCopilotPanelComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 11);
+    i0.ɵɵlistener("click", function VSCopilotPanelComponent_Conditional_1_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnCloseClick()); });
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("AriaLabel", "Close Video Studio");
+} }
+function VSCopilotPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "header", 3)(1, "div", 8);
+    i0.ɵɵelement(2, "i", 9);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(5, VSCopilotPanelComponent_Conditional_1_Conditional_5_Template, 2, 1, "button", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.HeaderTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShowCloseButton ? 5 : -1);
+} }
+function VSCopilotPanelComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "mj-loading", 13);
+    i0.ɵɵelementEnd();
+} }
+function VSCopilotPanelComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵelementStart(2, "p", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.MissingAgentMessage);
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵelementStart(2, "span", 22);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("title", ctx_r1.HeaderTitle);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.HeaderTitle);
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 23);
+    i0.ɵɵlistener("click", function VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleHealthySetupDetails()); });
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("vs-copilot-panel__setup-ok-btn--active", ctx_r1.ShowHealthySetupDetails);
+    i0.ɵɵproperty("AriaLabel", "Setup OK");
+    i0.ɵɵattribute("aria-expanded", ctx_r1.ShowHealthySetupDetails);
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnCloseClick()); });
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("AriaLabel", "Close Video Studio");
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_0_Template, 4, 2, "span", 19);
+    i0.ɵɵconditionalCreate(1, VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_1_Template, 2, 4, "button", 20);
+    i0.ɵɵconditionalCreate(2, VSCopilotPanelComponent_Conditional_5_ng_template_2_Conditional_2_Template, 2, 1, "button", 21);
+} if (rf & 2) {
+    const conversation_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(!conversation_r6 ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsSetupAllOk ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShowCloseButton ? 2 : -1);
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27)(1, "vs-setup-health-card", 37);
+    i0.ɵɵlistener("ExpandedChange", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Conditional_1_Template_vs_setup_health_card_ExpandedChange_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnBriefShowHealthySetupDetailsChange($event)); })("Recheck", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Conditional_1_Template_vs_setup_health_card_Recheck_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CheckSetupHealth()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Result", ctx_r1.SetupHealthResult)("Loading", ctx_r1.IsCheckingSetupHealth)("Expanded", ctx_r1.IsSetupAllOk && ctx_r1.ShowHealthySetupDetails);
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.BriefSummaryLine, " ");
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵconditionalCreate(1, VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Conditional_1_Template, 2, 3, "div", 27);
+    i0.ɵɵelementStart(2, "button", 28);
+    i0.ɵɵlistener("click", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleBriefCollapsed()); });
+    i0.ɵɵelementStart(3, "span", 29)(4, "span", 30);
+    i0.ɵɵelement(5, "i", 31);
+    i0.ɵɵelementStart(6, "span");
+    i0.ɵɵtext(7, "Guided start");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "span", 32);
+    i0.ɵɵtext(9, " Not sure where to begin? Pick a shape, format and sound step by step. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Conditional_10_Template, 2, 1, "span", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(11, "i", 34);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 35)(13, "vs-production-brief", 36, 1);
+    i0.ɵɵlistener("ShowHealthySetupDetailsChange", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template_vs_production_brief_ShowHealthySetupDetailsChange_13_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnBriefShowHealthySetupDetailsChange($event)); })("SetupHealthChange", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template_vs_production_brief_SetupHealthChange_13_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnBriefSetupHealthChange($event)); })("StateChange", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template_vs_production_brief_StateChange_13_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnBriefStateChange($event)); })("StartRequested", function VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template_vs_production_brief_StartRequested_13_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnBriefStartRequested($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ShouldShowCollapsedSetupHealth ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-expanded", !ctx_r1.IsBriefCollapsed);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r1.BriefSummaryLine ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.IsBriefCollapsed)("fa-chevron-right", ctx_r1.IsBriefCollapsed);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("hidden", ctx_r1.IsBriefCollapsed);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse)("AutoCheckSetupHealth", false)("ShowSetupHealthCard", !ctx_r1.IsBriefCollapsed)("SetupHealthResult", ctx_r1.SetupHealthResult)("IsCheckingSetupHealth", ctx_r1.IsCheckingSetupHealth)("ShowHealthySetupDetails", ctx_r1.ShowHealthySetupDetails)("SelectedArchetype", ctx_r1.BriefSelectedArchetype)("SelectedBrandKit", ctx_r1.BriefSelectedBrandKit)("SelectedBrandKitExplicitNone", ctx_r1.BriefSelectedBrandKitExplicitNone)("SelectedFormats", ctx_r1.BriefSelectedFormats)("DurationSeconds", ctx_r1.BriefDurationSeconds)("Topic", ctx_r1.BriefTopic)("SelectedQueries", ctx_r1.BriefSelectedQueries)("NarrationEnabled", ctx_r1.BriefNarrationEnabled)("CaptionsMode", ctx_r1.BriefCaptionsMode);
+} }
+function VSCopilotPanelComponent_Conditional_5_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, VSCopilotPanelComponent_Conditional_5_ng_template_3_Conditional_0_Template, 15, 23, "div", 26);
+} if (rf & 2) {
+    const conversation_r9 = ctx.$implicit;
+    const slotConversationId_r10 = ctx.ConversationId;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(!conversation_r9 && !slotConversationId_r10 && ctx_r1.IsBriefVisible ? 0 : -1);
+} }
+function VSCopilotPanelComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-conversation-chat-area", 16, 0);
+    i0.ɵɵlistener("ComposerDraftConsumed", function VSCopilotPanelComponent_Conditional_5_Template_mj_conversation_chat_area_ComposerDraftConsumed_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnComposerDraftConsumed()); })("ConversationCreated", function VSCopilotPanelComponent_Conditional_5_Template_mj_conversation_chat_area_ConversationCreated_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnChatConversationCreated($event)); })("PendingMessageConsumed", function VSCopilotPanelComponent_Conditional_5_Template_mj_conversation_chat_area_PendingMessageConsumed_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPendingMessageConsumed()); })("PendingArtifactConsumed", function VSCopilotPanelComponent_Conditional_5_Template_mj_conversation_chat_area_PendingArtifactConsumed_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPendingArtifactConsumed()); })("navigationRequest", function VSCopilotPanelComponent_Conditional_5_Template_mj_conversation_chat_area_navigationRequest_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNavigationRequest($event)); });
+    i0.ɵɵtemplate(2, VSCopilotPanelComponent_Conditional_5_ng_template_2_Template, 3, 3, "ng-template", 17)(3, VSCopilotPanelComponent_Conditional_5_ng_template_3_Template, 1, 1, "ng-template", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse)("EnvironmentId", ctx_r1.EnvironmentId)("CurrentUser", ctx_r1.EffectiveCurrentUser)("Conversation", ctx_r1.ActiveConversation)("ConversationId", ctx_r1.ConversationId)("IsNewConversation", ctx_r1.ChatIsNewConversation)("SuppressNewConversationEmptyState", true)("DefaultAgentId", ctx_r1.VideoStudioAgentId)("ShowAgentPicker", false)("ShowAgentModePicker", true)("ComposerDraft", ctx_r1.ComposerDraft)("PendingMessage", ctx_r1.PendingMessage)("PendingArtifactId", ctx_r1.PendingArtifactId)("PendingArtifactVersionNumber", ctx_r1.PendingArtifactVersionNumber)("PendingArtifactConversationId", ctx_r1.ConversationId)("AppContext", ctx_r1.AppContext)("ApplicationScope", "Application")("ApplicationId", ctx_r1.ApplicationId)("ShowArtifactIndicator", true)("AllowAttachments", true);
+} }
+function VSCopilotPanelComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵelementStart(2, "p", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.MissingAgentMessage);
+} }
+/** Canonical AI agent name for the Video Studio orchestrator. */
+export const VIDEO_STUDIO_AGENT_NAME = 'Video Studio';
+/** User-facing message rendered when the Video Studio agent is missing or inaccessible. */
+export const VIDEO_STUDIO_AGENT_MISSING_MESSAGE = "Video Studio isn't installed or you can't run it";
+/**
+ * Shared Video Studio slide-in panel wrapping `<mj-conversation-chat-area>` pinned
+ * to the `'Video Studio'` orchestrator agent, with `<vs-production-brief>` projected
+ * into `mjChatSlot="composerExtra"` before the first message and header controls
+ * projected into `mjChatSlot="headerActions"`.
+ */
+export class VSCopilotPanelComponent extends BaseAngularComponent {
+    _conversationId = null;
+    CurrentUser = null;
+    EnvironmentId = MJEnvironmentEntityExtended.DefaultEnvironmentID;
+    ApplicationId = '';
+    set ConversationId(value) {
+        this._conversationId = value;
+        this.syncConversationMode();
+    }
+    get ConversationId() {
+        return this._conversationId;
+    }
+    PendingMessage = null;
+    PendingArtifactId = null;
+    PendingArtifactVersionNumber = null;
+    AppContext = null;
+    HeaderTitle = 'Video Studio';
+    ShowCloseButton = false;
+    SetupHealthResult = null;
+    BriefSelectedArchetype = null;
+    BriefSelectedBrandKit = null;
+    BriefSelectedBrandKitExplicitNone = false;
+    BriefSelectedFormats = ['16:9'];
+    BriefDurationSeconds = 30;
+    BriefTopic = '';
+    BriefSelectedQueries = [];
+    BriefNarrationEnabled = true;
+    BriefCaptionsMode = 'Burned';
+    ConversationCreated = new EventEmitter();
+    PendingMessageConsumed = new EventEmitter();
+    PendingArtifactConsumed = new EventEmitter();
+    NavigationRequest = new EventEmitter();
+    CloseRequested = new EventEmitter();
+    BriefStateChange = new EventEmitter();
+    BriefStartRequested = new EventEmitter();
+    chatArea;
+    BriefComponent;
+    VideoStudioAgentId = null;
+    IsResolvingAgent = true;
+    AgentMissing = false;
+    ActiveConversation = null;
+    ChatIsNewConversation = true;
+    ComposerDraft = null;
+    IsBriefCollapsed = true;
+    BriefSummaryLine = '';
+    IsCheckingSetupHealth = false;
+    ShowHealthySetupDetails = false;
+    cdr = inject(ChangeDetectorRef);
+    async ngOnInit() {
+        this.syncConversationMode();
+        if (!this.SetupHealthResult &&
+            !this.IsCheckingSetupHealth &&
+            this.ProviderToUse &&
+            'ExecuteGQL' in this.ProviderToUse) {
+            void this.CheckSetupHealth();
+        }
+        await this.ResolveVideoStudioAgent();
+    }
+    ngOnChanges(changes) {
+        if (changes['PendingArtifactId'] &&
+            this.PendingArtifactId &&
+            !changes['ConversationId'] &&
+            this.ConversationId) {
+            this.OpenIterateArtifact(this.PendingArtifactId, this.PendingArtifactVersionNumber);
+        }
+    }
+    get IsImageViewerOpen() {
+        return Boolean(this.chatArea?.ShowImageViewer);
+    }
+    get IsCreatingConversation() {
+        return ((this.ChatIsNewConversation && Boolean(this.chatArea?.IsProcessing)) ||
+            Boolean(this.PendingMessage));
+    }
+    /**
+     * Opens an artifact directly on the active `<mj-conversation-chat-area>` when
+     * `Iterate` is clicked for a production whose conversation is already loaded.
+     */
+    OpenIterateArtifact(artifactId, versionNumber = null) {
+        const trimmedId = (artifactId ?? '').trim();
+        if (!trimmedId || !this.chatArea) {
+            return false;
+        }
+        let versionId;
+        if (versionNumber != null && this.chatArea.ArtifactsByDetailId) {
+            for (const list of this.chatArea.ArtifactsByDetailId.values()) {
+                for (const info of list) {
+                    if (UUIDsEqual(info.artifactId, trimmedId) &&
+                        info.versionNumber === versionNumber &&
+                        info.artifactVersionId) {
+                        versionId = info.artifactVersionId;
+                        break;
+                    }
+                }
+                if (versionId) {
+                    break;
+                }
+            }
+        }
+        if (typeof this.chatArea.OnArtifactClicked === 'function') {
+            void this.chatArea.OnArtifactClicked({
+                artifactId: trimmedId,
+                ...(versionId ? { versionId } : {}),
+            });
+            if (versionNumber != null) {
+                this.chatArea.SelectedVersionNumber = versionNumber;
+            }
+            this.OnPendingArtifactConsumed();
+            return true;
+        }
+        return false;
+    }
+    get IsBriefVisible() {
+        return this.ChatIsNewConversation && !this.ConversationId && !this.ActiveConversation;
+    }
+    ToggleBriefCollapsed() {
+        this.IsBriefCollapsed = !this.IsBriefCollapsed;
+        this.cdr.markForCheck();
+    }
+    get IsSetupAllOk() {
+        return Boolean(this.SetupHealthResult &&
+            this.SetupHealthResult.Healthy &&
+            (this.SetupHealthResult.Checks ?? []).every((check) => check.Status === 'OK'));
+    }
+    get ShouldShowCollapsedSetupHealth() {
+        if (!this.IsBriefCollapsed || !this.SetupHealthResult) {
+            return false;
+        }
+        if (this.IsSetupAllOk) {
+            return this.ShowHealthySetupDetails;
+        }
+        return true;
+    }
+    async CheckSetupHealth() {
+        this.IsCheckingSetupHealth = true;
+        this.cdr.markForCheck();
+        try {
+            const res = await new VideoStudioSetupHealthOperation().Execute({}, { provider: this.ProviderToUse });
+            if (res.Success && res.Output) {
+                this.SetupHealthResult = res.Output;
+            }
+        }
+        catch {
+            // Handled by brief when rendered
+        }
+        finally {
+            this.IsCheckingSetupHealth = false;
+            this.cdr.markForCheck();
+        }
+    }
+    OnBriefSetupHealthChange(event) {
+        this.SetupHealthResult = event.Result;
+        this.IsCheckingSetupHealth = event.Loading;
+        if (!this.IsSetupAllOk) {
+            this.ShowHealthySetupDetails = false;
+        }
+        this.cdr.markForCheck();
+    }
+    OnBriefShowHealthySetupDetailsChange(expanded) {
+        this.ShowHealthySetupDetails = expanded;
+        this.cdr.markForCheck();
+    }
+    ToggleHealthySetupDetails() {
+        this.ShowHealthySetupDetails = !this.ShowHealthySetupDetails;
+        this.cdr.markForCheck();
+    }
+    OnBriefStateChange(snapshot) {
+        this.AppContext = { ...(this.AppContext ?? {}), ...snapshot.AppContext };
+        const hasTopic = (snapshot.Topic ?? this.BriefComponent?.Topic ?? '').trim().length > 0;
+        this.BriefSummaryLine = hasTopic ? (this.BriefComponent?.SummaryLine ?? '') : '';
+        this.BriefStateChange.emit(snapshot);
+        this.cdr.markForCheck();
+    }
+    OnBriefStartRequested(event) {
+        this.AppContext = { ...(this.AppContext ?? {}), ...event.AppContext };
+        this.chatArea?.initialDraftSnapshots?.delete('new');
+        this.ComposerDraft = event.Message;
+        this.BriefStartRequested.emit(event);
+        this.cdr.markForCheck();
+    }
+    OnComposerDraftConsumed() {
+        this.ComposerDraft = null;
+        this.cdr.markForCheck();
+    }
+    /**
+     * Resolves the `'Video Studio'` agent ID via `AIEngineBase.GetProviderInstance`.
+     * Logs an error and enters the inline missing-agent state if the agent cannot be found.
+     */
+    async ResolveVideoStudioAgent() {
+        this.IsResolvingAgent = true;
+        this.AgentMissing = false;
+        this.cdr.markForCheck();
+        try {
+            const user = this.CurrentUser ?? this.ProviderToUse?.CurrentUser ?? undefined;
+            const aiEngine = AIEngineBase.GetProviderInstance(this.ProviderToUse, AIEngineBase);
+            await aiEngine.Config(false, user, this.ProviderToUse);
+            const match = aiEngine.Agents?.find((a) => a.Name?.trim().toLowerCase() === VIDEO_STUDIO_AGENT_NAME.toLowerCase()) ?? null;
+            if (match?.ID) {
+                this.VideoStudioAgentId = match.ID;
+                this.AgentMissing = false;
+            }
+            else {
+                this.VideoStudioAgentId = null;
+                this.AgentMissing = true;
+                LogError(`VSCopilotPanelComponent: '${VIDEO_STUDIO_AGENT_NAME}' agent not found — ${VIDEO_STUDIO_AGENT_MISSING_MESSAGE}`);
+            }
+        }
+        catch (err) {
+            this.VideoStudioAgentId = null;
+            this.AgentMissing = true;
+            const detail = err instanceof Error ? err.message : String(err);
+            LogError(`VSCopilotPanelComponent.ResolveVideoStudioAgent: ${VIDEO_STUDIO_AGENT_MISSING_MESSAGE} (${detail})`);
+        }
+        finally {
+            this.IsResolvingAgent = false;
+            this.cdr.markForCheck();
+        }
+    }
+    get EffectiveCurrentUser() {
+        return this.CurrentUser ?? this.ProviderToUse?.CurrentUser ?? null;
+    }
+    get MissingAgentMessage() {
+        return VIDEO_STUDIO_AGENT_MISSING_MESSAGE;
+    }
+    OnChatConversationCreated(event) {
+        this.ActiveConversation = event.conversation;
+        this.ConversationId = event.conversation.ID;
+        this.ChatIsNewConversation = false;
+        if (event.pendingMessage !== undefined) {
+            this.PendingMessage = event.pendingMessage ?? null;
+        }
+        this.ConversationCreated.emit(event);
+        this.cdr.markForCheck();
+    }
+    OnPendingMessageConsumed() {
+        this.PendingMessage = null;
+        this.PendingMessageConsumed.emit();
+        this.cdr.markForCheck();
+    }
+    OnPendingArtifactConsumed() {
+        this.PendingArtifactId = null;
+        this.PendingArtifactVersionNumber = null;
+        this.PendingArtifactConsumed.emit();
+        this.cdr.markForCheck();
+    }
+    OnNavigationRequest(event) {
+        this.NavigationRequest.emit(event);
+    }
+    OnCloseClick() {
+        this.CloseRequested.emit();
+    }
+    syncConversationMode() {
+        const trimmed = this.ConversationId?.trim() ?? '';
+        if (trimmed.length > 0) {
+            this.ChatIsNewConversation = false;
+            if (this.ActiveConversation && !UUIDsEqual(this.ActiveConversation.ID, trimmed)) {
+                this.ActiveConversation = null;
+            }
+        }
+        else {
+            if (!this.ChatIsNewConversation) {
+                this.IsBriefCollapsed = true;
+            }
+            this.ChatIsNewConversation = true;
+            this.ActiveConversation = null;
+        }
+        this.cdr.markForCheck();
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵVSCopilotPanelComponent_BaseFactory; return function VSCopilotPanelComponent_Factory(__ngFactoryType__) { return (ɵVSCopilotPanelComponent_BaseFactory || (ɵVSCopilotPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(VSCopilotPanelComponent)))(__ngFactoryType__ || VSCopilotPanelComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VSCopilotPanelComponent, selectors: [["vs-copilot-panel"], ["mj-vs-copilot-panel"]], viewQuery: function VSCopilotPanelComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5)(_c1, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chatArea = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.BriefComponent = _t.first);
+        } }, inputs: { CurrentUser: "CurrentUser", EnvironmentId: "EnvironmentId", ApplicationId: "ApplicationId", ConversationId: "ConversationId", PendingMessage: "PendingMessage", PendingArtifactId: "PendingArtifactId", PendingArtifactVersionNumber: "PendingArtifactVersionNumber", AppContext: "AppContext", HeaderTitle: "HeaderTitle", ShowCloseButton: "ShowCloseButton", SetupHealthResult: "SetupHealthResult", BriefSelectedArchetype: "BriefSelectedArchetype", BriefSelectedBrandKit: "BriefSelectedBrandKit", BriefSelectedBrandKitExplicitNone: "BriefSelectedBrandKitExplicitNone", BriefSelectedFormats: "BriefSelectedFormats", BriefDurationSeconds: "BriefDurationSeconds", BriefTopic: "BriefTopic", BriefSelectedQueries: "BriefSelectedQueries", BriefNarrationEnabled: "BriefNarrationEnabled", BriefCaptionsMode: "BriefCaptionsMode" }, outputs: { ConversationCreated: "ConversationCreated", PendingMessageConsumed: "PendingMessageConsumed", PendingArtifactConsumed: "PendingArtifactConsumed", NavigationRequest: "NavigationRequest", CloseRequested: "CloseRequested", BriefStateChange: "BriefStateChange", BriefStartRequested: "BriefStartRequested" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 7, vars: 2, consts: [["chatArea", ""], ["briefComponent", ""], ["data-testid", "vs-copilot-panel", 1, "vs-copilot-panel"], [1, "vs-copilot-panel__header"], [1, "vs-copilot-panel__body"], ["data-testid", "vs-copilot-loading", 1, "vs-copilot-panel__loading"], ["data-testid", "vs-copilot-agent-missing", "role", "status", 1, "vs-copilot-panel__missing"], ["data-testid", "vs-copilot-chat-area", 3, "Provider", "EnvironmentId", "CurrentUser", "Conversation", "ConversationId", "IsNewConversation", "SuppressNewConversationEmptyState", "DefaultAgentId", "ShowAgentPicker", "ShowAgentModePicker", "ComposerDraft", "PendingMessage", "PendingArtifactId", "PendingArtifactVersionNumber", "PendingArtifactConversationId", "AppContext", "ApplicationScope", "ApplicationId", "ShowArtifactIndicator", "AllowAttachments"], ["data-testid", "vs-copilot-header-title", 1, "vs-copilot-panel__title"], ["aria-hidden", "true", 1, "fa-solid", "fa-wand-magic-sparkles"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "data-testid", "vs-copilot-close-button", "title", "Close Video Studio", 3, "AriaLabel"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "data-testid", "vs-copilot-close-button", "title", "Close Video Studio", 3, "click", "AriaLabel"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], ["Text", "Connecting to Video Studio...", "Size", "small"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], [1, "vs-copilot-panel__missing-text"], ["data-testid", "vs-copilot-chat-area", 3, "ComposerDraftConsumed", "ConversationCreated", "PendingMessageConsumed", "PendingArtifactConsumed", "navigationRequest", "Provider", "EnvironmentId", "CurrentUser", "Conversation", "ConversationId", "IsNewConversation", "SuppressNewConversationEmptyState", "DefaultAgentId", "ShowAgentPicker", "ShowAgentModePicker", "ComposerDraft", "PendingMessage", "PendingArtifactId", "PendingArtifactVersionNumber", "PendingArtifactConversationId", "AppContext", "ApplicationScope", "ApplicationId", "ShowArtifactIndicator", "AllowAttachments"], ["mjChatSlot", "headerActions"], ["mjChatSlot", "composerExtra"], ["data-testid", "vs-copilot-header-title", 1, "vs-copilot-panel__title", "vs-copilot-panel__slot-title", 3, "title"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "data-testid", "vs-setup-ok-header-button", "title", "Setup OK", 1, "vs-copilot-panel__icon-btn", "vs-copilot-panel__setup-ok-btn", 3, "vs-copilot-panel__setup-ok-btn--active", "AriaLabel"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "data-testid", "vs-copilot-close-button", "title", "Close Video Studio", 1, "vs-copilot-panel__icon-btn", "vs-copilot-panel__close-btn", 3, "AriaLabel"], [1, "vs-copilot-panel__title-text"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "data-testid", "vs-setup-ok-header-button", "title", "Setup OK", 1, "vs-copilot-panel__icon-btn", "vs-copilot-panel__setup-ok-btn", 3, "click", "AriaLabel"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-check"], ["type", "button", "mjButton", "", "Variant", "icon", "Size", "sm", "data-testid", "vs-copilot-close-button", "title", "Close Video Studio", 1, "vs-copilot-panel__icon-btn", "vs-copilot-panel__close-btn", 3, "click", "AriaLabel"], ["data-testid", "vs-copilot-brief-drawer", 1, "vs-copilot-brief-drawer"], ["data-testid", "vs-copilot-collapsed-setup-health", 1, "vs-copilot-brief-drawer__health"], ["type", "button", "data-testid", "vs-copilot-brief-toggle", 1, "vs-copilot-brief-drawer__header", 3, "click"], [1, "vs-copilot-brief-drawer__lead"], [1, "vs-copilot-brief-drawer__title"], ["aria-hidden", "true", 1, "fa-solid", "fa-compass"], ["data-testid", "vs-copilot-brief-subtitle", 1, "vs-copilot-brief-drawer__subtitle"], ["data-testid", "vs-copilot-brief-toggle-summary", 1, "vs-copilot-brief-drawer__summary"], ["aria-hidden", "true", 1, "fa-solid", "vs-copilot-brief-drawer__chevron"], ["data-testid", "vs-copilot-brief-drawer-body", 1, "vs-copilot-brief-drawer__body", 3, "hidden"], [3, "ShowHealthySetupDetailsChange", "SetupHealthChange", "StateChange", "StartRequested", "Provider", "AutoCheckSetupHealth", "ShowSetupHealthCard", "SetupHealthResult", "IsCheckingSetupHealth", "ShowHealthySetupDetails", "SelectedArchetype", "SelectedBrandKit", "SelectedBrandKitExplicitNone", "SelectedFormats", "DurationSeconds", "Topic", "SelectedQueries", "NarrationEnabled", "CaptionsMode"], [3, "ExpandedChange", "Recheck", "Result", "Loading", "Expanded"]], template: function VSCopilotPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "aside", 2);
+            i0.ɵɵconditionalCreate(1, VSCopilotPanelComponent_Conditional_1_Template, 6, 2, "header", 3);
+            i0.ɵɵelementStart(2, "div", 4);
+            i0.ɵɵconditionalCreate(3, VSCopilotPanelComponent_Conditional_3_Template, 2, 0, "div", 5)(4, VSCopilotPanelComponent_Conditional_4_Template, 4, 1, "div", 6)(5, VSCopilotPanelComponent_Conditional_5_Template, 4, 20, "mj-conversation-chat-area", 7)(6, VSCopilotPanelComponent_Conditional_6_Template, 4, 1, "div", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsResolvingAgent || ctx.AgentMissing || !ctx.VideoStudioAgentId || !ctx.EffectiveCurrentUser ? 1 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsResolvingAgent ? 3 : ctx.AgentMissing || !ctx.VideoStudioAgentId ? 4 : ctx.EffectiveCurrentUser ? 5 : 6);
+        } }, dependencies: [CommonModule,
+            ConversationsModule, i1.ConversationChatAreaComponent, i1.ChatSlotDirective, SharedGenericModule, i2.LoadingComponent, MJButtonDirective,
+            VSProductionBriefComponent,
+            VSSetupHealthCardComponent], styles: ["[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n}\n\n.vs-copilot-panel[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n}\n\n.vs-copilot-panel__header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-2-5) var(--mj-space-3-5);\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.vs-copilot-panel__title[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  order: -1;\n  margin-right: 0;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.vs-copilot-panel__title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-panel__icon-btn[_ngcontent-%COMP%] {\n  width: 26px;\n  height: 26px;\n  min-width: 26px;\n  min-height: 26px;\n  padding: 0;\n  flex-shrink: 0;\n}\n\n.vs-copilot-panel__setup-ok-btn[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.vs-copilot-panel__setup-ok-btn--active[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n}\n\n@media (max-width: 1180px) {\n  .vs-copilot-panel__slot-title[_ngcontent-%COMP%]   .vs-copilot-panel__title-text[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .vs-copilot-panel__icon-btn[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    min-width: 24px;\n    min-height: 24px;\n  }\n}\n\n.vs-copilot-panel__body[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-copilot-panel__body[_ngcontent-%COMP%]   mj-conversation-chat-area[_ngcontent-%COMP%] {\n  display: block;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n}\n\n.vs-copilot-panel__loading[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: var(--mj-space-6);\n}\n\n.vs-copilot-panel__missing[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--mj-space-2-5);\n  flex: 1;\n  padding: var(--mj-space-6);\n  margin: var(--mj-space-4);\n  border-radius: var(--mj-radius-md);\n  border: 1px solid var(--mj-status-warning-border);\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-text-primary);\n  text-align: center;\n}\n\n.vs-copilot-panel__missing[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xl);\n  color: var(--mj-status-warning);\n}\n\n.vs-copilot-panel__missing-text[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n}\n\n.vs-copilot-brief-drawer[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n}\n\n.vs-copilot-brief-drawer__health[_ngcontent-%COMP%] {\n  max-height: calc(100vh - 300px);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  overflow-y: auto;\n}\n\n.vs-copilot-brief-drawer__header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2-5);\n  width: 100%;\n  padding: var(--mj-space-2-5) var(--mj-space-3);\n  border: none;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: var(--mj-transition-fast);\n  flex-shrink: 0;\n}\n\n.vs-copilot-brief-drawer__header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.vs-copilot-brief-drawer__header[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-copilot-brief-drawer__lead[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-0-5);\n  min-width: 0;\n  flex: 1;\n}\n\n.vs-copilot-brief-drawer__title[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1-5);\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.vs-copilot-brief-drawer__title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-brief-drawer__subtitle[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  line-height: var(--mj-leading-snug);\n}\n\n.vs-copilot-brief-drawer__summary[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.vs-copilot-brief-drawer__chevron[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n.vs-copilot-brief-drawer__body[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  max-height: calc(100vh - 340px);\n  min-height: 0;\n  border-top: 1px solid var(--mj-border-default);\n  overflow: hidden;\n}\n\n.vs-copilot-brief-drawer__body[hidden][_ngcontent-%COMP%] {\n  display: none;\n}\n\n.vs-copilot-brief-drawer__body[_ngcontent-%COMP%]   vs-production-brief[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-copilot-brief-drawer__header[_ngcontent-%COMP%] {\n    transition: none;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VSCopilotPanelComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'vs-copilot-panel, mj-vs-copilot-panel', imports: [
+                    CommonModule,
+                    ConversationsModule,
+                    SharedGenericModule,
+                    MJButtonDirective,
+                    VSProductionBriefComponent,
+                    VSSetupHealthCardComponent,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aside class=\"vs-copilot-panel\" data-testid=\"vs-copilot-panel\">\n  @if (IsResolvingAgent || AgentMissing || !VideoStudioAgentId || !EffectiveCurrentUser) {\n    <header class=\"vs-copilot-panel__header\">\n      <div class=\"vs-copilot-panel__title\" data-testid=\"vs-copilot-header-title\">\n        <i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"></i>\n        <span>{{ HeaderTitle }}</span>\n      </div>\n      @if (ShowCloseButton) {\n        <button\n          type=\"button\"\n          mjButton\n          Variant=\"icon\"\n          Size=\"sm\"\n          [AriaLabel]=\"'Close Video Studio'\"\n          data-testid=\"vs-copilot-close-button\"\n          title=\"Close Video Studio\"\n          (click)=\"OnCloseClick()\"\n        >\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </header>\n  }\n\n  <div class=\"vs-copilot-panel__body\">\n    @if (IsResolvingAgent) {\n      <div class=\"vs-copilot-panel__loading\" data-testid=\"vs-copilot-loading\">\n        <mj-loading Text=\"Connecting to Video Studio...\" Size=\"small\"></mj-loading>\n      </div>\n    } @else if (AgentMissing || !VideoStudioAgentId) {\n      <div\n        class=\"vs-copilot-panel__missing\"\n        data-testid=\"vs-copilot-agent-missing\"\n        role=\"status\"\n      >\n        <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"></i>\n        <p class=\"vs-copilot-panel__missing-text\">{{ MissingAgentMessage }}</p>\n      </div>\n    } @else if (EffectiveCurrentUser) {\n      <mj-conversation-chat-area\n        #chatArea\n        data-testid=\"vs-copilot-chat-area\"\n        [Provider]=\"ProviderToUse\"\n        [EnvironmentId]=\"EnvironmentId\"\n        [CurrentUser]=\"EffectiveCurrentUser\"\n        [Conversation]=\"ActiveConversation\"\n        [ConversationId]=\"ConversationId\"\n        [IsNewConversation]=\"ChatIsNewConversation\"\n        [SuppressNewConversationEmptyState]=\"true\"\n        [DefaultAgentId]=\"VideoStudioAgentId\"\n        [ShowAgentPicker]=\"false\"\n        [ShowAgentModePicker]=\"true\"\n        [ComposerDraft]=\"ComposerDraft\"\n        [PendingMessage]=\"PendingMessage\"\n        [PendingArtifactId]=\"PendingArtifactId\"\n        [PendingArtifactVersionNumber]=\"PendingArtifactVersionNumber\"\n        [PendingArtifactConversationId]=\"ConversationId\"\n        [AppContext]=\"AppContext\"\n        [ApplicationScope]=\"'Application'\"\n        [ApplicationId]=\"ApplicationId\"\n        [ShowArtifactIndicator]=\"true\"\n        [AllowAttachments]=\"true\"\n        (ComposerDraftConsumed)=\"OnComposerDraftConsumed()\"\n        (ConversationCreated)=\"OnChatConversationCreated($event)\"\n        (PendingMessageConsumed)=\"OnPendingMessageConsumed()\"\n        (PendingArtifactConsumed)=\"OnPendingArtifactConsumed()\"\n        (navigationRequest)=\"OnNavigationRequest($event)\"\n      >\n        <ng-template mjChatSlot=\"headerActions\" let-conversation>\n          @if (!conversation) {\n            <span\n              class=\"vs-copilot-panel__title vs-copilot-panel__slot-title\"\n              data-testid=\"vs-copilot-header-title\"\n              [title]=\"HeaderTitle\"\n            >\n              <i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"></i>\n              <span class=\"vs-copilot-panel__title-text\">{{ HeaderTitle }}</span>\n            </span>\n          }\n          @if (IsSetupAllOk) {\n            <button\n              type=\"button\"\n              mjButton\n              Variant=\"icon\"\n              Size=\"sm\"\n              class=\"vs-copilot-panel__icon-btn vs-copilot-panel__setup-ok-btn\"\n              [class.vs-copilot-panel__setup-ok-btn--active]=\"ShowHealthySetupDetails\"\n              [AriaLabel]=\"'Setup OK'\"\n              [attr.aria-expanded]=\"ShowHealthySetupDetails\"\n              data-testid=\"vs-setup-ok-header-button\"\n              title=\"Setup OK\"\n              (click)=\"ToggleHealthySetupDetails()\"\n            >\n              <i class=\"fa-solid fa-circle-check\" aria-hidden=\"true\"></i>\n            </button>\n          }\n          @if (ShowCloseButton) {\n            <button\n              type=\"button\"\n              mjButton\n              Variant=\"icon\"\n              Size=\"sm\"\n              class=\"vs-copilot-panel__icon-btn vs-copilot-panel__close-btn\"\n              [AriaLabel]=\"'Close Video Studio'\"\n              data-testid=\"vs-copilot-close-button\"\n              title=\"Close Video Studio\"\n              (click)=\"OnCloseClick()\"\n            >\n              <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n            </button>\n          }\n        </ng-template>\n        <ng-template\n          mjChatSlot=\"composerExtra\"\n          let-conversation\n          let-slotConversationId=\"ConversationId\"\n        >\n          @if (!conversation && !slotConversationId && IsBriefVisible) {\n            <div class=\"vs-copilot-brief-drawer\" data-testid=\"vs-copilot-brief-drawer\">\n              @if (ShouldShowCollapsedSetupHealth) {\n                <div\n                  class=\"vs-copilot-brief-drawer__health\"\n                  data-testid=\"vs-copilot-collapsed-setup-health\"\n                >\n                  <vs-setup-health-card\n                    [Result]=\"SetupHealthResult\"\n                    [Loading]=\"IsCheckingSetupHealth\"\n                    [Expanded]=\"IsSetupAllOk && ShowHealthySetupDetails\"\n                    (ExpandedChange)=\"OnBriefShowHealthySetupDetailsChange($event)\"\n                    (Recheck)=\"CheckSetupHealth()\"\n                  ></vs-setup-health-card>\n                </div>\n              }\n              <button\n                type=\"button\"\n                class=\"vs-copilot-brief-drawer__header\"\n                data-testid=\"vs-copilot-brief-toggle\"\n                [attr.aria-expanded]=\"!IsBriefCollapsed\"\n                (click)=\"ToggleBriefCollapsed()\"\n              >\n                <span class=\"vs-copilot-brief-drawer__lead\">\n                  <span class=\"vs-copilot-brief-drawer__title\">\n                    <i class=\"fa-solid fa-compass\" aria-hidden=\"true\"></i>\n                    <span>Guided start</span>\n                  </span>\n                  <span\n                    class=\"vs-copilot-brief-drawer__subtitle\"\n                    data-testid=\"vs-copilot-brief-subtitle\"\n                  >\n                    Not sure where to begin? Pick a shape, format and sound step by step.\n                  </span>\n                  @if (BriefSummaryLine) {\n                    <span\n                      class=\"vs-copilot-brief-drawer__summary\"\n                      data-testid=\"vs-copilot-brief-toggle-summary\"\n                    >\n                      {{ BriefSummaryLine }}\n                    </span>\n                  }\n                </span>\n                <i\n                  class=\"fa-solid vs-copilot-brief-drawer__chevron\"\n                  [class.fa-chevron-down]=\"!IsBriefCollapsed\"\n                  [class.fa-chevron-right]=\"IsBriefCollapsed\"\n                  aria-hidden=\"true\"\n                ></i>\n              </button>\n              <div\n                class=\"vs-copilot-brief-drawer__body\"\n                [hidden]=\"IsBriefCollapsed\"\n                data-testid=\"vs-copilot-brief-drawer-body\"\n              >\n                <vs-production-brief\n                  #briefComponent\n                  [Provider]=\"ProviderToUse\"\n                  [AutoCheckSetupHealth]=\"false\"\n                  [ShowSetupHealthCard]=\"!IsBriefCollapsed\"\n                  [SetupHealthResult]=\"SetupHealthResult\"\n                  [IsCheckingSetupHealth]=\"IsCheckingSetupHealth\"\n                  [ShowHealthySetupDetails]=\"ShowHealthySetupDetails\"\n                  [SelectedArchetype]=\"BriefSelectedArchetype\"\n                  [SelectedBrandKit]=\"BriefSelectedBrandKit\"\n                  [SelectedBrandKitExplicitNone]=\"BriefSelectedBrandKitExplicitNone\"\n                  [SelectedFormats]=\"BriefSelectedFormats\"\n                  [DurationSeconds]=\"BriefDurationSeconds\"\n                  [Topic]=\"BriefTopic\"\n                  [SelectedQueries]=\"BriefSelectedQueries\"\n                  [NarrationEnabled]=\"BriefNarrationEnabled\"\n                  [CaptionsMode]=\"BriefCaptionsMode\"\n                  (ShowHealthySetupDetailsChange)=\"OnBriefShowHealthySetupDetailsChange($event)\"\n                  (SetupHealthChange)=\"OnBriefSetupHealthChange($event)\"\n                  (StateChange)=\"OnBriefStateChange($event)\"\n                  (StartRequested)=\"OnBriefStartRequested($event)\"\n                ></vs-production-brief>\n              </div>\n            </div>\n          }\n        </ng-template>\n      </mj-conversation-chat-area>\n    } @else {\n      <div\n        class=\"vs-copilot-panel__missing\"\n        data-testid=\"vs-copilot-agent-missing\"\n        role=\"status\"\n      >\n        <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"></i>\n        <p class=\"vs-copilot-panel__missing-text\">{{ MissingAgentMessage }}</p>\n      </div>\n    }\n  </div>\n</aside>\n\n", styles: [":host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n}\n\n.vs-copilot-panel {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n}\n\n.vs-copilot-panel__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-2-5) var(--mj-space-3-5);\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.vs-copilot-panel__title {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  order: -1;\n  margin-right: 0;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.vs-copilot-panel__title i {\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-panel__icon-btn {\n  width: 26px;\n  height: 26px;\n  min-width: 26px;\n  min-height: 26px;\n  padding: 0;\n  flex-shrink: 0;\n}\n\n.vs-copilot-panel__setup-ok-btn {\n  color: var(--mj-status-success);\n}\n\n.vs-copilot-panel__setup-ok-btn--active {\n  background: var(--mj-bg-surface-sunken);\n}\n\n@media (max-width: 1180px) {\n  .vs-copilot-panel__slot-title .vs-copilot-panel__title-text {\n    display: none;\n  }\n\n  .vs-copilot-panel__icon-btn {\n    width: 24px;\n    height: 24px;\n    min-width: 24px;\n    min-height: 24px;\n  }\n}\n\n.vs-copilot-panel__body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-copilot-panel__body mj-conversation-chat-area {\n  display: block;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n}\n\n.vs-copilot-panel__loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: var(--mj-space-6);\n}\n\n.vs-copilot-panel__missing {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--mj-space-2-5);\n  flex: 1;\n  padding: var(--mj-space-6);\n  margin: var(--mj-space-4);\n  border-radius: var(--mj-radius-md);\n  border: 1px solid var(--mj-status-warning-border);\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-text-primary);\n  text-align: center;\n}\n\n.vs-copilot-panel__missing i {\n  font-size: var(--mj-text-xl);\n  color: var(--mj-status-warning);\n}\n\n.vs-copilot-panel__missing-text {\n  margin: 0;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n}\n\n.vs-copilot-brief-drawer {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n}\n\n.vs-copilot-brief-drawer__health {\n  max-height: calc(100vh - 300px);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  overflow-y: auto;\n}\n\n.vs-copilot-brief-drawer__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2-5);\n  width: 100%;\n  padding: var(--mj-space-2-5) var(--mj-space-3);\n  border: none;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: var(--mj-transition-fast);\n  flex-shrink: 0;\n}\n\n.vs-copilot-brief-drawer__header:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.vs-copilot-brief-drawer__header:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-copilot-brief-drawer__lead {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-0-5);\n  min-width: 0;\n  flex: 1;\n}\n\n.vs-copilot-brief-drawer__title {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1-5);\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.vs-copilot-brief-drawer__title i {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-brief-drawer__subtitle {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  line-height: var(--mj-leading-snug);\n}\n\n.vs-copilot-brief-drawer__summary {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.vs-copilot-brief-drawer__chevron {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n.vs-copilot-brief-drawer__body {\n  display: flex;\n  flex-direction: column;\n  max-height: calc(100vh - 340px);\n  min-height: 0;\n  border-top: 1px solid var(--mj-border-default);\n  overflow: hidden;\n}\n\n.vs-copilot-brief-drawer__body[hidden] {\n  display: none;\n}\n\n.vs-copilot-brief-drawer__body vs-production-brief {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-copilot-brief-drawer__header {\n    transition: none;\n  }\n}\n"] }]
+    }], null, { CurrentUser: [{
+            type: Input
+        }], EnvironmentId: [{
+            type: Input
+        }], ApplicationId: [{
+            type: Input
+        }], ConversationId: [{
+            type: Input
+        }], PendingMessage: [{
+            type: Input
+        }], PendingArtifactId: [{
+            type: Input
+        }], PendingArtifactVersionNumber: [{
+            type: Input
+        }], AppContext: [{
+            type: Input
+        }], HeaderTitle: [{
+            type: Input
+        }], ShowCloseButton: [{
+            type: Input
+        }], SetupHealthResult: [{
+            type: Input
+        }], BriefSelectedArchetype: [{
+            type: Input
+        }], BriefSelectedBrandKit: [{
+            type: Input
+        }], BriefSelectedBrandKitExplicitNone: [{
+            type: Input
+        }], BriefSelectedFormats: [{
+            type: Input
+        }], BriefDurationSeconds: [{
+            type: Input
+        }], BriefTopic: [{
+            type: Input
+        }], BriefSelectedQueries: [{
+            type: Input
+        }], BriefNarrationEnabled: [{
+            type: Input
+        }], BriefCaptionsMode: [{
+            type: Input
+        }], ConversationCreated: [{
+            type: Output
+        }], PendingMessageConsumed: [{
+            type: Output
+        }], PendingArtifactConsumed: [{
+            type: Output
+        }], NavigationRequest: [{
+            type: Output
+        }], CloseRequested: [{
+            type: Output
+        }], BriefStateChange: [{
+            type: Output
+        }], BriefStartRequested: [{
+            type: Output
+        }], chatArea: [{
+            type: ViewChild,
+            args: ['chatArea']
+        }], BriefComponent: [{
+            type: ViewChild,
+            args: ['briefComponent']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VSCopilotPanelComponent, { className: "VSCopilotPanelComponent", filePath: "src/VideoStudio/components/vs-copilot-panel.component.ts", lineNumber: 96 }); })();
+//# sourceMappingURL=vs-copilot-panel.component.js.map