@webiny/ai-powerups 6.3.0 → 6.4.0-beta.0

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

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

package/admin/presentation/AiPowerUpsSettings/index.js

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

package/admin/presentation/AiPowerUpsSettings/settingsGroup.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["createAbstraction","AiPowerUpsSettingsGroup"],"sources":["settingsGroup.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModelFactory, FormModel, Icon } from \"@webiny/app-admin\";\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) => FormModel.LayoutNodeBuilder[]): void;\n}\n\nexport interface IAiPowerUpsSettingsGroup {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\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;AAoBzD,OAAO,MAAMC,uBAAuB,GAAGD,iBAAiB,CACpD,0BACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/settingsGroup.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/settingsGroup.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModelFactory, FormModel, Icon } from \"@webiny/app-admin\";\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) => FormModel.LayoutNodeBuilder[]): void;\n}\n\nexport interface IAiPowerUpsSettingsGroup {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\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"],"names":["AiPowerUpsSettingsGroup","createAbstraction"],"mappings":";AAoBO,MAAMA,0BAA0BC,kBACnC"}

package/admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettings.js

@@ -3,26 +3,25 @@ import { autorun } from "mobx";
 import { useFeature } from "@webiny/app";
 import { GetSettingsFeature } from "../../features/settings/getSettings/feature.js";
 import { SharedSettingsFeature } from "../../features/settings/shared/feature.js";
-export function useAiPowerUpsSettings() {
-  const {
-    useCase
-  } = useFeature(GetSettingsFeature);
-  const {
-    settingsCache
-  } = useFeature(SharedSettingsFeature);
-  const [settings, setSettings] = useState(() => settingsCache.get());
-  useEffect(() => {
-    void useCase.execute();
-  }, [useCase]);
-  useEffect(() => {
-    return autorun(() => {
-      const data = settingsCache.get();
-      setSettings(data);
-    });
-  }, [settingsCache]);
-  return {
-    settings
-  };
+function useAiPowerUpsSettings() {
+    const { useCase } = useFeature(GetSettingsFeature);
+    const { settingsCache } = useFeature(SharedSettingsFeature);
+    const [settings, setSettings] = useState(()=>settingsCache.get());
+    useEffect(()=>{
+        useCase.execute();
+    }, [
+        useCase
+    ]);
+    useEffect(()=>autorun(()=>{
+            const data = settingsCache.get();
+            setSettings(data);
+        }), [
+        settingsCache
+    ]);
+    return {
+        settings
+    };
 }
+export { useAiPowerUpsSettings };
 
 //# sourceMappingURL=useAiPowerUpsSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","autorun","useFeature","GetSettingsFeature","SharedSettingsFeature","useAiPowerUpsSettings","useCase","settingsCache","settings","setSettings","get","execute","data"],"sources":["useAiPowerUpsSettings.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { GetSettingsFeature } from \"~/admin/features/settings/getSettings/feature.js\";\nimport { SharedSettingsFeature } from \"~/admin/features/settings/shared/feature.js\";\nimport type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\nexport function useAiPowerUpsSettings() {\n    const { useCase } = useFeature(GetSettingsFeature);\n    const { settingsCache } = useFeature(SharedSettingsFeature);\n\n    const [settings, setSettings] = useState<IAiPowerUpsSettings | null>(() => settingsCache.get());\n\n    useEffect(() => {\n        void useCase.execute();\n    }, [useCase]);\n\n    useEffect(() => {\n        return autorun(() => {\n            const data = settingsCache.get();\n            setSettings(data);\n        });\n    }, [settingsCache]);\n\n    return { settings };\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,kBAAkB;AAC3B,SAASC,qBAAqB;AAG9B,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACpC,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,UAAU,CAACC,kBAAkB,CAAC;EAClD,MAAM;IAAEI;EAAc,CAAC,GAAGL,UAAU,CAACE,qBAAqB,CAAC;EAE3D,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAA6B,MAAMO,aAAa,CAACG,GAAG,CAAC,CAAC,CAAC;EAE/FX,SAAS,CAAC,MAAM;IACZ,KAAKO,OAAO,CAACK,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEbP,SAAS,CAAC,MAAM;IACZ,OAAOE,OAAO,CAAC,MAAM;MACjB,MAAMW,IAAI,GAAGL,aAAa,CAACG,GAAG,CAAC,CAAC;MAChCD,WAAW,CAACG,IAAI,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,aAAa,CAAC,CAAC;EAEnB,OAAO;IAAEC;EAAS,CAAC;AACvB","ignoreList":[]}
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettings.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettings.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { useFeature } from \"@webiny/app\";\nimport { GetSettingsFeature } from \"~/admin/features/settings/getSettings/feature.js\";\nimport { SharedSettingsFeature } from \"~/admin/features/settings/shared/feature.js\";\nimport type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\nexport function useAiPowerUpsSettings() {\n    const { useCase } = useFeature(GetSettingsFeature);\n    const { settingsCache } = useFeature(SharedSettingsFeature);\n\n    const [settings, setSettings] = useState<IAiPowerUpsSettings | null>(() => settingsCache.get());\n\n    useEffect(() => {\n        void useCase.execute();\n    }, [useCase]);\n\n    useEffect(() => {\n        return autorun(() => {\n            const data = settingsCache.get();\n            setSettings(data);\n        });\n    }, [settingsCache]);\n\n    return { settings };\n}\n"],"names":["useAiPowerUpsSettings","useCase","useFeature","GetSettingsFeature","settingsCache","SharedSettingsFeature","settings","setSettings","useState","useEffect","autorun","data"],"mappings":";;;;;AAOO,SAASA;IACZ,MAAM,EAAEC,OAAO,EAAE,GAAGC,WAAWC;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGF,WAAWG;IAErC,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAqC,IAAMJ,cAAc,GAAG;IAE5FK,UAAU;QACDR,QAAQ,OAAO;IACxB,GAAG;QAACA;KAAQ;IAEZQ,UAAU,IACCC,QAAQ;YACX,MAAMC,OAAOP,cAAc,GAAG;YAC9BG,YAAYI;QAChB,IACD;QAACP;KAAc;IAElB,OAAO;QAAEE;IAAS;AACtB"}

