@stack-spot/ai-chat-widget 1.36.1-beta.1 → 1.36.1-betacitric.1

package/dist/layout.css

@@ -1,29 +1,3 @@
-@font-face {
-  font-family: "San Francisco";
-  font-weight: 400;
-  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
-}
-
-/* Scroll bars */
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar {
-  width: 0.25rem;
-  height: 0.5rem;
-  background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: var(--light-600);
-}
-
-::-webkit-scrollbar-corner {
-  background-color: transparent; 
-}
-
 /* Classes */
 
 .ai-chat-widget {
@@ -209,4 +183,4 @@
   z-index: 9999;
   pointer-events: auto;
   color: var(--light-contrastText)
-}
+}

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

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

package/dist/right-panel/DefaultPanel.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '@citric/core';
-import { Times } from '@citric/icons';
-import { IconButton } from '@citric/ui';
+import { IconButton, Text } from '@stack-spot/citric-react';
 import { useTranslate } from '@stack-spot/portal-translate';
 import { styled } from 'styled-components';
 const PanelBox = styled.div `
@@ -37,7 +35,7 @@ const PanelBox = styled.div `
  */
 export const DefaultPanel = ({ description, onClose, title, children }) => {
     const t = useTranslate(dictionary);
-    return (_jsxs(PanelBox, { children: [_jsxs("header", { children: [_jsxs("div", { className: "title", children: [typeof title === 'string' ? _jsx(Text, { appearance: "h5", children: title }) : title, typeof description === 'string' ? _jsx(Text, { colorScheme: "light.700", children: description }) : description] }), _jsx(IconButton, { title: t.close, "aria-label": t.close, onClick: onClose, children: _jsx(Times, {}) })] }), _jsx("article", { children: children })] }));
+    return (_jsxs(PanelBox, { children: [_jsxs("header", { children: [_jsxs("div", { className: "title", children: [typeof title === 'string' ? _jsx(Text, { appearance: "h5", children: title }) : title, typeof description === 'string' ? _jsx(Text, { color: "light.700", children: description }) : description] }), _jsx(IconButton, { icon: "Times", title: t.close, "aria-label": t.close, onClick: onClose })] }), _jsx("article", { children: children })] }));
 };
 const dictionary = {
     en: {

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

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

package/dist/state/ChatEntry.d.ts

@@ -1,6 +1,5 @@
-import { OneOfColorSchemes } from '@citric/core';
 import { ChatStep } from '@stack-spot/portal-network';
-import { ColorPaletteName } from '@stack-spot/portal-theme';
+import { ColorPaletteName, ColorSchemeName } from '@stack-spot/portal-theme';
 import { LabeledAgent } from './types.js';
 export interface ActionDataClick {
     name?: string;
@@ -28,7 +27,7 @@ export interface ChatAction extends SerializableAction {
     /**
      * @default inverse
      */
-    colorScheme?: OneOfColorSchemes;
+    colorScheme?: ColorSchemeName;
     /**
      * @default false
      */
@@ -143,7 +142,7 @@ export interface TextChatEntry {
      */
     tools?: string[];
     options?: {
-        color?: OneOfColorSchemes;
+        color?: ColorSchemeName;
         label: string;
         value?: string;
         hasInput?: boolean;

package/dist/state/ChatEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatEntry.d.ts","sourceRoot":"","sources":["../../src/state/ChatEntry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC;;MAEE;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,gBAAgB,GAAG,aAAa,CAAC;IACtG;;OAEG;IACH,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC;IACX;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAIjB,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,EAAE,CAAC;IAC5F;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;AAMvD;;GAEG;AACH,qBAAa,SAAS;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,SAAS,CAA0B;IAE3C;;OAEG;gBACS,KAAK,EAAE,aAAa;IAKhC;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,UAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE;IAWlG;;;OAGG;IACH,MAAM,CAAC,sBAAsB;IAI7B,QAAQ,CAAC,KAAK,EAAE,aAAa;IAK7B,QAAQ;IAIR;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,iBAAiB;CAMrC"}
+{"version":3,"file":"ChatEntry.d.ts","sourceRoot":"","sources":["../../src/state/ChatEntry.ts"],"names":[],"mappings":"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"}

package/dist/state/ChatEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatEntry.js","sourceRoot":"","sources":["../../src/state/ChatEntry.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAkL7B,0IAA0I;AAC1I,6CAA6C;AAC7C,IAAI,MAAM,GAAG,CAAC,CAAA;AAEd;;GAEG;AACH,MAAM,OAAO,SAAS;IACX,EAAE,CAAQ;IACX,KAAK,CAAe;IACpB,SAAS,GAAwB,EAAE,CAAA;IAE3C;;OAEG;IACH,YAAY,KAAoB;QAC9B,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAA;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,OAAe,EAAE,IAAI,GAAG,KAAK,EAAE,SAAkB,EAAE,aAAwB;QAChG,OAAO,IAAI,SAAS,CAAC;YACnB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;YAC1B,OAAO;YACP,IAAI,EAAE,SAAS;YACf,aAAa;YACb,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;SAClC,CAAC,CAAA;IACJ,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,sBAAsB;QAC3B,OAAO,IAAI,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;IACrE,CAAC;IAED,QAAQ,CAAC,KAAoB;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,QAA2B;QAClC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC7B,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAChC,CAAC,CAAA;IACH,CAAC;CACF"}
+{"version":3,"file":"ChatEntry.js","sourceRoot":"","sources":["../../src/state/ChatEntry.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAkL7B,0IAA0I;AAC1I,6CAA6C;AAC7C,IAAI,MAAM,GAAG,CAAC,CAAA;AAEd;;GAEG;AACH,MAAM,OAAO,SAAS;IACX,EAAE,CAAQ;IACX,KAAK,CAAe;IACpB,SAAS,GAAwB,EAAE,CAAA;IAE3C;;OAEG;IACH,YAAY,KAAoB;QAC9B,IAAI,CAAC,EAAE,GAAG,MAAM,EAAE,CAAA;QAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,eAAe,CAAC,OAAe,EAAE,IAAI,GAAG,KAAK,EAAE,SAAkB,EAAE,aAAwB;QAChG,OAAO,IAAI,SAAS,CAAC;YACnB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;YAC1B,OAAO;YACP,IAAI,EAAE,SAAS;YACf,aAAa;YACb,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;SAClC,CAAC,CAAA;IACJ,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,sBAAsB;QAC3B,OAAO,IAAI,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;IACrE,CAAC;IAED,QAAQ,CAAC,KAAoB;QAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,QAA2B;QAClC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC7B,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;QAChC,CAAC,CAAA;IACH,CAAC;CACF"}

package/dist/types.d.ts

@@ -1,15 +1,15 @@
+import { WithIcon } from '@stack-spot/citric-icons';
 import { WithStyle } from '@stack-spot/portal-theme';
 export interface WithChildren<T = React.ReactNode> {
     children?: T;
 }
 export type PropsOf<T extends React.FunctionComponent> = T extends React.FunctionComponent<infer P> ? P : never;
-export interface ButtonAction extends WithStyle {
-    icon?: React.ReactElement;
+export type ButtonAction = {
     color?: string;
     label?: string;
     ariaLabel?: string;
     onClick: () => any;
-}
+} & WithStyle & Partial<WithIcon>;
 export interface MinimizedActions {
     /**
      * When the chat is minimized, a button to collapse the window is rendered. This function is called whenever this button is clicked.

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS;IAC/C,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,iBAAiB,IAAI,CAAC,SAAS,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/G,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS;IAC/C,QAAQ,CAAC,EAAE,CAAC,CAAC;CACd;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,iBAAiB,IAAI,CAAC,SAAS,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/G,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,CAAC;CACpB,GAAG,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;AAGjC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"AgentDescription.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,gBAAgB,gBAAiB;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,4CAmEjE,CAAA"}
+{"version":3,"file":"AgentDescription.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,gBAAiB;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,4CAmEjE,CAAA"}

package/dist/views/Agents/AgentDescription.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from '@citric/core';
-import { Badge, Skeleton } from '@citric/ui';
+import { Badge, Skeleton, Text } from '@stack-spot/citric-react';
 import { agentToolsClient } from '@stack-spot/portal-network';
 import { useMemo } from 'react';
 import { ToolBadge } from '../../components/ToolBadge.js';
@@ -12,11 +11,11 @@ export const AgentDescription = ({ agentId }) => {
     const [agent, , , { isLoading }] = agentToolsClient.agent.useStatefulQuery({ agentId: agentId }, { enabled: !!agentId });
     const [toolKits, , , { isLoading: isLoadingToolKit }] = agentToolsClient.tools.useStatefulQuery({});
     const numberOfKnowledgeSources = agent?.knowledge_source_config?.knowledge_sources.length ?? 0;
-    const knowledgeSources = useMemo(() => agent?.knowledge_source_config?.knowledge_sources_details?.map((ks, index) => (_jsx("li", { children: _jsx(Badge, { palette: "teal", appearance: "square", children: ks.name }) }, index))), [agent]);
+    const knowledgeSources = useMemo(() => agent?.knowledge_source_config?.knowledge_sources_details?.map((ks, index) => (_jsx("li", { children: _jsx(Badge, { colorPalette: "teal", appearance: "square", children: ks.name }) }, index))), [agent]);
     const skeleton = useMemo(() => {
         const loadingKS = [];
         for (let i = 0; i < numberOfKnowledgeSources; i++) {
-            loadingKS.push(_jsx("li", { children: _jsx(Badge, { palette: "teal", appearance: "square", children: _jsx(Skeleton, { className: "ks-skeleton" }) }) }, i));
+            loadingKS.push(_jsx("li", { children: _jsx(Badge, { colorPalette: "teal", appearance: "square", children: _jsx(Skeleton, { className: "ks-skeleton" }) }) }, i));
         }
         return loadingKS;
     }, [numberOfKnowledgeSources]);
@@ -35,6 +34,6 @@ export const AgentDescription = ({ agentId }) => {
         }
         return result;
     }, [agent]);
-    return (_jsxs(AgentDescriptionBox, { children: [agent?.description && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.description }), _jsx(Text, { children: agent?.description })] }), (!!numberOfKnowledgeSources || !!knowledgeSources?.length) && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Knowledge sources" }), _jsx("ul", { children: isLoading || isLoadingToolKit ? skeleton : knowledgeSources })] }), !!tools.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.tools }), _jsx("ul", { children: tools })] }), agent?.model_name && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "LLM" }), _jsx(Badge, { palette: "orange", appearance: "square", children: agent?.model_name })] })] }));
+    return (_jsxs(AgentDescriptionBox, { children: [agent?.description && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.description }), _jsx(Text, { children: agent?.description })] }), (!!numberOfKnowledgeSources || !!knowledgeSources?.length) && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "Knowledge sources" }), _jsx("ul", { children: isLoading || isLoadingToolKit ? skeleton : knowledgeSources })] }), !!tools.length && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: t.tools }), _jsx("ul", { children: tools })] }), agent?.model_name && _jsxs("section", { children: [_jsx(Text, { appearance: "microtext1", className: "title", children: "LLM" }), _jsx(Badge, { colorPalette: "orange", appearance: "square", children: agent?.model_name })] })] }));
 };
 //# sourceMappingURL=AgentDescription.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentDescription.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACpE,MAAM,CAAC,GAAG,mBAAmB,EAAE,CAAA;IAC/B,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,AAAD,EAAG,EAAE,SAAS,EAAE,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;IACzH,MAAM,CAAC,QAAQ,EAAE,AAAD,EAAG,AAAD,EAAG,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACnG,MAAM,wBAAwB,GAAG,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAA;IAE9F,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAClF,uBAAgB,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YAAE,EAAE,CAAC,IAAI,GAAS,IAAlE,KAAK,CAAkE,CACjF,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IACD,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAyB,EAAE,CAAA;QAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,wBAAwB,EAAE,CAAC,EAAE,EAAE,CAAC;YAClD,SAAS,CAAC,IAAI,CAAC,uBAAY,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,GAAQ,IAAzF,CAAC,CAA6F,CAAC,CAAA;QACzH,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAyB,EAAE,CAAA;QACvC,MAAM,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAA;QAClE,MAAM,cAAc,GAAG,KAAK,EAAE,QAAQ,EAAE,eAAe,IAAI,EAAE,CAAA;QAC7D,KAAK,MAAM,IAAI,IAAI,YAAY,IAAI,EAAE,EAAE,CAAC;YACtC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAA;YACjD,MAAM,CAAC,IAAI,CACT,uBACE,KAAC,SAAS,IACR,IAAI,EAAE,aAAa,EAAE,IAAI,IAAI,aAAa,EAAE,EAAE,IAAI,SAAS,EAC3D,KAAK,EAAE,aAAa,EAAE,KAAK,EAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAC5B,IALK,IAAI,CAAC,EAAE,CAMX,CACN,CAAA;QACH,CAAC;QACD,KAAK,MAAM,OAAO,IAAI,cAAc,EAAE,CAAC;YACrC,KAAK,MAAM,IAAI,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;gBACjC,MAAM,CAAC,IAAI,CACT,uBACE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,IAAI,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAI,IADzF,IAAI,CAAC,EAAE,CAEX,CACN,CAAA;YACH,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,MAAC,mBAAmB,eACjB,KAAK,EAAE,WAAW,IAAI,8BACrB,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,WAAW,GAAQ,EACtE,KAAC,IAAI,cAAE,KAAK,EAAE,WAAW,GAAQ,IACzB,EACT,CAAC,CAAC,CAAC,wBAAwB,IAAI,CAAC,CAAC,gBAAgB,EAAE,MAAM,CAAC,IAAI,8BAC7D,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,SAAS,EAAC,OAAO,kCAAyB,EACxE,uBAAK,SAAS,IAAI,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,GAAM,IAC9D,EACT,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,8BACjB,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,SAAS,EAAC,OAAO,YAAE,CAAC,CAAC,KAAK,GAAQ,EAChE,uBAAK,KAAK,GAAM,IACR,EACT,KAAK,EAAE,UAAU,IAAI,8BACpB,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,SAAS,EAAC,OAAO,oBAAW,EAC1D,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,YAAE,KAAK,EAAE,UAAU,GAAS,IAC/D,IACU,CACvB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AgentDescription.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentDescription.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,eAAO,MAAM,WAAW,+CA0CvB,CAAA"}
+{"version":3,"file":"AgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsPanel.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,eAAO,MAAM,WAAW,+CA0CvB,CAAA"}

package/dist/views/Agents/AgentsPanel.js

@@ -25,12 +25,12 @@ export const AgentsPanel = () => {
         }
     }, [chat]);
     const allTabsMap = {
-        favorite: { title: t.favorites, content: _jsx(AgentsTab, { visibility: "favorite", agent: agent }, "favorite") },
-        builtin: { title: t.builtin, content: _jsx(AgentsTab, { visibility: "built_in", agent: agent }, "builtin") },
-        personal: { title: t.personal, content: _jsx(AgentsTab, { visibility: "personal", agent: agent }, "personal") },
-        shared: { title: t.shared, content: _jsx(AgentsTab, { visibility: "shared", agent: agent }, "shared") },
-        workspace: { title: t.spots, content: _jsx(AgentsTabWorkspace, { visibility: "workspace", agent: agent }, "workspace") },
-        account: { title: t.account, content: _jsx(AgentsTab, { visibility: "account", agent: agent }, "account") },
+        favorite: { label: t.favorites, content: _jsx(AgentsTab, { visibility: "favorite", agent: agent }, "favorite") },
+        builtin: { label: t.builtin, content: _jsx(AgentsTab, { visibility: "built_in", agent: agent }, "builtin") },
+        personal: { label: t.personal, content: _jsx(AgentsTab, { visibility: "personal", agent: agent }, "personal") },
+        shared: { label: t.shared, content: _jsx(AgentsTab, { visibility: "shared", agent: agent }, "shared") },
+        workspace: { label: t.spots, content: _jsx(AgentsTabWorkspace, { visibility: "workspace", agent: agent }, "workspace") },
+        account: { label: t.account, content: _jsx(AgentsTab, { visibility: "account", agent: agent }, "account") },
     };
     const defaultScopes = ['favorite', 'builtin', 'personal', 'shared', 'workspace', 'account'];
     const rawScopes = scopes?.length ? scopes : defaultScopes;
@@ -38,7 +38,7 @@ export const AgentsPanel = () => {
         ? ['favorite', 'builtin', 'personal']
         : rawScopes;
     const tabs = scopesToRender
-        .map(scope => allTabsMap[scope])
+        .map(scope => scope in allTabsMap ? ({ key: scope, ...allTabsMap[scope] }) : undefined)
         .filter(Boolean);
     return (isGroupResourcesByScope ? (_jsx(RightPanelTabs, { tabs: tabs }, chat.id)) : (_jsx(RightPanelContentList, { children: _jsx(AgentsTab, { workspaceId: spotId, agent: agent }) })));
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8C,oBAAoB,EAAqB,MAAM,4BAA4B,CAAA;AAUhI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAMtD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,yDAAiE,aAAa,4CAyEnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,aAAa,2CASxF"}
+{"version":3,"file":"AgentsTab.d.ts","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8C,oBAAoB,EAAqB,MAAM,4BAA4B,CAAA;AAQhI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAKtD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,yDAAiE,aAAa,4CA0DnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,aAAa,2CASxF"}

package/dist/views/Agents/AgentsTab.js

@@ -1,53 +1,54 @@
-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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@stack-spot/citric-icons';
+import { Button } from '@stack-spot/citric-react';
 import { Placeholder } from '@stack-spot/portal-components/Placeholder';
-import { MiniLogo } from '@stack-spot/portal-components/svg';
 import { agentToolsClient, workspaceAiClient } from '@stack-spot/portal-network';
-import { useCallback, useMemo, useState } from 'react';
-import { ButtonFavorite } from '../../components/ButtonFavorite.js';
+import { useMemo, useState } from 'react';
 import { DescribedRadioGroup } from '../../components/form/DescribedRadioGroup.js';
-import { IconInput } from '../../components/IconInput.js';
 import { WorkspaceTabNavigator } from '../../components/WorkspaceTabNavigator.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';
 import { useAgentFavorites } from './useAgentFavorites.js';
 export const AgentsTab = ({ visibility, workspaceId, agent, showSubmitButton = true }) => {
     const t = useAgentsDictionary();
     const { close } = useRightPanel();
     const chat = useCurrentChat();
-    const [filter, setFilter] = useState('');
     const { useFavorites, onAddFavorite, onRemoveFavorite } = useAgentFavorites();
+    const [submitEnabled, setSubmitEnabled] = useState(false);
     const listFavorites = useFavorites();
     const agentDefault = agentToolsClient.agentDefault.useQuery();
     const agents = workspaceId
         ? workspaceAiClient.getAgentFromWorkspaceAi.useQuery({ workspaceId })
         : agentToolsClient.agents.useQuery({ visibility });
-    const [value, setValue] = useState(agent.current
-        ? agents.find(a => a.id === agent.current?.id)
-        : chat.get('agent') ? agents.find(a => a.id === chat.get('agent')?.id) : agentDefault);
-    const filtered = useMemo(
-    // Recreate the list so that the favorites list is taken into account
-    () => filter ? agents.filter(a => a === value || a.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase())) : [...agents], [agents, filter, value, listFavorites]);
+    const initialValue = useMemo(() => {
+        const initial = agent.current
+            ? agents.find(a => a.id === agent.current?.id)
+            : chat.get('agent') ? agents.find(a => a.id === chat.get('agent')?.id) : agentDefault;
+        if (initial)
+            setSubmitEnabled(true);
+        return initial;
+    }, [agents]);
     function submit() {
-        if (value) {
-            chat.set('agent', { id: value.id, label: value.name, image: value.avatar, builtIn: value.visibility_level === 'built_in', slug: value.slug });
-        }
+        if (agent.current)
+            chat.set('agent', agent.current);
         close();
     }
-    const onChange = useCallback((newValue) => {
-        setValue(newValue);
-        agent.current = { ...newValue, label: newValue.name, builtIn: newValue.visibility_level === 'built_in' };
-    }, []);
-    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, renderAfterElement: ({ id }) => (_jsx(ButtonFavorite, { favorite: {
-                                idOrSlug: id, listFavorites, onAddFavorite, onRemoveFavorite,
-                            } })), keygen: a => a.id, value: value, onChange: onChange, 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 }), 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 && showSubmitButton && _jsx(Button, { onClick: submit, disabled: !value, children: t.apply })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "content", children: _jsx(DescribedRadioGroup, { options: agents, initialValue: initialValue, onChange: (ag) => {
+                        agent.current = ag
+                            ? { ...ag, label: ag.name, image: ag.avatar, slug: ag.slug, builtIn: ag.visibility_level === 'built_in' }
+                            : undefined;
+                        setSubmitEnabled(true);
+                    }, data: ag => ({
+                        idOrSlug: ag.id,
+                        image: ag.avatar ? _jsx("img", { src: ag.avatar }) : _jsx(Icon, { icon: "Agent" }),
+                        description: _jsx(AgentDescription, { agentId: ag.id }),
+                        name: ag.name,
+                        listFavorites,
+                        onAddFavorite,
+                        onRemoveFavorite,
+                    }), emptyResults: _jsx(Placeholder, { title: t.noSearchResults, description: t.noSearchResultsDescription, className: "no-data-placeholder" }), emptyDataset: _jsx(Placeholder, { title: t.noData, description: t.noDataDescription }) }) }), !!agents.length && showSubmitButton && _jsx(Button, { onClick: submit, disabled: !submitEnabled, children: t.apply })] }));
 };
 export function AgentsTabWorkspace({ agent, visibility, showSubmitButton }) {
     const workspaceTabComponents = useMemo(() => ({ agent: AgentsTab }), [agent]);

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

@@ -1 +1 @@
-{"version":3,"file":"AgentsTab.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AgentsTab.js","sourceRoot":"","sources":["../../../src/views/Agents/AgentsTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAA;AACvE,OAAO,EAA4B,gBAAgB,EAAwB,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAEhI,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AASvD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAiB,EAAE,EAAE;IACtG,MAAM,CAAC,GAAG,mBAAmB,EAAE,CAAA;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAA;IACjC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC7E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,aAAa,GAAG,YAAY,EAAE,CAAA;IACpC,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAA;IAC7D,MAAM,MAAM,GAAG,WAAW;QACxB,CAAC,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAA+B;QACnG,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAA;IAEpD,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO;YAC3B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;YAC9C,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAAmD,CAAA;QAC9H,IAAI,OAAO;YAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACnC,OAAO,OAAO,CAAA;IAChB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,SAAS,MAAM;QACb,IAAI,KAAK,CAAC,OAAO;YAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;QACnD,KAAK,EAAE,CAAA;IACT,CAAC;IAED,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,SAAS,YACtB,KAAC,mBAAmB,IAClB,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;wBACf,KAAK,CAAC,OAAO,GAAG,EAAE;4BAChB,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,MAAO,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,gBAAgB,KAAK,UAAU,EAAE;4BAC1G,CAAC,CAAC,SAAS,CAAA;wBACb,gBAAgB,CAAC,IAAI,CAAC,CAAA;oBACxB,CAAC,EACD,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;wBACX,QAAQ,EAAE,EAAE,CAAC,EAAE;wBACf,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,EAAE,CAAC,MAAM,GAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;wBAClE,WAAW,EAAE,KAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,CAAC,EAAE,GAAI;wBACjD,IAAI,EAAE,EAAE,CAAC,IAAI;wBACb,aAAa;wBACb,aAAa;wBACb,gBAAgB;qBACjB,CAAC,EACF,YAAY,EACV,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,EAAE,WAAW,EAAE,CAAC,CAAC,0BAA0B,EAAE,SAAS,EAAC,qBAAqB,GAAG,EAEtH,YAAY,EAAE,KAAC,WAAW,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,iBAAiB,GAAI,GAChF,GACE,EACL,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,gBAAgB,IAAI,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,aAAa,YAAG,CAAC,CAAC,KAAK,GAAU,IAC5G,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAiB;IACvF,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAE7E,MAAM,mBAAmB,GAAG,CAAC,SAA4B,EAAsD,EAAE,CAAC,CAAC;QACjH,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC1E,CAAC,CAAA;IAEF,OAAO,KAAC,qBAAqB,IAAC,UAAU,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,mBAAmB,GAAI,CAAA;AAC7G,CAAC"}

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

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

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

@@ -1 +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;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,oBAAqB,KAAK,4CAQ/C,CAAA"}
+{"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;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,oBAAqB,KAAK,4CAS/C,CAAA"}

package/dist/views/Chat/AgentInfo.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconBox, Text } from '@citric/core';
-import { Agent } from '@citric/icons';
+import { Icon } from '@stack-spot/citric-icons';
+import { ImageWithFallback, Text } from '@stack-spot/citric-react';
 /**
  * Renders the avatar of an agent in a message.
  */
-export const AgentInfo = ({ agent, icon }) => (_jsxs(_Fragment, { children: [agent?.image
-            ? _jsx("img", { src: agent.image, className: "custom-agent-image" })
-            : _jsx(IconBox, { className: "default-image-wrapper", colorIcon: "light.700", children: icon ?? _jsx(Agent, { className: "agent-image" }) }), _jsx(Text, { appearance: "body2", children: agent?.label })] }));
+export const AgentInfo = ({ agent, icon }) => (_jsxs(_Fragment, { children: [_jsx(ImageWithFallback, { src: agent?.image ?? '', className: "custom-agent-image", fallback: _jsx("div", { className: "default-image-wrapper", children: icon ?? _jsx(Icon, { icon: "Agent", className: "agent-image" }) }) }), _jsx(Text, { appearance: "body2", children: agent?.label })] }));
 //# sourceMappingURL=AgentInfo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentInfo.js","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAQrC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAS,EAAE,EAAE,CAAC,CACnD,8BACG,KAAK,EAAE,KAAK;YACX,CAAC,CAAC,cAAK,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,oBAAoB,GAAG;YAC1D,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,EAAC,SAAS,EAAC,WAAW,YAAE,IAAI,IAAI,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,GAAW,EAE1H,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,YAAE,KAAK,EAAE,KAAK,GAAQ,IAC7C,CACJ,CAAA"}
+{"version":3,"file":"AgentInfo.js","sourceRoot":"","sources":["../../../src/views/Chat/AgentInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAQlE;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAS,EAAE,EAAE,CAAC,CACnD,8BACE,KAAC,iBAAiB,IAChB,GAAG,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EACvB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,cAAK,SAAS,EAAC,uBAAuB,YAAE,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,aAAa,GAAG,GAAO,GAC9G,EACF,KAAC,IAAI,IAAC,UAAU,EAAC,OAAO,YAAE,KAAK,EAAE,KAAK,GAAQ,IAC7C,CACJ,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,qCAAqC,CAAA;AAK5C,OAAO,EAAE,SAAS,EAAqC,MAAM,uBAAuB,CAAA;AAQpF,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACjD;AAED,UAAU,KAAM,SAAQ,aAAa;IACnC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAmID;;GAEG;AACH,eAAO,MAAM,WAAW,qDAAsD,KAAK,iEAsQlF,CAAA"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/ChatMessage.tsx"],"names":[],"mappings":"AAQA,OAAO,qCAAqC,CAAA;AAK5C,OAAO,EAAE,SAAS,EAAqC,MAAM,uBAAuB,CAAA;AAQpF,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACjD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACjD;AAED,UAAU,KAAM,SAAQ,aAAa;IACnC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAiID;;GAEG;AACH,eAAO,MAAM,WAAW,qDAAsD,KAAK,iEAgQlF,CAAA"}

package/dist/views/Chat/ChatMessage.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Button, Checkbox, Flex, IconBox, Input, Label, Radio, Text } from '@citric/core';
-import { Check, Cog, Copy, Dislike, DislikeFill, Like, LikeFill, TimesCircle } from '@citric/icons';
-import { Badge, IconButton, Tooltip } from '@citric/ui';
+import { Icon } from '@stack-spot/citric-icons';
+import { Badge, Button, CheckboxGroup, Column, IconButton, Input, RadioGroup, Row, Text, Tooltip } from '@stack-spot/citric-react';
 import { agentToolsClient } from '@stack-spot/portal-network';
-import { listToClass } from '@stack-spot/portal-theme';
+import { listToClass, theme } from '@stack-spot/portal-theme';
 import { useTranslate } from '@stack-spot/portal-translate';
 import { groupBy } from 'lodash';
 import { createElement, useCallback, useMemo, useRef, useState } from 'react';
@@ -22,62 +21,55 @@ import { onCopyAll, onCopyCode, onLikeOrDislike } from './events.js';
 import { StepsList } from './StepsList.js';
 const RenderInputsEntry = ({ isLast, entry, value, setValue, labels, setLabels }) => {
     const chat = useCurrentChat();
+    const [radioValue, setRadioValue] = useState();
+    const [checkboxValue, setCheckboxValue] = useState([]);
     const renderInputs = () => {
         if (entry.type === 'input-text') {
-            return _jsx(Input, { name: entry.name, value: value[0] ?? '', sx: { maxWidth: '500px' }, autoFocus: true, ...entry.validations, onChange: (data) => setValue([data.target.value]), required: entry.required });
+            return _jsx(Input, { name: entry.name, value: value[0] ?? '', style: { maxWidth: '500px' }, autoFocus: true, ...entry.validations, onChange: v => setValue([v]), required: entry.required });
         }
         if (entry.type === 'input-radio') {
-            return _jsx(Flex, { className: "radio-group", children: entry.options?.map((option) => (_jsx(Box, { w: 6, className: "radio-item", children: _jsxs(Flex, { alignItems: "center", children: [_jsxs(Label, { htmlFor: option.value, colorScheme: "light.contrastText", children: [_jsx(Radio, { name: entry.name, id: option.value, onChange: (data) => {
-                                            if (data.target.checked) {
-                                                setValue([option.label]);
-                                                option.value && setLabels([option.value]);
-                                            }
-                                            else {
-                                                setValue([]);
-                                            }
-                                        } }), _jsx(Text, { ml: 3, children: option.label })] }), option.hasInput && option.value && labels.findIndex((label) => label === option.value) !== -1 &&
-                                _jsx(Box, { w: 4, ml: 2, children: _jsx(Input, { name: entry.name, onChange: (data) => setValue([data.target.value]), required: true, sx: { height: '30px' } }) })] }) }, option.value))) });
+            return _jsx(RadioGroup, { value: radioValue, onChange: (v) => {
+                    setRadioValue(v);
+                    setValue([v.label]);
+                    v.value && setLabels([v.value]);
+                }, options: entry.options ?? [], renderKey: o => `${o.value}_${o.label}`, renderLabel: o => (_jsxs(Row, { gap: 3, w: "50%", children: [_jsx(Text, { children: o.label }), o.hasInput && o.value && labels.findIndex((label) => label === o.value) !== -1 &&
+                            _jsx(Input, { name: entry.name, onChange: v => setValue([v]), required: true, style: { height: '30px', width: '33%' } })] })) });
         }
         if (entry.type === 'button-list') {
-            return _jsx(Flex, { className: "button-group", style: { gap: '8px' }, children: entry.options?.map((item) => _jsx(Button, { colorScheme: item.color, style: { margin: 0 }, onClick: () => {
+            return _jsx(Row, { className: "button-group", gap: "8px", children: entry.options?.map((item) => _jsx(Button, { colorScheme: item.color, onClick: () => {
                         item.value && chat.pushMessage(ChatEntry.createUserEntry(item.value, false, entry.name, item?.label ? [item?.label] : undefined));
                     }, children: item.label }, item.label)) });
         }
         if (entry.type === 'input-checkbox') {
-            return _jsx(Flex, { className: "checkbox-group", children: entry.options?.map((option) => (_jsxs(Flex, { as: "label", w: 6, alignItems: "center", className: "checkbox-item", children: [_jsx(Checkbox, { name: entry.name, onChange: (data) => {
-                                if (data.target.checked) {
-                                    setValue([...value, option.label]);
-                                    option.value && setLabels([...labels, option.value]);
-                                }
-                                else {
-                                    const newValue = value.filter(((item) => item !== option.label));
-                                    setValue([...newValue]);
-                                }
-                            } }, option.label), _jsx(Text, { ml: 3, children: option.label }), option.hasInput && option.value && labels.findIndex((label) => label === option.value) !== -1 &&
-                            _jsx(Box, { w: 4, ml: 2, children: _jsx(Input, { name: entry.name, ...entry.validations, onChange: (data) => {
+            return _jsx(CheckboxGroup, { value: checkboxValue, onChange: (v) => {
+                    setCheckboxValue(v);
+                    setValue(v.map(i => i.label));
+                    setLabels(v.map(i => i.value).filter(i => !!i));
+                }, options: entry.options ?? [], renderKey: o => `${o.value}_${o.label}`, renderLabel: o => (_jsxs(Row, { gap: 3, children: [_jsx(Text, { children: o.label }), o.hasInput && o.value && labels.findIndex((label) => label === o.value) !== -1 &&
+                            _jsx("div", { style: { width: '33%' }, children: _jsx(Input, { name: entry.name, ...entry.validations, onChange: (v) => {
                                         const customIndex = value.findIndex(v => !entry.options?.map(o => o.label).includes(v));
                                         if (customIndex === -1) {
-                                            setValue([...value, data.target.value]);
+                                            setValue([...value, v]);
                                         }
                                         else {
                                             const newValue = [...value];
-                                            newValue[customIndex] = data.target.value;
+                                            newValue[customIndex] = v;
                                             setValue(newValue);
                                         }
-                                    }, required: true, sx: { height: '30px' } }) })] }, option.label))) });
+                                    }, required: true, style: { height: '30px' } }) })] })) });
         }
         if (entry.type === 'input-phone') {
             return (_jsx(PhoneInput, { defaultCountry: "br", value: value[0], onChange: (phone) => setValue([phone]), className: "input-phone", placeholder: "11961234567" }));
         }
         return _jsx("p", { className: "plain-text", children: entry.content });
     };
-    return _jsxs(Flex, { flexDirection: "column", children: [_jsx(Text, { appearance: "body2", mb: 4, children: entry.content }), isLast && renderInputs()] });
+    return _jsxs(Column, { gap: 4, children: [_jsx(Text, { appearance: "body2", children: entry.content }), isLast && renderInputs()] });
 };
 const UserInfo = ({ entry }) => {
     switch (entry.agentType) {
         case 'user': return;
         case 'bot': return _jsx(AgentInfo, { agent: entry.agent });
-        case 'system': return _jsx(AgentInfo, { agent: { id: 'system', label: 'System' }, icon: _jsx(Cog, {}) });
+        case 'system': return _jsx(AgentInfo, { agent: { id: 'system', label: 'System' }, icon: _jsx(Icon, { icon: "Cog" }) });
     }
 };
 /**
@@ -165,16 +157,16 @@ export const ChatMessage = ({ message, isLast, beforeMessage, afterMessage }) =>
         if (entry.type === 'text') {
             return _jsxs(_Fragment, { children: [_jsx("p", { className: "plain-text", children: entry.content }), renderUploads(), renderActions()] });
         }
-        return _jsxs("form", { children: [_jsx(RenderInputsEntry, { entry: entry, isLast: isLast, value: value, setValue: setValue, setLabels: setLabels, labels: labels }), _jsx(Box, { mt: "4", children: renderActions() })] });
+        return _jsxs("form", { children: [_jsx(RenderInputsEntry, { entry: entry, isLast: isLast, value: value, setValue: setValue, setLabels: setLabels, labels: labels }), _jsx("div", { style: { marginTop: theme.spacing[4] }, children: renderActions() })] });
     };
     function openToolsPanel() {
         widget.set('currentMessageInPanel', { chatId: chat.id, messageId: message.id });
         widget.set('panel', 'tools');
     }
-    return (entry.content || entry.error || !!entry.steps?.length || entry.upload?.length) && (_jsx("li", { className: entry.agentType, ref: ref, children: _jsxs("div", { className: "chat-message-container", onMouseEnter: entry.agentType === 'user' ? () => setShowUserButtonCopy(true) : undefined, onMouseLeave: entry.agentType === 'user' ? () => setShowUserButtonCopy(false) : undefined, children: [_jsxs("div", { className: "chat-message", ref: chatRef, onKeyDown: handleKeyDown, tabIndex: 0, children: [_jsx("div", { className: `user-info ${entry.agentType}`, children: _jsx(UserInfo, { entry: entry }) }), beforeMessage && createElement(beforeMessage, { message }), (entry.content || entry.steps || entry.upload?.length) && (_jsxs("div", { className: listToClass(['message-content', entry.card && 'card', entry.type]), 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)) }), renderContent(), !!entry.steps?.length && _jsx(StepsList, { steps: entry.steps, chatId: chat.id, messageId: message.id })] })), entry.error && (_jsxs("div", { className: "error", children: [_jsx(IconBox, { size: "xs", children: _jsx(TimesCircle, {}) }), _jsx(Text, { appearance: "microtext1", children: entry.error })] }))] }), afterMessage && createElement(afterMessage, { message }), !!entry.tools?.length && _jsx(StackedBadge, { "aria-label": t.openToolsPanel, title: t.openToolsPanel, tabIndex: 0, role: "button", className: "tools-badge", label: t.tools, images: entry.tools.slice(0, 3).map((id) => {
+    return (entry.content || entry.error || !!entry.steps?.length || entry.upload?.length) && (_jsx("li", { className: entry.agentType, ref: ref, children: _jsxs("div", { className: "chat-message-container", onMouseEnter: entry.agentType === 'user' ? () => setShowUserButtonCopy(true) : undefined, onMouseLeave: entry.agentType === 'user' ? () => setShowUserButtonCopy(false) : undefined, children: [_jsxs("div", { className: "chat-message", ref: chatRef, onKeyDown: handleKeyDown, tabIndex: 0, children: [_jsx("div", { className: `user-info ${entry.agentType}`, children: _jsx(UserInfo, { entry: entry }) }), beforeMessage && createElement(beforeMessage, { message }), (entry.content || entry.steps || entry.upload?.length) && (_jsxs("div", { className: listToClass(['message-content', entry.card && 'card', entry.type]), children: [!!entry.badges?.length && _jsx("div", { className: "badges", children: entry.badges.map((b, index) => _jsx(Badge, { colorPalette: b.color ?? 'cyan', appearance: "square", children: b.label }, index)) }), renderContent(), !!entry.steps?.length && _jsx(StepsList, { steps: entry.steps, chatId: chat.id, messageId: message.id })] })), entry.error && (_jsxs("div", { className: "error", children: [_jsx(Icon, { icon: "TimesCircle", size: "xs" }), _jsx(Text, { appearance: "microtext1", children: entry.error })] }))] }), afterMessage && createElement(afterMessage, { message }), !!entry.tools?.length && _jsx(StackedBadge, { "aria-label": t.openToolsPanel, title: t.openToolsPanel, tabIndex: 0, role: "button", className: "tools-badge", label: t.tools, images: entry.tools.slice(0, 3).map((id) => {
                         const tool = toolById(id, toolKits);
-                        return { key: id, name: tool?.name || id, icon: _jsx(Cog, {}), url: tool?.image };
-                    }), onClick: openToolsPanel }), !!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' && (copied ? (_jsx(Tooltip, { text: t.copied, position: 'right', children: _jsx(IconButton, { appearance: "square", colorBg: "light", title: t.copied, "aria-label": t.copied, onClick: handleCopy, children: _jsx(Check, {}) }) })) : (_jsx(IconButton, { appearance: "square", color: "light", title: t.copy, "aria-label": t.copy, onClick: handleCopy, children: _jsx(Copy, {}) }))), entry.messageId && (_jsxs(_Fragment, { children: [_jsx(IconButton, { appearance: "square", color: "light", title: t.like, "aria-label": t.like, onClick: like, children: liked === true ? _jsx(LikeFill, {}) : _jsx(Like, {}) }), _jsx(IconButton, { appearance: "square", color: "light", title: t.dislike, "aria-label": t.dislike, onClick: dislike, children: liked === false ? _jsx(DislikeFill, {}) : _jsx(Dislike, {}) })] }))] }), entry.agentType === 'user' && (_jsx("div", { className: "message-actions", children: copied ? (_jsx(Tooltip, { text: t.copied, position: 'left', children: _jsx(IconButton, { appearance: "square", colorBg: "light", title: t.copied, "aria-label": t.copied, size: "sm", children: _jsx(Check, {}) }) })) : (showUserButtonCopy && (_jsx("div", { className: "action-bar", children: _jsx(IconButton, { appearance: "square", color: "light", title: t.copy, "aria-label": t.copy, onClick: handleCopy, size: "sm", children: _jsx(Copy, { className: "copy-btn" }) }) }))) })), _jsx(Text, { as: "label", appearance: "microtext1", className: "chat-date", children: dateFormatter.formatForChatMessage(date) })] })] }) }, entry.messageId));
+                        return { key: id, name: tool?.name || id, icon: _jsx(Icon, { icon: "Cog" }), url: tool?.image };
+                    }), onClick: openToolsPanel, style: { marginTop: '12px', width: 'fit-content' } }), !!entry.knowledgeSources?.length && _jsxs("div", { className: "ks-box", children: [_jsx(Text, { appearance: "microtext1", color: "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, { icon: "Copy", className: "copy-btn", appearance: "square", title: t.copy, "aria-label": t.copy, feedback: t.copied, onClick: handleCopy })), entry.messageId && (_jsxs(_Fragment, { children: [_jsx(IconButton, { group: liked === true ? 'fill' : 'outline', icon: "Like", appearance: "square", title: t.like, "aria-label": t.like, onClick: like }), _jsx(IconButton, { group: liked === false ? 'fill' : 'outline', icon: "Dislike", appearance: "square", color: "light", title: t.dislike, "aria-label": t.dislike, onClick: dislike })] }))] }), entry.agentType === 'user' && (_jsx("div", { className: "message-actions", children: copied ? (_jsx(Tooltip, { content: t.copied, position: 'left', children: _jsx(IconButton, { icon: "Check", appearance: "square", title: t.copied, "aria-label": t.copied, size: "sm" }) })) : (showUserButtonCopy && (_jsx("div", { className: "action-bar", children: _jsx(IconButton, { icon: "Copy", appearance: "square", title: t.copy, "aria-label": t.copy, onClick: handleCopy, size: "sm" }) }))) })), _jsx(Text, { appearance: "microtext1", className: "chat-date", children: dateFormatter.formatForChatMessage(date) })] })] }) }, entry.messageId));
 };
 const dictionary = {
     en: {