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

package/dist/context/hooks.d.ts

@@ -1,69 +0,0 @@
-import { ChatEntry } from '../state/ChatEntry.js';
-import { ChatProperties, ChatState } from '../state/ChatState.js';
-import { WidgetProperties, WidgetState } from '../state/WidgetState.js';
-/**
- * Returns the closest instance of a WidgetState (React Context). If no context is available, uses a global instance of the chat widget.
- */
-export declare function useWidget(): WidgetState;
-/**
- * Watches one of the widget states.
- * @param key the key watch changes for.
- * @returns the value of the state referred by the key.
- */
-export declare function useWidgetState<K extends keyof WidgetProperties>(key: K): WidgetProperties[K];
-/**
- * Watches the tabs of a ChatState. The value is updated whenever a tab is added, removed or selected.
- */
-export declare function useChatTabs(): {
-    chats: ChatState[];
-    active: ChatState;
-};
-/**
- * Gets a chat according to its identifier (conversation id).
- *
- * An error is thrown if the id doesn't correspond to any chat currently opened.
- *
- * @returns the chat state.
- */
-export declare function useChat(chatId: string): ChatState;
-/**
- * Watches the current chat (selected in the chat tabs.)
- *
- * The value changes whenever a new chat is selected.
- *
- * @returns the currently active chat.
- */
-export declare function useCurrentChat(): ChatState;
-/**
- * Watches one of the chat states.
- * @param chatId the id of chat to watch.
- * @param key the key of the state to watch.
- * @returns the value of the state referred by the key.
- */
-export declare function useChatState<K extends keyof ChatProperties>(chatId: string, key: K): ChatProperties[K];
-/**
- * Watches one of the current chat states. This is the same as calling `useChatState` with the id of the current chat.
- * @param key the key of the state to watch.
- * @returns the value of the state referred by the key.
- */
-export declare function useCurrentChatState<K extends keyof ChatProperties>(key: K): ChatProperties[K];
-/**
- * Watches a chat state for changes in the list of messages (chat entries).
- * @param chatId the id of the chat to watch.
- * @returns the list of messages in the chat.
- */
-export declare function useChatMessages(chatId: string): ChatEntry[];
-/**
- * Watches the chat state currently active for changes in the list of messages (chat entries). This is the same as calling `useChatMessages`
- * with the id of the current chat.
- * @returns the list of messages in the chat.
- */
-export declare function useCurrentChatMessages(): ChatEntry[];
-/**
- * Watches a chat message (chat entry) for changes in its composition. This allows messages to be streamed: each part of the stream will
- * change the current value of the entry.
- * @param entry the message to watch.
- * @returns the current value of the message.
- */
-export declare function useChatEntry(entry: ChatEntry): import("../state/ChatEntry.js").TextChatEntry;
-//# sourceMappingURL=hooks.d.ts.map

package/dist/context/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAKpE;;GAEG;AACH,wBAAgB,SAAS,IAAI,WAAW,CAKvC;AAWD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAAE,GAAG,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAG5F;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI;IAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CAQvE;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAKjD;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,SAAS,CAE1C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAGtG;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAG7F;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,CAQ3D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,EAAE,CAGpD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,8CAI5C"}

package/dist/context/hooks.js

