@eventcatalog/core 5.0.0-beta.12 → 5.0.0-beta.13

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

package/dist/analytics/analytics.js

@@ -1,8 +1,8 @@
 import {
   raiseEvent
-} from "../chunk-CX2VB7AI.js";
+} from "../chunk-JPT3QC5V.js";
 import "../chunk-CPW6G62V.js";
-import "../chunk-FY6MSP6J.js";
+import "../chunk-BO2HHVZ3.js";
 export {
   raiseEvent
 };

package/dist/analytics/log-build.cjs

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

package/dist/analytics/log-build.js

@@ -1,11 +1,11 @@
 import {
   log_build_default
-} from "../chunk-BWC4YKW3.js";
-import "../chunk-AWOO63ME.js";
+} from "../chunk-PLTLW45Q.js";
+import "../chunk-JPT3QC5V.js";
 import "../chunk-ZAZHAVKB.js";
-import "../chunk-CX2VB7AI.js";
 import "../chunk-CPW6G62V.js";
-import "../chunk-FY6MSP6J.js";
+import "../chunk-AWOO63ME.js";
+import "../chunk-BO2HHVZ3.js";
 import "../chunk-RFIXKATC.js";
 export {
   log_build_default as default

package/dist/catalog-runtime.cjs

@@ -36,7 +36,7 @@ __export(catalog_runtime_exports, {
 });
 module.exports = __toCommonJS(catalog_runtime_exports);
 
-// ../../node_modules/.pnpm/tsup@8.5.0_jiti@2.7.0_postcss@8.5.15_tsx@4.21.0_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.0_jiti@2.7.0_postcss@8.5.29_tsx@4.23.15_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 

package/dist/{chunk-FY6MSP6J.js → chunk-BO2HHVZ3.js}

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

package/dist/{chunk-CX2VB7AI.js → chunk-JPT3QC5V.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-CPW6G62V.js";
 import {
   VERSION
-} from "./chunk-FY6MSP6J.js";
+} from "./chunk-BO2HHVZ3.js";
 
 // src/analytics/analytics.js
 import os from "os";

package/dist/{chunk-BWC4YKW3.js → chunk-PLTLW45Q.js}

@@ -1,18 +1,18 @@
 import {
-  getLicenseAnalytics
-} from "./chunk-AWOO63ME.js";
+  raiseEvent
+} from "./chunk-JPT3QC5V.js";
 import {
   countResources,
   hashCatalogContent,
   serializeCounts
 } from "./chunk-ZAZHAVKB.js";
-import {
-  raiseEvent
-} from "./chunk-CX2VB7AI.js";
 import {
   TELEMETRY_REQUEST_TIMEOUT_MS,
   isTelemetryDisabled
 } from "./chunk-CPW6G62V.js";
+import {
+  getLicenseAnalytics
+} from "./chunk-AWOO63ME.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/{chunk-TSY5CC27.js → chunk-T75DOVFP.js}

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

package/dist/{chunk-QB7X34OD.js → chunk-XA5W6DXX.js}

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

package/dist/constants.cjs

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

package/dist/constants.js

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

package/dist/eventcatalog.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.5.0_jiti@2.7.0_postcss@8.5.15_tsx@4.21.0_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.0_jiti@2.7.0_postcss@8.5.29_tsx@4.23.15_typescript@5.9.3_yaml@2.9.0/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 
@@ -181,7 +181,7 @@ var verifyRequiredFieldsAreInCatalogConfigFile = async (projectDirectory) => {
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "5.0.0-beta.12";
+var version = "5.0.0-beta.13";
 
 // src/constants.ts
 var VERSION = version;

package/dist/eventcatalog.js

@@ -1,28 +1,29 @@
+import {
+  log_build_default
+} from "./chunk-PLTLW45Q.js";
+import "./chunk-JPT3QC5V.js";
+import "./chunk-ZAZHAVKB.js";
+import "./chunk-CPW6G62V.js";
 import {
   runMigrations
 } from "./chunk-XUAF2H54.js";
 import "./chunk-CA4U2JP7.js";
-import {
-  log_build_default
-} from "./chunk-BWC4YKW3.js";
 import {
   getLicenseStatus,
   printLicenseStatus
 } from "./chunk-AWOO63ME.js";
-import "./chunk-ZAZHAVKB.js";
 import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "./chunk-KHACCTW2.js";
-import "./chunk-WRNH5C3U.js";
-import "./chunk-5EPNFDT5.js";
-import "./chunk-A2RZR3U4.js";
-import "./chunk-R7Z5ALYI.js";
+} from "./chunk-ZEY2XUJN.js";
 import {
   getFederationDiagnosticCounts,
   getVisibleFederationDiagnostics
 } from "./chunk-JJPB6EOZ.js";
