@webiny/ai-powerups 6.4.11 → 6.6.0-alpha.1

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.js

@@ -0,0 +1,90 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { RevisionsListPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+import { CompareEntryRevisionsUseCase } from "../../features/compareEntryRevisions/abstractions.js";
+import { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+class CmsCompareEntryRevisionsPresenterImpl {
+    constructor(revisionsPresenter, useCase){
+        this.revisionsPresenter = revisionsPresenter;
+        this.useCase = useCase;
+        this.drawerVisible = false;
+        this.selectedIds = [];
+        this.dialogVisible = false;
+        this.comparing = false;
+        this.error = null;
+        this.result = null;
+        makeAutoObservable(this, {
+            revisionsPresenter: false,
+            useCase: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            drawerVisible: this.drawerVisible,
+            revisions: this.revisionsPresenter.vm.revisions,
+            selectedIds: this.selectedIds,
+            canCompare: 2 === this.selectedIds.length,
+            dialogVisible: this.dialogVisible,
+            comparing: this.comparing,
+            error: this.error,
+            result: this.result
+        };
+    }
+    showDrawer() {
+        this.drawerVisible = true;
+    }
+    hideDrawer() {
+        this.drawerVisible = false;
+        this.selectedIds = [];
+    }
+    toggleRevision(revisionId) {
+        const index = this.selectedIds.indexOf(revisionId);
+        if (index >= 0) this.selectedIds = this.selectedIds.filter((id)=>id !== revisionId);
+        else if (this.selectedIds.length < 2) this.selectedIds = [
+            ...this.selectedIds,
+            revisionId
+        ];
+    }
+    async compare(modelId) {
+        if (2 !== this.selectedIds.length) return;
+        this.drawerVisible = false;
+        this.dialogVisible = true;
+        this.comparing = true;
+        this.error = null;
+        this.result = null;
+        try {
+            const result = await this.useCase.execute({
+                modelId,
+                revisionId1: this.selectedIds[0],
+                revisionId2: this.selectedIds[1]
+            });
+            runInAction(()=>{
+                this.result = result;
+            });
+        } catch (e) {
+            runInAction(()=>{
+                this.error = e instanceof Error ? e.message : "Failed to compare revisions";
+            });
+        } finally{
+            runInAction(()=>{
+                this.comparing = false;
+            });
+        }
+    }
+    hideDialog() {
+        this.dialogVisible = false;
+        this.result = null;
+        this.error = null;
+        this.selectedIds = [];
+    }
+}
+const CmsCompareEntryRevisionsPresenterImplementation = CmsCompareEntryRevisionsPresenter.createImplementation({
+    implementation: CmsCompareEntryRevisionsPresenterImpl,
+    dependencies: [
+        RevisionsListPresenter,
+        CompareEntryRevisionsUseCase
+    ]
+});
+export { CmsCompareEntryRevisionsPresenterImplementation };
+
+//# sourceMappingURL=CmsCompareEntryRevisionsPresenter.js.map

package/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/CmsCompareEntryRevisionsPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport { RevisionsListPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\nimport { CompareEntryRevisionsUseCase } from \"~/admin/features/compareEntryRevisions/abstractions.js\";\nimport { CmsCompareEntryRevisionsPresenter } from \"./abstractions.js\";\nimport type { ICmsCompareEntryRevisionsViewModel } from \"./abstractions.js\";\n\nclass CmsCompareEntryRevisionsPresenterImpl implements CmsCompareEntryRevisionsPresenter.Interface {\n    private drawerVisible = false;\n    private selectedIds: string[] = [];\n    private dialogVisible = false;\n    private comparing = false;\n    private error: string | null = null;\n    private result: { html: string; summary: string } | null = null;\n\n    constructor(\n        private revisionsPresenter: RevisionsListPresenter.Interface,\n        private useCase: CompareEntryRevisionsUseCase.Interface\n    ) {\n        makeAutoObservable<CmsCompareEntryRevisionsPresenterImpl, \"revisionsPresenter\" | \"useCase\">(\n            this,\n            {\n                revisionsPresenter: false,\n                useCase: false,\n                vm: computed\n            }\n        );\n    }\n\n    get vm(): ICmsCompareEntryRevisionsViewModel {\n        return {\n            drawerVisible: this.drawerVisible,\n            revisions: this.revisionsPresenter.vm.revisions,\n            selectedIds: this.selectedIds,\n            canCompare: this.selectedIds.length === 2,\n            dialogVisible: this.dialogVisible,\n            comparing: this.comparing,\n            error: this.error,\n            result: this.result\n        };\n    }\n\n    showDrawer(): void {\n        this.drawerVisible = true;\n    }\n\n    hideDrawer(): void {\n        this.drawerVisible = false;\n        this.selectedIds = [];\n    }\n\n    toggleRevision(revisionId: string): void {\n        const index = this.selectedIds.indexOf(revisionId);\n        if (index >= 0) {\n            this.selectedIds = this.selectedIds.filter(id => id !== revisionId);\n        } else if (this.selectedIds.length < 2) {\n            this.selectedIds = [...this.selectedIds, revisionId];\n        }\n    }\n\n    async compare(modelId: string): Promise<void> {\n        if (this.selectedIds.length !== 2) {\n            return;\n        }\n\n        this.drawerVisible = false;\n        this.dialogVisible = true;\n        this.comparing = true;\n        this.error = null;\n        this.result = null;\n\n        try {\n            const result = await this.useCase.execute({\n                modelId,\n                revisionId1: this.selectedIds[0],\n                revisionId2: this.selectedIds[1]\n            });\n\n            runInAction(() => {\n                this.result = result;\n            });\n        } catch (e: unknown) {\n            runInAction(() => {\n                this.error = e instanceof Error ? e.message : \"Failed to compare revisions\";\n            });\n        } finally {\n            runInAction(() => {\n                this.comparing = false;\n            });\n        }\n    }\n\n    hideDialog(): void {\n        this.dialogVisible = false;\n        this.result = null;\n        this.error = null;\n        this.selectedIds = [];\n    }\n}\n\nexport const CmsCompareEntryRevisionsPresenterImplementation =\n    CmsCompareEntryRevisionsPresenter.createImplementation({\n        implementation: CmsCompareEntryRevisionsPresenterImpl,\n        dependencies: [RevisionsListPresenter, CompareEntryRevisionsUseCase]\n    });\n"],"names":["CmsCompareEntryRevisionsPresenterImpl","revisionsPresenter","useCase","makeAutoObservable","computed","revisionId","index","id","modelId","result","runInAction","e","Error","CmsCompareEntryRevisionsPresenterImplementation","CmsCompareEntryRevisionsPresenter","RevisionsListPresenter","CompareEntryRevisionsUseCase"],"mappings":";;;;AAMA,MAAMA;IAQF,YACYC,kBAAoD,EACpDC,OAA+C,CACzD;aAFUD,kBAAkB,GAAlBA;aACAC,OAAO,GAAPA;aATJ,aAAa,GAAG;aAChB,WAAW,GAAa,EAAE;aAC1B,aAAa,GAAG;aAChB,SAAS,GAAG;aACZ,KAAK,GAAkB;aACvB,MAAM,GAA6C;QAMvDC,mBACI,IAAI,EACJ;YACI,oBAAoB;YACpB,SAAS;YACT,IAAIC;QACR;IAER;IAEA,IAAI,KAAyC;QACzC,OAAO;YACH,eAAe,IAAI,CAAC,aAAa;YACjC,WAAW,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,SAAS;YAC/C,aAAa,IAAI,CAAC,WAAW;YAC7B,YAAY,AAA4B,MAA5B,IAAI,CAAC,WAAW,CAAC,MAAM;YACnC,eAAe,IAAI,CAAC,aAAa;YACjC,WAAW,IAAI,CAAC,SAAS;YACzB,OAAO,IAAI,CAAC,KAAK;YACjB,QAAQ,IAAI,CAAC,MAAM;QACvB;IACJ;IAEA,aAAmB;QACf,IAAI,CAAC,aAAa,GAAG;IACzB;IAEA,aAAmB;QACf,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,WAAW,GAAG,EAAE;IACzB;IAEA,eAAeC,UAAkB,EAAQ;QACrC,MAAMC,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,CAACD;QACvC,IAAIC,SAAS,GACT,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAACC,CAAAA,KAAMA,OAAOF;aACrD,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,GACjC,IAAI,CAAC,WAAW,GAAG;eAAI,IAAI,CAAC,WAAW;YAAEA;SAAW;IAE5D;IAEA,MAAM,QAAQG,OAAe,EAAiB;QAC1C,IAAI,AAA4B,MAA5B,IAAI,CAAC,WAAW,CAAC,MAAM,EACvB;QAGJ,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,SAAS,GAAG;QACjB,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,MAAM,GAAG;QAEd,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;gBACtCD;gBACA,aAAa,IAAI,CAAC,WAAW,CAAC,EAAE;gBAChC,aAAa,IAAI,CAAC,WAAW,CAAC,EAAE;YACpC;YAEAE,YAAY;gBACR,IAAI,CAAC,MAAM,GAAGD;YAClB;QACJ,EAAE,OAAOE,GAAY;YACjBD,YAAY;gBACR,IAAI,CAAC,KAAK,GAAGC,aAAaC,QAAQD,EAAE,OAAO,GAAG;YAClD;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,SAAS,GAAG;YACrB;QACJ;IACJ;IAEA,aAAmB;QACf,IAAI,CAAC,aAAa,GAAG;QACrB,IAAI,CAAC,MAAM,GAAG;QACd,IAAI,CAAC,KAAK,GAAG;QACb,IAAI,CAAC,WAAW,GAAG,EAAE;IACzB;AACJ;AAEO,MAAMG,kDACTC,kCAAkC,oBAAoB,CAAC;IACnD,gBAAgBd;IAChB,cAAc;QAACe;QAAwBC;KAA6B;AACxE"}

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

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

package/admin/presentation/CmsCompareEntryRevisions/Extension.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { RegisterFeature } from "@webiny/app-admin";
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
+import { CmsCompareEntryRevisionsPresentationFeature } from "./feature.js";
+import { CmsCompareEntryRevisionsMenuItem } from "./CmsCompareEntryRevisionsMenuItem.js";
+import { CmsCompareEntryRevisionsOverlays } from "./CmsCompareEntryRevisionsOverlays.js";
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const CmsCompareEntryRevisions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: CmsCompareEntryRevisionsPresentationFeature
+    }), /*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(Actions.MenuItemAction, {
+        name: "compareEntryRevisions",
+        element: /*#__PURE__*/ react.createElement(CmsCompareEntryRevisionsMenuItem, null)
+    })), /*#__PURE__*/ react.createElement(CmsCompareEntryRevisionsOverlays, null));
+export { CmsCompareEntryRevisions };
+
+//# sourceMappingURL=Extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/Extension.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { RegisterFeature } from \"@webiny/app-admin\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { CmsCompareEntryRevisionsPresentationFeature } from \"./feature.js\";\nimport { CmsCompareEntryRevisionsMenuItem } from \"./CmsCompareEntryRevisionsMenuItem.js\";\nimport { CmsCompareEntryRevisionsOverlays } from \"./CmsCompareEntryRevisionsOverlays.js\";\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const CmsCompareEntryRevisions = () => {\n    return (\n        <>\n            <RegisterFeature feature={CmsCompareEntryRevisionsPresentationFeature} />\n            <InternalContentEntryEditorConfig>\n                <Actions.MenuItemAction\n                    name={\"compareEntryRevisions\"}\n                    element={<CmsCompareEntryRevisionsMenuItem />}\n                />\n            </InternalContentEntryEditorConfig>\n            <CmsCompareEntryRevisionsOverlays />\n        </>\n    );\n};\n"],"names":["Actions","InternalContentEntryEditorConfig","CmsCompareEntryRevisions","RegisterFeature","CmsCompareEntryRevisionsPresentationFeature","CmsCompareEntryRevisionsMenuItem","CmsCompareEntryRevisionsOverlays"],"mappings":";;;;;;AAOA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,2BAA2B,IAC7B,WAAP,GACI,wDACI,oBAACC,iBAAeA;QAAC,SAASC;sBAC1B,oBAACH,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACD,QAAQ,cAAc;QACnB,MAAM;QACN,uBAAS,oBAACK,kCAAgCA;uBAGlD,oBAACC,kCAAgCA"}

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

