@budibase/frontend-core 3.25.4 → 3.26.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.25.4",
+  "version": "3.26.1",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
@@ -19,5 +19,5 @@
     "shortid": "2.2.15",
     "socket.io-client": "^4.7.5"
   },
-  "gitHead": "4a51aa9f4675ffa6555788aeaf6c31b522a952b3"
+  "gitHead": "3ee1bf769467a216a2e44443e01810cb1b076dfc"
 }

package/src/api/chatApps.ts

@@ -4,6 +4,7 @@ import {
   ChatConversationRequest,
   CreateChatConversationRequest,
   ChatApp,
+  ChatAppAgent,
   FetchAgentHistoryResponse,
   UpdateChatAppRequest,
   AgentMessageMetadata,
@@ -28,7 +29,7 @@ export interface ChatAppEndpoints {
   ) => Promise<ChatConversation>
   fetchChatHistory: (chatAppId: string) => Promise<FetchAgentHistoryResponse>
   fetchChatApp: (workspaceId?: string) => Promise<ChatApp | null>
-  setChatAppAgent: (chatAppId: string, agentId: string) => Promise<ChatApp>
+  setChatAppAgent: (chatAppId: string, agentId: string) => Promise<ChatAppAgent>
   createChatConversation: (
     chat: CreateChatConversationRequest,
     workspaceId?: string

package/src/api/index.ts

@@ -56,7 +56,6 @@ import { buildDeploymentEndpoints } from "./deploy"
 import { buildWorkspaceFavouriteEndpoints } from "./workspaceFavourites"
 import { buildRecaptchaEndpoints } from "./recaptcha"
 import { buildAIConfigEndpoints } from "./aiConfig"
-import { buildRagConfigEndpoints } from "./ragConfigs"
 import { buildVectorDbEndpoints } from "./vectorDbs"
 
 export type { APIClient } from "./types"
@@ -328,7 +327,6 @@ export const createAPIClient = (config: APIClientConfig = {}): APIClient => {
     resource: buildResourceEndpoints(API),
     recaptcha: buildRecaptchaEndpoints(API),
     aiConfig: buildAIConfigEndpoints(API),
-    ragConfig: buildRagConfigEndpoints(API),
     vectorDb: buildVectorDbEndpoints(API),
   }
 }

package/src/api/types.ts

@@ -43,7 +43,6 @@ import { DeploymentEndpoints } from "./deploy"
 import { WorkspaceFavouriteEndpoints } from "./workspaceFavourites"
 import { RecaptchaEndpoints } from "./recaptcha"
 import { AIConfigEndpoints } from "./aiConfig"
-import { RagConfigEndpoints } from "./ragConfigs"
 import { VectorDbEndpoints } from "./vectorDbs"
 
 export enum HTTPMethod {
@@ -159,6 +158,5 @@ export type APIClient = BaseAPIClient &
     deployment: DeploymentEndpoints
     recaptcha: RecaptchaEndpoints
     aiConfig: AIConfigEndpoints
-    ragConfig: RagConfigEndpoints
     vectorDb: VectorDbEndpoints
   }

package/src/components/Chatbox/index.svelte

@@ -30,6 +30,7 @@
     workspaceId: string
     chat: ChatConversationLike
     persistConversation?: boolean
+    conversationStarters?: { prompt: string }[]
     onchatsaved?: (_event: {
       detail: { chatId?: string; chat: ChatConversationLike }
     }) => void
@@ -39,6 +40,7 @@
     workspaceId,
     chat = $bindable(),
     persistConversation = true,
+    conversationStarters = [],
     onchatsaved,
   }: Props = $props()
 
@@ -60,6 +62,15 @@
   let resolvedChatAppId = $state<string | undefined>()
   let resolvedConversationId = $state<string | undefined>()
 
