cozy-search 0.19.2 → 0.20.0

package/dist/components/CreateAssistantSteps/ApiKeyStep.d.ts

@@ -1,7 +1,6 @@
 export default ApiKeyStep;
-declare function ApiKeyStep({ apiKey, selectedProvider, onChange, onModelSelect }: {
+declare function ApiKeyStep({ apiKey, selectedProvider, onChange }: {
     apiKey: any;
     selectedProvider: any;
     onChange: any;
-    onModelSelect: any;
 }): JSX.Element;

package/dist/components/CreateAssistantSteps/ApiKeyStep.js

@@ -9,9 +9,9 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _reactRouterDom = require("react-router-dom");
+var _react = _interopRequireWildcard(require("react"));
 
 var _Card = _interopRequireDefault(require("cozy-ui/transpiled/react/Card"));
 
@@ -21,12 +21,12 @@ var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconB
 
 var _Eye = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Eye"));
 
-var _SelectBox = _interopRequireDefault(require("cozy-ui/transpiled/react/SelectBox"));
-
 var _TextField = _interopRequireDefault(require("cozy-ui/transpiled/react/TextField"));
 
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
+var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
+
 var _twakeI18n = require("twake-i18n");
 
 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); }
@@ -36,8 +36,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var ApiKeyStep = function ApiKeyStep(_ref) {
   var apiKey = _ref.apiKey,
       selectedProvider = _ref.selectedProvider,
-      onChange = _ref.onChange,
-      onModelSelect = _ref.onModelSelect;
+      onChange = _ref.onChange;
+
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      theme = _useCozyTheme.type;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -48,22 +50,12 @@ var ApiKeyStep = function ApiKeyStep(_ref) {
       t = _useI18n.t;
 
   var _ref2 = selectedProvider || {},
-      models = _ref2.models,
       id = _ref2.id,
       providerName = _ref2.name,
       model = _ref2.model,
       baseUrl = _ref2.baseUrl;
 
   var isCustomModel = id === 'custom';
-  var mappedModels = (0, _react.useMemo)(function () {
-    return models === null || models === void 0 ? void 0 : models.map(function (model) {
-      return {
-        label: model,
-        value: model
-      };
-    });
-  }, // eslint-disable-next-line react-hooks/preserve-manual-memoization
-  [models]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex u-flex-column u-gap-1"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -98,15 +90,13 @@ var ApiKeyStep = function ApiKeyStep(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "h6",
     className: "u-mb-half"
-  }, t('assistant_create.steps.configuration.model.label')), /*#__PURE__*/_react.default.createElement(_SelectBox.default, {
-    options: mappedModels,
-    value: {
-      label: model,
-      value: model
-    },
-    onChange: function onChange(selectedModel) {
-      return onModelSelect(selectedModel.value);
-    }
+  }, t('assistant_create.steps.configuration.model.label')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    fullWidth: true,
+    placeholder: t('assistant_create.steps.configuration.model.placeholder'),
+    value: model,
+    onChange: onChange('model'),
+    variant: "outlined",
+    type: "text"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "u-mb-1"
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
@@ -132,7 +122,10 @@ var ApiKeyStep = function ApiKeyStep(_ref) {
       }))
     }
   })), /*#__PURE__*/_react.default.createElement(_Card.default, {
-    className: "u-bg-paleGrey u-p-1 u-bdw-0"
+    className: (0, _classnames.default)(' u-p-1 u-bdw-0', {
+      'u-bg-primaryBackgroundLight': theme === 'light',
+      'u-bg-coolGrey': theme === 'dark'
+    })
   }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "h6",
     className: "u-mb-half"
@@ -141,11 +134,7 @@ var ApiKeyStep = function ApiKeyStep(_ref) {
     color: "textSecondary"
   }, /*#__PURE__*/_react.default.createElement("span", null, t('assistant_create.steps.configuration.generate', {
     provider: !isCustomModel ? providerName : t('assistant_create.steps.configuration.custom_provider')
-  })), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    underline: "hover",
-    to: "/",
-    className: "u-primaryColor"
-  }, t('assistant_create.steps.configuration.read_docs')))));
+  })))));
 };
 
 var _default = ApiKeyStep;

package/dist/components/CreateAssistantSteps/BasicInfoStep.js

