@webiny/ai-powerups 6.6.0-alpha.0 → 6.6.0-alpha.1

package/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.d.ts

@@ -1,21 +1,19 @@
-import { FormModelFactory, ToolPipelineRunner } from "@webiny/app-admin";
+import { ToolPipelineRunner } from "@webiny/app-admin";
 import { CmsGenerateContentPresenter as Abstraction } from "./abstractions.js";
 import { GenerateEntryContentUseCase } from "../../../admin/features/generateEntryContent/index.js";
-import { GetSettingsUseCase } from "../../../admin/features/settings/getSettings/abstractions.js";
+import { AiPromptFormFactory } from "../../../admin/presentation/AiPromptFormFactory/abstractions.js";
 declare class CmsGenerateContentPresenterImpl implements Abstraction.Interface {
     private pipelineRunner;
     private generateEntryContent;
-    private formModelFactory;
-    private getSettings;
+    private formFactory;
     private _loading;
     private _submitting;
     private _timedOut;
     private _form;
-    private _settings;
     private _timeoutId;
     private _intervalId;
     private _elapsedSeconds;
-    constructor(pipelineRunner: ToolPipelineRunner.Interface, generateEntryContent: GenerateEntryContentUseCase.Interface, formModelFactory: FormModelFactory.Interface, getSettings: GetSettingsUseCase.Interface);
+    constructor(pipelineRunner: ToolPipelineRunner.Interface, generateEntryContent: GenerateEntryContentUseCase.Interface, formFactory: AiPromptFormFactory.Interface);
     get vm(): Abstraction.ViewModel;
     init(): Promise<void>;
     submit(modelId: string): Promise<void>;
@@ -24,12 +22,6 @@ declare class CmsGenerateContentPresenterImpl implements Abstraction.Interface {
     private startTimeout;
     private clearTimeout;
     private clearInterval;
-    private buildForm;
-    private getSelectedProject;
-    private getProjectFileOptions;
-    private computeExcludedFileIds;
-    private getProjectOptions;
-    private getPersonaOptions;
 }
 export declare const CmsGenerateContentPresenter: typeof CmsGenerateContentPresenterImpl & {
     __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ICmsGenerateContentPresenter>;

package/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.js

@@ -1,20 +1,18 @@
 import { computed, makeAutoObservable, runInAction } from "mobx";
-import { FormModelFactory, ToolPipelineRunner } from "@webiny/app-admin";
+import { ToolPipelineRunner } from "@webiny/app-admin";
 import { CmsGenerateContentPresenter } from "./abstractions.js";
 import { GenerateEntryContentUseCase } from "../../features/generateEntryContent/index.js";
-import { GetSettingsUseCase } from "../../features/settings/getSettings/abstractions.js";
+import { AiPromptFormFactory } from "../AiPromptFormFactory/abstractions.js";
 const SUBMIT_TIMEOUT_MS = 300000;
 class CmsGenerateContentPresenterImpl {
-    constructor(pipelineRunner, generateEntryContent, formModelFactory, getSettings){
+    constructor(pipelineRunner, generateEntryContent, formFactory){
         this.pipelineRunner = pipelineRunner;
         this.generateEntryContent = generateEntryContent;
-        this.formModelFactory = formModelFactory;
-        this.getSettings = getSettings;
+        this.formFactory = formFactory;
         this._loading = false;
         this._submitting = false;
         this._timedOut = false;
         this._form = null;
-        this._settings = null;
         this._timeoutId = null;
         this._intervalId = null;
         this._elapsedSeconds = 0;
@@ -34,18 +32,9 @@ class CmsGenerateContentPresenterImpl {
         };
     }
     async init() {
-        this._loading = true;
-        try {
-            const settings = await this.getSettings.execute();
-            runInAction(()=>{
-                this._settings = settings;
-                this._form = this.buildForm();
-            });
-        } finally{
-            runInAction(()=>{
-                this._loading = false;
-            });
-        }
+        this._form = this.formFactory.createForm({
+            promptDescription: "Describe the content you want to generate for this entry."
+        });
     }
     async submit(modelId) {
         if (!this._form) return;
@@ -57,14 +46,16 @@ class CmsGenerateContentPresenterImpl {
         });
         this.startTimeout();
         try {
-            const excludedFileIds = this.computeExcludedFileIds(data.project, data.includedFiles);
+            const excludedFileIds = this.formFactory.computeExcludedFileIds(this._form);
+            const additionalFileIds = data.additionalFiles?.map((f)=>f.id) ?? null;
             await this.generateEntryContent.execute({
                 prompt: data.prompt,
                 modelId,
                 projectId: data.project || null,
                 excludedFileIds,
                 readerPersonaId: data.readerPersona || null,
-                writerPersonaId: data.writerPersona || null
+                writerPersonaId: data.writerPersona || null,
+                additionalFileIds
             });
         } catch  {
             this.clearTimeout();
@@ -115,86 +106,13 @@ class CmsGenerateContentPresenterImpl {
             this._intervalId = null;
         }
     }
-    buildForm() {
-        return this.formModelFactory.create({
-            fields: (fields)=>({
-                    project: fields.text().label("Project").description("Select a predefined context to attach.").options(()=>this.getProjectOptions()).afterChange((value, { form })=>{
-                        const projectId = value;
-                        const project = projectId ? this._settings?.projects?.presets?.find((p)=>p.id === projectId) : void 0;
-                        if (project?.defaultReaderPersonaId) form.field("readerPersona").setValue(project.defaultReaderPersonaId);
-                        if (project?.defaultWriterPersonaId) form.field("writerPersona").setValue(project.defaultWriterPersonaId);
-                        const fileIds = (project?.files ?? []).map((f)=>f.id);
-                        form.field("includedFiles").setValue(fileIds);
-                    }),
-                    includedFiles: fields.text().label("Files included").description("Uncheck files to exclude them from this generation only.").options(()=>this.getProjectFileOptions()).renderer("checkboxes").list().hiddenWhen(({ form })=>{
-                        const projectId = form.field("project").as("text").getValue();
-                        if (!projectId) return true;
-                        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
-                        return !project?.files || 0 === project.files.length;
-                    }),
-                    readerPersona: fields.text().label("Reader Persona").description("Select the target audience for the generated content.").options(()=>this.getPersonaOptions("reader")),
-                    writerPersona: fields.text().label("Writer Persona").description("Select the writing style for the generated content.").options(()=>this.getPersonaOptions("writer")),
-                    prompt: fields.text().label("Prompt").description("Describe the content you want to generate for this entry.").required("Prompt is required").renderer("textarea", {
-                        rows: 6
-                    }).defaultValue("Write an evaluation guide for enterprise, self-hosted CMS platform. Use at least 3 content blocks.")
-                }),
-            layout: (layout)=>[
-                    layout.row("project"),
-                    layout.row("includedFiles"),
-                    layout.row("readerPersona"),
-                    layout.row("writerPersona"),
-                    layout.row("prompt")
-                ]
-        });
-    }
-    getSelectedProject() {
-        if (!this._form || !this._settings) return;
-        const projectId = this._form.field("project").getValue();
-        if (!projectId) return;
-        return this._settings.projects?.presets?.find((p)=>p.id === projectId);
-    }
-    getProjectFileOptions() {
-        const project = this.getSelectedProject();
-        const files = project?.files;
-        if (!files || 0 === files.length) return [];
-        return files.map((f)=>({
-                label: f.name,
-                value: f.id
-            }));
-    }
-    computeExcludedFileIds(projectId, includedFiles) {
-        if (!projectId) return null;
-        const project = this._settings?.projects?.presets?.find((p)=>p.id === projectId);
-        const allFileIds = (project?.files ?? []).map((f)=>f.id);
-        if (0 === allFileIds.length) return null;
-        const included = new Set(includedFiles ?? []);
-        const excluded = allFileIds.filter((id)=>!included.has(id));
-        return excluded.length > 0 ? excluded : null;
-    }
-    getProjectOptions() {
-        const presets = this._settings?.projects?.presets;
-        if (!presets || 0 === presets.length) return [];
-        return presets.map((preset)=>({
-                label: preset.name,
-                value: preset.id
-            }));
-    }
-    getPersonaOptions(type) {
-        const presets = "reader" === type ? this._settings?.readerPersonas?.presets : this._settings?.writerPersonas?.presets;
-        if (!presets || 0 === presets.length) return [];
-        return presets.map((preset)=>({
-                label: preset.name,
-                value: preset.id
-            }));
-    }
 }
 const CmsGenerateContentPresenter_CmsGenerateContentPresenter = CmsGenerateContentPresenter.createImplementation({
     implementation: CmsGenerateContentPresenterImpl,
     dependencies: [
         ToolPipelineRunner,
         GenerateEntryContentUseCase,
-        FormModelFactory,
-        GetSettingsUseCase
+        AiPromptFormFactory
     ]
 });
 export { CmsGenerateContentPresenter_CmsGenerateContentPresenter as CmsGenerateContentPresenter };

package/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { FormModelFactory, ToolPipelineRunner } from \"@webiny/app-admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\nimport { CmsGenerateContentPresenter as Abstraction } from \"./abstractions.js\";\nimport { GenerateEntryContentUseCase } from \"~/admin/features/generateEntryContent/index.js\";\nimport { GetSettingsUseCase } from \"~/admin/features/settings/getSettings/abstractions.js\";\nimport type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\nconst SUBMIT_TIMEOUT_MS = 300_000;\n\nclass CmsGenerateContentPresenterImpl implements Abstraction.Interface {\n    private _loading = false;\n    private _submitting = false;\n    private _timedOut = false;\n    private _form: FormModel.Interface | null = null;\n    private _settings: IAiPowerUpsSettings | null = null;\n    private _timeoutId: ReturnType<typeof setTimeout> | null = null;\n    private _intervalId: ReturnType<typeof setInterval> | null = null;\n    private _elapsedSeconds = 0;\n\n    constructor(\n        private pipelineRunner: ToolPipelineRunner.Interface,\n        private generateEntryContent: GenerateEntryContentUseCase.Interface,\n        private formModelFactory: FormModelFactory.Interface,\n        private getSettings: GetSettingsUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            form: this._form ? this._form.vm : null,\n            loading: this._loading,\n            submitting: this._submitting,\n            timedOut: this._timedOut,\n            elapsedSeconds: this._elapsedSeconds\n        };\n    }\n\n    async init(): Promise<void> {\n        this._loading = true;\n\n        try {\n            const settings = await this.getSettings.execute();\n            runInAction(() => {\n                this._settings = settings;\n                this._form = this.buildForm();\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    async submit(modelId: string): Promise<void> {\n        if (!this._form) {\n            return;\n        }\n\n        const data = await this._form.submit<{\n            prompt: string;\n            project?: string;\n            includedFiles?: string[];\n            readerPersona?: string;\n            writerPersona?: string;\n        }>();\n\n        if (!data) {\n            return;\n        }\n\n        runInAction(() => {\n            this._submitting = true;\n            this._timedOut = false;\n        });\n\n        this.startTimeout();\n\n        try {\n            const excludedFileIds = this.computeExcludedFileIds(data.project, data.includedFiles);\n\n            await this.generateEntryContent.execute({\n                prompt: data.prompt,\n                modelId,\n                projectId: data.project || null,\n                excludedFileIds,\n                readerPersonaId: data.readerPersona || null,\n                writerPersonaId: data.writerPersona || null\n            });\n        } catch {\n            this.clearTimeout();\n            runInAction(() => {\n                this._submitting = false;\n            });\n        }\n    }\n\n    async processAiResponse(responseText: string): Promise<Record<string, unknown>> {\n        this.clearTimeout();\n        runInAction(() => {\n            this._submitting = false;\n        });\n\n        const aiResponseJson = JSON.parse(responseText);\n        const resolved = await this.pipelineRunner.resolve(aiResponseJson);\n        return resolved as Record<string, unknown>;\n    }\n\n    cancelPrompt(): void {\n        this.clearTimeout();\n        this._submitting = false;\n    }\n\n    private startTimeout(): void {\n        this.clearTimeout();\n        this._elapsedSeconds = 0;\n        this._intervalId = setInterval(() => {\n            runInAction(() => {\n                this._elapsedSeconds++;\n            });\n        }, 1000);\n        this._timeoutId = setTimeout(() => {\n            runInAction(() => {\n                this._submitting = false;\n                this._timedOut = true;\n            });\n            this.clearInterval();\n        }, SUBMIT_TIMEOUT_MS);\n    }\n\n    private clearTimeout(): void {\n        if (this._timeoutId !== null) {\n            clearTimeout(this._timeoutId);\n            this._timeoutId = null;\n        }\n        this.clearInterval();\n    }\n\n    private clearInterval(): void {\n        if (this._intervalId !== null) {\n            clearInterval(this._intervalId);\n            this._intervalId = null;\n        }\n    }\n\n    private buildForm() {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                project: fields\n                    .text()\n                    .label(\"Project\")\n                    .description(\"Select a predefined context to attach.\")\n                    .options(() => this.getProjectOptions())\n                    .afterChange((value, { form }) => {\n                        const projectId = value as string | undefined;\n                        const project = projectId\n                            ? this._settings?.projects?.presets?.find(p => p.id === projectId)\n                            : undefined;\n\n                        if (project?.defaultReaderPersonaId) {\n                            form.field(\"readerPersona\").setValue(project.defaultReaderPersonaId);\n                        }\n                        if (project?.defaultWriterPersonaId) {\n                            form.field(\"writerPersona\").setValue(project.defaultWriterPersonaId);\n                        }\n\n                        const fileIds = (project?.files ?? []).map((f: { id: string }) => f.id);\n                        form.field(\"includedFiles\").setValue(fileIds);\n                    }),\n                includedFiles: fields\n                    .text()\n                    .label(\"Files included\")\n                    .description(\"Uncheck files to exclude them from this generation only.\")\n                    .options(() => this.getProjectFileOptions())\n                    .renderer(\"checkboxes\")\n                    .list()\n                    .hiddenWhen(({ form }) => {\n                        const projectId = form.field(\"project\").as(\"text\").getValue();\n                        if (!projectId) {\n                            return true;\n                        }\n                        const project = this._settings?.projects?.presets?.find(\n                            p => p.id === projectId\n                        );\n                        return !project?.files || project.files.length === 0;\n                    }),\n                readerPersona: fields\n                    .text()\n                    .label(\"Reader Persona\")\n                    .description(\"Select the target audience for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"reader\")),\n                writerPersona: fields\n                    .text()\n                    .label(\"Writer Persona\")\n                    .description(\"Select the writing style for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"writer\")),\n                prompt: fields\n                    .text()\n                    .label(\"Prompt\")\n                    .description(\"Describe the content you want to generate for this entry.\")\n                    .required(\"Prompt is required\")\n                    .renderer(\"textarea\", { rows: 6 })\n                    .defaultValue(\n                        \"Write an evaluation guide for enterprise, self-hosted CMS platform. Use at least 3 content blocks.\"\n                    )\n            }),\n            layout: layout => [\n                layout.row(\"project\"),\n                layout.row(\"includedFiles\"),\n                layout.row(\"readerPersona\"),\n                layout.row(\"writerPersona\"),\n                layout.row(\"prompt\")\n            ]\n        });\n    }\n\n    private getSelectedProject() {\n        if (!this._form || !this._settings) {\n            return undefined;\n        }\n        const projectId = this._form.field(\"project\").getValue<string>();\n        if (!projectId) {\n            return undefined;\n        }\n        return this._settings.projects?.presets?.find(p => p.id === projectId);\n    }\n\n    private getProjectFileOptions() {\n        const project = this.getSelectedProject();\n        const files = project?.files;\n        if (!files || files.length === 0) {\n            return [];\n        }\n        return files.map((f: { id: string; name: string }) => ({\n            label: f.name,\n            value: f.id\n        }));\n    }\n\n    private computeExcludedFileIds(projectId?: string, includedFiles?: string[]): string[] | null {\n        if (!projectId) {\n            return null;\n        }\n        const project = this._settings?.projects?.presets?.find(p => p.id === projectId);\n        const allFileIds = (project?.files ?? []).map((f: { id: string }) => f.id);\n        if (allFileIds.length === 0) {\n            return null;\n        }\n        const included = new Set(includedFiles ?? []);\n        const excluded = allFileIds.filter((id: string) => !included.has(id));\n        return excluded.length > 0 ? excluded : null;\n    }\n\n    private getProjectOptions() {\n        const presets = this._settings?.projects?.presets;\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n\n    private getPersonaOptions(type: \"reader\" | \"writer\") {\n        const presets =\n            type === \"reader\"\n                ? this._settings?.readerPersonas?.presets\n                : this._settings?.writerPersonas?.presets;\n\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n}\n\nexport const CmsGenerateContentPresenter = Abstraction.createImplementation({\n    implementation: CmsGenerateContentPresenterImpl,\n    dependencies: [\n        ToolPipelineRunner,\n        GenerateEntryContentUseCase,\n        FormModelFactory,\n        GetSettingsUseCase\n    ]\n});\n"],"names":["SUBMIT_TIMEOUT_MS","CmsGenerateContentPresenterImpl","pipelineRunner","generateEntryContent","formModelFactory","getSettings","makeAutoObservable","computed","settings","runInAction","modelId","data","excludedFileIds","responseText","aiResponseJson","JSON","resolved","setInterval","setTimeout","clearTimeout","clearInterval","fields","value","form","projectId","project","p","undefined","fileIds","f","layout","files","includedFiles","allFileIds","included","Set","excluded","id","presets","preset","type","CmsGenerateContentPresenter","Abstraction","ToolPipelineRunner","GenerateEntryContentUseCase","FormModelFactory","GetSettingsUseCase"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { ToolPipelineRunner } from \"@webiny/app-admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\nimport type { FileValue } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { CmsGenerateContentPresenter as Abstraction } from \"./abstractions.js\";\nimport { GenerateEntryContentUseCase } from \"~/admin/features/generateEntryContent/index.js\";\nimport { AiPromptFormFactory } from \"~/admin/presentation/AiPromptFormFactory/abstractions.js\";\n\nconst SUBMIT_TIMEOUT_MS = 300_000;\n\nclass CmsGenerateContentPresenterImpl implements Abstraction.Interface {\n    private _loading = false;\n    private _submitting = false;\n    private _timedOut = false;\n    private _form: FormModel.Interface | null = null;\n    private _timeoutId: ReturnType<typeof setTimeout> | null = null;\n    private _intervalId: ReturnType<typeof setInterval> | null = null;\n    private _elapsedSeconds = 0;\n\n    constructor(\n        private pipelineRunner: ToolPipelineRunner.Interface,\n        private generateEntryContent: GenerateEntryContentUseCase.Interface,\n        private formFactory: AiPromptFormFactory.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            form: this._form ? this._form.vm : null,\n            loading: this._loading,\n            submitting: this._submitting,\n            timedOut: this._timedOut,\n            elapsedSeconds: this._elapsedSeconds\n        };\n    }\n\n    async init(): Promise<void> {\n        this._form = this.formFactory.createForm({\n            promptDescription: \"Describe the content you want to generate for this entry.\"\n        });\n    }\n\n    async submit(modelId: string): Promise<void> {\n        if (!this._form) {\n            return;\n        }\n\n        const data = await this._form.submit<{\n            prompt: string;\n            project?: string;\n            includedFiles?: string[];\n            readerPersona?: string;\n            writerPersona?: string;\n            additionalFiles?: FileValue[];\n        }>();\n\n        if (!data) {\n            return;\n        }\n\n        runInAction(() => {\n            this._submitting = true;\n            this._timedOut = false;\n        });\n\n        this.startTimeout();\n\n        try {\n            const excludedFileIds = this.formFactory.computeExcludedFileIds(this._form);\n            const additionalFileIds = data.additionalFiles?.map(f => f.id) ?? null;\n\n            await this.generateEntryContent.execute({\n                prompt: data.prompt,\n                modelId,\n                projectId: data.project || null,\n                excludedFileIds,\n                readerPersonaId: data.readerPersona || null,\n                writerPersonaId: data.writerPersona || null,\n                additionalFileIds\n            });\n        } catch {\n            this.clearTimeout();\n            runInAction(() => {\n                this._submitting = false;\n            });\n        }\n    }\n\n    async processAiResponse(responseText: string): Promise<Record<string, unknown>> {\n        this.clearTimeout();\n        runInAction(() => {\n            this._submitting = false;\n        });\n\n        const aiResponseJson = JSON.parse(responseText);\n        const resolved = await this.pipelineRunner.resolve(aiResponseJson);\n        return resolved as Record<string, unknown>;\n    }\n\n    cancelPrompt(): void {\n        this.clearTimeout();\n        this._submitting = false;\n    }\n\n    private startTimeout(): void {\n        this.clearTimeout();\n        this._elapsedSeconds = 0;\n        this._intervalId = setInterval(() => {\n            runInAction(() => {\n                this._elapsedSeconds++;\n            });\n        }, 1000);\n        this._timeoutId = setTimeout(() => {\n            runInAction(() => {\n                this._submitting = false;\n                this._timedOut = true;\n            });\n            this.clearInterval();\n        }, SUBMIT_TIMEOUT_MS);\n    }\n\n    private clearTimeout(): void {\n        if (this._timeoutId !== null) {\n            clearTimeout(this._timeoutId);\n            this._timeoutId = null;\n        }\n        this.clearInterval();\n    }\n\n    private clearInterval(): void {\n        if (this._intervalId !== null) {\n            clearInterval(this._intervalId);\n            this._intervalId = null;\n        }\n    }\n}\n\nexport const CmsGenerateContentPresenter = Abstraction.createImplementation({\n    implementation: CmsGenerateContentPresenterImpl,\n    dependencies: [ToolPipelineRunner, GenerateEntryContentUseCase, AiPromptFormFactory]\n});\n"],"names":["SUBMIT_TIMEOUT_MS","CmsGenerateContentPresenterImpl","pipelineRunner","generateEntryContent","formFactory","makeAutoObservable","computed","modelId","data","runInAction","excludedFileIds","additionalFileIds","f","responseText","aiResponseJson","JSON","resolved","setInterval","setTimeout","clearTimeout","clearInterval","CmsGenerateContentPresenter","Abstraction","ToolPipelineRunner","GenerateEntryContentUseCase","AiPromptFormFactory"],"mappings":"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"}

package/admin/presentation/CmsContentGeneration/Extension.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const CmsContentGeneration: () => React.JSX.Element;
+export declare const CmsContentGeneration: () => React.JSX.Element | null;

package/admin/presentation/CmsContentGeneration/Extension.js

@@ -1,23 +1,27 @@
 import react from "react";
-import { AdminConfig, RegisterFeature } from "@webiny/app-admin";
-import { ContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
+import { AdminConfig, RegisterFeature, useFeatureFlags } from "@webiny/app-admin";
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
 import { CmsGenerateContentButton } from "./CmsGenerateContentButton.js";
 import { CMS_GENERATE_CONTENT_DIALOG, CmsGenerateContentDialog } from "./CmsGenerateContentDialog.js";
 import { CmsGenerateContentFeature } from "./feature.js";
 import { GenerateEntryContentFeature } from "../../features/generateEntryContent/index.js";
-const { Actions: Actions } = ContentEntryEditorConfig;
-const CmsContentGeneration = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const CmsContentGeneration = ()=>{
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("aiPowerups.cms.entryGeneration")) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: CmsGenerateContentFeature
     }), /*#__PURE__*/ react.createElement(RegisterFeature, {
         feature: GenerateEntryContentFeature
     }), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Dialog, {
         name: CMS_GENERATE_CONTENT_DIALOG,
         element: /*#__PURE__*/ react.createElement(CmsGenerateContentDialog, null)
-    })), /*#__PURE__*/ react.createElement(ContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(Actions.ButtonAction, {
+    })), /*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(Actions.ButtonAction, {
         name: "generateEntryContent",
         before: "save",
         element: /*#__PURE__*/ react.createElement(CmsGenerateContentButton, null)
     })));
