Capture: Enter-to-start + on-board notice; dismiss discards a new note

Live-pass feedback: make the "waiting for input" state visible and starting
a note more deliberate, and let dismiss cancel an accidental note.

- New notes are now a confirm-to-keep dialog: Esc OR click-away DISCARD a
  brand-new, not-yet-persisted note (so an accidental keystroke / type-to-
  compose never litters); Ctrl/Cmd+Enter, the footer button, or Shift+Enter
  commit it. A compose already persisted by a rich action, and any existing
  note, still close-and-save on dismiss. The compose footer button is now a
  filled "Add note" so the save path is unmistakable.
- Enter (board, nothing focused) starts a new note; a subtle dashed on-board
  notice — "Press Enter or start typing to add a note" — makes capture
  discoverable instead of silent (click it to compose too). Type-to-compose
  stays as the fast path.
- Empty-state copy + shortcuts help updated (Enter/c for a new note).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FRgehjoz7Yv8LkUfADxACm

frontend/src/components/AppShell.vue

@@ -42,7 +42,7 @@ let searchTimer: ReturnType<typeof setTimeout> | undefined;
 
 const shortcuts = [
   { label: "Command palette", keys: ["⌘/Ctrl", "K"] },
-  { label: "New note (or just start typing)", keys: ["c"] },
+  { label: "New note (or just start typing)", keys: ["Enter", "c"] },
   { label: "Search", keys: ["/"] },
   { label: "Go to Board", keys: ["g", "b"] },
   { label: "Go to Graph", keys: ["g", "g"] },

frontend/src/components/NoteEditor.vue

@@ -178,15 +178,26 @@ async function close(): Promise<void> {
   await flush();
   emit("close");
 }
+// Esc / click-away DISMISS. A brand-new, not-yet-persisted note is DISCARDED — so an
+// accidental keystroke or type-to-compose never litters the board. To keep a new note,
+// commit it explicitly (Done, Ctrl/Cmd+Enter, or Shift+Enter). An existing note, or a
+// compose already persisted by a rich action, closes normally (saving its text).
+async function dismiss(): Promise<void> {
+  if (isCreate.value) {
+    emit("close");
+    return;
+  }
+  await close();
+}
 function onEsc(): void {
-  void close();
+  void dismiss();
 }
 function onMetaEnter(): void {
-  // Ctrl/Cmd+Enter = finish & close (matches email/chat "send").
+  // Ctrl/Cmd+Enter = finish & close, an explicit commit (matches email/chat "send").
   void close();
 }
 function onBackdropMousedown(): void {
-  void close();
+  void dismiss();
 }
 
 async function loadBacklinks(): Promise<void> {
@@ -875,11 +886,15 @@ function revPreview(rev: NoteRevision): string {
           </template>
           <button
             type="button"
-            class="rounded-md px-3 py-1.5 text-sm font-semibold text-neutral-700 hover:bg-neutral-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand disabled:opacity-60 dark:text-neutral-200 dark:hover:bg-neutral-800"
+            :class="
+              isCreate
+                ? 'rounded-md bg-brand px-3 py-1.5 text-sm font-semibold text-neutral-900 hover:brightness-95 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand disabled:opacity-60'
+                : 'rounded-md px-3 py-1.5 text-sm font-semibold text-neutral-700 hover:bg-neutral-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand disabled:opacity-60 dark:text-neutral-200 dark:hover:bg-neutral-800'
+            "
             :disabled="saving"
             @click="close()"
           >
-            {{ isCreate ? "Done" : "Close" }}
+            {{ isCreate ? "Add note" : "Close" }}
           </button>
         </div>
       </div>