@stack-spot/ai-chat-widget 1.2.0 → 1.3.0

package/src/views/MessageInput/InfoBar.tsx

@@ -11,13 +11,13 @@ interface InfoBadgeProps {
   label: string,
   color: ColorPaletteName,
   dismiss: string,
-  onDismiss: () => void,
+  onDismiss?: () => void,
 }
 
 const InfoBadge = ({ label, color, dismiss, onDismiss }: InfoBadgeProps) => (
   <Badge appearance="square" palette={color} className="info-badge">
     {label}
-    <IconButton onClick={onDismiss} title={dismiss} arial-label={dismiss}><TimesMini /></IconButton>
+    {onDismiss && <IconButton onClick={onDismiss} title={dismiss} arial-label={dismiss}><TimesMini /></IconButton>}
   </Badge>
 )
 
@@ -35,16 +35,25 @@ export const InfoBar = () => {
   const currentWorkspace = useCurrentChatState('workspace')
   const currentKnowledgeSources = useCurrentChatState('knowledgeSources')
   const currentSelection = useCurrentChatState('codeSelection')
+  const features = useCurrentChatState('features')
   const visible = !!(currentStack || currentWorkspace || currentKnowledgeSources?.length || currentSelection)
   const ksToRender = useMemo(() => currentKnowledgeSources?.map(ks => {
-    const onDismiss = () => chat.set('knowledgeSources', currentKnowledgeSources.filter(({ id }) => id !== ks.id))
+    const onDismiss = features.knowledgeSource
+      ? (() => chat.set('knowledgeSources', currentKnowledgeSources.filter(({ id }) => id !== ks.id)))
+      : undefined
     return <li key={ks.id}><InfoBadge label={ks.label} dismiss={t.removeKS} color="teal" onDismiss={onDismiss} /></li>
   }), [currentKnowledgeSources])
+  const shouldRenderRemoveAllButton = (
+    currentSelection
+    || (features.stack && currentStack)
+    || (features.workspace && currentWorkspace)
+    || (features.knowledgeSource && !!ksToRender?.length)
+  )
 
   const removeAll = useCallback(() => {
-    chat.set('knowledgeSources', [])
-    chat.set('stack', undefined)
-    chat.set('workspace', undefined)
+    if (features.knowledgeSource) chat.set('knowledgeSources', [])
+    if (features.stack) chat.set('stack', undefined)
+    if (features.workspace) chat.set('workspace', undefined)
     removeCodeSelection()
   }, [])
 
@@ -57,7 +66,9 @@ export const InfoBar = () => {
     <div className={listToClass(['info-bar', visible && 'visible'])}>
       <div className="space"></div>
       <div className="content">
-        <IconButton aria-label={t.removeConfig} title={t.removeConfig} onClick={removeAll}><Times /></IconButton>
+        {shouldRenderRemoveAllButton && (
+          <IconButton aria-label={t.removeConfig} title={t.removeConfig} onClick={removeAll}><Times /></IconButton>
+        )}
         <FadingOverflow className="list-overflow" scroll="arrows" enableHorizontalScrollWithVerticalWheel>
           <ul>
             {currentSelection && (
@@ -67,7 +78,12 @@ export const InfoBar = () => {
             )}
             {currentStack && (
               <li>
-                <InfoBadge label={currentStack.label} dismiss={t.removeStack} color="cyan" onDismiss={() => chat.set('stack', undefined)} />
+                <InfoBadge
+                  label={currentStack.label}
+                  dismiss={t.removeStack}
+                  color="cyan"
+                  onDismiss={features.stack ? (() => chat.set('stack', undefined)) : undefined}
+                />
               </li>
             )}
             {currentWorkspace && (
@@ -76,7 +92,7 @@ export const InfoBar = () => {
                   label={currentWorkspace.label}
                   dismiss={t.removeWorkspace}
                   color="pink"
-                  onDismiss={() => chat.set('workspace', undefined)}
+                  onDismiss={features.workspace ? (() => chat.set('workspace', undefined)) : undefined}
                 />
               </li>
             )}

package/src/views/MessageInput/QuickCommandSelector.tsx

@@ -8,7 +8,7 @@ import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { Fading } from '../../components/Fading'
 import { FallbackBoundary } from '../../components/FallbackBoundary'
-import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks'
+import { useCurrentChat, useCurrentChatState } from '../../context/hooks'
 import { quickCommandRegex } from '../../regex'
 import { getUrlToStackSpotAI } from '../../utils/url'
 
@@ -139,8 +139,8 @@ export const QuickCommandSelector = ({ inputRef }: Props) => {
   const filter = useMemo(() => value === '/' || quickCommandRegex.test(value) ? value.substring(1) : undefined, [value])
   const [isClosed, setClosed] = useState(false)
   const selectorRef = useRef<HTMLDivElement>(null)
-  const areQuickCommandsEnabled = useWidgetState('areQuickCommandsEnabled')
-  const shouldRender = !!areQuickCommandsEnabled && filter !== undefined && !isClosed
+  const isEnabled = useCurrentChatState('features').quickCommands
+  const shouldRender = isEnabled && filter !== undefined && !isClosed
 
   // Resets the closed state whenever the message input is cleared
   useEffect(() => {

package/src/views/MessageInput/index.tsx

@@ -3,7 +3,6 @@ import { useCallback, useEffect, useRef, useState } from 'react'
 import { AdaptiveTextArea } from '../../components/AdaptiveTextArea'
 import { ProgressBar } from '../../components/ProgressBar'
 import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks'
-import { MessageInputFeatures } from '../../features'
 import { quickCommandRegex } from '../../regex'
 import { ChatEntry } from '../../state/ChatEntry'
 import { ButtonGroup } from './ButtonGroup'
@@ -12,19 +11,12 @@ import { InfoBar } from './InfoBar'
 import { QuickCommandSelector } from './QuickCommandSelector'
 import { MAX_INPUT_HEIGHT, MessageInputBox, MIN_INPUT_HEIGHT } from './styled'
 
-interface Props {
-  /**
-   * The features enabled and accessible through the message input.
-   */
-  features: MessageInputFeatures,
-}
-
 /**
  * This renders the MessageInput part of the layout which includes the progress bar, the actual textarea, the badges telling what is
  * going to be used for the question and the buttons to send, cancel, set the workspace, among others. This also includes the Quick
  * Commands panel for auto completing.
  */
-export const MessageInput = ({ features }: Props) => {
+export const MessageInput = () => {
   const t = useMessageInputDictionary()
   const [focused, setFocused] = useState(false)
   const [expanded, setExpanded] = useState(true)
@@ -77,7 +69,6 @@ export const MessageInput = ({ features }: Props) => {
           maxHeight={isMinimized ? MIN_INPUT_HEIGHT : MAX_INPUT_HEIGHT}
         />
         <ButtonGroup
-          features={features}
           onSend={onSend}
           onCancel={() => chat.abort()}
           expanded={expanded}

package/src/views/MessageInput/styled.ts

@@ -13,6 +13,7 @@ export const MessageInputBox = styled.div`
 
   > .info-bar {
     margin-top: 8px;
+    margin-bottom: -3px;
     position: relative;
     overflow: hidden;
 
@@ -35,15 +36,18 @@ export const MessageInputBox = styled.div`
       border-top-left-radius: 10px;
       border-top-right-radius: 10px;
       height: ${INFO_BAR_HEIGHT}px;
-      padding: 0 4px;
+      padding: 6px 4px 0;
       background-color: ${theme.color.light[500]};
       display: flex;
       flex-direction: row;
-      align-items: center;
       gap: 6px;
 
       .list-overflow {
         max-width: calc(100% - 30px); // close button + gap
+        height: 24px;
+        &:first-child {
+          margin-left: 0.25rem; // space added to the left when the close all button isn't rendered
+        }
       }
 
       ul {

package/src/views/MinimizedHeader.tsx

@@ -6,7 +6,7 @@ import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
 import { useCallback, useRef, useState } from 'react'
 import { styled } from 'styled-components'
 import { FadingOverflow } from '../components/FadingOverflow'
-import { useChatState, useChatTabs } from '../context/hooks'
+import { useCurrentChatState } from '../context/hooks'
 import { MinimizedActions } from '../types'
 
 const Header = styled.header`
@@ -53,8 +53,7 @@ const Header = styled.header`
  */
 export const MinimizedHeader = ({ onClose, onCollapse, onExpand }: MinimizedActions) => {
   const t = useTranslate(dictionary)
-  const { active } = useChatTabs()
-  const label = useChatState(active, 'label')
+  const label = useCurrentChatState('label')
   const [collapsed, setCollapsed] = useState(false)
   const ref = useRef<HTMLElement>(null)
   const showButtons = onClose || onCollapse || onExpand

package/src/views/Stacks.tsx

@@ -75,10 +75,11 @@ const StacksTab = ({ visibility }: { visibility: VisibilityLevelEnum }) => {
           }
           className="option-list"
         />}
-        {!!stacks.length && !filtered.length && <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} />}
+        {!!stacks.length && !filtered.length &&
+          <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} className="no-data-placeholder"/>}
         {!stacks.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
       </div>
-      <Button onClick={submit} disabled={!value}>{t.apply}</Button>
+      {!!filtered.length && <Button onClick={submit} disabled={!value}>{t.apply}</Button>}
     </>
   )
 }

package/src/views/Workspaces.tsx

@@ -65,10 +65,11 @@ const WorkspacesPanel = () => {
           }
           className="option-list"
         />}
-        {!!workspaces.length && !filtered.length && <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} />}
+        {!!workspaces.length && !filtered.length &&
+          <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} className="no-data-placeholder" />}
         {!workspaces.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
       </div>
-      <Button onClick={submit} disabled={!value}>{t.apply}</Button>
+      {!!filtered.length && <Button onClick={submit} disabled={!value}>{t.apply}</Button>}
     </>
   )
 }

package/dist/views/Agents.d.ts

@@ -1,2 +0,0 @@
-export declare const Agents: () => null;
-//# sourceMappingURL=Agents.d.ts.map

package/dist/views/Agents.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Agents.d.ts","sourceRoot":"","sources":["../../src/views/Agents.tsx"],"names":[],"mappings":"AAoEA,eAAO,MAAM,MAAM,YAclB,CAAA"}

package/dist/views/Agents.js

@@ -1,146 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Text } from '@citric/core';
-import { Search } from '@citric/icons';
-import { Badge } from '@citric/ui';
-import { Placeholder } from '@stack-spot/portal-components/Placeholder';
-import { MiniLogo } from '@stack-spot/portal-components/svg';
-import { agentClient } from '@stack-spot/portal-network';
-import { theme } from '@stack-spot/portal-theme';
-import { useTranslate } from '@stack-spot/portal-translate';
-import { useEffect, useMemo, useState } from 'react';
-import { styled } from 'styled-components';
-import { DescribedRadioGroup } from '../components/form/DescribedRadioGroup.js';
-import { IconInput } from '../components/IconInput.js';
-import { RightPanelTabs } from '../components/RightPanelTabs.js';
-import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks.js';
-import { useRightPanel } from '../right-panel/hooks.js';
-const AgentLabel = styled.div `
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 6px;
-
-  img, svg {
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    overflow: hidden;
-  }
-`;
-const AgentDescription = styled.div `
-  color: ${theme.color.light[700]};
-  line-height: 18px;
-
-  section {
-    border-bottom: 1px solid ${theme.color.light[600]};
-    padding-bottom: 10px;
-    margin-bottom: 10px;
-
-    &:last-child {
-      padding-bottom: 0;
-      margin-bottom: 0;
-      border-bottom: none;
-    }
-
-    .title {
-      display: block;
-      margin-bottom: 6px;
-    }
-  }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    white-space: nowrap;
-    gap: 6px;
-
-    li {
-      margin: 3px 0;
-    }
-  }
-`;
-export const Agents = () => {
-    const t = useTranslate(dictionary);
-    const panel = useWidgetState('panel');
-    const { open } = useRightPanel();
-    const widget = useWidget();
-    useEffect(() => {
-        if (panel === 'agent')
-            open(_jsx(AgentsPanel, {}), { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) });
-    }, [panel, t]);
-    return null;
-};
-/**
- * Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
- */
-const AgentsPanel = () => {
-    const t = useTranslate(dictionary);
-    const chat = useCurrentChat();
-    return _jsx(RightPanelTabs, { tabs: [
-            { title: t.builtin, content: _jsx(AgentsTab, { visibility: "BUILT-IN" }, "builtin") },
-            { title: t.personal, content: _jsx(AgentsTab, { visibility: "PERSONAL" }, "personal") },
-            { title: t.shared, content: _jsx(AgentsTab, { visibility: "SHARED" }, "shared") },
-            { title: t.account, content: _jsx(AgentsTab, { visibility: "ACCOUNT" }, "account") },
-        ] }, chat.id);
-};
-const AgentsTab = ({ visibility }) => {
-    const t = useTranslate(dictionary);
-    const { close } = useRightPanel();
-    const chat = useCurrentChat();
-    const [filter, setFilter] = useState('');
-    const defaultAgent = useMemo(() => ({
-        name: 'Stackspot AI',
-        description: t.defaultAgentDescription,
-        llm_config: { model_slug: 'gpt4o' },
-    }), []);
-    const agents = visibility === 'BUILT-IN' ? agentClient.publicAgents.useQuery({}) : agentClient.agents.useQuery({ visibility });
-    const [value, setValue] = useState(agents.find(a => a.id === chat.get('agent')?.id) ?? defaultAgent);
-    const filtered = useMemo(() => {
-        const ags = visibility === 'BUILT-IN' ? [defaultAgent, ...agents] : agents;
-        return filter ? ags.filter(a => a === value || a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : ags;
-    }, [agents, filter, value]);
-    function submit() {
-        if (value) {
-            chat.set('agent', value.id ? { id: value.id, label: value.name, image: value.avatar, builtIn: visibility === 'BUILT-IN' } : undefined);
-        }
-        close();
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "content", children: [_jsx(IconInput, { icon: _jsx(Search, {}), value: filter, onChange: setFilter, className: "search" }), !!filtered.length && _jsx(DescribedRadioGroup, { options: filtered, keygen: a => a.id, value: value, onChange: setValue, renderLabel: ({ name, avatar, id }) => (_jsxs(AgentLabel, { children: [id ? (avatar && _jsx("img", { src: avatar })) : _jsx(MiniLogo, {}), _jsx(Text, { children: name })] })), renderDescription: ({ description, llm_config: llmc, knowledge_sources_config: ksc }) => (_jsxs(AgentDescription, { children: [description && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Description" }), _jsx(Text, { children: description })] }), !!ksc?.knowledge_sources?.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Knowledge sources" }), _jsx("ul", { children: ksc.knowledge_sources.map((ks, index) => _jsx("li", { children: _jsx(Badge, { palette: "teal", appearance: "square", children: ks }) }, index)) })] }), llmc?.model_slug && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "LLM" }), _jsx(Badge, { palette: "orange", appearance: "square", children: llmc.model_slug })] })] })), optionClassName: a => (a === value && filter && !a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-                            ? 'filtered-out'
-                            : '', className: "option-list" }), !!agents.length && !filtered.length && _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription }), !agents.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription })] }), _jsx(Button, { onClick: submit, disabled: !value, children: t.apply })] }));
-};
-const dictionary = {
-    en: {
-        title: 'Agents',
-        description: 'By selecting an Agent, it will be consulted to generate the answers.',
-        personal: 'Personal',
-        builtin: 'Built-in',
-        shared: 'Shared',
-        account: 'Account',
-        apply: 'Apply',
-        noSearchResults: "Your search didn't yield results.",
-        noSearchResultsDescription: 'Please, try another search term.',
-        noData: 'There are no agents in this category yet.',
-        noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new agents.',
-        defaultAgentDescription: 'The StackSpot CodeGen is an advanced artificial intelligence agent designed to optimize and accelerate software development. Integrated directly into your integrated development environment, StackSpot CodeGen offers real-time code suggestions, helping developers write high-quality code more efficiently. With robust features such as creating Stacks AI, customized knowledge sources, and quick commands, StackSpot CodeGen contextualizes your development needs to provide the best answers and code suggestions.',
-    },
-    pt: {
-        title: 'Agentes',
-        description: 'Ao selecionar um Agente, ele será consultado para gerar as respostas.',
-        personal: 'Pessoal',
-        builtin: 'Embutido',
-        shared: 'Compartilhado',
-        account: 'Conta',
-        apply: 'Aplicar',
-        noSearchResults: 'Sua busca não produziu resultados.',
-        noSearchResultsDescription: 'Por favor, tente outra busca.',
-        noData: 'Ainda não há agentes nesta categoria.',
-        noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novos agentes.',
-        defaultAgentDescription: 'O StackSpot CodeGen é um agente de inteligência artificial avançado projetado para otimizar e acelerar o desenvolvimento de software. Integrado diretamente ao seu ambiente de desenvolvimento, o StackSpot CodeGen oferece sugestões de código em tempo real, ajudando os desenvolvedores a escreverem código de alta qualidade de forma mais eficiente. Com recursos robustos, como a criação de Stacks AI, Knowledge Sources personalizadas e comandos rápidos, o StackSpot CodeGen contextualiza suas necessidades de desenvolvimento para fornecer as melhores respostas e sugestões de código.',
-    },
-};
-//# sourceMappingURL=Agents.js.map