+import "./chunk-WRNH5C3U.js";
+import "./chunk-5EPNFDT5.js";
+import "./chunk-A2RZR3U4.js";
 import "./chunk-SDZQJTJW.js";
 import "./chunk-352FGP6W.js";
 import {
@@ -33,10 +34,10 @@ import {
 } from "./chunk-MDWB5HLO.js";
 import {
   generate
-} from "./chunk-TSY5CC27.js";
+} from "./chunk-T75DOVFP.js";
 import {
   logger
-} from "./chunk-QB7X34OD.js";
+} from "./chunk-XA5W6DXX.js";
 import {
   resolve_catalog_dependencies_default
 } from "./chunk-36RYTYT5.js";
@@ -50,8 +51,7 @@ import {
 import {
   watch
 } from "./chunk-U63GDPPY.js";
-import "./chunk-CX2VB7AI.js";
-import "./chunk-CPW6G62V.js";
+import "./chunk-R7Z5ALYI.js";
 import {
   getAstroConfigPath
 } from "./chunk-VIJJ7JKH.js";
@@ -67,7 +67,7 @@ import {
 } from "./chunk-LFQJXLHG.js";
 import {
   VERSION
-} from "./chunk-FY6MSP6J.js";
+} from "./chunk-BO2HHVZ3.js";
 import {
   getEventCatalogConfigFile,
   verifyRequiredFieldsAreInCatalogConfigFile

package/dist/federation/federate.js

@@ -2,14 +2,14 @@ import {
   FederationConflictError,
   FederationDiagnosticError,
   federateCatalog
-} from "../chunk-KHACCTW2.js";
+} from "../chunk-ZEY2XUJN.js";
+import "../chunk-JJPB6EOZ.js";
 import "../chunk-WRNH5C3U.js";
 import "../chunk-5EPNFDT5.js";
 import "../chunk-A2RZR3U4.js";
-import "../chunk-R7Z5ALYI.js";
-import "../chunk-JJPB6EOZ.js";
 import "../chunk-SDZQJTJW.js";
 import "../chunk-352FGP6W.js";
