@eventcatalog/core 2.54.0 → 2.54.2

package/dist/analytics/analytics.cjs

@@ -37,7 +37,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.54.0";
+var version = "2.54.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-EPCSIZTP.js";
-import "../chunk-E4632BOL.js";
+} from "../chunk-LC46PXQR.js";
+import "../chunk-TFCOMD54.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -106,7 +106,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.54.0";
+var version = "2.54.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-TWNARJRZ.js";
-import "../chunk-EPCSIZTP.js";
-import "../chunk-E4632BOL.js";
+} from "../chunk-6BODD7KM.js";
+import "../chunk-LC46PXQR.js";
+import "../chunk-TFCOMD54.js";
 import "../chunk-E7TXTI7G.js";
 export {
   log_build_default as default

package/dist/{chunk-TWNARJRZ.js → chunk-6BODD7KM.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-EPCSIZTP.js";
+} from "./chunk-LC46PXQR.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-EPCSIZTP.js → chunk-LC46PXQR.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-E4632BOL.js";
+} from "./chunk-TFCOMD54.js";
 
 // src/analytics/analytics.js
 import axios from "axios";

package/dist/{chunk-E4632BOL.js → chunk-TFCOMD54.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "2.54.0";
+var version = "2.54.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.cjs

@@ -25,7 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 
 // package.json
-var version = "2.54.0";
+var version = "2.54.2";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-E4632BOL.js";
+} from "./chunk-TFCOMD54.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -157,7 +157,7 @@ var import_axios = __toESM(require("axios"), 1);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "2.54.0";
+var version = "2.54.2";
 
 // src/constants.ts
 var VERSION = version;
