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

package/admin/presentation/WbContentGeneration/GenerateContentDialog.js

@@ -1,138 +1,105 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import react, { useCallback, useEffect, useRef } from "react";
 import { observer } from "mobx-react-lite";
-import { useDialog } from "@webiny/app-admin";
-import { Dialog, OverlayLoader, Textarea, useToast } from "@webiny/admin-ui";
+import { FormView, useDialog } 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();
+const GENERATE_CONTENT_DIALOG = "generate-content";
+const WS_ACTION_CONTENT = "aiPowerUps.generatePageContent.content";
+const WS_ACTION_ERROR = "aiPowerUps.generatePageContent.error";
+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)=>false !== c.useInAiContentGeneration).map((c)=>({
+                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();
     };
-  }, []);
-  const submitHtml = () => {
-    presenter.processAiResponse(JSON.stringify([{
-      component: "Webiny/Lexical",
-      inputs: {
-        content: {
-          tool: "textToLexical",
-          params: {
-            text: "<h1>Song of the Living Earth</h1><p>The morning opens gently, and the world begins to sing. From forest shadows to rolling tides, nature carries a melody that feels both timeless and new. This song celebrates the quiet power of the wild, where every breeze, birdcall, and wave becomes part of a larger harmony.</p><h2>Verse One: Dawn in the Forest</h2><p>The sun wakes softly through the pine,</p><p>And gold spills down the cedar line.</p><p>The brook hums low beneath the trees,</p><p>A silver thread in morning breeze.</p>"
-          }
-        }
-      }
-    }, {
-      component: "Webiny/Lexical",
-      inputs: {
-        content: {
-          tool: "textToLexical",
-          params: {
-            text: "<h2>Verse Two: The River’s Journey</h2><p>The river travels, clear and bold,</p><p>Through stone and root and fields of gold.</p><p>It teaches hearts to move, to flow,</p><p>To leave the banks and still grow whole.</p><h3>Chorus</h3><p>Oh, nature sings in every leaf,</p><p>In winds of joy and rains of grief.</p><p>We listen close, we learn, we stay,</p><p>And find our rhythm in its sway.</p><p>Like mountains holding up the sky,</p><p>And eagles carving paths to fly,</p><p>The earth reminds us, calm and free,</p><p>That life is meant for harmony.</p>"
-          }
-        }
-      }
-    }, {
-      component: "Webiny/Lexical",
-      inputs: {
-        content: {
-          tool: "textToLexical",
-          params: {
-            text: "<h2>Verse Three: Evening Wildflowers</h2><p>When daylight fades to amber sky,</p><p>The meadow blooms before goodbye.</p><p>The crickets tune the final part,</p><p>And dusk grows tender in the heart.</p><p>So let us walk with gentle feet,</p><p>And keep the wild, and keep it sweet.</p><p>For every branch, each shore, each stream,</p><p>Is nature’s voice inside the dream.</p><p><strong>Final refrain:</strong> Oh, nature sings in every leaf, in winds of joy and rains of grief. We listen close, we learn, we stay, and find our rhythm in its sway.</p><p><em>Let the earth be your song, and the song be your home.</em></p>"
-          }
-        }
-      }
-    }]));
-  };
-  useEffect(() => {
-    if (wasSubmitting.current && !vm.submitting) {
-      closeDialog();
-    }
-    wasSubmitting.current = vm.submitting;
-  }, [vm.submitting]);
-  const handleSubmit = async () => {
-    await presenter.submit();
-  };
-  const isProcessing = vm.processing;
-  const isSubmitting = vm.submitting;
-  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: submitHtml,
-      text: "Submit HTML"
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      onClick: handleSubmit,
-      text: "Generate",
-      disabled: !vm.prompt.trim() || vm.submitting
-    }))
-  }, isSubmitting ? /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: "Generating content..."
-  }) : null, isProcessing ? /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: "Processing content..."
-  }) : null, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Prompt",
-    description: "Describe the page content you want to generate.",
-    value: vm.prompt,
-    onChange: value => presenter.setPrompt(String(value ?? "")),
-    rows: 6
-  }));
+    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);
 });
