@stack-spot/ai-chat-widget 1.8.1 → 1.8.3

package/dist/views/ChatTabSelection.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Clock, Plus } from '@citric/icons';
+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';
+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 = () => {
+    const t = useTranslate(dictionary);
+    const widget = useWidget();
+    const { chatHistory } = useWidgetState('features') ?? {};
+    const { active, chats } = useChatTabs();
+    const buttons = useMemo(() => {
+        const actions = [{
+                icon: _jsx(Plus, {}),
+                label: t.newChat,
+                onClick: () => widget.createChat(),
+            }];
+        if (chatHistory) {
+            actions.push({
+                icon: _jsx(Clock, {}),
+                label: t.openHistory,
+                className: 'test',
+                style: { marginLeft: 'auto' },
+                onClick: () => widget.set('panel', 'history'),
+            });
+        }
+        return actions;
+    }, [chatHistory]);
+    return _jsx(TabManager, { tabs: chats, active: active.id, renderLabel: ({ id }) => _jsx(TabLabel, { id: id }), keygen: ({ id }) => id, onRemove: ({ id }) => widget.chatTabs.remove(id), onSelect: ({ id }) => widget.chatTabs.select(id), buttons: buttons });
+};
+const dictionary = {
+    en: {
+        openHistory: 'Open chat history',
+        newChat: 'New chat',
+    },
+    pt: {
+        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":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGvF,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IAC1C,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;IACvC,OAAO,cAAK,KAAK,EAAE,KAAK,YAAG,KAAK,GAAO,CAAA;AACzC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;IACxD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAA;IAEvC,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,MAAM,OAAO,GAAmB,CAAC;gBAC/B,IAAI,EAAE,KAAC,IAAI,KAAG;gBACd,KAAK,EAAE,CAAC,CAAC,OAAO;gBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE;aACnC,CAAC,CAAA;QACF,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CAAC,IAAI,CAAC;gBACX,IAAI,EAAE,KAAC,KAAK,KAAG;gBACf,KAAK,EAAE,CAAC,CAAC,WAAW;gBACpB,SAAS,EAAE,MAAM;gBACjB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;gBAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC;aAC9C,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,KAAC,UAAU,IAChB,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,CAAC,EAAE,EACjB,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,GAAI,EAC7C,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAChD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAChD,OAAO,EAAE,OAAO,GAChB,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,WAAW,EAAE,mBAAmB;QAChC,OAAO,EAAE,UAAU;KACpB;IACD,EAAE,EAAE;QACF,WAAW,EAAE,6BAA6B;QAC1C,OAAO,EAAE,WAAW;KACrB;CACmB,CAAA"}

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":"AA8CA;;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 { Text } from '@citric/core';
+import { LoadingCircular } from '@citric/ui';
+import MonacoEditor from '@monaco-editor/react';
+import { delay } from '@stack-spot/portal-components';
+import { Select } from '@stack-spot/portal-components/Select';
+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 {
+    width: 150px;
+    position: absolute;
+    top: -4px;
+    right: 0;
+
+    .options {
+      max-height: 250px;
+    }
+
+    .current-value {
+      padding: 2px 8px;
+    }
+  }
+`;
+/**
+ * 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, renderValue: l => l.value, value: language, onChange: l => chat.set('codeLanguage', l.value), className: "language-selector" })] }));
+};
+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(() => () => {
+        chat.set('codeSelection', 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(LoadingCircular, {}), 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":"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"}

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":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;GAEG;AACH,eAAO,MAAM,YAAY,iBAAkB,SAAS,4CA2CnD,CAAA"}

package/dist/views/Home/BuiltInAgent.js

@@ -0,0 +1,39 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { FaceSmile, KnowledgeSource, QuickCommand } from '@citric/icons';
+import { MiniLogo } from '@stack-spot/portal-components/svg';
+import { theme } from '@stack-spot/portal-theme';
+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("h2", { className: "title", children: [t.hello, ", ", username] }), _jsx("h3", { className: "subtitle", children: t.subtitle }), _jsxs("div", { className: "shortcuts", children: [_jsx(QuickStartButton, { label: t['question.meta'], onClick: () => send(t['question.meta']), icon: _jsx(MiniLogo, {}), background: theme.color.orange[50] }), _jsx(QuickStartButton, { label: t['question.ks'], onClick: () => send(t['question.ks']), icon: _jsx(KnowledgeSource, {}), background: theme.color.cyan[50], color: theme.color.cyan[600] }), _jsx(QuickStartButton, { label: t['question.agents'], onClick: () => send(t['question.agents']), icon: _jsx(FaceSmile, {}), background: theme.color.pink[50], color: theme.color.pink[600] }), _jsx(QuickStartButton, { label: t['question.qc'], onClick: () => send(t['question.qc']), icon: _jsx(QuickCommand, {}), background: theme.color.purple[50], color: theme.color.purple[600] })] })] }));
+};
+const dictionary = {
+    en: {
+        hello: 'Hello',
+        subtitle: "Let's innovate and streamline your coding journey together. Want to lead the change? Just ask!",
+        '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: 'Vamos inovar e simplificar sua jornada de programação juntos. Quer liderar a mudança? É só perguntar!',
+        '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":"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"}

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":"AAUA;;GAEG;AACH,eAAO,MAAM,WAAW,+CAyBvB,CAAA"}

package/dist/views/Home/CustomAgent.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBox, Text } from '@citric/core';
+import { Agent } from '@citric/icons';
+import { agentClient } from '@stack-spot/portal-network';
+import { theme } from '@stack-spot/portal-theme';
+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 } = useCurrentChatState('agent') ?? {};
+    const [agent] = agentClient.agent.useStatefulQuery({ agentId: id });
+    const chat = useCurrentChat();
+    const suggestions = useMemo(() => agent?.suggested_prompts?.map((prompt, index) => (_jsx(QuickStartButton, { label: prompt, onClick: () => send(prompt), background: theme.color.light[500], manageOverflow: true }, index))), [agent?.suggested_prompts]);
+    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(IconBox, { className: "avatar", children: _jsx(Agent, {}) }), _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,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,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,GAAG,mBAAmB,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IAC/D,MAAM,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAG,EAAE,CAAC,CAAA;IACpE,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACjF,KAAC,gBAAgB,IAEf,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAClC,cAAc,UAJT,KAAK,CAKV,CACH,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAE/B,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,OAAO,IAAC,SAAS,EAAC,QAAQ,YAAC,KAAC,KAAK,KAAG,GAAU,EACjG,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: (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":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;GAIG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,4CAQpC,CAAA"}

package/dist/views/Home/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FallbackBoundary } from '../../components/FallbackBoundary/index.js';
+import { useCurrentChatState } from '../../context/hooks.js';
+import { BuiltInAgent } from './BuiltInAgent.js';
+import { CustomAgent } from './CustomAgent.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 const Home = (props) => {
+    const agent = useCurrentChatState('agent');
+    return (_jsx(FallbackBoundary, { children: agent && !agent.builtIn ? _jsx(CustomAgent, {}) : _jsx(BuiltInAgent, { ...props }) }));
+};
+//# 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,mCAAmC,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAE1C,OAAO,CACL,KAAC,gBAAgB,cACd,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,KAAC,YAAY,OAAK,KAAK,GAAI,GACvD,CACpB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const HomeBox: 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/Home/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/Home/styled.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,wOAwDnB,CAAA"}

package/dist/views/Home/styled.js

@@ -0,0 +1,59 @@
+import { styled } from 'styled-components';
+export const HomeBox = styled.div `
+  margin: auto;
+
+  .title, .subtitle {
+    font-family: 'San Francisco';
+    font-size: 26px;
+    font-weight: 600;
+    margin: 0;
+  }
+
+  .title {
+    display: inline-block;
+    background: linear-gradient(72.81deg, #FF9900 0.96%, #FF6633 100%);
+    background-clip: text;
+    margin-bottom: 10px;
+    color: transparent;
+  }
+
+  .subtitle {
+    color: #A0A0A0;
+    margin-bottom: 20px;
+  }
+
+  .shortcuts {
+    display: flex;
+    flex-direction: row;
+    gap: 15px;
+    li {
+      flex: 1;
+    }
+  }
+
+  .avatar, .avatar svg {
+    width: 74px;
+    height: 74px;
+    border-radius: 50%;
+  }
+
+  &.custom-agent {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+
+    .shortcuts {
+      margin-top: 10px;
+      button {
+        padding: 16px;
+        height: 100px;
+        line-height: 24px;
+        p {
+          overflow: hidden;
+        }
+      }
+    }
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/Home/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDhC,CAAA"}

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

@@ -0,0 +1,7 @@
+export interface HomeProps {
+    /**
+     * The name of the user currently logged in.
+     */
+    username: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/Home/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB"}

package/dist/views/Home/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/views/Home/types.ts"],"names":[],"mappings":""}

package/dist/views/KSDocument.d.ts

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

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

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

package/dist/views/KSDocument.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Flex, IconBox, Text } from '@citric/core';
+import { Score } from '@citric/icons';
+import { aiClient } from '@stack-spot/portal-network';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useEffect } from 'react';
+import { Code } from '../components/Code.js';
+import { useWidget, useWidgetState } from '../context/hooks.js';
+import { useRightPanel } from '../right-panel/hooks.js';
+import { extractCodeFromKSDocument } from '../utils/knowledge-source.js';
+/**
+ * Renders the KS document in the Right Panel if this is the panel that is currently opened.
+ */
+export const KSDocument = () => {
+    const t = useTranslate(dictionary);
+    const panel = useWidgetState('panel');
+    const ks = useWidgetState('currentKSInPanel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'ks-details' && ks)
+            open(_jsx(KSDocumentPanel, { documentId: ks.documentId, slug: ks.slug }), {
+                title: (_jsxs(Flex, { flexDirection: "row", alignItems: "center", flex: "1", children: [_jsx(Text, { appearance: "h5", style: { flex: 1 }, children: ks.name }), _jsxs(Flex, { flexDirection: "row", alignItems: "center", style: { gap: '5px' }, title: "Score", "aria-label": "Score", children: [_jsx(IconBox, { children: _jsx(Score, {}) }), _jsx(Text, { children: ks.score.toFixed(2) })] })] })),
+                description: t.description,
+                onClose: () => widget.set('panel', undefined),
+            });
+    }, [panel, ks, t]);
+    return null;
+};
+const KSDocumentPanel = ({ slug, documentId }) => {
+    const document = aiClient.knowledgeSourceDocument.useQuery({ slug, customId: documentId });
+    const { snippet, language, text } = extractCodeFromKSDocument(document);
+    return (_jsxs(_Fragment, { children: [text && _jsx(Text, { children: text }), _jsx(Code, { language: language, children: snippet })] }));
+};
+const dictionary = {
+    en: {
+        description: 'Knowledge Source details',
+    },
+    pt: {
+        description: 'Detalhes do Knowledge Source',
+    },
+};
+//# sourceMappingURL=KSDocument.js.map

package/dist/views/KSDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KSDocument.js","sourceRoot":"","sources":["../../src/views/KSDocument.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAA;IAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,YAAY,IAAI,EAAE;YAAE,IAAI,CACpC,KAAC,eAAe,IAAC,UAAU,EAAE,EAAE,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,GAAI,EAC7D;gBACE,KAAK,EAAE,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,aACpD,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAG,EAAE,CAAC,IAAI,GAAQ,EAC1D,MAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAC,OAAO,gBAAY,OAAO,aACnG,KAAC,OAAO,cAAC,KAAC,KAAK,KAAG,GAAU,EAC5B,KAAC,IAAI,cAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAQ,IAC7B,IACF,CACR;gBACD,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,EAAE,EAAE,CAAC,CAAC,CAAC,CAAA;IAElB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAwC,EAAE,EAAE;IACrF,MAAM,QAAQ,GAAG,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAA;IAC1F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IACvE,OAAO,CACL,8BACG,IAAI,IAAI,KAAC,IAAI,cAAE,IAAI,GAAQ,EAC5B,KAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,YAAG,OAAO,GAAQ,IACzC,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,WAAW,EAAE,0BAA0B;KACxC;IACD,EAAE,EAAE;QACF,WAAW,EAAE,8BAA8B;KAC5C;CACmB,CAAA"}

package/dist/views/KnowledgeSources.d.ts

@@ -0,0 +1,2 @@
+export declare const KnowledgeSources: () => null;
+//# sourceMappingURL=KnowledgeSources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgeSources.d.ts","sourceRoot":"","sources":["../../src/views/KnowledgeSources.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,gBAAgB,YAc5B,CAAA"}

package/dist/views/KnowledgeSources.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@citric/core';
+import { Search } from '@citric/icons';
+import { Placeholder } from '@stack-spot/portal-components/Placeholder';
+import { aiClient } from '@stack-spot/portal-network';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { difference, uniqBy } from 'lodash';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { DescribedCheckboxGroup } from '../components/form/DescribedCheckboxGroup.js';
+import { IconInput } from '../components/IconInput.js';
+import { RightPanelTabs } from '../components/RightPanelTabs.js';
+import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks.js';
+import { useRightPanel } from '../right-panel/hooks.js';
+export const KnowledgeSources = () => {
+    const t = useTranslate(dictionary);
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'ks')
+            open(_jsx(KnowledgeSourcesPanel, {}), { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) });
+    }, [panel, t]);
+    return null;
+};
+/**
+ * Renders the KS selection form in the Right Panel if this is the panel that is currently opened.
+ */
+const KnowledgeSourcesPanel = () => {
+    const t = useTranslate(dictionary);
+    const chat = useCurrentChat();
+    const allKS = useRef(chat.get('knowledgeSources') ?? []);
+    const { close } = useRightPanel();
+    const onSubmit = useCallback(() => {
+        chat.set('knowledgeSources', allKS.current);
+        close();
+    }, [chat]);
+    useEffect(() => {
+        allKS.current = chat.get('knowledgeSources') ?? [];
+    }, [chat]);
+    return _jsx(RightPanelTabs, { tabs: [
+            { title: t.personal, content: _jsx(KnowledgeSourcesTab, { visibility: "personal", allKS: allKS, onSubmit: onSubmit }, "personal") },
+            { title: t.shared, content: _jsx(KnowledgeSourcesTab, { visibility: "shared", allKS: allKS, onSubmit: onSubmit }, "shared") },
+            { title: t.account, content: _jsx(KnowledgeSourcesTab, { visibility: "account", allKS: allKS, onSubmit: onSubmit }, "account") },
+        ] }, chat.id);
+};
+const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit }) => {
+    const t = useTranslate(dictionary);
+    const [filter, setFilter] = useState('');
+    const knowledgeSources = aiClient.knowledgeSources.useQuery({ visibility, order: 'a-to-z' });
+    const [value, setValue] = useState((() => {
+        const currentlySelected = allKS.current?.map(ks => ks.id);
+        return knowledgeSources.filter(ks => currentlySelected?.includes(ks.slug));
+    })());
+    const filtered = useMemo(() => filter
+        ? knowledgeSources.filter(ks => value.includes(ks) || ks.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
+        : knowledgeSources, [knowledgeSources, filter, value]);
+    const onChange = useCallback((newValue) => {
+        setValue((current) => {
+            const added = difference(newValue, current);
+            const removed = difference(current, newValue);
+            allKS.current = allKS.current?.filter(ks => !removed.some(r => r.slug === ks.id)) ?? [];
+            allKS.current = uniqBy([...allKS.current, ...added.map(ks => ({ id: ks.slug, label: ks.name }))], 'id');
+            return newValue;
+        });
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "content", children: [_jsx(IconInput, { icon: _jsx(Search, {}), value: filter, onChange: setFilter, className: "search" }), !!filtered.length && _jsx(DescribedCheckboxGroup, { options: filtered, keygen: ks => ks.id, value: value, onChange: onChange, renderLabel: ks => ks.name, renderDescription: ks => ks.description, optionClassName: ks => (filter && !ks.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()) && value.includes(ks))
+                            ? 'filtered-out'
+                            : '', className: "option-list" }), !!knowledgeSources.length && !filtered.length && (_jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription })), !knowledgeSources.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription, className: "no-data-placeholder" })] }), !!filtered.length && _jsx(Button, { onClick: onSubmit, children: t.apply })] }));
+};
+const dictionary = {
+    en: {
+        title: 'Knowledge Sources',
+        description: 'By selecting one or more knowledge sources, they will be consulted to generate the responses.',
+        personal: 'Personal',
+        shared: 'Shared',
+        account: 'Account',
+        apply: 'Apply',
+        noSearchResults: "Your search didn't yield results.",
+        noSearchResultsDescription: 'Please, try another search term.',
+        noData: 'There are no knowledge sources in this category yet.',
+        noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new knowledge sources.',
+    },
+    pt: {
+        title: 'Knowledge Sources',
+        description: 'Ao selecionar um ou mais knowledge sources, eles serão consultados para gerar as respostas.',
+        personal: 'Pessoal',
+        shared: 'Compartilhado',
+        account: 'Conta',
+        apply: 'Aplicar',
+        noSearchResults: 'Sua busca não produziu resultados.',
+        noSearchResultsDescription: 'Por favor, tente outra busca.',
+        noData: 'Ainda não há knowledge sources nesta categoria.',
+        noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novos knowledge sources.',
+    },
+};
+//# sourceMappingURL=KnowledgeSources.js.map

package/dist/views/KnowledgeSources.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSelector.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/AgentSelector.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,aAAa,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAA;CAAE,4CAiDhH,CAAA"}