@@ -1,121 +0,0 @@
-import { useContext, useEffect, useState } from 'react';
-import { WidgetState } from '../state/WidgetState.js';
-import { AIWidgetContext } from './AIWidgetProvider.js';
-let globalWidgetState;
-/**
- * Returns the closest instance of a WidgetState (React Context). If no context is available, uses a global instance of the chat widget.
- */
-export function useWidget() {
-    const fromContext = useContext(AIWidgetContext);
-    if (fromContext)
-        return fromContext;
-    globalWidgetState ??= new WidgetState();
-    return globalWidgetState;
-}
-function useObservableState(state, key) {
-    const [value, setValue] = useState(state.get(key));
-    useEffect(() => {
-        setValue(state.get(key));
-        return state.onChange(key, setValue);
-    }, [state]);
-    return value;
-}
-/**
- * Watches one of the widget states.
- * @param key the key watch changes for.
- * @returns the value of the state referred by the key.
- */
-export function useWidgetState(key) {
-    const widget = useWidget();
-    return useObservableState(widget, key);
-}
-/**
- * Watches the tabs of a ChatState. The value is updated whenever a tab is added, removed or selected.
- */
-export function useChatTabs() {
-    const widget = useWidget();
-    const [tabs, setTabs] = useState({
-        chats: widget.chatTabs.getAll(),
-        active: widget.chatTabs.getActiveChat(),
-    });
-    useEffect(() => widget.chatTabs.onChange((chats, active) => setTabs({ chats, active })), []);
-    return tabs;
-}
-/**
- * Gets a chat according to its identifier (conversation id).
- *
- * An error is thrown if the id doesn't correspond to any chat currently opened.
- *
- * @returns the chat state.
- */
-export function useChat(chatId) {
-    const widget = useWidget();
-    const chat = widget.chatTabs.get(chatId);
-    if (!chat)
-        throw new Error(`No chat with id ${chatId} was found. Maybe there are no chats opened.`);
-    return chat;
-}
-/**
- * Watches the current chat (selected in the chat tabs.)
- *
- * The value changes whenever a new chat is selected.
- *
- * @returns the currently active chat.
- */
-export function useCurrentChat() {
-    return useChatTabs().active;
-}
-/**
- * Watches one of the chat states.
- * @param chatId the id of chat to watch.
- * @param key the key of the state to watch.
- * @returns the value of the state referred by the key.
- */
-export function useChatState(chatId, key) {
-    const chat = useChat(chatId);
-    return useObservableState(chat, key);
-}
-/**
- * Watches one of the current chat states. This is the same as calling `useChatState` with the id of the current chat.
- * @param key the key of the state to watch.
- * @returns the value of the state referred by the key.
- */
-export function useCurrentChatState(key) {
-    const chat = useCurrentChat();
-    return useObservableState(chat, key);
-}
-/**
- * Watches a chat state for changes in the list of messages (chat entries).
- * @param chatId the id of the chat to watch.
- * @returns the list of messages in the chat.
- */
-export function useChatMessages(chatId) {
-    const chat = useChat(chatId);
-    const [entries, setEntries] = useState(chat.getMessages());
-    useEffect(() => {
-        setEntries(chat.getMessages());
-        return chat.onChangeMessages(setEntries);
-    }, [chat]);
-    return entries;
-}
-/**
- * Watches the chat state currently active for changes in the list of messages (chat entries). This is the same as calling `useChatMessages`
- * with the id of the current chat.
- * @returns the list of messages in the chat.
- */
-export function useCurrentChatMessages() {
-    const { active } = useChatTabs();
-    return useChatMessages(active.id);
-}
-/**
- * Watches a chat message (chat entry) for changes in its composition. This allows messages to be streamed: each part of the stream will
- * change the current value of the entry.
- * @param entry the message to watch.
- * @returns the current value of the message.
- */
-export function useChatEntry(entry) {
-    const [content, setContent] = useState(entry.getValue());
-    useEffect(() => entry.onChange(setContent), []);
-    return content;
-}
-//# sourceMappingURL=hooks.js.map

