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

package/dist/views/Home.js

@@ -1,68 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { FaceSmile, KnowledgeSource, QuickCommand } from '@citric/icons';
-import { MiniLogo } from '@stack-spot/portal-components/svg';
-import { theme } from '@stack-spot/portal-theme';
-import { useTranslate } from '@stack-spot/portal-translate';
-import { styled } from 'styled-components';
-import { QuickStartButton } from '../components/QuickStartButton.js';
-import { useCurrentChat } from '../context/hooks.js';
-import { ChatEntry } from '../state/ChatEntry.js';
-const HomeBox = styled.div `
-  margin: auto;
-
-  .title, .subtitle {
-    font-family: 'San Francisco';
-    font-size: 26px;
-    font-weight: 600;
-    margin: 0;
-  }
-
-  .title {
-    display: inline-block;
-    background: linear-gradient(72.81deg, #FF9900 0.96%, #FF6633 100%);
-    background-clip: text;
-    margin-bottom: 10px;
-    color: transparent;
-  }
-
-  .subtitle {
-    color: #A0A0A0;
-    margin-bottom: 20px;
-  }
-
-  .shortcuts {
-    display: flex;
-    flex-direction: row;
-    gap: 15px;
-    li {
-      flex: 1;
-    }
-  }
-`;
-export const Home = ({ username }) => {
-    const t = useTranslate(dictionary);
-    const chat = useCurrentChat();
-    function send(message) {
-        chat.pushMessage(ChatEntry.createUserEntry(message));
-    }
-    return (_jsxs(HomeBox, { className: "home-page", children: [_jsxs("h2", { className: "title", children: [t.hello, ", ", username] }), _jsx("h3", { className: "subtitle", children: t.subtitle }), _jsxs("div", { className: "shortcuts", children: [_jsx(QuickStartButton, { label: t['question.meta'], onClick: () => send(t['question.meta']), icon: _jsx(MiniLogo, {}), background: theme.color.orange[50] }), _jsx(QuickStartButton, { label: t['question.ks'], onClick: () => send(t['question.ks']), icon: _jsx(KnowledgeSource, {}), background: theme.color.cyan[50], color: theme.color.cyan[600] }), _jsx(QuickStartButton, { label: t['question.agents'], onClick: () => send(t['question.agents']), icon: _jsx(FaceSmile, {}), background: theme.color.pink[50], color: theme.color.pink[600] }), _jsx(QuickStartButton, { label: t['question.qc'], onClick: () => send(t['question.qc']), icon: _jsx(QuickCommand, {}), background: theme.color.purple[50], color: theme.color.purple[600] })] })] }));
-};
-const dictionary = {
-    en: {
-        hello: 'Hello',
-        subtitle: "Let's innovate and streamline your coding journey together. Want to lead the change? Just ask!",
-        'question.meta': 'What is StackSpot AI?',
-        'question.ks': 'What are Knowledge Sources?',
-        'question.agents': 'How do Agents work?',
-        'question.qc': 'What is a Quick Command?',
-    },
-    pt: {
-        hello: 'Olá',
-        subtitle: 'Vamos inovar e simplificar sua jornada de programação juntos. Quer liderar a mudança? É só perguntar!',
-        'question.meta': 'O que é a StackSpot AI?',
-        'question.ks': 'O que são Knowledge Sources?',
-        'question.agents': 'Como funcionam os agentes?',
-        'question.qc': 'O que é um Quick Command?',
-    },
-};
-//# sourceMappingURL=Home.js.map

package/dist/views/Home.js.map

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

package/dist/views/MessageInput/ButtonGroup.d.ts

