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

package/dist/views/Chat/events.js

@@ -0,0 +1,67 @@
+import { aiClient } from '@stack-spot/portal-network';
+import { buildConversationContext } from '../../utils/chat.js';
+import { copyTextToClipboardWithFallback } from '../../utils/copy-to-clipboard.js';
+import { getSizeOfString } from '../../utils/string.js';
+/**
+ * Creates the event of copying a code.
+ * @param code the code copied.
+ * @param messageId the id of the message containing the code.
+ * @param chat the chat state.
+ */
+export async function onCopyCode(code, messageId, chat) {
+    try {
+        await aiClient.createEvent.mutate({
+            body: [{
+                    type: 'code_copied',
+                    code,
+                    context: buildConversationContext(chat),
+                    size: getSizeOfString(code),
+                    generated_at: new Date().getTime(),
+                    message_id: messageId,
+                }],
+        });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.warn('Failed to register event: code copied.');
+    }
+}
+/**
+ * Creates the event of copying a whole message.
+ * @param entry the message copied.
+ * @param chat the chat state.
+ */
+export function onCopyAll(entry, chat) {
+    copyTextToClipboardWithFallback(entry.content);
+    return aiClient.createEvent.mutate({
+        body: [
+            {
+                code: entry.content,
+                size: getSizeOfString(entry.content),
+                generated_at: new Date().getTime(),
+                type: 'copied_all',
+                knowledge_sources: entry.knowledgeSources?.map(ks => ({ slug: ks.slug, type: 'knowledge_source', name: ks.name })),
+                context: buildConversationContext(chat),
+                message_id: entry.messageId,
+            },
+        ],
+    });
+}
+/**
+ * Creates an event of like or dislike for a message.
+ * @param messageId the id of the message.
+ * @param like true if it's a like, false if it's a dislike.
+ */
+export function onLikeOrDislike(messageId, like) {
+    return aiClient.createEvent.mutate({
+        body: [{
+                feedback: like ? 'LIKE' : 'DISLIKE',
+                message_id: messageId,
+                type: 'user_feedback_provided',
+                code: '',
+                generated_at: Math.floor(new Date().getTime() / 1000),
+                size: 0,
+            }],
+    });
+}
+//# sourceMappingURL=events.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../../src/views/Chat/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAGrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,+BAA+B,EAAE,MAAM,+BAA+B,CAAA;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,IAAY,EAAE,SAAiB,EAAE,IAAe;IAC/E,IAAI,CAAC;QACH,MAAM,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;YAChC,IAAI,EAAE,CAAC;oBACL,IAAI,EAAE,aAAa;oBACnB,IAAI;oBACJ,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC;oBACvC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;oBAC3B,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;oBAClC,UAAU,EAAE,SAAS;iBACtB,CAAC;SACH,CAAC,CAAA;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAA;IACxD,CAAC;AACH,CAAC;AAGD;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,KAAoB,EAAE,IAAe;IAC7D,+BAA+B,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9C,OAAO,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;QACjC,IAAI,EAAE;YACJ;gBACE,IAAI,EAAE,KAAK,CAAC,OAAO;gBACnB,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,OAAO,CAAC;gBACpC,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;gBAClC,IAAI,EAAE,YAAY;gBAClB,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;gBAClH,OAAO,EAAE,wBAAwB,CAAC,IAAI,CAAC;gBACvC,UAAU,EAAE,KAAK,CAAC,SAAS;aAC5B;SACF;KACF,CAAC,CAAA;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,SAAiB,EAAE,IAAa;IAC9D,OAAO,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;QACjC,IAAI,EAAE,CAAC;gBACL,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACnC,UAAU,EAAE,SAAS;gBACrB,IAAI,EAAE,wBAAwB;gBAC9B,IAAI,EAAE,EAAE;gBACR,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;gBACrD,IAAI,EAAE,CAAC;aACR,CAAC;KACH,CAAC,CAAA;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+import { CustomMessage } from './ChatMessage.js';
+interface Props extends CustomMessage {
+    /**
+     * The name of the user currently logged in.
+     */
+    username: string;
+}
+/**
+ * Renders the chat panel, with all of its messages.
+ */
+export declare const Chat: ({ username, beforeMessage, afterMessage, customRenderer }: 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":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG7C,UAAU,KAAM,SAAQ,aAAa;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,8DAA+D,KAAK,4CAUpF,CAAA"}

package/dist/views/Chat/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChatTabs } from '../../context/hooks.js';
+import { ChatMessages } from './ChatMessages.js';
+/**
+ * Renders the chat panel, with all of its messages.
+ */
+export const Chat = ({ username, beforeMessage, afterMessage, customRenderer }) => {
+    const { active } = useChatTabs();
+    return _jsx(ChatMessages, { chatId: active.id, username: username, beforeMessage: beforeMessage, afterMessage: afterMessage, customRenderer: customRenderer }, active.id);
+};
+//# 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;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAS7C;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAS,EAAE,EAAE;IACvF,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAChC,OAAO,KAAC,YAAY,IAElB,MAAM,EAAE,MAAM,CAAC,EAAE,EACjB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,IALzB,MAAM,CAAC,EAAE,CAMd,CAAA;AACJ,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { FastOmit, IStyledComponentBase } from 'styled-components/dist/types';
+export declare const ChatList: IStyledComponentBase<'web', FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>;
+//# 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":"AACA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAE7E,eAAO,MAAM,QAAQ,EAAE,oBAAoB,CACzC,KAAK,EACL,QAAQ,CAAC,iBAAiB,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAgTvF,CAAA"}

