@budibase/frontend-core 3.34.11 → 3.35.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "3.34.11",
+  "version": "3.35.1",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
@@ -23,5 +23,5 @@
   "devDependencies": {
     "vitest": "^3.2.4"
   },
-  "gitHead": "4a270722b0744d3bd5b12554afd8f9aaa22e69f5"
+  "gitHead": "456c750d6bbffa0660dbf58bfbfe3ee7b56b2184"
 }

package/src/api/agents.ts

@@ -1,7 +1,9 @@
 import {
+  AgentFileUploadResponse,
   CreateAgentRequest,
   CreateAgentResponse,
   DuplicateAgentResponse,
+  FetchAgentFilesResponse,
   FetchAgentsResponse,
   ProvisionAgentSlackChannelRequest,
   ProvisionAgentSlackChannelResponse,
@@ -49,6 +51,15 @@ export interface AgentEndpoints {
     agentId: string,
     enabled: boolean
   ) => Promise<ToggleAgentDeploymentResponse>
+  fetchAgentFiles: (agentId: string) => Promise<FetchAgentFilesResponse>
+  uploadAgentFile: (
+    agentId: string,
+    file: File
+  ) => Promise<AgentFileUploadResponse>
+  deleteAgentFile: (
+    agentId: string,
+    fileId: string
+  ) => Promise<{ deleted: true }>
 }
 
 export const buildAgentEndpoints = (API: BaseAPIClient): AgentEndpoints => ({
@@ -151,4 +162,26 @@ export const buildAgentEndpoints = (API: BaseAPIClient): AgentEndpoints => ({
       body: { enabled },
     })
   },
+
+  fetchAgentFiles: async (agentId: string) => {
+    return await API.get({
+      url: `/api/agent/${agentId}/files`,
+    })
+  },
+
+  uploadAgentFile: async (agentId: string, file: File) => {
+    const formData = new FormData()
+    formData.append("file", file)
+    return await API.post<FormData, AgentFileUploadResponse>({
+      url: `/api/agent/${agentId}/files`,
+      body: formData,
+      json: false,
+    })
+  },
+
+  deleteAgentFile: async (agentId: string, fileId: string) => {
+    return await API.delete({
+      url: `/api/agent/${agentId}/files/${fileId}`,
+    })
+  },
 })

package/src/components/Chatbox/index.svelte

@@ -645,20 +645,22 @@
             {/each}
             {#if message.metadata?.ragSources?.length}
               <div class="sources">
-                <div class="sources-title">Sources</div>
+                <div class="sources-header">
+                  <span class="sources-icon">
+                    <Icon
+                      name="book-open"
+                      size="M"
+                      color="var(--spectrum-global-color-gray-600)"
+                    />
+                  </span>
+                  <span class="sources-title">Sources</span>
+                </div>
                 <ul>
                   {#each message.metadata.ragSources as source (source.sourceId)}
                     <li class="source-item">
                       <span class="source-name"
                         >{source.filename || source.sourceId}</span
                       >
-                      {#if source.chunkCount > 0}
-                        <span class="source-count"
-                          >({source.chunkCount} chunk{source.chunkCount === 1
-                            ? ""
-                            : "s"})</span
-                        >
-                      {/if}
                     </li>
                   {/each}
                 </ul>
@@ -1104,12 +1106,23 @@
     border-top: 1px solid var(--grey-3);
   }
 
+  .sources-header {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin-bottom: var(--spacing-xs);
+  }
+
+  .sources-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+
   .sources-title {
     font-size: 13px;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
     color: var(--spectrum-global-color-gray-600);
-    margin-bottom: var(--spacing-xs);
   }
 
   .sources ul {
@@ -1124,15 +1137,11 @@
   .source-item {
     display: flex;
     gap: 8px;
-    font-size: 14px;
+    font-size: 13px;
     color: var(--spectrum-global-color-gray-900);
   }
 
   .source-name {
-    font-weight: 500;
-  }
-
-  .source-count {
-    color: var(--spectrum-global-color-gray-600);
+    font-weight: 400;
   }
 </style>