@@ -1,12 +0,0 @@
-import { MessageInputFeatures } from '../../features.js';
-interface ButtonGroupProps {
-    features: MessageInputFeatures;
-    expanded: boolean;
-    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-    isLoading: boolean;
-    onSend: () => void;
-    onCancel: () => void;
-}
-export declare const ButtonGroup: ({ features, onSend, onCancel, expanded, setExpanded, isLoading }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/views/MessageInput/ButtonGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/ButtonGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,qEAAsE,gBAAgB,4CAwE7G,CAAA"}

package/dist/views/MessageInput/ButtonGroup.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronRight, Code, KnowledgeSource, Send, Stack, Times, Workspace } from '@citric/icons';
-import { IconButton } from '@citric/ui';
-import { MiniLogo } from '@stack-spot/portal-components/svg';
-import { listToClass } from '@stack-spot/portal-theme';
-import { useEffect, useRef } from 'react';
-import { useCurrentChatState, useWidget } from '../../context/hooks.js';
-import { useMessageInputDictionary } from './dictionary.js';
-export const ButtonGroup = ({ features, onSend, onCancel, expanded, setExpanded, isLoading }) => {
-    const t = useMessageInputDictionary();
-    const widget = useWidget();
-    const featureButtonsWidth = useRef();
-    const featureButtons = useRef(null);
-    const agent = useCurrentChatState('agent');
-    const hasFeatureButtons = features.agent || features.workspace || features.knowledgeSource || features.stack;
-    useEffect(() => {
-        if (!featureButtons.current)
-            return;
-        featureButtonsWidth.current = featureButtons.current.clientWidth;
-        featureButtons.current.style.width = `${featureButtonsWidth.current}px`;
-    }, []);
-    return (_jsxs("div", { className: "button-group", children: [hasFeatureButtons && _jsxs(_Fragment, { children: [_jsxs("div", { ref: featureButtons, className: listToClass(['feature-buttons', expanded && 'expanded']), style: { width: expanded ? featureButtonsWidth.current : 0 }, children: [features.agent && (_jsx(IconButton, { "aria-label": t.agent, title: t.agent, className: "agent", onClick: () => widget.set('panel', 'agent'), children: agent?.image ? _jsx("img", { src: agent.image }) : _jsx(MiniLogo, {}) })), features.workspace && (_jsx(IconButton, { "aria-label": t.workspace, title: t.workspace, onClick: () => widget.set('panel', 'workspace'), children: _jsx(Workspace, {}) })), features.knowledgeSource && (_jsx(IconButton, { "aria-label": t.knowledgeSource, title: t.knowledgeSource, onClick: () => widget.set('panel', 'ks'), children: _jsx(KnowledgeSource, {}) })), features.stack && (_jsx(IconButton, { "aria-label": t.stack, title: t.stack, onClick: () => widget.set('panel', 'stack'), children: _jsx(Stack, {}) })), features.editor && (_jsx(IconButton, { "aria-label": t.stack, title: t.stack, onClick: () => widget.set('panel', 'editor'), children: _jsx(Code, {}) }))] }), _jsx(IconButton, { title: expanded ? t.collapse : t.expand, className: listToClass(['expand', !expanded && 'collapsed']), "aria-label": expanded ? t.collapse : t.expand, onClick: () => setExpanded(v => !v), children: _jsx(ChevronRight, {}) })] }), isLoading ? (_jsx(IconButton, { "aria-label": t.cancel, onClick: onCancel, className: "send", title: t.cancel, children: _jsx(Times, {}) })) : (_jsx(IconButton, { "aria-label": t.send, onClick: onSend, className: "send", title: t.send, children: _jsx(Send, {}) }))] }));
-};
-//# sourceMappingURL=ButtonGroup.js.map

package/dist/views/MessageInput/ButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/views/MessageInput/ButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AAWxD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAoB,EAAE,EAAE;IAChH,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IACrC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,mBAAmB,GAAG,MAAM,EAAsB,CAAA;IACxD,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAC1C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,eAAe,IAAI,QAAQ,CAAC,KAAK,CAAA;IAE5G,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAE,cAAc,CAAC,OAAO;YAAE,OAAM;QACpC,mBAAmB,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,WAAW,CAAA;QAChE,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,mBAAmB,CAAC,OAAO,IAAI,CAAA;IACzE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC1B,iBAAiB,IAAI,8BACpB,eACE,GAAG,EAAE,cAAc,EACnB,SAAS,EAAE,WAAW,CAAC,CAAC,iBAAiB,EAAE,QAAQ,IAAI,UAAU,CAAC,CAAC,EACnE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,aAE3D,QAAQ,CAAC,KAAK,IAAI,CACjB,KAAC,UAAU,kBAAa,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAC3G,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,GAC7C,CACd,EACA,QAAQ,CAAC,SAAS,IAAI,CACrB,KAAC,UAAU,kBAAa,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,YACtG,KAAC,SAAS,KAAG,GACF,CACd,EACA,QAAQ,CAAC,eAAe,IAAI,CAC3B,KAAC,UAAU,kBACG,CAAC,CAAC,eAAe,EAC7B,KAAK,EAAE,CAAC,CAAC,eAAe,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,YAExC,KAAC,eAAe,KAAG,GACR,CACd,EACA,QAAQ,CAAC,KAAK,IAAI,CACjB,KAAC,UAAU,kBAAa,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAC1F,KAAC,KAAK,KAAG,GACE,CACd,EACA,QAAQ,CAAC,MAAM,IAAI,CAClB,KAAC,UAAU,kBAAa,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,YAC3F,KAAC,IAAI,KAAG,GACG,CACd,IACG,EACN,KAAC,UAAU,IACT,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EACvC,SAAS,EAAE,WAAW,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC,gBAChD,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAEnC,KAAC,YAAY,KAAG,GACL,IACZ,EACF,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,kBAAa,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,YACnF,KAAC,KAAK,KAAG,GACE,CACd,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,kBAAa,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,CAAC,IAAI,YAC7E,KAAC,IAAI,KAAG,GACG,CACd,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/views/MessageInput/InfoBar.d.ts

