@webiny/ai-powerups 6.3.0-beta.0

package/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPresenter.js

@@ -0,0 +1,140 @@
+import { makeAutoObservable, computed, runInAction } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin";
+import { GetSettingsUseCase } from "../../features/settings/getSettings/abstractions.js";
+import { UpdateSettingsUseCase } from "../../features/settings/updateSettings/abstractions.js";
+import { AiPowerUpsSettingsPresenter as PresenterAbstraction } from "./abstractions.js";
+import { AiPowerUpsSettingsGroup } from "./settingsGroup.js";
+class AiPowerUpsSettingsPresenterImpl {
+  loading = false;
+  saving = false;
+  form = null;
+  error = null;
+  constructor(factory, groups, getSettings, updateSettings) {
+    this.factory = factory;
+    this.groups = groups;
+    this.getSettings = getSettings;
+    this.updateSettings = updateSettings;
+    makeAutoObservable(this, {
+      vm: computed
+    }, {
+      autoBind: true
+    });
+  }
+  get vm() {
+    return {
+      loading: this.loading,
+      saving: this.saving,
+      form: this.form ? this.form.vm : null,
+      error: this.error
+    };
+  }
+  async init() {
+    this.loading = true;
+    this.error = null;
+    try {
+      const data = await this.getSettings.execute();
+      runInAction(() => {
+        this.form = this.buildForm();
+        this.form.setData(data);
+      });
+    } catch (err) {
+      runInAction(() => {
+        this.error = err instanceof Error ? err.message : "Failed to load settings.";
+      });
+    } finally {
+      runInAction(() => {
+        this.loading = false;
+      });
+    }
+  }
+  async save() {
+    if (!this.form) {
+      return false;
+    }
+    const data = await this.form.submit();
+    if (!data) {
+      return false;
+    }
+    runInAction(() => {
+      this.saving = true;
+      this.error = null;
+    });
+    try {
+      await this.updateSettings.execute(data);
+      return true;
+    } catch (err) {
+      console.log(err);
+      runInAction(() => {
+        this.error = err instanceof Error ? err.message : "Failed to save settings.";
+      });
+      return false;
+    } finally {
+      runInAction(() => {
+        this.saving = false;
+      });
+    }
+  }
+  collectGroups() {
+    return this.groups.map(group => {
+      const collected = {
+        group,
+        fieldsFn: null,
+        layoutFn: null
+      };
+      const builder = {
+        fields(fn) {
+          collected.fieldsFn = fn;
+        },
+        layout(fn) {
+          collected.layoutFn = fn;
+        }
+      };
+      group.buildForm(builder);
+      return collected;
+    });
+  }
+  buildForm() {
+    const collected = this.collectGroups();
+    return this.factory.create({
+      fields: fields => {
+        const result = {};
+        for (const {
+          group,
+          fieldsFn
+        } of collected) {
+          if (!fieldsFn) {
+            continue;
+          }
+          result[group.name] = fields.object().label(group.label).renderer("passthrough").fields(fieldsFn);
+        }
+        return result;
+      },
+      layout: layout => {
+        if (collected.length === 0) {
+          return [];
+        }
+        return [layout.tabs({
+          id: "settings-tabs",
+          renderer: "tabs-vertical",
+          tabs: collected.map(({
+            group
+          }) => ({
+            id: group.name,
+            label: group.label,
+            description: group.description,
+            icon: group.icon,
+            layout: [layout.row(group.name)]
+          }))
+        })];
+      }
+    });
+  }
+}
+export const AiPowerUpsSettingsPresenter = PresenterAbstraction.createImplementation({
+  implementation: AiPowerUpsSettingsPresenterImpl,
+  dependencies: [FormModelFactory, [AiPowerUpsSettingsGroup, {
+    multiple: true
+  }], GetSettingsUseCase, UpdateSettingsUseCase]
+});
+
+//# sourceMappingURL=AiPowerUpsSettingsPresenter.js.map

