@eventcatalog/core 4.10.12 → 4.10.13

package/eventcatalog/src/components/ChatPanel/ChatPanelButton.tsx

@@ -1,9 +1,15 @@
-import { useState, useEffect } from 'react';
-import { BookOpen } from 'lucide-react';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { Sparkles } from 'lucide-react';
 import ChatPanel from './ChatPanel';
 
-const ChatPanelButton = () => {
+const ChatPanelButton = ({ configured = false }: { configured?: boolean }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const buttonRef = useRef<HTMLButtonElement>(null);
+  const closePanel = useCallback(() => {
+    setIsOpen(false);
+    buttonRef.current?.focus();
+  }, []);
+  const [shortcut, setShortcut] = useState('⌘I');
 
   // Listen for custom event to open chat panel from other components
   useEffect(() => {
@@ -11,22 +17,36 @@ const ChatPanelButton = () => {
       setIsOpen(true);
     };
 
+    setShortcut(/Mac|iPhone|iPad/.test(navigator.platform) ? '⌘I' : 'Ctrl I');
+    const handleShortcut = (event: KeyboardEvent) => {
+      if ((event.metaKey || event.ctrlKey) && !event.altKey && !event.shiftKey && event.key.toLowerCase() === 'i') {
+        event.preventDefault();
+        setIsOpen(true);
+      }
+    };
+    window.addEventListener('keydown', handleShortcut);
     window.addEventListener('eventcatalog:open-chat', handleOpenChat);
-    return () => window.removeEventListener('eventcatalog:open-chat', handleOpenChat);
+    return () => {
+      window.removeEventListener('keydown', handleShortcut);
+      window.removeEventListener('eventcatalog:open-chat', handleOpenChat);
+    };
   }, []);
 
   return (
     <>
       <button
+        ref={buttonRef}
         onClick={() => setIsOpen(true)}
-        className="flex items-center gap-1.5 px-4 py-1.5 rounded-md bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-content-hover))] ring-1 ring-inset ring-[rgb(var(--ec-page-border))] shadow-xs transition-colors text-sm ml-[-1px]"
+        className="flex h-9 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-4 rounded-md bg-[rgb(var(--ec-card-bg))] hover:bg-[rgb(var(--ec-content-hover))] ring-1 ring-inset ring-[rgb(var(--ec-page-border))] shadow-xs transition-colors text-sm"
         aria-label="Open AI Assistant"
+        aria-keyshortcuts="Meta+i Control+i"
+        title={`Open Event Catalog Assistant (${shortcut})`}
       >
-        <BookOpen size={14} className="text-[rgb(var(--ec-accent))]" />
-        <span className="font-light text-[rgb(var(--ec-page-text-muted))]">Ask</span>
+        <Sparkles size={16} className="shrink-0 text-gray-500" aria-hidden="true" />
+        <span className="font-light text-gray-500">Ask</span>
       </button>
 
-      <ChatPanel isOpen={isOpen} onClose={() => setIsOpen(false)} />
+      <ChatPanel configured={configured} isOpen={isOpen} onClose={closePanel} />
     </>
   );
 };

package/eventcatalog/src/components/ChatPanel/OfflineReply.tsx

@@ -0,0 +1,45 @@
+import { ArrowUpRight } from 'lucide-react';
+import { buildUrl } from '@utils/url-builder';
+
+const setupUrl = 'https://www.eventcatalog.dev/docs/development/ask-your-architecture/eventcatalog-assistant/configuration';
+const introduction = 'Your whole catalog, connected to your AI.';
+const description =
+  'Bring your own model and I can help you understand your services, trace how events flow, and explore the impact of a change across your whole catalog.';
+const privacy = 'You choose where your data is processed: on your own infrastructure or with a model provider you trust.';
+const setup = 'I’m not connected to a model yet. Your catalog owner can connect one to get started.';
+
+export const offlineReplyText = `${introduction}\n\n${description}\n\n${privacy}\n\n${setup}`;
+
+export default function OfflineReply() {
+  return (
+    <div className="ec-chat-offline w-full space-y-4 py-2 text-[13px] leading-relaxed text-[rgb(var(--ec-content-text))]">
+      <div className="space-y-2">
+        <p className="text-base font-medium leading-snug text-[rgb(var(--ec-page-text))]">{introduction}</p>
+        <p>{description}</p>
+      </div>
+      <div className="space-y-3 rounded-xl border border-[rgb(var(--ec-accent)/0.15)] bg-[rgb(var(--ec-accent)/0.04)] p-4">
+        <div className="space-y-1">
+          <p className="font-medium text-[rgb(var(--ec-page-text))]">Your model. Your control.</p>
+          <p className="text-[rgb(var(--ec-page-text-muted))]">{privacy}</p>
+        </div>
+        <p>{setup}</p>
+        <a
+          href={setupUrl}
+          target="_blank"
+          rel="noreferrer"
+          className="inline-flex items-center gap-2 rounded-lg bg-[rgb(var(--ec-accent))] px-3 py-2 text-xs font-medium text-white transition-colors hover:bg-[rgb(var(--ec-accent-hover))] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[rgb(var(--ec-accent))]"
+        >
+          Connect your model
+          <ArrowUpRight size={14} aria-hidden="true" />
+        </a>
+      </div>
+      <p className="text-xs leading-relaxed text-[rgb(var(--ec-page-text-muted))]">
+        Don’t need the assistant?{' '}
+        <a href={buildUrl('/settings/assistant')} className="underline underline-offset-2 hover:text-[rgb(var(--ec-page-text))]">
+          Turn off Event Catalog Assistant
+        </a>{' '}
+        or set <code className="text-[11px]">chat.enabled: false</code> in your catalog configuration.
+      </p>
+    </div>
+  );
+}

package/eventcatalog/src/components/Header.astro

@@ -2,7 +2,12 @@
 import catalog from '@utils/eventcatalog-config/catalog';
 import Search from '@components/Search/Search.astro';
 import { buildUrl } from '@utils/url-builder';
-import { showEventCatalogBranding, showCustomBranding, isEventCatalogChatEnabled } from '@utils/feature';
+import {
+  showEventCatalogBranding,
+  showCustomBranding,
+  isEventCatalogChatVisible,
+  isEventCatalogChatEnabled,
+} from '@utils/feature';
 import { getSession } from 'auth-astro/server';
 import { isAuthEnabled, isSSR } from '@utils/feature';
 import { EnvironmentDropdown } from './EnvironmentDropdown';
@@ -33,15 +38,15 @@ const repositoryUrl = catalog?.repositoryUrl || 'https://github.com/event-catalo
     : 'left: var(--ec-vertical-nav-width, 14rem);'}
 >
   <div class="px-6">
