@eventcatalog/core 3.29.2 → 3.31.1

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

@@ -23,20 +23,18 @@ const { subdomains, duplicateTerms } = ubiquitousLanguageData;
 
 <VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
   <main
-    class="flex sm:px-6 docs-layout h-full bg-[rgb(var(--ec-page-bg))]"
+    class="flex docs-layout min-h-full bg-[rgb(var(--ec-page-bg))]"
     data-pagefind-body
     data-pagefind-meta={`title:${pageTitle}`}
   >
     <div class="flex docs-layout w-full">
-      <div class="w-full lg:mr-2 pr-8 overflow-y-auto pt-6 pb-8 min-h-[50em]">
+      <div class="w-full lg:mr-2 pr-24 py-8 min-h-[50em]">
         {/* Title Section */}
         <div class="relative border-b border-[rgb(var(--ec-page-border))] mb-6 pb-6">
           <div class="xl:flex xl:items-start xl:justify-between">
             <div class="min-w-0 flex-1">
-              <h1 class="text-xl font-bold leading-7 text-[rgb(var(--ec-page-text))] sm:text-2xl xl:text-3xl">
-                Ubiquitous Language
-              </h1>
-              <p class="mt-2 text-sm text-[rgb(var(--ec-page-text-muted))]">
+              <h1 class="text-2xl md:text-4xl font-bold text-[rgb(var(--ec-page-text))]">Ubiquitous Language</h1>
+              <p class="pt-2 text-base text-[rgb(var(--ec-page-text-muted))] font-light">
                 Browse and discover ubiquitous language terms in the {props.data.name} domain{
                   subdomains.length > 0 ? ' and its subdomains' : ''
                 }
@@ -49,7 +47,7 @@ const { subdomains, duplicateTerms } = ubiquitousLanguageData;
                   type="text"
                   id="searchInput"
                   placeholder="Search terms..."
-                  class="w-full px-4 py-2.5 pl-10 border border-[rgb(var(--ec-input-border))] rounded-lg focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:border-[rgb(var(--ec-accent))] text-sm bg-[rgb(var(--ec-input-bg))] text-[rgb(var(--ec-input-text))] placeholder:text-[rgb(var(--ec-input-placeholder))] transition-colors"
+                  class="block w-full rounded-md border-0 py-1.5 pr-4 pl-10 text-sm font-light 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))] focus:ring-2 focus:ring-[rgb(var(--ec-accent))] focus:outline-none"
                 />
                 <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                   <svg class="h-4 w-4 text-[rgb(var(--ec-icon-color))]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -61,14 +59,6 @@ const { subdomains, duplicateTerms } = ubiquitousLanguageData;
                   </svg>
                 </div>
               </div>
-              <div class="mt-2 text-right">
-                <span
-                  class="inline-flex items-center px-2 py-1 text-xs font-medium text-[rgb(var(--ec-page-text-muted))] bg-[rgb(var(--ec-card-bg,var(--ec-page-bg)))] border border-[rgb(var(--ec-page-border))] rounded-md"
-                  id="resultsCount"
-                >
-                  {/* This will be updated by JavaScript */}
-                </span>
-              </div>
             </div>
           </div>
         </div>
@@ -325,15 +315,11 @@ const { subdomains, duplicateTerms } = ubiquitousLanguageData;
     function initializeSearch() {
       const searchInput = document.getElementById('searchInput');
       const domainSections = document.querySelectorAll('[data-domain-section]');
-      const resultsCount = document.getElementById('resultsCount');
 
       function updateResults() {
         //@ts-ignore
         const searchTerm = searchInput?.value.toLowerCase() || '';
-        let totalVisibleTerms = 0;
-        let totalTerms = 0;
 
-        // Handle search for each domain section
         domainSections.forEach((section) => {
           const domainId = section.getAttribute('data-domain-section');
           const domainCards = section.querySelectorAll('.term-card');
@@ -341,19 +327,14 @@ const { subdomains, duplicateTerms } = ubiquitousLanguageData;
           let domainVisibleCount = 0;
 
           domainCards.forEach((card) => {
-            totalTerms++;
             const title = card.querySelector('h4')?.textContent?.toLowerCase() || '';
             const description = card.querySelector('p')?.textContent?.toLowerCase() || '';
             const matches = searchTerm === '' || title.includes(searchTerm) || description.includes(searchTerm);
 
             card.classList.toggle('hidden', !matches);
-            if (matches) {
-              domainVisibleCount++;
-              totalVisibleTerms++;
-            }
+            if (matches) domainVisibleCount++;
           });
 
-          // Show/hide domain-specific no results message
           if (domainNoResults) {
             if (searchTerm.trim() === '') {
               domainNoResults.classList.add('hidden');
@@ -362,16 +343,9 @@ const { subdomains, duplicateTerms } = ubiquitousLanguageData;
             }
           }
         });
-
-        // Update results count
-        if (resultsCount) {
-          resultsCount.textContent = `Showing ${totalVisibleTerms} terms`;
-        }
       }
 
       searchInput?.addEventListener('input', updateResults);
-
-      // Initialize results count
       updateResults();
     }
 

