@redocly/theme 0.59.0-next.1 → 0.59.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/lib/components/Accordion/Accordion.js +17 -7
  2. package/lib/components/Accordion/AccordionBody.js +17 -7
  3. package/lib/components/Admonition/Admonition.js +17 -7
  4. package/lib/components/Badge/Badge.js +17 -7
  5. package/lib/components/Breadcrumbs/Breadcrumb.js +17 -7
  6. package/lib/components/Breadcrumbs/BreadcrumbDropdown.js +17 -7
  7. package/lib/components/Button/Button.js +17 -7
  8. package/lib/components/Buttons/AIAssistantButton.js +17 -7
  9. package/lib/components/Buttons/CopyButton.js +17 -7
  10. package/lib/components/Catalog/Catalog.d.ts +6 -0
  11. package/lib/components/Catalog/Catalog.js +7 -6
  12. package/lib/components/Catalog/CatalogEntities.js +17 -7
  13. package/lib/components/Catalog/CatalogEntity/CatalogEntityGraph/CatalogEntityRelationsGraph.js +17 -7
  14. package/lib/components/Catalog/CatalogEntity/CatalogEntityGraph/CatalogEntityRelationsGraph.lazy.js +17 -7
  15. package/lib/components/Catalog/CatalogEntity/CatalogEntityMetadata.js +17 -7
  16. package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityApiDescriptionRelations.js +1 -1
  17. package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityRelations.js +17 -7
  18. package/lib/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityTeamRelations.js +1 -1
  19. package/lib/components/Catalog/CatalogEntity/CatalogEntitySchema.js +17 -7
  20. package/lib/components/Catalog/CatalogFilter/CatalogFilterCheckboxes.js +17 -7
  21. package/lib/components/Catalog/CatalogFilter/CatalogFilterContent.js +17 -7
  22. package/lib/components/Catalog/CatalogFilter/CatalogFilterDateRange.js +17 -7
  23. package/lib/components/Catalog/CatalogFilter/CatalogFilterSelect.js +17 -7
  24. package/lib/components/Catalog/CatalogSortButton.js +17 -7
  25. package/lib/components/Catalog/CatalogTableView/CatalogTableHeaderCell.js +17 -7
  26. package/lib/components/Catalog/CatalogViewModeToggle.js +17 -7
  27. package/lib/components/CatalogClassic/CatalogClassicActions.js +17 -7
  28. package/lib/components/CatalogClassic/CatalogClassicCard.js +17 -7
  29. package/lib/components/CatalogClassic/CatalogClassicHighlight.js +17 -7
  30. package/lib/components/CatalogClassic/CatalogClassicVirtualizedGroups.js +17 -7
  31. package/lib/components/CodeBlock/CodeBlock.js +17 -7
  32. package/lib/components/CodeBlock/CodeBlockContainer.js +17 -7
  33. package/lib/components/CodeBlock/CodeBlockTabs.js +17 -7
  34. package/lib/components/Dropdown/Dropdown.d.ts +16 -2
  35. package/lib/components/Dropdown/Dropdown.js +22 -12
  36. package/lib/components/Dropdown/DropdownMenuItem.js +17 -7
  37. package/lib/components/Feedback/Comment.js +17 -7
  38. package/lib/components/Feedback/Feedback.js +17 -7
  39. package/lib/components/Feedback/Mood.js +17 -7
  40. package/lib/components/Feedback/Rating.js +17 -7
  41. package/lib/components/Feedback/Reasons.js +17 -7
  42. package/lib/components/Feedback/Scale.js +17 -7
  43. package/lib/components/Feedback/Sentiment.js +17 -7
  44. package/lib/components/Feedback/Stars.js +17 -7
  45. package/lib/components/Filter/FilterContent.js +17 -7
  46. package/lib/components/Filter/FilterInput.js +17 -7
  47. package/lib/components/Image/Image.js +17 -7
  48. package/lib/components/JsonViewer/JsonViewer.js +17 -7
  49. package/lib/components/JsonViewer/helpers.js +17 -7
  50. package/lib/components/LastUpdated/LastUpdated.js +17 -7
  51. package/lib/components/Link/Link.js +17 -7
  52. package/lib/components/Markdown/Markdown.js +17 -7
  53. package/lib/components/Marker/Marker.js +17 -7
  54. package/lib/components/Menu/MenuContainer.js +17 -7
  55. package/lib/components/Menu/MenuItem.js +18 -8
  56. package/lib/components/Menu/MenuMobile.js +17 -7
  57. package/lib/components/PageActions/PageActions.js +17 -7
  58. package/lib/components/PageNavigation/NextButton.js +17 -7
  59. package/lib/components/Panel/Panel.js +17 -7
  60. package/lib/components/Panel/PanelBody.js +17 -7
  61. package/lib/components/Search/FilterFields/SearchFilterFieldSelect.js +17 -7
  62. package/lib/components/Search/SearchAiConversationInput.d.ts +2 -1
  63. package/lib/components/Search/SearchAiConversationInput.js +28 -10
  64. package/lib/components/Search/SearchAiDialog.js +17 -7
  65. package/lib/components/Search/SearchDialog.js +23 -10
  66. package/lib/components/Search/SearchFilter.js +17 -7
  67. package/lib/components/Search/SearchGroups.js +17 -7
  68. package/lib/components/Search/SearchHighlight.js +17 -7
  69. package/lib/components/Search/SearchItem.js +17 -7
  70. package/lib/components/Search/SearchRecent.js +17 -7
  71. package/lib/components/Search/SearchShortcut.js +17 -7
  72. package/lib/components/Search/SearchSuggestedPages.js +17 -7
  73. package/lib/components/Search/SearchTrigger.js +17 -7
  74. package/lib/components/Search/variables.js +5 -1
  75. package/lib/components/Segmented/Segmented.js +17 -7
  76. package/lib/components/Select/Select.js +17 -7
  77. package/lib/components/Select/SelectInput.js +17 -7
  78. package/lib/components/Sidebar/Sidebar.js +17 -7
  79. package/lib/components/SidebarActions/styled.js +17 -7
  80. package/lib/components/SkipContent/SkipContent.js +17 -7
  81. package/lib/components/Switch/Switch.js +17 -7
  82. package/lib/components/TableOfContent/TableOfContent.js +17 -7
  83. package/lib/components/Tooltip/Tooltip.js +17 -7
  84. package/lib/components/VersionPicker/VersionPicker.js +17 -7
  85. package/lib/core/constants/search.d.ts +5 -4
  86. package/lib/core/constants/search.js +4 -5
  87. package/lib/core/contexts/CodeSnippetContext.js +17 -7
  88. package/lib/core/hooks/use-tabs.d.ts +3 -2
  89. package/lib/core/hooks/use-tabs.js +115 -57
  90. package/lib/core/templates/Markdown.js +17 -7
  91. package/lib/core/types/hooks.d.ts +6 -3
  92. package/lib/core/types/l10n.d.ts +1 -1
  93. package/lib/core/utils/download-code-walkthrough.js +17 -7
  94. package/lib/core/utils/get-file-icon.js +17 -7
  95. package/lib/icons/AiStarsIcon/AiStarsIcon.js +11 -2
  96. package/lib/icons/GenericIcon/GenericIcon.js +17 -7
  97. package/lib/icons/RedoclyIcon/RedoclyIcon.js +4 -7
  98. package/lib/icons/Spinner/Spinner.js +17 -7
  99. package/lib/index.js +17 -7
  100. package/lib/layouts/OIDCForbidden.js +17 -7
  101. package/lib/layouts/ThreePanelLayout.js +17 -7
  102. package/lib/markdoc/components/Cards/Cards.js +17 -7
  103. package/lib/markdoc/components/CodeGroup/CodeGroup.js +17 -7
  104. package/lib/markdoc/components/CodeWalkthrough/CodeContainer.js +17 -7
  105. package/lib/markdoc/components/CodeWalkthrough/CodePanel.js +17 -7
  106. package/lib/markdoc/components/CodeWalkthrough/CodePanelHeader.js +17 -7
  107. package/lib/markdoc/components/CodeWalkthrough/CodePanelPreview.js +17 -7
  108. package/lib/markdoc/components/CodeWalkthrough/CodePanelToolbar.js +17 -7
  109. package/lib/markdoc/components/CodeWalkthrough/CodeStep.js +17 -7
  110. package/lib/markdoc/components/CodeWalkthrough/CodeToggle.js +17 -7
  111. package/lib/markdoc/components/CodeWalkthrough/CodeWalkthrough.js +17 -7
  112. package/lib/markdoc/components/CodeWalkthrough/Input.js +17 -7
  113. package/lib/markdoc/components/Heading/Heading.js +17 -7
  114. package/lib/markdoc/components/HtmlBlock/HtmlBlock.js +17 -7
  115. package/lib/markdoc/components/InlineSvg/InlineSvg.js +17 -7
  116. package/lib/markdoc/components/MarkdocExample/MarkdocExample.js +17 -7
  117. package/lib/markdoc/components/Tabs/TabList.d.ts +3 -1
  118. package/lib/markdoc/components/Tabs/TabList.js +214 -54
  119. package/lib/markdoc/components/Tabs/Tabs.d.ts +2 -1
  120. package/lib/markdoc/components/Tabs/Tabs.js +74 -19
  121. package/lib/markdoc/default.d.ts +104 -1
  122. package/lib/markdoc/default.js +17 -7
  123. package/package.json +5 -5
  124. package/src/components/Catalog/Catalog.tsx +15 -4
  125. package/src/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityApiDescriptionRelations.tsx +1 -1
  126. package/src/components/Catalog/CatalogEntity/CatalogEntityRelations/CatalogEntityTeamRelations.tsx +1 -1
  127. package/src/components/Dropdown/Dropdown.tsx +84 -79
  128. package/src/components/Menu/MenuItem.tsx +1 -0
  129. package/src/components/Search/SearchAiConversationInput.tsx +12 -2
  130. package/src/components/Search/SearchDialog.tsx +6 -3
  131. package/src/components/Search/variables.ts +5 -1
  132. package/src/core/constants/search.ts +8 -4
  133. package/src/core/hooks/use-tabs.ts +168 -86
  134. package/src/core/types/hooks.ts +6 -1
  135. package/src/core/types/l10n.ts +1 -0
  136. package/src/icons/AiStarsIcon/AiStarsIcon.tsx +11 -2
  137. package/src/icons/RedoclyIcon/RedoclyIcon.tsx +4 -22
  138. package/src/markdoc/components/Tabs/TabList.tsx +312 -105
  139. package/src/markdoc/components/Tabs/Tabs.tsx +136 -11
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  Object.defineProperty(exports, "__esModule", { value: true });
26
36
  exports.PanelBody = void 0;