+export { GENERATE_CONTENT_DIALOG, GenerateContentDialog, WS_ACTION_CONTENT, WS_ACTION_ERROR };
 
 //# sourceMappingURL=GenerateContentDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","observer","useDialog","Dialog","OverlayLoader","Textarea","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","submitHtml","JSON","stringify","component","content","tool","params","text","current","submitting","handleSubmit","submit","isProcessing","processing","isSubmitting","open","onClose","size","actions","Fragment","CancelAction","onClick","ConfirmAction","disabled","prompt","trim","onChange","setPrompt","String","rows"],"sources":["GenerateContentDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useDialog } from \"@webiny/app-admin\";\nimport { Dialog, OverlayLoader, Textarea, 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    const submitHtml = () => {\n        presenter.processAiResponse(\n            JSON.stringify([\n                {\n                    component: \"Webiny/Lexical\",\n                    inputs: {\n                        content: {\n                            tool: \"textToLexical\",\n                            params: {\n                                text: \"<h1>Song of the Living Earth</h1><p>The morning opens gently, and the world begins to sing. From forest shadows to rolling tides, nature carries a melody that feels both timeless and new. This song celebrates the quiet power of the wild, where every breeze, birdcall, and wave becomes part of a larger harmony.</p><h2>Verse One: Dawn in the Forest</h2><p>The sun wakes softly through the pine,</p><p>And gold spills down the cedar line.</p><p>The brook hums low beneath the trees,</p><p>A silver thread in morning breeze.</p>\"\n                            }\n                        }\n                    }\n                },\n                {\n                    component: \"Webiny/Lexical\",\n                    inputs: {\n                        content: {\n                            tool: \"textToLexical\",\n                            params: {\n                                text: \"<h2>Verse Two: The River’s Journey</h2><p>The river travels, clear and bold,</p><p>Through stone and root and fields of gold.</p><p>It teaches hearts to move, to flow,</p><p>To leave the banks and still grow whole.</p><h3>Chorus</h3><p>Oh, nature sings in every leaf,</p><p>In winds of joy and rains of grief.</p><p>We listen close, we learn, we stay,</p><p>And find our rhythm in its sway.</p><p>Like mountains holding up the sky,</p><p>And eagles carving paths to fly,</p><p>The earth reminds us, calm and free,</p><p>That life is meant for harmony.</p>\"\n                            }\n                        }\n                    }\n                },\n                {\n                    component: \"Webiny/Lexical\",\n                    inputs: {\n                        content: {\n                            tool: \"textToLexical\",\n                            params: {\n                                text: \"<h2>Verse Three: Evening Wildflowers</h2><p>When daylight fades to amber sky,</p><p>The meadow blooms before goodbye.</p><p>The crickets tune the final part,</p><p>And dusk grows tender in the heart.</p><p>So let us walk with gentle feet,</p><p>And keep the wild, and keep it sweet.</p><p>For every branch, each shore, each stream,</p><p>Is nature’s voice inside the dream.</p><p><strong>Final refrain:</strong> Oh, nature sings in every leaf, in winds of joy and rains of grief. We listen close, we learn, we stay, and find our rhythm in its sway.</p><p><em>Let the earth be your song, and the song be your home.</em></p>\"\n                            }\n                        }\n                    }\n                }\n            ])\n        );\n    };\n\n    useEffect(() => {\n        if (wasSubmitting.current && !vm.submitting) {\n            closeDialog();\n        }\n        wasSubmitting.current = vm.submitting;\n    }, [vm.submitting]);\n\n    const handleSubmit = async () => {\n        await presenter.submit();\n    };\n\n    const isProcessing = vm.processing;\n    const isSubmitting = vm.submitting;\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 onClick={submitHtml} text=\"Submit HTML\" />\n                    <Dialog.ConfirmAction\n                        onClick={handleSubmit}\n                        text=\"Generate\"\n                        disabled={!vm.prompt.trim() || vm.submitting}\n                    />\n                </>\n            }\n        >\n            {isSubmitting ? <OverlayLoader text={\"Generating content...\"} /> : null}\n            {isProcessing ? <OverlayLoader text={\"Processing content...\"} /> : null}\n            <Textarea\n                label=\"Prompt\"\n                description=\"Describe the page content you want to generate.\"\n                value={vm.prompt}\n                onChange={value => presenter.setPrompt(String(value ?? \"\"))}\n                rows={6}\n            />\n        </Dialog>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/presentation/WbContentGeneration/GenerateContentDialog.js","sources":["../../../../src/admin/presentation/WbContentGeneration/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"],"names":["GENERATE_CONTENT_DIALOG","WS_ACTION_CONTENT","WS_ACTION_ERROR","GenerateContentDialog","observer","closeDialog","useDialog","presenter","useFeature","GenerateContentFeature","vm","wasSubmitting","useRef","websockets","useWebsockets","toast","useToast","components","useSelectFromEditor","state","createElement","useCreateElement","createElements","useCallback","elements","el","useEffect","aiComponents","Object","c","input","contentSubscription","message","responseText","decompressGzipBase64","errorSubscription","handleSubmit","Dialog","OverlayLoader","FormView"],"mappings":";;;;;;;;;;AAaO,MAAMA,0BAA0B;AAEhC,MAAMC,oBAAoB;AAC1B,MAAMC,kBAAkB;AAiBxB,MAAMC,wBAAwBC,SAAS;IAC1C,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,KAAKH,UAAU,EAAE;IACvB,MAAMI,gBAAgBC,OAAO;IAC7B,MAAMC,aAAaC;IACnB,MAAMC,QAAQC;IAEd,MAAMC,aAAaC,oBAAoBC,CAAAA,QAASA,MAAM,UAAU;IAChE,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAE1B,MAAMC,iBAAiBC,YACnB,CAACC;QACGA,SAAS,OAAO,CAACC,CAAAA,KAAML,cAAcK;IACzC,GACA;QAACL;KAAc;IAGnBM,UAAU;QACN,MAAMC,eAAeC,OAAO,MAAM,CAACX,YAC9B,MAAM,CAACY,CAAAA,IAAKA,AAA+B,UAA/BA,EAAE,wBAAwB,EACtC,GAAG,CAACA,CAAAA,IACM;gBACH,MAAMA,EAAE,IAAI;gBACZ,OAAOA,EAAE,KAAK;gBACd,WAAWA,EAAE,SAAS;gBACtB,QAAQA,EAAE,MAAM,CAAC,GAAG,CAACC,CAAAA,QAAU;wBAC3B,MAAMA,MAAM,IAAI;wBAChB,MAAMA,MAAM,IAAI;wBAChB,OAAOA,MAAM,KAAK;wBAClB,aAAaA,MAAM,WAAW;oBAClC;YACJ;QAERvB,UAAU,IAAI,CAACoB,cAAcL;IACjC,GAAG;QAACL;QAAYK;KAAe;IAE/BI,UAAU;QACN,MAAMK,sBAAsBlB,WAAW,SAAS,CAC5CZ,mBACA,OAAM+B;YACF,MAAMC,eAAe,MAAMC,qBAAqBF,QAAQ,IAAI,CAAC,KAAK;YAClE,MAAMzB,UAAU,iBAAiB,CAAC0B;QACtC;QAGJ,MAAME,oBAAoBtB,WAAW,SAAS,CAC1CX,iBACA,OAAM8B;YACFjB,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAaiB,QAAQ,IAAI,CAAC,OAAO;YACrC;YACAzB,UAAU,YAAY;QAC1B;QAGJ,OAAO;YACHwB,oBAAoB,GAAG;YACvBI,kBAAkB,GAAG;QACzB;IACJ,GAAG,EAAE;IAELT,UAAU;QACN,IAAIf,cAAc,OAAO,IAAI,CAACD,GAAG,UAAU,IAAI,CAACA,GAAG,QAAQ,EACvDL;QAEJM,cAAc,OAAO,GAAGD,GAAG,UAAU;IACzC,GAAG;QAACA,GAAG,UAAU;KAAC;IAElBgB,UAAU;QACN,IAAIhB,GAAG,QAAQ,EACXK,MAAM,gBAAgB,CAAC;YACnB,OAAO;YACP,aAAa;QACjB;IAER,GAAG;QAACL,GAAG,QAAQ;KAAC;IAEhB,MAAM0B,eAAe;QACjB,MAAM7B,UAAU,MAAM;IAC1B;IAEA,OAAO,WAAP,GACI,oBAAC8B,QAAMA;QACH,MAAM;QACN,SAAShC;QACT,OAAM;QACN,MAAM;QACN,uBACI,wDACI,oBAACgC,OAAO,YAAY;YAAC,SAAShC;YAAa,MAAK;0BAChD,oBAACgC,OAAO,aAAa;YACjB,SAASD;YACT,MAAK;YACL,UAAU1B,GAAG,OAAO,IAAIA,GAAG,UAAU;;OAKhDA,GAAG,OAAO,GAAG,WAAH,GAAG,oBAAC4B,eAAaA;QAAC,MAAM;SAAmB,MACrD5B,GAAG,UAAU,GAAG,WAAH,GAAG,oBAAC4B,eAAaA;QAAC,MAAM;SAA8B,MACnE5B,GAAG,UAAU,GAAG,WAAH,GAAG,oBAAC4B,eAAaA;QAAC,MAAM;SAA8B,MACnE5B,GAAG,IAAI,GAAG,WAAH,GAAG,oBAAC6B,UAAQA;QAAC,MAAK;QAAkB,MAAM7B,GAAG,IAAI;SAAO;AAG5E"}

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