+};
 export { CmsContentGeneration };
 
 //# sourceMappingURL=Extension.js.map

package/admin/presentation/CmsContentGeneration/Extension.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/CmsContentGeneration/Extension.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature } from \"@webiny/app-admin\";\nimport { ContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { CmsGenerateContentButton } from \"~/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js\";\nimport {\n    CmsGenerateContentDialog,\n    CMS_GENERATE_CONTENT_DIALOG\n} from \"~/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js\";\nimport { CmsGenerateContentFeature } from \"~/admin/presentation/CmsContentGeneration/feature.js\";\nimport { GenerateEntryContentFeature } from \"~/admin/features/generateEntryContent/index.js\";\n\nconst { Actions } = ContentEntryEditorConfig;\n\nexport const CmsContentGeneration = () => {\n    return (\n        <>\n            <RegisterFeature feature={CmsGenerateContentFeature} />\n            <RegisterFeature feature={GenerateEntryContentFeature} />\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={CMS_GENERATE_CONTENT_DIALOG}\n                    element={<CmsGenerateContentDialog />}\n                />\n            </AdminConfig>\n            <ContentEntryEditorConfig>\n                <Actions.ButtonAction\n                    name={\"generateEntryContent\"}\n                    before={\"save\"}\n                    element={<CmsGenerateContentButton />}\n                />\n            </ContentEntryEditorConfig>\n        </>\n    );\n};\n"],"names":["Actions","ContentEntryEditorConfig","CmsContentGeneration","RegisterFeature","CmsGenerateContentFeature","GenerateEntryContentFeature","AdminConfig","CMS_GENERATE_CONTENT_DIALOG","CmsGenerateContentDialog","CmsGenerateContentButton"],"mappings":";;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,uBAAuB,IACzB,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,MAAM;QACf,MAAMC;QACN,uBAAS,oBAACC,0BAAwBA;uBAG1C,oBAACP,0BAAwBA,MAAAA,WAAAA,GACrB,oBAACD,QAAQ,YAAY;QACjB,MAAM;QACN,QAAQ;QACR,uBAAS,oBAACS,0BAAwBA"}
+{"version":3,"file":"admin/presentation/CmsContentGeneration/Extension.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature, useFeatureFlags } from \"@webiny/app-admin\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { CmsGenerateContentButton } from \"~/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js\";\nimport {\n    CmsGenerateContentDialog,\n    CMS_GENERATE_CONTENT_DIALOG\n} from \"~/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js\";\nimport { CmsGenerateContentFeature } from \"~/admin/presentation/CmsContentGeneration/feature.js\";\nimport { GenerateEntryContentFeature } from \"~/admin/features/generateEntryContent/index.js\";\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const CmsContentGeneration = () => {\n    const featureFlags = useFeatureFlags();\n\n    if (!featureFlags.isEnabled(\"aiPowerups.cms.entryGeneration\")) {\n        return null;\n    }\n\n    return (\n        <>\n            <RegisterFeature feature={CmsGenerateContentFeature} />\n            <RegisterFeature feature={GenerateEntryContentFeature} />\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={CMS_GENERATE_CONTENT_DIALOG}\n                    element={<CmsGenerateContentDialog />}\n                />\n            </AdminConfig>\n            <InternalContentEntryEditorConfig>\n                <Actions.ButtonAction\n                    name={\"generateEntryContent\"}\n                    before={\"save\"}\n                    element={<CmsGenerateContentButton />}\n                />\n            </InternalContentEntryEditorConfig>\n        </>\n    );\n};\n"],"names":["Actions","InternalContentEntryEditorConfig","CmsContentGeneration","featureFlags","useFeatureFlags","RegisterFeature","CmsGenerateContentFeature","GenerateEntryContentFeature","AdminConfig","CMS_GENERATE_CONTENT_DIALOG","CmsGenerateContentDialog","CmsGenerateContentButton"],"mappings":";;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,uBAAuB;IAChC,MAAMC,eAAeC;IAErB,IAAI,CAACD,aAAa,SAAS,CAAC,mCACxB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACE,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,MAAM;QACf,MAAMC;QACN,uBAAS,oBAACC,0BAAwBA;uBAG1C,oBAACT,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACD,QAAQ,YAAY;QACjB,MAAM;QACN,QAAQ;QACR,uBAAS,oBAACW,0BAAwBA;;AAKtD"}