+import "../chunk-R7Z5ALYI.js";
 import "../chunk-RFIXKATC.js";
 export {
   FederationConflictError,

package/dist/generate.cjs

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

package/dist/generate.js

@@ -1,8 +1,8 @@
 import {
   generate
-} from "./chunk-TSY5CC27.js";
-import "./chunk-QB7X34OD.js";
-import "./chunk-FY6MSP6J.js";
+} from "./chunk-T75DOVFP.js";
+import "./chunk-XA5W6DXX.js";
+import "./chunk-BO2HHVZ3.js";
 import "./chunk-RFIXKATC.js";
 export {
   generate

package/dist/runtime-dependencies/@eventcatalog__visualiser__studio-fonts.css.mjs

@@ -0,0 +1,3 @@
+export * from "@eventcatalog/visualiser/studio-fonts.css";
+import * as dependency from "@eventcatalog/visualiser/studio-fonts.css";
+export default dependency.default;

package/dist/runtime-dependencies/@eventcatalog__visualiser__studio.css.mjs

@@ -0,0 +1,3 @@
+export * from "@eventcatalog/visualiser/studio.css";
+import * as dependency from "@eventcatalog/visualiser/studio.css";
+export default dependency.default;

package/dist/runtime-dependencies/@eventcatalog__visualiser__studio.mjs

@@ -0,0 +1,3 @@
+export * from "@eventcatalog/visualiser/studio";
+import * as dependency from "@eventcatalog/visualiser/studio";
+export default dependency.default;

package/dist/runtime-dependencies/manifest.json

@@ -21,6 +21,9 @@
   "@eventcatalog/sdk": "@eventcatalog__sdk.mjs",
   "@eventcatalog/visualiser": "@eventcatalog__visualiser.mjs",
   "@eventcatalog/visualiser/layout": "@eventcatalog__visualiser__layout.mjs",
+  "@eventcatalog/visualiser/studio": "@eventcatalog__visualiser__studio.mjs",
+  "@eventcatalog/visualiser/studio-fonts.css": "@eventcatalog__visualiser__studio-fonts.css.mjs",
+  "@eventcatalog/visualiser/studio.css": "@eventcatalog__visualiser__studio.css.mjs",
   "@eventcatalog/visualiser/styles-core.css": "@eventcatalog__visualiser__styles-core.css.mjs",
   "@fontsource/inter": "@fontsource__inter.mjs",
   "@fontsource/inter/400.css": "@fontsource__inter__400.css.mjs",

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

package/dist/utils/cli-logger.js

@@ -1,7 +1,7 @@
 import {
   logger
-} from "../chunk-QB7X34OD.js";
-import "../chunk-FY6MSP6J.js";
+} from "../chunk-XA5W6DXX.js";
+import "../chunk-BO2HHVZ3.js";
 export {
   logger
 };

package/eventcatalog/src/components/MDX/NodeGraph/AstroNodeGraph.tsx

@@ -17,9 +17,11 @@ import type { Node, Edge } from '@xyflow/react';
 import type { FlowGroupBy, OpenInStudioRequest } from '@eventcatalog/visualiser';
 import { buildUrl } from '@utils/url-builder';
 import { createCanvasThroughApi } from '@features/studio/api/client';
-import { canvasFromVisualiser } from '@features/studio/from-visualiser';
 import { getStoredName } from '@features/studio/identity';
