@redocly/theme 0.59.0-rc.2 → 0.59.0

package/lib/components/Tag/variables.dark.js

@@ -3,43 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tagDarkMode = void 0;
 const styled_components_1 = require("styled-components");
 exports.tagDarkMode = (0, styled_components_1.css) `
+  --tag-close-button-bg-color-focus: var(--color-warm-grey-6); // @presenter Color
+
   --tag-border-color-focused: var(--color-blue-8); // @presenter Color
   --tag-badge-border-color: var(--border-color-secondary);
 
-  --tag-operation-color-delete: #fa82a2; // @presenter Color
-  --tag-operation-bg-color-delete: #77214C; // @presenter Color
-
-  --tag-operation-color-get: #68cc97; // @presenter Color
-  --tag-operation-bg-color-get: #1F4D2D; // @presenter Color
-
-  --tag-operation-color-post: #90b0f0; // @presenter Color
-  --tag-operation-bg-color-post: #233061; // @presenter Color
-
-  --tag-operation-color-put: #e0a663; // @presenter Color
-  --tag-operation-bg-color-put: #612729; // @presenter Color
-
-  --tag-operation-color-patch: #e0c363; // @presenter Color
-  --tag-operation-bg-color-patch: #5C3721; // @presenter Color
-
-  --tag-operation-color-head: #e6e1fe; // @presenter Color
-  --tag-operation-bg-color-head: #5b4ccc; // @presenter Color
-
-  --tag-operation-color-options: #1a1c21; // @presenter Color
-  --tag-operation-bg-color-options: #2a2b33; // @presenter Color
-
-  --tag-action-color-receive: #88CF82; // @presenter Color
-  --tag-action-color-sub: #88CF82; // @presenter Color
-  --tag-action-color-cons: #88CF82; // @presenter Color
-
-  --tag-action-color-send: #7779F8; // @presenter Color
-  --tag-action-color-pub: #7779F8; // @presenter Color
-  --tag-action-color-publish: #7779F8; // @presenter Color
-
-  --tag-action-color-channel: #F5AD5B; // @presenter Color
-  --tag-action-color-topic: #F5AD5B; // @presenter Color
-  --tag-action-color-queue: #F7A7CF; // @presenter Color
-  --tag-action-color-exchange: #C79CF2; // @presenter Color
-
   .tag-grey,
   .tag-draft,
   .tag-schema,
@@ -47,6 +15,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-warm-grey-8); // @presenter Color
     --tag-bg-color: var(--color-warm-grey-4); // @presenter Color
     --tag-bg-color-hover: var(--color-warm-grey-5); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-warm-grey-5); // @presenter Color
   }
 
   .tag-red {
@@ -54,6 +23,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color: var(--color-red-1); // @presenter Color
     --tag-border-color: var(--color-red-8); // @presenter Color
     --tag-border-color-hover: var(--color-red-6); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-red-2); // @presenter Color
   }
 
   .tag-green {
@@ -62,6 +32,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-border-color: var(--color-green-3); // @presenter Color
     --tag-border-color-hover: var(--color-green-5); // @presenter Color
     --tag-bg-color-hover: var(--color-green-2); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-green-2); // @presenter Color
   }
 
   .tag-blue {
@@ -69,6 +40,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color: var(--color-blue-1); // @presenter Color
     --tag-border-color-hover: var(--color-blue-5); // @presenter Color
     --tag-bg-color-hover: var(--color-blue-2); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-blue-2); // @presenter Color
   }
 
   .tag-magenta,
@@ -76,14 +48,15 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-magenta-4); // @presenter Color
     --tag-bg-color: var(--color-magenta-1); // @presenter Color
     --tag-bg-color-hover: var(--color-magenta-2); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-magenta-2); // @presenter Color
   }
 
-  .tag-purple,
-  .tag-head {
+  .tag-purple {
     --tag-color: var(--color-purple-7); // @presenter Color
     --tag-bg-color: var(--color-purple-1); // @presenter Color
     --tag-bg-color-hover: var(--color-purple-2); // @presenter Color
     --tag-border-color-hover: var(--color-purple-5); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-purple-2); // @presenter Color
   }
 
   .tag-carrot {
@@ -91,12 +64,14 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color: var(--color-carrot-1); // @presenter Color
     --tag-bg-color-hover: var(--color-carrot-2); // @presenter Color
     --tag-border-color: var(--color-carrot-4); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-carrot-2); // @presenter Color
   }
 
   .tag-raspberry {
     --tag-color: var(--color-raspberry-7); // @presenter Color
     --tag-bg-color: var(--color-raspberry-1); // @presenter Color
     --tag-bg-color-hover: var(--color-raspberry-2); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-raspberry-2); // @presenter Color
   }
 
   .tag-orange {
@@ -105,6 +80,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color-hover: var(--color-orange-2); // @presenter Color
     --tag-border-color: var(--color-orange-3); // @presenter Color
     --tag-border-color-hover: var(--color-orange-5); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-orange-2); // @presenter Color
   }
 
   .tag-grass {
@@ -113,6 +89,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-grass-7); // @presenter Color
     --tag-border-color: var(--color-grass-3); // @presenter Color
     --tag-border-color-hover: var(--color-grass-5); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-grass-2); // @presenter Color
   }
 
   .tag-persian-green {
@@ -121,6 +98,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color-hover: var(--color-persian-green-2); // @presenter Color
     --tag-border-color: var(--color-persian-green-3); // @presenter Color
     --tag-border-color-hover: var(--color-persian-green-5); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-persian-green-2); // @presenter Color
   }
 
   .tag-turquoise,
@@ -129,6 +107,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color: var(--color-turquoise-1); // @presenter Color
     --tag-bg-color-hover: var(--color-turquoise-2); // @presenter Color
     --tag-border-color: var(--color-turquoise-4); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-turquoise-2); // @presenter Color
   }
 
   .tag-sky {
@@ -136,6 +115,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color: var(--color-sky-1); // @presenter Color
     --tag-border-color: var(--color-sky-4); // @presenter Color
     --tag-bg-color-hover: var(--color-sky-2); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-sky-2); // @presenter Color
   }
 
   .tag-blueberry {
@@ -143,6 +123,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-bg-color: var(--color-blueberry-1); // @presenter Color
     --tag-border-color-hover: var(--color-blueberry-5); // @presenter Color
     --tag-bg-color-hover: var(--color-blueberry-2); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-blueberry-2); // @presenter Color
   }
 
   .tag-warning,
@@ -150,6 +131,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-warning-active); // @presenter Color
     --tag-bg-color: var(--color-warning-bg); // @presenter Color
     --tag-bg-color-hover: var(--color-warning-bg-hover); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-warning-hover); // @presenter Color
   }
 
   .tag-processing,
@@ -157,6 +139,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-info-active); // @presenter Color
     --tag-bg-color: var(--color-info-bg); // @presenter Color
     --tag-bg-color-hover: var(--color-info-bg-hover); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-info-hover); // @presenter Color
   }
 
   .tag-error,
@@ -164,6 +147,7 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-error-active); // @presenter Color
     --tag-bg-color: var(--color-error-bg); // @presenter Color
     --tag-bg-color-hover: var(--color-error-bg-hover); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-error-hover); // @presenter Color
   }
 
   .tag-success,
@@ -171,12 +155,127 @@ exports.tagDarkMode = (0, styled_components_1.css) `
     --tag-color: var(--color-success-active); // @presenter Color
     --tag-bg-color: var(--color-success-bg); // @presenter Color
     --tag-bg-color-hover: var(--color-success-bg-hover); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-success-bg-hover); // @presenter Color
   }
 
   .tag-link {
     --tag-color: var(--color-info-active); // @presenter Color
     --tag-bg-color: var(--color-info-bg); // @presenter Color
     --tag-bg-color-hover: var(--color-info-bg-hover); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-info-hover); // @presenter Color
