@stack-spot/ai-chat-widget 0.1.0

package/dist/utils/date.js

@@ -0,0 +1,38 @@
+import { getLanguage, useLanguage } from '@stack-spot/portal-translate';
+const OneDay = 24 * 60 * 60 * 1000;
+const timeFormatOptions = { hour: '2-digit', minute: '2-digit' };
+const fullFormatOptions = {
+    ...timeFormatOptions,
+    day: '2-digit',
+    month: 'long',
+};
+export function formatDateForChatMessage(date, language = getLanguage()) {
+    const formatted = [];
+    const now = new Date();
+    const isToday = date.toDateString() === now.toDateString();
+    const isYesterday = now.getTime() - date.getTime() < OneDay;
+    if (isToday)
+        formatted.push(dictionary[language].today);
+    else if (isYesterday)
+        formatted.push(dictionary[language].yesterday);
+    const options = isToday || isYesterday ? timeFormatOptions : fullFormatOptions;
+    formatted.push(date.toLocaleString([], options));
+    return formatted.join(', ');
+}
+export function useDateFormatter() {
+    const language = useLanguage();
+    return {
+        formatForChatMessage: (date) => formatDateForChatMessage(date, language),
+    };
+}
+const dictionary = {
+    en: {
+        today: 'Today',
+        yesterday: 'Yesterday',
+    },
+    pt: {
+        today: 'Hoje',
+        yesterday: 'Ontem',
+    },
+};
+//# sourceMappingURL=date.js.map

package/dist/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,WAAW,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAE7F,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAClC,MAAM,iBAAiB,GAA+B,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,SAAS,EAAE,CAAA;AAC3F,MAAM,iBAAiB,GAA+B;IACpD,GAAG,iBAAiB;IACpB,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,MAAM;CACd,CAAA;AAGD,MAAM,UAAU,wBAAwB,CAAC,IAAU,EAAE,WAAqB,WAAW,EAAE;IACrF,MAAM,SAAS,GAAa,EAAE,CAAA;IAC9B,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,CAAC,YAAY,EAAE,CAAA;IAC1D,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAA;IAC3D,IAAI,OAAO;QAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAA;SAClD,IAAI,WAAW;QAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAA;IACpE,MAAM,OAAO,GAAG,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAC9E,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAA;IAChD,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;AAC7B,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,OAAO;QACL,oBAAoB,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,QAAQ,CAAC;KAC/E,CAAA;AACH,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,WAAW;KACvB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,OAAO;KACnB;CACmB,CAAA"}

package/dist/views/Agents.d.ts

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

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

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

package/dist/views/Agents.js

@@ -0,0 +1,2 @@
+export const Agents = () => null;
+//# sourceMappingURL=Agents.js.map

package/dist/views/Agents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Agents.js","sourceRoot":"","sources":["../../src/views/Agents.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA"}

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

@@ -0,0 +1,6 @@
+interface Props {
+    agentId?: string;
+}
+export declare const AgentInfo: ({ agentId: _agentId }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInfo.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAID,eAAO,MAAM,SAAS,0BAA2B,KAAK,4CAOrD,CAAA"}

package/dist/views/Chat/AgentInfo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@citric/core';
+import { MiniLogo } from '@stack-spot/portal-components/svg';
+// todo: retrieve agent data and render accordingly
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export const AgentInfo = ({ agentId: _agentId }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "agent-image-wrapper", children: _jsx(MiniLogo, { className: "agent-image" }) }), _jsx(Text, { appearance: "body2", children: "Stackspot AI" })] }));
+//# sourceMappingURL=AgentInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInfo.js","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAM5D,mDAAmD;AACnD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAS,EAAE,EAAE,CAAC,CACzD,8BACE,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAChC,EACN,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,6BAAoB,IAC3C,CACJ,CAAA"}

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

@@ -0,0 +1,6 @@
+import { ChatEntry } from '../../state/ChatEntry.js';
+export declare const ChatMessage: ({ message, username }: {
+    message: ChatEntry;
+    username: string;
+}) => "" | import("react/jsx-runtime").JSX.Element | undefined;
+//# sourceMappingURL=ChatMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD,eAAO,MAAM,WAAW,0BAA2B;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,6DAgE1F,CAAA"}

