@eventcatalog/core 4.0.0-beta.1 → 4.0.0-beta.3

package/bin/eventcatalog.config.d.ts

@@ -1 +1 @@
-export type { Config, SideBarConfig } from '../dist/eventcatalog.config.js';
+export type { Config } from '../dist/eventcatalog.config.js';

package/dist/analytics/analytics.cjs

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(analytics_exports);
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.0.0-beta.1";
+var version = "4.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/analytics.js

@@ -1,7 +1,7 @@
 import {
   raiseEvent
-} from "../chunk-U5OTNDVQ.js";
-import "../chunk-M2ZRT7KQ.js";
+} from "../chunk-ID4TZKSG.js";
+import "../chunk-J5GFXQT3.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

@@ -140,7 +140,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_os = __toESM(require("os"), 1);
 
 // package.json
-var version = "4.0.0-beta.1";
+var version = "4.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/analytics/log-build.js

@@ -1,9 +1,9 @@
 import {
   log_build_default
-} from "../chunk-MBVTS76Q.js";
-import "../chunk-U5OTNDVQ.js";
+} from "../chunk-CMFOHBTI.js";
+import "../chunk-ID4TZKSG.js";
 import "../chunk-DAOXTQVS.js";
-import "../chunk-M2ZRT7KQ.js";
+import "../chunk-J5GFXQT3.js";
 import "../chunk-6QENHZZP.js";
 export {
   log_build_default as default

package/dist/{chunk-TZTPGQGL.js → chunk-77HKKB65.js}

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

package/dist/{chunk-MBVTS76Q.js → chunk-CMFOHBTI.js}

@@ -1,6 +1,6 @@
 import {
   raiseEvent
-} from "./chunk-U5OTNDVQ.js";
+} from "./chunk-ID4TZKSG.js";
 import {
   countResources,
   serializeCounts

package/dist/{chunk-JTZT2SDF.js → chunk-GHYHLEQZ.js}

@@ -1,6 +1,6 @@
 import {
   logger
-} from "./chunk-TZTPGQGL.js";
+} from "./chunk-77HKKB65.js";
 import {
   cleanup,
   getEventCatalogConfigFile

package/dist/{chunk-U5OTNDVQ.js → chunk-ID4TZKSG.js}

@@ -1,6 +1,6 @@
 import {
   VERSION
-} from "./chunk-M2ZRT7KQ.js";
+} from "./chunk-J5GFXQT3.js";
 
 // src/analytics/analytics.js
 import os from "os";

