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

package/dist/VideoStudio/resources/video-studio-productions-resource.component.js

@@ -0,0 +1,1481 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewChild, inject, } from '@angular/core';
+import { CompositeKey, LogError, RunView } from '@memberjunction/core';
+import { BrandKitEngine, MJEnvironmentEntityExtended, } from '@memberjunction/core-entities';
+import { EscapeSQLString, RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { GraphQLDataProvider, GraphQLFileStorageClient, } from '@memberjunction/graphql-dataprovider';
+import { FormatVideoTime, GetVideoStatusBadgeVariant, } from '@memberjunction/ng-artifacts';
+import { ArtifactPermissionService } from '@memberjunction/ng-conversations';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { VSStudioSlideInStateService } from '../services/vs-studio-slide-in-state.service';
+import { BuildProductionsAgentContext, CountActiveProductionPopoverFilters, FilterProductionCards, ParseArchetypeDefaultFormats, ResolveVideoStudioItem, } 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";
+import * as i3 from "@memberjunction/ng-artifacts";
+import * as i4 from "@memberjunction/ng-conversations";
+import * as i5 from "../components/vs-studio-slide-in.component";
+import * as i6 from "@memberjunction/ng-ui-components";
+const _c0 = ["studioSlideIn"];
+const _forTrack0 = ($index, $item) => $item.ID;
+function VideoStudioProductionsResourceComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "mj-page-search", 17);
+    i0.ɵɵlistener("ValueChange", function VideoStudioProductionsResourceComponent_Conditional_11_Template_mj_page_search_ValueChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSearchChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "mj-filter-popover", 18);
+    i0.ɵɵlistener("ClearAllRequested", function VideoStudioProductionsResourceComponent_Conditional_11_Template_mj_filter_popover_ClearAllRequested_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ClearAllFilters()); });
+    i0.ɵɵelementStart(3, "mj-filter-panel", 19);
+    i0.ɵɵlistener("ValuesChange", function VideoStudioProductionsResourceComponent_Conditional_11_Template_mj_filter_panel_ValuesChange_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFilterValuesChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20)(5, "mj-filter-field", 21)(6, "mj-datepicker", 22);
+    i0.ɵɵlistener("ngModelChange", function VideoStudioProductionsResourceComponent_Conditional_11_Template_mj_datepicker_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDateFromChange($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "mj-filter-field", 23)(8, "mj-datepicker", 24);
+    i0.ɵɵlistener("ngModelChange", function VideoStudioProductionsResourceComponent_Conditional_11_Template_mj_datepicker_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDateToChange($event)); });
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Value", ctx_r1.SearchText);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ActiveCount", ctx_r1.ActivePopoverFilterCount)("ShowClearAll", ctx_r1.ActivePopoverFilterCount > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Fields", ctx_r1.FilterFields)("Values", ctx_r1.FilterValues)("ShowReset", false);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r1.DateFromDate);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngModel", ctx_r1.DateToDate);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "mj-loading", 25);
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-empty-state", 26);
+    i0.ɵɵlistener("Action", function VideoStudioProductionsResourceComponent_Conditional_15_Template_mj_empty_state_Action_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Refresh()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Message", ctx_r1.LoadError);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_16_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-empty-state", 29);
+    i0.ɵɵlistener("Action", function VideoStudioProductionsResourceComponent_Conditional_16_Conditional_0_Template_mj_empty_state_Action_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenNewProductionCopilot()); });
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-empty-state", 30);
+    i0.ɵɵlistener("Action", function VideoStudioProductionsResourceComponent_Conditional_16_Conditional_1_Template_mj_empty_state_Action_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ResetFiltersAndSearch()); });
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, VideoStudioProductionsResourceComponent_Conditional_16_Conditional_0_Template, 1, 0, "mj-empty-state", 27)(1, VideoStudioProductionsResourceComponent_Conditional_16_Conditional_1_Template, 1, 0, "mj-empty-state", 28);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.AllProductions.length === 0 ? 0 : 1);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 37);
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("src", item_r7.PosterUrl, i0.ɵɵsanitizeUrl)("alt", item_r7.Name + " poster");
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDuration(item_r7.DurationSeconds), " ");
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r7.Archetype, " ");
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_12_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 46);
+    i0.ɵɵtext(1, "\u00B7");
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_12_Conditional_0_Template, 2, 0, "span", 46);
+    i0.ɵɵelementStart(1, "button", 47);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_12_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r8); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenBrandKitRecord(item_r7.BrandKitID, $event)); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(item_r7.Archetype ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", item_r7.BrandKitName || "Brand kit", " ");
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_13_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 46);
+    i0.ɵɵtext(1, "\u00B7");
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_13_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-video-format-glyph", 49);
+} if (rf & 2) {
+    const fmt_r9 = ctx.$implicit;
+    i0.ɵɵproperty("Format", fmt_r9);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_13_Conditional_0_Template, 2, 0, "span", 46);
+    i0.ɵɵelementStart(1, "span", 48);
+    i0.ɵɵrepeaterCreate(2, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_13_For_3_Template, 1, 1, "mj-video-format-glyph", 49, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(item_r7.Archetype || item_r7.BrandKitName || item_r7.BrandKitID ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.ParseFormats(item_r7.AspectRatio));
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "article", 35);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Template_article_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectProduction(item_r7)); })("keydown.enter", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Template_article_keydown_enter_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectProduction(item_r7)); })("keydown.space", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Template_article_keydown_space_0_listener($event) { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); $event.preventDefault(); return i0.ɵɵresetView(ctx_r1.SelectProduction(item_r7)); });
+    i0.ɵɵelementStart(1, "div", 36);
+    i0.ɵɵconditionalCreate(2, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_2_Template, 1, 2, "img", 37)(3, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_3_Template, 2, 0, "div", 38);
+    i0.ɵɵelementStart(4, "mj-video-badge", 39);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_6_Template, 2, 1, "span", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 41)(8, "h3", 42);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 43);
+    i0.ɵɵconditionalCreate(11, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_11_Template, 2, 1, "span", 44);
+    i0.ɵɵconditionalCreate(12, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_12_Template, 3, 2);
+    i0.ɵɵconditionalCreate(13, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Conditional_13_Template, 4, 1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const item_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("vs-production-card--selected", (ctx_r1.SelectedProduction == null ? null : ctx_r1.SelectedProduction.ID) === item_r7.ID);
+    i0.ɵɵattribute("data-testid", "production-card-" + item_r7.ID)("aria-pressed", (ctx_r1.SelectedProduction == null ? null : ctx_r1.SelectedProduction.ID) === item_r7.ID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(item_r7.PosterUrl ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Variant", ctx_r1.StatusBadgeVariant(item_r7.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r7.Status, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r7.DurationSeconds !== null ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", item_r7.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r7.Name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(item_r7.Archetype ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r7.BrandKitName || item_r7.BrandKitID ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r7.AspectRatio ? 13 : -1);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵrepeaterCreate(1, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_For_2_Template, 14, 13, "article", 34, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.FilteredProductions);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 68);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenFullViewer()); });
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Storyboard, review & versions");
+    i0.ɵɵelementEnd()();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 69);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.BackToOverview()); });
+    i0.ɵɵelement(1, "i", 53);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Back to overview");
+    i0.ɵɵelementEnd()();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-artifact-viewer-panel", 70);
+    i0.ɵɵlistener("Closed", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_22_Template_mj_artifact_viewer_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.BackToOverview()); })("ShareRequested", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_22_Template_mj_artifact_viewer_panel_ShareRequested_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenShareModal($event)); })("NavigateToLink", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_22_Template_mj_artifact_viewer_panel_NavigateToLink_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnNavigateToArtifactLink($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("artifactId", ctx_r1.SelectedProduction.ID)("Provider", ctx_r1.Provider)("CurrentUser", ctx_r1.ProviderToUse.CurrentUser)("canShare", ctx_r1.CanShareSelected)("canEdit", ctx_r1.CanEditSelected)("ShowSaveToCollection", false)("ShowMaximizeButton", false);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵelement(1, "mj-loading", 71);
+    i0.ɵɵelementEnd();
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66)(1, "mj-empty-state", 72);
+    i0.ɵɵlistener("Action", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_24_Template_mj_empty_state_Action_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RetryLoadSelectedProductionVersion()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Message", ctx_r1.VersionLoadError);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-video-production-viewer", 67);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("artifactVersion", ctx_r1.SelectedVersionEntity)("Provider", ctx_r1.ProviderToUse)("BrandKitName", ctx_r1.SelectedProduction.BrandKitName);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "aside", 33)(1, "div", 50)(2, "div", 51)(3, "button", 52);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ShowAllProductions()); });
+    i0.ɵɵelement(4, "i", 53);
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6, "All productions");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "span", 54);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 55);
+    i0.ɵɵconditionalCreate(10, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_10_Template, 4, 0, "button", 56)(11, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_11_Template, 4, 0, "button", 57);
+    i0.ɵɵelementStart(12, "button", 58);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenShareModal(ctx_r1.SelectedProduction.ID)); });
+    i0.ɵɵelement(13, "i", 59);
+    i0.ɵɵelementStart(14, "span");
+    i0.ɵɵtext(15, "Share");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "button", 60);
+    i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.StartIterate()); });
+    i0.ɵɵelement(17, "i", 61);
+    i0.ɵɵelementStart(18, "span");
+    i0.ɵɵtext(19, "Iterate");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(20, "div", 62)(21, "div", 63);
+    i0.ɵɵconditionalCreate(22, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_22_Template, 1, 7, "mj-artifact-viewer-panel", 64)(23, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_23_Template, 2, 0, "div", 65)(24, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_24_Template, 2, 1, "div", 66)(25, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Conditional_25_Template, 1, 3, "mj-video-production-viewer", 67);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(ctx_r1.SelectedProduction.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.IsFullViewerMode ? 10 : 11);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r1.CanShareSelected);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", !ctx_r1.SelectedProductionConversationId);
+    i0.ɵɵattribute("title", ctx_r1.SelectedProductionConversationId ? "Iterate on this production in its conversation" : "Made outside a conversation. Start a new production in Video Studio.");
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.IsFullViewerMode ? 22 : ctx_r1.IsLoadingSelectedVersion ? 23 : ctx_r1.VersionLoadError ? 24 : ctx_r1.SelectedVersionEntity ? 25 : -1);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵconditionalCreate(1, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_1_Template, 3, 0, "div", 32);
+    i0.ɵɵconditionalCreate(2, VideoStudioProductionsResourceComponent_Conditional_17_Conditional_2_Template, 26, 6, "aside", 33);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("vs-productions-workspace--split", ctx_r1.SelectedProduction !== null && !ctx_r1.IsIterateFocusMode)("vs-productions-workspace--focus", ctx_r1.IsIterateFocusMode);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.IsIterateFocusMode ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.SelectedProduction !== null ? 2 : -1);
+} }
+function VideoStudioProductionsResourceComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-artifact-share-modal", 73);
+    i0.ɵɵlistener("Saved", function VideoStudioProductionsResourceComponent_Conditional_18_Template_mj_artifact_share_modal_Saved_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnShareSaved()); })("cancelled", function VideoStudioProductionsResourceComponent_Conditional_18_Template_mj_artifact_share_modal_cancelled_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseShareModal()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("IsOpen", ctx_r1.IsShareModalOpen)("Artifact", ctx_r1.ShareTargetArtifact)("CurrentUser", ctx_r1.ProviderToUse.CurrentUser);
+} }
+/**
+ * Primary key for the `MJ: Video Production` artifact type
+ * (`metadata/artifact-types/.video-production-artifact-type.json`).
+ */
+export const VIDEO_PRODUCTION_ARTIFACT_TYPE_ID = '2E23F219-E790-4A77-9C86-CB19C711B71E';
+const VALID_PRODUCTION_STATUSES = new Set([
+    'Briefing',
+    'Styled',
+    'Storyboarded',
+    'Approved',
+    'PreProduced',
+    'Composed',
+    'RoughCut',
+    'Reviewed',
+    'Delivered',
+    'Blocked',
+]);
+/**
+ * Productions resource tab for the Video Studio application.
+ *
+ * Displays a responsive grid of `MJ: Video Production` artifacts readable by the
+ * current user, enriched with extracted version attributes (`posterFileID`,
+ * `status`, `archetype`, `brandKitID`, `companyID`, `durationSeconds`, `formats`, `name`) and
+ * short-lived media access token poster URLs, alongside an artifact viewer detail
+ * pane and URL query-param synchronization (`?production=<id>`).
+ */
+let VideoStudioProductionsResourceComponent = class VideoStudioProductionsResourceComponent extends BaseResourceComponent {
+    IsLoading = false;
+    LoadError = null;
+    AllProductions = [];
+    FilteredProductions = [];
+    SelectedProduction = null;
+    SearchText = '';
+    ArchetypeFilter = '';
+    StatusFilter = '';
+    BrandKitFilter = '';
+    CompanyFilter = '';
+    _dateFrom = '';
+    _dateTo = '';
+    DateFromDate = null;
+    DateToDate = null;
+    get DateFrom() {
+        return this._dateFrom;
+    }
+    set DateFrom(value) {
+        const formatted = this.formatDateFilterInput(value);
+        this._dateFrom = formatted;
+        this.DateFromDate = this.parseLocalDateFilter(formatted);
+    }
+    get DateTo() {
+        return this._dateTo;
+    }
+    set DateTo(value) {
+        const formatted = this.formatDateFilterInput(value);
+        this._dateTo = formatted;
+        this.DateToDate = this.parseLocalDateFilter(formatted);
+    }
+    FilterFields = [];
+    FilterValues = {
+        archetype: null,
+        status: null,
+        brandKitId: null,
+        companyId: null,
+    };
+    CanShareSelected = false;
+    CanEditSelected = false;
+    IsShareModalOpen = false;
+    ShareTargetArtifact = null;
+    artifactsById = new Map();
+    brandKitsById = new Map();
+    companiesById = new Map();
+    SlideInState = inject(VSStudioSlideInStateService);
+    cdr = inject(ChangeDetectorRef);
+    artifactPermissionService = inject(ArtifactPermissionService);
+    slideInStateSub = null;
+    PageContext = this.buildProductionsContext();
+    PageTools = this.buildProductionsClientTools();
+    async ngOnInit() {
+        super.ngOnInit();
+        this.slideInStateSub = this.SlideInState.State$.subscribe(() => {
+            this.CopilotAppContext = this.buildCopilotAppContext();
+            this.cdr.markForCheck();
+        });
+        await this.LoadProductions(false);
+        this.NotifyLoadComplete();
+    }
+    ngOnDestroy() {
+        this.slideInStateSub?.unsubscribe();
+        this.slideInStateSub = null;
+        super.ngOnDestroy();
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Productions';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-clapperboard';
+    }
+    get TotalCount() {
+        return this.AllProductions.length;
+    }
+    get FilteredCount() {
+        return this.FilteredProductions.length;
+    }
+    get ActivePopoverFilterCount() {
+        return CountActiveProductionPopoverFilters(this.currentFilterState());
+    }
+    get SelectedArtifactEntity() {
+        if (!this.SelectedProduction) {
+            return null;
+        }
+        return this.artifactsById.get(this.SelectedProduction.ID) ?? null;
+    }
+    async Refresh() {
+        await this.LoadProductions(true);
+    }
+    async LoadProductions(forceRefresh = false) {
+        this.IsLoading = true;
+        this.LoadError = null;
+        this.cdr.markForCheck();
+        try {
+            const currentUser = this.ProviderToUse?.CurrentUser;
+            if (!currentUser?.ID) {
+                this.LoadError = 'Unable to load video productions: no current user context.';
+                this.AllProductions = [];
+                this.FilteredProductions = [];
+                return;
+            }
+            const brandKitEngine = BrandKitEngine.GetProviderInstance(this.ProviderToUse, BrandKitEngine);
+            await brandKitEngine.Config(forceRefresh, undefined, this.ProviderToUse);
+            this.brandKitsById.clear();
+            this.companiesById.clear();
+            for (const kit of brandKitEngine.BrandKits) {
+                this.brandKitsById.set(kit.ID, kit);
+                if (kit.CompanyID && kit.Company) {
+                    this.companiesById.set(kit.CompanyID, kit.Company);
+                }
+            }
+            this.artifactPermissionService.Provider = this.ProviderToUse;
+            const readableFilter = await this.artifactPermissionService.GetReadableArtifactsFilter(currentUser.ID, currentUser);
+            if (!readableFilter) {
+                this.LoadError = 'Unable to load video productions: permission filter unavailable.';
+                this.AllProductions = [];
+                this.FilteredProductions = [];
+                return;
+            }
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const artifactsResult = await rv.RunView({
+                EntityName: 'MJ: Artifacts',
+                ExtraFilter: `TypeID = '${VIDEO_PRODUCTION_ARTIFACT_TYPE_ID}' AND ${readableFilter}`,
+                OrderBy: '__mj_UpdatedAt DESC',
+                ResultType: 'entity_object',
+            });
+            if (!artifactsResult.Success) {
+                this.LoadError = artifactsResult.ErrorMessage || 'Failed to load video productions.';
+                this.AllProductions = [];
+                this.FilteredProductions = [];
+                return;
+            }
+            const artifacts = artifactsResult.Results ?? [];
+            this.artifactsById.clear();
+            for (const artifact of artifacts) {
+                this.artifactsById.set(artifact.ID, artifact);
+            }
+            const versionByArtifactId = new Map();
+            const attrsByVersionId = new Map();
+            if (artifacts.length > 0) {
+                const quotedIds = artifacts
+                    .map((a) => `'${EscapeSQLString(a.ID)}'`)
+                    .join(', ');
+                const latestVersionsSubquery = `SELECT v.ID FROM [__mj].[vwArtifactVersions] v INNER JOIN (SELECT ArtifactID, MAX(VersionNumber) AS MaxVer FROM [__mj].[vwArtifactVersions] WHERE ArtifactID IN (${quotedIds}) GROUP BY ArtifactID) latest ON v.ArtifactID = latest.ArtifactID AND v.VersionNumber = latest.MaxVer`;
+                const [versionsResult, attributesResult, companiesResult] = await rv.RunViews([
+                    {
+                        EntityName: 'MJ: Artifact Versions',
+                        ExtraFilter: `ID IN (${latestVersionsSubquery})`,
+                        Fields: ['ID', 'ArtifactID', 'VersionNumber'],
+                        ResultType: 'simple',
+                    },
+                    {
+                        EntityName: 'MJ: Artifact Version Attributes',
+                        ExtraFilter: `ArtifactVersionID IN (${latestVersionsSubquery})`,
+                        Fields: ['ArtifactVersionID', 'Name', 'Value'],
+                        ResultType: 'simple',
+                    },
+                    {
+                        EntityName: 'MJ: Companies',
+                        Fields: ['ID', 'Name'],
+                        ResultType: 'simple',
+                    },
+                ]);
+                if (!versionsResult?.Success ||
+                    !attributesResult?.Success ||
+                    (companiesResult && !companiesResult.Success)) {
+                    const errMessage = (!versionsResult?.Success ? versionsResult?.ErrorMessage : undefined) ||
+                        (!attributesResult?.Success ? attributesResult?.ErrorMessage : undefined) ||
+                        (companiesResult && !companiesResult.Success ? companiesResult.ErrorMessage : undefined) ||
+                        'Failed to load version or attribute details.';
+                    LogError(errMessage);
+                    this.LoadError = `Couldn't load production details: ${errMessage}`;
+                    this.AllProductions = [];
+                    this.FilteredProductions = [];
+                    return;
+                }
+                if (Array.isArray(versionsResult.Results)) {
+                    for (const row of versionsResult.Results) {
+                        if (row?.ID && row?.ArtifactID) {
+                            versionByArtifactId.set(row.ArtifactID.toLowerCase(), row);
+                        }
+                    }
+                }
+                if (Array.isArray(attributesResult.Results)) {
+                    for (const row of attributesResult.Results) {
+                        if (!row?.ArtifactVersionID || !row.Name || row.Value == null) {
+                            continue;
+                        }
+                        const vKey = row.ArtifactVersionID.toLowerCase();
+                        let attrMap = attrsByVersionId.get(vKey);
+                        if (!attrMap) {
+                            attrMap = new Map();
+                            attrsByVersionId.set(vKey, attrMap);
+                        }
+                        attrMap.set(row.Name, String(row.Value));
+                    }
+                }
+                if (companiesResult && Array.isArray(companiesResult.Results)) {
+                    for (const row of companiesResult.Results) {
+                        if (row?.ID && row?.Name) {
+                            this.companiesById.set(row.ID, row.Name);
+                        }
+                    }
+                }
+            }
+            this.AllProductions = this.buildCardItems(artifacts, versionByArtifactId, attrsByVersionId);
+            this.rebuildFilterFieldOptions();
+            this.applyFiltersAndSync();
+            await this.restoreSelectionFromQueryParams();
+            await this.mintPosterUrls(this.AllProductions);
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            LogError(msg);
+            this.LoadError = msg;
+        }
+        finally {
+            this.IsLoading = false;
+            this.syncAgentContext();
+            this.cdr.markForCheck();
+        }
+    }
+    OnSearchChange(value) {
+        this.SearchText = value;
+        this.applyFiltersAndSync();
+    }
+    OnFilterValuesChange(values) {
+        this.FilterValues = { ...values };
+        this.ArchetypeFilter = typeof values['archetype'] === 'string' ? values['archetype'] : '';
+        this.StatusFilter = typeof values['status'] === 'string' ? values['status'] : '';
+        this.BrandKitFilter = typeof values['brandKitId'] === 'string' ? values['brandKitId'] : '';
+        this.CompanyFilter = typeof values['companyId'] === 'string' ? values['companyId'] : '';
+        this.applyFiltersAndSync();
+    }
+    OnDateFromChange(value) {
+        this.DateFrom = this.formatDateFilterInput(value);
+        this.applyFiltersAndSync();
+    }
+    OnDateToChange(value) {
+        this.DateTo = this.formatDateFilterInput(value);
+        this.applyFiltersAndSync();
+    }
+    formatDateFilterInput(value) {
+        if (!value) {
+            return '';
+        }
+        if (typeof value === 'string') {
+            const parsed = this.parseLocalDateFilter(value.trim());
+            if (parsed) {
+                return this.formatDateFilterInput(parsed);
+            }
+            return value.trim();
+        }
+        if (value instanceof Date && !Number.isNaN(value.getTime())) {
+            const year = value.getFullYear();
+            const month = String(value.getMonth() + 1).padStart(2, '0');
+            const day = String(value.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        }
+        return '';
+    }
+    parseLocalDateFilter(value) {
+        const trimmed = (value ?? '').trim();
+        const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(trimmed);
+        if (!match) {
+            return null;
+        }
+        const year = Number(match[1]);
+        const month = Number(match[2]);
+        const day = Number(match[3]);
+        const date = new Date(year, month - 1, day);
+        if (Number.isNaN(date.getTime()) ||
+            date.getFullYear() !== year ||
+            date.getMonth() !== month - 1 ||
+            date.getDate() !== day) {
+            return null;
+        }
+        return date;
+    }
+    ClearAllFilters() {
+        this.ArchetypeFilter = '';
+        this.StatusFilter = '';
+        this.BrandKitFilter = '';
+        this.CompanyFilter = '';
+        this.DateFrom = '';
+        this.DateTo = '';
+        this.FilterValues = {
+            archetype: null,
+            status: null,
+            brandKitId: null,
+            companyId: null,
+        };
+        this.applyFiltersAndSync();
+    }
+    StudioSlideIn;
+    get CopilotPanel() {
+        return this.StudioSlideIn?.CopilotPanel;
+    }
+    SelectedProductionConversationId = null;
+    SelectedVersionEntity = null;
+    IsLoadingSelectedVersion = false;
+    VersionLoadError = null;
+    IsFullViewerMode = false;
+    ShowGridInFocusMode = false;
+    get IsProductionFocusMode() {
+        return this.SelectedProduction !== null && !this.ShowGridInFocusMode;
+    }
+    get IsIterateFocusMode() {
+        return this.IsProductionFocusMode;
+    }
+    ShowAllProductions() {
+        this.CloseDetailPane();
+    }
+    OpenFullViewer() {
+        this.IsFullViewerMode = true;
+        this.cdr.markForCheck();
+    }
+    BackToOverview() {
+        this.IsFullViewerMode = false;
+        this.cdr.markForCheck();
+    }
+    get IsCopilotSlideInOpen() {
+        return this.SlideInState.IsOpen;
+    }
+    set IsCopilotSlideInOpen(value) {
+        if (value) {
+            this.SlideInState.Reopen();
+        }
+        else {
+            this.SlideInState.Close();
+        }
+    }
+    get SlideInConversationId() {
+        return this.SlideInState.ConversationId;
+    }
+    set SlideInConversationId(value) {
+        this.SlideInState.SetConversationId(value);
+    }
+    get SlideInPendingArtifactId() {
+        return this.SlideInState.PendingArtifactId;
+    }
+    set SlideInPendingArtifactId(value) {
+        this.SlideInState.PendingArtifactId = value;
+    }
+    get SlideInPendingArtifactVersionNumber() {
+        return this.SlideInState.PendingArtifactVersionNumber;
+    }
+    set SlideInPendingArtifactVersionNumber(value) {
+        this.SlideInState.PendingArtifactVersionNumber = value;
+    }
+    get BriefSelectedArchetype() {
+        return this.SlideInState.BriefSelectedArchetype;
+    }
+    set BriefSelectedArchetype(value) {
+        this.SlideInState.BriefSelectedArchetype = value;
+    }
+    get BriefSelectedBrandKit() {
+        return this.SlideInState.BriefSelectedBrandKit;
+    }
+    set BriefSelectedBrandKit(value) {
+        this.SlideInState.BriefSelectedBrandKit = value;
+    }
+    get BriefSelectedFormats() {
+        return this.SlideInState.BriefSelectedFormats;
+    }
+    set BriefSelectedFormats(value) {
+        this.SlideInState.BriefSelectedFormats = value;
+    }
+    get BriefDurationSeconds() {
+        return this.SlideInState.BriefDurationSeconds;
+    }
+    set BriefDurationSeconds(value) {
+        this.SlideInState.BriefDurationSeconds = value;
+    }
+    get BriefTopic() {
+        return this.SlideInState.BriefTopic;
+    }
+    set BriefTopic(value) {
+        this.SlideInState.BriefTopic = value;
+    }
+    get NarrationEnabled() {
+        return this.SlideInState.NarrationEnabled;
+    }
+    set NarrationEnabled(value) {
+        this.SlideInState.SetNarrationEnabled(value);
+    }
+    get CaptionsMode() {
+        return this.SlideInState.CaptionsMode;
+    }
+    set CaptionsMode(value) {
+        this.SlideInState.SetCaptionsMode(value);
+    }
+    CopilotAppContext = this.buildCopilotAppContext();
+    get CurrentUser() {
+        return this.ProviderToUse?.CurrentUser ?? null;
+    }
+    get EnvironmentId() {
+        return (this.Data?.Configuration?.['environmentId'] ||
+            MJEnvironmentEntityExtended.DefaultEnvironmentID);
+    }
+    get ApplicationId() {
+        return this.Data?.Configuration?.['applicationId'] ?? '';
+    }
+    /**
+     * Opens the single right slide-in on a brand-new conversation (`SlideInConversationId = null`),
+     * displaying `<vs-production-brief>` in the chat area's `emptyState` slot.
+     */
+    OpenNewProductionCopilot() {
+        this.ShowGridInFocusMode = false;
+        this.SlideInState.OpenNewProduction();
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    /**
+     * Reopens the right slide-in from the right-edge strip, preserving any active
+     * conversation or showing the brief if none is active.
+     */
+    ReopenCopilotSlideIn() {
+        this.ShowGridInFocusMode = false;
+        this.SlideInState.Reopen();
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    ToggleCopilotSlideIn() {
+        if (this.IsCopilotSlideInOpen) {
+            this.CloseCopilotSlideIn();
+        }
+        else {
+            this.OpenNewProductionCopilot();
+        }
+    }
+    CloseCopilotSlideIn() {
+        this.ShowGridInFocusMode = false;
+        this.SlideInState.Close();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    OnSlideInOpenChange(isOpen) {
+        if (!isOpen) {
+            this.ShowGridInFocusMode = false;
+        }
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    ToggleNarrationEnabled() {
+        this.SlideInState.SetNarrationEnabled(!this.SlideInState.NarrationEnabled);
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.cdr.markForCheck();
+    }
+    SetCaptionsMode(mode) {
+        this.SlideInState.SetCaptionsMode(mode);
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.cdr.markForCheck();
+    }
+    OnBriefStateChange(snapshot) {
+        this.SlideInState.ApplyBriefSnapshot(snapshot);
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    OnSlideInConversationCreated(event) {
+        this.SlideInState.SetConversationId(event.conversation.ID);
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    OnSlideInPendingArtifactConsumed() {
+        this.SlideInState.ClearPendingArtifact();
+        this.suppressDuplicateSlideInArtifactPanel();
+        this.cdr.markForCheck();
+    }
+    suppressDuplicateSlideInArtifactPanel() {
+        const apply = () => {
+            const chatArea = this.CopilotPanel?.chatArea;
+            if (!chatArea) {
+                return;
+            }
+            const host = this;
+            Object.defineProperty(chatArea, 'ShowArtifactPanel', {
+                get() {
+                    return host.SelectedProduction ? false : Boolean(this['_vsShowArtifactPanel']);
+                },
+                set(value) {
+                    this['_vsShowArtifactPanel'] = value;
+                },
+                configurable: true,
+            });
+            chatArea.cdr?.markForCheck();
+        };
+        apply();
+        queueMicrotask(apply);
+        setTimeout(apply, 0);
+    }
+    get FallbackBrandKitId() {
+        return this.BrandKitFilter || (this.SelectedProduction?.BrandKitID ?? null);
+    }
+    buildCopilotAppContext() {
+        return this.SlideInState.BuildCombinedAppContext(this.buildProductionsContext(), this.FallbackBrandKitId);
+    }
+    async SelectProduction(item, updateUrl = true) {
+        this.ShowGridInFocusMode = false;
+        this.SelectedProduction = item;
+        this.IsFullViewerMode = false;
+        this.SelectedVersionEntity = null;
+        this.VersionLoadError = null;
+        this.IsLoadingSelectedVersion = Boolean(item?.VersionID);
+        this.CanShareSelected = false;
+        this.CanEditSelected = false;
+        this.SelectedProductionConversationId = null;
+        if (updateUrl) {
+            this.UpdateQueryParams({ production: item ? item.ID : null });
+        }
+        if (item && this.ProviderToUse?.CurrentUser) {
+            try {
+                this.artifactPermissionService.Provider = this.ProviderToUse;
+                const perms = await this.artifactPermissionService.GetUserPermissions(item.ID, this.ProviderToUse.CurrentUser);
+                if (this.SelectedProduction !== item) {
+                    return;
+                }
+                this.CanShareSelected = perms.canShare;
+                this.CanEditSelected = perms.canEdit;
+            }
+            catch (err) {
+                LogError(err instanceof Error ? err.message : String(err));
+                if (this.SelectedProduction !== item) {
+                    return;
+                }
+                this.CanShareSelected = false;
+                this.CanEditSelected = false;
+            }
+        }
+        if (item) {
+            const [convId] = await Promise.all([
+                this.resolveProductionConversationId(item.ID),
+                this.loadSelectedProductionVersion(item),
+            ]);
+            if (this.SelectedProduction !== item) {
+                return;
+            }
+            this.SelectedProductionConversationId = convId;
+        }
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    async RetryLoadSelectedProductionVersion() {
+        if (!this.SelectedProduction) {
+            return;
+        }
+        await this.loadSelectedProductionVersion(this.SelectedProduction);
+    }
+    async loadSelectedProductionVersion(item) {
+        const versionId = (item.VersionID ?? '').trim();
+        if (!versionId) {
+            if (this.SelectedProduction === item) {
+                this.IsLoadingSelectedVersion = false;
+                this.SelectedVersionEntity = null;
+                this.VersionLoadError = "This production doesn't have a saved version yet.";
+                this.cdr.markForCheck();
+            }
+            return;
+        }
+        this.IsLoadingSelectedVersion = true;
+        this.VersionLoadError = null;
+        this.SelectedVersionEntity = null;
+        this.cdr.markForCheck();
+        try {
+            const versionEntity = await this.ProviderToUse.GetEntityObject('MJ: Artifact Versions', this.ProviderToUse.CurrentUser);
+            const loaded = await versionEntity.Load(versionId);
+            if (this.SelectedProduction !== item) {
+                return;
+            }
+            if (!loaded) {
+                const detail = versionEntity.LatestResult?.CompleteMessage?.trim();
+                this.VersionLoadError = detail
+                    ? `Couldn't load production version: ${detail}`
+                    : "Couldn't load this production version.";
+                this.SelectedVersionEntity = null;
+                return;
+            }
+            this.SelectedVersionEntity = versionEntity;
+            this.VersionLoadError = null;
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            LogError(message);
+            if (this.SelectedProduction !== item) {
+                return;
+            }
+            this.VersionLoadError = `Couldn't load production version: ${message}`;
+            this.SelectedVersionEntity = null;
+        }
+        finally {
+            if (this.SelectedProduction === item) {
+                this.IsLoadingSelectedVersion = false;
+                this.cdr.markForCheck();
+            }
+        }
+    }
+    /**
+     * Opens the single right slide-in on the selected production's existing conversation
+     * with the production artifact attached for iteration.
+     */
+    StartIterate() {
+        if (!this.SelectedProduction || !this.SelectedProductionConversationId) {
+            return;
+        }
+        this.ShowGridInFocusMode = false;
+        this.SlideInState.OpenIterate(this.SelectedProductionConversationId, this.SelectedProduction.ID, this.SelectedProduction.VersionNumber);
+        this.suppressDuplicateSlideInArtifactPanel();
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    async resolveProductionConversationId(artifactId) {
+        const trimmedId = (artifactId ?? '').trim();
+        if (!trimmedId) {
+            return null;
+        }
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const escapedId = EscapeSQLString(trimmedId);
+            const detailArtifactResult = await rv.RunView({
+                EntityName: 'MJ: Conversation Detail Artifacts',
+                ExtraFilter: `ArtifactVersionID IN (SELECT ID FROM [__mj].[vwArtifactVersions] WHERE ArtifactID = '${escapedId}') AND Direction = 'Output'`,
+                OrderBy: '__mj_CreatedAt DESC',
+                Fields: ['ConversationDetailID'],
+                MaxRows: 1,
+                ResultType: 'simple',
+            });
+            const detailId = detailArtifactResult.Success &&
+                Array.isArray(detailArtifactResult.Results) &&
+                detailArtifactResult.Results.length > 0
+                ? (detailArtifactResult.Results[0].ConversationDetailID ?? '').trim()
+                : '';
+            if (!detailId) {
+                return null;
+            }
+            const escapedDetailId = EscapeSQLString(detailId);
+            const detailResult = await rv.RunView({
+                EntityName: 'MJ: Conversation Details',
+                ExtraFilter: `ID = '${escapedDetailId}'`,
+                Fields: ['ConversationID'],
+                MaxRows: 1,
+                ResultType: 'simple',
+            });
+            const conversationId = detailResult.Success &&
+                Array.isArray(detailResult.Results) &&
+                detailResult.Results.length > 0
+                ? (detailResult.Results[0].ConversationID ?? '').trim()
+                : '';
+            return conversationId.length > 0 ? conversationId : null;
+        }
+        catch (err) {
+            LogError(err instanceof Error ? err.message : String(err));
+            return null;
+        }
+    }
+    CloseDetailPane() {
+        void this.SelectProduction(null, true);
+    }
+    OpenShareModal(artifactIdOrEntity) {
+        if (typeof artifactIdOrEntity === 'string') {
+            this.ShareTargetArtifact =
+                this.artifactsById.get(artifactIdOrEntity) ?? this.SelectedArtifactEntity;
+        }
+        else {
+            this.ShareTargetArtifact = artifactIdOrEntity ?? this.SelectedArtifactEntity;
+        }
+        if (this.ShareTargetArtifact) {
+            this.IsShareModalOpen = true;
+            this.cdr.markForCheck();
+        }
+    }
+    CloseShareModal() {
+        this.IsShareModalOpen = false;
+        this.ShareTargetArtifact = null;
+        this.cdr.markForCheck();
+    }
+    async OnShareSaved() {
+        this.CloseShareModal();
+        await this.Refresh();
+    }
+    OnNavigateToArtifactLink(event) {
+        const entityName = event.type === 'conversation' ? 'MJ: Conversations' : 'MJ: Collections';
+        this.navigationService.OpenEntityRecord(entityName, CompositeKey.FromID(event.id));
+    }
+    OpenBrandKitRecord(brandKitId, event) {
+        event?.stopPropagation();
+        if (!brandKitId) {
+            return;
+        }
+        this.navigationService.OpenEntityRecord('MJ: Brand Kits', CompositeKey.FromID(brandKitId));
+    }
+    FormatDuration(seconds) {
+        if (seconds == null || !Number.isFinite(seconds) || seconds < 0) {
+            return '—';
+        }
+        return FormatVideoTime(seconds);
+    }
+    ParseFormats(aspectRatio) {
+        if (!aspectRatio || !aspectRatio.trim()) {
+            return [];
+        }
+        return ParseArchetypeDefaultFormats(aspectRatio);
+    }
+    ResetFiltersAndSearch() {
+        this.ClearAllFilters();
+        this.OnSearchChange('');
+    }
+    StatusBadgeVariant(status) {
+        return GetVideoStatusBadgeVariant(status);
+    }
+    OnQueryParamsChanged(params, _source) {
+        const targetId = params['production'] ?? null;
+        if (!targetId) {
+            if (this.SelectedProduction) {
+                void this.SelectProduction(null, false);
+            }
+            return;
+        }
+        const resolution = ResolveVideoStudioItem(targetId, this.AllProductions, 'production');
+        if (resolution.Ok &&
+            (!this.SelectedProduction || !UUIDsEqual(this.SelectedProduction.ID, resolution.Item.ID))) {
+            void this.SelectProduction(resolution.Item, false);
+        }
+    }
+    // ============================================================================
+    // AI Agent Client Tools
+    //
+    // SAFETY BOUNDARY: The Productions surface exposes ONLY read, search, filter,
+    // select/open-for-viewing, refresh, and in-memory brief form-fill tools
+    // (`SelectStudioArchetype`, `SelectStudioBrandKit`, `SetStudioFormats`,
+    // `SetStudioTopic`) to the AI agent. No create, edit, clone, share, or delete
+    // tools are exposed (`ArtifactShareModal` and `StartProduction` are strictly
+    // user-confirm-only).
+    // ============================================================================
+    buildProductionsClientTools() {
+        // SAFETY BOUNDARY: Read-only navigation/filter/select/refresh tools only; brief tools are registered by vs-studio-slide-in.
+        return [
+            {
+                Name: 'SearchProductions',
+                Description: 'Search video productions by title, description, archetype, brand kit, company, or status. Read-only filter operation.',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: { query: { type: 'string' } },
+                    required: ['query'],
+                },
+                Handler: async (params) => {
+                    // SAFETY BOUNDARY: Only updates local search filter state.
+                    const query = typeof params?.['query'] === 'string' ? params['query'] : '';
+                    this.OnSearchChange(query);
+                    return { Success: true };
+                },
+            },
+            {
+                Name: 'FilterProductions',
+                Description: 'Filter video productions by archetype, brandKitId, companyId, status, fromDate (YYYY-MM-DD), or toDate (YYYY-MM-DD). Read-only filter operation.',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        archetype: { type: 'string' },
+                        brandKitId: { type: 'string' },
+                        companyId: { type: 'string' },
+                        status: { type: 'string' },
+                        fromDate: { type: 'string' },
+                        toDate: { type: 'string' },
+                    },
+                },
+                Handler: async (params) => {
+                    // SAFETY BOUNDARY: Only updates local filter state; never mutates artifacts.
+                    if (typeof params?.['archetype'] === 'string') {
+                        this.ArchetypeFilter = params['archetype'] === 'all' ? '' : params['archetype'];
+                        this.FilterValues['archetype'] = this.ArchetypeFilter || null;
+                    }
+                    if (typeof params?.['brandKitId'] === 'string') {
+                        this.BrandKitFilter = params['brandKitId'] === 'all' ? '' : params['brandKitId'];
+                        this.FilterValues['brandKitId'] = this.BrandKitFilter || null;
+                    }
+                    if (typeof params?.['companyId'] === 'string') {
+                        this.CompanyFilter = params['companyId'] === 'all' ? '' : params['companyId'];
+                        this.FilterValues['companyId'] = this.CompanyFilter || null;
+                    }
+                    if (typeof params?.['status'] === 'string') {
+                        this.StatusFilter = params['status'] === 'all' ? '' : params['status'];
+                        this.FilterValues['status'] = this.StatusFilter || null;
+                    }
+                    if (typeof params?.['fromDate'] === 'string') {
+                        this.DateFrom = params['fromDate'];
+                    }
+                    if (typeof params?.['toDate'] === 'string') {
+                        this.DateTo = params['toDate'];
+                    }
+                    this.applyFiltersAndSync();
+                    return { Success: true };
+                },
+            },
+            {
+                Name: 'ClearProductionFilters',
+                Description: 'Reset all search and popover filters on the Productions surface.',
+                ParameterSchema: { type: 'object', properties: {} },
+                Handler: async () => {
+                    // SAFETY BOUNDARY: Read-only filter reset.
+                    this.SearchText = '';
+                    this.ClearAllFilters();
+                    return { Success: true };
+                },
+            },
+            {
+                Name: 'SelectProduction',
+                Description: 'Select and open a video production in the viewer panel by its ID or Name. Read-only viewing operation.',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: { production: { type: 'string' } },
+                    required: ['production'],
+                },
+                Handler: async (params) => {
+                    // SAFETY BOUNDARY: Opens the production in the read-only viewer panel only.
+                    const resolved = ResolveVideoStudioItem(params?.['production'], this.AllProductions, 'production');
+                    if (!resolved.Ok) {
+                        return { Success: false, ErrorMessage: resolved.Error };
+                    }
+                    await this.SelectProduction(resolved.Item, true);
+                    return { Success: true };
+                },
+            },
+            {
+                Name: 'RefreshProductions',
+                Description: 'Reload the Video Productions gallery from the server. Read-only operation.',
+                ParameterSchema: { type: 'object', properties: {} },
+                Handler: async () => {
+                    // SAFETY BOUNDARY: Read-only data reload.
+                    await this.Refresh();
+                    return { Success: true };
+                },
+            },
+        ];
+    }
+    async restoreSelectionFromQueryParams() {
+        const params = this.GetQueryParams();
+        const targetId = params['production'];
+        if (!targetId) {
+            return;
+        }
+        const resolution = ResolveVideoStudioItem(targetId, this.AllProductions, 'production');
+        if (resolution.Ok) {
+            await this.SelectProduction(resolution.Item, false);
+        }
+    }
+    buildCardItems(artifacts, versionByArtifactId, attrsByVersionId) {
+        return artifacts.map((artifact) => {
+            const versionRow = versionByArtifactId.get(artifact.ID.toLowerCase()) ?? null;
+            const attrMap = (versionRow ? attrsByVersionId.get(versionRow.ID.toLowerCase()) : undefined) ??
+                new Map();
+            const statusAttr = this.cleanAttributeValue(attrMap.get('status'));
+            const status = statusAttr && VALID_PRODUCTION_STATUSES.has(statusAttr)
+                ? statusAttr
+                : 'Unknown';
+            const archetype = this.cleanAttributeValue(attrMap.get('archetype')) || '';
+            const rawPosterFileId = this.cleanAttributeValue(attrMap.get('posterFileID'));
+            const posterFileId = rawPosterFileId && !rawPosterFileId.startsWith('inline:') ? rawPosterFileId : null;
+            const brandKitId = this.cleanAttributeValue(attrMap.get('brandKitID'));
+            const companyId = this.cleanAttributeValue(attrMap.get('companyID'));
+            const durationRaw = this.cleanAttributeValue(attrMap.get('durationSeconds'));
+            const durationParsed = durationRaw ? Number(durationRaw) : NaN;
+            const format = this.cleanAttributeValue(attrMap.get('format')) ??
+                this.cleanAttributeValue(attrMap.get('formats'));
+            const extractedTitle = this.cleanAttributeValue(attrMap.get('title')) ??
+                this.cleanAttributeValue(attrMap.get('name'));
+            const brandKit = this.findBrandKit(brandKitId);
+            const resolvedCompanyId = companyId ?? brandKit?.CompanyID ?? null;
+            const resolvedCompanyName = this.findCompanyName(resolvedCompanyId);
+            const rawUpdated = artifact.__mj_UpdatedAt ?? artifact.__mj_CreatedAt;
+            const updatedDate = rawUpdated instanceof Date && !Number.isNaN(rawUpdated.getTime())
+                ? rawUpdated
+                : typeof rawUpdated === 'string' && !Number.isNaN(Date.parse(rawUpdated))
+                    ? new Date(rawUpdated)
+                    : new Date(0);
+            return {
+                ID: artifact.ID,
+                Name: extractedTitle || artifact.Name || 'Untitled Production',
+                Description: artifact.Description ?? '',
+                VersionID: versionRow?.ID ?? null,
+                VersionNumber: typeof versionRow?.VersionNumber === 'number' ? versionRow.VersionNumber : 0,
+                PosterFileID: posterFileId,
+                PosterUrl: null,
+                Status: status,
+                Archetype: archetype,
+                BrandKitID: brandKit?.ID ?? brandKitId,
+                BrandKitName: brandKit?.Name ?? null,
+                CompanyID: resolvedCompanyId,
+                CompanyName: resolvedCompanyName,
+                DurationSeconds: Number.isFinite(durationParsed) ? durationParsed : null,
+                AspectRatio: format,
+                SceneCount: null,
+                UpdatedAt: updatedDate,
+            };
+        });
+    }
+    cleanAttributeValue(raw) {
+        if (!raw) {
+            return null;
+        }
+        const trimmed = raw.trim();
+        if (!trimmed || trimmed === 'null' || trimmed === 'undefined') {
+            return null;
+        }
+        if ((trimmed.startsWith('"') && trimmed.endsWith('"')) ||
+            (trimmed.startsWith("'") && trimmed.endsWith("'"))) {
+            const unquoted = trimmed.slice(1, -1).trim();
+            return unquoted.length > 0 ? unquoted : null;
+        }
+        return trimmed;
+    }
+    findBrandKit(brandKitId) {
+        if (!brandKitId) {
+            return null;
+        }
+        const direct = this.brandKitsById.get(brandKitId);
+        if (direct) {
+            return direct;
+        }
+        for (const kit of this.brandKitsById.values()) {
+            if (UUIDsEqual(kit.ID, brandKitId)) {
+                return kit;
+            }
+        }
+        return null;
+    }
+    findCompanyName(companyId) {
+        if (!companyId) {
+            return null;
+        }
+        const direct = this.companiesById.get(companyId);
+        if (direct) {
+            return direct;
+        }
+        for (const [id, name] of this.companiesById.entries()) {
+            if (UUIDsEqual(id, companyId)) {
+                return name;
+            }
+        }
+        return null;
+    }
+    async mintPosterUrls(items) {
+        if (!(this.ProviderToUse instanceof GraphQLDataProvider)) {
+            return;
+        }
+        const client = new GraphQLFileStorageClient(this.ProviderToUse);
+        const itemsWithPosters = items.filter((item) => Boolean(item.PosterFileID && !item.PosterFileID.startsWith('inline:')));
+        if (itemsWithPosters.length === 0) {
+            return;
+        }
+        await Promise.all(itemsWithPosters.map(async (item) => {
+            if (!item.PosterFileID || item.PosterFileID.startsWith('inline:')) {
+                return;
+            }
+            try {
+                const token = await client.CreateMediaAccessToken(item.PosterFileID);
+                if (token.Success && token.Url) {
+                    item.PosterUrl = token.Url;
+                }
+            }
+            catch (err) {
+                LogError(err instanceof Error ? err.message : String(err));
+            }
+        }));
+        this.cdr.markForCheck();
+    }
+    rebuildFilterFieldOptions() {
+        const archetypes = new Set();
+        const statuses = new Set();
+        const brandKitOptions = new Map();
+        const companyOptions = new Map();
+        for (const kit of this.brandKitsById.values()) {
+            brandKitOptions.set(kit.ID, kit.Name);
+            if (kit.CompanyID) {
+                companyOptions.set(kit.CompanyID, this.findCompanyName(kit.CompanyID) || kit.Company || kit.CompanyID);
+            }
+        }
+        for (const item of this.AllProductions) {
+            if (item.Archetype) {
+                archetypes.add(item.Archetype);
+            }
+            if (item.Status) {
+                statuses.add(item.Status);
+            }
+            if (item.BrandKitID) {
+                brandKitOptions.set(item.BrandKitID, item.BrandKitName || item.BrandKitID);
+            }
+            if (item.CompanyID) {
+                companyOptions.set(item.CompanyID, this.findCompanyName(item.CompanyID) || item.CompanyName || item.CompanyID);
+            }
+        }
+        this.FilterFields = [
+            {
+                key: 'archetype',
+                label: 'Archetype',
+                type: 'dropdown',
+                options: Array.from(archetypes)
+                    .sort((a, b) => a.localeCompare(b))
+                    .map((value) => ({ value, text: value })),
+            },
+            {
+                key: 'status',
+                label: 'Status',
+                type: 'dropdown',
+                options: Array.from(statuses)
+                    .sort((a, b) => a.localeCompare(b))
+                    .map((value) => ({ value, text: value })),
+            },
+            {
+                key: 'brandKitId',
+                label: 'Brand Kit',
+                type: 'dropdown',
+                options: Array.from(brandKitOptions.entries())
+                    .sort((a, b) => a[1].localeCompare(b[1]))
+                    .map(([value, text]) => ({ value, text })),
+            },
+            {
+                key: 'companyId',
+                label: 'Company',
+                type: 'dropdown',
+                options: Array.from(companyOptions.entries())
+                    .sort((a, b) => a[1].localeCompare(b[1]))
+                    .map(([value, text]) => ({ value, text })),
+            },
+        ];
+    }
+    currentFilterState() {
+        return {
+            SearchQuery: this.SearchText,
+            Archetype: this.ArchetypeFilter,
+            Status: this.StatusFilter,
+            BrandKitID: this.BrandKitFilter,
+            CompanyID: this.CompanyFilter,
+            FromDate: this.DateFrom,
+            ToDate: this.DateTo,
+        };
+    }
+    applyFiltersAndSync() {
+        this.FilteredProductions = FilterProductionCards(this.AllProductions, this.currentFilterState());
+        this.syncAgentContext();
+        this.cdr.markForCheck();
+    }
+    buildProductionsContext() {
+        const availableArchetypes = Array.from(new Set(this.AllProductions.map((p) => p.Archetype).filter((a) => Boolean(a))));
+        const availableBrandKitNames = Array.from(new Set(Array.from(this.brandKitsById.values())
+            .map((k) => k.Name)
+            .filter((n) => Boolean(n))));
+        const availableCompanyNames = Array.from(new Set(this.AllProductions.map((p) => p.CompanyName ?? '').filter((c) => Boolean(c))));
+        const activeBrandKit = this.findBrandKit(this.BrandKitFilter || null);
+        const activeCompanyName = this.findCompanyName(this.CompanyFilter || null) ??
+            this.AllProductions.find((p) => p.CompanyID && UUIDsEqual(p.CompanyID, this.CompanyFilter))?.CompanyName ??
+            null;
+        return BuildProductionsAgentContext({
+            TotalCount: this.AllProductions.length,
+            FilteredCards: this.FilteredProductions,
+            Filters: this.currentFilterState(),
+            BrandKitFilterName: activeBrandKit?.Name ?? null,
+            CompanyFilterName: activeCompanyName,
+            SelectedProduction: this.SelectedProduction,
+            AvailableArchetypes: availableArchetypes,
+            AvailableBrandKitNames: availableBrandKitNames,
+            AvailableCompanyNames: availableCompanyNames,
+            IsLoading: this.IsLoading,
+        });
+    }
+    syncAgentContext() {
+        this.PageContext = this.buildProductionsContext();
+        this.CopilotAppContext = this.buildCopilotAppContext();
+        this.navigationService.SetAgentContext(this, this.PageContext);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵVideoStudioProductionsResourceComponent_BaseFactory; return function VideoStudioProductionsResourceComponent_Factory(__ngFactoryType__) { return (ɵVideoStudioProductionsResourceComponent_BaseFactory || (ɵVideoStudioProductionsResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(VideoStudioProductionsResourceComponent)))(__ngFactoryType__ || VideoStudioProductionsResourceComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoStudioProductionsResourceComponent, selectors: [["mj-video-studio-productions-resource"]], viewQuery: function VideoStudioProductionsResourceComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.StudioSlideIn = _t.first);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 18, consts: [["studioSlideIn", ""], [1, "vs-resource-shell"], [1, "vs-resource-shell__page"], ["Title", "Productions", "Icon", "fa-solid fa-clapperboard", "Subtitle", "Browse, preview, and iterate on video productions"], ["meta", ""], ["Label", "Productions", 3, "Count", "Total"], ["actions", ""], [3, "Clicked", "Loading"], ["type", "button", "mjButton", "", "Variant", "primary", "data-testid", "productions-open-copilot-button", "title", "Start a new video production", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["toolbar", ""], [1, "vs-productions-main"], ["data-testid", "productions-loading", 1, "vs-loading-state"], ["data-testid", "productions-error", "Role", "alert", "Variant", "error", "Icon", "fa-solid fa-triangle-exclamation", "Title", "Unable to load productions", "ActionText", "Try again", "ActionIcon", "fa-solid fa-rotate", "ActionVariant", "secondary", 3, "Message"], [1, "vs-productions-workspace", 3, "vs-productions-workspace--split", "vs-productions-workspace--focus"], [3, "IsOpen", "Artifact", "CurrentUser"], [3, "OpenChange", "PendingArtifactConsumed", "Provider", "CurrentUser", "EnvironmentId", "ApplicationId", "PageSource", "PageContext", "PageTools", "FallbackBrandKitId", "HeaderTitle"], ["Placeholder", "Search productions by title, archetype, brand kit, or format...", 3, "ValueChange", "Value"], ["Label", "Filters", "Icon", "fa-solid fa-filter", 3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Fields", "Values", "ShowReset"], [1, "vs-date-filter-group"], ["Label", "Updated from"], ["AriaLabel", "Updated from", "data-testid", "productions-date-from", 3, "ngModelChange", "ngModel"], ["Label", "Updated to"], ["AriaLabel", "Updated to", "data-testid", "productions-date-to", 3, "ngModelChange", "ngModel"], ["Text", "Loading video productions...", "Size", "medium"], ["data-testid", "productions-error", "Role", "alert", "Variant", "error", "Icon", "fa-solid fa-triangle-exclamation", "Title", "Unable to load productions", "ActionText", "Try again", "ActionIcon", "fa-solid fa-rotate", "ActionVariant", "secondary", 3, "Action", "Message"], ["data-testid", "productions-empty", "Variant", "empty", "Icon", "fa-solid fa-clapperboard", "Title", "No video productions yet", "Message", "Open Video Studio to set a brief, storyboard beats, and render your first production.", "ActionText", "New production", "ActionIcon", "fa-solid fa-plus", "ActionVariant", "primary"], ["data-testid", "productions-empty", "Variant", "no-results", "Icon", "fa-solid fa-clapperboard", "Title", "No productions match your filters", "Message", "Try adjusting your search query or clearing active filter criteria.", "ActionText", "Reset filters", "ActionIcon", "fa-solid fa-filter-circle-xmark", "ActionVariant", "secondary"], ["data-testid", "productions-empty", "Variant", "empty", "Icon", "fa-solid fa-clapperboard", "Title", "No video productions yet", "Message", "Open Video Studio to set a brief, storyboard beats, and render your first production.", "ActionText", "New production", "ActionIcon", "fa-solid fa-plus", "ActionVariant", "primary", 3, "Action"], ["data-testid", "productions-empty", "Variant", "no-results", "Icon", "fa-solid fa-clapperboard", "Title", "No productions match your filters", "Message", "Try adjusting your search query or clearing active filter criteria.", "ActionText", "Reset filters", "ActionIcon", "fa-solid fa-filter-circle-xmark", "ActionVariant", "secondary", 3, "Action"], [1, "vs-productions-workspace"], ["data-testid", "productions-grid", 1, "vs-productions-grid"], ["data-testid", "production-detail-pane", 1, "vs-production-detail-pane"], ["tabindex", "0", "role", "button", 1, "vs-production-card", 3, "vs-production-card--selected"], ["tabindex", "0", "role", "button", 1, "vs-production-card", 3, "click", "keydown.enter", "keydown.space"], [1, "vs-production-poster"], ["loading", "lazy", 1, "vs-production-poster-img", 3, "src", "alt"], [1, "vs-production-poster-placeholder"], ["data-testid", "production-status-badge", 1, "vs-production-poster__status", 3, "Variant"], [1, "vs-production-duration"], [1, "vs-production-card-body"], [1, "vs-production-title", 3, "title"], [1, "vs-production-meta-line"], ["data-testid", "production-archetype-chip", 1, "vs-production-meta-item"], ["aria-hidden", "true", 1, "fa-solid", "fa-film"], ["aria-hidden", "true", 1, "vs-production-meta-sep"], ["type", "button", "title", "Open brand kit", 1, "vs-production-brand-link", 3, "click"], [1, "vs-production-formats"], ["Size", "sm", 3, "Format"], ["data-testid", "production-detail-toolbar", 1, "vs-production-detail-toolbar"], [1, "vs-production-detail-toolbar__start"], ["mjButton", "", "Variant", "flat", "Size", "sm", "type", "button", "data-testid", "production-all-productions-button", "title", "Show all productions", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-left"], [1, "vs-production-detail-toolbar__title"], [1, "vs-production-detail-toolbar__actions"], ["mjButton", "", "Variant", "flat", "Size", "sm", "type", "button", "data-testid", "production-open-full-viewer-button"], ["mjButton", "", "Variant", "flat", "Size", "sm", "type", "button", "data-testid", "production-back-to-overview-button"], ["mjButton", "", "Variant", "outline", "Size", "sm", "type", "button", "data-testid", "production-share-button", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-share-nodes"], ["mjButton", "", "Variant", "primary", "Size", "sm", "type", "button", "data-testid", "production-iterate-button", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-wand-magic-sparkles"], [1, "vs-production-detail-body"], ["data-testid", "production-detail-viewer", 1, "vs-production-detail-viewer"], ["data-testid", "production-full-viewer", 3, "artifactId", "Provider", "CurrentUser", "canShare", "canEdit", "ShowSaveToCollection", "ShowMaximizeButton"], ["data-testid", "production-overview-loading", 1, "vs-production-detail-state"], ["data-testid", "production-overview-error", 1, "vs-production-detail-state"], ["data-testid", "production-overview-viewer", 3, "artifactVersion", "Provider", "BrandKitName"], ["mjButton", "", "Variant", "flat", "Size", "sm", "type", "button", "data-testid", "production-open-full-viewer-button", 3, "click"], ["mjButton", "", "Variant", "flat", "Size", "sm", "type", "button", "data-testid", "production-back-to-overview-button", 3, "click"], ["data-testid", "production-full-viewer", 3, "Closed", "ShareRequested", "NavigateToLink", "artifactId", "Provider", "CurrentUser", "canShare", "canEdit", "ShowSaveToCollection", "ShowMaximizeButton"], ["Text", "Loading production\u2026", "Size", "medium"], ["Variant", "error", "Icon", "fa-solid fa-triangle-exclamation", "Title", "Couldn't load production", "ActionText", "Try again", "ActionIcon", "fa-solid fa-rotate", 3, "Action", "Message"], [3, "Saved", "cancelled", "IsOpen", "Artifact", "CurrentUser"]], template: function VideoStudioProductionsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "mj-page-layout", 2)(2, "mj-page-header", 3)(3, "div", 4);
+            i0.ɵɵelement(4, "mj-stat-badge", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 6)(6, "mj-refresh-button", 7);
+            i0.ɵɵlistener("Clicked", function VideoStudioProductionsResourceComponent_Template_mj_refresh_button_Clicked_6_listener() { return ctx.Refresh(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "button", 8);
+            i0.ɵɵlistener("click", function VideoStudioProductionsResourceComponent_Template_button_click_7_listener() { return ctx.OpenNewProductionCopilot(); });
+            i0.ɵɵelement(8, "i", 9);
+            i0.ɵɵelementStart(9, "span");
+            i0.ɵɵtext(10, "New production");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(11, VideoStudioProductionsResourceComponent_Conditional_11_Template, 9, 8, "div", 10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "mj-page-body")(13, "div", 11);
+            i0.ɵɵconditionalCreate(14, VideoStudioProductionsResourceComponent_Conditional_14_Template, 2, 0, "div", 12)(15, VideoStudioProductionsResourceComponent_Conditional_15_Template, 1, 1, "mj-empty-state", 13)(16, VideoStudioProductionsResourceComponent_Conditional_16_Template, 2, 1)(17, VideoStudioProductionsResourceComponent_Conditional_17_Template, 3, 6, "div", 14);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(18, VideoStudioProductionsResourceComponent_Conditional_18_Template, 1, 3, "mj-artifact-share-modal", 15);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(19, "vs-studio-slide-in", 16, 0);
+            i0.ɵɵlistener("OpenChange", function VideoStudioProductionsResourceComponent_Template_vs_studio_slide_in_OpenChange_19_listener($event) { return ctx.OnSlideInOpenChange($event); })("PendingArtifactConsumed", function VideoStudioProductionsResourceComponent_Template_vs_studio_slide_in_PendingArtifactConsumed_19_listener() { return ctx.OnSlideInPendingArtifactConsumed(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("vs-resource-shell--slidein-open", ctx.IsCopilotSlideInOpen);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Count", ctx.FilteredCount)("Total", ctx.TotalCount);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Loading", ctx.IsLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("aria-expanded", ctx.IsCopilotSlideInOpen);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(!ctx.IsIterateFocusMode ? 11 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.IsLoading && ctx.AllProductions.length === 0 ? 14 : ctx.LoadError ? 15 : ctx.FilteredProductions.length === 0 ? 16 : 17);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.IsShareModalOpen && ctx.ShareTargetArtifact ? 18 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Provider", ctx.ProviderToUse)("CurrentUser", ctx.CurrentUser)("EnvironmentId", ctx.EnvironmentId)("ApplicationId", ctx.ApplicationId)("PageSource", ctx)("PageContext", ctx.PageContext)("PageTools", ctx.PageTools)("FallbackBrandKitId", ctx.FallbackBrandKitId)("HeaderTitle", "Video Studio");
+        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.ArtifactViewerPanelComponent, i3.VideoProductionViewerComponent, i3.MJVideoBadgeComponent, i3.MJVideoFormatGlyphComponent, i4.ArtifactShareModalComponent, i5.VSStudioSlideInComponent, i6.MJButtonDirective, i6.MJDatepickerComponent, i6.MJEmptyStateComponent, i6.MJPageLayoutComponent, i6.MJPageHeaderComponent, i6.MJPageBodyComponent, i6.MJPageSearchComponent, i6.MJFilterPopoverComponent, i6.MJFilterPanelComponent, i6.MJFilterFieldComponent, i6.MJRefreshButtonComponent, i6.MJStatBadgeComponent], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n.vs-date-filter-group[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--mj-space-2-5);\n  padding-top: var(--mj-space-2-5);\n  margin-top: var(--mj-space-2-5);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.vs-loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 320px;\n  padding: var(--mj-space-8);\n  text-align: center;\n  background: var(--mj-bg-surface-card);\n  border: 1px dashed var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n}\n\n.vs-productions-workspace[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  min-height: 100%;\n}\n\n.vs-productions-workspace--split[_ngcontent-%COMP%] {\n  grid-template-columns: minmax(340px, 1fr) minmax(420px, 540px);\n  gap: var(--mj-space-0);\n  height: 100%;\n}\n\n.vs-productions-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: var(--mj-space-4);\n  align-content: start;\n}\n\n.vs-productions-workspace--split[_ngcontent-%COMP%]   .vs-productions-grid[_ngcontent-%COMP%] {\n  padding: var(--mj-space-5) var(--mj-space-6);\n  overflow-y: auto;\n}\n\n.vs-production-card[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  overflow: hidden;\n  cursor: pointer;\n  transition: var(--mj-transition-fast);\n}\n\n.vs-production-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-md);\n}\n\n.vs-production-card[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-production-card--selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 var(--mj-ring-width) color-mix(in srgb, var(--mj-brand-primary) 24%, transparent);\n}\n\n.vs-production-poster[_ngcontent-%COMP%] {\n  position: relative;\n  aspect-ratio: 16 / 9;\n  background: var(--mj-bg-surface-sunken);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vs-production-poster-img[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.vs-production-poster-placeholder[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-3xl);\n}\n\n.vs-production-poster__status[_ngcontent-%COMP%] {\n  position: absolute;\n  top: var(--mj-space-2-5);\n  left: var(--mj-space-2-5);\n}\n\n.vs-production-duration[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: var(--mj-space-2-5);\n  right: var(--mj-space-2-5);\n  display: inline-flex;\n  align-items: center;\n  padding: var(--mj-space-0-5) var(--mj-space-2);\n  border-radius: var(--mj-radius-sm);\n  background: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-primary);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n}\n\n.vs-production-card-body[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n  padding: var(--mj-space-3-5) var(--mj-space-4);\n}\n\n.vs-production-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.vs-production-meta-line[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--mj-space-1-5);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n}\n\n.vs-production-meta-item[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n}\n\n.vs-production-meta-sep[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.vs-production-brand-link[_ngcontent-%COMP%] {\n  padding: 0;\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-secondary);\n  font: inherit;\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-color: var(--mj-border-strong);\n  text-underline-offset: var(--mj-space-0-5);\n  transition: var(--mj-transition-colors);\n}\n\n.vs-production-brand-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary);\n  text-decoration-color: var(--mj-brand-primary);\n}\n\n.vs-production-brand-link[_ngcontent-%COMP%]:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-production-formats[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n}\n\n.vs-production-detail-pane[_ngcontent-%COMP%] {\n  border-left: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.vs-production-detail-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2-5);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.vs-production-detail-toolbar__start[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  min-width: 0;\n}\n\n.vs-production-detail-toolbar__title[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.vs-production-detail-toolbar__actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n.vs-production-detail-body[_ngcontent-%COMP%] {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-production-detail-viewer[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-production-detail-state[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: var(--mj-space-6);\n}\n\n.vs-productions-workspace--focus[_ngcontent-%COMP%] {\n  grid-template-columns: 1fr;\n  height: 100%;\n}\n\n.vs-productions-workspace--focus[_ngcontent-%COMP%]   .vs-production-detail-pane[_ngcontent-%COMP%] {\n  border-left: none;\n}\n\n.vs-resource-shell[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-resource-shell__page[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.vs-productions-main[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n@media (max-width: 1180px) {\n  .vs-resource-shell--slidein-open[_ngcontent-%COMP%]   .vs-productions-workspace--split[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-production-card[_ngcontent-%COMP%], \n   .vs-production-brand-link[_ngcontent-%COMP%] {\n    transition: none;\n  }\n}"], changeDetection: 0 });
+};
+VideoStudioProductionsResourceComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'VideoStudioProductionsResource')
+], VideoStudioProductionsResourceComponent);
+export { VideoStudioProductionsResourceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VideoStudioProductionsResourceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-video-studio-productions-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"vs-resource-shell\" [class.vs-resource-shell--slidein-open]=\"IsCopilotSlideInOpen\">\n  <mj-page-layout class=\"vs-resource-shell__page\">\n    <mj-page-header\n      Title=\"Productions\"\n      Icon=\"fa-solid fa-clapperboard\"\n      Subtitle=\"Browse, preview, and iterate on video productions\"\n    >\n    <div meta>\n      <mj-stat-badge\n        [Count]=\"FilteredCount\"\n        [Total]=\"TotalCount\"\n        Label=\"Productions\"\n      />\n    </div>\n\n    <div actions>\n      <mj-refresh-button\n        [Loading]=\"IsLoading\"\n        (Clicked)=\"Refresh()\"\n      />\n      <button\n        type=\"button\"\n        mjButton\n        Variant=\"primary\"\n        data-testid=\"productions-open-copilot-button\"\n        [attr.aria-expanded]=\"IsCopilotSlideInOpen\"\n        title=\"Start a new video production\"\n        (click)=\"OpenNewProductionCopilot()\"\n      >\n        <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i>\n        <span>New production</span>\n      </button>\n    </div>\n\n    @if (!IsIterateFocusMode) {\n      <div toolbar>\n        <mj-page-search\n          Placeholder=\"Search productions by title, archetype, brand kit, or format...\"\n          [Value]=\"SearchText\"\n          (ValueChange)=\"OnSearchChange($event)\"\n        />\n        <mj-filter-popover\n          Label=\"Filters\"\n          Icon=\"fa-solid fa-filter\"\n          [ActiveCount]=\"ActivePopoverFilterCount\"\n          [ShowClearAll]=\"ActivePopoverFilterCount > 0\"\n          (ClearAllRequested)=\"ClearAllFilters()\"\n        >\n          <mj-filter-panel\n            [Fields]=\"FilterFields\"\n            [Values]=\"FilterValues\"\n            [ShowReset]=\"false\"\n            (ValuesChange)=\"OnFilterValuesChange($event)\"\n          />\n          <div class=\"vs-date-filter-group\">\n            <mj-filter-field Label=\"Updated from\">\n              <mj-datepicker\n                AriaLabel=\"Updated from\"\n                data-testid=\"productions-date-from\"\n                [ngModel]=\"DateFromDate\"\n                (ngModelChange)=\"OnDateFromChange($event)\"\n              />\n            </mj-filter-field>\n            <mj-filter-field Label=\"Updated to\">\n              <mj-datepicker\n                AriaLabel=\"Updated to\"\n                data-testid=\"productions-date-to\"\n                [ngModel]=\"DateToDate\"\n                (ngModelChange)=\"OnDateToChange($event)\"\n              />\n            </mj-filter-field>\n          </div>\n        </mj-filter-popover>\n      </div>\n    }\n  </mj-page-header>\n\n  <mj-page-body>\n    <div class=\"vs-productions-main\">\n      @if (IsLoading && AllProductions.length === 0) {\n        <div class=\"vs-loading-state\" data-testid=\"productions-loading\">\n          <mj-loading Text=\"Loading video productions...\" Size=\"medium\" />\n        </div>\n      } @else if (LoadError) {\n        <mj-empty-state\n          data-testid=\"productions-error\"\n          Role=\"alert\"\n          Variant=\"error\"\n          Icon=\"fa-solid fa-triangle-exclamation\"\n          Title=\"Unable to load productions\"\n          [Message]=\"LoadError\"\n          ActionText=\"Try again\"\n          ActionIcon=\"fa-solid fa-rotate\"\n          ActionVariant=\"secondary\"\n          (Action)=\"Refresh()\"\n        ></mj-empty-state>\n      } @else if (FilteredProductions.length === 0) {\n        @if (AllProductions.length === 0) {\n          <mj-empty-state\n            data-testid=\"productions-empty\"\n            Variant=\"empty\"\n            Icon=\"fa-solid fa-clapperboard\"\n            Title=\"No video productions yet\"\n            Message=\"Open Video Studio to set a brief, storyboard beats, and render your first production.\"\n            ActionText=\"New production\"\n            ActionIcon=\"fa-solid fa-plus\"\n            ActionVariant=\"primary\"\n            (Action)=\"OpenNewProductionCopilot()\"\n          ></mj-empty-state>\n        } @else {\n          <mj-empty-state\n            data-testid=\"productions-empty\"\n            Variant=\"no-results\"\n            Icon=\"fa-solid fa-clapperboard\"\n            Title=\"No productions match your filters\"\n            Message=\"Try adjusting your search query or clearing active filter criteria.\"\n            ActionText=\"Reset filters\"\n            ActionIcon=\"fa-solid fa-filter-circle-xmark\"\n            ActionVariant=\"secondary\"\n            (Action)=\"ResetFiltersAndSearch()\"\n          ></mj-empty-state>\n        }\n      } @else {\n        <div\n          class=\"vs-productions-workspace\"\n          [class.vs-productions-workspace--split]=\"SelectedProduction !== null && !IsIterateFocusMode\"\n          [class.vs-productions-workspace--focus]=\"IsIterateFocusMode\"\n        >\n          @if (!IsIterateFocusMode) {\n            <div class=\"vs-productions-grid\" data-testid=\"productions-grid\">\n              @for (item of FilteredProductions; track item.ID) {\n                <article\n                  class=\"vs-production-card\"\n                  [class.vs-production-card--selected]=\"SelectedProduction?.ID === item.ID\"\n                  [attr.data-testid]=\"'production-card-' + item.ID\"\n                  tabindex=\"0\"\n                  role=\"button\"\n                  [attr.aria-pressed]=\"SelectedProduction?.ID === item.ID\"\n                  (click)=\"SelectProduction(item)\"\n                  (keydown.enter)=\"SelectProduction(item)\"\n                  (keydown.space)=\"$event.preventDefault(); SelectProduction(item)\"\n                >\n                  <div class=\"vs-production-poster\">\n                    @if (item.PosterUrl) {\n                      <img\n                        class=\"vs-production-poster-img\"\n                        [src]=\"item.PosterUrl\"\n                        [alt]=\"item.Name + ' poster'\"\n                        loading=\"lazy\"\n                      />\n                    } @else {\n                      <div class=\"vs-production-poster-placeholder\">\n                        <i class=\"fa-solid fa-film\" aria-hidden=\"true\"></i>\n                      </div>\n                    }\n\n                    <mj-video-badge\n                      class=\"vs-production-poster__status\"\n                      [Variant]=\"StatusBadgeVariant(item.Status)\"\n                      data-testid=\"production-status-badge\"\n                    >\n                      {{ item.Status }}\n                    </mj-video-badge>\n\n                    @if (item.DurationSeconds !== null) {\n                      <span class=\"vs-production-duration\">\n                        {{ FormatDuration(item.DurationSeconds) }}\n                      </span>\n                    }\n                  </div>\n\n                  <div class=\"vs-production-card-body\">\n                    <h3 class=\"vs-production-title\" [title]=\"item.Name\">\n                      {{ item.Name }}\n                    </h3>\n\n                    <div class=\"vs-production-meta-line\">\n                      @if (item.Archetype) {\n                        <span class=\"vs-production-meta-item\" data-testid=\"production-archetype-chip\">\n                          {{ item.Archetype }}\n                        </span>\n                      }\n                      @if (item.BrandKitName || item.BrandKitID) {\n                        @if (item.Archetype) {\n                          <span class=\"vs-production-meta-sep\" aria-hidden=\"true\">\u00B7</span>\n                        }\n                        <button\n                          type=\"button\"\n                          class=\"vs-production-brand-link\"\n                          title=\"Open brand kit\"\n                          (click)=\"OpenBrandKitRecord(item.BrandKitID, $event)\"\n                        >\n                          {{ item.BrandKitName || 'Brand kit' }}\n                        </button>\n                      }\n                      @if (item.AspectRatio) {\n                        @if (item.Archetype || item.BrandKitName || item.BrandKitID) {\n                          <span class=\"vs-production-meta-sep\" aria-hidden=\"true\">\u00B7</span>\n                        }\n                        <span class=\"vs-production-formats\">\n                          @for (fmt of ParseFormats(item.AspectRatio); track fmt) {\n                            <mj-video-format-glyph [Format]=\"fmt\" Size=\"sm\"></mj-video-format-glyph>\n                          }\n                        </span>\n                      }\n                    </div>\n                  </div>\n                </article>\n              }\n            </div>\n          }\n\n          @if (SelectedProduction !== null) {\n            <aside class=\"vs-production-detail-pane\" data-testid=\"production-detail-pane\">\n              <div class=\"vs-production-detail-toolbar\" data-testid=\"production-detail-toolbar\">\n                <div class=\"vs-production-detail-toolbar__start\">\n                  <button\n                    mjButton\n                    Variant=\"flat\"\n                    Size=\"sm\"\n                    type=\"button\"\n                    data-testid=\"production-all-productions-button\"\n                    title=\"Show all productions\"\n                    (click)=\"ShowAllProductions()\"\n                  >\n                    <i class=\"fa-solid fa-arrow-left\" aria-hidden=\"true\"></i>\n                    <span>All productions</span>\n                  </button>\n                  <span class=\"vs-production-detail-toolbar__title\">{{ SelectedProduction.Name }}</span>\n                </div>\n                <div class=\"vs-production-detail-toolbar__actions\">\n                  @if (!IsFullViewerMode) {\n                    <button\n                      mjButton\n                      Variant=\"flat\"\n                      Size=\"sm\"\n                      type=\"button\"\n                      data-testid=\"production-open-full-viewer-button\"\n                      (click)=\"OpenFullViewer()\"\n                    >\n                      <i class=\"fa-solid fa-film\" aria-hidden=\"true\"></i>\n                      <span>Storyboard, review &amp; versions</span>\n                    </button>\n                  } @else {\n                    <button\n                      mjButton\n                      Variant=\"flat\"\n                      Size=\"sm\"\n                      type=\"button\"\n                      data-testid=\"production-back-to-overview-button\"\n                      (click)=\"BackToOverview()\"\n                    >\n                      <i class=\"fa-solid fa-arrow-left\" aria-hidden=\"true\"></i>\n                      <span>Back to overview</span>\n                    </button>\n                  }\n                  <button\n                    mjButton\n                    Variant=\"outline\"\n                    Size=\"sm\"\n                    type=\"button\"\n                    data-testid=\"production-share-button\"\n                    [disabled]=\"!CanShareSelected\"\n                    (click)=\"OpenShareModal(SelectedProduction.ID)\"\n                  >\n                    <i class=\"fa-solid fa-share-nodes\" aria-hidden=\"true\"></i>\n                    <span>Share</span>\n                  </button>\n                  <button\n                    mjButton\n                    Variant=\"primary\"\n                    Size=\"sm\"\n                    type=\"button\"\n                    data-testid=\"production-iterate-button\"\n                    [disabled]=\"!SelectedProductionConversationId\"\n                    [attr.title]=\"\n                      SelectedProductionConversationId\n                        ? 'Iterate on this production in its conversation'\n                        : 'Made outside a conversation. Start a new production in Video Studio.'\n                    \"\n                    (click)=\"StartIterate()\"\n                  >\n                    <i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"></i>\n                    <span>Iterate</span>\n                  </button>\n                </div>\n              </div>\n              <div class=\"vs-production-detail-body\">\n                <div class=\"vs-production-detail-viewer\" data-testid=\"production-detail-viewer\">\n                  @if (IsFullViewerMode) {\n                    <mj-artifact-viewer-panel\n                      data-testid=\"production-full-viewer\"\n                      [artifactId]=\"SelectedProduction.ID\"\n                      [Provider]=\"Provider\"\n                      [CurrentUser]=\"ProviderToUse.CurrentUser\"\n                      [canShare]=\"CanShareSelected\"\n                      [canEdit]=\"CanEditSelected\"\n                      [ShowSaveToCollection]=\"false\"\n                      [ShowMaximizeButton]=\"false\"\n                      (Closed)=\"BackToOverview()\"\n                      (ShareRequested)=\"OpenShareModal($event)\"\n                      (NavigateToLink)=\"OnNavigateToArtifactLink($event)\"\n                    />\n                  } @else if (IsLoadingSelectedVersion) {\n                    <div class=\"vs-production-detail-state\" data-testid=\"production-overview-loading\">\n                      <mj-loading Text=\"Loading production\u2026\" Size=\"medium\"></mj-loading>\n                    </div>\n                  } @else if (VersionLoadError) {\n                    <div class=\"vs-production-detail-state\" data-testid=\"production-overview-error\">\n                      <mj-empty-state\n                        Variant=\"error\"\n                        Icon=\"fa-solid fa-triangle-exclamation\"\n                        Title=\"Couldn't load production\"\n                        [Message]=\"VersionLoadError\"\n                        ActionText=\"Try again\"\n                        ActionIcon=\"fa-solid fa-rotate\"\n                        (Action)=\"RetryLoadSelectedProductionVersion()\"\n                      ></mj-empty-state>\n                    </div>\n                  } @else if (SelectedVersionEntity) {\n                    <mj-video-production-viewer\n                      data-testid=\"production-overview-viewer\"\n                      [artifactVersion]=\"SelectedVersionEntity\"\n                      [Provider]=\"ProviderToUse\"\n                      [BrandKitName]=\"SelectedProduction.BrandKitName\"\n                    ></mj-video-production-viewer>\n                  }\n                </div>\n              </div>\n            </aside>\n          }\n        </div>\n      }\n    </div>\n\n    @if (IsShareModalOpen && ShareTargetArtifact) {\n      <mj-artifact-share-modal\n        [IsOpen]=\"IsShareModalOpen\"\n        [Artifact]=\"ShareTargetArtifact\"\n        [CurrentUser]=\"ProviderToUse.CurrentUser\"\n        (Saved)=\"OnShareSaved()\"\n        (cancelled)=\"CloseShareModal()\"\n      />\n    }\n  </mj-page-body>\n  </mj-page-layout>\n\n  <vs-studio-slide-in\n    #studioSlideIn\n    [Provider]=\"ProviderToUse\"\n    [CurrentUser]=\"CurrentUser\"\n    [EnvironmentId]=\"EnvironmentId\"\n    [ApplicationId]=\"ApplicationId\"\n    [PageSource]=\"this\"\n    [PageContext]=\"PageContext\"\n    [PageTools]=\"PageTools\"\n    [FallbackBrandKitId]=\"FallbackBrandKitId\"\n    [HeaderTitle]=\"'Video Studio'\"\n    (OpenChange)=\"OnSlideInOpenChange($event)\"\n    (PendingArtifactConsumed)=\"OnSlideInPendingArtifactConsumed()\"\n  ></vs-studio-slide-in>\n</div>\n", styles: [":host {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n\n.vs-date-filter-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--mj-space-2-5);\n  padding-top: var(--mj-space-2-5);\n  margin-top: var(--mj-space-2-5);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.vs-loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 320px;\n  padding: var(--mj-space-8);\n  text-align: center;\n  background: var(--mj-bg-surface-card);\n  border: 1px dashed var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n}\n\n.vs-productions-workspace {\n  display: grid;\n  grid-template-columns: 1fr;\n  min-height: 100%;\n}\n\n.vs-productions-workspace--split {\n  grid-template-columns: minmax(340px, 1fr) minmax(420px, 540px);\n  gap: var(--mj-space-0);\n  height: 100%;\n}\n\n.vs-productions-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: var(--mj-space-4);\n  align-content: start;\n}\n\n.vs-productions-workspace--split .vs-productions-grid {\n  padding: var(--mj-space-5) var(--mj-space-6);\n  overflow-y: auto;\n}\n\n.vs-production-card {\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  overflow: hidden;\n  cursor: pointer;\n  transition: var(--mj-transition-fast);\n}\n\n.vs-production-card:hover {\n  transform: translateY(-2px);\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-md);\n}\n\n.vs-production-card:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-production-card--selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 var(--mj-ring-width) color-mix(in srgb, var(--mj-brand-primary) 24%, transparent);\n}\n\n.vs-production-poster {\n  position: relative;\n  aspect-ratio: 16 / 9;\n  background: var(--mj-bg-surface-sunken);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vs-production-poster-img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.vs-production-poster-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-3xl);\n}\n\n.vs-production-poster__status {\n  position: absolute;\n  top: var(--mj-space-2-5);\n  left: var(--mj-space-2-5);\n}\n\n.vs-production-duration {\n  position: absolute;\n  bottom: var(--mj-space-2-5);\n  right: var(--mj-space-2-5);\n  display: inline-flex;\n  align-items: center;\n  padding: var(--mj-space-0-5) var(--mj-space-2);\n  border-radius: var(--mj-radius-sm);\n  background: var(--mj-bg-surface-elevated);\n  color: var(--mj-text-primary);\n  font-variant-numeric: tabular-nums;\n  font-size: var(--mj-text-xs);\n  font-weight: var(--mj-font-medium);\n}\n\n.vs-production-card-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-1-5);\n  padding: var(--mj-space-3-5) var(--mj-space-4);\n}\n\n.vs-production-title {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.vs-production-meta-line {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--mj-space-1-5);\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-secondary);\n}\n\n.vs-production-meta-item {\n  color: var(--mj-text-secondary);\n}\n\n.vs-production-meta-sep {\n  color: var(--mj-text-muted);\n}\n\n.vs-production-brand-link {\n  padding: 0;\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-secondary);\n  font: inherit;\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-color: var(--mj-border-strong);\n  text-underline-offset: var(--mj-space-0-5);\n  transition: var(--mj-transition-colors);\n}\n\n.vs-production-brand-link:hover {\n  color: var(--mj-brand-primary);\n  text-decoration-color: var(--mj-brand-primary);\n}\n\n.vs-production-brand-link:focus-visible {\n  outline: none;\n  box-shadow: var(--mj-focus-ring);\n}\n\n.vs-production-formats {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n}\n\n.vs-production-detail-pane {\n  border-left: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.vs-production-detail-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--mj-space-2-5);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.vs-production-detail-toolbar__start {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  min-width: 0;\n}\n\n.vs-production-detail-toolbar__title {\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.vs-production-detail-toolbar__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n.vs-production-detail-body {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-production-detail-viewer {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-production-detail-state {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  padding: var(--mj-space-6);\n}\n\n.vs-productions-workspace--focus {\n  grid-template-columns: 1fr;\n  height: 100%;\n}\n\n.vs-productions-workspace--focus .vs-production-detail-pane {\n  border-left: none;\n}\n\n.vs-resource-shell {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.vs-resource-shell__page {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.vs-productions-main {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n@media (max-width: 1180px) {\n  .vs-resource-shell--slidein-open .vs-productions-workspace--split {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vs-production-card,\n  .vs-production-brand-link {\n    transition: none;\n  }\n}\n\n\n\n"] }]
+    }], null, { StudioSlideIn: [{
+            type: ViewChild,
+            args: ['studioSlideIn']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VideoStudioProductionsResourceComponent, { className: "VideoStudioProductionsResourceComponent", filePath: "src/VideoStudio/resources/video-studio-productions-resource.component.ts", lineNumber: 107 }); })();
+//# sourceMappingURL=video-studio-productions-resource.component.js.map