package/admin/presentation/CmsEntryWizard/CmsEntryWizard.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CmsEntryWizard: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/admin/presentation/CmsEntryWizard/CmsEntryWizard.js

@@ -0,0 +1,113 @@
+import react, { useEffect, useRef } from "react";
+import { observer } from "mobx-react-lite";
+import { FormView } from "@webiny/app-admin";
+import { BetaBadge, Button, Heading, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { useWebsockets } from "@webiny/app-websockets";
+import { useModel } from "@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CmsGenerateContentFeature } from "../CmsContentGeneration/feature.js";
+import { decompressGzipBase64 } from "../WbContentGeneration/decompressGzipBase64.js";
+function formatElapsed(totalSeconds) {
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
+const WS_ACTION_CONTENT = "aiPowerUps.generateEntryContent.content";
+const WS_ACTION_ERROR = "aiPowerUps.generateEntryContent.error";
+const CmsEntryWizard = observer(()=>{
+    const { presenter } = useFeature(CmsGenerateContentFeature);
+    const formPresenter = useContentEntryFormPresenter();
+    const { model } = useModel();
+    const vm = presenter.vm;
+    const wasSubmitting = useRef(false);
+    const websockets = useWebsockets();
+    const toast = useToast();
+    useEffect(()=>{
+        presenter.init().catch((err)=>{
+            console.error("Failed to initialize AI entry wizard", err);
+        });
+    }, []);
+    useEffect(()=>{
+        const contentSubscription = websockets.onMessage(WS_ACTION_CONTENT, async (message)=>{
+            const responseText = await decompressGzipBase64(message.data.value);
+            try {
+                const entryValues = await presenter.processAiResponse(responseText);
+                formPresenter.newEntry(entryValues);
+            } catch (e) {
+                console.error("Failed to process AI response", e);
+                toast.showWarningToast({
+                    title: "Failed to process AI response",
+                    description: "Open the console for more details."
+                });
+                presenter.cancelPrompt();
+            }
+        });
+        const errorSubscription = websockets.onMessage(WS_ACTION_ERROR, async (message)=>{
+            toast.showWarningToast({
+                title: "Failed to generate content",
+                description: message.data.message
+            });
+            presenter.cancelPrompt();
+        });
+        return ()=>{
+            contentSubscription.off();
+            errorSubscription.off();
+        };
+    }, []);
+    useEffect(()=>{
+        wasSubmitting.current && !vm.submitting && vm.timedOut;
+        wasSubmitting.current = vm.submitting;
+    }, [
+        vm.submitting
+    ]);
+    useEffect(()=>{
+        if (vm.timedOut) toast.showWarningToast({
+            title: "Request timed out",
+            description: "The AI generation took too long. Please try again."
+        });
+    }, [
+        vm.timedOut
+    ]);
+    const handleSubmit = async ()=>{
+        await presenter.submit(model.modelId);
+    };
+    const handleSkip = ()=>{
+        formPresenter.newEntry();
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center pt-xl"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "bg-neutral-base rounded-lg p-lg flex flex-col gap-md",
+        style: {
+            width: 600
+        }
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "flex items-center gap-sm"
+    }, "Generate Entry Content ", /*#__PURE__*/ react.createElement(BetaBadge, null)), /*#__PURE__*/ react.createElement("p", {
+        className: "text-neutral-muted"
+    }, "Use AI to generate content for this entry. Configure the prompt and click Generate, or skip to create an empty entry."), vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading..."
+    }) : null, vm.submitting ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        className: "bg-neutral-base/90",
+        text: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", null, "Generating content... ", formatElapsed(vm.elapsedSeconds)), /*#__PURE__*/ react.createElement("div", {
+            className: "text-sm text-neutral-muted pt-xs"
+        }, "Content generation can take a few minutes, depending on the model you're using."))
+    }) : null, vm.form ? /*#__PURE__*/ react.createElement(FormView, {
+        name: "CmsEntryWizard",
+        form: vm.form
+    }) : null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-end gap-sm"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: handleSkip
+    }, "Skip"), /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: handleSubmit,
+        disabled: vm.loading || vm.submitting
+    }, "Generate"))));
+});
+export { CmsEntryWizard };
+
+//# sourceMappingURL=CmsEntryWizard.js.map