package/admin/presentation/{PersonasSettings.d.ts → ProjectsSettings.d.ts}

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

package/admin/presentation/ProjectsSettings.js

@@ -0,0 +1,56 @@
+import { generateAlphaNumericId } from "@webiny/utils";
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+class ProjectsSettingsImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                presets: fields.object().label("Presets").renderer("objectAccordionMultiple", {
+                    container: false,
+                    addItemLabel: "Add project",
+                    itemTitle: (data, index)=>String(data.name || `Project #${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 project in the UI."),
+                        description: f.text().label("Description").description("Human-facing description shown in the project picker. Not sent to the LLM.").renderer("textarea", {
+                            rows: 3
+                        }),
+                        instructions: f.text().label("Instructions").description("System-prompt-style guidance that will be sent to the LLM when this project is selected.").renderer("textarea", {
+                            rows: 6
+                        }),
+                        defaultReaderPersonaId: f.text().label("Default Reader Persona").description("Auto-populates the reader persona when this project is selected.").options((formModel)=>{
+                            const data = formModel.getData();
+                            const presets = data?.readerPersonas?.presets;
+                            if (!presets || 0 === presets.length) return [];
+                            return presets.map((preset)=>({
+                                    label: preset.name,
+                                    value: preset.id
+                                }));
+                        }),
+                        defaultWriterPersonaId: f.text().label("Default Writer Persona").description("Auto-populates the writer persona when this project is selected.").options((formModel)=>{
+                            const data = formModel.getData();
+                            const presets = data?.writerPersonas?.presets;
+                            if (!presets || 0 === presets.length) return [];
+                            return presets.map((preset)=>({
+                                    label: preset.name,
+                                    value: preset.id
+                                }));
+                        }),
+                        files: f.file().label("Files").list().description("Add files from the library to include as context for the LLM.").note("Only files containing text will be sent to the LLM (.mdx, .md, .html, .json, .csv, .txt, etc.)")
+                    })).list()
+            }));
+        form.layout((layout)=>[
+                layout.row("presets")
+            ]);
+    }
+    constructor(){
+        this.name = "projects";
+        this.label = "Projects";
+        this.description = "Predefined prompting contexts.";
+    }
+}
+const ProjectsSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: ProjectsSettingsImpl,
+    dependencies: []
+});
+export { ProjectsSettings };
+
+//# sourceMappingURL=ProjectsSettings.js.map

package/admin/presentation/ProjectsSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/ProjectsSettings.js","sources":["../../../src/admin/presentation/ProjectsSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport type { IFormModel } from \"@webiny/app-admin\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\n\nclass ProjectsSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"projects\";\n    label = \"Projects\";\n    description = \"Predefined prompting contexts.\";\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .label(\"Presets\")\n                .renderer(\"objectAccordionMultiple\", {\n                    container: false,\n                    addItemLabel: \"Add project\",\n                    itemTitle: (data, index) => String(data.name || `Project #${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 project in the UI.\"),\n                    description: f\n                        .text()\n                        .label(\"Description\")\n                        .description(\n                            \"Human-facing description shown in the project picker. Not sent to the LLM.\"\n                        )\n                        .renderer(\"textarea\", { rows: 3 }),\n                    instructions: f\n                        .text()\n                        .label(\"Instructions\")\n                        .description(\n                            \"System-prompt-style guidance that will be sent to the LLM when this project is selected.\"\n                        )\n                        .renderer(\"textarea\", { rows: 6 }),\n                    defaultReaderPersonaId: f\n                        .text()\n                        .label(\"Default Reader Persona\")\n                        .description(\n                            \"Auto-populates the reader persona when this project is selected.\"\n                        )\n                        .options((formModel: IFormModel) => {\n                            const data = formModel.getData();\n                            const presets = data?.readerPersonas?.presets;\n                            if (!presets || presets.length === 0) {\n                                return [];\n                            }\n                            return presets.map((preset: { id: string; name: string }) => ({\n                                label: preset.name,\n                                value: preset.id\n                            }));\n                        }),\n                    defaultWriterPersonaId: f\n                        .text()\n                        .label(\"Default Writer Persona\")\n                        .description(\n                            \"Auto-populates the writer persona when this project is selected.\"\n                        )\n                        .options((formModel: IFormModel) => {\n                            const data = formModel.getData();\n                            const presets = data?.writerPersonas?.presets;\n                            if (!presets || presets.length === 0) {\n                                return [];\n                            }\n                            return presets.map((preset: { id: string; name: string }) => ({\n                                label: preset.name,\n                                value: preset.id\n                            }));\n                        }),\n                    files: f\n                        .file()\n                        .label(\"Files\")\n                        .list()\n                        .description(\n                            \"Add files from the library to include as context for the LLM.\"\n                        )\n                        .note(\n                            \"Only files containing text will be sent to the LLM (.mdx, .md, .html, .json, .csv, .txt, etc.)\"\n                        )\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n}\n\nexport const ProjectsSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ProjectsSettingsImpl,\n    dependencies: []\n});\n"],"names":["ProjectsSettingsImpl","form","fields","data","index","String","f","generateAlphaNumericId","formModel","presets","preset","layout","ProjectsSettings","AiPowerUpsSettingsGroup"],"mappings":";;AAIA,MAAMA;IAKF,UAAUC,IAAyC,EAAQ;QACvDA,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,SAAS,EAAEC,QAAQ,GAAG;gBAC3E,GACC,MAAM,CAACE,CAAAA,IAAM;wBACV,IAAIA,EACC,IAAI,GACJ,MAAM,GACN,YAAY,CAAC,IAAMC,uBAAuB;wBAC/C,MAAMD,EACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,oBACT,WAAW,CAAC;wBACjB,aAAaA,EACR,IAAI,GACJ,KAAK,CAAC,eACN,WAAW,CACR,8EAEH,QAAQ,CAAC,YAAY;4BAAE,MAAM;wBAAE;wBACpC,cAAcA,EACT,IAAI,GACJ,KAAK,CAAC,gBACN,WAAW,CACR,4FAEH,QAAQ,CAAC,YAAY;4BAAE,MAAM;wBAAE;wBACpC,wBAAwBA,EACnB,IAAI,GACJ,KAAK,CAAC,0BACN,WAAW,CACR,oEAEH,OAAO,CAAC,CAACE;4BACN,MAAML,OAAOK,UAAU,OAAO;4BAC9B,MAAMC,UAAUN,MAAM,gBAAgB;4BACtC,IAAI,CAACM,WAAWA,AAAmB,MAAnBA,QAAQ,MAAM,EAC1B,OAAO,EAAE;4BAEb,OAAOA,QAAQ,GAAG,CAAC,CAACC,SAA0C;oCAC1D,OAAOA,OAAO,IAAI;oCAClB,OAAOA,OAAO,EAAE;gCACpB;wBACJ;wBACJ,wBAAwBJ,EACnB,IAAI,GACJ,KAAK,CAAC,0BACN,WAAW,CACR,oEAEH,OAAO,CAAC,CAACE;4BACN,MAAML,OAAOK,UAAU,OAAO;4BAC9B,MAAMC,UAAUN,MAAM,gBAAgB;4BACtC,IAAI,CAACM,WAAWA,AAAmB,MAAnBA,QAAQ,MAAM,EAC1B,OAAO,EAAE;4BAEb,OAAOA,QAAQ,GAAG,CAAC,CAACC,SAA0C;oCAC1D,OAAOA,OAAO,IAAI;oCAClB,OAAOA,OAAO,EAAE;gCACpB;wBACJ;wBACJ,OAAOJ,EACF,IAAI,GACJ,KAAK,CAAC,SACN,IAAI,GACJ,WAAW,CACR,iEAEH,IAAI,CACD;oBAEZ,IACC,IAAI;YACb;QAEAL,KAAK,MAAM,CAACU,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAW;IACjD;;aAvFA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;;AAsFlB;AAEO,MAAMC,mBAAmBC,wBAAwB,oBAAoB,CAAC;IACzE,gBAAgBb;IAChB,cAAc,EAAE;AACpB"}

package/admin/presentation/ProvidersSettings.js

@@ -1,40 +1,46 @@
 import { generateAlphaNumericId } from "@webiny/utils";
 import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
-import { ListModelsUseCase, ListModelsRepository } from "../features/listModels/abstractions.js";
+import { ListModelsRepository, ListModelsUseCase } 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("objectAccordionMultiple", {
-        container: false,
-        addItemLabel: "Add provider",
-        itemTitle: (data, index) => String(data.name || `Provider #${index + 1}`)
-      }).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()),
-        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}`
-    }));
-  }
+    constructor(useCase, repository){
+        this.useCase = useCase;
+        this.repository = repository;
+        this.name = "providers";
+        this.label = "Providers";
+        this.description = "Configure AI model providers.";
+    }
+    buildForm(form) {
+        this.useCase.execute();
+        form.fields((fields)=>({
+                presets: fields.object().label("Presets").renderer("objectAccordionMultiple", {
+                    container: false,
+                    addItemLabel: "Add provider",
+                    itemTitle: (data, index)=>String(data.name || `Provider #${index + 1}`)
+                }).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()),
+                        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]
+const ProviderSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: ProviderSettingsImpl,
+    dependencies: [
+        ListModelsUseCase,
+        ListModelsRepository
+    ]
 });