@@ -0,0 +1,29 @@
+import type { RevisionsListPresenter } from "@webiny/app-headless-cms/exports/admin/cms/entry/editor.js";
+interface CompareEntryRevisionsResult {
+    html: string;
+    summary: string;
+}
+export interface ICmsCompareEntryRevisionsViewModel {
+    drawerVisible: boolean;
+    revisions: RevisionsListPresenter.ViewModel["revisions"];
+    selectedIds: string[];
+    canCompare: boolean;
+    dialogVisible: boolean;
+    comparing: boolean;
+    error: string | null;
+    result: CompareEntryRevisionsResult | null;
+}
+export interface ICmsCompareEntryRevisionsPresenter {
+    vm: ICmsCompareEntryRevisionsViewModel;
+    showDrawer(): void;
+    hideDrawer(): void;
+    toggleRevision(revisionId: string): void;
+    compare(modelId: string): Promise<void>;
+    hideDialog(): void;
+}
+export declare const CmsCompareEntryRevisionsPresenter: import("@webiny/di").Abstraction<ICmsCompareEntryRevisionsPresenter>;
+export declare namespace CmsCompareEntryRevisionsPresenter {
+    type Interface = ICmsCompareEntryRevisionsPresenter;
+    type ViewModel = ICmsCompareEntryRevisionsViewModel;
+}
+export {};

