@kapeta/local-cluster-service 0.56.2 → 0.58.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [0.58.0](https://github.com/kapetacom/local-cluster-service/compare/v0.57.0...v0.58.0) (2024-07-24)
+
+
+### Features
+
+* add /ui/edit endpoint for Page edits ([#200](https://github.com/kapetacom/local-cluster-service/issues/200)) ([9ac81df](https://github.com/kapetacom/local-cluster-service/commit/9ac81dfaa200976a865a9d9387dc6d2ed58891b2))
+
+# [0.57.0](https://github.com/kapetacom/local-cluster-service/compare/v0.56.2...v0.57.0) (2024-07-22)
+
+
+### Features
+
+* Add support for pages and journeys ([743f6fd](https://github.com/kapetacom/local-cluster-service/commit/743f6fdb1851eb2c7a76e79bc68a74f529af9207))
+
 ## [0.56.2](https://github.com/kapetacom/local-cluster-service/compare/v0.56.1...v0.56.2) (2024-07-19)
 
 

package/dist/cjs/src/storm/events.d.ts

@@ -266,4 +266,34 @@ export interface StormEventPhases {
         phaseType: StormEventPhaseType;
     };
 }
-export type StormEvent = StormEventCreateBlock | StormEventCreateConnection | StormEventCreatePlanProperties | StormEventInvalidResponse | StormEventPlanRetry | StormEventCreateDSL | StormEventCreateDSLResource | StormEventError | StormEventScreen | StormEventScreenCandidate | StormEventFileLogical | StormEventFileState | StormEventFileDone | StormEventFileFailed | StormEventFileChunk | StormEventDone | StormEventDefinitionChange | StormEventErrorClassifier | StormEventCodeFix | StormEventErrorDetails | StormEventBlockReady | StormEventPhases | StormEventBlockStatus | StormEventCreateDSLRetry;
+export interface Page {
+    name: string;
+    description: string;
+    content: string;
+    path: string;
+    method: string;
+}
+export interface StormEventPage {
+    type: 'PAGE';
+    reason: string;
+    created: number;
+    payload: Page;
+}
+export interface UserJourneyScreen {
+    name: string;
+    filename: string;
+    requirements: string;
+    path: string;
+    method: string;
+    nextScreens: string[];
+}
+export interface UserJourney {
+    screens: UserJourneyScreen[];
+}
+export interface StormEventUserJourney {
+    type: 'USER_JOURNEY';
+    reason: string;
+    created: number;
+    payload: UserJourney;
+}
+export type StormEvent = StormEventCreateBlock | StormEventCreateConnection | StormEventCreatePlanProperties | StormEventInvalidResponse | StormEventPlanRetry | StormEventCreateDSL | StormEventCreateDSLResource | StormEventError | StormEventScreen | StormEventScreenCandidate | StormEventFileLogical | StormEventFileState | StormEventFileDone | StormEventFileFailed | StormEventFileChunk | StormEventDone | StormEventDefinitionChange | StormEventErrorClassifier | StormEventCodeFix | StormEventErrorDetails | StormEventBlockReady | StormEventPhases | StormEventBlockStatus | StormEventCreateDSLRetry | StormEventUserJourney | StormEventPage;

package/dist/cjs/src/storm/routes.js

@@ -21,6 +21,104 @@ const assetManager_1 = require("../assetManager");
 const router = (0, express_promise_router_1.default)();
 router.use('/', cors_1.corsHandler);
 router.use('/', stringBody_1.stringBody);
+router.post('/:handle/ui', async (req, res) => {
+    const handle = req.params.handle;
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const userJourneysStream = await stormClient_1.stormClient.createUIUserJourneys(aiRequest.prompt, conversationId);
+        onRequestAborted(req, res, () => {
+            userJourneysStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, userJourneysStream.getConversationId());
+        const promises = {};
+        userJourneysStream.on('data', async (data) => {
+            try {
+                console.log('Processing user journey event', data);
+                sendEvent(res, data);
+                if (data.type !== 'USER_JOURNEY') {
+                    return;
+                }
+                data.payload.screens.forEach((screen) => {
+                    if (screen.name in promises) {
+                        return;
+                    }
+                    promises[screen.name] = new Promise(async (resolve, reject) => {
+                        try {
+                            const screenStream = await stormClient_1.stormClient.createUIPage({
+                                prompt: screen.requirements,
+                                method: screen.method,
+                                path: screen.path,
+                                description: screen.requirements,
+                                name: screen.name,
+                                filename: screen.filename,
+                            }, conversationId);
+                            screenStream.on('data', (screenData) => {
+                                console.log('Processing screen event', screenData);
+                                sendEvent(res, screenData);
+                            });
+                            screenStream.on('end', () => {
+                                resolve();
+                            });
+                        }
+                        catch (e) {
+                            reject(e);
+                        }
+                    });
+                });
+            }
+            catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+        await waitForStormStream(userJourneysStream);
+        if (userJourneysStream.isAborted()) {
+            return;
+        }
+        await Promise.all(Object.values(promises));
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
+router.post('/ui/edit', async (req, res) => {
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const editStream = await stormClient_1.stormClient.editPages(aiRequest.prompt, conversationId);
+        onRequestAborted(req, res, () => {
+            editStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, editStream.getConversationId());
+        editStream.on('data', (data) => {
+            try {
+                sendEvent(res, data);
+            }
+            catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+        await waitForStormStream(editStream);
+        if (editStream.isAborted()) {
+            return;
+        }
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
 router.post('/:handle/all', async (req, res) => {
     const handle = req.params.handle;
     try {

package/dist/cjs/src/storm/stormClient.d.ts

@@ -1,12 +1,33 @@
 import { ConversationItem, StormFileImplementationPrompt, StormStream, StormUIImplementationPrompt, StormUIListPrompt } from './stream';
 export declare const STORM_ID = "storm";
 export declare const ConversationIdHeader = "Conversation-Id";
+interface UIPagePrompt {
+    name: string;
+    filename: string;
+    prompt: string;
+    path: string;
+    method: string;
+    description: string;
+}
+export interface UIPageEditPrompt {
+    planDescription: string;
+    blockDescription: string;
+    pages: {
+        filename: string;
+        content: string;
+    }[];
+    prompt: string;
+}
 declare class StormClient {
     private readonly _baseUrl;
     constructor();
     private createOptions;
     private send;
     createMetadata(prompt: string, conversationId?: string): Promise<StormStream>;
+    createUIPages(prompt: string, conversationId?: string): Promise<StormStream>;
+    createUIUserJourneys(prompt: string, conversationId?: string): Promise<StormStream>;
+    createUIPage(prompt: UIPagePrompt, conversationId?: string): Promise<StormStream>;
+    editPages(prompt: UIPageEditPrompt, conversationId?: string): Promise<StormStream>;
     listScreens(prompt: StormUIListPrompt, conversationId?: string): Promise<StormStream>;
     createUIImplementation(prompt: StormUIImplementationPrompt, conversationId?: string): Promise<StormStream>;
     createServiceImplementation(prompt: StormFileImplementationPrompt, conversationId?: string): Promise<StormStream>;

package/dist/cjs/src/storm/stormClient.js

@@ -28,7 +28,7 @@ class StormClient {
         const api = new nodejs_api_client_1.KapetaAPI();
         if (api.hasToken()) {
             const token = await api.getAccessToken();
-            headers['Authorization'] = `Bearer ${token}`;
+            //headers['Authorization'] = `Bearer ${token}`;
         }
         if (body.conversationId) {
             headers[exports.ConversationIdHeader] = body.conversationId;
@@ -80,6 +80,30 @@ class StormClient {
             conversationId,
         });
     }
+    createUIPages(prompt, conversationId) {
+        return this.send('/v2/ui/pages', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+    createUIUserJourneys(prompt, conversationId) {
+        return this.send('/v2/ui/user-journeys', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+    createUIPage(prompt, conversationId) {
+        return this.send('/v2/ui/page', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+    editPages(prompt, conversationId) {
+        return this.send('/v2/ui/edit', {
+            prompt: JSON.stringify(prompt),
+            conversationId,
+        });
+    }
     listScreens(prompt, conversationId) {
         return this.send('/v2/ui/list', {
             prompt,

package/dist/esm/src/storm/events.d.ts

@@ -266,4 +266,34 @@ export interface StormEventPhases {
         phaseType: StormEventPhaseType;
     };
 }
-export type StormEvent = StormEventCreateBlock | StormEventCreateConnection | StormEventCreatePlanProperties | StormEventInvalidResponse | StormEventPlanRetry | StormEventCreateDSL | StormEventCreateDSLResource | StormEventError | StormEventScreen | StormEventScreenCandidate | StormEventFileLogical | StormEventFileState | StormEventFileDone | StormEventFileFailed | StormEventFileChunk | StormEventDone | StormEventDefinitionChange | StormEventErrorClassifier | StormEventCodeFix | StormEventErrorDetails | StormEventBlockReady | StormEventPhases | StormEventBlockStatus | StormEventCreateDSLRetry;
+export interface Page {
+    name: string;
+    description: string;
+    content: string;
+    path: string;
+    method: string;
+}
+export interface StormEventPage {
+    type: 'PAGE';
+    reason: string;
+    created: number;
+    payload: Page;
+}
+export interface UserJourneyScreen {
+    name: string;
+    filename: string;
+    requirements: string;
+    path: string;
+    method: string;
+    nextScreens: string[];
+}
+export interface UserJourney {
+    screens: UserJourneyScreen[];
+}
+export interface StormEventUserJourney {
+    type: 'USER_JOURNEY';
+    reason: string;
+    created: number;
+    payload: UserJourney;
+}
+export type StormEvent = StormEventCreateBlock | StormEventCreateConnection | StormEventCreatePlanProperties | StormEventInvalidResponse | StormEventPlanRetry | StormEventCreateDSL | StormEventCreateDSLResource | StormEventError | StormEventScreen | StormEventScreenCandidate | StormEventFileLogical | StormEventFileState | StormEventFileDone | StormEventFileFailed | StormEventFileChunk | StormEventDone | StormEventDefinitionChange | StormEventErrorClassifier | StormEventCodeFix | StormEventErrorDetails | StormEventBlockReady | StormEventPhases | StormEventBlockStatus | StormEventCreateDSLRetry | StormEventUserJourney | StormEventPage;

package/dist/esm/src/storm/routes.js

@@ -21,6 +21,104 @@ const assetManager_1 = require("../assetManager");
 const router = (0, express_promise_router_1.default)();
 router.use('/', cors_1.corsHandler);
 router.use('/', stringBody_1.stringBody);
+router.post('/:handle/ui', async (req, res) => {
+    const handle = req.params.handle;
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const userJourneysStream = await stormClient_1.stormClient.createUIUserJourneys(aiRequest.prompt, conversationId);
+        onRequestAborted(req, res, () => {
+            userJourneysStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, userJourneysStream.getConversationId());
+        const promises = {};
+        userJourneysStream.on('data', async (data) => {
+            try {
+                console.log('Processing user journey event', data);
+                sendEvent(res, data);
+                if (data.type !== 'USER_JOURNEY') {
+                    return;
+                }
+                data.payload.screens.forEach((screen) => {
+                    if (screen.name in promises) {
+                        return;
+                    }
+                    promises[screen.name] = new Promise(async (resolve, reject) => {
+                        try {
+                            const screenStream = await stormClient_1.stormClient.createUIPage({
+                                prompt: screen.requirements,
+                                method: screen.method,
+                                path: screen.path,
+                                description: screen.requirements,
+                                name: screen.name,
+                                filename: screen.filename,
+                            }, conversationId);
+                            screenStream.on('data', (screenData) => {
+                                console.log('Processing screen event', screenData);
+                                sendEvent(res, screenData);
+                            });
+                            screenStream.on('end', () => {
+                                resolve();
+                            });
+                        }
+                        catch (e) {
+                            reject(e);
+                        }
+                    });
+                });
+            }
+            catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+        await waitForStormStream(userJourneysStream);
+        if (userJourneysStream.isAborted()) {
+            return;
+        }
+        await Promise.all(Object.values(promises));
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
+router.post('/ui/edit', async (req, res) => {
+    try {
+        const conversationId = req.headers[stormClient_1.ConversationIdHeader.toLowerCase()];
+        const aiRequest = JSON.parse(req.stringBody ?? '{}');
+        const editStream = await stormClient_1.stormClient.editPages(aiRequest.prompt, conversationId);
+        onRequestAborted(req, res, () => {
+            editStream.abort();
+        });
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', stormClient_1.ConversationIdHeader);
+        res.set(stormClient_1.ConversationIdHeader, editStream.getConversationId());
+        editStream.on('data', (data) => {
+            try {
+                sendEvent(res, data);
+            }
+            catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+        await waitForStormStream(editStream);
+        if (editStream.isAborted()) {
+            return;
+        }
+        sendDone(res);
+    }
+    catch (err) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
 router.post('/:handle/all', async (req, res) => {
     const handle = req.params.handle;
     try {

package/dist/esm/src/storm/stormClient.d.ts

@@ -1,12 +1,33 @@
 import { ConversationItem, StormFileImplementationPrompt, StormStream, StormUIImplementationPrompt, StormUIListPrompt } from './stream';
 export declare const STORM_ID = "storm";
 export declare const ConversationIdHeader = "Conversation-Id";
+interface UIPagePrompt {
+    name: string;
+    filename: string;
+    prompt: string;
+    path: string;
+    method: string;
+    description: string;
+}
+export interface UIPageEditPrompt {
+    planDescription: string;
+    blockDescription: string;
+    pages: {
+        filename: string;
+        content: string;
+    }[];
+    prompt: string;
+}
 declare class StormClient {
     private readonly _baseUrl;
     constructor();
     private createOptions;
     private send;
     createMetadata(prompt: string, conversationId?: string): Promise<StormStream>;
+    createUIPages(prompt: string, conversationId?: string): Promise<StormStream>;
+    createUIUserJourneys(prompt: string, conversationId?: string): Promise<StormStream>;
+    createUIPage(prompt: UIPagePrompt, conversationId?: string): Promise<StormStream>;
+    editPages(prompt: UIPageEditPrompt, conversationId?: string): Promise<StormStream>;
     listScreens(prompt: StormUIListPrompt, conversationId?: string): Promise<StormStream>;
     createUIImplementation(prompt: StormUIImplementationPrompt, conversationId?: string): Promise<StormStream>;
     createServiceImplementation(prompt: StormFileImplementationPrompt, conversationId?: string): Promise<StormStream>;

package/dist/esm/src/storm/stormClient.js

@@ -28,7 +28,7 @@ class StormClient {
         const api = new nodejs_api_client_1.KapetaAPI();
         if (api.hasToken()) {
             const token = await api.getAccessToken();
-            headers['Authorization'] = `Bearer ${token}`;
+            //headers['Authorization'] = `Bearer ${token}`;
         }
         if (body.conversationId) {
             headers[exports.ConversationIdHeader] = body.conversationId;
@@ -80,6 +80,30 @@ class StormClient {
             conversationId,
         });
     }
+    createUIPages(prompt, conversationId) {
+        return this.send('/v2/ui/pages', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+    createUIUserJourneys(prompt, conversationId) {
+        return this.send('/v2/ui/user-journeys', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+    createUIPage(prompt, conversationId) {
+        return this.send('/v2/ui/page', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+    editPages(prompt, conversationId) {
+        return this.send('/v2/ui/edit', {
+            prompt: JSON.stringify(prompt),
+            conversationId,
+        });
+    }
     listScreens(prompt, conversationId) {
         return this.send('/v2/ui/list', {
             prompt,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kapeta/local-cluster-service",
-    "version": "0.56.2",
+    "version": "0.58.0",
     "description": "Manages configuration, ports and service discovery for locally running Kapeta systems",
     "type": "commonjs",
     "exports": {

package/src/storm/events.ts

@@ -316,6 +316,43 @@ export interface StormEventPhases {
     };
 }
 
+export interface Page {
+    name: string;
+    description: string;
+    content: string;
+    path: string;
+    method: string;
+}
+
+// Event for creating a page
+export interface StormEventPage {
+    type: 'PAGE';
+    reason: string;
+    created: number;
+    payload: Page;
+}
+
+export interface UserJourneyScreen {
+    name: string;
+    filename: string;
+    requirements: string;
+    path: string;
+    method: string;
+    nextScreens: string[];
+}
+
+export interface UserJourney {
+    screens: UserJourneyScreen[];
+}
+
+// Event for defining a user journey
+export interface StormEventUserJourney {
+    type: 'USER_JOURNEY';
+    reason: string;
+    created: number;
+    payload: UserJourney;
+}
+
 export type StormEvent =
     | StormEventCreateBlock
     | StormEventCreateConnection
@@ -340,4 +377,6 @@ export type StormEvent =
     | StormEventBlockReady
     | StormEventPhases
     | StormEventBlockStatus
-    | StormEventCreateDSLRetry;
+    | StormEventCreateDSLRetry
+    | StormEventUserJourney
+    | StormEventPage;

package/src/storm/routes.ts

@@ -12,7 +12,7 @@ import { corsHandler } from '../middleware/cors';
 import { stringBody } from '../middleware/stringBody';
 import { KapetaBodyRequest } from '../types';
 import { StormCodegenRequest, StormContextRequest, StormCreateBlockRequest, StormStream } from './stream';
-import { ConversationIdHeader, stormClient } from './stormClient';
+import { ConversationIdHeader, stormClient, UIPageEditPrompt } from './stormClient';
 import { StormEvent, StormEventPhaseType } from './events';
 import {
     createPhaseEndEvent,
@@ -29,6 +29,123 @@ const router = Router();
 router.use('/', corsHandler);
 router.use('/', stringBody);
 
+router.post('/:handle/ui', async (req: KapetaBodyRequest, res: Response) => {
+    const handle = req.params.handle as string;
+    try {
+        const conversationId = req.headers[ConversationIdHeader.toLowerCase()] as string | undefined;
+
+        const aiRequest: StormContextRequest = JSON.parse(req.stringBody ?? '{}');
+
+        const userJourneysStream = await stormClient.createUIUserJourneys(aiRequest.prompt, conversationId);
+
+        onRequestAborted(req, res, () => {
+            userJourneysStream.abort();
+        });
+
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', ConversationIdHeader);
+        res.set(ConversationIdHeader, userJourneysStream.getConversationId());
+
+        const promises: { [key: string]: Promise<void> } = {};
+
+        userJourneysStream.on('data', async (data: StormEvent) => {
+            try {
+                console.log('Processing user journey event', data);
+                sendEvent(res, data);
+                if (data.type !== 'USER_JOURNEY') {
+                    return;
+                }
+
+                data.payload.screens.forEach((screen) => {
+                    if (screen.name in promises) {
+                        return;
+                    }
+                    promises[screen.name] = new Promise(async (resolve, reject) => {
+                        try {
+                            const screenStream = await stormClient.createUIPage(
+                                {
+                                    prompt: screen.requirements,
+                                    method: screen.method,
+                                    path: screen.path,
+                                    description: screen.requirements,
+                                    name: screen.name,
+                                    filename: screen.filename,
+                                },
+                                conversationId
+                            );
+                            screenStream.on('data', (screenData: StormEvent) => {
+                                console.log('Processing screen event', screenData);
+                                sendEvent(res, screenData);
+                            });
+                            screenStream.on('end', () => {
+                                resolve();
+                            });
+                        } catch (e: any) {
+                            reject(e);
+                        }
+                    });
+                });
+            } catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+
+        await waitForStormStream(userJourneysStream);
+
+        if (userJourneysStream.isAborted()) {
+            return;
+        }
+
+        await Promise.all(Object.values(promises));
+
+        sendDone(res);
+    } catch (err: any) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
+
+router.post('/ui/edit', async (req: KapetaBodyRequest, res: Response) => {
+    try {
+        const conversationId = req.headers[ConversationIdHeader.toLowerCase()] as string | undefined;
+
+        const aiRequest: StormContextRequest<UIPageEditPrompt> = JSON.parse(req.stringBody ?? '{}');
+
+        const editStream = await stormClient.editPages(aiRequest.prompt, conversationId);
+
+        onRequestAborted(req, res, () => {
+            editStream.abort();
+        });
+
+        res.set('Content-Type', 'application/x-ndjson');
+        res.set('Access-Control-Expose-Headers', ConversationIdHeader);
+        res.set(ConversationIdHeader, editStream.getConversationId());
+
+        editStream.on('data', (data: StormEvent) => {
+            try {
+                sendEvent(res, data);
+            } catch (e) {
+                console.error('Failed to process event', e);
+            }
+        });
+
+        await waitForStormStream(editStream);
+
+        if (editStream.isAborted()) {
+            return;
+        }
+
+        sendDone(res);
+    } catch (err: any) {
+        sendError(err, res);
+        if (!res.closed) {
+            res.end();
+        }
+    }
+});
+
 router.post('/:handle/all', async (req: KapetaBodyRequest, res: Response) => {
     const handle = req.params.handle as string;
 

package/src/storm/stormClient.ts

@@ -20,6 +20,25 @@ export const STORM_ID = 'storm';
 
 export const ConversationIdHeader = 'Conversation-Id';
 
+interface UIPagePrompt {
+    name: string;
+    filename: string;
+    prompt: string;
+    path: string;
+    method: string;
+    description: string;
+}
+
+export interface UIPageEditPrompt {
+    planDescription: string;
+    blockDescription: string;
+    pages: {
+        filename: string;
+        content: string;
+    }[];
+    prompt: string;
+}
+
 class StormClient {
     private readonly _baseUrl: string;
 
@@ -39,7 +58,7 @@ class StormClient {
         const api = new KapetaAPI();
         if (api.hasToken()) {
             const token = await api.getAccessToken();
-            headers['Authorization'] = `Bearer ${token}`;
+            //headers['Authorization'] = `Bearer ${token}`;
         }
 
         if (body.conversationId) {
@@ -113,6 +132,34 @@ class StormClient {
         });
     }
 
+    public createUIPages(prompt: string, conversationId?: string) {
+        return this.send('/v2/ui/pages', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+
+    public createUIUserJourneys(prompt: string, conversationId?: string) {
+        return this.send('/v2/ui/user-journeys', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+
+    public createUIPage(prompt: UIPagePrompt, conversationId?: string) {
+        return this.send('/v2/ui/page', {
+            prompt: prompt,
+            conversationId,
+        });
+    }
+
+    public editPages(prompt: UIPageEditPrompt, conversationId?: string) {
+        return this.send('/v2/ui/edit', {
+            prompt: JSON.stringify(prompt),
+            conversationId,
+        });
+    }
+
     public listScreens(prompt: StormUIListPrompt, conversationId?: string) {
         return this.send('/v2/ui/list', {
             prompt,