@webiny/ai-powerups 6.6.0-alpha.4 → 6.6.0-alpha.6

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

@@ -1 +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"}
+{"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 { ConnectionsSettings } from \"../ConnectionsSettings.js\";\nimport { ModelRolesSettings } from \"../ModelRolesSettings.js\";\nimport { CapabilitiesSettings } from \"../CapabilitiesSettings.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        /*\n         * Registration order is tab order. Configuration first (a key, then what each role runs,\n         * then per-feature exceptions), then the prompt content: personas and projects.\n         *\n         * `ProvidersSettings` is gone from the UI. Its stored section still round-trips on the api\n         * so `Connections` and `ModelRoles` can seed themselves from it once.\n         */\n        container.register(ConnectionsSettings);\n        container.register(ModelRolesSettings);\n        container.register(CapabilitiesSettings);\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","ConnectionsSettings","ModelRolesSettings","CapabilitiesSettings","ReaderPersonasSettings","WriterPersonasSettings","ProjectsSettings","AiPowerUpsSettingsPresenter","PresenterAbstraction"],"mappings":";;;;;;;;;AAUO,MAAMA,4BAA4BC,cAAc;IACnD,MAAM;IACN,UAASC,SAAS;QAQdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;QACnBL,UAAU,QAAQ,CAACM;QACnBN,UAAU,QAAQ,CAACO;IACvB;IACA,SAAQP,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACQ;QACjC;IACJ;AACJ"}

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

@@ -0,0 +1,13 @@
+import type { IAiPowerUpsSettings } from "../../../admin/features/settings/shared/abstractions.js";
+/**
+ * Whether a feature that runs on the Standard role has something to run on.
+ *
+ * The AI entry points hide themselves when the project has no model configured, and they used to
+ * test `providers.presets.length > 0` for it. That test passed for a row with no key in it, so the
+ * button appeared and the request failed. This one checks the whole chain the api will walk: the
+ * role is filled, the connection it names still exists, and that connection has a key.
+ *
+ * Admin only ever sees the masked key, and the mask is non-empty exactly when a key is stored, so
+ * it answers the question without the plaintext leaving the api.
+ */
+export declare const hasUsableModel: (settings: IAiPowerUpsSettings | null) => boolean;

package/admin/presentation/AiPowerUpsSettings/hasUsableModel.js

@@ -0,0 +1,9 @@
+const hasUsableModel = (settings)=>{
+    const standard = settings?.modelRoles?.roles?.["standard"];
+    if (!standard?.model || !standard.connectionId) return false;
+    const connection = settings?.connections?.presets?.find((c)=>c.id === standard.connectionId);
+    return Boolean(connection?.apiKey);
+};
+export { hasUsableModel };
+
+//# sourceMappingURL=hasUsableModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/AiPowerUpsSettings/hasUsableModel.js","sources":["../../../../src/admin/presentation/AiPowerUpsSettings/hasUsableModel.ts"],"sourcesContent":["import type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\n/**\n * Whether a feature that runs on the Standard role has something to run on.\n *\n * The AI entry points hide themselves when the project has no model configured, and they used to\n * test `providers.presets.length > 0` for it. That test passed for a row with no key in it, so the\n * button appeared and the request failed. This one checks the whole chain the api will walk: the\n * role is filled, the connection it names still exists, and that connection has a key.\n *\n * Admin only ever sees the masked key, and the mask is non-empty exactly when a key is stored, so\n * it answers the question without the plaintext leaving the api.\n */\nexport const hasUsableModel = (settings: IAiPowerUpsSettings | null): boolean => {\n    const standard = settings?.modelRoles?.roles?.[\"standard\"];\n\n    if (!standard?.model || !standard.connectionId) {\n        return false;\n    }\n\n    const connection = settings?.connections?.presets?.find(c => c.id === standard.connectionId);\n\n    return Boolean(connection?.apiKey);\n};\n"],"names":["hasUsableModel","settings","standard","connection","c","Boolean"],"mappings":"AAaO,MAAMA,iBAAiB,CAACC;IAC3B,MAAMC,WAAWD,UAAU,YAAY,OAAO,CAAC,WAAW;IAE1D,IAAI,CAACC,UAAU,SAAS,CAACA,SAAS,YAAY,EAC1C,OAAO;IAGX,MAAMC,aAAaF,UAAU,aAAa,SAAS,KAAKG,CAAAA,IAAKA,EAAE,EAAE,KAAKF,SAAS,YAAY;IAE3F,OAAOG,QAAQF,YAAY;AAC/B"}

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

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

package/admin/presentation/AiPowerUpsSettings/index.js

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

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

@@ -8,6 +8,15 @@ export interface IAiPowerUpsSettingsGroup {
     label: string;
     description?: string;
     icon?: Icon;
+    /**
+     * Awaited before `buildForm` runs.
+     *
+     * Field *options* are evaluated lazily on render, so a group that only needs server data for a
+     * select can fetch it in the background. Field *structure* is not: the Capabilities group
+     * builds one field per capability registered on the api, so that list has to be in hand before
+     * the form is built or the tab comes up empty.
+     */
+    init?(): Promise<void>;
     buildForm(formBuilder: IAiPowerUpsSettingsGroupFormBuilder): void;
 }
 export declare const AiPowerUpsSettingsGroup: import("@webiny/di").Abstraction<IAiPowerUpsSettingsGroup>;

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

@@ -1 +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"}
+{"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    /**\n     * Awaited before `buildForm` runs.\n     *\n     * Field *options* are evaluated lazily on render, so a group that only needs server data for a\n     * select can fetch it in the background. Field *structure* is not: the Capabilities group\n     * builds one field per capability registered on the api, so that list has to be in hand before\n     * the form is built or the tab comes up empty.\n     */\n    init?(): Promise<void>;\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":";AA6BO,MAAMA,0BAA0BC,kBACnC"}

package/admin/presentation/CapabilitiesSettings.d.ts