@@ -1,2 +0,0 @@
-export declare const InfoBar: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=InfoBar.d.ts.map

package/dist/views/MessageInput/InfoBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBar.d.ts","sourceRoot":"","sources":["../../../src/views/MessageInput/InfoBar.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,OAAO,+CA0DnB,CAAA"}

package/dist/views/MessageInput/InfoBar.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Times, TimesMini } from '@citric/icons';
-import { Badge, IconButton } from '@citric/ui';
-import { loader } from '@monaco-editor/react';
-import { listToClass } from '@stack-spot/portal-theme';
-import { useCallback, useMemo } from 'react';
-import { FadingOverflow } from '../../components/FadingOverflow.js';
-import { useCurrentChat, useCurrentChatState } from '../../context/hooks.js';
-import { useMessageInputDictionary } from './dictionary.js';
-const InfoBadge = ({ label, color, dismiss, onDismiss }) => (_jsxs(Badge, { appearance: "square", palette: color, className: "info-badge", children: [label, _jsx(IconButton, { onClick: onDismiss, title: dismiss, "arial-label": dismiss, children: _jsx(TimesMini, {}) })] }));
-export const InfoBar = () => {
-    const t = useMessageInputDictionary();
-    const chat = useCurrentChat();
-    const currentStack = useCurrentChatState('stack');
-    const currentWorkspace = useCurrentChatState('workspace');
-    const currentKnowledgeSources = useCurrentChatState('knowledgeSources');
-    const currentSelection = useCurrentChatState('codeSelection');
-    const visible = !!(currentStack || currentWorkspace || currentKnowledgeSources?.length || currentSelection);
-    const ksToRender = useMemo(() => currentKnowledgeSources?.map(ks => {
-        const onDismiss = () => chat.set('knowledgeSources', currentKnowledgeSources.filter(({ id }) => id !== ks.id));
-        return _jsx("li", { children: _jsx(InfoBadge, { label: ks.label, dismiss: t.removeKS, color: "teal", onDismiss: onDismiss }) }, ks.id);
-    }), [currentKnowledgeSources]);
-    const removeAll = useCallback(() => {
-        chat.set('knowledgeSources', []);
-        chat.set('stack', undefined);
-        chat.set('workspace', undefined);
-        removeCodeSelection();
-    }, []);
-    const removeCodeSelection = useCallback(() => {
-        const editor = loader.__getMonacoInstance()?.editor;
-        editor?.getEditors()[0].setSelection({ startLineNumber: 0, endLineNumber: 0, endColumn: 0, startColumn: 0 });
-    }, []);
-    return (_jsxs("div", { className: listToClass(['info-bar', visible && 'visible']), children: [_jsx("div", { className: "space" }), _jsxs("div", { className: "content", children: [_jsx(IconButton, { "aria-label": t.removeConfig, title: t.removeConfig, onClick: removeAll, children: _jsx(Times, {}) }), _jsx(FadingOverflow, { className: "list-overflow", scroll: "arrows", enableHorizontalScrollWithVerticalWheel: true, children: _jsxs("ul", { children: [currentSelection && (_jsx("li", { children: _jsx(InfoBadge, { label: t.selected, dismiss: t.removeSelection, color: "blue", onDismiss: removeCodeSelection }) })), currentStack && (_jsx("li", { children: _jsx(InfoBadge, { label: currentStack.label, dismiss: t.removeStack, color: "cyan", onDismiss: () => chat.set('stack', undefined) }) })), currentWorkspace && (_jsx("li", { children: _jsx(InfoBadge, { label: currentWorkspace.label, dismiss: t.removeWorkspace, color: "pink", onDismiss: () => chat.set('workspace', undefined) }) })), ksToRender] }) })] })] }));
-};
-//# sourceMappingURL=InfoBar.js.map