package/admin/presentation/CmsEntryWizard/CmsEntryWizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsEntryWizard/CmsEntryWizard.js","sources":["../../../../src/admin/presentation/CmsEntryWizard/CmsEntryWizard.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { FormView } from \"@webiny/app-admin\";\nimport { BetaBadge } from \"@webiny/admin-ui\";\nimport { Button, Heading, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { useModel } from \"@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { CmsGenerateContentFeature } from \"~/admin/presentation/CmsContentGeneration/feature.js\";\nimport { decompressGzipBase64 } from \"~/admin/presentation/WbContentGeneration/decompressGzipBase64.js\";\n\nfunction formatElapsed(totalSeconds: number): string {\n    const minutes = Math.floor(totalSeconds / 60);\n    const seconds = totalSeconds % 60;\n    return `${minutes}:${seconds.toString().padStart(2, \"0\")}`;\n}\n\nconst WS_ACTION_CONTENT = \"aiPowerUps.generateEntryContent.content\";\nconst WS_ACTION_ERROR = \"aiPowerUps.generateEntryContent.error\";\n\ninterface GenerateEntryContentMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_CONTENT;\n    data: {\n        compression: \"gzip\";\n        value: string;\n    };\n}\n\ninterface GenerateEntryContentErrorMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_ERROR;\n    data: {\n        message: string;\n    };\n}\n\nexport const CmsEntryWizard = observer(() => {\n    const { presenter } = useFeature(CmsGenerateContentFeature);\n    const formPresenter = useContentEntryFormPresenter();\n    const { model } = useModel();\n    const vm = presenter.vm;\n    const wasSubmitting = useRef(false);\n    const websockets = useWebsockets();\n    const toast = useToast();\n\n    useEffect(() => {\n        presenter.init().catch(err => {\n            console.error(\"Failed to initialize AI entry wizard\", err);\n        });\n    }, []);\n\n    useEffect(() => {\n        const contentSubscription = websockets.onMessage<GenerateEntryContentMessage>(\n            WS_ACTION_CONTENT,\n            async message => {\n                const responseText = await decompressGzipBase64(message.data.value);\n                try {\n                    const entryValues = await presenter.processAiResponse(responseText);\n                    formPresenter.newEntry(entryValues);\n                } catch (e) {\n                    console.error(\"Failed to process AI response\", e);\n                    toast.showWarningToast({\n                        title: \"Failed to process AI response\",\n                        description: \"Open the console for more details.\"\n                    });\n                    presenter.cancelPrompt();\n                }\n            }\n        );\n\n        const errorSubscription = websockets.onMessage<GenerateEntryContentErrorMessage>(\n            WS_ACTION_ERROR,\n            async message => {\n                toast.showWarningToast({\n                    title: \"Failed to generate content\",\n                    description: message.data.message\n                });\n                presenter.cancelPrompt();\n            }\n        );\n\n        return () => {\n            contentSubscription.off();\n            errorSubscription.off();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (wasSubmitting.current && !vm.submitting && !vm.timedOut) {\n            // Generation completed successfully — form was created via newEntry()\n        }\n        wasSubmitting.current = vm.submitting;\n    }, [vm.submitting]);\n\n    useEffect(() => {\n        if (vm.timedOut) {\n            toast.showWarningToast({\n                title: \"Request timed out\",\n                description: \"The AI generation took too long. Please try again.\"\n            });\n        }\n    }, [vm.timedOut]);\n\n    const handleSubmit = async () => {\n        await presenter.submit(model.modelId);\n    };\n\n    const handleSkip = () => {\n        formPresenter.newEntry();\n    };\n\n    return (\n        <div className=\"flex justify-center pt-xl\">\n            <div\n                className=\"bg-neutral-base rounded-lg p-lg flex flex-col gap-md\"\n                style={{ width: 600 }}\n            >\n                <Heading level={4} className=\"flex items-center gap-sm\">\n                    Generate Entry Content <BetaBadge />\n                </Heading>\n                <p className=\"text-neutral-muted\">\n                    Use AI to generate content for this entry. Configure the prompt and click\n                    Generate, or skip to create an empty entry.\n                </p>\n                {vm.loading ? <OverlayLoader text={\"Loading...\"} /> : null}\n                {vm.submitting ? (\n                    <OverlayLoader\n                        className={\"bg-neutral-base/90\"}\n                        text={\n                            <>\n                                <div>Generating content... {formatElapsed(vm.elapsedSeconds)}</div>\n                                <div className=\"text-sm text-neutral-muted pt-xs\">\n                                    Content generation can take a few minutes, depending on the\n                                    model you&apos;re using.\n                                </div>\n                            </>\n                        }\n                    />\n                ) : null}\n                {vm.form ? <FormView name=\"CmsEntryWizard\" form={vm.form} /> : null}\n                <div className=\"flex justify-end gap-sm\">\n                    <Button variant=\"secondary\" onClick={handleSkip}>\n                        Skip\n                    </Button>\n                    <Button\n                        variant=\"primary\"\n                        onClick={handleSubmit}\n                        disabled={vm.loading || vm.submitting}\n                    >\n                        Generate\n                    </Button>\n                </div>\n            </div>\n        </div>\n    );\n});\n"],"names":["formatElapsed","totalSeconds","minutes","Math","seconds","WS_ACTION_CONTENT","WS_ACTION_ERROR","CmsEntryWizard","observer","presenter","useFeature","CmsGenerateContentFeature","formPresenter","useContentEntryFormPresenter","model","useModel","vm","wasSubmitting","useRef","websockets","useWebsockets","toast","useToast","useEffect","err","console","contentSubscription","message","responseText","decompressGzipBase64","entryValues","e","errorSubscription","handleSubmit","handleSkip","Heading","BetaBadge","OverlayLoader","FormView","Button"],"mappings":"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"}