@@ -0,0 +1,39 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListCapabilitiesUseCase, ListCapabilitiesRepository } from "../../admin/features/listCapabilities/abstractions.js";
+import { ListModelsUseCase, ListModelsRepository } from "../../admin/features/listModels/abstractions.js";
+/**
+ * One row per AI feature, all of them empty by default.
+ *
+ * The rows come from the api's registered capabilities, so a feature that declares one appears here
+ * without a change to this file. That is the point: the previous plan was a hand-maintained tab per
+ * feature, which is the kind of list that stops matching reality on the second addition.
+ */
+declare class CapabilitiesSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    private listCapabilities;
+    private capabilitiesRepository;
+    private listModels;
+    private modelsRepository;
+    name: string;
+    label: string;
+    description: string;
+    constructor(listCapabilities: ListCapabilitiesUseCase.Interface, capabilitiesRepository: ListCapabilitiesRepository.Interface, listModels: ListModelsUseCase.Interface, modelsRepository: ListModelsRepository.Interface);
+    init(): Promise<void>;
+    /**
+     * Alphabetical by the label people actually read, not by id or registration order.
+     *
+     * Registration order is whatever the container happened to do, which puts "Page generation"
+     * above "CMS entry generation" for no reason a reader could infer. `localeCompare` rather than
+     * `<` so accented labels from an extension sort where a person would expect.
+     */
+    private sortedCapabilities;
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+    private buildCapabilityField;
+    private getConnections;
+    private getOverride;
+    private getPinnedConnection;
+    private getModelOptions;
+}
+export declare const CapabilitiesSettings: typeof CapabilitiesSettingsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./AiPowerUpsSettings/settingsGroup.js").IAiPowerUpsSettingsGroup>;
+};
+export {};

package/admin/presentation/CapabilitiesSettings.js

@@ -0,0 +1,104 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListCapabilitiesRepository, ListCapabilitiesUseCase } from "../features/listCapabilities/abstractions.js";
+import { ListModelsRepository, ListModelsUseCase } from "../features/listModels/abstractions.js";
+import { AI_MODEL_ROLE_DISPLAY, roleLabel } from "./modelRoles.js";
+function isEnabled(form, capabilityId) {
+    const data = form.getData();
+    return data.capabilities?.items?.[capabilityId]?.enabled !== false;
+}
+class CapabilitiesSettingsImpl {
+    constructor(listCapabilities, capabilitiesRepository, listModels, modelsRepository){
+        this.listCapabilities = listCapabilities;
+        this.capabilitiesRepository = capabilitiesRepository;
+        this.listModels = listModels;
+        this.modelsRepository = modelsRepository;
+        this.name = "capabilities";
+        this.label = "Capabilities";
+        this.description = "Per-feature model and prompt overrides. Empty means inherit.";
+    }
+    async init() {
+        await Promise.all([
+            this.listCapabilities.execute(),
+            this.listModels.execute()
+        ]);
+    }
+    sortedCapabilities() {
+        return [
+            ...this.capabilitiesRepository.getCapabilities()
+        ].sort((a, b)=>a.label.localeCompare(b.label));
+    }
+    buildForm(form) {
+        form.fields((fields)=>({
+                items: fields.object().label("Capabilities").renderer("passthrough").fields((f)=>Object.fromEntries(this.sortedCapabilities().map((capability)=>[
+                            capability.id,
+                            this.buildCapabilityField(f, capability)
+                        ])))
+            }));
+        form.layout((layout)=>[
+                layout.row("items")
+            ]);
+    }
+    buildCapabilityField(f, capability) {
+        const defaultRoleLabel = roleLabel(capability.defaultRole);
+        return f.object().label(capability.label).renderer("objectAccordionSingle", {
+            itemTitle: ()=>capability.label,
+            itemDescription: ()=>capability.description,
+            open: false
+        }).fields((cf)=>({
+                enabled: cf.boolean().label("Enabled").defaultValue(true).description("Turn this off to remove the feature from the app. The settings below are kept, but ignored, while it is off."),
+                overrides: cf.object().label("Overrides").renderer("passthrough").fields((of)=>({
+                        roleId: of.text().label("Model role").disabledWhen(({ form })=>!isEnabled(form, capability.id)).description(`Which role supplies this feature's model. Left empty, it uses ${defaultRoleLabel}.`).options(()=>AI_MODEL_ROLE_DISPLAY.map((role)=>({
+                                    label: role.label,
+                                    value: role.id
+                                }))),
+                        connectionId: of.text().label("Pin a connection").disabledWhen(({ form })=>!isEnabled(form, capability.id)).description("Advanced. Overrides the role above for this feature only.").options(({ form })=>[
+                                {
+                                    label: "Use the role's connection",
+                                    value: ""
+                                },
+                                ...this.getConnections(form).map((c)=>({
+                                        label: c.name,
+                                        value: c.id
+                                    }))
+                            ]),
+                        model: of.text().label("Pin a model").disabledWhen(({ form })=>!isEnabled(form, capability.id) || !this.getPinnedConnection(form, capability.id)).description("Both the connection and the model must be set for a pin to apply.").options(({ form })=>this.getModelOptions(form, capability.id)),
+                        additionalInstructions: of.text().label("Additional instructions").renderer("textarea", {
+                            rows: 5
+                        }).disabledWhen(({ form })=>!isEnabled(form, capability.id)).description("Appended to this feature's prompt. Use this for house style and standing rules.").note("Appending keeps Webiny's prompt in place, including the output format the feature depends on.")
+                    }))
+            }));
+    }
+    getConnections(form) {
+        const data = form.getData();
+        return (data.connections?.presets ?? []).filter((c)=>c.id && c.name);
+    }
+    getOverride(form, capabilityId) {
+        const data = form.getData();
+        return data.capabilities?.items?.[capabilityId]?.overrides ?? {};
+    }
+    getPinnedConnection(form, capabilityId) {
+        const connectionId = this.getOverride(form, capabilityId).connectionId;
+        if (!connectionId) return;
+        return this.getConnections(form).find((c)=>c.id === connectionId);
+    }
+    getModelOptions(form, capabilityId) {
+        const connection = this.getPinnedConnection(form, capabilityId);
+        if (!connection) return [];
+        return this.modelsRepository.getModels().filter((model)=>model.providerId === connection.sdkName).map((model)=>({
+                label: model.modelName,
+                value: `${model.providerId}/${model.modelId}`
+            }));
+    }
+}
+const CapabilitiesSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: CapabilitiesSettingsImpl,
+    dependencies: [
+        ListCapabilitiesUseCase,
+        ListCapabilitiesRepository,
+        ListModelsUseCase,
+        ListModelsRepository
+    ]
+});
+export { CapabilitiesSettings };
+
+//# sourceMappingURL=CapabilitiesSettings.js.map

