cozy-search 0.27.0 → 0.28.0

package/dist/components/Conversations/ConversationComposer.js

@@ -29,8 +29,6 @@ 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");
@@ -132,10 +130,7 @@ var ConversationComposer = function ConversationComposer() {
     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(_Buttons.default, (0, _extends2.default)({
+  }, /*#__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: {
@@ -159,9 +154,11 @@ var ConversationComposer = function ConversationComposer() {
     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, {
+  }), /*#__PURE__*/_react2.default.createElement(_TwakeKnowledgeSelector.default, {
     className: "u-ml-auto",
-    onSelectTwakeKnowledge: setOpenedKnowledgePanel
+    onSelectTwakeKnowledge: setOpenedKnowledgePanel,
+    websearchEnabled: websearchEnabled,
+    onToggleWebsearch: handleToggleWebsearch
   })));
 };
 

package/dist/components/TwakeKnowledges/ChatKnowledge.js

@@ -36,14 +36,13 @@ var styles = {
   "source-panel-footer": "styles__source-panel-footer___i_u77",
   "section-header": "styles__section-header___3qiTb",
   "nested-item": "styles__nested-item___1Guh8",
+  "drive-tree-item": "styles__drive-tree-item___30uL0",
   "clear-all-button": "styles__clear-all-button___2lTyP",
-  "badge": "styles__badge___2cwf5",
   "date-label": "styles__date-label___3gPZY",
+  "mail-preview": "styles__mail-preview___Vm-RW",
   "chat-header-actions": "styles__chat-header-actions___2nLD5",
   "header-clear-all": "styles__header-clear-all___3dOMJ",
-  "knowledge-chips-item": "styles__knowledge-chips-item___1BFkL",
-  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6",
-  "knowledge-chips-counter": "styles__knowledge-chips-counter___3ldy5"
+  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
 };
 
 var ChatKnowledge = function ChatKnowledge(_ref) {

package/dist/components/TwakeKnowledges/DriveKnowledge.js

@@ -48,61 +48,143 @@ var styles = {
   "source-panel-footer": "styles__source-panel-footer___i_u77",
   "section-header": "styles__section-header___3qiTb",
   "nested-item": "styles__nested-item___1Guh8",
+  "drive-tree-item": "styles__drive-tree-item___30uL0",
   "clear-all-button": "styles__clear-all-button___2lTyP",
-  "badge": "styles__badge___2cwf5",
   "date-label": "styles__date-label___3gPZY",
+  "mail-preview": "styles__mail-preview___Vm-RW",
   "chat-header-actions": "styles__chat-header-actions___2nLD5",
   "header-clear-all": "styles__header-clear-all___3dOMJ",
-  "knowledge-chips-item": "styles__knowledge-chips-item___1BFkL",
-  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6",
-  "knowledge-chips-counter": "styles__knowledge-chips-counter___3ldy5"
+  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
+}; // Dummy children used to simulate that each folder holds more content.
+
+var MY_DRIVE_SUBFOLDERS = ['Archive', 'Documents', 'Meetings'];
+var SHARED_SUBFOLDERS = ['Documents', 'Reports', 'Archive'];
+
+var makeChildren = function makeChildren(parentId, subfolderNames) {
+  return subfolderNames.map(function (name) {
+    return {
+      id: "".concat(parentId, "-").concat(name.toLowerCase()),
+      name: name
+    };
+  });
 };
 
-var DriveSection = function DriveSection(_ref) {
-  var title = _ref.title,
-      items = _ref.items,
-      selectedItems = _ref.selectedItems,
-      onToggleItem = _ref.onToggleItem,
-      onClearSection = _ref.onClearSection;
+var makeFolders = function makeFolders(names, subfolderNames) {
+  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+  return names.map(function (name) {
+    var id = "".concat(prefix).concat(name.toLowerCase().replace(/\s+/g, '-'));
+    return {
+      id: id,
+      name: name,
+      children: makeChildren(id, subfolderNames)
+    };
+  });
+};
 
-  var _useI18n = (0, _twakeI18n.useI18n)(),
-      t = _useI18n.t;
+var MY_DRIVE_FOLDERS = makeFolders(['Admin', 'Business', 'HR', 'Legal', 'Perso', 'Projects', 'Tech'], MY_DRIVE_SUBFOLDERS);
+var SHARED_FOLDERS = makeFolders(['Design', 'Marketing', 'Sales'], SHARED_SUBFOLDERS, 'shared-');
+
+var flattenIds = function flattenIds(nodes) {
+  return nodes.reduce(function (ids, node) {
+    return ids.concat(node.id, flattenIds(node.children || []));
+  }, []);
+};
+
+var DriveTreeItem = function DriveTreeItem(_ref) {
+  var item = _ref.item,
+      depth = _ref.depth,
+      selectedItems = _ref.selectedItems,
+      onToggleItem = _ref.onToggleItem;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
-  var handleToggleSection = function handleToggleSection() {
-    setIsOpen(!isOpen);
-  };
+  var hasChildren = item.children && item.children.length > 0;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: true,
+    className: styles['drive-tree-item'],
+    style: {
+      paddingLeft: "".concat(2 + depth * 1.5, "rem")
+    },
+    onClick: function onClick() {
+      return onToggleItem([item.id]);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
+    className: "u-c-pointer",
+    style: {
+      visibility: hasChildren ? 'visible' : 'hidden'
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      if (hasChildren) setIsOpen(function (open) {
+        return !open;
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: isOpen ? _Dropdown.default : _Right.default
+  })), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+    checked: selectedItems.includes(item.id),
+    tabIndex: -1,
+    disableRipple: true
+  })), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _FileTypeFolder.default,
+    color: "var(--primaryColor)"
+  })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+    primary: item.name
+  })), hasChildren && /*#__PURE__*/_react.default.createElement(_Collapse.default, {
+    in: isOpen,
+    unmountOnExit: true
+  }, /*#__PURE__*/_react.default.createElement(_List.default, {
+    component: "div",
+    disablePadding: true
+  }, item.children.map(function (child) {
+    return /*#__PURE__*/_react.default.createElement(DriveTreeItem, {
+      key: child.id,
+      item: child,
+      depth: depth + 1,
+      selectedItems: selectedItems,
+      onToggleItem: onToggleItem
+    });
+  }))));
+};
+
+var DriveSection = function DriveSection(_ref2) {
+  var title = _ref2.title,
+      folders = _ref2.folders,
+      selectedItems = _ref2.selectedItems,
+      onToggleItem = _ref2.onToggleItem,
+      onClearSection = _ref2.onClearSection;
 
-  var selectedCount = items.filter(function (item) {
-    return selectedItems.includes(item.id);
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isOpen = _useState4[0],
+      setIsOpen = _useState4[1];
+
+  var allIds = flattenIds(folders);
+  var selectedCount = allIds.filter(function (id) {
+    return selectedItems.includes(id);
   }).length;
-  var customItems = items.filter(function (item) {
-    return !['my-drive', 'shared-with-me'].includes(item.id);
-  });
+  var allSelected = allIds.length > 0 && selectedCount === allIds.length;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     className: styles['section-header']
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
     className: "u-c-pointer",
-    onClick: handleToggleSection
+    onClick: function onClick() {
+      return setIsOpen(function (open) {
+        return !open;
+      });
+    }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: isOpen ? _Dropdown.default : _Right.default
   })), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-    checked: items.every(function (item) {
-      return selectedItems.includes(item.id);
-    }) && items.length > 0,
-    indeterminate: selectedCount > 0 && selectedCount < items.length,
+    checked: allSelected,
+    indeterminate: selectedCount > 0 && !allSelected,
     onClick: function onClick() {
-      var allIds = items.map(function (i) {
-        return i.id;
-      });
-      var allSelected = allIds.every(function (id) {
-        return selectedItems.includes(id);
-      });
-
       if (allSelected) {
         onClearSection(allIds);
       } else {
@@ -123,67 +205,41 @@ var DriveSection = function DriveSection(_ref) {
     label: t('assistant.twake_knowledges.clear_all'),
     onClick: function onClick(e) {
       e.stopPropagation();
-      onClearSection(items.map(function (i) {
-        return i.id;
-      }));
+      onClearSection(allIds);
     }
   })), /*#__PURE__*/_react.default.createElement(_Collapse.default, {
     in: isOpen
   }, /*#__PURE__*/_react.default.createElement(_List.default, {
     component: "div",
     disablePadding: true
-  }, customItems.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-      key: item.id,
-      className: styles['nested-item'],
-      button: true,
-      onClick: function onClick() {
-        return onToggleItem([item.id]);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
-      checked: selectedItems.includes(item.id),
-      tabIndex: -1,
-      disableRipple: true
-    })), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _FileTypeFolder.default,
-      color: "var(--primaryColor)"
-    })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-      primary: item.name
-    }));
+  }, folders.map(function (folder) {
+    return /*#__PURE__*/_react.default.createElement(DriveTreeItem, {
+      key: folder.id,
+      item: folder,
+      depth: 0,
+      selectedItems: selectedItems,
+      onToggleItem: onToggleItem
+    });
   }))));
 };
 