package/dist/{chunk-M2ZRT7KQ.js → chunk-J5GFXQT3.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "4.0.0-beta.1";
+var version = "4.0.0-beta.3";
 
 // 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 = "4.0.0-beta.1";
+var version = "4.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/constants.js

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

package/dist/eventcatalog.cjs

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

package/dist/eventcatalog.config.d.cts

@@ -1,7 +1,3 @@
-type SideBarConfig = {
-    id: string;
-    visible: boolean;
-};
 type ResourceDependency = {
     id: string;
     version?: string;
@@ -46,6 +42,39 @@ type PagesConfiguration = {
     pages?: string[];
 };
 type NavigationPage = string | PagesConfiguration;
+type VerticalNavigationItemConfig = {
+    /**
+     * Built-in item ids include: home, docs, catalog, schemas, schema-insights,
+     * teams, users, settings, studio. Route ids such as /schemas/explorer are
+     * also supported for built-ins.
+     */
+    id: string;
+    label?: string;
+    /**
+     * Any icon exported by lucide-react, for example House, FileCode, BookOpen.
+     */
+    icon?: string;
+    /**
+     * Required for custom items. Built-in items provide their own href.
+     */
+    href?: string;
+    visible?: boolean;
+    /**
+     * One or more paths that should mark this item active. Defaults to exact href matching
+     * for custom items; built-in items provide their own active matching.
+     */
+    match?: string | string[];
+};
+type VerticalNavigationGroupConfig = {
+    id: string;
+    label?: string;
+    visible?: boolean;
+    /**
+     * Defaults to top. Use bottom for settings-style groups anchored below the main nav.
+     */
+    position?: 'top' | 'bottom';
+    items?: VerticalNavigationItemConfig[];
+};
 type GeneratorConfig = string | Record<string, unknown> | [string, Record<string, unknown>];
 type DirectoryEntry = {
     id: string;
@@ -231,9 +260,13 @@ interface Config {
     };
     mdxOptimize?: boolean;
     compress?: boolean;
-    sidebar?: SideBarConfig[];
     navigation?: {
-        pages: NavigationPage[];
+        pages?: NavigationPage[];
+        /**
+         * Replaces the default vertical application navigation rail when provided.
+         * If omitted, EventCatalog renders the default navigation.
+         */
+        groups?: VerticalNavigationGroupConfig[];
     };
     docs?: {
         sidebar: {
@@ -328,4 +361,4 @@ interface Config {
     generators?: GeneratorConfig[];
 }
 
-export type { Config, SideBarConfig };
+export type { Config };

package/dist/eventcatalog.config.d.ts

@@ -1,7 +1,3 @@
-type SideBarConfig = {
-    id: string;
-    visible: boolean;
-};
 type ResourceDependency = {
     id: string;
     version?: string;
@@ -46,6 +42,39 @@ type PagesConfiguration = {
     pages?: string[];
 };
 type NavigationPage = string | PagesConfiguration;
+type VerticalNavigationItemConfig = {
+    /**
+     * Built-in item ids include: home, docs, catalog, schemas, schema-insights,
+     * teams, users, settings, studio. Route ids such as /schemas/explorer are
+     * also supported for built-ins.
+     */
+    id: string;
+    label?: string;
+    /**
+     * Any icon exported by lucide-react, for example House, FileCode, BookOpen.
+     */
+    icon?: string;
+    /**
+     * Required for custom items. Built-in items provide their own href.
+     */
+    href?: string;
+    visible?: boolean;
+    /**
+     * One or more paths that should mark this item active. Defaults to exact href matching
+     * for custom items; built-in items provide their own active matching.
+     */
+    match?: string | string[];
+};
+type VerticalNavigationGroupConfig = {
+    id: string;
+    label?: string;
+    visible?: boolean;
+    /**
+     * Defaults to top. Use bottom for settings-style groups anchored below the main nav.
+     */
+    position?: 'top' | 'bottom';
+    items?: VerticalNavigationItemConfig[];
+};
 type GeneratorConfig = string | Record<string, unknown> | [string, Record<string, unknown>];
 type DirectoryEntry = {
     id: string;
@@ -231,9 +260,13 @@ interface Config {
     };
     mdxOptimize?: boolean;
     compress?: boolean;
-    sidebar?: SideBarConfig[];
     navigation?: {
-        pages: NavigationPage[];
+        pages?: NavigationPage[];
+        /**
+         * Replaces the default vertical application navigation rail when provided.
+         * If omitted, EventCatalog renders the default navigation.
+         */
+        groups?: VerticalNavigationGroupConfig[];
     };
     docs?: {
         sidebar: {
@@ -328,4 +361,4 @@ interface Config {
     generators?: GeneratorConfig[];
 }
 
-export type { Config, SideBarConfig };
+export type { Config };

package/dist/eventcatalog.js

@@ -1,16 +1,16 @@
 import {
   log_build_default
-} from "./chunk-MBVTS76Q.js";
+} from "./chunk-CMFOHBTI.js";
 import {
   runMigrations
 } from "./chunk-XUAF2H54.js";
 import "./chunk-CA4U2JP7.js";
 import {
   generate
-} from "./chunk-JTZT2SDF.js";
+} from "./chunk-GHYHLEQZ.js";
 import {
   logger
-} from "./chunk-TZTPGQGL.js";
+} from "./chunk-77HKKB65.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-LHR4G2UO.js";
@@ -20,7 +20,7 @@ import {
 import {
   watch
 } from "./chunk-O3Y2G6CY.js";
-import "./chunk-U5OTNDVQ.js";
+import "./chunk-ID4TZKSG.js";
 import "./chunk-DAOXTQVS.js";
 import {
   catalogToAstro
@@ -28,7 +28,7 @@ import {
 import "./chunk-VC6VUJIX.js";
 import {
   VERSION
-} from "./chunk-M2ZRT7KQ.js";
+} from "./chunk-J5GFXQT3.js";
 import {
   linkCoreNodeModules,
   resolveInstalledCoreNodeModules

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-JTZT2SDF.js";
-import "./chunk-TZTPGQGL.js";
-import "./chunk-M2ZRT7KQ.js";
+} from "./chunk-GHYHLEQZ.js";
+import "./chunk-77HKKB65.js";
+import "./chunk-J5GFXQT3.js";
 import "./chunk-6QENHZZP.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 = "4.0.0-beta.1";
+var version = "4.0.0-beta.3";
 
 // src/constants.ts
 var VERSION = version;

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-TZTPGQGL.js";
-import "../chunk-M2ZRT7KQ.js";
+} from "../chunk-77HKKB65.js";
+import "../chunk-J5GFXQT3.js";
 export {
   logger
 };

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

@@ -171,6 +171,19 @@ const suggestedQuestionsConfig: QuestionConfig[] = [
       { label: 'Who owns this domain?', prompt: 'Who owns this domain and how do I contact them?' },
     ],
   },
+  // Systems page
+  {
+    pattern: /^\/(docs|visualiser|architecture)\/systems\/.+/,
+    questions: [
+      { label: 'What services are in this system?', prompt: 'What services belong to this system?' },
+      { label: 'What flows are in this system?', prompt: 'What flows belong to this system?' },
+      {
+        label: 'What does this system connect to?',
+        prompt: 'What systems, services, actors, or resources does this system connect to?',
+      },
+      { label: 'Who owns this system?', prompt: 'Who owns this system and how do I contact them?' },
+    ],
+  },
   // Business Flows / Workflows (must be before general visualiser pattern)
   {
     pattern: /^\/(docs|visualiser)\/flows\/.+/,
@@ -551,7 +564,7 @@ const ChatPanel = ({ isOpen, onClose }: ChatPanelProps) => {
   // Memoize page context to avoid recalculating on every render
   const pageContext = useMemo(() => {
     const match = pathname.match(
-      /^\/(docs|visualiser|architecture)\/(events|services|commands|queries|flows|domains|channels|entities|containers|data-products)\/([^/]+)(?:\/([^/]+))?/
+      /^\/(docs|visualiser|architecture)\/(events|services|commands|queries|flows|domains|systems|channels|entities|containers|data-products)\/([^/]+)(?:\/([^/]+))?/
     );
     if (match) {
       const [, , collection, id, version] = match;
@@ -562,6 +575,7 @@ const ChatPanel = ({ isOpen, onClose }: ChatPanelProps) => {
         queries: 'Query',
         flows: 'Flow',
         domains: 'Domain',
+        systems: 'System',
         channels: 'Channel',
         entities: 'Entity',
         containers: 'Container',
@@ -763,7 +777,7 @@ const ChatPanel = ({ isOpen, onClose }: ChatPanelProps) => {
           }}
         >
           {/* Header */}
-          <div className="flex-none shrink-0 pb-1">
+          <div className="flex-none shrink-0 border-b border-[rgb(var(--ec-page-border))]">
             <div className="flex items-center justify-between px-4 py-3">
               <div className="flex items-center space-x-2">
                 <BookOpen size={16} className="text-[rgb(var(--ec-accent))]" />

package/eventcatalog/src/components/CopyAsMarkdown.tsx

@@ -1,14 +1,5 @@
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import {
-  Copy,
-  FileText,
-  MessageCircleQuestion,
-  ChevronDownIcon,
-  ExternalLink,
-  PenSquareIcon,
-  RssIcon,
-  PrinterIcon,
-} from 'lucide-react';
+import { Copy, FileText, Sparkles, ChevronDownIcon, ExternalLink, PenSquareIcon, RssIcon } from 'lucide-react';
 import React, { useState, isValidElement } from 'react';
 import type { Schema } from '@utils/collections/schemas';
 import { buildUrl, toMarkdownUrl } from '@utils/url-builder';
@@ -64,7 +55,6 @@ export function CopyPageMenu({
   rssFeedEnabled = false,
   preferChatAsDefault = false,
   chatButtonText = 'Ask',
-  printUrl,
   variant = 'menu',
 }: {
   schemas: Schema[];
@@ -75,7 +65,6 @@ export function CopyPageMenu({
   rssFeedEnabled: boolean;
   preferChatAsDefault?: boolean;
   chatButtonText?: string;
-  printUrl?: string;
   variant?: 'menu' | 'toolbar';
 }) {
   // Define available actions
@@ -86,7 +75,6 @@ export function CopyPageMenu({
     viewMarkdown: markdownDownloadEnabled,
     chat: chatEnabled,
     rssFeed: rssFeedEnabled,
-    exportPDF: !!printUrl,
   };
 
   // Check if any actions are available
@@ -108,7 +96,7 @@ export function CopyPageMenu({
       return {
         type: 'chat',
         text: chatButtonText,
-        icon: MessageCircleQuestion,
+        icon: Sparkles,
       };
     }
     if (availableActions.copyMarkdown) {
@@ -143,7 +131,7 @@ export function CopyPageMenu({
       return {
         type: 'chat',
         text: chatButtonText,
-        icon: MessageCircleQuestion,
+        icon: Sparkles,
       };
     }
     if (availableActions.rssFeed) {
@@ -153,13 +141,6 @@ export function CopyPageMenu({
         icon: RssIcon,
       };
     }
-    if (availableActions.exportPDF) {
-      return {
-        type: 'exportPDF',
-        text: 'Export to PDF',
-        icon: PrinterIcon,
-      };
-    }
     return null;
   };
 
@@ -233,9 +214,6 @@ export function CopyPageMenu({
         // Dispatch custom event to open chat panel instead of navigating
         window.dispatchEvent(new CustomEvent('eventcatalog:open-chat'));
         break;
-      case 'exportPDF':
-        window.open(printUrl, '_blank');
-        break;
     }
   };
 
@@ -253,14 +231,12 @@ export function CopyPageMenu({
     availableActions.viewMarkdown ||
     availableActions.copySchemas ||
     availableActions.rssFeed ||
-    availableActions.exportPDF ||
     availableActions.editPage;
 
   if (variant === 'toolbar') {
     if (!hasToolbarActions) return null;
 
-    const moreActionsAvailable =
-      availableActions.copySchemas || availableActions.rssFeed || availableActions.exportPDF || availableActions.editPage;
+    const moreActionsAvailable = availableActions.copySchemas || availableActions.rssFeed || availableActions.editPage;
 
     return (
       <div className="not-prose flex flex-wrap items-center gap-x-3 gap-y-1.5 text-xs text-[rgb(var(--ec-page-text-muted))]">
@@ -270,7 +246,7 @@ export function CopyPageMenu({
             onClick={() => window.dispatchEvent(new CustomEvent('eventcatalog:open-chat'))}
             className={actionButtonClass}
           >
-            <MessageCircleQuestion className={actionIconClass} />
+            <Sparkles className={actionIconClass} />
             Ask a question
           </button>
         )}
@@ -356,20 +332,6 @@ export function CopyPageMenu({
                 </DropdownMenu.Item>
               )}
 
-              {availableActions.exportPDF && (
-                <DropdownMenu.Item
-                  className="cursor-pointer rounded-2xl outline-hidden transition-colors duration-150 hover:bg-[rgb(var(--ec-dropdown-hover))] data-[highlighted]:bg-[rgb(var(--ec-dropdown-hover))]"
-                  onSelect={() => window.open(printUrl, '_blank')}
-                >
-                  <MenuItemContent
-                    icon={PrinterIcon}
-                    title="Export to PDF"
-                    description="Open print-friendly version"
-                    external={true}
-                  />
-                </DropdownMenu.Item>
-              )}
-
               {availableActions.editPage && (
                 <DropdownMenu.Item
                   className="cursor-pointer rounded-2xl outline-hidden transition-colors duration-150 hover:bg-[rgb(var(--ec-dropdown-hover))] data-[highlighted]:bg-[rgb(var(--ec-dropdown-hover))]"
@@ -427,11 +389,7 @@ export function CopyPageMenu({
               className="cursor-pointer rounded-2xl outline-hidden transition-colors duration-150 hover:bg-[rgb(var(--ec-dropdown-hover))] data-[highlighted]:bg-[rgb(var(--ec-dropdown-hover))]"
               onSelect={() => window.dispatchEvent(new CustomEvent('eventcatalog:open-chat'))}
             >
-              <MenuItemContent
-                icon={MessageCircleQuestion}
-                title="EventCatalog Assistant"
-                description="Ask questions about this page"
-              />
+              <MenuItemContent icon={Sparkles} title="EventCatalog Assistant" description="Ask questions about this page" />
             </DropdownMenu.Item>
             <DropdownMenu.Separator className="mx-3 my-3 h-px bg-[rgb(var(--ec-dropdown-border)/0.8)]" />
           </>
@@ -502,15 +460,6 @@ export function CopyPageMenu({
           </DropdownMenu.Item>
         )}
 
-        {availableActions.exportPDF && (
-          <DropdownMenu.Item
-            className="cursor-pointer rounded-2xl outline-hidden transition-colors duration-150 hover:bg-[rgb(var(--ec-dropdown-hover))] data-[highlighted]:bg-[rgb(var(--ec-dropdown-hover))]"
-            onSelect={() => window.open(printUrl, '_blank')}
-          >
-            <MenuItemContent icon={PrinterIcon} title="Export to PDF" description="Open print-friendly version" external={true} />
-          </DropdownMenu.Item>
-        )}
-
         {availableActions.editPage && (
           <>
             <DropdownMenu.Separator className="mx-3 my-3 h-px bg-[rgb(var(--ec-dropdown-border)/0.8)]" />