@webiny/ai-powerups 0.0.0-unstable.e6f0dc8ca7

package/admin/presentation/ReaderPersonasSettings.js

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

package/admin/presentation/ReaderPersonasSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["generateAlphaNumericId","AiPowerUpsSettingsGroup","ReaderPersonasSettingsImpl","name","label","description","buildForm","form","fields","presets","object","renderer","container","addItemLabel","itemTitle","data","index","String","f","id","text","hidden","defaultValue","required","rows","style","list","layout","row","ReaderPersonasSettings","createImplementation","implementation","dependencies"],"sources":["ReaderPersonasSettings.ts"],"sourcesContent":["import { generateAlphaNumericId } from \"@webiny/utils\";\nimport { AiPowerUpsSettingsGroup } from \"./AiPowerUpsSettings/settingsGroup.js\";\n\nclass ReaderPersonasSettingsImpl implements AiPowerUpsSettingsGroup.Interface {\n    name = \"readerPersonas\";\n    label = \"Reader Personas\";\n    description = \"Define who the content is written for.\";\n\n    buildForm(form: AiPowerUpsSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            presets: fields\n                .object()\n                .label(\"Presets\")\n                .renderer(\"objectAccordionMultiple\", {\n                    container: false,\n                    addItemLabel: \"Add reader persona\",\n                    itemTitle: (data, index) => String(data.name || `Reader Persona #${index + 1}`)\n                })\n                .fields(f => ({\n                    id: f\n                        .text()\n                        .hidden()\n                        .defaultValue(() => generateAlphaNumericId(10)),\n                    name: f\n                        .text()\n                        .label(\"Name\")\n                        .required(\"Name is required\")\n                        .description(\n                            \"This name will be used to identify the reader persona in the UI.\"\n                        ),\n                    description: f\n                        .text()\n                        .label(\"Description\")\n                        .required(\"Description is required\")\n                        .description(\n                            \"Describe who this reader is and what they care about. This will be used when prompting AI.\"\n                        )\n                        .renderer(\"textarea\", { rows: 8 }),\n                    style: f\n                        .text()\n                        .label(\"Style\")\n                        .description(\n                            \"Optional hints about the expected tone or style when writing for this reader.\"\n                        )\n                        .renderer(\"textarea\", { rows: 3 })\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [layout.row(\"presets\")]);\n    }\n}\n\nexport const ReaderPersonasSettings = AiPowerUpsSettingsGroup.createImplementation({\n    implementation: ReaderPersonasSettingsImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,eAAe;AACtD,SAASC,uBAAuB;AAEhC,MAAMC,0BAA0B,CAA8C;EAC1EC,IAAI,GAAG,gBAAgB;EACvBC,KAAK,GAAG,iBAAiB;EACzBC,WAAW,GAAG,wCAAwC;EAEtDC,SAASA,CAACC,IAAyC,EAAQ;IACvDA,IAAI,CAACC,MAAM,CAACA,MAAM,KAAK;MACnBC,OAAO,EAAED,MAAM,CACVE,MAAM,CAAC,CAAC,CACRN,KAAK,CAAC,SAAS,CAAC,CAChBO,QAAQ,CAAC,yBAAyB,EAAE;QACjCC,SAAS,EAAE,KAAK;QAChBC,YAAY,EAAE,oBAAoB;QAClCC,SAAS,EAAEA,CAACC,IAAI,EAAEC,KAAK,KAAKC,MAAM,CAACF,IAAI,CAACZ,IAAI,IAAI,mBAAmBa,KAAK,GAAG,CAAC,EAAE;MAClF,CAAC,CAAC,CACDR,MAAM,CAACU,CAAC,KAAK;QACVC,EAAE,EAAED,CAAC,CACAE,IAAI,CAAC,CAAC,CACNC,MAAM,CAAC,CAAC,CACRC,YAAY,CAAC,MAAMtB,sBAAsB,CAAC,EAAE,CAAC,CAAC;QACnDG,IAAI,EAAEe,CAAC,CACFE,IAAI,CAAC,CAAC,CACNhB,KAAK,CAAC,MAAM,CAAC,CACbmB,QAAQ,CAAC,kBAAkB,CAAC,CAC5BlB,WAAW,CACR,kEACJ,CAAC;QACLA,WAAW,EAAEa,CAAC,CACTE,IAAI,CAAC,CAAC,CACNhB,KAAK,CAAC,aAAa,CAAC,CACpBmB,QAAQ,CAAC,yBAAyB,CAAC,CACnClB,WAAW,CACR,4FACJ,CAAC,CACAM,QAAQ,CAAC,UAAU,EAAE;UAAEa,IAAI,EAAE;QAAE,CAAC,CAAC;QACtCC,KAAK,EAAEP,CAAC,CACHE,IAAI,CAAC,CAAC,CACNhB,KAAK,CAAC,OAAO,CAAC,CACdC,WAAW,CACR,+EACJ,CAAC,CACAM,QAAQ,CAAC,UAAU,EAAE;UAAEa,IAAI,EAAE;QAAE,CAAC;MACzC,CAAC,CAAC,CAAC,CACFE,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHnB,IAAI,CAACoB,MAAM,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;EAClD;AACJ;AAEA,OAAO,MAAMC,sBAAsB,GAAG5B,uBAAuB,CAAC6B,oBAAoB,CAAC;EAC/EC,cAAc,EAAE7B,0BAA0B;EAC1C8B,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}

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

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

package/admin/presentation/WbContentGeneration/Extension.js

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

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

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

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

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

package/admin/presentation/WbContentGeneration/GenerateContentButton.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","ReactComponent","ChatIcon","useOpenDialog","GENERATE_CONTENT_DIALOG","useAiPowerUpsSettings","GenerateContentButton","openDialog","settings","providers","presets","length","createElement","variant","icon","onClick"],"sources":["GenerateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as ChatIcon } from \"@webiny/icons/auto_fix_high.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { GENERATE_CONTENT_DIALOG } from \"./GenerateContentDialog.js\";\nimport { useAiPowerUpsSettings } from \"~/admin/presentation/AiPowerUpsSettings/index.js\";\n\nexport const GenerateContentButton = () => {\n    const { openDialog } = useOpenDialog();\n    const { settings } = useAiPowerUpsSettings();\n\n    if (!settings || settings.providers.presets.length === 0) {\n        return null;\n    }\n\n    return (\n        <IconButton\n            variant=\"ghost\"\n            icon={<ChatIcon />}\n            onClick={() => openDialog(GENERATE_CONTENT_DIALOG, {})}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,iCAAiC;AAC5E,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,uBAAuB;AAChC,SAASC,qBAAqB;AAE9B,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,MAAM;IAAEC;EAAW,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEK;EAAS,CAAC,GAAGH,qBAAqB,CAAC,CAAC;EAE5C,IAAI,CAACG,QAAQ,IAAIA,QAAQ,CAACC,SAAS,CAACC,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE;IACtD,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAa,aAAA,CAACZ,UAAU;IACPa,OAAO,EAAC,OAAO;IACfC,IAAI,eAAEf,KAAA,CAAAa,aAAA,CAACV,QAAQ,MAAE,CAAE;IACnBa,OAAO,EAAEA,CAAA,KAAMR,UAAU,CAACH,uBAAuB,EAAE,CAAC,CAAC;EAAE,CAC1D,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

