@stack-spot/ai-chat-widget 0.11.0 → 1.0.0-dev.1768324407795

package/dist/chat-interceptors/send-message.js

@@ -1,47 +1,248 @@
-import { aiClient, StackspotAPIError } from '@stack-spot/portal-network';
+import { aiClient, StackspotAPIError, StreamCanceledError } from '@stack-spot/portal-network';
+import { findLast } from 'lodash';
 import { ChatEntry } from '../state/ChatEntry.js';
 import { buildConversationContext } from '../utils/chat.js';
+import { treatHTMLInErrorMessage } from '../utils/error.js';
 import { genericSourcesToKnowledgeSources } from '../utils/knowledge-source.js';
+import { planningToolDictionaryHelper } from '../utils/planning-tool.js';
+/**
+ * Transforms a chat response from the backend into a chat entry that can be added to the chat.
+ * @param response the original response.
+ * @param knowledgeSources the knowledge sources already in format used by the chat.
+ * @param agent the current chat agent.
+ * @param tools the tools for the current chat agent.
+ * @param includeDate whether or not to include the date in the chat entry.
+ * @returns the TextChatEntry to build a ChatEntry.
+ */
+export function createEntryValueFromChatResponse(response, knowledgeSources, agent, includeDate = false) {
+    const entry = {
+        agentType: 'bot',
+        type: 'md',
+        content: response.answer ?? '',
+        messageId: response.message_id ?? undefined,
+        knowledgeSources,
+        agent: agent,
+        updated: includeDate ? new Date().toISOString() : undefined,
+        steps: response.steps,
+        tools: response.tools,
+        opportunities: response.opportunities,
+        hypothesis: response.hypothesis,
+        prfaq: response.prfaq,
+        done: false,
+    };
+    return entry;
+}
+function buildPrompt(content, data) {
+    if (data === undefined || data === '' || data === null)
+        return content || '.'; // prevents empty strings
+    return typeof data === 'string' ? data : JSON.stringify(data);
+}
+//Verify if the last planning in the messages has status awaiting_approval
+const getLastPlanningAwaiting = (messages) => findLast(messages, item => {
+    const steps = item.getValue().steps;
+    if (steps) {
+        const hasPlanning = steps.find((step) => step.type === 'planning');
+        return hasPlanning ? hasPlanning.status === 'awaiting_approval' : false;
+    }
+    return false;
+});
+const updateToolStatus = (agentInfo, messages) => {
+    const executionId = agentInfo.id;
+    if (executionId) {
+        //Update message with type step which contains the planning steps
+        const messageId = planningToolDictionaryHelper.getMessageIdPlanningStepFromToolExecutionId(executionId);
+        const originalItem = messages.find((message) => `${message.id}` === messageId);
+        const originalItemValue = originalItem?.getValue();
+        let update = false;
+        const status = agentInfo.action === 'start' ? 'running' : 'success';
+        const step = originalItemValue?.steps
+            ?.find(step => step.type === 'step' && step.attempts?.[0]?.tools?.[0]?.executionId === executionId);
+        if (step && step.status !== status) {
+            step.status = status;
+            update = true;
+        }
+        if (update) {
+            originalItem?.setValue({ ...originalItemValue });
+        }
+    }
+};
+const updateStepMessage = (step, messages) => {
+    const lastPlanningAwaiting = getLastPlanningAwaiting(messages);
+    if (lastPlanningAwaiting) {
+        const originalItem = messages.find((message) => message.id === lastPlanningAwaiting.id);
+        const originalItemValue = originalItem?.getValue();
+        originalItemValue?.steps?.filter((messageStep) => {
+            if (messageStep.id === step.id) {
+                messageStep = { ...step };
+            }
+        });
+        originalItem?.setValue({ ...originalItemValue });
+    }
+};
+const updatePlanningMessage = (messages) => {
+    const lastPlanningAwaiting = getLastPlanningAwaiting(messages);
+    if (lastPlanningAwaiting) {
+        const originalItem = messages.find((message) => message.id === lastPlanningAwaiting.id);
+        const originalItemValue = originalItem?.getValue();
+        originalItemValue?.steps?.map((step) => {
+            if (step.type === 'planning' && step.status === 'awaiting_approval') {
+                step.status = 'success';
+            }
+        });
+        originalItem?.setValue({ ...originalItemValue });
+    }
+};
+export function helperSendMessage(messages, value, chat, botEntry, knowledgeSources) {
+    if (value.agent_info?.type === 'planning') {
+        if (value.agent_info.action === 'start') {
+            chat.set('isPlaning', true);
+        }
+        else {
+            chat.set('isPlaning', false);
+        }
+    }
+    if (value.agent_info?.type === 'chat' && value.agent_info?.action === 'end') {
+        //When an error happens, the step can still be running, so we enforce the error
+        const stepRunning = findLast(value.steps, (item) => item.status === 'running');
+        if (stepRunning?.status) {
+            stepRunning.status = 'error';
+        }
+    }
+    if (value.sources?.length !== knowledgeSources?.length && chat.get('features').showSourcesInResponse) {
+        knowledgeSources = genericSourcesToKnowledgeSources(value.sources);
+    }
+    const lastPlanningAwaiting = getLastPlanningAwaiting(messages);
+    if (lastPlanningAwaiting && value.steps) {
+        value.steps?.map(step => {
+            if (step.type === 'planning') {
+                updatePlanningMessage(messages);
+            }
+            else if (step.type === 'step') {
+                updateStepMessage(step, messages);
+            }
+        });
+    }
+    if (value.agent_info?.type === 'tool' && value.agent_info?.action !== 'awaiting_approval') {
+        updateToolStatus(value.agent_info, messages);
+    }
+    if (value.steps) {
+        const tool = findLast(value.steps, (item) => item.type === 'tool');
+        if (tool && tool.status === 'running') {
+            const messageId = planningToolDictionaryHelper.getMessageIdPlanningStepFromToolExecutionId(tool.id);
+            const originalItem = messages.find((message) => `${message.id}` === messageId);
+            const originalItemValue = originalItem?.getValue();
+            let update = false;
+            const step = originalItemValue?.steps?.find(step => step.type === 'step');
+            if (step && step.attempts?.[0]?.tools?.[0]?.executionId === tool.id) {
+                step.attempts?.forEach((attempt, i) => {
+                    const newAttempt = tool.attempts?.[i];
+                    if (!newAttempt)
+                        return;
+                    attempt.tools = attempt.tools?.map((origTool, j) => {
+                        const newTool = newAttempt.tools?.[j];
+                        if (!newTool || origTool?.executionId !== newTool?.executionId)
+                            return origTool;
+                        update = true;
+                        return { ...origTool, ...newTool };
+                    });
+                });
+                if (step.attempts.length < tool.attempts.length) {
+                    step.attempts.push(tool.attempts[tool.attempts.length - 1]);
+                }
+            }
+            if (update) {
+                originalItem?.setValue({ ...originalItemValue });
+            }
+        }
+    }
+    const hasPlanning = botEntry.getValue().hasPlanning || chat.get('isPlaning');
+    botEntry.setValue({ ...createEntryValueFromChatResponse(value, knowledgeSources, chat.get('agent')), hasPlanning });
+}
+/**
+ * The chat interceptor that sends the message to the AI agent, interprets the response and adds it to the chat.
+ *
+ * The message added to the chat is streamed, i.e. it changes over time, until it's completed.
+ *
+ * @param entry the chat entry.
+ * @param chat the chat state.
+ * @param signal a signal that can be canceled by the user.
+ * @returns undefined
+ */
 export async function sendMessageInterceptor(entry, chat, signal) {
-    const { agentType, content } = entry.getValue();
+    const { agentType, content, data } = entry.getValue();
     if (agentType !== 'user')
         return;
-    const context = buildConversationContext(chat);
+    const context = buildConversationContext(chat, entry);
     chat.set('isLoading', true);
-    const isFirstMessage = chat.getMessages().length === 1;
-    if (isFirstMessage)
-        chat.set('label', content);
-    const stream = aiClient.sendChatMessage({ context, user_prompt: content.replace(/^\s*\\(\\|\/)/, '$1') });
+    const untitled = chat.untitled;
+    const messages = chat.getMessages();
+    const isFirstMessage = messages.length === 1;
+    if (untitled) {
+        chat.set('label', content || entry.getValue().upload?.[0]?.name || 'Chat');
+        chat.untitled = false;
+    }
+    const stream = aiClient.sendChatMessage({ context, user_prompt: buildPrompt(content, data) });
     signal.addEventListener('abort', () => stream.cancel());
     const botEntry = ChatEntry.createStreamedBotEntry();
-    chat.pushMessage(botEntry);
+    // we add the chat entry and show the streaming if the streaming feature is enabled
+    if (chat.get('features').streaming) {
+        chat.pushMessage(botEntry);
+    }
     let knowledgeSources;
     stream.onChange(value => {
-        if (value.sources?.length !== knowledgeSources?.length) {
-            knowledgeSources = genericSourcesToKnowledgeSources(value.sources);
-        }
-        botEntry.setValue({
-            agentType: 'bot',
-            type: 'md',
-            content: value.answer ?? '',
-            messageId: value.message_id ?? undefined,
-            knowledgeSources,
-            updated: new Date().toISOString(),
-            agent: chat.get('agent'),
-        });
+        helperSendMessage(messages, value, chat, botEntry, knowledgeSources);
     });
+    let finalValue;
     try {
-        await stream.getValue();
-        aiClient.chat.invalidate({ conversationId: chat.id });
-        if (isFirstMessage)
-            aiClient.chats.invalidate();
+        finalValue = await stream.getValue();
+        const lastPlanningAwaiting = getLastPlanningAwaiting(messages);
+        if (lastPlanningAwaiting) {
+            const value = lastPlanningAwaiting.getValue();
+            value.content = finalValue.answer || value.content;
+            lastPlanningAwaiting.setValue(value);
+        }
+        // if the streaming feature is not enabled, we only add the chat entry once the streaming has finished
+        if (!chat.get('features').streaming) {
+            chat.pushMessage(botEntry);
+        }
     }
     catch (error) {
+        if (error instanceof StreamCanceledError) {
+            finalValue = stream.getPartialValue();
+        }
+        else {
+            botEntry.setValue({
+                ...botEntry.getValue(),
+                error: treatHTMLInErrorMessage(error instanceof StackspotAPIError ? error.translate() : (error.message ?? `${error}`), error.status ?? 500),
+            });
+        }
+    }
+    if (finalValue?.answer) {
         botEntry.setValue({
-            ...botEntry.getValue(),
-            error: error instanceof StackspotAPIError ? error.translate() : (error.message ?? `${error}`),
+            ...createEntryValueFromChatResponse(finalValue, botEntry.getValue().knowledgeSources, chat.get('agent'), true),
+            hasPlanning: botEntry.getValue().hasPlanning,
         });
+        aiClient.chat.invalidate({ conversationId: chat.id });
+        if (isFirstMessage) {
+            // if the chat has a title and this was its first message, we need to rename it according to the title, otherwise, the backend will
+            // keep the name generated by default.
+            if (!untitled) {
+                try {
+                    await aiClient.renameChat.mutate({
+                        conversationId: chat.id,
+                        conversationUpdateTitleRequest: { title: chat.get('label') },
+                    });
+                }
+                catch (error) {
+                    // eslint-disable-next-line no-console
+                    console.warn('Failed to rename chat:', chat.get('label'), error);
+                }
+            }
+            // this makes sure to update the chat history
+            aiClient.chats.invalidate();
+        }
     }
+    botEntry.setValue({ ...botEntry.getValue(), done: true });
     chat.set('isLoading', false);
 }
 //# sourceMappingURL=send-message.js.map