-var DriveKnowledge = function DriveKnowledge(_ref2) {
-  var selectedItems = _ref2.selectedItems,
-      onToggleItems = _ref2.onToggleItems,
-      onClearItems = _ref2.onClearItems;
+var DriveKnowledge = function DriveKnowledge(_ref3) {
+  var selectedItems = _ref3.selectedItems,
+      onToggleItems = _ref3.onToggleItems,
+      onClearItems = _ref3.onClearItems;
 
   var _useI18n2 = (0, _twakeI18n.useI18n)(),
       t = _useI18n2.t;
 
-  var myDriveItems = [{
-    id: 'doc1',
-    name: 'Documents'
-  }, {
-    id: 'proj1',
-    name: 'Projects'
-  }, {
-    id: 'img1',
-    name: 'Images'
-  }];
-  var sharedItems = [{
-    id: 'shared-doc',
-    name: 'Documents'
-  }];
   return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(DriveSection, {
     title: t('assistant.twake_knowledges.my_drive'),
-    items: myDriveItems,
+    folders: MY_DRIVE_FOLDERS,
     selectedItems: selectedItems,
     onToggleItem: onToggleItems,
     onClearSection: onClearItems
   }), /*#__PURE__*/_react.default.createElement(DriveSection, {
     title: t('assistant.twake_knowledges.shared_with_me'),
-    items: sharedItems,
+    folders: SHARED_FOLDERS,
     selectedItems: selectedItems,
     onToggleItem: onToggleItems,
     onClearSection: onClearItems

package/dist/components/TwakeKnowledges/MailKnowledge.js

@@ -60,24 +60,23 @@ var styles = {
   "source-panel-footer": "styles__source-panel-footer___i_u77",
   "section-header": "styles__section-header___3qiTb",
   "nested-item": "styles__nested-item___1Guh8",
+  "drive-tree-item": "styles__drive-tree-item___30uL0",
   "clear-all-button": "styles__clear-all-button___2lTyP",
-  "badge": "styles__badge___2cwf5",
   "date-label": "styles__date-label___3gPZY",
+  "mail-preview": "styles__mail-preview___Vm-RW",
   "chat-header-actions": "styles__chat-header-actions___2nLD5",
   "header-clear-all": "styles__header-clear-all___3dOMJ",
-  "knowledge-chips-item": "styles__knowledge-chips-item___1BFkL",
-  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6",
-  "knowledge-chips-counter": "styles__knowledge-chips-counter___3ldy5"
+  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
 };
 
 var MailSection = function MailSection(_ref) {
   var title = _ref.title,
       icon = _ref.icon,
       items = _ref.items,
-      count = _ref.count,
       selectedItems = _ref.selectedItems,
       onToggleItem = _ref.onToggleItem,
-      onClearSection = _ref.onClearSection;
+      onClearSection = _ref.onClearSection,
+      showSeeMore = _ref.showSeeMore;
 
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
@@ -125,11 +124,7 @@ var MailSection = function MailSection(_ref) {
   })), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: icon
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-    primary: /*#__PURE__*/_react.default.createElement("div", {
-      className: "u-flex u-flex-items-center"
-    }, /*#__PURE__*/_react.default.createElement("span", null, title), count > 0 && /*#__PURE__*/_react.default.createElement("span", {
-      className: styles['badge']
-    }, count))
+    primary: title
   }), selectedCount > 0 && /*#__PURE__*/_react.default.createElement(_Buttons.default, {
     className: styles['clear-all-button'],
     variant: "text",
@@ -160,20 +155,34 @@ var MailSection = function MailSection(_ref) {
       disableRipple: true
     })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
       primary: item.subject,
-      secondary: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      primaryTypographyProps: {
+        noWrap: true
+      },
+      secondaryTypographyProps: {
+        component: 'div'
+      },
+      secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
         variant: "caption",
-        className: "u-db"
+        className: "u-db",
+        noWrap: true
       }, item.from), /*#__PURE__*/_react.default.createElement(_Typography.default, {
         variant: "body2",
         color: "textSecondary",
-        className: "u-text-ellipsis"
+        className: styles['mail-preview'],
+        noWrap: true
       }, item.preview))
     }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
       variant: "caption",
       color: "textSecondary",
       className: styles['date-label']
     }, item.date));
