@stack-spot/ai-chat-widget 0.11.0 → 1.0.0-dev.1768324407795

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBar.js","sourceRoot":"","sources":["../../../src/views/MessageInput/ButtonBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAa9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAqB,EAAE,EAAE;IACpE,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IACrC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,QAAQ,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAEhD,OAAO,CACL,MAAC,mBAAmB,IAAC,SAAS,EAAC,cAAc,aAC3C,MAAC,GAAG,IAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAC,KAAK,aAC3B,KAAC,aAAa,KAAG,EAChB,QAAQ,CAAC,MAAM,IAAI,CAClB,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,gBAAa,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAI,CAChI,IACG,EACL,QAAQ,CAAC,aAAa,IAAI,KAAC,aAAa,KAAG,EAC3C,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAC,SAAS,gBACT,CAAC,CAAC,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAC3B,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,CAAC,CAAC,MAAM,GACf,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAC,SAAS,gBACT,CAAC,CAAC,IAAI,EAClB,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,CAAC,CAAC,IAAI,GACb,CACH,IACmB,CACvB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+/**
+ * This renders the bar on top of the textarea to send the message. This tells:
+ * - if there's any code selected in the editor;
+ * - which workspace is being used;
+ * - which stack is being used;
+ * - which knowledge sources are being used.
+ */
+export declare const ContextBar: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextBar.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/ContextBar.tsx"],"names":[],"mappings":"AA6BA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,+CAgFtB,CAAA"}

