@rtsee/ngx 0.0.105 → 0.0.107

package/dist/ngx/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ElementRef, EventEmitter, OutputEmitterRef, ViewContainerRef, ComponentFactoryResolver, ChangeDetectorRef, OnDestroy, Type, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit, AfterViewInit, ElementRef, EventEmitter, OnDestroy, ChangeDetectorRef, OutputEmitterRef, ViewContainerRef, ComponentFactoryResolver, Type, OnChanges, SimpleChanges } from '@angular/core';
 import { RTSeeConference, RTSeePeerConnection } from '@rtsee/conference';
 import { RTSeeMessenger, RTSeeMessengerSearch, RTSeeMessage, RTSeeChat, RTSeeChatMember, RTSeeMentionAutocomplete, RTSeeWorkflowAutocomplete, OzzyClientTask } from '@rtsee/messenger';
 import { IPeer, RTSeeTextLabelKeys, IRTSeeCall } from '@rtsee/core';
@@ -8,10 +8,10 @@ import { RTSeeAuth, RTSeeAuthConfiguration, IRtseeSignInRequestOptions, IRTSeeSi
 import { Observable, Subscription } from 'rxjs';
 import * as i47 from '@angular/router';
 import { Router, ActivatedRoute } from '@angular/router';
-import { IRTSeePaymentProduct, IRTSeePaymentPriceItem, IRTSeeChat, RTSeeChatTypes, IMessageThumbnail, IOzzyWorkflowDefinition, IOzzyTaskLog } from '@rtsee/common';
+import { IRTSeePaymentProduct, IRTSeePaymentPriceItem, IRTSeeStorySlide, IRTSeeStoryElement, IRTSeeIllustratorContextImage, IRTSeeChat, RTSeeChatTypes, IMessageThumbnail, IOzzyWorkflowDefinition, IOzzyTaskLog } from '@rtsee/common';
 import { RTSeeEventsDashboard, RTSeeDashboardClientSession, RTSeeDashboardEvent, RTSeeDashboardClient } from '@rtsee/events-dashboard';
 import { RTSee, INavigationConfig, IRouteConfig } from '@rtsee/factory';
-import { RTSeePresentation, RTSeeStory, RTSeePresentationSettings, RTSeeStorySlide } from '@rtsee/presentation';
+import { RTSeePresentation, RTSeeStory, RTSeeInteractiveStoryEditorVm, RTSeeStoryEditorSection, RTSeeIllustrator, RTSeeStoryElementsEditor, RTSeeStoryElementEntity, IRTSeeIllustratorAgentOption, RTSeePresentationSettings, RTSeeStorySlide } from '@rtsee/presentation';
 import { RTSeeTag, RTSeeManageTags, RTSeeTagGroup, RTSeeManageTagGroups, RTSeeEntityConfiguration, RTSeeManageEntityConfigurations, RTSeeEntity, RTSeeManageEntities, RTSeeRater, RTSeeForm } from '@rtsee/utilities-ui';
 import * as i44 from '@angular/forms';
 import { FormGroup, FormBuilder, FormControl, FormArray } from '@angular/forms';
@@ -172,6 +172,94 @@ declare class PresentationComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PresentationComponent, "rtsee-presentation", never, { "presentation": { "alias": "presentation"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Interactive story editor: collapsible sections of thumbnails (details, characters,
+ * artifacts, locations, slides, author) that expand into the edit forms.
+ * Rendering only, the orchestration lives in RTSeeInteractiveStoryEditorVm.
+ */
+declare class InteractiveStoryEditorComponent implements OnInit, OnDestroy {
+    private readonly cdr;
+    vm: RTSeeInteractiveStoryEditorVm;
+    /** set to false when the vm is initialized by the host */
+    autoInit: boolean;
+    readonly sections: typeof RTSeeStoryEditorSection;
+    readonly illustrator: RTSeeIllustrator;
+    readonly slideUpdatingIds: Set<string>;
+    private onIllustratorChanged;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    isSlideUpdating(id: string): boolean;
+    applyReviewedImageToSlide(event: Event, slide: IRTSeeStorySlide): Promise<void>;
+    submitDetails(): void;
+    submitAuthor(): void;
+    submitNewAuthor(): void;
+    addSlideToContext(event: Event, slide: IRTSeeStorySlide): void;
+    addSlideEntitiesToContext(event: Event, slide: IRTSeeStorySlide): void;
+    addAuthorToContext(event: Event): void;
+    trackSlide(index: number, slide: IRTSeeStorySlide): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveStoryEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveStoryEditorComponent, "rtsee-interactive-story-editor", never, { "vm": { "alias": "vm"; "required": true; }; "autoInit": { "alias": "autoInit"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+type AnyElementsEditor = RTSeeStoryElementsEditor<any, any>;
+/**
+ * Collapsible section rendering the thumbnails of one kind of story element
+ * (characters / artifacts / locations) and the expanded edit form.
+ * All the logic lives in RTSeeStoryElementsEditor.
+ */
+declare class StoryElementsSectionComponent implements OnDestroy {
+    private readonly cdr;
+    editor: AnyElementsEditor;
+    title: string;
+    icon: string;
+    collapsed: boolean;
+    canDetach: boolean;
+    toggled: EventEmitter<void>;
+    private _illustrator?;
+    private onIllustratorChanged;
+    set illustrator(val: RTSeeIllustrator | undefined);
+    get illustrator(): RTSeeIllustrator | undefined;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    applyReviewedImageToItem(event: Event, item: RTSeeStoryElementEntity<IRTSeeStoryElement>): Promise<void>;
+    submit(): void;
+    addToIllustrator(event: Event, item: RTSeeStoryElementEntity<IRTSeeStoryElement>): void;
+    trackById(index: number, item: RTSeeStoryElementEntity<IRTSeeStoryElement>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StoryElementsSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StoryElementsSectionComponent, "rtsee-story-elements-section", never, { "editor": { "alias": "editor"; "required": true; }; "title": { "alias": "title"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "canDetach": { "alias": "canDetach"; "required": false; }; "illustrator": { "alias": "illustrator"; "required": false; }; }, { "toggled": "toggled"; }, never, never, true, never>;
+}
+
+declare class IllustratorComponent implements OnInit, OnDestroy {
+    private readonly cdr;
+    private readonly elementRef;
+    illustrator: RTSeeIllustrator;
+    private ownIllustrator;
+    readonly aspectRatios: string[];
+    readonly styles: string[];
+    readonly moods: string[];
+    readonly lightings: string[];
+    private readonly onIllustratorChanged;
+    private readonly onScrollIntoView;
+    constructor(cdr: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    toggleExpand(): void;
+    toggleConfig(): void;
+    onSelectAgent(event: Event): void;
+    refreshAgents(): void;
+    removeImage(id: string): void;
+    toggleActive(image: IRTSeeIllustratorContextImage): void;
+    discardGeneratedImage(): void;
+    acceptGeneratedImage(): void;
+    submitIteration(): void;
+    submitPrompt(): void;
+    trackByImageId(index: number, item: IRTSeeIllustratorContextImage): string;
+    trackByAgentId(index: number, item: IRTSeeIllustratorAgentOption): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IllustratorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IllustratorComponent, "rtsee-illustrator", never, { "illustrator": { "alias": "illustrator"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 interface IAccordionItem {
     label: string;
     icon?: string;
@@ -900,5 +988,5 @@ declare class RTSeeTaskComponent implements OnInit, OnChanges, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<RTSeeTaskComponent, "rtsee-task", never, { "task": { "alias": "task"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messenger": { "alias": "messenger"; "required": false; }; "chat": { "alias": "chat"; "required": false; }; "allowExecute": { "alias": "allowExecute"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { EntitiesConfigurationsListComponent, EntitiesListComponent, FormComponent, GtagService, ManageEntityComponent, ManageEntityConfigurationComponent, MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RTSeeTaskComponent, RtseeEntityCommentsComponent, RtseeEntityPreviewComponent, RtseeEntityTagsComponent, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent, RtseeTagGroupManageComponent, RtseeTagGroupsManageComponent, RtseeTagManageComponent, RtseeTagsAccordionMenuComponent, WorkflowStepsService };
+export { EntitiesConfigurationsListComponent, EntitiesListComponent, FormComponent, GtagService, IllustratorComponent, InteractiveStoryEditorComponent, ManageEntityComponent, ManageEntityConfigurationComponent, MessengerComponent, NgxService, PaymentProductSnippetComponent, PresentationComponent, ProfileComponent, RTSeeAuthComponent, RTSeeConferenceComponent, RTSeeContainerComponent, RTSeeControlsComponent, RTSeeModule, RTSeeTaskComponent, RtseeEntityCommentsComponent, RtseeEntityPreviewComponent, RtseeEntityTagsComponent, RtseeEventsDashboardComponent, RtseePeerComponent, RtseeSettingsComponent, RtseeTagGroupManageComponent, RtseeTagGroupsManageComponent, RtseeTagManageComponent, RtseeTagsAccordionMenuComponent, StoryElementsSectionComponent, WorkflowStepsService };
 export type { IAccordionItem, IWorkflowStepWidget, RTSeeTagForm, RTSeeTagGroupForm };

package/dist/ngx/src/lib/theme/common-components/image-uploader.scss

@@ -62,6 +62,34 @@
       }
     }
 
+    .rtsee-image-uploader-illustrator-btn {
+      position: absolute;
+      top: $rts-offset-sm;
+      right: $rts-offset-sm;
+      cursor: pointer;
+      z-index: 5;
+
+      .p-button {
+        width: 32px;
+        height: 32px;
+        padding: 0;
+        background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        box-shadow: 0 4px 12px rgba(108, 92, 231, 0.45);
+        transition: transform 0.2s ease, box-shadow 0.2s ease;
+
+        .p-button-icon {
+          font-size: 14px;
+          color: #ffffff;
+        }
+
+        &:hover {
+          transform: scale(1.1);
+          box-shadow: 0 6px 16px rgba(108, 92, 231, 0.65);
+        }
+      }
+    }
+
     .rtsee-image-uploader-image-change-btn {
       position: absolute;
       bottom: $rts-offset-sm;

package/dist/ngx/src/lib/theme/presentation/dashboard.scss

@@ -8,4 +8,10 @@
       float: right;
     }
   }
+
+  .manage-stories-container {
+    .p-tabpanels {
+      padding: 0;
+    }
+  }
 }