@webiny/ai-powerups 0.0.0-unstable.0156a4c312

package/admin/presentation/WbContentGeneration/GenerateContentPresenter.js

@@ -0,0 +1,161 @@
+import { computed, makeAutoObservable, runInAction, toJS } from "mobx";
+import { z } from "zod";
+import pick from "lodash/pick.js";
+import { ToolPipelineRunner, ToolRegistry } from "@webiny/app-admin";
+import { GenerateContentPresenter } from "./abstractions.js";
+import { GeneratePageContentUseCase } from "../../features/generatePageContent/index.js";
+import { AiPromptFormFactory } from "../AiPromptFormFactory/abstractions.js";
+const SUBMIT_TIMEOUT_MS = 300000;
+class GenerateContentPresenterImpl {
+    constructor(toolRegistry, pipelineRunner, generatePageContent, formFactory){
+        this.toolRegistry = toolRegistry;
+        this.pipelineRunner = pipelineRunner;
+        this.generatePageContent = generatePageContent;
+        this.formFactory = formFactory;
+        this._loading = false;
+        this._submitting = false;
+        this._processing = false;
+        this._timedOut = false;
+        this._components = [];
+        this._createElements = ()=>{};
+        this._form = null;
+        this._timeoutId = null;
+        this._intervalId = null;
+        this._elapsedSeconds = 0;
+        makeAutoObservable(this, {
+            vm: computed
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            form: this._form ? this._form.vm : null,
+            loading: this._loading,
+            submitting: this._submitting,
+            processing: this._processing,
+            timedOut: this._timedOut,
+            elapsedSeconds: this._elapsedSeconds
+        };
+    }
+    async init(components, createElements) {
+        this._components = components;
+        this._createElements = createElements;
+        this._form = this.formFactory.createForm({
+            promptDescription: "Describe the page content you want to generate."
+        });
+    }
+    async submit() {
+        if (!this._form) return;
+        const data = await this._form.submit();
+        if (!data) return;
+        runInAction(()=>{
+            this._submitting = true;
+            this._timedOut = false;
+        });
+        this.startTimeout();
+        try {
+            const tools = this.toolRegistry.getTools().map((tool)=>({
+                    name: tool.name,
+                    description: tool.description,
+                    inputSchema: pick(z.toJSONSchema(tool.inputSchema), [
+                        "properties",
+                        "type"
+                    ]),
+                    outputSchema: pick(z.toJSONSchema(tool.outputSchema), [
+                        "properties",
+                        "type"
+                    ])
+                }));
+            const excludedFileIds = this.formFactory.computeExcludedFileIds(this._form);
+            const additionalFileIds = data.additionalFiles?.map((f)=>f.id) ?? null;
+            await this.generatePageContent.execute({
+                prompt: data.prompt,
+                components: toJS(this._components),
+                tools,
+                projectId: data.project || null,
+                excludedFileIds,
+                readerPersonaId: data.readerPersona || null,
+                writerPersonaId: data.writerPersona || null,
+                additionalFileIds
+            });
+        } catch  {
+            this.clearTimeout();
+            runInAction(()=>{
+                this._submitting = false;
+            });
+        }
+    }
+    async processAiResponse(responseText) {
+        this.clearTimeout();
+        runInAction(()=>{
+            this._processing = true;
+            this._submitting = false;
+        });
+        try {
+            const aiResponseJson = JSON.parse(responseText);
+            const resolved = await this.pipelineRunner.resolve(aiResponseJson);
+            const items = Array.isArray(resolved) ? resolved : [
+                resolved
+            ];
+            await this._createElements(items.map((element)=>({
+                    componentName: element.component,
+                    parentId: "root",
+                    slot: "children",
+                    bindings: {
+                        inputs: element.inputs
+                    }
+                })));
+        } finally{
+            runInAction(()=>{
+                this._processing = false;
+            });
+        }
+    }
+    cancelPrompt() {
+        this.clearTimeout();
+        this._processing = false;
+        this._submitting = false;
+    }
+    startTimeout() {
+        this.clearTimeout();
+        this._elapsedSeconds = 0;
+        this._intervalId = setInterval(()=>{
+            runInAction(()=>{
+                this._elapsedSeconds++;
+            });
+        }, 1000);
+        this._timeoutId = setTimeout(()=>{
+            runInAction(()=>{
+                this._submitting = false;
+                this._timedOut = true;
+            });
+            this.clearInterval();
+        }, SUBMIT_TIMEOUT_MS);
+    }
+    clearTimeout() {
+        if (null !== this._timeoutId) {
+            clearTimeout(this._timeoutId);
+            this._timeoutId = null;
+        }
+        this.clearInterval();
+    }
+    clearInterval() {
+        if (null !== this._intervalId) {
+            clearInterval(this._intervalId);
+            this._intervalId = null;
+        }
+    }
+}
+const GenerateContentPresenterRegistration = GenerateContentPresenter.createImplementation({
+    implementation: GenerateContentPresenterImpl,
+    dependencies: [
+        ToolRegistry,
+        ToolPipelineRunner,
+        GeneratePageContentUseCase,
+        AiPromptFormFactory
+    ]
+});
+export { GenerateContentPresenterRegistration };
+
+//# sourceMappingURL=GenerateContentPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WbContentGeneration/GenerateContentPresenter.js","sources":["../../../../src/admin/presentation/WbContentGeneration/GenerateContentPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, toJS, runInAction } from \"mobx\";\nimport { z } from \"zod\";\nimport pick from \"lodash/pick.js\";\nimport { ToolRegistry, ToolPipelineRunner } from \"@webiny/app-admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\nimport type { FileValue } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { GenerateContentPresenter, type CreateElementsFn } from \"./abstractions.js\";\nimport { GeneratePageContentUseCase } from \"~/admin/features/generatePageContent/index.js\";\nimport { AiPromptFormFactory } from \"~/admin/presentation/AiPromptFormFactory/abstractions.js\";\n\nconst SUBMIT_TIMEOUT_MS = 300_000;\n\nclass GenerateContentPresenterImpl implements GenerateContentPresenter.Interface {\n    private _loading = false;\n    private _submitting = false;\n    private _processing = false;\n    private _timedOut = false;\n    private _components: Record<string, any>[] = [];\n    private _createElements: CreateElementsFn = () => {};\n    private _form: FormModel.Interface | null = null;\n    private _timeoutId: ReturnType<typeof setTimeout> | null = null;\n    private _intervalId: ReturnType<typeof setInterval> | null = null;\n    private _elapsedSeconds = 0;\n\n    constructor(\n        private toolRegistry: ToolRegistry.Interface,\n        private pipelineRunner: ToolPipelineRunner.Interface,\n        private generatePageContent: GeneratePageContentUseCase.Interface,\n        private formFactory: AiPromptFormFactory.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): GenerateContentPresenter.ViewModel {\n        return {\n            form: this._form ? this._form.vm : null,\n            loading: this._loading,\n            submitting: this._submitting,\n            processing: this._processing,\n            timedOut: this._timedOut,\n            elapsedSeconds: this._elapsedSeconds\n        };\n    }\n\n    async init(components: Record<string, any>[], createElements: CreateElementsFn): Promise<void> {\n        this._components = components;\n        this._createElements = createElements;\n\n        this._form = this.formFactory.createForm({\n            promptDescription: \"Describe the page content you want to generate.\"\n        });\n    }\n\n    async submit(): Promise<void> {\n        if (!this._form) {\n            return;\n        }\n\n        const data = await this._form.submit<{\n            prompt: string;\n            project?: string;\n            includedFiles?: string[];\n            readerPersona?: string;\n            writerPersona?: string;\n            additionalFiles?: FileValue[];\n        }>();\n\n        if (!data) {\n            return;\n        }\n\n        runInAction(() => {\n            this._submitting = true;\n            this._timedOut = false;\n        });\n\n        this.startTimeout();\n\n        try {\n            const tools = this.toolRegistry.getTools().map(tool => ({\n                name: tool.name,\n                description: tool.description,\n                inputSchema: pick(z.toJSONSchema(tool.inputSchema), [\"properties\", \"type\"]),\n                outputSchema: pick(z.toJSONSchema(tool.outputSchema), [\"properties\", \"type\"])\n            }));\n\n            const excludedFileIds = this.formFactory.computeExcludedFileIds(this._form);\n            const additionalFileIds = data.additionalFiles?.map(f => f.id) ?? null;\n\n            await this.generatePageContent.execute({\n                prompt: data.prompt,\n                components: toJS(this._components),\n                tools,\n                projectId: data.project || null,\n                excludedFileIds,\n                readerPersonaId: data.readerPersona || null,\n                writerPersonaId: data.writerPersona || null,\n                additionalFileIds\n            });\n        } catch {\n            this.clearTimeout();\n            runInAction(() => {\n                this._submitting = false;\n            });\n        }\n    }\n\n    async processAiResponse(responseText: string): Promise<void> {\n        this.clearTimeout();\n        runInAction(() => {\n            this._processing = true;\n            this._submitting = false;\n        });\n\n        try {\n            const aiResponseJson = JSON.parse(responseText);\n            const resolved = await this.pipelineRunner.resolve(aiResponseJson);\n            const items = Array.isArray(resolved) ? resolved : [resolved];\n\n            await this._createElements(\n                items.map((element: { component: string; inputs: Record<string, unknown> }) => ({\n                    componentName: element.component,\n                    parentId: \"root\",\n                    slot: \"children\",\n                    bindings: { inputs: element.inputs }\n                }))\n            );\n        } finally {\n            runInAction(() => {\n                this._processing = false;\n            });\n        }\n    }\n\n    cancelPrompt(): void {\n        this.clearTimeout();\n        this._processing = false;\n        this._submitting = false;\n    }\n\n    private startTimeout(): void {\n        this.clearTimeout();\n        this._elapsedSeconds = 0;\n        this._intervalId = setInterval(() => {\n            runInAction(() => {\n                this._elapsedSeconds++;\n            });\n        }, 1000);\n        this._timeoutId = setTimeout(() => {\n            runInAction(() => {\n                this._submitting = false;\n                this._timedOut = true;\n            });\n            this.clearInterval();\n        }, SUBMIT_TIMEOUT_MS);\n    }\n\n    private clearTimeout(): void {\n        if (this._timeoutId !== null) {\n            clearTimeout(this._timeoutId);\n            this._timeoutId = null;\n        }\n        this.clearInterval();\n    }\n\n    private clearInterval(): void {\n        if (this._intervalId !== null) {\n            clearInterval(this._intervalId);\n            this._intervalId = null;\n        }\n    }\n}\n\nexport const GenerateContentPresenterRegistration = GenerateContentPresenter.createImplementation({\n    implementation: GenerateContentPresenterImpl,\n    dependencies: [\n        ToolRegistry,\n        ToolPipelineRunner,\n        GeneratePageContentUseCase,\n        AiPromptFormFactory\n    ]\n});\n"],"names":["SUBMIT_TIMEOUT_MS","GenerateContentPresenterImpl","toolRegistry","pipelineRunner","generatePageContent","formFactory","makeAutoObservable","computed","components","createElements","data","runInAction","tools","tool","pick","z","excludedFileIds","additionalFileIds","f","toJS","responseText","aiResponseJson","JSON","resolved","items","Array","element","setInterval","setTimeout","clearTimeout","clearInterval","GenerateContentPresenterRegistration","GenerateContentPresenter","ToolRegistry","ToolPipelineRunner","GeneratePageContentUseCase","AiPromptFormFactory"],"mappings":"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"}

package/admin/presentation/WbContentGeneration/PROCESS_IDEA.md

@@ -0,0 +1,190 @@
+# PROMPT (sent to AI via generateObject)
+
+## System Prompt
+
+You are a page content generator. Given a user prompt, generate structured page
+content using the provided component catalog and available actions.
+
+### Component Catalog
+
+```json
+{
+  "components": {
+    "Webiny/Hero": {
+      "name": "Webiny/Hero",
+      "label": "Hero",
+      "inputs": [
+        { "type": "text", "name": "title", "required": true },
+        { "type": "lexical", "name": "description" },
+        { "type": "image", "name": "heroImage" },
+        { "type": "lexical", "name": "footerText" }
+      ]
+    },
+    "Webiny/Grid": {
+      "name": "Webiny/Grid",
+      "label": "Grid",
+      "inputs": [
+        { "type": "text", "name": "gridLayout" },
+        { "type": "number", "name": "rowCount", "minValue": 1 },
+        { "type": "number", "name": "columnGap" },
+        { "type": "number", "name": "rowGap" },
+        {
+          "type": "select",
+          "name": "stackAtBreakpoint",
+          "options": ["tablet", "mobile"]
+        },
+        { "type": "boolean", "name": "reverseWhenStacked" },
+        {
+          "type": "object",
+          "name": "columns",
+          "list": true,
+          "fields": [
+            {
+              "type": "slot",
+              "list": false,
+              "name": "children",
+              "components": ["Webiny/GridColumn"]
+            }
+          ]
+        }
+      ]
+    },
+    "Webiny/GridColumn": {
+      "name": "Webiny/GridColumn",
+      "label": "Column",
+      "inputs": [{ "type": "slot", "list": true, "name": "children" }]
+    },
+    "Webiny/Lexical": {
+      "name": "Webiny/Lexical",
+      "label": "Rich Text",
+      "inputs": [{ "type": "lexical", "name": "content" }]
+    },
+    "Webiny/Box": {
+      "name": "Webiny/Box",
+      "label": "Box",
+      "inputs": [{ "type": "slot", "list": true, "name": "children" }]
+    },
+    "Webiny/ProductCard": {
+      "name": "Webiny/ProductCard",
+      "label": "Product Card",
+      "inputs": [
+        { "type": "product", "name": "product" },
+        { "type": "boolean", "name": "showPrice" },
+        { "type": "boolean", "name": "showRating" }
+      ]
+    }
+  }
+}
+```
+
+Grid layout options: `12`, `6-6`, `4-4-4`, `8-4`, `4-8`, `3-3-3-3`
+
+### Available Tools
+
+For input fields that require post-processing, wrap the value in a tool
+envelope: `{ "tool": "<toolName>", "params": { ... } }`.
+
+Plain values (text, number, boolean, select) should be set directly without
+an envelope.
+
+```json
+{
+  "tools": {
+    "htmlToLexical": {
+      "description": "Converts an HTML string into Lexical editor state. Use for all 'lexical' type inputs.",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "html": { "type": "string", "description": "HTML content" }
+        },
+        "required": ["html"]
+      },
+      "outputSchema": {
+        "type": "object",
+        "description": "Lexical editor state JSON"
+      }
+    },
+    "resolveImage": {
+      "description": "Fetches an image from the DAM matching the given tags and constraints.",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "tags": {
+            "type": "array",
+            "items": { "type": "string" },
+            "description": "Semantic tags describing the desired image"
+          },
+          "aspect": {
+            "type": "string",
+            "description": "Desired aspect ratio, e.g. '16:9', '1:1'"
+          }
+        },
+        "required": ["tags"]
+      },
+      "outputSchema": {
+        "type": "object",
+        "properties": {
+          "id": { "type": "string" },
+          "name": { "type": "string" },
+          "src": { "type": "string" },
+          "width": { "type": "number" },
+          "height": { "type": "number" },
+          "mimeType": { "type": "string" }
+        }
+      }
+    },
+    "resolveProduct": {
+      "description": "Fetches a product reference from the e-commerce catalog.",
+      "inputSchema": {
+        "type": "object",
+        "properties": {
+          "query": {
+            "type": "string",
+            "description": "Search query or product name"
+          },
+          "sku": { "type": "string", "description": "Exact SKU if known" },
+          "category": {
+            "type": "string",
+            "description": "Product category to filter by"
+          }
+        }
+      },
+      "outputSchema": {
+        "type": "object",
+        "properties": {
+          "id": { "type": "string" },
+          "name": { "type": "string" },
+          "sku": { "type": "string" },
+          "price": { "type": "number" },
+          "currency": { "type": "string" },
+          "imageUrl": { "type": "string" }
+        }
+      }
+    }
+  }
+}
+```
+
+### Page Schema
+
+```typescript
+type ElementSchema = {
+  component: string;
+  inputs: Record<string, unknown>;
+};
+
+type CreateElementAction = {
+  action: "CreateElement";
+  params: ElementSchema;
+};
+
+type PageSchema = ElementSchema[];
+```
+
+For slot inputs, use `{ "action": "CreateElement", "params": { "component": "...", "inputs": { ... } } }`.
+Note: `CreateElement` uses "action" — it is a structural instruction for the page builder, not a tool invocation.
+
+## User Prompt
+
+"Create a landing page for Nike Air Max 90 sneakers. Include a hero section
+with a tagline, a features grid, and a section showing 3 related products."

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

@@ -0,0 +1,31 @@
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+export type CreateElementParams = {
+    componentName: string;
+    parentId: string;
+    slot: string;
+    index?: number;
+    bindings?: {
+        inputs?: Record<string, unknown>;
+    };
+};
+export type CreateElementsFn = (elements: CreateElementParams[]) => void | Promise<void>;
+export interface IGenerateContentVm {
+    form: IFormVM | null;
+    loading: boolean;
+    submitting: boolean;
+    processing: boolean;
+    timedOut: boolean;
+    elapsedSeconds: number;
+}
+export interface IGenerateContentPresenter {
+    readonly vm: IGenerateContentVm;
+    init(components: Record<string, any>[], createElements: CreateElementsFn): void;
+    submit(): Promise<void>;
+    cancelPrompt(): void;
+    processAiResponse(responseText: string): Promise<void>;
+}
+export declare const GenerateContentPresenter: import("@webiny/di").Abstraction<IGenerateContentPresenter>;
+export declare namespace GenerateContentPresenter {
+    type Interface = IGenerateContentPresenter;
+    type ViewModel = IGenerateContentVm;
+}

package/admin/presentation/WbContentGeneration/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const GenerateContentPresenter = createAbstraction("WbContentGeneration/Presenter");
+export { GenerateContentPresenter };
+
+//# sourceMappingURL=abstractions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WbContentGeneration/abstractions.js","sources":["../../../../src/admin/presentation/WbContentGeneration/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\n\nexport type CreateElementParams = {\n    componentName: string;\n    parentId: string;\n    slot: string;\n    index?: number;\n    bindings?: { inputs?: Record<string, unknown> };\n};\n\nexport type CreateElementsFn = (elements: CreateElementParams[]) => void | Promise<void>;\n\nexport interface IGenerateContentVm {\n    form: IFormVM | null;\n    loading: boolean;\n    submitting: boolean;\n    processing: boolean;\n    timedOut: boolean;\n    elapsedSeconds: number;\n}\n\nexport interface IGenerateContentPresenter {\n    readonly vm: IGenerateContentVm;\n    init(components: Record<string, any>[], createElements: CreateElementsFn): void;\n    submit(): Promise<void>;\n    cancelPrompt(): void;\n    processAiResponse(responseText: string): Promise<void>;\n}\n\nexport const GenerateContentPresenter = createAbstraction<IGenerateContentPresenter>(\n    \"WbContentGeneration/Presenter\"\n);\n\nexport namespace GenerateContentPresenter {\n    export type Interface = IGenerateContentPresenter;\n    export type ViewModel = IGenerateContentVm;\n}\n"],"names":["GenerateContentPresenter","createAbstraction"],"mappings":";AA8BO,MAAMA,2BAA2BC,kBACpC"}

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

@@ -0,0 +1 @@
+export declare function decompressGzipBase64(base64: string): Promise<string>;

package/admin/presentation/WbContentGeneration/decompressGzipBase64.js

@@ -0,0 +1,13 @@
+async function decompressGzipBase64(base64) {
+    const binary = atob(base64);
+    const bytes = new Uint8Array(binary.length);
+    for(let i = 0; i < binary.length; i++)bytes[i] = binary.charCodeAt(i);
+    const ds = new DecompressionStream("gzip");
+    const writer = ds.writable.getWriter();
+    writer.write(bytes);
+    writer.close();
+    return new Response(ds.readable).text();
+}
+export { decompressGzipBase64 };
+
+//# sourceMappingURL=decompressGzipBase64.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WbContentGeneration/decompressGzipBase64.js","sources":["../../../../src/admin/presentation/WbContentGeneration/decompressGzipBase64.ts"],"sourcesContent":["export async function decompressGzipBase64(base64: string): Promise<string> {\n    const binary = atob(base64);\n    const bytes = new Uint8Array(binary.length);\n    for (let i = 0; i < binary.length; i++) {\n        bytes[i] = binary.charCodeAt(i);\n    }\n    const ds = new DecompressionStream(\"gzip\");\n    const writer = ds.writable.getWriter();\n    writer.write(bytes);\n    writer.close();\n    return new Response(ds.readable).text();\n}\n"],"names":["decompressGzipBase64","base64","binary","atob","bytes","Uint8Array","i","ds","DecompressionStream","writer","Response"],"mappings":"AAAO,eAAeA,qBAAqBC,MAAc;IACrD,MAAMC,SAASC,KAAKF;IACpB,MAAMG,QAAQ,IAAIC,WAAWH,OAAO,MAAM;IAC1C,IAAK,IAAII,IAAI,GAAGA,IAAIJ,OAAO,MAAM,EAAEI,IAC/BF,KAAK,CAACE,EAAE,GAAGJ,OAAO,UAAU,CAACI;IAEjC,MAAMC,KAAK,IAAIC,oBAAoB;IACnC,MAAMC,SAASF,GAAG,QAAQ,CAAC,SAAS;IACpCE,OAAO,KAAK,CAACL;IACbK,OAAO,KAAK;IACZ,OAAO,IAAIC,SAASH,GAAG,QAAQ,EAAE,IAAI;AACzC"}

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

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

package/admin/presentation/WbContentGeneration/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { GenerateContentPresenter } from "./abstractions.js";
+import { GenerateContentPresenterRegistration } from "./GenerateContentPresenter.js";
+const GenerateContentFeature = createFeature({
+    name: "WbContentGeneration/Presenter",
+    register (container) {
+        container.register(GenerateContentPresenterRegistration);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(GenerateContentPresenter)
+        };
+    }
+});
+export { GenerateContentFeature };
+
+//# sourceMappingURL=feature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WbContentGeneration/feature.js","sources":["../../../../src/admin/presentation/WbContentGeneration/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { GenerateContentPresenter } from \"./abstractions.js\";\nimport { GenerateContentPresenterRegistration } from \"./GenerateContentPresenter.js\";\n\nexport const GenerateContentFeature = createFeature({\n    name: \"WbContentGeneration/Presenter\",\n    register(container) {\n        container.register(GenerateContentPresenterRegistration);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(GenerateContentPresenter)\n        };\n    }\n});\n"],"names":["GenerateContentFeature","createFeature","container","GenerateContentPresenterRegistration","GenerateContentPresenter"],"mappings":";;;AAIO,MAAMA,yBAAyBC,cAAc;IAChD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;IACvB;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/admin/presentation/WriterPersonasSettings.d.ts

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