package/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","computed","runInAction","FormModelFactory","GetSettingsUseCase","UpdateSettingsUseCase","AiPowerUpsSettingsPresenter","PresenterAbstraction","AiPowerUpsSettingsGroup","AiPowerUpsSettingsPresenterImpl","loading","saving","form","error","constructor","factory","groups","getSettings","updateSettings","vm","autoBind","init","data","execute","buildForm","setData","err","Error","message","save","submit","console","log","collectGroups","map","group","collected","fieldsFn","layoutFn","builder","fields","fn","layout","create","result","name","object","label","renderer","length","tabs","id","description","icon","row","createImplementation","implementation","dependencies","multiple"],"sources":["AiPowerUpsSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport type { LayoutNode } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { GetSettingsUseCase } from \"../../features/settings/getSettings/abstractions.js\";\nimport { UpdateSettingsUseCase } from \"../../features/settings/updateSettings/abstractions.js\";\nimport { AiPowerUpsSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { AiPowerUpsSettingsGroup } from \"./settingsGroup.js\";\nimport type { ISettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\ntype FieldsFactory = (\n    fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => LayoutNode[];\n\ninterface CollectedGroup {\n    group: AiPowerUpsSettingsGroup.Interface;\n    fieldsFn: FieldsFactory | null;\n    layoutFn: LayoutFactory | null;\n}\n\nclass AiPowerUpsSettingsPresenterImpl implements PresenterAbstraction.Interface {\n    private loading = false;\n    private saving = false;\n    private form: FormModel.Interface<ISettings> | null = null;\n    private error: string | null = null;\n\n    constructor(\n        private factory: FormModelFactory.Interface,\n        private groups: AiPowerUpsSettingsGroup.Interface[],\n        private getSettings: GetSettingsUseCase.Interface,\n        private updateSettings: UpdateSettingsUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            loading: this.loading,\n            saving: this.saving,\n            form: this.form ? this.form.vm : null,\n            error: this.error\n        };\n    }\n\n    async init(): Promise<void> {\n        this.loading = true;\n        this.error = null;\n\n        try {\n            const data = await this.getSettings.execute();\n            runInAction(() => {\n                this.form = this.buildForm();\n                this.form.setData(data);\n            });\n        } catch (err) {\n            runInAction(() => {\n                this.error = err instanceof Error ? err.message : \"Failed to load settings.\";\n            });\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async save(): Promise<boolean> {\n        if (!this.form) {\n            return false;\n        }\n\n        const data = await this.form.submit<ISettings>();\n        if (!data) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n            this.error = null;\n        });\n\n        try {\n            await this.updateSettings.execute(data);\n            return true;\n        } catch (err) {\n            console.log(err);\n            runInAction(() => {\n                this.error = err instanceof Error ? err.message : \"Failed to save settings.\";\n            });\n            return false;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    private collectGroups(): CollectedGroup[] {\n        return this.groups.map(group => {\n            const collected: CollectedGroup = {\n                group,\n                fieldsFn: null,\n                layoutFn: null\n            };\n\n            const builder: AiPowerUpsSettingsGroup.FormBuilder = {\n                fields(fn: FieldsFactory) {\n                    collected.fieldsFn = fn;\n                },\n                layout(fn: LayoutFactory) {\n                    collected.layoutFn = fn;\n                }\n            };\n\n            group.buildForm(builder);\n\n            return collected;\n        });\n    }\n\n    private buildForm() {\n        const collected = this.collectGroups();\n\n        return this.factory.create<ISettings>({\n            fields: fields => {\n                const result: Record<string, FormModelFactory.FieldBuilder> = {};\n                for (const { group, fieldsFn } of collected) {\n                    if (!fieldsFn) {\n                        continue;\n                    }\n                    result[group.name] = fields\n                        .object()\n                        .label(group.label)\n                        .renderer(\"passthrough\")\n                        .fields(fieldsFn);\n                }\n                return result;\n            },\n            layout: layout => {\n                if (collected.length === 0) {\n                    return [];\n                }\n\n                return [\n                    layout.tabs({\n                        id: \"settings-tabs\",\n                        renderer: \"tabs-vertical\",\n                        tabs: collected.map(({ group }) => ({\n                            id: group.name,\n                            label: group.label,\n                            description: group.description,\n                            icon: group.icon,\n                            layout: [layout.row(group.name)]\n                        }))\n                    })\n                ];\n            }\n        });\n    }\n}\n\nexport const AiPowerUpsSettingsPresenter = PresenterAbstraction.createImplementation({\n    implementation: AiPowerUpsSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        [AiPowerUpsSettingsGroup, { multiple: true }],\n        GetSettingsUseCase,\n        UpdateSettingsUseCase\n    ]\n});\n"],"mappings":"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","ignoreList":[]}

package/admin/presentation/AiPowerUpsSettings/abstractions.d.ts

@@ -0,0 +1,17 @@
+import { FormModel } from "@webiny/app-admin";
+export interface IAiPowerUpsSettingsVm {
+    loading: boolean;
+    saving: boolean;
+    form: FormModel.FormVM | null;
+    error: string | null;
+}
+export interface IAiPowerUpsSettingsPresenter {
+    readonly vm: IAiPowerUpsSettingsVm;
+    init(): Promise<void>;
+    save(): Promise<boolean>;
+}
+export declare const AiPowerUpsSettingsPresenter: import("@webiny/di").Abstraction<IAiPowerUpsSettingsPresenter>;
+export declare namespace AiPowerUpsSettingsPresenter {
+    type Interface = IAiPowerUpsSettingsPresenter;
+    type ViewModel = IAiPowerUpsSettingsVm;
+}

package/admin/presentation/AiPowerUpsSettings/abstractions.js

@@ -0,0 +1,4 @@
+import { createAbstraction } from "@webiny/feature/admin";
+export const AiPowerUpsSettingsPresenter = createAbstraction("AiPowerUps/SettingsPresenter");
+
+//# sourceMappingURL=abstractions.js.map

package/admin/presentation/AiPowerUpsSettings/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createAbstraction","AiPowerUpsSettingsPresenter"],"sources":["abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModel } from \"@webiny/app-admin\";\n\nexport interface IAiPowerUpsSettingsVm {\n    loading: boolean;\n    saving: boolean;\n    form: FormModel.FormVM | null;\n    error: string | null;\n}\n\nexport interface IAiPowerUpsSettingsPresenter {\n    readonly vm: IAiPowerUpsSettingsVm;\n    init(): Promise<void>;\n    save(): Promise<boolean>;\n}\n\nexport const AiPowerUpsSettingsPresenter = createAbstraction<IAiPowerUpsSettingsPresenter>(\n    \"AiPowerUps/SettingsPresenter\"\n);\n\nexport namespace AiPowerUpsSettingsPresenter {\n    export type Interface = IAiPowerUpsSettingsPresenter;\n    export type ViewModel = IAiPowerUpsSettingsVm;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;AAgBzD,OAAO,MAAMC,2BAA2B,GAAGD,iBAAiB,CACxD,8BACJ,CAAC","ignoreList":[]}

