@eventcatalog/core 3.0.0-beta.10 → 3.0.0-beta.12

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 = "3.0.0-beta.10";
+var version = "3.0.0-beta.12";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-37KBX24G.js";
-import "../chunk-VNKO4QEO.js";
+} from "../chunk-PBH3ZP2J.js";
+import "../chunk-3D5MD2OX.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 = "3.0.0-beta.10";
+var version = "3.0.0-beta.12";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,8 +1,8 @@
 import {
   log_build_default
-} from "../chunk-QYFFI52L.js";
-import "../chunk-37KBX24G.js";
-import "../chunk-VNKO4QEO.js";
+} from "../chunk-H2IMKKZF.js";
+import "../chunk-PBH3ZP2J.js";
+import "../chunk-3D5MD2OX.js";
 import "../chunk-UPONRQSN.js";
 export {
   log_build_default as default

package/dist/{chunk-VNKO4QEO.js → chunk-3D5MD2OX.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "3.0.0-beta.10";
+var version = "3.0.0-beta.12";
 
 // src/constants.ts
 var VERSION = version;

package/dist/{chunk-QYFFI52L.js → chunk-H2IMKKZF.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-37KBX24G.js";
+} from "./chunk-PBH3ZP2J.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-HIZ72XK6.js → chunk-ID5N5C66.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-VY7TVWWV.js";
+} from "./chunk-OWR2FPYN.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-VY7TVWWV.js → chunk-OWR2FPYN.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-VNKO4QEO.js";
+} from "./chunk-3D5MD2OX.js";
 
 // src/utils/cli-logger.ts
 import pc from "picocolors";

package/dist/{chunk-37KBX24G.js → chunk-PBH3ZP2J.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-VNKO4QEO.js";
+} from "./chunk-3D5MD2OX.js";
 export {
   VERSION
 };

package/dist/eventcatalog.cjs

@@ -109,7 +109,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.0.0-beta.10";
+var version = "3.0.0-beta.12";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -6,8 +6,8 @@ import {
 } from "./chunk-PLNJC7NZ.js";
 import {
   log_build_default
-} from "./chunk-QYFFI52L.js";
-import "./chunk-37KBX24G.js";
+} from "./chunk-H2IMKKZF.js";
+import "./chunk-PBH3ZP2J.js";
 import {
   runMigrations
 } from "./chunk-BH3JMNAV.js";
@@ -23,13 +23,13 @@ import {
 } from "./chunk-5VBIXL6C.js";
 import {
   generate
-} from "./chunk-HIZ72XK6.js";
+} from "./chunk-ID5N5C66.js";
 import {
   logger
-} from "./chunk-VY7TVWWV.js";
+} from "./chunk-OWR2FPYN.js";
 import {
   VERSION
-} from "./chunk-VNKO4QEO.js";
+} from "./chunk-3D5MD2OX.js";
 import "./chunk-UPONRQSN.js";
 
 // src/eventcatalog.ts

package/dist/generate.cjs

@@ -73,7 +73,7 @@ var getEventCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.0.0-beta.10";
+var version = "3.0.0-beta.12";
 
 // src/constants.ts
 var VERSION = version;

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-HIZ72XK6.js";
-import "./chunk-VY7TVWWV.js";
-import "./chunk-VNKO4QEO.js";
+} from "./chunk-ID5N5C66.js";
+import "./chunk-OWR2FPYN.js";
+import "./chunk-3D5MD2OX.js";
 import "./chunk-UPONRQSN.js";
 export {
   generate

package/dist/utils/cli-logger.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(cli_logger_exports);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "3.0.0-beta.10";
+var version = "3.0.0-beta.12";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-VY7TVWWV.js";
-import "../chunk-VNKO4QEO.js";
+} from "../chunk-OWR2FPYN.js";
+import "../chunk-3D5MD2OX.js";
 export {
   logger
 };

package/eventcatalog/src/components/Grids/DomainGrid.tsx

@@ -11,7 +11,7 @@ import {
   ArrowsPointingOutIcon,
 } from '@heroicons/react/24/outline';
 import { buildUrl } from '@utils/url-builder';
-import { BoxIcon, ArrowRight, ArrowLeft } from 'lucide-react';
+import { BoxIcon } from 'lucide-react';
 
 // ============================================
 // Types