package/admin/presentation/CmsEntryWizard/CmsEntryWizardGate.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CmsEntryWizardGate: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/admin/presentation/CmsEntryWizard/CmsEntryWizardGate.js

@@ -0,0 +1,19 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { useModel } from "@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js";
+import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CmsEntryWizard } from "./CmsEntryWizard.js";
+const CmsEntryWizardGate = observer(()=>{
+    const { model } = useModel();
+    const formPresenter = useContentEntryFormPresenter();
+    const showWizard = model.settings?.aiEntryWizard === true;
+    useEffect(()=>{
+        if (!showWizard) formPresenter.newEntry();
+    }, [
+        showWizard
+    ]);
+    return /*#__PURE__*/ react.createElement(CmsEntryWizard, null);
+});
+export { CmsEntryWizardGate };
+
+//# sourceMappingURL=CmsEntryWizardGate.js.map

package/admin/presentation/CmsEntryWizard/CmsEntryWizardGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsEntryWizard/CmsEntryWizardGate.js","sources":["../../../../src/admin/presentation/CmsEntryWizard/CmsEntryWizardGate.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useModel } from \"@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { CmsEntryWizard } from \"./CmsEntryWizard.js\";\n\nexport const CmsEntryWizardGate = observer(() => {\n    const { model } = useModel();\n    const formPresenter = useContentEntryFormPresenter();\n\n    const showWizard = model.settings?.aiEntryWizard === true;\n\n    useEffect(() => {\n        if (!showWizard) {\n            formPresenter.newEntry();\n        }\n    }, [showWizard]);\n\n    return <CmsEntryWizard />;\n});\n"],"names":["CmsEntryWizardGate","observer","model","useModel","formPresenter","useContentEntryFormPresenter","showWizard","useEffect","CmsEntryWizard"],"mappings":";;;;;AAMO,MAAMA,qBAAqBC,SAAS;IACvC,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,gBAAgBC;IAEtB,MAAMC,aAAaJ,MAAM,QAAQ,EAAE,kBAAkB;IAErDK,UAAU;QACN,IAAI,CAACD,YACDF,cAAc,QAAQ;IAE9B,GAAG;QAACE;KAAW;IAEf,OAAO,WAAP,GAAO,oBAACE,gBAAcA;AAC1B"}

