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

package/dist/views/Agents/AgentsPanel.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RightPanelTabs } from '../../components/RightPanelTabs.js';
+import { useCurrentChat } from '../../context/hooks.js';
+import { AgentsTab } from './AgentsTab.js';
+import { useAgentsDictionary } from './dictionary.js';
+/**
+ * Renders the Agent selection form in the Right Panel if this is the panel that is currently opened.
+ */
+export const AgentsPanel = () => {
+    const t = useAgentsDictionary();
+    const chat = useCurrentChat();
+    return _jsx(RightPanelTabs, { tabs: [
+            { title: t.builtin, content: _jsx(AgentsTab, { visibility: "BUILT-IN" }, "builtin") },
+            { title: t.personal, content: _jsx(AgentsTab, { visibility: "PERSONAL" }, "personal") },
+            { title: t.shared, content: _jsx(AgentsTab, { visibility: "SHARED" }, "shared") },
+            { title: t.account, content: _jsx(AgentsTab, { visibility: "ACCOUNT" }, "account") },
+        ] }, chat.id);
+};
+//# sourceMappingURL=AgentsPanel.js.map

package/dist/views/Agents/AgentsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsPanel.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,GAAG,mBAAmB,EAAE,CAAA;IAC/B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,OAAO,KAAC,cAAc,IAAe,IAAI,EAAE;YACzC,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,KAAC,SAAS,IAAe,UAAU,EAAC,UAAU,IAA/B,SAAS,CAAyB,EAAE;YAChF,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAC,SAAS,IAAgB,UAAU,EAAC,UAAU,IAAhC,UAAU,CAAyB,EAAE;YAClF,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAC,SAAS,IAAc,UAAU,EAAC,QAAQ,IAA5B,QAAQ,CAAuB,EAAE;YAC5E,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,KAAC,SAAS,IAAe,UAAU,EAAC,SAAS,IAA9B,SAAS,CAAwB,EAAE;SAChF,IAL2B,IAAI,CAAC,EAAE,CAK9B,CAAA;AACP,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+import { VisibilityLevel } from '@stack-spot/portal-network/api/agent';
+export declare const AgentsTab: ({ visibility }: {
+    visibility: VisibilityLevel | "BUILT-IN";
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentsTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAUrF,eAAO,MAAM,SAAS,mBAAoB;IAAE,UAAU,EAAE,eAAe,GAAG,UAAU,CAAA;CAAE,4CAgErF,CAAA"}

package/dist/views/Agents/AgentsTab.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, IconBox, Text } from '@citric/core';
+import { Agent, Search } from '@citric/icons';
+import { Placeholder } from '@stack-spot/portal-components/Placeholder';
+import { MiniLogo } from '@stack-spot/portal-components/svg';
+import { agentClient } from '@stack-spot/portal-network';
+import { useMemo, useState } from 'react';
+import { DescribedRadioGroup } from '../../components/form/DescribedRadioGroup.js';
+import { IconInput } from '../../components/IconInput.js';
+import { useCurrentChat } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { AgentDescription } from './AgentDescription.js';
+import { useAgentsDictionary } from './dictionary.js';
+import { AgentLabel } from './styled.js';
+export const AgentsTab = ({ visibility }) => {
+    const t = useAgentsDictionary();
+    const { close } = useRightPanel();
+    const chat = useCurrentChat();
+    const [filter, setFilter] = useState('');
+    const defaultAgent = useMemo(() => ({
+        id: '',
+        name: 'StackSpot AI',
+        description: t.defaultAgentDescription,
+        llm_config: { model_slug: 'gpt4o' },
+    }), []);
+    const agents = visibility === 'BUILT-IN' ? agentClient.publicAgents.useQuery({}) : agentClient.agents.useQuery({ visibility });
+    const [value, setValue] = useState(chat.get('agent') ? agents.find(a => a.id === chat.get('agent')?.id) : defaultAgent);
+    const filtered = useMemo(() => {
+        const ags = visibility === 'BUILT-IN' ? [defaultAgent, ...agents] : agents;
+        return filter ? ags.filter(a => a === value || a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : ags;
+    }, [agents, filter, value]);
+    function submit() {
+        if (value) {
+            chat.set('agent', value.id ? { id: value.id, label: value.name, image: value.avatar, builtIn: visibility === 'BUILT-IN' } : undefined);
+        }
+        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: a => a.id, value: value, onChange: setValue, renderLabel: ({ name, avatar, id }) => (_jsxs(AgentLabel, { children: [id ? (avatar ? _jsx("img", { src: avatar }) : _jsx(IconBox, { size: "xs", children: _jsx(Agent, {}) })) : _jsx(MiniLogo, {}), _jsx(Text, { children: name })] })), renderDescription: a => _jsx(AgentDescription, { agentId: a.id, description: a.description, llm: a.llm_config?.model_slug, numberOfKnowledgeSources: a.knowledge_sources_config?.knowledge_sources?.length ?? 0 }), optionClassName: a => (a === value && filter && !a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase()))
+                            ? 'filtered-out'
+                            : '', className: "option-list" }), !!agents.length && !filtered.length &&
+                        _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), !agents.length && _jsx(Placeholder, { title: t.noData, description: t.noDataDescription })] }), !!filtered.length && _jsx(Button, { onClick: submit, disabled: !value, children: t.apply })] }));
+};
+//# sourceMappingURL=AgentsTab.js.map