+  const applyConversationStarter = async (starterPrompt: string) => {
+    if (isBusy) {
+      return
+    }
+    inputValue = starterPrompt
+    await sendMessage()
+    tick().then(() => textareaElement?.focus())
+  }
+
   const chatInstance = new Chat<UIMessage<AgentMessageMetadata>>({
     transport: new DefaultChatTransport({
       headers: () => ({ [Header.APP_ID]: workspaceId }),
@@ -116,6 +127,10 @@
   let isBusy = $derived(
     chatInstance.status === "streaming" || chatInstance.status === "submitted"
   )
+  let hasMessages = $derived(Boolean(chat?.messages?.length))
+  let showConversationStarters = $derived(
+    !isBusy && !hasMessages && conversationStarters.length > 0
+  )
 
   let lastChatId = $state<string | undefined>(chat?._id)
   $effect(() => {
@@ -153,7 +168,9 @@
           chatAppId: "",
           agentId: "",
         }
-        const fallbackAgentId = chatApp.enabledAgents?.[0]?.agentId
+        const fallbackAgentId =
+          chatApp.agents?.find(agent => agent.isEnabled && agent.isDefault)
+            ?.agentId || chatApp.agents?.find(agent => agent.isEnabled)?.agentId
         chat = {
           ...baseChat,
           chatAppId: chatApp._id,
@@ -283,6 +300,22 @@
 
 <div class="chat-area" bind:this={chatAreaElement}>
   <div class="chatbox">
+    {#if showConversationStarters}
+      <div class="starter-section">
+        <div class="starter-title">Conversation starters</div>
+        <div class="starter-grid">
+          {#each conversationStarters as starter, index (index)}
+            <button
+              type="button"
+              class="starter-card"
+              onclick={() => applyConversationStarter(starter.prompt)}
+            >
+              {starter.prompt}
+            </button>
+          {/each}
+        </div>
+      </div>
+    {/if}
     {#each messages as message (message.id)}
       {#if message.role === "user"}
         <div class="message user">
@@ -428,6 +461,41 @@
     padding: 48px 0 24px 0;
   }
 
+  .starter-section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-s);
+  }
+
+  .starter-title {
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: var(--spectrum-global-color-gray-600);
+  }
+
+  .starter-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: var(--spacing-s);
+  }
+
+  .starter-card {
+    border: 1px solid var(--grey-3);
+    border-radius: 12px;
+    padding: var(--spacing-m);
+    background: var(--grey-2);
+    color: var(--spectrum-global-color-gray-900);
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+
+  .starter-card:hover {
+    border-color: var(--grey-4);
+    background: var(--grey-1);
+  }
+
   .message {
     display: flex;
     flex-direction: column;

package/src/fetch/UserFetch.ts

@@ -11,6 +11,7 @@ import BaseDataFetch, { DataFetchParams } from "./DataFetch"
 
 interface UserFetchQuery {
   appId?: string
+  workspaceId?: string
   paginated?: boolean
   string?: {
     email: string
@@ -57,7 +58,7 @@ export default class UserFetch extends BaseDataFetch<
     const { cursor, query } = get(this.store)
 
     // Convert old format to new one - we now allow use of the lucene format
-    const { appId, paginated, ...rest } = query
+    const { appId, paginated, workspaceId, ...rest } = query
 
     const finalQuery: SearchFilters = utils.isSupportedUserSearch(rest)
       ? rest
@@ -68,6 +69,7 @@ export default class UserFetch extends BaseDataFetch<
         bookmark: cursor ?? undefined,
         query: finalQuery ?? undefined,
         appId: appId,
+        workspaceId,
         paginate: paginated || paginate,
         limit,
       }

package/src/api/ragConfigs.ts

@@ -1,44 +0,0 @@
-import {
-  CreateRagConfigRequest,
-  RagConfig,
-  RagConfigListResponse,
-  UpdateRagConfigRequest,
-} from "@budibase/types"
-import { BaseAPIClient } from "./types"
-
-export interface RagConfigEndpoints {
-  fetch: () => Promise<RagConfigListResponse>
-  create: (config: CreateRagConfigRequest) => Promise<RagConfig>
-  update: (config: UpdateRagConfigRequest) => Promise<RagConfig>
-  delete: (id: string) => Promise<{ deleted: true }>
-}
-
-export const buildRagConfigEndpoints = (
-  API: BaseAPIClient
-): RagConfigEndpoints => ({
-  fetch: async () => {
-    return await API.get({
-      url: "/api/ragconfig",
-    })
-  },
-
-  create: async config => {
-    return await API.post({
-      url: "/api/ragconfig",
-      body: config,
-    })
-  },
-
-  update: async config => {
-    return await API.put({
-      url: "/api/ragconfig",
-      body: config,
-    })
-  },
-
-  delete: async id => {
-    return await API.delete({
-      url: `/api/ragconfig/${id}`,
-    })
-  },
-})