package/admin/presentation/AiPowerUpsSettings/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const AiPowerUpsSettingsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IAiPowerUpsSettingsPresenter;
+}, []>;

package/admin/presentation/AiPowerUpsSettings/feature.js

@@ -0,0 +1,21 @@
+import { createFeature } from "@webiny/feature/admin";
+import { AiPowerUpsSettingsPresenter as PresenterAbstraction } from "./abstractions.js";
+import { AiPowerUpsSettingsPresenter } from "./AiPowerUpsSettingsPresenter.js";
+import { ProviderSettings } from "../ProvidersSettings.js";
+// import { PersonasSettings } from "../PersonasSettings.js";
+
+export const AiPowerUpsSettingsFeature = createFeature({
+  name: "AiPowerUps/Settings/Presenter",
+  register(container) {
+    container.register(ProviderSettings);
+    // container.register(PersonasSettings);
+    container.register(AiPowerUpsSettingsPresenter);
+  },
+  resolve(container) {
+    return {
+      presenter: container.resolve(PresenterAbstraction)
+    };
+  }
+});
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/AiPowerUpsSettings/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFeature","AiPowerUpsSettingsPresenter","PresenterAbstraction","ProviderSettings","AiPowerUpsSettingsFeature","name","register","container","resolve","presenter"],"sources":["feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { AiPowerUpsSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { AiPowerUpsSettingsPresenter } from \"./AiPowerUpsSettingsPresenter.js\";\nimport { ProviderSettings } from \"../ProvidersSettings.js\";\n// import { PersonasSettings } from \"../PersonasSettings.js\";\n\nexport const AiPowerUpsSettingsFeature = createFeature({\n    name: \"AiPowerUps/Settings/Presenter\",\n    register(container) {\n        container.register(ProviderSettings);\n        // container.register(PersonasSettings);\n        container.register(AiPowerUpsSettingsPresenter);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,2BAA2B,IAAIC,oBAAoB;AAC5D,SAASD,2BAA2B;AACpC,SAASE,gBAAgB;AACzB;;AAEA,OAAO,MAAMC,yBAAyB,GAAGJ,aAAa,CAAC;EACnDK,IAAI,EAAE,+BAA+B;EACrCC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACH,gBAAgB,CAAC;IACpC;IACAI,SAAS,CAACD,QAAQ,CAACL,2BAA2B,CAAC;EACnD,CAAC;EACDO,OAAOA,CAACD,SAAS,EAAE;IACf,OAAO;MACHE,SAAS,EAAEF,SAAS,CAACC,OAAO,CAACN,oBAAoB;IACrD,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/presentation/AiPowerUpsSettings/index.d.ts

@@ -0,0 +1,5 @@
+export { AiPowerUpsSettingsFeature } from "./feature.js";
+export { AiPowerUpsSettingsConfig } from "./AiPowerUpsSettingsConfig.js";
+export { useAiPowerUpsSettingsDialog } from "./useAiPowerUpsSettingsDialog.js";
+export { AI_POWER_UPS_SETTINGS_DIALOG } from "./AiPowerUpsSettingsDialog.js";
+export { AiPowerUpsSettingsGroup } from "./settingsGroup.js";

package/admin/presentation/AiPowerUpsSettings/index.js

@@ -0,0 +1,7 @@
+export { AiPowerUpsSettingsFeature } from "./feature.js";
+export { AiPowerUpsSettingsConfig } from "./AiPowerUpsSettingsConfig.js";
+export { useAiPowerUpsSettingsDialog } from "./useAiPowerUpsSettingsDialog.js";
+export { AI_POWER_UPS_SETTINGS_DIALOG } from "./AiPowerUpsSettingsDialog.js";
+export { AiPowerUpsSettingsGroup } from "./settingsGroup.js";
+
+//# sourceMappingURL=index.js.map

package/admin/presentation/AiPowerUpsSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AiPowerUpsSettingsFeature","AiPowerUpsSettingsConfig","useAiPowerUpsSettingsDialog","AI_POWER_UPS_SETTINGS_DIALOG","AiPowerUpsSettingsGroup"],"sources":["index.ts"],"sourcesContent":["export { AiPowerUpsSettingsFeature } from \"./feature.js\";\nexport { AiPowerUpsSettingsConfig } from \"./AiPowerUpsSettingsConfig.js\";\nexport { useAiPowerUpsSettingsDialog } from \"./useAiPowerUpsSettingsDialog.js\";\nexport { AI_POWER_UPS_SETTINGS_DIALOG } from \"./AiPowerUpsSettingsDialog.js\";\nexport { AiPowerUpsSettingsGroup } from \"./settingsGroup.js\";\n"],"mappings":"AAAA,SAASA,yBAAyB;AAClC,SAASC,wBAAwB;AACjC,SAASC,2BAA2B;AACpC,SAASC,4BAA4B;AACrC,SAASC,uBAAuB","ignoreList":[]}

