@budibase/frontend-core 3.41.3 → 3.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.41.3",
+  "version": "v3.43.0",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
@@ -23,5 +23,5 @@
   "devDependencies": {
     "vitest": "^4.1.0"
   },
-  "gitHead": "dd1b8d888c49ad09b82b00fc5b93ceff707bbd6a"
+  "gitHead": "221c199a898fffd9c8803d5327cc3089cc02b7f3"
 }

package/src/api/chatApps.ts

@@ -55,6 +55,14 @@ export interface ChatAppEndpoints {
   >
 }
 
+const getBrowserTimezone = () => {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone
+  } catch {
+    return undefined
+  }
+}
+
 const throwOnErrorChunk = () =>
   new TransformStream<UIMessageChunk, UIMessageChunk>({
     transform(chunk, controller) {
@@ -82,7 +90,10 @@ export const buildChatAppEndpoints = (
       throw new Error("chatAppId is required to stream a chat conversation")
     }
 
-    const body: ChatAgentRequest = chat
+    const body: ChatAgentRequest = {
+      ...chat,
+      timezone: chat.timezone ?? getBrowserTimezone(),
+    }
     const conversationId = chat._id || "new"
 
     const response = await fetch(

package/src/api/index.ts

@@ -58,6 +58,7 @@ import { buildFeatureFlagEndpoints } from "./features"
 import { buildNavigationEndpoints } from "./navigation"
 import { buildWorkspaceAppEndpoints } from "./workspaceApps"
 import { buildResourceEndpoints } from "./resource"
+import { buildRestTemplateEndpoints } from "./restTemplates"
 import { buildDeploymentEndpoints } from "./deploy"
 import { buildWorkspaceFavouriteEndpoints } from "./workspaceFavourites"
 import { buildWorkspaceHomeEndpoints } from "./workspaceHome"
@@ -309,6 +310,7 @@ export const createAPIClient = (config: APIClientConfig = {}): APIClient => {
     ...buildScreenEndpoints(API),
     ...buildTableEndpoints(API),
     ...buildTemplateEndpoints(API),
+    ...buildRestTemplateEndpoints(API),
     ...buildUserEndpoints(API),
     ...buildViewEndpoints(API),
     ...buildSelfEndpoints(API),

package/src/api/restTemplates.ts

@@ -0,0 +1,74 @@
+import type {
+  CustomRestTemplateId,
+  DeleteCustomRestTemplateResponse,
+  FetchCustomRestTemplatesResponse,
+  UpdateCustomRestTemplateResponse,
+  UploadCustomRestTemplateResponse,
+} from "@budibase/types"
+import type { BaseAPIClient } from "./types"
+
+interface UploadCustomRestTemplateParams {
+  name: string
+  description: string
+  file: File
+}
+
+interface UpdateCustomRestTemplateParams {
+  restTemplateId: CustomRestTemplateId
+  name: string
+  description: string
+}
+
+export interface RestTemplateEndpoints {
+  getCustomRestTemplates: () => Promise<FetchCustomRestTemplatesResponse>
+  uploadCustomRestTemplate: (
+    params: UploadCustomRestTemplateParams
+  ) => Promise<UploadCustomRestTemplateResponse>
+  updateCustomRestTemplate: (
+    params: UpdateCustomRestTemplateParams
+  ) => Promise<UpdateCustomRestTemplateResponse>
+  deleteCustomRestTemplate: (
+    restTemplateId: CustomRestTemplateId
+  ) => Promise<DeleteCustomRestTemplateResponse>
+}
+
+export const buildRestTemplateEndpoints = (
+  API: BaseAPIClient
+): RestTemplateEndpoints => ({
+  getCustomRestTemplates: async () => {
+    return await API.get({
+      url: "/api/rest-templates",
+    })
+  },
+
+  uploadCustomRestTemplate: async ({ name, description, file }) => {
+    const body = new FormData()
+    body.append("name", name)
+    body.append("description", description)
+    body.append("file", file)
+
+    return await API.post<FormData, UploadCustomRestTemplateResponse>({
+      url: "/api/rest-templates",
+      body,
+      json: false,
+    })
+  },
+
+  updateCustomRestTemplate: async ({ restTemplateId, name, description }) => {
+    const body = new FormData()
+    body.append("name", name)
+    body.append("description", description)
+
+    return await API.put<FormData, UpdateCustomRestTemplateResponse>({
+      url: `/api/rest-templates/${encodeURIComponent(restTemplateId)}`,
+      body,
+      json: false,
+    })
+  },
+
+  deleteCustomRestTemplate: async restTemplateId => {
+    return await API.delete({
+      url: `/api/rest-templates/${encodeURIComponent(restTemplateId)}`,
+    })
+  },
+})

package/src/api/types.ts

@@ -45,6 +45,7 @@ import { EscalationEndpoints } from "./escalations"
 import { NavigationEndpoints } from "./navigation"
 import { WorkspaceAppEndpoints } from "./workspaceApps"
 import { ResourceEndpoints } from "./resource"
+import { RestTemplateEndpoints } from "./restTemplates"
 import { DeploymentEndpoints } from "./deploy"
 import { WorkspaceFavouriteEndpoints } from "./workspaceFavourites"
 import { WorkspaceHomeEndpoints } from "./workspaceHome"
@@ -159,6 +160,7 @@ export type APIClient = BaseAPIClient &
   SelfEndpoints &
   TableEndpoints &
   TemplateEndpoints &
+  RestTemplateEndpoints &
   UserEndpoints &
   FeatureFlagEndpoints &
   ViewEndpoints & {

package/src/components/Chatbox/index.svelte

@@ -23,6 +23,7 @@
   import ReasoningStatus from "./ReasoningStatus.svelte"
   import ContextUsage from "./ContextUsage.svelte"
   import EscalationCard from "./EscalationCard.svelte"
+  import { navigatePromptHistory } from "./promptHistory"
   import {
     DefaultChatTransport,
     isTextUIPart,
@@ -57,8 +58,11 @@
       accepted: boolean
     ) => Promise<EscalationRespondResult | undefined>
     isAgentPreviewChat?: boolean
+    previewRoleId?: string
     readOnly?: boolean
     readOnlyReason?: "disabled" | "deleted" | "offline"
+    promptHistory?: string[]
+    onpromptsubmitted?: (prompt: string) => void
   }
 
   let {
@@ -73,8 +77,11 @@
     showInlineApproval = false,
     onResolve,
     isAgentPreviewChat = false,
+    previewRoleId,
     readOnly = false,
     readOnlyReason,
+    promptHistory = [],
+    onpromptsubmitted,
   }: Props = $props()
 
   // Per-escalation in-flight flag + the message relayed from resolve, so the
@@ -133,6 +140,7 @@
   let expandedTools = $state<Record<string, boolean>>({})
   let reasoningTextByMessageId = $state<Record<string, string>>({})
   let inputValue = $state("")
+  let promptHistoryIndex = $state<number | undefined>()
   let lastInitialPrompt = $state("")
   let isPreparingResponse = $state(false)
   const resetPendingResponse = () => {
@@ -325,6 +333,7 @@
             agentId: chat?.agentId,
             transient: !persistConversation,
             isPreview: isAgentPreviewChat,
+            previewRoleId: isAgentPreviewChat ? previewRoleId : undefined,
             sessionId: stableSessionId,
             title: chat?.title,
             messages,
@@ -560,6 +569,23 @@
       return
     }
 
+    if (isAgentPreviewChat) {
+      const navigationState = navigatePromptHistory({
+        key: event.key,
+        history: promptHistory,
+        inputValue,
+        index: promptHistoryIndex,
+      })
+      if (navigationState) {
+        event.preventDefault()
+        inputValue = navigationState.inputValue
+        promptHistoryIndex = navigationState.index
+        await tick()
+        textareaElement?.setSelectionRange(inputValue.length, inputValue.length)
+        return
+      }
+    }
+
     if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault()
       await sendMessage()
@@ -634,6 +660,8 @@
     }
 
     inputValue = ""
+    promptHistoryIndex = undefined
+    onpromptsubmitted?.(text)
     chatInstance.sendMessage({ text })
     isPreparingResponse = false
   }
@@ -955,6 +983,7 @@
           bind:this={textareaElement}
           class="input spectrum-Textfield-input"
           onkeydown={handleKeyDown}
+          oninput={() => (promptHistoryIndex = undefined)}
           placeholder="Ask..."
           disabled={isRequestPending}
         ></textarea>

package/src/components/Chatbox/promptHistory.test.ts

@@ -0,0 +1,85 @@
+import { describe, expect, it } from "vitest"
+import { navigatePromptHistory } from "./promptHistory"
+
+describe("navigatePromptHistory", () => {
+  const history = ["first", "second", "third"]
+
+  it("starts at the newest prompt from an empty input", () => {
+    expect(
+      navigatePromptHistory({
+        key: "ArrowUp",
+        history,
+        inputValue: "",
+        index: undefined,
+      })
+    ).toEqual({ inputValue: "third", index: 2 })
+  })
+
+  it("navigates backwards and stops at the oldest prompt", () => {
+    expect(
+      navigatePromptHistory({
+        key: "ArrowUp",
+        history,
+        inputValue: "second",
+        index: 1,
+      })
+    ).toEqual({ inputValue: "first", index: 0 })
+    expect(
+      navigatePromptHistory({
+        key: "ArrowUp",
+        history,
+        inputValue: "first",
+        index: 0,
+      })
+    ).toEqual({ inputValue: "first", index: 0 })
+  })
+
+  it("navigates forwards and clears after the newest prompt", () => {
+    expect(
+      navigatePromptHistory({
+        key: "ArrowDown",
+        history,
+        inputValue: "first",
+        index: 0,
+      })
+    ).toEqual({ inputValue: "second", index: 1 })
+    expect(
+      navigatePromptHistory({
+        key: "ArrowDown",
+        history,
+        inputValue: "third",
+        index: 2,
+      })
+    ).toEqual({ inputValue: "", index: undefined })
+  })
+
+  it("leaves arrow keys alone until navigation starts", () => {
+    expect(
+      navigatePromptHistory({
+        key: "ArrowUp",
+        history,
+        inputValue: "draft",
+        index: undefined,
+      })
+    ).toBeUndefined()
+    expect(
+      navigatePromptHistory({
+        key: "ArrowDown",
+        history,
+        inputValue: "",
+        index: undefined,
+      })
+    ).toBeUndefined()
+  })
+
+  it("leaves Enter handling to the chat input", () => {
+    expect(
+      navigatePromptHistory({
+        key: "Enter",
+        history,
+        inputValue: "draft",
+        index: undefined,
+      })
+    ).toBeUndefined()
+  })
+})

package/src/components/Chatbox/promptHistory.ts

@@ -0,0 +1,41 @@
+export interface PromptHistoryNavigationState {
+  inputValue: string
+  index: number | undefined
+}
+
+interface NavigatePromptHistoryOptions extends PromptHistoryNavigationState {
+  key: string
+  history: string[]
+}
+
+export const navigatePromptHistory = ({
+  key,
+  history,
+  inputValue,
+  index,
+}: NavigatePromptHistoryOptions): PromptHistoryNavigationState | undefined => {
+  if (key !== "ArrowUp" && key !== "ArrowDown") {
+    return undefined
+  }
+
+  if (index === undefined) {
+    if (key !== "ArrowUp" || inputValue !== "" || history.length === 0) {
+      return undefined
+    }
+
+    const nextIndex = history.length - 1
+    return { inputValue: history[nextIndex], index: nextIndex }
+  }
+
+  if (key === "ArrowUp") {
+    const nextIndex = Math.max(0, index - 1)
+    return { inputValue: history[nextIndex], index: nextIndex }
+  }
+
+  if (index >= history.length - 1) {
+    return { inputValue: "", index: undefined }
+  }
+
+  const nextIndex = index + 1
+  return { inputValue: history[nextIndex], index: nextIndex }
+}

package/src/components/UserAvatars.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { UserAvatar } from "@budibase/frontend-core"
   import { TooltipPosition, Avatar } from "@budibase/bbui"
   import type { UIUser } from "@budibase/types"
+  import UserAvatar from "./UserAvatar.svelte"
 
   type OrderType = "ltr" | "rtl"
 

package/src/components/grid/cells/DateCell.svelte

@@ -14,7 +14,7 @@
   export let focused = false
   export let readonly = false
   export let api
-  export let startDayOfWeek = "Monday"
+  export let startDayOfWeek
 
   let isOpen
   let anchor

package/src/styles.d.ts

@@ -0,0 +1,2 @@
+declare module "*.css"
+declare module "@spectrum-css/*"

package/tsconfig.json

@@ -6,8 +6,13 @@
     "module": "preserve",
     "moduleResolution": "bundler",
     "outDir": "./dist",
+    "rootDir": "..",
     "skipLibCheck": true,
-    "allowJs": true
+    "allowJs": true,
+    "paths": {
+      "@budibase/*": ["../*/src"],
+      "@/*": ["../bbui/src/*"]
+    }
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]