@stack-spot/ai-chat-widget 2.2.1-beta.1 → 2.2.2-beta.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.2.2-beta.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget-beta@v2.2.1-beta.1...ai-chat-widget-beta@v2.2.2-beta.1) (2025-10-30)
+
+
+### Bug Fixes
+
+* 1571 select for llm release beta 10 30 ([#349](https://github.com/stack-spot/portal-ai-chat-widget/issues/349)) ([2d277f4](https://github.com/stack-spot/portal-ai-chat-widget/commit/2d277f4ef9badb1e2c314def27439948bd4b897f))
+
 ## [2.2.1-beta.1](https://github.com/stack-spot/portal-ai-chat-widget/compare/ai-chat-widget-beta@v2.2.0-beta.1...ai-chat-widget-beta@v2.2.1-beta.1) (2025-10-28)
 
 

package/dist/app-metadata.json

@@ -1,7 +1,7 @@
 {
     "name": "@stack-spot/ai-chat-widget",
-    "version": "2.2.1-beta.1",
-    "date": "Tue Oct 28 2025 14:41:58 GMT+0000 (Coordinated Universal Time)",
+    "version": "2.2.2-beta.1",
+    "date": "Thu Oct 30 2025 15:51:58 GMT+0000 (Coordinated Universal Time)",
     "dependencies": [
         {
             "name": "@stack-spot/app-metadata",
@@ -109,15 +109,15 @@
         },
         {
             "name": "@stack-spot/citric-icons",
-            "version": "0.2.3"
+            "version": "0.2.5"
         },
         {
             "name": "@stack-spot/citric-react",
-            "version": "0.36.0(@stack-spot/citric-icons@0.2.3)(@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.36.0(@stack-spot/citric-icons@0.2.5)(@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)"
         },
         {
             "name": "@stack-spot/portal-components",
-            "version": "2.26.0(@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.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)"
         },
         {
             "name": "@stack-spot/portal-network",

package/dist/views/MessageInput/ButtonBar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconButton, Row } from '@stack-spot/citric-react';
 import { useCurrentChat, useCurrentChatState, useWidget } from '../../context/hooks.js';
 import { useMessageInputDictionary } from './dictionary.js';
-import { ModelSwitcher } from './ModelSwitcher.js';
+import { ModelSwitcher } from './ModelSwitcher/index.js';
 import { SelectContent } from './SelectContent.js';
 import { SelectionBarWrapper } from './styled.js';
 export const ButtonBar = ({ onSend, isLoading }) => {

package/dist/views/MessageInput/{ModelSwitcher.d.ts → ModelSwitcher/index.d.ts}

@@ -1,2 +1,2 @@
 export declare const ModelSwitcher: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ModelSwitcher.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/views/MessageInput/ModelSwitcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/MessageInput/ModelSwitcher/index.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa,+CAqDzB,CAAA"}

package/dist/views/MessageInput/ModelSwitcher/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Column, FieldGroup, Icon, Input, 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 { useCurrentChat, useCurrentChatState } from '../../../context/hooks.js';
+import { useMessageInputDictionary } from '../dictionary.js';
+import { RowWrapperStyled, stylesModelSwitcher } from '../styled.js';
+import { getModelData, handleFilter, providerIcon } from './utils.js';
+export const ModelSwitcher = () => {
+    const t = useMessageInputDictionary();
+    const agentCurrentChat = useCurrentChatState('agent');
+    const chat = useCurrentChat();
+    const [visibleMenu, setVisibleMenu] = useState(false);
+    const [agentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agentCurrentChat?.id || '' });
+    const [listModels] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999 });
+    const [filter, setFilter] = useState('');
+    const { modelName, modelProviderType, listItemsData } = getModelData(chat, setVisibleMenu, agentData, listModels);
+    const data = useMemo(() => {
+        const items = listItemsData ?? [];
+        return handleFilter(items, filter);
+    }, [filter, agentCurrentChat?.id, chat.get('selected_model_id')]);
+    return (_jsxs(RowWrapperStyled, { children: [_jsxs(Button, { className: "button-select-model", colorScheme: "light", size: "sm", "aria-label": t.agent, title: t.agent, onClick: () => setVisibleMenu(state => !state), children: [_jsx(Icon, { icon: providerIcon[modelProviderType], group: modelProviderType === 'stackspot' ? 'outline' : 'social' }), modelName, _jsx(Icon, { icon: "ChevronDown", group: "fill", size: "sm" })] }), _jsx(SelectionList, { id: "menuModelSwitcher", items: data || [], visible: visibleMenu, onHide: () => setVisibleMenu(false), showListAsCard: true, style: stylesModelSwitcher.selection, before: _jsxs(Column, { children: [_jsxs(FieldGroup, { fullWidth: true, style: { marginTop: '8px' }, children: [_jsx(Icon, { icon: "Search" }), _jsx(Input, { type: "search", value: filter, onChange: (value) => (setFilter(value)) })] }), !data.length ? _jsx(Row, { m: "16px 8px", children: t.nothingFound }) : undefined] }) })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/views/MessageInput/ModelSwitcher/index.js.map

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

package/dist/views/MessageInput/ModelSwitcher/utils.d.ts

@@ -0,0 +1,29 @@
+import { CitricIconOutline, CitricIconSocial } from '@stack-spot/citric-icons';
+import { AgentModel } from '@stack-spot/portal-network/api/agent-tools';
+import { PaginatedResponseLlmModelsResponse } from '@stack-spot/portal-network/api/genAiInference';
+import { Dispatch, ReactElement } from 'react';
+export interface ItemProps {
+    active?: boolean;
+    label?: string;
+    icon?: ReactElement;
+    self_hosted?: boolean;
+    onClick?: VoidFunction;
+}
+export declare const providerIcon: Record<string, CitricIconSocial | CitricIconOutline>;
+export declare function getModelData(chat: any, setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, agent?: AgentModel, models?: PaginatedResponseLlmModelsResponse): {
+    modelName: any;
+    modelProviderType: string | undefined;
+    listItemsData: ItemProps[] | {
+        active: boolean;
+        label: string;
+        icon: import("react/jsx-runtime").JSX.Element;
+        self_hosted: boolean;
+        onClick: () => void;
+    }[];
+};
+export declare function handleFilter(items: ItemProps[], filter?: string): {
+    type: string;
+    label: string;
+    children: ItemProps[];
+}[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/views/MessageInput/ModelSwitcher/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/views/MessageInput/ModelSwitcher/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE9E,OAAO,EAAoB,UAAU,EAAE,MAAM,4CAA4C,CAAA;AACzF,OAAO,EAAqB,kCAAkC,EAAE,MAAM,+CAA+C,CAAA;AAErH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,SAAS;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAEH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,iBAAiB,CAQ7E,CAAA;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,GAAG,EACT,cAAc,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EACvD,KAAK,CAAC,EAAE,UAAU,EAClB,MAAM,CAAC,EAAE,kCAAkC;;;;;;;;;;EAkC5C;AAgDD,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM;;;;IAqC/D"}

package/dist/views/MessageInput/ModelSwitcher/utils.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, IconBox } from '@stack-spot/citric-react';
+import { theme } from '@stack-spot/portal-theme';
+export const providerIcon = {
+    openai: 'OpenAI',
+    bedrock: 'AWSBedrock',
+    azure: 'Azure',
+    stackspot: 'StackSpot',
+    gemini: 'Gemini',
+    deepseek: 'DeepSeek',
+    anthropic: 'Anthropic',
+};
+export function getModelData(chat, setVisibleMenu, agent, models) {
+    const listModelsToShow = agent?.visibility_level !== 'built_in' && !!agent?.model_id ? agent?.available_llm_models : models?.items;
+    const modelListData = parseModelList(chat, setVisibleMenu, listModelsToShow, models?.items);
+    const modelAvailableDefault = agent?.available_llm_models?.find((model) => model.is_default);
+    const modelFromListAccount = models?.items.find((modelAccount) => modelAccount.active);
+    const modelProviderType = modelFromListAccount?.model_configuration.provider.provider_type;
+    if (agent?.visibility_level === 'built_in' || !agent?.model_id) {
+        const modelDefaultFromList = modelListData.find((model) => model?.active);
+        return { modelName: modelDefaultFromList?.label, modelProviderType, listItemsData: modelListData };
+    }
+    const listItemsData = modelListData && modelListData?.length > 0 ? modelListData :
+        [{
+                active: true,
+                label: modelAvailableDefault?.model_name || agent?.model_name || '',
+                icon: _jsx(IconBox, { icon: providerIcon[modelProviderType || 'stackspot'], appearance: "square", group: modelProviderType === 'stackspot' ? 'outline' : 'social' }),
+                self_hosted: modelFromListAccount?.self_hosted || false,
+                onClick: () => {
+                    chat.set('selected_model_id', modelAvailableDefault?.model_id);
+                    setVisibleMenu(false);
+                },
+            }];
+    const modelSelectedName = chat.get('selected_model_id') || agent?.model_name || modelAvailableDefault?.model_name;
+    return { modelName: modelSelectedName, modelProviderType, listItemsData };
+}
+function parseModelList(chat, setVisibleMenu, listModelToShow, listModelAccount) {
+    const data = Array();
+    const chatModelId = chat.get('selected_model_id');
+    listModelToShow?.forEach((model) => {
+        if ('model_id' in model) {
+            const modelFromListModels = listModelAccount?.find((modelAccount) => model.model_id === modelAccount.id);
+            data.push({
+                active: chatModelId === model.model_id || model.is_default,
+                label: model?.model_name || 'LLM',
+                icon: _jsx(Icon, { icon: "Bookmark" }),
+                self_hosted: modelFromListModels?.self_hosted || false,
+                onClick: () => {
+                    chat.set('selected_model_id', model.model_id);
+                    setVisibleMenu(false);
+                },
+            });
+        }
+        else {
+            data.push({
+                active: chatModelId === model.id || model.resources[0]?.is_default,
+                label: model?.display_name || 'LLM',
+                icon: _jsx(IconBox, { style: { backgroundColor: theme.color.light[300] }, appearance: "square", icon: providerIcon[model.model_configuration.provider.provider_type], group: model.model_configuration.provider.provider_type === 'stackspot' ? 'outline' : 'social' }),
+                self_hosted: model.self_hosted,
+                onClick: () => {
+                    chat.set('selected_model_id', model.id);
+                    setVisibleMenu(false);
+                },
+            });
+        }
+    });
+    return data;
+}
+export function handleFilter(items, filter) {
+    const filterLower = filter?.toLocaleLowerCase();
+    const filteredItens = items.filter((item) => filterLower ? item?.label?.toLocaleLowerCase().includes(filterLower) : item);
+    const { selfHosted, hosted } = filteredItens.reduce((acc, model) => {
+        if (model?.self_hosted) {
+            acc.selfHosted.push(model);
+        }
+        else {
+            acc.hosted.push(model);
+        }
+        return acc;
+    }, { selfHosted: [], hosted: [] });
+    const sections = [
+        {
+            label: 'Hosted',
+            children: hosted,
+        },
+        {
+            label: 'Self Hosted',
+            children: selfHosted,
+        },
+    ];
+    const filteredByHavingItens = sections
+        .filter(section => section.children.length > 0)
+        .map(section => ({
+        type: 'section',
+        label: section.label,
+        children: section.children,
+    }));
+    return filteredByHavingItens;
+}
+//# sourceMappingURL=utils.js.map

package/dist/views/MessageInput/ModelSwitcher/utils.js.map

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

package/dist/views/MessageInput/dictionary.d.ts

@@ -1,2 +1,2 @@
-export declare const useMessageInputDictionary: () => Record<"stack" | "knowledgeSource" | "agent" | "upload" | "cancel" | "code" | "placeholder" | "remove" | "selected" | "send" | "collapse" | "expand" | "spot" | "typing" | "removeConfig" | "removeStack" | "removeWorkspace" | "removeKS" | "removeSelection" | "uploadSizeError" | "uploadItemLimitError" | "uploadError" | "uploadDragging" | "uploadDragDropTitle" | "uploadDragDropDescription" | "unknownUploadError" | "cantSendBecauseOfUploadError" | "cantSendBecauseOfUploadProgress" | "cantSendBecauseOfEmptyContent" | "cantSendBecausePromptMaxLength" | "chatAgent" | "uploadSuccessStatus" | "chatViewMenu", string>;
+export declare const useMessageInputDictionary: () => Record<"stack" | "knowledgeSource" | "agent" | "upload" | "cancel" | "code" | "placeholder" | "remove" | "selected" | "send" | "collapse" | "expand" | "spot" | "typing" | "removeConfig" | "removeStack" | "removeWorkspace" | "removeKS" | "removeSelection" | "uploadSizeError" | "uploadItemLimitError" | "uploadError" | "uploadDragging" | "uploadDragDropTitle" | "uploadDragDropDescription" | "unknownUploadError" | "cantSendBecauseOfUploadError" | "cantSendBecauseOfUploadProgress" | "cantSendBecauseOfEmptyContent" | "cantSendBecausePromptMaxLength" | "chatAgent" | "uploadSuccessStatus" | "chatViewMenu" | "nothingFound", string>;
 //# sourceMappingURL=dictionary.d.ts.map

package/dist/views/MessageInput/dictionary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AA2EA,eAAO,MAAM,yBAAyB,6mBAAiC,CAAA"}
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,yBAAyB,8nBAAiC,CAAA"}

package/dist/views/MessageInput/dictionary.js

@@ -34,6 +34,7 @@ const dictionary = {
         chatAgent: 'Agents',
         uploadSuccessStatus: 'File sent successfully',
         chatViewMenu: 'Chat options menu',
+        nothingFound: 'Nothing Found',
     },
     pt: {
         stack: 'Selecionar stack',
@@ -69,6 +70,7 @@ const dictionary = {
         chatAgent: 'Agentes',
         uploadSuccessStatus: 'Arquivo anexado com sucesso',
         chatViewMenu: 'Menu de opções do chat',
+        nothingFound: 'Nada encontrado',
     },
 };
 export const useMessageInputDictionary = () => useTranslate(dictionary);

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

@@ -1 +1 @@
-{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,aAAa;QACnB,eAAe,EAAE,0BAA0B;QAC3C,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,gDAAgD;QAC7D,MAAM,EAAE,sBAAsB;QAC9B,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,8BAA8B;QAC5C,WAAW,EAAE,8BAA8B;QAC3C,eAAe,EAAE,6BAA6B;QAC9C,QAAQ,EAAE,kCAAkC;QAC5C,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,+BAA+B;QAChD,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,eAAe,EAAE,wFAAwF;QACzG,oBAAoB,EAAE,6FAA6F;QACnH,WAAW,EAAE,kDAAkD;QAC/D,cAAc,EAAE,8BAA8B;QAC9C,mBAAmB,EAAE,sBAAsB;QAC3C,yBAAyB,EAAE,iDAAiD;QAC5E,kBAAkB,EAAE,8CAA8C;QAClE,4BAA4B,EAAE,yIAAyI;QACvK,+BAA+B,EAAE,8IAA8I;QAC/K,6BAA6B,EAAE,0EAA0E;QACzG,8BAA8B,EAAE,mFAAmF;QACnH,SAAS,EAAE,QAAQ;QACnB,mBAAmB,EAAE,wBAAwB;QAC7C,YAAY,EAAE,mBAAmB;KAClC;IACD,EAAE,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,wBAAwB;QAC9B,IAAI,EAAE,iBAAiB;QACvB,eAAe,EAAE,8BAA8B;QAC/C,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,uDAAuD;QACpE,MAAM,EAAE,wBAAwB;QAChC,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,gCAAgC;QAC9C,WAAW,EAAE,6BAA6B;QAC1C,eAAe,EAAE,4BAA4B;QAC7C,QAAQ,EAAE,qCAAqC;QAC/C,QAAQ,EAAE,aAAa;QACvB,eAAe,EAAE,4BAA4B;QAC7C,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,gBAAgB;QACxB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,iBAAiB;QAC3B,eAAe,EAAE,+FAA+F;QAChH,oBAAoB,EAAE,wHAAwH;QAC9I,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,wCAAwC;QACxD,mBAAmB,EAAE,0BAA0B;QAC/C,yBAAyB,EAAE,yDAAyD;QACpF,kBAAkB,EAAE,wCAAwC;QAC5D,4BAA4B,EAAE,4JAA4J;QAC1L,+BAA+B,EAAE,iJAAiJ;QAClL,6BAA6B,EAAE,6FAA6F;QAC5H,8BAA8B,EAAE,2FAA2F;QAC3H,SAAS,EAAE,SAAS;QACpB,mBAAmB,EAAE,6BAA6B;QAClD,YAAY,EAAE,wBAAwB;KACvC;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/MessageInput/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,kBAAkB;QACxB,IAAI,EAAE,aAAa;QACnB,eAAe,EAAE,0BAA0B;QAC3C,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,gDAAgD;QAC7D,MAAM,EAAE,sBAAsB;QAC9B,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,8BAA8B;QAC5C,WAAW,EAAE,8BAA8B;QAC3C,eAAe,EAAE,6BAA6B;QAC9C,QAAQ,EAAE,kCAAkC;QAC5C,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,+BAA+B;QAChD,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,kBAAkB;QAC5B,eAAe,EAAE,wFAAwF;QACzG,oBAAoB,EAAE,6FAA6F;QACnH,WAAW,EAAE,kDAAkD;QAC/D,cAAc,EAAE,8BAA8B;QAC9C,mBAAmB,EAAE,sBAAsB;QAC3C,yBAAyB,EAAE,iDAAiD;QAC5E,kBAAkB,EAAE,8CAA8C;QAClE,4BAA4B,EAAE,yIAAyI;QACvK,+BAA+B,EAAE,8IAA8I;QAC/K,6BAA6B,EAAE,0EAA0E;QACzG,8BAA8B,EAAE,mFAAmF;QACnH,SAAS,EAAE,QAAQ;QACnB,mBAAmB,EAAE,wBAAwB;QAC7C,YAAY,EAAE,mBAAmB;QACjC,YAAY,EAAE,eAAe;KAC9B;IACD,EAAE,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,wBAAwB;QAC9B,IAAI,EAAE,iBAAiB;QACvB,eAAe,EAAE,8BAA8B;QAC/C,KAAK,EAAE,mBAAmB;QAC1B,IAAI,EAAE,iBAAiB;QACvB,WAAW,EAAE,uDAAuD;QACpE,MAAM,EAAE,wBAAwB;QAChC,MAAM,EAAE,UAAU;QAClB,YAAY,EAAE,gCAAgC;QAC9C,WAAW,EAAE,6BAA6B;QAC1C,eAAe,EAAE,4BAA4B;QAC7C,QAAQ,EAAE,qCAAqC;QAC/C,QAAQ,EAAE,aAAa;QACvB,eAAe,EAAE,4BAA4B;QAC7C,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,gBAAgB;QACxB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,iBAAiB;QAC3B,eAAe,EAAE,+FAA+F;QAChH,oBAAoB,EAAE,wHAAwH;QAC9I,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,wCAAwC;QACxD,mBAAmB,EAAE,0BAA0B;QAC/C,yBAAyB,EAAE,yDAAyD;QACpF,kBAAkB,EAAE,wCAAwC;QAC5D,4BAA4B,EAAE,4JAA4J;QAC1L,+BAA+B,EAAE,iJAAiJ;QAClL,6BAA6B,EAAE,6FAA6F;QAC5H,8BAA8B,EAAE,2FAA2F;QAC3H,SAAS,EAAE,SAAS;QACpB,mBAAmB,EAAE,6BAA6B;QAClD,YAAY,EAAE,wBAAwB;QACtC,YAAY,EAAE,iBAAiB;KAChC;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}

package/dist/views/MessageInput/styled.d.ts

@@ -1,6 +1,15 @@
 export declare const MIN_INPUT_HEIGHT = 24;
 export declare const SelectionBarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MessageInputBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const stylesModelSwitcher: {
+    selection: {
+        minHeight: string;
+        position: string;
+        bottom: string;
+        right: string;
+        margin: string;
+    };
+};
 export declare const RowWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@citric/core/dist/Flex.js").Props> & import("@citric/core/dist/Flex.js").Props, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;

package/dist/views/MessageInput/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,mBAAmB,wOAyC/B,CAAA;AAED,eAAO,MAAM,eAAe,wOA2P3B,CAAA;AACD,eAAO,MAAM,gBAAgB;;mBAU5B,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,mBAAmB,wOAyC/B,CAAA;AAED,eAAO,MAAM,eAAe,wOA2P3B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;CAQ/B,CAAA;AAED,eAAO,MAAM,gBAAgB;;mBAwB5B,CAAA"}

package/dist/views/MessageInput/styled.js

@@ -300,6 +300,15 @@ export const MessageInputBox = styled.div `
     }
   }
 `;
+export const stylesModelSwitcher = {
+    selection: {
+        minHeight: '300px',
+        position: 'absolute',
+        bottom: 'calc(100% + 10px)',
+        right: '0',
+        margin: '0',
+    },
+};
 export const RowWrapperStyled = styled(Flex) `
   width: 100%;
   justify-content: end;
@@ -310,5 +319,19 @@ export const RowWrapperStyled = styled(Flex) `
   .button-select-model {
     border-radius: 15px !important;
   }
+  #menuModelSwitcher {
+    background-color: ${theme.color.light[500]};
+  }
+
+  .selection-list-content {
+    .action :hover {
+      cursor: pointer;
+      background-color: ${theme.color.light[600]};
+    }
+    ul :hover {
+      background-color: transparent;
+      cursor: default;
+    }
+  }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAC7B,MAAM,wBAAwB,GAAG,CAAC,CAAA;AAClC,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAC5B,MAAM,uBAAuB,GAAG,CAAC,CAAA;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;wBAcpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;0BAgBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;0BAGtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;CAG/C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAsCf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0B1B,kBAAkB,GAAG,wBAAwB;wBAC3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA2BpB,iBAAiB,GAAG,uBAAuB;wBACzC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0Bf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;0BAEtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;wBAOxB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuEhB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;8BACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;gCAQpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;oBAOlC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;8BAmBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;cAStC,gBAAgB;;;;;;;;CAQ7B,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;CAU3C,CAAA"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/MessageInput/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,kBAAkB,GAAG,EAAE,CAAA;AAC7B,MAAM,wBAAwB,GAAG,CAAC,CAAA;AAClC,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAC5B,MAAM,uBAAuB,GAAG,CAAC,CAAA;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAA;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKvB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;wBAcpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;0BAgBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;0BAGtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;CAG/C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAsCf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0B1B,kBAAkB,GAAG,wBAAwB;wBAC3C,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA2BpB,iBAAiB,GAAG,uBAAuB;wBACzC,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;0BA0Bf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;0BAEtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;wBAOxB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAuEhB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;8BACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;gCAQpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;oBAOlC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;8BAmBpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;cAStC,gBAAgB;;;;;;;;CAQ7B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE;QACT,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACZ;CACF,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;wBAWpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;0BAMpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;CAO/C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "2.2.1-beta.1",
+  "version": "2.2.2-beta.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,10 +11,10 @@
   },
   "peerDependencies": {
     "@stack-spot/citric-react": "^0.36.0",
-    "@stack-spot/citric-icons": "^0.2.3",
+    "@stack-spot/citric-icons": "^0.2.5",
     "@stack-spot/portal-theme": "^1.2.1",
     "@citric/core": "^6.4.0",
-    "@stack-spot/portal-components": "^2.26.0",
+    "@stack-spot/portal-components": "^2.27.3",
     "@citric/icons": "^5.13.0",
     "@stack-spot/portal-network": "0.189.0-beta.1",
     "@citric/ui": "^6.10.2",

package/src/app-metadata.json

@@ -1,7 +1,7 @@
 {
   "name": "@stack-spot/ai-chat-widget",
-  "version": "2.2.1-beta.1",
-  "date": "Tue Oct 28 2025 14:41:58 GMT+0000 (Coordinated Universal Time)",
+  "version": "2.2.2-beta.1",
+  "date": "Thu Oct 30 2025 15:51:58 GMT+0000 (Coordinated Universal Time)",
   "dependencies": [
     {
       "name": "@stack-spot/app-metadata",
@@ -109,15 +109,15 @@
     },
     {
       "name": "@stack-spot/citric-icons",
-      "version": "0.2.3"
+      "version": "0.2.5"
     },
     {
       "name": "@stack-spot/citric-react",
-      "version": "0.36.0(@stack-spot/citric-icons@0.2.3)(@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.36.0(@stack-spot/citric-icons@0.2.5)(@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)"
     },
     {
       "name": "@stack-spot/portal-components",
-      "version": "2.26.0(@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.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)"
     },
     {
       "name": "@stack-spot/portal-network",

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

@@ -0,0 +1,65 @@
+import { CitricIconOutline, CitricIconSocial } from '@stack-spot/citric-icons'
+import { Button, Column, FieldGroup, Icon, Input, 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 { useCurrentChat, useCurrentChatState } from '../../../context/hooks'
+import { useMessageInputDictionary } from '../dictionary'
+import { RowWrapperStyled, stylesModelSwitcher } from '../styled'
+import { getModelData, handleFilter, providerIcon } from './utils'
+
+export const ModelSwitcher = () => {
+  const t = useMessageInputDictionary()
+  const agentCurrentChat = useCurrentChatState('agent')
+  const chat = useCurrentChat()
+  const [visibleMenu, setVisibleMenu] = useState(false)
+  const [agentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agentCurrentChat?.id || '' })
+  const [listModels] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999 })
+  const [filter, setFilter] = useState('')
+
+  const { modelName, modelProviderType, listItemsData } = 
+    getModelData(chat, setVisibleMenu, agentData, listModels)
+  
+  const data = useMemo(() => {
+    const items = listItemsData ?? []
+    return handleFilter(items, filter)
+  }, [filter, agentCurrentChat?.id, chat.get('selected_model_id')])
+  
+  return (
+    <RowWrapperStyled>
+      <Button
+        className="button-select-model"
+        colorScheme="light"
+        size="sm"
+        aria-label={t.agent}
+        title={t.agent}
+        onClick={() => setVisibleMenu(state => !state)}
+      >
+        <Icon
+          icon={providerIcon[modelProviderType as CitricIconOutline | CitricIconSocial]} 
+          group={modelProviderType === 'stackspot' ? 'outline' : 'social'} 
+        />
+        {modelName}
+        <Icon icon="ChevronDown" group="fill" size="sm" />
+      </Button>
+      <SelectionList
+        id="menuModelSwitcher"
+        items={data || []}
+        visible={visibleMenu}
+        onHide={() => setVisibleMenu(false)}
+        showListAsCard
+        style={stylesModelSwitcher.selection as CSSProperties}
+        before={
+          <Column>
+            <FieldGroup fullWidth style={{ marginTop: '8px' }}>
+              <Icon icon="Search" />
+              <Input type="search" value={filter} onChange={(value) => (setFilter(value))} />
+            </FieldGroup>
+            {!data.length ? <Row m="16px 8px">{t.nothingFound}</Row> : undefined}
+          </Column>
+        }
+      />
+    </RowWrapperStyled>
+  )
+}

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

@@ -0,0 +1,149 @@
+import { CitricIconOutline, CitricIconSocial } from '@stack-spot/citric-icons'
+import { Icon, IconBox } from '@stack-spot/citric-react'
+import { AgentLlmModelDto, AgentModel } from '@stack-spot/portal-network/api/agent-tools'
+import { LlmModelsResponse, PaginatedResponseLlmModelsResponse } from '@stack-spot/portal-network/api/genAiInference'
+import { theme } from '@stack-spot/portal-theme'
+import { Dispatch, ReactElement } from 'react'
+
+export interface ItemProps {
+    active?: boolean, 
+    label?: string, 
+    icon?: ReactElement, 
+    self_hosted?: boolean,
+    onClick?: VoidFunction, 
+  }
+
+export const providerIcon: Record<string, CitricIconSocial | CitricIconOutline> = {
+  openai: 'OpenAI',
+  bedrock: 'AWSBedrock',
+  azure: 'Azure',
+  stackspot: 'StackSpot',
+  gemini: 'Gemini',
+  deepseek: 'DeepSeek',
+  anthropic: 'Anthropic',
+}
+
+export function getModelData(
+  chat: any, 
+  setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
+  agent?: AgentModel,
+  models?: PaginatedResponseLlmModelsResponse) {
+
+  const listModelsToShow = agent?.visibility_level !== 'built_in' && !!agent?.model_id ? agent?.available_llm_models : models?.items
+
+  const modelListData = parseModelList(chat, setVisibleMenu, listModelsToShow, models?.items)
+
+  const modelAvailableDefault = agent?.available_llm_models?.find((model) => model.is_default)
+  const modelFromListAccount = models?.items.find((modelAccount) => modelAccount.active)
+  const modelProviderType = modelFromListAccount?.model_configuration.provider.provider_type
+
+  if (agent?.visibility_level === 'built_in' || !agent?.model_id) {
+    const modelDefaultFromList = modelListData.find((model) => model?.active)
+    
+    return { modelName: modelDefaultFromList?.label, modelProviderType, listItemsData: modelListData }
+  }
+
+  const listItemsData = 
+    modelListData && modelListData?.length > 0 ? modelListData : 
+      [{ 
+        active: true, 
+        label: modelAvailableDefault?.model_name || agent?.model_name || '', 
+        icon: <IconBox icon={providerIcon[modelProviderType || 'stackspot']} 
+          appearance="square"
+          group={modelProviderType === 'stackspot' ? 'outline' : 'social'} />, 
+        self_hosted: modelFromListAccount?.self_hosted || false,
+        onClick: () => {
+          chat.set('selected_model_id', modelAvailableDefault?.model_id)
+          setVisibleMenu(false)
+        },
+      }]
+
+  const modelSelectedName = chat.get('selected_model_id') || agent?.model_name || modelAvailableDefault?.model_name
+
+  return { modelName: modelSelectedName, modelProviderType, listItemsData }
+}
+
+function parseModelList(
+  chat: any,
+  setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
+  listModelToShow?: Array<AgentLlmModelDto | LlmModelsResponse>, 
+  listModelAccount?: LlmModelsResponse[], 
+) {
+
+  const data = Array<ItemProps>()
+
+  const chatModelId = chat.get('selected_model_id')
+
+  listModelToShow?.forEach((model) => {
+    if ('model_id' in model) {
+      const modelFromListModels = listModelAccount?.find((modelAccount) => model.model_id === modelAccount.id)
+      data.push({
+        active: chatModelId === model.model_id || model.is_default,
+        label: model?.model_name || 'LLM',
+        icon: <Icon icon="Bookmark"/>,
+        self_hosted: modelFromListModels?.self_hosted || false,
+        onClick: () => {
+          chat.set('selected_model_id', model.model_id)
+          setVisibleMenu(false)
+        },
+      })
+    }
+    else {
+      data.push({
+        active: chatModelId === model.id || model.resources[0]?.is_default,
+        label: model?.display_name || 'LLM',
+        icon: <IconBox 
+          style={{ backgroundColor: theme.color.light[300] }}
+          appearance="square"
+          icon={providerIcon[model.model_configuration.provider.provider_type]} 
+          group={model.model_configuration.provider.provider_type === 'stackspot' ? 'outline' : 'social'} 
+        />,
+        self_hosted: model.self_hosted,
+        onClick: () => {
+          chat.set('selected_model_id', model.id)
+          setVisibleMenu(false)
+        },
+      })
+    }
+  })
+  return data
+}
+
+export function handleFilter(items: ItemProps[], filter?: string) {
+  
+  const filterLower = filter?.toLocaleLowerCase()
+  const filteredItens = items.filter((item) => filterLower ? item?.label?.toLocaleLowerCase().includes(filterLower) : item)
+
+  const { selfHosted, hosted } = filteredItens.reduce(
+    (acc, model) => {
+      if (model?.self_hosted) {
+        acc.selfHosted.push(model)
+      } else {
+        acc.hosted.push(model)
+      }
+      return acc
+    },
+    { selfHosted: [], hosted: [] } as { selfHosted: typeof items, hosted: typeof items },
+  )
+
+  const sections = [
+    { 
+      label: 'Hosted', 
+      children:  hosted,
+    },
+    { 
+      label: 'Self Hosted', 
+      children:  selfHosted, 
+    },
+  ]
+
+  const filteredByHavingItens = sections
+    .filter(section => section.children.length > 0)
+    .map(section => ({
+      type: 'section',
+      label: section.label,
+      children: section.children,
+    }))
+
+  return filteredByHavingItens
+}

package/src/views/MessageInput/dictionary.ts

@@ -35,6 +35,7 @@ const dictionary = {
     chatAgent: 'Agents',
     uploadSuccessStatus: 'File sent successfully',
     chatViewMenu: 'Chat options menu',
+    nothingFound: 'Nothing Found',
   },
   pt: {
     stack: 'Selecionar stack',
@@ -70,6 +71,7 @@ const dictionary = {
     chatAgent: 'Agentes',
     uploadSuccessStatus: 'Arquivo anexado com sucesso',
     chatViewMenu: 'Menu de opções do chat',
+    nothingFound: 'Nada encontrado',
   },
 } satisfies Dictionary
 

package/src/views/MessageInput/styled.ts

@@ -303,6 +303,17 @@ export const MessageInputBox = styled.div`
     }
   }
 `
+
+export const stylesModelSwitcher = {
+  selection: {
+    minHeight: '300px',
+    position: 'absolute',
+    bottom: 'calc(100% + 10px)',
+    right: '0',
+    margin: '0',
+  },
+}
+
 export const RowWrapperStyled = styled(Flex)`
   width: 100%;
   justify-content: end;
@@ -313,4 +324,18 @@ export const RowWrapperStyled = styled(Flex)`
   .button-select-model {
     border-radius: 15px !important;
   }
+  #menuModelSwitcher {
+    background-color: ${theme.color.light[500]};
+  }
+
+  .selection-list-content {
+    .action :hover {
+      cursor: pointer;
+      background-color: ${theme.color.light[600]};
+    }
+    ul :hover {
+      background-color: transparent;
+      cursor: default;
+    }
+  }
 `

package/dist/views/MessageInput/ModelSwitcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModelSwitcher.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/ModelSwitcher.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,aAAa,+CAiCzB,CAAA"}

package/dist/views/MessageInput/ModelSwitcher.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@stack-spot/citric-react';
-import { SelectionList } from '@stack-spot/portal-components/SelectionList';
-import { agentToolsClient, genAiInferenceClient } from '@stack-spot/portal-network';
-import { useState } from 'react';
-import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
-import { useMessageInputDictionary } from './dictionary.js';
-import { RowWrapperStyled } from './styled.js';
-const styles = {
-    selection: {
-        position: 'absolute',
-        bottom: 'calc(100% + 10px)',
-        right: '0',
-        margin: '0',
-        'ul': {
-            margin: '0px',
-        },
-    },
-};
-export const ModelSwitcher = () => {
-    const t = useMessageInputDictionary();
-    const agent = useCurrentChatState('agent');
-    const chat = useCurrentChat();
-    const [visibleMenu, setVisibleMenu] = useState(false);
-    const [agentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agent?.id || '' });
-    const [selectedLLMName, setSelectedLLMName] = useState();
-    const [models] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999 });
-    const { modelName, listItems } = getModelData(chat, setSelectedLLMName, setVisibleMenu, selectedLLMName, agentData, models);
-    return (_jsxs(RowWrapperStyled, { children: [_jsxs(Button, { className: "button-select-model", colorScheme: "light", size: "sm", "aria-label": t.agent, title: t.agent, onClick: () => setVisibleMenu(state => !state), children: [modelName, _jsx(Icon, { icon: "ChevronDown", group: "fill", size: "sm" })] }), _jsx(SelectionList, { id: "menuModelSwitcher", visible: visibleMenu, onHide: () => setVisibleMenu(false), items: listItems || [], style: styles.selection })] }));
-};
-function getModelData(chat, setSelectedModelName, setVisibleMenu, selectedModelName, agent, models) {
-    const modelListData = parseModelList(setSelectedModelName, setVisibleMenu, chat, agent?.visibility_level !== 'built_in' && !!agent?.model_id ? agent?.available_llm_models : models?.items);
-    if (agent?.visibility_level === 'built_in' || !agent?.model_id) {
-        const modelDefaultFromList = modelListData.find((model) => model.active);
-        return { modelName: modelDefaultFromList?.label, listItems: modelListData };
-    }
-    const listItems = modelListData && modelListData?.length > 0 ? modelListData :
-        [{
-                active: true,
-                label: agent?.available_llm_models?.find((model) => model.is_default)?.model_name || agent?.model_name || '',
-                icon: _jsx(Icon, { icon: "StackSpot" }),
-            }];
-    const modelSelectedName = selectedModelName || agent?.model_name ||
-        agent?.available_llm_models?.find((model) => model.is_default)?.model_name;
-    return { modelName: modelSelectedName, listItems };
-}
-function parseModelList(setSelectedModelName, setVisibleMenu, chat, listModel) {
-    const data = Array();
-    listModel?.forEach((model) => {
-        if ('model_id' in model) {
-            data.push({
-                active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.model_id : model.is_default,
-                label: model?.model_name || 'LLM',
-                icon: _jsx(Icon, { icon: "Bookmark" }),
-                onClick: () => {
-                    setSelectedModelName(model.model_name);
-                    chat.set('selected_model_id', model.model_id);
-                    setVisibleMenu(false);
-                },
-            });
-        }
-        else {
-            data.push({
-                active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.id : model.resources[0]?.is_default,
-                label: model?.display_name || 'LLM',
-                icon: _jsx(Icon, { icon: "Bookmark" }),
-                onClick: () => {
-                    setSelectedModelName(model.display_name);
-                    chat.set('selected_model_id', model.id);
-                    setVisibleMenu(false);
-                },
-            });
-        }
-    });
-    return data;
-}
-//# sourceMappingURL=ModelSwitcher.js.map

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

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

package/src/views/MessageInput/ModelSwitcher.tsx

@@ -1,127 +0,0 @@
-import { Button, Icon } from '@stack-spot/citric-react'
-import { SelectionList } from '@stack-spot/portal-components/SelectionList'
-import { agentToolsClient, genAiInferenceClient } from '@stack-spot/portal-network'
-import { AgentLlmModelDto, AgentModel } from '@stack-spot/portal-network/api/agent-tools'
-import { LlmModelsResponse, PaginatedResponseLlmModelsResponse } from '@stack-spot/portal-network/api/genAiInference'
-import { Dispatch, ReactElement, useState } from 'react'
-import { CSSProperties } from 'styled-components'
-import { useCurrentChat, useCurrentChatState } from '../../context/hooks'
-import { useMessageInputDictionary } from './dictionary'
-import { RowWrapperStyled } from './styled'
-
-const styles = {
-  selection: {
-    position: 'absolute',
-    bottom: 'calc(100% + 10px)',
-    right: '0',
-    margin: '0',
-    'ul': {
-      margin: '0px',
-    },
-  },
-}
-
-export const ModelSwitcher = () => {
-  const t = useMessageInputDictionary()
-  const agent = useCurrentChatState('agent')
-  const chat = useCurrentChat()
-  const [visibleMenu, setVisibleMenu] = useState(false)
-  const [agentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agent?.id || '' })
-  const [selectedLLMName, setSelectedLLMName] = useState<string | undefined>()
-  const [models] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999 })
-
-  const { modelName, listItems } = getModelData(chat, setSelectedLLMName, setVisibleMenu, selectedLLMName, agentData, models)
-
-  return (
-    <RowWrapperStyled>
-      <Button
-        className="button-select-model"
-        colorScheme="light"
-        size="sm"
-        aria-label={t.agent}
-        title={t.agent}
-        onClick={() => setVisibleMenu(state => !state)}
-      >
-        {modelName}
-        <Icon icon="ChevronDown" group="fill" size="sm" />
-      </Button>
-      <SelectionList
-        id="menuModelSwitcher"
-        visible={visibleMenu}
-        onHide={() => setVisibleMenu(false)}
-        items={listItems || []}
-        style={styles.selection as CSSProperties}
-      />
-    </RowWrapperStyled>
-  )
-}
-
-
-function getModelData(
-  chat: any, 
-  setSelectedModelName: Dispatch<React.SetStateAction<string | undefined>>, 
-  setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
-  selectedModelName?: string,
-  agent?: AgentModel,
-  models?: PaginatedResponseLlmModelsResponse) {
-
-  const modelListData = parseModelList(
-    setSelectedModelName, setVisibleMenu, chat,
-    agent?.visibility_level !== 'built_in' && !!agent?.model_id ? agent?.available_llm_models : models?.items,
-  )
-
-  if (agent?.visibility_level === 'built_in' || !agent?.model_id) {
-    const modelDefaultFromList = modelListData.find((model) => model.active)
-    return { modelName: modelDefaultFromList?.label, listItems: modelListData }
-  }
-
-  const listItems = 
-    modelListData && modelListData?.length > 0 ? modelListData : 
-      [{ 
-        active: true, 
-        label: agent?.available_llm_models?.find((model) => model.is_default)?.model_name || agent?.model_name || '', 
-        icon: <Icon icon="StackSpot" />, 
-      }]
-
-  const modelSelectedName = selectedModelName || agent?.model_name ||
-    agent?.available_llm_models?.find((model) => model.is_default)?.model_name
-
-  return { modelName: modelSelectedName, listItems }
-}
-
-function parseModelList(
-  setSelectedModelName: Dispatch<React.SetStateAction<string | undefined>>, 
-  setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, 
-  chat: any,
-  listModel?: Array<AgentLlmModelDto | LlmModelsResponse>, 
-) {
-  const data = Array<{active?: boolean, label: string, icon: ReactElement, onClick: VoidFunction  }>()
-
-  listModel?.forEach((model) => {
-    if ('model_id' in model) {
-      data.push({
-        active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.model_id : model.is_default,
-        label: model?.model_name || 'LLM',
-        icon: <Icon icon="Bookmark"/>,
-        onClick: () => {
-          setSelectedModelName(model.model_name)
-          chat.set('selected_model_id', model.model_id)
-          setVisibleMenu(false)
-        },
-      })
-    }
-    else {
-      data.push({
-        active: chat.get('selected_model_id') ? chat.get('selected_model_id') === model.id : model.resources[0]?.is_default,
-        label: model?.display_name || 'LLM',
-        icon: <Icon icon="Bookmark"/>,
-        onClick: () => {
-          setSelectedModelName(model.display_name)
-          chat.set('selected_model_id', model.id)
-          setVisibleMenu(false)
-        },
-      })
-    }
-  })
-  return data
-}