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

package/dist/VideoStudio/components/vs-studio-slide-in.component.js

@@ -0,0 +1,271 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJEnvironmentEntityExtended } from '@memberjunction/core-entities';
+import { UUIDsEqual } from '@memberjunction/global';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { VSStudioSlideInStateService } from '../services/vs-studio-slide-in-state.service';
+import { VSCopilotPanelComponent, } from './vs-copilot-panel.component';
+import * as i0 from "@angular/core";
+const _c0 = ["copilotPanel"];
+function VSStudioSlideInComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 3);
+    i0.ɵɵlistener("click", function VSStudioSlideInComponent_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Reopen()); });
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelementStart(2, "span", 5);
+    i0.ɵɵtext(3, "Video Studio");
+    i0.ɵɵelementEnd()();
+} }
+function VSStudioSlideInComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "aside", 2)(1, "div", 6)(2, "vs-copilot-panel", 7, 0);
+    i0.ɵɵlistener("ConversationCreated", function VSStudioSlideInComponent_Conditional_1_Template_vs_copilot_panel_ConversationCreated_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnConversationCreated($event)); })("PendingArtifactConsumed", function VSStudioSlideInComponent_Conditional_1_Template_vs_copilot_panel_PendingArtifactConsumed_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPendingArtifactConsumed()); })("BriefStateChange", function VSStudioSlideInComponent_Conditional_1_Template_vs_copilot_panel_BriefStateChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnBriefStateChange($event)); })("BriefStartRequested", function VSStudioSlideInComponent_Conditional_1_Template_vs_copilot_panel_BriefStartRequested_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnBriefStartRequested($event)); })("NavigationRequest", function VSStudioSlideInComponent_Conditional_1_Template_vs_copilot_panel_NavigationRequest_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNavigationRequest($event)); })("CloseRequested", function VSStudioSlideInComponent_Conditional_1_Template_vs_copilot_panel_CloseRequested_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Close()); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse)("CurrentUser", ctx_r1.EffectiveCurrentUser)("EnvironmentId", ctx_r1.EnvironmentId)("ApplicationId", ctx_r1.ApplicationId)("ConversationId", ctx_r1.ConversationId)("PendingArtifactId", ctx_r1.PendingArtifactId)("PendingArtifactVersionNumber", ctx_r1.PendingArtifactVersionNumber)("AppContext", ctx_r1.EffectiveAppContext)("HeaderTitle", ctx_r1.HeaderTitle)("ShowCloseButton", true)("BriefSelectedArchetype", ctx_r1.SlideInState.BriefSelectedArchetype)("BriefSelectedBrandKit", ctx_r1.SlideInState.BriefSelectedBrandKit)("BriefSelectedBrandKitExplicitNone", ctx_r1.SlideInState.BriefSelectedBrandKitExplicitNone)("BriefSelectedFormats", ctx_r1.SlideInState.BriefSelectedFormats)("BriefDurationSeconds", ctx_r1.SlideInState.BriefDurationSeconds)("BriefTopic", ctx_r1.SlideInState.BriefTopic)("BriefSelectedQueries", ctx_r1.SlideInState.BriefSelectedQueries)("BriefNarrationEnabled", ctx_r1.SlideInState.NarrationEnabled)("BriefCaptionsMode", ctx_r1.SlideInState.CaptionsMode);
+} }
+/**
+ * Shared right-side Video Studio slide-in host (`vs-studio-slide-in`).
+ *
+ * Renders the collapsed right-edge reopen strip (`button.vs-copilot-strip`) when closed
+ * and the `<aside class="vs-copilot-slidein">` wrapping `<vs-copilot-panel>` when open.
+ * Backed by the root-provided {@link VSStudioSlideInStateService} so open/closed state
+ * and the active conversation ID survive navigation across Productions, Brand Kits,
+ * and Archetypes. Also combines the hosting resource page's `[PageContext]` and `[PageTools]`
+ * with the Video Studio brief context and brief form-fill client tools.
+ */
+export class VSStudioSlideInComponent extends BaseAngularComponent {
+    _pageContext = null;
+    _appContext = null;
+    _fallbackBrandKitId = null;
+    CurrentUser = null;
+    EnvironmentId = MJEnvironmentEntityExtended.DefaultEnvironmentID;
+    ApplicationId = '';
+    PageSource = null;
+    set PageContext(value) {
+        this._pageContext = value;
+        this.rebuildEffectiveAppContext();
+    }
+    get PageContext() {
+        return this._pageContext;
+    }
+    set AppContext(value) {
+        this._appContext = value;
+        this.rebuildEffectiveAppContext();
+    }
+    get AppContext() {
+        return this._appContext;
+    }
+    PageTools = [];
+    set FallbackBrandKitId(value) {
+        this._fallbackBrandKitId = value;
+        this.rebuildEffectiveAppContext();
+    }
+    get FallbackBrandKitId() {
+        return this._fallbackBrandKitId;
+    }
+    HeaderTitle = 'Video Studio';
+    OpenChange = new EventEmitter();
+    ConversationCreated = new EventEmitter();
+    PendingArtifactConsumed = new EventEmitter();
+    BriefStateChange = new EventEmitter();
+    BriefStartRequested = new EventEmitter();
+    NavigationRequest = new EventEmitter();
+    CopilotPanel;
+    SlideInState = inject(VSStudioSlideInStateService);
+    elementRef = inject(ElementRef);
+    navigationService = inject(NavigationService, { optional: true });
+    cdr = inject(ChangeDetectorRef);
+    stateSub = null;
+    lastBriefShowingState = null;
+    EffectiveAppContext = this.SlideInState.BuildCombinedAppContext(null, null);
+    ngOnInit() {
+        this.lastBriefShowingState = this.SlideInState.IsBriefShowing;
+        this.rebuildEffectiveAppContext();
+        this.registerCombinedClientTools();
+        this.stateSub = this.SlideInState.State$.subscribe((snapshot) => {
+            this.rebuildEffectiveAppContext();
+            if (this.lastBriefShowingState !== this.SlideInState.IsBriefShowing) {
+                this.lastBriefShowingState = this.SlideInState.IsBriefShowing;
+                this.registerCombinedClientTools();
+            }
+            if (snapshot.PendingArtifactId &&
+                snapshot.ConversationId &&
+                this.CopilotPanel &&
+                UUIDsEqual(snapshot.ConversationId, this.CopilotPanel.ConversationId)) {
+                this.CopilotPanel.OpenIterateArtifact(snapshot.PendingArtifactId, snapshot.PendingArtifactVersionNumber);
+            }
+            this.cdr.markForCheck();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['PageTools'] && !changes['PageTools'].firstChange) {
+            this.registerCombinedClientTools();
+        }
+        if (changes['PageContext'] ||
+            changes['AppContext'] ||
+            changes['FallbackBrandKitId']) {
+            this.rebuildEffectiveAppContext();
+        }
+    }
+    ngOnDestroy() {
+        this.stateSub?.unsubscribe();
+        this.stateSub = null;
+    }
+    get IsOpen() {
+        return this.SlideInState.IsOpen;
+    }
+    get ConversationId() {
+        return this.SlideInState.ConversationId;
+    }
+    get PendingArtifactId() {
+        return this.SlideInState.PendingArtifactId;
+    }
+    get PendingArtifactVersionNumber() {
+        return this.SlideInState.PendingArtifactVersionNumber;
+    }
+    get EffectiveCurrentUser() {
+        return this.CurrentUser ?? this.ProviderToUse?.CurrentUser ?? null;
+    }
+    OpenNewProduction() {
+        this.SlideInState.OpenNewProduction();
+        this.OpenChange.emit(true);
+        this.cdr.markForCheck();
+    }
+    Reopen() {
+        this.SlideInState.Reopen();
+        this.OpenChange.emit(true);
+        this.cdr.markForCheck();
+    }
+    Close() {
+        this.SlideInState.Close();
+        this.OpenChange.emit(false);
+        this.cdr.markForCheck();
+    }
+    OnEscapeKeydown(event) {
+        if (!this.IsOpen || event.defaultPrevented) {
+            return;
+        }
+        const target = event.target instanceof Node ? event.target : null;
+        if (!target || !this.elementRef.nativeElement.contains(target)) {
+            return;
+        }
+        if (target instanceof Element &&
+            target.closest('mj-image-viewer, .image-viewer-backdrop, mj-dialog, [role="dialog"], .mj-calendar')) {
+            return;
+        }
+        if (this.CopilotPanel?.IsImageViewerOpen ||
+            this.CopilotPanel?.IsCreatingConversation) {
+            return;
+        }
+        this.Close();
+    }
+    OnConversationCreated(event) {
+        this.SlideInState.SetConversationId(event.conversation.ID);
+        this.ConversationCreated.emit(event);
+        this.cdr.markForCheck();
+    }
+    OnPendingArtifactConsumed() {
+        this.SlideInState.ClearPendingArtifact();
+        this.PendingArtifactConsumed.emit();
+        this.cdr.markForCheck();
+    }
+    OnBriefStateChange(snapshot) {
+        this.SlideInState.ApplyBriefSnapshot(snapshot);
+        this.BriefStateChange.emit(snapshot);
+        this.cdr.markForCheck();
+    }
+    OnBriefStartRequested(event) {
+        this.BriefStartRequested.emit(event);
+        this.cdr.markForCheck();
+    }
+    OnNavigationRequest(event) {
+        this.NavigationRequest.emit(event);
+    }
+    rebuildEffectiveAppContext() {
+        this.EffectiveAppContext = this.SlideInState.BuildCombinedAppContext(this._pageContext ?? this._appContext, this._fallbackBrandKitId);
+    }
+    registerCombinedClientTools() {
+        if (!this.navigationService || !this.PageSource) {
+            return;
+        }
+        const briefTools = this.SlideInState.BuildBriefClientTools({
+            Provider: this.ProviderToUse,
+            GetBriefComponent: () => this.CopilotPanel?.BriefComponent,
+            OnBriefMutated: () => {
+                this.rebuildEffectiveAppContext();
+                this.cdr.markForCheck();
+            },
+        });
+        this.navigationService.SetAgentClientTools(this.PageSource, [
+            ...this.PageTools,
+            ...briefTools,
+        ]);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵVSStudioSlideInComponent_BaseFactory; return function VSStudioSlideInComponent_Factory(__ngFactoryType__) { return (ɵVSStudioSlideInComponent_BaseFactory || (ɵVSStudioSlideInComponent_BaseFactory = i0.ɵɵgetInheritedFactory(VSStudioSlideInComponent)))(__ngFactoryType__ || VSStudioSlideInComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VSStudioSlideInComponent, selectors: [["vs-studio-slide-in"]], viewQuery: function VSStudioSlideInComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.CopilotPanel = _t.first);
+        } }, hostAttrs: ["data-testid", "vs-studio-slide-in"], hostVars: 2, hostBindings: function VSStudioSlideInComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function VSStudioSlideInComponent_keydown_escape_HostBindingHandler($event) { return ctx.OnEscapeKeydown($event); });
+        } if (rf & 2) {
+            i0.ɵɵclassProp("vs-studio-slide-in--open", ctx.IsOpen);
+        } }, inputs: { CurrentUser: "CurrentUser", EnvironmentId: "EnvironmentId", ApplicationId: "ApplicationId", PageSource: "PageSource", PageContext: "PageContext", AppContext: "AppContext", PageTools: "PageTools", FallbackBrandKitId: "FallbackBrandKitId", HeaderTitle: "HeaderTitle" }, outputs: { OpenChange: "OpenChange", ConversationCreated: "ConversationCreated", PendingArtifactConsumed: "PendingArtifactConsumed", BriefStateChange: "BriefStateChange", BriefStartRequested: "BriefStartRequested", NavigationRequest: "NavigationRequest" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["copilotPanel", ""], ["type", "button", "data-testid", "productions-copilot-strip", "title", "Open Video Studio", "aria-label", "Open Video Studio", 1, "vs-copilot-strip"], ["data-testid", "productions-copilot-slidein", "role", "complementary", "aria-label", "Video Studio", 1, "vs-copilot-slidein"], ["type", "button", "data-testid", "productions-copilot-strip", "title", "Open Video Studio", "aria-label", "Open Video Studio", 1, "vs-copilot-strip", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-wand-magic-sparkles"], [1, "vs-copilot-strip__label"], [1, "vs-copilot-slidein__body"], [3, "ConversationCreated", "PendingArtifactConsumed", "BriefStateChange", "BriefStartRequested", "NavigationRequest", "CloseRequested", "Provider", "CurrentUser", "EnvironmentId", "ApplicationId", "ConversationId", "PendingArtifactId", "PendingArtifactVersionNumber", "AppContext", "HeaderTitle", "ShowCloseButton", "BriefSelectedArchetype", "BriefSelectedBrandKit", "BriefSelectedBrandKitExplicitNone", "BriefSelectedFormats", "BriefDurationSeconds", "BriefTopic", "BriefSelectedQueries", "BriefNarrationEnabled", "BriefCaptionsMode"]], template: function VSStudioSlideInComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, VSStudioSlideInComponent_Conditional_0_Template, 4, 0, "button", 1);
+            i0.ɵɵconditionalCreate(1, VSStudioSlideInComponent_Conditional_1_Template, 4, 19, "aside", 2);
+        } if (rf & 2) {
+            i0.ɵɵconditional(!ctx.IsOpen ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsOpen ? 1 : -1);
+        } }, dependencies: [CommonModule, VSCopilotPanelComponent], styles: ["[_nghost-%COMP%] {\n  display: flex;\n  align-items: stretch;\n  height: 100%;\n  min-height: 0;\n  flex-shrink: 0;\n}\n\n.vs-copilot-strip[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--mj-space-2);\n  width: var(--mj-space-9);\n  flex-shrink: 0;\n  padding: var(--mj-space-4) var(--mj-space-1);\n  border: none;\n  border-left: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: var(--mj-transition-colors);\n}\n\n.vs-copilot-strip[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-strip[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-copilot-strip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-strip__label[_ngcontent-%COMP%] {\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  letter-spacing: 0.04em;\n}\n\n.vs-copilot-slidein[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: clamp(360px, 30vw, 480px);\n  height: 100%;\n  min-height: 0;\n  flex-shrink: 0;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n}\n\n.vs-copilot-slidein__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@media (max-width: 1180px) {\n  [_nghost-%COMP%] {\n    position: static;\n  }\n\n  .vs-copilot-slidein[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 20;\n    width: clamp(360px, 30vw, 480px);\n    max-width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-copilot-strip[_ngcontent-%COMP%] {\n    transition: none;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VSStudioSlideInComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'vs-studio-slide-in', imports: [CommonModule, VSCopilotPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                    'data-testid': 'vs-studio-slide-in',
+                    '[class.vs-studio-slide-in--open]': 'IsOpen',
+                }, template: "@if (!IsOpen) {\n  <button\n    type=\"button\"\n    class=\"vs-copilot-strip\"\n    data-testid=\"productions-copilot-strip\"\n    title=\"Open Video Studio\"\n    aria-label=\"Open Video Studio\"\n    (click)=\"Reopen()\"\n  >\n    <i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"></i>\n    <span class=\"vs-copilot-strip__label\">Video Studio</span>\n  </button>\n}\n\n@if (IsOpen) {\n  <aside\n    class=\"vs-copilot-slidein\"\n    data-testid=\"productions-copilot-slidein\"\n    role=\"complementary\"\n    aria-label=\"Video Studio\"\n  >\n    <div class=\"vs-copilot-slidein__body\">\n      <vs-copilot-panel\n        #copilotPanel\n        [Provider]=\"ProviderToUse\"\n        [CurrentUser]=\"EffectiveCurrentUser\"\n        [EnvironmentId]=\"EnvironmentId\"\n        [ApplicationId]=\"ApplicationId\"\n        [ConversationId]=\"ConversationId\"\n        [PendingArtifactId]=\"PendingArtifactId\"\n        [PendingArtifactVersionNumber]=\"PendingArtifactVersionNumber\"\n        [AppContext]=\"EffectiveAppContext\"\n        [HeaderTitle]=\"HeaderTitle\"\n        [ShowCloseButton]=\"true\"\n        [BriefSelectedArchetype]=\"SlideInState.BriefSelectedArchetype\"\n        [BriefSelectedBrandKit]=\"SlideInState.BriefSelectedBrandKit\"\n        [BriefSelectedBrandKitExplicitNone]=\"SlideInState.BriefSelectedBrandKitExplicitNone\"\n        [BriefSelectedFormats]=\"SlideInState.BriefSelectedFormats\"\n        [BriefDurationSeconds]=\"SlideInState.BriefDurationSeconds\"\n        [BriefTopic]=\"SlideInState.BriefTopic\"\n        [BriefSelectedQueries]=\"SlideInState.BriefSelectedQueries\"\n        [BriefNarrationEnabled]=\"SlideInState.NarrationEnabled\"\n        [BriefCaptionsMode]=\"SlideInState.CaptionsMode\"\n        (ConversationCreated)=\"OnConversationCreated($event)\"\n        (PendingArtifactConsumed)=\"OnPendingArtifactConsumed()\"\n        (BriefStateChange)=\"OnBriefStateChange($event)\"\n        (BriefStartRequested)=\"OnBriefStartRequested($event)\"\n        (NavigationRequest)=\"OnNavigationRequest($event)\"\n        (CloseRequested)=\"Close()\"\n      ></vs-copilot-panel>\n    </div>\n  </aside>\n}\n", styles: [":host {\n  display: flex;\n  align-items: stretch;\n  height: 100%;\n  min-height: 0;\n  flex-shrink: 0;\n}\n\n.vs-copilot-strip {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: var(--mj-space-2);\n  width: var(--mj-space-9);\n  flex-shrink: 0;\n  padding: var(--mj-space-4) var(--mj-space-1);\n  border: none;\n  border-left: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: var(--mj-transition-colors);\n}\n\n.vs-copilot-strip:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-strip:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-copilot-strip i {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-brand-primary);\n}\n\n.vs-copilot-strip__label {\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  letter-spacing: 0.04em;\n}\n\n.vs-copilot-slidein {\n  display: flex;\n  flex-direction: column;\n  width: clamp(360px, 30vw, 480px);\n  height: 100%;\n  min-height: 0;\n  flex-shrink: 0;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n}\n\n.vs-copilot-slidein__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@media (max-width: 1180px) {\n  :host {\n    position: static;\n  }\n\n  .vs-copilot-slidein {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 20;\n    width: clamp(360px, 30vw, 480px);\n    max-width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-copilot-strip {\n    transition: none;\n  }\n}\n"] }]
+    }], null, { CurrentUser: [{
+            type: Input
+        }], EnvironmentId: [{
+            type: Input
+        }], ApplicationId: [{
+            type: Input
+        }], PageSource: [{
+            type: Input
+        }], PageContext: [{
+            type: Input
+        }], AppContext: [{
+            type: Input
+        }], PageTools: [{
+            type: Input
+        }], FallbackBrandKitId: [{
+            type: Input
+        }], HeaderTitle: [{
+            type: Input
+        }], OpenChange: [{
+            type: Output
+        }], ConversationCreated: [{
+            type: Output
+        }], PendingArtifactConsumed: [{
+            type: Output
+        }], BriefStateChange: [{
+            type: Output
+        }], BriefStartRequested: [{
+            type: Output
+        }], NavigationRequest: [{
+            type: Output
+        }], CopilotPanel: [{
+            type: ViewChild,
+            args: ['copilotPanel']
+        }], OnEscapeKeydown: [{
+            type: HostListener,
+            args: ['keydown.escape', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VSStudioSlideInComponent, { className: "VSStudioSlideInComponent", filePath: "src/VideoStudio/components/vs-studio-slide-in.component.ts", lineNumber: 58 }); })();
+//# sourceMappingURL=vs-studio-slide-in.component.js.map

package/dist/VideoStudio/components/vs-studio-slide-in.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vs-studio-slide-in.component.js","sourceRoot":"","sources":["../../../src/VideoStudio/components/vs-studio-slide-in.component.ts","../../../src/VideoStudio/components/vs-studio-slide-in.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,KAAK,EAIL,MAAM,EAEN,SAAS,EACT,MAAM,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAyB,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAE3F,OAAO,EAEL,uBAAuB,GACxB,MAAM,8BAA8B,CAAC;;;;;IC5BpC,iCAOC;IADC,4LAAS,eAAQ,KAAC;IAElB,uBAAkE;IAClE,+BAAsC;IAAA,4BAAY;IACpD,AADoD,iBAAO,EAClD;;;;IAWL,AADF,AANF,gCAKC,aACuC,6BA4BnC;IADC,AADA,AADA,AADA,AADA,AADA,wOAAuB,oCAA6B,KAAC,6NAC1B,kCAA2B,KAAC,qNACnC,iCAA0B,KAAC,2NACxB,oCAA6B,KAAC,uNAChC,kCAA2B,KAAC,2MAC/B,cAAO,KAAC;IAGhC,AADE,AADG,iBAAmB,EAChB,EACA;;;IA3BF,eAA0B;IAkB1B,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,AADA,+CAA0B,4CACU,uCACL,uCACA,yCACE,+CACM,qEACsB,0CAC3B,mCACP,yBACH,sEACsC,oEACF,4FACwB,kEAC1B,kEACA,8CACpB,kEACoB,+DACH,uDACR;;ADPvD;;;;;;;;;GASG;AAaH,MAAM,OAAO,wBACX,SAAQ,oBAAoB;IAGpB,YAAY,GAAmC,IAAI,CAAC;IACpD,WAAW,GAAmC,IAAI,CAAC;IACnD,mBAAmB,GAAkB,IAAI,CAAC;IAEzC,WAAW,GAAoB,IAAI,CAAC;IACpC,aAAa,GAAW,2BAA2B,CAAC,oBAAoB,CAAC;IACzE,aAAa,GAAG,EAAE,CAAC;IACnB,UAAU,GAAiC,IAAI,CAAC;IACzD,IACI,WAAW,CAAC,KAAqC;QACnD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IACD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IACI,UAAU,CAAC,KAAqC;QAClD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IACD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IACQ,SAAS,GAAsC,EAAE,CAAC;IAC3D,IACI,kBAAkB,CAAC,KAAoB;QACzC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IACD,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IACQ,WAAW,GAAG,cAAc,CAAC;IAE5B,UAAU,GAAG,IAAI,YAAY,EAAW,CAAC;IACzC,mBAAmB,GAAG,IAAI,YAAY,EAAqC,CAAC;IAC5E,uBAAuB,GAAG,IAAI,YAAY,EAAQ,CAAC;IACnD,gBAAgB,GAAG,IAAI,YAAY,EAAkC,CAAC;IACtE,mBAAmB,GAAG,IAAI,YAAY,EAA+B,CAAC;IACtE,iBAAiB,GAAG,IAAI,YAAY,EAAqB,CAAC;IAG7D,YAAY,CAA2B;IAE9B,YAAY,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;IAClD,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IACzD,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACzC,QAAQ,GAAwB,IAAI,CAAC;IACrC,qBAAqB,GAAmB,IAAI,CAAC;IAE9C,mBAAmB,GACxB,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAExD,QAAQ;QACN,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;QAC9D,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9D,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,qBAAqB,KAAK,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;gBACpE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;gBAC9D,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACrC,CAAC;YACD,IACE,QAAQ,CAAC,iBAAiB;gBAC1B,QAAQ,CAAC,cAAc;gBACvB,IAAI,CAAC,YAAY;gBACjB,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EACrE,CAAC;gBACD,IAAI,CAAC,YAAY,CAAC,mBAAmB,CACnC,QAAQ,CAAC,iBAAiB,EAC1B,QAAQ,CAAC,4BAA4B,CACtC,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC;YAC9D,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC;QACD,IACE,OAAO,CAAC,aAAa,CAAC;YACtB,OAAO,CAAC,YAAY,CAAC;YACrB,OAAO,CAAC,oBAAoB,CAAC,EAC7B,CAAC;YACD,IAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IAClC,CAAC;IAED,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;IAC1C,CAAC;IAED,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC;IAC7C,CAAC;IAED,IAAW,4BAA4B;QACrC,OAAO,IAAI,CAAC,YAAY,CAAC,4BAA4B,CAAC;IACxD,CAAC;IAED,IAAW,oBAAoB;QAC7B,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,EAAE,WAAW,IAAI,IAAI,CAAC;IACrE,CAAC;IAEM,iBAAiB;QACtB,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;QACtC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAGM,eAAe,CAAC,KAAY;QACjC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3C,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QAClE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QACD,IACE,MAAM,YAAY,OAAO;YACzB,MAAM,CAAC,OAAO,CACZ,mFAAmF,CACpF,EACD,CAAC;YACD,OAAO;QACT,CAAC;QACD,IACE,IAAI,CAAC,YAAY,EAAE,iBAAiB;YACpC,IAAI,CAAC,YAAY,EAAE,sBAAsB,EACzC,CAAC;YACD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAEM,qBAAqB,CAAC,KAAwC;QACnE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAC3D,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,yBAAyB;QAC9B,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;QACzC,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;QACpC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,kBAAkB,CAAC,QAAwC;QAChE,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,qBAAqB,CAAC,KAAkC;QAC7D,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAEM,mBAAmB,CAAC,KAAwB;QACjD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAEO,0BAA0B;QAChC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAClE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,EACrC,IAAI,CAAC,mBAAmB,CACzB,CAAC;IACJ,CAAC;IAEO,2BAA2B;QACjC,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChD,OAAO;QACT,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC;YACzD,QAAQ,EAAE,IAAI,CAAC,aAAa;YAC5B,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,cAAc;YAC1D,cAAc,EAAE,GAAG,EAAE;gBACnB,IAAI,CAAC,0BAA0B,EAAE,CAAC;gBAClC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;YAC1B,CAAC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE;YAC1D,GAAG,IAAI,CAAC,SAAS;YACjB,GAAG,UAAU;SACd,CAAC,CAAC;IACL,CAAC;6QAxNU,wBAAwB,yBAAxB,wBAAwB;6DAAxB,wBAAwB;;;;;;YAAxB,qHAAA,2BAAuB,IAAC;;YAAxB,sDAAwB;;YCzDrC,6FAAe;YAcf,6FAAc;;YAdd,sCAYC;YAED,cAsCC;YAtCD,qCAsCC;4BDJW,YAAY,EAAE,uBAAuB;;iFASpC,wBAAwB;cAZpC,SAAS;6BACI,IAAI,YACN,oBAAoB,WACrB,CAAC,YAAY,EAAE,uBAAuB,CAAC,mBAG/B,uBAAuB,CAAC,MAAM,QACzC;oBACJ,aAAa,EAAE,oBAAoB;oBACnC,kCAAkC,EAAE,QAAQ;iBAC7C;;kBAUA,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAQL,KAAK;;kBAQL,KAAK;;kBACL,KAAK;;kBAQL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBACN,MAAM;;kBAEN,SAAS;mBAAC,cAAc;;kBA8FxB,YAAY;mBAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;;kFA5I/B,wBAAwB","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Subscription } from 'rxjs';\nimport { UserInfo } from '@memberjunction/core';\nimport { MJEnvironmentEntityExtended } from '@memberjunction/core-entities';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { NavigationRequest } from '@memberjunction/ng-artifacts';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';\nimport { VSStudioSlideInStateService } from '../services/vs-studio-slide-in-state.service';\nimport { StudioBriefClientToolDefinition } from '../video-studio-agent-context';\nimport {\n  VSCopilotConversationCreatedEvent,\n  VSCopilotPanelComponent,\n} from './vs-copilot-panel.component';\nimport {\n  VSProductionBriefStartEvent,\n  VSProductionBriefStateSnapshot,\n} from './vs-production-brief.component';\n\n/**\n * Shared right-side Video Studio slide-in host (`vs-studio-slide-in`).\n *\n * Renders the collapsed right-edge reopen strip (`button.vs-copilot-strip`) when closed\n * and the `<aside class=\"vs-copilot-slidein\">` wrapping `<vs-copilot-panel>` when open.\n * Backed by the root-provided {@link VSStudioSlideInStateService} so open/closed state\n * and the active conversation ID survive navigation across Productions, Brand Kits,\n * and Archetypes. Also combines the hosting resource page's `[PageContext]` and `[PageTools]`\n * with the Video Studio brief context and brief form-fill client tools.\n */\n@Component({\n  standalone: true,\n  selector: 'vs-studio-slide-in',\n  imports: [CommonModule, VSCopilotPanelComponent],\n  templateUrl: './vs-studio-slide-in.component.html',\n  styleUrls: ['./vs-studio-slide-in.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-testid': 'vs-studio-slide-in',\n    '[class.vs-studio-slide-in--open]': 'IsOpen',\n  },\n})\nexport class VSStudioSlideInComponent\n  extends BaseAngularComponent\n  implements OnInit, OnChanges, OnDestroy\n{\n  private _pageContext: Record<string, unknown> | null = null;\n  private _appContext: Record<string, unknown> | null = null;\n  private _fallbackBrandKitId: string | null = null;\n\n  @Input() CurrentUser: UserInfo | null = null;\n  @Input() EnvironmentId: string = MJEnvironmentEntityExtended.DefaultEnvironmentID;\n  @Input() ApplicationId = '';\n  @Input() PageSource: BaseResourceComponent | null = null;\n  @Input()\n  set PageContext(value: Record<string, unknown> | null) {\n    this._pageContext = value;\n    this.rebuildEffectiveAppContext();\n  }\n  get PageContext(): Record<string, unknown> | null {\n    return this._pageContext;\n  }\n  @Input()\n  set AppContext(value: Record<string, unknown> | null) {\n    this._appContext = value;\n    this.rebuildEffectiveAppContext();\n  }\n  get AppContext(): Record<string, unknown> | null {\n    return this._appContext;\n  }\n  @Input() PageTools: StudioBriefClientToolDefinition[] = [];\n  @Input()\n  set FallbackBrandKitId(value: string | null) {\n    this._fallbackBrandKitId = value;\n    this.rebuildEffectiveAppContext();\n  }\n  get FallbackBrandKitId(): string | null {\n    return this._fallbackBrandKitId;\n  }\n  @Input() HeaderTitle = 'Video Studio';\n\n  @Output() OpenChange = new EventEmitter<boolean>();\n  @Output() ConversationCreated = new EventEmitter<VSCopilotConversationCreatedEvent>();\n  @Output() PendingArtifactConsumed = new EventEmitter<void>();\n  @Output() BriefStateChange = new EventEmitter<VSProductionBriefStateSnapshot>();\n  @Output() BriefStartRequested = new EventEmitter<VSProductionBriefStartEvent>();\n  @Output() NavigationRequest = new EventEmitter<NavigationRequest>();\n\n  @ViewChild('copilotPanel')\n  public CopilotPanel?: VSCopilotPanelComponent;\n\n  public readonly SlideInState = inject(VSStudioSlideInStateService);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly navigationService = inject(NavigationService, { optional: true });\n  private readonly cdr = inject(ChangeDetectorRef);\n  private stateSub: Subscription | null = null;\n  private lastBriefShowingState: boolean | null = null;\n\n  public EffectiveAppContext: Record<string, unknown> =\n    this.SlideInState.BuildCombinedAppContext(null, null);\n\n  ngOnInit(): void {\n    this.lastBriefShowingState = this.SlideInState.IsBriefShowing;\n    this.rebuildEffectiveAppContext();\n    this.registerCombinedClientTools();\n    this.stateSub = this.SlideInState.State$.subscribe((snapshot) => {\n      this.rebuildEffectiveAppContext();\n      if (this.lastBriefShowingState !== this.SlideInState.IsBriefShowing) {\n        this.lastBriefShowingState = this.SlideInState.IsBriefShowing;\n        this.registerCombinedClientTools();\n      }\n      if (\n        snapshot.PendingArtifactId &&\n        snapshot.ConversationId &&\n        this.CopilotPanel &&\n        UUIDsEqual(snapshot.ConversationId, this.CopilotPanel.ConversationId)\n      ) {\n        this.CopilotPanel.OpenIterateArtifact(\n          snapshot.PendingArtifactId,\n          snapshot.PendingArtifactVersionNumber,\n        );\n      }\n      this.cdr.markForCheck();\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['PageTools'] && !changes['PageTools'].firstChange) {\n      this.registerCombinedClientTools();\n    }\n    if (\n      changes['PageContext'] ||\n      changes['AppContext'] ||\n      changes['FallbackBrandKitId']\n    ) {\n      this.rebuildEffectiveAppContext();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.stateSub?.unsubscribe();\n    this.stateSub = null;\n  }\n\n  public get IsOpen(): boolean {\n    return this.SlideInState.IsOpen;\n  }\n\n  public get ConversationId(): string | null {\n    return this.SlideInState.ConversationId;\n  }\n\n  public get PendingArtifactId(): string | null {\n    return this.SlideInState.PendingArtifactId;\n  }\n\n  public get PendingArtifactVersionNumber(): number | null {\n    return this.SlideInState.PendingArtifactVersionNumber;\n  }\n\n  public get EffectiveCurrentUser(): UserInfo | null {\n    return this.CurrentUser ?? this.ProviderToUse?.CurrentUser ?? null;\n  }\n\n  public OpenNewProduction(): void {\n    this.SlideInState.OpenNewProduction();\n    this.OpenChange.emit(true);\n    this.cdr.markForCheck();\n  }\n\n  public Reopen(): void {\n    this.SlideInState.Reopen();\n    this.OpenChange.emit(true);\n    this.cdr.markForCheck();\n  }\n\n  public Close(): void {\n    this.SlideInState.Close();\n    this.OpenChange.emit(false);\n    this.cdr.markForCheck();\n  }\n\n  @HostListener('keydown.escape', ['$event'])\n  public OnEscapeKeydown(event: Event): void {\n    if (!this.IsOpen || event.defaultPrevented) {\n      return;\n    }\n    const target = event.target instanceof Node ? event.target : null;\n    if (!target || !this.elementRef.nativeElement.contains(target)) {\n      return;\n    }\n    if (\n      target instanceof Element &&\n      target.closest(\n        'mj-image-viewer, .image-viewer-backdrop, mj-dialog, [role=\"dialog\"], .mj-calendar',\n      )\n    ) {\n      return;\n    }\n    if (\n      this.CopilotPanel?.IsImageViewerOpen ||\n      this.CopilotPanel?.IsCreatingConversation\n    ) {\n      return;\n    }\n    this.Close();\n  }\n\n  public OnConversationCreated(event: VSCopilotConversationCreatedEvent): void {\n    this.SlideInState.SetConversationId(event.conversation.ID);\n    this.ConversationCreated.emit(event);\n    this.cdr.markForCheck();\n  }\n\n  public OnPendingArtifactConsumed(): void {\n    this.SlideInState.ClearPendingArtifact();\n    this.PendingArtifactConsumed.emit();\n    this.cdr.markForCheck();\n  }\n\n  public OnBriefStateChange(snapshot: VSProductionBriefStateSnapshot): void {\n    this.SlideInState.ApplyBriefSnapshot(snapshot);\n    this.BriefStateChange.emit(snapshot);\n    this.cdr.markForCheck();\n  }\n\n  public OnBriefStartRequested(event: VSProductionBriefStartEvent): void {\n    this.BriefStartRequested.emit(event);\n    this.cdr.markForCheck();\n  }\n\n  public OnNavigationRequest(event: NavigationRequest): void {\n    this.NavigationRequest.emit(event);\n  }\n\n  private rebuildEffectiveAppContext(): void {\n    this.EffectiveAppContext = this.SlideInState.BuildCombinedAppContext(\n      this._pageContext ?? this._appContext,\n      this._fallbackBrandKitId,\n    );\n  }\n\n  private registerCombinedClientTools(): void {\n    if (!this.navigationService || !this.PageSource) {\n      return;\n    }\n    const briefTools = this.SlideInState.BuildBriefClientTools({\n      Provider: this.ProviderToUse,\n      GetBriefComponent: () => this.CopilotPanel?.BriefComponent,\n      OnBriefMutated: () => {\n        this.rebuildEffectiveAppContext();\n        this.cdr.markForCheck();\n      },\n    });\n    this.navigationService.SetAgentClientTools(this.PageSource, [\n      ...this.PageTools,\n      ...briefTools,\n    ]);\n  }\n}\n","@if (!IsOpen) {\n  <button\n    type=\"button\"\n    class=\"vs-copilot-strip\"\n    data-testid=\"productions-copilot-strip\"\n    title=\"Open Video Studio\"\n    aria-label=\"Open Video Studio\"\n    (click)=\"Reopen()\"\n  >\n    <i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"></i>\n    <span class=\"vs-copilot-strip__label\">Video Studio</span>\n  </button>\n}\n\n@if (IsOpen) {\n  <aside\n    class=\"vs-copilot-slidein\"\n    data-testid=\"productions-copilot-slidein\"\n    role=\"complementary\"\n    aria-label=\"Video Studio\"\n  >\n    <div class=\"vs-copilot-slidein__body\">\n      <vs-copilot-panel\n        #copilotPanel\n        [Provider]=\"ProviderToUse\"\n        [CurrentUser]=\"EffectiveCurrentUser\"\n        [EnvironmentId]=\"EnvironmentId\"\n        [ApplicationId]=\"ApplicationId\"\n        [ConversationId]=\"ConversationId\"\n        [PendingArtifactId]=\"PendingArtifactId\"\n        [PendingArtifactVersionNumber]=\"PendingArtifactVersionNumber\"\n        [AppContext]=\"EffectiveAppContext\"\n        [HeaderTitle]=\"HeaderTitle\"\n        [ShowCloseButton]=\"true\"\n        [BriefSelectedArchetype]=\"SlideInState.BriefSelectedArchetype\"\n        [BriefSelectedBrandKit]=\"SlideInState.BriefSelectedBrandKit\"\n        [BriefSelectedBrandKitExplicitNone]=\"SlideInState.BriefSelectedBrandKitExplicitNone\"\n        [BriefSelectedFormats]=\"SlideInState.BriefSelectedFormats\"\n        [BriefDurationSeconds]=\"SlideInState.BriefDurationSeconds\"\n        [BriefTopic]=\"SlideInState.BriefTopic\"\n        [BriefSelectedQueries]=\"SlideInState.BriefSelectedQueries\"\n        [BriefNarrationEnabled]=\"SlideInState.NarrationEnabled\"\n        [BriefCaptionsMode]=\"SlideInState.CaptionsMode\"\n        (ConversationCreated)=\"OnConversationCreated($event)\"\n        (PendingArtifactConsumed)=\"OnPendingArtifactConsumed()\"\n        (BriefStateChange)=\"OnBriefStateChange($event)\"\n        (BriefStartRequested)=\"OnBriefStartRequested($event)\"\n        (NavigationRequest)=\"OnNavigationRequest($event)\"\n        (CloseRequested)=\"Close()\"\n      ></vs-copilot-panel>\n    </div>\n  </aside>\n}\n"]}

package/dist/VideoStudio/index.d.ts

@@ -0,0 +1,12 @@
+export * from './video-studio-agent-context';
+export * from './services/vs-studio-slide-in-state.service';
+export * from './components/vs-audio-options.component';
+export * from './components/vs-archetype-editor.component';
+export * from './components/vs-production-brief.component';
+export * from './components/vs-copilot-panel.component';
+export * from './components/vs-studio-slide-in.component';
+export * from './components/vs-setup-health-card.component';
+export * from './resources/video-studio-productions-resource.component';
+export * from './resources/video-studio-brand-kits-resource.component';
+export * from './resources/video-studio-archetypes-resource.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/VideoStudio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/VideoStudio/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,wDAAwD,CAAC"}

package/dist/VideoStudio/index.js

@@ -0,0 +1,12 @@
+export * from './video-studio-agent-context';
+export * from './services/vs-studio-slide-in-state.service';
+export * from './components/vs-audio-options.component';
+export * from './components/vs-archetype-editor.component';
+export * from './components/vs-production-brief.component';
+export * from './components/vs-copilot-panel.component';
+export * from './components/vs-studio-slide-in.component';
+export * from './components/vs-setup-health-card.component';
+export * from './resources/video-studio-productions-resource.component';
+export * from './resources/video-studio-brand-kits-resource.component';
+export * from './resources/video-studio-archetypes-resource.component';
+//# sourceMappingURL=index.js.map

package/dist/VideoStudio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/VideoStudio/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,wDAAwD,CAAC","sourcesContent":["export * from './video-studio-agent-context';\nexport * from './services/vs-studio-slide-in-state.service';\nexport * from './components/vs-audio-options.component';\nexport * from './components/vs-archetype-editor.component';\nexport * from './components/vs-production-brief.component';\nexport * from './components/vs-copilot-panel.component';\nexport * from './components/vs-studio-slide-in.component';\nexport * from './components/vs-setup-health-card.component';\nexport * from './resources/video-studio-productions-resource.component';\nexport * from './resources/video-studio-brand-kits-resource.component';\nexport * from './resources/video-studio-archetypes-resource.component';\n\n\n"]}

package/dist/VideoStudio/resources/video-studio-archetypes-resource.component.d.ts

@@ -0,0 +1,118 @@
+import { OnInit } from '@angular/core';
+import { UserInfo } from '@memberjunction/core';
+import { ResourceData } from '@memberjunction/core-entities';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { FilterFieldConfig } from '@memberjunction/ng-ui-components';
+import { ArchetypeEditorMode } from '../components/vs-archetype-editor.component';
+import { ArchetypeCardSnapshot, ArchetypeCategory, ArchetypeCategoryFilter, ArchetypeCategoryGroup, ArchetypeScopeFilter, StudioBriefClientToolDefinition } from '../video-studio-agent-context';
+import * as i0 from "@angular/core";
+export interface ArchetypeBeatBlock {
+    Key: string;
+    Label: string;
+    Purpose: string;
+    MinDurationSeconds: number;
+    MaxDurationSeconds: number;
+    DefaultDurationSeconds?: number;
+    ComputedDurationSeconds: number;
+    WidthPercent: number;
+    Guidance?: string;
+    RequiresDataBinding?: boolean;
+}
+export interface ArchetypePacingView {
+    AvgSecondsBetweenChanges: number;
+    HoldRules: string;
+    MinBeatDurationSeconds?: number;
+    MaxBeatDurationSeconds?: number;
+}
+export interface ArchetypeViewItem extends ArchetypeCardSnapshot {
+    DefaultInteractionMode: string;
+    Guidance: string | null;
+    BeatTemplateRaw: string;
+    PacingRaw: string | null;
+    Beats: ArchetypeBeatBlock[];
+    Pacing: ArchetypePacingView | null;
+}
+export interface ArchetypeCategoryChipItem {
+    Category: ArchetypeCategory;
+    Label: string;
+    Count: number;
+}
+/**
+ * Archetypes resource tab for the Video Studio application.
+ *
+ * Displays all `MJ: Video Archetypes` from `VideoStudioEngine` in a single
+ * grid with `<mj-filter-chip>` filters for `Category` (`Announcement | Briefing |
+ * DataStory | Explainer | Product | Social | Tutorial`) and scope (`Shipped` /
+ * `Yours`), proportional beat-timeline strips (`arch.BeatTemplateObject`), and an
+ * inline slide-out preview showing the full beat template, pacing rules,
+ * and narrative guidance.
+ *
+ * Company archetypes (`CompanyID` non-null) provide an "Edit" button that opens
+ * `vs-archetype-editor` plus an "Open record" link to the entity form, while
+ * shipped archetypes (`CompanyID IS NULL`) are read-only with a "Make a copy"
+ * button that opens `vs-archetype-editor` pre-filled with the shipped row.
+ */
+export declare class VideoStudioArchetypesResourceComponent extends BaseResourceComponent implements OnInit {
+    IsLoading: boolean;
+    LoadError: string | null;
+    AllArchetypes: ArchetypeViewItem[];
+    FilteredArchetypes: ArchetypeViewItem[];
+    CategoryGroups: ArchetypeCategoryGroup<ArchetypeViewItem>[];
+    CategoryChipItems: ArchetypeCategoryChipItem[];
+    CategoryAllCount: number;
+    SelectedArchetype: ArchetypeViewItem | null;
+    SearchText: string;
+    CategoryFilter: ArchetypeCategoryFilter;
+    ScopeFilter: ArchetypeScopeFilter;
+    FilterFields: FilterFieldConfig[];
+    FilterValues: Record<string, unknown>;
+    IsEditorOpen: boolean;
+    EditorMode: ArchetypeEditorMode;
+    EditorSourceArchetypeId: string | null;
+    EditorEditingArchetypeId: string | null;
+    PageContext: Record<string, unknown>;
+    readonly PageTools: StudioBriefClientToolDefinition[];
+    private readonly cdr;
+    get CurrentUser(): UserInfo | null;
+    get EnvironmentId(): string;
+    get ApplicationId(): string;
+    ngOnInit(): Promise<void>;
+    GetResourceDisplayName(_data: ResourceData): Promise<string>;
+    GetResourceIconClass(_data: ResourceData): Promise<string>;
+    get TotalCount(): number;
+    get FilteredCount(): number;
+    get ShippedCount(): number;
+    get CompanyCount(): number;
+    get EditorDialogTitle(): string;
+    get ActivePopoverFilterCount(): number;
+    Refresh(): Promise<void>;
+    LoadArchetypes(forceRefresh?: boolean): Promise<void>;
+    OnSearchChange(value: string): void;
+    OnFilterValuesChange(values: Record<string, unknown>): void;
+    SelectCategoryChip(category: ArchetypeCategoryFilter): void;
+    ToggleScopeChip(scope: 'shipped' | 'company'): void;
+    ClearAllFilters(): void;
+    SelectArchetype(item: ArchetypeViewItem | null): void;
+    CloseSlideOut(): void;
+    OpenNewArchetypeEditor(): void;
+    OpenCopyArchetypeEditor(item: ArchetypeViewItem, event?: Event): void;
+    OpenEditArchetypeEditor(item: ArchetypeViewItem, event?: Event): void;
+    OpenArchetypeRecord(item: ArchetypeViewItem, event?: Event): void;
+    CloseArchetypeEditor(): void;
+    OnArchetypeEditorSaved(savedArchetypeId: string): Promise<void>;
+    FormatCategoryLabel(category: ArchetypeCategory | string): string;
+    FormatTime(seconds: number): string;
+    FormatTimeRange(minSeconds: number, maxSeconds: number): string;
+    ParseFormats(formatsRaw: string): string[];
+    ResetFiltersAndSearch(): void;
+    private rebuildCategoryChips;
+    private mapArchetypeToCard;
+    private currentFilterState;
+    private applyFiltersAndSync;
+    private buildArchetypesContext;
+    private syncAgentContext;
+    private buildArchetypesClientTools;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoStudioArchetypesResourceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VideoStudioArchetypesResourceComponent, "mj-video-studio-archetypes-resource", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=video-studio-archetypes-resource.component.d.ts.map

package/dist/VideoStudio/resources/video-studio-archetypes-resource.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-studio-archetypes-resource.component.d.ts","sourceRoot":"","sources":["../../../src/VideoStudio/resources/video-studio-archetypes-resource.component.ts"],"names":[],"mappings":"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"}