instantsearch.js 4.82.0 → 4.83.0

package/cjs/connectors/chat/connectChat.js

@@ -180,6 +180,16 @@ var connectChat = exports.default = function connectChat(renderFn) {
             widgetType: this.$$type
           });
         }
+        var toolsWithAddToolResult = {};
+        Object.entries(tools).forEach(function (_ref4) {
+          var _ref5 = _slicedToArray(_ref4, 2),
+            key = _ref5[0],
+            tool = _ref5[1];
+          var toolWithAddToolResult = _objectSpread(_objectSpread({}, tool), {}, {
+            addToolResult: _chatInstance.addToolResult
+          });
+          toolsWithAddToolResult[key] = toolWithAddToolResult;
+        });
         return {
           indexUiState: instantSearchInstance.getUiState()[parent.getIndexId()],
           input: input,
@@ -192,7 +202,7 @@ var connectChat = exports.default = function connectChat(renderFn) {
           isClearing: isClearing,
           clearMessages: clearMessages,
           onClearTransitionEnd: onClearTransitionEnd,
-          tools: tools,
+          tools: toolsWithAddToolResult,
           widgetParams: widgetParams,
           // Chat instance render state
           addToolResult: _chatInstance.addToolResult,

package/cjs/lib/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '4.82.0';
+var _default = exports.default = '4.83.0';

package/cjs/widgets/autocomplete/autocomplete.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,6 +22,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -56,6 +56,10 @@ var AutocompleteSearchBox = (0, _instantsearchUiComponents.createAutocompleteSea
   createElement: _preact.h,
   Fragment: _preact.Fragment
 });
+var AutocompleteRecentSearch = (0, _instantsearchUiComponents.createAutocompleteRecentSearchComponent)({
+  createElement: _preact.h,
+  Fragment: _preact.Fragment
+});
 var usePropGetters = (0, _instantsearchUiComponents.createAutocompletePropGetters)({
   useEffect: _hooks.useEffect,
   useId: _hooks.useId,
@@ -63,12 +67,18 @@ var usePropGetters = (0, _instantsearchUiComponents.createAutocompletePropGetter
   useRef: _hooks.useRef,
   useState: _hooks.useState
 });
+var useStorage = (0, _instantsearchUiComponents.createAutocompleteStorage)({
+  useEffect: _hooks.useEffect,
+  useState: _hooks.useState,
+  useMemo: _hooks.useMemo
+});
 var createRenderer = function createRenderer(params) {
   var instanceId = params.instanceId,
     containerNode = params.containerNode,
     rendererParams = _objectWithoutProperties(params, _excluded);
   return function (connectorParams, isFirstRendering) {
     if (isFirstRendering) {
+      var _targetIndex$getHelpe, _targetIndex$getHelpe2;
       var isolatedIndex = connectorParams.instantSearchInstance.mainIndex;
       var targetIndex = connectorParams.instantSearchInstance.mainIndex;
       (0, _utils.walkIndex)(targetIndex, function (childIndex) {
@@ -82,13 +92,14 @@ var createRenderer = function createRenderer(params) {
         isolatedIndex: isolatedIndex,
         targetIndex: targetIndex
       };
+      connectorParams.refine((_targetIndex$getHelpe = (_targetIndex$getHelpe2 = targetIndex.getHelper()) === null || _targetIndex$getHelpe2 === void 0 ? void 0 : _targetIndex$getHelpe2.state.query) !== null && _targetIndex$getHelpe !== void 0 ? _targetIndex$getHelpe : '');
       return;
     }
     (0, _preact.render)((0, _preact.h)(AutocompleteWrapper, _extends({}, rendererParams, connectorParams)), containerNode);
   };
 };
 function AutocompleteWrapper(_ref) {
-  var _targetIndex$getWidge, _isolatedIndex$getHel;
+  var _isolatedIndex$getHel, _targetIndex$getWidge, _showRecent$templates;
   var indicesConfig = _ref.indicesConfig,
     indices = _ref.indices,
     getSearchPageURL = _ref.getSearchPageURL,
@@ -96,9 +107,21 @@ function AutocompleteWrapper(_ref) {
     refine = _ref.refine,
     cssClasses = _ref.cssClasses,
     renderState = _ref.renderState,
-    instantSearchInstance = _ref.instantSearchInstance;
+    instantSearchInstance = _ref.instantSearchInstance,
+    showRecent = _ref.showRecent;
   var isolatedIndex = renderState.isolatedIndex,
     targetIndex = renderState.targetIndex;
+  var searchboxQuery = isolatedIndex === null || isolatedIndex === void 0 ? void 0 : (_isolatedIndex$getHel = isolatedIndex.getHelper()) === null || _isolatedIndex$getHel === void 0 ? void 0 : _isolatedIndex$getHel.state.query;
+  var _useStorage = useStorage({
+      query: searchboxQuery,
+      showRecent: showRecent,
+      indices: indices,
+      indicesConfig: indicesConfig
+    }),
+    storage = _useStorage.storage,
+    storageHits = _useStorage.storageHits,
+    indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters,
+    indicesForPropGetters = _useStorage.indicesForPropGetters;
   var isSearchPage = (_targetIndex$getWidge = targetIndex === null || targetIndex === void 0 ? void 0 : targetIndex.getWidgets().some(function (_ref2) {
     var $$type = _ref2.$$type;
     return ['ais.hits', 'ais.infiniteHits'].includes($$type);
@@ -112,10 +135,11 @@ function AutocompleteWrapper(_ref) {
         query: query
       }), _objectSpread2));
     });
+    query.length > 0 && storage.onAdd(query);
   };
   var _usePropGetters = usePropGetters({
-      indices: indices,
-      indicesConfig: indicesConfig,
+      indices: indicesForPropGetters,
+      indicesConfig: indicesConfigForPropGetters,
       onRefine: onRefine,
       onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref3) {
         var query = _ref3.query,
@@ -139,11 +163,32 @@ function AutocompleteWrapper(_ref) {
     getItemProps = _usePropGetters.getItemProps,
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
-  var query = isolatedIndex === null || isolatedIndex === void 0 ? void 0 : (_isolatedIndex$getHel = isolatedIndex.getHelper()) === null || _isolatedIndex$getHel === void 0 ? void 0 : _isolatedIndex$getHel.state.query;
+  var AutocompleteRecentSearchComponent = AutocompleteRecentSearch;
+  if (_typeof(showRecent) === 'object' && (_showRecent$templates = showRecent.templates) !== null && _showRecent$templates !== void 0 && _showRecent$templates.item) {
+    var props = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: showRecent.templates
+    });
+    AutocompleteRecentSearchComponent = function AutocompleteRecentSearchComponent(_ref4) {
+      var item = _ref4.item,
+        onSelect = _ref4.onSelect,
+        onRemoveRecentSearch = _ref4.onRemoveRecentSearch;
+      return (0, _preact.h)(_Template.default, _extends({}, props, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: {
+          item: item,
+          onSelect: onSelect,
+          onRemoveRecentSearch: onRemoveRecentSearch
+        }
+      }));
+    };
+  }
   return (0, _preact.h)(Autocomplete, _extends({}, getRootProps(), {
     classNames: cssClasses
   }), (0, _preact.h)(AutocompleteSearchBox, {
-    query: query || '',
+    query: searchboxQuery || '',
     inputProps: _objectSpread(_objectSpread({}, getInputProps()), {}, {
       // @ts-ignore - This clashes with some ambient React JSX declarations.
       onInput: function onInput(evt) {
@@ -154,10 +199,31 @@ function AutocompleteWrapper(_ref) {
       return onRefine('');
     },
     isSearchStalled: instantSearchInstance.status === 'stalled'
-  }), (0, _preact.h)(AutocompletePanel, getPanelProps(), indices.map(function (_ref4, i) {
+  }), (0, _preact.h)(AutocompletePanel, getPanelProps(), showRecent && (0, _preact.h)(AutocompleteIndex
+  // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
+  , {
+    ItemComponent: function ItemComponent(_ref5) {
+      var item = _ref5.item,
+        onSelect = _ref5.onSelect;
+      return (0, _preact.h)(AutocompleteRecentSearchComponent, {
+        item: item,
+        onSelect: onSelect,
+        onRemoveRecentSearch: function onRemoveRecentSearch() {
+          return storage.onRemove(item.query);
+        }
+      });
+    },
+    classNames: {
+      root: 'ais-AutocompleteRecentSearches',
+      list: 'ais-AutocompleteRecentSearchesList',
+      item: 'ais-AutocompleteRecentSearchesItem'
+    },
+    items: storageHits,
+    getItemProps: getItemProps
+  }), indices.map(function (_ref6, i) {
     var _indicesConfig$i$temp;
-    var indexId = _ref4.indexId,
-      hits = _ref4.hits;
+    var indexId = _ref6.indexId,
+      hits = _ref6.hits;
     if (!renderState.indexTemplateProps[i]) {
       renderState.indexTemplateProps[i] = (0, _templating.prepareTemplateProps)({
         defaultTemplates: {},
@@ -165,8 +231,8 @@ function AutocompleteWrapper(_ref) {
         templates: indicesConfig[i].templates
       });
     }
-    var headerComponent = (_indicesConfig$i$temp = indicesConfig[i].templates) !== null && _indicesConfig$i$temp !== void 0 && _indicesConfig$i$temp.header ? function (_ref5) {
-      var items = _ref5.items;
+    var headerComponent = (_indicesConfig$i$temp = indicesConfig[i].templates) !== null && _indicesConfig$i$temp !== void 0 && _indicesConfig$i$temp.header ? function (_ref7) {
+      var items = _ref7.items;
       return (0, _preact.h)(_Template.default, _extends({}, renderState.indexTemplateProps[i], {
         templateKey: "header",
         rootTagName: "fragment",
@@ -175,9 +241,9 @@ function AutocompleteWrapper(_ref) {
         }
       }));
     } : undefined;
-    var itemComponent = function itemComponent(_ref6) {
-      var item = _ref6.item,
-        onSelect = _ref6.onSelect;
+    var itemComponent = function itemComponent(_ref8) {
+      var item = _ref8.item,
+        onSelect = _ref8.onSelect;
       return (0, _preact.h)(_Template.default, _extends({}, renderState.indexTemplateProps[i], {
         templateKey: "item",
         rootTagName: "fragment",
@@ -202,18 +268,19 @@ function AutocompleteWrapper(_ref) {
   })));
 }
 function EXPERIMENTAL_autocomplete(widgetParams) {
-  var _ref7 = widgetParams || {},
-    container = _ref7.container,
-    escapeHTML = _ref7.escapeHTML,
-    _ref7$indices = _ref7.indices,
-    indices = _ref7$indices === void 0 ? [] : _ref7$indices,
-    showSuggestions = _ref7.showSuggestions,
-    getSearchPageURL = _ref7.getSearchPageURL,
-    onSelect = _ref7.onSelect,
-    _ref7$templates = _ref7.templates,
-    templates = _ref7$templates === void 0 ? {} : _ref7$templates,
-    _ref7$cssClasses = _ref7.cssClasses,
-    userCssClasses = _ref7$cssClasses === void 0 ? {} : _ref7$cssClasses;
+  var _ref9 = widgetParams || {},
+    container = _ref9.container,
+    escapeHTML = _ref9.escapeHTML,
+    _ref9$indices = _ref9.indices,
+    indices = _ref9$indices === void 0 ? [] : _ref9$indices,
+    showSuggestions = _ref9.showSuggestions,
+    showRecent = _ref9.showRecent,
+    getSearchPageURL = _ref9.getSearchPageURL,
+    onSelect = _ref9.onSelect,
+    _ref9$templates = _ref9.templates,
+    templates = _ref9$templates === void 0 ? {} : _ref9$templates,
+    _ref9$cssClasses = _ref9.cssClasses,
+    userCssClasses = _ref9$cssClasses === void 0 ? {} : _ref9$cssClasses;
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
   }
@@ -250,6 +317,7 @@ function EXPERIMENTAL_autocomplete(widgetParams) {
     getSearchPageURL: getSearchPageURL,
     onSelect: onSelect,
     cssClasses: cssClasses,
+    showRecent: showRecent,
     renderState: {
       indexTemplateProps: [],
       isolatedIndex: undefined,
@@ -265,14 +333,14 @@ function EXPERIMENTAL_autocomplete(widgetParams) {
   })({}), (0, _index2.default)({
     indexId: "ais-autocomplete-".concat(instanceId),
     EXPERIMENTAL_isolated: true
-  }).addWidgets([(0, _configure.default)({
-    hitsPerPage: 5
-  })].concat(_toConsumableArray(indicesConfig.map(function (_ref8) {
-    var indexName = _ref8.indexName;
+  }).addWidgets([].concat(_toConsumableArray(indicesConfig.map(function (_ref0) {
+    var indexName = _ref0.indexName;
     return (0, _index2.default)({
       indexName: indexName,
       indexId: indexName
-    }).addWidgets([(0, _configure.default)({})]);
+    }).addWidgets([(0, _configure.default)({
+      hitsPerPage: 5
+    })]);
   })), [_objectSpread(_objectSpread({}, makeWidget({
     escapeHTML: escapeHTML
   })), {}, {

package/cjs/widgets/chat/chat.js

@@ -269,7 +269,10 @@ function ChatWrapper(_ref0) {
       loaderComponent: messagesProps.loaderComponent,
       errorComponent: messagesProps.errorComponent,
       actionsComponent: messagesProps.actionsComponent,
-      translations: messagesProps.translations
+      assistantMessageProps: messagesProps.assistantMessageProps,
+      userMessageProps: messagesProps.userMessageProps,
+      translations: messagesProps.translations,
+      messageTranslations: messagesProps.messageTranslations
     },
     promptProps: {
       promptRef: promptProps.promptRef,
@@ -303,8 +306,10 @@ var createRenderer = function createRenderer(_ref1) {
   var promptRef = {
     current: null
   };
+
+  // eslint-disable-next-line complexity
   return function (props, isFirstRendering) {
-    var _templates$header, _templates$header2, _templates$header3, _templates$header4, _templates$header5, _templates$header6, _templates$header7, _templates$header8, _templates$header9, _templates$header0, _templates$messages, _templates$messages2, _templates$messages3, _templates$messages4, _templates$messages5, _templates$messages6, _templates$prompt, _templates$prompt2, _templates$prompt3, _templates$prompt4, _templates$prompt5, _templates$prompt6, _templates$prompt7, _templates$prompt8, _templates$prompt9, _templates$toggleButt, _templates$toggleButt2;
+    var _templates$header, _templates$header2, _templates$header3, _templates$header4, _templates$header5, _templates$header6, _templates$header7, _templates$header8, _templates$header9, _templates$header0, _templates$messages, _templates$messages2, _templates$messages3, _templates$messages4, _templates$messages5, _templates$messages6, _templates$assistantM, _templates$assistantM2, _templates$message, _templates$message2, _templates$userMessag, _templates$userMessag2, _templates$prompt, _templates$prompt2, _templates$prompt3, _templates$prompt4, _templates$prompt5, _templates$prompt6, _templates$prompt7, _templates$prompt8, _templates$prompt9, _templates$toggleButt, _templates$toggleButt2;
     var indexUiState = props.indexUiState,
       input = props.input,
       instantSearchInstance = props.instantSearchInstance,
@@ -316,7 +321,6 @@ var createRenderer = function createRenderer(_ref1) {
       setOpen = props.setOpen,
       status = props.status,
       error = props.error,
-      addToolResult = props.addToolResult,
       regenerate = props.regenerate,
       stop = props.stop,
       isClearing = props.isClearing,
@@ -336,12 +340,12 @@ var createRenderer = function createRenderer(_ref1) {
     }
     var toolsForUi = {};
     Object.entries(toolsFromConnector).forEach(function (_ref10) {
+      var _widgetTool$templates;
       var _ref11 = _slicedToArray(_ref10, 2),
         key = _ref11[0],
         connectorTool = _ref11[1];
       var widgetTool = tools[key];
-      toolsForUi[key] = _objectSpread(_objectSpread({}, connectorTool), {}, {
-        addToolResult: addToolResult,
+      toolsForUi[key] = _objectSpread(_objectSpread({}, connectorTool), (widgetTool === null || widgetTool === void 0 ? void 0 : (_widgetTool$templates = widgetTool.templates) === null || _widgetTool$templates === void 0 ? void 0 : _widgetTool$templates.layout) && {
         layoutComponent: function layoutComponent(layoutComponentProps) {
           return (0, _preact.h)(_Template.default, {
             templates: widgetTool.templates,
@@ -424,6 +428,44 @@ var createRenderer = function createRenderer(_ref1) {
       copyToClipboardLabel: (_templates$messages5 = templates.messages) === null || _templates$messages5 === void 0 ? void 0 : _templates$messages5.copyToClipboardLabelText,
       regenerateLabel: (_templates$messages6 = templates.messages) === null || _templates$messages6 === void 0 ? void 0 : _templates$messages6.regenerateLabelText
     });
+    var assistantMessageTemplateProps = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: templates.assistantMessage
+    });
+    var assistantMessageLeadingComponent = (_templates$assistantM = templates.assistantMessage) !== null && _templates$assistantM !== void 0 && _templates$assistantM.leading ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, assistantMessageTemplateProps, {
+        templateKey: "leading",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
+    var assistantMessageFooterComponent = (_templates$assistantM2 = templates.assistantMessage) !== null && _templates$assistantM2 !== void 0 && _templates$assistantM2.footer ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, assistantMessageTemplateProps, {
+        templateKey: "footer",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
+    var messageTranslations = getDefinedProperties({
+      actionsLabel: (_templates$message = templates.message) === null || _templates$message === void 0 ? void 0 : _templates$message.actionsLabelText,
+      messageLabel: (_templates$message2 = templates.message) === null || _templates$message2 === void 0 ? void 0 : _templates$message2.messageLabelText
+    });
+    var userMessageTemplateProps = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: templates.userMessage
+    });
+    var userMessageLeadingComponent = (_templates$userMessag = templates.userMessage) !== null && _templates$userMessag !== void 0 && _templates$userMessag.leading ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, userMessageTemplateProps, {
+        templateKey: "leading",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
+    var userMessageFooterComponent = (_templates$userMessag2 = templates.userMessage) !== null && _templates$userMessag2 !== void 0 && _templates$userMessag2.footer ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, userMessageTemplateProps, {
+        templateKey: "footer",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
     var promptTemplateProps = (0, _templating.prepareTemplateProps)({
       defaultTemplates: {},
       templatesConfig: instantSearchInstance.templatesConfig,
@@ -520,7 +562,16 @@ var createRenderer = function createRenderer(_ref1) {
           loaderComponent: messagesLoaderComponent,
           errorComponent: messagesErrorComponent,
           actionsComponent: actionsComponent,
-          translations: messagesTranslations
+          assistantMessageProps: {
+            leadingComponent: assistantMessageLeadingComponent,
+            footerComponent: assistantMessageFooterComponent
+          },
+          userMessageProps: {
+            leadingComponent: userMessageLeadingComponent,
+            footerComponent: userMessageFooterComponent
+          },
+          translations: messagesTranslations,
+          messageTranslations: messageTranslations
         },
         promptProps: {
           layoutComponent: promptLayoutComponent,

package/cjs/widgets/index/index.js

@@ -422,12 +422,6 @@ var index = function index(widgetParams) {
       helper.searchWithoutTriggeringOnStateChange = function () {
         return mainHelper.search();
       };
-
-      // We use the same pattern for the `searchForFacetValues`.
-      helper.searchForFacetValues = function (facetName, facetValue, maxFacetHits, userState) {
-        var state = helper.state.setQueryParameters(userState);
-        return mainHelper.searchForFacetValues(facetName, facetValue, maxFacetHits, state);
-      };
       var isolatedHelper = indexName ? helper : (0, _algoliasearchHelper.default)({}, '__empty_index__', {});
       var derivingHelper = isolated ? isolatedHelper : nearestIsolatedHelper(parent, mainHelper);
       derivedHelper = derivingHelper.derive(function () {

package/dist/instantsearch.development.d.ts

@@ -5,6 +5,7 @@ import type { AutocompleteIndexClassNames } from 'instantsearch-ui-components';
 import type { AutocompleteIndexConfig } from 'instantsearch-ui-components';
 import { Banner } from 'algoliasearch-helper';
 import type { CarouselProps } from 'instantsearch-ui-components';
+import type { ClientSideTools } from 'instantsearch-ui-components';
 import { CompositionClient } from 'algoliasearch-helper/types/algoliasearch.js';
 import EventEmitter from '@algolia/events';
 import { FindAnswersOptions } from 'algoliasearch-helper/types/algoliasearch.js';
@@ -33,7 +34,6 @@ import { SearchParameters } from 'algoliasearch-helper';
 import { SearchResults } from 'algoliasearch-helper';
 import type { TrendingItemsProps } from 'instantsearch-ui-components';
 import type { UIMessage } from 'ai';
-import type { UserClientSideTool } from 'instantsearch-ui-components';
 import { VNode } from 'preact';
 import type { VNode as VNode_2 } from 'instantsearch-ui-components';
 
@@ -337,6 +337,24 @@ declare type AutocompleteWidgetParams<TItem extends BaseHit> = {
     showSuggestions?: Partial<Pick<IndexConfig<{
         query: string;
     }>, 'indexName' | 'getURL' | 'templates' | 'cssClasses'>>;
+    showRecent?: boolean | {
+        /**
+         * Storage key to use in the local storage.
+         */
+        storageKey?: string;
+        templates?: Partial<{
+            /**
+             * Template to use for each result. This template will receive an object containing a single record.
+             */
+            item: Template<{
+                item: {
+                    query: string;
+                };
+                onSelect: () => void;
+                onRemoveRecentSearch: () => void;
+            }>;
+        }>;
+    };
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
     onSelect?: AutocompleteIndexConfig<TItem>['onSelect'];
     /**
@@ -643,9 +661,9 @@ declare type ChatRenderState<TUiMessage extends UIMessage = UIMessage> = {
      */
     onClearTransitionEnd: () => void;
     /**
-     * Tools configuration passed to the connector.
+     * Tools configuration with addToolResult bound, ready to be used by the UI.
      */
-    tools: Record<string, Omit<UserClientSideTool, 'layoutComponent'>>;
+    tools: ClientSideTools;
 } & Pick<AbstractChat<TUiMessage>, 'addToolResult' | 'clearError' | 'error' | 'id' | 'messages' | 'regenerate' | 'resumeStream' | 'sendMessage' | 'status' | 'stop'>;
 
 declare type ChatWidgetDescription<TUiMessage extends UIMessage = UIMessage> = {