cozy-search 0.29.0 → 0.29.2

package/dist/components/Conversations/styles.styl

@@ -29,14 +29,11 @@
 
 .conversationViewport
   +mobile()
-    // Indent the message column past the absolutely-positioned
-    // sidebar toggle button (top-left of the screen when the sidebar
-    // is closed) so text never overlaps the icon — even when the
-    // conversation is scrolled. The menu button's right edge sits at
-    // ~48px (8px header padding + 40px button), so we leave a small
-    // buffer beyond that.
-    padding-left 56px
-    padding-right 16px
+    // Small symmetric gutter so the LLM response uses nearly the full
+    // mobile width. The floating sidebar-toggle button sits on an opaque
+    // tile, so text scrolling beneath it stays visually covered.
+    padding-left 8px
+    padding-right 8px
 
 
 .conversationBar-input
@@ -111,6 +108,8 @@
   padding 8px !important
   border-radius 8px !important
   align-items stretch !important
+  // force 0 gap to override cozy-ui gap 16px on .MuiListItem-root
+  gap: 0 !important
 
   &:hover .conversation-list-item-action,
   &:focus-within .conversation-list-item-action
@@ -128,7 +127,7 @@
 
 .conversation-list-item-divider
   // Counteract the item's 8px padding so the divider spans the full
-  // width and sits flush with the bottom edge of the selected highlight.
+  // width and sits flush with the bottom edge of the selected highlight
   margin 8px -8px -8px -8px !important
 
 .conversation-list-item-action

package/dist/components/Messages/AssistantMessage.js