package/dist/views/Agents/AgentsTab.js.map

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

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

@@ -0,0 +1,2 @@
+export declare const useAgentsDictionary: () => Record<"title" | "description" | "subtitle" | "personal" | "builtin" | "shared" | "account" | "apply" | "noSearchResults" | "noSearchResultsDescription" | "noData" | "noDataDescription" | "defaultAgentDescription", string>;
+//# sourceMappingURL=dictionary.d.ts.map

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

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

package/dist/views/Agents/dictionary.js

@@ -0,0 +1,35 @@
+import { useTranslate } from '@stack-spot/portal-translate';
+const dictionary = {
+    en: {
+        title: 'Agents',
+        subtitle: 'By selecting an Agent, it will be consulted to generate the answers.',
+        personal: 'Personal',
+        builtin: 'Built-in',
+        shared: 'Shared',
+        account: 'Account',
+        apply: 'Apply',
+        noSearchResults: "Your search didn't yield results.",
+        noSearchResultsDescription: 'Please, try another search term.',
+        noData: 'There are no agents in this category yet.',
+        noDataDescription: 'Use the tabs above to try other categories or use the AI portal to create new agents.',
+        defaultAgentDescription: 'The StackSpot CodeGen is an advanced artificial intelligence agent designed to optimize and accelerate software development. Integrated directly into your integrated development environment, StackSpot CodeGen offers real-time code suggestions, helping developers write high-quality code more efficiently. With robust features such as creating Stacks AI, customized knowledge sources, and quick commands, StackSpot CodeGen contextualizes your development needs to provide the best answers and code suggestions.',
+        description: 'Description',
+    },
+    pt: {
+        title: 'Agentes',
+        subtitle: 'Ao selecionar um Agente, ele será consultado para gerar as respostas.',
+        personal: 'Pessoal',
+        builtin: 'Embutido',
+        shared: 'Compartilhado',
+        account: 'Conta',
+        apply: 'Aplicar',
+        noSearchResults: 'Sua busca não produziu resultados.',
+        noSearchResultsDescription: 'Por favor, tente outra busca.',
+        noData: 'Ainda não há agentes nesta categoria.',
+        noDataDescription: 'Use as abas acima para tentar outras categorias ou use o Portal AI para criar novos agentes.',
+        defaultAgentDescription: 'O StackSpot CodeGen é um agente de inteligência artificial avançado projetado para otimizar e acelerar o desenvolvimento de software. Integrado diretamente ao seu ambiente de desenvolvimento, o StackSpot CodeGen oferece sugestões de código em tempo real, ajudando os desenvolvedores a escreverem código de alta qualidade de forma mais eficiente. Com recursos robustos, como a criação de Stacks AI, Knowledge Sources personalizadas e comandos rápidos, o StackSpot CodeGen contextualiza suas necessidades de desenvolvimento para fornecer as melhores respostas e sugestões de código.',
+        description: 'Descrição',
+    },
+};
+export const useAgentsDictionary = () => useTranslate(dictionary);
+//# sourceMappingURL=dictionary.js.map

