@budibase/frontend-core 3.30.6 → 3.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.30.6",
+  "version": "3.31.0",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
@@ -24,5 +24,5 @@
   "devDependencies": {
     "vitest": "^3.2.4"
   },
-  "gitHead": "6d2d5bab2cce9bedc76be7481e8222311967f107"
+  "gitHead": "1a410a1809b5010ddf7055fc7f240aa38c6ed3ef"
 }

package/src/api/ai.ts

@@ -6,11 +6,43 @@ import {
 } from "@budibase/types"
 import { BaseAPIClient } from "./types"
 
+const SSE_EVENT_DELIMITER = "\n\n"
+const SSE_DATA_PREFIX = "data:"
+
+type TablesStreamEvent =
+  | {
+      type: "progress"
+      message: string
+    }
+  | {
+      type: "result"
+      createdTables?: GenerateTablesResponse["createdTables"]
+    }
+  | {
+      type: "error"
+      message?: string
+    }
+
+const parseSSEEventChunk = (chunk: string): TablesStreamEvent | null => {
+  const dataLines = chunk
+    .split("\n")
+    .map(line => line.trimEnd())
+    .filter(line => line.startsWith(SSE_DATA_PREFIX))
+    .map(line => line.slice(SSE_DATA_PREFIX.length).trim())
+
+  if (dataLines.length === 0) {
+    return null
+  }
+
+  return JSON.parse(dataLines.join("\n")) as TablesStreamEvent
+}
+
 export interface AIEndpoints {
   generateCronExpression: (prompt: string) => Promise<{ message: string }>
   generateJs: (req: GenerateJsRequest) => Promise<GenerateJsResponse>
   generateTables: (
-    req: GenerateTablesRequest
+    req: GenerateTablesRequest,
+    onProgress?: (message: string) => void
   ) => Promise<GenerateTablesResponse>
 }
 
@@ -32,10 +64,57 @@ export const buildAIEndpoints = (API: BaseAPIClient): AIEndpoints => ({
     })
   },
 
-  generateTables: async req => {
+  generateTables: async (req, onProgress) => {
     return await API.post({
       url: "/api/ai/tables",
       body: req,
+      parseResponse: async response => {
+        try {
+          const reader = response.body?.getReader()
+          if (!reader) {
+            throw new Error("Streaming not supported in this browser")
+          }
+
+          const decoder = new TextDecoder()
+          let buffer = ""
+          let finalResponse: GenerateTablesResponse | undefined
+
+          while (true) {
+            const { done, value } = await reader.read()
+            if (done) {
+              break
+            }
+            buffer += decoder.decode(value, { stream: true })
+
+            let boundary = buffer.indexOf(SSE_EVENT_DELIMITER)
+            while (boundary !== -1) {
+              const eventChunk = buffer.slice(0, boundary)
+              buffer = buffer.slice(boundary + SSE_EVENT_DELIMITER.length)
+
+              const event = parseSSEEventChunk(eventChunk)
+              if (event?.type === "progress" && onProgress) {
+                onProgress(event.message)
+              }
+              if (event?.type === "result") {
+                finalResponse = { createdTables: event.createdTables || [] }
+              }
+              if (event?.type === "error") {
+                throw new Error(event.message || "Error generating tables")
+              }
+
+              boundary = buffer.indexOf(SSE_EVENT_DELIMITER)
+            }
+          }
+
+          if (!finalResponse) {
+            throw new Error("No result received from table generation stream")
+          }
+
+          return finalResponse
+        } catch (error: any) {
+          throw new Error(error?.message || "Error generating tables")
+        }
+      },
     })
   },
 })

package/src/components/Chatbox/index.svelte

@@ -216,7 +216,16 @@
     },
     onError: error => {
       console.error(error)
-      notifications.error(error.message || "Failed to send message")
+      let message = error.message || "Failed to send message"
+      try {
+        const parsed = JSON.parse(message)
+        if (parsed?.message) {
+          message = parsed.message
+        }
+      } catch {
+        // not JSON, use as-is
+      }
+      notifications.error(message)
     },
   })