+  }
+
+  .tag-delete {
+    --tag-color: #fa82a2; // @presenter Color
+    --tag-bg-color: #47252E; // @presenter Color
+    --tag-bg-color-hover: #653441; // @presenter Color
+  }
+
+  .tag-get {
+    --tag-color: #68cc97; // @presenter Color
+    --tag-bg-color: #1F3D2D; // @presenter Color
+    --tag-bg-color-hover: #34654B; // @presenter Color
+  }
+
+  .tag-post {
+    --tag-color: #90b0f0; // @presenter Color
+    --tag-bg-color: #2B3447; // @presenter Color
+    --tag-bg-color-hover: #3A465F; // @presenter Color
+  }
+
+  .tag-put {
+    --tag-color: #e0a663; // @presenter Color
+    --tag-bg-color: #3D2D1B; // @presenter Color
+    --tag-bg-color-hover: #674C2D; // @presenter Color
+  }
+
+  .tag-patch {
+    --tag-color: #e0c363; // @presenter Color
+    --tag-bg-color: #3D351B; // @presenter Color
+    --tag-bg-color-hover: #67592D; // @presenter Color
+  }
+
+  .tag-head {
+    --tag-color: var(--color-purple-7); // @presenter Color
+    --tag-bg-color: #312B5A; // @presenter Color
+    --tag-bg-color-hover: #413875; // @presenter Color
+  }
+
+  .tag-channel {
+    --tag-color: #F5AD5B; // @presenter Color
+    --tag-bg-color: #4A3721; // @presenter Color
+    --tag-bg-color-hover: #64492B; // @presenter Color
+  }
+
+  .tag-topic {
+    --tag-color: #F5AD5B; // @presenter Color
+    --tag-bg-color: #4A3721; // @presenter Color
+    --tag-bg-color-hover: #64492B; // @presenter Color
+  }
+
+  .tag-send {
+    --tag-color: #7779F8; // @presenter Color
+    --tag-bg-color: #272754; // @presenter Color
+    --tag-bg-color-hover: #373776; // @presenter Color
+  }
+
+  .tag-pub {
+    --tag-color: #7779F8; // @presenter Color
+    --tag-bg-color: #272754; // @presenter Color
+    --tag-bg-color-hover: #373776; // @presenter Color
+  }
+
+  .tag-publish {
+    --tag-color: #7779F8; // @presenter Color
+    --tag-bg-color: #272754; // @presenter Color
+    --tag-bg-color-hover: #373776; // @presenter Color
+  }
+
+  .tag-receive {
+    --tag-color: #88CF82; // @presenter Color
+    --tag-bg-color: #23421F; // @presenter Color
+    --tag-bg-color-hover: #305A2A; // @presenter Color
+  }
+
+  .tag-sub {
+    --tag-color: #88CF82; // @presenter Color
+    --tag-bg-color: #23421F; // @presenter Color
+    --tag-bg-color-hover: #305A2A; // @presenter Color
+  }
+
+  .tag-cons {
+    --tag-color: #88CF82; // @presenter Color
+    --tag-bg-color: #23421F; // @presenter Color
+    --tag-bg-color-hover: #305A2A; // @presenter Color
+  }
+
+  .tag-exchange {
+    --tag-color: #C79CF2; // @presenter Color
+    --tag-bg-color: #472669; // @presenter Color
+    --tag-bg-color-hover: #5C3187; // @presenter Color
+  }
+      
+  // shorten alias for exchange tag:
+  .tag-exch {
+    --tag-color: #C79CF2; // @presenter Color
+    --tag-bg-color: #472669; // @presenter Color
+    --tag-bg-color-hover: #5C3187; // @presenter Color
+  }
+
+  .tag-queue {
+    --tag-color: #F7A7CF; // @presenter Color
+    --tag-bg-color: #622242; // @presenter Color
+    --tag-bg-color-hover: #882F5C; // @presenter Color
+  }
+
+  .tag-variant-filled {
+    --tag-border-color: transparent;
+    --tag-border-color-hover: transparent;
+  }
+
+  .tag-variant-outline {
+    --tag-bg-color: transparent;
+    --tag-bg-color-hover: transparent;
   }
 `;
 //# sourceMappingURL=variables.dark.js.map

package/lib/components/Tag/variables.js

@@ -18,6 +18,7 @@ exports.tag = (0, styled_components_1.css) `
   --tag-badge-border-width: 2px;
   --tag-badge-border-color: var(--border-color-secondary); // @presenter Color
   --tag-border-color-focused: var(--color-blue-4); // @presenter Color
