cozy-search 2.6.2 → 2.7.0

package/dist/locales/ru.json

@@ -18,10 +18,11 @@
       "reorganise_files": "Реорганизовать мои файлы"
     },
     "sidebar": {
-      "create_new": "Создать",
+      "create_new": "Новый чат",
       "toggle_sidebar": "Переключить боковую панель",
       "toggle_search": "Переключить поиск",
       "close_sidebar": "Закрыть боковую панель",
+      "assistant": "Ассистент",
       "recent_chats": "Недавние",
       "conversation": {
         "actions": {
@@ -37,6 +38,7 @@
       "yesterday": "Вчера"
     },
     "default_error": "Произошла ошибка, попробуйте снова",
+    "disclaimer": "Twake AI может ошибаться. Проверяйте важную информацию.",
     "default_empty_response": "Я не смог найти ответ на ваш запрос. Попробуйте переформулировать вопрос",
     "hide": "Скрыть",
     "show": "Показать",
@@ -84,6 +86,7 @@
     },
     "knowledge_base": {
       "change_folder": "Изменить папку…",
+      "folder_hint": "Ассистент имеет доступ ко всем файлам, хранящимся в этой папке Drive",
       "emails": "Письма",
       "open_folder": "Открыть в Drive",
       "picker_error": "Не удалось открыть выбор папки Drive. Пожалуйста, попробуйте ещё раз.",
@@ -102,6 +105,7 @@
       "basic_info": {
         "description": "Настройте вашего агента. Выберите базу знаний, затем модель ИИ.",
         "avatar": "Аватар (необязательно)",
+        "upload_photo": "Загрузить фото",
         "name": "Имя",
         "name_placeholder": "Назовите вашего агента",
         "description_label": "Описание",

package/dist/locales/vi.json

@@ -25,10 +25,11 @@
       "edited": "Đã lưu tin nhắn"
     },
     "sidebar": {
-      "create_new": "Tạo mới",
+      "create_new": "Cuộc trò chuyện mới",
       "toggle_sidebar": "Bật/tắt thanh bên",
       "toggle_search": "Bật/tắt tìm kiếm",
       "close_sidebar": "Đóng thanh bên",
+      "assistant": "Trợ lý",
       "recent_chats": "Gần đây",
       "conversation": {
         "actions": {
@@ -44,6 +45,7 @@
       "yesterday": "Hôm qua"
     },
     "default_error": "Đã xảy ra lỗi, vui lòng thử lại",
+    "disclaimer": "Twake AI có thể mắc lỗi. Hãy kiểm tra lại các thông tin quan trọng.",
     "default_empty_response": "Tôi không tìm thấy câu trả lời cho yêu cầu của bạn. Vui lòng thử diễn đạt lại",
     "hide": "Ẩn",
     "show": "Hiện",
@@ -84,6 +86,7 @@
     },
     "knowledge_base": {
       "change_folder": "Thay đổi thư mục…",
+      "folder_hint": "Trợ lý có thể truy cập tất cả các tệp được lưu trong thư mục Drive này",
       "emails": "Email",
       "open_folder": "Mở trong Drive",
       "picker_error": "Không thể mở bộ chọn thư mục Drive. Vui lòng thử lại.",
@@ -102,6 +105,7 @@
       "basic_info": {
         "description": "Tùy chỉnh tác nhân của bạn. Chọn cơ sở tri thức, sau đó là mô hình AI.",
         "avatar": "Ảnh đại diện (tùy chọn)",
+        "upload_photo": "Tải ảnh lên",
         "name": "Tên",
         "name_placeholder": "Đặt tên cho tác nhân của bạn",
         "description_label": "Mô tả",

package/dist/stylesheet.css

@@ -59,6 +59,49 @@
   color: var(--white);
   background-color: var(--malachite);
 }
+.styles__sidebar-item___2Kc78 {
+  min-height: 36px !important;
+  padding-top: 5px !important;
+  padding-bottom: 5px !important;
+  border-radius: 8px !important;
+  gap: 12px !important;
+}
+.styles__sidebar-item-icon___2qKQL {
+  min-width: 0 !important;
+  color: var(--iconTextColor);
+}
+/*  imported from styles.styl  */
+
+.styles__source-button___9t9wI {
+  width: 32px;
+  height: 32px;
+  padding: 0 !important;
+  border-radius: 100px;
+}
+.styles__source-button-image___2batD {
+  width: 20px;
+  height: 20px;
+}
+.styles__source-button-image--inactive___3hs2C {
+  opacity: 0.6;
+}
+.styles__source-chip___1h51w {
+  height: 32px !important;
+  border-radius: 100px !important;
+  padding: 0 12px !important;
+}
+.styles__source-chip-icon___3-N0x {
+  width: 16px;
+  height: 16px;
+  margin: 0 !important;
+}
+.styles__source-chip-label___2mLIx {
+  padding: 0 0 0 4px !important;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 16px;
+  letter-spacing: 0.5px;
+}
 /*  imported from styles.styl  */
 
 .styles__searchBarDesktop--result___2bQQy {
@@ -90,16 +133,57 @@
 
 .styles__composerContainer___3bNfY {
   position: relative;
-  border: 1px solid var(--borderMainColor);
-  border-radius: 20px;
-  padding: 8px 8px 8px 16px;
+  border: 1px solid var(--borderGhostDisabledColor);
+  border-radius: 16px;
+  padding: 12px 12px 12px 16px;
   background-color: var(--paperBackgroundColor);
+  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
   z-index: calc(var(--zIndex-modal) + 15);
 }
+.styles__composerContainer--mobile___nIYa- {
+  border-color: transparent;
+  border-radius: 28px;
+  padding-bottom: 8px;
+  box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 2px 8px 0 rgba(0,0,0,0.04), 0 4px 40px 8px rgba(0,0,0,0.02);
+}
+.styles__composerContainer--mobile-dark___12Go9 {
+  border-color: var(--borderMainColor);
+}
+.styles__composer-dock___2nPT8 {
+  position: relative;
+  z-index: calc(var(--zIndex-modal) + 15);
+  margin-top: -32px;
+  padding-top: 32px;
+  background: linear-gradient(to top, var(--paperBackgroundColor) calc(100% - 32px), transparent);
+}
 .styles__composerActions___2xQEH {
-  margin-top: 16px;
+  margin-top: 12px;
   gap: 8px;
 }
+.styles__welcome___ozY_t {
+  min-height: 166px;
+}
+.styles__welcome-halo___3jlz_ {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  max-width: 629px;
+  height: 166px;
+  transform: translate(-50%, -50%);
+  border-radius: 9999px;
+  opacity: 0.5;
+  filter: blur(62.5px);
+  background: linear-gradient(270deg, #c5ccfd 0%, #f0c7fc 21%, #f7bbe1 39%, #f5c7d2 62%, #fbe3b9 82%, #fcd8a4 100%);
+  pointer-events: none;
+}
+.styles__welcome-halo--dark___fV9pN {
+  opacity: 0.2;
+}
+.styles__welcome-title___sBOKX {
+  font-size: 32px;
+  line-height: 40px;
+}
 .styles__conversationBar___2J-Us {
   flex: 1;
   min-width: 0;
@@ -117,12 +201,35 @@
   background-color: transparent !important;
   border-color: transparent !important;
 }
+.styles__viewport-fade-top___3j8Lv {
+  position: absolute;
+  top: 48px;
+  left: 0;
+  right: 0;
+  height: 24px;
+  background: linear-gradient(to bottom, var(--paperBackgroundColor), transparent);
+  opacity: 0;
+  transition: opacity 150ms;
+  pointer-events: none;
+  z-index: calc(var(--zIndex-modal) + 15);
+}
+.styles__viewport-fade-top--visible___32uyl {
+  opacity: 1;
+}
 @media (max-width: 48rem) {
   .styles__conversationViewport___24jYX {
     padding-left: 8px;
     padding-right: 8px;
   }
 }
+.styles__conversationViewport--filled___T2QFN {
+  padding-bottom: 32px;
+}
+@media (max-width: 48rem) {
+  .styles__conversationViewport--filled___T2QFN {
+    padding-top: 40px;
+  }
+}
 .styles__conversationBar-input___2DfdZ {
   max-height: 80px;
 }
@@ -194,7 +301,10 @@
 }
 .styles__conversation-list-item___rQapI {
   border-radius: 8px !important;
-  align-items: stretch !important;
+  align-items: center !important;
+  min-height: 36px !important;
+  padding-top: 5px !important;
+  padding-bottom: 5px !important;
   gap: 0 !important;
 }
 .styles__conversation-list-item___rQapI:hover .styles__conversation-list-item-action___qiuKm,
@@ -202,45 +312,49 @@
   opacity: 1;
   pointer-events: auto;
 }
-.styles__conversation-list-item--selected--light___3WvIn {
-  background: var(--primaryColorLightest) !important;
+.styles__conversation-list-item--selected___2D5_3 {
+  background: var(--actionColorSelected) !important;
 }
-.styles__conversation-list-item--selected--dark___JDQlY {
-  background: var(--grey900) !important;
+.styles__conversation-list-item--selected___2D5_3 .styles__conversation-list-item-action___qiuKm {
+  opacity: 1;
+  pointer-events: auto;
 }
 .styles__conversation-list-item--wider___2Tl2c {
   align-items: center !important;
 }
-.styles__conversation-list-item-divider___2LOP1 {
-  margin: 8px -16px -8px -16px !important;
-}
 .styles__conversation-list-item-action___qiuKm {
   position: absolute !important;
-  top: 8px;
-  right: 8px;
+  top: 50%;
+  right: 4px;
+  transform: translateY(-50%);
   opacity: 0;
   pointer-events: none;
 }
 .styles__conversation-list-item-text___31VBM {
-  line-height: 16px;
   overflow: hidden;
-  margin-right: 28px !important;
+  margin-right: 24px !important;
 }
 .styles__conversation-list-item-title___3je_6 {
   color: var(--primaryTextColor);
   font-size: 14px;
   font-weight: 500;
+  line-height: 18px;
+  letter-spacing: 0.25px;
+}
+.styles__conversation-list-item-subtitle___3e_h0 {
+  color: var(--secondaryTextColor);
+  font-size: 12px;
+  font-weight: 500;
   line-height: 16px;
   letter-spacing: 0.5px;
 }
 .styles__conversation-list-item-meta___3Zk-r {
   gap: 4px;
-}
-.styles__conversation-list-item-subtitle___3e_h0 {
-  color: var(--secondaryTextColor);
+  color: var(--primaryTextColor);
   font-size: 11px;
   font-weight: 400;
   line-height: 16px;
+  letter-spacing: 0;
 }
 /*  imported from styles.styl  */
 
@@ -261,6 +375,17 @@
 .styles__BasicInfoStep___2r0eM .styles__file-input___2fB5n {
   display: none;
 }
+.styles__avatar-tooltip___1o6_5.styles__avatar-tooltip___1o6_5 {
+  padding: 8px;
+  border-radius: 8px;
+  background-color: var(--paperBackgroundColor);
+  color: var(--primaryTextColor);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0.1px;
+  box-shadow: 0 2px 3px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.3);
+}
 .styles__ModelSelectionStep___1auXB .styles__grid-container___3wOus {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -327,6 +452,21 @@
   height: 100%;
   border: none;
 }
+.styles__folder-tooltip___2lWW_.styles__folder-tooltip___2lWW_ {
+  max-width: 258px;
+  padding: 8px 12px;
+  border-radius: 4px;
+  background-color: var(--greyA400);
+  color: var(--white);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 15.8px;
+  letter-spacing: 0.5px;
+  text-align: center;
+}
+.styles__folder-tooltip-arrow___3MALJ.styles__folder-tooltip-arrow___3MALJ {
+  color: var(--greyA400);
+}
 /*  imported from styles.styl  */
 
 .styles__cozyThread-user-messages___3Hfj- {
@@ -339,6 +479,91 @@
 .styles__cozyThread-user-messages--dark___1Om3B {
   background: var(--grey900);
 }
+.styles__thinking-dots___1HwKW {
+  display: flex;
+  align-items: center;
+  gap: 2.28px;
+  width: 24px;
+  height: 24px;
+  padding-left: 4px;
+  margin-left: 8px;
+  box-sizing: border-box;
+}
+.styles__thinking-dot___1muTY {
+  display: block;
+  width: 3.8px;
+  height: 3.8px;
+  border-radius: 50%;
+  background-color: #51acf0;
+  animation: styles__thinking-bounce___2IfNu 1.2s cubic-bezier(0.33, 0, 0.67, 1) infinite;
+}
+.styles__thinking-dot___1muTY:nth-child(2) {
+  animation-delay: 150ms;
+}
+.styles__thinking-dot___1muTY:nth-child(3) {
+  animation-delay: 300ms;
+}
+@media (prefers-reduced-motion: reduce) {
+  .styles__thinking-dot___1muTY {
+    animation: none;
+  }
+}
+@-moz-keyframes styles__thinking-bounce___2IfNu {
+  0% {
+    transform: none;
+  }
+  20.83% {
+    transform: translateY(-2.855px) scale(1.15);
+  }
+  41.67% {
+    transform: none;
+  }
+  100% {
+    transform: none;
+  }
+}
+@-webkit-keyframes styles__thinking-bounce___2IfNu {
+  0% {
+    transform: none;
+  }
+  20.83% {
+    transform: translateY(-2.855px) scale(1.15);
+  }
+  41.67% {
+    transform: none;
+  }
+  100% {
+    transform: none;
+  }
+}
+@-o-keyframes styles__thinking-bounce___2IfNu {
+  0% {
+    transform: none;
+  }
+  20.83% {
+    transform: translateY(-2.855px) scale(1.15);
+  }
+  41.67% {
+    transform: none;
+  }
+  100% {
+    transform: none;
+  }
+}
+@keyframes styles__thinking-bounce___2IfNu {
+  0% {
+    transform: none;
+  }
+  20.83% {
+    transform: translateY(-2.855px) scale(1.15);
+  }
+  41.67% {
+    transform: none;
+  }
+  100% {
+    transform: none;
+  }
+}
 /*  imported from styles.styl  */
 
 .styles__resultMenu___o76q- {
@@ -358,7 +583,7 @@
 .styles__sidebar-container___155dK {
   width: 236px;
   min-width: 236px;
-  background-color: var(--paperBackgroundColor);
+  background-color: var(--defaultBackgroundColor);
   z-index: calc(var(--zIndex-modal) + 30);
 }
 @media (max-width: 48rem) {
@@ -367,6 +592,11 @@
     min-width: calc(100vw - 48px);
   }
 }
+.styles__sidebar-rail___3-veF {
+  width: 72px;
+  min-width: 72px;
+  background-color: var(--defaultBackgroundColor);
+}
 .styles__sidebar-overlay--mobile___vvKHu {
   background-color: var(--actionColorActive);
   position: fixed;
@@ -376,16 +606,9 @@
   bottom: 0;
   z-index: calc(var(--zIndex-modal) + 20);
 }
-.styles__menu-toggle-floating___2GTmQ {
-  background-color: color-mix(in srgb, var(--paperBackgroundColor) 60%, transparent);
-  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3), 0 2px 6px 2px rgba(0,0,0,0.15);
-}
-/*  imported from styles.styl  */
-
-.styles__knowledge-chips-icon___2AIB6 {
-  height: 16px;
-  width: 16px;
-  margin: 0 !important;
+.styles__sidebar-bar--mobile___lHGA9 {
+  background-color: var(--paperBackgroundColor);
+  z-index: calc(var(--zIndex-modal) + 15);
 }
 /*  imported from styles.styl  */
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "2.6.2",
+  "version": "2.7.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -96,5 +96,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "8c012d67c3b598402f84b65bdc9f0f6f7e9d4e95"
+  "gitHead": "055df680e8b47d9efef96a18a45e2c477f1b3b03"
 }

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

@@ -1,13 +0,0 @@
-export default TwakeKnowledgeChip;
-/**
- * Source chip rendered as an all-or-nothing toggle: clicking the chip (or its
- * cross) selects/deselects the whole source. Selection state and persistence
- * are owned by the parent through isSelected/onToggle. Without onToggle the
- * chip is a static indicator (always-on source, no cross, not clickable).
- */
-declare function TwakeKnowledgeChip({ twakeKnowledge, isLast, isSelected, onToggle }: {
-    twakeKnowledge: any;
-    isLast: any;
-    isSelected: any;
-    onToggle: any;
-}): JSX.Element;

package/dist/components/TwakeKnowledges/TwakeKnowledgeChip.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _twakeIcons = require("@linagora/twake-icons");
-
-var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
-
-var _Breakpoints = require("cozy-ui/transpiled/react/providers/Breakpoints");
-
-var styles = {
-  "knowledge-chips-icon": "styles__knowledge-chips-icon___2AIB6"
-};
-var CHIP_CLASSES = {
-  label: 'u-p-0',
-  icon: 'u-m-0'
-};
-/**
- * Source chip rendered as an all-or-nothing toggle: clicking the chip (or its
- * cross) selects/deselects the whole source. Selection state and persistence
- * are owned by the parent through isSelected/onToggle. Without onToggle the
- * chip is a static indicator (always-on source, no cross, not clickable).
- */
-
-var TwakeKnowledgeChip = function TwakeKnowledgeChip(_ref) {
-  var twakeKnowledge = _ref.twakeKnowledge,
-      isLast = _ref.isLast,
-      isSelected = _ref.isSelected,
-      onToggle = _ref.onToggle;
-
-  var _useBreakpoints = (0, _Breakpoints.useBreakpoints)(),
-      isMobile = _useBreakpoints.isMobile;
-
-  var isPill = !isMobile || isSelected;
-  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: isSelected && onToggle ? /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
-      icon: _twakeIcons.Cross,
-      size: 10,
-      style: {
-        height: 10,
-        width: 10,
-        marginLeft: 6,
-        marginRight: 0
-      },
-      color: "var(--primaryColor)"
-    }) : undefined,
-    onDelete: isSelected ? onToggle : undefined,
-    label: isMobile ? '' : twakeKnowledge.label,
-    clickable: !!onToggle,
-    variant: isSelected ? '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: onToggle
-  });
-};
-
-var _default = TwakeKnowledgeChip;
-exports.default = _default;

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

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

package/dist/components/TwakeKnowledges/WebSearchChip.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _twakeIcons = require("@linagora/twake-icons");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Chips = _interopRequireDefault(require("cozy-ui/transpiled/react/Chips"));
-
-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; // Pointer activation leaves the DOM focus on the chip, and the `:focus`
-  // background is darker than the plain ghost one: the toggled chip then looks
-  // different from the sibling source chips (which are not clickable) until
-  // something else takes the focus. Drop it for pointer activation only
-  // (`detail > 0`), so keyboard users keep their focus ring.
-
-
-  var handleClick = function handleClick(event) {
-    if (event.detail > 0) {
-      event.currentTarget.blur();
-    }
-
-    onToggleWebsearch(event);
-  };
-
-  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(_twakeIcons.Icon, {
-      icon: _twakeIcons.Planet,
-      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: handleClick
-  });
-};
-
-var _default = WebSearchChip;
-exports.default = _default;