27
37
  const styled_components_1 = __importStar(require("styled-components"));
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -4,6 +4,7 @@ type SearchAiConversationInputProps = {
4
4
  isGeneratingResponse: boolean;
5
5
  placeholder?: string;
6
6
  className?: string;
7
+ disabled?: boolean;
7
8
  };
8
- export declare function SearchAiConversationInput({ isGeneratingResponse, onMessageSent, className, placeholder, }: SearchAiConversationInputProps): JSX.Element;
9
+ export declare function SearchAiConversationInput({ isGeneratingResponse, onMessageSent, className, placeholder, disabled, }: SearchAiConversationInputProps): JSX.Element;
9
10
  export {};
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -33,7 +43,7 @@ const constants_1 = require("../../core/constants");
33
43
  const Button_1 = require("../../components/Button/Button");
34
44
  const SendIcon_1 = require("../../icons/SendIcon/SendIcon");
35
45
  const hooks_1 = require("../../core/hooks");
36
- function SearchAiConversationInput({ isGeneratingResponse, onMessageSent, className, placeholder, }) {
46
+ function SearchAiConversationInput({ isGeneratingResponse, onMessageSent, className, placeholder, disabled, }) {
37
47
  const { useTranslate } = (0, hooks_1.useThemeHooks)();
38
48
  const { translate } = useTranslate();
39
49
  const inputRef = (0, react_1.useRef)(null);
@@ -47,6 +57,8 @@ function SearchAiConversationInput({ isGeneratingResponse, onMessageSent, classN
47
57
  }
48
58
  }, [isGeneratingResponse]);
49
59
  const handleSendMessage = () => {
60
+ if (disabled)
61
+ return;
50
62
  setQuery('');
51
63
  onMessageSent(query);
52
64
  };
@@ -55,9 +67,9 @@ function SearchAiConversationInput({ isGeneratingResponse, onMessageSent, classN
55
67
  handleSendMessage();
56
68
  }
57
69
  };
58
- const isDisabled = isGeneratingResponse || query.trim().length === 0;
70
+ const isDisabled = disabled || isGeneratingResponse || query.trim().length === 0;
59
71
  return (react_1.default.createElement(SearchAiConversationInputWrapper, { "data-component-name": "Search/SearchAiConversationInput", className: className },
60
- react_1.default.createElement(ConversationInput, { ref: inputRef, type: "text", placeholder: placeholder || translate('search.ai.followUpQuestion', 'Ask a follow up question?'), onChange: (e) => setQuery(e.target.value), onKeyUp: handleOnKeyUp, value: query, disabled: isGeneratingResponse, maxLength: constants_1.AI_SEARCH_MAX_MESSAGE_LENGTH }),
72
+ react_1.default.createElement(ConversationInput, { ref: inputRef, type: "text", placeholder: placeholder || translate('search.ai.followUpQuestion', 'Ask a follow up question?'), onChange: (e) => setQuery(e.target.value), onKeyUp: handleOnKeyUp, value: query, disabled: disabled || isGeneratingResponse, maxLength: constants_1.AI_SEARCH_MAX_MESSAGE_LENGTH }),
61
73
  react_1.default.createElement(SendButton, { disabled: isDisabled, size: "small", icon: react_1.default.createElement(SendIcon_1.SendIcon, { color: isDisabled
62
74
  ? '--button-content-color-disabled'
63
75
  : 'var(--search-ai-conversation-input-send-button-icon-color)' }), onClick: handleSendMessage })));
@@ -88,6 +100,10 @@ const ConversationInput = styled_components_1.default.input `
88
100
  border-color: var(--search-ai-conversation-input-border-color-focus);
89
101
  }
90
102
 
103
+ &:disabled {
104
+ background-color: var(--search-ai-conversation-input-bg-color-disabled);
105
+ }
106
+
91
107
  &:focus:disabled {
92
108
  border-color: var(--search-ai-conversation-input-border-color-disabled);
93
109
  }
@@ -102,6 +118,8 @@ const SendButton = (0, styled_components_1.default)(Button_1.Button) `
102
118
  display: flex;
103
119
  align-items: center;
104
120
  justify-content: center;
121
+ border-radius: var(--search-ai-conversation-input-send-button-border-radius);
122
+ padding: var(--search-ai-conversation-input-send-button-padding);
105
123
 
106
124
  &:hover {
107
125
  background-color: var(--search-ai-conversation-input-send-button-bg-color-hover);
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -56,12 +66,13 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
56
66
  const products = useProducts();
57
67
  const currentProduct = useCurrentProduct();
58
68
  const [product, setProduct] = (0, react_1.useState)(currentProduct);
69
+ const searchSessionId = `search-${Date.now()}-${Math.random().toString(36).substring(2, 8)}`;
59
70
  const [mode, setMode] = (0, react_1.useState)(initialMode);
60
71
  const autoSearchDisabled = mode !== 'search';
61
- const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, setLoadMore, advancedSearch, askAi, groupField, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled);
72
+ const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, setLoadMore, advancedSearch, askAi, groupField, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled, searchSessionId);
62
73
  const { isFilterOpen, onFilterToggle, onFilterChange, onFilterReset, onFacetReset, onQuickFilterReset, } = (0, hooks_1.useSearchFilter)(filter, setFilter);