package/dist/context/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/context/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIvD,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,IAAI,iBAA0C,CAAA;AAE9C;;GAEG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IAC/C,IAAI,WAAW;QAAE,OAAO,WAAW,CAAA;IACnC,iBAAiB,KAAK,IAAI,WAAW,EAAE,CAAA;IACvC,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,SAAS,kBAAkB,CAAuB,KAAyB,EAAE,GAAM;IACjF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;QACxB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,KAAK,CAAA;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAmC,GAAM;IACrE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,kBAAkB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA4C;QAC1E,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC/B,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE;KACxC,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAC5F,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACxC,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,MAAM,8CAA8C,CAAC,CAAA;IACnG,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,WAAW,EAAE,CAAC,MAAM,CAAA;AAC7B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAiC,MAAc,EAAE,GAAM;IACjF,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC5B,OAAO,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AACtC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAiC,GAAM;IACxE,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO,kBAAkB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AACtC,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,MAAc;IAC5C,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAC1D,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;QAC9B,OAAO,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAChC,OAAO,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AACnC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAA;IACxD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;IAC/C,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/features.d.ts

@@ -1,40 +0,0 @@
-export interface ChatFeatures {
-    /**
-     * Enables stack selection.
-     */
-    stack: boolean;
-    /**
-     * Enables workspace selection.
-     */
-    workspace: boolean;
-    /**
-     * Enables knowledge source selection.
-     */
-    knowledgeSource: boolean;
-    /**
-     * Enables agent selection.
-     */
-    agent: boolean;
-    /**
-     * Enables quick commands.
-     */
-    quickCommands: boolean;
-    /**
-     * Enables the editor.
-     */
-    editor: boolean;
-}
-export interface GlobalFeatures {
-    /**
-     * Enables the chat history.
-     */
-    chatHistory: boolean;
-}
-export type AIWidgetFeatures = ChatFeatures & GlobalFeatures;
-/**
- * Receives a partial feature object and returns a full feature object, setting to true any missing property.
- * @param features the partial features object.
- * @returns a full features object.
- */
-export declare function getFeaturesWithDefaults(features?: Partial<AIWidgetFeatures>): AIWidgetFeatures;
-//# sourceMappingURL=features.d.ts.map

package/dist/features.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"features.d.ts","sourceRoot":"","sources":["../src/features.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,cAAc,CAAA;AAE5D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAW9F"}

package/dist/features.js

@@ -1,18 +0,0 @@
-/**
- * Receives a partial feature object and returns a full feature object, setting to true any missing property.
- * @param features the partial features object.
- * @returns a full features object.
- */
-export function getFeaturesWithDefaults(features) {
-    return {
-        agent: true,
-        editor: true,
-        knowledgeSource: true,
-        quickCommands: true,
-        stack: true,
-        workspace: true,
-        chatHistory: true,
-        ...features,
-    };
-}
-//# sourceMappingURL=features.js.map

package/dist/features.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"features.js","sourceRoot":"","sources":["../src/features.ts"],"names":[],"mappings":"AAoCA;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,QAAoC;IAC1E,OAAO;QACL,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,IAAI;QACrB,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE,IAAI;QACX,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,IAAI;QACjB,GAAG,QAAQ;KACZ,CAAA;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,14 +0,0 @@
-export { QuickStartButton } from './components/QuickStartButton.js';
-export { AIWidgetProvider } from './context/AIWidgetProvider.js';
-export * from './context/hooks.js';
-export { getFeaturesWithDefaults } from './features.js';
-export type { AIWidgetFeatures, ChatFeatures } from './features.js';
-export { StackspotAIWidget } from './StackspotAIWidget.js';
-export { ChatEntry } from './state/ChatEntry.js';
-export { ChatState } from './state/ChatState.js';
-export type { MessageInterceptor } from './state/ChatState.js';
-export { ChatTabsController } from './state/ChatTabsController.js';
-export { ObservableState } from './state/ObservableState.js';
-export type { Labeled, LabeledWithImage } from './state/types.js';
-export { WidgetState } from './state/WidgetState.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AACpD,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,YAAY,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/index.js