-  }))));
+  }), showSeeMore && /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: styles['nested-item']
+  }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    variant: "text",
+    size: "small",
+    label: t('assistant.twake_knowledges.see_more')
+  })))));
 };
 
 var MailKnowledge = function MailKnowledge(_ref2) {
@@ -182,42 +191,53 @@ var MailKnowledge = function MailKnowledge(_ref2) {
       onClearItems = _ref2.onClearItems;
 
   var _useI18n2 = (0, _twakeI18n.useI18n)(),
-      t = _useI18n2.t;
+      t = _useI18n2.t,
+      lang = _useI18n2.lang;
 
+  var today = new Date().toLocaleDateString(lang, {
+    month: 'short',
+    day: 'numeric'
+  });
   var inboxItems = [{
-    id: 'mail1',
-    subject: 'Q4 Budget Review Meetings',
-    from: 'finance@twake.app',
-    preview: 'Please review the attached budget',
-    date: 'Jan 15'
-  }, {
-    id: 'mail2',
-    subject: 'Project Timeline Update',
+    id: 'inbox-1',
+    subject: 'Project timeline update',
     from: 'pm@twake.app',
-    preview: 'The project timeline has been update',
-    date: 'Jan 14'
+    preview: 'The project timeline have been updated',
+    date: today
   }, {
-    id: 'mail3',
-    subject: 'Team Meeting Notes',
-    from: 'team@twake.app',
-    preview: "Here are the notes from yesterday's",
-    date: 'Jan 13'
+    id: 'inbox-2',
+    subject: 'Your meeting transcript is ready!',
+    from: 'noreply@linagora.com',
+    preview: 'The transcript and summary of your visio meeting is ready',
+    date: today
+  }, {
+    id: 'inbox-3',
+    subject: 'New event from Isabelle Moreau',
+    from: 'imoreau@linagora.com',
+    preview: 'Isabelle Moreau has invited you',
+    date: today
+  }, {
+    id: 'inbox-4',
+    subject: 'Recap hebdomadaire OSSA',
+    from: 'ossa@linagora.com',
+    preview: 'Bulletin hebdomadaire OSSA',
+    date: today
   }];
   var starredItems = [{
     id: 'mail4',
     subject: 'Important: Security Update',
     from: 'security@twake.app',
     preview: 'Please update your password',
-    date: 'Jan 12'
+    date: today
   }];
   return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(MailSection, {
     title: t('assistant.twake_knowledges.inbox'),
     icon: _Email.default,
-    count: 3,
     items: inboxItems,
     selectedItems: selectedItems,
     onToggleItem: onToggleItems,
-    onClearSection: onClearItems
+    onClearSection: onClearItems,
+    showSeeMore: true
   }), /*#__PURE__*/_react.default.createElement(MailSection, {
     title: t('assistant.twake_knowledges.starred'),
     icon: _Star.default,

package/dist/components/TwakeKnowledges/TwakeKnowledgeChip.d.ts

@@ -0,0 +1,6 @@
+export default TwakeKnowledgeChip;
+declare function TwakeKnowledgeChip({ twakeKnowledge, isLast, onSelect }: {
+    twakeKnowledge: any;
+    isLast: any;
+    onSelect: any;
+}): JSX.Element;

package/dist/components/TwakeKnowledges/TwakeKnowledgeChip.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Cross = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Cross"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+var _AssistantProvider = require("../AssistantProvider");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = {
+  "source-panel": "styles__source-panel___1r13x",
+  "source-panel-header": "styles__source-panel-header___2i_pd",
+  "source-panel-description": "styles__source-panel-description___JL2br",
+  "source-panel-search": "styles__source-panel-search___2_jsF",
+  "source-panel-content": "styles__source-panel-content___1YU9a",
+  "source-panel-footer": "styles__source-panel-footer___i_u77",
+  "section-header": "styles__section-header___3qiTb",
+  "nested-item": "styles__nested-item___1Guh8",
+  "drive-tree-item": "styles__drive-tree-item___30uL0",
+  "clear-all-button": "styles__clear-all-button___2lTyP",
+  "date-label": "styles__date-label___3gPZY",
+  "mail-preview": "styles__mail-preview___Vm-RW",
+  "chat-header-actions": "styles__chat-header-actions___2nLD5",
+  "header-clear-all": "styles__header-clear-all___3dOMJ",
+  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
+};
+var CHIP_CLASSES = {
+  label: 'u-p-0',
+  icon: 'u-m-0'
+};
+
+var TwakeKnowledgeChip = function TwakeKnowledgeChip(_ref) {
+  var twakeKnowledge = _ref.twakeKnowledge,
+      isLast = _ref.isLast,
+      onSelect = _ref.onSelect;
+
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
+      openedKnowledgePanel = _useAssistant.openedKnowledgePanel,
+      selectedTwakeKnowledge = _useAssistant.selectedTwakeKnowledge,
+      setSelectedTwakeKnowledge = _useAssistant.setSelectedTwakeKnowledge;
+
+  var isPanelOpen = openedKnowledgePanel === twakeKnowledge.id;
+  var hasSelection = selectedTwakeKnowledge[twakeKnowledge.id].length > 0;
+  var isActive = isPanelOpen || hasSelection;
+  var isPill = !isMobile || hasSelection;
+
+  var handleClear = function handleClear() {
+    setSelectedTwakeKnowledge(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2.default)({}, twakeKnowledge.id, []));
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Chips.default, {
+    "aria-label": twakeKnowledge.label,
+    icon: /*#__PURE__*/_react.default.createElement("img", {
+      alt: "",
+      "aria-hidden": "true",
+      src: twakeKnowledge.icon,
+      className: styles['knowledge-chips-icon']
+    }),
+    deleteIcon: hasSelection ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _Cross.default,
+      size: 16,
+      style: {
+        height: 16,
+        width: 16,
+        marginLeft: 10,
+        marginRight: 0
+      },
+      color: "var(--primaryColor)"
+    }) : undefined,
+    onDelete: hasSelection ? handleClear : undefined,
+    label: isMobile ? '' : twakeKnowledge.label,
+    clickable: true,
+    variant: isActive ? 'ghost' : 'default',
+    classes: isMobile ? CHIP_CLASSES : {
+      label: 'u-pl-half u-fz-tiny',
+      icon: 'u-m-0'
+    },
+    className: (0, _classnames.default)('u-mr-0', {
+      'u-w-auto u-ph-half': isPill,
+      'u-mr-half': !isLast
+    }),
+    onClick: function onClick() {
+      return onSelect(twakeKnowledge.id);
+    }
+  });
+};
+
+var _default = TwakeKnowledgeChip;
+exports.default = _default;