package/admin/presentation/CapabilitiesSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CapabilitiesSettings.js","sources":["../../../src/admin/presentation/CapabilitiesSettings.ts"],"sourcesContent":["import type { IAiPowerUpsConnectionPreset } from \"~/admin/features/settings/shared/abstractions.js\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\nimport {\n    ListCapabilitiesUseCase,\n    ListCapabilitiesRepository\n} from \"~/admin/features/listCapabilities/abstractions.js\";\nimport {\n    ListModelsUseCase,\n    ListModelsRepository\n} from \"~/admin/features/listModels/abstractions.js\";\nimport { AI_MODEL_ROLE_DISPLAY, roleLabel } from \"./modelRoles.js\";\nimport type { AiCapability } from \"~/admin/features/listCapabilities/abstractions.js\";\nimport type { FormModel, FormModelFactory } from \"@webiny/app-admin\";\n\n/**\n * Absent means enabled, exactly as it does in storage and in the resolver.\n *\n * The form seeds an untouched switch to `true`, so in practice this only reads `false` after someone\n * flips one. Spelled `!== false` anyway, so it keeps agreeing with the other two if that default\n * ever goes away.\n */\nfunction isEnabled(form: FormModel.Interface, capabilityId: string): boolean {\n    const data = form.getData() as {\n        capabilities?: { items?: Record<string, { enabled?: boolean }> };\n    };\n    return data.capabilities?.items?.[capabilityId]?.enabled !== false;\n}\n\n/**\n * One row per AI feature, all of them empty by default.\n *\n * The rows come from the api's registered capabilities, so a feature that declares one appears here\n * without a change to this file. That is the point: the previous plan was a hand-maintained tab per\n * feature, which is the kind of list that stops matching reality on the second addition.\n */\nclass CapabilitiesSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"capabilities\";\n    label = \"Capabilities\";\n    description = \"Per-feature model and prompt overrides. Empty means inherit.\";\n\n    constructor(\n        private listCapabilities: ListCapabilitiesUseCase.Interface,\n        private capabilitiesRepository: ListCapabilitiesRepository.Interface,\n        private listModels: ListModelsUseCase.Interface,\n        private modelsRepository: ListModelsRepository.Interface\n    ) {}\n\n    async init(): Promise<void> {\n        await Promise.all([this.listCapabilities.execute(), this.listModels.execute()]);\n    }\n\n    /**\n     * Alphabetical by the label people actually read, not by id or registration order.\n     *\n     * Registration order is whatever the container happened to do, which puts \"Page generation\"\n     * above \"CMS entry generation\" for no reason a reader could infer. `localeCompare` rather than\n     * `<` so accented labels from an extension sort where a person would expect.\n     */\n    private sortedCapabilities(): AiCapability[] {\n        return [...this.capabilitiesRepository.getCapabilities()].sort((a, b) =>\n            a.label.localeCompare(b.label)\n        );\n    }\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            items: fields\n                .object()\n                .label(\"Capabilities\")\n                .renderer(\"passthrough\")\n                .fields(f =>\n                    Object.fromEntries(\n                        this.sortedCapabilities().map(capability => [\n                            capability.id,\n                            this.buildCapabilityField(f, capability)\n                        ])\n                    )\n                )\n        }));\n\n        form.layout(layout => [layout.row(\"items\")]);\n    }\n\n    private buildCapabilityField(\n        f: FormModelFactory.FieldBuilderRegistry,\n        capability: AiCapability\n    ): FormModelFactory.FieldBuilder {\n        const defaultRoleLabel = roleLabel(capability.defaultRole);\n\n        return (\n            f\n                .object()\n                .label(capability.label)\n                /*\n                 * Callbacks, not strings: a string is read as a field name, not as literal text. The\n                 * title happened to survive that because the renderer falls back to the field label,\n                 * but the description silently vanished.\n                 */\n                .renderer(\"objectAccordionSingle\", {\n                    itemTitle: () => capability.label,\n                    itemDescription: () => capability.description,\n                    // Closed by default. Every row is empty until someone changes something, so an\n                    // expanded list of five would be five screens of nothing.\n                    open: false\n                })\n                .fields(cf => ({\n                    /*\n                     * On unless someone turns it off. A licence that grants a capability enables it\n                     * immediately, so nobody has to come here and opt in; the only thing this\n                     * records is a decision to switch one off.\n                     */\n                    enabled: cf\n                        .boolean()\n                        .label(\"Enabled\")\n                        /*\n                         * On unless storage explicitly says otherwise. Nothing is written down for a\n                         * capability a licence enabled, so the stored value is absent, and a switch\n                         * renders absent as off. Without this default every untouched capability\n                         * shows as disabled while actually running, which is the same `undefined`\n                         * confusion the storage side guards against, seen from the front.\n                         */\n                        .defaultValue(true)\n                        .description(\n                            \"Turn this off to remove the feature from the app. The settings below are kept, but ignored, while it is off.\"\n                        ),\n\n                    overrides: cf\n                        .object()\n                        .label(\"Overrides\")\n                        .renderer(\"passthrough\")\n                        .fields(of => ({\n                            /*\n                             * The inherited role goes in the description, not in the option list. An option\n                             * with an empty value is dropped by the select renderer, so the \"Inherit (Fast)\"\n                             * entry never rendered and nothing said which role this feature falls back to.\n                             * Clearing the field is done with the select's own reset control.\n                             */\n                            roleId: of\n                                .text()\n                                .label(\"Model role\")\n                                .disabledWhen(({ form }) => !isEnabled(form, capability.id))\n                                .description(\n                                    `Which role supplies this feature's model. Left empty, it uses ${defaultRoleLabel}.`\n                                )\n                                .options(() =>\n                                    AI_MODEL_ROLE_DISPLAY.map(role => ({\n                                        label: role.label,\n                                        value: role.id\n                                    }))\n                                ),\n\n                            /*\n                             * Pinning a model bypasses roles for this one feature. It is the escape hatch, not\n                             * the mechanism: a project that pins everything has thrown away the indirection\n                             * that makes \"switch our cheap model\" a single edit.\n                             */\n                            connectionId: of\n                                .text()\n                                .label(\"Pin a connection\")\n                                .disabledWhen(({ form }) => !isEnabled(form, capability.id))\n                                .description(\n                                    \"Advanced. Overrides the role above for this feature only.\"\n                                )\n                                .options(({ form }) => [\n                                    { label: \"Use the role's connection\", value: \"\" },\n                                    ...this.getConnections(form).map(c => ({\n                                        label: c.name,\n                                        value: c.id\n                                    }))\n                                ]),\n                            model: of\n                                .text()\n                                .label(\"Pin a model\")\n                                .disabledWhen(\n                                    ({ form }) =>\n                                        !isEnabled(form, capability.id) ||\n                                        !this.getPinnedConnection(form, capability.id)\n                                )\n                                .description(\n                                    \"Both the connection and the model must be set for a pin to apply.\"\n                                )\n                                .options(({ form }) => this.getModelOptions(form, capability.id)),\n\n                            additionalInstructions: of\n                                .text()\n                                .label(\"Additional instructions\")\n                                .renderer(\"textarea\", { rows: 5 })\n                                .disabledWhen(({ form }) => !isEnabled(form, capability.id))\n                                .description(\n                                    \"Appended to this feature's prompt. Use this for house style and standing rules.\"\n                                )\n                                .note(\n                                    \"Appending keeps Webiny's prompt in place, including the output format the feature depends on.\"\n                                )\n                        }))\n                }))\n        );\n    }\n\n    private getConnections(form: FormModel.Interface): IAiPowerUpsConnectionPreset[] {\n        const data = form.getData() as {\n            connections?: { presets?: IAiPowerUpsConnectionPreset[] };\n        };\n        return (data.connections?.presets ?? []).filter(c => c.id && c.name);\n    }\n\n    private getOverride(\n        form: FormModel.Interface,\n        capabilityId: string\n    ): { connectionId?: string } {\n        const data = form.getData() as {\n            capabilities?: { items?: Record<string, { overrides?: { connectionId?: string } }> };\n        };\n        return data.capabilities?.items?.[capabilityId]?.overrides ?? {};\n    }\n\n    private getPinnedConnection(\n        form: FormModel.Interface,\n        capabilityId: string\n    ): IAiPowerUpsConnectionPreset | undefined {\n        const connectionId = this.getOverride(form, capabilityId).connectionId;\n\n        if (!connectionId) {\n            return undefined;\n        }\n\n        return this.getConnections(form).find(c => c.id === connectionId);\n    }\n\n    private getModelOptions(form: FormModel.Interface, capabilityId: string) {\n        const connection = this.getPinnedConnection(form, capabilityId);\n\n        if (!connection) {\n            return [];\n        }\n\n        return this.modelsRepository\n            .getModels()\n            .filter(model => model.providerId === connection.sdkName)\n            .map(model => ({\n                label: model.modelName,\n                value: `${model.providerId}/${model.modelId}`\n            }));\n    }\n}\n\nexport const CapabilitiesSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: CapabilitiesSettingsImpl,\n    dependencies: [\n        ListCapabilitiesUseCase,\n        ListCapabilitiesRepository,\n        ListModelsUseCase,\n        ListModelsRepository\n    ]\n});\n"],"names":["isEnabled","form","capabilityId","data","CapabilitiesSettingsImpl","listCapabilities","capabilitiesRepository","listModels","modelsRepository","Promise","a","b","fields","f","Object","capability","layout","defaultRoleLabel","roleLabel","cf","of","AI_MODEL_ROLE_DISPLAY","role","c","connectionId","connection","model","CapabilitiesSettings","AiPowerUpsSettingsGroup","ListCapabilitiesUseCase","ListCapabilitiesRepository","ListModelsUseCase","ListModelsRepository"],"mappings":"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"}

