cozy-search 0.26.2 → 0.27.0

package/dist/components/Assistant/AssistantAvatar.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _Avatar = _interopRequireDefault(require("cozy-ui/transpiled/react/Avatar"));
+
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
 var _Assistant = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Assistant"));
@@ -28,11 +30,11 @@ var styles = {
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
+  "assistant-icon--composer": "styles__assistant-icon--composer___1i3dU",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS",
-  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "chip": "styles__chip___16BPR",
   "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
@@ -41,21 +43,23 @@ var AssistantAvatar = function AssistantAvatar(_ref) {
       isSmall = _ref.isSmall,
       className = _ref.className;
   if (!assistant) return null;
+  var iconClassName = (0, _classnames.default)(styles['assistant-icon'], (0, _defineProperty2.default)({}, styles['assistant-icon--small'], isSmall), className);
 
   if (assistant._id !== _constants.DEFAULT_ASSISTANT._id && !assistant.icon) {
     return /*#__PURE__*/_react.default.createElement(_Icon.default, {
       icon: _Assistant.default,
-      className: (0, _classnames.default)(styles['assistant-icon'], (0, _defineProperty2.default)({}, styles['assistant-icon--small'], isSmall), className)
+      className: iconClassName
     });
   }
 
   return assistant.id === _constants.DEFAULT_ASSISTANT.id ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _AssistantColor.default,
-    className: (0, _classnames.default)(styles['assistant-icon'], (0, _defineProperty2.default)({}, styles['assistant-icon--small'], isSmall), className)
-  }) : /*#__PURE__*/_react.default.createElement("img", {
+    className: iconClassName
+  }) : /*#__PURE__*/_react.default.createElement(_Avatar.default, {
     src: assistant.icon,
     alt: assistant.name,
-    className: (0, _classnames.default)(styles['assistant-icon'], (0, _defineProperty2.default)({}, styles['assistant-icon--small'], isSmall), className)
+    size: isSmall ? 12 : 24,
+    className: iconClassName
   });
 };
 

package/dist/components/Assistant/AssistantContainer.js

@@ -36,11 +36,11 @@ var styles = {
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
+  "assistant-icon--composer": "styles__assistant-icon--composer___1i3dU",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS",
-  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "chip": "styles__chip___16BPR",
   "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
@@ -56,7 +56,7 @@ var AssistantContainer = function AssistantContainer() {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('u-flex u-ov-hidden u-h-100', styles['assistant-container'])
   }, /*#__PURE__*/_react.default.createElement(_Sidebar.default, {
-    className: "u-w-5 u-pb-0-t u-pb-1"
+    className: "u-pb-0-t u-pb-1"
   }), /*#__PURE__*/_react.default.createElement(_PrettyScrollbar.default, {
     className: "u-flex-auto u-flex u-flex-column u-pb-0-t u-pb-1 u-ov-hidden"
   }, isOpenSearchConversation && (0, _cozyFlags.default)('cozy.assistant.search-conversation.enabled') ? /*#__PURE__*/_react.default.createElement(_SearchConversation.default, null) : /*#__PURE__*/_react.default.createElement(_CozyAssistantRuntimeProvider.default, null, /*#__PURE__*/_react.default.createElement(_Conversation.default, null))), openedKnowledgePanel && (0, _cozyFlags.default)('cozy.assistant.source-knowledge.enabled') && /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Assistant/AssistantSelection.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -54,11 +56,11 @@ var styles = {
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
+  "assistant-icon--composer": "styles__assistant-icon--composer___1i3dU",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS",
-  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "chip": "styles__chip___16BPR",
   "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 
@@ -119,20 +121,24 @@ var AssistantSelection = function AssistantSelection(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     ref: buttonRef
-  }, /*#__PURE__*/_react.default.createElement(_Chips.default, {
+  }, disabled && isMobile ? /*#__PURE__*/_react.default.createElement(_AssistantAvatar.default, {
+    assistant: selectedAssistant
+  }) : /*#__PURE__*/_react.default.createElement(_Chips.default, (0, _extends2.default)({
     icon: /*#__PURE__*/_react.default.createElement(_AssistantAvatar.default, {
-      className: "u-ml-half",
-      isSmall: true,
+      className: styles['assistant-icon--composer'],
       assistant: selectedAssistant
     }),
     label: isMobile ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      className: styles['dropdown-icon'],
-      icon: _Dropdown.default
-    }) : selectedAssistant.name,
+      icon: _Dropdown.default,
+      size: 16
+    }) : selectedAssistant.name
+  }, disabled ? {
+    className: styles['chip'],
+    'aria-disabled': true
+  } : {
     clickable: true,
-    onClick: handleClick,
-    disabled: disabled
-  })), open && /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
+    onClick: handleClick
+  }))), open && /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
     open: true,
     ref: buttonRef,
     onClose: handleClose,