package/dist/components/TwakeKnowledges/TwakeKnowledgePanel.js

@@ -68,14 +68,13 @@ var styles = {
   "source-panel-footer": "styles__source-panel-footer___i_u77",
   "section-header": "styles__section-header___3qiTb",
   "nested-item": "styles__nested-item___1Guh8",
+  "drive-tree-item": "styles__drive-tree-item___30uL0",
   "clear-all-button": "styles__clear-all-button___2lTyP",
-  "badge": "styles__badge___2cwf5",
   "date-label": "styles__date-label___3gPZY",
+  "mail-preview": "styles__mail-preview___Vm-RW",
   "chat-header-actions": "styles__chat-header-actions___2nLD5",
   "header-clear-all": "styles__header-clear-all___3dOMJ",
-  "knowledge-chips-item": "styles__knowledge-chips-item___1BFkL",
-  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6",
-  "knowledge-chips-counter": "styles__knowledge-chips-counter___3ldy5"
+  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
 };
 var PANEL_CONFIG = {
   drive: {
@@ -215,13 +214,9 @@ var TwakeKnowledgePanel = function TwakeKnowledgePanel(_ref2) {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: styles['source-panel-footer']
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-flex u-flex-justify-between u-flex-items-end u-flex-gap-half"
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "caption",
-    className: "u-mb-half"
-  }, t('assistant.twake_knowledges.items_selected', {
-    smart_count: selectedItems.length
-  })), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    className: "u-flex u-flex-justify-end u-flex-items-center"
+  }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+    className: "u-mr-half",
     variant: "secondary",
     label: selectedItems.length > 0 ? t('assistant.twake_knowledges.clear_all') : t('assistant.twake_knowledges.cancel'),
     onClick: selectedItems.length > 0 ? handleClearAll : onClose

package/dist/components/TwakeKnowledges/TwakeKnowledgeSelector.d.ts

@@ -1,5 +1,7 @@
 export default TwakeKnowledgeSelector;
-declare function TwakeKnowledgeSelector({ className, onSelectTwakeKnowledge }: {
+declare function TwakeKnowledgeSelector({ className, onSelectTwakeKnowledge, websearchEnabled, onToggleWebsearch }: {
     className: any;
     onSelectTwakeKnowledge: any;
-}): JSX.Element;
+    websearchEnabled: any;
+    onToggleWebsearch: any;
+}): JSX.Element | null;