package/admin/presentation/CmsCompareEntryRevisions/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/abstractions.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { RevisionsListPresenter } from \"@webiny/app-headless-cms/exports/admin/cms/entry/editor.js\";\n\ninterface CompareEntryRevisionsResult {\n    html: string;\n    summary: string;\n}\n\nexport interface ICmsCompareEntryRevisionsViewModel {\n    drawerVisible: boolean;\n    revisions: RevisionsListPresenter.ViewModel[\"revisions\"];\n    selectedIds: string[];\n    canCompare: boolean;\n    dialogVisible: boolean;\n    comparing: boolean;\n    error: string | null;\n    result: CompareEntryRevisionsResult | null;\n}\n\nexport interface ICmsCompareEntryRevisionsPresenter {\n    vm: ICmsCompareEntryRevisionsViewModel;\n    showDrawer(): void;\n    hideDrawer(): void;\n    toggleRevision(revisionId: string): void;\n    compare(modelId: string): Promise<void>;\n    hideDialog(): void;\n}\n\nexport const CmsCompareEntryRevisionsPresenter =\n    createAbstraction<ICmsCompareEntryRevisionsPresenter>(\n        \"AiPowerUps/CmsCompareEntryRevisionsPresenter\"\n    );\n\nexport namespace CmsCompareEntryRevisionsPresenter {\n    export type Interface = ICmsCompareEntryRevisionsPresenter;\n    export type ViewModel = ICmsCompareEntryRevisionsViewModel;\n}\n"],"names":["CmsCompareEntryRevisionsPresenter","createAbstraction"],"mappings":";AA4BO,MAAMA,oCACTC,kBACI"}

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

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

package/admin/presentation/CmsCompareEntryRevisions/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { CmsCompareEntryRevisionsPresenter } from "./abstractions.js";
+import { CmsCompareEntryRevisionsPresenterImplementation } from "./CmsCompareEntryRevisionsPresenter.js";
+const CmsCompareEntryRevisionsPresentationFeature = createFeature({
+    name: "AiPowerUps/CmsCompareEntryRevisionsPresenter",
+    register (container) {
+        container.register(CmsCompareEntryRevisionsPresenterImplementation).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(CmsCompareEntryRevisionsPresenter)
+        };
+    }
+});
+export { CmsCompareEntryRevisionsPresentationFeature };
+
+//# sourceMappingURL=feature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsCompareEntryRevisions/feature.js","sources":["../../../../src/admin/presentation/CmsCompareEntryRevisions/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { CmsCompareEntryRevisionsPresenter as Abstraction } from \"./abstractions.js\";\nimport { CmsCompareEntryRevisionsPresenterImplementation } from \"./CmsCompareEntryRevisionsPresenter.js\";\n\nexport const CmsCompareEntryRevisionsPresentationFeature = createFeature({\n    name: \"AiPowerUps/CmsCompareEntryRevisionsPresenter\",\n    register(container) {\n        container.register(CmsCompareEntryRevisionsPresenterImplementation).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["CmsCompareEntryRevisionsPresentationFeature","createFeature","container","CmsCompareEntryRevisionsPresenterImplementation","Abstraction"],"mappings":";;;AAIO,MAAMA,8CAA8CC,cAAc;IACrE,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,iDAAiD,gBAAgB;IACxF;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CmsGenerateContentButton: (() => React.JSX.Element | null) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element | null;
+};

package/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js

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

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

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