package/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js

@@ -5,7 +5,7 @@ import { ReactComponent } from "@webiny/icons/auto_fix_high.svg";
 import { useOpenDialog } from "@webiny/app-admin";
 import { useModel } from "@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js";
 import { CMS_GENERATE_CONTENT_DIALOG } from "./CmsGenerateContentDialog.js";
-import { useAiPowerUpsSettings } from "../AiPowerUpsSettings/index.js";
+import { hasUsableModel, useAiPowerUpsSettings } from "../AiPowerUpsSettings/index.js";
 import { useContentEntryFormPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
 const CmsGenerateContentButton = observer(()=>{
     const { openDialog } = useOpenDialog();
@@ -13,7 +13,7 @@ const CmsGenerateContentButton = observer(()=>{
     const { model } = useModel();
     const presenter = useContentEntryFormPresenter();
     if (!presenter.vm.canSave) return null;
-    if (!settings || 0 === settings.providers.presets.length) return null;
+    if (!hasUsableModel(settings)) return null;
     return /*#__PURE__*/ react.createElement(IconButton, {
         variant: "ghost",
         icon: /*#__PURE__*/ react.createElement(ReactComponent, null),

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

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as ChatIcon } from \"@webiny/icons/auto_fix_high.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { useModel } from \"@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js\";\nimport { CMS_GENERATE_CONTENT_DIALOG } from \"./CmsGenerateContentDialog.js\";\nimport { useAiPowerUpsSettings } from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\n\nexport const CmsGenerateContentButton = observer(() => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n    const { model } = useModel();\n    const presenter = useContentEntryFormPresenter();\n\n    if (!presenter.vm.canSave) {\n        return null;\n    }\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(CMS_GENERATE_CONTENT_DIALOG, { modelId: model.modelId })}\n        />\n    );\n});\n"],"names":["CmsGenerateContentButton","observer","openDialog","useOpenDialog","settings","useAiPowerUpsSettings","model","useModel","presenter","useContentEntryFormPresenter","IconButton","ChatIcon","CMS_GENERATE_CONTENT_DIALOG"],"mappings":";;;;;;;;;AAUO,MAAMA,2BAA2BC,SAAS;IAC7C,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,YAAYC;IAElB,IAAI,CAACD,UAAU,EAAE,CAAC,OAAO,EACrB,OAAO;IAGX,IAAI,CAACJ,YAAYA,AAAsC,MAAtCA,SAAS,SAAS,CAAC,OAAO,CAAC,MAAM,EAC9C,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,YAAUA;QACP,SAAQ;QACR,oBAAM,oBAACC,gBAAQA;QACf,SAAS,IAAMT,WAAWU,6BAA6B;gBAAE,SAASN,MAAM,OAAO;YAAC;;AAG5F"}
+{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as ChatIcon } from \"@webiny/icons/auto_fix_high.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { useModel } from \"@webiny/app-headless-cms/admin/components/ModelProvider/useModel.js\";\nimport { CMS_GENERATE_CONTENT_DIALOG } from \"./CmsGenerateContentDialog.js\";\nimport {\n    hasUsableModel,\n    useAiPowerUpsSettings\n} from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\nimport { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\n\nexport const CmsGenerateContentButton = observer(() => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n    const { model } = useModel();\n    const presenter = useContentEntryFormPresenter();\n\n    if (!presenter.vm.canSave) {\n        return null;\n    }\n\n    if (!hasUsableModel(settings)) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            variant=\"ghost\"\n            icon={<ChatIcon />}\n            onClick={() => openDialog(CMS_GENERATE_CONTENT_DIALOG, { modelId: model.modelId })}\n        />\n    );\n});\n"],"names":["CmsGenerateContentButton","observer","openDialog","useOpenDialog","settings","useAiPowerUpsSettings","model","useModel","presenter","useContentEntryFormPresenter","hasUsableModel","IconButton","ChatIcon","CMS_GENERATE_CONTENT_DIALOG"],"mappings":";;;;;;;;;AAaO,MAAMA,2BAA2BC,SAAS;IAC7C,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,YAAYC;IAElB,IAAI,CAACD,UAAU,EAAE,CAAC,OAAO,EACrB,OAAO;IAGX,IAAI,CAACE,eAAeN,WAChB,OAAO;IAGX,OAAO,WAAP,GACI,oBAACO,YAAUA;QACP,SAAQ;QACR,oBAAM,oBAACC,gBAAQA;QACf,SAAS,IAAMV,WAAWW,6BAA6B;gBAAE,SAASP,MAAM,OAAO;YAAC;;AAG5F"}

package/admin/presentation/ConnectionsSettings.d.ts

@@ -0,0 +1,25 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsUseCase, ListModelsRepository } from "../../admin/features/listModels/abstractions.js";
+/**
+ * One row per API key. The model select moved to Model roles, so adding a second Anthropic model no
+ * longer means pasting the same key twice.
+ */
+declare class ConnectionsSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    private useCase;
+    private repository;
+    name: string;
+    label: string;
+    description: string;
+    constructor(useCase: ListModelsUseCase.Interface, repository: ListModelsRepository.Interface);
+    init(): Promise<void>;
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+    /**
+     * Derived from the registered SDK factories rather than hardcoded, so a project that registers
+     * its own `AiSdkFactory` shows up here without a change to this file.
+     */
+    private getVendorOptions;
+}
+export declare const ConnectionsSettings: typeof ConnectionsSettingsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./AiPowerUpsSettings/settingsGroup.js").IAiPowerUpsSettingsGroup>;
+};
+export {};