@@ -1,22 +1,36 @@
-import { ToolRegistry, ToolPipelineRunner } from "@webiny/app-admin";
+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 _prompt;
+    private formModelFactory;
+    private getSettings;
+    private _loading;
     private _submitting;
     private _processing;
+    private _timedOut;
     private _components;
     private _createElements;
-    constructor(toolRegistry: ToolRegistry.Interface, pipelineRunner: ToolPipelineRunner.Interface, generatePageContent: GeneratePageContentUseCase.Interface);
+    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): void;
-    setPrompt(value: string): void;
+    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>;

package/admin/presentation/WbContentGeneration/GenerateContentPresenter.js

@@ -1,91 +1,228 @@
-import { makeAutoObservable, computed, toJS } from "mobx";
+import { computed, makeAutoObservable, runInAction, toJS } from "mobx";
 import { z } from "zod";
 import pick from "lodash/pick.js";
-import { ToolRegistry, ToolPipelineRunner } from "@webiny/app-admin";
+import { FormModelFactory, ToolPipelineRunner, ToolRegistry } from "@webiny/app-admin";
 import { GenerateContentPresenter } from "./abstractions.js";
 import { GeneratePageContentUseCase } from "../../features/generatePageContent/index.js";
-import { runInAction } from "mobx";
+import { GetSettingsUseCase } from "../../features/settings/getSettings/abstractions.js";
+const SUBMIT_TIMEOUT_MS = 300000;
 class GenerateContentPresenterImpl {
-  _prompt = "";
-  _submitting = false;
-  _processing = false;
-  _components = [];
-  _createElements = () => {};
-  constructor(toolRegistry, pipelineRunner, generatePageContent) {
-    this.toolRegistry = toolRegistry;
-    this.pipelineRunner = pipelineRunner;
-    this.generatePageContent = generatePageContent;
-    makeAutoObservable(this, {
-      vm: computed
-    }, {
-      autoBind: true
-    });
-  }
-  get vm() {
-    return {
-      prompt: this._prompt,
-      submitting: this._submitting,
-      processing: this._processing
-    };
-  }
-  init(components, createElements) {
-    this._components = components;
-    this._createElements = createElements;
-  }
-  setPrompt(value) {
-    this._prompt = value;
-  }
-  async submit() {
-    this._submitting = true;
-    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"])
-      }));
-      await this.generatePageContent.execute({
-        prompt: this._prompt,
-        components: toJS(this._components),
-        tools
-      });
-    } catch {
-      runInAction(() => {
+    constructor(toolRegistry, pipelineRunner, generatePageContent, formModelFactory, getSettings){
+        this.toolRegistry = toolRegistry;
+        this.pipelineRunner = pipelineRunner;
+        this.generatePageContent = generatePageContent;
+        this.formModelFactory = formModelFactory;
+        this.getSettings = getSettings;
+        this._loading = false;
         this._submitting = false;
-      });
+        this._processing = false;
+        this._timedOut = false;
+        this._components = [];
+        this._createElements = ()=>{};
+        this._form = null;
+        this._settings = null;
+        this._timeoutId = null;
+        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 processAiResponse(responseText) {
-    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
+    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;
+            });
         }