package/dist/views/MessageInput/InfoBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoBar.js","sourceRoot":"","sources":["../../../src/views/MessageInput/InfoBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAoB,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AASxD,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAkB,EAAE,EAAE,CAAC,CAC1E,MAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,YAAY,aAC9D,KAAK,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,iBAAe,OAAO,YAAE,KAAC,SAAS,KAAG,GAAa,IAC1F,CACT,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAA;IACrC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IACjD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAA;IACzD,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;IACvE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,YAAY,IAAI,gBAAgB,IAAI,uBAAuB,EAAE,MAAM,IAAI,gBAAgB,CAAC,CAAA;IAC3G,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE;QACjE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAC9G,OAAO,uBAAgB,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,IAA7F,EAAE,CAAC,EAAE,CAA6F,CAAA;IACpH,CAAC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAA;IAE9B,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;QAChC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;QAC5B,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;QAChC,mBAAmB,EAAE,CAAA;IACvB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,MAAM,CAAA;QACnD,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,CAAA;IAC9G,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,eAAK,SAAS,EAAE,WAAW,CAAC,CAAC,UAAU,EAAE,OAAO,IAAI,SAAS,CAAC,CAAC,aAC7D,cAAK,SAAS,EAAC,OAAO,GAAO,EAC7B,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,UAAU,kBAAa,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,YAAE,KAAC,KAAK,KAAG,GAAa,EACzG,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,EAAC,MAAM,EAAC,QAAQ,EAAC,uCAAuC,kBAC/F,yBACG,gBAAgB,IAAI,CACnB,uBACE,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,eAAe,EAAE,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,mBAAmB,GAAI,GACtG,CACN,EACA,YAAY,IAAI,CACf,uBACE,KAAC,SAAS,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,GAAI,GACzH,CACN,EACA,gBAAgB,IAAI,CACnB,uBACE,KAAC,SAAS,IACR,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAC7B,OAAO,EAAE,CAAC,CAAC,eAAe,EAC1B,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,GACjD,GACC,CACN,EACA,UAAU,IACR,GACU,IACb,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/views/Workspaces.d.ts

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

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

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