package/dist/views/Chat/styled.js

@@ -0,0 +1,307 @@
+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;
+  padding: 0;
+  flex: 1;
+
+  [data-citric="alert"].error {
+    gap: 8px;
+    padding: 8px 10px;
+    border-radius: 8px;
+    align-self: start;
+    font: ${theme.font.microtext1};
+    line-height: 1;
+    &:before {
+      font-size: 14px;
+    }
+  }
+
+  .user-info {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+
+    &.bot, &.system {
+      align-items: center;
+    }
+  }
+
+  .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;
+    align-items: center;
+    gap: 8px;
+    margin-top: 10px;
+
+    .message-actions {
+      display: flex;
+      flex-direction: row;
+      gap: 4px;
+      height: 26px;
+    }
+
+    .chat-date {
+      display: inline-block;
+      align-content: flex-end;
+      opacity: 0.6;
+      margin-left: auto;
+    }
+
+    // prevents the feedback from being cut by the overflow rules of the parent elements. 
+    .copy-btn:after {
+      left: 0;
+      margin-top: -20px;
+    }
+  }
+
+  > li {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    &.bot, &.system {
+      .chat-message {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    
+        .default-image-wrapper {
+          width: 32px;
+          height: 32px;
+          border-radius: 50%;
+          background-color: ${theme.color.light[300]};
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          border: 1px solid ${theme.color.light[600]};
+        }
+
+        .custom-agent-image {
+          width: 32px;
+          height: 32px;
+          border-radius: 50%;
+        }
+      }
+    }
+
+    .message-content {
+      > .badges, > .actions {
+        display: flex;
+        flex-direction: row;
+        gap: 4px;
+      }
+      > .badges {
+        margin-bottom: 20px;
+      }
+      > .actions {
+        margin-top: 20px;
+      }
+      &.card {
+        margin-top: 5px;
+        position: relative;
+        padding: 16px;
+        border: 2px solid ${theme.color.light[500]};
+        border-radius: 4px;
+        overflow: hidden;
+        &:before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          bottom: 0;
+          width: 2px;
+          background: linear-gradient(180deg, ${theme.color.blue[500]} 0%, ${theme.color.indigo[500]} 100%);
+        }
+      }
+      .image-uploads, .document-uploads {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: 8px;
+        list-style: none;
+        margin: 0 0 4px 0;
+        padding: 0;
+
+        img {
+          max-width: 240px;
+          max-height: 240px;
+        }
+      }
+    }
+
+    &.user {
+      align-items: end;
+      margin-left: 40px;
+
+      .chat-message-container {
+        display: flex;
+        flex-direction: column;
+        max-width: 100%; 
+        align-items: end;
+      }
+
+      .chat-message {
+        display: flex;
+        flex-direction: row;
+        line-break: anywhere;
+        max-width: 100%;
+        
+        .message-content {
+          padding: 16px;
+          border-radius: 24px;
+          border-top-right-radius: 0;
+          background-color: ${theme.color.light[500]};
+          width: 100%;
+          box-sizing: border-box;
+          .markdown > p:first-child {
+            margin-top: 0;
+          }
+
+          .markdown > p:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+
+  .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;
+      }
+    }
+  }
+
+  .tools-box {
+    
+    > button {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      white-space: nowrap;
+      margin: 0;
+      margin-top: 8px;
+      padding: 0;
+      list-style: none;
+      gap: 0px;
+      
+      &:hover{
+        transition: gap 0.3s ease-in;
+        gap: 6px;
+      }
+    }
+  }
+
+  .steps {
+    .steps-list {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    .tools-list {
+      list-style: disc;
+      margin: 0;
+      padding-left: 24px;
+      display: block;
+      ::marker {
+        color: ${theme.color.light.contrastText};
+      }
+    }
+
+    ul {
+      li {
+        &[role="button"] {
+          cursor: pointer;
+        }
+
+        .loading {
+          width: 12px;
+          height: 12px;
+        }
+
+        .step-status-icon {
+          width: 20px;
+          height: 20px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        .step-title {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical; 
+        }
+      }
+    }
+
+  }
+
+  .step-actions {
+      margin-top: 16px;
+      display: flex;
+      gap: 6px;
+
+      .icon-button {
+        display: flex;
+        gap: 6px;
+        align-items: center;
+      }
+    }
+
+  .markdown img {
+    max-width: 70%;
+  }
+
+  .tools-badge {
+    align-self: start;
+    cursor: pointer;
+  }
+`;
+//# 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;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAG1C,MAAM,CAAC,MAAM,QAAQ,GAGjB,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;YAcD,KAAK,CAAC,IAAI,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA2BP,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA+CjB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;8BAItB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA2BxB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;gDAUF,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAwCtE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;wBAyB5B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAsD7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuD9C,CAAA"}

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

@@ -0,0 +1,5 @@
+/**
+ * Renders the list of conversations (history).
+ */
+export declare const ChatHistoryPanel: () => 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":"AAMA;;GAEG;AACH,eAAO,MAAM,gBAAgB,+CAqB5B,CAAA"}

package/dist/views/ChatHistory/ChatHistoryPanel.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { aiClient } from '@stack-spot/portal-network';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import { AutoFocus } from '../../components/AutoFocus.js';
+import { HistoryList } from '../../components/HistoryList.js';
+import { HistoryItem } from './HistoryItem.js';
+/**
+ * Renders the list of conversations (history).
+ */
+export const ChatHistoryPanel = () => {
+    const [chats, { fetchNextPage, hasNextPage }] = aiClient.chats.useInfiniteQuery({ size: 40 });
+    return (_jsx(AutoFocus, { 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 }), 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,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,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,KAAC,SAAS,IAAC,EAAE,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YACzE,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,GAAI,EACzC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAC7B,GACa,GACP,CACb,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,8 @@
+import { ConversationResponse } from '@stack-spot/portal-network/api/ai';
+/**
+ * Renders an item of the list of conversations (history).
+ */
+export declare const HistoryItem: ({ item }: {
+    item: ConversationResponse;
+}) => 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":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AASxE;;GAEG;AACH,eAAO,MAAM,WAAW,aAAc;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,mDAwGnE,CAAA"}

package/dist/views/ChatHistory/HistoryItem.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { IconButton, Input, MenuOverlay, ProgressCircular } from '@stack-spot/citric-react';
+import { aiClient } from '@stack-spot/portal-network';
+import { theme } from '@stack-spot/portal-theme';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useWidget } from '../../context/hooks.js';
+import { download } from '../../utils/download.js';
+import { useHistoryDictionary } from './dictionary.js';
+import { HistoryItemBox } from './styled.js';
+import { loadChat } from './utils.js';
+/**
+ * Renders an item of the list of conversations (history).
+ */
+export const HistoryItem = ({ item }) => {
+    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() {
+        const prev = title;
+        setRenaming(false);
+        setTitle(renamed);
+        if (!renamed || renamed === item.title)
+            return;
+        try {
+            await aiClient.renameChat.mutate({ conversationId: item.id, conversationUpdateTitleRequest: { title: renamed } });
+            aiClient.chats.invalidate();
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+            setTitle(prev);
+            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 {
+            await loadChat(widget, item.id);
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error(error);
+        }
+        setLoading(false);
+    }, []);
+    const actions = [
+        { label: t.rename, onClick: onRename, icon: _jsx(Icon, { icon: "Pencil" }) },
+        { label: t.download, onClick: onDownload, icon: _jsx(Icon, { icon: "Download" }) },
+        { label: t.delete, onClick: onDelete, icon: _jsx(Icon, { icon: "Trash" }), style: { 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: setRenamed, style: { flex: 1 }, onKeyDown: (e) => {
+                        if (['Enter', 'Escape'].includes(e.key)) {
+                            e.key === 'Enter' ? onSubmitRename() : setRenaming(false);
+                        }
+                    } }), _jsx(IconButton, { icon: "Check", onClick: onSubmitRename })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: "label", onClick: onSelect, disabled: isLoading, children: title }), isLoading ? _jsx(ProgressCircular, { size: "xs" }) : _jsx(MenuOverlay, { items: actions, position: "left", children: _jsx(Icon, { icon: "EllipsisHorizontal", size: "xs" }) })] })) }));
+};
+//# 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" | "description" | "download" | "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 @@
+/**
+ * Renders the Chat History in the Right Panel if this is the panel that is currently opened.
+ */
+export declare const ChatHistory: () => 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":"AAOA;;GAEG;AACH,eAAO,MAAM,WAAW,YAkBvB,CAAA"}

package/dist/views/ChatHistory/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FallbackBoundary } from '@stack-spot/citric-react';
+import { useEffect } from 'react';
+import { useWidget, useWidgetState } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { ChatHistoryPanel } from './ChatHistoryPanel.js';
+import { useHistoryDictionary } from './dictionary.js';
+/**
+ * Renders the Chat History in the Right Panel if this is the panel that is currently opened.
+ */
+export const ChatHistory = () => {
+    const t = useHistoryDictionary();
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'history')
+            open(_jsx(FallbackBoundary, { children: _jsx(ChatHistoryPanel, {}) }), {
+                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,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,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,KAAG,GAAmB,EACzD;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":"AAGA,eAAO,MAAM,cAAc,wOAsD1B,CAAA"}