package/dist/views/Agents/dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","sourceRoot":"","sources":["../../../src/views/Agents/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,sEAAsE;QAChF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,eAAe,EAAE,mCAAmC;QACpD,0BAA0B,EAAE,kCAAkC;QAC9D,MAAM,EAAE,2CAA2C;QACnD,iBAAiB,EAAE,uFAAuF;QAC1G,uBAAuB,EAAE,+fAA+f;QACxhB,WAAW,EAAE,aAAa;KAC3B;IACD,EAAE,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,uEAAuE;QACjF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,eAAe;QACvB,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,oCAAoC;QACrD,0BAA0B,EAAE,+BAA+B;QAC3D,MAAM,EAAE,uCAAuC;QAC/C,iBAAiB,EAAE,8FAA8F;QACjH,uBAAuB,EAAE,skBAAskB;QAC/lB,WAAW,EAAE,WAAW;KACzB;CACmB,CAAA;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+/**
+ * Renders the panel to select an agent of this panel is opened.
+ */
+export declare const Agents: () => null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/index.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,MAAM,YAclB,CAAA"}

package/dist/views/Agents/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useWidget, useWidgetState } from '../../context/hooks.js';
+import { useRightPanel } from '../../right-panel/hooks.js';
+import { AgentsPanel } from './AgentsPanel.js';
+import { useAgentsDictionary } from './dictionary.js';
+/**
+ * Renders the panel to select an agent of this panel is opened.
+ */
+export const Agents = () => {
+    const t = useAgentsDictionary();
+    const panel = useWidgetState('panel');
+    const { open } = useRightPanel();
+    const widget = useWidget();
+    useEffect(() => {
+        if (panel === 'agent')
+            open(_jsx(AgentsPanel, {}), { title: t.title, description: t.subtitle, onClose: () => widget.set('panel', undefined) });
+    }, [panel, t]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Agents/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,GAAG,mBAAmB,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,OAAO;YAAE,IAAI,CACzB,KAAC,WAAW,KAAG,EACf,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAC3F,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IAEd,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/styled.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,wOAYtB,CAAA;AAED,eAAO,MAAM,mBAAmB,wOAyC/B,CAAA"}

package/dist/views/Agents/styled.js

@@ -0,0 +1,58 @@
+import { theme } from '@stack-spot/portal-theme';
+import { styled } from 'styled-components';
+export const AgentLabel = styled.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 6px;
+
+  img, svg {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    overflow: hidden;
+  }
+`;
+export const AgentDescriptionBox = styled.div `
+  color: ${theme.color.light[700]};
+  line-height: 18px;
+
+  section {
+    border-bottom: 1px solid ${theme.color.light[600]};
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+
+    &:last-child {
+      padding-bottom: 0;
+      margin-bottom: 0;
+      border-bottom: none;
+    }
+
+    .title {
+      display: block;
+      margin-bottom: 6px;
+    }
+  }
+  
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    white-space: nowrap;
+    gap: 6px;
+
+    li {
+      margin: 3px 0;
+    }
+  }
+
+  .ks-skeleton {
+    width: 100px;
+    height: 12px;
+    mix-blend-mode: color-dodge;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/views/Agents/styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYnC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;WAClC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;+BAIF,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCpD,CAAA"}

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

@@ -0,0 +1,10 @@
+import { LabeledWithImage } from '../../state/types.js';
+interface Props {
+    agent?: LabeledWithImage;
+}
+/**
+ * Renders the avatar of an agent in a message.
+ */
+export declare const AgentInfo: ({ agent }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInfo.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEpD,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,cAAe,KAAK,4CAQzC,CAAA"}

package/dist/views/Chat/AgentInfo.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@citric/core';
+import { MiniLogo } from '@stack-spot/portal-components/svg';
+/**
+ * Renders the avatar of an agent in a message.
+ */
+export const AgentInfo = ({ agent }) => (_jsxs(_Fragment, { children: [agent?.image
+            ? _jsx("img", { src: agent.image, className: "custom-agent-image" })
+            : _jsx("div", { className: "default-image-wrapper", children: _jsx(MiniLogo, { className: "agent-image" }) }), _jsx(Text, { appearance: "body2", children: agent?.label || 'StackSpot AI' })] }));
+//# sourceMappingURL=AgentInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInfo.js","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAO5D;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC7C,8BACG,KAAK,EAAE,KAAK;YACX,CAAC,CAAC,cAAK,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,oBAAoB,GAAG;YAC1D,CAAC,CAAC,cAAK,SAAS,EAAC,uBAAuB,YAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAAM,EAErF,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,YAAE,KAAK,EAAE,KAAK,IAAI,cAAc,GAAQ,IAC/D,CACJ,CAAA"}

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

@@ -0,0 +1,22 @@
+import { ChatEntry } from '../../state/ChatEntry.js';
+interface Props {
+    /**
+     * The ChatEntry to render.
+     */
+    message: ChatEntry;
+    /**
+     * The name of the user currently logged in (will be used if the agent type of the message is "user").
+     */
+    username: string;
+    /**
+     * Whether or not this is the last message in the chat. This is important for disabling action buttons in messages that are no longer
+     * relevant.
+     */
+    isLast: boolean;
+}
+/**
+ * Renders a message (ChatEntry) in the chat.
+ */
+export declare const ChatMessage: ({ message, username, isLast }: Props) => "" | import("react/jsx-runtime").JSX.Element | undefined;
+export {};
+//# sourceMappingURL=ChatMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessage.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAqC,MAAM,uBAAuB,CAAA;AAMpF,UAAU,KAAK;IACb;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,kCAAmC,KAAK,6DAsH/D,CAAA"}

package/dist/views/Chat/ChatMessage.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, IconBox, Text } from '@citric/core';
+import { Copy, Dislike, DislikeFill, Like, LikeFill, TimesCircle } from '@citric/icons';
+import { Avatar, Badge, IconButton } from '@citric/ui';
+import { listToClass } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { Markdown } from '../../components/Markdown.js';
+import { useChatEntry, useCurrentChat, useWidget } from '../../context/hooks.js';
+import { ChatEntry } from '../../state/ChatEntry.js';
+import { useDateFormatter } from '../../utils/date.js';
+import { AgentInfo } from './AgentInfo.js';
+import { useChatScrollToBottomEffect } from './chat-scroll.js';
+import { onCopyAll, onCopyCode, onLikeOrDislike } from './events.js';
+/**
+ * Renders a message (ChatEntry) in the chat.
+ */
+export const ChatMessage = ({ message, username, isLast }) => {
+    const t = useTranslate(dictionary);
+    const [liked, setLiked] = useState();
+    const entry = useChatEntry(message);
+    const dateFormatter = useDateFormatter();
+    const userInfo = entry.agentType === 'user' ? _jsx(Avatar, { size: "xs", children: username }) : _jsx(AgentInfo, { agent: entry.agent });
+    const date = new Date(entry.updated ?? '');
+    const shouldShowFooter = entry.updated && !isNaN(date.getTime());
+    const ref = useRef(null);
+    const chatRef = useRef(null);
+    const widget = useWidget();
+    const chat = useCurrentChat();
+    useChatScrollToBottomEffect(ref, [entry]);
+    const detailKS = useCallback(({ name, slug, documentScore, documentId }) => {
+        widget.set('currentKSInPanel', { name, slug, score: documentScore, documentId });
+        widget.set('panel', 'ks-details');
+    }, []);
+    const runAction = useCallback((action) => {
+        if (action.type === 'link') {
+            window.open(action.exec, '_blank');
+        }
+        else {
+            chat.pushMessage(ChatEntry.createUserEntry(action.exec));
+        }
+    }, []);
+    const { like, dislike } = useMemo(() => {
+        async function feedback(like) {
+            if (!entry.messageId || like === liked)
+                return;
+            setLiked(like);
+            try {
+                await onLikeOrDislike(entry.messageId, like);
+            }
+            catch {
+                setLiked(liked);
+            }
+        }
+        return {
+            like: () => feedback(true),
+            dislike: () => feedback(false),
+        };
+    }, [entry.messageId, liked]);
+    const handleKeyDown = (event) => {
+        if (event.ctrlKey && event.key === 'c') {
+            const selectedText = window.getSelection()?.toString();
+            selectedText && onCopyCode(selectedText, '', chat);
+        }
+    };
+    return (entry.content || entry.error) && (_jsxs("li", { className: entry.agentType, ref: ref, children: [_jsxs("div", { className: "chat-message", ref: chatRef, onKeyDown: handleKeyDown, tabIndex: 0, children: [_jsx("div", { className: "user-info", children: userInfo }), entry.content && _jsxs("div", { className: listToClass(['message-content', entry.card && 'card']), children: [entry.badges?.length && _jsx("div", { className: "badges", children: entry.badges.map((b, index) => _jsx(Badge, { palette: b.color ?? 'cyan', appearance: "square", children: b.label }, index)) }), entry.type === 'md'
+                                ? _jsx(Markdown, { onCopyCode: (code) => onCopyCode(code, entry.messageId ?? '', chat), children: entry.content })
+                                : _jsx("p", { className: "plain-text", children: entry.content }), entry.actions?.length && (_jsx("div", { className: "actions", children: entry.actions.map((a, index) => (_jsx(Button, { appearance: a.appearance === 'primary' ? 'contained' : 'outlined', colorScheme: "inverse", onClick: () => runAction(a), disabled: !isLast, children: a.title }, index))) }))] })] }), entry.error && (_jsxs("div", { className: "error", children: [_jsx(IconBox, { size: "xs", children: _jsx(TimesCircle, {}) }), _jsx(Text, { appearance: "microtext1", children: entry.error })] })), !!entry.knowledgeSources?.length && _jsxs("div", { className: "ks-box", children: [_jsx(Text, { appearance: "microtext1", colorScheme: "light.700", children: "Knowledge Sources:" }), _jsx("ul", { children: entry.knowledgeSources.map((ks, index) => (_jsx("li", { children: _jsx(Button, { size: "sm", colorScheme: "light", onClick: () => detailKS(ks), children: ks.name }) }, index))) })] }), shouldShowFooter && _jsxs("div", { className: "message-footer", children: [entry.agentType === 'bot' && !entry.error && _jsxs("div", { className: "message-actions", children: [entry.type === 'md' && (_jsx(IconButton, { title: t.copy, "aria-label": t.copy, onClick: () => onCopyAll(entry, chat), children: _jsx(Copy, {}) })), entry.messageId && (_jsxs(_Fragment, { children: [_jsx(IconButton, { title: t.like, "aria-label": t.like, onClick: like, children: liked === true ? _jsx(LikeFill, {}) : _jsx(Like, {}) }), _jsx(IconButton, { title: t.dislike, "aria-label": t.dislike, onClick: dislike, children: liked === false ? _jsx(DislikeFill, {}) : _jsx(Dislike, {}) })] }))] }), _jsx(Text, { appearance: "microtext1", className: "chat-date", children: dateFormatter.formatForChatMessage(date) })] })] }));
+};
+const dictionary = {
+    en: {
+        copy: 'Copy',
+        like: 'Like',
+        dislike: 'Dislike',
+    },
+    pt: {
+        copy: 'Copiar',
+        like: 'Gostei',
+        dislike: 'Não gostei',
+    },
+};
+//# sourceMappingURL=ChatMessage.js.map

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

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

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

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

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

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

package/dist/views/Chat/ChatMessages.js

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

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

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

package/dist/views/Chat/chat-scroll.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Scrolls the closest chat (upwards in the tree) to its bottom.
+ * @param ref the reference to the element contained the chat we want to scroll.
+ * @param deps when the deps changes, the chat is scrolled.
+ */
+export declare function useChatScrollToBottomEffect(ref: React.RefObject<HTMLElement>, deps: any[]): void;
+//# sourceMappingURL=chat-scroll.d.ts.map

package/dist/views/Chat/chat-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroll.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/chat-scroll.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QASzF"}

package/dist/views/Chat/chat-scroll.js

@@ -0,0 +1,17 @@
+import { useEffect, useRef } from 'react';
+/**
+ * Scrolls the closest chat (upwards in the tree) to its bottom.
+ * @param ref the reference to the element contained the chat we want to scroll.
+ * @param deps when the deps changes, the chat is scrolled.
+ */
+export function useChatScrollToBottomEffect(ref, deps) {
+    const prevScrollTop = useRef(0);
+    useEffect(() => {
+        const chat = ref.current?.closest('.chat-content');
+        if (!chat || chat.scrollTop < prevScrollTop.current)
+            return;
+        chat.scrollTop = chat.scrollHeight - chat.clientHeight;
+        prevScrollTop.current = chat.scrollTop;
+    }, deps);
+}
+//# sourceMappingURL=chat-scroll.js.map

package/dist/views/Chat/chat-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-scroll.js","sourceRoot":"","sources":["../../../src/views/Chat/chat-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CAAC,GAAiC,EAAE,IAAW;IACxF,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;QAClD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,OAAO;YAAE,OAAM;QAC3D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;QACtD,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAA;IACxC,CAAC,EAAE,IAAI,CAAC,CAAA;AACV,CAAC"}

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

@@ -0,0 +1,22 @@
+import { TextChatEntry } from '../../state/ChatEntry.js';
+import { ChatState } from '../../state/ChatState.js';
+/**
+ * Creates the event of copying a code.
+ * @param code the code copied.
+ * @param messageId the id of the message containing the code.
+ * @param chat the chat state.
+ */
+export declare function onCopyCode(code: string, messageId: string, chat: ChatState): Promise<void>;
+/**
+ * Creates the event of copying a whole message.
+ * @param entry the message copied.
+ * @param chat the chat state.
+ */
+export declare function onCopyAll(entry: TextChatEntry, chat: ChatState): Promise<unknown>;
+/**
+ * Creates an event of like or dislike for a message.
+ * @param messageId the id of the message.
+ * @param like true if it's a like, false if it's a dislike.
+ */
+export declare function onLikeOrDislike(messageId: string, like: boolean): Promise<unknown>;
+//# sourceMappingURL=events.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/events.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAIjD;;;;;GAKG;AACH,wBAAsB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,iBAgBhF;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,oBAe9D;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,oBAW/D"}

package/dist/views/Chat/events.js

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

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

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

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

@@ -0,0 +1,12 @@
+interface Props {
+    /**
+     * The name of the user currently logged in.
+     */
+    username: string;
+}
+/**
+ * Renders the chat panel, with all of its messages.
+ */
+export declare const Chat: ({ username }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/views/Chat/index.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChatTabs } from '../../context/hooks.js';
+import { ChatMessages } from './ChatMessages.js';
+/**
+ * Renders the chat panel, with all of its messages.
+ */
+export const Chat = ({ username }) => {
+    const { active } = useChatTabs();
+    return _jsx(ChatMessages, { chatId: active.id, username: username }, active.id);
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/Chat/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAS7C;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IAChC,OAAO,KAAC,YAAY,IAAiB,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAhD,MAAM,CAAC,EAAE,CAA2C,CAAA;AAChF,CAAC,CAAA"}

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

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