package/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const CMS_GENERATE_CONTENT_DIALOG = "cms-generate-content";
+export declare const CmsGenerateContentDialog: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

package/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js

@@ -0,0 +1,106 @@
+import react, { useEffect, useRef } from "react";
+import { observer } from "mobx-react-lite";
+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 { useContentEntryFormPresenter } from "@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js";
+import { CmsGenerateContentFeature } from "./feature.js";
+import { decompressGzipBase64 } from "../WbContentGeneration/decompressGzipBase64.js";
+function formatElapsed(totalSeconds) {
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
+const CMS_GENERATE_CONTENT_DIALOG = "cms-generate-content";
+const WS_ACTION_CONTENT = "aiPowerUps.generateEntryContent.content";
+const WS_ACTION_ERROR = "aiPowerUps.generateEntryContent.error";
+const CmsGenerateContentDialog = observer(()=>{
+    const { closeDialog, params } = useDialog();
+    const { presenter } = useFeature(CmsGenerateContentFeature);
+    const formPresenter = useContentEntryFormPresenter();
+    const vm = presenter.vm;
+    const wasSubmitting = useRef(false);
+    const websockets = useWebsockets();
+    const toast = useToast();
+    const modelId = params.modelId;
+    useEffect(()=>{
+        presenter.init();
+    }, []);
+    useEffect(()=>{
+        const contentSubscription = websockets.onMessage(WS_ACTION_CONTENT, async (message)=>{
+            const responseText = await decompressGzipBase64(message.data.value);
+            try {
+                const entryValues = await presenter.processAiResponse(responseText);
+                console.log("entryValues", entryValues);
+                const form = formPresenter.vm.form;
+                if (form) form.setData(entryValues);
+            } catch (e) {
+                console.error("Failed to process AI response", {
+                    responseText
+                });
+                console.error(e);
+                toast.showWarningToast({
+                    title: "Failed to process AI response",
+                    description: "Open the console for more details."
+                });
+                presenter.cancelPrompt();
+            }
+        });
+        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(modelId);
+    };
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onClose: closeDialog,
+        title: "Generate Entry 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, {
+        className: "bg-neutral-base/90",
+        text: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", null, "Generating content... ", formatElapsed(vm.elapsedSeconds)), /*#__PURE__*/ react.createElement("div", {
+            className: "text-sm text-neutral-muted pt-xs"
+        }, "Content generation can take a few minutes, depending on the model you're using."))
+    }) : null, vm.form ? /*#__PURE__*/ react.createElement(FormView, {
+        name: "CmsGenerateContent",
+        form: vm.form
+    }) : null);
+});
+export { CMS_GENERATE_CONTENT_DIALOG, CmsGenerateContentDialog };
+
+//# sourceMappingURL=CmsGenerateContentDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.tsx"],"sourcesContent":["import React, { 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 { useContentEntryFormPresenter } from \"@webiny/app-headless-cms/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { CmsGenerateContentFeature } from \"./feature.js\";\nimport { decompressGzipBase64 } from \"~/admin/presentation/WbContentGeneration/decompressGzipBase64.js\";\n\nfunction formatElapsed(totalSeconds: number): string {\n    const minutes = Math.floor(totalSeconds / 60);\n    const seconds = totalSeconds % 60;\n    return `${minutes}:${seconds.toString().padStart(2, \"0\")}`;\n}\n\nexport const CMS_GENERATE_CONTENT_DIALOG = \"cms-generate-content\";\n\nconst WS_ACTION_CONTENT = \"aiPowerUps.generateEntryContent.content\";\nconst WS_ACTION_ERROR = \"aiPowerUps.generateEntryContent.error\";\n\ninterface GenerateEntryContentMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_CONTENT;\n    data: {\n        compression: \"gzip\";\n        value: string;\n    };\n}\n\ninterface GenerateEntryContentErrorMessage extends IncomingGenericData {\n    action: typeof WS_ACTION_ERROR;\n    data: {\n        message: string;\n    };\n}\n\nexport const CmsGenerateContentDialog = observer(() => {\n    const { closeDialog, params } = useDialog();\n    const { presenter } = useFeature(CmsGenerateContentFeature);\n    const formPresenter = useContentEntryFormPresenter();\n    const vm = presenter.vm;\n    const wasSubmitting = useRef(false);\n    const websockets = useWebsockets();\n    const toast = useToast();\n    const modelId = params.modelId as string;\n\n    useEffect(() => {\n        presenter.init();\n    }, []);\n\n    useEffect(() => {\n        const contentSubscription = websockets.onMessage<GenerateEntryContentMessage>(\n            WS_ACTION_CONTENT,\n            async message => {\n                const responseText = await decompressGzipBase64(message.data.value);\n                try {\n                    const entryValues = await presenter.processAiResponse(responseText);\n                    console.log(\"entryValues\", entryValues);\n                    const form = formPresenter.vm.form;\n                    if (form) {\n                        form.setData(entryValues);\n                    }\n                } catch (e) {\n                    console.error(\"Failed to process AI response\", { responseText });\n                    console.error(e);\n                    toast.showWarningToast({\n                        title: \"Failed to process AI response\",\n                        description: \"Open the console for more details.\"\n                    });\n                    presenter.cancelPrompt();\n                }\n            }\n        );\n\n        const errorSubscription = websockets.onMessage<GenerateEntryContentErrorMessage>(\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(modelId);\n    };\n\n    return (\n        <Dialog\n            open={true}\n            onClose={closeDialog}\n            title=\"Generate Entry 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 ? (\n                <OverlayLoader\n                    className={\"bg-neutral-base/90\"}\n                    text={\n                        <>\n                            <div>Generating content... {formatElapsed(vm.elapsedSeconds)}</div>\n                            <div className=\"text-sm text-neutral-muted pt-xs\">\n                                Content generation can take a few minutes, depending on the model\n                                you&apos;re using.\n                            </div>\n                        </>\n                    }\n                />\n            ) : null}\n            {vm.form ? <FormView name=\"CmsGenerateContent\" form={vm.form} /> : null}\n        </Dialog>\n    );\n});\n"],"names":["formatElapsed","totalSeconds","minutes","Math","seconds","CMS_GENERATE_CONTENT_DIALOG","WS_ACTION_CONTENT","WS_ACTION_ERROR","CmsGenerateContentDialog","observer","closeDialog","params","useDialog","presenter","useFeature","CmsGenerateContentFeature","formPresenter","useContentEntryFormPresenter","vm","wasSubmitting","useRef","websockets","useWebsockets","toast","useToast","modelId","useEffect","contentSubscription","message","responseText","decompressGzipBase64","entryValues","console","form","e","errorSubscription","handleSubmit","Dialog","OverlayLoader","FormView"],"mappings":";;;;;;;;;AAWA,SAASA,cAAcC,YAAoB;IACvC,MAAMC,UAAUC,KAAK,KAAK,CAACF,eAAe;IAC1C,MAAMG,UAAUH,eAAe;IAC/B,OAAO,GAAGC,QAAQ,CAAC,EAAEE,QAAQ,QAAQ,GAAG,QAAQ,CAAC,GAAG,MAAM;AAC9D;AAEO,MAAMC,8BAA8B;AAE3C,MAAMC,oBAAoB;AAC1B,MAAMC,kBAAkB;AAiBjB,MAAMC,2BAA2BC,SAAS;IAC7C,MAAM,EAAEC,WAAW,EAAEC,MAAM,EAAE,GAAGC;IAChC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,gBAAgBC;IACtB,MAAMC,KAAKL,UAAU,EAAE;IACvB,MAAMM,gBAAgBC,OAAO;IAC7B,MAAMC,aAAaC;IACnB,MAAMC,QAAQC;IACd,MAAMC,UAAUd,OAAO,OAAO;IAE9Be,UAAU;QACNb,UAAU,IAAI;IAClB,GAAG,EAAE;IAELa,UAAU;QACN,MAAMC,sBAAsBN,WAAW,SAAS,CAC5Cf,mBACA,OAAMsB;YACF,MAAMC,eAAe,MAAMC,qBAAqBF,QAAQ,IAAI,CAAC,KAAK;YAClE,IAAI;gBACA,MAAMG,cAAc,MAAMlB,UAAU,iBAAiB,CAACgB;gBACtDG,QAAQ,GAAG,CAAC,eAAeD;gBAC3B,MAAME,OAAOjB,cAAc,EAAE,CAAC,IAAI;gBAClC,IAAIiB,MACAA,KAAK,OAAO,CAACF;YAErB,EAAE,OAAOG,GAAG;gBACRF,QAAQ,KAAK,CAAC,iCAAiC;oBAAEH;gBAAa;gBAC9DG,QAAQ,KAAK,CAACE;gBACdX,MAAM,gBAAgB,CAAC;oBACnB,OAAO;oBACP,aAAa;gBACjB;gBACAV,UAAU,YAAY;YAC1B;QACJ;QAGJ,MAAMsB,oBAAoBd,WAAW,SAAS,CAC1Cd,iBACA,OAAMqB;YACFL,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAaK,QAAQ,IAAI,CAAC,OAAO;YACrC;YACAf,UAAU,YAAY;QAC1B;QAGJ,OAAO;YACHc,oBAAoB,GAAG;YACvBQ,kBAAkB,GAAG;QACzB;IACJ,GAAG,EAAE;IAELT,UAAU;QACN,IAAIP,cAAc,OAAO,IAAI,CAACD,GAAG,UAAU,IAAI,CAACA,GAAG,QAAQ,EACvDR;QAEJS,cAAc,OAAO,GAAGD,GAAG,UAAU;IACzC,GAAG;QAACA,GAAG,UAAU;KAAC;IAElBQ,UAAU;QACN,IAAIR,GAAG,QAAQ,EACXK,MAAM,gBAAgB,CAAC;YACnB,OAAO;YACP,aAAa;QACjB;IAER,GAAG;QAACL,GAAG,QAAQ;KAAC;IAEhB,MAAMkB,eAAe;QACjB,MAAMvB,UAAU,MAAM,CAACY;IAC3B;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,MAAM;QACN,SAAS3B;QACT,OAAM;QACN,MAAM;QACN,uBACI,wDACI,oBAAC2B,OAAO,YAAY;YAAC,SAAS3B;YAAa,MAAK;0BAChD,oBAAC2B,OAAO,aAAa;YACjB,SAASD;YACT,MAAK;YACL,UAAUlB,GAAG,OAAO,IAAIA,GAAG,UAAU;;OAKhDA,GAAG,OAAO,GAAG,WAAH,GAAG,oBAACoB,eAAaA;QAAC,MAAM;SAAmB,MACrDpB,GAAG,UAAU,GAAG,WAAH,GACV,oBAACoB,eAAaA;QACV,WAAW;QACX,oBACI,wDACI,oBAAC,aAAI,0BAAuBtC,cAAckB,GAAG,cAAc,kBAC3D,oBAAC;YAAI,WAAU;WAAmC;SAO9D,MACHA,GAAG,IAAI,GAAG,WAAH,GAAG,oBAACqB,UAAQA;QAAC,MAAK;QAAqB,MAAMrB,GAAG,IAAI;SAAO;AAG/E"}