package/dist/views/Chat/ChatMessage.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBox, Text } from '@citric/core';
+import { Dislike, DislikeFill, Like, LikeFill, TimesCircle } from '@citric/icons';
+import { Avatar, IconButton } from '@citric/ui';
+import { aiClient } from '@stack-spot/portal-network';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useMemo, useRef, useState } from 'react';
+import { Markdown } from '../../components/Markdown.js';
+import { useChatEntry } from '../../context/hooks.js';
+import { useChatScrollToBottomEffect } from '../../hooks/chat-scroll.js';
+import { useDateFormatter } from '../../utils/date.js';
+import { AgentInfo } from './AgentInfo.js';
+export const ChatMessage = ({ message, username }) => {
+    const t = useTranslate(dictionary);
+    const [liked, setLiked] = useState();
+    const entry = useChatEntry(message);
+    const dateFormatter = useDateFormatter();
+    const userInfo = entry.agent === 'user' ? _jsx(Avatar, { size: "xs", children: username }) : _jsx(AgentInfo, { agentId: entry.agentId });
+    const date = new Date(entry.updated ?? '');
+    const shouldShowDate = entry.updated && !isNaN(date.getTime());
+    const ref = useRef(null);
+    useChatScrollToBottomEffect(ref, [entry]);
+    const { like, dislike } = useMemo(() => {
+        async function feedback(like) {
+            if (!entry.messageId || like === liked)
+                return;
+            setLiked(like);
+            try {
+                await aiClient.createEvent.mutate({
+                    body: [{
+                            feedback: like ? 'LIKE' : 'DISLIKE',
+                            message_id: entry.messageId,
+                            type: 'user_feedback_provided',
+                            code: '',
+                            generated_at: Math.floor(new Date().getTime() / 1000),
+                            size: 0,
+                        }],
+                });
+            }
+            catch {
+                setLiked(liked);
+            }
+        }
+        return {
+            like: () => feedback(true),
+            dislike: () => feedback(false),
+        };
+    }, [entry.messageId, liked]);
+    return (entry.content || entry.error) && (_jsxs("li", { className: entry.agent, ref: ref, children: [_jsxs("div", { className: "chat-message", children: [_jsx("div", { className: "user-info", children: userInfo }), entry.content && _jsx("div", { className: "message-content", children: entry.type === 'md' ? _jsx(Markdown, { children: entry.content }) : _jsx("p", { className: "plain-text", children: entry.content }) })] }), entry.error && (_jsxs("div", { className: "error", children: [_jsx(IconBox, { size: "xs", children: _jsx(TimesCircle, {}) }), _jsx(Text, { appearance: "microtext1", children: entry.error })] })), _jsxs("div", { className: "message-footer", children: [entry.agent === 'bot' && entry.messageId && !entry.error && _jsxs("div", { className: "message-actions", children: [_jsx(IconButton, { title: t.like, "aria-label": t.like, onClick: like, children: liked === true ? _jsx(LikeFill, {}) : _jsx(Like, {}) }), _jsx(IconButton, { title: t.dislike, "aria-label": t.dislike, onClick: dislike, children: liked === false ? _jsx(DislikeFill, {}) : _jsx(Dislike, {}) })] }), shouldShowDate && _jsx(Text, { appearance: "microtext1", className: "chat-date", children: dateFormatter.formatForChatMessage(date) })] })] }));
+};
+const dictionary = {
+    en: {
+        like: 'Like',
+        dislike: 'Dislike',
+    },
+    pt: {
+        like: 'Gostei',
+        dislike: 'Não gostei',
+    },
+};
+//# sourceMappingURL=ChatMessage.js.map

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

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

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