package/admin/presentation/WriterPersonasSettings.js

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

package/admin/presentation/WriterPersonasSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/WriterPersonasSettings.js","sources":["../../../src/admin/presentation/WriterPersonasSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\n\nclass WriterPersonasSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"writerPersonas\";\n    label = \"Writer Personas\";\n    description = \"Define how text should be written.\";\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 writer persona\",\n                    itemTitle: (data, index) => String(data.name || `Writer Persona #${index + 1}`)\n                })\n                .fields(f => ({\n                    id: f\n                        .text()\n                        .hidden()\n                        .defaultValue(() => generateAlphaNumericId(10)),\n                    name: f\n                        .text()\n                        .label(\"Name\")\n                        .required(\"Name is required\")\n                        .description(\n                            \"This name will be used to identify the writer persona in the UI.\"\n                        ),\n                    description: f\n                        .text()\n                        .label(\"Description\")\n                        .required(\"Description is required\")\n                        .description(\n                            \"Describe how this persona writes and communicates. This will be used when prompting AI.\"\n                        )\n                        .renderer(\"textarea\", { rows: 8 }),\n                    style: f\n                        .text()\n                        .label(\"Style\")\n                        .description(\n                            \"Optional hints about the tone or style this persona should adopt when writing.\"\n                        )\n                        .renderer(\"textarea\", { rows: 3 })\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n}\n\nexport const WriterPersonasSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: WriterPersonasSettingsImpl,\n    dependencies: []\n});\n"],"names":["WriterPersonasSettingsImpl","form","fields","data","index","String","f","generateAlphaNumericId","layout","WriterPersonasSettings","AiPowerUpsSettingsGroup"],"mappings":";;AAGA,MAAMA;IAKF,UAAUC,IAAyC,EAAQ;QACvDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,SAASA,OACJ,MAAM,GACN,KAAK,CAAC,WACN,QAAQ,CAAC,2BAA2B;oBACjC,WAAW;oBACX,cAAc;oBACd,WAAW,CAACC,MAAMC,QAAUC,OAAOF,KAAK,IAAI,IAAI,CAAC,gBAAgB,EAAEC,QAAQ,GAAG;gBAClF,GACC,MAAM,CAACE,CAAAA,IAAM;wBACV,IAAIA,EACC,IAAI,GACJ,MAAM,GACN,YAAY,CAAC,IAAMC,uBAAuB;wBAC/C,MAAMD,EACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,oBACT,WAAW,CACR;wBAER,aAAaA,EACR,IAAI,GACJ,KAAK,CAAC,eACN,QAAQ,CAAC,2BACT,WAAW,CACR,2FAEH,QAAQ,CAAC,YAAY;4BAAE,MAAM;wBAAE;wBACpC,OAAOA,EACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CACR,kFAEH,QAAQ,CAAC,YAAY;4BAAE,MAAM;wBAAE;oBACxC,IACC,IAAI;YACb;QAEAL,KAAK,MAAM,CAACO,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAW;IACjD;;aA9CA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;;AA6ClB;AAEO,MAAMC,yBAAyBC,wBAAwB,oBAAoB,CAAC;IAC/E,gBAAgBV;IAChB,cAAc,EAAE;AACpB"}