63
74
  const { addSearchHistoryItem } = (0, hooks_1.useRecentSearches)();
64
- const aiSearch = useAiSearch({ filter });
75
+ const aiSearch = useAiSearch({ filter }, searchSessionId);
65
76
  const searchInputRef = (0, react_1.useRef)(null);
66
77
  const modalRef = (0, react_1.useRef)(null);
67
78
  const aiQueryRef = (0, react_1.useRef)(null);
@@ -116,10 +127,11 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
116
127
  totalResults: results.length.toString(),
117
128
  index: index.toString(),
118
129
  searchEngine: mode,
130
+ searchSessionId,
119
131
  });
120
132
  onClose();
121
133
  } }));
122
- }, [onClose, product, products, addSearchHistoryItem, query, telemetry, mode]);
134
+ }, [onClose, product, products, addSearchHistoryItem, query, telemetry, mode, searchSessionId]);
123
135
  const showLoadMore = (0, react_1.useCallback)((groupKey, currentCount = 0) => {
124
136
  const groupFacet = facets.find((facet) => facet.field === groupField);
125
137
  let needLoadMore = false;
@@ -224,6 +236,7 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
224
236
  telemetry.sendSearchRecentClickedMessage({
225
237
  query,
226
238
  index: index.toString(),
239
+ searchSessionId,
227
240
  });
228
241
  setQuery(query);
229
242
  focusSearchInput();
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };
@@ -173,6 +173,7 @@ exports.search = (0, styled_components_1.css) `
173
173
  --search-ai-assistant-bg-color: var(--layer-color);
174
174
  --search-ai-assistant-text-color: var(--text-color-primary);
175
175
  --search-ai-assistant-border: 1px solid var(--border-color-primary);
176
+ --search-ai-assistant-message-max-width: 80%;
176
177
 
177
178
  --search-ai-resources-gap: var(--spacing-base);
178
179
  --search-ai-resources-title-font-weight: var(--font-weight-medium);
@@ -234,6 +235,7 @@ exports.search = (0, styled_components_1.css) `
234
235
  * @tokens AI Search Conversation Input
235
236
  */
236
237
  --search-ai-conversation-input-bg-color: var(--bg-color);
238
+ --search-ai-conversation-input-bg-color-disabled: var(--color-warm-grey-1);
237
239
  --search-ai-conversation-input-padding: var(--spacing-sm) var(--spacing-md);
238
240
  --search-ai-conversation-input-border: 1px solid var(--border-color-secondary);
239
241
  --search-ai-conversation-input-border-radius: var(--border-radius-lg);
@@ -243,10 +245,12 @@ exports.search = (0, styled_components_1.css) `
243
245
  --search-ai-conversation-input-border-color-disabled: var(--border-color-secondary);
244
246
 
245
247
  --search-ai-conversation-input-send-button-right: 12px;
248
+ --search-ai-conversation-input-send-button-padding: 5px;
246
249
  --search-ai-conversation-input-send-button-bg-color: var(--button-bg-color-primary);
247
250
  --search-ai-conversation-input-send-button-bg-color-hover: var(--button-bg-color-primary-hover);
248
251
  --search-ai-conversation-input-send-button-bg-color-disabled: var(--button-bg-color-disabled);
249
252
  --search-ai-conversation-input-send-button-border-disabled: 1px solid var(--button-border-color-disabled);
253
+ --search-ai-conversation-input-send-button-border-radius: var(--border-radius);
250
254
 
251
255
  /**
252
256
  * @tokens AI Search Response
@@ -279,7 +283,7 @@ exports.search = (0, styled_components_1.css) `
279
283
 
280
284
  --search-ai-suggestions-gap: var(--spacing-sm);
281
285
  --search-ai-suggestions-margin-left: var(--spacing-xs);
282
- --search-ai-suggestion-item-gap: var(--spacing-xs);
286
+ --search-ai-suggestion-item-gap: var(--spacing-xxs);
283
287
 
284
288
  --search-ai-suggestions-title-text-color: var(--text-color-description);
285
289
  --search-ai-suggestions-title-font-size: var(--font-size-base);
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  Object.defineProperty(exports, "__esModule", { value: true });
26
36
  exports.Segmented = void 0;
27
37
  const react_1 = __importStar(require("react"));
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  var __importDefault = (this && this.__importDefault) || function (mod) {
26
36
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
37
  };