package/dist/views/Workspaces.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@citric/core';
-import { Search } from '@citric/icons';
-import { Placeholder } from '@stack-spot/portal-components/Placeholder';
-import { workspaceClient } from '@stack-spot/portal-network';
-import { useTranslate } from '@stack-spot/portal-translate';
-import { useEffect, useMemo, useState } from 'react';
-import { DescribedRadioGroup } from '../components/form/DescribedRadioGroup.js';
-import { IconInput } from '../components/IconInput.js';
-import { RightPanelForm } from '../components/RightPanelForm.js';
-import { useCurrentChat, useWidget, useWidgetState } from '../context/hooks.js';
-import { useRightPanel } from '../right-panel/hooks.js';
-export const Workspaces = () => {
-    const t = useTranslate(dictionary);
-    const panel = useWidgetState('panel');
-    const { open } = useRightPanel();
-    const widget = useWidget();
-    const chat = useCurrentChat();
-    useEffect(() => {
-        if (panel === 'workspace')
-            open(_jsx(RightPanelForm, { children: _jsx(WorkspacesPanel, {}, chat.id) }), { title: t.title, description: t.description, onClose: () => widget.set('panel', undefined) });
-    }, [panel, t, chat.id]);
-    return null;
-};
-const WorkspacesPanel = () => {
-    const t = useTranslate(dictionary);
-    const { close } = useRightPanel();
-    const chat = useCurrentChat();
-    const [filter, setFilter] = useState('');
-    const workspaces = workspaceClient.workspaces.useQuery({ aclOnly: false });
-    const [value, setValue] = useState(workspaces.find(w => w.id === chat.get('workspace')?.id));
-    const filtered = useMemo(() => filter ? workspaces.filter(w => w === value || w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : workspaces, [workspaces, filter, value]);
-    function submit() {
-        if (value)
-            chat.set('workspace', { id: value.id, label: value.name });
-        close();
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "content", children: [_jsx(IconInput, { icon: _jsx(Search, {}), value: filter, onChange: setFilter, className: "search" }), !!filtered.length && _jsx(DescribedRadioGroup, { options: filtered, keygen: w => w.id, value: value, onChange: setValue, renderLabel: w => w.name, renderDescription: w => w.description, optionClassName: w => (w === value && filter && !w.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
-                            ? 'filtered-out'
-                            : '', className: "option-list" }), !!workspaces.length && !filtered.length && _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription }), !workspaces.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription })] }), _jsx(Button, { onClick: submit, disabled: !value, children: t.apply })] }));
-};
-const dictionary = {
-    en: {
-        title: 'Workspaces',
-        description: 'By selecting a workspace, its Knowledge Sources (KSs) will be consulted to generate the answers.',
-        apply: 'Apply',
-        noSearchResults: "Your search didn't yield results.",
-        noSearchResultsDescription: 'Please, try another search term.',
-        noData: 'There are no workspaces yet.',
-        noDataDescription: 'Use the AI portal to create new workspaces.',
-    },
-    pt: {
-        title: 'Workspaces',
-        description: 'Ao selecionar um workspace, seus Knowledge Sources (KSs) serão consultados para gerar as respostas.',
-        apply: 'Aplicar',
-        noSearchResults: 'Sua busca não produziu resultados',
-        noSearchResultsDescription: 'Por favor, tente outra busca.',
-        noData: 'Ainda não há workspace.',
-        noDataDescription: 'Use o Portal AI para criar novos workspaces.',
-    },
-};
-//# sourceMappingURL=Workspaces.js.map

package/dist/views/Workspaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Workspaces.js","sourceRoot":"","sources":["../../src/views/Workspaces.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,WAAW;YAAE,IAAI,CAC7B,KAAC,cAAc,cAAC,KAAC,eAAe,MAAM,IAAI,CAAC,EAAE,CAAI,GAAiB,EAClE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAC9F,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IAEvB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAA;IACjC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;IAC/H,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,EAClI,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,CAC5B,CAAA;IAED,SAAS,MAAM;QACb,IAAI,KAAK;YAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;QACrE,KAAK,EAAE,CAAA;IACT,CAAC;IAED,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,SAAS,IAAC,IAAI,EAAE,KAAC,MAAM,KAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,GAAG,EACrF,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAC,mBAAmB,IACxC,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EACxB,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EACrC,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,MAAM,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;4BAC/G,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,EAAE,EAEN,SAAS,EAAC,aAAa,GACvB,EACD,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,EAAE,WAAW,EAAE,CAAC,CAAC,0BAA0B,GAAI,EAC/H,CAAC,UAAU,CAAC,MAAM,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,iBAAiB,GAAI,IACrF,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,KAAK,YAAG,CAAC,CAAC,KAAK,GAAU,IAC5D,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,kGAAkG;QAC/G,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,mCAAmC;QACpD,0BAA0B,EAAE,kCAAkC;QAC9D,MAAM,EAAE,8BAA8B;QACtC,iBAAiB,EAAE,6CAA6C;KACjE;IACD,EAAE,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,qGAAqG;QAClH,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,mCAAmC;QACpD,0BAA0B,EAAE,+BAA+B;QAC3D,MAAM,EAAE,yBAAyB;QACjC,iBAAiB,EAAE,8CAA8C;KAClE;CACmB,CAAA"}

package/src/components/Accordion.tsx

