@webiny/ai-powerups 0.0.0-unstable.7be00a75a9

package/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.js

@@ -0,0 +1,50 @@
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { FormErrors, FormView, PresenterErrors, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin";
+import { Button, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { AiPowerUpsSettingsFeature } from "./feature.js";
+const AiPowerUpsSettingsPage = observer(()=>{
+    const toast = useToast();
+    const { presenter } = useFeature(AiPowerUpsSettingsFeature);
+    const vm = presenter.vm;
+    useEffect(()=>{
+        presenter.init();
+    }, []);
+    const handleSave = async ()=>{
+        const success = await presenter.save();
+        if (success) toast.showSuccessToast({
+            title: "AI power-ups settings saved successfully!"
+        });
+    };
+    return /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(SimpleForm, {
+        size: "xl"
+    }, vm.errors.length > 0 ? /*#__PURE__*/ react.createElement("div", {
+        className: "mb-lg"
+    }, /*#__PURE__*/ react.createElement(PresenterErrors, {
+        errors: vm.errors
+    })) : null, vm.form && vm.form.errors.length > 0 ? /*#__PURE__*/ react.createElement("div", {
+        className: "mb-lg"
+    }, /*#__PURE__*/ react.createElement(FormErrors, {
+        form: vm.form
+    })) : null, vm.loading || vm.saving ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: vm.saving ? "Saving..." : "Loading..."
+    }) : null, /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+        title: "AI Power-Ups"
+    }), /*#__PURE__*/ react.createElement(SimpleFormContent, {
+        className: "p-0"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-4"
+    }, vm.form ? /*#__PURE__*/ react.createElement(FormView, {
+        name: "AI Power-Ups",
+        form: vm.form
+    }) : null)), /*#__PURE__*/ react.createElement(SimpleFormFooter, {
+        className: "border-t-sm border-t-neutral-dimmed pt-lg"
+    }, /*#__PURE__*/ react.createElement(Button, {
+        text: "Save Settings",
+        onClick: handleSave
+    }))));
+});
+export { AiPowerUpsSettingsPage };
+
+//# sourceMappingURL=AiPowerUpsSettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPage.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport {\n    FormView,\n    FormErrors,\n    PresenterErrors,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"@webiny/app-admin\";\nimport { Button, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { AiPowerUpsSettingsFeature } from \"./feature.js\";\n\nexport const AiPowerUpsSettingsPage = observer(() => {\n    const toast = useToast();\n    const { presenter } = useFeature(AiPowerUpsSettingsFeature);\n    const vm = presenter.vm;\n\n    useEffect(() => {\n        presenter.init();\n    }, []);\n\n    const handleSave = async () => {\n        const success = await presenter.save();\n        if (success) {\n            toast.showSuccessToast({\n                title: \"AI power-ups settings saved successfully!\"\n            });\n        }\n    };\n\n    return (\n        <div>\n            <SimpleForm size={\"xl\"}>\n                {vm.errors.length > 0 ? (\n                    <div className={\"mb-lg\"}>\n                        <PresenterErrors errors={vm.errors} />\n                    </div>\n                ) : null}\n                {vm.form && vm.form.errors.length > 0 ? (\n                    <div className={\"mb-lg\"}>\n                        <FormErrors form={vm.form} />\n                    </div>\n                ) : null}\n                {vm.loading || vm.saving ? (\n                    <OverlayLoader text={vm.saving ? \"Saving...\" : \"Loading...\"} />\n                ) : null}\n                <SimpleFormHeader title=\"AI Power-Ups\" />\n                <SimpleFormContent className={\"p-0\"}>\n                    <div className=\"flex flex-col gap-4\">\n                        {vm.form ? <FormView name=\"AI Power-Ups\" form={vm.form} /> : null}\n                    </div>\n                </SimpleFormContent>\n                <SimpleFormFooter className={\"border-t-sm border-t-neutral-dimmed pt-lg\"}>\n                    <Button text=\"Save Settings\" onClick={handleSave} />\n                </SimpleFormFooter>\n            </SimpleForm>\n        </div>\n    );\n});\n"],"names":["AiPowerUpsSettingsPage","observer","toast","useToast","presenter","useFeature","AiPowerUpsSettingsFeature","vm","useEffect","handleSave","success","SimpleForm","PresenterErrors","FormErrors","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormView","SimpleFormFooter","Button"],"mappings":";;;;;;AAeO,MAAMA,yBAAyBC,SAAS;IAC3C,MAAMC,QAAQC;IACd,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,KAAKH,UAAU,EAAE;IAEvBI,UAAU;QACNJ,UAAU,IAAI;IAClB,GAAG,EAAE;IAEL,MAAMK,aAAa;QACf,MAAMC,UAAU,MAAMN,UAAU,IAAI;QACpC,IAAIM,SACAR,MAAM,gBAAgB,CAAC;YACnB,OAAO;QACX;IAER;IAEA,OAAO,WAAP,GACI,oBAAC,2BACG,oBAACS,YAAUA;QAAC,MAAM;OACbJ,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,WAAJ,GAChB,oBAAC;QAAI,WAAW;qBACZ,oBAACK,iBAAeA;QAAC,QAAQL,GAAG,MAAM;UAEtC,MACHA,GAAG,IAAI,IAAIA,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,WAAJ,GAChC,oBAAC;QAAI,WAAW;qBACZ,oBAACM,YAAUA;QAAC,MAAMN,GAAG,IAAI;UAE7B,MACHA,GAAG,OAAO,IAAIA,GAAG,MAAM,GAAG,WAAH,GACpB,oBAACO,eAAaA;QAAC,MAAMP,GAAG,MAAM,GAAG,cAAc;SAC/C,oBACJ,oBAACQ,kBAAgBA;QAAC,OAAM;sBACxB,oBAACC,mBAAiBA;QAAC,WAAW;qBAC1B,oBAAC;QAAI,WAAU;OACVT,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACU,UAAQA;QAAC,MAAK;QAAe,MAAMV,GAAG,IAAI;SAAO,sBAGrE,oBAACW,kBAAgBA;QAAC,WAAW;qBACzB,oBAACC,QAAMA;QAAC,MAAK;QAAgB,SAASV;;AAK1D"}

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