package/admin/presentation/AiPowerUpsSettings/settingsGroup.d.ts

@@ -0,0 +1,18 @@
+import { FormModelFactory } from "@webiny/app-admin";
+import type { LayoutNode } from "@webiny/app-admin/features/formModel/abstractions.js";
+export interface IAiPowerUpsSettingsGroupFormBuilder {
+    fields(fn: (fields: FormModelFactory.FieldBuilderRegistry) => Record<string, FormModelFactory.FieldBuilder>): void;
+    layout(fn: (layout: FormModelFactory.LayoutBuilder) => LayoutNode[]): void;
+}
+export interface IAiPowerUpsSettingsGroup {
+    name: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    buildForm(formBuilder: IAiPowerUpsSettingsGroupFormBuilder): void;
+}
+export declare const AiPowerUpsSettingsGroup: import("@webiny/di").Abstraction<IAiPowerUpsSettingsGroup>;
+export declare namespace AiPowerUpsSettingsGroup {
+    type Interface = IAiPowerUpsSettingsGroup;
+    type FormBuilder = IAiPowerUpsSettingsGroupFormBuilder;
+}

package/admin/presentation/AiPowerUpsSettings/settingsGroup.js

@@ -0,0 +1,4 @@
+import { createAbstraction } from "@webiny/feature/admin";
+export const AiPowerUpsSettingsGroup = createAbstraction("AiPowerUps/SettingsGroup");
+
+//# sourceMappingURL=settingsGroup.js.map

package/admin/presentation/AiPowerUpsSettings/settingsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createAbstraction","AiPowerUpsSettingsGroup"],"sources":["settingsGroup.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport type { LayoutNode } from \"@webiny/app-admin/features/formModel/abstractions.js\";\n\nexport interface IAiPowerUpsSettingsGroupFormBuilder {\n    fields(\n        fn: (\n            fields: FormModelFactory.FieldBuilderRegistry\n        ) => Record<string, FormModelFactory.FieldBuilder>\n    ): void;\n    layout(fn: (layout: FormModelFactory.LayoutBuilder) => LayoutNode[]): void;\n}\n\nexport interface IAiPowerUpsSettingsGroup {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: string;\n    buildForm(formBuilder: IAiPowerUpsSettingsGroupFormBuilder): void;\n}\n\nexport const AiPowerUpsSettingsGroup = createAbstraction<IAiPowerUpsSettingsGroup>(\n    \"AiPowerUps/SettingsGroup\"\n);\n\nexport namespace AiPowerUpsSettingsGroup {\n    export type Interface = IAiPowerUpsSettingsGroup;\n    export type FormBuilder = IAiPowerUpsSettingsGroupFormBuilder;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;AAqBzD,OAAO,MAAMC,uBAAuB,GAAGD,iBAAiB,CACpD,0BACJ,CAAC","ignoreList":[]}

package/admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettingsDialog.d.ts

@@ -0,0 +1 @@
+export declare const useAiPowerUpsSettingsDialog: () => () => void;

package/admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettingsDialog.js

@@ -0,0 +1,12 @@
+import { useOpenDialog } from "@webiny/app-admin";
+import { AI_POWER_UPS_SETTINGS_DIALOG } from "./AiPowerUpsSettingsDialog.js";
+export const useAiPowerUpsSettingsDialog = () => {
+  const {
+    openDialog
+  } = useOpenDialog();
+  return () => {
+    openDialog(AI_POWER_UPS_SETTINGS_DIALOG, {});
+  };
+};
+
+//# sourceMappingURL=useAiPowerUpsSettingsDialog.js.map

package/admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettingsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useOpenDialog","AI_POWER_UPS_SETTINGS_DIALOG","useAiPowerUpsSettingsDialog","openDialog"],"sources":["useAiPowerUpsSettingsDialog.ts"],"sourcesContent":["import { useOpenDialog } from \"@webiny/app-admin\";\nimport { AI_POWER_UPS_SETTINGS_DIALOG } from \"./AiPowerUpsSettingsDialog.js\";\n\nexport const useAiPowerUpsSettingsDialog = () => {\n    const { openDialog } = useOpenDialog();\n\n    return () => {\n        openDialog(AI_POWER_UPS_SETTINGS_DIALOG, {});\n    };\n};\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,4BAA4B;AAErC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC7C,MAAM;IAAEC;EAAW,CAAC,GAAGH,aAAa,CAAC,CAAC;EAEtC,OAAO,MAAM;IACTG,UAAU,CAACF,4BAA4B,EAAE,CAAC,CAAC,CAAC;EAChD,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/presentation/PersonasSettings.d.ts

@@ -0,0 +1,11 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+declare class PersonasSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    name: string;
+    label: string;
+    description: string;
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+}
+export declare const PersonasSettings: typeof PersonasSettingsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./AiPowerUpsSettings/settingsGroup.js").IAiPowerUpsSettingsGroup>;
+};
+export {};

package/admin/presentation/PersonasSettings.js

