@stack-spot/ai-chat-widget 0.1.0 → 0.3.0

package/dist/views/Chat/chat-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroll.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/chat-scroll.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QASzF"}

package/dist/{hooks → views/Chat}/chat-scroll.js

@@ -1,15 +1,17 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 /**
  * Scrolls the closest chat (upwards in the tree) to its bottom.
  * @param ref the reference element.
  * @param deps when the deps changes, the chat is scrolled.
  */
 export function useChatScrollToBottomEffect(ref, deps) {
+    const prevScrollTop = useRef(0);
     useEffect(() => {
         const chat = ref.current?.closest('.chat-content');
-        if (!chat)
+        if (!chat || chat.scrollTop < prevScrollTop.current)
             return;
-        chat.scrollTop = chat.scrollHeight;
+        chat.scrollTop = chat.scrollHeight - chat.clientHeight;
+        prevScrollTop.current = chat.scrollTop;
     }, deps);
 }
 //# sourceMappingURL=chat-scroll.js.map

package/dist/views/Chat/chat-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroll.js","sourceRoot":"","sources":["../../../src/views/Chat/chat-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAC,GAAiC,EAAE,IAAW;IACxF,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;QAClD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,OAAO;YAAE,OAAM;QAC3D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;QACtD,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAA;IACxC,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,4OAgHpB,CAAA"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,4OAwIpB,CAAA"}

package/dist/views/Chat/styled.js