+export { ProviderSettings };
 
 //# sourceMappingURL=ProvidersSettings.js.map

package/admin/presentation/ProvidersSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateAlphaNumericId","AiPowerUpsSettingsGroup","ListModelsUseCase","ListModelsRepository","ProviderSettingsImpl","name","label","description","constructor","useCase","repository","buildForm","form","execute","fields","presets","object","renderer","container","addItemLabel","itemTitle","data","index","String","f","id","text","hidden","defaultValue","required","model","options","getModelOptions","apiKey","list","layout","row","getModels","map","modelName","modelId","value","providerId","ProviderSettings","createImplementation","implementation","dependencies"],"sources":["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                .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"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,eAAe;AACtD,SAASC,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,yBAAyB,EAAE;QACjCC,SAAS,EAAE,KAAK;QAChBC,YAAY,EAAE,cAAc;QAC5BC,SAAS,EAAEA,CAACC,IAAI,EAAEC,KAAK,KAAKC,MAAM,CAACF,IAAI,CAAChB,IAAI,IAAI,aAAaiB,KAAK,GAAG,CAAC,EAAE;MAC5E,CAAC,CAAC,CACDR,MAAM,CAACU,CAAC,KAAK;QACVC,EAAE,EAAED,CAAC,CACAE,IAAI,CAAC,CAAC,CACNC,MAAM,CAAC,CAAC,CACRC,YAAY,CAAC,MAAM5B,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnDK,IAAI,EAAEmB,CAAC,CAACE,IAAI,CAAC,CAAC,CAACpB,KAAK,CAAC,MAAM,CAAC,CAACuB,QAAQ,CAAC,kBAAkB,CAAC;QACzDC,KAAK,EAAEN,CAAC,CACHE,IAAI,CAAC,CAAC,CACNpB,KAAK,CAAC,OAAO,CAAC,CACduB,QAAQ,CAAC,mBAAmB,CAAC,CAC7BE,OAAO,CAAC,MAAM,IAAI,CAACC,eAAe,CAAC,CAAC,CAAC;QAC1CC,MAAM,EAAET,CAAC,CAACE,IAAI,CAAC,CAAC,CAACpB,KAAK,CAAC,SAAS,CAAC,CAACuB,QAAQ,CAAC,qBAAqB;MACpE,CAAC,CAAC,CAAC,CACFK,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHtB,IAAI,CAACuB,MAAM,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;EAClD;EAEQJ,eAAeA,CAAA,EAAG;IACtB,OAAO,IAAI,CAACtB,UAAU,CAAC2B,SAAS,CAAC,CAAC,CAACC,GAAG,CAACR,KAAK,KAAK;MAC7CxB,KAAK,EAAE,GAAGwB,KAAK,CAACS,SAAS,KAAKT,KAAK,CAACU,OAAO,GAAG;MAC9CC,KAAK,EAAE,GAAGX,KAAK,CAACY,UAAU,IAAIZ,KAAK,CAACU,OAAO;IAC/C,CAAC,CAAC,CAAC;EACP;AACJ;AAEA,OAAO,MAAMG,gBAAgB,GAAG1C,uBAAuB,CAAC2C,oBAAoB,CAAC;EACzEC,cAAc,EAAEzC,oBAAoB;EACpC0C,YAAY,EAAE,CAAC5C,iBAAiB,EAAEC,oBAAoB;AAC1D,CAAC,CAAC","ignoreList":[]}
+{"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"}

