@stack-spot/ai-chat-widget 1.0.0-dev.1768423745486 → 1.0.0-dev.1768481996541

package/dist/views/Agents/AgentsPanel.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { agentToolsClient } from '@stack-spot/portal-network';
+import { useEffect, useRef } from 'react';
+import { RightPanelContentList } from '../../components/RightPanelContentList.js';
+import { RightPanelTabs } from '../../components/RightPanelTabs.js';
+import { useCurrentChat, useWidgetState } from '../../context/hooks.js';
+import { checkIsTrial } from '../../utils/check-is-trial.js';
+import { AgentsTab, AgentsTabWorkspace } from './AgentsTab.js';
+import { useAgentsDictionary } from './dictionary.js';
+/**
+ * Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export const AgentsPanel = () => {
+    const t = useAgentsDictionary();
+    const chat = useCurrentChat();
+    const isTrial = checkIsTrial();
+    const agent = useRef(chat.get('agent'));
+    const features = useWidgetState('features');
+    const isGroupResourcesByScope = features?.groupResourcesByScope;
+    const scopes = features?.scopes ?? [];
+    const spotId = features?.workspaceId;
+    useEffect(() => {
+        if (agentToolsClient.agentDefaultSlug !== chat.get('agent')?.slug) {
+            agent.current = chat.get('agent');
+        }
+    }, [chat]);
+    const allTabsMap = {
+        favorite: { label: t.favorites, content: _jsx(AgentsTab, { visibility: "favorite", agent: agent }, "favorite") },
+        builtin: { label: t.builtin, content: _jsx(AgentsTab, { visibility: "built_in", agent: agent }, "builtin") },
+        personal: { label: t.personal, content: _jsx(AgentsTab, { visibility: "personal", agent: agent }, "personal") },
+        shared: { label: t.shared, content: _jsx(AgentsTab, { visibility: "shared", agent: agent }, "shared") },
+        workspace: { label: t.spots, content: _jsx(AgentsTabWorkspace, { visibility: "workspace", agent: agent }, "workspace") },
+        account: { label: t.account, content: _jsx(AgentsTab, { visibility: "account", agent: agent }, "account") },
+    };
+    const defaultScopes = ['favorite', 'builtin', 'personal', 'shared', 'workspace', 'account'];
+    const rawScopes = scopes?.length ? scopes : defaultScopes;
+    const scopesToRender = isTrial
+        ? ['favorite', 'builtin', 'personal']
+        : rawScopes;
+    const tabs = scopesToRender
+        .map(scope => scope in allTabsMap ? ({ key: scope, ...allTabsMap[scope] }) : undefined)
+        .filter(Boolean);
+    return (isGroupResourcesByScope ? (_jsx(RightPanelTabs, { tabs: tabs }, chat.id)) : (_jsx(RightPanelContentList, { children: _jsx(AgentsTab, { workspaceId: spotId, agent: agent }) })));
+};
+//# sourceMappingURL=AgentsPanel.js.map

package/dist/views/Agents/AgentsPanel.js.map

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

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

@@ -0,0 +1,11 @@
+import { AgentVisibilityLevel } from '@stack-spot/portal-network';
+import { ChatProperties } from '../../state/ChatState.js';
+export interface AgentTabProps {
+    visibility?: AgentVisibilityLevel;
+    workspaceId?: string;
+    agent: React.MutableRefObject<ChatProperties['agent']>;
+    showSubmitButton?: boolean;
+}
+export declare const AgentsTab: ({ visibility, workspaceId, agent, showSubmitButton }: AgentTabProps) => import("react/jsx-runtime").JSX.Element;
+export declare function AgentsTabWorkspace({ agent, visibility, showSubmitButton }: AgentTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8C,oBAAoB,EAAqB,MAAM,4BAA4B,CAAA;AAUhI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAKtD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,yDAAiE,aAAa,4CA2GnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,aAAa,2CASxF"}

package/dist/views/Agents/AgentsTab.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Button, ImageWithFallback } from '@stack-spot/citric-react';
+import { Placeholder } from '@stack-spot/portal-components/Placeholder';
+import { agentToolsClient, workspaceAiClient } from '@stack-spot/portal-network';
+import { debounce } from 'lodash';
+import { useCallback, useMemo, useState, useTransition } from 'react';
+import { DescribedRadioGroup } from '../../components/form/DescribedRadioGroup.js';
+import { WorkspaceTabNavigator } from '../../components/WorkspaceTabNavigator.js';
+import { useCurrentChat } from '../../context/hooks.js';
+import { useIsFeatureFlagEnabled } from '../../hooks/enabled-feature-flags.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { AgentDescription } from './AgentDescription.js';
+import { useAgentsDictionary } from './dictionary.js';
+import { useAgentFavorites } from './useAgentFavorites.js';
+export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = true }) => {
+    const t = useAgentsDictionary();
+    const { close } = useRightPanel();
+    const chat = useCurrentChat();
+    const { useFavorites, onAddFavorite, onRemoveFavorite } = useAgentFavorites();
+    const [submitEnabled, setSubmitEnabled] = useState(false);
+    const featureFlag = useIsFeatureFlagEnabled('ENABLE_VERSION_CONTENT_AI');
+    const listFavorites = useFavorites();
+    const agentDefault = agentToolsClient.agentDefault.useQuery();
+    const [agentVersions, setAgentVersions] = useState({});
+    const [filter, setFilter] = useState();
+    const [apiFilter, setApiFilter] = useState();
+    const [isPending, startTransition] = useTransition();
+    const runOnChange = useCallback(debounce((value) => {
+        startTransition(() => {
+            setApiFilter(value);
+        });
+    }, 500), [startTransition]);
+    const data = workspaceAiClient.getAgentFromWorkspaceAi.useStatefulQuery({ workspaceId: workspaceId }, { enabled: !!workspaceId });
+    const workspaceAgents = data?.[0];
+    const [agentsData = [], { fetchNextPage, hasNextPage }] = agentToolsClient.agentsMultipleFilters.useInfiniteQuery({
+        filters: {
+            page: 1,
+            size: 20,
+            name: apiFilter,
+            ...(visibility?.length ? { visibility_list: [visibility] } : {}),
+        },
+    }, { enabled: !workspaceId });
+    const agents = workspaceId ? workspaceAgents : agentsData;
+    const initialValue = useMemo(() => {
+        const initial = agent.current
+            ? agents?.find(a => a.id === agent.current?.id)
+            : chat.get('agent') ?
+                agents?.find(a => a.id === chat.get('agent')?.id) : { ...agentDefault, suggested_prompts: null };
+        if (initial && !submitEnabled)
+            setSubmitEnabled(true);
+        return initial;
+    }, [agents]);
+    function submit() {
+        if (agent.current)
+            chat.set('agent', agent.current);
+        close();
+    }
+    const onVersionChange = (ag, version) => {
+        setAgentVersions(prev => ({
+            ...prev,
+            [ag.id]: version,
+        }));
+        if (agent.current?.id === ag.id) {
+            agent.current = {
+                ...agent.current,
+                agent_version_number: version,
+            };
+        }
+    };
+    return _jsxs(_Fragment, { children: [_jsx("div", { className: "content", children: _jsx(DescribedRadioGroup, { fetchNextPage: fetchNextPage, hasNextPage: hasNextPage && !workspaceId, options: agents || [], initialValue: initialValue, filter: workspaceId ? undefined : filter, setFilter: workspaceId ? undefined : (value) => {
+                        setFilter(value);
+                        runOnChange(value);
+                    }, onChange: (ag) => {
+                        agent.current = ag
+                            ? { ...ag, label: ag.name, image: ag.avatar, slug: ag.slug, builtIn: ag.visibility_level === 'built_in',
+                                agent_version_number: agentVersions[ag.id] ?? ag.version_number }
+                            : undefined;
+                        setSubmitEnabled(true);
+                    }, isLoading: isPending, data: ag => ({
+                        idOrSlug: ag.id,
+                        // below, "key" is important. I don't know why exactly, but sometimes the avatar doesn't update if we don't do this.
+                        image: _jsx(ImageWithFallback, { src: ag.avatar ?? undefined, fallback: _jsx(Icon, { icon: "Agent" }) }, ag.id),
+                        description: _jsx(AgentDescription, { agentId: ag.id, enableVersionSelect: featureFlag.flagEnabled, onVersionChange: (version) => onVersionChange(ag, version) }),
+                        name: ag.name,
+                        listFavorites,
+                        onAddFavorite,
+                        onRemoveFavorite,
+                    }), emptyResults: _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), emptyDataset: _jsx(Placeholder, { title: t.noData, description: t.noDataDescription }) }) }), !!agents?.length && showSubmitButton && _jsx(Button, { onClick: submit, disabled: !submitEnabled, children: t.apply })] });
+};
+export function AgentsTabWorkspace({ agent, visibility, showSubmitButton }) {
+    const workspaceTabComponents = useMemo(() => ({ agent: AgentsTab }), [agent]);
+    const buildNavigateParams = (workspace) => ({
+        component: 'agent',
+        props: { visibility, workspaceId: workspace.id, agent, showSubmitButton },
+    });
+    return _jsx(WorkspaceTabNavigator, { components: workspaceTabComponents, getNavigateParam: buildNavigateParams });
+}
+//# sourceMappingURL=AgentsTab.js.map

package/dist/views/Agents/AgentsTab.js.map

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

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

@@ -0,0 +1,2 @@
+export declare const useAgentsDictionary: () => Record<"builtin" | "personal" | "shared" | "account" | "title" | "tools" | "description" | "version" | "noSearchResults" | "noSearchResultsDescription" | "noData" | "noDataDescription" | "apply" | "subtitle" | "defaultAgentDescription" | "favorites" | "spots" | "multiAgent", string>;
+//# sourceMappingURL=dictionary.d.ts.map

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

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

package/dist/views/Agents/dictionary.js

@@ -0,0 +1,45 @@
+import { useTranslate } from '@stack-spot/portal-translate';
+const dictionary = {
+    en: {
+        title: 'Agents',
+        subtitle: 'By selecting an Agent, it will be consulted to generate the answers.',
+        personal: 'Personal',
+        builtin: 'Built-in',
+        shared: 'Shared',
+        account: 'Account',
+        apply: 'Apply',
+        noSearchResults: "Your search didn't yield results.",
+        noSearchResultsDescription: 'Please, try another search term.',
+        noData: 'There are no agents in this category yet.',
+        noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new agents.',
+        defaultAgentDescription: 'The StackSpot CodeGen is an advanced artificial intelligence agent designed to optimize and accelerate software development. Integrated directly into your integrated development environment, StackSpot CodeGen offers real-time code suggestions, helping developers write high-quality code more efficiently. With robust features such as creating Stacks AI, customized knowledge sources, and quick commands, StackSpot CodeGen contextualizes your development needs to provide the best answers and code suggestions.',
+        description: 'Description',
+        favorites: 'Favorites',
+        tools: 'Tools',
+        spots: 'Spots',
+        multiAgent: 'Multi-agents',
+        version: 'Version',
+    },
+    pt: {
+        title: 'Agentes',
+        subtitle: 'Ao selecionar um Agente, ele será consultado para gerar as respostas.',
+        personal: 'Pessoal',
+        builtin: 'Embutido',
+        shared: 'Compartilhado',
+        account: 'Conta',
+        apply: 'Aplicar',
+        noSearchResults: 'Sua busca não produziu resultados.',
+        noSearchResultsDescription: 'Por favor, tente outra busca.',
+        noData: 'Ainda não há agentes nesta categoria.',
+        noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novos agentes.',
+        defaultAgentDescription: 'O StackSpot CodeGen é um agente de inteligência artificial avançado projetado para otimizar e acelerar o desenvolvimento de software. Integrado diretamente ao seu ambiente de desenvolvimento, o StackSpot CodeGen oferece sugestões de código em tempo real, ajudando os desenvolvedores a escreverem código de alta qualidade de forma mais eficiente. Com recursos robustos, como a criação de Stacks AI, Knowledge Sources personalizadas e comandos rápidos, o StackSpot CodeGen contextualiza suas necessidades de desenvolvimento para fornecer as melhores respostas e sugestões de código.',
+        description: 'Descrição',
+        favorites: 'Favoritos',
+        tools: 'Ferramentas',
+        spots: 'Spots',
+        multiAgent: 'Multi-agents',
+        version: 'Versão',
+    },
+};
+export const useAgentsDictionary = () => useTranslate(dictionary);
+//# sourceMappingURL=dictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/Agents/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,sEAAsE;QAChF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,mCAAmC;QACpD,0BAA0B,EAAE,kCAAkC;QAC9D,MAAM,EAAE,2CAA2C;QACnD,iBAAiB,EAAE,uFAAuF;QAC1G,uBAAuB,EAAE,+fAA+f;QACxhB,WAAW,EAAE,aAAa;QAC1B,SAAS,EAAE,WAAW;QACtB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAc;QAC1B,OAAO,EAAE,SAAS;KACnB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,uEAAuE;QACjF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,eAAe;QACvB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,oCAAoC;QACrD,0BAA0B,EAAE,+BAA+B;QAC3D,MAAM,EAAE,uCAAuC;QAC/C,iBAAiB,EAAE,8FAA8F;QACjH,uBAAuB,EAAE,skBAAskB;QAC/lB,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,WAAW;QACtB,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAc;QAC1B,OAAO,EAAE,QAAQ;KAClB;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+/**
+ * Renders the panel to select an agent of this panel is opened.
+ */
+export declare const Agents: () => null;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/views/Agents/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useWidget, useWidgetState } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { AgentsPanel } from './AgentsPanel.js';
+import { useAgentsDictionary } from './dictionary.js';
+/**
+ * Renders the panel to select an agent of this panel is opened.
+ */
+export const Agents = () => {
+    const t = useAgentsDictionary();
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'agent')
+            open(_jsx(AgentsPanel, {}), { title: t.title, description: t.subtitle, onClose: () => widget.set('panel', undefined) });
+    }, [panel, t]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Agents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Agents/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,GAAG,mBAAmB,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,OAAO;YAAE,IAAI,CACzB,KAAC,WAAW,KAAG,EACf,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAC3F,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IAEd,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+export declare const AgentLabel: 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 AgentDescriptionBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,wOAYtB,CAAA;AAED,eAAO,MAAM,mBAAmB,wOAmD/B,CAAA"}