@@ -112,5 +112,29 @@ export const ChatList = styled.ul `
   .plain-text {
     margin: 0
   }
+
+  .ks-box {
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 8px;
+    border: 1px solid ${theme.color.light[500]};
+
+    > ul {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      white-space: nowrap;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      gap: 6px;
+
+      > li button {
+        margin: 0;
+      }
+    }
+  }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/Chat/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;wBAcT,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;aAClC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;cAK9B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;0BAwBnB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAmCjB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;8BAuBtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;CAUnD,CAAA"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/Chat/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;wBAcT,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;aAClC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;cAK9B,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;0BAwBnB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAmCjB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;8BAuBtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;wBAiB5B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;CAiB7C,CAAA"}

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

@@ -0,0 +1,5 @@
+import { MessageInterceptor } from '../../state/ChatState.js';
+export declare const ChatHistoryPanel: ({ interceptors }: {
+    interceptors: MessageInterceptor[];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatHistoryPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHistoryPanel.d.ts","sourceRoot":"","sources":["../../../src/views/ChatHistory/ChatHistoryPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,gBAAgB,qBAAsB;IAAE,YAAY,EAAE,kBAAkB,EAAE,CAAA;CAAE,4CAqBxF,CAAA"}

package/dist/views/ChatHistory/ChatHistoryPanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { aiClient } from '@stack-spot/portal-network';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import { HistoryList } from '../../components/HistoryList.js';
+import { HistoryItem } from './HistoryItem.js';
+export const ChatHistoryPanel = ({ interceptors }) => {
+    const [chats, { fetchNextPage, hasNextPage }] = aiClient.chats.useInfiniteQuery({ size: 40 });
+    return (_jsx("div", { id: "chatHistoryList", style: { height: '100%', overflow: 'auto' }, children: _jsx(InfiniteScroll, { scrollableTarget: "chatHistoryList", dataLength: chats.length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", {}), children: _jsx(HistoryList, { items: chats, getDate: c => new Date(c.updated || c.created || ''), keygen: c => c.id, renderItem: c => _jsx(HistoryItem, { item: c, interceptors: interceptors }), style: { marginRight: '6px' } }) }) }));
+};
+//# sourceMappingURL=ChatHistoryPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHistoryPanel.js","sourceRoot":"","sources":["../../../src/views/ChatHistory/ChatHistoryPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,YAAY,EAA0C,EAAE,EAAE;IAC3F,MAAM,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAA;IAC7F,OAAO,CACL,cAAK,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YACnE,KAAC,cAAc,IACb,gBAAgB,EAAC,iBAAiB,EAClC,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,eAAW,YAEnB,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,EACpD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjB,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,YAAY,GAAI,EACrE,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAC7B,GACa,GACb,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+import { ConversationResponse } from '@stack-spot/portal-network/api/ai';
+import { MessageInterceptor } from '../../state/ChatState.js';
+export declare const HistoryItem: ({ item, interceptors }: {
+    item: ConversationResponse;
+    interceptors: MessageInterceptor[];
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=HistoryItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryItem.d.ts","sourceRoot":"","sources":["../../../src/views/ChatHistory/HistoryItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AAMxE,OAAO,EAAa,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAQrE,eAAO,MAAM,WAAW,2BAA4B;IAAE,IAAI,EAAE,oBAAoB,CAAC;IAAC,YAAY,EAAE,kBAAkB,EAAE,CAAA;CAAE,mDA4GrH,CAAA"}

package/dist/views/ChatHistory/HistoryItem.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBox, Input } from '@citric/core';
+import { Check, Download, EllipsisHorizontal, Pencil, Trash } from '@citric/icons';
+import { IconButton, LoadingCircular } from '@citric/ui';
+import { aiClient } from '@stack-spot/portal-network';
+import { theme } from '@stack-spot/portal-theme';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { OverlayMenu } from '../../components/OverlayMenu.js';
+import { useWidget } from '../../context/hooks.js';
+import { ChatEntry } from '../../state/ChatEntry.js';
+import { ChatState } from '../../state/ChatState.js';
+import { download } from '../../utils/download.js';
+import { genericSourcesToKnowledgeSources } from '../../utils/knowledge-source.js';
+import { useHistoryDictionary } from './dictionary.js';
+import { HistoryItemBox } from './styled.js';
+import { findStack, findWorkspace } from './utils.js';
+export const HistoryItem = ({ item, interceptors }) => {
+    const t = useHistoryDictionary();
+    const [isLoading, setLoading] = useState(false);
+    const [isRenaming, setRenaming] = useState(false);
+    const [renamed, setRenamed] = useState(item.title);
+    const [title, setTitle] = useState(item.title);
+    const [isDeleted, setDeleted] = useState(false);
+    const renameInput = useRef(null);
+    const widget = useWidget();
+    useEffect(() => {
+        if (isRenaming)
+            renameInput.current?.focus();
+    }, [isRenaming]);
+    const onRename = useCallback(() => {
+        setRenaming(true);
+    }, []);
+    async function onSubmitRename() {
+        setRenaming(false);
+        if (!renamed || renamed === item.title)
+            return;
+        try {
+            await aiClient.renameChat.mutate({ conversationId: item.id, conversationUpdateTitleRequest: { title: renamed } });
+            setTitle(renamed);
+            aiClient.chats.invalidate();
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            setRenaming(true);
+        }
+    }
+    const onDownload = useCallback(async () => {
+        setLoading(true);
+        try {
+            const content = await aiClient.downloadChat.mutate({ conversationId: item.id });
+            download(`${title}.txt`, content);
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+        setLoading(false);
+    }, []);
+    const onDelete = useCallback(async () => {
+        setDeleted(true);
+        try {
+            await aiClient.deleteChat.mutate({ conversationId: item.id });
+            aiClient.chats.invalidate();
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            setDeleted(false);
+        }
+    }, []);
+    const onSelect = useCallback(async () => {
+        const tab = widget.chatTabs.getAll().find(c => c.id === item.id);
+        if (tab)
+            return widget.chatTabs.select(item.id);
+        setLoading(true);
+        try {
+            const chat = await aiClient.chat.query({ conversationId: item.id });
+            const [stack, workspace] = await Promise.all([findStack(chat.ai_stack_id), findWorkspace(chat.workspace_id)]);
+            widget.chatTabs.add(new ChatState({
+                id: chat.id,
+                initial: { label: chat.title, stack, workspace },
+                interceptors,
+                entries: chat.history?.map(item => new ChatEntry({
+                    agent: item.agent === 'USER' ? 'user' : 'bot',
+                    content: item.content,
+                    type: item.agent === 'USER' ? 'text' : 'md',
+                    agentId: item.custom_agent?.id,
+                    messageId: item.message_id,
+                    knowledgeSources: genericSourcesToKnowledgeSources(item.sources),
+                    updated: item.updated,
+                })),
+            }));
+            widget.chatTabs.select(chat.id);
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+        setLoading(false);
+    }, []);
+    const actions = [
+        { label: t.rename, onClick: onRename, icon: _jsx(Pencil, {}) },
+        { label: t.download, onClick: onDownload, icon: _jsx(Download, {}) },
+        { label: t.delete, onClick: onDelete, icon: _jsx(Trash, {}), color: theme.color.danger[500] },
+    ];
+    return isDeleted ? null : (_jsx(HistoryItemBox, { className: isLoading ? 'loading' : '', children: isRenaming ? (_jsxs(_Fragment, { children: [_jsx(Input, { ref: renameInput, value: renamed, onChange: e => setRenamed(e.target.value) }), _jsx(IconButton, { onClick: onSubmitRename, children: _jsx(Check, {}) })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: "label", onClick: onSelect, disabled: isLoading, children: title }), isLoading ? _jsx(LoadingCircular, { size: "xs" }) : _jsx(OverlayMenu, { actions: actions, position: "left", children: _jsx(IconBox, { children: _jsx(EllipsisHorizontal, {}) }) })] })) }));
+};
+//# sourceMappingURL=HistoryItem.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const useHistoryDictionary: () => Record<"title" | "download" | "description" | "rename" | "delete", string>;
+//# sourceMappingURL=dictionary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/views/ChatHistory/dictionary.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,oBAAoB,kFAAiC,CAAA"}

package/dist/views/ChatHistory/dictionary.js

@@ -0,0 +1,19 @@
+import { useTranslate } from '@stack-spot/portal-translate';
+const dictionary = {
+    en: {
+        title: 'History',
+        description: 'Manage or continue previous conversations.',
+        rename: 'Rename',
+        download: 'Download',
+        delete: 'Delete',
+    },
+    pt: {
+        title: 'Histórico',
+        description: 'Gerencie ou retome conversas anteriores.',
+        rename: 'Renomear',
+        download: 'Download',
+        delete: 'Remover',
+    },
+};
+export const useHistoryDictionary = () => useTranslate(dictionary);
+//# sourceMappingURL=dictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/ChatHistory/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,4CAA4C;QACzD,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,QAAQ;KACjB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,WAAW;QAClB,WAAW,EAAE,0CAA0C;QACvD,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,SAAS;KAClB;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+import { MessageInterceptor } from '../../state/ChatState.js';
+export declare const ChatHistory: ({ interceptors }: {
+    interceptors: MessageInterceptor[];
+}) => null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/ChatHistory/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAI1D,eAAO,MAAM,WAAW,qBAAsB;IAAE,YAAY,EAAE,kBAAkB,EAAE,CAAA;CAAE,SAkBnF,CAAA"}

package/dist/views/ChatHistory/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { FallbackBoundary } from '../../components/FallbackBoundary/index.js';
+import { useWidget, useWidgetState } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { ChatHistoryPanel } from './ChatHistoryPanel.js';
+import { useHistoryDictionary } from './dictionary.js';
+export const ChatHistory = ({ interceptors }) => {
+    const t = useHistoryDictionary();
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'history')
+            open(_jsx(FallbackBoundary, { children: _jsx(ChatHistoryPanel, { interceptors: interceptors }) }), {
+                title: t.title,
+                description: t.description,
+                onClose: () => widget.set('panel', undefined),
+            });
+    }, [panel, t]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/ChatHistory/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,YAAY,EAA0C,EAAE,EAAE;IACtF,MAAM,CAAC,GAAG,oBAAoB,EAAE,CAAA;IAChC,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,SAAS;YAAE,IAAI,CAC3B,KAAC,gBAAgB,cAAC,KAAC,gBAAgB,IAAC,YAAY,EAAE,YAAY,GAAI,GAAmB,EACrF;gBACE,KAAK,EAAE,CAAC,CAAC,KAAK;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,CAAC,CAAC,CAAC,CAAA;IAEd,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/ChatHistory/styled.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc,wOAsD1B,CAAA"}

package/dist/views/ChatHistory/styled.js

@@ -0,0 +1,60 @@
+import { IconBox } from '@citric/core';
+import { IconButton } from '@citric/ui';
+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,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,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;;;;;;;;;;;IAWvC,OAAO,KAAK,UAAU;;;;;;;;;;;;IAYtB,UAAU;;;CAGb,CAAA"}

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

@@ -0,0 +1,4 @@
+import { ChatProperties } from '../../state/ChatState.js';
+export declare function findStack(id: string | null): Promise<ChatProperties['stack'] | undefined>;
+export declare function findWorkspace(id: string | null): Promise<ChatProperties['workspace'] | undefined>;
+//# 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":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,wBAAsB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,CAU/F;AAED,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAUvG"}

package/dist/views/ChatHistory/utils.js

@@ -0,0 +1,28 @@
+import { aiClient, workspaceClient } from '@stack-spot/portal-network';
+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 };
+    }
+}
+export async function findWorkspace(id) {
+    if (!id)
+        return;
+    try {
+        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 };
+    }
+}
+//# 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":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGtE,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,EAAiB;IAC/C,IAAI,CAAC,EAAE;QAAE,OAAM;IACf,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QAChD,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,EAAE,CAAA;IACjE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;IAC1B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,EAAiB;IACnD,IAAI,CAAC,EAAE;QAAE,OAAM;IACf,IAAI,CAAC;QACH,MAAM,EAAE,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAA;QACrE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,CAAA;IAC/B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;IAC1B,CAAC;AACH,CAAC"}

package/dist/views/ChatTabSelection.js

@@ -25,7 +25,7 @@ export const ChatTabSelection = ({ history, interceptors }) => {
                 label: t.openHistory,
                 className: 'test',
                 style: { marginLeft: 'auto' },
-                onClick: () => { },
+                onClick: () => widget.set('panel', 'history'),
             });
         }
         return actions;

package/dist/views/ChatTabSelection.js.map

@@ -1 +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,MAAM,kBAAkB,CAAA;AAGvE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAO7C,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,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAS,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,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,aAAa,CAAC,MAAM,EAAE,YAAY,CAAC;aACnD,CAAC,CAAA;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,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,GAAc,CAAC;aAC9B,CAAC,CAAA;QACJ,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,KAAC,UAAU,IAChB,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,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"}
+{"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,MAAM,kBAAkB,CAAA;AAGvE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAO7C,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,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAS,EAAE,EAAE;IACnE,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,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,aAAa,CAAC,MAAM,EAAE,YAAY,CAAC;aACnD,CAAC,CAAA;QACF,IAAI,OAAO,EAAE,CAAC;YACZ,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,OAAO,CAAC,CACV,CAAA;IACD,OAAO,KAAC,UAAU,IAChB,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,MAAM,EACd,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/KSDocument.d.ts

@@ -0,0 +1,2 @@
+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,eAAO,MAAM,UAAU,YA2BtB,CAAA"}

package/dist/views/KSDocument.js

@@ -0,0 +1,40 @@
+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';
+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,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.map

@@ -1 +1 @@
-{"version":3,"file":"KnowledgeSources.d.ts","sourceRoot":"","sources":["../../src/views/KnowledgeSources.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,gBAAgB,YAc5B,CAAA"}
+{"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

@@ -4,7 +4,8 @@ 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 { useEffect, useMemo, useState } from 'react';
+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';
@@ -12,46 +13,56 @@ import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks.js';
 import { useRightPanel } from '../right-panel/hooks.js';
 export const KnowledgeSources = () => {
     const t = useTranslate(dictionary);
-    const isKnowledgeSourceSelectionOpen = useWidgetState('isKnowledgeSourceSelectionOpen');
+    const panel = useWidgetState('panel');
     const { open } = useRightPanel();
     const widget = useWidget();
     useEffect(() => {
-        if (isKnowledgeSourceSelectionOpen)
-            open(_jsx(KnowledgeSourcesPanel, {}), { title: t.title, description: t.description, onClose: () => widget.set('isKnowledgeSourceSelectionOpen', false) });
-    }, [isKnowledgeSourceSelectionOpen, t]);
+        if (panel === 'ks')
+            open(_jsx(KnowledgeSourcesPanel, {}), { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) });
+    }, [panel, t]);
     return null;
 };
 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" }, "personal") },
-            { title: t.shared, content: _jsx(KnowledgeSourcesTab, { visibility: "shared" }, "shared") },
-            { title: t.account, content: _jsx(KnowledgeSourcesTab, { visibility: "account" }, "account") },
-        ] });
+            { 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 }) => {
+const KnowledgeSourcesTab = ({ visibility, allKS, onSubmit }) => {
     const t = useTranslate(dictionary);
-    const { close } = useRightPanel();
-    const chat = useCurrentChat();
     const [filter, setFilter] = useState('');
     const knowledgeSources = aiClient.knowledgeSources.useQuery({ visibility, order: 'a-to-z' });
-    const [hasChanged, setChanged] = useState(false);
     const [value, setValue] = useState((() => {
-        const currentlySelected = chat.get('knowledgeSources')?.map(ks => ks.id);
-        return knowledgeSources.filter(ks => currentlySelected?.includes(ks.id));
+        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]);
-    function submit() {
-        if (value)
-            chat.set('knowledgeSources', value.map(({ id, name }) => ({ id, label: name })));
-        close();
-    }
-    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: (value) => {
-                            setValue(value);
-                            setChanged(true);
-                        }, renderLabel: ks => ks.name, renderDescription: ks => ks.description, optionClassName: ks => (filter && !ks.name.includes(filter) && 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 })] }), _jsx(Button, { onClick: submit, disabled: !hasChanged, children: t.apply })] }));
+    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 })] }), _jsx(Button, { onClick: onSubmit, children: t.apply })] }));
 };
 const dictionary = {
     en: {