From 53bc5d1d72cf3ef51202087799bb656321f8b6e5 Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 16:46:28 +1100
Subject: [PATCH 1/7] feat(ui): add cross-navigation buttons between note and
 session dialogs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When viewing a note that has an associated chat session, show a
MessageSquare button in the dialog header that dismisses the note
and opens the corresponding session dialog.

When viewing a chat session that has an associated note, show a
FileText button in the dialog header that dismisses the session
and opens the corresponding note dialog.

Both buttons only appear when the association exists. Wired up in
BranchCard (timeline notes ↔ branch sessions) and ProjectSection
(project notes ↔ project sessions).
---
 .../lib/features/branches/BranchCard.svelte   | 32 ++++++++++++++---
 .../src/lib/features/notes/NoteModal.svelte   | 24 +++++++++----
 .../features/projects/ProjectSection.svelte   | 30 ++++++++++++++--
 .../lib/features/sessions/SessionModal.svelte | 36 ++++++++++++++++++-
 .../features/timeline/BranchTimeline.svelte   |  4 +--
 5 files changed, 110 insertions(+), 16 deletions(-)

diff --git a/apps/staged/src/lib/features/branches/BranchCard.svelte b/apps/staged/src/lib/features/branches/BranchCard.svelte
index 246be108..15c5aa40 100644
--- a/apps/staged/src/lib/features/branches/BranchCard.svelte
+++ b/apps/staged/src/lib/features/branches/BranchCard.svelte
@@ -160,7 +160,7 @@
   let commitDiffSha = $state<string | null>(null);
 
   // Note modal (opened by clicking a note in the timeline)
-  let openNote = $state<{ title: string; content: string } | null>(null);
+  let openNote = $state<{ title: string; content: string; sessionId?: string } | null>(null);
 
   // Image viewer modal (opened by clicking an image in the timeline)
   let viewImageId = $state<string | null>(null);
@@ -351,12 +351,21 @@
   // Timeline item interactions
   // =========================================================================
 
+  /** Look up note info from timeline data by session ID (for cross-modal navigation). */
+  function findNoteForSession(
+    sessionId: string
+  ): { id: string; title: string; content: string } | null {
+    const note = timeline?.notes.find((n) => n.sessionId === sessionId && n.content?.trim());
+    if (!note) return null;
+    return { id: note.id, title: note.title, content: note.content };
+  }
+
   function handleCommitClick(sha: string) {
     commitDiffSha = sha;
   }
 