-      })));
-    } catch (e) {
-      console.error(e);
-    } finally {
-      runInAction(() => {
+    }
+    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 (null !== this._timeoutId) {
+            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) : void 0;
+                        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 || 0 === project.files.length;
+                    }),
+                    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;
+        const projectId = this._form.field("project").getValue();
+        if (!projectId) return;
+        return this._settings.projects?.presets?.find((p)=>p.id === projectId);
+    }
+    getProjectFileOptions() {
+        const project = this.getSelectedProject();
+        const files = project?.files;
+        if (!files || 0 === files.length) 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 (0 === allFileIds.length) 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 || 0 === presets.length) return [];
+        return presets.map((preset)=>({
+                label: preset.name,
+                value: preset.id
+            }));
+    }
+    getPersonaOptions(type) {
+        const presets = "reader" === type ? this._settings?.readerPersonas?.presets : this._settings?.writerPersonas?.presets;
+        if (!presets || 0 === presets.length) return [];
+        return presets.map((preset)=>({
+                label: preset.name,
+                value: preset.id
+            }));
     }
-  }
-  cancelPrompt() {
-    this._processing = false;
-    this._submitting = false;
-  }
 }
-export const GenerateContentPresenterRegistration = GenerateContentPresenter.createImplementation({
-  implementation: GenerateContentPresenterImpl,
-  dependencies: [ToolRegistry, ToolPipelineRunner, GeneratePageContentUseCase]
+const GenerateContentPresenterRegistration = GenerateContentPresenter.createImplementation({
+    implementation: GenerateContentPresenterImpl,
+    dependencies: [
+        ToolRegistry,
+        ToolPipelineRunner,
+        GeneratePageContentUseCase,
+        FormModelFactory,
+        GetSettingsUseCase
+    ]
 });
+export { GenerateContentPresenterRegistration };
 
 //# sourceMappingURL=GenerateContentPresenter.js.map