@stack-spot/ai-chat-widget 1.0.0-dev.1770987730883 → 1.0.0-dev.1776445984345

package/src/app-metadata.json

@@ -1,7 +1,7 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "1.0.0-dev.1770987730883",
-  "date": "Fri Feb 13 2026 13:02:17 GMT+0000 (Coordinated Universal Time)",
+  "version": "1.0.0-dev.1776445984345",
+  "date": "Fri Apr 17 2026 17:13:10 GMT+0000 (Coordinated Universal Time)",
   "dependencies": [
     {
       "name": "@stack-spot/app-metadata",
@@ -13,15 +13,15 @@
     },
     {
       "name": "@types/lodash",
-      "version": "4.17.9"
+      "version": "4.17.24"
     },
     {
       "name": "@types/react",
-      "version": "18.3.11"
+      "version": "18.3.28"
     },
     {
       "name": "@types/react-dom",
-      "version": "18.3.0"
+      "version": "18.3.7(@types/react@18.3.28)"
     },
     {
       "name": "@types/react-syntax-highlighter",
@@ -29,11 +29,11 @@
     },
     {
       "name": "@typescript-eslint/eslint-plugin",
-      "version": "6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint@8.57.1)(typescript@5.6.2)"
+      "version": "6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)(typescript@5.9.3)"
     },
     {
       "name": "@typescript-eslint/parser",
-      "version": "6.21.0(eslint@8.57.1)(typescript@5.6.2)"
+      "version": "6.21.0(eslint@8.57.1)(typescript@5.9.3)"
     },
     {
       "name": "cpy-cli",
@@ -49,7 +49,7 @@
     },
     {
       "name": "eslint-plugin-import",
-      "version": "2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.6.2))(eslint@8.57.1)"
+      "version": "2.32.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.9.3))(eslint@8.57.1)"
     },
     {
       "name": "eslint-plugin-lodash",
@@ -61,7 +61,7 @@
     },
     {
       "name": "eslint-plugin-react",
-      "version": "7.37.1(eslint@8.57.1)"
+      "version": "7.37.5(eslint@8.57.1)"
     },
     {
       "name": "eslint-plugin-react-hooks",
@@ -89,11 +89,11 @@
     },
     {
       "name": "typescript",
-      "version": "5.6.2"
+      "version": "5.9.3"
     },
     {
       "name": "@citric/core",
-      "version": "6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
+      "version": "6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
     },
     {
       "name": "@citric/icons",
@@ -101,7 +101,7 @@
     },
     {
       "name": "@citric/ui",
-      "version": "6.10.2(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.13.0(react@18.2.0))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
+      "version": "6.10.6(@citric/core@6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.13.0(react@18.2.0))(lodash@4.18.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
     },
     {
       "name": "@dagrejs/dagre",
@@ -117,35 +117,35 @@
     },
     {
       "name": "@stack-spot/citric-react",
-      "version": "0.40.3(@stack-spot/citric-icons@0.3.0)(@stack-spot/portal-theme@1.2.1(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(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))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "0.40.3(@stack-spot/citric-icons@0.3.0)(@stack-spot/portal-theme@1.3.1(@citric/core@6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-translate@2.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(lodash@4.18.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@stack-spot/portal-components",
-      "version": "2.27.3(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.13.0(react@18.2.0))(@citric/ui@6.10.2(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.13.0(react@18.2.0))(lodash@4.17.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-theme@1.2.1(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(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))(@types/react@18.3.11)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "2.28.4(@citric/core@6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.13.0(react@18.2.0))(@citric/ui@6.10.6(@citric/core@6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@citric/icons@5.13.0(react@18.2.0))(lodash@4.18.1)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-theme@1.3.1(@citric/core@6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(@stack-spot/portal-translate@2.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@types/react@18.3.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@stack-spot/portal-network",
-      "version": "1.0.0-dev.1770928126041(@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": "1.0.0-dev.1776371627048(@stack-spot/auth@7.1.3)(@stack-spot/opa@2.5.0(@stack-spot/auth@7.1.3)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@stack-spot/portal-translate@2.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@tanstack/react-query@5.99.0(react@18.2.0))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@stack-spot/portal-theme",
-      "version": "1.2.1(@citric/core@6.4.0(lodash@4.17.21)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
+      "version": "1.3.1(@citric/core@6.5.2(lodash@4.18.1)(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0)))(react-dom@18.2.0(react@18.2.0))(react@18.2.0)(styled-components@6.1.10(react-dom@18.2.0(react@18.2.0))(react@18.2.0))"
     },
     {
       "name": "@stack-spot/portal-translate",
-      "version": "2.1.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "2.2.1(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "@xyflow/react",
-      "version": "12.10.0(@types/react@18.3.11)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
+      "version": "12.10.2(@types/react@18.3.28)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)"
     },
     {
       "name": "katex",
-      "version": "0.16.27"
+      "version": "0.16.45"
     },
     {
       "name": "lodash",
-      "version": "4.17.21"
+      "version": "4.18.1"
     },
     {
       "name": "monaco-editor",
@@ -153,19 +153,19 @@
     },
     {
       "name": "react-infinite-scroll-component",
-      "version": "6.1.0(react@18.2.0)"
+      "version": "6.1.1(react@18.2.0)"
     },
     {
       "name": "react-international-phone",
-      "version": "4.6.1(react@18.2.0)"
+      "version": "4.8.0(react@18.2.0)"
     },
     {
       "name": "react-markdown",
-      "version": "9.0.1(@types/react@18.3.11)(react@18.2.0)"
+      "version": "9.1.0(@types/react@18.3.28)(react@18.2.0)"
     },
     {
       "name": "react-syntax-highlighter",
-      "version": "15.5.0(react@18.2.0)"
+      "version": "16.1.1(react@18.2.0)"
     },
     {
       "name": "rehype-katex",
@@ -173,7 +173,7 @@
     },
     {
       "name": "remark-gfm",
-      "version": "4.0.0"
+      "version": "4.0.1"
     },
     {
       "name": "remark-math",

package/src/chat-interceptors/quick-commands.ts

@@ -126,8 +126,7 @@ export function createQuickCommandInterceptor(widget: WidgetState, getEditor: ()
 
   async function runQC(ctx: QCContext) {
     const progress = showProgressMessage(ctx)
-
-    // await runStepsRecursively(0, progress, ctx, {}
+    
     const { qc, ...props } = ctx
     const context: QCContextLib = { ...props, slug: qc.slug }
     const finalResult = await aiClient.runQuickCommand(context, progress)

package/src/components/ButtonFavorite.tsx

@@ -48,6 +48,12 @@ export const ButtonFavorite = <T extends ItemFavorite>({ is_favorite, favorite,
   const [isFavorite, setIsFavorite] = useState(is_favorite ?? false)
   const { idOrSlug, listFavorites } = favorite || {}
 
+  useEffect(() => {
+    if (is_favorite !== undefined && is_favorite !== isFavorite) {
+      setIsFavorite(is_favorite)
+    }
+  }, [is_favorite])
+
   useEffect(() => {
     is_favorite === undefined && setIsFavorite(!!listFavorites?.some((fav) => fav.slug === idOrSlug || fav.id === idOrSlug))
   }, [listFavorites])

package/src/components/FreemiumSensitiveDataInfo.tsx

@@ -0,0 +1,36 @@
+import { Column, Icon, Link, Row, Text } from '@stack-spot/citric-react'
+import { useTranslate } from '@stack-spot/portal-translate'
+import { checkIsTrial } from '../utils/check-is-trial'
+
+export const FreemiumSensitiveDataInfo = () => {
+  const isTrial = checkIsTrial()
+  const t = useTranslate(dictionary)
+  if (!isTrial) return
+
+  return (
+    <Row gap={8} pb={3} pt={3} w="100%" justifyContent="center" alignItems="center">
+      <Column>
+        <Icon icon="InfoCircle" color="light.700" />
+      </Column>
+      <div>
+        <Text style={{ lineHeight: '14px', marginRight: '2px' }} color="light.700" appearance="microtext1">{t.information}</Text>
+        <Link target="_blank" color="light.700" style={{ lineHeight: '14px' }} appearance="microtext1" href={t.policiesLink}>
+          {t.seePolices}
+        </Link>
+      </div>
+    </Row>
+  )
+}
+
+const dictionary = {
+  en: {
+    information: 'For personal use only. Avoid entering corporate or sensitive data.',
+    seePolices: 'View Terms and Conditions',
+    policiesLink: 'https://stackspot.com/en/stackspot-terms-and-conditions-ai',
+  },
+  pt: {
+    information: 'Conta para uso pessoal. Evite inserir dados corporativos ou sensíveis.',
+    seePolices: 'Ver Termos e Condições',
+    policiesLink: 'https://stackspot.com/pt/termos-e-condicoes-da-plataforma-stackspot-ai',
+  },
+} as const

package/src/components/Selector/styled.ts

@@ -111,6 +111,10 @@ export const SelectorBox = styled.div<{ $tabsCount: number }>`
       overflow-y: auto;
       flex: 1;
 
+      .infinite-scroll-component, .infinite-scroll-component__outerdiv {
+        min-height: 272px;
+      }
+
       li {
         display: flex;
         flex-direction: row;

package/src/components/form/DescribedRadioGroup.tsx

@@ -55,7 +55,7 @@ export function DescribedRadioGroup<T>({ initialValue, options: opt, data, empty
 
   useEffect(() => {
     if (!isEqual(opt, options)) {
-      setOptions(opt)
+      setOptions([...opt])
     }
   }, [opt])
 
@@ -93,12 +93,10 @@ export function DescribedRadioGroup<T>({ initialValue, options: opt, data, empty
                         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
                         },
                       }} />}

package/src/views/Agents/useAgentFavorites.ts

@@ -9,6 +9,7 @@ export function useAgentFavorites() {
     try {
       await removeFavorite({ agentId: idOrSlug || '' })
       await agentToolsClient.agentsMultipleFilters.invalidate({ })
+      await agentToolsClient.allAgents.invalidate({})
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(error)
@@ -19,6 +20,7 @@ export function useAgentFavorites() {
     try {
       await addFavorite({ agentId: idOrSlug || '' })
       await agentToolsClient.agentsMultipleFilters.invalidate({ })
+      await agentToolsClient.allAgents.invalidate({})
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(error)

package/src/views/MessageInput/ModelSwitcher/index.tsx

@@ -2,8 +2,7 @@ import { CitricIconOutline, CitricIconSocial } from '@stack-spot/citric-icons'
 import { Button, Column, FieldGroup, Icon, Input, ProgressCircular, Row } from '@stack-spot/citric-react'
 import { SelectionList } from '@stack-spot/portal-components/SelectionList'
 import { agentToolsClient, genAiInferenceClient } from '@stack-spot/portal-network'
-import { useMemo, useState } from 'react'
-import { CSSProperties } from 'styled-components'
+import { CSSProperties, useMemo, useState } from 'react'
 import { useCurrentChat, useCurrentChatState } from '../../../context/hooks'
 import { useMessageInputDictionary } from '../dictionary'
 import { RowWrapperStyled, stylesModelSwitcher } from '../styled'

package/src/views/MessageInput/ModelSwitcher/utils.tsx

@@ -24,6 +24,26 @@ export const providerIcon: Record<string, CitricIconSocial | CitricIconOutline>
   anthropic: 'Anthropic',
 }
 
+
+const getModelsList = (agent?: AgentCoreWithSingleVersionResponse2, models?: PaginatedResponseLlmModelsResponse) => {
+  if (agent?.visibility_level === 'built_in') {
+    return models?.items 
+  }
+
+  if (agent?.version?.available_llm_models && agent?.version?.available_llm_models.length > 0) {
+    return models?.items.filter((model) => 
+      agent?.version?.available_llm_models?.find((modelAvailable) => modelAvailable.model_id === model.id))
+  }
+
+  if (agent?.version?.model_id) {
+    return models?.items.filter((model) => model.id === agent?.version?.model_id)
+  }
+
+  return models?.items.filter(model =>
+    model.resources.some(resource => resource.name === 'agents' && resource.is_default === true),
+  )
+}
+
 export function getListModelsData(
   chat: ChatState, 
   setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
@@ -32,12 +52,11 @@ export function getListModelsData(
 
   const chatSelectedModelId = chat.get('selected_model_id')
   
-  const listModelsToShow = agent?.visibility_level !== 'built_in' && !!agent?.version?.model_id ? 
-    models?.items.filter((model) => agent?.version?.available_llm_models?.find((modelAvailable) => modelAvailable.model_id === model.id)) : 
-    models?.items
+  const listModelsToShow = getModelsList(agent, models)
 
   const modelAvailableDefault = agent?.version?.available_llm_models?.find((model) => 
     (model.is_default || model.model_id === agent.version?.model_id))
+
   const modelListData = parseModelList(chat, setVisibleMenu, listModelsToShow, modelAvailableDefault?.model_id)
   
   if (agent?.visibility_level === 'built_in' || !agent?.version?.model_id) {