package/admin/presentation/ConnectionsSettings.js

@@ -0,0 +1,52 @@
+import { generateAlphaNumericId } from "@webiny/utils";
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsRepository, ListModelsUseCase } from "../features/listModels/abstractions.js";
+class ConnectionsSettingsImpl {
+    constructor(useCase, repository){
+        this.useCase = useCase;
+        this.repository = repository;
+        this.name = "connections";
+        this.label = "Connections";
+        this.description = "API keys for the AI vendors this project uses.";
+    }
+    async init() {
+        await this.useCase.execute();
+    }
+    buildForm(form) {
+        form.fields((fields)=>({
+                presets: fields.object().label("Connections").renderer("objectAccordionMultiple", {
+                    container: false,
+                    addItemLabel: "Add connection",
+                    itemTitle: (data, index)=>String(data.name || `Connection #${index + 1}`)
+                }).fields((f)=>({
+                        id: f.text().hidden().defaultValue(()=>generateAlphaNumericId(10)),
+                        name: f.text().label("Name").required("Name is required").description("How this connection appears when picking a model. Name it after the key, not the vendor, so two keys for the same vendor stay distinguishable."),
+                        sdkName: f.text().label("Vendor").required("Vendor is required").description("Which provider this key belongs to.").options(()=>this.getVendorOptions()).renderer("select"),
+                        apiKey: f.text().label("API Key").required("API Key is required").description("Encrypted at rest. Only the last few characters are shown after saving.")
+                    })).list()
+            }));
+        form.layout((layout)=>[
+                layout.row("presets")
+            ]);
+    }
+    getVendorOptions() {
+        const seen = new Map();
+        for (const model of this.repository.getModels())seen.set(model.providerId, model.providerName);
+        return [
+            ...seen.entries()
+        ].map(([value, label])=>({
+                label,
+                value
+            }));
+    }
+}
+const ConnectionsSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: ConnectionsSettingsImpl,
+    dependencies: [
+        ListModelsUseCase,
+        ListModelsRepository
+    ]
+});
+export { ConnectionsSettings };
+
+//# sourceMappingURL=ConnectionsSettings.js.map

package/admin/presentation/ConnectionsSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/ConnectionsSettings.js","sources":["../../../src/admin/presentation/ConnectionsSettings.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\n/**\n * One row per API key. The model select moved to Model roles, so adding a second Anthropic model no\n * longer means pasting the same key twice.\n */\nclass ConnectionsSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"connections\";\n    label = \"Connections\";\n    description = \"API keys for the AI vendors this project uses.\";\n\n    constructor(\n        private useCase: ListModelsUseCase.Interface,\n        private repository: ListModelsRepository.Interface\n    ) {}\n\n    async init(): Promise<void> {\n        await this.useCase.execute();\n    }\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .label(\"Connections\")\n                .renderer(\"objectAccordionMultiple\", {\n                    container: false,\n                    addItemLabel: \"Add connection\",\n                    itemTitle: (data, index) => String(data.name || `Connection #${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                            \"How this connection appears when picking a model. Name it after the key, not the vendor, so two keys for the same vendor stay distinguishable.\"\n                        ),\n                    sdkName: f\n                        .text()\n                        .label(\"Vendor\")\n                        .required(\"Vendor is required\")\n                        .description(\"Which provider this key belongs to.\")\n                        .options(() => this.getVendorOptions())\n                        .renderer(\"select\"),\n                    apiKey: f\n                        .text()\n                        .label(\"API Key\")\n                        .required(\"API Key is required\")\n                        .description(\n                            \"Encrypted at rest. Only the last few characters are shown after saving.\"\n                        )\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n\n    /**\n     * Derived from the registered SDK factories rather than hardcoded, so a project that registers\n     * its own `AiSdkFactory` shows up here without a change to this file.\n     */\n    private getVendorOptions() {\n        const seen = new Map<string, string>();\n\n        for (const model of this.repository.getModels()) {\n            seen.set(model.providerId, model.providerName);\n        }\n\n        return [...seen.entries()].map(([value, label]) => ({ label, value }));\n    }\n}\n\nexport const ConnectionsSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ConnectionsSettingsImpl,\n    dependencies: [ListModelsUseCase, ListModelsRepository]\n});\n"],"names":["ConnectionsSettingsImpl","useCase","repository","form","fields","data","index","String","f","generateAlphaNumericId","layout","seen","Map","model","value","label","ConnectionsSettings","AiPowerUpsSettingsGroup","ListModelsUseCase","ListModelsRepository"],"mappings":";;;AAWA,MAAMA;IAKF,YACYC,OAAoC,EACpCC,UAA0C,CACpD;aAFUD,OAAO,GAAPA;aACAC,UAAU,GAAVA;aANZ,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;IAKX;IAEH,MAAM,OAAsB;QACxB,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO;IAC9B;IAEA,UAAUC,IAAyC,EAAQ;QACvDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,SAASA,OACJ,MAAM,GACN,KAAK,CAAC,eACN,QAAQ,CAAC,2BAA2B;oBACjC,WAAW;oBACX,cAAc;oBACd,WAAW,CAACC,MAAMC,QAAUC,OAAOF,KAAK,IAAI,IAAI,CAAC,YAAY,EAAEC,QAAQ,GAAG;gBAC9E,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,SAASA,EACJ,IAAI,GACJ,KAAK,CAAC,UACN,QAAQ,CAAC,sBACT,WAAW,CAAC,uCACZ,OAAO,CAAC,IAAM,IAAI,CAAC,gBAAgB,IACnC,QAAQ,CAAC;wBACd,QAAQA,EACH,IAAI,GACJ,KAAK,CAAC,WACN,QAAQ,CAAC,uBACT,WAAW,CACR;oBAEZ,IACC,IAAI;YACb;QAEAL,KAAK,MAAM,CAACO,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAW;IACjD;IAMQ,mBAAmB;QACvB,MAAMC,OAAO,IAAIC;QAEjB,KAAK,MAAMC,SAAS,IAAI,CAAC,UAAU,CAAC,SAAS,GACzCF,KAAK,GAAG,CAACE,MAAM,UAAU,EAAEA,MAAM,YAAY;QAGjD,OAAO;eAAIF,KAAK,OAAO;SAAG,CAAC,GAAG,CAAC,CAAC,CAACG,OAAOC,MAAM,GAAM;gBAAEA;gBAAOD;YAAM;IACvE;AACJ;AAEO,MAAME,sBAAsBC,wBAAwB,oBAAoB,CAAC;IAC5E,gBAAgBjB;IAChB,cAAc;QAACkB;QAAmBC;KAAqB;AAC3D"}