package/eventcatalog/src/pages/docs/llm/llms.txt.ts

@@ -2,7 +2,7 @@ import { getCollection } from 'astro:content';
 import config from '@config';
 import type { APIRoute } from 'astro';
 
-import { isCustomDocsEnabled, isResourceDocsEnabled } from '@utils/feature';
+import { isCustomDocsEnabled, isResourceDocsEnabled, isLLMSTxtEnabled } from '@utils/feature';
 import { getUbiquitousLanguage } from '@utils/collections/domains';
 import { getResourceDocs } from '@utils/collections/resource-docs';
 
@@ -82,6 +82,10 @@ const renderEntities = (baseUrl: string) => {
 };
 
 export const GET: APIRoute = async ({ params, request }) => {
+  if (!isLLMSTxtEnabled()) {
+    return new Response('llms.txt is not enabled for this Catalog.', { status: 404 });
+  }
+
   const url = new URL(request.url);
   const baseUrl = process.env.LLMS_TXT_BASE_URL || `${url.origin}`;
 

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

@@ -63,9 +63,13 @@ const pageTitle = `Team | ${props.data.name}`;
 ---
 
 <VerticalSideBarLayout title={pageTitle} description={props.data.summary}>
-  <main class="flex sm:px-8 docs-layout h-full" data-pagefind-body data-pagefind-meta={`title:${pageTitle}`}>
+  <main
+    class="flex docs-layout min-h-full bg-[rgb(var(--ec-page-bg))]"
+    data-pagefind-body
+    data-pagefind-meta={`title:${pageTitle}`}
+  >
     <div class="flex docs-layout w-full">
-      <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
+      <div class="w-full lg:mr-2 pr-24 py-8 bg-[rgb(var(--ec-page-bg))]">
         <div class="border-b border-[rgb(var(--ec-page-border))] pb-6">
           <div class="flex justify-start">
             <div class="flex flex-col justify-between space-y-3">
@@ -146,8 +150,11 @@ const pageTitle = `Team | ${props.data.name}`;
           <Content components={components(props)} />
         </div>
       </div>
-      <aside class="hidden lg:block sticky top-0 pb-10 w-96 overflow-y-auto py-2" data-pagefind-ignore>
-        <div class="sticky top-28 left-0 h-full overflow-y-auto pr-6 py-4">
+      <aside
+        class="hidden xl:block sticky top-[5.5rem] self-start w-[280px] max-h-[calc(100vh-5.5rem)] overflow-y-auto py-2 flex-shrink-0 pr-10 bg-[rgb(var(--ec-page-bg))]"
+        data-pagefind-ignore
+      >
+        <div class="py-2">
           {
             ownedDomainsList.length > 0 && (
               <PillListFlat

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

@@ -60,9 +60,13 @@ const pageTitle = `User | ${props.data.name}`;
 ---
 
 <VerticalSideBarLayout title={pageTitle}>
-  <main class="flex sm:px-8 docs-layout h-full" data-pagefind-body data-pagefind-meta={`title:${pageTitle}`}>
+  <main
+    class="flex docs-layout min-h-full bg-[rgb(var(--ec-page-bg))]"
+    data-pagefind-body
+    data-pagefind-meta={`title:${pageTitle}`}
+  >
     <div class="flex docs-layout w-full">
-      <div class="w-full lg:mr-2 pr-8 overflow-y-auto py-8">
+      <div class="w-full lg:mr-2 pr-24 py-8 bg-[rgb(var(--ec-page-bg))]">
         <div class="border-b border-[rgb(var(--ec-page-border))] pb-6">
           <div class="flex justify-start gap-6">
             {
@@ -70,7 +74,7 @@ const pageTitle = `User | ${props.data.name}`;
                 <img
                   src={props.data.avatarUrl}
                   alt={`${props.data.name}'s profile picture`}
-                  class="w-20 h-20 rounded-full object-cover border-2 border-[rgb(var(--ec-page-border))]"
+                  class="w-20 h-20 rounded-md object-cover border-2 border-[rgb(var(--ec-page-border))]"
                 />
               )
             }
@@ -147,8 +151,11 @@ const pageTitle = `User | ${props.data.name}`;
           <Content components={components(props)} />
         </div>
       </div>
-      <aside class="hidden lg:block sticky top-0 pb-10 w-96 overflow-y-auto py-2" data-pagefind-ignore>
-        <div class="sticky top-28 left-0 h-full overflow-y-auto pr-6 py-4">
+      <aside
+        class="hidden xl:block sticky top-[5.5rem] self-start w-[280px] max-h-[calc(100vh-5.5rem)] overflow-y-auto py-2 flex-shrink-0 pr-10 bg-[rgb(var(--ec-page-bg))]"
+        data-pagefind-ignore
+      >
+        <div class="py-2">
           {
             ownedDomainsList.length > 0 && (
               <PillListFlat

package/eventcatalog/src/pages/schemas/explorer/index.astro

@@ -13,13 +13,15 @@ const apiAccessEnabled = isEventCatalogScaleEnabled();
 ---
 
 <VerticalSideBarLayout title="Schema Explorer - EventCatalog" showNestedSideBar={false}>
-  <main class="flex docs-layout h-[calc(100vh-var(--header-height,0px)-64px)] bg-[rgb(var(--ec-page-bg))]">
-    <div class="flex docs-layout w-full h-full">
-      <div class="w-full flex flex-col h-full">
-        <div class="w-full max-w-none! h-full flex flex-col overflow-hidden">
-          <SchemaExplorer client:load schemas={schemas as any} apiAccessEnabled={apiAccessEnabled} />
-        </div>
-      </div>
-    </div>
+  <style is:global>
+    #eventcatalog-header {
+      left: calc(var(--ec-vertical-nav-width, 14rem) + var(--ec-schema-sidebar-width, 360px)) !important;
+    }
+  </style>
+  <main
+    class="min-h-0 overflow-hidden bg-[rgb(var(--ec-page-bg))]"
+    style={`--ec-schema-sidebar-width: 360px; margin-left: calc(var(--ec-app-content-padding-left, 5rem) * -1); margin-right: calc(var(--ec-app-content-padding-right, 5rem) * -1); height: calc(100dvh - 60px);`}
+  >
+    <SchemaExplorer client:load schemas={schemas as any} apiAccessEnabled={apiAccessEnabled} />
   </main>
 </VerticalSideBarLayout>

package/eventcatalog/src/pages/settings/assistant.astro

@@ -0,0 +1,37 @@
+---
+import fs from 'node:fs';
+import path from 'node:path';
+import SettingsLayout from '@layouts/SettingsLayout.astro';
+import { AssistantSettingsForm } from '@components/Settings/AssistantSettingsForm';
+import { isDevMode, isSSR, isEventCatalogStarterEnabled, isEventCatalogScaleEnabled } from '@utils/feature';
+import { buildUrl } from '@utils/url-builder';
+import config from '@config';
+
+const canEdit = isDevMode();
+
+const initial = {
+  llmsTxtEnabled: config?.llmsTxt?.enabled ?? true,
+  chatEnabled: config?.chat?.enabled ?? true,
+};
+
+const projectRoot = process.env.PROJECT_DIR ?? process.cwd();
+const hasChatConfigFile = fs.existsSync(path.join(projectRoot, 'eventcatalog.chat.js'));
+const hasPlan = isEventCatalogStarterEnabled() || isEventCatalogScaleEnabled();
+const inSSR = isSSR();
+const chatAvailable = hasPlan && hasChatConfigFile && inSSR;
+
+const apiBase = buildUrl('/api/settings');
+---
+
+<SettingsLayout title="Assistant Agent" active="assistant">
+  <AssistantSettingsForm
+    client:load
+    canEdit={canEdit}
+    initial={initial}
+    chatAvailable={chatAvailable}
+    hasPlan={hasPlan}
+    inSSR={inSSR}
+    hasChatConfigFile={hasChatConfigFile}
+    apiBase={apiBase}
+  />
+</SettingsLayout>

package/eventcatalog/src/pages/settings/billing.astro

@@ -0,0 +1,17 @@
+---
+import SettingsLayout from '@layouts/SettingsLayout.astro';
+import { BillingSettingsForm, type PlanId } from '@components/Settings/BillingSettingsForm';
+import { isEventCatalogStarterEnabled, isEventCatalogScaleEnabled } from '@utils/feature';
+
+// Detect which plan is active. Enterprise has no env flag of its own — it includes
+// Scale features, so an explicit Enterprise toggle would need a separate flag.
+// For now, treat anything Scale-licensed as Scale; Enterprise users will still see
+// upgrade copy on the Scale card but the Plans grid is the canonical source.
+let currentPlan: PlanId = 'community';
+if (isEventCatalogScaleEnabled()) currentPlan = 'scale';
+else if (isEventCatalogStarterEnabled()) currentPlan = 'starter';
+---
+
+<SettingsLayout title="Billing" active="billing">
+  <BillingSettingsForm client:load currentPlan={currentPlan} />
+</SettingsLayout>

package/eventcatalog/src/pages/settings/general.astro

@@ -0,0 +1,32 @@
+---
+import SettingsLayout from '@layouts/SettingsLayout.astro';
+import { GeneralSettingsForm } from '@components/Settings/GeneralSettingsForm';
+import { isDevMode } from '@utils/feature';
+import { buildUrl } from '@utils/url-builder';
+import config from '@config';
+
+const canEdit = isDevMode();
+
+const initial = {
+  title: config?.title ?? '',
+  tagline: config?.tagline,
+  organizationName: config?.organizationName,
+  homepageLink: config?.homepageLink,
+  editUrl: config?.editUrl,
+  repositoryUrl: config?.repositoryUrl,
+  logo: config?.logo
+    ? {
+        alt: config.logo.alt,
+        text: config.logo.text,
+        src: config.logo.src,
+      }
+    : undefined,
+  theme: config?.theme || 'default',
+};
+
+const apiBase = buildUrl('/api/settings');
+---
+
+<SettingsLayout title="General" active="general">
+  <GeneralSettingsForm client:load canEdit={canEdit} initial={initial} apiBase={apiBase} />
+</SettingsLayout>

package/eventcatalog/src/pages/settings/index.astro

@@ -0,0 +1,21 @@
+---
+import { buildUrl } from '@utils/url-builder';
+
+const target = buildUrl('/settings/general');
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="refresh" content={`0; url=${target}`} />
+    <link rel="canonical" href={target} />
+    <title>Redirecting…</title>
+  </head>
+  <body>
+    <p>Redirecting to <a href={target}>{target}</a>…</p>
+    <script is:inline define:vars={{ target }}>
+      window.location.replace(target);
+    </script>
+  </body>
+</html>

package/eventcatalog/src/pages/settings/llm-access.astro

@@ -0,0 +1,34 @@
+---
+import SettingsLayout from '@layouts/SettingsLayout.astro';
+import { LlmAccessSettingsForm } from '@components/Settings/LlmAccessSettingsForm';
+import { isDevMode, isEventCatalogScaleEnabled } from '@utils/feature';
+import { buildUrl } from '@utils/url-builder';
+import config from '@config';
+
+const canEdit = isDevMode();
+
+const initial = {
+  llmsTxtEnabled: config?.llmsTxt?.enabled ?? true,
+  chatEnabled: config?.chat?.enabled ?? true,
+};
+
+const hasScalePlan = isEventCatalogScaleEnabled();
+
+const apiBase = buildUrl('/api/settings');
+const llmsTxtUrl = buildUrl('/docs/llm/llms.txt');
+const llmsFullTxtUrl = buildUrl('/docs/llm/llms-full.txt');
+const schemasTxtUrl = buildUrl('/docs/llm/schemas.txt');
+---
+
+<SettingsLayout title="LLM Access" active="llm-access">
+  <LlmAccessSettingsForm
+    client:load
+    canEdit={canEdit}
+    initial={initial}
+    hasScalePlan={hasScalePlan}
+    apiBase={apiBase}
+    llmsTxtUrl={llmsTxtUrl}
+    llmsFullTxtUrl={llmsFullTxtUrl}
+    schemasTxtUrl={schemasTxtUrl}
+  />
+</SettingsLayout>

package/eventcatalog/src/pages/settings/mcp.astro

@@ -0,0 +1,14 @@
+---
+import SettingsLayout from '@layouts/SettingsLayout.astro';
+import { McpSettingsForm } from '@components/Settings/McpSettingsForm';
+import { isSSR, isEventCatalogScaleEnabled } from '@utils/feature';
+import { buildUrl } from '@utils/url-builder';
+
+const hasScalePlan = isEventCatalogScaleEnabled();
+const inSSR = isSSR();
+const mcpUrl = buildUrl('/docs/mcp');
+---
+
+<SettingsLayout title="MCP" active="mcp">
+  <McpSettingsForm client:load hasScalePlan={hasScalePlan} inSSR={inSSR} mcpUrl={mcpUrl} />
+</SettingsLayout>

package/eventcatalog/src/pages/studio.astro

@@ -42,7 +42,7 @@ const hasResources = resourcesToShow.length > 0;
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/logo.png" />
     <meta name="generator" content={Astro.generator} />
     <title>EventCatalog Studio</title>
   </head>

package/eventcatalog/src/pages/visualiser/[type]/[id]/[version]/entity-map/index.astro

@@ -1,7 +1,6 @@
 ---
 import NodeGraph from '@components/MDX/NodeGraph/NodeGraph.astro';
 import VisualiserLayout from '@layouts/VisualiserLayout.astro';
-import { buildUrl } from '@utils/url-builder';
 import { ClientRouter } from 'astro:transitions';
 
 import { Page } from './_index.data';
@@ -19,9 +18,9 @@ const {
 ---
 
 <VisualiserLayout title={`Visualiser | ${props.data.name} (${props.collection})`} description={props.data.summary}>
-  <div class="m-4">
+  <div class="p-2">
     <div
-      class="h-[calc(100vh-130px)] w-full relative border border-[rgb(var(--ec-page-border))] rounded-md"
+      class="h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
       id={`${id}-portal`}
       transition:animate="fade"
     >
@@ -34,10 +33,6 @@ const {
       linkTo="visualiser"
       version={props.data.version}
       linksToVisualiser={false}
-      href={{
-        label: `Open documentation for ${props.data.name} v${props.data.version}`,
-        url: buildUrl(`/docs/${props.collection}/${props.data.id}/${props.data.version}`),
-      }}
     />
   </div>
   <ClientRouter />

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

@@ -20,9 +20,9 @@ const {
 ---
 
 <VisualiserLayout title={`Visualiser | ${props.data.name} (${props.collection})`} description={props.data.summary}>
-  <div class="m-4">
+  <div class="p-2">
     <div
-      class="h-[calc(100vh-130px)] w-full relative border border-[rgb(var(--ec-page-border))] rounded-md"
+      class="h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
       id={`${id}-portal`}
       transition:animate="fade"
     >

package/eventcatalog/src/pages/visualiser/domains/[id]/[version]/entity-map/index.astro

@@ -1,7 +1,6 @@
 ---
 import NodeGraph from '@components/MDX/NodeGraph/NodeGraph.astro';
 import VisualiserLayout from '@layouts/VisualiserLayout.astro';
-import { buildUrl } from '@utils/url-builder';
 import { ClientRouter } from 'astro:transitions';
 
 import { Page } from './_index.data';
@@ -19,9 +18,9 @@ const {
 ---
 
 <VisualiserLayout title={`Visualiser | ${props.data.name} (${props.collection})`} description={props.data.summary}>
-  <div class="m-4">
+  <div class="p-2">
     <div
-      class="h-[calc(100vh-130px)] w-full relative border border-[rgb(var(--ec-page-border))] rounded-md"
+      class="h-[calc(100vh-5rem)] w-full relative border border-[rgb(var(--ec-page-border))]"
       id={`${id}-portal`}
       transition:animate="fade"
     >
@@ -34,10 +33,6 @@ const {
       linkTo="visualiser"
       version={props.data.version}
       linksToVisualiser={false}
-      href={{
-        label: `Open documentation for ${props.data.name} v${props.data.version}`,
-        url: buildUrl(`/docs/${props.collection}/${props.data.id}/${props.data.version}`),
-      }}
     />
   </div>
   <ClientRouter />