@memberjunction/ng-dashboards 6.2.0-edge.6 → 6.2.0-edge.8

package/dist/VideoStudio/components/vs-production-brief.component.js

@@ -0,0 +1,1054 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewChildren, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { LogError, RunView } from '@memberjunction/core';
+import { BrandKitEngine, VideoStudioEngine, VideoStudioSetupHealthOperation, } from '@memberjunction/core-entities';
+import { ExcludeByUUIDs, UUIDsEqual } from '@memberjunction/global';
+import { FormatVideoTime, FormatVideoTimeRange, MJVideoBeatStripComponent, MJVideoFormatGlyphComponent, } from '@memberjunction/ng-artifacts';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { BrandKitCreatorComponent } from '@memberjunction/ng-brand-kits';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { MJButtonDirective, MJDialogComponent, MJDropdownComponent, MJNumericInputComponent, } from '@memberjunction/ng-ui-components';
+import { VSArchetypeEditorComponent } from './vs-archetype-editor.component';
+import { VSAudioOptionsComponent } from './vs-audio-options.component';
+import { VSSetupHealthCardComponent } from './vs-setup-health-card.component';
+import { BuildArchetypeBeatStripItems, BuildSavedQuerySearchFilter, BuildStudioAppContext, ClampStudioDuration, ComposeStudioFirstMessage, MapArchetypeToCard, MapBrandKitToCard, ParseArchetypeDefaultFormats, ResolveVideoStudioItem, STUDIO_VIDEO_FORMATS, } from '../video-studio-agent-context';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.ID;
+function VSProductionBriefComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 2)(1, "vs-setup-health-card", 44);
+    i0.ɵɵlistener("ExpandedChange", function VSProductionBriefComponent_Conditional_2_Template_vs_setup_health_card_ExpandedChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSetupHealthExpandedChange($event)); })("Recheck", function VSProductionBriefComponent_Conditional_2_Template_vs_setup_health_card_Recheck_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CheckSetupHealth()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Result", ctx_r1.SetupHealthResult)("Loading", ctx_r1.IsCheckingSetupHealth)("Expanded", ctx_r1.IsAllSetupOk && ctx_r1.ShowHealthySetupDetails);
+} }
+function VSProductionBriefComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "mj-loading", 45);
+    i0.ɵɵelementEnd();
+} }
+function VSProductionBriefComponent_Conditional_16_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 51);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const arch_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(arch_r4.Description);
+} }
+function VSProductionBriefComponent_Conditional_16_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-video-beat-strip", 52);
+} if (rf & 2) {
+    const arch_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Beats", ctx_r1.GetArchetypeBeats(arch_r4))("ShowLabels", true);
+} }
+function VSProductionBriefComponent_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function VSProductionBriefComponent_Conditional_16_For_2_Template_button_click_0_listener() { const arch_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectArchetype(arch_r4)); });
+    i0.ɵɵelementStart(1, "div", 48)(2, "span", 49);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 50);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(6, VSProductionBriefComponent_Conditional_16_For_2_Conditional_6_Template, 2, 1, "p", 51);
+    i0.ɵɵconditionalCreate(7, VSProductionBriefComponent_Conditional_16_For_2_Conditional_7_Template, 1, 2, "mj-video-beat-strip", 52);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const arch_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("vs-brief__archetype-card--selected", ctx_r1.IsArchetypeSelected(arch_r4));
+    i0.ɵɵattribute("aria-pressed", ctx_r1.IsArchetypeSelected(arch_r4))("data-testid", "vs-brief-archetype-" + arch_r4.ID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(arch_r4.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.FormatTime(arch_r4.DefaultDurationSeconds), " (", ctx_r1.FormatTimeRange(arch_r4.MinDurationSeconds, arch_r4.MaxDurationSeconds), ") ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(arch_r4.Description ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetArchetypeBeats(arch_r4).length > 0 ? 7 : -1);
+} }
+function VSProductionBriefComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵrepeaterCreate(1, VSProductionBriefComponent_Conditional_16_For_2_Template, 8, 9, "button", 46, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.AllArchetypes);
+} }
+function VSProductionBriefComponent_For_22_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 53);
+    i0.ɵɵlistener("click", function VSProductionBriefComponent_For_22_Template_button_click_0_listener() { const fmt_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleFormat(fmt_r6)); });
+    i0.ɵɵelement(1, "mj-video-format-glyph", 54);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fmt_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Toggleable", true)("Selected", ctx_r1.IsFormatSelected(fmt_r6));
+    i0.ɵɵattribute("data-testid", "vs-brief-format-" + fmt_r6);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Format", fmt_r6)("ShowLabel", true);
+} }
+function VSProductionBriefComponent_Conditional_55_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 53);
+    i0.ɵɵlistener("click", function VSProductionBriefComponent_Conditional_55_For_2_Template_button_click_0_listener() { const query_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleSavedQuery(query_r8)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const query_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Toggleable", true)("Selected", ctx_r1.IsQuerySelected(query_r8.ID));
+    i0.ɵɵattribute("data-testid", "vs-brief-query-" + query_r8.ID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(query_r8.Name);
+} }
+function VSProductionBriefComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵrepeaterCreate(1, VSProductionBriefComponent_Conditional_55_For_2_Template, 3, 4, "button", 16, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.AvailableQueries);
+} }
+function VSProductionBriefComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 55);
+    i0.ɵɵlistener("Close", function VSProductionBriefComponent_Conditional_56_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseBrandKitCreator()); });
+    i0.ɵɵelementStart(1, "mj-brand-kit-creator", 56);
+    i0.ɵɵlistener("Saved", function VSProductionBriefComponent_Conditional_56_Template_mj_brand_kit_creator_Saved_1_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnBrandKitCreatorSaved($event)); })("Cancelled", function VSProductionBriefComponent_Conditional_56_Template_mj_brand_kit_creator_Cancelled_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseBrandKitCreator()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse)("Companies", ctx_r1.AvailableCompanies)("InitialCompanyId", ctx_r1.SelectedCompanyId);
+} }
+function VSProductionBriefComponent_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 57);
+    i0.ɵɵlistener("Close", function VSProductionBriefComponent_Conditional_57_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseArchetypeEditor()); });
+    i0.ɵɵelementStart(1, "vs-archetype-editor", 58);
+    i0.ɵɵlistener("Saved", function VSProductionBriefComponent_Conditional_57_Template_vs_archetype_editor_Saved_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnArchetypeEditorSaved($event)); })("Cancelled", function VSProductionBriefComponent_Conditional_57_Template_vs_archetype_editor_Cancelled_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseArchetypeEditor()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("Title", ctx_r1.ArchetypeEditorDialogTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse)("SourceArchetypeId", (ctx_r1.SelectedArchetype == null ? null : ctx_r1.SelectedArchetype.ID) ?? null)("Archetypes", ctx_r1.AllArchetypes)("Companies", ctx_r1.AvailableCompanies)("InitialCompanyId", ctx_r1.SelectedCompanyId !== "all" ? ctx_r1.SelectedCompanyId : null);
+} }
+const DEFAULT_STUDIO_DURATION_SECONDS = 30;
+const DEFAULT_MIN_DURATION_SECONDS = 5;
+const DEFAULT_MAX_DURATION_SECONDS = 180;
+const SAVED_QUERIES_MAX_ROWS = 20;
+/**
+ * Video Studio production brief (`vs-production-brief`).
+ *
+ * Renders inside the Video Studio right slide-in before the first conversation message
+ * (via `<ng-template mjChatSlot="composerExtra">`), guiding the user through:
+ * 1. Setup health (shown on warning/error, or when Setup OK details are toggled from the header)
+ * 2. What's it about?
+ * 3. Shape (archetype cards with beat strip and m:ss range)
+ * 4. Where it plays (format toggles with frame glyph + length numeric input)
+ * 5. Sound (`vs-audio-options`)
+ * 6. Brand kit (optional)
+ * 7. Data (optional)
+ * 8. Start production (sticky footer with one-line summary)
+ */
+export class VSProductionBriefComponent extends BaseAngularComponent {
+    AutoLoad = true;
+    AutoCheckSetupHealth = true;
+    ShowSetupHealthCard = true;
+    SetupHealthResult = null;
+    IsCheckingSetupHealth = false;
+    ShowHealthySetupDetails = false;
+    AllArchetypes = [];
+    AllBrandKits = [];
+    AvailableQueries = [];
+    AvailableFormats = [...STUDIO_VIDEO_FORMATS];
+    SelectedArchetype = null;
+    SelectedCompanyId = 'all';
+    SelectedBrandKit = null;
+    SelectedBrandKitExplicitNone = false;
+    SelectedFormats = ['16:9'];
+    DurationSeconds = DEFAULT_STUDIO_DURATION_SECONDS;
+    Topic = '';
+    QuerySearchText = '';
+    SelectedQueries = [];
+    NarrationEnabled = true;
+    CaptionsMode = 'Burned';
+    StateChange = new EventEmitter();
+    StartRequested = new EventEmitter();
+    SetupHealthChange = new EventEmitter();
+    ShowHealthySetupDetailsChange = new EventEmitter();
+    buttonDirectives;
+    IsLoading = false;
+    LoadError = null;
+    IsSearchingQueries = false;
+    FilteredBrandKits = [];
+    IsBrandKitCreatorOpen = false;
+    IsArchetypeEditorOpen = false;
+    querySearchRequestId = 0;
+    cdr = inject(ChangeDetectorRef);
+    async ngOnInit() {
+        this.applyCompanyBrandKitFilter();
+        if (this.AllArchetypes.length > 0 && !this.SelectedArchetype) {
+            this.SelectArchetype(this.AllArchetypes[0]);
+        }
+        this.emitSetupHealthChange();
+        if (!this.AutoLoad) {
+            this.emitStateChange();
+            return;
+        }
+        if (this.AutoCheckSetupHealth &&
+            !this.SetupHealthResult &&
+            !this.IsCheckingSetupHealth) {
+            void this.CheckSetupHealth();
+        }
+        if (this.AllArchetypes.length === 0) {
+            await this.LoadBriefData(false);
+        }
+        else {
+            this.emitStateChange();
+        }
+    }
+    get IsAllSetupOk() {
+        return Boolean(this.SetupHealthResult &&
+            this.SetupHealthResult.Healthy &&
+            (this.SetupHealthResult.Checks ?? []).every((check) => check.Status === 'OK'));
+    }
+    get ShouldShowSetupHealthCard() {
+        if (!this.ShowSetupHealthCard || !this.SetupHealthResult) {
+            return false;
+        }
+        if (this.IsAllSetupOk) {
+            return this.ShowHealthySetupDetails;
+        }
+        return true;
+    }
+    OnSetupHealthExpandedChange(expanded) {
+        this.ShowHealthySetupDetails = expanded;
+        this.ShowHealthySetupDetailsChange.emit(expanded);
+        this.cdr.markForCheck();
+    }
+    FormatTime(seconds) {
+        return FormatVideoTime(seconds);
+    }
+    FormatTimeRange(fromSeconds, toSeconds) {
+        return FormatVideoTimeRange(fromSeconds, toSeconds);
+    }
+    get MinDurationSeconds() {
+        return this.SelectedArchetype?.MinDurationSeconds ?? DEFAULT_MIN_DURATION_SECONDS;
+    }
+    get MaxDurationSeconds() {
+        return this.SelectedArchetype?.MaxDurationSeconds ?? DEFAULT_MAX_DURATION_SECONDS;
+    }
+    get CanStartProduction() {
+        return (this.Topic.trim().length > 0 &&
+            this.SelectedArchetype !== null &&
+            this.SelectedFormats.length > 0);
+    }
+    get SummaryLine() {
+        if (this.Topic.trim().length === 0) {
+            return 'Add a topic to start';
+        }
+        if (!this.SelectedArchetype) {
+            return 'Pick a shape to start';
+        }
+        if (this.SelectedFormats.length === 0) {
+            return 'Pick at least one format to start';
+        }
+        const parts = [
+            FormatVideoTime(this.DurationSeconds),
+            this.SelectedArchetype.Name,
+            this.SelectedFormats.join(', '),
+            this.buildAudioSummary(),
+        ];
+        if (this.SelectedBrandKit?.Name) {
+            parts.push(this.SelectedBrandKit.Name);
+        }
+        if (this.SelectedQueries.length > 0) {
+            parts.push(this.SelectedQueries.length === 1
+                ? '1 query'
+                : `${this.SelectedQueries.length} queries`);
+        }
+        return parts.join(' \u00B7 ');
+    }
+    get AvailableCompanies() {
+        const map = new Map();
+        for (const kit of this.AllBrandKits) {
+            if (kit.CompanyID && kit.CompanyName) {
+                map.set(kit.CompanyID, kit.CompanyName);
+            }
+        }
+        return Array.from(map.entries())
+            .map(([ID, Name]) => ({ ID, Name }))
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+    }
+    get CompanyDropdownOptions() {
+        return [{ ID: 'all', Name: 'All companies' }, ...this.AvailableCompanies];
+    }
+    get BrandKitDropdownOptions() {
+        return [
+            { ID: '', DisplayName: 'None' },
+            ...this.FilteredBrandKits.map((kit) => ({
+                ID: kit.ID,
+                DisplayName: `${kit.Name}${kit.CompanyName ? ' (' + kit.CompanyName + ')' : ' (Default)'}`,
+            })),
+        ];
+    }
+    GetArchetypeBeats(card) {
+        if (card.BeatItems && card.BeatItems.length > 0) {
+            return [...card.BeatItems];
+        }
+        const labels = card.BeatLabels ?? [];
+        if (labels.length === 0) {
+            return [];
+        }
+        return BuildArchetypeBeatStripItems(labels.map((label, idx) => ({
+            Key: `${card.ID}-beat-${idx + 1}`,
+            Label: label,
+        })), card.DefaultDurationSeconds || DEFAULT_STUDIO_DURATION_SECONDS);
+    }
+    IsArchetypeSelected(card) {
+        return Boolean(this.SelectedArchetype && UUIDsEqual(this.SelectedArchetype.ID, card.ID));
+    }
+    async CheckSetupHealth() {
+        this.IsCheckingSetupHealth = true;
+        this.emitSetupHealthChange();
+        this.cdr.markForCheck();
+        try {
+            const res = await new VideoStudioSetupHealthOperation().Execute({}, { provider: this.ProviderToUse });
+            if (res.Success && res.Output) {
+                this.SetupHealthResult = res.Output;
+            }
+            else {
+                this.SetupHealthResult = {
+                    Healthy: false,
+                    Checks: [
+                        {
+                            Key: 'Render',
+                            Status: 'Error',
+                            Title: 'Setup Health',
+                            Message: res.ErrorMessage || 'Failed to check Video Studio setup health.',
+                        },
+                    ],
+                };
+            }
+        }
+        catch (e) {
+            const msg = e instanceof Error ? e.message : String(e);
+            this.SetupHealthResult = {
+                Healthy: false,
+                Checks: [
+                    {
+                        Key: 'Render',
+                        Status: 'Error',
+                        Title: 'Setup Health',
+                        Message: msg || 'Failed to check Video Studio setup health.',
+                    },
+                ],
+            };
+        }
+        finally {
+            this.IsCheckingSetupHealth = false;
+            this.emitSetupHealthChange();
+            this.cdr.markForCheck();
+        }
+    }
+    async LoadBriefData(forceRefresh = false) {
+        this.IsLoading = true;
+        this.LoadError = null;
+        this.cdr.markForCheck();
+        try {
+            const vsEngine = VideoStudioEngine.GetProviderInstance(this.ProviderToUse, VideoStudioEngine);
+            const bkEngine = BrandKitEngine.GetProviderInstance(this.ProviderToUse, BrandKitEngine);
+            const user = this.ProviderToUse?.CurrentUser ?? undefined;
+            await Promise.all([
+                vsEngine.Config(forceRefresh, user, this.ProviderToUse),
+                bkEngine.Config(forceRefresh, user, this.ProviderToUse),
+            ]);
+            const activeArchetypes = (vsEngine.Archetypes ?? []).filter((a) => a.Status === 'Active' || !a.Status);
+            this.AllArchetypes = activeArchetypes.map((a) => MapArchetypeToCard(a));
+            const activeKits = (bkEngine.BrandKits ?? []).filter((k) => k.Status === 'Active' || !k.Status);
+            this.AllBrandKits = activeKits.map((k) => MapBrandKitToCard(k, bkEngine.GetAssets?.(k.ID)));
+            this.applyCompanyBrandKitFilter();
+            if (this.SelectedBrandKit) {
+                const matchedKit = this.AllBrandKits.find((k) => UUIDsEqual(k.ID, this.SelectedBrandKit?.ID));
+                if (matchedKit) {
+                    this.SelectedBrandKit = matchedKit;
+                }
+            }
+            if (this.SelectedArchetype) {
+                const matchedArch = this.AllArchetypes.find((a) => UUIDsEqual(a.ID, this.SelectedArchetype?.ID));
+                if (matchedArch) {
+                    this.SelectedArchetype = matchedArch;
+                }
+                if (!this.SelectedBrandKit &&
+                    !this.SelectedBrandKitExplicitNone &&
+                    this.FilteredBrandKits.length > 0) {
+                    this.selectDefaultBrandKitForArchetype(this.SelectedArchetype);
+                }
+            }
+            else if (this.AllArchetypes.length > 0) {
+                this.SelectArchetype(this.AllArchetypes[0]);
+            }
+            await this.SearchSavedQueries(this.QuerySearchText);
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            LogError(`VSProductionBriefComponent.LoadBriefData: ${msg}`);
+            this.LoadError = msg;
+        }
+        finally {
+            this.IsLoading = false;
+            this.emitStateChange();
+            this.cdr.markForCheck();
+        }
+    }
+    SelectArchetype(card) {
+        this.SelectedArchetype = card;
+        this.SelectedFormats = ParseArchetypeDefaultFormats(card.DefaultFormats);
+        this.DurationSeconds = ClampStudioDuration(card.DefaultDurationSeconds, card.MinDurationSeconds, card.MaxDurationSeconds);
+        if (!this.SelectedBrandKitExplicitNone) {
+            this.selectDefaultBrandKitForArchetype(card);
+        }
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    selectDefaultBrandKitForArchetype(card) {
+        if (card.CompanyID) {
+            this.SelectedCompanyId = card.CompanyID;
+            this.applyCompanyBrandKitFilter();
+            const companyDefault = this.FilteredBrandKits.find((k) => UUIDsEqual(k.CompanyID, card.CompanyID) && k.IsDefault) ??
+                this.FilteredBrandKits.find((k) => UUIDsEqual(k.CompanyID, card.CompanyID)) ??
+                this.FilteredBrandKits.find((k) => k.IsDefault) ??
+                null;
+            if (companyDefault) {
+                this.SelectedBrandKit = companyDefault;
+            }
+        }
+        else if (!this.SelectedBrandKit && this.FilteredBrandKits.length > 0) {
+            this.SelectedBrandKit =
+                this.FilteredBrandKits.find((k) => k.CompanyID === null && k.IsDefault) ??
+                    this.FilteredBrandKits.find((k) => k.IsDefault) ??
+                    this.FilteredBrandKits[0] ??
+                    null;
+        }
+    }
+    OnCompanyFilterChange(companyId) {
+        this.SelectedCompanyId = companyId || 'all';
+        this.applyCompanyBrandKitFilter();
+        if (this.SelectedBrandKit &&
+            !this.FilteredBrandKits.some((k) => UUIDsEqual(k.ID, this.SelectedBrandKit?.ID))) {
+            this.SelectedBrandKit = null;
+        }
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    SelectBrandKitById(brandKitId) {
+        const trimmed = (brandKitId ?? '').trim();
+        if (!trimmed) {
+            this.SelectedBrandKit = null;
+            this.SelectedBrandKitExplicitNone = true;
+        }
+        else {
+            this.SelectedBrandKit =
+                this.AllBrandKits.find((k) => UUIDsEqual(k.ID, trimmed)) ?? null;
+            this.SelectedBrandKitExplicitNone = false;
+        }
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    OpenBrandKitCreator() {
+        this.IsBrandKitCreatorOpen = true;
+        this.cdr.markForCheck();
+    }
+    CloseBrandKitCreator() {
+        this.IsBrandKitCreatorOpen = false;
+        this.cdr.markForCheck();
+    }
+    async OnBrandKitCreatorSaved(newBrandKitId) {
+        const trimmedId = (newBrandKitId ?? '').trim();
+        if (!trimmedId) {
+            this.IsBrandKitCreatorOpen = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        try {
+            const bkEngine = BrandKitEngine.GetProviderInstance(this.ProviderToUse, BrandKitEngine);
+            const user = this.ProviderToUse?.CurrentUser ?? undefined;
+            await bkEngine.Config(true, user, this.ProviderToUse);
+            const activeKits = (bkEngine.BrandKits ?? []).filter((k) => k.Status === 'Active' || !k.Status);
+            if (activeKits.length > 0) {
+                const refreshed = activeKits.map((k) => MapBrandKitToCard(k, bkEngine.GetAssets?.(k.ID)));
+                const existingExtra = ExcludeByUUIDs(this.AllBrandKits, refreshed.map((r) => r.ID));
+                this.AllBrandKits = [...refreshed, ...existingExtra];
+            }
+        }
+        catch {
+            // Non-fatal in test/disconnected environments; fallback card below ensures selection works.
+        }
+        let targetKit = this.AllBrandKits.find((k) => UUIDsEqual(k.ID, trimmedId)) ?? null;
+        if (!targetKit) {
+            targetKit = {
+                ID: trimmedId,
+                Name: 'New brand kit',
+                Description: '',
+                CompanyID: this.SelectedCompanyId && this.SelectedCompanyId !== 'all'
+                    ? this.SelectedCompanyId
+                    : null,
+                CompanyName: null,
+                IsDefault: false,
+                Status: 'Active',
+                Swatches: [],
+                PrimaryLogoFileID: null,
+                PrimaryLogoUrl: null,
+                AssetCount: 0,
+            };
+            this.AllBrandKits = [...this.AllBrandKits, targetKit];
+        }
+        if (this.SelectedCompanyId !== 'all' &&
+            targetKit.CompanyID !== null &&
+            !UUIDsEqual(targetKit.CompanyID, this.SelectedCompanyId)) {
+            this.SelectedCompanyId = targetKit.CompanyID;
+        }
+        this.applyCompanyBrandKitFilter();
+        this.IsBrandKitCreatorOpen = false;
+        this.SelectBrandKitById(trimmedId);
+    }
+    get ArchetypeEditorDialogTitle() {
+        return this.SelectedArchetype?.Name
+            ? `Make a copy of ${this.SelectedArchetype.Name}`
+            : 'New archetype';
+    }
+    OpenArchetypeEditor() {
+        this.IsArchetypeEditorOpen = true;
+        this.cdr.markForCheck();
+    }
+    CloseArchetypeEditor() {
+        this.IsArchetypeEditorOpen = false;
+        this.cdr.markForCheck();
+    }
+    async OnArchetypeEditorSaved(savedArchetypeId) {
+        const trimmedId = (savedArchetypeId ?? '').trim();
+        if (!trimmedId) {
+            this.IsArchetypeEditorOpen = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        try {
+            const vsEngine = VideoStudioEngine.GetProviderInstance(this.ProviderToUse, VideoStudioEngine);
+            const user = this.ProviderToUse?.CurrentUser ?? undefined;
+            await vsEngine.Config(true, user, this.ProviderToUse);
+            const activeArchetypes = (vsEngine.Archetypes ?? []).filter((a) => a.Status === 'Active' || !a.Status);
+            if (activeArchetypes.length > 0) {
+                const refreshed = activeArchetypes.map((a) => MapArchetypeToCard(a));
+                const existingExtra = ExcludeByUUIDs(this.AllArchetypes, refreshed.map((r) => r.ID));
+                this.AllArchetypes = [...refreshed, ...existingExtra];
+            }
+        }
+        catch {
+            // Non-fatal in test/disconnected environments; fallback card below ensures selection works.
+        }
+        let targetArchetype = this.AllArchetypes.find((a) => UUIDsEqual(a.ID, trimmedId)) ?? null;
+        if (!targetArchetype) {
+            const source = this.SelectedArchetype ?? this.AllArchetypes[0] ?? null;
+            const companyId = this.SelectedCompanyId && this.SelectedCompanyId !== 'all'
+                ? this.SelectedCompanyId
+                : (source?.CompanyID ?? null);
+            targetArchetype = {
+                ID: trimmedId,
+                Name: source ? `${source.Name} (Copy)` : 'Custom Archetype',
+                Description: source?.Description ?? '',
+                Category: source?.Category ?? 'Explainer',
+                Status: 'Active',
+                CompanyID: companyId,
+                CompanyName: null,
+                IsShipped: false,
+                DefaultDurationSeconds: source?.DefaultDurationSeconds ?? DEFAULT_STUDIO_DURATION_SECONDS,
+                MinDurationSeconds: source?.MinDurationSeconds ?? DEFAULT_MIN_DURATION_SECONDS,
+                MaxDurationSeconds: source?.MaxDurationSeconds ?? DEFAULT_MAX_DURATION_SECONDS,
+                DefaultFormats: source?.DefaultFormats ?? '["16:9"]',
+                BeatCount: source?.BeatCount ?? 0,
+                BeatLabels: source?.BeatLabels ? [...source.BeatLabels] : [],
+                BeatItems: source?.BeatItems ? [...source.BeatItems] : [],
+            };
+            this.AllArchetypes = [...this.AllArchetypes, targetArchetype];
+        }
+        this.IsArchetypeEditorOpen = false;
+        this.SelectArchetype(targetArchetype);
+    }
+    IsFormatSelected(format) {
+        return this.SelectedFormats.includes(format);
+    }
+    ToggleFormat(format) {
+        if (this.SelectedFormats.includes(format)) {
+            if (this.SelectedFormats.length > 1) {
+                this.SelectedFormats = this.SelectedFormats.filter((f) => f !== format);
+            }
+        }
+        else {
+            this.SelectedFormats = [...this.SelectedFormats, format];
+        }
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    SetFormats(formats) {
+        const allowed = new Set([
+            ...STUDIO_VIDEO_FORMATS,
+            ...this.AvailableFormats,
+        ]);
+        const valid = [];
+        for (const raw of formats) {
+            const cleaned = (raw ?? '').trim();
+            if (allowed.has(cleaned) && !valid.includes(cleaned)) {
+                valid.push(cleaned);
+            }
+        }
+        if (valid.length === 0) {
+            return false;
+        }
+        this.SelectedFormats = valid;
+        this.emitStateChange();
+        this.cdr.markForCheck();
+        return true;
+    }
+    OnDurationChange(rawValue) {
+        const numeric = typeof rawValue === 'number' ? rawValue : Number(rawValue);
+        this.DurationSeconds = ClampStudioDuration(numeric, this.MinDurationSeconds, this.MaxDurationSeconds);
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    OnTopicChange(value) {
+        this.Topic = value ?? '';
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    OnNarrationEnabledChange(enabled) {
+        this.NarrationEnabled = Boolean(enabled);
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    OnCaptionsModeChange(mode) {
+        this.CaptionsMode = mode;
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    async SearchSavedQueries(searchText) {
+        this.QuerySearchText = searchText ?? '';
+        this.IsSearchingQueries = true;
+        const requestId = ++this.querySearchRequestId;
+        this.cdr.markForCheck();
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const extraFilter = BuildSavedQuerySearchFilter(this.QuerySearchText);
+            const result = await rv.RunView({
+                EntityName: 'MJ: Queries',
+                ExtraFilter: extraFilter,
+                OrderBy: 'Name ASC',
+                Fields: ['ID', 'Name'],
+                MaxRows: SAVED_QUERIES_MAX_ROWS,
+                ResultType: 'simple',
+            });
+            if (requestId !== this.querySearchRequestId) {
+                return;
+            }
+            if (result.Success && Array.isArray(result.Results)) {
+                this.AvailableQueries = result.Results.map((row) => ({
+                    ID: row.ID,
+                    Name: row.Name,
+                }));
+            }
+            else {
+                this.AvailableQueries = [];
+            }
+        }
+        catch (err) {
+            if (requestId !== this.querySearchRequestId) {
+                return;
+            }
+            const msg = err instanceof Error ? err.message : String(err);
+            LogError(`VSProductionBriefComponent.SearchSavedQueries: ${msg}`);
+            this.AvailableQueries = [];
+        }
+        finally {
+            if (requestId === this.querySearchRequestId) {
+                this.IsSearchingQueries = false;
+                this.cdr.markForCheck();
+            }
+        }
+    }
+    IsQuerySelected(queryId) {
+        return this.SelectedQueries.some((q) => UUIDsEqual(q.ID, queryId));
+    }
+    ToggleSavedQuery(query) {
+        if (this.IsQuerySelected(query.ID)) {
+            this.SelectedQueries = this.SelectedQueries.filter((q) => !UUIDsEqual(q.ID, query.ID));
+        }
+        else {
+            this.SelectedQueries = [...this.SelectedQueries, query];
+        }
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    OnStartClick() {
+        if (!this.CanStartProduction || !this.SelectedArchetype) {
+            return;
+        }
+        const message = ComposeStudioFirstMessage({
+            ArchetypeName: this.SelectedArchetype.Name,
+            Topic: this.Topic,
+            DurationSeconds: this.DurationSeconds,
+            Formats: this.SelectedFormats,
+            BrandKitName: this.SelectedBrandKit?.Name ?? null,
+            QueryNames: this.SelectedQueries.map((q) => q.Name),
+            NarrationEnabled: this.NarrationEnabled ? undefined : false,
+            CaptionsMode: this.CaptionsMode === 'Burned' ? undefined : this.CaptionsMode,
+        });
+        const appContext = this.BuildCurrentAppContext();
+        this.StartRequested.emit({
+            Message: message,
+            AppContext: appContext,
+            Archetype: this.SelectedArchetype,
+            BrandKit: this.SelectedBrandKit,
+            Formats: [...this.SelectedFormats],
+            DurationSeconds: this.DurationSeconds,
+            Topic: this.Topic.trim(),
+            Queries: [...this.SelectedQueries],
+            NarrationEnabled: this.NarrationEnabled,
+            CaptionsMode: this.CaptionsMode,
+        });
+    }
+    // ============================================================================
+    // Client Tool Helpers (invoked from VideoStudioProductionsResourceComponent)
+    // ============================================================================
+    ApplyClientToolArchetype(rawReference) {
+        const resolution = ResolveVideoStudioItem(rawReference, this.AllArchetypes, 'archetype');
+        if (!resolution.Ok) {
+            return { Success: false, ErrorMessage: resolution.Error };
+        }
+        this.SelectArchetype(resolution.Item);
+        return {
+            Success: true,
+            Data: {
+                SelectedArchetypeId: resolution.Item.ID,
+                SelectedArchetypeName: resolution.Item.Name,
+            },
+        };
+    }
+    ApplyClientToolBrandKit(rawReference) {
+        const trimmed = (rawReference ?? '').trim();
+        if (!trimmed || trimmed.toLowerCase() === 'none') {
+            this.SelectBrandKitById(null);
+            return { Success: true, Data: { SelectedBrandKitId: null } };
+        }
+        const resolution = ResolveVideoStudioItem(trimmed, this.AllBrandKits, 'brand kit');
+        if (!resolution.Ok) {
+            return { Success: false, ErrorMessage: resolution.Error };
+        }
+        this.SelectBrandKitById(resolution.Item.ID);
+        return {
+            Success: true,
+            Data: {
+                SelectedBrandKitId: resolution.Item.ID,
+                SelectedBrandKitName: resolution.Item.Name,
+            },
+        };
+    }
+    ApplyClientToolFormats(rawFormats) {
+        const list = Array.isArray(rawFormats)
+            ? rawFormats.filter((v) => typeof v === 'string')
+            : typeof rawFormats === 'string'
+                ? rawFormats.split(',')
+                : [];
+        const ok = this.SetFormats(list);
+        if (!ok) {
+            return {
+                Success: false,
+                ErrorMessage: `Specify at least one valid format (${this.AvailableFormats.join(', ')}).`,
+            };
+        }
+        return { Success: true, Data: { SelectedFormats: [...this.SelectedFormats] } };
+    }
+    ApplyClientToolTopic(rawTopic) {
+        this.OnTopicChange(rawTopic);
+        return { Success: true, Data: { Topic: this.Topic } };
+    }
+    BuildCurrentAppContext() {
+        return BuildStudioAppContext({
+            ArchetypeID: this.SelectedArchetype?.ID ?? null,
+            BrandKitID: this.SelectedBrandKit?.ID ?? null,
+            Formats: this.SelectedFormats,
+            DurationSeconds: this.DurationSeconds,
+            QueryIDs: this.SelectedQueries.map((q) => q.ID),
+            NarrationEnabled: this.NarrationEnabled,
+            CaptionsMode: this.CaptionsMode,
+        });
+    }
+    // ============================================================================
+    // Private helpers
+    // ============================================================================
+    buildAudioSummary() {
+        if (!this.NarrationEnabled) {
+            return 'Voiceover off';
+        }
+        if (this.CaptionsMode === 'Burned') {
+            return 'Voiceover, captions in the video';
+        }
+        if (this.CaptionsMode === 'Sidecar') {
+            return 'Voiceover, captions in separate file';
+        }
+        return 'Voiceover, captions off';
+    }
+    applyCompanyBrandKitFilter() {
+        const companyFilter = (this.SelectedCompanyId ?? 'all').trim();
+        if (!companyFilter || companyFilter === 'all') {
+            this.FilteredBrandKits = [...this.AllBrandKits];
+            return;
+        }
+        this.FilteredBrandKits = this.AllBrandKits.filter((kit) => kit.CompanyID === null || UUIDsEqual(kit.CompanyID, companyFilter));
+    }
+    emitStateChange() {
+        this.StateChange.emit({
+            AllArchetypes: this.AllArchetypes,
+            AllBrandKits: this.AllBrandKits,
+            SelectedArchetype: this.SelectedArchetype,
+            SelectedBrandKit: this.SelectedBrandKit,
+            SelectedBrandKitExplicitNone: this.SelectedBrandKitExplicitNone,
+            SelectedFormats: [...this.SelectedFormats],
+            DurationSeconds: this.DurationSeconds,
+            Topic: this.Topic,
+            SelectedQueries: [...this.SelectedQueries],
+            NarrationEnabled: this.NarrationEnabled,
+            CaptionsMode: this.CaptionsMode,
+            AppContext: this.BuildCurrentAppContext(),
+            IsLoading: this.IsLoading,
+        });
+    }
+    emitSetupHealthChange() {
+        this.SetupHealthChange.emit({
+            Result: this.SetupHealthResult,
+            Loading: this.IsCheckingSetupHealth,
+        });
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵVSProductionBriefComponent_BaseFactory; return function VSProductionBriefComponent_Factory(__ngFactoryType__) { return (ɵVSProductionBriefComponent_BaseFactory || (ɵVSProductionBriefComponent_BaseFactory = i0.ɵɵgetInheritedFactory(VSProductionBriefComponent)))(__ngFactoryType__ || VSProductionBriefComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VSProductionBriefComponent, selectors: [["vs-production-brief"], ["mj-vs-production-brief"]], viewQuery: function VSProductionBriefComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(MJButtonDirective, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.buttonDirectives = _t);
+        } }, inputs: { AutoLoad: "AutoLoad", AutoCheckSetupHealth: "AutoCheckSetupHealth", ShowSetupHealthCard: "ShowSetupHealthCard", SetupHealthResult: "SetupHealthResult", IsCheckingSetupHealth: "IsCheckingSetupHealth", ShowHealthySetupDetails: "ShowHealthySetupDetails", AllArchetypes: "AllArchetypes", AllBrandKits: "AllBrandKits", AvailableQueries: "AvailableQueries", AvailableFormats: "AvailableFormats", SelectedArchetype: "SelectedArchetype", SelectedCompanyId: "SelectedCompanyId", SelectedBrandKit: "SelectedBrandKit", SelectedBrandKitExplicitNone: "SelectedBrandKitExplicitNone", SelectedFormats: "SelectedFormats", DurationSeconds: "DurationSeconds", Topic: "Topic", QuerySearchText: "QuerySearchText", SelectedQueries: "SelectedQueries", NarrationEnabled: "NarrationEnabled", CaptionsMode: "CaptionsMode" }, outputs: { StateChange: "StateChange", StartRequested: "StartRequested", SetupHealthChange: "SetupHealthChange", ShowHealthySetupDetailsChange: "ShowHealthySetupDetailsChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 66, vars: 26, consts: [["data-testid", "vs-production-brief", 1, "vs-brief"], [1, "vs-brief__scroll"], ["aria-label", "Setup health", 1, "vs-brief__section"], [1, "vs-brief__section"], ["for", "vs-brief-topic-input", 1, "vs-brief__heading"], ["id", "vs-brief-topic-input", "data-testid", "vs-brief-topic-input", "rows", "2", "placeholder", "Describe the video topic, audience, and goal\u2026", 1, "vs-brief__textarea", 3, "ngModelChange", "ngModel"], ["aria-labelledby", "vs-brief-shape-heading", 1, "vs-brief__section"], [1, "vs-brief__section-header"], ["id", "vs-brief-shape-heading", 1, "vs-brief__heading"], ["type", "button", "data-testid", "vs-brief-make-your-own-link", 1, "vs-brief__action-link", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["data-testid", "vs-brief-loading", 1, "vs-brief__loading"], ["role", "group", "aria-labelledby", "vs-brief-shape-heading", 1, "vs-brief__archetypes"], ["aria-labelledby", "vs-brief-where-heading", 1, "vs-brief__section"], ["id", "vs-brief-where-heading", 1, "vs-brief__heading"], ["role", "group", "aria-label", "Output formats", "data-testid", "vs-brief-formats", 1, "vs-brief__formats"], ["type", "button", "mjButton", "", "Variant", "outline", "Size", "sm", 3, "Toggleable", "Selected"], [1, "vs-brief__field", "vs-brief__field--inline"], ["for", "vs-brief-duration-input", 1, "vs-brief__sublabel"], [1, "vs-brief__duration-row"], ["InputId", "vs-brief-duration-input", "data-testid", "vs-brief-duration-input", 3, "ngModelChange", "AriaLabel", "Min", "Max", "Step", "ngModel"], ["data-testid", "vs-brief-duration-formatted", 1, "vs-brief__duration-value"], ["aria-labelledby", "vs-brief-sound-heading", 1, "vs-brief__section"], ["id", "vs-brief-sound-heading", 1, "vs-brief__heading"], [3, "NarrationEnabledChange", "CaptionsModeChange", "NarrationEnabled", "CaptionsMode"], ["aria-labelledby", "vs-brief-brand-heading", 1, "vs-brief__section"], ["id", "vs-brief-brand-heading", 1, "vs-brief__heading"], ["type", "button", "data-testid", "vs-brief-new-brand-kit-link", 1, "vs-brief__action-link", 3, "click"], [1, "vs-brief__field-grid"], [1, "vs-brief__field"], ["id", "vs-brief-company-label", 1, "vs-brief__sublabel"], ["AriaLabelledBy", "vs-brief-company-label", "data-testid", "vs-brief-company-select", "TextField", "Name", "ValueField", "ID", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["id", "vs-brief-brand-kit-label", 1, "vs-brief__sublabel"], ["AriaLabelledBy", "vs-brief-brand-kit-label", "data-testid", "vs-brief-brand-kit-select", "Placeholder", "None", "TextField", "DisplayName", "ValueField", "ID", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["aria-labelledby", "vs-brief-data-heading", 1, "vs-brief__section"], ["id", "vs-brief-data-heading", 1, "vs-brief__heading"], ["type", "search", "data-testid", "vs-brief-query-search", "aria-label", "Search saved queries", "placeholder", "Filter saved queries by name\u2026", 1, "vs-brief__search-input", 3, "ngModelChange", "ngModel"], ["role", "group", "aria-label", "Saved queries", "data-testid", "vs-brief-query-list", 1, "vs-brief__queries"], ["Title", "New brand kit", "Size", "lg", 3, "Visible"], ["Size", "lg", 3, "Visible", "Title"], ["data-testid", "vs-brief-footer", 1, "vs-brief__footer"], ["data-testid", "vs-brief-summary", 1, "vs-brief__summary"], ["data-testid", "vs-brief-footer-hint", 1, "vs-brief__hint"], ["type", "button", "mjButton", "", "Variant", "primary", "Size", "md", "data-testid", "vs-brief-start-button", 1, "vs-brief__start-btn", 3, "click", "disabled"], [3, "ExpandedChange", "Recheck", "Result", "Loading", "Expanded"], ["Text", "Loading archetypes\u2026", "Size", "small"], ["type", "button", 1, "vs-brief__archetype-card", 3, "vs-brief__archetype-card--selected"], ["type", "button", 1, "vs-brief__archetype-card", 3, "click"], [1, "vs-brief__archetype-header"], [1, "vs-brief__archetype-name"], [1, "vs-brief__archetype-time"], [1, "vs-brief__archetype-desc"], [3, "Beats", "ShowLabels"], ["type", "button", "mjButton", "", "Variant", "outline", "Size", "sm", 3, "click", "Toggleable", "Selected"], ["Size", "sm", 3, "Format", "ShowLabel"], ["Title", "New brand kit", "Size", "lg", 3, "Close", "Visible"], [3, "Saved", "Cancelled", "Provider", "Companies", "InitialCompanyId"], ["Size", "lg", 3, "Close", "Visible", "Title"], ["Mode", "copy", 3, "Saved", "Cancelled", "Provider", "SourceArchetypeId", "Archetypes", "Companies", "InitialCompanyId"]], template: function VSProductionBriefComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, VSProductionBriefComponent_Conditional_2_Template, 2, 3, "section", 2);
+            i0.ɵɵelementStart(3, "section", 3)(4, "label", 4);
+            i0.ɵɵtext(5, " What's it about? ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "textarea", 5);
+            i0.ɵɵlistener("ngModelChange", function VSProductionBriefComponent_Template_textarea_ngModelChange_6_listener($event) { return ctx.OnTopicChange($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "section", 6)(8, "div", 7)(9, "h3", 8);
+            i0.ɵɵtext(10, " Shape ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "button", 9);
+            i0.ɵɵlistener("click", function VSProductionBriefComponent_Template_button_click_11_listener() { return ctx.OpenArchetypeEditor(); });
+            i0.ɵɵelement(12, "i", 10);
+            i0.ɵɵelementStart(13, "span");
+            i0.ɵɵtext(14, "Make your own");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(15, VSProductionBriefComponent_Conditional_15_Template, 2, 0, "div", 11)(16, VSProductionBriefComponent_Conditional_16_Template, 3, 0, "div", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "section", 13)(18, "h3", 14);
+            i0.ɵɵtext(19, " Where it plays ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "div", 15);
+            i0.ɵɵrepeaterCreate(21, VSProductionBriefComponent_For_22_Template, 2, 5, "button", 16, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(23, "div", 17)(24, "label", 18);
+            i0.ɵɵtext(25);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(26, "div", 19)(27, "mj-numeric-input", 20);
+            i0.ɵɵlistener("ngModelChange", function VSProductionBriefComponent_Template_mj_numeric_input_ngModelChange_27_listener($event) { return ctx.OnDurationChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(28, "span", 21);
+            i0.ɵɵtext(29);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(30, "section", 22)(31, "h3", 23);
+            i0.ɵɵtext(32, " Sound ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(33, "vs-audio-options", 24);
+            i0.ɵɵlistener("NarrationEnabledChange", function VSProductionBriefComponent_Template_vs_audio_options_NarrationEnabledChange_33_listener($event) { return ctx.OnNarrationEnabledChange($event); })("CaptionsModeChange", function VSProductionBriefComponent_Template_vs_audio_options_CaptionsModeChange_33_listener($event) { return ctx.OnCaptionsModeChange($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(34, "section", 25)(35, "div", 7)(36, "h3", 26);
+            i0.ɵɵtext(37, " Brand kit (optional) ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(38, "button", 27);
+            i0.ɵɵlistener("click", function VSProductionBriefComponent_Template_button_click_38_listener() { return ctx.OpenBrandKitCreator(); });
+            i0.ɵɵelement(39, "i", 10);
+            i0.ɵɵelementStart(40, "span");
+            i0.ɵɵtext(41, "New brand kit");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(42, "div", 28)(43, "div", 29)(44, "span", 30);
+            i0.ɵɵtext(45, "Company");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(46, "mj-dropdown", 31);
+            i0.ɵɵlistener("ngModelChange", function VSProductionBriefComponent_Template_mj_dropdown_ngModelChange_46_listener($event) { return ctx.OnCompanyFilterChange($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(47, "div", 29)(48, "span", 32);
+            i0.ɵɵtext(49, "Brand kit");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "mj-dropdown", 33);
+            i0.ɵɵlistener("ngModelChange", function VSProductionBriefComponent_Template_mj_dropdown_ngModelChange_50_listener($event) { return ctx.SelectBrandKitById($event || null); });
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(51, "section", 34)(52, "h3", 35);
+            i0.ɵɵtext(53, " Data (optional) ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(54, "input", 36);
+            i0.ɵɵlistener("ngModelChange", function VSProductionBriefComponent_Template_input_ngModelChange_54_listener($event) { return ctx.SearchSavedQueries($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(55, VSProductionBriefComponent_Conditional_55_Template, 3, 0, "div", 37);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(56, VSProductionBriefComponent_Conditional_56_Template, 2, 4, "mj-dialog", 38);
+            i0.ɵɵconditionalCreate(57, VSProductionBriefComponent_Conditional_57_Template, 2, 7, "mj-dialog", 39);
+            i0.ɵɵelementStart(58, "footer", 40)(59, "p", 41);
+            i0.ɵɵtext(60);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(61, "p", 42);
+            i0.ɵɵtext(62, " Fills the message box below \u2014 attach references if needed, then press Send. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(63, "button", 43);
+            i0.ɵɵlistener("click", function VSProductionBriefComponent_Template_button_click_63_listener() { return ctx.OnStartClick(); });
+            i0.ɵɵelementStart(64, "span");
+            i0.ɵɵtext(65, "Start production");
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ShouldShowSetupHealthCard ? 2 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", ctx.Topic);
+            i0.ɵɵadvance(9);
+            i0.ɵɵconditional(ctx.IsLoading && ctx.AllArchetypes.length === 0 ? 15 : 16);
+            i0.ɵɵadvance(6);
+            i0.ɵɵrepeater(ctx.AvailableFormats);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate1(" Length (", ctx.FormatTimeRange(ctx.MinDurationSeconds, ctx.MaxDurationSeconds), ") ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("AriaLabel", "Length (" + ctx.FormatTimeRange(ctx.MinDurationSeconds, ctx.MaxDurationSeconds) + ")")("Min", ctx.MinDurationSeconds)("Max", ctx.MaxDurationSeconds)("Step", 5)("ngModel", ctx.DurationSeconds);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.FormatTime(ctx.DurationSeconds), " ");
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("NarrationEnabled", ctx.NarrationEnabled)("CaptionsMode", ctx.CaptionsMode);
+            i0.ɵɵadvance(13);
+            i0.ɵɵproperty("Data", ctx.CompanyDropdownOptions)("ValuePrimitive", true)("ngModel", ctx.SelectedCompanyId);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Data", ctx.BrandKitDropdownOptions)("ValuePrimitive", true)("ngModel", (ctx.SelectedBrandKit == null ? null : ctx.SelectedBrandKit.ID) ?? "");
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", ctx.QuerySearchText);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.AvailableQueries.length > 0 ? 55 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsBrandKitCreatorOpen ? 56 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsArchetypeEditorOpen ? 57 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("vs-brief__summary--muted", !ctx.CanStartProduction);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.SummaryLine, " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", !ctx.CanStartProduction);
+        } }, dependencies: [CommonModule,
+            FormsModule, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, SharedGenericModule, i2.LoadingComponent, BrandKitCreatorComponent,
+            MJButtonDirective,
+            MJDialogComponent,
+            MJDropdownComponent,
+            MJNumericInputComponent,
+            MJVideoFormatGlyphComponent,
+            MJVideoBeatStripComponent,
+            VSArchetypeEditorComponent,
+            VSSetupHealthCardComponent,
+            VSAudioOptionsComponent], styles: ["[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-brief[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  min-width: 0;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  overflow: hidden;\n}\n\n.vs-brief__scroll[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-2-5);\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: var(--mj-space-2-5) var(--mj-space-3-5);\n}\n\n.vs-brief__section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n}\n\n.vs-brief__section-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__heading[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.vs-brief__action-link[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  padding: 0;\n  background: transparent;\n  border: none;\n  font-family: inherit;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n}\n\n.vs-brief__action-link[_ngcontent-%COMP%]:hover {\n  text-decoration: underline;\n}\n\n.vs-brief__action-link[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  border-radius: var(--mj-radius-sm);\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-brief__sublabel[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.vs-brief__textarea[_ngcontent-%COMP%], \n.vs-brief__search-input[_ngcontent-%COMP%] {\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border-radius: var(--mj-radius-md);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  font-size: var(--mj-text-sm);\n  transition: var(--mj-transition-fast);\n}\n\n.vs-brief__textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n}\n\n.vs-brief__textarea[_ngcontent-%COMP%]:focus-visible, \n.vs-brief__search-input[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  border-color: var(--mj-border-focus);\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-brief__loading[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mj-space-4);\n}\n\n.vs-brief__archetypes[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__archetype-card[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--mj-space-1-5);\n  width: 100%;\n  padding: var(--mj-space-2-5) var(--mj-space-3);\n  border-radius: var(--mj-radius-md);\n  border: 1px solid var(--mj-border-default);\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}\n\n.vs-brief__archetype-card[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.vs-brief__archetype-card[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-brief__archetype-card--selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface-card));\n}\n\n.vs-brief__archetype-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__archetype-name[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.vs-brief__archetype-time[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-muted);\n  font-variant-numeric: tabular-nums;\n  flex-shrink: 0;\n}\n\n.vs-brief__archetype-desc[_ngcontent-%COMP%] {\n  margin: 0;\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}\n\n.vs-brief__formats[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n}\n\n.vs-brief__field--inline[_ngcontent-%COMP%] {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__field-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: var(--mj-space-2-5);\n}\n\n.vs-brief__duration-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__duration-value[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n  font-variant-numeric: tabular-nums;\n}\n\n.vs-brief__queries[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--mj-space-1-5);\n}\n\n.vs-brief__footer[_ngcontent-%COMP%] {\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n  padding: var(--mj-space-2) var(--mj-space-3-5);\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.vs-brief__summary[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-xs);\n  line-height: 1.4;\n  color: var(--mj-text-secondary);\n  font-variant-numeric: tabular-nums;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  overflow-wrap: break-word;\n}\n\n.vs-brief__summary--muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.vs-brief__hint[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-brief__textarea[_ngcontent-%COMP%], \n   .vs-brief__search-input[_ngcontent-%COMP%], \n   .vs-brief__archetype-card[_ngcontent-%COMP%] {\n    transition: none;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VSProductionBriefComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'vs-production-brief, mj-vs-production-brief', imports: [
+                    CommonModule,
+                    FormsModule,
+                    SharedGenericModule,
+                    BrandKitCreatorComponent,
+                    MJButtonDirective,
+                    MJDialogComponent,
+                    MJDropdownComponent,
+                    MJNumericInputComponent,
+                    MJVideoFormatGlyphComponent,
+                    MJVideoBeatStripComponent,
+                    VSArchetypeEditorComponent,
+                    VSSetupHealthCardComponent,
+                    VSAudioOptionsComponent,
+                ], template: "<div class=\"vs-brief\" data-testid=\"vs-production-brief\">\n  <div class=\"vs-brief__scroll\">\n    <!-- 1. Setup health (shown on warning/error, or when Setup OK details are toggled from the header) -->\n    @if (ShouldShowSetupHealthCard) {\n      <section class=\"vs-brief__section\" aria-label=\"Setup health\">\n        <vs-setup-health-card\n          [Result]=\"SetupHealthResult\"\n          [Loading]=\"IsCheckingSetupHealth\"\n          [Expanded]=\"IsAllSetupOk && ShowHealthySetupDetails\"\n          (ExpandedChange)=\"OnSetupHealthExpandedChange($event)\"\n          (Recheck)=\"CheckSetupHealth()\"\n        ></vs-setup-health-card>\n      </section>\n    }\n\n    <!-- 2. What's it about? -->\n    <section class=\"vs-brief__section\">\n      <label class=\"vs-brief__heading\" for=\"vs-brief-topic-input\">\n        What's it about?\n      </label>\n      <textarea\n        id=\"vs-brief-topic-input\"\n        class=\"vs-brief__textarea\"\n        data-testid=\"vs-brief-topic-input\"\n        rows=\"2\"\n        placeholder=\"Describe the video topic, audience, and goal\u2026\"\n        [ngModel]=\"Topic\"\n        (ngModelChange)=\"OnTopicChange($event)\"\n      ></textarea>\n    </section>\n\n    <!-- 3. Shape -->\n    <section class=\"vs-brief__section\" aria-labelledby=\"vs-brief-shape-heading\">\n      <div class=\"vs-brief__section-header\">\n        <h3 class=\"vs-brief__heading\" id=\"vs-brief-shape-heading\">\n          Shape\n        </h3>\n        <button\n          type=\"button\"\n          class=\"vs-brief__action-link\"\n          data-testid=\"vs-brief-make-your-own-link\"\n          (click)=\"OpenArchetypeEditor()\"\n        >\n          <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i>\n          <span>Make your own</span>\n        </button>\n      </div>\n      @if (IsLoading && AllArchetypes.length === 0) {\n        <div class=\"vs-brief__loading\" data-testid=\"vs-brief-loading\">\n          <mj-loading Text=\"Loading archetypes\u2026\" Size=\"small\"></mj-loading>\n        </div>\n      } @else {\n        <div class=\"vs-brief__archetypes\" role=\"group\" aria-labelledby=\"vs-brief-shape-heading\">\n          @for (arch of AllArchetypes; track arch.ID) {\n            <button\n              type=\"button\"\n              class=\"vs-brief__archetype-card\"\n              [class.vs-brief__archetype-card--selected]=\"IsArchetypeSelected(arch)\"\n              [attr.aria-pressed]=\"IsArchetypeSelected(arch)\"\n              [attr.data-testid]=\"'vs-brief-archetype-' + arch.ID\"\n              (click)=\"SelectArchetype(arch)\"\n            >\n              <div class=\"vs-brief__archetype-header\">\n                <span class=\"vs-brief__archetype-name\">{{ arch.Name }}</span>\n                <span class=\"vs-brief__archetype-time\">\n                  {{ FormatTime(arch.DefaultDurationSeconds) }} ({{ FormatTimeRange(arch.MinDurationSeconds, arch.MaxDurationSeconds) }})\n                </span>\n              </div>\n              @if (arch.Description) {\n                <p class=\"vs-brief__archetype-desc\">{{ arch.Description }}</p>\n              }\n              @if (GetArchetypeBeats(arch).length > 0) {\n                <mj-video-beat-strip\n                  [Beats]=\"GetArchetypeBeats(arch)\"\n                  [ShowLabels]=\"true\"\n                ></mj-video-beat-strip>\n              }\n            </button>\n          }\n        </div>\n      }\n    </section>\n\n    <!-- 4. Where it plays -->\n    <section class=\"vs-brief__section\" aria-labelledby=\"vs-brief-where-heading\">\n      <h3 class=\"vs-brief__heading\" id=\"vs-brief-where-heading\">\n        Where it plays\n      </h3>\n      <div class=\"vs-brief__formats\" role=\"group\" aria-label=\"Output formats\" data-testid=\"vs-brief-formats\">\n        @for (fmt of AvailableFormats; track fmt) {\n          <button\n            type=\"button\"\n            mjButton\n            Variant=\"outline\"\n            Size=\"sm\"\n            [Toggleable]=\"true\"\n            [Selected]=\"IsFormatSelected(fmt)\"\n            [attr.data-testid]=\"'vs-brief-format-' + fmt\"\n            (click)=\"ToggleFormat(fmt)\"\n          >\n            <mj-video-format-glyph\n              [Format]=\"fmt\"\n              [ShowLabel]=\"true\"\n              Size=\"sm\"\n            ></mj-video-format-glyph>\n          </button>\n        }\n      </div>\n\n      <div class=\"vs-brief__field vs-brief__field--inline\">\n        <label class=\"vs-brief__sublabel\" for=\"vs-brief-duration-input\">\n          Length ({{ FormatTimeRange(MinDurationSeconds, MaxDurationSeconds) }})\n        </label>\n        <div class=\"vs-brief__duration-row\">\n          <mj-numeric-input\n            InputId=\"vs-brief-duration-input\"\n            [AriaLabel]=\"'Length (' + FormatTimeRange(MinDurationSeconds, MaxDurationSeconds) + ')'\"\n            data-testid=\"vs-brief-duration-input\"\n            [Min]=\"MinDurationSeconds\"\n            [Max]=\"MaxDurationSeconds\"\n            [Step]=\"5\"\n            [ngModel]=\"DurationSeconds\"\n            (ngModelChange)=\"OnDurationChange($event)\"\n          ></mj-numeric-input>\n          <span class=\"vs-brief__duration-value\" data-testid=\"vs-brief-duration-formatted\">\n            {{ FormatTime(DurationSeconds) }}\n          </span>\n        </div>\n      </div>\n    </section>\n\n    <!-- 5. Sound -->\n    <section class=\"vs-brief__section\" aria-labelledby=\"vs-brief-sound-heading\">\n      <h3 class=\"vs-brief__heading\" id=\"vs-brief-sound-heading\">\n        Sound\n      </h3>\n      <vs-audio-options\n        [NarrationEnabled]=\"NarrationEnabled\"\n        (NarrationEnabledChange)=\"OnNarrationEnabledChange($event)\"\n        [CaptionsMode]=\"CaptionsMode\"\n        (CaptionsModeChange)=\"OnCaptionsModeChange($event)\"\n      ></vs-audio-options>\n    </section>\n\n    <!-- 6. Brand kit (optional) -->\n    <section class=\"vs-brief__section\" aria-labelledby=\"vs-brief-brand-heading\">\n      <div class=\"vs-brief__section-header\">\n        <h3 class=\"vs-brief__heading\" id=\"vs-brief-brand-heading\">\n          Brand kit (optional)\n        </h3>\n        <button\n          type=\"button\"\n          class=\"vs-brief__action-link\"\n          data-testid=\"vs-brief-new-brand-kit-link\"\n          (click)=\"OpenBrandKitCreator()\"\n        >\n          <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i>\n          <span>New brand kit</span>\n        </button>\n      </div>\n      <div class=\"vs-brief__field-grid\">\n        <div class=\"vs-brief__field\">\n          <span class=\"vs-brief__sublabel\" id=\"vs-brief-company-label\">Company</span>\n          <mj-dropdown\n            AriaLabelledBy=\"vs-brief-company-label\"\n            data-testid=\"vs-brief-company-select\"\n            [Data]=\"CompanyDropdownOptions\"\n            TextField=\"Name\"\n            ValueField=\"ID\"\n            [ValuePrimitive]=\"true\"\n            [ngModel]=\"SelectedCompanyId\"\n            (ngModelChange)=\"OnCompanyFilterChange($event)\"\n          ></mj-dropdown>\n        </div>\n\n        <div class=\"vs-brief__field\">\n          <span class=\"vs-brief__sublabel\" id=\"vs-brief-brand-kit-label\">Brand kit</span>\n          <mj-dropdown\n            AriaLabelledBy=\"vs-brief-brand-kit-label\"\n            data-testid=\"vs-brief-brand-kit-select\"\n            Placeholder=\"None\"\n            [Data]=\"BrandKitDropdownOptions\"\n            TextField=\"DisplayName\"\n            ValueField=\"ID\"\n            [ValuePrimitive]=\"true\"\n            [ngModel]=\"SelectedBrandKit?.ID ?? ''\"\n            (ngModelChange)=\"SelectBrandKitById($event || null)\"\n          ></mj-dropdown>\n        </div>\n      </div>\n    </section>\n\n    <!-- 7. Data (optional) -->\n    <section class=\"vs-brief__section\" aria-labelledby=\"vs-brief-data-heading\">\n      <h3 class=\"vs-brief__heading\" id=\"vs-brief-data-heading\">\n        Data (optional)\n      </h3>\n      <input\n        type=\"search\"\n        class=\"vs-brief__search-input\"\n        data-testid=\"vs-brief-query-search\"\n        aria-label=\"Search saved queries\"\n        placeholder=\"Filter saved queries by name\u2026\"\n        [ngModel]=\"QuerySearchText\"\n        (ngModelChange)=\"SearchSavedQueries($event)\"\n      />\n      @if (AvailableQueries.length > 0) {\n        <div class=\"vs-brief__queries\" role=\"group\" aria-label=\"Saved queries\" data-testid=\"vs-brief-query-list\">\n          @for (query of AvailableQueries; track query.ID) {\n            <button\n              type=\"button\"\n              mjButton\n              Variant=\"outline\"\n              Size=\"sm\"\n              [Toggleable]=\"true\"\n              [Selected]=\"IsQuerySelected(query.ID)\"\n              [attr.data-testid]=\"'vs-brief-query-' + query.ID\"\n              (click)=\"ToggleSavedQuery(query)\"\n            >\n              <span>{{ query.Name }}</span>\n            </button>\n          }\n        </div>\n      }\n    </section>\n  </div>\n\n  @if (IsBrandKitCreatorOpen) {\n    <mj-dialog\n      [Visible]=\"true\"\n      Title=\"New brand kit\"\n      Size=\"lg\"\n      (Close)=\"CloseBrandKitCreator()\"\n    >\n      <mj-brand-kit-creator\n        [Provider]=\"ProviderToUse\"\n        [Companies]=\"AvailableCompanies\"\n        [InitialCompanyId]=\"SelectedCompanyId\"\n        (Saved)=\"OnBrandKitCreatorSaved($event)\"\n        (Cancelled)=\"CloseBrandKitCreator()\"\n      ></mj-brand-kit-creator>\n    </mj-dialog>\n  }\n\n  @if (IsArchetypeEditorOpen) {\n    <mj-dialog\n      [Visible]=\"true\"\n      [Title]=\"ArchetypeEditorDialogTitle\"\n      Size=\"lg\"\n      (Close)=\"CloseArchetypeEditor()\"\n    >\n      <vs-archetype-editor\n        [Provider]=\"ProviderToUse\"\n        Mode=\"copy\"\n        [SourceArchetypeId]=\"SelectedArchetype?.ID ?? null\"\n        [Archetypes]=\"AllArchetypes\"\n        [Companies]=\"AvailableCompanies\"\n        [InitialCompanyId]=\"SelectedCompanyId !== 'all' ? SelectedCompanyId : null\"\n        (Saved)=\"OnArchetypeEditorSaved($event)\"\n        (Cancelled)=\"CloseArchetypeEditor()\"\n      ></vs-archetype-editor>\n    </mj-dialog>\n  }\n\n  <!-- 8. Sticky Start production footer -->\n  <footer class=\"vs-brief__footer\" data-testid=\"vs-brief-footer\">\n    <p\n      class=\"vs-brief__summary\"\n      [class.vs-brief__summary--muted]=\"!CanStartProduction\"\n      data-testid=\"vs-brief-summary\"\n    >\n      {{ SummaryLine }}\n    </p>\n    <p class=\"vs-brief__hint\" data-testid=\"vs-brief-footer-hint\">\n      Fills the message box below \u2014 attach references if needed, then press Send.\n    </p>\n    <button\n      type=\"button\"\n      mjButton\n      Variant=\"primary\"\n      Size=\"md\"\n      class=\"vs-brief__start-btn\"\n      data-testid=\"vs-brief-start-button\"\n      [disabled]=\"!CanStartProduction\"\n      (click)=\"OnStartClick()\"\n    >\n      <span>Start production</span>\n    </button>\n  </footer>\n</div>\n", styles: [":host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-brief {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  min-width: 0;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  overflow: hidden;\n}\n\n.vs-brief__scroll {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-2-5);\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: var(--mj-space-2-5) var(--mj-space-3-5);\n}\n\n.vs-brief__section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n}\n\n.vs-brief__section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__heading {\n  margin: 0;\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.vs-brief__action-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-1);\n  padding: 0;\n  background: transparent;\n  border: none;\n  font-family: inherit;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n}\n\n.vs-brief__action-link:hover {\n  text-decoration: underline;\n}\n\n.vs-brief__action-link:focus-visible {\n  outline: none;\n  border-radius: var(--mj-radius-sm);\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-brief__sublabel {\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n}\n\n.vs-brief__textarea,\n.vs-brief__search-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border-radius: var(--mj-radius-md);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  font-size: var(--mj-text-sm);\n  transition: var(--mj-transition-fast);\n}\n\n.vs-brief__textarea {\n  resize: vertical;\n}\n\n.vs-brief__textarea:focus-visible,\n.vs-brief__search-input:focus-visible {\n  outline: none;\n  border-color: var(--mj-border-focus);\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-brief__loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mj-space-4);\n}\n\n.vs-brief__archetypes {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__archetype-card {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: var(--mj-space-1-5);\n  width: 100%;\n  padding: var(--mj-space-2-5) var(--mj-space-3);\n  border-radius: var(--mj-radius-md);\n  border: 1px solid var(--mj-border-default);\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}\n\n.vs-brief__archetype-card:hover {\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n.vs-brief__archetype-card:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-brief__archetype-card--selected {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface-card));\n}\n\n.vs-brief__archetype-header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__archetype-name {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n}\n\n.vs-brief__archetype-time {\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-muted);\n  font-variant-numeric: tabular-nums;\n  flex-shrink: 0;\n}\n\n.vs-brief__archetype-desc {\n  margin: 0;\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}\n\n.vs-brief__formats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n}\n\n.vs-brief__field--inline {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__field-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: var(--mj-space-2-5);\n}\n\n.vs-brief__duration-row {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n}\n\n.vs-brief__duration-value {\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n  color: var(--mj-text-secondary);\n  font-variant-numeric: tabular-nums;\n}\n\n.vs-brief__queries {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--mj-space-1-5);\n}\n\n.vs-brief__footer {\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n  padding: var(--mj-space-2) var(--mj-space-3-5);\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.vs-brief__summary {\n  margin: 0;\n  font-size: var(--mj-text-xs);\n  line-height: 1.4;\n  color: var(--mj-text-secondary);\n  font-variant-numeric: tabular-nums;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  overflow-wrap: break-word;\n}\n\n.vs-brief__summary--muted {\n  color: var(--mj-text-muted);\n}\n\n.vs-brief__hint {\n  margin: 0;\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-brief__textarea,\n  .vs-brief__search-input,\n  .vs-brief__archetype-card {\n    transition: none;\n  }\n}\n"] }]
+    }], null, { AutoLoad: [{
+            type: Input
+        }], AutoCheckSetupHealth: [{
+            type: Input
+        }], ShowSetupHealthCard: [{
+            type: Input
+        }], SetupHealthResult: [{
+            type: Input
+        }], IsCheckingSetupHealth: [{
+            type: Input
+        }], ShowHealthySetupDetails: [{
+            type: Input
+        }], AllArchetypes: [{
+            type: Input
+        }], AllBrandKits: [{
+            type: Input
+        }], AvailableQueries: [{
+            type: Input
+        }], AvailableFormats: [{
+            type: Input
+        }], SelectedArchetype: [{
+            type: Input
+        }], SelectedCompanyId: [{
+            type: Input
+        }], SelectedBrandKit: [{
+            type: Input
+        }], SelectedBrandKitExplicitNone: [{
+            type: Input
+        }], SelectedFormats: [{
+            type: Input
+        }], DurationSeconds: [{
+            type: Input
+        }], Topic: [{
+            type: Input
+        }], QuerySearchText: [{
+            type: Input
+        }], SelectedQueries: [{
+            type: Input
+        }], NarrationEnabled: [{
+            type: Input
+        }], CaptionsMode: [{
+            type: Input
+        }], StateChange: [{
+            type: Output
+        }], StartRequested: [{
+            type: Output
+        }], SetupHealthChange: [{
+            type: Output
+        }], ShowHealthySetupDetailsChange: [{
+            type: Output
+        }], buttonDirectives: [{
+            type: ViewChildren,
+            args: [MJButtonDirective]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VSProductionBriefComponent, { className: "VSProductionBriefComponent", filePath: "src/VideoStudio/components/vs-production-brief.component.ts", lineNumber: 140 }); })();
+//# sourceMappingURL=vs-production-brief.component.js.map