@@ -1,64 +0,0 @@
-/* Copiar do EDP ou usar o AnimatedHeight da lib de components */
-
-import { ChevronDown } from '@citric/icons'
-import { IconButton } from '@citric/ui'
-import { AnimatedHeight } from '@stack-spot/portal-components/AnimatedHeight'
-import { WithStyle } from '@stack-spot/portal-theme'
-import React, { useState } from 'react'
-import { styled } from 'styled-components'
-import { WithChildren } from '../types'
-
-interface Props extends WithStyle, Required<WithChildren> {
-  header: React.ReactNode,
-  startExpanded?: boolean,
-}
-
-const StyledAccordion = styled.div`
-  > header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px;
-
-    > button {
-      transition: transform 0.3s ease-out;
-      background: transparent;
-      border: none;
-      padding: 0;
-
-      &:hover {
-        background: transparent;
-      }
-
-      svg {
-        width: 16px;
-        height: 16px;
-        margin: 4px;
-      }
-    }
-
-    &.expanded > button {
-      transform: rotate(180deg);
-    }
-  }
-
-  > .accordion-content {
-    padding: 10px;
-  }
-`
-
-export const Accordion = ({ children, header, className, startExpanded, style }: Props) => {
-  const [expanded, setExpanded] = useState(startExpanded)
-  return (
-    <AnimatedHeight style={style} className={className}>
-      <StyledAccordion>
-        <header className={expanded ? 'expanded' : ''}>
-          {header}
-          <IconButton onClick={() => setExpanded(v => !v)}><ChevronDown /></IconButton>
-        </header>
-        {expanded ? <div className="accordion-content">{children}</div> : null}
-      </StyledAccordion>
-    </AnimatedHeight>
-  )
-}

package/src/components/FallbackBoundary/ErrorBoundary.tsx

@@ -1,48 +0,0 @@
-import { ErrorDescription, ErrorFeedback } from '@stack-spot/portal-components/error'
-import { StackspotAPIError } from '@stack-spot/portal-network'
-import { Component } from 'react'
-
-interface State extends ErrorDescription {
-  hasError: boolean,
-}
-
-interface Props {
-  children: React.ReactNode,
-}
-
-/**
- * An Error Boundary that renders an ErrorFeedback instead of its content if any of its children throws.
- * 
- * To customize what properties are passed to the ErrorFeedback component, setup an error descriptor for the ErrorManager class. If you're
- * using the component `Layout` or `RawLayout`, you can use the property `errorDescriptor`.
- * 
- * To run an error handler every time an error is catch by this boundary, setup an error handler for the ErrorManager class. If you're
- * using the component `Layout` or `RawLayout`, you can use the property `onError`.
- */
-export class ErrorBoundary extends Component<Props, State> {
-  constructor(props: Props) {
-    super(props)
-    this.state = { hasError: false }
-  }
-
-  static getDerivedStateFromError(error: any) {
-    const message = error instanceof StackspotAPIError ? error.translate() : (error.message ?? `${error}`)
-    const code = error instanceof StackspotAPIError ? error.status : undefined
-    return { hasError: true, message, code }
-  }
-
-  componentDidCatch(error: any, errorInfo: any) {
-    // eslint-disable-next-line no-console
-    console.error(error, errorInfo)
-  }
-
-  componentDidUpdate(prevProps: Readonly<Props>) {
-    if (this.props.children !== prevProps.children) this.setState({ hasError: false })
-  }
-
-  render() {
-    return this.state.hasError
-      ? <ErrorFeedback code={this.state.code} message={this.state.message} />
-      : this.props.children
-  }
-}

package/src/components/FallbackBoundary/Loading.tsx