package/dist/views/Agents/styled.js

@@ -0,0 +1,68 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const AgentLabel = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+
+  img, svg {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    overflow: hidden;
+  }
+`;
+export const AgentDescriptionBox = styled.div `
+  color: ${theme.color.light[700]};
+  line-height: 18px;
+  background-color: ${theme.color.light[400]};
+  margin-top: 16px;
+
+  section {
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+
+    &:last-child {
+      padding-bottom: 0;
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+
+    > .title {
+      display: block;
+      margin-bottom: 6px;
+    }
+
+    .card-agent-info {
+      background-color: ${theme.color.light[500]};
+      border: 1px solid ${theme.color.light[600]};
+      border-radius: 3px;
+      padding: 4px;
+      width: 100%;
+    }
+  }
+  
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    white-space: nowrap;
+
+    li {
+      margin-bottom: 3px;
+      display: flex;
+      width: 100%;
+    }
+  }
+
+  .ks-skeleton {
+    width: 100px;
+    height: 12px;
+    mix-blend-mode: color-dodge;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/Agents/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYnC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;WAClC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;sBAEX,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;0BAmBlB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;0BACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B/C,CAAA"}

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

@@ -0,0 +1,8 @@
+export declare function useAgentFavorites(): {
+    useFavorites: () => import("@stack-spot/portal-network/api/agent-tools").AgentResponseV3[];
+    onAddFavorite: (idOrSlug?: string) => Promise<boolean>;
+    onRemoveFavorite: (idOrSlug?: string) => Promise<boolean>;
+    pendingAddFav: boolean;
+    pendingRemoveFav: boolean;
+};
+//# sourceMappingURL=useAgentFavorites.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAgentFavorites.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/useAgentFavorites.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB;;+BAyCG,MAAM;kCAfH,MAAM;;;EAiC5C"}

package/dist/views/Agents/useAgentFavorites.js

@@ -0,0 +1,59 @@
+/* eslint-disable filenames/match-regex */
+import { agentToolsClient } from '@stack-spot/portal-network';
+export function useAgentFavorites() {
+    const useFavorites = () => agentToolsClient.agentsMultipleFilters.useQuery({ filters: { visibility_list: ['favorite'] } })?.items;
+    const [addFavorite, pendingAddFav] = agentToolsClient.addFavorite.useMutation();
+    const [removeFavorite, pendingRemoveFav] = agentToolsClient.removeFavorite.useMutation();
+    const removeFavoriteAgent = async (idOrSlug) => {
+        try {
+            await removeFavorite({ agentId: idOrSlug || '' });
+            await agentToolsClient.agentsMultipleFilters.invalidate({ filters: { visibility_list: ['favorite'] } });
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+    };
+    const addFavoriteAgent = async (idOrSlug) => {
+        try {
+            await addFavorite({ agentId: idOrSlug || '' });
+            await agentToolsClient.agentsMultipleFilters.invalidate({ filters: { visibility_list: ['favorite'] } });
+        }
+        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 removeFavoriteAgent(idOrSlug);
+            if (!pendingRemoveFav) {
+                resolve(true);
+            }
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            reject(error);
+        }
+    });
+    // eslint-disable-next-line no-async-promise-executor
+    const onAddFavorite = (idOrSlug) => new Promise(async (resolve, reject) => {
+        try {
+            await addFavoriteAgent(idOrSlug);
+            if (!pendingAddFav) {
+                resolve(true);
+            }
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            reject(error);
+        }
+    });
+    return {
+        useFavorites, onAddFavorite, onRemoveFavorite, pendingAddFav, pendingRemoveFav,
+    };
+}
+//# sourceMappingURL=useAgentFavorites.js.map