@@ -169,7 +175,8 @@ var AssistantSelection = function AssistantSelection(_ref) {
     className: "u-flex u-flex-items-center"
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Plus.default,
-    className: styles['create-icon']
+    size: 16,
+    className: "u-mr-half"
   }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "body1"
   }, t('assistant_create.title'))))));

package/dist/components/Assistant/AssistantSelectionItem.js

@@ -44,11 +44,11 @@ var styles = {
   "trigger-button": "styles__trigger-button___yyIz8",
   "assistant-icon": "styles__assistant-icon___1VM6i",
   "assistant-icon--small": "styles__assistant-icon--small___3D9po",
+  "assistant-icon--composer": "styles__assistant-icon--composer___1i3dU",
   "menu-item": "styles__menu-item___1jvWN",
   "create-item": "styles__create-item___3ZARq",
   "menu-item-icon-button": "styles__menu-item-icon-button___2q_ct",
-  "create-icon": "styles__create-icon___1jhHS",
-  "dropdown-icon": "styles__dropdown-icon___HKkCm",
+  "chip": "styles__chip___16BPR",
   "selected-item--mobile": "styles__selected-item--mobile___gxVpw"
 };
 

package/dist/components/Assistant/styles.styl

@@ -25,8 +25,14 @@
   fill transparent !important
 
   &--small
-    width 20px
-    height 20px
+    width 12px
+    height 12px
+    margin-right 0
+
+  &--composer
+    width 16px
+    height 16px
+    margin 0
 
 .menu-item
   display flex !important
@@ -43,11 +49,9 @@
 .menu-item-icon-button
   display none !important
 
-.create-icon
-  margin-right 0.5rem
-
-.dropdown-icon
-  margin-top 0.25rem
+.chip
+  border 0 !important
+  background-color transparent !important
 
 .selected-item--mobile
   padding 1px

package/dist/components/Containers/styles.styl

@@ -1,7 +1,7 @@
 .pretty-scrollbar
-  scrollbar-gutter auto
-  scrollbar-width none
-  scrollbar-color var(--silver) transparent
+  scrollbar-gutter stable
+  scrollbar-width thin
+  scrollbar-color transparent transparent
 
   &:hover
-    scrollbar-width auto
+    scrollbar-color var(--silver) transparent

package/dist/components/Conversations/Conversation.js