package/admin/presentation/ModelRolesSettings.d.ts

@@ -0,0 +1,29 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsUseCase, ListModelsRepository } from "../../admin/features/listModels/abstractions.js";
+/**
+ * Three selects, and for most projects this is the whole AI configuration: one connection, one
+ * model per role. Everything else in these settings is opt-in.
+ */
+declare class ModelRolesSettingsImpl implements AiPowerUpsSettingsGroup.Interface {
+    private useCase;
+    private repository;
+    name: string;
+    label: string;
+    description: string;
+    constructor(useCase: ListModelsUseCase.Interface, repository: ListModelsRepository.Interface);
+    init(): Promise<void>;
+    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void;
+    private getConnections;
+    private getConnectionOptions;
+    private getSelectedConnection;
+    /**
+     * Filtered by the chosen connection's vendor. Listing every model regardless would let someone
+     * pair an OpenAI model with an Anthropic key, which then fails at request time with a provider
+     * auth error that says nothing about the real mistake.
+     */
+    private getModelOptions;
+}
+export declare const ModelRolesSettings: typeof ModelRolesSettingsImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./AiPowerUpsSettings/settingsGroup.js").IAiPowerUpsSettingsGroup>;
+};
+export {};

package/admin/presentation/ModelRolesSettings.js

@@ -0,0 +1,67 @@
+import { AiPowerUpsSettingsGroup } from "./AiPowerUpsSettings/settingsGroup.js";
+import { ListModelsRepository, ListModelsUseCase } from "../features/listModels/abstractions.js";
+import { AI_MODEL_ROLE_DISPLAY } from "./modelRoles.js";
+class ModelRolesSettingsImpl {
+    constructor(useCase, repository){
+        this.useCase = useCase;
+        this.repository = repository;
+        this.name = "modelRoles";
+        this.label = "Model roles";
+        this.description = "Which model does the cheap work, the main work, and the image work.";
+    }
+    async init() {
+        await this.useCase.execute();
+    }
+    buildForm(form) {
+        form.fields((fields)=>({
+                roles: fields.object().label("Roles").renderer("passthrough").fields((f)=>Object.fromEntries(AI_MODEL_ROLE_DISPLAY.map((role)=>[
+                            role.id,
+                            f.object().label(role.label).renderer("objectAccordionSingle", {
+                                itemTitle: ()=>role.label,
+                                itemDescription: ()=>role.description,
+                                open: true
+                            }).fields((rf)=>({
+                                    connectionId: rf.text().label("Connection").description("Which API key runs this role.").options(({ form })=>this.getConnectionOptions(form)),
+                                    model: rf.text().label("Model").description("Only models from the selected connection's vendor are listed.").disabledWhen(({ form })=>!this.getSelectedConnection(form, role.id)).options(({ form })=>this.getModelOptions(form, role.id))
+                                }))
+                        ])))
+            }));
+        form.layout((layout)=>[
+                layout.row("roles")
+            ]);
+    }
+    getConnections(form) {
+        const data = form.getData();
+        return data.connections?.presets ?? [];
+    }
+    getConnectionOptions(form) {
+        return this.getConnections(form).filter((c)=>c.id && c.name).map((c)=>({
+                label: c.name,
+                value: c.id
+            }));
+    }
+    getSelectedConnection(form, roleId) {
+        const data = form.getData();
+        const connectionId = data.modelRoles?.roles?.[roleId]?.connectionId;
+        if (!connectionId) return;
+        return this.getConnections(form).find((c)=>c.id === connectionId);
+    }
+    getModelOptions(form, roleId) {
+        const connection = this.getSelectedConnection(form, roleId);
+        if (!connection) return [];
+        return this.repository.getModels().filter((model)=>model.providerId === connection.sdkName).map((model)=>({
+                label: model.modelName,
+                value: `${model.providerId}/${model.modelId}`
+            }));
+    }
+}
+const ModelRolesSettings = AiPowerUpsSettingsGroup.createImplementation({
+    implementation: ModelRolesSettingsImpl,
+    dependencies: [
+        ListModelsUseCase,
+        ListModelsRepository
+    ]
+});
+export { ModelRolesSettings };
+
+//# sourceMappingURL=ModelRolesSettings.js.map