package/dist/components/TwakeKnowledges/TwakeKnowledgeSelector.js

@@ -13,54 +13,31 @@ var _react = _interopRequireDefault(require("react"));
 
 var _cozyFlags = _interopRequireDefault(require("cozy-flags"));
 
-var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
-
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
 var _twakeI18n = require("twake-i18n");
 
+var _TwakeKnowledgeChip = _interopRequireDefault(require("./TwakeKnowledgeChip"));
+
+var _WebSearchChip = _interopRequireDefault(require("./WebSearchChip"));
+
 var _tchat = _interopRequireDefault(require("../../assets/tchat.png"));
 
 var _tdrive = _interopRequireDefault(require("../../assets/tdrive.png"));
 
 var _tmail = _interopRequireDefault(require("../../assets/tmail.png"));
 
-var _AssistantProvider = require("../AssistantProvider");
-
-var styles = {
-  "source-panel": "styles__source-panel___1r13x",
-  "source-panel-header": "styles__source-panel-header___2i_pd",
-  "source-panel-description": "styles__source-panel-description___JL2br",
-  "source-panel-search": "styles__source-panel-search___2_jsF",
-  "source-panel-content": "styles__source-panel-content___1YU9a",
-  "source-panel-footer": "styles__source-panel-footer___i_u77",
-  "section-header": "styles__section-header___3qiTb",
-  "nested-item": "styles__nested-item___1Guh8",
-  "clear-all-button": "styles__clear-all-button___2lTyP",
-  "badge": "styles__badge___2cwf5",
-  "date-label": "styles__date-label___3gPZY",
-  "chat-header-actions": "styles__chat-header-actions___2nLD5",
-  "header-clear-all": "styles__header-clear-all___3dOMJ",
-  "knowledge-chips-item": "styles__knowledge-chips-item___1BFkL",
-  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6",
-  "knowledge-chips-counter": "styles__knowledge-chips-counter___3ldy5"
-};
-var CHIP_CLASSES = {
-  label: 'u-p-0',
-  icon: 'u-m-0'
-};
-
 var TwakeKnowledgeSelector = function TwakeKnowledgeSelector(_ref) {
   var className = _ref.className,
-      onSelectTwakeKnowledge = _ref.onSelectTwakeKnowledge;
+      onSelectTwakeKnowledge = _ref.onSelectTwakeKnowledge,
+      websearchEnabled = _ref.websearchEnabled,
+      onToggleWebsearch = _ref.onToggleWebsearch;
 
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
-  var _useAssistant = (0, _AssistantProvider.useAssistant)(),
-      openedKnowledgePanel = _useAssistant.openedKnowledgePanel,
-      selectedTwakeKnowledge = _useAssistant.selectedTwakeKnowledge;
-
+  var websearchEnabledFlag = (0, _cozyFlags.default)('cozy.assistant.websearch.enabled');
+  var sourceKnowledgeEnabledFlag = (0, _cozyFlags.default)('cozy.assistant.source-knowledge.enabled');
   var twakeKnowledges = [{
     id: 'chat',
     label: t('assistant.twake_knowledges.chat'),
@@ -79,36 +56,24 @@ var TwakeKnowledgeSelector = function TwakeKnowledgeSelector(_ref) {
   }].filter(function (twakeKnowledge) {
     return twakeKnowledge.display;
   });
+
+  if (!websearchEnabledFlag && !sourceKnowledgeEnabledFlag) {
+    return null;
+  }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('u-flex u-flex-row u-flex-wrap u-flex-items-center u-flex-justify-end', className)
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     className: "u-mr-half u-fz-tiny u-coolGrey"
-  }, t('assistant.twake_knowledges.search_in')), twakeKnowledges.map(function (twakeKnowledge, index) {
-    var isSelected = openedKnowledgePanel === twakeKnowledge.id;
-    var numberOfSelectedItems = selectedTwakeKnowledge[twakeKnowledge.id].length;
-    return /*#__PURE__*/_react.default.createElement(_Chips.default, {
-      "aria-label": twakeKnowledge.label,
+  }, t('assistant.twake_knowledges.search_in')), websearchEnabledFlag && /*#__PURE__*/_react.default.createElement(_WebSearchChip.default, {
+    websearchEnabled: websearchEnabled,
+    onToggleWebsearch: onToggleWebsearch
+  }), sourceKnowledgeEnabledFlag && twakeKnowledges.map(function (twakeKnowledge, index) {
+    return /*#__PURE__*/_react.default.createElement(_TwakeKnowledgeChip.default, {
       key: twakeKnowledge.id,
-      icon: /*#__PURE__*/_react.default.createElement("img", {
-        alt: "",
-        "aria-hidden": "true",
-        src: twakeKnowledge.icon,
-        className: styles['knowledge-chips-icon']
-      }),
-      deleteIcon: numberOfSelectedItems > 0 ? /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)('u-flex u-flex-items-center u-flex-justify-center u-bdrs-circle u-bg-primaryColor u-white', styles['knowledge-chips-counter'])
-      }, numberOfSelectedItems) : null,
-      onDelete: numberOfSelectedItems > 0 ? function () {} : null,
-      label: "",
-      clickable: true,
-      variant: isSelected || numberOfSelectedItems > 0 ? 'ghost' : 'default',
-      classes: CHIP_CLASSES,
-      className: (0, _classnames.default)('u-mr-0', styles['knowledge-chips-item'], {
-        'u-mr-half': index < twakeKnowledges.length - 1
-      }),
-      onClick: function onClick() {
-        onSelectTwakeKnowledge(twakeKnowledge.id);
-      }
+      twakeKnowledge: twakeKnowledge,
+      isLast: index === twakeKnowledges.length - 1,
+      onSelect: onSelectTwakeKnowledge
     });
   }));
 };