@@ -21,6 +21,40 @@ var _AssistantMessage = _interopRequireDefault(require("../Messages/AssistantMes
 
 var _UserMessage = _interopRequireDefault(require("../Messages/UserMessage"));
 
+var styles = {
+  "composerContainer": "styles__composerContainer___3bNfY",
+  "composerActions": "styles__composerActions___2xQEH",
+  "conversationBar": "styles__conversationBar___2J-Us",
+  "conversationBar--mobile": "styles__conversationBar--mobile___1jdg8",
+  "conversationViewport": "styles__conversationViewport___24jYX",
+  "conversationBar-input": "styles__conversationBar-input___2DfdZ",
+  "chatConversation": "styles__chatConversation___2EmkA",
+  "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
+  "conversationList": "styles__conversationList___2GCzV",
+  "conversationList--container": "styles__conversationList--container___2xRAG",
+  "conversationList--hidden": "styles__conversationList--hidden___20BsT",
+  "conversationListItem--selected": "styles__conversationListItem--selected___2jCyB",
+  "menuToggler": "styles__menuToggler___39GfB",
+  "menuToggler--disabled": "styles__menuToggler--disabled___15vd4",
+  "conversationChips-container": "styles__conversationChips-container___327dE",
+  "conversationChips-startIcon": "styles__conversationChips-startIcon___1yOVn",
+  "conversationChips-chipIcon": "styles__conversationChips-chipIcon___1wmF-",
+  "conversationChips-deleteIcon": "styles__conversationChips-deleteIcon___s9C40",
+  "is-warning": "styles__is-warning___3sa0v",
+  "conversationChips-chip": "styles__conversationChips-chip___2PqQv",
+  "cozyThread-messageContent": "styles__cozyThread-messageContent___2HjdB",
+  "conversation-list-item": "styles__conversation-list-item___rQapI",
+  "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
+  "conversation-list-item--selected--light": "styles__conversation-list-item--selected--light___3WvIn",
+  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY",
+  "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
+  "conversation-list-item-divider": "styles__conversation-list-item-divider___2LOP1",
+  "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
+  "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
+  "conversation-list-item-meta": "styles__conversation-list-item-meta___3Zk-r",
+  "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0"
+};
+
 var Conversation = function Conversation(_ref) {
   var className = _ref.className;
 
@@ -35,14 +69,14 @@ var Conversation = function Conversation(_ref) {
       'u-flex-justify-between': !isThreadEmpty,
       'u-flex-justify-center': isThreadEmpty
     })
-  }, /*#__PURE__*/_react2.default.createElement(_react.ThreadPrimitive.Viewport, {
+  }, /*#__PURE__*/_react2.default.createElement(_react.ThreadPrimitive.Empty, null, /*#__PURE__*/_react2.default.createElement("h2", {
+    className: "u-w-100 u-maw-7 u-mh-auto u-mb-3 u-fw-normal u-ta-center"
+  }, t('assistant.message.welcome'))), /*#__PURE__*/_react2.default.createElement(_react.ThreadPrimitive.Viewport, {
     autoScroll: true,
-    className: (0, _classnames.default)('u-w-100 u-ov-auto u-mb-1', {
+    className: (0, _classnames.default)('u-w-100 u-bxz u-ov-auto u-mb-1', styles.conversationViewport, {
       'u-flex-auto': !isThreadEmpty
     })
-  }, /*#__PURE__*/_react2.default.createElement(_react.ThreadPrimitive.Empty, null, /*#__PURE__*/_react2.default.createElement("h2", {
-    className: "u-mb-3 u-fw-normal u-ta-center"
-  }, t('assistant.message.welcome'))), /*#__PURE__*/_react2.default.createElement("div", {
+  }, /*#__PURE__*/_react2.default.createElement("div", {
     className: "u-maw-7 u-mh-auto"
   }, /*#__PURE__*/_react2.default.createElement(_react.ThreadPrimitive.Messages, {
     components: {

package/dist/components/Conversations/ConversationActions.js

@@ -196,9 +196,9 @@ var ConversationActions = function ConversationActions(_ref) {
     onClick: toggleMenu
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  })), /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
+  })), isMenuOpen && /*#__PURE__*/_react.default.createElement(_ActionsMenu.default, {
     ref: anchorRef,
-    open: isMenuOpen,
+    open: true,
     actions: actions,
     anchorOrigin: {
       vertical: 'bottom',

package/dist/components/Conversations/ConversationBar.d.ts

@@ -1,12 +1,7 @@
 export default ConversationBar;
-declare function ConversationBar({ value, isEmpty, isRunning, onKeyDown, onSend, onCancel, websearchEnabled, onToggleWebsearch, ...props }: {
+declare function ConversationBar({ value, isEmpty, onKeyDown, ...props }: {
     [x: string]: any;
     value: any;
     isEmpty: any;
-    isRunning: any;
     onKeyDown: any;
-    onSend: any;
-    onCancel: any;
-    websearchEnabled: any;
-    onToggleWebsearch: any;
 }): JSX.Element;

package/dist/components/Conversations/ConversationBar.js

@@ -19,16 +19,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react2 = _interopRequireWildcard(require("react"));
 
-var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
-
-var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
-
-var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
-
-var _Paperplane = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Paperplane"));
-
-var _Stop = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Stop"));
-
 var _SearchBar = _interopRequireDefault(require("cozy-ui/transpiled/react/SearchBar"));
 
 var _useEventListener = _interopRequireDefault(require("cozy-ui/transpiled/react/hooks/useEventListener"));
@@ -37,17 +27,18 @@ var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
 var _twakeI18n = require("twake-i18n");
 
-var _WebsearchButton = _interopRequireDefault(require("./WebsearchButton"));
-
-var _excluded = ["value", "isEmpty", "isRunning", "onKeyDown", "onSend", "onCancel", "websearchEnabled", "onToggleWebsearch"];
+var _excluded = ["value", "isEmpty", "onKeyDown"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var styles = {
+  "composerContainer": "styles__composerContainer___3bNfY",
+  "composerActions": "styles__composerActions___2xQEH",
   "conversationBar": "styles__conversationBar___2J-Us",
   "conversationBar--mobile": "styles__conversationBar--mobile___1jdg8",
+  "conversationViewport": "styles__conversationViewport___24jYX",
   "conversationBar-input": "styles__conversationBar-input___2DfdZ",
   "chatConversation": "styles__chatConversation___2EmkA",
   "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
@@ -67,18 +58,19 @@ var styles = {
   "conversation-list-item": "styles__conversation-list-item___rQapI",
   "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
   "conversation-list-item--selected--light": "styles__conversation-list-item--selected--light___3WvIn",
-  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY"
+  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY",
+  "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
+  "conversation-list-item-divider": "styles__conversation-list-item-divider___2LOP1",
+  "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
+  "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
+  "conversation-list-item-meta": "styles__conversation-list-item-meta___3Zk-r",
+  "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0"
 };
 
 var ConversationBar = function ConversationBar(_ref) {
   var value = _ref.value,
       isEmpty = _ref.isEmpty,
-      isRunning = _ref.isRunning,
       onKeyDown = _ref.onKeyDown,
-      onSend = _ref.onSend,
-      onCancel = _ref.onCancel,
-      websearchEnabled = _ref.websearchEnabled,
-      onToggleWebsearch = _ref.onToggleWebsearch,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useI18n = (0, _twakeI18n.useI18n)(),
@@ -97,33 +89,24 @@ var ConversationBar = function ConversationBar(_ref) {
     }
   });
 
-  var handleSend = function handleSend() {
-    if (isEmpty) return;
-    onSend();
-
-    if (inputRef.current) {
-      inputRef.current.style.height = 'auto';
-    }
-  };
-
   var handleKeyDown = function handleKeyDown(e) {
     if (isEmpty) return;
     onKeyDown(e);
   };
 
-  return /*#__PURE__*/_react2.default.createElement("div", {
-    className: "u-w-100 u-maw-7 u-mh-auto"
-  }, /*#__PURE__*/_react2.default.createElement(_SearchBar.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react2.default.createElement(_SearchBar.default, (0, _extends2.default)({}, props, {
+    elevation: 0,
     className: (0, _classnames.default)(styles['conversationBar'], (0, _defineProperty2.default)({}, styles['conversationBar--mobile'], isMobile)),
     icon: null,
     size: "auto",
     placeholder: t('assistant.search.placeholder'),
     value: value,
     disabledClear: true,
+    disabledHover: true,
     componentsProps: {
       inputBase: {
         inputRef: inputRef,
-        className: 'u-pv-0',
+        className: 'u-pv-0 u-pl-0',
         rows: 1,
         multiline: true,
         inputProps: {
@@ -131,44 +114,10 @@ var ConversationBar = function ConversationBar(_ref) {
         },
         autoFocus: !isMobile,
         inputComponent: _react.ComposerPrimitive.Input,
-        endAdornment: /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_WebsearchButton.default, {
-          websearchEnabled: websearchEnabled,
-          onToggleWebsearch: onToggleWebsearch
-        }), isRunning ? /*#__PURE__*/_react2.default.createElement(_IconButton.default, {
-          className: "u-p-0 u-mr-half"
-        }, /*#__PURE__*/_react2.default.createElement(_Buttons.default, {
-          size: "small",
-          component: "div",
-          className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle",
-          classes: {
-            label: 'u-flex u-w-auto'
-          },
-          label: /*#__PURE__*/_react2.default.createElement(_Icon.default, {
-            icon: _Stop.default,
-            size: 12
-          }),
-          onClick: onCancel
-        })) : /*#__PURE__*/_react2.default.createElement(_IconButton.default, {
-          className: "u-p-0 u-mr-half"
-        }, /*#__PURE__*/_react2.default.createElement(_Buttons.default, {
-          size: "small",
-          component: "div",
-          className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle",
-          classes: {
-            label: 'u-flex u-w-auto'
-          },
-          label: /*#__PURE__*/_react2.default.createElement(_Icon.default, {
-            icon: _Paperplane.default,
-            size: 12,
-            rotate: -45
-          }),
-          disabled: isEmpty,
-          onClick: handleSend
-        }))),
         onKeyDown: handleKeyDown
       }
     }
-  })));
+  }));
 };
 
 var _default = ConversationBar;

package/dist/components/Conversations/ConversationComposer.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = require("@assistant-ui/react");
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -15,10 +17,20 @@ var _react2 = _interopRequireWildcard(require("react"));
 
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Paperplane = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Paperplane"));
+
+var _Stop = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Stop"));
+
 var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
 
 var _ConversationBar = _interopRequireDefault(require("./ConversationBar"));
 
+var _WebsearchButton = _interopRequireDefault(require("./WebsearchButton"));
+
 var _AssistantSelection = _interopRequireDefault(require("../Assistant/AssistantSelection"));
 
 var _AssistantProvider = require("../AssistantProvider");
@@ -29,6 +41,40 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+var styles = {
+  "composerContainer": "styles__composerContainer___3bNfY",
+  "composerActions": "styles__composerActions___2xQEH",
+  "conversationBar": "styles__conversationBar___2J-Us",
+  "conversationBar--mobile": "styles__conversationBar--mobile___1jdg8",
+  "conversationViewport": "styles__conversationViewport___24jYX",
+  "conversationBar-input": "styles__conversationBar-input___2DfdZ",
+  "chatConversation": "styles__chatConversation___2EmkA",
+  "conversationHeaderBar": "styles__conversationHeaderBar___C8tlD",
+  "conversationList": "styles__conversationList___2GCzV",
+  "conversationList--container": "styles__conversationList--container___2xRAG",
+  "conversationList--hidden": "styles__conversationList--hidden___20BsT",
+  "conversationListItem--selected": "styles__conversationListItem--selected___2jCyB",
+  "menuToggler": "styles__menuToggler___39GfB",
+  "menuToggler--disabled": "styles__menuToggler--disabled___15vd4",
+  "conversationChips-container": "styles__conversationChips-container___327dE",
+  "conversationChips-startIcon": "styles__conversationChips-startIcon___1yOVn",
+  "conversationChips-chipIcon": "styles__conversationChips-chipIcon___1wmF-",
+  "conversationChips-deleteIcon": "styles__conversationChips-deleteIcon___s9C40",
+  "is-warning": "styles__is-warning___3sa0v",
+  "conversationChips-chip": "styles__conversationChips-chip___2PqQv",
+  "cozyThread-messageContent": "styles__cozyThread-messageContent___2HjdB",
+  "conversation-list-item": "styles__conversation-list-item___rQapI",
+  "conversation-list-item-action": "styles__conversation-list-item-action___qiuKm",
+  "conversation-list-item--selected--light": "styles__conversation-list-item--selected--light___3WvIn",
+  "conversation-list-item--selected--dark": "styles__conversation-list-item--selected--dark___JDQlY",
+  "conversation-list-item--wider": "styles__conversation-list-item--wider___2Tl2c",
+  "conversation-list-item-divider": "styles__conversation-list-item-divider___2LOP1",
+  "conversation-list-item-text": "styles__conversation-list-item-text___31VBM",
+  "conversation-list-item-title": "styles__conversation-list-item-title___3je_6",
+  "conversation-list-item-meta": "styles__conversation-list-item-meta___3Zk-r",
+  "conversation-list-item-subtitle": "styles__conversation-list-item-subtitle___3e_h0"
+};
+
 var ConversationComposer = function ConversationComposer() {
   var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
       isMobile = _useBreakpoints.isMobile;
@@ -77,25 +123,44 @@ var ConversationComposer = function ConversationComposer() {
     });
   }, [isRunning, setWebsearchEnabled]);
   return /*#__PURE__*/_react2.default.createElement(_react.ComposerPrimitive.Root, {
-    className: (0, _classnames.default)('u-w-100 u-maw-7 u-mh-auto', {
-      'u-card u-bxz u-elevation-1': isMobile
-    })
+    className: (0, _classnames.default)('u-w-100 u-maw-7 u-mh-auto u-bxz', styles['composerContainer'])
+  }, /*#__PURE__*/_react2.default.createElement("div", {
+    className: "u-flex u-flex-items-start u-flex-justify-between"
   }, /*#__PURE__*/_react2.default.createElement(_ConversationBar.default, {
-    elevation: isMobile ? 0 : 1,
-    disabledHover: !!isMobile,
     value: value,
     isEmpty: isEmpty,
-    isRunning: isRunning,
-    onKeyDown: handleKeyDown,
-    onCancel: handleCancel,
-    onSend: handleSend,
+    onKeyDown: handleKeyDown
+  }), /*#__PURE__*/_react2.default.createElement("div", {
+    className: "u-flex u-flex-items-center u-flex-shrink-0"
+  }, /*#__PURE__*/_react2.default.createElement(_WebsearchButton.default, {
     websearchEnabled: websearchEnabled,
     onToggleWebsearch: handleToggleWebsearch
-  }), /*#__PURE__*/_react2.default.createElement("div", {
-    className: "u-flex u-flex-items-center u-flex-justify-between u-mt-1"
+  }), /*#__PURE__*/_react2.default.createElement(_Buttons.default, (0, _extends2.default)({
+    size: "small",
+    className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle u-flex-shrink-0",
+    classes: {
+      label: 'u-flex u-w-auto'
+    }
+  }, isRunning ? {
+    label: /*#__PURE__*/_react2.default.createElement(_Icon.default, {
+      icon: _Stop.default,
+      size: 12
+    }),
+    onClick: handleCancel
+  } : {
+    variant: 'primary',
+    label: /*#__PURE__*/_react2.default.createElement(_Icon.default, {
+      icon: _Paperplane.default,
+      size: 12,
+      rotate: -45
+    }),
+    onClick: handleSend
+  })))), /*#__PURE__*/_react2.default.createElement("div", {
+    className: (0, _classnames.default)('u-flex u-flex-items-center u-flex-justify-between', styles['composerActions'])
   }, (0, _cozyFlags.default)('cozy.assistant.create-assistant.enabled') && /*#__PURE__*/_react2.default.createElement(_AssistantSelection.default, {
     disabled: !isThreadEmpty
   }), (0, _cozyFlags.default)('cozy.assistant.source-knowledge.enabled') && /*#__PURE__*/_react2.default.createElement(_TwakeKnowledgeSelector.default, {
+    className: "u-ml-auto",
     onSelectTwakeKnowledge: setOpenedKnowledgePanel
   })));
 };

package/dist/components/Conversations/ConversationList.d.ts

@@ -5,9 +5,10 @@ declare function ConversationList({ conversations, currentConversationId, disabl
     disableAction: any;
     divider: any;
     onOpenConversation: any;
-    ItemComponent?: (({ conversation, selected, onOpenConversation }: {
+    ItemComponent?: React.MemoExoticComponent<({ conversation, selected, onOpenConversation }: {
         conversation: any;
         selected: any;
         onOpenConversation: any;
-    }) => JSX.Element) | undefined;
+    }) => JSX.Element> | undefined;
 }): JSX.Element;
+import React from 'react';

package/dist/components/Conversations/ConversationListItem.d.ts

@@ -1,6 +1,7 @@
-export default ConversationListItem;
-declare function ConversationListItem({ conversation, selected, onOpenConversation }: {
+declare const _default: React.MemoExoticComponent<({ conversation, selected, onOpenConversation }: {
     conversation: any;
     selected: any;
     onOpenConversation: any;
-}): JSX.Element;
+}) => JSX.Element>;
+export default _default;
+import React from 'react';