@@ -0,0 +1,28 @@
+import { generateAlphaNumericId } from "@webiny/utils";
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+class PersonasSettingsImpl {
+  name = "personas";
+  label = "Personas";
+  description = "Configure personas for content generation.";
+  buildForm(form) {
+    form.fields(fields => ({
+      presets: fields.object().renderer("objectListFlat", {
+        addItemLabel: "Add persona",
+        itemTitle: (data, index) => String(data.name || `Persona #${index + 1}`)
+      }).fields(f => ({
+        id: f.text().hidden().defaultValue(() => generateAlphaNumericId(10)),
+        name: f.text().label("Name").required("Name is required").description("This name will be used to identify the persona in the UI."),
+        description: f.text().label("Description").required("Description is required").description("Persona description will be used when prompting AI.").renderer("textarea", {
+          rows: 8
+        })
+      })).list()
+    }));
+    form.layout(layout => [layout.row("personas")]);
+  }
+}
+export const PersonasSettings = AiPowerUpsSettingsGroup.createImplementation({
+  implementation: PersonasSettingsImpl,
+  dependencies: []
+});
+
+//# sourceMappingURL=PersonasSettings.js.map

package/admin/presentation/PersonasSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateAlphaNumericId","AiPowerUpsSettingsGroup","PersonasSettingsImpl","name","label","description","buildForm","form","fields","presets","object","renderer","addItemLabel","itemTitle","data","index","String","f","id","text","hidden","defaultValue","required","rows","list","layout","row","PersonasSettings","createImplementation","implementation","dependencies"],"sources":["PersonasSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\n\nclass PersonasSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"personas\";\n    label = \"Personas\";\n    description = \"Configure personas for content generation.\";\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .renderer(\"objectListFlat\", {\n                    addItemLabel: \"Add persona\",\n                    itemTitle: (data, index) => String(data.name || `Persona #${index + 1}`)\n                })\n                .fields(f => ({\n                    id: f\n                        .text()\n                        .hidden()\n                        .defaultValue(() => generateAlphaNumericId(10)),\n                    name: f\n                        .text()\n                        .label(\"Name\")\n                        .required(\"Name is required\")\n                        .description(\"This name will be used to identify the persona in the UI.\"),\n                    description: f\n                        .text()\n                        .label(\"Description\")\n                        .required(\"Description is required\")\n                        .description(\"Persona description will be used when prompting AI.\")\n                        .renderer(\"textarea\", { rows: 8 })\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"personas\")]);\n    }\n}\n\nexport const PersonasSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: PersonasSettingsImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,eAAe;AACtD,SAASC,uBAAuB;AAEhC,MAAMC,oBAAoB,CAA8C;EACpEC,IAAI,GAAG,UAAU;EACjBC,KAAK,GAAG,UAAU;EAClBC,WAAW,GAAG,4CAA4C;EAE1DC,SAASA,CAACC,IAAyC,EAAQ;IACvDA,IAAI,CAACC,MAAM,CAACA,MAAM,KAAK;MACnBC,OAAO,EAAED,MAAM,CACVE,MAAM,CAAC,CAAC,CACRC,QAAQ,CAAC,gBAAgB,EAAE;QACxBC,YAAY,EAAE,aAAa;QAC3BC,SAAS,EAAEA,CAACC,IAAI,EAAEC,KAAK,KAAKC,MAAM,CAACF,IAAI,CAACX,IAAI,IAAI,YAAYY,KAAK,GAAG,CAAC,EAAE;MAC3E,CAAC,CAAC,CACDP,MAAM,CAACS,CAAC,KAAK;QACVC,EAAE,EAAED,CAAC,CACAE,IAAI,CAAC,CAAC,CACNC,MAAM,CAAC,CAAC,CACRC,YAAY,CAAC,MAAMrB,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnDG,IAAI,EAAEc,CAAC,CACFE,IAAI,CAAC,CAAC,CACNf,KAAK,CAAC,MAAM,CAAC,CACbkB,QAAQ,CAAC,kBAAkB,CAAC,CAC5BjB,WAAW,CAAC,2DAA2D,CAAC;QAC7EA,WAAW,EAAEY,CAAC,CACTE,IAAI,CAAC,CAAC,CACNf,KAAK,CAAC,aAAa,CAAC,CACpBkB,QAAQ,CAAC,yBAAyB,CAAC,CACnCjB,WAAW,CAAC,qDAAqD,CAAC,CAClEM,QAAQ,CAAC,UAAU,EAAE;UAAEY,IAAI,EAAE;QAAE,CAAC;MACzC,CAAC,CAAC,CAAC,CACFC,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHjB,IAAI,CAACkB,MAAM,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;EACnD;AACJ;AAEA,OAAO,MAAMC,gBAAgB,GAAG1B,uBAAuB,CAAC2B,oBAAoB,CAAC;EACzEC,cAAc,EAAE3B,oBAAoB;EACpC4B,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}

package/admin/presentation/ProvidersSettings.d.ts

@@ -0,0 +1,16 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsUseCase, ListModelsRepository } from "../../admin/features/listModels/abstractions.js";
+declare class ProviderSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    private useCase;
+    private repository;
+    name: string;
+    label: string;
+    description: string;
+    constructor(useCase: ListModelsUseCase.Interface, repository: ListModelsRepository.Interface);
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+    private getModelOptions;
+}
+export declare const ProviderSettings: typeof ProviderSettingsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./AiPowerUpsSettings/settingsGroup.js").IAiPowerUpsSettingsGroup>;
+};
+export {};