package/admin/presentation/ModelRolesSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/ModelRolesSettings.js","sources":["../../../src/admin/presentation/ModelRolesSettings.ts"],"sourcesContent":["import type { IAiPowerUpsConnectionPreset } from \"~/admin/features/settings/shared/abstractions.js\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\nimport {\n    ListModelsUseCase,\n    ListModelsRepository\n} from \"~/admin/features/listModels/abstractions.js\";\nimport { AI_MODEL_ROLE_DISPLAY } from \"./modelRoles.js\";\nimport type { FormModel } from \"@webiny/app-admin\";\n\n/**\n * Three selects, and for most projects this is the whole AI configuration: one connection, one\n * model per role. Everything else in these settings is opt-in.\n */\nclass ModelRolesSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"modelRoles\";\n    label = \"Model roles\";\n    description = \"Which model does the cheap work, the main work, and the image work.\";\n\n    constructor(\n        private useCase: ListModelsUseCase.Interface,\n        private repository: ListModelsRepository.Interface\n    ) {}\n\n    async init(): Promise<void> {\n        await this.useCase.execute();\n    }\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            roles: fields\n                .object()\n                .label(\"Roles\")\n                .renderer(\"passthrough\")\n                .fields(f =>\n                    Object.fromEntries(\n                        AI_MODEL_ROLE_DISPLAY.map(role => [\n                            role.id,\n                            f\n                                .object()\n                                .label(role.label)\n                                /*\n                                 * Both callbacks, not strings. A string here is a *field name* to\n                                 * read the value from, not literal text, so passing prose made the\n                                 * renderer look for a child field called \"Cheap, low-latency\n                                 * work...\" and render no description at all.\n                                 */\n                                .renderer(\"objectAccordionSingle\", {\n                                    itemTitle: () => role.label,\n                                    itemDescription: () => role.description,\n                                    open: true\n                                })\n                                .fields(rf => ({\n                                    connectionId: rf\n                                        .text()\n                                        .label(\"Connection\")\n                                        .description(\"Which API key runs this role.\")\n                                        .options(({ form }) => this.getConnectionOptions(form)),\n                                    model: rf\n                                        .text()\n                                        .label(\"Model\")\n                                        .description(\n                                            \"Only models from the selected connection's vendor are listed.\"\n                                        )\n                                        .disabledWhen(\n                                            ({ form }) => !this.getSelectedConnection(form, role.id)\n                                        )\n                                        .options(({ form }) => this.getModelOptions(form, role.id))\n                                }))\n                        ])\n                    )\n                )\n        }));\n\n        form.layout(layout => [layout.row(\"roles\")]);\n    }\n\n    private getConnections(form: FormModel.Interface): IAiPowerUpsConnectionPreset[] {\n        const data = form.getData() as {\n            connections?: { presets?: IAiPowerUpsConnectionPreset[] };\n        };\n        return data.connections?.presets ?? [];\n    }\n\n    private getConnectionOptions(form: FormModel.Interface) {\n        return this.getConnections(form)\n            .filter(c => c.id && c.name)\n            .map(c => ({ label: c.name, value: c.id }));\n    }\n\n    private getSelectedConnection(\n        form: FormModel.Interface,\n        roleId: string\n    ): IAiPowerUpsConnectionPreset | undefined {\n        const data = form.getData() as {\n            modelRoles?: { roles?: Record<string, { connectionId?: string }> };\n        };\n        const connectionId = data.modelRoles?.roles?.[roleId]?.connectionId;\n\n        if (!connectionId) {\n            return undefined;\n        }\n\n        return this.getConnections(form).find(c => c.id === connectionId);\n    }\n\n    /**\n     * Filtered by the chosen connection's vendor. Listing every model regardless would let someone\n     * pair an OpenAI model with an Anthropic key, which then fails at request time with a provider\n     * auth error that says nothing about the real mistake.\n     */\n    private getModelOptions(form: FormModel.Interface, roleId: string) {\n        const connection = this.getSelectedConnection(form, roleId);\n\n        if (!connection) {\n            return [];\n        }\n\n        return this.repository\n            .getModels()\n            .filter(model => model.providerId === connection.sdkName)\n            .map(model => ({\n                label: model.modelName,\n                value: `${model.providerId}/${model.modelId}`\n            }));\n    }\n}\n\nexport const ModelRolesSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ModelRolesSettingsImpl,\n    dependencies: [ListModelsUseCase, ListModelsRepository]\n});\n"],"names":["ModelRolesSettingsImpl","useCase","repository","form","fields","f","Object","AI_MODEL_ROLE_DISPLAY","role","rf","layout","data","c","roleId","connectionId","connection","model","ModelRolesSettings","AiPowerUpsSettingsGroup","ListModelsUseCase","ListModelsRepository"],"mappings":";;;AAaA,MAAMA;IAKF,YACYC,OAAoC,EACpCC,UAA0C,CACpD;aAFUD,OAAO,GAAPA;aACAC,UAAU,GAAVA;aANZ,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;IAKX;IAEH,MAAM,OAAsB;QACxB,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO;IAC9B;IAEA,UAAUC,IAAyC,EAAQ;QACvDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OACF,MAAM,GACN,KAAK,CAAC,SACN,QAAQ,CAAC,eACT,MAAM,CAACC,CAAAA,IACJC,OAAO,WAAW,CACdC,sBAAsB,GAAG,CAACC,CAAAA,OAAQ;4BAC9BA,KAAK,EAAE;4BACPH,EACK,MAAM,GACN,KAAK,CAACG,KAAK,KAAK,EAOhB,QAAQ,CAAC,yBAAyB;gCAC/B,WAAW,IAAMA,KAAK,KAAK;gCAC3B,iBAAiB,IAAMA,KAAK,WAAW;gCACvC,MAAM;4BACV,GACC,MAAM,CAACC,CAAAA,KAAO;oCACX,cAAcA,GACT,IAAI,GACJ,KAAK,CAAC,cACN,WAAW,CAAC,iCACZ,OAAO,CAAC,CAAC,EAAEN,IAAI,EAAE,GAAK,IAAI,CAAC,oBAAoB,CAACA;oCACrD,OAAOM,GACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CACR,iEAEH,YAAY,CACT,CAAC,EAAEN,IAAI,EAAE,GAAK,CAAC,IAAI,CAAC,qBAAqB,CAACA,MAAMK,KAAK,EAAE,GAE1D,OAAO,CAAC,CAAC,EAAEL,IAAI,EAAE,GAAK,IAAI,CAAC,eAAe,CAACA,MAAMK,KAAK,EAAE;gCACjE;yBACP;YAGjB;QAEAL,KAAK,MAAM,CAACO,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAS;IAC/C;IAEQ,eAAeP,IAAyB,EAAiC;QAC7E,MAAMQ,OAAOR,KAAK,OAAO;QAGzB,OAAOQ,KAAK,WAAW,EAAE,WAAW,EAAE;IAC1C;IAEQ,qBAAqBR,IAAyB,EAAE;QACpD,OAAO,IAAI,CAAC,cAAc,CAACA,MACtB,MAAM,CAACS,CAAAA,IAAKA,EAAE,EAAE,IAAIA,EAAE,IAAI,EAC1B,GAAG,CAACA,CAAAA,IAAM;gBAAE,OAAOA,EAAE,IAAI;gBAAE,OAAOA,EAAE,EAAE;YAAC;IAChD;IAEQ,sBACJT,IAAyB,EACzBU,MAAc,EACyB;QACvC,MAAMF,OAAOR,KAAK,OAAO;QAGzB,MAAMW,eAAeH,KAAK,UAAU,EAAE,OAAO,CAACE,OAAO,EAAE;QAEvD,IAAI,CAACC,cACD;QAGJ,OAAO,IAAI,CAAC,cAAc,CAACX,MAAM,IAAI,CAACS,CAAAA,IAAKA,EAAE,EAAE,KAAKE;IACxD;IAOQ,gBAAgBX,IAAyB,EAAEU,MAAc,EAAE;QAC/D,MAAME,aAAa,IAAI,CAAC,qBAAqB,CAACZ,MAAMU;QAEpD,IAAI,CAACE,YACD,OAAO,EAAE;QAGb,OAAO,IAAI,CAAC,UAAU,CACjB,SAAS,GACT,MAAM,CAACC,CAAAA,QAASA,MAAM,UAAU,KAAKD,WAAW,OAAO,EACvD,GAAG,CAACC,CAAAA,QAAU;gBACX,OAAOA,MAAM,SAAS;gBACtB,OAAO,GAAGA,MAAM,UAAU,CAAC,CAAC,EAAEA,MAAM,OAAO,EAAE;YACjD;IACR;AACJ;AAEO,MAAMC,qBAAqBC,wBAAwB,oBAAoB,CAAC;IAC3E,gBAAgBlB;IAChB,cAAc;QAACmB;QAAmBC;KAAqB;AAC3D"}

