fix(macos): Move file breadcrumb to header, hide gutter line

Move the filename display from a separate breadcrumb row into the
header bar alongside the refresh button. Remove the vertical separator
line from the line number gutter by painting over it with the editor
background color.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: 2witstudios

apps/purepoint-macos/purepoint-macos/Views/Detail/ProjectDetailView.swift

@@ -27,9 +27,6 @@ struct ProjectDetailView: View {
                 )
             } second: {
                 VStack(spacing: 0) {
-                    if let file = editorState.currentFile, !editorState.showChanges {
-                        fileBreadcrumb(file)
-                    }
                     Divider()
                     editorContent
                 }
@@ -79,6 +76,23 @@ struct ProjectDetailView: View {
                 .font(.system(size: 12))
                 .foregroundStyle(.secondary)
 
+            if let file = editorState.currentFile, !editorState.showChanges {
+                Image(systemName: "chevron.right")
+                    .font(.system(size: 9, weight: .semibold))
+                    .foregroundStyle(.tertiary)
+                Image(systemName: file.language.icon)
+                    .font(.system(size: 11))
+                    .foregroundStyle(.secondary)
+                Text(file.name)
+                    .font(.system(size: 12))
+                    .lineLimit(1)
+                if file.isDirty {
+                    Circle()
+                        .fill(Color.primary.opacity(0.4))
+                        .frame(width: 6, height: 6)
+                }
+            }
+
             Spacer()
 
             Button {
@@ -105,28 +119,6 @@ struct ProjectDetailView: View {
         .padding(.vertical, 10)
     }
 
-    // MARK: - File Breadcrumb
-
-    private func fileBreadcrumb(_ file: EditorTab) -> some View {
-        HStack(spacing: 6) {
-            Image(systemName: file.language.icon)
-                .font(.system(size: 10))
-                .foregroundStyle(.secondary)
-            Text(file.name)
-                .font(.system(size: 11))
-                .lineLimit(1)
-            if file.isDirty {
-                Circle()
-                    .fill(Color.primary.opacity(0.4))
-                    .frame(width: 6, height: 6)
-            }
-            Spacer()
-        }
-        .padding(.horizontal, 12)
-        .padding(.vertical, 4)
-        .background(Color(nsColor: Theme.cardHeaderBackground))
-    }
-
     // MARK: - Editor Content
 
     @ViewBuilder

apps/purepoint-macos/purepoint-macos/Views/Detail/WorktreeDetailView.swift

@@ -27,9 +27,6 @@ struct WorktreeDetailView: View {
                 )
             } second: {
                 VStack(spacing: 0) {
-                    if let file = editorState.currentFile, !editorState.showChanges {
-                        fileBreadcrumb(file)
-                    }
                     Divider()
                     editorContent
                 }
@@ -83,6 +80,23 @@ struct WorktreeDetailView: View {
                 .background(Color.secondary.opacity(0.1))
                 .clipShape(RoundedRectangle(cornerRadius: 4))
 
+            if let file = editorState.currentFile, !editorState.showChanges {
+                Image(systemName: "chevron.right")
+                    .font(.system(size: 9, weight: .semibold))
+                    .foregroundStyle(.tertiary)
+                Image(systemName: file.language.icon)
+                    .font(.system(size: 11))
+                    .foregroundStyle(.secondary)
+                Text(file.name)
+                    .font(.system(size: 12))
+                    .lineLimit(1)
+                if file.isDirty {
+                    Circle()
+                        .fill(Color.primary.opacity(0.4))
+                        .frame(width: 6, height: 6)
+                }
+            }
+
             Spacer()
 
             Button {
@@ -109,28 +123,6 @@ struct WorktreeDetailView: View {
         .padding(.vertical, 10)
     }
 
-    // MARK: - File Breadcrumb
-
-    private func fileBreadcrumb(_ file: EditorTab) -> some View {
-        HStack(spacing: 6) {
-            Image(systemName: file.language.icon)
-                .font(.system(size: 10))
-                .foregroundStyle(.secondary)
-            Text(file.name)
-                .font(.system(size: 11))
-                .lineLimit(1)
-            if file.isDirty {
-                Circle()
-                    .fill(Color.primary.opacity(0.4))
-                    .frame(width: 6, height: 6)
-            }
-            Spacer()
-        }
-        .padding(.horizontal, 12)
-        .padding(.vertical, 4)
-        .background(Color(nsColor: Theme.cardHeaderBackground))
-    }
-
     // MARK: - Editor Content
 
     @ViewBuilder

apps/purepoint-macos/purepoint-macos/Views/Editor/LineNumberRulerView.swift

@@ -125,5 +125,9 @@ class LineNumberRulerView: NSRulerView {
             )
             numStr.draw(at: drawPoint, withAttributes: attrs)
         }
+
+        // Cover the separator line at the right edge of the ruler
+        textView.backgroundColor.setFill()
+        NSRect(x: bounds.maxX - 1, y: rect.origin.y, width: 1, height: rect.height).fill()
     }
 }