+  --tag-close-button-bg-color-focus: var(--color-warm-grey-4); // @presenter Color
 
   /**
     * @tokens Tag spacing
@@ -64,6 +65,7 @@ exports.tag = (0, styled_components_1.css) `
   --tag-icon-width: 14px; // @presenter Spacing
   --tag-icon-height: 14px; // @presenter Spacing
 
+
   /**
     * @tokens Tag colors
     */
@@ -159,8 +161,7 @@ exports.tag = (0, styled_components_1.css) `
     --tag-border-color-hover: var(--color-info-border-hover); // @presenter Color
   }
 
-  .tag-purple,
-  .tag-head {
+  .tag-purple {
     --tag-color: var(--color-purple-7); // @presenter Color
     --tag-bg-color: var(--color-purple-1); // @presenter Color
     --tag-border-color: var(--color-purple-4); // @presenter Color
@@ -271,109 +272,125 @@ exports.tag = (0, styled_components_1.css) `
     * @tokens Operation tag colors
     */
 
-  --tag-operation-color-delete: #e70b46; // @presenter Color
-  --tag-operation-bg-color-delete: #fee2e9; // @presenter Color
-  
-  --tag-operation-color-get: #25b869; // @presenter Color
-  --tag-operation-bg-color-get: #e5faef; // @presenter Color
-  
-  --tag-operation-color-post: #1e65f5; // @presenter Color
-  --tag-operation-bg-color-post: #e2ebfe; // @presenter Color
-  
-  --tag-operation-color-put: #f5901d; // @presenter Color
-  --tag-operation-bg-color-put: #fef1e2; // @presenter Color
-  
-  --tag-operation-color-patch: #f5c31d; // @presenter Color
-  --tag-operation-bg-color-patch: #fdf6dd; // @presenter Color
-
-  --tag-operation-color-head: #5b4ccc; // @presenter Color
-  --tag-operation-bg-color-head: #e6e1fe; // @presenter Color
-
-  --tag-operation-color-options: #1a1c21; // @presenter Color
-  --tag-operation-bg-color-options: #ededf2; // @presenter Color
-  
-  --tag-operation-color-deprecated: var(--text-color-disabled); // @presenter Color
-
-  --tag-action-color-receive: #4db144; // @presenter Color
-  --tag-action-color-sub: #4db144; // @presenter Color
-  --tag-action-color-cons: #4db144; // @presenter Color
-
-  --tag-action-color-send: #4144f6; // @presenter Color
-  --tag-action-color-pub: #4144f6; // @presenter Color
-  --tag-action-color-publish: #4144f6; // @presenter Color
-
-  --tag-action-color-channel: #F0870E; // @presenter Color
-  --tag-action-color-topic: #F0870E; // @presenter Color
-  --tag-action-color-queue: #D72E81; // @presenter Color
-  --tag-action-color-exchange: #9B51E0; // @presenter Color
+  .tag-head {
+    --tag-color: #6355CA; // @presenter Color
+    --tag-bg-color: #ECEBFA; // @presenter Color
+    --tag-bg-color-hover: #E0DEF7; // @presenter Color
+  }
 
   .tag-delete {
-      --tag-color: var(--tag-operation-color-delete); // @presenter Color
+    --tag-color: #e70b46; // @presenter Color
+    --tag-bg-color: #fee2e9; // @presenter Color
+    --tag-bg-color-hover: #fdd3dd; // @presenter Color
   }
 
   .tag-get {
-      --tag-color: var(--tag-operation-color-get); // @presenter Color
+    --tag-color: #25b869; // @presenter Color
+    --tag-bg-color: #e5faef; // @presenter Color
+    --tag-bg-color-hover: #D4F7E5; // @presenter Color
   }
 
   .tag-post {
-      --tag-color: var(--tag-operation-color-post); // @presenter Color
+    --tag-color: #1e65f5; // @presenter Color
+    --tag-bg-color: #e2ebfe; // @presenter Color
+    --tag-bg-color-hover: #CEDDFD; // @presenter Color
   }
 
   .tag-put {
-      --tag-color: var(--tag-operation-color-put); // @presenter Color
+    --tag-color: #f5901d; // @presenter Color
+    --tag-bg-color: #fef1e2; // @presenter Color
+    --tag-bg-color-hover: #FDE2C4; // @presenter Color
   }