package/dist/components/TwakeKnowledges/WebSearchChip.d.ts

@@ -0,0 +1,5 @@
+export default WebSearchChip;
+declare function WebSearchChip({ websearchEnabled, onToggleWebsearch }: {
+    websearchEnabled: any;
+    onToggleWebsearch: any;
+}): JSX.Element;

package/dist/components/TwakeKnowledges/WebSearchChip.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Planet = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Planet"));
+
+var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
+
+var _twakeI18n = require("twake-i18n");
+
+var CHIP_CLASSES = {
+  label: 'u-p-0',
+  icon: 'u-m-0'
+};
+
+var WebSearchChip = function WebSearchChip(_ref) {
+  var websearchEnabled = _ref.websearchEnabled,
+      onToggleWebsearch = _ref.onToggleWebsearch;
+
+  var _useI18n = (0, _twakeI18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  return /*#__PURE__*/_react.default.createElement(_Chips.default, {
+    "aria-pressed": websearchEnabled,
+    "aria-label": t('assistant.websearch.label'),
+    title: t('assistant.websearch.label'),
+    icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      icon: _Planet.default,
+      size: 16,
+      style: {
+        height: 16,
+        width: 16,
+        marginLeft: isMobile ? 0 : 8,
+        marginRight: isMobile ? 0 : 6
+      },
+      color: websearchEnabled ? undefined : 'var(--secondaryTextColor)'
+    }),
+    label: isMobile ? '' : t('assistant.websearch.label'),
+    clickable: true,
+    variant: websearchEnabled ? 'ghost' : 'default',
+    classes: isMobile ? CHIP_CLASSES : {
+      label: 'u-pl-0 u-fz-tiny'
+    },
+    className: "u-mr-half",
+    onClick: onToggleWebsearch
+  });
+};
+
+var _default = WebSearchChip;
+exports.default = _default;

package/dist/components/TwakeKnowledges/styles.styl

@@ -47,6 +47,9 @@
   padding-left 5rem !important
   gap 0 !important
 
+.drive-tree-item
+  gap 0 !important
+
 .clear-all-button
   margin-left auto !important
   color var(--secondaryTextColor) !important
@@ -60,18 +63,14 @@
     background-color transparent !important
     text-decoration underline !important
 
-.badge
-  background-color var(--primaryColor)
-  color white
-  font-size 10px
-  padding 2px 6px
-  border-radius 10px
-  margin-left 8px
-
 .date-label
   margin-left auto
+  padding-left 1rem
   white-space nowrap
 
+.mail-preview
+  max-width 305px !important
+
 .chat-header-actions
   display flex
   justify-content flex-end
@@ -81,18 +80,7 @@
   text-transform none !important
   color var(--secondaryTextColor) !important
 
-.knowledge-chips-item
-  border-style solid !important
-  width 24px
-  height 24px
-  padding 0 !important
-  border-radius 50% !important
-
 .knowledge-chips-icon
   height 16px
   width 16px
-
-.knowledge-chips-counter
-  height 16px !important
-  width 16px !important
-  font-size 0.7rem !important
+  margin 0 !important

package/dist/components/helpers.js

@@ -38,7 +38,8 @@ var sanitizeChatContent = function sanitizeChatContent(content) {
   .replace(/\s?\[REF\][\s\S]*?\[\/REF\]/g, '') // Remove [REF]doc_1[/REF]
   .replace(/\s?REF[\s\S]*?\/REF/g, '') // remove « [doc_1] »
   .replace(/\s?\[doc_\d+\]/g, '') // remove « [Source 1] », « [Source 4, 6] » or « [Source 4, Source 6] »
-  .replace(/\s?\[Source\s+\d+(?:\s*,\s*(?:Source\s+)?\d+)*\]/g, '');
+  .replace(/\s?\[Source\s+\d+(?:\s*,\s*(?:Source\s+)?\d+)*\]/g, '') // remove « [Sources: 1, 3, 6] » citations, with optional empty link parens
+  .replace(/\s?\[Sources?:\s*\d+(?:\s*,\s*\d+)*\s*\](?:\([^)]*\))?/g, '');
 };
 
 exports.sanitizeChatContent = sanitizeChatContent;
@@ -93,7 +94,8 @@ exports.getNameOfConversation = getNameOfConversation;
 var getDescriptionOfConversation = function getDescriptionOfConversation(conversation) {
   var _conversation$message4, _conversation$message5;
 
-  return (_conversation$message4 = conversation.messages) === null || _conversation$message4 === void 0 ? void 0 : (_conversation$message5 = _conversation$message4[conversation.messages.length - 1]) === null || _conversation$message5 === void 0 ? void 0 : _conversation$message5.content;
+  var content = (_conversation$message4 = conversation.messages) === null || _conversation$message4 === void 0 ? void 0 : (_conversation$message5 = _conversation$message4[conversation.messages.length - 1]) === null || _conversation$message5 === void 0 ? void 0 : _conversation$message5.content;
+  return content && sanitizeChatContent(content);
 };
 
 exports.getDescriptionOfConversation = getDescriptionOfConversation;

package/dist/components/helpers.spec.js

@@ -61,6 +61,17 @@ describe('sanitizeChatContent', () => {
     expect(sanitizeChatContent(text)).toBe(text)
   })
 
