@redocly/theme 0.71.0-next.0 → 0.71.0-next.1

package/lib/core/constants/search.js

@@ -40,6 +40,10 @@ exports.AI_SEARCH_ERROR_CONFIG = {
 exports.AI_SEARCH_MAX_MESSAGE_LENGTH = 45000;
 exports.SEARCH_DEBOUNCE_TIME_MS = 500;
 exports.DEFAULT_KEYBOARD_SHORTCUTS = '⌘+K,CTRL+K';
+const discoverToolsDisplayText = {
+    inProgressText: 'Discovering available tools...',
+    completedText: 'Discovered available tools',
+};
 exports.TOOL_CALL_DISPLAY_TEXT = {
     [search_1.ToolCallName.SearchDocumentation]: {
         inProgressText: 'Searching documentation...',
@@ -69,10 +73,8 @@ exports.TOOL_CALL_DISPLAY_TEXT = {
         inProgressText: 'Running code...',
         completedText: 'Ran code',
     },
-    [search_1.ToolCallName.DescribeTools]: {
-        inProgressText: 'Discovering available tools...',
-        completedText: 'Discovered available tools',
-    },
+    [search_1.ToolCallName.DescribeTools]: discoverToolsDisplayText,
+    [search_1.ToolCallName.Discover]: discoverToolsDisplayText,
     [search_1.ToolCallName.ContactSupport]: {
         inProgressText: 'Opening the contact support option...',
         completedText: 'Offered to contact support',

package/lib/core/types/search.d.ts

@@ -153,5 +153,6 @@ export declare enum ToolCallName {
     GetFullApiDescription = "get-full-api-description",
     Execute = "execute",
     DescribeTools = "describe-tools",
+    Discover = "discover",
     ContactSupport = "contact-support"
 }

package/lib/core/types/search.js

@@ -16,6 +16,7 @@ var ToolCallName;
     ToolCallName["GetFullApiDescription"] = "get-full-api-description";
     ToolCallName["Execute"] = "execute";
     ToolCallName["DescribeTools"] = "describe-tools";
+    ToolCallName["Discover"] = "discover";
     ToolCallName["ContactSupport"] = "contact-support";
 })(ToolCallName || (exports.ToolCallName = ToolCallName = {}));
 //# sourceMappingURL=search.js.map

package/lib/core/utils/details.d.ts

@@ -1 +1,6 @@
 export declare function extendDetailsBehaviour(): () => void;
+/**
+ * The id a `<details>` element without one gets from its summary text; a URL hash with that id
+ * opens it. Empty for an empty summary.
+ */
+export declare function detailsAnchorId(summaryText: string): string;

package/lib/core/utils/details.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extendDetailsBehaviour = extendDetailsBehaviour;
+exports.detailsAnchorId = detailsAnchorId;
 function extendDetailsBehaviour() {
     enhanceDetails();
     openDetailsFromHash();
@@ -9,6 +10,13 @@ function extendDetailsBehaviour() {
         window.removeEventListener('hashchange', openDetailsFromHash);
     };
 }
+/**
+ * The id a `<details>` element without one gets from its summary text; a URL hash with that id
+ * opens it. Empty for an empty summary.
+ */
+function detailsAnchorId(summaryText) {
+    return summaryText.replace(/\s+/g, '-').toLowerCase();
+}
 function openDetailsAndScroll(detailsElement) {
     detailsElement.setAttribute('open', '');
     setTimeout(() => {
@@ -21,11 +29,12 @@ function openDetailsAndScroll(detailsElement) {
 function enhanceDetails() {
     const existingIds = [];
     Array.from(document.getElementsByTagName('details')).forEach((detailsElement, index) => {
-        var _a, _b;
+        var _a;
+        var _b;
         if (detailsElement.id) {
             return;
         }
-        const generatedId = ((_b = (_a = detailsElement.querySelector('summary')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.replace(/\s+/g, '-').toLowerCase()) ||
+        const generatedId = detailsAnchorId((_b = (_a = detailsElement.querySelector('summary')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : '') ||
             `details-${index}`;
         detailsElement.id = existingIds.includes(generatedId) ? `${generatedId}-${index}` : generatedId;
         existingIds.push(detailsElement.id);

package/lib/core/utils/search-ai-activity.js

@@ -40,10 +40,10 @@ function getSearchAiActivityStep(toolCall, isRunning, translate) {
 }
 function getToolCallLabel(toolCall, isCompleted, translate) {
     const detail = getToolCallDetail(toolCall);
-    if (toolCall.name === search_1.ToolCallName.Execute && detail) {
+    const builtInText = search_2.TOOL_CALL_DISPLAY_TEXT[toolCall.name];
+    if ((toolCall.name === search_1.ToolCallName.Execute || !builtInText) && detail) {
         return { label: detail };
     }
-    const builtInText = search_2.TOOL_CALL_DISPLAY_TEXT[toolCall.name];
     if (builtInText) {
         const text = isCompleted ? builtInText.completedText : builtInText.inProgressText;
         return detail ? { label: stripEllipsis(text), detail } : { label: text };
@@ -67,7 +67,9 @@ function getToolCallDetail(toolCall) {
         case search_1.ToolCallName.Execute:
             return getStringArg(toolCall.args, 'description');
         default:
-            return undefined;
+            return search_2.TOOL_CALL_DISPLAY_TEXT[toolCall.name]
+                ? undefined
+                : getStringArg(toolCall.args, 'description');
     }
 }
 function getStringArg(args, name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.71.0-next.0",
+  "version": "0.71.0-next.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -22,6 +22,7 @@
     "./core/templates/*": "./lib/core/templates/*.js",
     "./core/contexts/*": "./lib/core/contexts/*.js",
     "./core/hooks/*": "./lib/core/hooks/*.js",
+    "./core/utils/*": "./lib/core/utils/*.js",
     "./core/hoc/*": "./lib/core/hoc/*.js",
     "./core/constants/*": "./lib/core/constants/*.js",
     "./ext/*": "./lib/ext/*.js",

package/src/core/constants/search.ts

@@ -48,6 +48,11 @@ export const SEARCH_DEBOUNCE_TIME_MS = 500;
 
 export const DEFAULT_KEYBOARD_SHORTCUTS = '⌘+K,CTRL+K';
 
+const discoverToolsDisplayText = {
+  inProgressText: 'Discovering available tools...',
+  completedText: 'Discovered available tools',
+};
+
 export const TOOL_CALL_DISPLAY_TEXT: Partial<
   Record<string, { inProgressText: string; completedText: string }>
 > = {
@@ -79,10 +84,8 @@ export const TOOL_CALL_DISPLAY_TEXT: Partial<
     inProgressText: 'Running code...',
     completedText: 'Ran code',
   },
-  [ToolCallName.DescribeTools]: {
-    inProgressText: 'Discovering available tools...',
-    completedText: 'Discovered available tools',
-  },
+  [ToolCallName.DescribeTools]: discoverToolsDisplayText,
+  [ToolCallName.Discover]: discoverToolsDisplayText,
   [ToolCallName.ContactSupport]: {
     inProgressText: 'Opening the contact support option...',
     completedText: 'Offered to contact support',

package/src/core/types/search.ts

@@ -158,5 +158,6 @@ export enum ToolCallName {
   GetFullApiDescription = 'get-full-api-description',
   Execute = 'execute',
   DescribeTools = 'describe-tools',
+  Discover = 'discover',
   ContactSupport = 'contact-support',
 }

package/src/core/utils/details.ts

@@ -8,6 +8,14 @@ export function extendDetailsBehaviour() {
   };
 }
 
+/**
+ * The id a `<details>` element without one gets from its summary text; a URL hash with that id
+ * opens it. Empty for an empty summary.
+ */
+export function detailsAnchorId(summaryText: string): string {
+  return summaryText.replace(/\s+/g, '-').toLowerCase();
+}
+
 function openDetailsAndScroll(detailsElement: Element) {
   detailsElement.setAttribute('open', '');
   setTimeout(() => {
@@ -26,7 +34,7 @@ function enhanceDetails() {
     }
 
     const generatedId =
-      detailsElement.querySelector('summary')?.textContent?.replace(/\s+/g, '-').toLowerCase() ||
+      detailsAnchorId(detailsElement.querySelector('summary')?.textContent ?? '') ||
       `details-${index}`;
 
     detailsElement.id = existingIds.includes(generatedId) ? `${generatedId}-${index}` : generatedId;

package/src/core/utils/search-ai-activity.ts

@@ -66,10 +66,10 @@ function getToolCallLabel(
   translate: TFunction,
 ): { label: string; detail?: string } {
   const detail = getToolCallDetail(toolCall);
-  if (toolCall.name === ToolCallName.Execute && detail) {
+  const builtInText = TOOL_CALL_DISPLAY_TEXT[toolCall.name];
+  if ((toolCall.name === ToolCallName.Execute || !builtInText) && detail) {
     return { label: detail };
   }
-  const builtInText = TOOL_CALL_DISPLAY_TEXT[toolCall.name];
   if (builtInText) {
     const text = isCompleted ? builtInText.completedText : builtInText.inProgressText;
     return detail ? { label: stripEllipsis(text), detail } : { label: text };
@@ -93,7 +93,9 @@ function getToolCallDetail(toolCall: ToolCall): string | undefined {
     case ToolCallName.Execute:
       return getStringArg(toolCall.args, 'description');
     default:
-      return undefined;
+      return TOOL_CALL_DISPLAY_TEXT[toolCall.name]
+        ? undefined
+        : getStringArg(toolCall.args, 'description');
   }
 }