package/dist/views/Agents.js.map

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

package/dist/views/Home.d.ts

@@ -1,14 +0,0 @@
-interface Props {
-    /**
-     * The name of the user currently logged in.
-     */
-    username: string;
-}
-/**
- * Renders the default home page for the chat. This shows up when no message has been sent yet.
- *
- * The home page can be replaced by providing children to the component `StackspotAIWidget`.
- */
-export declare const Home: ({ username }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Home.d.ts.map

package/dist/views/Home.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/views/Home.tsx"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAmCD;;;;GAIG;AACH,eAAO,MAAM,IAAI,iBAAkB,KAAK,4CA2CvC,CAAA"}

package/dist/views/Home.js.map

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

package/src/views/Agents.tsx

@@ -1,203 +0,0 @@
-import { Button, Text } from '@citric/core'
-import { Search } from '@citric/icons'
-import { Badge } from '@citric/ui'
-import { Placeholder } from '@stack-spot/portal-components/Placeholder'
-import { MiniLogo } from '@stack-spot/portal-components/svg'
-import { agentClient } from '@stack-spot/portal-network'
-import { AgentResponse, VisibilityLevel } from '@stack-spot/portal-network/api/agent'
-import { theme } from '@stack-spot/portal-theme'
-import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
-import { useEffect, useMemo, useState } from 'react'
-import { styled } from 'styled-components'
-import { DescribedRadioGroup } from '../components/form/DescribedRadioGroup'
-import { IconInput } from '../components/IconInput'
-import { RightPanelTabs } from '../components/RightPanelTabs'
-import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks'
-import { useRightPanel } from '../right-panel/hooks'
-
-const AgentLabel = styled.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 6px;
-
-  img, svg {
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    overflow: hidden;
-  }
-`
-
-const AgentDescription = styled.div`
-  color: ${theme.color.light[700]};
-  line-height: 18px;
-
-  section {
-    border-bottom: 1px solid ${theme.color.light[600]};
-    padding-bottom: 10px;
-    margin-bottom: 10px;
-
-    &:last-child {
-      padding-bottom: 0;
-      margin-bottom: 0;
-      border-bottom: none;
-    }
-
-    .title {
-      display: block;
-      margin-bottom: 6px;
-    }
-  }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    white-space: nowrap;
-    gap: 6px;
-
-    li {
-      margin: 3px 0;
-    }
-  }
-`
-
-export const Agents = () => {
-  const t = useTranslate(dictionary)
-  const panel = useWidgetState('panel')
-  const { open } = useRightPanel()
-  const widget = useWidget()
-
-  useEffect(() => {
-    if (panel === 'agent') open(
-      <AgentsPanel />,
-      { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) },
-    )
-  }, [panel, t])
-
-  return null
-}
-
-/**
- * Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
- */
-const AgentsPanel = () => {
-  const t = useTranslate(dictionary)
-  const chat = useCurrentChat()
-  
-  return <RightPanelTabs key={chat.id} tabs={[
-    { title: t.builtin, content: <AgentsTab key="builtin" visibility="BUILT-IN" /> },
-    { title: t.personal, content: <AgentsTab key="personal" visibility="PERSONAL" /> },
-    { title: t.shared, content: <AgentsTab key="shared" visibility="SHARED" /> },
-    { title: t.account, content: <AgentsTab key="account" visibility="ACCOUNT" /> },
-  ]} />
-}
-
-const AgentsTab = ({ visibility }: { visibility: VisibilityLevel | 'BUILT-IN' }) => {
-  const t = useTranslate(dictionary)
-  const { close } = useRightPanel()
-  const chat = useCurrentChat()
-  const [filter, setFilter] = useState('')
-  const defaultAgent = useMemo(() => ({
-    name: 'Stackspot AI',
-    description: t.defaultAgentDescription,
-    llm_config: { model_slug: 'gpt4o' },
-  } as AgentResponse), [])
-  const agents = visibility === 'BUILT-IN' ? agentClient.publicAgents.useQuery({}) : agentClient.agents.useQuery({ visibility })
-  const [value, setValue] = useState<AgentResponse | undefined>(agents.find(a => a.id === chat.get('agent')?.id) ?? defaultAgent)
-  const filtered = useMemo(
-    () => {
-      const ags = visibility === 'BUILT-IN' ? [defaultAgent as AgentResponse, ...agents] : agents
-      return filter ? ags.filter(a => a === value || a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : ags
-    },
-    [agents, filter, value],
-  )
-
-  function submit() {
-    if (value) {
-      chat.set('agent', value.id ? { id: value.id, label: value.name, image: value.avatar, builtIn: visibility === 'BUILT-IN' } : undefined)
-    }
-    close()
-  }
-
-  return (
-    <>
-      <div className="content">
-        <IconInput icon={<Search />} value={filter} onChange={setFilter} className="search" />
-        {!!filtered.length && <DescribedRadioGroup
-          options={filtered}
-          keygen={a => a.id}
-          value={value}
-          onChange={setValue}
-          renderLabel={({ name, avatar, id }) => (
-            <AgentLabel>
-              {id ? (avatar && <img src={avatar} />) : <MiniLogo />}
-              <Text>{name}</Text>
-            </AgentLabel>
-          )}
-          renderDescription={({ description, llm_config: llmc, knowledge_sources_config: ksc }) => (
-            <AgentDescription>
-              {description && <section>
-                <Text appearance="microtext1" className="title">Description</Text>
-                <Text>{description}</Text>
-              </section>}
-              {!!ksc?.knowledge_sources?.length && <section>
-                <Text appearance="microtext1" className="title">Knowledge sources</Text>
-                <ul>
-                  {ksc.knowledge_sources.map((ks, index) => <li key={index}><Badge palette="teal" appearance="square">{ks}</Badge></li>)}
-                </ul>
-              </section>}
-              {llmc?.model_slug && <section>
-                <Text appearance="microtext1" className="title">LLM</Text>
-                <Badge palette="orange" appearance="square">{llmc.model_slug}</Badge>
-              </section>}
-            </AgentDescription>
-          )}
-          optionClassName={a => (a === value && filter && !a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-            ? 'filtered-out'
-            : ''
-          }
-          className="option-list"
-        />}
-        {!!agents.length && !filtered.length && <Placeholder title={t.noSearchResults} description={t.noSearchResultsDescription} />}
-        {!agents.length && <Placeholder title={t.noData} description={t.noDataDescription} />}
-      </div>
-      <Button onClick={submit} disabled={!value}>{t.apply}</Button>
-    </>
-  )
-}
-
-const dictionary = {
-  en: {
-    title: 'Agents',
-    description: 'By selecting an Agent, it will be consulted to generate the answers.',
-    personal: 'Personal',
-    builtin: 'Built-in',
-    shared: 'Shared',
-    account: 'Account',
-    apply: 'Apply',
-    noSearchResults: "Your search didn't yield results.",
-    noSearchResultsDescription: 'Please, try another search term.',
-    noData: 'There are no agents in this category yet.',
-    noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new agents.',
-    defaultAgentDescription: 'The StackSpot CodeGen is an advanced artificial intelligence agent designed to optimize and accelerate software development. Integrated directly into your integrated development environment, StackSpot CodeGen offers real-time code suggestions, helping developers write high-quality code more efficiently. With robust features such as creating Stacks AI, customized knowledge sources, and quick commands, StackSpot CodeGen contextualizes your development needs to provide the best answers and code suggestions.',
-  },
-  pt: {
-    title: 'Agentes',
-    description: 'Ao selecionar um Agente, ele será consultado para gerar as respostas.',
-    personal: 'Pessoal',
-    builtin: 'Embutido',
-    shared: 'Compartilhado',
-    account: 'Conta',
-    apply: 'Aplicar',
-    noSearchResults: 'Sua busca não produziu resultados.',
-    noSearchResultsDescription: 'Por favor, tente outra busca.',
-    noData: 'Ainda não há agentes nesta categoria.',
-    noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novos agentes.',
-    defaultAgentDescription: 'O StackSpot CodeGen é um agente de inteligência artificial avançado projetado para otimizar e acelerar o desenvolvimento de software. Integrado diretamente ao seu ambiente de desenvolvimento, o StackSpot CodeGen oferece sugestões de código em tempo real, ajudando os desenvolvedores a escreverem código de alta qualidade de forma mais eficiente. Com recursos robustos, como a criação de Stacks AI, Knowledge Sources personalizadas e comandos rápidos, o StackSpot CodeGen contextualiza suas necessidades de desenvolvimento para fornecer as melhores respostas e sugestões de código.',
-  },
-} satisfies Dictionary