+  it('should remove [Sources: N, M] citation markers', () => {
+    const text =
+      'See applications [Sources: 1, 3, 6, 7, 8] and details [Sources: 5].'
+    expect(sanitizeChatContent(text)).toBe('See applications and details.')
+  })
+
+  it('should remove [Sources: N]() citations with empty link parens', () => {
+    const text = 'See applications [Sources: 1, 3]() here'
+    expect(sanitizeChatContent(text)).toBe('See applications here')
+  })
+
   it('should not remove simple REF or [REF]', () => {
     const text = 'REF not closed [REF]not closed either'
     expect(sanitizeChatContent(text)).toBe(text)
@@ -158,4 +169,14 @@ describe('getDescriptionOfConversation', () => {
     }
     expect(getDescriptionOfConversation(convo)).toBe('It is 4')
   })
+
+  it('strips inline citation markers from the description', () => {
+    const convo = {
+      messages: [
+        { role: 'user', content: 'sum?' },
+        { role: 'assistant', content: 'It is 4 [Sources: 1, 2]' }
+      ]
+    }
+    expect(getDescriptionOfConversation(convo)).toBe('It is 4')
+  })
 })

package/dist/locales/en.json

@@ -65,7 +65,7 @@
     "twake_knowledges": {
       "chat": "Chat",
       "drive": "Drive",
-      "mail": "Mail",
+      "mail": "Email",
       "title_drive": "Select Drive folders",
       "title_mail": "Select Mail sources",
       "title_chat": "Select Chat sources",
@@ -74,8 +74,8 @@
       "desc_mail": "Selected emails will be used to answer your questions.",
       "desc_chat": "Selected messages will be used to answer your questions.",
       "search_placeholder": "Search",
-      "items_selected": "%{smart_count} item selected |||| %{smart_count} items selected",
       "clear_all": "Clear all",
+      "see_more": "See more",
       "cancel": "Cancel",
       "select_folders": "Select folders",
       "select_emails": "Select emails",

package/dist/locales/fr.json

@@ -74,8 +74,8 @@
       "desc_mail": "Les emails sélectionnés seront utilisés pour répondre à vos questions.",
       "desc_chat": "Les messages sélectionnés seront utilisés pour répondre à vos questions.",
       "search_placeholder": "Rechercher",
-      "items_selected": "%{smart_count} élément sélectionné |||| %{smart_count} éléments sélectionnés",
       "clear_all": "Tout effacer",
+      "see_more": "Voir plus",
       "cancel": "Annuler",
       "select_folders": "Sélectionner des dossiers",
       "select_emails": "Sélectionner des emails",

package/dist/locales/index.js

@@ -71,7 +71,7 @@ var en = {
     twake_knowledges: {
       chat: "Chat",
       drive: "Drive",
-      mail: "Mail",
+      mail: "Email",
       title_drive: "Select Drive folders",
       title_mail: "Select Mail sources",
       title_chat: "Select Chat sources",
@@ -80,8 +80,8 @@ var en = {
       desc_mail: "Selected emails will be used to answer your questions.",
       desc_chat: "Selected messages will be used to answer your questions.",
       search_placeholder: "Search",
-      items_selected: "%{smart_count} item selected |||| %{smart_count} items selected",
       clear_all: "Clear all",
+      see_more: "See more",
       cancel: "Cancel",
       select_folders: "Select folders",
       select_emails: "Select emails",
@@ -283,8 +283,8 @@ var fr = {
       desc_mail: "Les emails s\xE9lectionn\xE9s seront utilis\xE9s pour r\xE9pondre \xE0 vos questions.",
       desc_chat: "Les messages s\xE9lectionn\xE9s seront utilis\xE9s pour r\xE9pondre \xE0 vos questions.",
       search_placeholder: "Rechercher",
-      items_selected: "%{smart_count} \xE9l\xE9ment s\xE9lectionn\xE9 |||| %{smart_count} \xE9l\xE9ments s\xE9lectionn\xE9s",
       clear_all: "Tout effacer",
+      see_more: "Voir plus",
       cancel: "Annuler",
       select_folders: "S\xE9lectionner des dossiers",
       select_emails: "S\xE9lectionner des emails",
@@ -483,7 +483,6 @@ var ru = {
       desc_mail: "\u0412\u044B\u0431\u0440\u0430\u043D\u043D\u044B\u0435 \u043F\u0438\u0441\u044C\u043C\u0430 \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u044B \u0434\u043B\u044F \u043E\u0442\u0432\u0435\u0442\u043E\u0432 \u043D\u0430 \u0432\u0430\u0448\u0438 \u0432\u043E\u043F\u0440\u043E\u0441\u044B.",
       desc_chat: "\u0412\u044B\u0431\u0440\u0430\u043D\u043D\u044B\u0435 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u044F \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u044B \u0434\u043B\u044F \u043E\u0442\u0432\u0435\u0442\u043E\u0432 \u043D\u0430 \u0432\u0430\u0448\u0438 \u0432\u043E\u043F\u0440\u043E\u0441\u044B.",
       search_placeholder: "\u041F\u043E\u0438\u0441\u043A",
-      items_selected: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E %{smart_count} \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 |||| \u0412\u044B\u0431\u0440\u0430\u043D\u043E %{smart_count} \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432",
       clear_all: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u0432\u0441\u0435",
       cancel: "\u041E\u0442\u043C\u0435\u043D\u0430",
       select_folders: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043F\u0430\u043F\u043A\u0438",
@@ -683,7 +682,6 @@ var vi = {
       desc_mail: "C\xE1c email \u0111\xE3 ch\u1ECDn s\u1EBD \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 tr\u1EA3 l\u1EDDi c\xE2u h\u1ECFi c\u1EE7a b\u1EA1n.",
       desc_chat: "C\xE1c tin nh\u1EAFn \u0111\xE3 ch\u1ECDn s\u1EBD \u0111\u01B0\u1EE3c s\u1EED d\u1EE5ng \u0111\u1EC3 tr\u1EA3 l\u1EDDi c\xE2u h\u1ECFi c\u1EE7a b\u1EA1n.",
       search_placeholder: "T\xECm ki\u1EBFm",
-      items_selected: "%{smart_count} m\u1EE5c \u0111\xE3 ch\u1ECDn |||| %{smart_count} m\u1EE5c \u0111\xE3 ch\u1ECDn",
       clear_all: "X\xF3a t\u1EA5t c\u1EA3",
       cancel: "H\u1EE7y",
       select_folders: "Ch\u1ECDn th\u01B0 m\u1EE5c",

package/dist/locales/ru.json

@@ -71,7 +71,6 @@
       "desc_mail": "Выбранные письма будут использованы для ответов на ваши вопросы.",
       "desc_chat": "Выбранные сообщения будут использованы для ответов на ваши вопросы.",
       "search_placeholder": "Поиск",
-      "items_selected": "Выбрано %{smart_count} элемента |||| Выбрано %{smart_count} элементов",
       "clear_all": "Очистить все",
       "cancel": "Отмена",
       "select_folders": "Выбрать папки",

package/dist/locales/vi.json

@@ -71,7 +71,6 @@
       "desc_mail": "Các email đã chọn sẽ được sử dụng để trả lời câu hỏi của bạn.",
       "desc_chat": "Các tin nhắn đã chọn sẽ được sử dụng để trả lời câu hỏi của bạn.",
       "search_placeholder": "Tìm kiếm",
-      "items_selected": "%{smart_count} mục đã chọn |||| %{smart_count} mục đã chọn",
       "clear_all": "Xóa tất cả",
       "cancel": "Hủy",
       "select_folders": "Chọn thư mục",

package/dist/stylesheet.css

@@ -419,6 +419,9 @@
   padding-left: 5rem !important;
   gap: 0 !important;
 }
+.styles__drive-tree-item___30uL0 {
+  gap: 0 !important;
+}
 .styles__clear-all-button___2lTyP {
   margin-left: auto !important;
   color: var(--secondaryTextColor) !important;
@@ -432,18 +435,14 @@
   background-color: transparent !important;
   text-decoration: underline !important;
 }
-.styles__badge___2cwf5 {
-  background-color: var(--primaryColor);
-  color: #fff;
-  font-size: 10px;
-  padding: 2px 6px;
-  border-radius: 10px;
-  margin-left: 8px;
-}
 .styles__date-label___3gPZY {
   margin-left: auto;
+  padding-left: 1rem;
   white-space: nowrap;
 }
+.styles__mail-preview___Vm-RW {
+  max-width: 305px !important;
+}
 .styles__chat-header-actions___2nLD5 {
   display: flex;
   justify-content: flex-end;
@@ -453,21 +452,10 @@
   text-transform: none !important;
   color: var(--secondaryTextColor) !important;
 }
-.styles__knowledge-chips-item___1BFkL {
-  border-style: solid !important;
-  width: 24px;
-  height: 24px;
-  padding: 0 !important;
-  border-radius: 50% !important;
-}
 .styles__knowledge-chips-icon___2AIB6 {
   height: 16px;
   width: 16px;
-}
-.styles__knowledge-chips-counter___3ldy5 {
-  height: 16px !important;
-  width: 16px !important;
-  font-size: 0.7rem !important;
+  margin: 0 !important;
 }
 /*  imported from styles.styl  */
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -92,5 +92,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "d56cc4e5db8074f687b7a5b656bd988ca7030719"
+  "gitHead": "c886e4b9e1cae92afa470829cf7f56695903f4b5"
 }

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

@@ -1,5 +0,0 @@
-export default WebsearchButton;
-declare function WebsearchButton({ websearchEnabled, onToggleWebsearch }: {
-    websearchEnabled: any;
-    onToggleWebsearch: any;
-}): JSX.Element | null;

package/dist/components/Conversations/WebsearchButton.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(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 _Planet = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Planet"));
-
-var _twakeI18n = require("twake-i18n");
-
-var WebsearchButton = function WebsearchButton(_ref) {
-  var websearchEnabled = _ref.websearchEnabled,
-      onToggleWebsearch = _ref.onToggleWebsearch;
-
-  var _useI18n = (0, _twakeI18n.useI18n)(),
-      t = _useI18n.t;
-
-  if (!(0, _cozyFlags.default)('cozy.assistant.websearch.enabled')) {
-    return null;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_Buttons.default, {
-    size: "small",
-    variant: websearchEnabled ? 'primary' : 'text',
-    className: "u-miw-auto u-w-2 u-h-2 u-bdrs-circle u-flex-shrink-0 u-mr-half",
-    classes: {
-      label: 'u-flex u-w-auto'
-    },
-    style: websearchEnabled ? undefined : {
-      boxShadow: 'inset 0 0 0 1px var(--secondaryTextColor)'
-    },
-    "aria-pressed": websearchEnabled,
-    "aria-label": t('assistant.websearch.label'),
-    title: t('assistant.websearch.label'),
-    label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Planet.default,
-      size: 12,
-      color: websearchEnabled ? undefined : 'var(--secondaryTextColor)'
-    }),
-    onClick: onToggleWebsearch
-  });
-};
-
-var _default = WebsearchButton;
-exports.default = _default;