@@ -135,7 +135,6 @@ const ServiceCard = memo(({ service }: { service: any }) => {
           {/* Receives (Inbound) */}
           <div className="flex-1 bg-blue-50 border border-blue-200 rounded-lg p-3">
             <div className="flex items-center gap-1.5 mb-2">
-              <ArrowRight className="h-3.5 w-3.5 text-blue-500" />
               <span className="text-xs font-semibold text-blue-700 uppercase">Inbound Messages</span>
               <span className="text-xs text-blue-500">({receives.length})</span>
             </div>
@@ -162,7 +161,6 @@ const ServiceCard = memo(({ service }: { service: any }) => {
           {/* Sends (Outbound) */}
           <div className="flex-1 bg-green-50 border border-green-200 rounded-lg p-3">
             <div className="flex items-center gap-1.5 mb-2">
-              <ArrowLeft className="h-3.5 w-3.5 text-green-500" />
               <span className="text-xs font-semibold text-green-700 uppercase">Outbound Messages</span>
               <span className="text-xs text-green-500">({sends.length})</span>
             </div>

package/eventcatalog/src/components/Grids/MessageGrid.tsx

@@ -41,9 +41,9 @@ export default function MessageGridV2({ service, embeded = false }: MessageGridV
   );
 
   return (
-    <div className={`rounded-xl overflow-hidden bg-pink-50 p-8 border-2 border-dashed border-pink-300`}>
+    <div className={`rounded-xl overflow-hidden bg-white p-8 border-2 border-dashed border-pink-300`}>
       {/* Service Title */}
-      <div className="flex items-center gap-2 mb-8">
+      {/* <div className="flex items-center gap-2 mb-8">
         <ServerIcon className="h-6 w-6 text-pink-500" />
         <h2 className="text-2xl font-semibold text-gray-900">{service.data.name}</h2>
         <div className="flex gap-2 ml-auto">
@@ -60,7 +60,7 @@ export default function MessageGridV2({ service, embeded = false }: MessageGridV
             Read documentation
           </a>
         </div>
-      </div>
+      </div> */}
 
       <div className="grid grid-cols-3 gap-8 relative">
         {/* Left Column - Receives Messages & Reads From Containers */}
@@ -70,7 +70,7 @@ export default function MessageGridV2({ service, embeded = false }: MessageGridV
             <div className="mb-6">
               <h2 className={`font-semibold text-gray-900 flex items-center gap-2 ${embeded ? 'text-sm' : 'text-xl'}`}>
                 <ServerIcon className="h-5 w-5 text-blue-500" />
-                Receives ({receives.length})
+                Inbound Messages ({receives.length})
               </h2>
             </div>
             {receives.length > 0 ? (
@@ -124,7 +124,7 @@ export default function MessageGridV2({ service, embeded = false }: MessageGridV
         </div>
 
         {/* Service Information (Center) */}
-        <div className="bg-white border-2 border-pink-100 rounded-lg p-6 flex flex-col justify-center">
+        <div className="bg-pink-50 border-2 border-pink-100 rounded-lg p-6 flex flex-col justify-center">
           <div className="flex flex-col items-center gap-4">
             <ServerIcon className="h-12 w-12 text-pink-500" />
             <p className="text-xl font-semibold text-gray-900 text-center">{service.data.name}</p>
@@ -133,11 +133,11 @@ export default function MessageGridV2({ service, embeded = false }: MessageGridV
             <div className="w-full grid grid-cols-2 gap-3 mt-2">
               <div className="text-center p-3 bg-blue-50 rounded-lg border border-blue-200">
                 <div className="text-2xl font-bold text-blue-600">{receives.length}</div>
-                <div className="text-xs text-gray-600 mt-1">Receives</div>
+                <div className="text-xs text-gray-600 mt-1">Inbound Messages</div>
               </div>
               <div className="text-center p-3 bg-green-50 rounded-lg border border-green-200">
                 <div className="text-2xl font-bold text-green-600">{sends.length}</div>
-                <div className="text-xs text-gray-600 mt-1">Sends</div>
+                <div className="text-xs text-gray-600 mt-1">Outbound Messages</div>
               </div>
               {readsFrom.length > 0 && (
                 <div className="text-center p-3 bg-orange-50 rounded-lg border border-orange-200">
@@ -168,7 +168,7 @@ export default function MessageGridV2({ service, embeded = false }: MessageGridV
             <div className="mb-6">
               <h2 className={`font-semibold text-gray-900 flex items-center gap-2 ${embeded ? 'text-sm' : 'text-xl'}`}>
                 <ServerIcon className="h-5 w-5 text-emerald-500" />
-                Sends ({sends.length})
+                Outbound Messages ({sends.length})
               </h2>
             </div>
             {sends.length > 0 ? (

package/eventcatalog/src/components/SideNav/NestedSideBar/builders/domain.ts

@@ -65,6 +65,12 @@ export const buildDomainNode = (domain: CollectionEntry<'domains'>, owners: any[
           },
         ].filter(Boolean) as ChildRef[],
       },
+      renderSubDomains && {
+        type: 'group',
+        title: 'Subdomains',
+        icon: 'Boxes',
+        pages: subDomains.map((domain) => `domain:${(domain as any).data.id}:${(domain as any).data.version}`),
+      },
       hasFlows && {
         type: 'group',
         title: 'Flows',
@@ -81,12 +87,7 @@ export const buildDomainNode = (domain: CollectionEntry<'domains'>, owners: any[
           href: buildUrl(`/docs/entities/${(entity as any).data.id}/${(entity as any).data.version}`),
         })),
       },
-      renderSubDomains && {
-        type: 'group',
-        title: 'Subdomains',
-        icon: 'Boxes',
-        pages: subDomains.map((domain) => `domain:${(domain as any).data.id}:${(domain as any).data.version}`),
-      },
+
       ...(hasResourceGroups ? buildResourceGroupSections(resourceGroups, context) : []),
       renderServices && {
         type: 'group',

package/eventcatalog/src/pages/_index.astro

@@ -174,7 +174,7 @@ const topTiles = [
     description: 'Business domains defined',
     href: buildUrl('/discover/domains'),
     icon: RectangleGroupIcon,
-    bgColor: 'bg-yellow-100',
+    bgColor: 'bg-yellow-500',
     textColor: 'text-yellow-600',
     arrowColor: 'text-yellow-600',
   },
@@ -184,7 +184,7 @@ const topTiles = [
     description: 'Services documented in the catalog',
     href: buildUrl('/discover/services'),
     icon: ServerIcon,
-    bgColor: 'bg-pink-100',
+    bgColor: 'bg-pink-500',
     textColor: 'text-pink-600',
     arrowColor: 'text-pink-600',
   },
@@ -194,7 +194,7 @@ const topTiles = [
     description: 'Messages documented in the catalog',
     href: buildUrl('/discover/events'),
     icon: ChatBubbleLeftIcon,
-    bgColor: 'bg-blue-100',
+    bgColor: 'bg-blue-500',
     textColor: 'text-blue-600',
     arrowColor: 'text-blue-600',
   },
@@ -204,7 +204,7 @@ const topTiles = [
     description: 'Business flows documented',
     href: buildUrl('/discover/flows'),
     icon: Workflow,
-    bgColor: 'bg-purple-100',
+    bgColor: 'bg-purple-500',
     textColor: 'text-purple-600',
     arrowColor: 'text-purple-600',
   },
@@ -347,9 +347,7 @@ const quickActions = [
                 <div class="absolute inset-0 bg-gradient-to-br from-gray-50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
 
                 {/* Colored left border accent */}
-                <div
-                  class={`absolute left-0 top-0 bottom-0 w-1 ${tile.bgColor} opacity-0 group-hover:opacity-100 transition-opacity duration-300`}
-                />
+                <div class={`absolute left-0 top-0 bottom-0 w-1 ${tile.bgColor} transition-opacity duration-300`} />
 
                 <div class="relative">
                   <div class="flex items-center justify-between mb-4">

package/eventcatalog/src/remark-plugins/directives.ts

@@ -30,7 +30,33 @@ export function remarkDirectives() {
           class: `rounded-lg p-4 my-4 ${blockTypes[node.name as keyof typeof blockTypes] || ''}`,
         };
 
-        // Create header div that will contain icon and type
+        // Check if there's a custom title (label) provided via :::note[Custom Title]
+        // In remark-directive, the label is stored in node.children as a paragraph node
+        // with data.directiveLabel = true
+        let titleChildren;
+        let contentChildren;
+
+        const firstChild = node.children && node.children.length > 0 ? node.children[0] : null;
+        const hasCustomTitle = firstChild && firstChild.data?.directiveLabel === true;
+
+        if (hasCustomTitle && firstChild) {
+          // Custom title was provided in the label - it contains markdown parsed as inline content
+          titleChildren = firstChild.children || [
+            { type: 'text', value: node.name.charAt(0).toUpperCase() + node.name.slice(1) },
+          ];
+          contentChildren = node.children.slice(1);
+        } else {
+          // No custom title, use default based on directive name
+          titleChildren = [
+            {
+              type: 'text',
+              value: node.name.charAt(0).toUpperCase() + node.name.slice(1),
+            },
+          ];
+          contentChildren = node.children;
+        }
+
+        // Create header div that will contain icon and title
         const headerNode = {
           type: 'element',
           data: {
@@ -70,7 +96,7 @@ export function remarkDirectives() {
                 },
               ],
             },
-            // Type label
+            // Title (with support for markdown)
             {
               type: 'element',
               data: {
@@ -79,12 +105,7 @@ export function remarkDirectives() {
                   class: '',
                 },
               },
-              children: [
-                {
-                  type: 'text',
-                  value: node.name.charAt(0).toUpperCase() + node.name.slice(1),
-                },
-              ],
+              children: titleChildren,
             },
           ],
         };
@@ -98,7 +119,7 @@ export function remarkDirectives() {
               class: 'prose prose-md w-full !max-w-none ',
             },
           },
-          children: node.children,
+          children: contentChildren,
         };
 
         // Replace node's children with header and content

package/package.json

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