@budibase/frontend-core 3.41.2 → 3.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.41.2",
+  "version": "v3.42.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": "556bd76bac5c556b307b1022fce8e1fe51d928d7"
+  "gitHead": "180c04c6852aa7acf0402d53dc909eab764d0251"
 }

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/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,
@@ -59,6 +60,8 @@
     isAgentPreviewChat?: boolean
     readOnly?: boolean
     readOnlyReason?: "disabled" | "deleted" | "offline"
+    promptHistory?: string[]
+    onpromptsubmitted?: (prompt: string) => void
   }
 
   let {
@@ -75,6 +78,8 @@
     isAgentPreviewChat = false,
     readOnly = false,
     readOnlyReason,
+    promptHistory = [],
+    onpromptsubmitted,
   }: Props = $props()
 
   // Per-escalation in-flight flag + the message relayed from resolve, so the
@@ -133,6 +138,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 = () => {
@@ -560,6 +566,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 +657,8 @@
     }
 
     inputValue = ""
+    promptHistoryIndex = undefined
+    onpromptsubmitted?.(text)
     chatInstance.sendMessage({ text })
     isPreparingResponse = false
   }
@@ -955,6 +980,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/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"]