-import OpenInStudioDialog from '@features/studio/components/OpenInStudioDialog';
+
+// Studio's canvas code (what turns a diagram into a canvas, and the dialog asking for its name) is only loaded when a
+// diagram is opened in Studio: every page with a diagram would load it otherwise, with Studio on or not
+const OpenInStudioDialog = lazy(() => import('@features/studio/components/OpenInStudioDialog'));
 
 const NodeGraph = lazy(() =>
   import('@eventcatalog/visualiser').then((module) => ({ default: module.NodeGraph }))
@@ -123,6 +125,7 @@ const AstroNodeGraph = ({ isDevMode = false, resourceKey, studioApiUrl, ...other
     async (title: string | undefined) => {
       if (!studioApiUrl || !toOpen) return;
       const snapshot = await toOpen.getSnapshot();
+      const { canvasFromVisualiser } = await import('@features/studio/from-visualiser');
       const { nodes, edges, levels } = canvasFromVisualiser(snapshot);
       if (nodes.length === 0) throw new Error('Nothing on this diagram can go on a canvas yet');
       const canvas = await createCanvasThroughApi(studioApiUrl, {
@@ -149,7 +152,12 @@ const AstroNodeGraph = ({ isDevMode = false, resourceKey, studioApiUrl, ...other
         onResetLayout={handleResetLayout}
         onOpenInStudio={studioApiUrl ? setToOpen : undefined}
       />
-      {toOpen && <OpenInStudioDialog title={toOpen.title} onOpen={openInStudio} onClose={closeOpenInStudio} />}
+      {toOpen && (
+        // Its own, so the diagram isn't swapped for "Loading graph..." while the dialog loads
+        <Suspense fallback={null}>
+          <OpenInStudioDialog title={toOpen.title} onOpen={openInStudio} onClose={closeOpenInStudio} />
+        </Suspense>
+      )}
     </Suspense>
   );
 };

package/eventcatalog/src/features/mcp/apps/canvas/shared.ts

@@ -1,6 +1,6 @@
 // Shared by the canvas MCP App (client) and the MCP server: no server-only imports here
 import type { CatalogRelation, CatalogResource } from '../../../studio/catalog-resources';
-import type { CanvasStatus } from '../../../studio/canvas-doc';
+import { type CanvasStatus } from '@eventcatalog/visualiser/studio';
 
 export const CANVAS_RESOURCE_URI = 'ui://eventcatalog/canvas.html';
 /** Key of the payload in openCanvas results' `_meta` */
@@ -40,8 +40,8 @@ export type CanvasView = {
   canvasUrl: string;
   /** The EventCatalog MCP server, for "Connect your agent" */
   mcpUrl: string;
-  /** What to call the user on the canvas, when the agent knows their name */
-  userName?: string;
+  /** The chat's agent: the view joins the canvas as it (its name, colour and logo) */
+  agent?: { name: string; color: string };
 };
 
 export type CanvasCatalog = { resources: CatalogResource[]; relations: CatalogRelation[] };

package/eventcatalog/src/features/mcp/apps/canvas/styles.css

@@ -4,10 +4,12 @@
  */
 @import 'tailwindcss' source(none);
 @import '../../../../styles/theme.css';
-@import '../../../studio/studio.css';
+@import '@eventcatalog/visualiser/studio.css';
 
 @source './*.tsx';
 @source '../../../studio/components/*.{ts,tsx}';
+/* Studio's shared canvas (nodes, comments, hotspots), from the visualiser in this repo */
+@source '../../../../../../../visualiser/src/studio';
 
 body {
   margin: 0;

package/eventcatalog/src/features/mcp/apps/canvas/view.tsx

@@ -15,7 +15,8 @@ import type { App } from '@modelcontextprotocol/ext-apps';
 import styles from './styles.css?inline';
 import visualiserStyles from '@eventcatalog/visualiser/styles.css?inline';
 import StudioDesigner, { type SelectedNode } from '@features/studio/components/StudioDesigner';
-import { CANVAS_STATUS_LOOK, STATUS } from '@features/studio/components/status';
+import { getAgent } from '@features/studio/agents';
+import { CANVAS_STATUS_LOOK, STATUS } from '@eventcatalog/visualiser/studio';
 import { getToolResultPayload, mountView, useMcpAppView } from '../shared/app-view';
 import {
   CANVAS_CATALOG_TOOL,
@@ -212,10 +213,10 @@ function CanvasApp() {
   const iconButton =
     'flex items-center gap-1 rounded-md px-2 py-1 text-xs text-[rgb(var(--ec-page-text-muted))] hover:bg-[rgb(var(--ec-page-border)/0.5)]';
 
-  // No join form inside a chat: use the name the agent passed, or name them after the chat they're in
+  // No join form inside a chat: it joins as the chat's agent (e.g. ChatGPT or Claude, with its logo), as the agent
+  // working on the canvas does, else as the chat it's in
   const hostName = app?.getHostVersion()?.name;
-  const userName = (view: CanvasView) =>
-    view.userName ?? `${hostName ? hostName.replace(/^\w/, (letter) => letter.toUpperCase()) : 'Chat'} user`;
+  const agentOf = (view: CanvasView) => view.agent ?? getAgent(undefined, hostName);
 
   return (
     <div className="flex flex-col" style={{ height: fullscreen ? '100vh' : INLINE_HEIGHT }}>
@@ -255,11 +256,12 @@ function CanvasApp() {
             shareUrl={canvas.canvasUrl}
             mcpUrl={canvas.mcpUrl}
             syncViaTools={syncViaTools}
-            defaultName={userName(canvas)}
+            asAgent={agentOf(canvas)}
             resources={catalog.resources}
             relations={catalog.relations}
             onSelectionChange={setSelection}
             followChanges
+            paletteCollapsed
           />
         ) : (
           <CanvasPicker