package/admin/presentation/CmsEntryWizard/Extension.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CmsEntryWizardExtension: () => React.JSX.Element;

package/admin/presentation/CmsEntryWizard/Extension.js

@@ -0,0 +1,10 @@
+import react from "react";
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
+import { CmsEntryWizardGate } from "./CmsEntryWizardGate.js";
+const CmsEntryWizardExtension = ()=>/*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig.NewEntryWizard, {
+        name: "aiEntryWizard",
+        element: /*#__PURE__*/ react.createElement(CmsEntryWizardGate, null)
+    }));
+export { CmsEntryWizardExtension };
+
+//# sourceMappingURL=Extension.js.map

package/admin/presentation/CmsEntryWizard/Extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsEntryWizard/Extension.js","sources":["../../../../src/admin/presentation/CmsEntryWizard/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { CmsEntryWizardGate } from \"./CmsEntryWizardGate.js\";\n\nexport const CmsEntryWizardExtension = () => {\n    return (\n        <InternalContentEntryEditorConfig>\n            <InternalContentEntryEditorConfig.NewEntryWizard\n                name={\"aiEntryWizard\"}\n                element={<CmsEntryWizardGate />}\n            />\n        </InternalContentEntryEditorConfig>\n    );\n};\n"],"names":["CmsEntryWizardExtension","InternalContentEntryEditorConfig","CmsEntryWizardGate"],"mappings":";;;AAIO,MAAMA,0BAA0B,IAC5B,WAAP,GACI,oBAACC,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACA,iCAAiC,cAAc;QAC5C,MAAM;QACN,uBAAS,oBAACC,oBAAkBA"}