package/admin/presentation/ReaderPersonasSettings.d.ts

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

package/admin/presentation/ReaderPersonasSettings.js

@@ -0,0 +1,37 @@
+import { generateAlphaNumericId } from "@webiny/utils";
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+class ReaderPersonasSettingsImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                presets: fields.object().label("Presets").renderer("objectAccordionMultiple", {
+                    container: false,
+                    addItemLabel: "Add reader persona",
+                    itemTitle: (data, index)=>String(data.name || `Reader 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 reader persona in the UI."),
+                        description: f.text().label("Description").required("Description is required").description("Describe who this reader is and what they care about. This will be used when prompting AI.").renderer("textarea", {
+                            rows: 8
+                        }),
+                        style: f.text().label("Style").description("Optional hints about the expected tone or style when writing for this reader.").renderer("textarea", {
+                            rows: 3
+                        })
+                    })).list()
+            }));
+        form.layout((layout)=>[
+                layout.row("presets")
+            ]);
+    }
+    constructor(){
+        this.name = "readerPersonas";
+        this.label = "Reader Personas";
+        this.description = "Define who the content is written for.";
+    }
+}
+const ReaderPersonasSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: ReaderPersonasSettingsImpl,
+    dependencies: []
+});
+export { ReaderPersonasSettings };
+
+//# sourceMappingURL=ReaderPersonasSettings.js.map

package/admin/presentation/ReaderPersonasSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/ReaderPersonasSettings.js","sources":["../../../src/admin/presentation/ReaderPersonasSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\n\nclass ReaderPersonasSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"readerPersonas\";\n    label = \"Reader Personas\";\n    description = \"Define who the content is written for.\";\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .label(\"Presets\")\n                .renderer(\"objectAccordionMultiple\", {\n                    container: false,\n                    addItemLabel: \"Add reader persona\",\n                    itemTitle: (data, index) => String(data.name || `Reader 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(\n                            \"This name will be used to identify the reader persona in the UI.\"\n                        ),\n                    description: f\n                        .text()\n                        .label(\"Description\")\n                        .required(\"Description is required\")\n                        .description(\n                            \"Describe who this reader is and what they care about. This will be used when prompting AI.\"\n                        )\n                        .renderer(\"textarea\", { rows: 8 }),\n                    style: f\n                        .text()\n                        .label(\"Style\")\n                        .description(\n                            \"Optional hints about the expected tone or style when writing for this reader.\"\n                        )\n                        .renderer(\"textarea\", { rows: 3 })\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n}\n\nexport const ReaderPersonasSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ReaderPersonasSettingsImpl,\n    dependencies: []\n});\n"],"names":["ReaderPersonasSettingsImpl","form","fields","data","index","String","f","generateAlphaNumericId","layout","ReaderPersonasSettings","AiPowerUpsSettingsGroup"],"mappings":";;AAGA,MAAMA;IAKF,UAAUC,IAAyC,EAAQ;QACvDA,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,gBAAgB,EAAEC,QAAQ,GAAG;gBAClF,GACC,MAAM,CAACE,CAAAA,IAAM;wBACV,IAAIA,EACC,IAAI,GACJ,MAAM,GACN,YAAY,CAAC,IAAMC,uBAAuB;wBAC/C,MAAMD,EACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,oBACT,WAAW,CACR;wBAER,aAAaA,EACR,IAAI,GACJ,KAAK,CAAC,eACN,QAAQ,CAAC,2BACT,WAAW,CACR,8FAEH,QAAQ,CAAC,YAAY;4BAAE,MAAM;wBAAE;wBACpC,OAAOA,EACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CACR,iFAEH,QAAQ,CAAC,YAAY;4BAAE,MAAM;wBAAE;oBACxC,IACC,IAAI;YACb;QAEAL,KAAK,MAAM,CAACO,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAW;IACjD;;aA9CA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;;AA6ClB;AAEO,MAAMC,yBAAyBC,wBAAwB,oBAAoB,CAAC;IAC/E,gBAAgBV;IAChB,cAAc,EAAE;AACpB"}

package/admin/presentation/WbContentGeneration/Extension.js

@@ -1,23 +1,22 @@
-import React from "react";
+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 { GENERATE_CONTENT_DIALOG, GenerateContentDialog } 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))
-  })));
+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))
+    })));
 };
