Ask for the name in a dialog instead of a field that is always there

Create in both overviews now opens a dialog, so the toolbar is a search box
and one button. The specs and the capture script open it first.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01H7LwYgJfpkbLCTeiAf8U4A

frontend/scripts/capture-screenshots.mjs

@@ -86,6 +86,7 @@ async function captureDashboards(page, dir) {
   await page.goto(`${APP_URL}/dashboards`, { waitUntil: "networkidle" })
 
   if (!(await page.getByTestId("dashboard-card").count())) {
+    await page.getByTestId("new-dashboard").click()
     await page.getByTestId("new-dashboard-name").fill("panel")
     await page.getByTestId("create-dashboard").click()
     await page.waitForURL(/\/dashboards\/.+/, { timeout: 15000 })
@@ -113,6 +114,7 @@ async function captureFlows(page, dir) {
   if (await page.getByTestId("flow-card").count()) {
     await page.getByTestId("flow-card").first().click()
   } else {
+    await page.getByTestId("new-flow").click()
     await page.getByTestId("new-flow-name").fill("first_flow")
     await page.getByTestId("create-flow").click()
   }