package/admin/presentation/ProvidersSettings.js

@@ -0,0 +1,37 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsUseCase, ListModelsRepository } from "../features/listModels/abstractions.js";
+class ProviderSettingsImpl {
+  name = "providers";
+  label = "Providers";
+  description = "Configure AI model providers.";
+  constructor(useCase, repository) {
+    this.useCase = useCase;
+    this.repository = repository;
+  }
+  buildForm(form) {
+    void this.useCase.execute();
+    form.fields(fields => ({
+      presets: fields.object().renderer("objectListFlat", {
+        addItemLabel: "Add provider",
+        itemTitle: (data, index) => String(data.name || `Preset #${index + 1}`)
+      }).fields(f => ({
+        name: f.text().label("Name").required("Name is required"),
+        model: f.select().label("Model").required("Model is required").options(() => this.getModelOptions()),
+        apiKey: f.text().label("API Key").required("API Key is required")
+      })).list()
+    }));
+    form.layout(layout => [layout.row("presets")]);
+  }
+  getModelOptions() {
+    return this.repository.getModels().map(model => ({
+      label: `${model.modelName} (${model.modelId})`,
+      value: `${model.providerId}/${model.modelId}`
+    }));
+  }
+}
+export const ProviderSettings = AiPowerUpsSettingsGroup.createImplementation({
+  implementation: ProviderSettingsImpl,
+  dependencies: [ListModelsUseCase, ListModelsRepository]
+});
+
+//# sourceMappingURL=ProvidersSettings.js.map