package/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.d.ts

@@ -0,0 +1,29 @@
+import { ToolPipelineRunner } from "@webiny/app-admin";
+import { CmsGenerateContentPresenter as Abstraction } from "./abstractions.js";
+import { GenerateEntryContentUseCase } from "../../../admin/features/generateEntryContent/index.js";
+import { AiPromptFormFactory } from "../../../admin/presentation/AiPromptFormFactory/abstractions.js";
+declare class CmsGenerateContentPresenterImpl implements Abstraction.Interface {
+    private pipelineRunner;
+    private generateEntryContent;
+    private formFactory;
+    private _loading;
+    private _submitting;
+    private _timedOut;
+    private _form;
+    private _timeoutId;
+    private _intervalId;
+    private _elapsedSeconds;
+    constructor(pipelineRunner: ToolPipelineRunner.Interface, generateEntryContent: GenerateEntryContentUseCase.Interface, formFactory: AiPromptFormFactory.Interface);
+    get vm(): Abstraction.ViewModel;
+    init(): Promise<void>;
+    submit(modelId: string): Promise<void>;
+    processAiResponse(responseText: string): Promise<Record<string, unknown>>;
+    cancelPrompt(): void;
+    private startTimeout;
+    private clearTimeout;
+    private clearInterval;
+}
+export declare const CmsGenerateContentPresenter: typeof CmsGenerateContentPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ICmsGenerateContentPresenter>;
+};
+export {};