@@ -0,0 +1,26 @@
+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";
+declare class AiPowerUpsSettingsPresenterImpl implements PresenterAbstraction.Interface {
+    private factory;
+    private groups;
+    private getSettings;
+    private updateSettings;
+    private loading;
+    private saving;
+    private form;
+    private errors;
+    constructor(factory: FormModelFactory.Interface, groups: AiPowerUpsSettingsGroup.Interface[], getSettings: GetSettingsUseCase.Interface, updateSettings: UpdateSettingsUseCase.Interface);
+    get vm(): PresenterAbstraction.ViewModel;
+    init(): Promise<void>;
+    save(): Promise<boolean>;
+    importData(data: Record<string, unknown>): void;
+    private collectGroups;
+    private buildForm;
+}
+export declare const AiPowerUpsSettingsPresenter: typeof AiPowerUpsSettingsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAiPowerUpsSettingsPresenter>;
+};
+export {};

package/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPresenter.js

@@ -0,0 +1,148 @@
+import { computed, makeAutoObservable, 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 } from "./abstractions.js";
+import { AiPowerUpsSettingsGroup } from "./settingsGroup.js";
+import { SettingsValidationError } from "../../domain/errors.js";
+class AiPowerUpsSettingsPresenterImpl {
+    constructor(factory, groups, getSettings, updateSettings){
+        this.factory = factory;
+        this.groups = groups;
+        this.getSettings = getSettings;
+        this.updateSettings = updateSettings;
+        this.loading = false;
+        this.saving = false;
+        this.form = null;
+        this.errors = [];
+        makeAutoObservable(this, {
+            vm: computed
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            loading: this.loading,
+            saving: this.saving,
+            form: this.form ? this.form.vm : null,
+            errors: this.errors
+        };
+    }
+    async init() {
+        this.loading = true;
+        this.errors = [];
+        try {
+            const data = await this.getSettings.execute();
+            runInAction(()=>{
+                this.form = this.buildForm();
+                this.form.setData(data);
+            });
+        } catch (err) {
+            runInAction(()=>{
+                this.errors = [
+                    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.errors = [];
+        });
+        try {
+            await this.updateSettings.execute(data);
+            return true;
+        } catch (err) {
+            runInAction(()=>{
+                if (err instanceof SettingsValidationError) this.errors = Object.values(err.data.invalidFields).map((e)=>e.message);
+                else this.errors = [
+                    err instanceof Error ? err.message : "Failed to save settings."
+                ];
+            });
+            return false;
+        } finally{
+            runInAction(()=>{
+                this.saving = false;
+            });
+        }
+    }
+    importData(data) {
+        if (!this.form) return;
+        const current = this.form.getData();
+        this.form.setData({
+            ...current,
+            ...data
+        });
+    }
+    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();
+        const form = this.factory.create({
+            fields: (fields)=>{
+                const result = {};
+                for (const { group, fieldsFn } of collected)if (fieldsFn) result[group.name] = fields.object().label(group.label).renderer("passthrough").fields(fieldsFn);
+                return result;
+            },
+            layout: (layout)=>{
+                if (0 === collected.length) return [];
+                const tabsBuilder = layout.tabs("settings-tabs").renderer("tabsVertical");
+                for (const { group } of collected)tabsBuilder.tab(group.name, (tab)=>{
+                    tab.label(group.label);
+                    if (group.description) tab.description(group.description);
+                    if (group.icon) tab.icon(group.icon);
+                    tab.layout((l)=>[
+                            l.row(group.name)
+                        ]);
+                });
+                return [
+                    tabsBuilder
+                ];
+            }
+        });
+        return form;
+    }
+}
+const AiPowerUpsSettingsPresenter_AiPowerUpsSettingsPresenter = AiPowerUpsSettingsPresenter.createImplementation({
+    implementation: AiPowerUpsSettingsPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        [
+            AiPowerUpsSettingsGroup,
+            {
+                multiple: true
+            }
+        ],
+        GetSettingsUseCase,
+        UpdateSettingsUseCase
+    ]
+});
+export { AiPowerUpsSettingsPresenter_AiPowerUpsSettingsPresenter as AiPowerUpsSettingsPresenter };
+
+//# sourceMappingURL=AiPowerUpsSettingsPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPresenter.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/AiPowerUpsSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport type { ILayoutNodeBuilder } 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 { SettingsValidationError } from \"~/admin/domain/errors.js\";\nimport type { IAiPowerUpsSettings } 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) => ILayoutNodeBuilder[];\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<IAiPowerUpsSettings> | null = null;\n    private errors: string[] = [];\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            errors: this.errors\n        };\n    }\n\n    async init(): Promise<void> {\n        this.loading = true;\n        this.errors = [];\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.errors = [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<IAiPowerUpsSettings>();\n        if (!data) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.saving = true;\n            this.errors = [];\n        });\n\n        try {\n            await this.updateSettings.execute(data);\n            return true;\n        } catch (err) {\n            runInAction(() => {\n                if (err instanceof SettingsValidationError) {\n                    this.errors = Object.values(err.data.invalidFields).map(e => e.message);\n                } else {\n                    this.errors = [err instanceof Error ? err.message : \"Failed to save settings.\"];\n                }\n            });\n            return false;\n        } finally {\n            runInAction(() => {\n                this.saving = false;\n            });\n        }\n    }\n\n    importData(data: Record<string, unknown>): void {\n        if (!this.form) {\n            return;\n        }\n        const current = this.form.getData();\n        this.form.setData({ ...current, ...data } as IAiPowerUpsSettings);\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        const form = this.factory.create<IAiPowerUpsSettings>({\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                const tabsBuilder = layout.tabs(\"settings-tabs\").renderer(\"tabsVertical\");\n\n                for (const { group } of collected) {\n                    tabsBuilder.tab(group.name, tab => {\n                        tab.label(group.label);\n                        if (group.description) {\n                            tab.description(group.description);\n                        }\n                        if (group.icon) {\n                            tab.icon(group.icon);\n                        }\n                        tab.layout(l => [l.row(group.name)]);\n                    });\n                }\n\n                return [tabsBuilder];\n            }\n        });\n\n        return form;\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"],"names":["AiPowerUpsSettingsPresenterImpl","factory","groups","getSettings","updateSettings","makeAutoObservable","computed","data","runInAction","err","Error","SettingsValidationError","Object","e","current","group","collected","builder","fn","form","fields","result","fieldsFn","layout","tabsBuilder","tab","l","AiPowerUpsSettingsPresenter","PresenterAbstraction","FormModelFactory","AiPowerUpsSettingsGroup","GetSettingsUseCase","UpdateSettingsUseCase"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import { FormModel } from "@webiny/app-admin";
+export interface IAiPowerUpsSettingsVm {
+    loading: boolean;
+    saving: boolean;
+    form: FormModel.FormVM | null;
+    errors: string[];
+}
+export interface IAiPowerUpsSettingsPresenter {
+    readonly vm: IAiPowerUpsSettingsVm;
+    init(): Promise<void>;
+    save(): Promise<boolean>;
+    importData(data: Record<string, unknown>): void;
+}
+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,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const AiPowerUpsSettingsPresenter = createAbstraction("AiPowerUps/SettingsPresenter");
+export { AiPowerUpsSettingsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/abstractions.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/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    errors: string[];\n}\n\nexport interface IAiPowerUpsSettingsPresenter {\n    readonly vm: IAiPowerUpsSettingsVm;\n    init(): Promise<void>;\n    save(): Promise<boolean>;\n    importData(data: Record<string, unknown>): void;\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"],"names":["AiPowerUpsSettingsPresenter","createAbstraction"],"mappings":";AAiBO,MAAMA,8BAA8BC,kBACvC"}

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,25 @@
+import { createFeature } from "@webiny/feature/admin";
+import { AiPowerUpsSettingsPresenter } from "./abstractions.js";
+import { AiPowerUpsSettingsPresenter as external_AiPowerUpsSettingsPresenter_js_AiPowerUpsSettingsPresenter } from "./AiPowerUpsSettingsPresenter.js";
+import { ProviderSettings } from "../ProvidersSettings.js";
+import { ReaderPersonasSettings } from "../ReaderPersonasSettings.js";
+import { WriterPersonasSettings } from "../WriterPersonasSettings.js";
+import { ProjectsSettings } from "../ProjectsSettings.js";
+const AiPowerUpsSettingsFeature = createFeature({
+    name: "AiPowerUps/Settings/Presenter",
+    register (container) {
+        container.register(ProviderSettings);
+        container.register(ReaderPersonasSettings);
+        container.register(WriterPersonasSettings);
+        container.register(ProjectsSettings);
+        container.register(external_AiPowerUpsSettingsPresenter_js_AiPowerUpsSettingsPresenter);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(AiPowerUpsSettingsPresenter)
+        };
+    }
+});
+export { AiPowerUpsSettingsFeature };
+
+//# sourceMappingURL=feature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/feature.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/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\";\nimport { ReaderPersonasSettings } from \"../ReaderPersonasSettings.js\";\nimport { WriterPersonasSettings } from \"../WriterPersonasSettings.js\";\nimport { ProjectsSettings } from \"../ProjectsSettings.js\";\n\nexport const AiPowerUpsSettingsFeature = createFeature({\n    name: \"AiPowerUps/Settings/Presenter\",\n    register(container) {\n        container.register(ProviderSettings);\n        container.register(ReaderPersonasSettings);\n        container.register(WriterPersonasSettings);\n        container.register(ProjectsSettings);\n        container.register(AiPowerUpsSettingsPresenter);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["AiPowerUpsSettingsFeature","createFeature","container","ProviderSettings","ReaderPersonasSettings","WriterPersonasSettings","ProjectsSettings","AiPowerUpsSettingsPresenter","PresenterAbstraction"],"mappings":";;;;;;;AAQO,MAAMA,4BAA4BC,cAAc;IACnD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;IACvB;IACA,SAAQL,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACM;QACjC;IACJ;AACJ"}

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

@@ -0,0 +1,3 @@
+export { AiPowerUpsSettingsFeature } from "./feature.js";
+export { useAiPowerUpsSettings } from "./useAiPowerUpsSettings.js";
+export { AiPowerUpsSettingsGroup } from "./settingsGroup.js";

package/admin/presentation/AiPowerUpsSettings/index.js

@@ -0,0 +1,3 @@
+export { AiPowerUpsSettingsFeature } from "./feature.js";
+export { useAiPowerUpsSettings } from "./useAiPowerUpsSettings.js";
+export { AiPowerUpsSettingsGroup } from "./settingsGroup.js";

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

@@ -0,0 +1,17 @@
+import { FormModelFactory, FormModel, Icon } from "@webiny/app-admin";
+export interface IAiPowerUpsSettingsGroupFormBuilder {
+    fields(fn: (fields: FormModelFactory.FieldBuilderRegistry) => Record<string, FormModelFactory.FieldBuilder>): void;
+    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;
+}
+export interface IAiPowerUpsSettingsGroup {
+    name: string;
+    label: string;
+    description?: string;
+    icon?: Icon;
+    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,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const AiPowerUpsSettingsGroup = createAbstraction("AiPowerUps/SettingsGroup");
+export { AiPowerUpsSettingsGroup };
+
+//# sourceMappingURL=settingsGroup.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,4 @@
+import type { IAiPowerUpsSettings } from "../../../admin/features/settings/shared/abstractions.js";
+export declare function useAiPowerUpsSettings(): {
+    settings: IAiPowerUpsSettings | null;
+};

package/admin/presentation/AiPowerUpsSettings/useAiPowerUpsSettings.js

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+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";
+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

@@ -0,0 +1 @@
+{"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/ProjectsSettings.d.ts

@@ -0,0 +1,11 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+declare class ProjectsSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    name: string;
+    label: string;
+    description: string;
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+}
+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.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,46 @@
+import { generateAlphaNumericId } from "@webiny/utils";
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsRepository, ListModelsUseCase } from "../features/listModels/abstractions.js";
+class ProviderSettingsImpl {
+    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}`
+            }));
+    }
+}
+const ProviderSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: ProviderSettingsImpl,
+    dependencies: [
+        ListModelsUseCase,
+        ListModelsRepository
+    ]
+});
+export { ProviderSettings };
+
+//# sourceMappingURL=ProvidersSettings.js.map

package/admin/presentation/ProvidersSettings.js.map

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

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