[lroder]

Layout engines, short relationship labels and easier canvas navigation

I used drawDB to review a schema for a new time-and-billing feature, 18 tables and 36 foreign keys, and I made these changes along the way. Each one fixed something that slowed me down. If any of them helps, great. I'm also glad to drop or split anything you'd rather not take.

1. A layout menu on the auto arrange button. The wand now offers five layouts: Dagre left to right (the existing behavior), Dagre top to bottom, ELK layered, ELK stress, and one that arranges each subject area separately. Each one is a single undo step, so I can try them all with Ctrl+Z in between. ELK (elkjs) loads only when someone picks one of its layouts.
2. Imports arrive arranged and in view. The SQL import placed tables in two rows and centered the view on the origin, so most of my diagram sat off the bottom right of the window. Every import now runs auto arrange and fits the view.
3. Spread out and Pull together. Two toolbar buttons move everything away from or toward the center of the screen by 20% per click. Tables keep their size, so the gaps between them grow until lines and labels are readable.
4. Short relationship labels. A View menu toggle replaces long FK names on the canvas with initials, so fk_time_entry_change_requests_requested_by_auth_user_id_auth_users shows as tecr.rbau. The editor never saves these labels. When you point at a line, the editor shows its full name.
5. A relationship legend. It maps each short label to its full name and columns. You can drag it, resize it and collapse it, or toggle it from a toolbar button. PNG, SVG and PDF exports include it.
6. Scrollbars and a zoom slider. The canvas shows scrollbars when the diagram extends past the window. The toolbar has a slider that zooms smoothly between the presets.
7. A fix for Postgres text defaults. The problem checker compared a text column's default against a size that text doesn't have, so every text default was flagged.

The new interface strings are in 33 of drawDB's languages.¹ The new settings are off by default, so the editor looks the same until someone turns them on.

¹ I added the twelve new strings to 32 languages besides English: Arabic, Bulgarian, Chinese (Simplified and Traditional), Czech, Danish, Dutch, Filipino, Finnish, French, German, Greek, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Malay, Norwegian, Persian, Polish, Portuguese, Romanian, Russian, Spanish, Swedish, Thai, Turkish, Ukrainian and Vietnamese. Claude drafted them using each file's existing words for relationship and subject area. A native speaker's review would be welcome. The other 18 languages fall back to English for these strings for now.

🤖 Generated with Claude Code

[vercel]

@lroder is attempting to deploy a commit to the dottle's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
drawdb	Ready	Preview	Oct 31, 2026 2:40pm UTC

[1ilit]

Thanks for the contribution!

I'd love to have these in the app:

1. A layout menu on the auto arrange button.
2. Imports arrive arranged and in view.
3. A fix for Postgres text defaults.

could you please either update this pr or open a new one?

[lroder]

Thanks for going through this. I'm closing this PR and creating a new one, #1188, with the three changes you listed: the layout menu, imports that arrive arranged and in view, and the Postgres text fix.

I also kept the canvas scrollbars, the zoom slider and the Spread out and Pull together buttons, because I used all three after every auto arrange on a large import. They are the last three commits in the new PR, so if you'd rather not take any of them, I can drop it, or you can merge the commits before it. I left out the short relationship labels and the legend.