package/admin/presentation/ProvidersSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AiPowerUpsSettingsGroup","ListModelsUseCase","ListModelsRepository","ProviderSettingsImpl","name","label","description","constructor","useCase","repository","buildForm","form","execute","fields","presets","object","renderer","addItemLabel","itemTitle","data","index","String","f","text","required","model","select","options","getModelOptions","apiKey","list","layout","row","getModels","map","modelName","modelId","value","providerId","ProviderSettings","createImplementation","implementation","dependencies"],"sources":["ProvidersSettings.ts"],"sourcesContent":["import { 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                .renderer(\"objectListFlat\", {\n                    addItemLabel: \"Add provider\",\n                    itemTitle: (data, index) => String(data.name || `Preset #${index + 1}`)\n                })\n                .fields(f => ({\n                    name: f.text().label(\"Name\").required(\"Name is required\"),\n                    model: f\n                        .select()\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"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SACIC,iBAAiB,EACjBC,oBAAoB;AAGxB,MAAMC,oBAAoB,CAA8C;EACpEC,IAAI,GAAG,WAAW;EAClBC,KAAK,GAAG,WAAW;EACnBC,WAAW,GAAG,+BAA+B;EAE7CC,WAAWA,CACCC,OAAoC,EACpCC,UAA0C,EACpD;IAAA,KAFUD,OAAoC,GAApCA,OAAoC;IAAA,KACpCC,UAA0C,GAA1CA,UAA0C;EACnD;EAEHC,SAASA,CAACC,IAAyC,EAAQ;IACvD,KAAK,IAAI,CAACH,OAAO,CAACI,OAAO,CAAC,CAAC;IAE3BD,IAAI,CAACE,MAAM,CAACA,MAAM,KAAK;MACnBC,OAAO,EAAED,MAAM,CACVE,MAAM,CAAC,CAAC,CACRC,QAAQ,CAAC,gBAAgB,EAAE;QACxBC,YAAY,EAAE,cAAc;QAC5BC,SAAS,EAAEA,CAACC,IAAI,EAAEC,KAAK,KAAKC,MAAM,CAACF,IAAI,CAACf,IAAI,IAAI,WAAWgB,KAAK,GAAG,CAAC,EAAE;MAC1E,CAAC,CAAC,CACDP,MAAM,CAACS,CAAC,KAAK;QACVlB,IAAI,EAAEkB,CAAC,CAACC,IAAI,CAAC,CAAC,CAAClB,KAAK,CAAC,MAAM,CAAC,CAACmB,QAAQ,CAAC,kBAAkB,CAAC;QACzDC,KAAK,EAAEH,CAAC,CACHI,MAAM,CAAC,CAAC,CACRrB,KAAK,CAAC,OAAO,CAAC,CACdmB,QAAQ,CAAC,mBAAmB,CAAC,CAC7BG,OAAO,CAAC,MAAM,IAAI,CAACC,eAAe,CAAC,CAAC,CAAC;QAC1CC,MAAM,EAAEP,CAAC,CAACC,IAAI,CAAC,CAAC,CAAClB,KAAK,CAAC,SAAS,CAAC,CAACmB,QAAQ,CAAC,qBAAqB;MACpE,CAAC,CAAC,CAAC,CACFM,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHnB,IAAI,CAACoB,MAAM,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;EAClD;EAEQJ,eAAeA,CAAA,EAAG;IACtB,OAAO,IAAI,CAACnB,UAAU,CAACwB,SAAS,CAAC,CAAC,CAACC,GAAG,CAACT,KAAK,KAAK;MAC7CpB,KAAK,EAAE,GAAGoB,KAAK,CAACU,SAAS,KAAKV,KAAK,CAACW,OAAO,GAAG;MAC9CC,KAAK,EAAE,GAAGZ,KAAK,CAACa,UAAU,IAAIb,KAAK,CAACW,OAAO;IAC/C,CAAC,CAAC,CAAC;EACP;AACJ;AAEA,OAAO,MAAMG,gBAAgB,GAAGvC,uBAAuB,CAACwC,oBAAoB,CAAC;EACzEC,cAAc,EAAEtC,oBAAoB;EACpCuC,YAAY,EAAE,CAACzC,iBAAiB,EAAEC,oBAAoB;AAC1D,CAAC,CAAC","ignoreList":[]}

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

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

package/admin/presentation/WbContentGeneration/Extension.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { AdminConfig, RegisterFeature } from "@webiny/app-admin";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { GenerateContentButton } from "./GenerateContentButton.js";
+import { GenerateContentDialog, GENERATE_CONTENT_DIALOG } from "./GenerateContentDialog.js";
+import { GenerateContentFeature } from "./feature.js";
+export const WbContentGeneration = () => {
+  const {
+    Ui
+  } = PageEditorConfig;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RegisterFeature, {
+    feature: GenerateContentFeature
+  }), /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Dialog, {
+    name: GENERATE_CONTENT_DIALOG,
+    element: /*#__PURE__*/React.createElement(GenerateContentDialog, null)
+  })), /*#__PURE__*/React.createElement(PageEditorConfig, null, /*#__PURE__*/React.createElement(Ui.TopBar.Action, {
+    name: "generateContent",
+    before: "revisionsMenu",
+    element: /*#__PURE__*/React.createElement(Ui.IsNotReadOnly, null, /*#__PURE__*/React.createElement(GenerateContentButton, null))
+  })));
+};
+
+//# sourceMappingURL=Extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","RegisterFeature","PageEditorConfig","GenerateContentButton","GenerateContentDialog","GENERATE_CONTENT_DIALOG","GenerateContentFeature","WbContentGeneration","Ui","createElement","Fragment","feature","Dialog","name","element","TopBar","Action","before","IsNotReadOnly"],"sources":["Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature } from \"@webiny/app-admin\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\nimport { GenerateContentButton } from \"~/admin/presentation/WbContentGeneration/GenerateContentButton.js\";\nimport {\n    GenerateContentDialog,\n    GENERATE_CONTENT_DIALOG\n} from \"~/admin/presentation/WbContentGeneration/GenerateContentDialog.js\";\nimport { GenerateContentFeature } from \"~/admin/presentation/WbContentGeneration/feature.js\";\n\nexport const WbContentGeneration = () => {\n    const { Ui } = PageEditorConfig;\n\n    return (\n        <>\n            <RegisterFeature feature={GenerateContentFeature} />\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={GENERATE_CONTENT_DIALOG}\n                    element={<GenerateContentDialog />}\n                />\n            </AdminConfig>\n            <PageEditorConfig>\n                <Ui.TopBar.Action\n                    name={\"generateContent\"}\n                    before={\"revisionsMenu\"}\n                    element={\n                        <Ui.IsNotReadOnly>\n                            <GenerateContentButton />\n                        </Ui.IsNotReadOnly>\n                    }\n                />\n            </PageEditorConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,eAAe,QAAQ,mBAAmB;AAChE,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,qBAAqB;AAC9B,SACIC,qBAAqB,EACrBC,uBAAuB;AAE3B,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAG,CAAC,GAAGN,gBAAgB;EAE/B,oBACIH,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACR,eAAe;IAACU,OAAO,EAAEL;EAAuB,CAAE,CAAC,eACpDP,KAAA,CAAAU,aAAA,CAACT,WAAW,qBACRD,KAAA,CAAAU,aAAA,CAACT,WAAW,CAACY,MAAM;IACfC,IAAI,EAAER,uBAAwB;IAC9BS,OAAO,eAAEf,KAAA,CAAAU,aAAA,CAACL,qBAAqB,MAAE;EAAE,CACtC,CACQ,CAAC,eACdL,KAAA,CAAAU,aAAA,CAACP,gBAAgB,qBACbH,KAAA,CAAAU,aAAA,CAACD,EAAE,CAACO,MAAM,CAACC,MAAM;IACbH,IAAI,EAAE,iBAAkB;IACxBI,MAAM,EAAE,eAAgB;IACxBH,OAAO,eACHf,KAAA,CAAAU,aAAA,CAACD,EAAE,CAACU,aAAa,qBACbnB,KAAA,CAAAU,aAAA,CAACN,qBAAqB,MAAE,CACV;EACrB,CACJ,CACa,CACpB,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

package/admin/presentation/WbContentGeneration/GenerateContentButton.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { IconButton } from "@webiny/admin-ui";
+import { ReactComponent as ChatIcon } from "@webiny/icons/auto_fix_high.svg";
+import { useOpenDialog } from "@webiny/app-admin";
+import { GENERATE_CONTENT_DIALOG } from "./GenerateContentDialog.js";
+export const GenerateContentButton = () => {
+  const {
+    openDialog
+  } = useOpenDialog();
+  return /*#__PURE__*/React.createElement(IconButton, {
+    variant: "ghost",
+    icon: /*#__PURE__*/React.createElement(ChatIcon, null),
+    onClick: () => openDialog(GENERATE_CONTENT_DIALOG, {})
+  });
+};
+
+//# sourceMappingURL=GenerateContentButton.js.map