@@ -54,7 +54,7 @@ var AssistantMessage = function AssistantMessage() {
     return (_s$metadata2 = s.metadata) === null || _s$metadata2 === void 0 ? void 0 : (_s$metadata2$custom = _s$metadata2.custom) === null || _s$metadata2$custom === void 0 ? void 0 : _s$metadata2$custom.sources;
   });
   return /*#__PURE__*/_react2.default.createElement(_react.MessagePrimitive.Root, {
-    className: "u-mt-1-half u-mr-3"
+    className: "u-mt-1-half"
   }, isThinking && /*#__PURE__*/_react2.default.createElement(_Box.default, {
     display: "flex",
     alignItems: "center",

package/dist/components/Sidebar/index.js

@@ -93,7 +93,12 @@ var Sidebar = function Sidebar(_ref) {
   var _useFetchConversation = (0, _useFetchConversations.default)(),
       conversations = _useFetchConversation.conversations,
       hasMore = _useFetchConversation.hasMore,
-      fetchMore = _useFetchConversation.fetchMore;
+      fetchMore = _useFetchConversation.fetchMore; // When the sidebar is closed on mobile, the toggle sits over the scrolling
+  // conversation and must read as a distinct floating button, not blend into
+  // the text behind it.
+
+
+  var isFloatingToggle = !sidebarOpen && isMobile;
 
   var onToggleSidebar = function onToggleSidebar() {
     setSidebarOpen(!sidebarOpen);
@@ -120,24 +125,20 @@ var Sidebar = function Sidebar(_ref) {
       'u-w-auto': !sidebarOpen
     }, (0, _defineProperty2.default)(_cx, styles['sidebar-container'], sidebarOpen), (0, _defineProperty2.default)(_cx, 'u-left-0 u-pos-absolute', isMobile), _cx))
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('u-flex u-flex-items-center u-flex-justify-between u-ph-half u-pv-1', (0, _defineProperty2.default)({}, styles['menu-toggle-floating'], !sidebarOpen && isMobile))
+    className: "u-flex u-flex-items-center u-flex-justify-between u-ph-half u-pv-1"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('u-flex', (0, _defineProperty2.default)({
+      'u-bdrs-circle': isFloatingToggle
+    }, styles['menu-toggle-floating'], isFloatingToggle))
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     size: "medium",
-    className: (0, _classnames.default)('u-bdrs-6 u-p-0'),
+    className: "u-bdrs-6",
     onClick: onToggleSidebar,
     "aria-label": t('assistant.sidebar.toggle_sidebar')
-  }, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
-    component: "div",
-    variant: sidebarOpen ? 'ghost' : 'text',
-    className: "u-miw-auto u-w-2-half u-h-2-half u-bdrs-6",
-    classes: {
-      label: 'u-flex u-w-auto'
-    },
-    label: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icon: _Menu.default,
-      "aria-hidden": "true"
-    })
-  })), /*#__PURE__*/_react.default.createElement("div", null, sidebarOpen && (0, _cozyFlags.default)('cozy.assistant.search-conversation.enabled') && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Menu.default,
+    "aria-hidden": "true"
+  }))), /*#__PURE__*/_react.default.createElement("div", null, sidebarOpen && (0, _cozyFlags.default)('cozy.assistant.search-conversation.enabled') && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     size: "medium",
     className: "u-bdrs-6",
     onClick: onToggleSearch,
@@ -156,7 +157,7 @@ var Sidebar = function Sidebar(_ref) {
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: "u-ph-half u-pb-half"
   }, sidebarOpen ? /*#__PURE__*/_react.default.createElement(_Buttons.default, {
-    className: "u-w-100",
+    className: "u-w-100 u-bdrs-6",
     label: t('assistant.sidebar.create_new'),
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       icon: _Plus.default
@@ -176,7 +177,7 @@ var Sidebar = function Sidebar(_ref) {
     variant: "h6",
     className: "u-ml-half u-p-half"
   }, t('assistant.sidebar.recent_chats')), /*#__PURE__*/_react.default.createElement(_PrettyScrollbar.default, {
-    className: "u-flex-auto u-ov-auto u-ph-half u-pb-half"
+    className: "u-flex-auto u-ov-auto u-pb-half"
   }, /*#__PURE__*/_react.default.createElement(_ConversationList.default, {
     conversations: conversations,
     currentConversationId: currentConversationId,

package/dist/components/Sidebar/styles.styl

@@ -21,9 +21,12 @@
   z-index calc(var(--zIndex-modal) + 20)
 
 .menu-toggle-floating
-  // When the sidebar is closed on mobile, the toggle button sits
-  // absolutely over the scrolling conversation. Give it an opaque
-  // paper background so any message text that scrolls behind it is
-  // not visible through the icon.
-  background-color var(--paperBackgroundColor)
-  border-bottom-right-radius 12px
+  // When the sidebar is closed on mobile, the toggle button floats over the
+  // scrolling conversation. Wrap it in a circular chip with an elevation
+  // shadow (M3 elevation 2) and a 60%-opacity paper background (as in the
+  // design) so the circle is semi-transparent while the icon inside stays
+  // fully opaque. The transparency is on the background color (not the
+  // element's opacity) precisely so it does not fade the icon too.
+  // unquote() keeps Stylus from parsing `in` as an operator.
+  background-color unquote('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)

package/dist/stylesheet.css

@@ -125,8 +125,8 @@
 }
 @media (max-width: 48rem) {
   .styles__conversationViewport___24jYX {
-    padding-left: 56px;
-    padding-right: 16px;
+    padding-left: 8px;
+    padding-right: 8px;
   }
 }
 .styles__conversationBar-input___2DfdZ {
@@ -202,6 +202,7 @@
   padding: 8px !important;
   border-radius: 8px !important;
   align-items: stretch !important;
+  gap: 0 !important;
 }
 .styles__conversation-list-item___rQapI:hover .styles__conversation-list-item-action___qiuKm,
 .styles__conversation-list-item___rQapI:focus-within .styles__conversation-list-item-action___qiuKm {
@@ -371,8 +372,8 @@
   z-index: calc(var(--zIndex-modal) + 20);
 }
 .styles__menu-toggle-floating___2GTmQ {
-  background-color: var(--paperBackgroundColor);
-  border-bottom-right-radius: 12px;
+  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  */
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -33,7 +33,7 @@
     "cozy-logger": "^1.18.1",
     "cozy-minilog": "^3.10.1",
     "cozy-pouch-link": "^54.0.0",
-    "cozy-realtime": "^5.9.1",
+    "cozy-realtime": "^5.9.2",
     "cozy-ui": "^138.4.0",
     "cozy-ui-plus": "^8.0.1",
     "cross-fetch": "^4.0.0",
@@ -92,5 +92,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "8a7bc36fc1aa0b267ed6b9a36585510997ee7da8"
+  "gitHead": "4e078ae8d70c8d348e35c77f3b9edcd1fa6cc972"
 }