-  
+
   .tag-patch {
-      --tag-color: var(--tag-operation-color-patch); // @presenter Color
+    --tag-color: #f5c31d; // @presenter Color
+    --tag-bg-color: #fdf6dd; // @presenter Color
+    --tag-bg-color-hover: #FCF0C5; // @presenter Color
   }
 
   .tag-http-deprecated {
-      --tag-color: var(--tag-operation-color-deprecated) // @presenter Color
-  }
-  
-  .tag-receive {
-      --tag-color: var(--tag-action-color-receive); // @presenter Color
+    --tag-color: var(--text-color-disabled); // @presenter Color
   }
 
   .tag-send {
-      --tag-color: var(--tag-action-color-send); // @presenter Color
+    --tag-color: #4144F6; // @presenter Color
+    --tag-bg-color: #ECECFE; // @presenter Color
+    --tag-bg-color-hover: #CFCFFC; // @presenter Color
   }
 
   .tag-pub {
-      --tag-color: var(--tag-action-color-pub); // @presenter Color
+    --tag-color: #4144F6; // @presenter Color
+    --tag-bg-color: #ECECFE; // @presenter Color
+    --tag-bg-color-hover: #CFCFFC; // @presenter Color
   }
 
-  .tag-sub {
-      --tag-color: var(--tag-action-color-sub); // @presenter Color
+  .tag-publish {
+    --tag-color: #4144F6; // @presenter Color
+    --tag-bg-color: #ECECFE; // @presenter Color
+    --tag-bg-color-hover: #CFCFFC; // @presenter Color
   }
 
-  .tag-cons {
-      --tag-color: var(--tag-action-color-cons); // @presenter Color
+  .tag-receive {
+    --tag-color: #4db144; // @presenter Color
+    --tag-bg-color:  #E5FDE2; // @presenter Color
+    --tag-bg-color-hover: #D4FCCF; // @presenter Color
   }
 
-  .tag-publish {
-      --tag-color: var(--tag-action-color-publish); // @presenter Color
+  .tag-sub {
+    --tag-color: #4db144; // @presenter Color
+    --tag-bg-color:  #E5FDE2; // @presenter Color
+    --tag-bg-color-hover: #D4FCCF; // @presenter Color
+  }
+
+  .tag-cons {
+    --tag-color: #4db144; // @presenter Color
+    --tag-bg-color:  #E5FDE2; // @presenter Color
+    --tag-bg-color-hover: #D4FCCF; // @presenter Color
   }
 
   .tag-channel {
-      --tag-color: var(--tag-action-color-channel); // @presenter Color
+    --tag-color: #F0870E; // @presenter Color
+    --tag-bg-color: #FDF1E2; // @presenter Color
+    --tag-bg-color-hover: #FBE1C1; // @presenter Color
   }
 
   .tag-topic {
-      --tag-color: var(--tag-action-color-channel); // @presenter Color
+    --tag-color: #F0870E; // @presenter Color
+    --tag-bg-color: #FDF1E2; // @presenter Color
+    --tag-bg-color-hover: #FBE1C1; // @presenter Color
   }
 
   .tag-queue {
-      --tag-color: var(--tag-action-color-queue); // @presenter Color
+    --tag-color: #D72E81; // @presenter Color
+    --tag-bg-color: #FAE5F0; // @presenter Color
+    --tag-bg-color-hover: #F7D4E6; // @presenter Color
   }
 
   .tag-exchange {
-      --tag-color: var(--tag-action-color-exchange); // @presenter Color
+    --tag-color: #9B51E0; // @presenter Color
+    --tag-bg-color: #F0E5FA; // @presenter Color
+    --tag-bg-color-hover: #E6D4F7; // @presenter Color
   }
       
   // shorten alias for exchange tag:
   .tag-exch {
-      --tag-color: var(--tag-action-color-exchange); // @presenter Color
+    --tag-color: #9B51E0; // @presenter Color
+    --tag-bg-color: #F0E5FA; // @presenter Color
+    --tag-bg-color-hover: #E6D4F7; // @presenter Color
+  }
+
+  /**
+    * @tokens Tag variants
+    */
+
+  .tag-variant-filled {
+    --tag-border-color: transparent;
+    --tag-border-color-hover: transparent;
+  }
+
+  .tag-variant-outline {
+    --tag-bg-color: transparent;
+    --tag-bg-color-hover: transparent;
   }
       
   // @tokens End

package/lib/core/constants/index.d.ts

@@ -4,3 +4,4 @@ export * from './code-walkthrough';
 export * from './search';
 export * from './catalog';
 export * from './breadcrumb';
+export * from './mcp';

package/lib/core/constants/index.js

@@ -20,4 +20,5 @@ __exportStar(require("./code-walkthrough"), exports);
 __exportStar(require("./search"), exports);
 __exportStar(require("./catalog"), exports);
 __exportStar(require("./breadcrumb"), exports);
+__exportStar(require("./mcp"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/constants/mcp.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_MCP_SERVER_NAME = "mcp-server";

package/lib/core/constants/mcp.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_MCP_SERVER_NAME = void 0;
+exports.DEFAULT_MCP_SERVER_NAME = 'mcp-server';
+//# sourceMappingURL=mcp.js.map

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

@@ -6,10 +6,11 @@ export declare enum AiSearchError {
     EmptyResponse = "empty_response",
     ErrorProcessingResponse = "error_processing_response"
 }
-export declare const enum AiSearchConversationRole {
-    USER = "user",
-    ASSISTANT = "assistant"
-}
+export declare const AiSearchConversationRole: {
+    readonly USER: "user";
+    readonly ASSISTANT: "assistant";
+};
+export type AiSearchConversationRole = (typeof AiSearchConversationRole)[keyof typeof AiSearchConversationRole];
 export declare const AI_SEARCH_ERROR_CONFIG: Record<AiSearchError, AiSearchErrorConfig>;
 export declare const AI_SEARCH_MAX_MESSAGE_LENGTH = 45000;
 export declare const SEARCH_DEBOUNCE_TIME_MS = 300;

package/lib/core/constants/search.js

@@ -9,11 +9,10 @@ var AiSearchError;
     AiSearchError["EmptyResponse"] = "empty_response";
     AiSearchError["ErrorProcessingResponse"] = "error_processing_response";
 })(AiSearchError || (exports.AiSearchError = AiSearchError = {}));
-var AiSearchConversationRole;
-(function (AiSearchConversationRole) {
-    AiSearchConversationRole["USER"] = "user";
-    AiSearchConversationRole["ASSISTANT"] = "assistant";
-})(AiSearchConversationRole || (exports.AiSearchConversationRole = AiSearchConversationRole = {}));
+exports.AiSearchConversationRole = {
+    USER: 'user',
+    ASSISTANT: 'assistant',
+};
 const defaultErrorConfig = {
     headerKey: 'search.ai.error.header',
     headerDefault: 'Oops! Something went wrong.',

package/lib/core/hooks/index.d.ts

@@ -26,6 +26,7 @@ export * from './use-language-picker';
 export * from './use-product-picker';
 export * from './search/use-search-dialog';
 export * from './search/use-search-filter';
+export * from './search/use-feedback-tooltip';
 export * from './use-controlled-state';
 export * from './use-codeblock-tabs-controls';
 export * from './code-walkthrough/use-code-walkthrough';
@@ -42,3 +43,5 @@ export * from './use-active-page-version';
 export * from './use-page-versions';
 export * from './use-user-teams';
 export * from './use-page-actions';
+export * from './use-mcp-config';
+export * from './use-connect-mcp-button';

package/lib/core/hooks/index.js

@@ -42,6 +42,7 @@ __exportStar(require("./use-language-picker"), exports);
 __exportStar(require("./use-product-picker"), exports);
 __exportStar(require("./search/use-search-dialog"), exports);
 __exportStar(require("./search/use-search-filter"), exports);
+__exportStar(require("./search/use-feedback-tooltip"), exports);
 __exportStar(require("./use-controlled-state"), exports);
 __exportStar(require("./use-codeblock-tabs-controls"), exports);
 __exportStar(require("./code-walkthrough/use-code-walkthrough"), exports);
@@ -58,4 +59,6 @@ __exportStar(require("./use-active-page-version"), exports);
 __exportStar(require("./use-page-versions"), exports);
 __exportStar(require("./use-user-teams"), exports);
 __exportStar(require("./use-page-actions"), exports);
+__exportStar(require("./use-mcp-config"), exports);
+__exportStar(require("./use-connect-mcp-button"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/menu/use-nested-menu.js

@@ -71,7 +71,7 @@ function useNestedMenu({ item, labelRef, nestedMenuRef }) {
         }
         const [firstChild] = item.items;
         if (!isExpanded && item.selectFirstItemOnExpand && firstChild.link) {
-            yield (0, load_and_navigate_1.loadAndNavigate)({ navigate, to: firstChild.link });
+            yield (0, load_and_navigate_1.loadAndNavigate)({ navigate, to: (0, urls_1.withPathPrefix)(firstChild.link) });
         }
         setIsExpanded(!isExpanded);
     }), [item, isExpanded, navigate, location.pathname, setIsExpanded]);

package/lib/core/hooks/search/use-feedback-tooltip.d.ts

@@ -0,0 +1,6 @@
+type UseFeedbackTooltipReturn = {
+    isOpen: boolean;
+    showTooltip: () => void;
+};
+export declare function useFeedbackTooltip(): UseFeedbackTooltipReturn;
+export {};

package/lib/core/hooks/search/use-feedback-tooltip.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFeedbackTooltip = useFeedbackTooltip;
+const react_1 = require("react");
+const use_control_1 = require("../use-control");
+const DEFAULT_TOOLTIP_DURATION = 1500;
+function useFeedbackTooltip() {
+    const [closeTooltipTimeout, setCloseTooltipTimeout] = (0, react_1.useState)(null);
+    const tooltipControl = (0, use_control_1.useControl)();
+    const showTooltip = () => {
+        tooltipControl.handleOpen();
+        if (closeTooltipTimeout) {
+            clearTimeout(closeTooltipTimeout);
+        }
+        const newCloseTooltipTimeout = setTimeout(() => {
+            tooltipControl.handleClose();
+            setCloseTooltipTimeout(null);
+        }, DEFAULT_TOOLTIP_DURATION);
+        setCloseTooltipTimeout(newCloseTooltipTimeout);
+    };
+    return {
+        isOpen: tooltipControl.isOpened,
+        showTooltip,
+    };
+}
+//# sourceMappingURL=use-feedback-tooltip.js.map

package/lib/core/hooks/use-connect-mcp-button.d.ts

@@ -0,0 +1,13 @@
+import type { MCPOption } from '../types';
+export type McpButtonOptions = {
+    options?: MCPOption[];
+};
+export type McpButtonSettings = {
+    isCopied: boolean;
+    cursorUrl: string;
+    vscodeUrl: string;
+    triggerButtonText: string;
+    visibleOptions: MCPOption[];
+    handleAction: (action: MCPOption) => void;
+};
+export declare function useConnectMCPButton({ options, }?: McpButtonOptions): McpButtonSettings;