package/admin/presentation/WbContentGeneration/GenerateContentButton.js

@@ -3,11 +3,11 @@ import { IconButton } from "@webiny/admin-ui";
 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";
+import { hasUsableModel, useAiPowerUpsSettings } from "../AiPowerUpsSettings/index.js";
 const GenerateContentButton = ()=>{
     const { openDialog } = useOpenDialog();
     const { settings } = useAiPowerUpsSettings();
-    if (!settings || 0 === settings.providers.presets.length) return null;
+    if (!hasUsableModel(settings)) return null;
     return /*#__PURE__*/ react.createElement(IconButton, {
         variant: "ghost",
         icon: /*#__PURE__*/ react.createElement(ReactComponent, null),

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

@@ -1 +1 @@
-{"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"}
+{"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 {\n    hasUsableModel,\n    useAiPowerUpsSettings\n} from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\n\nexport const GenerateContentButton = () => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n\n    if (!hasUsableModel(settings)) {\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","hasUsableModel","IconButton","ChatIcon","GENERATE_CONTENT_DIALOG"],"mappings":";;;;;;AAUO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,IAAI,CAACC,eAAeF,WAChB,OAAO;IAGX,OAAO,WAAP,GACI,oBAACG,YAAUA;QACP,SAAQ;QACR,oBAAM,oBAACC,gBAAQA;QACf,SAAS,IAAMN,WAAWO,yBAAyB,CAAC;;AAGhE"}

package/admin/presentation/modelRoles.d.ts

@@ -0,0 +1,10 @@
+import { AI_MODEL_ROLE_IDS } from "../../admin/domain/modelRoles.js";
+import type { AiModelRoleId } from "../../admin/domain/modelRoles.js";
+export { AI_MODEL_ROLE_IDS };
+export type { AiModelRoleId };
+export declare const AI_MODEL_ROLE_DISPLAY: {
+    label: string;
+    description: string;
+    id: "fast" | "standard" | "vision";
+}[];
+export declare const roleLabel: (id: string) => string;

package/admin/presentation/modelRoles.js

@@ -0,0 +1,23 @@
+import { AI_MODEL_ROLE_IDS } from "../domain/modelRoles.js";
+const ROLE_TEXT = {
+    fast: {
+        label: "Fast",
+        description: "Cheap, low-latency work where a smaller model is good enough: summarising, classifying, comparing."
+    },
+    standard: {
+        label: "Standard",
+        description: "The workhorse. Anything that writes content a person will read, or has to follow a schema and call tools. Every other role falls back to this one when left empty."
+    },
+    vision: {
+        label: "Vision",
+        description: "Work that reads images. Pick a model that accepts image input. Left empty, image features fall back to Standard and only work there if Standard is multimodal too."
+    }
+};
+const AI_MODEL_ROLE_DISPLAY = AI_MODEL_ROLE_IDS.map((id)=>({
+        id,
+        ...ROLE_TEXT[id]
+    }));
+const roleLabel = (id)=>id in ROLE_TEXT ? ROLE_TEXT[id].label : id;
+export { AI_MODEL_ROLE_DISPLAY, AI_MODEL_ROLE_IDS, roleLabel };
+
+//# sourceMappingURL=modelRoles.js.map

package/admin/presentation/modelRoles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/modelRoles.js","sources":["../../../src/admin/presentation/modelRoles.ts"],"sourcesContent":["import { AI_MODEL_ROLE_IDS } from \"~/admin/domain/modelRoles.js\";\nimport type { AiModelRoleId } from \"~/admin/domain/modelRoles.js\";\n\n/**\n * The model roles, as the settings screen presents them. The ids live in\n * `~/admin/domain/modelRoles.js`; this owns the words.\n *\n * Typed as a full record, so adding a role id without a label is a compile error.\n */\nconst ROLE_TEXT: Record<AiModelRoleId, { label: string; description: string }> = {\n    fast: {\n        label: \"Fast\",\n        description:\n            \"Cheap, low-latency work where a smaller model is good enough: summarising, classifying, comparing.\"\n    },\n    standard: {\n        label: \"Standard\",\n        description:\n            \"The workhorse. Anything that writes content a person will read, or has to follow a schema and call tools. Every other role falls back to this one when left empty.\"\n    },\n    vision: {\n        label: \"Vision\",\n        description:\n            \"Work that reads images. Pick a model that accepts image input. Left empty, image features fall back to Standard and only work there if Standard is multimodal too.\"\n    }\n};\n\nexport { AI_MODEL_ROLE_IDS };\nexport type { AiModelRoleId };\n\nexport const AI_MODEL_ROLE_DISPLAY = AI_MODEL_ROLE_IDS.map(id => ({ id, ...ROLE_TEXT[id] }));\n\nexport const roleLabel = (id: string): string =>\n    id in ROLE_TEXT ? ROLE_TEXT[id as AiModelRoleId].label : id;\n"],"names":["ROLE_TEXT","AI_MODEL_ROLE_DISPLAY","AI_MODEL_ROLE_IDS","id","roleLabel"],"mappings":";AASA,MAAMA,YAA2E;IAC7E,MAAM;QACF,OAAO;QACP,aACI;IACR;IACA,UAAU;QACN,OAAO;QACP,aACI;IACR;IACA,QAAQ;QACJ,OAAO;QACP,aACI;IACR;AACJ;AAKO,MAAMC,wBAAwBC,kBAAkB,GAAG,CAACC,CAAAA,KAAO;QAAEA;QAAI,GAAGH,SAAS,CAACG,GAAG;IAAC;AAElF,MAAMC,YAAY,CAACD,KACtBA,MAAMH,YAAYA,SAAS,CAACG,GAAoB,CAAC,KAAK,GAAGA"}