@@ -1,14 +0,0 @@
-import { LoadingCircular } from '@citric/ui'
-import styled from 'styled-components'
-
-const LoadingBox = styled.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`
-
-export const Loading = () => (
-  <LoadingBox><LoadingCircular /></LoadingBox>
-)

package/src/components/FallbackBoundary/index.tsx

@@ -1,15 +0,0 @@
-import { Suspense } from 'react'
-import { WithChildren } from '../../types'
-import { ErrorBoundary } from './ErrorBoundary'
-import { Loading } from './Loading'
-
-/**
- * Fallbacks for errors and loadings (suspense).
- */
-export const FallbackBoundary = ({ children }: WithChildren) => (
-  <ErrorBoundary>
-    <Suspense fallback={<Loading />}>
-      {children}
-    </Suspense>
-  </ErrorBoundary>
-)

package/src/components/IconInput.tsx

@@ -1,70 +0,0 @@
-import { IconBox } from '@citric/core'
-import { listToClass, theme } from '@stack-spot/portal-theme'
-import { useMemo, useState } from 'react'
-import { styled } from 'styled-components'
-
-interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
-  icon: React.ReactElement,
-  onChange?: (value: string) => void,
-}
-
-const InputBox = styled.div`
-  display: flex;
-  flex-direction: row;
-  transition: border-color 0.3s, box-shadow 0.3s;
-  border: 1px solid ${theme.color.light[600]};
-  border-radius: 0.25rem;
-  background-color: ${theme.color.light[300]};
-  overflow: hidden;
-  flex-shrink: 0;
-
-  &.focused {
-    border-color: ${theme.color.primary[500]};
-    box-shadow: 0 0 0 1px ${theme.color.primary[500]};
-  }
-
-  &.disabled {
-      background-color: ${theme.color.light[500]};
-    }
-
-  ${IconBox} {
-    width: 40px;
-    height: 40px;
-    border-radius: 0;
-    background-color: ${theme.color.light[600]};
-  }
-
-  input {
-    padding: 8px;
-    border: none;
-    background-color: transparent;
-    flex: 1;
-    color: ${theme.color.light.contrastText};
-
-    &:focus {
-      outline: none;
-    }
-  }
-`
-
-export const IconInput = ({ icon, onChange, style, className, disabled, onFocus, onBlur, ...props }: Props) => {
-  const [focused, setFocused] = useState(false)
-
-  const { focus, blur } = useMemo(() => ({
-    focus: (e: React.FocusEvent<HTMLInputElement, Element>) => {
-      setFocused(true)
-      onFocus?.(e)
-    },
-    blur: (e: React.FocusEvent<HTMLInputElement, Element>) => {
-      setFocused(false)
-      onBlur?.(e)
-    },
-  }), [])
-
-  return (
-    <InputBox style={style} className={listToClass([className, focused && !disabled && 'focused', disabled && 'disabled'])}>
-      <IconBox>{icon}</IconBox>
-      <input {...props} disabled={disabled} onFocus={focus} onBlur={blur} onChange={e => onChange?.(e.target.value)} />
-    </InputBox>
-  )
-}

package/src/components/OverlayMenu.tsx

@@ -1,77 +0,0 @@
-/* eslint-disable no-empty-pattern */
-import { IconBox, Text } from '@citric/core'
-import { theme, WithStyle } from '@stack-spot/portal-theme'
-import { useMemo } from 'react'
-import { styled } from 'styled-components'
-import { ButtonAction, WithChildren } from '../types'
-import { Tooltip } from './Tooltip'
-import { useTooltip } from './Tooltip/context'
-import { TooltipPosition } from './Tooltip/types'
-
-interface Props extends WithStyle, WithChildren {
-  position?: TooltipPosition,
-  actions: ButtonAction[],
-}
-
-const MenuList = styled.ul`
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  border-radius: 8px;
-  background-color: ${theme.color.light[400]};
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-
-  > li {
-    display: flex;
-    flex-direction: column;
-
-    > button {
-      padding: 8px 12px;
-      transition: background-color 0.2s;
-      cursor: pointer;
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      gap: 8px;
-      background-color: transparent;
-      border: none;
-
-      &:hover {
-        background-color: ${theme.color.light[500]};
-      }
-    }
-  }
-`
-
-const StyledButton = styled.button<{ $color: string | undefined }>`
-  color: ${({ $color }) => $color || theme.color.light.contrastText};
-
-  svg {
-    fill: ${({ $color }) => $color || theme.color.light.contrastText};
-  }
-`
-
-export const OverlayMenu = ({ actions, children, className, position, style }: Props) => {
-  const tooltip = useTooltip()
-  const menu = useMemo(() => {
-    const items = actions.map(({ label, onClick, className, color, icon, style }) => (
-      <li key={label} className={className} style={style}>
-        <StyledButton $color={color} onClick={() => {
-          onClick()
-          tooltip.hide()
-        }}>
-          <IconBox>{icon}</IconBox>
-          <Text>{label}</Text>
-        </StyledButton>
-      </li>
-    ))
-    return <MenuList>{items}</MenuList>
-  }, [actions])
-  return (
-    <Tooltip content={menu} custom position={position} className={className} style={style} triggeredBy="click">
-      {children}
-    </Tooltip>
-  )
-}