+export { WbContentGeneration };
 
 //# sourceMappingURL=Extension.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"admin/presentation/WbContentGeneration/Extension.js","sources":["../../../../src/admin/presentation/WbContentGeneration/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"],"names":["WbContentGeneration","Ui","PageEditorConfig","RegisterFeature","GenerateContentFeature","AdminConfig","GENERATE_CONTENT_DIALOG","GenerateContentDialog","GenerateContentButton"],"mappings":";;;;;;AAUO,MAAMA,sBAAsB;IAC/B,MAAM,EAAEC,EAAE,EAAE,GAAGC;IAEf,OAAO,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,MAAM;QACf,MAAMC;QACN,uBAAS,oBAACC,uBAAqBA;uBAGvC,oBAACL,kBAAgBA,MAAAA,WAAAA,GACb,oBAACD,GAAG,MAAM,CAAC,MAAM;QACb,MAAM;QACN,QAAQ;QACR,uBACI,oBAACA,GAAG,aAAa,sBACb,oBAACO,uBAAqBA;;AAOlD"}

package/admin/presentation/WbContentGeneration/GenerateContentButton.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","ReactComponent","ChatIcon","useOpenDialog","GENERATE_CONTENT_DIALOG","useAiPowerUpsSettings","GenerateContentButton","openDialog","settings","providers","presets","length","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\";\nimport { useAiPowerUpsSettings } from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\n\nexport const GenerateContentButton = () => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n\n    if (!settings || settings.providers.presets.length === 0) {\n        return null;\n    }\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;AAChC,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAW,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEK;EAAS,CAAC,GAAGH,qBAAqB,CAAC,CAAC;EAE5C,IAAI,CAACG,QAAQ,IAAIA,QAAQ,CAACC,SAAS,CAACC,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE;IACtD,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,UAAU;IACPa,OAAO,EAAC,OAAO;IACfC,IAAI,eAAEf,KAAA,CAAAa,aAAA,CAACV,QAAQ,MAAE,CAAE;IACnBa,OAAO,EAAEA,CAAA,KAAMR,UAAU,CAACH,uBAAuB,EAAE,CAAC,CAAC;EAAE,CAC1D,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/presentation/WbContentGeneration/GenerateContentButton.js","sources":["../../../../src/admin/presentation/WbContentGeneration/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\";\nimport { useAiPowerUpsSettings } from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\n\nexport const GenerateContentButton = () => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n\n    if (!settings || settings.providers.presets.length === 0) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            variant=\"ghost\"\n            icon={<ChatIcon />}\n            onClick={() => openDialog(GENERATE_CONTENT_DIALOG, {})}\n        />\n    );\n};\n"],"names":["GenerateContentButton","openDialog","useOpenDialog","settings","useAiPowerUpsSettings","IconButton","ChatIcon","GENERATE_CONTENT_DIALOG"],"mappings":";;;;;;AAOO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,IAAI,CAACD,YAAYA,AAAsC,MAAtCA,SAAS,SAAS,CAAC,OAAO,CAAC,MAAM,EAC9C,OAAO;IAGX,OAAO,WAAP,GACI,oBAACE,YAAUA;QACP,SAAQ;QACR,oBAAM,oBAACC,gBAAQA;QACf,SAAS,IAAML,WAAWM,yBAAyB,CAAC;;AAGhE"}