package/admin/presentation/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. Fast falls back to this one when left empty."
+    },
+    vision: {
+        label: "Vision",
+        description: "Work that reads images, such as image enrichment. Pick a model that accepts image input. There is no fallback: left empty, image features stop and say so."
+    }
+};
+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. Fast falls back to this one when left empty.\"\n    },\n    vision: {\n        label: \"Vision\",\n        description:\n            \"Work that reads images, such as image enrichment. Pick a model that accepts image input. There is no fallback: left empty, image features stop and say so.\"\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"}

package/admin/routes.d.ts

@@ -0,0 +1,4 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    Settings: Route<undefined>;
+};

package/admin/routes.js

@@ -0,0 +1,10 @@
+import { Route } from "@webiny/app-admin";
+const Routes = {
+    Settings: new Route({
+        name: "AiPowerUps/Settings",
+        path: "/settings/ai-powerups"
+    })
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/admin/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/routes.js","sources":["../../src/admin/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Settings: new Route({\n        name: \"AiPowerUps/Settings\",\n        path: \"/settings/ai-powerups\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,UAAU,IAAIC,MAAM;QAChB,MAAM;QACN,MAAM;IACV;AACJ"}

package/api/Extension.d.ts

@@ -0,0 +1,4 @@
+export declare const Extension: {
+    name: string;
+    register(container: import("@webiny/di").Container): void;
+};