@@ -0,0 +1,7 @@
+interface Props {
+    username: string;
+    chatId: string;
+}
+export declare const ChatMessages: ({ chatId, username }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatMessages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessages.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessages.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,yBAA0B,KAAK,4CAKvD,CAAA"}

package/dist/views/Chat/ChatMessages.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import { useChatMessages } from '../../context/hooks.js';
+import { ChatMessage } from './ChatMessage.js';
+import { ChatList } from './styled.js';
+export const ChatMessages = ({ chatId, username }) => {
+    const messages = useChatMessages(chatId);
+    const items = useMemo(() => messages.map(m => _jsx(ChatMessage, { message: m, username: username }, m.id)), [messages]);
+    const ref = useRef(null);
+    return _jsx(ChatList, { ref: ref, children: items });
+};
+//# sourceMappingURL=ChatMessages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessages.js","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessages.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAOnC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACxC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAC,WAAW,IAAY,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAApC,CAAC,CAAC,EAAE,CAAoC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtH,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC1C,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,YAAG,KAAK,GAAY,CAAA;AAC/C,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+interface Props {
+    username: string;
+}
+export declare const Chat: ({ username }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/index.tsx"],"names":[],"mappings":"AAGA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,IAAI,iBAAkB,KAAK,4CAGvC,CAAA"}

package/dist/views/Chat/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChatTabs } from '../../context/hooks.js';
+import { ChatMessages } from './ChatMessages.js';
+export const Chat = ({ username }) => {
+    const { active } = useChatTabs();
+    return _jsx(ChatMessages, { chatId: active, username: username }, active);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Chat/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAM7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAChC,OAAO,KAAC,YAAY,IAAc,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,IAA1C,MAAM,CAAwC,CAAA;AAC1E,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export declare const ChatList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+//# sourceMappingURL=styled.d.ts.map

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

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

package/dist/views/Chat/styled.js

@@ -0,0 +1,116 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const ChatList = styled.ul `
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+  gap: 20px;
+  margin: 0 5px;
+  padding: 0;
+  flex: 1;
+
+  .error {
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+    padding: 8px 10px;
+    background-color: ${theme.color.danger[500]};
+    color: ${theme.color.danger.contrastText};
+    border-radius: 8px;
+    align-self: start;
+
+    svg {
+      fill: ${theme.color.danger.contrastText};
+    }
+
+    small {
+      margin-top: 1px;
+    }
+  }
+
+  .user-info {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+  }
+
+  .chat-message {
+    p, li {
+      line-height: 24px;
+    }
+
+    a[href] {
+      color: inherit;
+    }
+
+    .highlighter {
+      background-color: ${theme.color.gray[800]} !important;
+    }
+  }
+
+  .message-footer {
+    display: flex;
+    flex-direction: row;
+
+    .message-actions {
+      display: flex;
+      flex-direction: row;
+      gap: 8px;
+    }
+
+    .chat-date {
+      opacity: 0.6;
+      margin-left: auto;
+    }
+  }
+
+  > li {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    &.bot, &.system {
+      .chat-message {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    
+        .agent-image-wrapper {
+          width: 24px;
+          height: 24px;
+          border-radius: 4px;
+          background-color: ${theme.color.light[300]};
+          display: flex;
+          align-items: center;
+          justify-content: center;
+    
+          .agent-image {
+            width: 18px;
+            height: 18px;
+          }
+        }
+      }
+    }
+
+    &.user {
+      align-items: end;
+
+      .chat-message {
+        display: flex;
+        flex-direction: row;
+        gap: 8px;
+        
+        .message-content {
+          padding: 10px;
+          background-color: ${theme.color.light[500]};
+          border-radius: 4px;
+        }
+      }
+    }
+  }
+
+  .plain-text {
+    margin: 0
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +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"}

package/dist/views/ChatTabSelection.d.ts

@@ -0,0 +1,8 @@
+import { MessageInterceptor } from '../state/ChatState.js';
+interface Props {
+    history?: boolean;
+    interceptors: MessageInterceptor[];
+}
+export declare const ChatTabSelection: ({ history, interceptors }: 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":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAIvD,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAOD,eAAO,MAAM,gBAAgB,8BAA+B,KAAK,4CAkChE,CAAA"}

package/dist/views/ChatTabSelection.js

@@ -0,0 +1,45 @@
+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 } from '../context/hooks.js';
+import { createNewChat } from '../utils/chat.js';
+const TabLabel = ({ id }) => {
+    const label = useChatState(id, 'label');
+    return _jsx("div", { title: label, children: label });
+};
+export const ChatTabSelection = ({ history, interceptors }) => {
+    const t = useTranslate(dictionary);
+    const widget = useWidget();
+    const { active, chats } = useChatTabs();
+    const buttons = useMemo(() => {
+        const actions = [{
+                icon: _jsx(Plus, {}),
+                label: t.newChat,
+                onClick: () => createNewChat(widget, interceptors),
+            }];
+        if (history) {
+            actions.push({
+                icon: _jsx(Clock, {}),
+                label: t.openHistory,
+                className: 'test',
+                style: { marginLeft: 'auto' },
+                onClick: () => { },
+            });
+        }
+        return actions;
+    }, [history]);
+    return _jsx(TabManager, { tabs: chats, active: active, 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,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"}

package/dist/views/Editor.d.ts

@@ -0,0 +1,2 @@
+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":"AAAA,eAAO,MAAM,MAAM,YAAa,CAAA"}

package/dist/views/Editor.js

@@ -0,0 +1,2 @@
+export const Editor = () => null;
+//# 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,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA"}

package/dist/views/Home.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    username: string;
+}
+export declare const Home: ({ username }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Home.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/views/Home.tsx"],"names":[],"mappings":"AASA,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAmCD,eAAO,MAAM,IAAI,iBAAkB,KAAK,4CA2CvC,CAAA"}

package/dist/views/Home.js

@@ -0,0 +1,68 @@
+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 { styled } from 'styled-components';
+import { QuickStartButton } from '../components/QuickStartButton.js';
+import { useCurrentChat } from '../context/hooks.js';
+import { ChatEntry } from '../state/ChatEntry.js';
+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;
+    }
+  }
+`;
+export const Home = ({ 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=Home.js.map

package/dist/views/Home.js.map

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

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":"AAaA,eAAO,MAAM,gBAAgB,YAc5B,CAAA"}

package/dist/views/KnowledgeSources.js

@@ -0,0 +1,82 @@
+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 { useEffect, useMemo, 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 isKnowledgeSourceSelectionOpen = useWidgetState('isKnowledgeSourceSelectionOpen');
+    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]);
+    return null;
+};
+const KnowledgeSourcesPanel = () => {
+    const t = useTranslate(dictionary);
+    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") },
+        ] });
+};
+const KnowledgeSourcesTab = ({ visibility }) => {
+    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 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 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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"}