@@ -1,12 +0,0 @@
-/* Attention: in order for the package "page" to work without linking the lib, we must export types separately, using the "type" keyword */
-export { QuickStartButton } from './components/QuickStartButton.js';
-export { AIWidgetProvider } from './context/AIWidgetProvider.js';
-export * from './context/hooks.js';
-export { getFeaturesWithDefaults } from './features.js';
-export { StackspotAIWidget } from './StackspotAIWidget.js';
-export { ChatEntry } from './state/ChatEntry.js';
-export { ChatState } from './state/ChatState.js';
-export { ChatTabsController } from './state/ChatTabsController.js';
-export { ObservableState } from './state/ObservableState.js';
-export { WidgetState } from './state/WidgetState.js';
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2IAA2I;AAE3I,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/layout.css

@@ -1,137 +0,0 @@
-@font-face {
-  font-family: "San Francisco";
-  font-weight: 400;
-  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
-}
-
-/* Scroll bars */
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar {
-  width: 0.25rem;
-  height: 0.5rem;
-  background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--light-600);
-}
-
-::-webkit-scrollbar-corner {
-  background-color: transparent; 
-}
-
-/* Classes */
-
-.ai-chat-widget {
-  border: 1px solid var(--light-600);
-  background-color: var(--light-400);
-  border-radius: 4px;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-
-  &.minimized {
-    .chat-container {
-      padding: 10px;
-      width: calc(100% - 20px);
-    }
-    .minimized-header {
-      padding: 0 10px;
-      width: calc(100% - 20px);
-    }
-    .chat-window.narrow {
-      width: auto;
-    }
-    .chat-right-panel {
-      display: none;
-    }
-    .home-page {
-      .title {
-        margin-top: 40px;
-        font-size: 18px;
-      }
-      .subtitle {
-        font-size: 14px;
-      }
-      .title, .subtitle {
-        display: block;
-        text-align: center;
-        margin-left: 20px;
-        margin-right: 20px;
-      }
-      .shortcuts {
-        display: none;
-      }
-    }
-    .message-input .action-box{
-      .feature-buttons, .expand {
-        display: none;
-      }
-    }
-    .quick-command-selector {
-      width: auto;
-      left: 10px;
-      right: 10px;
-    }
-  }
-}
-
-.chat-window {
-  transition: width 0.3s;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  height: 100%;
-
-  &.narrow {
-    width: 50%;
-  }
-}
-
-.chat-container {
-  padding: 20px;
-  max-width: 1200px;
-  width: calc(100% - 40px);
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.chat-content {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  flex-basis: 0;
-  overflow: auto;
-}
-
-.chat-right-panel {
-  position: absolute;
-  width: 50%;
-  left: 100%;
-  top: 0;
-  bottom: 0;
-  transition: left 0.3s ease-in-out;
-  background-color: var(--light-300);
-  border-radius: 4px;
-  border-left: 2px solid var(--light-600);
-  display: flex;
-  flex-direction: column;
-
-  &.visible {
-    left: 50%;
-  }
-}
-
-/* fixes placeholder description */
-.no-data-placeholder {
-  > div > p {
-    text-align: center;
-  }
-}

package/dist/regex.d.ts

@@ -1,3 +0,0 @@
-export declare const quickCommandRegex: RegExp;
-export declare const agentRegex: RegExp;
-//# sourceMappingURL=regex.d.ts.map

package/dist/regex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../src/regex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAAkB,CAAA;AAChD,eAAO,MAAM,UAAU,QAAiB,CAAA"}

package/dist/regex.js

@@ -1,3 +0,0 @@
-export const quickCommandRegex = /^\/[\w\d-_]+$/;
-export const agentRegex = /^@[\w\d-_]+$/;
-//# sourceMappingURL=regex.js.map

package/dist/regex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"regex.js","sourceRoot":"","sources":["../src/regex.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAA;AAChD,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAA"}

package/dist/right-panel/DefaultPanel.d.ts

@@ -1,12 +0,0 @@
-import { WithChildren } from '../types.js';
-interface Props extends WithChildren {
-    title: React.ReactNode;
-    description: React.ReactNode;
-    onClose: () => void;
-}
-/**
- * Default layout for a right panel.
- */
-export declare const DefaultPanel: ({ description, onClose, title, children }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DefaultPanel.d.ts.map

package/dist/right-panel/DefaultPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultPanel.d.ts","sourceRoot":"","sources":["../../src/right-panel/DefaultPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,UAAU,KAAM,SAAQ,YAAY;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA+BD;;GAEG;AACH,eAAO,MAAM,YAAY,8CAA+C,KAAK,4CAiB5E,CAAA"}

package/dist/right-panel/DefaultPanel.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '@citric/core';
-import { Times } from '@citric/icons';
-import { IconButton } from '@citric/ui';
-import { useTranslate } from '@stack-spot/portal-translate';
-import { styled } from 'styled-components';
-const PanelBox = styled.div `
-  padding: 25px;
-  display: flex;
-  flex-direction: column;
-  gap: 25px;
-  flex: 1;
-  overflow: hidden;
-
-  header {
-    display: flex;
-    flex-direction: row;
-    gap: 10px;
-
-    .title {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      flex: 1;
-    }
-  }
-
-  article {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
-  }
-`;
-/**
- * Default layout for a right panel.
- */
-export const DefaultPanel = ({ description, onClose, title, children }) => {
-    const t = useTranslate(dictionary);
-    return (_jsxs(PanelBox, { children: [_jsxs("header", { children: [_jsxs("div", { className: "title", children: [typeof title === 'string' ? _jsx(Text, { appearance: "h5", children: title }) : title, typeof description === 'string' ? _jsx(Text, { colorScheme: "light.700", children: description }) : description] }), _jsx(IconButton, { title: t.close, "aria-label": t.close, onClick: onClose, children: _jsx(Times, {}) })] }), _jsx("article", { children: children })] }));
-};
-const dictionary = {
-    en: {
-        close: 'Close',
-    },
-    pt: {
-        close: 'Fechar',
-    },
-};
-//# sourceMappingURL=DefaultPanel.js.map

package/dist/right-panel/DefaultPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultPanel.js","sourceRoot":"","sources":["../../src/right-panel/DefaultPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAS1C,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B1B,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC/E,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAElC,OAAO,CACL,MAAC,QAAQ,eACP,6BACE,eAAK,SAAS,EAAC,OAAO,aACnB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,KAAK,EACxE,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,WAAW,EAAC,WAAW,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,WAAW,IAC/F,EACN,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,CAAC,KAAK,gBAAc,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,YAC/D,KAAC,KAAK,KAAG,GACE,IACN,EACT,4BAAU,QAAQ,GAAW,IACpB,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,OAAO;KACf;IACD,EAAE,EAAE;QACF,KAAK,EAAE,QAAQ;KAChB;CACmB,CAAA"}

package/dist/right-panel/RightPanel.d.ts

@@ -1,5 +0,0 @@
-/**
- * Renders the content of the right panel.
- */
-export declare const RightPanel: () => import("react").ReactNode;
-//# sourceMappingURL=RightPanel.d.ts.map

package/dist/right-panel/RightPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RightPanel.d.ts","sourceRoot":"","sources":["../../src/right-panel/RightPanel.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,UAAU,iCAGtB,CAAA"}

package/dist/right-panel/RightPanel.js

@@ -1,9 +0,0 @@
-import { useRightPanelContent } from './hooks.js';
-/**
- * Renders the content of the right panel.
- */
-export const RightPanel = () => {
-    const content = useRightPanelContent();
-    return content;
-};
-//# sourceMappingURL=RightPanel.js.map

package/dist/right-panel/RightPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RightPanel.js","sourceRoot":"","sources":["../../src/right-panel/RightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAA;IACtC,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/right-panel/RightPanelProvider.d.ts

@@ -1,28 +0,0 @@
-interface ContextValue {
-    /**
-     * The current content of the right panel.
-     */
-    content?: React.ReactNode;
-    /**
-     * Sets the current content of the right panel.
-     */
-    setContent?: (content: React.ReactNode) => void;
-    /**
-     * A reference to the right panel HTML Element.
-     */
-    panel?: React.RefObject<HTMLDivElement>;
-    /**
-     * A reference to the chat window at the left of the right panel.
-     */
-    chatWindow?: React.RefObject<HTMLDivElement>;
-    /**
-     * A function to run when the right panel is closed for the next time.
-     */
-    onCloseNext: React.MutableRefObject<(() => void) | undefined>;
-}
-export declare const RightPanelContext: import("react").Context<ContextValue>;
-export declare const RightPanelProvider: ({ panel, chatWindow, children }: Pick<ContextValue, "panel" | "chatWindow"> & {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=RightPanelProvider.d.ts.map

package/dist/right-panel/RightPanelProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RightPanelProvider.d.ts","sourceRoot":"","sources":["../../src/right-panel/RightPanelProvider.tsx"],"names":[],"mappings":"AAEA,UAAU,YAAY;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,iBAAiB,uCAAuE,CAAA;AAErG,eAAO,MAAM,kBAAkB,oCACI,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,YAAY,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAM5G,CAAA"}

package/dist/right-panel/RightPanelProvider.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo, useRef, useState } from 'react';
-export const RightPanelContext = createContext({ onCloseNext: { current: undefined } });
-export const RightPanelProvider = ({ panel, chatWindow, children }) => {
-    const [content, setContent] = useState();
-    const onCloseNext = useRef();
-    const value = useMemo(() => ({ content, setContent, panel, chatWindow, onCloseNext }), [content, panel, chatWindow]);
-    return _jsx(RightPanelContext.Provider, { value: value, children: children });
-};
-//# sourceMappingURL=RightPanelProvider.js.map

package/dist/right-panel/RightPanelProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RightPanelProvider.js","sourceRoot":"","sources":["../../src/right-panel/RightPanelProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAyBhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAe,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,CAAA;AAErG,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAA8E,EAC3G,EAAE;IACF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAmB,CAAA;IACzD,MAAM,WAAW,GAAG,MAAM,EAA4B,CAAA;IACtD,MAAM,KAAK,GAAG,OAAO,CAAe,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAA;IAClI,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA8B,CAAA;AAC1F,CAAC,CAAA"}

package/dist/right-panel/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const panelAnimationTime = 300;
-//# sourceMappingURL=constants.d.ts.map

package/dist/right-panel/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/right-panel/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,MAAM,CAAA"}

package/dist/right-panel/constants.js

@@ -1,2 +0,0 @@
-export const panelAnimationTime = 300;
-//# sourceMappingURL=constants.js.map

package/dist/right-panel/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/right-panel/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA"}

package/dist/right-panel/hooks.d.ts

@@ -1,19 +0,0 @@
-interface RightPanelOptions {
-    title: React.ReactNode;
-    description: React.ReactNode;
-    onClose?: () => void;
-}
-/**
- * @returns teh current content of the right panel
- */
-export declare function useRightPanelContent(): import("react").ReactNode;
-/**
- * Opens, closes or checks the visibility of the right panel.
- */
-export declare function useRightPanel(): {
-    open: (content: React.ReactNode, options?: RightPanelOptions) => void;
-    close: () => void;
-    isOpen: () => boolean;
-};
-export {};
-//# sourceMappingURL=hooks.d.ts.map

package/dist/right-panel/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/right-panel/hooks.tsx"],"names":[],"mappings":"AAKA,UAAU,iBAAiB;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,8BAGnC;AAED;;GAEG;AACH,wBAAgB,aAAa;oBAOF,KAAK,CAAC,SAAS,YAAY,iBAAiB;;;EAwBtE"}