package/dist/chat-interceptors/send-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"send-message.js","sourceRoot":"","sources":["../../src/chat-interceptors/send-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACxE,OAAO,EAAE,SAAS,EAAmB,MAAM,oBAAoB,CAAA;AAE/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA;AAE5E,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAAC,KAAgB,EAAE,IAAe,EAAE,MAAmB;IACjG,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;IAC/C,IAAI,SAAS,KAAK,MAAM;QAAE,OAAM;IAChC,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAA;IAC9C,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IAC3B,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,KAAK,CAAC,CAAA;IACtD,IAAI,cAAc;QAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IACzG,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAA;IACvD,MAAM,QAAQ,GAAG,SAAS,CAAC,sBAAsB,EAAE,CAAA;IACnD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC1B,IAAI,gBAA+C,CAAA;IACnD,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACtB,IAAI,KAAK,CAAC,OAAO,EAAE,MAAM,KAAK,gBAAgB,EAAE,MAAM,EAAE,CAAC;YACvD,gBAAgB,GAAG,gCAAgC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QACpE,CAAC;QACD,QAAQ,CAAC,QAAQ,CAAC;YAChB,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,KAAK,CAAC,MAAM,IAAI,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,UAAU,IAAI,SAAS;YACxC,gBAAgB;YAChB,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;YACjC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;SACzB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IACF,IAAI,CAAC;QACH,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;QACvB,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QACrD,IAAI,cAAc;YAAE,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA;IACjD,CAAC;IAAC,OAAO,KAAU,EAAE,CAAC;QACpB,QAAQ,CAAC,QAAQ,CAAC;YAChB,GAAG,QAAQ,CAAC,QAAQ,EAAE;YACtB,KAAK,EAAE,KAAK,YAAY,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,KAAK,EAAE,CAAC;SAC9F,CAAC,CAAA;IACJ,CAAC;IACD,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC9B,CAAC"}
+{"version":3,"file":"send-message.js","sourceRoot":"","sources":["../../src/chat-interceptors/send-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,QAAQ,EAAgE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEtK,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,SAAS,EAAkC,MAAM,oBAAoB,CAAA;AAG9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAA;AAErE;;;;;;;;GAQG;AACH,MAAM,UAAU,gCAAgC,CAC9C,QAAsE,EACtE,gBAA+C,EAC/C,KAAmC,EACnC,WAAW,GAAG,KAAK;IAEnB,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;QAC9B,SAAS,EAAE,QAAQ,CAAC,UAAU,IAAI,SAAS;QAC3C,gBAAgB;QAChB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,SAAS;QAC3D,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,aAAa,EAAE,QAAQ,CAAC,aAAa;QACrC,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,IAAI,EAAE,KAAK;KACZ,CAAA;IACD,OAAO,KAAsB,CAAA;AAC/B,CAAC;AAED,SAAS,WAAW,CAAC,OAAe,EAAE,IAAU;IAC9C,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,OAAO,IAAI,GAAG,CAAA,CAAC,yBAAyB;IACvG,OAAO,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;AAC/D,CAAC;AAED,0EAA0E;AAC1E,MAAM,uBAAuB,GAAG,CAAC,QAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE;IACnF,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAA;IACnC,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAA;QAClE,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,KAAK,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAA;IACzE,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAAE,QAAqB,EAAE,EAAE;IACvE,MAAM,WAAW,GAAG,SAAS,CAAC,EAAE,CAAA;IAEhC,IAAI,WAAW,EAAE,CAAC;QAChB,iEAAiE;QACjE,MAAM,SAAS,GAAG,4BAA4B,CAAC,2CAA2C,CAAC,WAAW,CAAC,CAAA;QACvG,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,CAAA;QAC9E,MAAM,iBAAiB,GAAG,YAAY,EAAE,QAAQ,EAAE,CAAA;QAClD,IAAI,MAAM,GAAG,KAAK,CAAA;QAClB,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;QACnE,MAAM,IAAI,GAAG,iBAAiB,EAAE,KAAK;YACnC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,CAAA;QACrG,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;YACpB,MAAM,GAAG,IAAI,CAAA;QACf,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,YAAY,EAAE,QAAQ,CAAC,EAAE,GAAG,iBAAkC,EAAE,CAAC,CAAA;QACnE,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,IAAc,EAAE,QAAqB,EAAE,EAAE;IAClE,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAA;IAE9D,IAAI,oBAAoB,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,oBAAoB,CAAC,EAAE,CAAC,CAAA;QACvF,MAAM,iBAAiB,GAAG,YAAY,EAAE,QAAQ,EAAE,CAAA;QAClD,iBAAiB,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE;YAC/C,IAAI,WAAW,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;gBAC/B,WAAW,GAAG,EAAE,GAAG,IAAI,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC,CAAC,CAAA;QACF,YAAY,EAAE,QAAQ,CAAC,EAAE,GAAG,iBAAkC,EAAE,CAAC,CAAA;IACnE,CAAC;AACH,CAAC,CAAA;AAGD,MAAM,qBAAqB,GAAG,CAAC,QAAqB,EAAE,EAAE;IACtD,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAA;IAE9D,IAAI,oBAAoB,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,oBAAoB,CAAC,EAAE,CAAC,CAAA;QACvF,MAAM,iBAAiB,GAAG,YAAY,EAAE,QAAQ,EAAE,CAAA;QAClD,iBAAiB,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACrC,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,MAAM,KAAK,mBAAmB,EAAE,CAAC;gBACpE,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;YACzB,CAAC;QACH,CAAC,CAAC,CAAA;QACF,YAAY,EAAE,QAAQ,CAAC,EAAE,GAAG,iBAAkC,EAAE,CAAC,CAAA;IACnE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAqB,EAAE,KAA+D,EACtH,IAAe,EAAE,QAAmB,EAAE,gBAA+C;IACrF,IAAI,KAAK,CAAC,UAAU,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC;QAC1C,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;YACxC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,EAAE,MAAM,KAAK,KAAK,EAAE,CAAC;QAC5E,+EAA+E;QAC/E,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAA;QAC9E,IAAI,WAAW,EAAE,MAAM,EAAE,CAAC;YACxB,WAAW,CAAC,MAAM,GAAG,OAAO,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,EAAE,MAAM,KAAK,gBAAgB,EAAE,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,qBAAqB,EAAE,CAAC;QACrG,gBAAgB,GAAG,gCAAgC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACpE,CAAC;IAED,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAA;IAC9D,IAAI,oBAAoB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACxC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE;YACtB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC7B,qBAAqB,CAAC,QAAQ,CAAC,CAAA;YACjC,CAAC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBAChC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;YACnC,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,EAAE,MAAM,KAAK,mBAAmB,EAAE,CAAC;QAC1F,gBAAgB,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IAC9C,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;QAClE,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YACtC,MAAM,SAAS,GAAG,4BAA4B,CAAC,2CAA2C,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YACnG,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,KAAK,SAAS,CAAC,CAAA;YAC9E,MAAM,iBAAiB,GAAG,YAAY,EAAE,QAAQ,EAAE,CAAA;YAClD,IAAI,MAAM,GAAG,KAAK,CAAA;YAClB,MAAM,IAAI,GAAG,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;YACzE,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;gBACpE,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;oBACpC,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;oBACrC,IAAI,CAAC,UAAU;wBAAE,OAAM;oBACvB,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;wBACjD,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;wBACrC,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE,WAAW,KAAK,OAAO,EAAE,WAAW;4BAAE,OAAO,QAAQ,CAAA;wBAC/E,MAAM,GAAG,IAAI,CAAA;wBACb,OAAO,EAAE,GAAG,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAA;oBACpC,CAAC,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;gBACF,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;oBAChD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;gBAC7D,CAAC;YACH,CAAC;YACD,IAAI,MAAM,EAAE,CAAC;gBACX,YAAY,EAAE,QAAQ,CAAC,EAAE,GAAG,iBAAkC,EAAE,CAAC,CAAA;YACnE,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IAC5E,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,gCAAgC,CAAC,KAAK,EAAE,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAA;AACrH,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAAC,KAAgB,EAAE,IAAe,EAAE,MAAmB;IACjG,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;IACrD,IAAI,SAAS,KAAK,MAAM;QAAE,OAAM;IAChC,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACrD,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;IAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;IACnC,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAA;IAC5C,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,MAAM,CAAC,CAAA;QAC1E,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;IACvB,CAAC;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;IAC7F,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAA;IACvD,MAAM,QAAQ,GAAG,SAAS,CAAC,sBAAsB,EAAE,CAAA;IACnD,mFAAmF;IACnF,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,SAAS,EAAE,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC5B,CAAC;IACD,IAAI,gBAA+C,CAAA;IAEnD,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACtB,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,IAAI,UAA8C,CAAA;IAClD,IAAI,CAAC;QACH,UAAU,GAAG,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAA;QAEpC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAA;QAC9D,IAAI,oBAAoB,EAAE,CAAC;YACzB,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,EAAE,CAAA;YAC7C,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAA;YAClD,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACtC,CAAC;QACD,sGAAsG;QACtG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,SAAS,EAAE,CAAC;YACpC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC;IAAC,OAAO,KAAU,EAAE,CAAC;QACpB,IAAI,KAAK,YAAY,mBAAmB,EAAE,CAAC;YACzC,UAAU,GAAG,MAAM,CAAC,eAAe,EAAE,CAAA;QACvC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,QAAQ,CAAC;gBAChB,GAAG,QAAQ,CAAC,QAAQ,EAAE;gBACtB,KAAK,EAAE,uBAAuB,CAC5B,KAAK,YAAY,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,KAAK,EAAE,CAAC,EACtF,KAAK,CAAC,MAAM,IAAI,GAAG,CACpB;aACF,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IACD,IAAI,UAAU,EAAE,MAAM,EAAE,CAAC;QACvB,QAAQ,CAAC,QAAQ,CAAC;YAChB,GAAG,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC;YAC9G,WAAW,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,WAAW;SAC7C,CAAC,CAAA;QACF,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;QACrD,IAAI,cAAc,EAAE,CAAC;YACnB,mIAAmI;YACnI,sCAAsC;YACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,IAAI,CAAC;oBACH,MAAM,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC;wBAC/B,cAAc,EAAE,IAAI,CAAC,EAAE;wBACvB,8BAA8B,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;qBAC7D,CAAC,CAAA;gBACJ,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,sCAAsC;oBACtC,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAA;gBAClE,CAAC;YACH,CAAC;YACD,6CAA6C;YAC7C,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC;IACH,CAAC;IACD,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IACzD,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAC9B,CAAC"}

package/dist/components/AdaptiveTextArea.d.ts

@@ -1,10 +1,22 @@
-import { Textarea } from '@citric/core';
+import { Textarea } from '@stack-spot/citric-react';
 import { PropsOf } from '../types.js';
 interface Props extends PropsOf<typeof Textarea> {
+    /**
+     * A function to run whenever the height of the text area increases.
+     */
     onIncreaseSize?: () => void;
+    /**
+     * A function to run whenever the text area value becomes empty.
+     */
     onResetSize?: () => void;
-    maxHeight?: number;
+    /**
+     * The maximum height this textarea can get to.
+     */
+    maxHeight?: () => number;
 }
-export declare const AdaptiveTextArea: ({ value, onIncreaseSize, onResetSize, maxHeight, style, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+/**
+ * The adaptive textarea grows in height whenever needed until the maximum height is reached.
+ */
+export declare const AdaptiveTextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
 export {};
 //# sourceMappingURL=AdaptiveTextArea.d.ts.map

package/dist/components/AdaptiveTextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveTextArea.d.ts","sourceRoot":"","sources":["../../src/components/AdaptiveTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,UAAU,KAAM,SAAQ,OAAO,CAAC,OAAO,QAAQ,CAAC;IAC9C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,uEAAwE,KAAK,4CAuBzG,CAAA"}
+{"version":3,"file":"AdaptiveTextArea.d.ts","sourceRoot":"","sources":["../../src/components/AdaptiveTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,UAAU,KAAM,SAAQ,OAAO,CAAC,OAAO,QAAQ,CAAC;IAC9C;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,oHAmC3B,CAAA"}

package/dist/components/AdaptiveTextArea.js

@@ -1,28 +1,40 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Textarea } from '@citric/core';
-import { useEffect, useRef } from 'react';
-export const AdaptiveTextArea = ({ value, onIncreaseSize, onResetSize, maxHeight, style, ...props }) => {
-    const ref = useRef(null);
+/* eslint-disable react/display-name */
+import { Textarea } from '@stack-spot/citric-react';
+import { forwardRef, useEffect, useRef } from 'react';
+/**
+ * The adaptive textarea grows in height whenever needed until the maximum height is reached.
+ */
+export const AdaptiveTextArea = forwardRef(({ value, onIncreaseSize, onResetSize, style, maxHeight, ...props }, externalRef) => {
+    const localRef = useRef(null);
+    const ref = externalRef ?? localRef;
+    const handleIncreaseSize = (newHeight) => {
+        onIncreaseSize?.();
+        if (maxHeight && newHeight > maxHeight?.() && ref.current) {
+            ref.current.style.overflowY = 'auto';
+        }
+    };
     useEffect(() => {
         if (!ref.current)
             return;
         const height = ref.current.clientHeight;
         const scroll = ref.current.scrollHeight;
-        if (!maxHeight || height < maxHeight) {
+        const computedMaxHeight = maxHeight?.() ?? 0;
+        if (!maxHeight || height < computedMaxHeight) {
             ref.current.style.overflowY = 'hidden';
             if (height < scroll) {
                 ref.current.style.height = `${scroll}px`;
-                onIncreaseSize?.();
+                handleIncreaseSize(scroll);
             }
         }
-        else if (maxHeight) {
+        else if (computedMaxHeight) {
             ref.current.style.overflowY = 'auto';
         }
         if (!value) {
             ref.current.style.height = '';
             onResetSize?.();
         }
-    }, [value, maxHeight]);
-    return _jsx(Textarea, { ...props, ref: ref, value: value, style: { ...style, maxHeight } });
-};
+    }, [value]);
+    return _jsx(Textarea, { ...props, ref: ref, value: value, style: { ...style, maxHeight: maxHeight?.() } });
+});
 //# sourceMappingURL=AdaptiveTextArea.js.map

package/dist/components/AdaptiveTextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveTextArea.js","sourceRoot":"","sources":["../../src/components/AdaptiveTextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IAC5G,MAAM,GAAG,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAM;QACxB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAA;QACvC,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAA;QACvC,IAAI,CAAC,SAAS,IAAI,MAAM,GAAG,SAAS,EAAE,CAAC;YACrC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAA;YACtC,IAAI,MAAM,GAAG,MAAM,EAAE,CAAC;gBACpB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAA;gBACxC,cAAc,EAAE,EAAE,CAAA;YACpB,CAAC;QACH,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QACtC,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAA;YAC7B,WAAW,EAAE,EAAE,CAAA;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtB,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,GAAI,CAAA;AACxF,CAAC,CAAA"}
+{"version":3,"file":"AdaptiveTextArea.js","sourceRoot":"","sources":["../../src/components/AdaptiveTextArea.tsx"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAkBrD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAA6B,CACrE,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAClE,WAAW,EACX,EAAE;IACF,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAClD,MAAM,GAAG,GAAG,WAAmD,IAAI,QAAQ,CAAA;IAE3E,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC/C,cAAc,EAAE,EAAE,CAAA;QAClB,IAAI,SAAS,IAAI,SAAS,GAAG,SAAS,EAAE,EAAE,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAC1D,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QACtC,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAM;QACxB,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAA;QACvC,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,CAAA;QACvC,MAAM,iBAAiB,GAAG,SAAS,EAAE,EAAE,IAAI,CAAC,CAAA;QAC5C,IAAI,CAAC,SAAS,IAAI,MAAM,GAAG,iBAAiB,EAAE,CAAC;YAC7C,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAA;YACtC,IAAI,MAAM,GAAG,MAAM,EAAE,CAAC;gBACpB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAA;gBACxC,kBAAkB,CAAC,MAAM,CAAC,CAAA;YAC5B,CAAC;QACH,CAAC;aAAM,IAAI,iBAAiB,EAAE,CAAC;YAC7B,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QACtC,CAAC;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAA;YAC7B,WAAW,EAAE,EAAE,CAAA;QACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,KAAC,QAAQ,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,GAAI,CAAA;AACvG,CAAC,CAAC,CAAA"}

package/dist/components/AgentCard/AgentCardCreate.d.ts

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

package/dist/components/AgentCard/AgentCardCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentCardCreate.d.ts","sourceRoot":"","sources":["../../../src/components/AgentCard/AgentCardCreate.tsx"],"names":[],"mappings":"AA6BA,eAAO,MAAM,eAAe,uBAAwB;IAAE,cAAc,EAAE,MAAM,CAAA;CAAG,4CAY9E,CAAA"}

package/dist/components/AgentCard/AgentCardCreate.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconBox, Link, Text } from '@stack-spot/citric-react';
+import { theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { styled } from 'styled-components';
+import { dictionary } from './dictionary.js';
+const StyledCard = styled(Link) `
+  cursor: pointer;
+  border-radius: 8px;
+  transition: background-color 0.3s;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  border: 1px solid ${theme.color.light[600]};
+  text-decoration: none;
+  padding-right: 16px !important;
+
+  &:hover {
+    background-color: ${theme.color.light[500]};
+  }
+
+  .text-box {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    color: ${theme.color.light['contrastText']}
+  }
+`;
+export const AgentCardCreate = ({ urlCreateAgent }) => {
+    const t = useTranslate(dictionary);
+    return (_jsxs(StyledCard, { href: urlCreateAgent, role: "link", tabIndex: 0, className: 'agent-card', children: [_jsx(IconBox, { appearance: "square", size: "md", icon: "PlusMini" }), _jsx("div", { className: "text-box", children: _jsx(Text, { appearance: "body2", children: `${t.create} ${t.agent}` }) })] }));
+};
+//# sourceMappingURL=AgentCardCreate.js.map

package/dist/components/AgentCard/AgentCardCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentCardCreate.js","sourceRoot":"","sources":["../../../src/components/AgentCard/AgentCardCreate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;sBAOT,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;wBAKpB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;aAOjC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;;CAE7C,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,cAAc,EAA+B,EAAE,EAAE;IACjF,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,YAAY,aAChF,KAAC,OAAO,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,GAAG,EACzD,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,YACrB,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,EAAE,GACpB,GACH,IACK,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/AgentCard/dictionary.d.ts

@@ -0,0 +1,23 @@
+export declare const dictionary: {
+    en: {
+        built_in: string;
+        recently_used: string;
+        workspace: string;
+        personal: string;
+        account: string;
+        shared: string;
+        agent: string;
+        create: string;
+    };
+    pt: {
+        built_in: string;
+        recently_used: string;
+        workspace: string;
+        personal: string;
+        account: string;
+        shared: string;
+        agent: string;
+        create: string;
+    };
+};
+//# sourceMappingURL=dictionary.d.ts.map

package/dist/components/AgentCard/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../src/components/AgentCard/dictionary.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAqBD,CAAA"}

package/dist/components/AgentCard/dictionary.js

@@ -0,0 +1,23 @@
+export const dictionary = {
+    en: {
+        'built_in': 'Built-in',
+        'recently_used': 'Recent',
+        workspace: 'Spot',
+        personal: 'Personal',
+        account: 'Account',
+        shared: 'Shared',
+        agent: 'Agent',
+        create: 'Create',
+    },
+    pt: {
+        'built_in': 'Embutido',
+        'recently_used': 'Recente',
+        workspace: 'Spot',
+        personal: 'Personal',
+        account: 'Conta',
+        shared: 'Compartilhado',
+        agent: 'Agente',
+        create: 'Criar',
+    },
+};
+//# sourceMappingURL=dictionary.js.map

package/dist/components/AgentCard/dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/components/AgentCard/dictionary.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;QACtB,eAAe,EAAE,QAAQ;QACzB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;KACjB;IACD,EAAE,EAAE;QACF,UAAU,EAAE,UAAU;QACtB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,eAAe;QACvB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,OAAO;KAChB;CACmB,CAAA"}

package/dist/components/AgentCard/index.d.ts

@@ -0,0 +1,5 @@
+import { LabeledAgent } from '../../state/types.js';
+export declare const AgentCard: ({ agent }: {
+    agent: LabeledAgent;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AgentCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AgentCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AA4ChD,eAAO,MAAM,SAAS,cAAe;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,4CA+B3D,CAAA"}

package/dist/components/AgentCard/index.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, ImageWithFallback, Text } from '@stack-spot/citric-react';
+import { listToClass, theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { styled } from 'styled-components';
+import placeholder from '../../assets/placeholder.png';
+import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
+import { dictionary } from './dictionary.js';
+const StyledCard = styled(Card) `
+  cursor: pointer;
+  border-radius: 8px;
+  transition: background-color 0.3s;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  &:hover, &:focus {
+    background-color: ${theme.color.light[500]} !important;
+  }
+
+  &.active {
+    background-color: ${theme.color.light[600]} !important;
+  }
+
+  img {
+    width: 125px;
+    height: 130px;
+    border-radius: 8px;
+  }
+  
+  h6 {
+    max-width: 125px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .agent-type {
+    display: flex;
+    gap: 4px;
+  }
+
+  .text-box {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+`;
+export const AgentCard = ({ agent }) => {
+    const t = useTranslate(dictionary);
+    const chat = useCurrentChat();
+    const currentAgent = useCurrentChatState('agent');
+    return (_jsxs(StyledCard, { onClick: () => chat.set('agent', agent), role: "button", tabIndex: 0, bgLevel: 400, className: listToClass(['agent-card', currentAgent?.id === agent.id && 'active']), children: [_jsx(ImageWithFallback, { src: agent.image ?? '', fallback: _jsx("img", { src: placeholder }) }), _jsxs("div", { className: "text-box", children: [agent.visibility_level && (_jsxs("div", { className: "agent-type", children: [_jsx(Text, { appearance: "microtext1", color: "light.700", children: t[agent.visibility_level.toLowerCase()] }), _jsx(Text, { appearance: "microtext1", children: t.agent })] })), _jsx(Text, { appearance: "h6", children: agent.label })] })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/AgentCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AgentCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;;;wBASP,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;wBAItB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B7C,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IAC9D,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,MAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,EACvC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EACZ,SAAS,EAAE,WAAW,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,KAAK,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,aAEjF,KAAC,iBAAiB,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAK,GAAG,EAAE,WAAW,GAAI,GAAI,EAClF,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,gBAAgB,IAAI,CACzB,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,YAC5C,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAoB,CAAC,GACrD,EACP,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,YAC1B,CAAC,CAAC,KAAK,GACH,IACH,CACP,EACD,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,YAClB,KAAK,CAAC,KAAK,GACP,IACH,IACK,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/components/AnimatedOpacity.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    children: React.ReactNode | React.ReactNode[];
+    durationMs?: number;
+    visible: boolean;
+}
+export declare const AnimatedOpacity: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=AnimatedOpacity.d.ts.map

package/dist/components/AnimatedOpacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedOpacity.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedOpacity.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAUD,eAAO,MAAM,eAAe,kGAmC1B,CAAA"}

package/dist/components/AnimatedOpacity.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react/display-name */
+import { listToClass } from '@stack-spot/portal-theme';
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { styled } from 'styled-components';
+const Styled = styled.div `
+  opacity: 0;
+  transition: opacity ${({ $durationMs }) => $durationMs / 1000}s;
+  &.visible {
+    opacity: 1;
+  }
+`;
+export const AnimatedOpacity = forwardRef(({ children, visible, durationMs = 300 }, ref) => {
+    const [content, setContent] = useState(visible ? children : null);
+    const animation = useRef();
+    const previousVisible = useRef();
+    useEffect(() => {
+        const isFirstRender = previousVisible === undefined;
+        const isChangingVisibility = visible !== previousVisible.current;
+        previousVisible.current = visible;
+        if (isFirstRender)
+            return;
+        if (isChangingVisibility) {
+            if (animation.current) {
+                window.clearTimeout(animation.current);
+                animation.current = undefined;
+                return setContent(visible ? children : null);
+            }
+            if (visible)
+                setContent(children);
+            animation.current = window.setTimeout(() => {
+                if (!visible)
+                    setContent(null);
+                animation.current = undefined;
+            }, durationMs);
+        }
+        else if (visible || !animation.current) {
+            setContent(visible ? children : null);
+        }
+        return () => {
+            window.clearTimeout(animation.current);
+        };
+    }, [visible, children]);
+    return (_jsx(Styled, { ref: ref, "$durationMs": durationMs, className: listToClass(['fade-animation', visible && 'visible']), children: content }));
+});
+//# sourceMappingURL=AnimatedOpacity.js.map