package/dist/views/Agents/useAgentFavorites.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAgentFavorites.js","sourceRoot":"","sources":["../../../src/views/Agents/useAgentFavorites.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAE7D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,CAAA;IACjI,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,GAAG,gBAAgB,CAAC,WAAW,CAAC,WAAW,EAAE,CAAA;IAC/E,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,cAAc,CAAC,WAAW,EAAE,CAAA;IAExF,MAAM,mBAAmB,GAAG,KAAK,EAAE,QAAiB,EAAE,EAAE;QACtD,IAAI,CAAC;YACH,MAAM,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAAE,CAAC,CAAA;YACjD,MAAM,gBAAgB,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;QACzG,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,EAAE,QAAiB,EAAE,EAAE;QACnD,IAAI,CAAC;YACH,MAAM,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAAE,CAAC,CAAA;YAC9C,MAAM,gBAAgB,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;QACzG,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,CAAA;IAED,qDAAqD;IACrD,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,IAAI,OAAO,CAAU,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;QAC7F,IAAI,CAAC;YACH,MAAM,mBAAmB,CAAC,QAAQ,CAAC,CAAA;YACnC,IAAI,CAAC,gBAAgB,EAAC,CAAC;gBACrB,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;QAEH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACpB,MAAM,CAAC,KAAK,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,qDAAqD;IACrD,MAAM,aAAa,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,IAAI,OAAO,CAAU,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;QAC1F,IAAI,CAAC;YACH,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAChC,IAAI,CAAC,aAAa,EAAC,CAAC;gBAClB,OAAO,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;QAEH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACpB,MAAM,CAAC,KAAK,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAC,CAAA;IAGF,OAAO;QACL,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB;KAC/E,CAAA;AACH,CAAC"}