package/admin/presentation/ProvidersSettings.js

@@ -19,7 +19,7 @@ class ProviderSettingsImpl {
                 }).fields((f)=>({
                         id: f.text().hidden().defaultValue(()=>generateAlphaNumericId(10)),
                         name: f.text().label("Name").required("Name is required"),
-                        model: f.text().label("Model").required("Model is required").options(()=>this.getModelOptions()),
+                        model: f.text().label("Model").required("Model is required").options(()=>this.getModelOptions()).renderer("autoComplete"),
                         apiKey: f.text().label("API Key").required("API Key is required")
                     })).list()
             }));

package/admin/presentation/ProvidersSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/ProvidersSettings.js","sources":["../../../src/admin/presentation/ProvidersSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\nimport {\n    ListModelsUseCase,\n    ListModelsRepository\n} from \"~/admin/features/listModels/abstractions.js\";\n\nclass ProviderSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"providers\";\n    label = \"Providers\";\n    description = \"Configure AI model providers.\";\n\n    constructor(\n        private useCase: ListModelsUseCase.Interface,\n        private repository: ListModelsRepository.Interface\n    ) {}\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        void this.useCase.execute();\n\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .label(\"Presets\")\n                .renderer(\"objectAccordionMultiple\", {\n                    container: false,\n                    addItemLabel: \"Add provider\",\n                    itemTitle: (data, index) => String(data.name || `Provider #${index + 1}`)\n                })\n                .fields(f => ({\n                    id: f\n                        .text()\n                        .hidden()\n                        .defaultValue(() => generateAlphaNumericId(10)),\n                    name: f.text().label(\"Name\").required(\"Name is required\"),\n                    model: f\n                        .text()\n                        .label(\"Model\")\n                        .required(\"Model is required\")\n                        .options(() => this.getModelOptions()),\n                    apiKey: f.text().label(\"API Key\").required(\"API Key is required\")\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n\n    private getModelOptions() {\n        return this.repository.getModels().map(model => ({\n            label: `${model.modelName} (${model.modelId})`,\n            value: `${model.providerId}/${model.modelId}`\n        }));\n    }\n}\n\nexport const ProviderSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ProviderSettingsImpl,\n    dependencies: [ListModelsUseCase, ListModelsRepository]\n});\n"],"names":["ProviderSettingsImpl","useCase","repository","form","fields","data","index","String","f","generateAlphaNumericId","layout","model","ProviderSettings","AiPowerUpsSettingsGroup","ListModelsUseCase","ListModelsRepository"],"mappings":";;;AAOA,MAAMA;IAKF,YACYC,OAAoC,EACpCC,UAA0C,CACpD;aAFUD,OAAO,GAAPA;aACAC,UAAU,GAAVA;aANZ,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;IAKX;IAEH,UAAUC,IAAyC,EAAQ;QAClD,IAAI,CAAC,OAAO,CAAC,OAAO;QAEzBA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,SAASA,OACJ,MAAM,GACN,KAAK,CAAC,WACN,QAAQ,CAAC,2BAA2B;oBACjC,WAAW;oBACX,cAAc;oBACd,WAAW,CAACC,MAAMC,QAAUC,OAAOF,KAAK,IAAI,IAAI,CAAC,UAAU,EAAEC,QAAQ,GAAG;gBAC5E,GACC,MAAM,CAACE,CAAAA,IAAM;wBACV,IAAIA,EACC,IAAI,GACJ,MAAM,GACN,YAAY,CAAC,IAAMC,uBAAuB;wBAC/C,MAAMD,EAAE,IAAI,GAAG,KAAK,CAAC,QAAQ,QAAQ,CAAC;wBACtC,OAAOA,EACF,IAAI,GACJ,KAAK,CAAC,SACN,QAAQ,CAAC,qBACT,OAAO,CAAC,IAAM,IAAI,CAAC,eAAe;wBACvC,QAAQA,EAAE,IAAI,GAAG,KAAK,CAAC,WAAW,QAAQ,CAAC;oBAC/C,IACC,IAAI;YACb;QAEAL,KAAK,MAAM,CAACO,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAW;IACjD;IAEQ,kBAAkB;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,GAAG,CAACC,CAAAA,QAAU;gBAC7C,OAAO,GAAGA,MAAM,SAAS,CAAC,EAAE,EAAEA,MAAM,OAAO,CAAC,CAAC,CAAC;gBAC9C,OAAO,GAAGA,MAAM,UAAU,CAAC,CAAC,EAAEA,MAAM,OAAO,EAAE;YACjD;IACJ;AACJ;AAEO,MAAMC,mBAAmBC,wBAAwB,oBAAoB,CAAC;IACzE,gBAAgBb;IAChB,cAAc;QAACc;QAAmBC;KAAqB;AAC3D"}
+{"version":3,"file":"admin/presentation/ProvidersSettings.js","sources":["../../../src/admin/presentation/ProvidersSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\nimport {\n    ListModelsUseCase,\n    ListModelsRepository\n} from \"~/admin/features/listModels/abstractions.js\";\n\nclass ProviderSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"providers\";\n    label = \"Providers\";\n    description = \"Configure AI model providers.\";\n\n    constructor(\n        private useCase: ListModelsUseCase.Interface,\n        private repository: ListModelsRepository.Interface\n    ) {}\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        void this.useCase.execute();\n\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .label(\"Presets\")\n                .renderer(\"objectAccordionMultiple\", {\n                    container: false,\n                    addItemLabel: \"Add provider\",\n                    itemTitle: (data, index) => String(data.name || `Provider #${index + 1}`)\n                })\n                .fields(f => ({\n                    id: f\n                        .text()\n                        .hidden()\n                        .defaultValue(() => generateAlphaNumericId(10)),\n                    name: f.text().label(\"Name\").required(\"Name is required\"),\n                    model: f\n                        .text()\n                        .label(\"Model\")\n                        .required(\"Model is required\")\n                        .options(() => this.getModelOptions())\n                        .renderer(\"autoComplete\"),\n                    apiKey: f.text().label(\"API Key\").required(\"API Key is required\")\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n\n    private getModelOptions() {\n        return this.repository.getModels().map(model => ({\n            label: `${model.modelName} (${model.modelId})`,\n            value: `${model.providerId}/${model.modelId}`\n        }));\n    }\n}\n\nexport const ProviderSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ProviderSettingsImpl,\n    dependencies: [ListModelsUseCase, ListModelsRepository]\n});\n"],"names":["ProviderSettingsImpl","useCase","repository","form","fields","data","index","String","f","generateAlphaNumericId","layout","model","ProviderSettings","AiPowerUpsSettingsGroup","ListModelsUseCase","ListModelsRepository"],"mappings":";;;AAOA,MAAMA;IAKF,YACYC,OAAoC,EACpCC,UAA0C,CACpD;aAFUD,OAAO,GAAPA;aACAC,UAAU,GAAVA;aANZ,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;IAKX;IAEH,UAAUC,IAAyC,EAAQ;QAClD,IAAI,CAAC,OAAO,CAAC,OAAO;QAEzBA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,SAASA,OACJ,MAAM,GACN,KAAK,CAAC,WACN,QAAQ,CAAC,2BAA2B;oBACjC,WAAW;oBACX,cAAc;oBACd,WAAW,CAACC,MAAMC,QAAUC,OAAOF,KAAK,IAAI,IAAI,CAAC,UAAU,EAAEC,QAAQ,GAAG;gBAC5E,GACC,MAAM,CAACE,CAAAA,IAAM;wBACV,IAAIA,EACC,IAAI,GACJ,MAAM,GACN,YAAY,CAAC,IAAMC,uBAAuB;wBAC/C,MAAMD,EAAE,IAAI,GAAG,KAAK,CAAC,QAAQ,QAAQ,CAAC;wBACtC,OAAOA,EACF,IAAI,GACJ,KAAK,CAAC,SACN,QAAQ,CAAC,qBACT,OAAO,CAAC,IAAM,IAAI,CAAC,eAAe,IAClC,QAAQ,CAAC;wBACd,QAAQA,EAAE,IAAI,GAAG,KAAK,CAAC,WAAW,QAAQ,CAAC;oBAC/C,IACC,IAAI;YACb;QAEAL,KAAK,MAAM,CAACO,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAW;IACjD;IAEQ,kBAAkB;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,GAAG,CAACC,CAAAA,QAAU;gBAC7C,OAAO,GAAGA,MAAM,SAAS,CAAC,EAAE,EAAEA,MAAM,OAAO,CAAC,CAAC,CAAC;gBAC9C,OAAO,GAAGA,MAAM,UAAU,CAAC,CAAC,EAAEA,MAAM,OAAO,EAAE;YACjD;IACJ;AACJ;AAEO,MAAMC,mBAAmBC,wBAAwB,oBAAoB,CAAC;IACzE,gBAAgBb;IAChB,cAAc;QAACc;QAAmBC;KAAqB;AAC3D"}

