Preview 0.2.3-preview.156

Installers of a build of main: 0.2.3-preview.156, from 4233636. A preview build does not update itself.

Preview 0.2.3-preview.155

Installers of a build of main: 0.2.3-preview.155, from b89e247. A preview build does not update itself.

v0.2.2

Signing

• The Linux packages and SHA256SUMS have OpenPGP signatures (check them).
• The Windows and macOS builds are not signed yet. Windows SmartScreen asks before the first start: choose "More info", then "Run anyway". macOS blocks the first start: open System Settings, then Privacy & Security, and choose "Open anyway".

New

App

• Add colour themes and theme files (#189)

  A diagram no longer keeps its own light or dark mode. It shows in the theme of the person who opens it.

• Give each failure a More details view for a bug report (#172)

Desktop app

• Keep running in the background after the window closes (#169)
• Give each app its own agent port so several apps can run at once (#171)
• Work with self-hosted websites and other release repositories (#181)

Flows and Present

• Add side paths and connections with no reply (#186)
• Bring the tokens of a fan-out back at the same time (#185)
• Let the replies of a fan-out arrive one after the other (#188)
• Select several steps and delete them together (#175)
• Delete steps from a right-click menu (#191)
• Change when a step starts from the log (#190)

Website

• Keep diagrams in a folder and let agents work through it (#167)
• Add a site footer with links to GitHub and the legal texts (#168)
• Publish a Docker image of the website (#176)

Fixes

Desktop app

• Colour the window buttons in the light theme too (#173)

GitHub Action

• Ignore one-pixel shifts in the image compare (#170)

Keyboard shortcuts

• Select a range of steps
• Add a step to the selection, or remove it
• Select all steps, in the step list
• Delete the selected steps
• Change when a step starts, in the log
• Keep the later steps in place after a new start

Full changelog: v0.2.1...v0.2.2

v0.2.2-beta.1

New

App

• Keep diagrams in a folder and let agents work through it (#167)
• Add colour themes and theme files (#189)

Build and docs

• Publish a Docker image of the website (#176)

Desktop app

• Give each app its own agent port so several apps can run at once (#171)
• Keep running in the background after the window closes (#169)
• Work with self-hosted websites and other release repositories (#181)

Editor

• Give each failure a More details view for a bug report (#172)

Flows and Present

• Select several steps and delete them together (#175)
• Add side paths and connections with no reply (#186)
• Delete steps from a right-click menu (#191)
• Change when a step starts from the log (#190)

Library and templates

• Add a site footer with links to GitHub and the legal texts (#168)

MCP server and skills

• Bring the tokens of a fan-out back at the same time (#185)
• Let the replies of a fan-out arrive one after the other (#188)

Fixes

Build and docs

• Give the pnpm cache mount the service ID prefix of the website host (#180)

Desktop app

• Colour the window buttons in the light theme too (#173)

GitHub Action

• Ignore one-pixel shifts in the image compare (#170)

Keyboard shortcuts

• Select a range of steps
• Add a step to the selection, or remove it
• Select all steps, in the step list
• Delete the selected steps
• Change when a step starts, in the log
• Keep the later steps in place after a new start

Full changelog: v0.2.1...v0.2.2-beta.1

v0.2.1

New

App

• Show the editor in link previews (#157)

  

Fixes

Flows and Present

• Keep the flow view switch at the width of its options (#156)

Full changelog: v0.2.0...v0.2.1

v0.2.0

Signing

• The Linux packages and SHA256SUMS have OpenPGP signatures (check them).
• The Windows and macOS builds are not signed yet. Windows SmartScreen asks before the first start: choose "More info", then "Run anyway". macOS blocks the first start: open System Settings, then Privacy & Security, and choose "Open anyway".

New

App

• Let agents choose a layout from ELK, Graphviz or swimlanes (#93)

Canvas

• Add a setting that routes edges around the nodes, and lets people set a route by hand (#88)

Editor

• Copy images, export a selection, and keep the diagram in an exported image (#65)
• Add a high-contrast canvas that follows the system setting (#89)

Export

• Export a dark and a light image with a picture snippet for a README (#35)

Flows and Present

• Export a diagram as a web page that plays its flows (#16)
• Add introduction and conclusion steps, step numbers, and local timing on the timeline (#67)

GitHub Action

• Add a GitHub Action that renders diagram files and comments on pull requests (#28)

Library and templates

• Let people pause the playing template on the first-run library (#47)
• Add a privacy section, rewrite the landing page text and compact the docs (#91)

MCP server and skills

• Add a skill that draws a diagram from infrastructure code and checks it (#38)
• Add RAG, MCP agent and C4 templates (#40)
• Let agents query the graph, lint a diagram, and see what each change did (#69)
• Add Salesforce icons from the Lightning Design System (#87)

Improvements

App

• Show the release notes on the website (#19)
• Share a diagram as a link that carries it (#20)
• Show the pointer cursor on buttons (#41)
• Offer tablets and Android computers an installable app that works offline (#79)
• Make share links about two thirds shorter with an own context model (#82)
• Set a Content-Security-Policy on the website (#102)

Canvas

• Open the diagram of a part's inside from its card (#22)
• Name nodes, edges, fields and pages for screen readers (#59)
• Make large diagrams navigable: level of detail, a minimap, Go to, and Explore (#66)
• Keep the space of an empty text in every view (#145)

Desktop app

• Keep diagram files in a repository and compare them with the last commit (#23)
• Render a diagram file from the command line (#27)
• Read the diagram files after the pending writes (#32)
• Pause the animation while nobody can see the page (#60)
• Do not offer the desktop app on iPads and Android tablets (#76)
• Clear the error of a failed handoff when the dialog closes or retries (#127)
• Capture desktop images and video frames with Chromium (#147)

Diagrams and files

• Play a trace as a flow (#14)
• Keep only x and y in the position of a node that leaves its group (#128)

Editor

• Mark sensitive body fields and show where they cross a trust boundary (#42)
• Follow the system colour scheme by default (#45)
• Keep the export tabs in place and fit the export dialog on a phone (#50)
• Rank insert search results by name before keywords (#51)
• Select the best insert match again when the results change (#54)
• Line up the properties panel (#55)
• Dock the Sensitive data panel on the left of the canvas (#57)
• Show shortcut keys from one list in menus, tooltips and the shortcut sheet (#58)
• Resize the editor panels, dock them on narrow screens, and fold the toolbars (#64)
• Write the detail of a card on several lines (#86)
• Put the settings of the diagram and of the app on separate tabs (#90)
• Paste nothing when the clipboard holds other data than the last copy (#130)
• Record no undo step for a node data patch that the node type refuses (#129)
• Save an opened diagram only when its content changes (#144)

Export

• Describe each diagram in text for screen readers and as alt text (#34)
• Offer GIF frame rates that a GIF can store exactly (#46)

Flows and Present

• Show a flow as a sequence diagram (#17)
• Reach several targets at once in a flow step, and play alternate paths (#31)
• Name edge steps on the timeline, and give the Order system token a name (#49)
• Step through every step in Present, show the step number, and explain empty diagrams (#53)
• Frame each flow step instead of following the token (#62)
• Hide the edge label under the token after a jump to a step (#77)
• Measure the labels under the token again while the flow stands still (#83)

GitHub Action

• Compare the templates with the app of the base commit in pull requests (#33)
• Render the base commit's own template files in the display check (#43)
• Count a few stray pixels at a rounded corner as the same in the display check (#70)

Library and templates

• Show the playing template above the fold on the first-run library (#48)
• Make the templates readable and draw them with a small icon file (#63)
• Show how diagrams live with code on the first visit (#72)
• Show the headline features with pictures, and every other feature in one line (#80)
• List the other features as names that open their summary (#81)
• Move the desktop offer up, make the features stand out, add four templates (#85)

MCP server and skills

• Give nodes an owner, a description and links (#18)
• Pin nodes so that Tidy up arranges the rest around them (#21)
• Follow the token with the flow camera by default (#148)

Fixes

Editor

• Fix copy: detail examples by kind, a page for unknown addresses, and pointers to flows and templates (#52)

MCP server

• New tools: query_graph, lint_diagram, import_trace.

Keyboard shortcuts

• Copy the selection or the diagram as a PNG
• Play or pause the flow, while the flow panel is open
• While recording, reach a node in the same step
• Stop recording
• Play or pause
• Previous or next step
• Full screen
• Explore a node and its neighbours
• Stop exploring, or leave Present

Full changelog: v0.1.4...v0.2.0

v0.2.0-beta.1

Signing

• The Linux packages and SHA256SUMS have OpenPGP signatures (check them).
• The Windows and macOS builds are not signed yet. Windows SmartScreen asks before the first start: choose "More info", then "Run anyway". macOS blocks the first start: open System Settings, then Privacy & Security, and choose "Open anyway".

New

App

• Let agents choose a layout from ELK, Graphviz or swimlanes (#93)

Canvas

• Add a setting that routes edges around the nodes, and lets people set a route by hand (#88)

Editor

• Copy images, export a selection, and keep the diagram in an exported image (#65)
• Add a high-contrast canvas that follows the system setting (#89)

Export

• Export a dark and a light image with a picture snippet for a README (#35)

Flows and Present

• Export a diagram as a web page that plays its flows (#16)
• Add introduction and conclusion steps, step numbers, and local timing on the timeline (#67)

GitHub Action

• Add a GitHub Action that renders diagram files and comments on pull requests (#28)

Library and templates

• Let people pause the playing template on the first-run library (#47)
• Add a privacy section, rewrite the landing page text and compact the docs (#91)

MCP server and skills

• Add a skill that draws a diagram from infrastructure code and checks it (#38)
• Add RAG, MCP agent and C4 templates (#40)
• Let agents query the graph, lint a diagram, and see what each change did (#69)
• Add Salesforce icons from the Lightning Design System (#87)

Improvements

App

• Show the release notes on the website (#19)
• Share a diagram as a link that carries it (#20)
• Show the pointer cursor on buttons (#41)
• Offer tablets and Android computers an installable app that works offline (#79)
• Make share links about two thirds shorter with an own context model (#82)
• Set a Content-Security-Policy on the website (#102)

Canvas

• Open the diagram of a part's inside from its card (#22)
• Name nodes, edges, fields and pages for screen readers (#59)
• Make large diagrams navigable: level of detail, a minimap, Go to, and Explore (#66)
• Keep the space of an empty text in every view (#145)

Desktop app

• Keep diagram files in a repository and compare them with the last commit (#23)
• Render a diagram file from the command line (#27)
• Read the diagram files after the pending writes (#32)
• Pause the animation while nobody can see the page (#60)
• Do not offer the desktop app on iPads and Android tablets (#76)
• Clear the error of a failed handoff when the dialog closes or retries (#127)
• Capture desktop images and video frames with Chromium (#147)

Diagrams and files

• Play a trace as a flow (#14)
• Keep only x and y in the position of a node that leaves its group (#128)

Editor

• Mark sensitive body fields and show where they cross a trust boundary (#42)
• Follow the system colour scheme by default (#45)
• Keep the export tabs in place and fit the export dialog on a phone (#50)
• Rank insert search results by name before keywords (#51)
• Select the best insert match again when the results change (#54)
• Line up the properties panel (#55)
• Dock the Sensitive data panel on the left of the canvas (#57)
• Show shortcut keys from one list in menus, tooltips and the shortcut sheet (#58)
• Resize the editor panels, dock them on narrow screens, and fold the toolbars (#64)
• Write the detail of a card on several lines (#86)
• Put the settings of the diagram and of the app on separate tabs (#90)
• Paste nothing when the clipboard holds other data than the last copy (#130)
• Record no undo step for a node data patch that the node type refuses (#129)
• Save an opened diagram only when its content changes (#144)

Export

• Describe each diagram in text for screen readers and as alt text (#34)
• Offer GIF frame rates that a GIF can store exactly (#46)

Flows and Present

• Show a flow as a sequence diagram (#17)
• Reach several targets at once in a flow step, and play alternate paths (#31)
• Name edge steps on the timeline, and give the Order system token a name (#49)
• Step through every step in Present, show the step number, and explain empty diagrams (#53)
• Frame each flow step instead of following the token (#62)
• Hide the edge label under the token after a jump to a step (#77)
• Measure the labels under the token again while the flow stands still (#83)

GitHub Action

• Compare the templates with the app of the base commit in pull requests (#33)
• Render the base commit's own template files in the display check (#43)
• Count a few stray pixels at a rounded corner as the same in the display check (#70)

Library and templates

• Show the playing template above the fold on the first-run library (#48)
• Make the templates readable and draw them with a small icon file (#63)
• Show how diagrams live with code on the first visit (#72)
• Show the headline features with pictures, and every other feature in one line (#80)
• List the other features as names that open their summary (#81)
• Move the desktop offer up, make the features stand out, add four templates (#85)

MCP server and skills

• Give nodes an owner, a description and links (#18)
• Pin nodes so that Tidy up arranges the rest around them (#21)
• Follow the token with the flow camera by default (#148)

Fixes

Editor

• Fix copy: detail examples by kind, a page for unknown addresses, and pointers to flows and templates (#52)

MCP server

• New tools: query_graph, lint_diagram, import_trace.

Keyboard shortcuts

• Copy the selection or the diagram as a PNG
• Play or pause the flow, while the flow panel is open
• While recording, reach a node in the same step
• Stop recording
• Play or pause
• Previous or next step
• Full screen
• Explore a node and its neighbours
• Stop exploring, or leave Present

Full changelog: v0.1.4...v0.2.0-beta.1

Diagrams 0.1.4

A new version of the Diagrams desktop app, with node colours. Installed apps on Windows and Linux update to it by themselves.

New

• Node colours: give a node or a shape a colour in the properties panel, or select several nodes and colour them all at once, for example to show which team owns which services or which nodes are data stores. Right-click a selection to colour it from the menu. The colours are the boundary colours, so a team can have the same colour on its boundary and on its nodes. A coloured node gets a light tint, a coloured outline and a coloured icon; titles stay easy to read. Agents can set colours too.

Changes

• The Mermaid export writes node colours as classes, and the Mermaid import reads the colours of classDef, class and style.
• Nodes that you copied in an earlier version of the app now paste. Before, the paste did nothing.
• When an earlier version of the app gets a diagram from a newer version, it now tells you to update.

Diagrams that this version saves use diagram format 8, which earlier versions of the app cannot open. If several computers open the same diagram files, for example through git or a synced folder, update the app on all of them. Diagrams from earlier versions open as before.

Download

• Windows: Diagrams-0.1.4-win-x64.exe
• macOS: Diagrams-0.1.4-mac-arm64.dmg (Apple silicon) or Diagrams-0.1.4-mac-x64.dmg (Intel)
• Linux: Diagrams-0.1.4-linux-x86_64.AppImage (make it executable first) or Diagrams-0.1.4-linux-amd64.deb

The builds are not signed yet. Windows SmartScreen asks before the first start: choose "More info", then "Run anyway". macOS blocks the first start: open System Settings, then Privacy & Security, and choose "Open anyway". On macOS the app tells you about new versions and links to them, and you install them by hand until the macOS build is signed.

Diagrams 0.1.3

A new version of the Diagrams desktop app, with request bodies and Mermaid export. Installed apps on Windows and Linux update to it by themselves.

New

• Request and response bodies: a connection can list the JSON fields of the body that it sends and of the body that comes back. Paste an example body to fill the fields, or copy an example body out as JSON. The connection label shows the number of fields, and while a flow plays, the log line shows the body. Agents can set and read bodies too.
• Mermaid export: Export, then Mermaid flowchart, copies the diagram as Mermaid text or downloads it as a .mmd file. GitHub draws Mermaid in Markdown, for example in a README.

Changes

• Flows play more smoothly and pinch zoom drops fewer frames, most of all in large diagrams and on slower computers.
• A new diagram that you leave empty no longer stays in your diagrams.
• The Mermaid import reads subgraph titles such as "Kubernetes namespace" as the right kind of boundary.
• The back button of the template page has a name for screen readers in a narrow window.

Diagrams that this version saves use diagram format 7, which older versions of the app cannot open. If several computers open the same diagram files, for example through git or a synced folder, update the app on all of them.

Download

• Windows: Diagrams-0.1.3-win-x64.exe
• macOS: Diagrams-0.1.3-mac-arm64.dmg (Apple silicon) or Diagrams-0.1.3-mac-x64.dmg (Intel)
• Linux: Diagrams-0.1.3-linux-x86_64.AppImage (make it executable first) or Diagrams-0.1.3-linux-amd64.deb

The builds are not signed yet. Windows SmartScreen asks before the first start: choose "More info", then "Run anyway". macOS blocks the first start: open System Settings, then Privacy & Security, and choose "Open anyway". On macOS the app tells you about new versions and links to them, and you install them by hand until the macOS build is signed.

Diagrams 0.1.2

A small update of the Diagrams desktop app. Installed apps on Windows and Linux update to it by themselves.

Changes

• Uninstalling the app on Windows now also removes its diagrams:// link, so "Open in desktop app" on the website no longer tries to start a removed program.

Download

• Windows: Diagrams-0.1.2-win-x64.exe
• macOS: Diagrams-0.1.2-mac-arm64.dmg (Apple silicon) or Diagrams-0.1.2-mac-x64.dmg (Intel)
• Linux: Diagrams-0.1.2-linux-x86_64.AppImage (make it executable first) or Diagrams-0.1.2-linux-amd64.deb

The builds are not signed yet. Windows SmartScreen asks before the first start: choose "More info", then "Run anyway". macOS blocks the first start: open System Settings, then Privacy & Security, and choose "Open anyway". On macOS the app tells you about new versions and links to them, and you install them by hand until the macOS build is signed.