package/dist/views/Chat/AgentInfo.d.ts

@@ -0,0 +1,11 @@
+import { LabeledWithImage } from '../../state/types.js';
+interface Props {
+    agent?: LabeledWithImage;
+    icon?: React.ReactElement;
+}
+/**
+ * Renders the avatar of an agent in a message.
+ */
+export declare const AgentInfo: ({ agent, icon }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentInfo.d.ts.map

package/dist/views/Chat/AgentInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInfo.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,oBAAqB,KAAK,4CAS/C,CAAA"}

package/dist/views/Chat/AgentInfo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { ImageWithFallback, Text } from '@stack-spot/citric-react';
+/**
+ * Renders the avatar of an agent in a message.
+ */
+export const AgentInfo = ({ agent, icon }) => (_jsxs(_Fragment, { children: [_jsx(ImageWithFallback, { src: agent?.image ?? '', className: "custom-agent-image", fallback: _jsx("div", { className: "default-image-wrapper", children: icon ?? _jsx(Icon, { icon: "Agent", className: "agent-image" }) }) }), _jsx(Text, { appearance: "body2", children: agent?.label })] }));
+//# sourceMappingURL=AgentInfo.js.map

package/dist/views/Chat/AgentInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInfo.js","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAQlE;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAS,EAAE,EAAE,CAAC,CACnD,8BACE,KAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EACvB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,aAAa,GAAG,GAAO,GAC9G,EACF,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,YAAE,KAAK,EAAE,KAAK,GAAQ,IAC7C,CACJ,CAAA"}

package/dist/views/Chat/ButtonExecutionDetail.d.ts

@@ -0,0 +1,5 @@
+export declare const ButtonExecutionDetail: ({ chatId, messageId }: {
+    chatId: string;
+    messageId: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonExecutionDetail.d.ts.map

package/dist/views/Chat/ButtonExecutionDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonExecutionDetail.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ButtonExecutionDetail.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB,0BAA2B;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,4CA8BjG,CAAA"}

package/dist/views/Chat/ButtonExecutionDetail.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { LoadingCircular } from '@citric/ui';
+import { Button, Icon, Row } from '@stack-spot/citric-react';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useEffect, useMemo } from 'react';
+import { useChatMessages, useWidget } from '../../context/hooks.js';
+export const ButtonExecutionDetail = ({ chatId, messageId }) => {
+    const t = useTranslate(dictionary);
+    const messages = useChatMessages(chatId);
+    const widget = useWidget();
+    const isRunning = useMemo(() => {
+        const messageEntry = messages?.find((message) => message.id === messageId);
+        return !messageEntry?.getValue().steps?.find((step) => step.type === 'answer' && step.status !== 'running');
+    }, [messageId, messages]);
+    function openToolsPanel() {
+        if (messageId) {
+            widget.set('currentMessageInPanel', { chatId, messageId });
+            widget.set('panel', 'steps');
+        }
+    }
+    useEffect(() => {
+        isRunning && openToolsPanel();
+    }, [isRunning]);
+    return _jsx(_Fragment, { children: _jsxs(Row, { className: "step-actions", children: [isRunning && _jsx(LoadingCircular, { colorScheme: "inverse", size: "xs" }), _jsxs(Button, { colorScheme: "light", size: "sm", appearance: "none", className: "icon-button details", onClick: openToolsPanel, children: [_jsx(Icon, { group: "outline", icon: "Expand", size: "xs" }), t.detailed] })] }) });
+};
+const dictionary = {
+    en: {
+        detailed: 'View execution details',
+    },
+    pt: {
+        detailed: 'Ver detalhes da execução',
+    },
+};
+//# sourceMappingURL=ButtonExecutionDetail.js.map

package/dist/views/Chat/ButtonExecutionDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonExecutionDetail.js","sourceRoot":"","sources":["../../../src/views/Chat/ButtonExecutionDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEhE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAyC,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACxC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,YAAY,GAAG,QAAQ,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,SAAS,CAAC,CAAA;QAC1E,OAAO,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzB,SAAS,cAAc;QACrB,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,GAAG,CAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;YAC1D,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,IAAI,cAAc,EAAE,CAAA;IAC/B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,4BACL,MAAC,GAAG,IAAC,SAAS,EAAC,cAAc,aAC1B,SAAS,IAAI,KAAC,eAAe,IAAC,WAAW,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,EACjE,MAAC,MAAM,IAAC,WAAW,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,cAAc,aAC7G,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,GAAG,EAC/C,CAAC,CAAC,QAAQ,IACJ,IACL,GACL,CAAA;AACL,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,QAAQ,EAAE,wBAAwB;KACnC;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,0BAA0B;KACrC;CACmB,CAAA"}

package/dist/views/Chat/ChatMessage.d.ts

@@ -0,0 +1,59 @@
+import 'react-international-phone/style.css';
+import { ChatEntry, TextChatEntry } from '../../state/ChatEntry.js';
+export interface CustomRenderResult {
+    /**
+     * The React Element to render.
+     */
+    content: React.ReactElement;
+    /**
+     * If set to "prepend" or "append", instead of replacing the default rendering of the message, it will complement it, by rendering this
+     * custom content in addition to the default rendering.
+     *
+     * - prepend: place the custom content before the default rendering;
+     * - append: place the custom content after the default rendering.
+     */
+    mode: 'prepend' | 'append' | 'replace';
+}
+export interface CustomMessage {
+    /**
+     * React component to render before each message in the chat. It receives the message as a prop.
+     */
+    beforeMessage?: React.FC<{
+        message: ChatEntry;
+    }>;
+    /**
+     * React component to render after each message in the chat. It receives the message as a prop.
+     */
+    afterMessage?: React.FC<{
+        message: ChatEntry;
+    }>;
+    /**
+     * A custom message renderer. The custom message can replace or complement the original message.
+     *
+     * @param message the message to render.
+     * @returns a CustomRenderResult or undefined. If undefined, no custom message is added to the view and the default message renderer is
+     * used.
+     */
+    customRenderer?: (message: TextChatEntry) => CustomRenderResult | undefined;
+}
+interface Props extends CustomMessage {
+    /**
+     * The ChatEntry to render.
+     */
+    message: ChatEntry;
+    /**
+     * The name of the user currently logged in (will be used if the agent type of the message is "user").
+     */
+    username?: string;
+    /**
+     * Whether or not this is the last message in the chat. This is important for disabling action buttons in messages that are no longer
+     * relevant.
+     */
+    isLast: boolean;
+}
+/**
+ * Renders a message (ChatEntry) in the chat.
+ */
+export declare const ChatMessage: ({ message, isLast, beforeMessage, afterMessage, customRenderer }: Props) => false | "" | import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatMessage.d.ts.map

package/dist/views/Chat/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessage.tsx"],"names":[],"mappings":"AAQA,OAAO,qCAAqC,CAAA;AAK5C,OAAO,EAAE,SAAS,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAA;AASpF,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;;;;;OAMG;IACH,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CACxC;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAChD;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,kBAAkB,GAAG,SAAS,CAAC;CAC7E;AAED,UAAU,KAAM,SAAQ,aAAa;IACnC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAiID;;GAEG;AACH,eAAO,MAAM,WAAW,qEAAsE,KAAK,yDAkTlG,CAAA"}