Add notch-rect shape to note nodes in Mermaid graphs

Copilot · sapphi-red · Copilot · commit 566e1d4b4a22 · 2026-02-05T13:38:31.000Z
Co-authored-by: sapphi-red &lt;49056869+sapphi-red@users.noreply.github.com&gt;
diff --git a/app/composables/graph-mermaid.ts b/app/composables/graph-mermaid.ts
@@ -50,7 +50,7 @@ export function generateModuleGraphMermaid(modules: ModuleNode[]): string {
   if (modules.length === 1 && modules[0].imports.length === 0) {
     lines.push(
       `  note["Single module, no imports"]`,
-      `  style note fill:#f3f4f6,stroke:#d1d5db`,
+      `  style note fill:#f3f4f6,stroke:#d1d5db,shape:notch-rect`,
     )
   }
 
@@ -125,7 +125,7 @@ export function generateChunkGraphMermaid(chunks: ChunkNode[]): string {
   if (!hasEdges && chunks.length === 1) {
     lines.push(
       `  note["Single chunk, no imports"]`,
-      `  style note fill:#f3f4f6,stroke:#d1d5db`,
+      `  style note fill:#f3f4f6,stroke:#d1d5db,shape:notch-rect`,
     )
   }
 

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ export function generateModuleGraphMermaid(modules: ModuleNode[]): string {`
`50`	`50`	`if (modules.length === 1 && modules[0].imports.length === 0) {`
`51`	`51`	`lines.push(`
`52`	`52`	` note["Single module, no imports"]`,
`53`		- ` style note fill:#f3f4f6,stroke:#d1d5db`,
	`53`	+ ` style note fill:#f3f4f6,stroke:#d1d5db,shape:notch-rect`,
`54`	`54`	`)`
`55`	`55`	`}`
`56`	`56`
`@@ -125,7 +125,7 @@ export function generateChunkGraphMermaid(chunks: ChunkNode[]): string {`
`125`	`125`	`if (!hasEdges && chunks.length === 1) {`
`126`	`126`	`lines.push(`
`127`	`127`	` note["Single chunk, no imports"]`,
`128`		- ` style note fill:#f3f4f6,stroke:#d1d5db`,
	`128`	+ ` style note fill:#f3f4f6,stroke:#d1d5db,shape:notch-rect`,
`129`	`129`	`)`
`130`	`130`	`}`
`131`	`131`