package/admin/presentation/WbContentGeneration/GenerateContentDialog.js

@@ -0,0 +1,107 @@
+import React, { useCallback, useEffect, useRef } from "react";
+import { observer } from "mobx-react-lite";
+import { useDialog, FormView } from "@webiny/app-admin";
+import { Dialog, OverlayLoader, useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { useWebsockets } from "@webiny/app-websockets";
+import { useSelectFromEditor } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromEditor.js";
+import { useCreateElement } from "@webiny/app-website-builder/BaseEditor/hooks/useCreateElement.js";
+import { GenerateContentFeature } from "./feature.js";
+import { decompressGzipBase64 } from "./decompressGzipBase64.js";
+export const GENERATE_CONTENT_DIALOG = "generate-content";
+export const WS_ACTION_CONTENT = "aiPowerUps.generatePageContent.content";
+export const WS_ACTION_ERROR = "aiPowerUps.generatePageContent.error";
+export const GenerateContentDialog = observer(() => {
+  const {
+    closeDialog
+  } = useDialog();
+  const {
+    presenter
+  } = useFeature(GenerateContentFeature);
+  const vm = presenter.vm;
+  const wasSubmitting = useRef(false);
+  const websockets = useWebsockets();
+  const toast = useToast();
+  const components = useSelectFromEditor(state => state.components);
+  const {
+    createElement
+  } = useCreateElement();
+  const createElements = useCallback(elements => {
+    elements.forEach(el => createElement(el));
+  }, [createElement]);
+  useEffect(() => {
+    const aiComponents = Object.values(components).filter(c => c.useInAiContentGeneration !== false).map(c => {
+      return {
+        name: c.name,
+        label: c.label,
+        aiContext: c.aiContext,
+        inputs: c.inputs.map(input => ({
+          type: input.type,
+          name: input.name,
+          label: input.label,
+          description: input.description
+        }))
+      };
+    });
+    presenter.init(aiComponents, createElements);
+  }, [components, createElements]);
+  useEffect(() => {
+    const contentSubscription = websockets.onMessage(WS_ACTION_CONTENT, async message => {
+      const responseText = await decompressGzipBase64(message.data.value);
+      await presenter.processAiResponse(responseText);
+    });
+    const errorSubscription = websockets.onMessage(WS_ACTION_ERROR, async message => {
+      toast.showWarningToast({
+        title: "Failed to generate content",
+        description: message.data.message
+      });
+      presenter.cancelPrompt();
+    });
+    return () => {
+      contentSubscription.off();
+      errorSubscription.off();
+    };
+  }, []);
+  useEffect(() => {
+    if (wasSubmitting.current && !vm.submitting && !vm.timedOut) {
+      closeDialog();
+    }
+    wasSubmitting.current = vm.submitting;
+  }, [vm.submitting]);
+  useEffect(() => {
+    if (vm.timedOut) {
+      toast.showWarningToast({
+        title: "Request timed out",
+        description: "The AI generation took too long. Please try again."
+      });
+    }
+  }, [vm.timedOut]);
+  const handleSubmit = async () => {
+    await presenter.submit();
+  };
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: true,
+    onClose: closeDialog,
+    title: "Generate Content",
+    size: "lg",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
+      onClick: closeDialog,
+      text: "Cancel"
+    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
+      onClick: handleSubmit,
+      text: "Generate",
+      disabled: vm.loading || vm.submitting
+    }))
+  }, vm.loading ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Loading..."
+  }) : null, vm.submitting ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Generating content..."
+  }) : null, vm.processing ? /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Processing content..."
+  }) : null, vm.form ? /*#__PURE__*/React.createElement(FormView, {
+    name: "GenerateContent",
+    form: vm.form
+  }) : null);
+});
+
+//# sourceMappingURL=GenerateContentDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","observer","useDialog","FormView","Dialog","OverlayLoader","useToast","useFeature","useWebsockets","useSelectFromEditor","useCreateElement","GenerateContentFeature","decompressGzipBase64","GENERATE_CONTENT_DIALOG","WS_ACTION_CONTENT","WS_ACTION_ERROR","GenerateContentDialog","closeDialog","presenter","vm","wasSubmitting","websockets","toast","components","state","createElement","createElements","elements","forEach","el","aiComponents","Object","values","filter","c","useInAiContentGeneration","map","name","label","aiContext","inputs","input","type","description","init","contentSubscription","onMessage","message","responseText","data","value","processAiResponse","errorSubscription","showWarningToast","title","cancelPrompt","off","current","submitting","timedOut","handleSubmit","submit","open","onClose","size","actions","Fragment","CancelAction","onClick","text","ConfirmAction","disabled","loading","processing","form"],"sources":["GenerateContentDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDialog, FormView } from \"@webiny/app-admin\";\nimport { Dialog, OverlayLoader, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport type { IncomingGenericData } from \"@webiny/app-websockets\";\nimport { useWebsockets } from \"@webiny/app-websockets\";\nimport { useSelectFromEditor } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { useCreateElement } from \"@webiny/app-website-builder/BaseEditor/hooks/useCreateElement.js\";\nimport { GenerateContentFeature } from \"./feature.js\";\nimport { decompressGzipBase64 } from \"./decompressGzipBase64.js\";\nimport type { CreateElementParams } from \"./abstractions.js\";\n\nexport const GENERATE_CONTENT_DIALOG = \"generate-content\";\n\nexport const WS_ACTION_CONTENT = \"aiPowerUps.generatePageContent.content\";\nexport const WS_ACTION_ERROR = \"aiPowerUps.generatePageContent.error\";\n\nexport interface GeneratePageContentMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_CONTENT;\n    data: {\n        compression: \"gzip\";\n        value: string;\n    };\n}\n\nexport interface GeneratePageContentErrorMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_ERROR;\n    data: {\n        message: string;\n    };\n}\n\nexport const GenerateContentDialog = observer(() => {\n    const { closeDialog } = useDialog();\n    const { presenter } = useFeature(GenerateContentFeature);\n    const vm = presenter.vm;\n    const wasSubmitting = useRef(false);\n    const websockets = useWebsockets();\n    const toast = useToast();\n\n    const components = useSelectFromEditor(state => state.components);\n    const { createElement } = useCreateElement();\n\n    const createElements = useCallback(\n        (elements: CreateElementParams[]) => {\n            elements.forEach(el => createElement(el));\n        },\n        [createElement]\n    );\n\n    useEffect(() => {\n        const aiComponents = Object.values(components)\n            .filter(c => c.useInAiContentGeneration !== false)\n            .map(c => {\n                return {\n                    name: c.name,\n                    label: c.label,\n                    aiContext: c.aiContext,\n                    inputs: c.inputs.map(input => ({\n                        type: input.type,\n                        name: input.name,\n                        label: input.label,\n                        description: input.description\n                    }))\n                };\n            });\n        presenter.init(aiComponents, createElements);\n    }, [components, createElements]);\n\n    useEffect(() => {\n        const contentSubscription = websockets.onMessage<GeneratePageContentMessage>(\n            WS_ACTION_CONTENT,\n            async message => {\n                const responseText = await decompressGzipBase64(message.data.value);\n                await presenter.processAiResponse(responseText);\n            }\n        );\n\n        const errorSubscription = websockets.onMessage<GeneratePageContentErrorMessage>(\n            WS_ACTION_ERROR,\n            async message => {\n                toast.showWarningToast({\n                    title: \"Failed to generate content\",\n                    description: message.data.message\n                });\n                presenter.cancelPrompt();\n            }\n        );\n\n        return () => {\n            contentSubscription.off();\n            errorSubscription.off();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (wasSubmitting.current && !vm.submitting && !vm.timedOut) {\n            closeDialog();\n        }\n        wasSubmitting.current = vm.submitting;\n    }, [vm.submitting]);\n\n    useEffect(() => {\n        if (vm.timedOut) {\n            toast.showWarningToast({\n                title: \"Request timed out\",\n                description: \"The AI generation took too long. Please try again.\"\n            });\n        }\n    }, [vm.timedOut]);\n\n    const handleSubmit = async () => {\n        await presenter.submit();\n    };\n\n    return (\n        <Dialog\n            open={true}\n            onClose={closeDialog}\n            title=\"Generate Content\"\n            size={\"lg\"}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={closeDialog} text=\"Cancel\" />\n                    <Dialog.ConfirmAction\n                        onClick={handleSubmit}\n                        text=\"Generate\"\n                        disabled={vm.loading || vm.submitting}\n                    />\n                </>\n            }\n        >\n            {vm.loading ? <OverlayLoader text={\"Loading...\"} /> : null}\n            {vm.submitting ? <OverlayLoader text={\"Generating content...\"} /> : null}\n            {vm.processing ? <OverlayLoader text={\"Processing content...\"} /> : null}\n            {vm.form ? <FormView name=\"GenerateContent\" form={vm.form} /> : null}\n        </Dialog>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+import { FormModelFactory, ToolRegistry, ToolPipelineRunner } from "@webiny/app-admin";
+import { GenerateContentPresenter, type CreateElementsFn } from "./abstractions.js";
+import { GeneratePageContentUseCase } from "../../../admin/features/generatePageContent/index.js";
+import { GetSettingsUseCase } from "../../../admin/features/settings/getSettings/abstractions.js";
+declare class GenerateContentPresenterImpl implements GenerateContentPresenter.Interface {
+    private toolRegistry;
+    private pipelineRunner;
+    private generatePageContent;
+    private formModelFactory;
+    private getSettings;
+    private _loading;
+    private _submitting;
+    private _processing;
+    private _timedOut;
+    private _components;
+    private _createElements;
+    private _form;
+    private _settings;
+    private _timeoutId;
+    constructor(toolRegistry: ToolRegistry.Interface, pipelineRunner: ToolPipelineRunner.Interface, generatePageContent: GeneratePageContentUseCase.Interface, formModelFactory: FormModelFactory.Interface, getSettings: GetSettingsUseCase.Interface);
+    get vm(): GenerateContentPresenter.ViewModel;
+    init(components: Record<string, any>[], createElements: CreateElementsFn): Promise<void>;
+    submit(): Promise<void>;
+    processAiResponse(responseText: string): Promise<void>;
+    cancelPrompt(): void;
+    private startTimeout;
+    private clearTimeout;
+    private buildForm;
+    private getSelectedProject;
+    private getProjectFileOptions;
+    private computeExcludedFileIds;
+    private getProjectOptions;
+    private getPersonaOptions;
+}
+export declare const GenerateContentPresenterRegistration: typeof GenerateContentPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IGenerateContentPresenter>;
+};
+export {};