package/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.js

@@ -0,0 +1,120 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { ToolPipelineRunner } from "@webiny/app-admin";
+import { CmsGenerateContentPresenter } from "./abstractions.js";
+import { GenerateEntryContentUseCase } from "../../features/generateEntryContent/index.js";
+import { AiPromptFormFactory } from "../AiPromptFormFactory/abstractions.js";
+const SUBMIT_TIMEOUT_MS = 300000;
+class CmsGenerateContentPresenterImpl {
+    constructor(pipelineRunner, generateEntryContent, formFactory){
+        this.pipelineRunner = pipelineRunner;
+        this.generateEntryContent = generateEntryContent;
+        this.formFactory = formFactory;
+        this._loading = false;
+        this._submitting = false;
+        this._timedOut = false;
+        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,
+            timedOut: this._timedOut,
+            elapsedSeconds: this._elapsedSeconds
+        };
+    }
+    async init() {
+        this._form = this.formFactory.createForm({
+            promptDescription: "Describe the content you want to generate for this entry."
+        });
+    }
+    async submit(modelId) {
+        if (!this._form) return;
+        const data = await this._form.submit();
+        if (!data) return;
+        runInAction(()=>{
+            this._submitting = true;
+            this._timedOut = false;
+        });
+        this.startTimeout();
+        try {
+            const excludedFileIds = this.formFactory.computeExcludedFileIds(this._form);
+            const additionalFileIds = data.additionalFiles?.map((f)=>f.id) ?? null;
+            await this.generateEntryContent.execute({
+                prompt: data.prompt,
+                modelId,
+                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._submitting = false;
+        });
+        const aiResponseJson = JSON.parse(responseText);
+        const resolved = await this.pipelineRunner.resolve(aiResponseJson);
+        return resolved;
+    }
+    cancelPrompt() {
+        this.clearTimeout();
+        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 CmsGenerateContentPresenter_CmsGenerateContentPresenter = CmsGenerateContentPresenter.createImplementation({
+    implementation: CmsGenerateContentPresenterImpl,
+    dependencies: [
+        ToolPipelineRunner,
+        GenerateEntryContentUseCase,
+        AiPromptFormFactory
+    ]
+});
+export { CmsGenerateContentPresenter_CmsGenerateContentPresenter as CmsGenerateContentPresenter };
+
+//# sourceMappingURL=CmsGenerateContentPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/CmsGenerateContentPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, runInAction } from \"mobx\";\nimport { ToolPipelineRunner } from \"@webiny/app-admin\";\nimport type { FormModel } from \"@webiny/app-admin\";\nimport type { FileValue } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { CmsGenerateContentPresenter as Abstraction } from \"./abstractions.js\";\nimport { GenerateEntryContentUseCase } from \"~/admin/features/generateEntryContent/index.js\";\nimport { AiPromptFormFactory } from \"~/admin/presentation/AiPromptFormFactory/abstractions.js\";\n\nconst SUBMIT_TIMEOUT_MS = 300_000;\n\nclass CmsGenerateContentPresenterImpl implements Abstraction.Interface {\n    private _loading = false;\n    private _submitting = false;\n    private _timedOut = false;\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 pipelineRunner: ToolPipelineRunner.Interface,\n        private generateEntryContent: GenerateEntryContentUseCase.Interface,\n        private formFactory: AiPromptFormFactory.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            form: this._form ? this._form.vm : null,\n            loading: this._loading,\n            submitting: this._submitting,\n            timedOut: this._timedOut,\n            elapsedSeconds: this._elapsedSeconds\n        };\n    }\n\n    async init(): Promise<void> {\n        this._form = this.formFactory.createForm({\n            promptDescription: \"Describe the content you want to generate for this entry.\"\n        });\n    }\n\n    async submit(modelId: string): 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 excludedFileIds = this.formFactory.computeExcludedFileIds(this._form);\n            const additionalFileIds = data.additionalFiles?.map(f => f.id) ?? null;\n\n            await this.generateEntryContent.execute({\n                prompt: data.prompt,\n                modelId,\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<Record<string, unknown>> {\n        this.clearTimeout();\n        runInAction(() => {\n            this._submitting = false;\n        });\n\n        const aiResponseJson = JSON.parse(responseText);\n        const resolved = await this.pipelineRunner.resolve(aiResponseJson);\n        return resolved as Record<string, unknown>;\n    }\n\n    cancelPrompt(): void {\n        this.clearTimeout();\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 CmsGenerateContentPresenter = Abstraction.createImplementation({\n    implementation: CmsGenerateContentPresenterImpl,\n    dependencies: [ToolPipelineRunner, GenerateEntryContentUseCase, AiPromptFormFactory]\n});\n"],"names":["SUBMIT_TIMEOUT_MS","CmsGenerateContentPresenterImpl","pipelineRunner","generateEntryContent","formFactory","makeAutoObservable","computed","modelId","data","runInAction","excludedFileIds","additionalFileIds","f","responseText","aiResponseJson","JSON","resolved","setInterval","setTimeout","clearTimeout","clearInterval","CmsGenerateContentPresenter","Abstraction","ToolPipelineRunner","GenerateEntryContentUseCase","AiPromptFormFactory"],"mappings":";;;;;AAQA,MAAMA,oBAAoB;AAE1B,MAAMC;IASF,YACYC,cAA4C,EAC5CC,oBAA2D,EAC3DC,WAA0C,CACpD;aAHUF,cAAc,GAAdA;aACAC,oBAAoB,GAApBA;aACAC,WAAW,GAAXA;aAXJ,QAAQ,GAAG;aACX,WAAW,GAAG;aACd,SAAS,GAAG;aACZ,KAAK,GAA+B;aACpC,UAAU,GAAyC;aACnD,WAAW,GAA0C;aACrD,eAAe,GAAG;QAOtBC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS,GAAG;YAAE,UAAU;QAAK;IAChE;IAEA,IAAI,KAA4B;QAC5B,OAAO;YACH,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG;YACnC,SAAS,IAAI,CAAC,QAAQ;YACtB,YAAY,IAAI,CAAC,WAAW;YAC5B,UAAU,IAAI,CAAC,SAAS;YACxB,gBAAgB,IAAI,CAAC,eAAe;QACxC;IACJ;IAEA,MAAM,OAAsB;QACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;YACrC,mBAAmB;QACvB;IACJ;IAEA,MAAM,OAAOC,OAAe,EAAiB;QACzC,IAAI,CAAC,IAAI,CAAC,KAAK,EACX;QAGJ,MAAMC,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM;QASpC,IAAI,CAACA,MACD;QAGJC,YAAY;YACR,IAAI,CAAC,WAAW,GAAG;YACnB,IAAI,CAAC,SAAS,GAAG;QACrB;QAEA,IAAI,CAAC,YAAY;QAEjB,IAAI;YACA,MAAMC,kBAAkB,IAAI,CAAC,WAAW,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK;YAC1E,MAAMC,oBAAoBH,KAAK,eAAe,EAAE,IAAII,CAAAA,IAAKA,EAAE,EAAE,KAAK;YAElE,MAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;gBACpC,QAAQJ,KAAK,MAAM;gBACnBD;gBACA,WAAWC,KAAK,OAAO,IAAI;gBAC3BE;gBACA,iBAAiBF,KAAK,aAAa,IAAI;gBACvC,iBAAiBA,KAAK,aAAa,IAAI;gBACvCG;YACJ;QACJ,EAAE,OAAM;YACJ,IAAI,CAAC,YAAY;YACjBF,YAAY;gBACR,IAAI,CAAC,WAAW,GAAG;YACvB;QACJ;IACJ;IAEA,MAAM,kBAAkBI,YAAoB,EAAoC;QAC5E,IAAI,CAAC,YAAY;QACjBJ,YAAY;YACR,IAAI,CAAC,WAAW,GAAG;QACvB;QAEA,MAAMK,iBAAiBC,KAAK,KAAK,CAACF;QAClC,MAAMG,WAAW,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAACF;QACnD,OAAOE;IACX;IAEA,eAAqB;QACjB,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,WAAW,GAAG;IACvB;IAEQ,eAAqB;QACzB,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,eAAe,GAAG;QACvB,IAAI,CAAC,WAAW,GAAGC,YAAY;YAC3BR,YAAY;gBACR,IAAI,CAAC,eAAe;YACxB;QACJ,GAAG;QACH,IAAI,CAAC,UAAU,GAAGS,WAAW;YACzBT,YAAY;gBACR,IAAI,CAAC,WAAW,GAAG;gBACnB,IAAI,CAAC,SAAS,GAAG;YACrB;YACA,IAAI,CAAC,aAAa;QACtB,GAAGT;IACP;IAEQ,eAAqB;QACzB,IAAI,AAAoB,SAApB,IAAI,CAAC,UAAU,EAAW;YAC1BmB,aAAa,IAAI,CAAC,UAAU;YAC5B,IAAI,CAAC,UAAU,GAAG;QACtB;QACA,IAAI,CAAC,aAAa;IACtB;IAEQ,gBAAsB;QAC1B,IAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,EAAW;YAC3BC,cAAc,IAAI,CAAC,WAAW;YAC9B,IAAI,CAAC,WAAW,GAAG;QACvB;IACJ;AACJ;AAEO,MAAMC,0DAA8BC,4BAAAA,oBAAgC,CAAC;IACxE,gBAAgBrB;IAChB,cAAc;QAACsB;QAAoBC;QAA6BC;KAAoB;AACxF"}

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

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

package/admin/presentation/CmsContentGeneration/Extension.js

@@ -0,0 +1,27 @@
+import react from "react";
+import { AdminConfig, RegisterFeature, useFeatureFlags } from "@webiny/app-admin";
+import { InternalContentEntryEditorConfig } from "@webiny/app-headless-cms/admin/config/contentEntries/index.js";
+import { CmsGenerateContentButton } from "./CmsGenerateContentButton.js";
+import { CMS_GENERATE_CONTENT_DIALOG, CmsGenerateContentDialog } from "./CmsGenerateContentDialog.js";
+import { CmsGenerateContentFeature } from "./feature.js";
+import { GenerateEntryContentFeature } from "../../features/generateEntryContent/index.js";
+const { Actions: Actions } = InternalContentEntryEditorConfig;
+const CmsContentGeneration = ()=>{
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("aiPowerups.cms.entryGeneration")) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: CmsGenerateContentFeature
+    }), /*#__PURE__*/ react.createElement(RegisterFeature, {
+        feature: GenerateEntryContentFeature
+    }), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Dialog, {
+        name: CMS_GENERATE_CONTENT_DIALOG,
+        element: /*#__PURE__*/ react.createElement(CmsGenerateContentDialog, null)
+    })), /*#__PURE__*/ react.createElement(InternalContentEntryEditorConfig, null, /*#__PURE__*/ react.createElement(Actions.ButtonAction, {
+        name: "generateEntryContent",
+        before: "save",
+        element: /*#__PURE__*/ react.createElement(CmsGenerateContentButton, null)
+    })));
+};
+export { CmsContentGeneration };
+
+//# sourceMappingURL=Extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsContentGeneration/Extension.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, RegisterFeature, useFeatureFlags } from \"@webiny/app-admin\";\nimport { InternalContentEntryEditorConfig } from \"@webiny/app-headless-cms/admin/config/contentEntries/index.js\";\nimport { CmsGenerateContentButton } from \"~/admin/presentation/CmsContentGeneration/CmsGenerateContentButton.js\";\nimport {\n    CmsGenerateContentDialog,\n    CMS_GENERATE_CONTENT_DIALOG\n} from \"~/admin/presentation/CmsContentGeneration/CmsGenerateContentDialog.js\";\nimport { CmsGenerateContentFeature } from \"~/admin/presentation/CmsContentGeneration/feature.js\";\nimport { GenerateEntryContentFeature } from \"~/admin/features/generateEntryContent/index.js\";\n\nconst { Actions } = InternalContentEntryEditorConfig;\n\nexport const CmsContentGeneration = () => {\n    const featureFlags = useFeatureFlags();\n\n    if (!featureFlags.isEnabled(\"aiPowerups.cms.entryGeneration\")) {\n        return null;\n    }\n\n    return (\n        <>\n            <RegisterFeature feature={CmsGenerateContentFeature} />\n            <RegisterFeature feature={GenerateEntryContentFeature} />\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={CMS_GENERATE_CONTENT_DIALOG}\n                    element={<CmsGenerateContentDialog />}\n                />\n            </AdminConfig>\n            <InternalContentEntryEditorConfig>\n                <Actions.ButtonAction\n                    name={\"generateEntryContent\"}\n                    before={\"save\"}\n                    element={<CmsGenerateContentButton />}\n                />\n            </InternalContentEntryEditorConfig>\n        </>\n    );\n};\n"],"names":["Actions","InternalContentEntryEditorConfig","CmsContentGeneration","featureFlags","useFeatureFlags","RegisterFeature","CmsGenerateContentFeature","GenerateEntryContentFeature","AdminConfig","CMS_GENERATE_CONTENT_DIALOG","CmsGenerateContentDialog","CmsGenerateContentButton"],"mappings":";;;;;;;AAWA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,uBAAuB;IAChC,MAAMC,eAAeC;IAErB,IAAI,CAACD,aAAa,SAAS,CAAC,mCACxB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACE,iBAAeA;QAAC,SAASC;sBAC1B,oBAACD,iBAAeA;QAAC,SAASE;sBAC1B,oBAACC,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,MAAM;QACf,MAAMC;QACN,uBAAS,oBAACC,0BAAwBA;uBAG1C,oBAACT,kCAAgCA,MAAAA,WAAAA,GAC7B,oBAACD,QAAQ,YAAY;QACjB,MAAM;QACN,QAAQ;QACR,uBAAS,oBAACW,0BAAwBA;;AAKtD"}

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