-    <div class="flex justify-between items-center">
-      <div class="hidden lg:flex flex-grow items-center">
-        <div class="w-full max-w-xl">
+    <div class="flex justify-between items-center gap-4">
+      <div class="flex min-w-0 flex-1 items-center gap-3">
+        <div class="hidden lg:block min-w-0 flex-1 max-w-xl">
           <Search />
         </div>
-        {isEventCatalogChatEnabled() && <ChatPanelButton client:idle />}
+        {isEventCatalogChatVisible() && <ChatPanelButton configured={isEventCatalogChatEnabled()} client:idle />}
       </div>
 
-      <div class="hidden md:block w-3/12">
+      <div class="hidden md:block shrink-0 ml-auto">
         {
           session ? (
             <div class="flex items-center space-x-4 justify-end pr-2">

package/eventcatalog/src/components/MDX/Design/Design.astro

@@ -7,10 +7,10 @@ import AstroNodeGraph from '../NodeGraph/AstroNodeGraph';
 // Visualiser styles ship in the page head so ClientRouter navigations keep them (see NodeGraph.astro).
 import '@eventcatalog/visualiser/styles-core.css';
 
-import { isVisualiserEnabled, isEventCatalogChatEnabled, isDevMode } from '@utils/feature';
+import { isVisualiserEnabled, isEventCatalogChatVisible, isDevMode } from '@utils/feature';
 import { loadSavedLayout, applyLayoutToNodes, buildResourceKey } from '@utils/node-graphs/layout-persistence';
 
-const isChatEnabled = isEventCatalogChatEnabled();
+const isChatEnabled = isEventCatalogChatVisible();
 
 let design: any;
 let id = 'design';

package/eventcatalog/src/components/MDX/EntityMap/EntityMap.astro

@@ -7,10 +7,10 @@ import AstroNodeGraph from '../NodeGraph/AstroNodeGraph';
 import '@eventcatalog/visualiser/styles-core.css';
 import { getVersionFromCollection } from '@utils/collections/versions';
 import { getServices } from '@utils/collections/services';
-import { isEventCatalogChatEnabled, isDevMode } from '@utils/feature';
+import { isEventCatalogChatVisible, isDevMode } from '@utils/feature';
 import { loadSavedLayout, applyLayoutToNodes, buildResourceKey } from '@utils/node-graphs/layout-persistence';
 
-const isChatEnabled = isEventCatalogChatEnabled();
+const isChatEnabled = isEventCatalogChatVisible();
 
 const { id, version = 'latest', maxHeight, includeKey = true, entities, collection = 'domains', ...rest } = Astro.props;
 let resource = null;

package/eventcatalog/src/components/MDX/Flow/Flow.astro

@@ -6,12 +6,12 @@ import AstroNodeGraph from '../NodeGraph/AstroNodeGraph';
 // Visualiser styles ship in the page head so ClientRouter navigations keep them (see NodeGraph.astro).
 import '@eventcatalog/visualiser/styles-core.css';
 import { getVersionFromCollection } from '@utils/collections/versions';
-import { isVisualiserEnabled, isEventCatalogChatEnabled, isDevMode } from '@utils/feature';
+import { isVisualiserEnabled, isEventCatalogChatVisible, isDevMode } from '@utils/feature';
 import { loadSavedLayout, applyLayoutToNodes, buildResourceKey } from '@utils/node-graphs/layout-persistence';
 import { randomUUID } from 'node:crypto';
 import { parseMdxBooleanProp } from '@utils/markdown';
 
-const isChatEnabled = isEventCatalogChatEnabled();
+const isChatEnabled = isEventCatalogChatVisible();
 
 const { id, version = 'latest', maxHeight, mode = 'simple' } = Astro.props;
 const includeKey = parseMdxBooleanProp(Astro.props.legend ?? Astro.props.includeKey, true);

package/eventcatalog/src/components/MDX/NodeGraph/NodeGraph.astro

@@ -29,11 +29,11 @@ import { pageDataLoader } from '@utils/page-loaders/page-data-loader';
 import { getNodesAndEdges as getNodesAndEdgesForContainer } from '@utils/node-graphs/container-node-graph';
 import { getNodesAndEdges as getNodesAndEdgesForChannel } from '@utils/node-graphs/channel-node-graph';
 import config from '@config';
-import { isEventCatalogChatEnabled, isDevMode } from '@utils/feature';
+import { isEventCatalogChatVisible, isDevMode } from '@utils/feature';
 import { loadSavedLayout, applyLayoutToNodes, buildResourceKey } from '@utils/node-graphs/layout-persistence';
 import { compactVisualiserGraph } from '@utils/node-graphs/compact-visualiser-graph';
 
-const isChatEnabled = isEventCatalogChatEnabled();
+const isChatEnabled = isEventCatalogChatVisible();
 
 interface Props {
   id: string;

package/eventcatalog/src/components/Search/Search.astro

@@ -4,18 +4,25 @@ import SearchModal from './SearchModal.tsx';
 ---
 
 <div>
-  <div class="relative flex items-center w-full pr-4 ml-1">
+  <div class="relative flex min-w-0 items-center w-full">
     <input
       id="search-dummy-input"
       type="text"
       name="search"
       placeholder="Search EventCatalog"
       autocomplete="off"
-      class="block w-full rounded-md caret-transparent border-0 py-1.5 pr-14 pl-10! text-[rgb(var(--ec-header-text))] bg-[rgb(var(--ec-header-bg))] shadow-xs ring-1 ring-inset ring-[rgb(var(--ec-dropdown-border))] placeholder:text-[rgb(var(--ec-icon-color))] font-light sm:text-sm sm:leading-6"
+      class="block h-9 min-w-0 w-full rounded-md caret-transparent border-0 py-1.5 pr-20 pl-10! text-[rgb(var(--ec-header-text))] bg-[rgb(var(--ec-header-bg))] shadow-xs ring-1 ring-inset ring-[rgb(var(--ec-dropdown-border))] placeholder:text-gray-400 font-light sm:text-sm sm:leading-6"
     />
     <MagnifyingGlassIcon className="absolute inset-y-0 left-0 h-9 w-8 flex items-center pl-4 text-[rgb(var(--ec-icon-color))]" />
-    <div class="absolute inset-y-0 right-0 flex py-1.5 pr-6">
-      <kbd class="inline-flex items-center rounded px-1 font-sans text-xs text-[rgb(var(--ec-icon-color))]">⌘K</kbd>
+    <div class="absolute inset-y-0 right-0 flex items-center gap-1 pr-2 pointer-events-none">
+      <kbd
+        class="inline-flex h-6 min-w-6 items-center justify-center rounded-lg border border-[rgb(var(--ec-dropdown-border))] bg-[rgb(var(--ec-card-bg))] px-1 font-sans text-xs font-normal text-[rgb(var(--ec-icon-color))] shadow-xs"
+        >⌘</kbd
+      >
+      <kbd
+        class="inline-flex h-6 min-w-6 items-center justify-center rounded-lg border border-[rgb(var(--ec-dropdown-border))] bg-[rgb(var(--ec-card-bg))] px-1 font-sans text-xs font-normal text-[rgb(var(--ec-icon-color))] shadow-xs"
+        >K</kbd
+      >
     </div>
   </div>
 </div>

package/eventcatalog/src/components/Settings/AssistantSettingsForm.tsx

@@ -76,34 +76,39 @@ export const AssistantSettingsForm = ({ canEdit, initial, chatAvailable, hasPlan
       <Row
         title="Assistant Agent"
         description="Assistant agent that answers questions about your architecture directly in your catalog."
-        canEdit={canEdit && chatAvailable}
+        canEdit={canEdit}
         dirty={dirty}
         saving={saving}
-        onSave={chatAvailable ? save : undefined}
+        onSave={save}
       >
-        {chatAvailable ? (
-          <div className="space-y-3">
-            <ToggleRow
-              icon={<MessageSquare className="h-4 w-4" aria-hidden />}
-              label={chatEnabled ? 'Enabled' : 'Disabled'}
-              hint={chatEnabled ? 'Chat is available to readers of this catalog.' : 'Chat is hidden from the catalog.'}
-              checked={chatEnabled}
-              disabled={!canEdit}
-              onChange={setChatEnabled}
-            />
-            {chatEnabled && <ConfigurationRequired />}
-          </div>
-        ) : !hasPlan ? (
-          <UpgradeRequired
-            tier="Starter and Scale"
-            blurb="The EventCatalog Assistant is part of our paid plans. Upgrade to give your team a built-in AI agent that answers questions about your architecture."
-            docsUrl={ASSISTANT_DOCS_URL}
+        <div className="space-y-3">
+          <ToggleRow
+            icon={<MessageSquare className="h-4 w-4" aria-hidden />}
+            label={chatEnabled ? 'Enabled' : 'Disabled'}
+            hint={
+              chatEnabled
+                ? 'Event Catalog Assistant is visible in this catalog.'
+                : 'Event Catalog Assistant is hidden from this catalog.'
+            }
+            checked={chatEnabled}
+            disabled={!canEdit}
+            onChange={setChatEnabled}
           />
-        ) : !inSSR ? (
-          <AssistantNeedsSSR />
-        ) : !hasChatConfigFile ? (
-          <AssistantNeedsConfigFile />
-        ) : null}
+          {chatEnabled &&
+            (chatAvailable ? (
+              <ConfigurationRequired />
+            ) : !hasPlan ? (
+              <UpgradeRequired
+                tier="Starter and Scale"
+                blurb="The EventCatalog Assistant is part of our paid plans. Upgrade to give your team a built-in AI agent that answers questions about your architecture."
+                docsUrl={ASSISTANT_DOCS_URL}
+              />
+            ) : !inSSR ? (
+              <AssistantNeedsSSR />
+            ) : !hasChatConfigFile ? (
+              <AssistantNeedsConfigFile />
+            ) : null)}
+        </div>
       </Row>
     </form>
   );

package/eventcatalog/src/enterprise/custom-documentation/pages/docs/custom/index.astro

@@ -21,7 +21,7 @@ import {
   isVisualiserEnabled,
   isMarkdownDownloadEnabled,
   isRSSEnabled,
-  isEventCatalogChatEnabled,
+  isEventCatalogChatVisible,
   isArchitectureGraphEnabled,
 } from '@utils/feature';
 
@@ -152,11 +152,11 @@ const editUrl =
                 client:only="react"
                 variant="toolbar"
                 schemas={[]}
-                chatEnabled={isEventCatalogChatEnabled()}
+                chatEnabled={isEventCatalogChatVisible()}
                 markdownDownloadEnabled={isMarkdownDownloadEnabled()}
                 rssFeedEnabled={isRSSEnabled()}
                 editUrl={editUrl}
-                preferChatAsDefault={isEventCatalogChatEnabled()}
+                preferChatAsDefault={isEventCatalogChatVisible()}
               />
             </div>
           </div>

package/eventcatalog/src/pages/diagrams/[id]/[version]/index.astro

@@ -7,7 +7,7 @@ import config from '@config';
 import { buildUrl } from '@utils/url-builder';
 import { GitCompare, X, AlignLeft, HistoryIcon } from 'lucide-react';
 import CopyAsMarkdown from '@components/CopyAsMarkdown';
-import { isLLMSTxtEnabled, isEventCatalogChatEnabled } from '@utils/feature';
+import { isLLMSTxtEnabled, isEventCatalogChatVisible } from '@utils/feature';
 
 import { Page } from './_index.data';
 
@@ -21,7 +21,7 @@ const pageTitle = `Diagram | ${props.data.name}`;
 const currentVersion = props.data.version;
 const allVersions = props.allVersions || [currentVersion];
 const hasMultipleVersions = allVersions.length > 1;
-const chatEnabled = isEventCatalogChatEnabled();
+const chatEnabled = isEventCatalogChatVisible();
 const markdownDownloadEnabled = isLLMSTxtEnabled();
 const chatQuery = `Tell me about the "${props.data.name}" diagram (version ${props.data.version})`;
 ---

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/[docType]/[docId]/[docVersion]/index.astro

@@ -8,7 +8,7 @@ import CopyAsMarkdown from '@components/CopyAsMarkdown';
 import Badge from '@components/Badge.astro';
 import { buildUrl } from '@utils/url-builder';
 import { AlignLeftIcon, HistoryIcon } from 'lucide-react';
-import { isEventCatalogChatEnabled, isMarkdownDownloadEnabled, isResourceDocsEnabled } from '@utils/feature';
+import { isEventCatalogChatVisible, isMarkdownDownloadEnabled, isResourceDocsEnabled } from '@utils/feature';
 import { getResourceDocTypeLabel } from '@utils/collections/resource-docs';
 import { getIcon } from '@utils/badges';
 import { collectionToResourceMap } from '@utils/collections/util';
@@ -37,7 +37,7 @@ const docsBasePath = `/docs/${props.data.resourceCollection}/${props.data.resour
 const singularResourceName =
   collectionToResourceMap[props.data.resourceCollection as keyof typeof collectionToResourceMap] ??
   props.data.resourceCollection.slice(0, props.data.resourceCollection.length - 1);
-const chatEnabled = isEventCatalogChatEnabled();
+const chatEnabled = isEventCatalogChatVisible();
 const chatQuery = `Tell me about the ${props.data.type} doc "${title}" for ${props.data.resourceId} (version ${props.data.version})`;
 
 const pagefindAttributes =
@@ -69,7 +69,9 @@ const pagefindAttributes =
           {
             badges.length > 0 && (
               <div class="flex flex-wrap gap-1.5 pt-4">
-                {badges.map((badge: any) => <Badge badge={badge} />)}
+                {badges.map((badge: any) => (
+                  <Badge badge={badge} />
+                ))}
               </div>
             )
           }

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/[docType]/[docId]/index.astro

@@ -8,7 +8,7 @@ import CopyAsMarkdown from '@components/CopyAsMarkdown';
 import Badge from '@components/Badge.astro';
 import { buildUrl } from '@utils/url-builder';
 import { AlignLeftIcon, HistoryIcon } from 'lucide-react';
-import { isEventCatalogChatEnabled, isMarkdownDownloadEnabled, isResourceDocsEnabled } from '@utils/feature';
+import { isEventCatalogChatVisible, isMarkdownDownloadEnabled, isResourceDocsEnabled } from '@utils/feature';
 import { getIcon } from '@utils/badges';
 import { collectionToResourceMap } from '@utils/collections/util';
 import { getResourceDocTypeLabel } from '@utils/collections/resource-docs';
@@ -38,7 +38,7 @@ const singularResourceName =
   collectionToResourceMap[props.data.resourceCollection as keyof typeof collectionToResourceMap] ??
   props.data.resourceCollection.slice(0, props.data.resourceCollection.length - 1);
 const typeLabel = getResourceDocTypeLabel(props.data.type);
-const chatEnabled = isEventCatalogChatEnabled();
+const chatEnabled = isEventCatalogChatVisible();
 const chatQuery = `Tell me about the ${props.data.type} doc "${title}" for ${props.data.resourceId} (version ${props.data.version})`;
 
 const pagefindAttributes =
@@ -60,11 +60,17 @@ const pagefindAttributes =
             <span class="text-xs md:text-sm font-semibold text-[rgb(var(--ec-accent))] capitalize">{typeLabel}</span>
             <h2 id="doc-page-header" class="text-2xl md:text-4xl font-bold text-[rgb(var(--ec-page-text))]">{title}</h2>
           </div>
-          {props.data.summary && <p class="text-base pt-4 text-[rgb(var(--ec-page-text-muted))] font-light">{props.data.summary}</p>}
+          {
+            props.data.summary && (
+              <p class="text-base pt-4 text-[rgb(var(--ec-page-text-muted))] font-light">{props.data.summary}</p>
+            )
+          }
           {
             badges.length > 0 && (
               <div class="flex flex-wrap gap-1.5 pt-4">
-                {badges.map((badge: any) => <Badge badge={badge} />)}
+                {badges.map((badge: any) => (
+                  <Badge badge={badge} />
+                ))}
               </div>
             )
           }

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/asyncapi/[filename].astro

@@ -12,7 +12,7 @@ import js from '@asyncapi/react-component/browser/standalone/without-parser.js?u
 import { AsyncApiComponentWP, type ConfigInterface } from '@asyncapi/react-component';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
 import CopyAsMarkdown from '@components/CopyAsMarkdown';
-import { isEventCatalogChatEnabled } from '@utils/feature';
+import { isEventCatalogChatVisible } from '@utils/feature';
 import Config from '@utils/eventcatalog-config/catalog';
 import { Page } from './_[filename].data';
 import { getAbsoluteFilePathForAstroFile } from '@utils/files';
@@ -148,7 +148,7 @@ const renderedComponent = renderToString(component);
 const pageTitle = `${collection} | ${data.name} | AsyncApi Spec`.replace(/^\w/, (c) => c.toUpperCase());
 
 // Chat configuration
-const chatEnabled = isEventCatalogChatEnabled();
+const chatEnabled = isEventCatalogChatVisible();
 const chatQuery = `Tell me about the AsyncAPI specification for "${data.name}" (version ${data.version})`;
 
 // Index only the latest version

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/index.astro

@@ -61,7 +61,7 @@ import { getIcon } from '@utils/badges';
 import { buildUrl, buildEditUrlForResource } from '@utils/url-builder';
 import { isIconPath, resolveIconUrl } from '@utils/icon';
 import {
-  isEventCatalogChatEnabled,
+  isEventCatalogChatVisible,
   isMarkdownDownloadEnabled,
   isVisualiserEnabled,
   isRSSEnabled,
@@ -479,11 +479,11 @@ if (!isAdrPage && !hasCurrentFlowEmbed && !hasCurrentPageNodeGraph) {
                 variant="toolbar"
                 schemas={schemasForResource}
                 chatQuery={generatePromptForResource(props)}
-                chatEnabled={isEventCatalogChatEnabled()}
+                chatEnabled={isEventCatalogChatVisible()}
                 markdownDownloadEnabled={isMarkdownDownloadEnabled()}
                 rssFeedEnabled={isRSSEnabled()}
                 editUrl={editUrl}
-                preferChatAsDefault={isEventCatalogChatEnabled()}
+                preferChatAsDefault={isEventCatalogChatVisible()}
                 mcpServerUrl={mcpServerUrl}
                 resourceName={props.data.name}
                 mcpResourceType={mcpResourceType}

package/eventcatalog/src/pages/docs/[type]/[id]/[version]/spec/[filename].astro

@@ -5,7 +5,7 @@ import OpenAPISpec from './_OpenAPI.tsx';
 import { DocumentMinusIcon } from '@heroicons/react/24/outline';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
 import CopyAsMarkdown from '@components/CopyAsMarkdown';
-import { isEventCatalogChatEnabled } from '@utils/feature';
+import { isEventCatalogChatVisible } from '@utils/feature';
 import './_styles.css';
 import { Page } from './_[filename].data.ts';
 import { getAbsoluteFilePathForAstroFile } from '@utils/files';
@@ -31,7 +31,7 @@ let content = '';
 const pageTitle = `${collection} | ${data.name} | OpenAPI Spec`.replace(/^\w/, (c) => c.toUpperCase());
 
 // Chat configuration
-const chatEnabled = isEventCatalogChatEnabled();
+const chatEnabled = isEventCatalogChatVisible();
 const chatQuery = `Tell me about the OpenAPI specification for "${data.name}" (version ${data.version})`;
 
 // Index only the latest version

package/eventcatalog/src/pages/visualiser/designs/[id]/index.astro

@@ -4,11 +4,11 @@ import AstroNodeGraph from '@components/MDX/NodeGraph/AstroNodeGraph';
 import '@eventcatalog/visualiser/styles-core.css';
 import { ClientRouter } from 'astro:transitions';
 import VerticalSideBarLayout from '@layouts/VerticalSideBarLayout.astro';
-import { isEventCatalogChatEnabled } from '@utils/feature';
+import { isEventCatalogChatVisible } from '@utils/feature';
 
 import { Page } from './_index.data';
 
-const isChatEnabled = isEventCatalogChatEnabled();
+const isChatEnabled = isEventCatalogChatVisible();
 
 export const prerender = Page.prerender;
 export const getStaticPaths = Page.getStaticPaths;

package/eventcatalog/src/utils/feature.ts

@@ -1,6 +1,7 @@
 import config from '../../eventcatalog.config.js';
 
 // Open-source feature flags
+export const isEventCatalogChatVisible = () => config?.chat?.enabled ?? true;
 export const isSSR = () => config?.output === 'server';
 export const isVisualiserEnabled = () => config?.visualiser?.enabled ?? true;
 // Opt-in while in beta — building the whole-catalog graph is unproven on very large catalogs

package/package.json

@@ -7,7 +7,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "4.10.12",
+  "version": "4.10.13",
   "publishConfig": {
     "access": "public"
   },