package/admin/presentation/WbContentGeneration/GenerateContentPresenter.js

@@ -0,0 +1,231 @@
+import { makeAutoObservable, computed, toJS, runInAction } from "mobx";
+import { z } from "zod";
+import pick from "lodash/pick.js";
+import { FormModelFactory, ToolRegistry, ToolPipelineRunner } from "@webiny/app-admin";
+import { GenerateContentPresenter } from "./abstractions.js";
+import { GeneratePageContentUseCase } from "../../features/generatePageContent/index.js";
+import { GetSettingsUseCase } from "../../features/settings/getSettings/abstractions.js";
+const SUBMIT_TIMEOUT_MS = 30_000;
+class GenerateContentPresenterImpl {
+  _loading = false;
+  _submitting = false;
+  _processing = false;
+  _timedOut = false;
+  _components = [];
+  _createElements = () => {};
+  _form = null;
+  _settings = null;
+  _timeoutId = null;
+  constructor(toolRegistry, pipelineRunner, generatePageContent, formModelFactory, getSettings) {
+    this.toolRegistry = toolRegistry;
+    this.pipelineRunner = pipelineRunner;
+    this.generatePageContent = generatePageContent;
+    this.formModelFactory = formModelFactory;
+    this.getSettings = getSettings;
+    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
+    };
+  }
+  async init(components, createElements) {
+    this._components = components;
+    this._createElements = createElements;
+    this._loading = true;
+    try {
+      const settings = await this.getSettings.execute();
+      runInAction(() => {
+        this._settings = settings;
+        this._form = this.buildForm();
+      });
+    } finally {
+      runInAction(() => {
+        this._loading = false;
+      });
+    }
+  }
+  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.computeExcludedFileIds(data.project, data.includedFiles);
+      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
+      });
+    } 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];
+      this._createElements(items.map(element => ({
+        componentName: element.component,
+        parentId: "root",
+        slot: "children",
+        bindings: {
+          inputs: element.inputs
+        }
+      })));
+    } catch (e) {
+      console.error(e);
+    } finally {
+      runInAction(() => {
+        this._processing = false;
+      });
+    }
+  }
+  cancelPrompt() {
+    this.clearTimeout();
+    this._processing = false;
+    this._submitting = false;
+  }
+  startTimeout() {
+    this.clearTimeout();
+    this._timeoutId = setTimeout(() => {
+      runInAction(() => {
+        this._submitting = false;
+        this._timedOut = true;
+      });
+    }, SUBMIT_TIMEOUT_MS);
+  }
+  clearTimeout() {
+    if (this._timeoutId !== null) {
+      clearTimeout(this._timeoutId);
+      this._timeoutId = null;
+    }
+  }
+  buildForm() {
+    return this.formModelFactory.create({
+      fields: fields => ({
+        project: fields.text().label("Project").description("Select a predefined context to attach.").options(() => this.getProjectOptions()).afterChange((value, form) => {
+          const projectId = value;
+          const project = projectId ? this._settings?.projects?.presets?.find(p => p.id === projectId) : undefined;
+          if (project?.defaultReaderPersonaId) {
+            form.field("readerPersona").setValue(project.defaultReaderPersonaId);
+          }
+          if (project?.defaultWriterPersonaId) {
+            form.field("writerPersona").setValue(project.defaultWriterPersonaId);
+          }
+          const fileIds = (project?.files ?? []).map(f => f.id);
+          form.field("includedFiles").setValue(fileIds);
+        }),
+        includedFiles: fields.text().label("Files included").description("Uncheck files to exclude them from this generation only.").options(() => this.getProjectFileOptions()).renderer("checkboxes").list().hiddenWhen(form => {
+          const projectId = form.field("project").as("text").getValue();
+          if (!projectId) {
+            return true;
+          }
+          const project = this._settings?.projects?.presets?.find(p => p.id === projectId);
+          return !project?.files || project.files.length === 0;
+        }),
+        readerPersona: fields.text().label("Reader Persona").description("Select the target audience for the generated content.").options(() => this.getPersonaOptions("reader")),
+        writerPersona: fields.text().label("Writer Persona").description("Select the writing style for the generated content.").options(() => this.getPersonaOptions("writer")),
+        prompt: fields.text().label("Prompt").description("Describe the page content you want to generate.").required("Prompt is required").renderer("textarea", {
+          rows: 6
+        })
+      }),
+      layout: layout => [layout.row("project"), layout.row("includedFiles"), layout.row("readerPersona"), layout.row("writerPersona"), layout.row("prompt")]
+    });
+  }
+  getSelectedProject() {
+    if (!this._form || !this._settings) {
+      return undefined;
+    }
+    const projectId = this._form.field("project").getValue();
+    if (!projectId) {
+      return undefined;
+    }
+    return this._settings.projects?.presets?.find(p => p.id === projectId);
+  }
+  getProjectFileOptions() {
+    const project = this.getSelectedProject();
+    const files = project?.files;
+    if (!files || files.length === 0) {
+      return [];
+    }
+    return files.map(f => ({
+      label: f.name,
+      value: f.id
+    }));
+  }
+  computeExcludedFileIds(projectId, includedFiles) {
+    if (!projectId) {
+      return null;
+    }
+    const project = this._settings?.projects?.presets?.find(p => p.id === projectId);
+    const allFileIds = (project?.files ?? []).map(f => f.id);
+    if (allFileIds.length === 0) {
+      return null;
+    }
+    const included = new Set(includedFiles ?? []);
+    const excluded = allFileIds.filter(id => !included.has(id));
+    return excluded.length > 0 ? excluded : null;
+  }
+  getProjectOptions() {
+    const presets = this._settings?.projects?.presets;
+    if (!presets || presets.length === 0) {
+      return [];
+    }
+    return presets.map(preset => ({
+      label: preset.name,
+      value: preset.id
+    }));
+  }
+  getPersonaOptions(type) {
+    const presets = type === "reader" ? this._settings?.readerPersonas?.presets : this._settings?.writerPersonas?.presets;
+    if (!presets || presets.length === 0) {
+      return [];
+    }
+    return presets.map(preset => ({
+      label: preset.name,
+      value: preset.id
+    }));
+  }
+}
+export const GenerateContentPresenterRegistration = GenerateContentPresenter.createImplementation({
+  implementation: GenerateContentPresenterImpl,
+  dependencies: [ToolRegistry, ToolPipelineRunner, GeneratePageContentUseCase, FormModelFactory, GetSettingsUseCase]
+});
+
+//# sourceMappingURL=GenerateContentPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","computed","toJS","runInAction","z","pick","FormModelFactory","ToolRegistry","ToolPipelineRunner","GenerateContentPresenter","GeneratePageContentUseCase","GetSettingsUseCase","SUBMIT_TIMEOUT_MS","GenerateContentPresenterImpl","_loading","_submitting","_processing","_timedOut","_components","_createElements","_form","_settings","_timeoutId","constructor","toolRegistry","pipelineRunner","generatePageContent","formModelFactory","getSettings","vm","autoBind","form","loading","submitting","processing","timedOut","init","components","createElements","settings","execute","buildForm","submit","data","startTimeout","tools","getTools","map","tool","name","description","inputSchema","toJSONSchema","outputSchema","excludedFileIds","computeExcludedFileIds","project","includedFiles","prompt","projectId","readerPersonaId","readerPersona","writerPersonaId","writerPersona","clearTimeout","processAiResponse","responseText","aiResponseJson","JSON","parse","resolved","resolve","items","Array","isArray","element","componentName","component","parentId","slot","bindings","inputs","e","console","error","cancelPrompt","setTimeout","create","fields","text","label","options","getProjectOptions","afterChange","value","projects","presets","find","p","id","undefined","defaultReaderPersonaId","field","setValue","defaultWriterPersonaId","fileIds","files","f","getProjectFileOptions","renderer","list","hiddenWhen","as","getValue","length","getPersonaOptions","required","rows","layout","row","getSelectedProject","allFileIds","included","Set","excluded","filter","has","preset","type","readerPersonas","writerPersonas","GenerateContentPresenterRegistration","createImplementation","implementation","dependencies"],"sources":["GenerateContentPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, toJS, runInAction } from \"mobx\";\nimport { z } from \"zod\";\nimport pick from \"lodash/pick.js\";\nimport { FormModelFactory, FormModel, ToolRegistry, ToolPipelineRunner } from \"@webiny/app-admin\";\nimport { GenerateContentPresenter, type CreateElementsFn } from \"./abstractions.js\";\nimport { GeneratePageContentUseCase } from \"~/admin/features/generatePageContent/index.js\";\nimport { GetSettingsUseCase } from \"~/admin/features/settings/getSettings/abstractions.js\";\nimport type { IAiPowerUpsSettings } from \"~/admin/features/settings/shared/abstractions.js\";\n\nconst SUBMIT_TIMEOUT_MS = 30_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 _settings: IAiPowerUpsSettings | null = null;\n    private _timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n    constructor(\n        private toolRegistry: ToolRegistry.Interface,\n        private pipelineRunner: ToolPipelineRunner.Interface,\n        private generatePageContent: GeneratePageContentUseCase.Interface,\n        private formModelFactory: FormModelFactory.Interface,\n        private getSettings: GetSettingsUseCase.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        };\n    }\n\n    async init(components: Record<string, any>[], createElements: CreateElementsFn): Promise<void> {\n        this._components = components;\n        this._createElements = createElements;\n\n        this._loading = true;\n\n        try {\n            const settings = await this.getSettings.execute();\n            runInAction(() => {\n                this._settings = settings;\n                this._form = this.buildForm();\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\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        }>();\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.computeExcludedFileIds(data.project, data.includedFiles);\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            });\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            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        } catch (e) {\n            console.error(e);\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._timeoutId = setTimeout(() => {\n            runInAction(() => {\n                this._submitting = false;\n                this._timedOut = true;\n            });\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    }\n\n    private buildForm() {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                project: fields\n                    .text()\n                    .label(\"Project\")\n                    .description(\"Select a predefined context to attach.\")\n                    .options(() => this.getProjectOptions())\n                    .afterChange((value, form) => {\n                        const projectId = value as string | undefined;\n                        const project = projectId\n                            ? this._settings?.projects?.presets?.find(p => p.id === projectId)\n                            : undefined;\n\n                        if (project?.defaultReaderPersonaId) {\n                            form.field(\"readerPersona\").setValue(project.defaultReaderPersonaId);\n                        }\n                        if (project?.defaultWriterPersonaId) {\n                            form.field(\"writerPersona\").setValue(project.defaultWriterPersonaId);\n                        }\n\n                        const fileIds = (project?.files ?? []).map(f => f.id);\n                        form.field(\"includedFiles\").setValue(fileIds);\n                    }),\n                includedFiles: fields\n                    .text()\n                    .label(\"Files included\")\n                    .description(\"Uncheck files to exclude them from this generation only.\")\n                    .options(() => this.getProjectFileOptions())\n                    .renderer(\"checkboxes\")\n                    .list()\n                    .hiddenWhen(form => {\n                        const projectId = form.field(\"project\").as(\"text\").getValue();\n                        if (!projectId) {\n                            return true;\n                        }\n                        const project = this._settings?.projects?.presets?.find(\n                            p => p.id === projectId\n                        );\n                        return !project?.files || project.files.length === 0;\n                    }),\n                readerPersona: fields\n                    .text()\n                    .label(\"Reader Persona\")\n                    .description(\"Select the target audience for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"reader\")),\n                writerPersona: fields\n                    .text()\n                    .label(\"Writer Persona\")\n                    .description(\"Select the writing style for the generated content.\")\n                    .options(() => this.getPersonaOptions(\"writer\")),\n                prompt: fields\n                    .text()\n                    .label(\"Prompt\")\n                    .description(\"Describe the page content you want to generate.\")\n                    .required(\"Prompt is required\")\n                    .renderer(\"textarea\", { rows: 6 })\n            }),\n            layout: layout => [\n                layout.row(\"project\"),\n                layout.row(\"includedFiles\"),\n                layout.row(\"readerPersona\"),\n                layout.row(\"writerPersona\"),\n                layout.row(\"prompt\")\n            ]\n        });\n    }\n\n    private getSelectedProject() {\n        if (!this._form || !this._settings) {\n            return undefined;\n        }\n        const projectId = this._form.field(\"project\").getValue<string>();\n        if (!projectId) {\n            return undefined;\n        }\n        return this._settings.projects?.presets?.find(p => p.id === projectId);\n    }\n\n    private getProjectFileOptions() {\n        const project = this.getSelectedProject();\n        const files = project?.files;\n        if (!files || files.length === 0) {\n            return [];\n        }\n        return files.map(f => ({\n            label: f.name,\n            value: f.id\n        }));\n    }\n\n    private computeExcludedFileIds(projectId?: string, includedFiles?: string[]): string[] | null {\n        if (!projectId) {\n            return null;\n        }\n        const project = this._settings?.projects?.presets?.find(p => p.id === projectId);\n        const allFileIds = (project?.files ?? []).map(f => f.id);\n        if (allFileIds.length === 0) {\n            return null;\n        }\n        const included = new Set(includedFiles ?? []);\n        const excluded = allFileIds.filter(id => !included.has(id));\n        return excluded.length > 0 ? excluded : null;\n    }\n\n    private getProjectOptions() {\n        const presets = this._settings?.projects?.presets;\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n\n    private getPersonaOptions(type: \"reader\" | \"writer\") {\n        const presets =\n            type === \"reader\"\n                ? this._settings?.readerPersonas?.presets\n                : this._settings?.writerPersonas?.presets;\n\n        if (!presets || presets.length === 0) {\n            return [];\n        }\n\n        return presets.map(preset => ({\n            label: preset.name,\n            value: preset.id\n        }));\n    }\n}\n\nexport const GenerateContentPresenterRegistration = GenerateContentPresenter.createImplementation({\n    implementation: GenerateContentPresenterImpl,\n    dependencies: [\n        ToolRegistry,\n        ToolPipelineRunner,\n        GeneratePageContentUseCase,\n        FormModelFactory,\n        GetSettingsUseCase\n    ]\n});\n"],"mappings":"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","ignoreList":[]}