-  function handleNoteClick(_noteId: string, title: string, content: string) {
-    openNote = { title, content };
+  function handleNoteClick(_noteId: string, title: string, content: string, sessionId?: string) {
+    openNote = { title, content, sessionId };
   }
 
   async function handleReviewClick(reviewId: string) {
@@ -803,7 +812,16 @@
 {/if}
 
 {#if openNote}
-  <NoteModal title={openNote.title} content={openNote.content} onClose={() => (openNote = null)} />
+  <NoteModal
+    title={openNote.title}
+    content={openNote.content}
+    sessionId={openNote.sessionId}
+    onClose={() => (openNote = null)}
+    onOpenSession={(sid) => {
+      openNote = null;
+      sessionMgr.openSessionId = sid;
+    }}
+  />
 {/if}
 
 {#if viewImageId}
@@ -847,6 +865,12 @@
     repoDir={branch.worktreePath}
     branchId={branch.id}
     projectId={branch.projectId}
+    noteInfo={findNoteForSession(sessionMgr.openSessionId)}
+    onOpenNote={(noteId, title, content) => {
+      const sid = sessionMgr.openSessionId;
+      sessionMgr.openSessionId = null;
+      openNote = { title, content, sessionId: sid ?? undefined };
+    }}
     onClose={async () => {
       const closedSessionId = sessionMgr.openSessionId;
       sessionMgr.openSessionId = null;
diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index 9a1dffdf..7cddb2c2 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -6,7 +6,7 @@
 -->
 <script lang="ts">
   import { onDestroy, onMount } from 'svelte';
-  import { X, Copy, Check } from 'lucide-svelte';
+  import { X, Copy, Check, MessageSquare } from 'lucide-svelte';
   import { marked } from 'marked';
   import { sanitize } from '../../shared/sanitize';
   import { createBackdropDismissHandlers } from '../../shared/backdropDismiss';
@@ -21,9 +21,12 @@
     title: string;
     content: string;
     onClose: () => void;
+    /** When set, shows a button to open the associated chat session. */
+    sessionId?: string | null;
+    onOpenSession?: (sessionId: string) => void;
   }
 
-  let { title, content, onClose }: Props = $props();
+  let { title, content, onClose, sessionId, onOpenSession }: Props = $props();
 
   let copied = $state(false);
   const backdropDismiss = createBackdropDismissHandlers({ onDismiss: () => onClose() });
@@ -174,8 +177,17 @@
         onClose={closeSearch}
       />
       <div class="header-actions">
+        {#if sessionId && onOpenSession}
+          <button
+            class="header-btn"
+            onclick={() => onOpenSession?.(sessionId!)}
+            title="Open chat session"
+          >
+            <MessageSquare size={16} />
+          </button>
+        {/if}
         <button
-          class="share-btn"
+          class="header-btn"
           class:copied
           onclick={handleShare}
           title={copied ? 'Copied!' : 'Copy note to clipboard'}
@@ -277,7 +289,7 @@
     flex-shrink: 0;
   }
 
-  .share-btn {
+  .header-btn {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -293,12 +305,12 @@
       background-color 0.1s;
   }
 
-  .share-btn:hover {
+  .header-btn:hover {
     color: var(--text-primary);
     background: var(--bg-hover);
   }
 
-  .share-btn.copied {
+  .header-btn.copied {
     color: var(--status-added);
   }
 
diff --git a/apps/staged/src/lib/features/projects/ProjectSection.svelte b/apps/staged/src/lib/features/projects/ProjectSection.svelte
index 7a8520ba..f3c25c90 100644
--- a/apps/staged/src/lib/features/projects/ProjectSection.svelte
+++ b/apps/staged/src/lib/features/projects/ProjectSection.svelte
@@ -373,7 +373,7 @@
     })
   );
 
-  let openNote = $state<{ title: string; content: string } | null>(null);
+  let openNote = $state<{ title: string; content: string; sessionId?: string } | null>(null);
   let openSessionId = $state<string | null>(null);
 
   function formatRelativeTime(timestampMs: number): string {
@@ -614,7 +614,11 @@
             onItemClick={isRunning || isFailed
               ? undefined
               : () => {
-                  openNote = { title: note.title, content: note.content };
+                  openNote = {
+                    title: note.title,
+                    content: note.content,
+                    sessionId: note.sessionId ?? undefined,
+                  };
                 }}
             onSessionClick={(sid) => {
               openSessionId = sid;
@@ -646,13 +650,33 @@
 </div>
 
 {#if openNote}
-  <NoteModal title={openNote.title} content={openNote.content} onClose={() => (openNote = null)} />
+  <NoteModal
+    title={openNote.title}
+    content={openNote.content}
+    sessionId={openNote.sessionId}
+    onClose={() => (openNote = null)}
+    onOpenSession={(sid) => {
+      openNote = null;
+      openSessionId = sid;
+    }}
+  />
 {/if}
 
 {#if openSessionId}
+  {@const noteForSession = projectNotes.find(
+    (n) => n.sessionId === openSessionId && n.content?.trim()
+  )}
   <SessionModal
     sessionId={openSessionId}
     projectId={project.id}
+    noteInfo={noteForSession
+      ? { id: noteForSession.id, title: noteForSession.title, content: noteForSession.content }
+      : null}
+    onOpenNote={(_noteId, title, content) => {
+      const sid = openSessionId;
+      openSessionId = null;
+      openNote = { title, content, sessionId: sid ?? undefined };
+    }}
     onClose={() => {
       openSessionId = null;
       loadProjectNotes();
diff --git a/apps/staged/src/lib/features/sessions/SessionModal.svelte b/apps/staged/src/lib/features/sessions/SessionModal.svelte
index 2bbeaaf1..20325cc9 100644
--- a/apps/staged/src/lib/features/sessions/SessionModal.svelte
+++ b/apps/staged/src/lib/features/sessions/SessionModal.svelte
@@ -40,6 +40,7 @@
     Paperclip,
     ImagePlus,
     Plus,
+    FileText,
   } from 'lucide-svelte';
   import Spinner from '../../shared/Spinner.svelte';
   import { marked } from 'marked';
@@ -83,9 +84,12 @@
     branchId?: string | null;
     /** Project ID — when provided, enables image attachment on replies. */
     projectId?: string | null;
+    /** When set, shows a button to open the associated note. */
+    noteInfo?: { id: string; title: string; content: string } | null;
+    onOpenNote?: (noteId: string, title: string, content: string) => void;
   }
 
-  let { sessionId, onClose, repoDir, branchId, projectId }: Props = $props();
+  let { sessionId, onClose, repoDir, branchId, projectId, noteInfo, onOpenNote }: Props = $props();
 
   // =========================================================================
   // State
@@ -820,6 +824,15 @@
         onClose={closeSearch}
       />
       <div class="header-actions">
+        {#if noteInfo && onOpenNote}
+          <button
+            class="header-btn"
+            onclick={() => onOpenNote?.(noteInfo!.id, noteInfo!.title, noteInfo!.content)}
+            title="Open note"
+          >
+            <FileText size={16} />
+          </button>
+        {/if}
         <button class="close-btn" onclick={requestClose} title="Close (Esc)">
           <X size={16} />
         </button>
@@ -1249,6 +1262,27 @@
     flex-shrink: 0;
   }
 
+  .header-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px;
+    background: none;
+    border: none;
+    border-radius: 6px;
+    color: var(--text-muted);
+    cursor: pointer;
+    flex-shrink: 0;
+    transition:
+      color 0.1s,
+      background-color 0.1s;
+  }
+
+  .header-btn:hover {
+    color: var(--text-primary);
+    background: var(--bg-hover);
+  }
+
   .close-btn {
     display: flex;
     align-items: center;
diff --git a/apps/staged/src/lib/features/timeline/BranchTimeline.svelte b/apps/staged/src/lib/features/timeline/BranchTimeline.svelte
index fb6a77d8..19606d30 100644
--- a/apps/staged/src/lib/features/timeline/BranchTimeline.svelte
+++ b/apps/staged/src/lib/features/timeline/BranchTimeline.svelte
@@ -42,7 +42,7 @@
     deletingItems?: { type: 'commit' | 'note' | 'review' | 'image'; id: string }[];
     onSessionClick?: (sessionId: string) => void;
     onCommitClick?: (sha: string) => void;
-    onNoteClick?: (noteId: string, title: string, content: string) => void;
+    onNoteClick?: (noteId: string, title: string, content: string, sessionId?: string) => void;
     onReviewClick?: (reviewId: string) => void;
     onImageClick?: (imageId: string) => void;
     onDeleteCommit?: (sha: string, sessionId?: string) => void;
@@ -351,7 +351,7 @@
     if (item.type === 'commit' && item.commitSha && onCommitClick) {
       onCommitClick(item.commitSha);
     } else if (item.type === 'note' && item.noteId && onNoteClick) {
-      onNoteClick(item.noteId, item.noteTitle ?? '', item.noteContent ?? '');
+      onNoteClick(item.noteId, item.noteTitle ?? '', item.noteContent ?? '', item.sessionId);
     } else if (item.type === 'review' && item.reviewId && onReviewClick) {
       onReviewClick(item.reviewId);
     } else if (item.type === 'image' && item.imageId && onImageClick) {

From 9289668217600f68d1f2264b356abcadf1f0ba13 Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 16:51:40 +1100
Subject: [PATCH 2/7] style(ui): match NoteModal width layout to SessionModal

Update NoteModal .modal dimensions from 640px/max-width:90vw/max-height:80vh
to 700px/height:80vh/max-height:900px to match SessionModal's layout,
ensuring both dialogs have a consistent size when opened.
---
 apps/staged/src/lib/features/notes/NoteModal.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index 7cddb2c2..137123e5 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -230,9 +230,9 @@
   .modal {
     display: flex;
     flex-direction: column;
-    width: 640px;
-    max-width: 90vw;
-    max-height: 80vh;
+    width: 700px;
+    height: 80vh;
+    max-height: 900px;
     background: var(--bg-chrome);
     border-radius: 12px;
     overflow: hidden;

From 416a81e1143645f381ac3ff2069517f7b23e3100 Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 16:53:55 +1100
Subject: [PATCH 3/7] style(ui): add text labels to cross-navigation buttons in
 modal headers

Add visible text labels alongside the icons for the cross-navigation
buttons between note and session dialogs:
- NoteModal: MessageSquare icon now shows 'Chat session' label
- SessionModal: FileText icon now shows 'Note' label

Update header-btn styles in both modals with gap, horizontal padding,
and font-size to accommodate the text labels.
---
 apps/staged/src/lib/features/notes/NoteModal.svelte       | 5 ++++-
 apps/staged/src/lib/features/sessions/SessionModal.svelte | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index 137123e5..6bf73bef 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -184,6 +184,7 @@
             title="Open chat session"
           >
             <MessageSquare size={16} />
+            <span>Chat session</span>
           </button>
         {/if}
         <button
@@ -293,13 +294,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 4px;
+    gap: 4px;
+    padding: 4px 8px;
     background: none;
     border: none;
     border-radius: 6px;
     color: var(--text-muted);
     cursor: pointer;
     flex-shrink: 0;
+    font-size: 12px;
     transition:
       color 0.1s,
       background-color 0.1s;
diff --git a/apps/staged/src/lib/features/sessions/SessionModal.svelte b/apps/staged/src/lib/features/sessions/SessionModal.svelte
index 20325cc9..cee4a33e 100644
--- a/apps/staged/src/lib/features/sessions/SessionModal.svelte
+++ b/apps/staged/src/lib/features/sessions/SessionModal.svelte
@@ -831,6 +831,7 @@
             title="Open note"
           >
             <FileText size={16} />
+            <span>Note</span>
           </button>
         {/if}
         <button class="close-btn" onclick={requestClose} title="Close (Esc)">
@@ -1266,13 +1267,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 4px;
+    gap: 4px;
+    padding: 4px 8px;
     background: none;
     border: none;
     border-radius: 6px;
     color: var(--text-muted);
     cursor: pointer;
     flex-shrink: 0;
+    font-size: 12px;
     transition:
       color 0.1s,
       background-color 0.1s;

From f73be7c21659064cc02d4205340fedfd2fe21938 Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 16:55:58 +1100
Subject: [PATCH 4/7] style(ui): replace icons with bordered text buttons for
 cross-nav

Replace icon-only cross-navigation buttons with text-only bordered
buttons in NoteModal ("View chat") and SessionModal ("View note").

- Remove MessageSquare and FileText icon imports
- Add 1px solid border using --border-primary with hover transition
- Use text labels instead of icons for clearer affordance
---
 .../staged/src/lib/features/notes/NoteModal.svelte | 14 +++++++-------
 .../src/lib/features/sessions/SessionModal.svelte  | 13 ++++++-------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index 6bf73bef..a2dcd305 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -6,7 +6,7 @@
 -->
 <script lang="ts">
   import { onDestroy, onMount } from 'svelte';
-  import { X, Copy, Check, MessageSquare } from 'lucide-svelte';
+  import { X, Copy, Check } from 'lucide-svelte';
   import { marked } from 'marked';
   import { sanitize } from '../../shared/sanitize';
   import { createBackdropDismissHandlers } from '../../shared/backdropDismiss';
@@ -183,8 +183,7 @@
             onclick={() => onOpenSession?.(sessionId!)}
             title="Open chat session"
           >
-            <MessageSquare size={16} />
-            <span>Chat session</span>
+            View chat
           </button>
         {/if}
         <button
@@ -294,10 +293,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 4px;
-    padding: 4px 8px;
+    padding: 4px 10px;
     background: none;
-    border: none;
+    border: 1px solid var(--border-primary);
     border-radius: 6px;
     color: var(--text-muted);
     cursor: pointer;
@@ -305,12 +303,14 @@
     font-size: 12px;
     transition:
       color 0.1s,
-      background-color 0.1s;
+      background-color 0.1s,
+      border-color 0.1s;
   }
 
   .header-btn:hover {
     color: var(--text-primary);
     background: var(--bg-hover);
+    border-color: var(--text-muted);
   }
 
   .header-btn.copied {
diff --git a/apps/staged/src/lib/features/sessions/SessionModal.svelte b/apps/staged/src/lib/features/sessions/SessionModal.svelte
index cee4a33e..189edf68 100644
--- a/apps/staged/src/lib/features/sessions/SessionModal.svelte
+++ b/apps/staged/src/lib/features/sessions/SessionModal.svelte
@@ -40,7 +40,6 @@
     Paperclip,
     ImagePlus,
     Plus,
-    FileText,
   } from 'lucide-svelte';
   import Spinner from '../../shared/Spinner.svelte';
   import { marked } from 'marked';
@@ -830,8 +829,7 @@
             onclick={() => onOpenNote?.(noteInfo!.id, noteInfo!.title, noteInfo!.content)}
             title="Open note"
           >
-            <FileText size={16} />
-            <span>Note</span>
+            View note
           </button>
         {/if}
         <button class="close-btn" onclick={requestClose} title="Close (Esc)">
@@ -1267,10 +1265,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 4px;
-    padding: 4px 8px;
+    padding: 4px 10px;
     background: none;
-    border: none;
+    border: 1px solid var(--border-primary);
     border-radius: 6px;
     color: var(--text-muted);
     cursor: pointer;
@@ -1278,12 +1275,14 @@
     font-size: 12px;
     transition:
       color 0.1s,
-      background-color 0.1s;
+      background-color 0.1s,
+      border-color 0.1s;
   }
 
   .header-btn:hover {
     color: var(--text-primary);
     background: var(--bg-hover);
+    border-color: var(--text-muted);
   }
 
   .close-btn {

From b622f4cef937f91b0112b606287a9a43cfc169d9 Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 16:57:19 +1100
Subject: [PATCH 5/7] fix(ui): use correct border CSS variable for cross-nav
 buttons

--border-primary doesn't exist in the theme. Use --border-muted which
is defined in theme.ts and resolves to a visible border color.
---
 apps/staged/src/lib/features/notes/NoteModal.svelte       | 2 +-
 apps/staged/src/lib/features/sessions/SessionModal.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index a2dcd305..47b2266a 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -295,7 +295,7 @@
     justify-content: center;
     padding: 4px 10px;
     background: none;
-    border: 1px solid var(--border-primary);
+    border: 1px solid var(--border-muted);
     border-radius: 6px;
     color: var(--text-muted);
     cursor: pointer;
diff --git a/apps/staged/src/lib/features/sessions/SessionModal.svelte b/apps/staged/src/lib/features/sessions/SessionModal.svelte
index 189edf68..48800ef9 100644
--- a/apps/staged/src/lib/features/sessions/SessionModal.svelte
+++ b/apps/staged/src/lib/features/sessions/SessionModal.svelte
@@ -1267,7 +1267,7 @@
     justify-content: center;
     padding: 4px 10px;
     background: none;
-    border: 1px solid var(--border-primary);
+    border: 1px solid var(--border-muted);
     border-radius: 6px;
     color: var(--text-muted);
     cursor: pointer;

From 9187aa25f444356ed126a9a609e51a8d9e00ceea Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 17:03:00 +1100
Subject: [PATCH 6/7] style(ui): align NoteModal header with SessionModal
 header

NoteModal header was taller than SessionModal due to differences in
padding, font size, and markup structure:

- Reduce header padding from 16px 20px to 12px 16px
- Change title font-size from --size-base to --size-sm
- Replace <h2 class="modal-title"> with <span class="header-title">
  wrapped in <div class="header-content"> to match SessionModal's
  markup structure

Both modal headers now render at the same height.
---
 .../src/lib/features/notes/NoteModal.svelte   | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index 47b2266a..9c0a7b34 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -166,7 +166,9 @@
   <!-- svelte-ignore a11y_no_static_element_interactions -->
   <div class="modal" role="presentation" onclick={(e) => e.stopPropagation()}>
     <header class="modal-header">
-      <h2 class="modal-title">{title}</h2>
+      <div class="header-content">
+        <span class="header-title">{title}</span>
+      </div>
       <InContentSearch
         visible={searchVisible}
         {matchCount}
@@ -244,21 +246,27 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 16px 20px;
+    padding: 12px 16px;
     border-bottom: 1px solid var(--border-subtle);
     flex-shrink: 0;
     gap: 12px;
   }
 
-  .modal-title {
-    margin: 0;
-    font-size: var(--size-base);
+  .header-content {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-width: 0;
+    flex: 1;
+  }
+
+  .header-title {
+    font-size: var(--size-sm);
     font-weight: 600;
     color: var(--text-primary);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    min-width: 0;
   }
 
   .close-btn {

From 48c1323d000a528fb6adcdcf99f9be4f8f50c38b Mon Sep 17 00:00:00 2001
From: Matt Toohey <contact@matttoohey.com>
Date: Tue, 17 Mar 2026 17:04:57 +1100
Subject: [PATCH 7/7] style(ui): swap copy and view chat button positions in
 NoteModal header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move the copy button before the view chat button in the header actions
so the order is now: Copy → View chat → Close.
---
 .../src/lib/features/notes/NoteModal.svelte    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/staged/src/lib/features/notes/NoteModal.svelte b/apps/staged/src/lib/features/notes/NoteModal.svelte
index 9c0a7b34..b48845c3 100644
--- a/apps/staged/src/lib/features/notes/NoteModal.svelte
+++ b/apps/staged/src/lib/features/notes/NoteModal.svelte
@@ -179,15 +179,6 @@
         onClose={closeSearch}
       />
       <div class="header-actions">
-        {#if sessionId && onOpenSession}
-          <button
-            class="header-btn"
-            onclick={() => onOpenSession?.(sessionId!)}
-            title="Open chat session"
-          >
-            View chat
-          </button>
-        {/if}
         <button
           class="header-btn"
           class:copied
@@ -200,6 +191,15 @@
             <Copy size={16} />
           {/if}
         </button>
+        {#if sessionId && onOpenSession}
+          <button
+            class="header-btn"
+            onclick={() => onOpenSession?.(sessionId!)}
+            title="Open chat session"
+          >
+            View chat
+          </button>
+        {/if}
         <button class="close-btn" onclick={onClose} title="Close (Esc)">
           <X size={16} />
         </button>