@@ -0,0 +1,20 @@
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+export interface ICmsGenerateContentVm {
+    form: IFormVM | null;
+    loading: boolean;
+    submitting: boolean;
+    timedOut: boolean;
+    elapsedSeconds: number;
+}
+export interface ICmsGenerateContentPresenter {
+    readonly vm: ICmsGenerateContentVm;
+    init(): Promise<void>;
+    submit(modelId: string): Promise<void>;
+    cancelPrompt(): void;
+    processAiResponse(responseText: string): Promise<Record<string, unknown>>;
+}
+export declare const CmsGenerateContentPresenter: import("@webiny/di").Abstraction<ICmsGenerateContentPresenter>;
+export declare namespace CmsGenerateContentPresenter {
+    type Interface = ICmsGenerateContentPresenter;
+    type ViewModel = ICmsGenerateContentVm;
+}

package/admin/presentation/CmsContentGeneration/abstractions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/CmsContentGeneration/abstractions.js","sources":["../../../../src/admin/presentation/CmsContentGeneration/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\n\nexport interface ICmsGenerateContentVm {\n    form: IFormVM | null;\n    loading: boolean;\n    submitting: boolean;\n    timedOut: boolean;\n    elapsedSeconds: number;\n}\n\nexport interface ICmsGenerateContentPresenter {\n    readonly vm: ICmsGenerateContentVm;\n    init(): Promise<void>;\n    submit(modelId: string): Promise<void>;\n    cancelPrompt(): void;\n    processAiResponse(responseText: string): Promise<Record<string, unknown>>;\n}\n\nexport const CmsGenerateContentPresenter = createAbstraction<ICmsGenerateContentPresenter>(\n    \"CmsContentGeneration/Presenter\"\n);\n\nexport namespace CmsGenerateContentPresenter {\n    export type Interface = ICmsGenerateContentPresenter;\n    export type ViewModel = ICmsGenerateContentVm;\n}\n"],"names":["CmsGenerateContentPresenter","createAbstraction"],"mappings":";AAmBO,MAAMA,8BAA8BC,kBACvC"}

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

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