package/admin/presentation/WbContentGeneration/GenerateContentDialog.d.ts

@@ -16,6 +16,6 @@ export interface GeneratePageContentErrorMessage extends IncomingGenericData {
         message: string;
     };
 }
-export declare const GenerateContentDialog: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const GenerateContentDialog: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/admin/presentation/WbContentGeneration/GenerateContentDialog.js

@@ -1,7 +1,7 @@
 import react, { useCallback, useEffect, useRef } from "react";
 import { observer } from "mobx-react-lite";
 import { FormView, useDialog } from "@webiny/app-admin";
-import { Dialog, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { BetaBadge, Dialog, OverlayLoader, useToast } from "@webiny/admin-ui";
 import { useFeature } from "@webiny/app";
 import { useWebsockets } from "@webiny/app-websockets";
 import { useSelectFromEditor } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromEditor.js";
@@ -96,7 +96,7 @@ const GenerateContentDialog = observer(()=>{
     return /*#__PURE__*/ react.createElement(Dialog, {
         open: true,
         onClose: closeDialog,
-        title: "Generate Content",
+        title: /*#__PURE__*/ react.createElement(react.Fragment, null, "Generate Content ", /*#__PURE__*/ react.createElement(BetaBadge, null)),
         size: "lg",
         actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
             onClick: closeDialog,