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

package/dist/views/ChatHistory/styled.js

@@ -0,0 +1,58 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const HistoryItemBox = styled.div `
+  padding: 8px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+  cursor: pointer;
+  gap: 20px;
+
+  &:hover:not(.loading) {
+    background-color: ${theme.color.light[600]};
+  }
+
+  &.loading {
+    cursor: progress;
+
+    > svg {
+      width: 18px;
+      height: 18px;
+    }
+  }
+
+  button.label {
+    opacity: 0.8;
+    background-color: transparent;
+    border: none;
+    padding: 0;
+    color: ${theme.color.light.contrastText};
+    flex: 1;
+    display: flex;
+    cursor: pointer;
+    text-align: left;
+
+    &:disabled {
+      opacity: 0.4;
+    }
+  }
+
+  /* $ {IconBox}, $ {IconButton} {
+    padding: 0;
+    border: none;
+    background-color: transparent;
+    width: auto;
+    height: auto;
+
+    svg {
+      width: 12px;
+    }
+  }
+
+  $ {IconButton} svg {
+    width: 16px;
+  } */
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/ChatHistory/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;wBAWhB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;aAiBjC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B1C,CAAA"}

package/dist/views/ChatHistory/utils.d.ts

@@ -0,0 +1,21 @@
+import { ChatProperties } from '../../state/ChatState.js';
+import { WidgetState } from '../../state/WidgetState.js';
+/**
+ * Finds a stack by its id.
+ * @param id the id of the stack.
+ * @returns the stack or undefined.
+ */
+export declare function findStack(id: string | null): Promise<ChatProperties['stack'] | undefined>;
+/**
+ * Finds a workspace by its id.
+ * @param id the id of the workspace.
+ * @returns the workspace or undefined.
+ */
+export declare function findWorkspace(id: string | null): Promise<ChatProperties['workspace'] | undefined>;
+/**
+ * Loads the chat identified by `conversationId` into the widget passed as parameter.
+ * @param widget
+ * @param conversationId
+ */
+export declare function loadChat(widget: WidgetState, conversationId: string): Promise<void>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/views/ChatHistory/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/views/ChatHistory/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAa,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD;;;;GAIG;AACH,wBAAsB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,CAU/F;AAED;;;;GAIG;AACH,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAWvG;AA6FD;;;;GAIG;AACH,wBAAsB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,iBAsCzE"}

package/dist/views/ChatHistory/utils.js

@@ -0,0 +1,177 @@
+import { agentToolsClient, aiClient, workspaceClient } from '@stack-spot/portal-network';
+import { last } from 'lodash';
+import { ChatEntry } from '../../state/ChatEntry.js';
+import { ChatState } from '../../state/ChatState.js';
+import { genericSourcesToKnowledgeSources } from '../../utils/knowledge-source.js';
+/**
+ * Finds a stack by its id.
+ * @param id the id of the stack.
+ * @returns the stack or undefined.
+ */
+export async function findStack(id) {
+    if (!id)
+        return;
+    try {
+        const stacks = await aiClient.aiStacks.query({});
+        return { id, label: stacks.find(s => s.id === id)?.name || id };
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+        return { id, label: id };
+    }
+}
+/**
+ * Finds a workspace by its id.
+ * @param id the id of the workspace.
+ * @returns the workspace or undefined.
+ */
+export async function findWorkspace(id) {
+    if (!id)
+        return;
+    try {
+        // const ws = await workspaceAiClient.workspaceAi.query({ id })
+        const ws = await workspaceClient.workspace.query({ workspaceId: id });
+        return { id, label: ws.name };
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error(error);
+        return { id, label: id };
+    }
+}
+function toJSONString(data) {
+    if (data === undefined || data === null)
+        return undefined;
+    if (typeof data === 'object') {
+        try {
+            return JSON.stringify(data, null, 2);
+        }
+        catch { /* empty */ }
+    }
+    else {
+        try {
+            return JSON.stringify(JSON.parse(data), null, 2);
+        }
+        catch { /* empty */ }
+    }
+    return `${data}`;
+}
+function findTool(agent, id) {
+    const allToolkits = [
+        ...agent?.version?.toolkits?.builtin_toolkits ?? [],
+        ...agent?.version?.toolkits?.custom_toolkits ?? [],
+        ...agent?.version?.toolkits?.mcp_toolkits ?? [],
+    ];
+    for (const toolkit of allToolkits) {
+        for (const tool of toolkit.tools ?? []) {
+            if ('id' in tool && tool.id === id)
+                return { toolkit, tool };
+        }
+    }
+    return { toolkit: undefined, tool: { name: id } };
+}
+async function stepsFromAgentInfo(agentInfo, agentId, isLastEntry) {
+    const planningInfo = agentInfo?.find(i => i.type === 'planning' && !!i.data);
+    if (planningInfo) {
+        let agent;
+        try {
+            //TODO: avaliar se vamos precisar da versao aqui
+            agent = agentId ? await agentToolsClient.agentV2.query({ agentCoreId: agentId }) : undefined;
+        }
+        catch { /* empty */ }
+        const planning = {
+            type: 'planning',
+            goal: planningInfo.data.plan_goal,
+            status: planningInfo.action === 'awaiting_approval' ? 'awaiting_approval' : 'success',
+            id: `${Math.random()}`,
+            steps: planningInfo.data.steps,
+            duration: planningInfo.duration,
+            user_question: planningInfo.data.user_question,
+        };
+        const steps = planningInfo?.data?.steps?.map((s) => {
+            const lastTool = agentInfo.find(i => i.id === last(s.tools)?.tool_execution_id && i.action === 'end');
+            return {
+                type: 'step',
+                id: s.id,
+                status: isLastEntry && planningInfo.action === 'awaiting_approval' ? 'pending' : 'success',
+                input: s.goal,
+                output: toJSONString(lastTool?.data?.output),
+                duration: lastTool?.duration,
+                attempts: [{
+                        tools: s.tools?.map((t) => {
+                            const { toolkit, tool } = findTool(agent, t.tool_id);
+                            const start = agentInfo.find(i => i.id === t.tool_execution_id && i.action === 'start');
+                            const end = agentInfo.find(i => i.id === t.tool_execution_id && i.action === 'end');
+                            return {
+                                id: t.tool_id,
+                                executionId: t.tool_execution_id,
+                                name: ('name' in tool ? tool.name : ('function' in tool ? tool?.function?.name : undefined) ?? ''),
+                                description: 'description' in tool ? tool.description : undefined,
+                                image: toolkit ? (('image_url' in toolkit ? toolkit?.image_url : toolkit?.avatar) ?? undefined) : undefined,
+                                goal: t.goal,
+                                duration: end?.duration,
+                                input: toJSONString(start?.data?.input),
+                                output: toJSONString(end?.data?.output),
+                            };
+                        }),
+                    }],
+            };
+        });
+        const answerInfo = agentInfo?.find(i => i.type === 'chat' && i.action === 'end');
+        const answer = answerInfo ? {
+            id: `${Math.random()}`,
+            status: 'success',
+            type: 'answer',
+            duration: answerInfo.duration,
+        } : undefined;
+        return answer ? [planning, ...steps, answer] : [planning, ...steps];
+    }
+}
+function toolsFromAgentInfo(agentInfo) {
+    return agentInfo?.find(i => i.type === 'chat' && i.action === 'end')?.data?.used_tools;
+}
+/**
+ * Loads the chat identified by `conversationId` into the widget passed as parameter.
+ * @param widget
+ * @param conversationId
+ */
+export async function loadChat(widget, conversationId) {
+    const chat = await aiClient.chat.query({ conversationId });
+    const historyAgents = chat.history?.reduce((accumulator, item) => {
+        const agentId = item.custom_agent?.id;
+        if (agentId !== undefined) {
+            accumulator.push({ agent_core_id: agentId });
+        }
+        return accumulator;
+    }, []) ?? [];
+    const [stack, workspace, agents] = await Promise.all([
+        findStack(chat.ai_stack_id),
+        findWorkspace(chat.workspace_id),
+        agentToolsClient.agentsByIdsV2.query({ searchAgentsRequestV2: { agents: historyAgents } }),
+    ]);
+    const agentsAsLabeledAgents = agents
+        .map((a) => ({ ...a, label: a.name, image: a.avatar ?? '', builtIn: a.visibility_level === 'built_in' }));
+    const agent = agentsAsLabeledAgents.find(a => a.id === last(chat.history)?.custom_agent?.id);
+    const builtIn = !!last(chat.history ?? [])?.custom_agent?.built_in;
+    widget.chatTabs.add(new ChatState({
+        id: chat.id,
+        initial: { features: widget.chatFeatures, label: chat.title, stack, workspace, agent: agent ? {
+                ...agent, builtIn
+            } : undefined },
+        interceptors: widget.interceptors,
+        entries: await Promise.all(chat.history?.map(async (item, index) => new ChatEntry({
+            agentType: item.agent === 'USER' ? 'user' : 'bot',
+            content: item.content,
+            type: 'md',
+            agent: agentsAsLabeledAgents.find(a => a.id === item.custom_agent?.id),
+            messageId: item.message_id,
+            knowledgeSources: item.agent === 'USER' ? undefined : genericSourcesToKnowledgeSources(item.sources),
+            updated: item.updated,
+            steps: await stepsFromAgentInfo(item.agent_info, item.custom_agent?.id, index === chat.history.length - 1),
+            tools: toolsFromAgentInfo(item.agent_info),
+        })) ?? []),
+    }));
+    widget.chatTabs.select(chat.id);
+}
+//# sourceMappingURL=utils.js.map

package/dist/views/ChatHistory/utils.js.map

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

package/dist/views/ChatTabSelection.d.ts

@@ -0,0 +1,10 @@
+import { ButtonAction } from '../types.js';
+interface Props {
+    buttons?: ButtonAction[];
+}
+/**
+ * This renders the top-most part of the layout, which includes the chat selection through tabs.
+ */
+export declare const ChatTabSelection: ({ buttons: extraButtons }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatTabSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTabSelection.d.ts","sourceRoot":"","sources":["../../src/views/ChatTabSelection.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAOD;;GAEG;AACH,eAAO,MAAM,gBAAgB,8BAAoC,KAAK,4CA0DrE,CAAA"}

package/dist/views/ChatTabSelection.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useMemo } from 'react';
+import { TabManager } from '../components/TabManager.js';
+import { useChatState, useChatTabs, useWidget, useWidgetState } from '../context/hooks.js';
+import { useRightPanel } from '../right-panel/hooks.js';
+const TabLabel = ({ id }) => {
+    const label = useChatState(id, 'label');
+    return _jsx("div", { title: label, children: label });
+};
+/**
+ * This renders the top-most part of the layout, which includes the chat selection through tabs.
+ */
+export const ChatTabSelection = ({ buttons: extraButtons = [] }) => {
+    const t = useTranslate(dictionary);
+    const widget = useWidget();
+    const { chatHistory } = useWidgetState('features') ?? {};
+    const { active, chats } = useChatTabs();
+    const { close: closeRightPanel } = useRightPanel();
+    function create() {
+        widget.createChat();
+        closeRightPanel();
+    }
+    function select({ id }) {
+        widget.chatTabs.select(id);
+        closeRightPanel();
+    }
+    function remove({ id }) {
+        widget.chatTabs.remove(id);
+        closeRightPanel();
+    }
+    const buttons = useMemo(() => {
+        if (extraButtons.length)
+            extraButtons[0].style = { ...extraButtons[0].style, marginLeft: 'auto' };
+        const actions = [
+            {
+                icon: 'Plus',
+                ariaLabel: t.newChat,
+                onClick: create,
+                appearance: 'text',
+            },
+            ...extraButtons,
+        ];
+        if (chatHistory) {
+            actions.push({
+                icon: 'Clock',
+                label: t.history,
+                ariaLabel: t.openHistory,
+                className: 'test',
+                style: extraButtons.length ? undefined : { marginLeft: 'auto' },
+                onClick: () => widget.set('panel', 'history'),
+            });
+        }
+        return actions;
+    }, [chatHistory, extraButtons]);
+    return _jsx(TabManager, { tabs: chats, active: active.id, renderLabel: ({ id }) => _jsx(TabLabel, { id: id }), keygen: ({ id }) => id, onRemove: remove, onSelect: select, buttons: buttons });
+};
+const dictionary = {
+    en: {
+        history: 'History',
+        openHistory: 'Open chat history',
+        newChat: 'New chat',
+    },
+    pt: {
+        history: 'Histórico',
+        openHistory: 'Abrir histórico da conversa',
+        newChat: 'Novo chat',
+    },
+};
+//# sourceMappingURL=ChatTabSelection.js.map

package/dist/views/ChatTabSelection.js.map

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

package/dist/views/Editor.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Renders the Editor in the Right Panel if this is the panel that is currently opened.
+ */
+export declare const Editor: () => null;
+//# sourceMappingURL=Editor.d.ts.map

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

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

package/dist/views/Editor.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MonacoEditor from '@monaco-editor/react';
+import { ProgressCircular, Select, Text } from '@stack-spot/citric-react';
+import { delay } from '@stack-spot/portal-components';
+import { useThemeKind } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { debounce } from 'lodash';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { styled } from 'styled-components';
+import { useCurrentChat, useCurrentChatState, useWidget, useWidgetState } from '../context/hooks.js';
+import { panelAnimationTime } from '../right-panel/constants.js';
+import { useRightPanel } from '../right-panel/hooks.js';
+import { defaultLanguage, languages } from '../utils/programming-languages.js';
+const MIN_SELECTION_UPDATE_MS = 200;
+const EditorBox = styled.div `
+  flex: 1;
+
+  .monaco-editor {
+    --vscode-editor-background: transparent !important;
+    --vscode-editorGutter-background: transparent !important;
+  }
+`;
+const TitleBox = styled.div `
+  position: relative;
+  
+  .language-selector {
+    height: 28px;
+    position: absolute;
+    top: -4px;
+    right: 0;
+
+    .search-bar {
+      display: none;
+    }
+  }
+`;
+/**
+ * Renders the Editor in the Right Panel if this is the panel that is currently opened.
+ */
+export const Editor = () => {
+    const t = useTranslate(dictionary);
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    const chat = useCurrentChat();
+    useEffect(() => {
+        if (panel === 'editor')
+            open(_jsx(EditorPanel, {}, chat.id), {
+                title: _jsx(Title, {}, chat.id),
+                description: t.description,
+                onClose: () => widget.set('panel', undefined),
+            });
+    }, [panel, t, chat]);
+    return null;
+};
+const Title = () => {
+    const languageValue = useCurrentChatState('codeLanguage') || defaultLanguage;
+    const language = useMemo(() => languages.find(l => l.value === languageValue), [languageValue]);
+    const chat = useCurrentChat();
+    return (_jsxs(TitleBox, { children: [_jsx(Text, { appearance: "h5", children: "Editor" }), _jsx(Select, { options: languages, renderLabel: l => l?.label ?? defaultLanguage, renderKey: l => l?.value, value: language, onChange: l => chat.set('codeLanguage', l?.value ?? defaultLanguage), className: "language-selector", searchable: true })] }));
+};
+const EditorPanel = () => {
+    const themeKind = useThemeKind();
+    const value = useCurrentChatState('code');
+    const language = useCurrentChatState('codeLanguage') || defaultLanguage;
+    const chat = useCurrentChat();
+    const selectionObserver = useRef();
+    const setup = useCallback(async (editor) => {
+        selectionObserver.current = editor.onDidChangeCursorSelection(debounce((e) => {
+            const selectedText = editor.getModel()?.getValueInRange(e.selection);
+            chat.set('codeSelection', selectedText?.trim() ? selectedText : undefined);
+        }, MIN_SELECTION_UPDATE_MS));
+        await delay(panelAnimationTime);
+        editor.focus();
+    }, []);
+    useEffect(() => {
+        if (chat.get('codeLanguage') === undefined) {
+            chat.set('codeLanguage', language);
+        }
+        return () => {
+            chat.set('codeSelection', undefined);
+            chat.set('codeLanguage', undefined);
+            selectionObserver.current?.dispose();
+        };
+    }, []);
+    return (_jsx(EditorBox, { children: _jsx(MonacoEditor, { height: "100%", language: language, theme: themeKind === 'dark' ? 'vs-dark' : 'light', options: { minimap: { enabled: false } }, value: value, onChange: v => chat.set('code', v), loading: _jsx(ProgressCircular, {}), onMount: setup }) }));
+};
+const dictionary = {
+    en: {
+        description: 'The selected code in the editor below will be used as part of your questions.',
+    },
+    pt: {
+        description: 'O código selecionado no editor abaixo será usado como parte das suas perguntas.',
+    },
+};
+//# sourceMappingURL=Editor.js.map

package/dist/views/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../src/views/Editor.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAyB,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjG,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE3E,MAAM,uBAAuB,GAAG,GAAG,CAAA;AAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAa1B,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,QAAQ;YAAE,IAAI,CAC1B,KAAC,WAAW,MAAM,IAAI,CAAC,EAAE,CAAI,EAC7B;gBACE,KAAK,EAAE,KAAC,KAAK,MAAM,IAAI,CAAC,EAAE,CAAI;gBAC9B,WAAW,EAAE,CAAC,CAAC,WAAW;gBAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC;aAC9C,CACF,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;IAEpB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,MAAM,aAAa,GAAG,mBAAmB,CAAC,cAAc,CAAC,IAAI,eAAe,CAAA;IAC5E,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAC/F,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,uBAAc,EACnC,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,IAAI,eAAe,EAC7C,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EACxB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,EAAE,KAAK,IAAI,eAAe,CAAC,EACpE,SAAS,EAAC,mBAAmB,EAC7B,UAAU,SACV,IACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACzC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,cAAc,CAAC,IAAI,eAAe,CAAA;IACvE,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,iBAAiB,GAAG,MAAM,EAA2B,CAAA;IAE3D,MAAM,KAAK,GAAY,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QAClD,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE;YAC3E,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;YACpE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAC5E,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAA;QAC5B,MAAM,KAAK,CAAC,kBAAkB,CAAC,CAAA;QAC/B,MAAM,CAAC,KAAK,EAAE,CAAA;IAChB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;YAC3C,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAA;QACpC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;YACpC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;YACnC,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAA;QACtC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,KAAC,SAAS,cACR,KAAC,YAAY,IACX,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACjD,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EACxC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAClC,OAAO,EAAE,KAAC,gBAAgB,KAAG,EAC7B,OAAO,EAAE,KAAK,GACd,GACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,WAAW,EAAE,+EAA+E;KAC7F;IACD,EAAE,EAAE;QACF,WAAW,EAAE,iFAAiF;KAC/F;CACmB,CAAA"}

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

@@ -0,0 +1,6 @@
+import { HomeProps } from './types.js';
+/**
+ * This is the home rendered when the agent is built-in.
+ */
+export declare const BuiltInAgent: ({ username }: HomeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BuiltInAgent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuiltInAgent.d.ts","sourceRoot":"","sources":["../../../src/views/Home/BuiltInAgent.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;GAEG;AACH,eAAO,MAAM,YAAY,iBAAkB,SAAS,4CAoCnD,CAAA"}

package/dist/views/Home/BuiltInAgent.js

@@ -0,0 +1,37 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Row, Text } from '@stack-spot/citric-react';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { QuickStartButton } from '../../components/QuickStartButton.js';
+import { useCurrentChat } from '../../context/hooks.js';
+import { ChatEntry } from '../../state/ChatEntry.js';
+import { HomeBox } from './styled.js';
+/**
+ * This is the home rendered when the agent is built-in.
+ */
+export const BuiltInAgent = ({ username }) => {
+    const t = useTranslate(dictionary);
+    const chat = useCurrentChat();
+    function send(message) {
+        chat.pushMessage(ChatEntry.createUserEntry(message));
+    }
+    return (_jsxs(HomeBox, { className: "home-page", children: [_jsxs(Text, { appearance: "h2", className: "title", children: [t.hello, ", ", username] }), _jsx(Text, { appearance: "h3", className: "subtitle", children: t.subtitle }), _jsxs(Row, { className: "shortcuts", children: [_jsx(QuickStartButton, { label: t['question.meta'], onClick: () => send(t['question.meta']), icon: "StackSpot" }), _jsx(QuickStartButton, { label: t['question.ks'], onClick: () => send(t['question.ks']), icon: "KnowledgeSource" }), _jsx(QuickStartButton, { label: t['question.agents'], onClick: () => send(t['question.agents']), icon: "FaceSmile" }), _jsx(QuickStartButton, { label: t['question.qc'], onClick: () => send(t['question.qc']), icon: "QuickCommand" })] })] }));
+};
+const dictionary = {
+    en: {
+        hello: 'Hello',
+        subtitle: 'What really matters takes time, let us help you with the rest.',
+        'question.meta': 'What is StackSpot AI?',
+        'question.ks': 'What are Knowledge Sources?',
+        'question.agents': 'How do Agents work?',
+        'question.qc': 'What is a Quick Command?',
+    },
+    pt: {
+        hello: 'Olá',
+        subtitle: 'Foque no que realmente importa. Deixe o resto com a gente.',
+        'question.meta': 'O que é a StackSpot AI?',
+        'question.ks': 'O que são Knowledge Sources?',
+        'question.agents': 'Como funcionam os agentes?',
+        'question.qc': 'O que é um Quick Command?',
+    },
+};
+//# sourceMappingURL=BuiltInAgent.js.map

package/dist/views/Home/BuiltInAgent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuiltInAgent.js","sourceRoot":"","sources":["../../../src/views/Home/BuiltInAgent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGlC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAa,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,SAAS,IAAI,CAAC,OAAe;QAC3B,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,CAAC;IAED,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,WAAW,aAC5B,MAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,aAAE,CAAC,CAAC,KAAK,QAAI,QAAQ,IAAQ,EACpE,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,SAAS,EAAC,UAAU,YAAE,CAAC,CAAC,QAAQ,GAAQ,EAC9D,MAAC,GAAG,IAAC,SAAS,EAAC,WAAW,aACxB,KAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,EACvC,IAAI,EAAC,WAAW,GAChB,EACF,KAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EACrC,IAAI,EAAC,iBAAiB,GACtB,EACF,KAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,EACzC,IAAI,EAAC,WAAW,GAChB,EACF,KAAC,gBAAgB,IACf,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,EACrC,IAAI,EAAC,cAAc,GACnB,IACE,IACE,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,gEAAgE;QAC1E,eAAe,EAAE,uBAAuB;QACxC,aAAa,EAAE,6BAA6B;QAC5C,iBAAiB,EAAE,qBAAqB;QACxC,aAAa,EAAE,0BAA0B;KAC1C;IACD,EAAE,EAAE;QACF,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,4DAA4D;QACtE,eAAe,EAAE,yBAAyB;QAC1C,aAAa,EAAE,8BAA8B;QAC7C,iBAAiB,EAAE,4BAA4B;QAC/C,aAAa,EAAE,2BAA2B;KAC3C;CACmB,CAAA"}

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

@@ -0,0 +1,5 @@
+/**
+ * This is the home rendered when the agent is custom.
+ */
+export declare const CustomAgent: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomAgent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomAgent.d.ts","sourceRoot":"","sources":["../../../src/views/Home/CustomAgent.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,eAAO,MAAM,WAAW,+CAuBvB,CAAA"}

package/dist/views/Home/CustomAgent.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Text } from '@stack-spot/citric-react';
+import { agentToolsClient } from '@stack-spot/portal-network';
+import { useMemo } from 'react';
+import { QuickStartButton } from '../../components/QuickStartButton.js';
+import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
+import { ChatEntry } from '../../state/ChatEntry.js';
+import { HomeBox } from './styled.js';
+/**
+ * This is the home rendered when the agent is custom.
+ */
+export const CustomAgent = () => {
+    const { id, label, image, agent_version_number } = useCurrentChatState('agent') ?? {};
+    const [agent] = agentToolsClient.agentV2.useStatefulQuery({ agentCoreId: id, versionNumber: agent_version_number });
+    const chat = useCurrentChat();
+    const suggestions = useMemo(() => agent?.version?.conversation_starter?.map((prompt, index) => (_jsx(QuickStartButton, { label: prompt, onClick: () => send(prompt) }, index))), [agent?.version?.conversation_starter]);
+    function send(message) {
+        chat.pushMessage(ChatEntry.createUserEntry(message));
+    }
+    return (_jsxs(HomeBox, { className: "home-page custom-agent", children: [image ? _jsx("img", { src: image, className: "avatar" }) : _jsx(Icon, { icon: "Agent", className: "avatar" }), _jsx(Text, { appearance: "h3", children: label }), _jsx("div", { className: "shortcuts", children: suggestions?.length ? suggestions : null })] }));
+};
+//# sourceMappingURL=CustomAgent.js.map

package/dist/views/Home/CustomAgent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomAgent.js","sourceRoot":"","sources":["../../../src/views/Home/CustomAgent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,mBAAmB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IACrF,MAAM,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,WAAW,EAAE,EAAG,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,CAAA;IACpH,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7F,KAAC,gBAAgB,IAEf,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAFtB,KAAK,CAGV,CACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAE3C,SAAS,IAAI,CAAC,OAAe;QAC3B,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAA;IACtD,CAAC;IAED,OAAO,CACL,MAAC,OAAO,IAAC,SAAS,EAAC,wBAAwB,aACxC,KAAK,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG,EAC1F,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,YAAE,KAAK,GAAQ,EACpC,cAAK,SAAS,EAAC,WAAW,YAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,GAAO,IACnE,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import { HomeProps } from './types.js';
+/**
+ * Renders the default home page for the chat. This shows up when no message has been sent yet.
+ *
+ * The home page can be replaced by providing children to the component `StackspotAIWidget`.
+ */
+export declare const Home: ({ initialAgents, urlCreateAgent, ...props }: HomeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Home/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAenC;;;;GAIG;AACH,eAAO,MAAM,IAAI,gDAAiD,SAAS,4CAkB1E,CAAA"}

package/dist/views/Home/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FallbackBoundary } from '@stack-spot/citric-react';
+import { FadingOverflow } from '@stack-spot/portal-components/FadingOverflow';
+import { agentToolsClient } from '@stack-spot/portal-network';
+import { styled } from 'styled-components';
+import { AgentCard } from '../../components/AgentCard/index.js';
+import { AgentCardCreate } from '../../components/AgentCard/AgentCardCreate.js';
+import { useCurrentChatState } from '../../context/hooks.js';
+import { BuiltInAgent } from './BuiltInAgent.js';
+import { CustomAgent } from './CustomAgent.js';
+const AgentList = styled.ul `
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  gap: 14px;
+  
+  li {
+    flex-shrink: 0;
+    display: flex;
+  }
+`;
+/**
+ * Renders the default home page for the chat. This shows up when no message has been sent yet.
+ *
+ * The home page can be replaced by providing children to the component `StackspotAIWidget`.
+ */
+export const Home = ({ initialAgents, urlCreateAgent, ...props }) => {
+    const agent = useCurrentChatState('agent');
+    const isAgentEnabled = useCurrentChatState('features').agent;
+    const [canCreateAgent] = agentToolsClient.createAgent.useAllowed();
+    return (_jsxs(FallbackBoundary, { children: [agent && !agent.builtIn ? _jsx(CustomAgent, {}) : _jsx(BuiltInAgent, { ...props }), !!initialAgents && isAgentEnabled && (_jsx(FadingOverflow, { enableHorizontalScrollWithVerticalWheel: true, sides: ['left', 'right'], scroll: "arrows", children: _jsxs(AgentList, { className: "agent-list", children: [canCreateAgent && urlCreateAgent && _jsx("li", { children: _jsx(AgentCardCreate, { urlCreateAgent: urlCreateAgent }) }), initialAgents.map((agent) => _jsx("li", { children: _jsx(AgentCard, { agent: agent }) }, agent.id))] }) }))] }));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Home/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;CAW1B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IAC7E,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAC1C,MAAM,cAAc,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC,KAAK,CAAA;IAC5D,MAAM,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC,WAAW,CAAC,UAAU,EAAE,CAAA;IAElE,OAAO,CACL,MAAC,gBAAgB,eACd,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,KAAC,YAAY,OAAK,KAAK,GAAI,EACvE,CAAC,CAAC,aAAa,IAAI,cAAc,IAAI,CACpC,KAAC,cAAc,IAAC,uCAAuC,QAAC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAC,QAAQ,YAC/F,MAAC,SAAS,IAAC,SAAS,EAAC,YAAY,aAC9B,cAAc,IAAI,cAAc,IAAI,uBAAI,KAAC,eAAe,IAAC,cAAc,EAAE,cAAc,GAAI,GAAK,EAChG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,uBAAmB,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,IAArC,KAAK,CAAC,EAAE,CAAkC,CAAC,IACxE,GACG,CAClB,IACgB,CACpB,CAAA;AACH,CAAC,CAAA"}