@@ -32,8 +32,9 @@ var styles = {
   "grid-container": "styles__grid-container___3wOus",
   "grid-container--mobile": "styles__grid-container--mobile___uCAg1",
   "model-card": "styles__model-card___fbAqF",
-  "selected": "styles__selected___2KyhU",
-  "openrag": "styles__openrag___3wGb4",
+  "model-card--selected": "styles__model-card--selected___3hKq3",
+  "model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
+  "model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
   "icon-container": "styles__icon-container___1vaTp",
   "icon-container--google": "styles__icon-container--google___3gtC7",
   "icon-container--custom": "styles__icon-container--custom___1_EFK",

package/dist/components/CreateAssistantSteps/Provider.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -21,6 +23,8 @@ var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typog
 
 var _twakeI18n = require("twake-i18n");
 
+var _CozyTheme = require("cozy-ui-plus/dist/providers/CozyTheme");
+
 var _openrag = _interopRequireDefault(require("../../assets/openrag.png"));
 
 var styles = {
@@ -32,8 +36,9 @@ var styles = {
   "grid-container": "styles__grid-container___3wOus",
   "grid-container--mobile": "styles__grid-container--mobile___uCAg1",
   "model-card": "styles__model-card___fbAqF",
-  "selected": "styles__selected___2KyhU",
-  "openrag": "styles__openrag___3wGb4",
+  "model-card--selected": "styles__model-card--selected___3hKq3",
+  "model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
+  "model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
   "icon-container": "styles__icon-container___1vaTp",
   "icon-container--google": "styles__icon-container--google___3gtC7",
   "icon-container--custom": "styles__icon-container--custom___1_EFK",
@@ -479,6 +484,8 @@ var ICONS = {
 };
 
 var Provider = function Provider(_ref) {
+  var _cx;
+
   var selectedProvider = _ref.selectedProvider,
       provider = _ref.provider,
       onSelect = _ref.onSelect;
@@ -486,11 +493,14 @@ var Provider = function Provider(_ref) {
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
 
+  var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
+      theme = _useCozyTheme.type;
+
   var isSelected = (selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.id) === provider.id;
   var isOpenRag = provider.id === 'openrag';
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
-    className: "u-p-1 u-c-pointer u-flex u-flex-row u-flex-items-center ".concat(styles['model-card'], " ").concat(isSelected ? styles.selected : '', " ").concat(isOpenRag ? styles.openrag : ''),
+    className: (0, _classnames.default)('u-p-1 u-c-pointer u-flex u-flex-row u-flex-items-center', styles['model-card'], (_cx = {}, (0, _defineProperty2.default)(_cx, styles['model-card--selected'], isSelected), (0, _defineProperty2.default)(_cx, styles["model-card--openrag--".concat(theme)], isOpenRag), _cx)),
     onClick: function onClick() {
       return onSelect(provider);
     }

package/dist/components/CreateAssistantSteps/ProviderSelectionStep.js

@@ -25,11 +25,10 @@ var _Provider = _interopRequireDefault(require("./Provider"));
 
 var providers = [{
   id: "openrag",
-  name: "LINAGORA",
+  name: "Twake",
   models: ["openrag"],
   description: "assistant_create.steps.provider_selection.openrag.description",
   icon: "OpenRagLogo",
-  baseUrl: "/api/openrag",
   external: false
 }, {
   id: "google",
@@ -87,8 +86,9 @@ var styles = {
   "grid-container": "styles__grid-container___3wOus",
   "grid-container--mobile": "styles__grid-container--mobile___uCAg1",
   "model-card": "styles__model-card___fbAqF",
-  "selected": "styles__selected___2KyhU",
-  "openrag": "styles__openrag___3wGb4",
+  "model-card--selected": "styles__model-card--selected___3hKq3",
+  "model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
+  "model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
   "icon-container": "styles__icon-container___1vaTp",
   "icon-container--google": "styles__icon-container--google___3gtC7",
   "icon-container--custom": "styles__icon-container--custom___1_EFK",

package/dist/components/CreateAssistantSteps/helpers.d.ts

@@ -1 +1 @@
-export function getSelectedProviderByModel(modelName: string): object;
+export function getSelectedProviderById(providerId: string): object;

package/dist/components/CreateAssistantSteps/helpers.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSelectedProviderByModel = void 0;
+exports.getSelectedProviderById = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -15,11 +15,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 var providers = [{
   id: "openrag",
-  name: "LINAGORA",
+  name: "Twake",
   models: ["openrag"],
   description: "assistant_create.steps.provider_selection.openrag.description",
   icon: "OpenRagLogo",
-  baseUrl: "/api/openrag",
   external: false
 }, {
   id: "google",
@@ -71,20 +70,16 @@ var providers = [{
 /**
  * Get the provider corresponding to a given model name.
  * If no provider matches, return the custom provider.
- * @param {string} modelName - The name of the model.
+ * @param {string} providerId - The ID of the provider.
  * @returns {object} The provider object.
  */
 
-var getSelectedProviderByModel = function getSelectedProviderByModel(modelName) {
+var getSelectedProviderById = function getSelectedProviderById(providerId) {
   return providers.find(function (provider) {
-    var _provider$models;
-
-    return (_provider$models = provider.models) === null || _provider$models === void 0 ? void 0 : _provider$models.includes(modelName);
-  }) || _objectSpread(_objectSpread({}, providers.find(function (provider) {
+    return provider.id === providerId;
+  }) || _objectSpread({}, providers.find(function (provider) {
     return provider.id === 'custom';
-  })), {}, {
-    name: modelName
-  });
+  }));
 };
 
-exports.getSelectedProviderByModel = getSelectedProviderByModel;
+exports.getSelectedProviderById = getSelectedProviderById;

package/dist/components/CreateAssistantSteps/providers.json

@@ -1,11 +1,10 @@
 [
   {
     "id": "openrag",
-    "name": "LINAGORA",
+    "name": "Twake",
     "models": ["openrag"],
     "description": "assistant_create.steps.provider_selection.openrag.description",
     "icon": "OpenRagLogo",
-    "baseUrl": "/api/openrag",
     "external": false
   },
   {

package/dist/components/CreateAssistantSteps/styles.styl

@@ -28,11 +28,15 @@
     text-align left
     background inherit
 
-    &.selected
+    &--selected
       border 1px solid var(--primaryColor)
 
-    &.openrag
-      background linear-gradient(90deg, #EFF6FF 0%, #FAF5FF 100%)
+    &--openrag
+      &--light
+        background linear-gradient(90deg, #EFF6FF 0%, #FAF5FF 100%)
+
+      &--dark
+        background linear-gradient(90deg, #3A2899 0%, #0C091B 100%)
 
   & .icon-container
     width 53px

package/dist/components/CreateAssistantSteps/useAssistantDialog.d.ts

@@ -23,7 +23,6 @@ export function useAssistantDialog({ onClose, initialData }: {
         model: string;
         baseUrl: string;
         apiKey: string;
-        isCustomModel: boolean;
     };
     setFormData: import("react").Dispatch<import("react").SetStateAction<{
         constructor: Function;
@@ -39,7 +38,6 @@ export function useAssistantDialog({ onClose, initialData }: {
         model: string;
         baseUrl: string;
         apiKey: string;
-        isCustomModel: boolean;
     }>>;
     selectedProvider: any;
     setSelectedProvider: import("react").Dispatch<any>;
@@ -50,4 +48,5 @@ export function useAssistantDialog({ onClose, initialData }: {
     handleNext: (onSubmit: Function) => Promise<void>;
     isNextDisabled: (isAllowToSkipApiKey: any) => boolean;
     handleChangeModel: (value: any) => void;
+    canSubmit: boolean;
 };

package/dist/components/CreateAssistantSteps/useAssistantDialog.js

@@ -17,16 +17,21 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
+var _cozyMinilog = _interopRequireDefault(require("cozy-minilog"));
+
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
 var _twakeI18n = require("twake-i18n");
 
 var _locales = require("../../locales");
 
+var _constants = require("../constants");
+
 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 log = (0, _cozyMinilog.default)('[AssistantDialog]');
 var STEPS = {
   BASIC_INFO: 0,
   MODEL_SELECTION: 1,
@@ -69,13 +74,16 @@ var useAssistantDialog = function useAssistantDialog(_ref) {
     icon: null,
     model: '',
     baseUrl: '',
-    apiKey: '',
-    isCustomModel: false
+    apiKey: ''
   }, initialData)),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       formData = _useState6[0],
       setFormData = _useState6[1];
 
+  var canSubmit = (0, _react.useMemo)(function () {
+    return step === STEPS.API_KEY || step === STEPS.MODEL_SELECTION && (selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.id) === _constants.OPENRAG_MODEL;
+  }, [step, selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.id]);
+
   var handleChange = function handleChange(field) {
     return function (event) {
       var _event$target;
@@ -109,10 +117,16 @@ var useAssistantDialog = function useAssistantDialog(_ref) {
   };
 
   var handleProviderSelection = function handleProviderSelection(provider) {
+    var isOpenrag = provider.id === _constants.OPENRAG_MODEL;
     setFormData(function (prev) {
+      var _provider$baseUrl;
+
       return _objectSpread(_objectSpread({}, prev), {}, {
-        baseUrl: provider.baseUrl,
-        isCustomModel: provider.id === 'custom'
+        baseUrl: (_provider$baseUrl = provider.baseUrl) !== null && _provider$baseUrl !== void 0 ? _provider$baseUrl : '',
+        model: isOpenrag ? provider.models[0] : '',
+        apiKey: '',
+        encryptedApiKey: '',
+        providerId: provider.id
       });
     });
     setSelectedProvider(_objectSpread(_objectSpread({}, provider), {}, {
@@ -143,7 +157,7 @@ var useAssistantDialog = function useAssistantDialog(_ref) {
             case 0:
               _context.prev = 0;
 
-              if (!(step === STEPS.API_KEY)) {
+              if (!canSubmit) {
                 _context.next = 7;
                 break;
               }
@@ -162,18 +176,19 @@ var useAssistantDialog = function useAssistantDialog(_ref) {
               });
 
             case 8:
-              _context.next = 13;
+              _context.next = 14;
               break;
 
             case 10:
               _context.prev = 10;
               _context.t0 = _context["catch"](0);
+              log.error('Error in handleNext:', _context.t0);
               showAlert({
                 message: t('assistant.default_error'),
                 severity: 'error'
               });
 
-            case 13:
+            case 14:
             case "end":
               return _context.stop();
           }
@@ -217,7 +232,8 @@ var useAssistantDialog = function useAssistantDialog(_ref) {
     handleBack: handleBack,
     handleNext: handleNext,
     isNextDisabled: isNextDisabled,
-    handleChangeModel: handleChangeModel
+    handleChangeModel: handleChangeModel,
+    canSubmit: canSubmit
   };
 };
 

package/dist/components/Views/CreateAssistantDialog.js

@@ -37,6 +37,8 @@ var _locales = require("../../locales");
 
 var _AssistantDialogContent = _interopRequireDefault(require("../CreateAssistantSteps/AssistantDialogContent"));
 
+var _helpers = require("../CreateAssistantSteps/helpers");
+
 var _useAssistantDialog2 = require("../CreateAssistantSteps/useAssistantDialog");
 
 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); }
@@ -52,8 +54,9 @@ var styles = {
   "grid-container": "styles__grid-container___3wOus",
   "grid-container--mobile": "styles__grid-container--mobile___uCAg1",
   "model-card": "styles__model-card___fbAqF",
-  "selected": "styles__selected___2KyhU",
-  "openrag": "styles__openrag___3wGb4",
+  "model-card--selected": "styles__model-card--selected___3hKq3",
+  "model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
+  "model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
   "icon-container": "styles__icon-container___1vaTp",
   "icon-container--google": "styles__icon-container--google___3gtC7",
   "icon-container--custom": "styles__icon-container--custom___1_EFK",
@@ -62,6 +65,7 @@ var styles = {
   "CreateAssistantDialog": "styles__CreateAssistantDialog___1dSe_",
   "close-button": "styles__close-button___3jc_w"
 };
+var defaultProvider = (0, _helpers.getSelectedProviderById)('openrag');
 
 var CreateAssistantDialog = function CreateAssistantDialog(_ref) {
   var open = _ref.open,
@@ -80,11 +84,16 @@ var CreateAssistantDialog = function CreateAssistantDialog(_ref) {
       isMobile = _useBreakpoints.isMobile;
 
   var _useAssistantDialog = (0, _useAssistantDialog2.useAssistantDialog)({
-    onClose: onClose
+    onClose: onClose,
+    initialData: {
+      selectedProvider: defaultProvider,
+      model: defaultProvider.models[0]
+    }
   }),
       step = _useAssistantDialog.step,
       formData = _useAssistantDialog.formData,
       selectedProvider = _useAssistantDialog.selectedProvider,
+      canSubmit = _useAssistantDialog.canSubmit,
       handleBack = _useAssistantDialog.handleBack,
       handleNext = _useAssistantDialog.handleNext,
       handleChange = _useAssistantDialog.handleChange,
@@ -115,7 +124,7 @@ var CreateAssistantDialog = function CreateAssistantDialog(_ref) {
                 model: formData.model,
                 apiKey: formData.apiKey,
                 baseUrl: formData.baseUrl,
-                isCustomModel: formData.isCustomModel
+                providerId: selectedProvider.id
               });
 
             case 2:
@@ -169,7 +178,7 @@ var CreateAssistantDialog = function CreateAssistantDialog(_ref) {
       return handleNext(onSubmit);
     },
     disabled: isNextDisabled(),
-    label: step === _useAssistantDialog2.STEPS.API_KEY ? t('assistant_create.buttons.create') : t('assistant_create.buttons.next')
+    label: canSubmit ? t('assistant_create.buttons.create') : t('assistant_create.buttons.next')
   })));
 };
 

package/dist/components/Views/DeleteAssistantDialog.js

@@ -52,8 +52,9 @@ var styles = {
   "grid-container": "styles__grid-container___3wOus",
   "grid-container--mobile": "styles__grid-container--mobile___uCAg1",
   "model-card": "styles__model-card___fbAqF",
-  "selected": "styles__selected___2KyhU",
-  "openrag": "styles__openrag___3wGb4",
+  "model-card--selected": "styles__model-card--selected___3hKq3",
+  "model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
+  "model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
   "icon-container": "styles__icon-container___1vaTp",
   "icon-container--google": "styles__icon-container--google___3gtC7",
   "icon-container--custom": "styles__icon-container--custom___1_EFK",

package/dist/components/Views/EditAssistantDialog.js

@@ -62,8 +62,9 @@ var styles = {
   "grid-container": "styles__grid-container___3wOus",
   "grid-container--mobile": "styles__grid-container--mobile___uCAg1",
   "model-card": "styles__model-card___fbAqF",
-  "selected": "styles__selected___2KyhU",
-  "openrag": "styles__openrag___3wGb4",
+  "model-card--selected": "styles__model-card--selected___3hKq3",
+  "model-card--openrag--light": "styles__model-card--openrag--light___1vabR",
+  "model-card--openrag--dark": "styles__model-card--openrag--dark___1x0sK",
   "icon-container": "styles__icon-container___1vaTp",
   "icon-container--google": "styles__icon-container--google___3gtC7",
   "icon-container--custom": "styles__icon-container--custom___1_EFK",
@@ -98,6 +99,7 @@ var EditAssistantDialog = function EditAssistantDialog(_ref) {
       step = _useAssistantDialog.step,
       formData = _useAssistantDialog.formData,
       selectedProvider = _useAssistantDialog.selectedProvider,
+      canSubmit = _useAssistantDialog.canSubmit,
       setFormData = _useAssistantDialog.setFormData,
       setSelectedProvider = _useAssistantDialog.setSelectedProvider,
       handleBack = _useAssistantDialog.handleBack,
@@ -113,9 +115,9 @@ var EditAssistantDialog = function EditAssistantDialog(_ref) {
 
     var fetchAssistant = /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _provider$auth, _provider$data, _provider$auth2, _provider$auth3, _provider$auth4, _provider$data2;
+        var _assistant$relationsh, _assistant$relationsh2, _assistant$relationsh3, _assistant$relationsh4, _provider$auth, _provider$data, _provider$auth2, _provider$auth3, _provider$auth4, _provider$data2, _provider$auth5;
 
-        var response, assistant, provider, selectProviderDefault;
+        var response, assistant, provider, providerId, selectProviderDefault;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -127,22 +129,25 @@ var EditAssistantDialog = function EditAssistantDialog(_ref) {
                 response = _context.sent;
                 assistant = response.data;
                 provider = response.included[0];
+                providerId = assistant === null || assistant === void 0 ? void 0 : (_assistant$relationsh = assistant.relationships) === null || _assistant$relationsh === void 0 ? void 0 : (_assistant$relationsh2 = _assistant$relationsh.provider) === null || _assistant$relationsh2 === void 0 ? void 0 : (_assistant$relationsh3 = _assistant$relationsh2.data) === null || _assistant$relationsh3 === void 0 ? void 0 : (_assistant$relationsh4 = _assistant$relationsh3.metadata) === null || _assistant$relationsh4 === void 0 ? void 0 : _assistant$relationsh4.providerId;
                 setFormData({
                   name: assistant.name || '',
                   description: assistant.prompt || '',
                   icon: assistant.icon || '',
-                  isCustomModel: assistant.isCustomModel || false,
                   model: (provider === null || provider === void 0 ? void 0 : (_provider$auth = provider.auth) === null || _provider$auth === void 0 ? void 0 : _provider$auth.login) || '',
                   baseUrl: (provider === null || provider === void 0 ? void 0 : (_provider$data = provider.data) === null || _provider$data === void 0 ? void 0 : _provider$data.baseUrl) || '',
-                  apiKey: (provider === null || provider === void 0 ? void 0 : (_provider$auth2 = provider.auth) === null || _provider$auth2 === void 0 ? void 0 : _provider$auth2.apiKey) || ''
+                  apiKey: (provider === null || provider === void 0 ? void 0 : (_provider$auth2 = provider.auth) === null || _provider$auth2 === void 0 ? void 0 : _provider$auth2.apiKey) || '',
+                  encryptedApiKey: (provider === null || provider === void 0 ? void 0 : (_provider$auth3 = provider.auth) === null || _provider$auth3 === void 0 ? void 0 : _provider$auth3.credentials_encrypted) || '',
+                  providerId: providerId
                 });
-                selectProviderDefault = (0, _helpers.getSelectedProviderByModel)(provider === null || provider === void 0 ? void 0 : (_provider$auth3 = provider.auth) === null || _provider$auth3 === void 0 ? void 0 : _provider$auth3.login);
+                selectProviderDefault = (0, _helpers.getSelectedProviderById)(providerId);
                 setSelectedProvider(_objectSpread(_objectSpread({}, selectProviderDefault), {}, {
                   model: provider === null || provider === void 0 ? void 0 : (_provider$auth4 = provider.auth) === null || _provider$auth4 === void 0 ? void 0 : _provider$auth4.login,
-                  baseUrl: provider === null || provider === void 0 ? void 0 : (_provider$data2 = provider.data) === null || _provider$data2 === void 0 ? void 0 : _provider$data2.baseUrl
+                  baseUrl: provider === null || provider === void 0 ? void 0 : (_provider$data2 = provider.data) === null || _provider$data2 === void 0 ? void 0 : _provider$data2.baseUrl,
+                  name: selectProviderDefault.id === 'custom' ? provider === null || provider === void 0 ? void 0 : (_provider$auth5 = provider.auth) === null || _provider$auth5 === void 0 ? void 0 : _provider$auth5.login : selectProviderDefault.name
                 }));
 
-              case 8:
+              case 9:
               case "end":
                 return _context.stop();
             }
@@ -180,7 +185,7 @@ var EditAssistantDialog = function EditAssistantDialog(_ref) {
                 model: formData.model,
                 apiKey: formData.apiKey,
                 baseUrl: formData.baseUrl,
-                isCustomModel: formData.isCustomModel
+                providerId: selectedProvider.id
               });
 
             case 2:
@@ -233,8 +238,8 @@ var EditAssistantDialog = function EditAssistantDialog(_ref) {
     onClick: function onClick() {
       return handleNext(onSubmit);
     },
-    disabled: isNextDisabled(true),
-    label: step === _useAssistantDialog2.STEPS.API_KEY ? t('assistant_edit.buttons.edit') : t('assistant_edit.buttons.next')
+    disabled: isNextDisabled(!!formData.encryptedApiKey),
+    label: canSubmit ? t('assistant_edit.buttons.edit') : t('assistant_edit.buttons.next')
   })));
 };
 

package/dist/components/constants.d.ts

@@ -3,3 +3,4 @@ export namespace DEFAULT_ASSISTANT {
     let name: string;
 }
 export const FETCH_CONVERSATIONS_LIMIT: 50;
+export const OPENRAG_MODEL: "openrag";

package/dist/components/constants.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FETCH_CONVERSATIONS_LIMIT = exports.DEFAULT_ASSISTANT = void 0;
+exports.OPENRAG_MODEL = exports.FETCH_CONVERSATIONS_LIMIT = exports.DEFAULT_ASSISTANT = void 0;
 var DEFAULT_ASSISTANT = {
   id: 'ai_assistant',
   name: 'AI Assistant'
 };
 exports.DEFAULT_ASSISTANT = DEFAULT_ASSISTANT;
 var FETCH_CONVERSATIONS_LIMIT = 50;
-exports.FETCH_CONVERSATIONS_LIMIT = FETCH_CONVERSATIONS_LIMIT;
+exports.FETCH_CONVERSATIONS_LIMIT = FETCH_CONVERSATIONS_LIMIT;
+var OPENRAG_MODEL = 'openrag';
+exports.OPENRAG_MODEL = OPENRAG_MODEL;

package/dist/locales/en.json

@@ -108,7 +108,7 @@
         "description": "Choose the AI model that best matches your requirements.",
         "by": "by",
         "openrag": {
-          "description": "Work with drive files, chat, email from your Twake Workplace"
+          "description": "The AI assistant integrated into Twake, letting you work on your data without ever letting it leave your Workplace"
         },
         "google": {
           "description": "Google's most capable model for text and multimodal tasks"
@@ -135,7 +135,8 @@
         "description": "Enter provider URL, model and your API key to configure the new assistant. Your key will be stored securely.",
         "custom_provider_description": "Configure your custom AI provider settings",
         "model": {
-          "label": "Model"
+          "label": "Model",
+          "placeholder": "Enter the model name of the provider"
         },
         "provider": {
           "label": "Provider name",

package/dist/locales/fr.json

@@ -108,7 +108,7 @@
         "description": "Choisissez le modèle d'IA qui correspond le mieux à vos besoins.",
         "by": "par",
         "openrag": {
-          "description": "Travaillez avec des fichiers Drive, le chat et les emails depuis votre Twake Workplace"
+          "description": "L'assistant IA intégré à Twake, pour travailler sur vos données sans jamais les faire sortir de votre Workplace"
         },
         "google": {
           "description": "Le modèle le plus performant de Google pour les tâches textuelles et multimodales"
@@ -135,7 +135,8 @@
         "description": "Saisissez l'URL du fournisseur, le modèle et votre clé API pour configurer le nouvel assistant. Votre clé sera stockée de manière sécurisée.",
         "custom_provider_description": "Configurez les paramètres de votre fournisseur d'IA personnalisé",
         "model": {
-          "label": "Modèle"
+          "label": "Modèle",
+          "placeholder": "Entrez le nom du modèle du fournisseur"
         },
         "provider": {
           "label": "Nom du fournisseur",

package/dist/locales/index.js

@@ -114,7 +114,7 @@ var en = {
         description: "Choose the AI model that best matches your requirements.",
         by: "by",
         openrag: {
-          description: "Work with drive files, chat, email from your Twake Workplace"
+          description: "The AI assistant integrated into Twake, letting you work on your data without ever letting it leave your Workplace"
         },
         google: {
           description: "Google's most capable model for text and multimodal tasks"
@@ -141,7 +141,8 @@ var en = {
         description: "Enter provider URL, model and your API key to configure the new assistant. Your key will be stored securely.",
         custom_provider_description: "Configure your custom AI provider settings",
         model: {
-          label: "Model"
+          label: "Model",
+          placeholder: "Enter the model name of the provider"
         },
         provider: {
           label: "Provider name",
@@ -305,7 +306,7 @@ var fr = {
         description: "Choisissez le mod\xE8le d'IA qui correspond le mieux \xE0 vos besoins.",
         by: "par",
         openrag: {
-          description: "Travaillez avec des fichiers Drive, le chat et les emails depuis votre Twake Workplace"
+          description: "L'assistant IA int\xE9gr\xE9 \xE0 Twake, pour travailler sur vos donn\xE9es sans jamais les faire sortir de votre Workplace"
         },
         google: {
           description: "Le mod\xE8le le plus performant de Google pour les t\xE2ches textuelles et multimodales"
@@ -332,7 +333,8 @@ var fr = {
         description: "Saisissez l'URL du fournisseur, le mod\xE8le et votre cl\xE9 API pour configurer le nouvel assistant. Votre cl\xE9 sera stock\xE9e de mani\xE8re s\xE9curis\xE9e.",
         custom_provider_description: "Configurez les param\xE8tres de votre fournisseur d'IA personnalis\xE9",
         model: {
-          label: "Mod\xE8le"
+          label: "Mod\xE8le",
+          placeholder: "Entrez le nom du mod\xE8le du fournisseur"
         },
         provider: {
           label: "Nom du fournisseur",
@@ -496,7 +498,7 @@ var ru = {
         description: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u043E\u0434\u0435\u043B\u044C \u0418\u0418, \u043A\u043E\u0442\u043E\u0440\u0430\u044F \u043B\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043E \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0432\u0430\u0448\u0438\u043C \u0442\u0440\u0435\u0431\u043E\u0432\u0430\u043D\u0438\u044F\u043C.",
         by: "\u043E\u0442",
         openrag: {
-          description: "\u0420\u0430\u0431\u043E\u0442\u0430\u0439\u0442\u0435 \u0441 \u0444\u0430\u0439\u043B\u0430\u043C\u0438 Drive, \u0447\u0430\u0442\u043E\u043C \u0438 \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u043E\u0439 \u0438\u0437 \u0432\u0430\u0448\u0435\u0433\u043E Twake Workplace"
+          description: "\u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442, \u0438\u043D\u0442\u0435\u0433\u0440\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0432 Twake, \u043F\u043E\u0437\u0432\u043E\u043B\u044F\u0435\u0442 \u0432\u0430\u043C \u0440\u0430\u0431\u043E\u0442\u0430\u0442\u044C \u0441\u043E \u0441\u0432\u043E\u0438\u043C\u0438 \u0434\u0430\u043D\u043D\u044B\u043C\u0438, \u0433\u0430\u0440\u0430\u043D\u0442\u0438\u0440\u0443\u044F, \u0447\u0442\u043E \u043E\u043D\u0438 \u043D\u0438\u043A\u043E\u0433\u0434\u0430 \u043D\u0435 \u043F\u043E\u043A\u0438\u043D\u0443\u0442 \u043F\u0440\u0435\u0434\u0435\u043B\u044B \u0432\u0430\u0448\u0435\u0433\u043E \u0440\u0430\u0431\u043E\u0447\u0435\u0433\u043E \u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u0441\u0442\u0432\u0430"
         },
         google: {
           description: "\u0421\u0430\u043C\u0430\u044F \u043C\u043E\u0449\u043D\u0430\u044F \u043C\u043E\u0434\u0435\u043B\u044C Google \u0434\u043B\u044F \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0445 \u0438 \u043C\u0443\u043B\u044C\u0442\u0438\u043C\u043E\u0434\u0430\u043B\u044C\u043D\u044B\u0445 \u0437\u0430\u0434\u0430\u0447"
@@ -523,7 +525,8 @@ var ru = {
         description: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 URL \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430, \u043C\u043E\u0434\u0435\u043B\u044C \u0438 \u0432\u0430\u0448 API\u2011\u043A\u043B\u044E\u0447 \u0434\u043B\u044F \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043D\u043E\u0432\u043E\u0433\u043E \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442\u0430. \u0412\u0430\u0448 \u043A\u043B\u044E\u0447 \u0431\u0443\u0434\u0435\u0442 \u043D\u0430\u0434\u0435\u0436\u043D\u043E \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D.",
         custom_provider_description: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u0442\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u0432\u0430\u0448\u0435\u0433\u043E \u0441\u043E\u0431\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0433\u043E \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0418\u0418",
         model: {
-          label: "\u041C\u043E\u0434\u0435\u043B\u044C"
+          label: "\u041C\u043E\u0434\u0435\u043B\u044C",
+          placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043C\u043E\u0434\u0435\u043B\u0438 \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430"
         },
         provider: {
           label: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430",
@@ -687,7 +690,7 @@ var vi = {
         description: "Ch\u1ECDn m\xF4 h\xECnh AI ph\xF9 h\u1EE3p nh\u1EA5t v\u1EDBi y\xEAu c\u1EA7u c\u1EE7a b\u1EA1n.",
         by: "b\u1EDFi",
         openrag: {
-          description: "L\xE0m vi\u1EC7c v\u1EDBi t\u1EC7p tr\xEAn Drive, chat, email t\u1EEB Twake Workplace c\u1EE7a b\u1EA1n"
+          description: "Tr\u1EE3 l\xFD AI \u0111\u01B0\u1EE3c t\xEDch h\u1EE3p v\xE0o Twake, cho ph\xE9p b\u1EA1n x\u1EED l\xFD d\u1EEF li\u1EC7u c\u1EE7a m\xECnh m\xE0 kh\xF4ng bao gi\u1EDD ph\u1EA3i \u0111\u01B0a d\u1EEF li\u1EC7u ra kh\u1ECFi Kh\xF4ng gian l\xE0m vi\u1EC7c c\u1EE7a b\u1EA1n"
         },
         google: {
           description: "M\xF4 h\xECnh m\u1EA1nh nh\u1EA5t c\u1EE7a Google cho t\xE1c v\u1EE5 v\u0103n b\u1EA3n v\xE0 \u0111a ph\u01B0\u01A1ng th\u1EE9c"
@@ -714,7 +717,8 @@ var vi = {
         description: "Nh\u1EADp URL nh\xE0 cung c\u1EA5p, m\xF4 h\xECnh v\xE0 kh\xF3a API c\u1EE7a b\u1EA1n \u0111\u1EC3 \u0111\u1ECBnh c\u1EA5u h\xECnh tr\u1EE3 l\xFD m\u1EDBi. Kh\xF3a c\u1EE7a b\u1EA1n s\u1EBD \u0111\u01B0\u1EE3c l\u01B0u tr\u1EEF an to\xE0n.",
         custom_provider_description: "C\u1EA5u h\xECnh c\xE0i \u0111\u1EB7t nh\xE0 cung c\u1EA5p AI t\xF9y ch\u1EC9nh",
         model: {
-          label: "M\xF4 h\xECnh"
+          label: "M\xF4 h\xECnh",
+          placeholder: "Nh\u1EADp t\xEAn m\xF4 h\xECnh c\u1EE7a nh\xE0 cung c\u1EA5p"
         },
         provider: {
           label: "T\xEAn nh\xE0 cung c\u1EA5p",

package/dist/locales/ru.json

@@ -108,7 +108,7 @@
         "description": "Выберите модель ИИ, которая лучше всего соответствует вашим требованиям.",
         "by": "от",
         "openrag": {
-          "description": "Работайте с файлами Drive, чатом и электронной почтой из вашего Twake Workplace"
+          "description": "ИИ-ассистент, интегрированный в Twake, позволяет вам работать со своими данными, гарантируя, что они никогда не покинут пределы вашего рабочего пространства"
         },
         "google": {
           "description": "Самая мощная модель Google для текстовых и мультимодальных задач"
@@ -135,7 +135,8 @@
         "description": "Введите URL провайдера, модель и ваш API‑ключ для настройки нового ассистента. Ваш ключ будет надежно сохранен.",
         "custom_provider_description": "Настройте параметры вашего собственного провайдера ИИ",
         "model": {
-          "label": "Модель"
+          "label": "Модель",
+          "placeholder": "Введите название модели провайдера"
         },
         "provider": {
           "label": "Название провайдера",

package/dist/locales/vi.json

@@ -108,7 +108,7 @@
         "description": "Chọn mô hình AI phù hợp nhất với yêu cầu của bạn.",
         "by": "bởi",
         "openrag": {
-          "description": "Làm việc với tệp trên Drive, chat, email từ Twake Workplace của bạn"
+          "description": "Trợ lý AI được tích hợp vào Twake, cho phép bạn xử lý dữ liệu của mình mà không bao giờ phải đưa dữ liệu ra khỏi Không gian làm việc của bạn"
         },
         "google": {
           "description": "Mô hình mạnh nhất của Google cho tác vụ văn bản và đa phương thức"
@@ -135,7 +135,8 @@
         "description": "Nhập URL nhà cung cấp, mô hình và khóa API của bạn để định cấu hình trợ lý mới. Khóa của bạn sẽ được lưu trữ an toàn.",
         "custom_provider_description": "Cấu hình cài đặt nhà cung cấp AI tùy chỉnh",
         "model": {
-          "label": "Mô hình"
+          "label": "Mô hình",
+          "placeholder": "Nhập tên mô hình của nhà cung cấp"
         },
         "provider": {
           "label": "Tên nhà cung cấp",

package/dist/stylesheet.css

@@ -221,12 +221,15 @@
   text-align: left;
   background: inherit;
 }
-.styles__ModelSelectionStep___1auXB .styles__model-card___fbAqF.styles__selected___2KyhU {
+.styles__ModelSelectionStep___1auXB .styles__model-card--selected___3hKq3 {
   border: 1px solid var(--primaryColor);
 }
-.styles__ModelSelectionStep___1auXB .styles__model-card___fbAqF.styles__openrag___3wGb4 {
+.styles__ModelSelectionStep___1auXB .styles__model-card--openrag--light___1vabR {
   background: linear-gradient(90deg, #eff6ff 0%, #faf5ff 100%);
 }
+.styles__ModelSelectionStep___1auXB .styles__model-card--openrag--dark___1x0sK {
+  background: linear-gradient(90deg, #3a2899 0%, #0c091b 100%);
+}
 .styles__ModelSelectionStep___1auXB .styles__icon-container___1vaTp {
   width: 53px;
   height: 53px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "0.19.2",
+  "version": "0.20.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -27,7 +27,7 @@
     "babel-plugin-tsconfig-paths": "^1.0.3",
     "babel-preset-cozy-app": "^2.8.4",
     "cozy-bar": "^29.0.0",
-    "cozy-client": "^60.21.0",
+    "cozy-client": "60.23.0",
     "cozy-device-helper": "^4.0.3",
     "cozy-flags": "^4.9.1",
     "cozy-intent": "^2.31.1",
@@ -94,5 +94,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "661b14497f4331618699916112fbdb1d5ed2d606"
+  "gitHead": "c999ba85348597a89f8b9f35dde2e8c529da0ee7"
 }