package/dist/views/MessageInput/ContextBar.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { loader } from '@monaco-editor/react';
+import { Badge, IconButton, Text } from '@stack-spot/citric-react';
+import { listToClass } from '@stack-spot/portal-theme';
+import { useCallback, useMemo } from 'react';
+import { FadingOverflow } from '../../components/FadingOverflow.js';
+import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
+import { useMessageInputDictionary } from './dictionary.js';
+const ContextBadge = ({ label, color, dismiss, onDismiss }) => (_jsxs(Badge, { appearance: "square", colorPalette: color, className: "context-badge", children: [_jsx(Text, { nowrapEllipsis: true, children: label }), onDismiss && _jsx(IconButton, { icon: "TimesMini", appearance: "none", onClick: onDismiss, title: dismiss, "arial-label": dismiss, style: { padding: '2px 0 2px 2px', color: 'inherit' } })] }));
+/**
+ * This renders the bar on top of the textarea to send the message. This tells:
+ * - if there's any code selected in the editor;
+ * - which workspace is being used;
+ * - which stack is being used;
+ * - which knowledge sources are being used.
+ */
+export const ContextBar = () => {
+    const t = useMessageInputDictionary();
+    const chat = useCurrentChat();
+    const currentStack = useCurrentChatState('stack');
+    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 = features.knowledgeSource
+            ? (() => chat.set('knowledgeSources', currentKnowledgeSources.filter(({ id }) => id !== ks.id)))
+            : undefined;
+        return _jsx("li", { children: _jsx(ContextBadge, { label: ks.label, dismiss: t.removeKS, color: "teal", onDismiss: onDismiss }) }, ks.id);
+    }), [currentKnowledgeSources]);
+    const shouldRenderRemoveAllButton = (currentSelection
+        || (features.stack && currentStack)
+        || (features.workspace && currentWorkspace)
+        || (features.knowledgeSource && !!ksToRender?.length));
+    const removeAll = useCallback(() => {
+        if (features.knowledgeSource)
+            chat.set('knowledgeSources', []);
+        if (features.stack)
+            chat.set('stack', undefined);
+        if (features.workspace)
+            chat.set('workspace', undefined);
+        removeCodeSelection();
+    }, []);
+    const removeCodeSelection = useCallback(() => {
+        const editor = loader.__getMonacoInstance()?.editor;
+        editor?.getEditors()[0].setSelection({ startLineNumber: 0, endLineNumber: 0, endColumn: 0, startColumn: 0 });
+    }, []);
+    return (_jsxs("div", { className: listToClass(['info-bar', 'context-bar', visible && 'visible']), children: [_jsx("div", { className: "space" }), _jsxs("div", { className: "content", children: [shouldRenderRemoveAllButton && (_jsx(IconButton, { icon: "TimesMini", "aria-label": t.removeConfig, title: t.removeConfig, onClick: removeAll, style: { marginLeft: '8px' } })), _jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsxs("ul", { children: [currentSelection && (_jsx("li", { children: _jsx(ContextBadge, { label: t.selected, dismiss: t.removeSelection, color: "blue", onDismiss: removeCodeSelection }) })), currentStack && (_jsx("li", { children: _jsx(ContextBadge, { label: currentStack.label, dismiss: t.removeStack, color: "cyan", onDismiss: features.stack ? (() => chat.set('stack', undefined)) : undefined }) })), currentWorkspace && (_jsx("li", { children: _jsx(ContextBadge, { label: currentWorkspace.label, dismiss: t.removeWorkspace, color: "pink", onDismiss: features.workspace ? (() => chat.set('workspace', undefined)) : undefined }) })), ksToRender] }) })] })] }));
+};
+//# sourceMappingURL=ContextBar.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const ModelSwitcher: () => import("react/jsx-runtime").JSX.Element;
+//# 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,+CAyDzB,CAAA"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AsyncContent, 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 { getListModelsData, handleFilterTypeModel, providerIcon } from './utils.js';
+export const ModelSwitcher = () => {
+    const t = useMessageInputDictionary();
+    const agentCurrentChat = useCurrentChatState('agent');
+    const chat = useCurrentChat();
+    const [filter, setFilter] = useState('');
+    const [visibleMenu, setVisibleMenu] = useState(false);
+    const [agentData, isLoadingAgentData] = agentToolsClient.agent.useStatefulQuery({ agentId: agentCurrentChat?.id || '' }, { enabled: !!agentCurrentChat?.id });
+    const [models, isLoadingModels] = genAiInferenceClient.listModels.useStatefulQuery({ pageSize: 999, active: true });
+    const { modelName, modelProviderType, listItemsData } = getListModelsData(chat, setVisibleMenu, agentData, models);
+    const data = useMemo(() => {
+        const items = listItemsData ?? [];
+        return handleFilterTypeModel(items, t, filter);
+    }, [agentCurrentChat?.id, listItemsData, filter]);
+    return (_jsxs(RowWrapperStyled, { children: [_jsx(AsyncContent, { loading: isLoadingAgentData && isLoadingModels, 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,30 @@
+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';
+import { ChatState } from '../../../state/ChatState.js';
+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 getListModelsData(chat: ChatState, setVisibleMenu: Dispatch<React.SetStateAction<boolean>>, agent?: AgentModel, models?: PaginatedResponseLlmModelsResponse): {
+    modelName: string | null | undefined;
+    modelProviderType: string | undefined;
+    listItemsData: ItemProps[] | {
+        active: boolean;
+        label: string;
+        icon: import("react/jsx-runtime").JSX.Element;
+        self_hosted: boolean;
+        onClick: () => void;
+    }[];
+};
+export declare function handleFilterTypeModel(items: ItemProps[], t: Record<string, string>, 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,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAA;AACvE,OAAO,EAAqB,kCAAkC,EAAE,MAAM,+CAA+C,CAAA;AAErH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,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,iBAAiB,CAC/B,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EACvD,KAAK,CAAC,EAAE,UAAU,EAClB,MAAM,CAAC,EAAE,kCAAkC;;;;;;;;;;EA2C5C;AAiCD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM;;;;IAoCnG"}

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

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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 getListModelsData(chat, setVisibleMenu, agent, models) {
+    const chatSelectedModelId = chat.get('selected_model_id');
+    const listModelsToShow = agent?.visibility_level !== 'built_in' && !!agent?.model_id ?
+        models?.items.filter((model) => agent?.available_llm_models?.find((modelAvailable) => modelAvailable.model_id === model.id)) :
+        models?.items;
+    const modelAvailableDefault = agent?.available_llm_models?.find((model) => (model.is_default || model.model_id === agent.model_id));
+    const modelListData = parseModelList(chat, setVisibleMenu, listModelsToShow, modelAvailableDefault?.model_id);
+    if (agent?.visibility_level === 'built_in' || !agent?.model_id) {
+        const modelDefaultProviderType = models?.items.find((modelAccount) => chatSelectedModelId ? modelAccount.id === chatSelectedModelId :
+            modelAccount.resources.find((resource) => resource.is_default))?.model_configuration.provider.provider_type;
+        const modelDefaultActive = modelListData.find((model) => model?.active);
+        return { modelName: modelDefaultActive?.label, modelProviderType: modelDefaultProviderType, listItemsData: modelListData };
+    }
+    const modelAccount = models?.items.find((modelAccount) => modelAccount.id === (chatSelectedModelId || agent.model_id));
+    const modelProviderType = modelAccount?.model_configuration.provider.provider_type;
+    const modelSelectedName = modelAccount?.display_name || modelAvailableDefault?.model_name || agent?.model_name;
+    const listItemsData = modelListData && modelListData?.length > 0 ? modelListData :
+        [{
+                active: true,
+                label: modelSelectedName || '',
+                icon: _jsx(IconBox, { icon: providerIcon[modelProviderType || 'stackspot'], appearance: "square", group: modelProviderType === 'stackspot' ? 'outline' : 'social' }),
+                self_hosted: modelAccount?.self_hosted || false,
+                onClick: () => {
+                    chat.set('selected_model_id', modelAvailableDefault?.model_id);
+                    setVisibleMenu(false);
+                },
+            }];
+    return { modelName: modelSelectedName, modelProviderType, listItemsData };
+}
+function parseModelList(chat, setVisibleMenu, listModel, modelAvailableDefaultId) {
+    const data = Array();
+    const chatModelId = chat.get('selected_model_id');
+    listModel?.forEach((model) => {
+        data.push({
+            active: chatModelId ? chatModelId === model.id : modelAvailableDefaultId === model.id ||
+                model.resources?.some((resource) => resource.is_default && resource.name === 'agents'),
+            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 handleFilterTypeModel(items, t, 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: t.hosted,
+            children: hosted,
+        },
+        {
+            label: t.selfHosted,
+            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/QuickCommandSelector.d.ts

@@ -0,0 +1,5 @@
+export declare const QuickCommandSelector: ({ inputRef, isTrial }: {
+    isTrial: boolean;
+    inputRef: React.RefObject<HTMLTextAreaElement | HTMLInputElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuickCommandSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickCommandSelector.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/QuickCommandSelector.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,oBAAoB,0BAC/B;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAA;CAAE,4CA6HxF,CAAA"}

package/dist/views/MessageInput/QuickCommandSelector.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { aiClient, workspaceAiClient } from '@stack-spot/portal-network';
+import { useCallback } from 'react';
+import { Selector } from '../../components/Selector/index.js';
+import { useCurrentChat, useCurrentChatState, useWidgetState } from '../../context/hooks.js';
+import { quickCommandRegex } from '../../regex.js';
+export const QuickCommandSelector = ({ inputRef, isTrial }) => {
+    const chat = useCurrentChat();
+    const isQuickCommandEnabled = useCurrentChatState('features').quickCommands;
+    const spotId = useWidgetState('features')?.workspaceId;
+    const [addFavorite, pendingAddFav] = aiClient.addFavoriteQuickCommand.useMutation();
+    const [removeFavorite, pendingRemoveFav] = aiClient.removeFavoriteQuickCommand.useMutation();
+    const addFavoriteQc = async (idOrSlug) => {
+        try {
+            await addFavorite({ slug: idOrSlug || '' });
+            await aiClient.allQuickCommands.invalidate();
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+    };
+    // eslint-disable-next-line no-async-promise-executor
+    const onAddFavorite = (idOrSlug) => new Promise(async (resolve, reject) => {
+        try {
+            await addFavoriteQc(idOrSlug);
+            if (!pendingAddFav) {
+                resolve(true);
+            }
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            reject(error);
+        }
+    });
+    const removeFavoriteQc = async (idOrSlug) => {
+        try {
+            await removeFavorite({ slug: idOrSlug || '' });
+            await aiClient.allQuickCommands.invalidate();
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+    };
+    // eslint-disable-next-line no-async-promise-executor
+    const onRemoveFavorite = (idOrSlug) => new Promise(async (resolve, reject) => {
+        try {
+            await removeFavoriteQc(idOrSlug);
+            if (!pendingRemoveFav) {
+                resolve(true);
+            }
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            reject(error);
+        }
+    });
+    const onSelectItem = useCallback((qc) => {
+        const newValue = `/${qc.slug}`;
+        chat.set('nextMessage', newValue);
+        if (!inputRef.current)
+            return;
+        inputRef.current.value = newValue;
+        inputRef.current.focus();
+    }, [chat, inputRef]);
+    const getQuickCommands = ({ filter, visibility }) => {
+        if (spotId) {
+            return { data: workspaceAiClient.getQCFromWorkspaceAi.useQuery({ workspaceId: spotId, name: filter }) };
+        }
+        const [quickCommands, { fetchNextPage, hasNextPage }] = aiClient.allQuickCommandsV3.useInfiniteQuery({
+            order: 'a-to-z',
+            visibilityList: visibility,
+            name: filter,
+            page: 1, size: 20,
+        });
+        const quickCommandsFiltered = quickCommands.filter((qc) => qc.visibility_level.toLowerCase() !== 'workspace');
+        const workspaceQuickCommands = workspaceAiClient.workspacesContentsByType.useQuery({
+            contentType: 'quick_command',
+        });
+        const workspaceQuickCommandsWithWorkspaceName = workspaceQuickCommands.flatMap(({ qcs, space_name }) => qcs?.map((qc) => ({ ...qc, spaceName: space_name })));
+        const filteredWorkspaceQuickCommand = filter ? workspaceQuickCommandsWithWorkspaceName?.filter((qc) => qc.name?.toLowerCase().includes(filter)) : workspaceQuickCommandsWithWorkspaceName;
+        const data = !visibility ? [...quickCommandsFiltered, ...filteredWorkspaceQuickCommand] : (visibility.includes('workspace') ? filteredWorkspaceQuickCommand : quickCommandsFiltered);
+        return { data, fetchNextPage: fetchNextPage, hasNextPage };
+    };
+    const QuickCommandItem = ({ slug, description, spaceName }) => _jsxs(_Fragment, { children: [_jsx("p", { className: "selector-description", children: spaceName }), _jsxs("p", { className: "selector-title", children: ["/", slug?.toUpperCase()] }), _jsx("p", { className: "selector-description", children: description })] });
+    return _jsx(Selector, { inputRef: inputRef, favorite: { onAddFavorite, onRemoveFavorite, favoriteIsSlug: true }, selectorConfig: {
+            resourceName: 'Quick Command',
+            shortcut: '/',
+            icon: _jsx(Icon, { icon: "QuickCommand" }),
+            searchProp: 'slug',
+            urlBuilder: (qc) => `/quick-command/${qc?.slug}`,
+            regex: quickCommandRegex,
+            sections: isTrial ? ['favorite', 'personal'] : ['favorite', 'personal', 'workspace', 'account', 'shared'],
+            isEnabled: isQuickCommandEnabled,
+            onSelect: onSelectItem,
+            renderComponentItem: QuickCommandItem,
+            useData: getQuickCommands,
+        } });
+};
+//# sourceMappingURL=QuickCommandSelector.js.map

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

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

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

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

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

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

package/dist/views/MessageInput/SelectContent.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { IconButton, ImageButton, MenuOverlay } from '@stack-spot/citric-react';
+import { useMemo } from 'react';
+import { useCurrentChat, useCurrentChatState, useWidget } from '../../context/hooks.js';
+import { useUploadManager } from '../../utils/upload/context.js';
+import { useMessageInputDictionary } from './dictionary.js';
+export const SelectContent = () => {
+    const widget = useWidget();
+    const features = useCurrentChatState('features');
+    const t = useMessageInputDictionary();
+    const uploadManager = useUploadManager();
+    const hasFeatureButtons = features.workspace || features.knowledgeSource || features.stack || features.upload;
+    const chat = useCurrentChat();
+    const itemConfigs = useMemo(() => [
+        {
+            role: 'button',
+            key: 'agent',
+            section: 0,
+            label: t.chatAgent,
+            icon: _jsx(Icon, { icon: "Agent" }),
+            onClick: (event) => {
+                event?.stopPropagation();
+                chat.set('nextMessage', '@');
+            },
+        },
+        {
+            role: 'button',
+            key: 'quickCommands',
+            section: 0,
+            label: 'Quick Commands',
+            icon: _jsx(Icon, { icon: "QuickCommand" }),
+            onClick: (event) => {
+                event?.stopPropagation();
+                chat.set('nextMessage', '/');
+            },
+        },
+        {
+            role: 'button',
+            key: 'knowledgeSource',
+            section: 0,
+            label: 'Knowledge Sources',
+            icon: _jsx(Icon, { icon: "KnowledgeSource" }),
+            onClick: () => widget.set('panel', 'ks'),
+        },
+        {
+            role: 'button',
+            key: 'stack',
+            section: 0,
+            label: 'Stacks AI',
+            icon: _jsx(Icon, { icon: "Stack" }),
+            onClick: () => widget.set('panel', 'stack'),
+        },
+        {
+            role: 'button',
+            key: 'workspace',
+            section: 0,
+            label: 'Spots',
+            icon: _jsx(Icon, { icon: "Spaces" }),
+            onClick: () => widget.set('panel', 'workspace'),
+        },
+        {
+            role: 'button',
+            key: 'upload',
+            section: 1,
+            label: t.upload,
+            onClick: () => uploadManager.open(),
+            className: 'upload-item',
+            icon: _jsx(Icon, { icon: "DocumentUpload" }),
+        },
+    ].filter(({ key }) => features[key]), [features, widget]);
+    const listItems = useMemo(() => {
+        const sections = [
+            { type: 'section', children: [] },
+            { type: 'section', children: [] },
+        ];
+        itemConfigs.forEach(item => sections[item.section].children.push(item));
+        return sections.filter(s => !!s.children.length);
+    }, [itemConfigs]);
+    if (!hasFeatureButtons)
+        return null;
+    return itemConfigs.length > 1 ? (_jsx(MenuOverlay, { items: listItems, position: "right", bgLevel: 500, roundedItems: true, menuClass: "menu-citric-hr", alignment: "end", children: _jsx(IconButton, { icon: "Plus" }) })) : (_jsx(ImageButton, { appearance: "square", title: `${itemConfigs[0].label}`, "aria-label": `${itemConfigs[0].label}`, onClick: itemConfigs[0].onClick, children: itemConfigs[0].icon }));
+};
+//# sourceMappingURL=SelectContent.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadBar.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/UploadBar.tsx"],"names":[],"mappings":"AAkCA,eAAO,MAAM,SAAS,+CAwErB,CAAA"}

package/dist/views/MessageInput/UploadBar.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { listToClass } from '@stack-spot/portal-theme';
+import { interpolate } from '@stack-spot/portal-translate';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { FadingOverflow } from '../../components/FadingOverflow.js';
+import { FileDescription } from '../../components/FileDescription.js';
+import { useCurrentChat } from '../../context/hooks.js';
+import { ChatEntry } from '../../state/ChatEntry.js';
+import { useUploadErrorEffect, useUploadManager, useUploads, useUploadStatus } from '../../utils/upload/context.js';
+import { FileIsTooLarge, MaxFilesReached } from '../../utils/upload/errors.js';
+import { useMessageInputDictionary } from './dictionary.js';
+function createImageFromFile(file) {
+    return _jsx("img", { src: URL.createObjectURL(file), alt: file.name });
+}
+const UploadItem = ({ upload }) => {
+    const uploadManager = useUploadManager();
+    const icon = upload.file.type.toLowerCase().startsWith('image/') ? createImageFromFile(upload.file) : undefined;
+    const status = useUploadStatus(upload);
+    return _jsx(FileDescription, { fileName: upload.file.name, icon: icon, onRemove: () => uploadManager.remove(upload), onRetry: () => upload.retry(), status: status });
+};
+export const UploadBar = () => {
+    const uploads = useUploads();
+    const listItems = useMemo(() => uploads.map((up) => _jsx("li", { children: _jsx(UploadItem, { upload: up }) }, up.id)), [uploads]);
+    const t = useMessageInputDictionary();
+    const chat = useCurrentChat();
+    const visible = !!uploads.length;
+    const [ariaMessage, setAriaMessage] = useState('');
+    const prevUploadsRef = useRef([]);
+    const announcedUploadsRef = useRef(new Set());
+    useEffect(() => {
+        const prevUploads = prevUploadsRef.current;
+        const newUploads = uploads.filter(up => !prevUploads.some(prev => prev.id === up.id));
+        newUploads.forEach((up) => {
+            if (!announcedUploadsRef.current.has(up.id)) {
+                setAriaMessage('');
+                setTimeout(() => {
+                    setAriaMessage(`${t.uploadSuccessStatus}: ${up.file.name}`);
+                    setTimeout(() => setAriaMessage(''), 2500);
+                }, 100);
+                announcedUploadsRef.current.add(up.id);
+            }
+        });
+        if (uploads.some(up => up.status === 'error')) {
+            setTimeout(() => setAriaMessage(''), 2000);
+        }
+    }, [uploads]);
+    useUploadErrorEffect((errors) => {
+        const sizeErrors = errors.filter(e => e instanceof FileIsTooLarge);
+        const maxItemsErrors = errors.filter(e => e instanceof MaxFilesReached);
+        const maxSize = sizeErrors[0]?.maxSize;
+        const maxItems = maxItemsErrors[0]?.maxFiles;
+        const sizeErrorsNames = sizeErrors.map(e => e.fileName);
+        const maxItemsErrorsNames = maxItemsErrors.map(e => e.fileName);
+        const lines = [];
+        if (sizeErrors.length) {
+            lines.push(`${interpolate(t.uploadSizeError, `${maxSize.value} ${maxSize.unit}`)}\n- ${sizeErrorsNames.join('\n- ')}`);
+        }
+        if (maxItemsErrors.length) {
+            lines.push(`${interpolate(t.uploadItemLimitError, maxItems)}\n- ${maxItemsErrorsNames.join('\n- ')}`);
+        }
+        if (!lines.length)
+            return;
+        setAriaMessage(lines.join(' '));
+        setTimeout(() => setAriaMessage(''), 2000);
+        chat.pushMessage(new ChatEntry({ agentType: 'system', type: 'md', content: lines.join('\n\n') }));
+        if (lines.length) {
+            setAriaMessage(lines.join(' '));
+            setTimeout(() => setAriaMessage(''), 2000);
+            chat.pushMessage(new ChatEntry({ agentType: 'system', type: 'md', content: lines.join('\n\n') }));
+        }
+    });
+    return (_jsxs("div", { className: listToClass(['info-bar', 'upload-bar', visible && 'visible']), children: [_jsx("div", { className: "aria-live", "aria-live": "polite", "aria-atomic": "true", children: ariaMessage }), _jsx("div", { className: "space" }), _jsx("div", { className: "content", children: _jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsx("ul", { children: listItems }) }) })] }));
+};
+//# sourceMappingURL=UploadBar.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { DragEvent } from 'react';
+export declare function useUploadDragDrop(containerSelector?: string): {
+    isDragging: boolean;
+    handleDrop: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+};
+interface UploadDragNDropProps {
+    isDragging?: boolean;
+    onDrop?: (e: DragEvent) => void;
+    onDragLeave?: (e: DragEvent) => void;
+}
+export declare const UploadDragNDrop: ({ isDragging, onDrop, onDragLeave }: UploadDragNDropProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=UploadDragNDrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadDragNDrop.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/UploadDragNDrop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAA;AAInE,wBAAgB,iBAAiB,CAAC,iBAAiB,GAAE,MAA0B;;oBAI1C,SAAS;yBASJ,SAAS;EA2BlD;AAED,UAAU,oBAAoB;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,mDAyBxF,CAAA"}