@@ -826,8 +826,8 @@ program.command("build").description("Run build of EventCatalog").action(async (
   );
   if (!isServerOutput) {
     const outDir = await getProjectOutDir();
-    const windowsCommand2 = `npx -y pagefind --site ${outDir} --output-subdir ${dir}\\public\\pagefind`;
-    const unixCommand2 = `npx -y pagefind --site ${outDir} --output-subdir ${dir}/public/pagefind`;
+    const windowsCommand2 = `npx -y pagefind --site ${outDir}`;
+    const unixCommand2 = `npx -y pagefind --site ${outDir}`;
     const pagefindCommand = process.platform === "win32" ? windowsCommand2 : unixCommand2;
     (0, import_node_child_process.execSync)(
       `cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' ENABLE_EMBED=${canEmbedPages} EVENTCATALOG_STARTER=${isEventCatalogStarter} EVENTCATALOG_SCALE=${isEventCatalogScale} ${pagefindCommand}`,
@@ -836,6 +836,9 @@ program.command("build").description("Run build of EventCatalog").action(async (
         stdio: "inherit"
       }
     );
+    if (import_fs2.default.existsSync((0, import_node_path6.join)(dir, outDir, "pagefind"))) {
+      import_fs2.default.cpSync((0, import_node_path6.join)(dir, outDir, "pagefind"), (0, import_node_path6.join)(dir, "public", "pagefind"), { recursive: true });
+    }
   }
 });
 var previewCatalog = ({

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-XE6PFSH5.js";
 import {
   log_build_default
-} from "./chunk-TWNARJRZ.js";
-import "./chunk-EPCSIZTP.js";
+} from "./chunk-6BODD7KM.js";
+import "./chunk-LC46PXQR.js";
 import {
   catalogToAstro,
   checkAndConvertMdToMdx
@@ -15,7 +15,7 @@ import {
 import "./chunk-LDBRNJIL.js";
 import {
   VERSION
-} from "./chunk-E4632BOL.js";
+} from "./chunk-TFCOMD54.js";
 import {
   getProjectOutDir,
   isAuthEnabled,
@@ -216,8 +216,8 @@ program.command("build").description("Run build of EventCatalog").action(async (
   );
   if (!isServerOutput) {
     const outDir = await getProjectOutDir();
-    const windowsCommand2 = `npx -y pagefind --site ${outDir} --output-subdir ${dir}\\public\\pagefind`;
-    const unixCommand2 = `npx -y pagefind --site ${outDir} --output-subdir ${dir}/public/pagefind`;
+    const windowsCommand2 = `npx -y pagefind --site ${outDir}`;
+    const unixCommand2 = `npx -y pagefind --site ${outDir}`;
     const pagefindCommand = process.platform === "win32" ? windowsCommand2 : unixCommand2;
     execSync(
       `cross-env PROJECT_DIR='${dir}' CATALOG_DIR='${core}' ENABLE_EMBED=${canEmbedPages} EVENTCATALOG_STARTER=${isEventCatalogStarter} EVENTCATALOG_SCALE=${isEventCatalogScale} ${pagefindCommand}`,
@@ -226,6 +226,9 @@ program.command("build").description("Run build of EventCatalog").action(async (
         stdio: "inherit"
       }
     );
+    if (fs.existsSync(join(dir, outDir, "pagefind"))) {
+      fs.cpSync(join(dir, outDir, "pagefind"), join(dir, "public", "pagefind"), { recursive: true });
+    }
   }
 });
 var previewCatalog = ({

package/eventcatalog/src/components/Search/SearchModal.tsx

@@ -34,6 +34,8 @@ const SearchResultItem = React.memo<{
     if (type === 'asyncapi') return 'AsyncAPI';
     if (type === 'openapi') return 'OpenAPI';
     if (type === 'language') return 'Language';
+    if (type === 'entities') return 'Entity';
+    if (type === 'queries') return 'Query';
     // For plurals, remove 's' at the end, otherwise just capitalize
     if (type.endsWith('s')) {
       return type.charAt(0).toUpperCase() + type.slice(1, -1);
@@ -112,8 +114,6 @@ const SearchModal: React.FC = () => {
   useEffect(() => {
     const handleModalToggle = (event: CustomEvent) => {
       setIsOpen(event.detail.isOpen);
-
-      // Load all results when modal opens - will be handled by another effect
     };
 
     window.addEventListener('searchModalToggle', handleModalToggle as EventListener);
@@ -285,57 +285,6 @@ const SearchModal: React.FC = () => {
     return 'other';
   }, []);
 
-  // Load all results using a wildcard search
-  const loadAllResults = useCallback(async () => {
-    if (!pagefind) return;
-
-    setIsLoading(true);
-    try {
-      // Use a common word or wildcard to get all indexed content
-      const search = await pagefind.search('a');
-      if (!search || !search.results) {
-        return;
-      }
-      const processedResults: SearchResult[] = [];
-
-      for (const result of search.results) {
-        const data = await result.data();
-        const type = getTypeFromUrl(data.url);
-
-        // Clean the title by removing any "Type | " prefix if it exists
-        let cleanTitle = data.meta?.title || 'Untitled';
-
-        // Use regex for more efficient prefix removal
-        cleanTitle = cleanTitle.replace(
-          /^(Domains?|Services?|Events?|Commands?|Queries?|Entities?|Channels?|Teams?|Users?|Language) \| /,
-          ''
-        );
-
-        processedResults.push({
-          id: result.id,
-          name: cleanTitle,
-          type: type,
-          description: data.excerpt || '',
-          url: data.url,
-          tags: data.meta?.tags ? data.meta.tags.split(',').map((tag: string) => tag.trim()) : [],
-        });
-      }
-
-      setAllResults(processedResults);
-    } catch (error) {
-      console.error('Error loading all results:', error);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [pagefind, getTypeFromUrl]);
-
-  // Load results when modal opens and pagefind is available
-  useEffect(() => {
-    if (isOpen && pagefind && !pagefindLoadError) {
-      loadAllResults();
-    }
-  }, [isOpen, pagefind, pagefindLoadError, loadAllResults]);
-
   // Perform search
   const performSearch = useCallback(
     async (searchTerm: string): Promise<SearchResult[]> => {
@@ -406,7 +355,7 @@ const SearchModal: React.FC = () => {
     [exactMatch, currentSearch]
   );
 
-  // Update results
+  // Update results with debouncing
   const updateResults = useCallback(async () => {
     if (currentSearch.trim()) {
       const results = await performSearch(currentSearch);
@@ -416,10 +365,19 @@ const SearchModal: React.FC = () => {
     }
   }, [currentSearch, performSearch]);
 
-  // Search on input change
+  // Search on input change with debouncing
   useEffect(() => {
-    updateResults();
-  }, [updateResults]);
+    if (!currentSearch.trim()) {
+      setAllResults([]);
+      return;
+    }
+
+    const debounceTimer = setTimeout(() => {
+      updateResults();
+    }, 300); // 300ms debounce
+
+    return () => clearTimeout(debounceTimer);
+  }, [currentSearch, updateResults]);
 
   // Handle input change
   const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -577,7 +535,7 @@ const SearchModal: React.FC = () => {
                             <div className="flex items-center gap-1.5">
                               <span>All Resources</span>
                             </div>
-                            <span className="text-xs text-gray-400">{counts.all}</span>
+                            <span className="text-xs text-gray-700 font-thin">{counts.all}</span>
                           </div>
                         </button>
                       </div>
@@ -585,7 +543,7 @@ const SearchModal: React.FC = () => {
 
                     {/* Resources Section */}
                     <div className="mb-4">
-                      <h3 className="text-xs font-medium text-gray-600 mb-2">Resources</h3>
+                      <h3 className="text-xs font-bold text-gray-600 mb-2">Resources</h3>
                       <div className="space-y-1">
                         {Object.entries({
                           domains: 'Domains',
@@ -609,9 +567,9 @@ const SearchModal: React.FC = () => {
                               <div className="flex items-center justify-between">
                                 <div className="flex items-center gap-1.5">
                                   {IconComponent && <IconComponent className="h-3 w-3" />}
-                                  <span>{label}</span>
+                                  <span className="font-thin">{label}</span>
                                 </div>
-                                <span className="text-xs text-gray-400">{counts[key as keyof typeof counts]}</span>
+                                <span className="text-xs text-gray-700 font-thin">{counts[key as keyof typeof counts]}</span>
                               </div>
                             </button>
                           );
@@ -621,7 +579,7 @@ const SearchModal: React.FC = () => {
 
                     {/* Messages Section */}
                     <div className="mb-4">
-                      <h3 className="text-xs font-medium text-gray-600 mb-2">Messages</h3>
+                      <h3 className="text-xs font-bold text-gray-600 mb-2">Messages</h3>
                       <div className="space-y-1">
                         {Object.entries({
                           events: 'Events',
@@ -645,9 +603,9 @@ const SearchModal: React.FC = () => {
                               <div className="flex items-center justify-between">
                                 <div className="flex items-center gap-1.5">
                                   {IconComponent && <IconComponent className="h-3 w-3" />}
-                                  <span>{label}</span>
+                                  <span className="font-thin">{label}</span>
                                 </div>
-                                <span className="text-xs text-gray-400">{counts[key as keyof typeof counts]}</span>
+                                <span className="text-xs text-gray-700 font-thin">{counts[key as keyof typeof counts]}</span>
                               </div>
                             </button>
                           );
@@ -657,7 +615,7 @@ const SearchModal: React.FC = () => {
 
                     {/* Organization Section */}
                     <div className="mb-4">
-                      <h3 className="text-xs font-medium text-gray-600 mb-2">Organization</h3>
+                      <h3 className="text-xs font-bold text-gray-600 mb-2">Organization</h3>
                       <div className="space-y-1">
                         {Object.entries({
                           teams: 'Teams',
@@ -679,9 +637,9 @@ const SearchModal: React.FC = () => {
                               <div className="flex items-center justify-between">
                                 <div className="flex items-center gap-1.5">
                                   {IconComponent && <IconComponent className="h-3 w-3" />}
-                                  <span>{label}</span>
+                                  <span className="font-thin">{label}</span>
                                 </div>
-                                <span className="text-xs text-gray-400">{counts[key as keyof typeof counts]}</span>
+                                <span className="text-xs text-gray-700 font-thin">{counts[key as keyof typeof counts]}</span>
                               </div>
                             </button>
                           );
@@ -691,7 +649,7 @@ const SearchModal: React.FC = () => {
 
                     {/* Specifications Section */}
                     <div className="mb-4">
-                      <h3 className="text-xs font-medium text-gray-600 mb-2">Specifications</h3>
+                      <h3 className="text-xs font-bold text-gray-600 mb-2">Specifications</h3>
                       <div className="space-y-1">
                         {Object.entries({
                           openapi: 'OpenAPI Specification',
@@ -713,9 +671,9 @@ const SearchModal: React.FC = () => {
                               <div className="flex items-center justify-between">
                                 <div className="flex items-center gap-1.5">
                                   <IconComponent className="h-3 w-3" />
-                                  <span>{label}</span>
+                                  <span className="font-thin">{label}</span>
                                 </div>
-                                <span className="text-xs text-gray-400">{counts[key as keyof typeof counts]}</span>
+                                <span className="text-xs text-gray-700 font-thin">{counts[key as keyof typeof counts]}</span>
                               </div>
                             </button>
                           );
@@ -725,25 +683,16 @@ const SearchModal: React.FC = () => {
                   </div>
 
                   {/* Right Results */}
-                  <div className="flex-1 p-4 overflow-y-auto">
-                    {/* Show stats and exact match toggle */}
-                    <div className="mb-4 flex items-center justify-between">
-                      <div className="text-sm text-gray-500">
-                        {currentSearch.trim() ? (
-                          <>
-                            <span>{filteredResults.length} results</span> for "{currentSearch}"
-                            {isLoading && <span className="ml-2">Loading...</span>}
-                          </>
-                        ) : (
-                          <>
-                            <span>{filteredResults.length} resources</span> in EventCatalog
-                            {isLoading && <span className="ml-2">Loading...</span>}
-                          </>
-                        )}
-                      </div>
+                  <div className="flex-1 flex flex-col overflow-hidden">
+                    {/* Show stats and exact match toggle - only when there are results or search term */}
+                    {currentSearch.trim() && (filteredResults.length > 0 || isLoading) && (
+                      <div className="p-4 pb-2 flex items-center justify-between border-b border-gray-100">
+                        <div className="text-sm text-gray-500 font-thin">
+                          <span>{filteredResults.length} results</span> for "{currentSearch}"
+                          {isLoading && <span className="ml-2">Loading...</span>}
+                        </div>
 
-                      {/* Exact Match Checkbox - moved here */}
-                      {currentSearch.trim() && (
+                        {/* Exact Match Checkbox */}
                         <div className="flex items-center">
                           <input
                             id="exact-match-results"
@@ -756,49 +705,51 @@ const SearchModal: React.FC = () => {
                             Exact match in title
                           </label>
                         </div>
-                      )}
-                    </div>
-
-                    <div className="search-results grid grid-cols-1 lg:grid-cols-2 gap-3">
-                      {!currentSearch.trim() && filteredResults.length === 0 ? (
-                        // Show when no search term is entered and no results loaded yet
-                        <div className="col-span-full text-center py-20">
-                          <svg className="mx-auto h-16 w-16 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path
-                              strokeLinecap="round"
-                              strokeLinejoin="round"
-                              strokeWidth="1.5"
-                              d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                            />
-                          </svg>
-                          <h3 className="mt-4 text-lg font-medium text-gray-900">
-                            {isLoading ? 'Loading resources...' : 'Discover your EventCatalog'}
-                          </h3>
-                          <p className="mt-2 text-sm text-gray-300">
-                            {isLoading
-                              ? 'Fetching all available resources from EventCatalog.'
-                              : 'Start typing to search for domains, services, events, and more.'}
-                          </p>
+                      </div>
+                    )}
+
+                    {/* Main content area */}
+                    <div className="flex-1 overflow-y-auto">
+                      {!currentSearch.trim() ? (
+                        // Show when no search term is entered - centered
+                        <div className="h-full flex items-center justify-center">
+                          <div className="text-center">
+                            <MagnifyingGlassIcon className="mx-auto h-8 w-8 text-gray-300" />
+                            <h3 className="mt-4 text-lg font-medium text-gray-900">Discover your EventCatalog</h3>
+                            <p className="mt-2 text-sm text-gray-500 font-thin">
+                              Start typing to search for domains, services, events, and more.
+                            </p>
+                          </div>
+                        </div>
+                      ) : filteredResults.length === 0 && !isLoading ? (
+                        // Show when search term exists but no results and not loading - centered
+                        <div className="h-full flex items-center justify-center">
+                          <div className="text-center">
+                            <MagnifyingGlassIcon className="mx-auto h-8 w-8 text-gray-300" />
+                            <h3 className="mt-2 text-sm font-bold text-gray-900">No results found</h3>
+                            <p className="mt-1 text-sm text-gray-500 font-thin">
+                              No results found for "<span className="font-medium">{currentSearch}</span>".
+                            </p>
+                          </div>
                         </div>
-                      ) : currentSearch.trim() && filteredResults.length === 0 ? (
-                        // Show when search term exists but no results
-                        <div className="col-span-full text-center py-16">
-                          <svg className="mx-auto h-12 w-12 text-gray-300" stroke="currentColor" fill="none" viewBox="0 0 48 48">
-                            <path
-                              d="M21 21l6-6m-6 6l6 6m-6-6h6m-6 0v6"
-                              strokeWidth="2"
-                              strokeLinecap="round"
-                              strokeLinejoin="round"
-                            />
-                          </svg>
-                          <h3 className="mt-2 text-sm font-medium text-gray-900">No results found</h3>
-                          <p className="mt-1 text-sm text-gray-500">
-                            No results found for "<span className="font-medium">{currentSearch}</span>". Try different keywords or
-                            check your spelling.
-                          </p>
+                      ) : isLoading ? (
+                        // Show loading state - centered
+                        <div className="h-full flex items-center justify-center">
+                          <div className="text-center">
+                            <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-purple-600 mx-auto"></div>
+                            <h3 className="mt-4 text-sm font-medium text-gray-900">Searching...</h3>
+                            <p className="mt-2 text-sm text-gray-500 font-thin">
+                              Finding results for "<span className="font-medium">{currentSearch}</span>"
+                            </p>
+                          </div>
                         </div>
                       ) : (
-                        <SearchResults results={filteredResults} typeConfig={typeConfig} currentSearch={currentSearch} />
+                        // Show results in a grid with padding
+                        <div className="p-4">
+                          <div className="search-results grid grid-cols-1 lg:grid-cols-2 gap-3">
+                            <SearchResults results={filteredResults} typeConfig={typeConfig} currentSearch={currentSearch} />
+                          </div>
+                        </div>
                       )}
                     </div>
                   </div>

package/eventcatalog/src/pages/auth/error.astro

@@ -15,41 +15,53 @@ const errorMessages = {
 const errorMessage = errorMessages[error] || errorMessages.Default;
 ---
 
-<main title="Authentication Error - EventCatalog">
-  <div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
-    <div class="max-w-md w-full space-y-8 text-center">
-      <div>
-        <svg class="mx-auto h-12 w-12 text-red-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="2"
-            d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
-          ></path>
-        </svg>
-        <h2 class="mt-6 text-3xl font-bold text-gray-900">Authentication Error</h2>
-        <p class="mt-2 text-sm text-gray-600">
-          {errorMessage}
-        </p>
-      </div>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <title>Authentication Error - EventCatalog</title>
+  </head>
+  <body>
+    <main title="Authentication Error - EventCatalog">
+      <div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
+        <div class="max-w-md w-full space-y-8 text-center">
+          <div>
+            <svg class="mx-auto h-12 w-12 text-red-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
+              ></path>
+            </svg>
+            <h2 class="mt-6 text-3xl font-bold text-gray-900">Authentication Error</h2>
+            <p class="mt-2 text-sm text-gray-600">
+              {errorMessage}
+            </p>
+          </div>
 
-      <div class="space-y-4">
-        <a
-          href="/auth/login"
-          class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-        >
-          Try Again
-        </a>
+          <div class="space-y-4">
+            <a
+              href="/auth/login"
+              class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+            >
+              Try Again
+            </a>
 
-        <a
-          href="/"
-          class="w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-        >
-          Back to Home
-        </a>
-      </div>
+            <a
+              href="/"
+              class="w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+            >
+              Back to Home
+            </a>
+          </div>
 
-      {error && <div class="mt-8 text-xs text-gray-400">Error code: {error}</div>}
-    </div>
-  </div>
-</main>
+          {error && <div class="mt-8 text-xs text-gray-400">Error code: {error}</div>}
+        </div>
+      </div>
+    </main>
+  </body>
+</html>

package/eventcatalog/src/pages/chat/feature.astro

@@ -9,148 +9,160 @@ if (hasChatLicense) {
 }
 ---
 
-<VerticalSideBarLayout title="AI Chat">
-  <div class="min-h-[calc(100vh-60px)] bg-white">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
-      {/* Hero Section */}
-      <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-16">
-        <div>
-          <div class="inline-flex items-center px-4 py-2 rounded-full bg-purple-100 text-purple-700 font-medium text-sm mb-6">
-            <BotMessageSquare className="w-4 h-4 mr-2" />
-            New: Ask your catalog anything
-          </div>
-          <h1 class="text-4xl font-bold text-gray-900 tracking-tight mb-4">Ask. Understand. Ship faster.</h1>
-          <p class="text-xl text-gray-600 mb-8">
-            Get answers about your events, services, and domains — instantly. Runs entirely in your browser — your data never
-            leaves your machine.
-          </p>
-          <div class="flex flex-col sm:flex-row gap-4 mb-8">
-            <a
-              href="https://demo.eventcatalog.dev/chat"
-              target="_blank"
-              class="inline-flex items-center juNot ready for AI chat? You castify-center px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-purple-600 hover:bg-purple-700 transition-colors duration-150"
-            >
-              Try the demo
-              <svg class="ml-2 w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
-                <path
-                  fill-rule="evenodd"
-                  d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
-                  clip-rule="evenodd"></path>
-              </svg>
-            </a>
-            <a
-              href="https://www.eventcatalog.cloud"
-              target="_blank"
-              class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-lg text-gray-700 bg-white hover:bg-gray-50 transition-colors duration-150"
-            >
-              Try for free
-            </a>
-          </div>
-          <p class="text-sm text-gray-500">
-            Available with EventCatalog Starter or Scale plans
-            <a href="https://www.eventcatalog.dev/pricing" class="text-purple-600 font-medium block"
-              >Try free for 14 days, no credit card required</a
-            >
-          </p>
-        </div>
-
-        <div class="relative">
-          <div class="absolute -inset-4">
-            <div
-              class="w-full h-full max-w-full mx-auto opacity-30 blur-lg filter"
-              style="background: linear-gradient(90deg, #C084FC 0%, #818CF8 100%);"
-            >
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="generator" content={Astro.generator} />
+    <title>EventCatalog chat?</title>
+  </head>
+  <body>
+    <VerticalSideBarLayout title="AI Chat">
+      <div class="min-h-[calc(100vh-60px)] bg-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+          {/* Hero Section */}
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center mb-16">
+            <div>
+              <div class="inline-flex items-center px-4 py-2 rounded-full bg-purple-100 text-purple-700 font-medium text-sm mb-6">
+                <BotMessageSquare className="w-4 h-4 mr-2" />
+                New: Ask your catalog anything
+              </div>
+              <h1 class="text-4xl font-bold text-gray-900 tracking-tight mb-4">Ask. Understand. Ship faster.</h1>
+              <p class="text-xl text-gray-600 mb-8">
+                Get answers about your events, services, and domains — instantly. Runs entirely in your browser — your data never
+                leaves your machine.
+              </p>
+              <div class="flex flex-col sm:flex-row gap-4 mb-8">
+                <a
+                  href="https://demo.eventcatalog.dev/chat"
+                  target="_blank"
+                  class="inline-flex items-center juNot ready for AI chat? You castify-center px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-purple-600 hover:bg-purple-700 transition-colors duration-150"
+                >
+                  Try the demo
+                  <svg class="ml-2 w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
+                    <path
+                      fill-rule="evenodd"
+                      d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
+                      clip-rule="evenodd"></path>
+                  </svg>
+                </a>
+                <a
+                  href="https://www.eventcatalog.cloud"
+                  target="_blank"
+                  class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-lg text-gray-700 bg-white hover:bg-gray-50 transition-colors duration-150"
+                >
+                  Try for free
+                </a>
+              </div>
+              <p class="text-sm text-gray-500">
+                Available with EventCatalog Starter or Scale plans
+                <a href="https://www.eventcatalog.dev/pricing" class="text-purple-600 font-medium block"
+                  >Try free for 14 days, no credit card required</a
+                >
+              </p>
             </div>
-          </div>
-          <div class="relative">
-            <div class="bg-white rounded-xl shadow-xl border border-gray-200 overflow-hidden">
-              <div class="bg-gray-50 px-4 py-3 border-b border-gray-200">
-                <div class="flex items-center space-x-2">
-                  <div class="w-3 h-3 bg-red-400 rounded-full"></div>
-                  <div class="w-3 h-3 bg-yellow-400 rounded-full"></div>
-                  <div class="w-3 h-3 bg-green-400 rounded-full"></div>
+
+            <div class="relative">
+              <div class="absolute -inset-4">
+                <div
+                  class="w-full h-full max-w-full mx-auto opacity-30 blur-lg filter"
+                  style="background: linear-gradient(90deg, #C084FC 0%, #818CF8 100%);"
+                >
                 </div>
               </div>
-              <div class="p-4 space-y-4">
-                <div class="flex justify-end">
-                  <div class="bg-purple-600 text-white rounded-2xl rounded-tr-sm px-4 py-2 max-w-md text-sm">
-                    What services publish order.created?
+              <div class="relative">
+                <div class="bg-white rounded-xl shadow-xl border border-gray-200 overflow-hidden">
+                  <div class="bg-gray-50 px-4 py-3 border-b border-gray-200">
+                    <div class="flex items-center space-x-2">
+                      <div class="w-3 h-3 bg-red-400 rounded-full"></div>
+                      <div class="w-3 h-3 bg-yellow-400 rounded-full"></div>
+                      <div class="w-3 h-3 bg-green-400 rounded-full"></div>
+                    </div>
                   </div>
-                </div>
+                  <div class="p-4 space-y-4">
+                    <div class="flex justify-end">
+                      <div class="bg-purple-600 text-white rounded-2xl rounded-tr-sm px-4 py-2 max-w-md text-sm">
+                        What services publish order.created?
+                      </div>
+                    </div>
 
-                <div class="flex justify-start">
-                  <div class="bg-gray-50 rounded-2xl rounded-tl-sm px-4 py-3 max-w-md shadow-sm">
-                    <p class="text-gray-700 text-sm">
-                      The <span class="font-semibold">Order Service</span> publishes the order.created event.
-                    </p>
-                    <p class="text-gray-700 text-sm mt-2 mb-1">This event is consumed by:</p>
-                    <ul class="space-y-1 text-gray-600 text-sm">
-                      <li>• Payment Service - Initiates payment processing</li>
-                      <li>• Inventory Service - Updates stock levels</li>
-                      <li>• Notification Service - Sends order confirmations</li>
-                    </ul>
+                    <div class="flex justify-start">
+                      <div class="bg-gray-50 rounded-2xl rounded-tl-sm px-4 py-3 max-w-md shadow-sm">
+                        <p class="text-gray-700 text-sm">
+                          The <span class="font-semibold">Order Service</span> publishes the order.created event.
+                        </p>
+                        <p class="text-gray-700 text-sm mt-2 mb-1">This event is consumed by:</p>
+                        <ul class="space-y-1 text-gray-600 text-sm">
+                          <li>• Payment Service - Initiates payment processing</li>
+                          <li>• Inventory Service - Updates stock levels</li>
+                          <li>• Notification Service - Sends order confirmations</li>
+                        </ul>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-      </div>
 
-      {/* Features Section */}
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-        <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-          <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
-            <svg class="w-6 h-6 text-purple-600" viewBox="0 0 24 24" fill="currentColor">
-              <path
-                d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
-              ></path>
-            </svg>
-          </div>
-          <h3 class="text-lg font-semibold text-gray-900 mb-2">Instant Search</h3>
-          <p class="text-gray-600">
-            Search and understand complex service relationships in seconds with natural language queries.
-          </p>
-        </div>
+          {/* Features Section */}
+          <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
+              <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
+                <svg class="w-6 h-6 text-purple-600" viewBox="0 0 24 24" fill="currentColor">
+                  <path
+                    d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+                  ></path>
+                </svg>
+              </div>
+              <h3 class="text-lg font-semibold text-gray-900 mb-2">Instant Search</h3>
+              <p class="text-gray-600">
+                Search and understand complex service relationships in seconds with natural language queries.
+              </p>
+            </div>
+
+            <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
+              <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
+                <svg class="w-6 h-6 text-purple-600" viewBox="0 0 24 24" fill="currentColor">
+                  <path
+                    d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"
+                  ></path>
+                </svg>
+              </div>
+              <h3 class="text-lg font-semibold text-gray-900 mb-2">Smart Insights</h3>
+              <p class="text-gray-600">Get intelligent suggestions and insights about your architecture automatically.</p>
+            </div>
 
-        <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-          <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
-            <svg class="w-6 h-6 text-purple-600" viewBox="0 0 24 24" fill="currentColor">
-              <path
-                d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z"
-              ></path>
-            </svg>
+            <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
+              <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
+                <svg class="w-6 h-6 text-purple-600" viewBox="0 0 24 24" fill="currentColor">
+                  <path
+                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"
+                  ></path>
+                </svg>
+              </div>
+              <h3 class="text-lg font-semibold text-gray-900 mb-2">Privacy First</h3>
+              <p class="text-gray-600">All processing happens locally in your browser. Your data never leaves your machine.</p>
+            </div>
           </div>
-          <h3 class="text-lg font-semibold text-gray-900 mb-2">Smart Insights</h3>
-          <p class="text-gray-600">Get intelligent suggestions and insights about your architecture automatically.</p>
-        </div>
 
-        <div class="bg-white rounded-xl p-6 shadow-sm border border-gray-200">
-          <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
-            <svg class="w-6 h-6 text-purple-600" viewBox="0 0 24 24" fill="currentColor">
-              <path
-                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"
-              ></path>
-            </svg>
+          {/* Bottom Link */}
+          <div class="mt-16 text-center">
+            <a
+              href="https://www.eventcatalog.dev/docs/development/guides/customize-sidebars/application-sidebar"
+              target="_blank"
+              class="text-sm text-gray-400 hover:text-gray-500 transition-colors duration-150"
+            >
+              Not ready for AI chat? You can hide this feature in settings
+            </a>
           </div>
-          <h3 class="text-lg font-semibold text-gray-900 mb-2">Privacy First</h3>
-          <p class="text-gray-600">All processing happens locally in your browser. Your data never leaves your machine.</p>
         </div>
       </div>
-
-      {/* Bottom Link */}
-      <div class="mt-16 text-center">
-        <a
-          href="https://www.eventcatalog.dev/docs/development/guides/customize-sidebars/application-sidebar"
-          target="_blank"
-          class="text-sm text-gray-400 hover:text-gray-500 transition-colors duration-150"
-        >
-          Not ready for AI chat? You can hide this feature in settings
-        </a>
-      </div>
-    </div>
-  </div>
-</VerticalSideBarLayout>
+    </VerticalSideBarLayout>
+  </body>
+</html>
 
 <style>
   .scroll-smooth {

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/event-catalog/eventcatalog.git"
   },
   "type": "module",
-  "version": "2.54.0",
+  "version": "2.54.2",
   "publishConfig": {
     "access": "public"
   },