package/admin/presentation/WbContentGeneration/GenerateContentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","ReactComponent","ChatIcon","useOpenDialog","GENERATE_CONTENT_DIALOG","GenerateContentButton","openDialog","createElement","variant","icon","onClick"],"sources":["GenerateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as ChatIcon } from \"@webiny/icons/auto_fix_high.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { GENERATE_CONTENT_DIALOG } from \"./GenerateContentDialog.js\";\n\nexport const GenerateContentButton = () => {\n    const { openDialog } = useOpenDialog();\n\n    return (\n        <IconButton\n            variant=\"ghost\"\n            icon={<ChatIcon />}\n            onClick={() => openDialog(GENERATE_CONTENT_DIALOG, {})}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,iCAAiC;AAC5E,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAW,CAAC,GAAGH,aAAa,CAAC,CAAC;EAEtC,oBACIJ,KAAA,CAAAQ,aAAA,CAACP,UAAU;IACPQ,OAAO,EAAC,OAAO;IACfC,IAAI,eAAEV,KAAA,CAAAQ,aAAA,CAACL,QAAQ,MAAE,CAAE;IACnBQ,OAAO,EAAEA,CAAA,KAAMJ,UAAU,CAACF,uBAAuB,EAAE,CAAC,CAAC;EAAE,CAC1D,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import type { IncomingGenericData } from "@webiny/app-websockets";
+export declare const GENERATE_CONTENT_DIALOG = "generate-content";
+export declare const WS_ACTION_CONTENT = "aiPowerUps.generatePageContent.content";
+export declare const WS_ACTION_ERROR = "aiPowerUps.generatePageContent.error";
+export interface GeneratePageContentMessage extends IncomingGenericData {
+    action: typeof WS_ACTION_CONTENT;
+    data: {
+        compression: "gzip";
+        value: string;
+    };
+}
+export interface GeneratePageContentErrorMessage extends IncomingGenericData {
+    action: typeof WS_ACTION_ERROR;
+    data: {
+        message: string;
+    };
+}
+export declare const GenerateContentDialog: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/admin/presentation/WbContentGeneration/GenerateContentDialog.js

@@ -0,0 +1,102 @@
+import React, { useCallback, useEffect, useRef } from "react";
+import { observer } from "mobx-react-lite";
+import { useDialog } from "@webiny/app-admin";
+import { Dialog, OverlayLoader, Textarea, 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";
+import { useCreateElement } from "@webiny/app-website-builder/BaseEditor/hooks/useCreateElement.js";
+import { GenerateContentFeature } from "./feature.js";
+import { decompressGzipBase64 } from "./decompressGzipBase64.js";
+export const GENERATE_CONTENT_DIALOG = "generate-content";
+export const WS_ACTION_CONTENT = "aiPowerUps.generatePageContent.content";
+export const WS_ACTION_ERROR = "aiPowerUps.generatePageContent.error";
+export const GenerateContentDialog = observer(() => {
+  const {
+    closeDialog
+  } = useDialog();
+  const {
+    presenter
+  } = useFeature(GenerateContentFeature);
+  const vm = presenter.vm;
+  const wasSubmitting = useRef(false);
+  const websockets = useWebsockets();
+  const toast = useToast();
+  const components = useSelectFromEditor(state => state.components);
+  const {
+    createElement
+  } = useCreateElement();
+  const createElements = useCallback(elements => {
+    elements.forEach(el => createElement(el));
+  }, [createElement]);
+  useEffect(() => {
+    const aiComponents = Object.values(components).filter(c => c.useInAiContentGeneration !== false).map(c => {
+      return {
+        name: c.name,
+        label: c.label,
+        aiContext: c.aiContext,
+        inputs: c.inputs.map(input => ({
+          type: input.type,
+          name: input.name,
+          label: input.label,
+          description: input.description
+        }))
+      };
+    });
+    presenter.init(aiComponents, createElements);
+  }, [components, createElements]);
+  useEffect(() => {
+    const contentSubscription = websockets.onMessage(WS_ACTION_CONTENT, async message => {
+      const responseText = await decompressGzipBase64(message.data.value);
+      await presenter.processAiResponse(responseText);
+    });
+    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(() => {
+    if (wasSubmitting.current && !vm.submitting) {
+      closeDialog();
+    }
+    wasSubmitting.current = vm.submitting;
+  }, [vm.submitting]);
+  const handleSubmit = async () => {
+    await presenter.submit();
+  };
+  const isProcessing = vm.processing;
+  const isSubmitting = vm.submitting;
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: true,
+    onClose: closeDialog,
+    title: "Generate Content",
+    size: "lg",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
+      onClick: closeDialog,
+      text: "Cancel"
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      onClick: handleSubmit,
+      text: "Generate",
+      disabled: !vm.prompt.trim() || vm.submitting
+    }))
+  }, isSubmitting ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Generating content..."
+  }) : null, isProcessing ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Processing content..."
+  }) : null, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Prompt",
+    description: "Describe the page content you want to generate.",
+    value: vm.prompt,
+    onChange: value => presenter.setPrompt(String(value ?? "")),
+    rows: 6
+  }));
+});
+
+//# sourceMappingURL=GenerateContentDialog.js.map