Agentic Mermaid

Get it for macOS

Draws Mermaid diagrams in chat with outlined boxes, routed edges, and your theme's colors. Renders 15 diagram types, including gantt, pie, mindmap, timeline, and architecture, through the agentic-mermaid library. Git graphs and types it can't draw keep bb's own renderer. Diagrams recolor when you switch between light and dark mode. Relies on bb internals, so a bb update can return diagrams to the stock renderer until the plugin catches up.


Overview

View source

What you get

  • Every ```mermaid block in chat and in Markdown file previews renders with agentic-mermaid: boxes, participants, and group frames have visible outlines, and edges route around nodes at right angles.
  • 15 diagram types: flowchart, state, sequence, class, ER, gantt, pie, mindmap, timeline, user journey, quadrant, XY chart, architecture, and radar.
  • Git graphs, diagram types agentic-mermaid can't draw (such as sankey), and diagrams with syntax errors keep bb's own renderer, including its source view for broken diagrams.
  • bb's block controls keep working: the source toggle, copy, and the full-screen pan and zoom view.

Follows your theme

Diagram colors come from your active bb theme's text, accent, and surface colors. Switching between light and dark mode recolors diagrams already on screen.

How it works

  • bb has no plugin slot for Mermaid blocks, so the plugin swaps the render function of the Mermaid module bb already loads. Diagrams bb drew before the plugin loaded are redrawn in place.
  • The plugin's own backend serves agentic-mermaid in per-diagram-type pieces. The browser downloads only the types a conversation uses, so bb's page load grows by about 6 KB.
  • Rendering runs in agentic-mermaid's strict mode: no network requests, and labels are escaped.

Requirements

  • bb 0.43 or later.
  • No account, API key, or external service.
  • The plugin depends on bb internals that can change between bb releases. If a release changes them, the plugin does nothing and bb's stock renderer stays in place.
  • Pie charts use agentic-mermaid's own blue palette rather than your theme's accent.

More from bottlebrushes

Chat FindPress Ctrl+F (Cmd+F on Mac) in any bb chat to find words in the conversation, with every match highlighted where it appears. Enter and Shift+Enter step through matches, and the chat scrolls each one clear of the composer, including matches inside bold text, links, and syntax-highlighted code. The count updates while an agent is still replying, without losing your place. Escape closes the bar and puts the cursor back where it was. It searches the messages the chat has loaded, leaves Ctrl+F to the embedded browser and terminals when they have focus, and needs no account or external service.18Conductor ThemeApplies the Conductor workspace aesthetic across bb with roasted espresso and native black surfaces, warm brown message cards, bone typography, and emerald accents.80GitHub ProjectsCreates and imports GitHub repositories directly from BB's native project picker. Injects dedicated creation and import options into the project dropdown. Automatically initializes private repositories, clones locally, and registers projects in BB with one click. Also provides the bb gh-project CLI and agent skill.33Linear CardSee which Linear issue each chat is about, right in the thread header. Click the chip for the full card with its description and images, then open, change, or unlink it. A chat with no card opens your assigned issues, grouped by state and searchable, so you can link one in two clicks. Branches named by Linear (eng-123-…) attach their issue on their own, and long titles get a short AI label. Requires a Linear personal API key; short labels use bb's Account Pooler.New

More in Thread Content 92

Change what people see or do inside an open thread.

View all
Generative UITurns agent replies into charts, diagrams, maps, plans and forms you can use, right in the chat. Agents choose from 86 components on their own, with no setup: sliders and filters recompute in the page, and buttons, choices and forms put your answers in your message, which reaches the agent when you send it. Test reports, logs, lint errors and coverage files render as their own components instead of pasted text, and a thread's changes, commits, pull request and workers are read live from BB. Adds about 6,400 tokens of instructions to sessions whose replies you read, and looks up photos, places and map tiles on Wikimedia Commons, Wikipedia, Photon and OpenStreetMap unless you turn web lookups off. Relies on BB internals, so a BB update can show the blocks as code until the plugin catches up.ComicBit916
Agent TracesSee where your agents' time goes, from every thread down to each command, tool call, and subagent of a turn. A turn opens as a timeline that splits the agent's time into waiting on you, tools, subagents, thinking, writing, and model time, and it grows live while the agent works. Select a call to see its exit code, output, and arguments, or jump to the reply that followed it in the chat. A Traces page in the sidebar compares your recent threads by active time, calls, and errors, and two turns can be compared phase by phase. Turns export as OpenTelemetry or an HTML snapshot, and the bb agent-traces command gives agents the same answers. Traces come from the thread history on your bb server; an OpenTelemetry collector is optional.Nicolas Charpentier295