@stack-spot/ai-chat-widget 2.10.0 → 2.11.0

package/dist/views/MessageInput/QuickCommandSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuickCommandSelector.js","sourceRoot":"","sources":["../../../src/views/MessageInput/QuickCommandSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuickCommandSelector.js","sourceRoot":"","sources":["../../../src/views/MessageInput/QuickCommandSelector.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,7 +16,7 @@
     "@citric/core": "^6.4.0",
     "@stack-spot/portal-components": "^2.27.3",
     "@citric/icons": "^5.13.0",
-    "@stack-spot/portal-network": "0.212.0",
+    "@stack-spot/portal-network": "0.212.4",
     "@citric/ui": "^6.10.2",
     "@stack-spot/portal-translate": "^2.1.0",
     "lodash": "^4.17.0",

package/src/app-metadata.json

@@ -1,7 +1,7 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "2.10.0",
-  "date": "Tue Jan 06 2026 12:17:53 GMT+0000 (Coordinated Universal Time)",
+  "version": "2.11.0",
+  "date": "Wed Jan 07 2026 14:53:42 GMT+0000 (Coordinated Universal Time)",
   "dependencies": [
     {
       "name": "@stack-spot/app-metadata",
@@ -121,7 +121,7 @@
     },
     {
       "name": "@stack-spot/portal-network",
-      "version": "0.212.0(@stack-spot/auth@6.1.0)(@stack-spot/opa@2.5.0(@stack-spot/auth@6.1.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@stack-spot/portal-translate@2.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@tanstack/react-query@5.59.16(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "0.212.4(@stack-spot/auth@6.1.0)(@stack-spot/opa@2.5.0(@stack-spot/auth@6.1.0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@stack-spot/portal-translate@2.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@tanstack/react-query@5.59.16(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@stack-spot/portal-theme",

package/src/components/Selector/index.tsx

@@ -1,15 +1,18 @@
 import { FallbackBoundary, IconLink, Text } from '@stack-spot/citric-react'
 import { useKeyboardControls } from '@stack-spot/portal-components'
+import { InfiniteScroll } from '@stack-spot/portal-components/InfiniteScroll'
 import { AgentVisibilityLevel } from '@stack-spot/portal-network'
+import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/ai'
 import { Dictionary, interpolate, useTranslate } from '@stack-spot/portal-translate'
 import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { debounce } from 'lodash'
 import { useCurrentChatState, useWidgetState } from '../../context/hooks'
 import { getUrlToStackSpotAI } from '../../utils/url'
 import { ButtonFavorite } from '../ButtonFavorite'
 import { Fading } from '../Fading'
 import { SelectorBox } from './styled'
 
-type SectionVisibility =  AgentVisibilityLevel
+type SectionVisibility =  AgentVisibilityLevel | VisibilityLevelEnum
 type SelectorShortcut = '/' | '@'
 
 interface Item {
@@ -53,6 +56,12 @@ interface ContentProps<T> {
   favorite?: Favorite<T>,
 }
 
+interface PropsUseData<T> { 
+  data: T[],
+  fetchNextPage?: () => void,
+  hasNextPage?: boolean,
+}
+
 interface SelectorConfig<T> {
   resourceName: string,
   shortcut: SelectorShortcut,
@@ -71,7 +80,7 @@ interface SelectorConfig<T> {
    * 
    * @returns the data to render in the selector.
    */
-  useData: () => T[],
+  useData: (props: {filter?: string, visibility?: SectionVisibility[]}) => PropsUseData<T>,
 }
 
 interface SelectorProps<T> {
@@ -114,39 +123,27 @@ const ListItem = <T extends Item>({ item, selectorConfig, onSelect, favorite }:
 
 const List = <T extends Item>({ selectorConfig, filter, visibility, onSelect, favorite }: ListProps<T>) => {
   const t = useTranslate(dictionary)
-  const items = selectorConfig.useData()
-  const favorites = favorite?.useFavorites?.()
-  const filtered = useMemo(() => {
-    if (!filter && !visibility) return [...items]
-    const lowerFilter = filter?.toLowerCase() ?? ''
-
-    if (visibility?.toLowerCase() === 'favorite'){
-      return favorites?.filter(item =>
-        (item[selectorConfig.searchProp] as string).toLocaleLowerCase().includes(lowerFilter))
-    }
-
-    return items.filter(item =>
-      (item[selectorConfig.searchProp] as string).toLocaleLowerCase().includes(lowerFilter) &&
-      (!visibility || item?.visibility_level?.toLowerCase() === visibility.toLowerCase()),
-    )
-  }, [filter, items, visibility, favorites])
-
+  const { data: items, fetchNextPage, hasNextPage } = selectorConfig.useData({ filter, visibility: visibility ? [visibility] : undefined })
 
-  if (!items.length) return <Text className="empty" color="light.700">{interpolate(t.noData, selectorConfig.resourceName)}</Text>
-  if (!filtered?.length)
-    <Text className="empty" color="light.700">{interpolate(t.noResults, selectorConfig.resourceName)}</Text>
+  if (!items.length && !filter) return <Text className="empty" color="light.700">{interpolate(t.noData, selectorConfig.resourceName)}</Text>
+  if (!items?.length) return <Text className="empty" color="light.700">{interpolate(t.noResults, selectorConfig.resourceName)}</Text>
 
   return (
-    <ul className="selector-list">
-      {filtered?.map((item, i) => (
-        <ListItem 
-          key={`${item.id}${item.visibility_level}${i}`} 
-          item={item} 
-          selectorConfig={selectorConfig} 
-          onSelect={onSelect} 
-          favorite={favorite} 
-        />
-      ))}
+    <ul className="selector-list" id="selector-list">
+      <InfiniteScroll scrollableTarget="selector-list"
+        dataLength={items?.length ?? 0}
+        next={fetchNextPage as any ?? undefined}
+        hasMore={hasNextPage ?? false}>
+        {items?.map((item, i) => (
+          <ListItem 
+            key={`${item.id}${item.visibility_level}${i}`} 
+            item={item} 
+            selectorConfig={selectorConfig} 
+            onSelect={onSelect} 
+            favorite={favorite} 
+          />
+        ))}
+      </InfiniteScroll>
     </ul>
   )
 }
@@ -206,9 +203,25 @@ export const Selector = <T, >({ inputRef, selectorConfig, favorite }: SelectorPr
   const { shortcut, regex, isEnabled } = selectorConfig
   const [isClosed, setClosed] = useState(false)
   const selectorRef = useRef<HTMLDivElement>(null)
+  const [debouncedFilter, setDebouncedFilter] = useState<string | undefined>(undefined)
   const value = useCurrentChatState('nextMessage') ?? ''
   const filter = useMemo(() => value === shortcut || regex.test(value) ? value.substring(1) : undefined, [value])
   const shouldRender = isEnabled && filter !== undefined && !isClosed
+ 
+  const debouncedSetFilter = useCallback(
+    debounce((filterValue: string | undefined) => {
+      setDebouncedFilter(filterValue)
+    }, 300),
+    [],
+  )
+  
+  useEffect(() => {
+    debouncedSetFilter(filter)
+    return () => {
+      debouncedSetFilter.cancel()
+    }
+  }, [filter, debouncedSetFilter])
+
 
   // Resets the closed state whenever the message input is cleared
   useEffect(() => {
@@ -258,7 +271,7 @@ export const Selector = <T, >({ inputRef, selectorConfig, favorite }: SelectorPr
         <SelectorContent
           favorite={favorite}
           selectorConfig={selectorConfig}
-          filter={filter}
+          filter={debouncedFilter}
           onClose={() => setClosed(true)}
           inputRef={inputRef}
         />

package/src/components/form/DescribedCheckboxGroup.tsx

@@ -1,8 +1,10 @@
 import { Icon } from '@stack-spot/citric-icons'
 import { Accordion, Checkbox, CheckboxGroup, FieldGroup, Input, Row, Text, useCheckboxGroupControls } from '@stack-spot/citric-react'
+import { InfiniteScroll } from '@stack-spot/portal-components/InfiniteScroll'
 import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
-import { difference, uniqBy } from 'lodash'
+import { difference, isEqual, uniqBy } from 'lodash'
 import { useCallback, useEffect, useState } from 'react'
+import styled from 'styled-components'
 import { Labeled } from '../../state/types'
 import { ButtonFavorite, Favorite } from '../ButtonFavorite'
 
@@ -20,8 +22,16 @@ interface Props<T> {
   emptyResults: React.ReactNode,
   emptyDataset: React.ReactNode,
   onChange?: (value: T[]) => void,
+  fetchNextPage?: () => void,
+  hasNextPage?: boolean,
 }
 
+const StyledDiv = styled.div`
+  &#ks-scrollable {
+    overflow: auto;
+  }
+`
+
 /**
  * Renders a checkbox group where each option has a label and a description.
  * The description in placed under the label and checkbox as an accordion.
@@ -29,11 +39,12 @@ interface Props<T> {
  * Also renders a search input and a select all checkbox.
  */
 export function DescribedCheckboxGroup<T>(
-  { initialValue, options: opt, data, globalSelection, onChange: change, emptyDataset, emptyResults }: Props<T>,
+  { initialValue, options: opt, data, globalSelection, onChange: change, emptyDataset, emptyResults,
+    fetchNextPage, hasNextPage,
+  }: Props<T>,
 ) {
   const t = useTranslate(dictionary)
   const [options, setOptions] = useState(opt)
-
   useEffect(() => {
     if (controls.value.length === 0 && (initialValue?.length ?? 0) > 0) controls.setValue(initialValue!)
   }, [initialValue])
@@ -58,7 +69,13 @@ export function DescribedCheckboxGroup<T>(
     onChange,
   })
 
-  return options.length ? <>
+  useEffect(() => {
+    if (!isEqual(opt, options)) {
+      setOptions(opt)
+    }
+  }, [opt])
+
+  return options?.length ? <>
     <FieldGroup fullWidth>
       <Icon icon="Search" />
       <Input type="search" value={controls.filter} onChange={controls.setFilter} />
@@ -68,37 +85,46 @@ export function DescribedCheckboxGroup<T>(
         <Checkbox value={controls.isAllSelected} onChange={v => v ? controls.selectAll() : controls.removeSelection()} />
         <Text>{controls.isAllSelected ? t.removeAll : t.selectAll}</Text>
       </Row>
-      <CheckboxGroup
-        options={controls.options}
-        value={controls.value}
-        onChange={controls.setValue}
-        renderKey={controls.renderKey}
-        className="option-list"
-        renderItem={(checkbox, o) => {
-          const { description, idOrSlug, name, listFavorites, onAddFavorite, onRemoveFavorite } = data(o)
-          return (
-            <Row className={controls.isUnfilteredButChecked(o) ? 'filtered-out' : ''}>
-              <Accordion header={btn => <>{checkbox}<Text>{name}</Text>{btn}</>} appearance="card" maxHeight={100}>
-                <Text appearance="microtext1" color="light.700">{description}</Text>
-              </Accordion>
-              {onAddFavorite && <ButtonFavorite favorite={{
-                idOrSlug: idOrSlug,
-                listFavorites,
-                onAddFavorite: async (...args) => {
-                  const res = await onAddFavorite(...args)
-                  setOptions([...options]) // forces options re-rendering
-                  return res
-                },
-                onRemoveFavorite: async (...args) => {
-                  const res = await onRemoveFavorite?.(...args)
-                  setOptions([...options]) // forces options re-rendering
-                  return res ?? false
-                },
-              }} />}
-            </Row>
-          )
-        }}
-      />
+      <StyledDiv id="ks-scrollable">
+        <InfiniteScroll
+          scrollableTarget="ks-scrollable"
+          dataLength={controls.options.length}
+          next={fetchNextPage as any ?? undefined}
+          hasMore={hasNextPage ?? false}
+        >
+          <CheckboxGroup
+            options={controls.options}
+            value={controls.value}
+            onChange={controls.setValue}
+            renderKey={controls.renderKey}
+            className="option-list"
+            renderItem={(checkbox, o) => {
+              const { description, idOrSlug, name, listFavorites, onAddFavorite, onRemoveFavorite } = data(o)
+              return (
+                <Row className={controls.isUnfilteredButChecked(o) ? 'filtered-out' : ''}>
+                  <Accordion header={btn => <>{checkbox}<Text>{name}</Text>{btn}</>} appearance="card" maxHeight={100}>
+                    <Text appearance="microtext1" color="light.700" style={{ wordBreak: 'break-all' }}>{description}</Text>
+                  </Accordion>
+                  {onAddFavorite && <ButtonFavorite favorite={{
+                    idOrSlug: idOrSlug,
+                    listFavorites,
+                    onAddFavorite: async (...args) => {
+                      const res = await onAddFavorite(...args)
+                      setOptions([...options]) // forces options re-rendering
+                      return res
+                    },
+                    onRemoveFavorite: async (...args) => {
+                      const res = await onRemoveFavorite?.(...args)
+                      setOptions([...options]) // forces options re-rendering
+                      return res ?? false
+                    },
+                  }} />}
+                </Row>
+              )
+            }}
+          />
+        </InfiniteScroll>
+      </StyledDiv>
     </> : emptyResults}
   </> : emptyDataset
 }

package/src/views/Agents/AgentsTab.tsx

@@ -30,7 +30,7 @@ export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = t
   const [submitEnabled, setSubmitEnabled] = useState(false)
   const listFavorites = useFavorites()
   const agentDefault = agentToolsClient.agentDefault.useQuery()
-  
+
   const [filter, setFilter] = useState<string | undefined>()
   const [apiFilter, setApiFilter] = useState<string | undefined>()
   const [isPending, startTransition] = useTransition()
@@ -47,9 +47,9 @@ export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = t
   const data = workspaceAiClient.getAgentFromWorkspaceAi.useStatefulQuery({ workspaceId: workspaceId! },
     { enabled: !!workspaceId })
   const workspaceAgents = data?.[0] as AgentResponseWithBuiltIn[]
-  
-  const [agentsData=[], { fetchNextPage, hasNextPage }] = agentToolsClient.agentsMultipleFilters.useInfiniteQuery({
-    filters: { 
+
+  const [agentsData = [], { fetchNextPage, hasNextPage }] = agentToolsClient.agentsMultipleFilters.useInfiniteQuery({
+    filters: {
       page: 1,
       size: 20,
       name: apiFilter,
@@ -78,7 +78,7 @@ export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = t
   return <>
     <div className="content">
       <DescribedRadioGroup
-        fetchNextPage={fetchNextPage} 
+        fetchNextPage={fetchNextPage}
         hasNextPage={hasNextPage && !workspaceId}
         options={agents}
         initialValue={initialValue}

package/src/views/KnowledgeSources.tsx

@@ -2,6 +2,7 @@ import { Button, Tab } from '@stack-spot/citric-react'
 import { Placeholder } from '@stack-spot/portal-components/Placeholder'
 import { aiClient, dataIntegrationClient, workspaceAiClient } from '@stack-spot/portal-network'
 import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/ai'
+import { KnowledgeSourceItemResponse } from '@stack-spot/portal-network/api/dataIntegration'
 import { WorkspaceResponse } from '@stack-spot/portal-network/api/workspace-ai'
 import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
 import React, { useCallback, useEffect, useMemo, useRef } from 'react'
@@ -64,13 +65,19 @@ const KnowledgeSourcesPanel = () => {
   }, [chat])
 
   const allTabsMap: Partial<Record<Scope, Omit<Tab, 'key'>>> = {
-    favorite: { label: t.favorites, 
-      content: <KnowledgeSourcesTab key="favorite" visibility="favorite" allKS={allKS} onSubmit={onSubmit} /> },
-    personal: { label: t.personal, 
-      content: <KnowledgeSourcesTab key="personal" visibility="personal" allKS={allKS} onSubmit={onSubmit} /> },
+    favorite: {
+      label: t.favorites,
+      content: <KnowledgeSourcesTab key="favorite" visibility="favorite" allKS={allKS} onSubmit={onSubmit} />,
+    },
+    personal: {
+      label: t.personal,
+      content: <KnowledgeSourcesTab key="personal" visibility="personal" allKS={allKS} onSubmit={onSubmit} />,
+    },
     shared: { label: t.shared, content: <KnowledgeSourcesTab key="shared" visibility="shared" allKS={allKS} onSubmit={onSubmit} /> },
-    workspace: { label: t.spots,
-      content: <KnowledgeSourcesTabWorkspace key="workspace" visibility="workspace" allKS={allKS} onSubmit={onSubmit} /> },
+    workspace: {
+      label: t.spots,
+      content: <KnowledgeSourcesTabWorkspace key="workspace" visibility="workspace" allKS={allKS} onSubmit={onSubmit} />,
+    },
     account: { label: t.account, content: <KnowledgeSourcesTab key="account" visibility="account" allKS={allKS} onSubmit={onSubmit} /> },
   }
 
@@ -95,16 +102,29 @@ const KnowledgeSourcesPanel = () => {
 
 export const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit, workspaceId, showSubmitButton = true }: TabProps) => {
   const t = useTranslate(dictionary)
-  const knowledgeSources = workspaceId
-    ? workspaceAiClient.getKSFromWorkspaceAi.useQuery({ workspaceId })
-    : aiClient.knowledgeSources.useQuery({
-      visibility, order: 'a-to-z', types: ['snippet', 'api', 'event', 'custom'],
-    })
+  const [data = []] = workspaceAiClient.getKSFromWorkspaceAi.useStatefulQuery(
+    { workspaceId: workspaceId! }, { enabled: !!workspaceId })
+  const workspaceKs = data as KnowledgeSourceItemResponse[]
+
+  const [ksListPages = [], { fetchNextPage, hasNextPage }] = dataIntegrationClient.knowledgeSourcesV2.useInfiniteQuery(
+    {
+      order: 'a-to-z',
+      visibilityList: visibility ? [visibility] : [],
+      types: ['snippet', 'api', 'event', 'custom'],
+      size: 20,
+      page: 1,
+    },
+    { enabled: !workspaceId },
+  )
+  const knowledgeSources = workspaceId ? workspaceKs : ksListPages
+
   const initialValue = useMemo(() => {
     const currentlySelected = allKS.current?.map(ks => ks.id)
-    return knowledgeSources.filter(ks => currentlySelected?.includes(ks.slug))
-  }, [])
-  const listFavorites = dataIntegrationClient.knowledgeSources.useQuery({ visibility: 'favorite' })
+    return knowledgeSources?.filter((ks: KnowledgeSourceItemResponse) => currentlySelected?.includes(ks.slug))
+  }, [knowledgeSources])
+
+  const listFavorites = dataIntegrationClient.knowledgeSourcesV2.useQuery({ visibilityList: ['favorite'] })?.items
+
   const [addFavorite, pendingAddFav] = dataIntegrationClient.addFavoriteKnowledgeSource.useMutation()
   const [removeFavorite, pendingRemoveFav] = dataIntegrationClient.removeFavoriteKnowledgeSource.useMutation()
 
@@ -112,7 +132,7 @@ export const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit, workspaceId,
     try {
       await removeFavorite({ slug: idOrSlug })
       await aiClient.knowledgeSources.invalidate()
-      await dataIntegrationClient.knowledgeSources.invalidate()
+      await dataIntegrationClient.knowledgeSourcesV2.invalidate()
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(error)
@@ -123,7 +143,7 @@ export const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit, workspaceId,
   const onRemoveFavorite = (idOrSlug: string) => new Promise<boolean>(async (resolve, reject) => {
     try {
       await removeFavoriteKs(idOrSlug)
-      if (!pendingRemoveFav){
+      if (!pendingRemoveFav) {
         resolve(true)
       }
 
@@ -131,14 +151,14 @@ export const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit, workspaceId,
       // eslint-disable-next-line no-console
       console.error(error)
       reject(error)
-    } 
+    }
   })
 
   const addFavoriteKs = async (idOrSlug: string) => {
     try {
       await addFavorite({ slug: idOrSlug })
       await aiClient.knowledgeSources.invalidate()
-      await dataIntegrationClient.knowledgeSources.invalidate()
+      await dataIntegrationClient.knowledgeSourcesV2.invalidate()
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(error)
@@ -149,7 +169,7 @@ export const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit, workspaceId,
   const onAddFavorite = (idOrSlug: string) => new Promise<boolean>(async (resolve, reject) => {
     try {
       await addFavoriteKs(idOrSlug)
-      if (!pendingAddFav){
+      if (!pendingAddFav) {
         resolve(true)
       }
 
@@ -157,23 +177,27 @@ export const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit, workspaceId,
       // eslint-disable-next-line no-console
       console.error(error)
       reject(error)
-    } 
+    }
   })
 
-  return (
-    <>
-      <div className="content">
-        <DescribedCheckboxGroup
-          options={knowledgeSources}
-          initialValue={initialValue}
-          globalSelection={allKS}
-          data={ks => ({ idOrSlug: ks.slug, description: ks.description, name: ks.name, listFavorites, onAddFavorite, onRemoveFavorite })}
-          emptyResults={<Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} />}
-          emptyDataset={<Placeholder title={t.noData} description={t.noDataDescription} className="no-data-placeholder" />}
-        />
-      </div>
-      {!!knowledgeSources.length && showSubmitButton && <Button onClick={onSubmit}>{t.apply}</Button>}
-    </>
+  return (<>
+    <div className="content">
+      <DescribedCheckboxGroup
+        options={knowledgeSources}
+        initialValue={initialValue}
+        globalSelection={allKS}
+        hasNextPage={hasNextPage && !workspaceId}
+        fetchNextPage={fetchNextPage}
+        data={(ks: KnowledgeSourceItemResponse) => ({
+          idOrSlug: ks.slug, description: ks.description, name: ks.name, listFavorites,
+          onAddFavorite, onRemoveFavorite,
+        })}
+        emptyResults={<Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} />}
+        emptyDataset={<Placeholder title={t.noData} description={t.noDataDescription} className="no-data-placeholder" />}
+      />
+    </div>
+    {!!knowledgeSources?.length && showSubmitButton && <Button onClick={onSubmit}>{t.apply}</Button>}
+  </>
   )
 }
 
@@ -184,11 +208,10 @@ export function KnowledgeSourcesTabWorkspace({ allKS, onSubmit }: TabProps) {
     component: 'ks',
     props: { visibility: 'workspace', workspaceId: workspace.id, allKS, onSubmit },
   })
-  
+
   return <WorkspaceTabNavigator components={workspaceTabComponents} getNavigateParam={buildNavigateParams} />
 }
 
-
 const dictionary = {
   en: {
     title: 'Knowledge Sources',

package/src/views/MessageInput/AgentSelector.tsx

@@ -1,6 +1,7 @@
 import { Icon } from '@stack-spot/citric-icons'
 import { IconBox, Row, Text } from '@stack-spot/citric-react'
-import { AgentResponseWithBuiltIn, agentToolsClient, workspaceAiClient } from '@stack-spot/portal-network'
+import { AgentResponseWithBuiltIn, agentToolsClient, AgentVisibilityLevel, workspaceAiClient } from '@stack-spot/portal-network'
+import { VisibilityLevelEnum } from '@stack-spot/portal-network/api/agent-tools'
 import { useCallback } from 'react'
 import { Selector } from '../../components/Selector'
 import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks'
@@ -54,18 +55,19 @@ export const AgentSelector = ({ inputRef, isTrial }: {
   }, [chat, inputRef])
 
 
-  const getAgents = () => {
+  const getAgents = ({ filter, visibility }: {filter?: string, visibility?: AgentVisibilityLevel[] | VisibilityLevelEnum[]}) => {
     if (spotId) {
-      return workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ workspaceId: spotId }) as AgentResponseWithBuiltIn[]
+      return { data: workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ 
+        workspaceId: spotId, name: filter }) as AgentResponseWithBuiltIn[] }
     }
 
     if (isTrial) {
-      return agentToolsClient.allAgents.useQuery({ visibilities: ['personal', 'built_in', 'recently_used'] })
+      return  { data: agentToolsClient.allAgents.useQuery({ visibilities: visibility as VisibilityLevelEnum[], filter }) }
     }
-
-    return agentToolsClient.allAgents.useQuery({
-      visibilities: ['account', 'shared', 'personal', 'built_in', 'recently_used', 'workspace'],
-    })
+    
+    return  { data: agentToolsClient.allAgents.useQuery({
+      visibilities: visibility as VisibilityLevelEnum[], filter,
+    }) }
   }
 
   return <Selector