ios: enable shitty copy from transcript

ios/AGENTS.md

@@ -8,8 +8,19 @@ Instructions for work under `/Users/buzzert/src/sybil-2/ios`.
 - `just build` will:
   1. generate `Sybil.xcodeproj` with `xcodegen` if missing,
   2. build scheme `Sybil` for `iPhone 16e` simulator.
+- Preferred test command: `just test`
+- `just test` runs the Swift package tests through `xcodebuild test` on the `iPhone 16e` iOS simulator from `ios/Packages/Sybil`.
+- `just test` disables Xcode parallel testing because the current async view-model tests use timing-sensitive selection tasks.
+- Do not use plain `swift test` for this package; it runs as host macOS and hits a deployment mismatch with `MarkdownUI`.
 - If `xcbeautify` is installed it is used automatically; otherwise raw `xcodebuild` output is used.
 
+## Simulator Workflow
+- Run the app in the simulator with `just run` from `/Users/buzzert/src/sybil-2/ios`.
+- `just run` boots the `iPhone 16e` simulator if needed, builds with a stable derived data path, installs `Sybil.app`, and launches bundle id `net.buzzert.sybil2`.
+- Capture a simulator screenshot with `just screenshot` from `/Users/buzzert/src/sybil-2/ios`; it writes `build/sybil-screenshot.png` by default.
+- To choose a screenshot path, run `just screenshot path=build/name.png`.
+- The underlying screenshot command is `xcrun simctl io booted screenshot <path>` and requires a booted simulator.
+
 ## App Structure
 - App target entry: `/Users/buzzert/src/sybil-2/ios/Apps/Sybil/Sources/SybilApp.swift`
 - Shared iOS app code lives in Swift package:

ios/Apps/Sybil/project.yml

@@ -23,8 +23,8 @@ targets:
         TARGETED_DEVICE_FAMILY: "1,2,6"
         GENERATE_INFOPLIST_FILE: YES
         ASSETCATALOG_COMPILER_APPICON_NAME: AppIcon
-        MARKETING_VERSION: 1.4
+        MARKETING_VERSION: 1.5
-        CURRENT_PROJECT_VERSION: 5
+        CURRENT_PROJECT_VERSION: 6
         INFOPLIST_KEY_CFBundleDisplayName: Sybil
         INFOPLIST_KEY_ITSAppUsesNonExemptEncryption: NO
         INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents: YES

ios/Packages/Sybil/Sources/Sybil/SplitView.swift

@@ -6,6 +6,7 @@ public struct SplitView: View {
     @Environment(\.scenePhase) private var scenePhase
     @State private var shouldRefreshOnForeground = false
     @State private var composerFocusRequest = 0
+    @State private var columnVisibility: NavigationSplitViewVisibility = .automatic
 
     private var keyboardActions: SybilKeyboardActions? {
         guard !viewModel.isCheckingSession, viewModel.isAuthenticated else {
@@ -50,16 +51,24 @@ public struct SplitView: View {
             } else if horizontalSizeClass == .compact {
                 SybilPhoneShellView(viewModel: viewModel)
             } else {
-                NavigationSplitView {
+                GeometryReader { proxy in
-                    SybilSidebarView(viewModel: viewModel)
+                    NavigationSplitView(columnVisibility: $columnVisibility) {
-                } detail: {
+                        SybilSidebarView(viewModel: viewModel)
-                    SybilWorkspaceView(viewModel: viewModel, composerFocusRequest: composerFocusRequest) {
+                    } detail: {
-                        viewModel.startNewChat()
+                        SybilWorkspaceView(
-                        composerFocusRequest += 1
+                            viewModel: viewModel,
+                            composerFocusRequest: composerFocusRequest,
+                            navigationLeadingControl: splitNavigationLeadingControl(for: proxy.size),
+                            onShowSidebar: showSidebar,
+                            onRequestNewChat: {
+                                viewModel.startNewChat()
+                                composerFocusRequest += 1
+                            }
+                        )
                     }
+                    .navigationSplitViewStyle(.balanced)
+                    .tint(SybilTheme.primary)
                 }
-                .navigationSplitViewStyle(.balanced)
-                .tint(SybilTheme.primary)
             }
         }
         .font(.sybil(.body))
@@ -72,24 +81,37 @@ public struct SplitView: View {
             switch nextPhase {
             case .background:
                 shouldRefreshOnForeground = true
+                viewModel.markAppInactiveForNetwork()
             case .active:
+                viewModel.markAppActiveForNetwork()
                 guard shouldRefreshOnForeground, horizontalSizeClass != .compact else {
                     return
                 }
                 shouldRefreshOnForeground = false
                 Task {
-                    await viewModel.refreshVisibleContent(
+                    await viewModel.refreshAfterAppBecameActive(
                         refreshCollections: true,
                         refreshSelection: viewModel.hasRefreshableSelection
                     )
                 }
             case .inactive:
-                break
+                shouldRefreshOnForeground = true
+                viewModel.markAppInactiveForNetwork()
             @unknown default:
                 break
             }
         }
     }
+
+    private func splitNavigationLeadingControl(for size: CGSize) -> SybilWorkspaceNavigationLeadingControl {
+        return size.width < size.height ? .showSidebar : .hidden
+    }
+
+    private func showSidebar() {
+        withAnimation(.easeInOut(duration: 0.22)) {
+            columnVisibility = .all
+        }
+    }
 }
 
 public struct SybilCommands: Commands {

ios/Packages/Sybil/Sources/Sybil/SybilChatTranscriptView.swift

@@ -5,7 +5,8 @@ struct SybilChatTranscriptView: View {
     var messages: [Message]
     var isLoading: Bool
     var isSending: Bool
-    @State private var hasHandledInitialTranscriptScroll = false
+    var topContentInset: CGFloat = 0
+    var bottomContentInset: CGFloat = 0
 
     private var hasPendingAssistant: Bool {
         messages.contains { message in
@@ -14,65 +15,42 @@ struct SybilChatTranscriptView: View {
     }
 
     var body: some View {
-        ScrollViewReader { proxy in
+        ScrollView {
-            ScrollView {
+            LazyVStack(alignment: .leading, spacing: 26) {
-                LazyVStack(alignment: .leading, spacing: 26) {
+                if isSending && !hasPendingAssistant {
-                    if isLoading && messages.isEmpty {
+                    HStack(spacing: 8) {
-                        Text("Loading messages…")
+                        ProgressView()
+                            .controlSize(.small)
+                            .tint(SybilTheme.textMuted)
+                        Text("Assistant is typing…")
                             .font(.sybil(.footnote))
                             .foregroundStyle(SybilTheme.textMuted)
-                            .padding(.top, 24)
                     }
-
+                    .scaleEffect(x: 1, y: -1)
-                    ForEach(messages) { message in
+                }
-                        MessageBubble(message: message, isSending: isSending)
+
-                            .frame(maxWidth: .infinity)
+                ForEach(messages.reversed()) { message in
-                            .id(message.id)
+                    MessageBubble(message: message, isSending: isSending)
-                    }
+                        .frame(maxWidth: .infinity)
-
+                        .scaleEffect(x: 1, y: -1)
-                    if isSending && !hasPendingAssistant {
+                }
-                        HStack(spacing: 8) {
+
-                            ProgressView()
+                if isLoading && messages.isEmpty {
-                                .controlSize(.small)
+                    Text("Loading messages…")
-                                .tint(SybilTheme.textMuted)
+                        .font(.sybil(.footnote))
-                            Text("Assistant is typing…")
+                        .foregroundStyle(SybilTheme.textMuted)
-                                .font(.sybil(.footnote))
+                        .padding(.top, 24)
-                                .foregroundStyle(SybilTheme.textMuted)
+                        .scaleEffect(x: 1, y: -1)
-                        }
-                        .id("typing-indicator")
-                    }
-
-                    Color.clear
-                        .frame(height: 2)
-                        .id("chat-bottom-anchor")
                 }
-                .frame(maxWidth: .infinity, alignment: .leading)
-                .padding(.horizontal, 14)
-                .padding(.vertical, 18)
             }
             .frame(maxWidth: .infinity, alignment: .leading)
-            .scrollDismissesKeyboard(.interactively)
+            .padding(.horizontal, 14)
-            .onAppear {
+            .padding(.top, 18 + bottomContentInset)
-                scrollToBottom(with: proxy, animated: false)
+            .padding(.bottom, 18 + topContentInset)
-            }
-            .onChange(of: messages.map(\.id)) { _, _ in
-                scrollToBottom(with: proxy, animated: hasHandledInitialTranscriptScroll && !isLoading)
-                hasHandledInitialTranscriptScroll = true
-            }
-            .onChange(of: isSending) { _, _ in
-                scrollToBottom(with: proxy, animated: hasHandledInitialTranscriptScroll)
-            }
-        }
-    }
-
-    private func scrollToBottom(with proxy: ScrollViewProxy, animated: Bool) {
-        if animated {
-            withAnimation(.easeOut(duration: 0.22)) {
-                proxy.scrollTo("chat-bottom-anchor", anchor: .bottom)
-            }
-        } else {
-            proxy.scrollTo("chat-bottom-anchor", anchor: .bottom)
         }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .scrollDismissesKeyboard(.interactively)
+        .scaleEffect(x: 1, y: -1)
     }
 }
 
@@ -132,6 +110,7 @@ private struct MessageBubble: View {
                 }
                 .padding(.horizontal, isUser ? 14 : 2)
                 .padding(.vertical, isUser ? 13 : 2)
+                .textSelection(.enabled)
                 .background(
                     Group {
                         if isUser {
@@ -264,6 +243,7 @@ private struct ToolCallActivityChip: View {
                 }
             }
         }
+        .textSelection(.enabled)
         .padding(.horizontal, 12)
         .padding(.vertical, 10)
         .background(

ios/Packages/Sybil/Sources/Sybil/SybilMarkdownTheme.swift

@@ -85,7 +85,7 @@ extension Theme {
             .paragraph { configuration in
                 configuration.label
                     .fixedSize(horizontal: false, vertical: true)
-                    .relativeLineSpacing(.em(0.36))
+                    .relativeLineSpacing(.em(0.46))
                     .markdownMargin(top: .zero, bottom: .em(0.82))
             }
             .blockquote { configuration in

ios/Packages/Sybil/Sources/Sybil/SybilPhoneShellView.swift

@@ -26,54 +26,322 @@ struct SybilPhoneShellView: View {
     @Environment(\.scenePhase) private var scenePhase
     @State private var shouldRefreshOnForeground = false
     @State private var composerFocusRequest = 0
+    @State private var phoneStackWidth: CGFloat = BackSwipeMetrics.referenceWidth
+    @State private var backSwipeOffset: CGFloat = 0
+    @State private var backSwipeCompletionOffset: CGFloat = 0
+    @State private var backSwipeIsActive = false
+    @State private var backSwipeIsCompleting = false
+    @State private var backSwipeHasLatched = false
+
+    private var canRecognizeBackSwipe: Bool {
+        !path.isEmpty && !backSwipeIsCompleting
+    }
+
+    private var backSwipeVisualOffset: CGFloat {
+        backSwipeOffset + backSwipeCompletionOffset
+    }
 
     var body: some View {
-        NavigationStack(path: $path) {
+        GeometryReader { proxy in
-            SybilPhoneSidebarRoot(viewModel: viewModel, path: $path)
+            ZStack(alignment: .topLeading) {
-                .navigationTitle("")
+                SybilPhoneSidebarRoot(viewModel: viewModel, path: $path)
-                .navigationBarTitleDisplayMode(.inline)
+                    .safeAreaInset(edge: .top, spacing: 0) {
-                .toolbar {
+                        phoneRootTopBar
-                    ToolbarItem(placement: .topBarLeading) {
-                        SybilWordmark(size: 18)
                     }
-                }
+                    .zIndex(0)
-                .navigationDestination(for: PhoneRoute.self) { route in
+
+                if let route = path.last {
                     SybilPhoneDestinationView(
                         viewModel: viewModel,
-                        path: $path,
                         composerFocusRequest: $composerFocusRequest,
-                        route: route
+                        route: route,
+                        onRequestBack: requestBack,
+                        onRequestNewChat: startNewChatFromDestination
                     )
+                    .background(SybilTheme.background)
+                    .offset(x: backSwipeVisualOffset)
+                    .shadow(
+                        color: backSwipeVisualOffset > 0 ? Color.black.opacity(0.34) : Color.clear,
+                        radius: backSwipeVisualOffset > 0 ? 18 : 0,
+                        x: -8,
+                        y: 0
+                    )
+                    .transition(.move(edge: .trailing))
+                    .zIndex(1)
+                    .background {
+                        WorkspaceSwipePanInstaller(
+                            direction: .right,
+                            isEnabled: canRecognizeBackSwipe,
+                            onBegan: { width in
+                                beginBackSwipe(containerWidth: width)
+                            },
+                            onChanged: { translationX, width in
+                                updateBackSwipe(with: translationX, containerWidth: width)
+                            },
+                            onEnded: { translationX, width, velocityX, didFinish in
+                                finishBackSwipe(
+                                    translationX: translationX,
+                                    containerWidth: width,
+                                    velocityX: velocityX,
+                                    didFinish: didFinish
+                                )
+                            }
+                        )
+                        .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    }
                 }
+            }
+            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
+            .onAppear {
+                updatePhoneStackWidth(proxy.size.width)
+            }
+            .onChange(of: proxy.size.width) { _, width in
+                updatePhoneStackWidth(width)
+            }
         }
         .tint(SybilTheme.primary)
+        .animation(.easeOut(duration: 0.22), value: path.last)
+        .onChange(of: path) { _, nextPath in
+            guard nextPath.isEmpty else {
+                return
+            }
+            resetBackSwipe(animated: false)
+        }
         .onChange(of: scenePhase) { _, nextPhase in
             switch nextPhase {
             case .background:
                 shouldRefreshOnForeground = true
+                viewModel.markAppInactiveForNetwork()
             case .active:
+                viewModel.markAppActiveForNetwork()
                 guard shouldRefreshOnForeground else {
                     return
                 }
                 shouldRefreshOnForeground = false
                 Task {
-                    await viewModel.refreshVisibleContent(
+                    await viewModel.refreshAfterAppBecameActive(
                         refreshCollections: path.isEmpty,
                         refreshSelection: !path.isEmpty && viewModel.hasRefreshableSelection
                     )
                 }
             case .inactive:
-                break
+                shouldRefreshOnForeground = true
+                viewModel.markAppInactiveForNetwork()
             @unknown default:
                 break
             }
         }
     }
+
+    private var phoneRootTopBar: some View {
+        HStack {
+            SybilWordmark(size: 21)
+            Spacer()
+        }
+        .padding(.horizontal, 16)
+        .padding(.top, 10)
+        .padding(.bottom, 12)
+        .background {
+            SybilTheme.panelGradient
+                .ignoresSafeArea(edges: .top)
+        }
+    }
+
+    private func updatePhoneStackWidth(_ width: CGFloat) {
+        phoneStackWidth = max(width, 1)
+    }
+
+    private func requestBack(animateNavigation: Bool = true) {
+        guard !path.isEmpty, !backSwipeIsCompleting else {
+            return
+        }
+
+        if animateNavigation {
+            Task {
+                await completeBackSwipe(containerWidth: phoneStackWidth, releaseVelocityX: 0)
+            }
+        } else {
+            popRoute(disablesAnimations: true)
+            resetBackSwipe(animated: false)
+        }
+    }
+
+    private func startNewChatFromDestination() {
+        viewModel.startNewChat()
+        composerFocusRequest += 1
+        replaceTopRoute(with: .draftChat)
+    }
+
+    private func replaceTopRoute(with route: PhoneRoute) {
+        if path.isEmpty {
+            withAnimation(.easeOut(duration: 0.22)) {
+                path = [route]
+            }
+        } else {
+            path[path.index(before: path.endIndex)] = route
+        }
+    }
+
+    private func popRoute(disablesAnimations: Bool) {
+        let pop = {
+            guard !path.isEmpty else {
+                return
+            }
+            _ = path.removeLast()
+        }
+
+        if disablesAnimations {
+            var transaction = Transaction()
+            transaction.disablesAnimations = true
+            withTransaction(transaction) {
+                pop()
+            }
+        } else {
+            withAnimation(.easeOut(duration: 0.22)) {
+                pop()
+            }
+        }
+    }
+
+    private func beginBackSwipe(containerWidth: CGFloat) {
+        let update = {
+            backSwipeIsActive = true
+            backSwipeHasLatched = false
+        }
+
+        var transaction = Transaction()
+        transaction.disablesAnimations = true
+        withTransaction(transaction, update)
+    }
+
+    private func updateBackSwipe(with rawTranslation: CGFloat, containerWidth: CGFloat) {
+        let nextOffset = BackSwipeMetrics.clampedOffset(for: rawTranslation, width: containerWidth)
+        let nextLatched = BackSwipeMetrics.isLatched(
+            offset: nextOffset,
+            width: containerWidth,
+            isCurrentlyLatched: backSwipeHasLatched
+        )
+
+        var transaction = Transaction()
+        transaction.disablesAnimations = true
+        withTransaction(transaction) {
+            backSwipeOffset = nextOffset
+            backSwipeHasLatched = nextLatched
+        }
+    }
+
+    private func finishBackSwipe(
+        translationX: CGFloat,
+        containerWidth: CGFloat,
+        velocityX: CGFloat,
+        didFinish: Bool
+    ) {
+        guard backSwipeIsActive else {
+            resetBackSwipe(animated: false)
+            return
+        }
+
+        let finalOffset = BackSwipeMetrics.clampedOffset(for: translationX, width: containerWidth)
+        let finalLatched = BackSwipeMetrics.isLatched(
+            offset: finalOffset,
+            width: containerWidth,
+            isCurrentlyLatched: backSwipeHasLatched
+        )
+        updateBackSwipe(with: translationX, containerWidth: containerWidth)
+
+        if didFinish && BackSwipeMetrics.shouldComplete(
+            offset: finalOffset,
+            velocityX: velocityX,
+            width: containerWidth,
+            isLatched: finalLatched
+        ) {
+            Task {
+                await completeBackSwipe(containerWidth: containerWidth, releaseVelocityX: velocityX)
+            }
+            return
+        }
+
+        resetBackSwipe(animated: true, velocityX: velocityX)
+    }
+
+    @MainActor
+    private func completeBackSwipe(containerWidth: CGFloat, releaseVelocityX: CGFloat) async {
+        guard !path.isEmpty else {
+            resetBackSwipe(animated: false)
+            return
+        }
+        guard !backSwipeIsCompleting else {
+            return
+        }
+
+        backSwipeIsCompleting = true
+        let targetOffset = BackSwipeMetrics.completionTargetOffset(for: containerWidth)
+
+        withAnimation(
+            BackSwipeMetrics.springAnimation(
+                currentOffset: backSwipeOffset,
+                targetOffset: targetOffset,
+                velocityX: releaseVelocityX
+            )
+        ) {
+            backSwipeCompletionOffset = targetOffset - backSwipeOffset
+        }
+
+        try? await Task.sleep(for: .milliseconds(BackSwipeMetrics.completionAnimationDelayMs))
+        popRoute(disablesAnimations: true)
+        resetBackSwipe(animated: false)
+    }
+
+    private func resetBackSwipe(animated: Bool, velocityX: CGFloat = 0) {
+        let currentOffset = backSwipeOffset + backSwipeCompletionOffset
+        let reset = {
+            backSwipeOffset = 0
+            backSwipeCompletionOffset = 0
+            backSwipeIsActive = false
+            backSwipeIsCompleting = false
+            backSwipeHasLatched = false
+        }
+
+        if animated {
+            withAnimation(
+                BackSwipeMetrics.springAnimation(
+                    currentOffset: currentOffset,
+                    targetOffset: 0,
+                    velocityX: velocityX
+                )
+            ) {
+                reset()
+            }
+        } else {
+            reset()
+        }
+    }
 }
 
 private struct SybilPhoneSidebarRoot: View {
     @Bindable var viewModel: SybilViewModel
     @Binding var path: [PhoneRoute]
+    @State private var openingSelection: SidebarSelection?
+    @State private var openingRequestID: UUID?
+
+    private var highlightedSelection: SidebarSelection? {
+        if let openingSelection {
+            return openingSelection
+        }
+
+        guard let route = path.last else {
+            return nil
+        }
+
+        switch route {
+        case let .chat(chatID):
+            return .chat(chatID)
+        case let .search(searchID):
+            return .search(searchID)
+        case .draftChat, .draftSearch, .settings:
+            return nil
+        }
+    }
 
     var body: some View {
         VStack(spacing: 0) {
@@ -113,12 +381,21 @@ private struct SybilPhoneSidebarRoot: View {
                 .padding(16)
             } else {
                 ScrollView {
-                    LazyVStack(alignment: .leading, spacing: 8) {
+                    LazyVStack(alignment: .leading, spacing: 0) {
                         ForEach(viewModel.sidebarItems) { item in
-                            NavigationLink(value: PhoneRoute.from(selection: item.selection)) {
+                            Button {
-                                SybilPhoneSidebarRow(item: item)
+                                open(item.selection)
+                            } label: {
+                                VStack(spacing: 0.0) {
+                                    SybilPhoneSidebarRow(item: item)
+                                    Divider()
+                                }
                             }
-                            .buttonStyle(.plain)
+                            .buttonStyle(
+                                SybilPhoneSidebarRowButtonStyle(
+                                    isHighlighted: highlightedSelection == item.selection
+                                )
+                            )
                             .contextMenu {
                                 Button(role: .destructive) {
                                     Task {
@@ -130,7 +407,12 @@ private struct SybilPhoneSidebarRoot: View {
                             }
                         }
                     }
-                    .padding(10)
+                }
+                .refreshable {
+                    await viewModel.refreshVisibleContent(
+                        refreshCollections: true,
+                        refreshSelection: false
+                    )
                 }
             }
         }
@@ -147,19 +429,22 @@ private struct SybilPhoneSidebarRoot: View {
 
             HStack(spacing: 12) {
                 toolbarIconButton(systemImage: "gearshape", accessibilityLabel: "Settings") {
-                    path = [.settings]
+                    clearOpeningSelection()
+                    showRoute(.settings)
                 }
 
                 Spacer()
 
                 toolbarIconButton(systemImage: "magnifyingglass", accessibilityLabel: "New search") {
+                    clearOpeningSelection()
                     viewModel.startNewSearch()
-                    path = [.draftSearch]
+                    showRoute(.draftSearch)
                 }
 
                 toolbarIconButton(systemImage: "plus", accessibilityLabel: "New chat", isPrimary: true) {
+                    clearOpeningSelection()
                     viewModel.startNewChat()
-                    path = [.draftChat]
+                    showRoute(.draftChat)
                 }
             }
             .padding(.horizontal, 18)
@@ -195,25 +480,75 @@ private struct SybilPhoneSidebarRoot: View {
         .buttonStyle(.plain)
         .accessibilityLabel(accessibilityLabel)
     }
+
+    private func clearOpeningSelection() {
+        openingRequestID = nil
+        openingSelection = nil
+    }
+
+    private func showRoute(_ route: PhoneRoute) {
+        withAnimation(.easeOut(duration: 0.22)) {
+            path = [route]
+        }
+    }
+
+    private func open(_ selection: SidebarSelection) {
+        guard openingSelection != selection else {
+            return
+        }
+
+        let requestID = UUID()
+        openingRequestID = requestID
+        openingSelection = selection
+        Task {
+            await viewModel.selectForNavigation(selection)
+            guard openingRequestID == requestID else {
+                return
+            }
+            showRoute(PhoneRoute.from(selection: selection))
+            openingRequestID = nil
+            openingSelection = nil
+        }
+    }
+}
+
+private struct SybilPhoneSidebarRowIsActiveKey: EnvironmentKey {
+    static let defaultValue = false
+}
+
+private extension EnvironmentValues {
+    var sybilPhoneSidebarRowIsActive: Bool {
+        get { self[SybilPhoneSidebarRowIsActiveKey.self] }
+        set { self[SybilPhoneSidebarRowIsActiveKey.self] = newValue }
+    }
+}
+
+private struct SybilPhoneSidebarRowButtonStyle: ButtonStyle {
+    var isHighlighted: Bool
+
+    func makeBody(configuration: Configuration) -> some View {
+        configuration.label
+            .environment(\.sybilPhoneSidebarRowIsActive, isHighlighted || configuration.isPressed)
+    }
 }
 
 private struct SybilPhoneSidebarRow: View {
+    @Environment(\.sybilPhoneSidebarRowIsActive) private var isHighlighted
     var item: SidebarItem
 
     var body: some View {
-        VStack(alignment: .leading, spacing: 6) {
+        let leadingWidth = 22.0
+        
+        VStack(alignment: .leading, spacing: 8) {
             HStack(spacing: 8) {
                 Image(systemName: item.kind == .chat ? "message" : "globe")
                     .font(.system(size: 12, weight: .semibold))
-                    .foregroundStyle(SybilTheme.textMuted)
+                    .foregroundStyle(isHighlighted ? SybilTheme.accent : SybilTheme.textMuted)
-                    .frame(width: 22, height: 22)
+                    .frame(width: leadingWidth, height: leadingWidth)
                     .background(
-                        RoundedRectangle(cornerRadius: 7)
+                        Rectangle()
-                            .fill(SybilTheme.surface.opacity(0.72))
+                            .fill(isHighlighted ? SybilTheme.accent.opacity(0.12) : SybilTheme.surface.opacity(0.72))
-                            .overlay(
+                            
-                                RoundedRectangle(cornerRadius: 7)
-                                    .stroke(SybilTheme.border.opacity(0.72), lineWidth: 1)
-                            )
                     )
 
                 Text(item.title)
@@ -222,6 +557,9 @@ private struct SybilPhoneSidebarRow: View {
             }
 
             HStack(spacing: 8) {
+                Spacer()
+                    .frame(width: leadingWidth)
+
                 Text(item.updatedAt.sybilRelativeLabel)
                     .font(.sybil(.caption2))
                     .foregroundStyle(SybilTheme.textMuted)
@@ -238,38 +576,35 @@ private struct SybilPhoneSidebarRow: View {
             }
         }
         .foregroundStyle(SybilTheme.text)
-        .padding(.horizontal, 12)
+        .padding(18.0)
-        .padding(.vertical, 10)
         .frame(maxWidth: .infinity, alignment: .leading)
         .background(
-            RoundedRectangle(cornerRadius: 12)
+            Rectangle()
-                .fill(LinearGradient(colors: [SybilTheme.surface.opacity(0.56), SybilTheme.surface.opacity(0.36)], startPoint: .topLeading, endPoint: .bottomTrailing))
+                .fill(
-        )
+                    isHighlighted
-        .overlay(
+                        ? SybilTheme.selectedRowGradient
-            RoundedRectangle(cornerRadius: 12)
+                        : LinearGradient(colors: [SybilTheme.surface.opacity(0.56), SybilTheme.surface.opacity(0.36)], startPoint: .topLeading, endPoint: .bottomTrailing)
-                .stroke(SybilTheme.border.opacity(0.72), lineWidth: 1)
+                )
         )
+
     }
 }
 
 private struct SybilPhoneDestinationView: View {
     @Bindable var viewModel: SybilViewModel
-    @Binding var path: [PhoneRoute]
     @Binding var composerFocusRequest: Int
     let route: PhoneRoute
+    let onRequestBack: (_ animateNavigation: Bool) -> Void
+    let onRequestNewChat: () -> Void
 
     var body: some View {
-        SybilWorkspaceView(viewModel: viewModel, composerFocusRequest: composerFocusRequest) {
+        SybilWorkspaceView(
-            viewModel.startNewChat()
+            viewModel: viewModel,
-            composerFocusRequest += 1
+            composerFocusRequest: composerFocusRequest,
-            if path.isEmpty {
+            onRequestBack: onRequestBack,
-                path = [.draftChat]
+            onRequestNewChat: onRequestNewChat
-            } else {
+        )
-                path[path.index(before: path.endIndex)] = .draftChat
-            }
-        }
         .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
-        .navigationBarTitleDisplayMode(.inline)
         .task(id: route) {
             applyRoute()
         }
@@ -278,8 +613,14 @@ private struct SybilPhoneDestinationView: View {
     private func applyRoute() {
         switch route {
         case let .chat(chatID):
+            guard viewModel.draftKind != nil || viewModel.selectedItem != .chat(chatID) else {
+                return
+            }
             viewModel.select(.chat(chatID))
         case let .search(searchID):
+            guard viewModel.draftKind != nil || viewModel.selectedItem != .search(searchID) else {
+                return
+            }
             viewModel.select(.search(searchID))
         case .draftChat:
             viewModel.startNewChat()

ios/Packages/Sybil/Sources/Sybil/SybilSearchResultsView.swift

@@ -6,6 +6,8 @@ struct SybilSearchResultsView: View {
     var isLoading: Bool
     var isRunning: Bool
     var isStartingChat: Bool = false
+    var topContentInset: CGFloat = 0
+    var bottomContentInset: CGFloat = 0
     var onStartChat: (() -> Void)? = nil
 
     var body: some View {
@@ -98,7 +100,8 @@ struct SybilSearchResultsView: View {
             }
             .frame(maxWidth: .infinity, alignment: .leading)
             .padding(.horizontal, 14)
-            .padding(.vertical, 20)
+            .padding(.top, 20 + topContentInset)
+            .padding(.bottom, 20 + bottomContentInset)
         }
         .scrollDismissesKeyboard(.interactively)
         .frame(maxWidth: .infinity, alignment: .leading)

ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift

@@ -149,6 +149,12 @@ struct SybilSidebarView: View {
                     }
                     .padding(10)
                 }
+                .refreshable {
+                    await viewModel.refreshVisibleContent(
+                        refreshCollections: true,
+                        refreshSelection: false
+                    )
+                }
             }
 
         }

ios/Packages/Sybil/Sources/Sybil/SybilTheme.swift

@@ -9,7 +9,7 @@ enum SybilFontRegistry {
     }
 
     private static let registeredFonts: Void = {
-        for fontName in ["Inter", "Orbitron"] {
+        for fontName in ["Inter", "Orbitron", "StalinistOne-Regular"] {
             guard let url = Bundle.main.url(forResource: fontName, withExtension: "ttf", subdirectory: "Fonts") ??
                 Bundle.main.url(forResource: fontName, withExtension: "ttf")
             else {
@@ -203,7 +203,7 @@ struct SybilWordmark: View {
 
     var body: some View {
         Text("SYBIL")
-            .font(.custom("Orbitron", size: size))
+            .font(.custom("Stalinist One", size: size))
             .fontWeight(.black)
             .tracking(0)
             .foregroundStyle(SybilTheme.brandGradient)

ios/Packages/Sybil/Sources/Sybil/SybilViewModel.swift

@@ -42,6 +42,22 @@ private struct PendingChatState {
     var messages: [Message]
 }
 
+private enum ActiveSendContext: Equatable {
+    case draftChat(UUID)
+    case chat(String)
+    case draftSearch(UUID)
+    case search(String)
+
+    var isSearch: Bool {
+        switch self {
+        case .draftSearch, .search:
+            return true
+        case .draftChat, .chat:
+            return false
+        }
+    }
+}
+
 private actor CompletionStreamStatus {
     private var streamError: String?
 
@@ -99,11 +115,17 @@ final class SybilViewModel {
     @ObservationIgnored
     private var hasBootstrapped = false
     private var pendingChatState: PendingChatState?
+    private var activeSendContext: ActiveSendContext?
+    private var draftIdentity = UUID()
     @ObservationIgnored
     private var selectionTask: Task<Void, Never>?
     @ObservationIgnored
     private var chatBackgroundTask: SybilBackgroundTaskAssertion?
     @ObservationIgnored
+    private var isAppActive = true
+    @ObservationIgnored
+    private var appLifecycleGeneration = 0
+    @ObservationIgnored
     private let clientFactory: (APIConfiguration) -> any SybilAPIClienting
 
     private let fallbackModels: [Provider: [String]] = [
@@ -153,7 +175,7 @@ final class SybilViewModel {
 
         switch selectedItem {
         case .chat:
-            if let selectedChat {
+            if let selectedChat = currentSelectedChat {
                 return chatTitle(title: selectedChat.title, messages: selectedChat.messages)
             }
             if let summary = selectedChatSummary {
@@ -162,7 +184,7 @@ final class SybilViewModel {
             return "Chat"
 
         case .search:
-            if let selectedSearch {
+            if let selectedSearch = currentSelectedSearch {
                 return searchTitle(title: selectedSearch.title, query: selectedSearch.query)
             }
             if let summary = selectedSearchSummary {
@@ -229,7 +251,7 @@ final class SybilViewModel {
     }
 
     var displayedMessages: [Message] {
-        let canonical = displayableMessages(selectedChat?.messages ?? [])
+        let canonical = displayableMessages(currentSelectedChat?.messages ?? [])
         guard let pending = pendingChatState else {
             return canonical
         }
@@ -248,6 +270,40 @@ final class SybilViewModel {
         return canonical
     }
 
+    var displayedSearch: SearchDetail? {
+        currentSelectedSearch
+    }
+
+    var isSendingVisibleChat: Bool {
+        guard isSending, pendingChatState != nil else {
+            return false
+        }
+
+        switch activeSendContext {
+        case let .draftChat(identity):
+            return draftKind == .chat && identity == draftIdentity
+        case let .chat(chatID):
+            return selectedItem == .chat(chatID)
+        case .draftSearch, .search, nil:
+            return false
+        }
+    }
+
+    var isRunningVisibleSearch: Bool {
+        guard isSending else {
+            return false
+        }
+
+        switch activeSendContext {
+        case let .draftSearch(identity):
+            return draftKind == .search && identity == draftIdentity
+        case let .search(searchID):
+            return selectedItem == .search(searchID)
+        case .draftChat, .chat, nil:
+            return false
+        }
+    }
+
     var sidebarItems: [SidebarItem] {
         let chatItems: [SidebarItem] = chats.map { chat in
             let initiatedLabel: String?
@@ -276,7 +332,7 @@ final class SybilViewModel {
                 kind: .search,
                 title: searchTitle(title: search.title, query: search.query),
                 updatedAt: search.updatedAt,
-                initiatedLabel: nil
+                initiatedLabel: "exa"
             )
         }
 
@@ -320,7 +376,10 @@ final class SybilViewModel {
         isCheckingSession = true
         authError = nil
         errorMessage = nil
+        resetSelectionLoading()
         pendingChatState = nil
+        activeSendContext = nil
+        draftIdentity = UUID()
         composerAttachments = []
         settings.persist()
 
@@ -392,10 +451,13 @@ final class SybilViewModel {
 
     func startNewChat() {
         SybilLog.debug(SybilLog.ui, "Starting draft chat")
+        resetSelectionLoading()
+        draftIdentity = UUID()
         draftKind = .chat
         selectedItem = nil
         selectedChat = nil
         selectedSearch = nil
+        pendingChatState = nil
         errorMessage = nil
         composer = ""
         composerAttachments = []
@@ -403,10 +465,13 @@ final class SybilViewModel {
 
     func startNewSearch() {
         SybilLog.debug(SybilLog.ui, "Starting draft search")
+        resetSelectionLoading()
+        draftIdentity = UUID()
         draftKind = .search
         selectedItem = nil
         selectedChat = nil
         selectedSearch = nil
+        pendingChatState = nil
         errorMessage = nil
         composer = ""
         composerAttachments = []
@@ -414,33 +479,72 @@ final class SybilViewModel {
 
     func openSettings() {
         SybilLog.debug(SybilLog.ui, "Opening settings")
+        resetSelectionLoading()
         draftKind = nil
         selectedItem = .settings
         selectedChat = nil
         selectedSearch = nil
+        pendingChatState = nil
         errorMessage = nil
         composerAttachments = []
     }
 
     func select(_ selection: SidebarSelection) {
-        SybilLog.debug(SybilLog.ui, "Selecting \(selection.id)")
+        _ = beginSelecting(selection)
-        draftKind = nil
+    }
-        selectedItem = selection
-        errorMessage = nil
-        if case .search = selection {
-            composerAttachments = []
-        }
 
-        if case .settings = selection {
+    func selectForNavigation(_ selection: SidebarSelection, preloadTimeout: Duration = .seconds(3)) async {
-            selectedChat = nil
+        guard beginSelecting(selection) != nil else {
-            selectedSearch = nil
             return
         }
 
-        selectionTask?.cancel()
+        await waitForSelectionLoad(timeout: preloadTimeout)
-        selectionTask = Task { [weak self] in
+    }
-            await self?.refreshSelectionIfNeeded()
+
+    @discardableResult
+    private func beginSelecting(_ selection: SidebarSelection) -> Task<Void, Never>? {
+        SybilLog.debug(SybilLog.ui, "Selecting \(selection.id)")
+
+        if draftKind == nil, selectedItem == selection {
+            errorMessage = nil
+            if case .search = selection {
+                composerAttachments = []
+            }
+
+            if needsSelectionLoad(selection) {
+                return startSelectionRefreshTask()
+            }
+
+            return selectionTask
         }
+
+        resetSelectionLoading()
+        draftKind = nil
+        selectedItem = selection
+        errorMessage = nil
+
+        switch selection {
+        case let .chat(chatID):
+            if selectedChat?.id != chatID {
+                selectedChat = nil
+            }
+            selectedSearch = nil
+
+        case let .search(searchID):
+            if selectedSearch?.id != searchID {
+                selectedSearch = nil
+            }
+            selectedChat = nil
+            composerAttachments = []
+
+        case .settings:
+            selectedChat = nil
+            selectedSearch = nil
+            pendingChatState = nil
+            return nil
+        }
+
+        return startSelectionRefreshTask()
     }
 
     func selectPreviousSidebarItem() {
@@ -502,6 +606,38 @@ final class SybilViewModel {
         await reconnect()
     }
 
+    func markAppInactiveForNetwork() {
+        guard isAppActive else {
+            return
+        }
+
+        isAppActive = false
+        appLifecycleGeneration += 1
+        SybilLog.debug(SybilLog.app, "App became inactive for network lifecycle generation \(appLifecycleGeneration)")
+    }
+
+    func markAppActiveForNetwork() {
+        isAppActive = true
+    }
+
+    func refreshAfterAppBecameActive(refreshCollections shouldRefreshCollections: Bool, refreshSelection shouldRefreshSelection: Bool) async {
+        markAppActiveForNetwork()
+
+        guard isAuthenticated, !isCheckingSession else {
+            return
+        }
+
+        guard shouldRefreshCollections || shouldRefreshSelection else {
+            return
+        }
+
+        try? await Task.sleep(for: .milliseconds(150))
+        await refreshVisibleContent(
+            refreshCollections: shouldRefreshCollections,
+            refreshSelection: shouldRefreshSelection
+        )
+    }
+
     func refreshVisibleContent(refreshCollections shouldRefreshCollections: Bool, refreshSelection shouldRefreshSelection: Bool) async {
         guard isAuthenticated, !isCheckingSession else {
             return
@@ -513,7 +649,7 @@ final class SybilViewModel {
 
         SybilLog.info(
             SybilLog.ui,
-            "Foreground refresh requested (collections=\(shouldRefreshCollections), selection=\(shouldRefreshSelection))"
+            "Visible content refresh requested (collections=\(shouldRefreshCollections), selection=\(shouldRefreshSelection))"
         )
 
         if shouldRefreshCollections {
@@ -529,12 +665,13 @@ final class SybilViewModel {
     func sendComposer() async {
         let content = composer.trimmingCharacters(in: .whitespacesAndNewlines)
         let attachments = composerAttachments
+        let sendContext = currentSendContext
 
         guard !isSending else {
             return
         }
 
-        if isSearchMode {
+        if sendContext.isSearch {
             guard !content.isEmpty else { return }
         } else if content.isEmpty && attachments.isEmpty {
             return
@@ -543,10 +680,11 @@ final class SybilViewModel {
         composer = ""
         composerAttachments = []
         errorMessage = nil
+        activeSendContext = sendContext
         isSending = true
 
         do {
-            if isSearchMode {
+            if sendContext.isSearch {
                 SybilLog.info(SybilLog.ui, "Sending search query")
                 try await sendSearch(query: content)
             } else {
@@ -554,35 +692,43 @@ final class SybilViewModel {
                 try await sendChat(content: content, attachments: attachments)
             }
         } catch {
-            errorMessage = normalizeAPIError(error)
+            let shouldSurfaceError = isSendContextVisible(sendContext) || (activeSendContext.map { isSendContextVisible($0) } ?? false)
+            if shouldSurfaceError {
+                errorMessage = normalizeAPIError(error)
+            }
             SybilLog.error(SybilLog.ui, "Send failed", error: error)
 
-            if case let .chat(chatID) = selectedItem {
+            if shouldSurfaceError, case let .chat(chatID) = selectedItem {
                 do {
                     let chat = try await client().getChat(chatID: chatID)
-                    selectedChat = chat
+                    if selectedItem == .chat(chatID), draftKind == nil {
+                        selectedChat = chat
+                    }
                 } catch {
                     SybilLog.error(SybilLog.ui, "Fallback chat refresh after failure failed", error: error)
                 }
             }
 
-            if case let .search(searchID) = selectedItem {
+            if shouldSurfaceError, case let .search(searchID) = selectedItem {
                 do {
                     let search = try await client().getSearch(searchID: searchID)
-                    selectedSearch = search
+                    if selectedItem == .search(searchID), draftKind == nil {
+                        selectedSearch = search
+                    }
                 } catch {
                     SybilLog.error(SybilLog.ui, "Fallback search refresh after failure failed", error: error)
                 }
             }
 
-            if !isSearchMode {
+            if !sendContext.isSearch, shouldSurfaceError {
                 composer = content
                 composerAttachments = attachments
-                pendingChatState = nil
             }
+            pendingChatState = nil
         }
 
         isSending = false
+        activeSendContext = nil
     }
 
     func appendComposerAttachments(_ attachments: [ChatAttachment]) throws {
@@ -608,16 +754,25 @@ final class SybilViewModel {
     }
 
     func startChatFromSelectedSearch() async {
-        guard let search = selectedSearch, !isCreatingSearchChat, !isSending else {
+        guard let search = currentSelectedSearch, !isCreatingSearchChat, !isSending else {
             return
         }
 
+        let sourceSelection = SidebarSelection.search(search.id)
         isCreatingSearchChat = true
         errorMessage = nil
 
         do {
             let client = try client()
             let chat = try await client.createChatFromSearch(searchID: search.id, title: nil)
+
+            guard selectedItem == sourceSelection, draftKind == nil else {
+                chats.removeAll(where: { $0.id == chat.id })
+                chats.insert(chat, at: 0)
+                isCreatingSearchChat = false
+                return
+            }
+
             draftKind = nil
             pendingChatState = nil
             composer = ""
@@ -729,6 +884,12 @@ final class SybilViewModel {
                 SybilLog.app,
                 "Refreshed collections: \(nextChats.count) chats, \(nextSearches.count) searches"
             )
+            errorMessage = nil
+
+            if draftKind != nil {
+                isLoadingCollections = false
+                return
+            }
 
             if case .settings = selectedItem {
                 isLoadingCollections = false
@@ -749,33 +910,79 @@ final class SybilViewModel {
                 await refreshSelectionIfNeeded()
             }
         } catch {
-            errorMessage = normalizeAPIError(error)
+            if shouldSuppressInactiveTransportError(error) {
-            SybilLog.error(SybilLog.app, "Refresh collections failed", error: error)
+                SybilLog.info(SybilLog.app, "Suppressing collection refresh transport interruption while app is inactive")
+            } else {
+                errorMessage = normalizeAPIError(error)
+                SybilLog.error(SybilLog.app, "Refresh collections failed", error: error)
+            }
         }
 
         isLoadingCollections = false
     }
 
+    private func resetSelectionLoading() {
+        selectionTask?.cancel()
+        selectionTask = nil
+        isLoadingSelection = false
+    }
+
+    private func startSelectionRefreshTask() -> Task<Void, Never> {
+        isLoadingSelection = true
+        let task = Task { [weak self] in
+            guard let self else {
+                return
+            }
+            await self.refreshSelectionIfNeeded()
+        }
+        selectionTask = task
+        return task
+    }
+
+    private func waitForSelectionLoad(timeout: Duration) async {
+        let clock = ContinuousClock()
+        let deadline = clock.now.advanced(by: timeout)
+
+        while isLoadingSelection, clock.now < deadline {
+            try? await Task.sleep(for: .milliseconds(10))
+        }
+    }
+
+    private func needsSelectionLoad(_ selection: SidebarSelection) -> Bool {
+        switch selection {
+        case let .chat(chatID):
+            return selectedChat?.id != chatID
+        case let .search(searchID):
+            return selectedSearch?.id != searchID
+        case .settings:
+            return false
+        }
+    }
+
     private func refreshSelectionIfNeeded() async {
-        guard let selectedItem else {
+        guard let target = selectedItem else {
             selectedChat = nil
             selectedSearch = nil
+            isLoadingSelection = false
             return
         }
 
-        guard case .settings = selectedItem else {
+        guard case .settings = target else {
             isLoadingSelection = true
             do {
                 let client = try client()
-                switch selectedItem {
+                switch target {
                 case let .chat(chatID):
                     SybilLog.debug(SybilLog.app, "Refreshing chat \(chatID)")
-                    selectedChat = try await client.getChat(chatID: chatID)
+                    let chat = try await client.getChat(chatID: chatID)
+                    guard selectedItem == target, draftKind == nil else {
+                        return
+                    }
+                    selectedChat = chat
                     selectedSearch = nil
 
-                    if let detail = selectedChat,
+                    if let provider = chat.lastUsedProvider,
-                       let provider = detail.lastUsedProvider,
+                       let model = chat.lastUsedModel,
-                       let model = detail.lastUsedModel,
                        !model.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
                         self.provider = provider
                         self.model = model
@@ -783,26 +990,37 @@ final class SybilViewModel {
 
                 case let .search(searchID):
                     SybilLog.debug(SybilLog.app, "Refreshing search \(searchID)")
-                    selectedSearch = try await client.getSearch(searchID: searchID)
+                    let search = try await client.getSearch(searchID: searchID)
+                    guard selectedItem == target, draftKind == nil else {
+                        return
+                    }
+                    selectedSearch = search
                     selectedChat = nil
 
                 case .settings:
                     break
                 }
+                errorMessage = nil
             } catch {
                 if isCancellation(error) {
-                    SybilLog.debug(SybilLog.app, "Selection refresh cancelled for \(selectedItem.id)")
+                    SybilLog.debug(SybilLog.app, "Selection refresh cancelled for \(target.id)")
-                } else {
+                } else if shouldSuppressInactiveTransportError(error) {
+                    SybilLog.info(SybilLog.app, "Suppressing selection refresh transport interruption while app is inactive")
+                } else if selectedItem == target, draftKind == nil {
                     errorMessage = normalizeAPIError(error)
                     SybilLog.error(SybilLog.app, "Selection refresh failed", error: error)
                 }
             }
-            isLoadingSelection = false
+            if selectedItem == target, draftKind == nil {
+                isLoadingSelection = false
+                selectionTask = nil
+            }
             return
         }
 
         selectedChat = nil
         selectedSearch = nil
+        isLoadingSelection = false
     }
 
     private func sendChat(content: String, attachments: [ChatAttachment]) async throws {
@@ -825,7 +1043,7 @@ final class SybilViewModel {
 
         pendingChatState = PendingChatState(
             chatID: currentChatID,
-            messages: (selectedChat?.messages ?? []) + [optimisticUser, optimisticAssistant]
+            messages: (currentSelectedChat?.messages ?? []) + [optimisticUser, optimisticAssistant]
         )
 
         let client = try client()
@@ -834,24 +1052,29 @@ final class SybilViewModel {
         if chatID == nil {
             let created = try await client.createChat(title: nil)
             chatID = created.id
-            draftKind = nil
+            let shouldShowCreatedChat = activeSendContext.map { isSendContextVisible($0) } ?? true
-            selectedItem = .chat(created.id)
+            activeSendContext = .chat(created.id)
 
             chats.removeAll(where: { $0.id == created.id })
             chats.insert(created, at: 0)
 
-            selectedChat = ChatDetail(
+            if shouldShowCreatedChat {
-                id: created.id,
+                draftKind = nil
-                title: created.title,
+                selectedItem = .chat(created.id)
-                createdAt: created.createdAt,
+
-                updatedAt: created.updatedAt,
+                selectedChat = ChatDetail(
-                initiatedProvider: created.initiatedProvider,
+                    id: created.id,
-                initiatedModel: created.initiatedModel,
+                    title: created.title,
-                lastUsedProvider: created.lastUsedProvider,
+                    createdAt: created.createdAt,
-                lastUsedModel: created.lastUsedModel,
+                    updatedAt: created.updatedAt,
-                messages: []
+                    initiatedProvider: created.initiatedProvider,
-            )
+                    initiatedModel: created.initiatedModel,
-            selectedSearch = nil
+                    lastUsedProvider: created.lastUsedProvider,
+                    lastUsedModel: created.lastUsedModel,
+                    messages: []
+                )
+                selectedSearch = nil
+            }
 
             SybilLog.info(SybilLog.app, "Created chat \(created.id)")
         }
@@ -863,7 +1086,7 @@ final class SybilViewModel {
         pendingChatState?.chatID = chatID
 
         let baseChat: ChatDetail
-        if let selectedChat, selectedChat.id == chatID {
+        if let selectedChat = currentSelectedChat, selectedChat.id == chatID {
             baseChat = selectedChat
         } else {
             baseChat = try await client.getChat(chatID: chatID)
@@ -882,8 +1105,10 @@ final class SybilViewModel {
             } + [CompletionRequestMessage(role: .user, content: content, attachments: attachments.isEmpty ? nil : attachments)]
 
         let streamStatus = CompletionStreamStatus()
+        let streamLifecycleGeneration = appLifecycleGeneration
+        let streamStartedWhileInactive = !isAppActive
 
-        if isUntitledChat(chatID: chatID, detail: selectedChat) {
+        if isUntitledChat(chatID: chatID, detail: currentSelectedChat) {
             Task { [weak self] in
                 guard let self else { return }
                 do {
@@ -917,24 +1142,79 @@ final class SybilViewModel {
             chatBackgroundTask = nil
         }
 
-        try await client.runCompletionStream(
+        do {
-            body: CompletionStreamRequest(
+            try await client.runCompletionStream(
-                chatId: chatID,
+                body: CompletionStreamRequest(
-                provider: provider,
+                    chatId: chatID,
-                model: selectedModel,
+                    provider: provider,
-                messages: requestMessages
+                    model: selectedModel,
-            )
+                    messages: requestMessages
-        ) { [weak self] event in
+                )
-            guard let self else { return }
+            ) { [weak self] event in
-            await self.applyCompletionEvent(event, streamStatus: streamStatus)
+                guard let self else { return }
+                await self.applyCompletionEvent(event, streamStatus: streamStatus)
+            }
+        } catch {
+            if shouldSuppressLifecycleTransportError(
+                error,
+                startedAt: streamLifecycleGeneration,
+                startedWhileInactive: streamStartedWhileInactive
+            ) {
+                SybilLog.info(SybilLog.app, "Suppressing chat stream transport interruption after app lifecycle change")
+                pendingChatState = nil
+                if isAppActive {
+                    await refreshInterruptedStream(preferredSelection: .chat(chatID))
+                }
+                return
+            }
+
+            throw error
         }
 
         if let streamError = await streamStatus.error() {
             throw APIError.httpError(statusCode: 502, message: streamError)
         }
 
-        await refreshCollections(preferredSelection: .chat(chatID))
+        guard isAppActive else {
-        selectedChat = try await client.getChat(chatID: chatID)
+            pendingChatState = nil
+            return
+        }
+
+        let sentChatSelection = SidebarSelection.chat(chatID)
+        let shouldKeepSentChatSelected = selectedItem == sentChatSelection && draftKind == nil
+        await refreshCollections(
+            preferredSelection: shouldKeepSentChatSelected ? sentChatSelection : selectedItem,
+            refreshSelection: false
+        )
+
+        guard selectedItem == sentChatSelection, draftKind == nil else {
+            pendingChatState = nil
+            return
+        }
+
+        do {
+            let refreshedChat = try await client.getChat(chatID: chatID)
+            guard selectedItem == sentChatSelection, draftKind == nil else {
+                pendingChatState = nil
+                return
+            }
+            selectedChat = refreshedChat
+        } catch {
+            if shouldSuppressLifecycleTransportError(
+                error,
+                startedAt: streamLifecycleGeneration,
+                startedWhileInactive: streamStartedWhileInactive
+            ) {
+                SybilLog.info(SybilLog.app, "Suppressing chat refresh transport interruption after app lifecycle change")
+                pendingChatState = nil
+                if isAppActive {
+                    await refreshInterruptedStream(preferredSelection: .chat(chatID))
+                }
+                return
+            }
+
+            throw error
+        }
         pendingChatState = nil
     }
 
@@ -972,12 +1252,17 @@ final class SybilViewModel {
         if searchID == nil {
             let created = try await client.createSearch(title: String(query.prefix(80)), query: query)
             searchID = created.id
-            draftKind = nil
+            let shouldShowCreatedSearch = activeSendContext.map { isSendContextVisible($0) } ?? true
-            selectedItem = .search(created.id)
+            activeSendContext = .search(created.id)
 
             searches.removeAll(where: { $0.id == created.id })
             searches.insert(created, at: 0)
 
+            if shouldShowCreatedSearch {
+                draftKind = nil
+                selectedItem = .search(created.id)
+            }
+
             SybilLog.info(SybilLog.app, "Created search \(created.id)")
         }
 
@@ -986,37 +1271,66 @@ final class SybilViewModel {
         }
 
         let now = Date()
-        selectedSearch = SearchDetail(
+        if selectedItem == .search(searchID), draftKind == nil {
-            id: searchID,
+            selectedSearch = SearchDetail(
-            title: String(query.prefix(80)),
+                id: searchID,
-            query: query,
+                title: String(query.prefix(80)),
-            createdAt: selectedSearch?.createdAt ?? now,
+                query: query,
-            updatedAt: now,
+                createdAt: currentSelectedSearch?.createdAt ?? now,
-            requestId: nil,
+                updatedAt: now,
-            latencyMs: nil,
+                requestId: nil,
-            error: nil,
+                latencyMs: nil,
-            answerText: nil,
+                error: nil,
-            answerRequestId: nil,
+                answerText: nil,
-            answerCitations: nil,
+                answerRequestId: nil,
-            answerError: nil,
+                answerCitations: nil,
-            results: []
+                answerError: nil,
-        )
+                results: []
+            )
+        }
 
         let streamStatus = SearchStreamStatus()
+        let streamLifecycleGeneration = appLifecycleGeneration
+        let streamStartedWhileInactive = !isAppActive
 
-        try await client.runSearchStream(
+        do {
-            searchID: searchID,
+            try await client.runSearchStream(
-            body: SearchRunRequest(query: query, title: String(query.prefix(80)), type: "auto", numResults: 10)
+                searchID: searchID,
-        ) { [weak self] event in
+                body: SearchRunRequest(query: query, title: String(query.prefix(80)), type: "auto", numResults: 10)
-            guard let self else { return }
+            ) { [weak self] event in
-            await self.applySearchEvent(event, searchID: searchID, streamStatus: streamStatus)
+                guard let self else { return }
+                await self.applySearchEvent(event, searchID: searchID, streamStatus: streamStatus)
+            }
+        } catch {
+            if shouldSuppressLifecycleTransportError(
+                error,
+                startedAt: streamLifecycleGeneration,
+                startedWhileInactive: streamStartedWhileInactive
+            ) {
+                SybilLog.info(SybilLog.app, "Suppressing search stream transport interruption after app lifecycle change")
+                if isAppActive {
+                    await refreshInterruptedStream(preferredSelection: .search(searchID))
+                }
+                return
+            }
+
+            throw error
         }
 
         if let streamError = await streamStatus.error() {
             throw APIError.httpError(statusCode: 502, message: streamError)
         }
 
-        await refreshCollections(preferredSelection: .search(searchID))
+        guard isAppActive else {
+            return
+        }
+
+        let sentSearchSelection = SidebarSelection.search(searchID)
+        let shouldKeepSentSearchSelected = selectedItem == sentSearchSelection && draftKind == nil
+        await refreshCollections(
+            preferredSelection: shouldKeepSentSearchSelected ? sentSearchSelection : selectedItem,
+            refreshSelection: false
+        )
     }
 
     private func applySearchEvent(
@@ -1024,8 +1338,10 @@ final class SybilViewModel {
         searchID: String,
         streamStatus: SearchStreamStatus
     ) async {
-        guard let current = selectedSearch, current.id == searchID else {
+        guard let current = currentSelectedSearch, current.id == searchID else {
-            if case let .done(payload) = event {
+            if case let .done(payload) = event,
+               selectedItem == .search(searchID),
+               draftKind == nil {
                 selectedSearch = payload.search
             }
             return
@@ -1132,6 +1448,22 @@ final class SybilViewModel {
         return nil
     }
 
+    private var currentSelectedChat: ChatDetail? {
+        guard case let .chat(chatID) = selectedItem,
+              selectedChat?.id == chatID else {
+            return nil
+        }
+        return selectedChat
+    }
+
+    private var currentSelectedSearch: SearchDetail? {
+        guard case let .search(searchID) = selectedItem,
+              selectedSearch?.id == searchID else {
+            return nil
+        }
+        return selectedSearch
+    }
+
     private var currentSearchID: String? {
         if draftKind == .search {
             return nil
@@ -1142,6 +1474,33 @@ final class SybilViewModel {
         return nil
     }
 
+    private var currentSendContext: ActiveSendContext {
+        if isSearchMode {
+            if let searchID = currentSearchID {
+                return .search(searchID)
+            }
+            return .draftSearch(draftIdentity)
+        }
+
+        if let chatID = currentChatID {
+            return .chat(chatID)
+        }
+        return .draftChat(draftIdentity)
+    }
+
+    private func isSendContextVisible(_ context: ActiveSendContext) -> Bool {
+        switch context {
+        case let .draftChat(identity):
+            return draftKind == .chat && draftIdentity == identity
+        case let .chat(chatID):
+            return selectedItem == .chat(chatID)
+        case let .draftSearch(identity):
+            return draftKind == .search && draftIdentity == identity
+        case let .search(searchID):
+            return selectedItem == .search(searchID)
+        }
+    }
+
     private func hasSelection(_ selection: SidebarSelection, chats: [ChatSummary], searches: [SearchSummary]) -> Bool {
         switch selection {
         case let .chat(chatID):
@@ -1250,6 +1609,57 @@ final class SybilViewModel {
         #endif
     }
 
+    private func refreshInterruptedStream(preferredSelection: SidebarSelection) async {
+        try? await Task.sleep(for: .milliseconds(150))
+        await refreshCollections(preferredSelection: preferredSelection)
+    }
+
+    private func shouldSuppressLifecycleTransportError(
+        _ error: Error,
+        startedAt generation: Int,
+        startedWhileInactive: Bool
+    ) -> Bool {
+        guard generation != appLifecycleGeneration || startedWhileInactive || !isAppActive else {
+            return false
+        }
+
+        return isTransientTransportInterruption(error)
+    }
+
+    private func shouldSuppressInactiveTransportError(_ error: Error) -> Bool {
+        !isAppActive && isTransientTransportInterruption(error)
+    }
+
+    private func isTransientTransportInterruption(_ error: Error) -> Bool {
+        if isCancellation(error) {
+            return true
+        }
+
+        if let apiError = error as? APIError,
+           case let .networkError(message) = apiError {
+            let lowercased = message.lowercased()
+            return lowercased.contains("network error -999")
+                || lowercased.contains("network error -1005")
+                || lowercased.contains("network connection was lost")
+                || lowercased.contains("software caused connection abort")
+                || lowercased.contains("socket is not connected")
+        }
+
+        let nsError = error as NSError
+        if nsError.domain == NSURLErrorDomain {
+            return nsError.code == URLError.cancelled.rawValue
+                || nsError.code == URLError.networkConnectionLost.rawValue
+                || nsError.code == URLError.notConnectedToInternet.rawValue
+                || nsError.code == URLError.timedOut.rawValue
+        }
+
+        if nsError.domain == NSPOSIXErrorDomain {
+            return nsError.code == 53 || nsError.code == 57
+        }
+
+        return false
+    }
+
     private func isCancellation(_ error: Error) -> Bool {
         if error is CancellationError {
             return true

ios/Packages/Sybil/Tests/SybilTests/SybilTests.swift

@@ -17,25 +17,52 @@ private actor MockSybilClient: SybilAPIClienting {
     private let searchesResponse: [SearchSummary]
     private let chatDetails: [String: ChatDetail]
     private let searchDetails: [String: SearchDetail]
+    private let createChatResponse: ChatSummary?
 
     private var snapshot = MockClientCallSnapshot()
+    private var getChatDelayNanoseconds: UInt64 = 0
+    private var getSearchDelayNanoseconds: UInt64 = 0
+    private var completionStreamNetworkErrorMessage: String?
+    private var completionStreamDelayNanoseconds: UInt64 = 0
+    private var searchStreamNetworkErrorMessage: String?
+    private var searchStreamDelayNanoseconds: UInt64 = 0
 
     init(
         chatsResponse: [ChatSummary] = [],
         searchesResponse: [SearchSummary] = [],
         chatDetails: [String: ChatDetail] = [:],
-        searchDetails: [String: SearchDetail] = [:]
+        searchDetails: [String: SearchDetail] = [:],
+        createChatResponse: ChatSummary? = nil
     ) {
         self.chatsResponse = chatsResponse
         self.searchesResponse = searchesResponse
         self.chatDetails = chatDetails
         self.searchDetails = searchDetails
+        self.createChatResponse = createChatResponse
     }
 
     func currentSnapshot() -> MockClientCallSnapshot {
         snapshot
     }
 
+    func setCompletionStreamNetworkError(_ message: String, delayNanoseconds: UInt64 = 0) {
+        completionStreamNetworkErrorMessage = message
+        completionStreamDelayNanoseconds = delayNanoseconds
+    }
+
+    func setGetChatDelay(_ delayNanoseconds: UInt64) {
+        getChatDelayNanoseconds = delayNanoseconds
+    }
+
+    func setGetSearchDelay(_ delayNanoseconds: UInt64) {
+        getSearchDelayNanoseconds = delayNanoseconds
+    }
+
+    func setSearchStreamNetworkError(_ message: String, delayNanoseconds: UInt64 = 0) {
+        searchStreamNetworkErrorMessage = message
+        searchStreamDelayNanoseconds = delayNanoseconds
+    }
+
     func verifySession() async throws -> AuthSession {
         AuthSession(authenticated: true, mode: "open")
     }
@@ -46,11 +73,17 @@ private actor MockSybilClient: SybilAPIClienting {
     }
 
     func createChat(title: String?) async throws -> ChatSummary {
+        if let createChatResponse {
+            return createChatResponse
+        }
         throw UnexpectedClientCall()
     }
 
     func getChat(chatID: String) async throws -> ChatDetail {
         snapshot.getChat += 1
+        if getChatDelayNanoseconds > 0 {
+            try await Task.sleep(nanoseconds: getChatDelayNanoseconds)
+        }
         guard let detail = chatDetails[chatID] else {
             throw UnexpectedClientCall()
         }
@@ -76,6 +109,9 @@ private actor MockSybilClient: SybilAPIClienting {
 
     func getSearch(searchID: String) async throws -> SearchDetail {
         snapshot.getSearch += 1
+        if getSearchDelayNanoseconds > 0 {
+            try await Task.sleep(nanoseconds: getSearchDelayNanoseconds)
+        }
         guard let detail = searchDetails[searchID] else {
             throw UnexpectedClientCall()
         }
@@ -98,6 +134,12 @@ private actor MockSybilClient: SybilAPIClienting {
         body: CompletionStreamRequest,
         onEvent: @escaping @Sendable (CompletionStreamEvent) async -> Void
     ) async throws {
+        if completionStreamDelayNanoseconds > 0 {
+            try await Task.sleep(nanoseconds: completionStreamDelayNanoseconds)
+        }
+        if let completionStreamNetworkErrorMessage {
+            throw APIError.networkError(message: completionStreamNetworkErrorMessage)
+        }
         throw UnexpectedClientCall()
     }
 
@@ -106,6 +148,12 @@ private actor MockSybilClient: SybilAPIClienting {
         body: SearchRunRequest,
         onEvent: @escaping @Sendable (SearchStreamEvent) async -> Void
     ) async throws {
+        if searchStreamDelayNanoseconds > 0 {
+            try await Task.sleep(nanoseconds: searchStreamDelayNanoseconds)
+        }
+        if let searchStreamNetworkErrorMessage {
+            throw APIError.networkError(message: searchStreamNetworkErrorMessage)
+        }
         throw UnexpectedClientCall()
     }
 }
@@ -267,6 +315,178 @@ private func makeSearchDetail(id: String, date: Date, answer: String) -> SearchD
     #expect(viewModel.selectedSearch?.answerText == "fresh answer")
 }
 
+@MainActor
+@Test func selectingChatClearsStaleTranscriptUntilNewDetailLoads() async throws {
+    let date = Date(timeIntervalSince1970: 1_700_000_210)
+    let staleDetail = makeChatDetail(id: "chat-old", date: date, body: "stale transcript")
+    let freshDetail = makeChatDetail(id: "chat-new", date: date, body: "fresh transcript")
+    let client = MockSybilClient(chatDetails: ["chat-new": freshDetail])
+    await client.setGetChatDelay(50_000_000)
+    let viewModel = SybilViewModel(settings: testSettings(named: #function)) { _ in client }
+    viewModel.isAuthenticated = true
+    viewModel.isCheckingSession = false
+    viewModel.selectedItem = .chat("chat-old")
+    viewModel.selectedChat = staleDetail
+
+    viewModel.select(.chat("chat-new"))
+
+    #expect(viewModel.displayedMessages.isEmpty)
+    #expect(viewModel.isLoadingSelection)
+
+    try await Task.sleep(nanoseconds: 90_000_000)
+
+    #expect(viewModel.displayedMessages.first?.content == "fresh transcript")
+    #expect(!viewModel.isLoadingSelection)
+}
+
+@MainActor
+@Test func navigationSelectionWaitsForFastTranscriptLoad() async throws {
+    let date = Date(timeIntervalSince1970: 1_700_000_220)
+    let detail = makeChatDetail(id: "chat-fast", date: date, body: "loaded before push")
+    let client = MockSybilClient(chatDetails: ["chat-fast": detail])
+    await client.setGetChatDelay(20_000_000)
+    let viewModel = SybilViewModel(settings: testSettings(named: #function)) { _ in client }
+    viewModel.isAuthenticated = true
+    viewModel.isCheckingSession = false
+
+    await viewModel.selectForNavigation(.chat("chat-fast"), preloadTimeout: .milliseconds(500))
+
+    #expect(viewModel.selectedItem == .chat("chat-fast"))
+    #expect(viewModel.displayedMessages.first?.content == "loaded before push")
+    #expect(!viewModel.isLoadingSelection)
+}
+
+@MainActor
+@Test func navigationSelectionTimesOutAndKeepsLoadingTranscript() async throws {
+    let date = Date(timeIntervalSince1970: 1_700_000_230)
+    let detail = makeChatDetail(id: "chat-slow", date: date, body: "loaded after push")
+    let client = MockSybilClient(chatDetails: ["chat-slow": detail])
+    await client.setGetChatDelay(100_000_000)
+    let viewModel = SybilViewModel(settings: testSettings(named: #function)) { _ in client }
+    viewModel.isAuthenticated = true
+    viewModel.isCheckingSession = false
+
+    await viewModel.selectForNavigation(.chat("chat-slow"), preloadTimeout: .milliseconds(10))
+
+    #expect(viewModel.selectedItem == .chat("chat-slow"))
+    #expect(viewModel.displayedMessages.isEmpty)
+    #expect(viewModel.isLoadingSelection)
+
+    try await Task.sleep(nanoseconds: 150_000_000)
+
+    #expect(viewModel.displayedMessages.first?.content == "loaded after push")
+    #expect(!viewModel.isLoadingSelection)
+}
+
+@MainActor
+@Test func newDraftChatDoesNotShowTypingStateFromPreviousSend() async throws {
+    let date = Date(timeIntervalSince1970: 1_700_000_240)
+    let detail = makeChatDetail(id: "chat-typing", date: date, body: "existing transcript")
+    let client = MockSybilClient(chatDetails: ["chat-typing": detail])
+    await client.setCompletionStreamNetworkError(
+        "Network error -1005 while requesting POST: The network connection was lost.",
+        delayNanoseconds: 50_000_000
+    )
+    let viewModel = SybilViewModel(settings: testSettings(named: #function)) { _ in client }
+    viewModel.isAuthenticated = true
+    viewModel.isCheckingSession = false
+    viewModel.selectedItem = .chat("chat-typing")
+    viewModel.selectedChat = detail
+    viewModel.composer = "continue"
+
+    let sendTask = Task {
+        await viewModel.sendComposer()
+    }
+    try await Task.sleep(nanoseconds: 10_000_000)
+
+    #expect(viewModel.isSendingVisibleChat)
+
+    viewModel.startNewChat()
+
+    #expect(viewModel.displayedMessages.isEmpty)
+    #expect(!viewModel.isSendingVisibleChat)
+
+    await sendTask.value
+}
+
+@MainActor
+@Test func backgroundChatStreamInterruptionIsSuppressedUntilForegroundRefresh() async throws {
+    let date = Date(timeIntervalSince1970: 1_700_000_300)
+    let chat = makeChatSummary(id: "chat-3", date: date)
+    let initialDetail = makeChatDetail(id: "chat-3", date: date, body: "stale transcript")
+    let refreshedDetail = makeChatDetail(id: "chat-3", date: date, body: "fresh transcript")
+    let client = MockSybilClient(
+        chatsResponse: [chat],
+        chatDetails: ["chat-3": refreshedDetail]
+    )
+    await client.setCompletionStreamNetworkError(
+        "Network error -1005 while requesting POST: The network connection was lost.",
+        delayNanoseconds: 50_000_000
+    )
+    let viewModel = SybilViewModel(settings: testSettings(named: #function)) { _ in client }
+    viewModel.isAuthenticated = true
+    viewModel.isCheckingSession = false
+    viewModel.selectedItem = .chat("chat-3")
+    viewModel.selectedChat = initialDetail
+    viewModel.composer = "continue"
+
+    let sendTask = Task {
+        await viewModel.sendComposer()
+    }
+    try await Task.sleep(nanoseconds: 10_000_000)
+    viewModel.markAppInactiveForNetwork()
+    await sendTask.value
+
+    #expect(viewModel.errorMessage == nil)
+    #expect(viewModel.composer.isEmpty)
+    #expect(!viewModel.isSending)
+    #expect(viewModel.selectedChat?.messages.first?.content == "stale transcript")
+
+    await viewModel.refreshAfterAppBecameActive(refreshCollections: false, refreshSelection: true)
+
+    let snapshot = await client.currentSnapshot()
+    #expect(snapshot.getChat == 1)
+    #expect(viewModel.errorMessage == nil)
+    #expect(viewModel.selectedChat?.messages.first?.content == "fresh transcript")
+}
+
+@MainActor
+@Test func backgroundSearchStreamInterruptionIsSuppressedUntilForegroundRefresh() async throws {
+    let date = Date(timeIntervalSince1970: 1_700_000_400)
+    let refreshedDetail = makeSearchDetail(id: "search-3", date: date, answer: "fresh answer")
+    let client = MockSybilClient(
+        searchDetails: ["search-3": refreshedDetail]
+    )
+    await client.setSearchStreamNetworkError(
+        "Network error -1005 while requesting POST: The network connection was lost.",
+        delayNanoseconds: 50_000_000
+    )
+    let viewModel = SybilViewModel(settings: testSettings(named: #function)) { _ in client }
+    viewModel.isAuthenticated = true
+    viewModel.isCheckingSession = false
+    viewModel.selectedItem = .search("search-3")
+    viewModel.selectedSearch = makeSearchDetail(id: "search-3", date: date, answer: "stale answer")
+    viewModel.composer = "refresh me"
+
+    let sendTask = Task {
+        await viewModel.sendComposer()
+    }
+    try await Task.sleep(nanoseconds: 10_000_000)
+    viewModel.markAppInactiveForNetwork()
+    await sendTask.value
+
+    #expect(viewModel.errorMessage == nil)
+    #expect(viewModel.composer.isEmpty)
+    #expect(!viewModel.isSending)
+
+    await viewModel.refreshAfterAppBecameActive(refreshCollections: false, refreshSelection: true)
+
+    let snapshot = await client.currentSnapshot()
+    #expect(snapshot.getSearch == 1)
+    #expect(viewModel.errorMessage == nil)
+    #expect(viewModel.selectedSearch?.answerText == "fresh answer")
+}
+
 @Test func newChatSwipeMetricsClampProgressAndLatch() async throws {
     let width: CGFloat = 390
     let maxTravel = NewChatSwipeMetrics.maxTravel(for: width)
@@ -283,4 +503,14 @@ private func makeSearchDetail(id: String, date: Date, answer: String) -> SearchD
     #expect(NewChatSwipeMetrics.shouldBeginPan(leftwardTravel: 2, verticalTravel: 1, leftwardVelocity: 120, verticalVelocity: 30))
     #expect(!NewChatSwipeMetrics.shouldBeginPan(leftwardTravel: 8, verticalTravel: 24, leftwardVelocity: 20, verticalVelocity: 140))
     #expect(!NewChatSwipeMetrics.shouldBeginPan(leftwardTravel: 18, verticalTravel: 18, leftwardVelocity: 80, verticalVelocity: 90))
+    #expect(!NewChatSwipeMetrics.shouldComplete(offset: -24, velocityX: 0, width: width, isLatched: false))
+    #expect(NewChatSwipeMetrics.shouldComplete(offset: -24, velocityX: -800, width: width, isLatched: false))
+    #expect(!NewChatSwipeMetrics.shouldComplete(offset: -(latchDistance + 1), velocityX: 800, width: width, isLatched: true))
+    #expect(BackSwipeMetrics.clampedOffset(for: 500, width: width) == maxTravel)
+    #expect(BackSwipeMetrics.progress(for: maxTravel / 2, width: width) == 0.5)
+    #expect(BackSwipeMetrics.isLatched(offset: latchDistance + 1, width: width))
+    #expect(BackSwipeMetrics.shouldBeginPan(rightwardTravel: 24, verticalTravel: 8, rightwardVelocity: 0, verticalVelocity: 0))
+    #expect(!BackSwipeMetrics.shouldBeginPan(rightwardTravel: 8, verticalTravel: 24, rightwardVelocity: 20, verticalVelocity: 140))
+    #expect(BackSwipeMetrics.shouldComplete(offset: 24, velocityX: 800, width: width, isLatched: false))
+    #expect(!BackSwipeMetrics.shouldComplete(offset: latchDistance + 1, velocityX: -800, width: width, isLatched: true))
 }

ios/justfile

@@ -1,10 +1,28 @@
+simulator := "platform=iOS Simulator,name=iPhone 16e,OS=latest"
+simulator_name := "iPhone 16e"
+derived_data := "build/DerivedData"
+
 default:
   @just build
 
 build:
   if [ ! -d "Sybil.xcodeproj" ]; then xcodegen --spec project.yml; fi
   if command -v xcbeautify >/dev/null 2>&1; then \
-    xcodebuild -scheme Sybil -destination 'platform=iOS Simulator,name=iPhone 16e,OS=latest' | xcbeautify; \
+    xcodebuild -scheme Sybil -destination '{{simulator}}' | xcbeautify; \
   else \
-    xcodebuild -scheme Sybil -destination 'platform=iOS Simulator,name=iPhone 16e,OS=latest'; \
+    xcodebuild -scheme Sybil -destination '{{simulator}}'; \
   fi
+
+test:
+  cd Packages/Sybil && xcodebuild test -scheme Sybil -destination '{{simulator}}' -parallel-testing-enabled NO
+
+run:
+  if [ ! -d "Sybil.xcodeproj" ]; then xcodegen --spec project.yml; fi
+  xcrun simctl boot '{{simulator_name}}' 2>/dev/null || true
+  xcodebuild -scheme Sybil -destination '{{simulator}}' -derivedDataPath '{{derived_data}}'
+  xcrun simctl install booted '{{derived_data}}/Build/Products/Debug-iphonesimulator/Sybil.app'
+  xcrun simctl launch booted net.buzzert.sybil2
+
+screenshot path="build/sybil-screenshot.png":
+  mkdir -p "$(dirname '{{path}}')"
+  xcrun simctl io booted screenshot '{{path}}'

web/src/App.tsx

@@ -7,6 +7,7 @@ import { AuthScreen } from "@/components/auth/auth-screen";
 import { ChatAttachmentList } from "@/components/chat/chat-attachment-list";
 import { ChatMessagesPanel } from "@/components/chat/chat-messages-panel";
 import { SearchResultsPanel } from "@/components/search/search-results-panel";
+import { SybilCharacter } from "@/components/sybil-character";
 import {
   createChat,
   createChatFromSearch,
@@ -1989,14 +1990,20 @@ export default function App() {
             isMobileSidebarOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"
           )}
         >
-          <div className="px-4 pb-4 pt-5">
+          <div className="relative min-h-24 px-4 pb-4 pt-5">
-            <div className="sybil-wordmark bg-[linear-gradient(90deg,#ff8df8,#9a6dff_54%,#67dfff)] bg-clip-text text-3xl text-transparent">
+            <div className="pr-24">
-              SYBIL
+              <div className="sybil-wordmark bg-[linear-gradient(90deg,#ff8df8,#9a6dff_54%,#67dfff)] bg-clip-text text-3xl text-transparent">
+                SYBIL
+              </div>
+              <p className="mt-2 flex items-center gap-1.5 text-xs font-medium text-muted-foreground">
+                <span className="h-1.5 w-1.5 rounded-full bg-emerald-400" />
+                Sybil Web{authMode ? ` (${authMode === "open" ? "open mode" : "token mode"})` : ""}
+              </p>
             </div>
-            <p className="mt-2 flex items-center gap-1.5 text-xs font-medium text-muted-foreground">
+            <SybilCharacter
-              <span className="h-1.5 w-1.5 rounded-full bg-emerald-400" />
+              className="absolute right-4 top-3 h-[calc(100%-1.5rem)]"
-              Sybil Web{authMode ? ` (${authMode === "open" ? "open mode" : "token mode"})` : ""}
+              isBusy={isSending}
-            </p>
+            />
           </div>
 
           <div className="space-y-3 px-3 pb-3">
@@ -2246,7 +2253,7 @@ export default function App() {
                     void handleSend();
                   }
                 }}
-                placeholder={isSearchMode ? "Search the web" : "Message Sybil..."}
+                placeholder={isSearchMode ? "Search the web" : "Enter prompt..."}
                 className="max-h-40 min-h-0 resize-none overflow-y-auto border-0 bg-transparent px-3 py-3 text-base text-violet-50 shadow-none placeholder:text-violet-200/45 focus-visible:ring-0"
                 disabled={isSending}
               />

web/src/components/sybil-character.tsx

@@ -0,0 +1,31 @@
+import { useEffect } from "preact/hooks";
+import { cn } from "@/lib/utils";
+
+const CHARACTER_IDLE_SRC = "/character-idle.gif";
+const CHARACTER_BUSY_SRC = "/character-busy.gif";
+
+type SybilCharacterProps = {
+  className?: string;
+  isBusy?: boolean;
+};
+
+export function SybilCharacter({ className, isBusy = false }: SybilCharacterProps) {
+  useEffect(() => {
+    const busyImage = new Image();
+    busyImage.src = CHARACTER_BUSY_SRC;
+  }, []);
+
+  return (
+    <img
+      aria-hidden="true"
+      alt=""
+      className={cn(
+        "aspect-square rounded-xl border border-violet-200/24 bg-white/6 object-cover p-1 shadow-[inset_0_1px_0_hsl(252_90%_86%/0.12),0_10px_24px_hsl(240_80%_2%/0.3)]",
+        className
+      )}
+      data-state={isBusy ? "busy" : "idle"}
+      draggable={false}
+      src={isBusy ? CHARACTER_BUSY_SRC : CHARACTER_IDLE_SRC}
+    />
+  );
+}

web/src/index.css

@@ -4,6 +4,14 @@
 @tailwind components;
 @tailwind utilities;
 
+@font-face {
+  font-family: "StalinistOne";
+  src: url("/StalinistOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
 :root {
   color-scheme: dark;
   --background: 235 45% 4%;
@@ -57,8 +65,8 @@ textarea {
 }
 
 .sybil-wordmark {
-  font-family: "Orbitron", "Inter", sans-serif;
+  font-family: "StalinistOne", "Orbitron", "Inter", sans-serif;
-  font-weight: 900;
+  font-weight: 400;
   letter-spacing: 0;
   line-height: 1;
 }
@@ -184,7 +192,13 @@ textarea {
   margin-top: 0.65rem;
   margin-left: 0;
   padding-left: 0;
-  list-style-position: inside;
+  list-style: none;
+}
+
+.md-content li > ul,
+.md-content li > ol {
+  margin-top: 0.3rem;
+  padding-left: 1.35rem;
 }
 
 .md-content li + li {

web/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/root-router.tsx","./src/vite-env.d.ts","./src/components/auth/auth-screen.tsx","./src/components/chat/chat-attachment-list.tsx","./src/components/chat/chat-messages-panel.tsx","./src/components/markdown/markdown-content.tsx","./src/components/search/search-results-panel.tsx","./src/components/ui/button.tsx","./src/components/ui/input.tsx","./src/components/ui/scroll-area.tsx","./src/components/ui/separator.tsx","./src/components/ui/textarea.tsx","./src/hooks/use-session-auth.ts","./src/lib/api.ts","./src/lib/utils.ts","./src/pages/search-route-page.tsx"],"version":"5.9.3"}
+{"root":["./src/app.tsx","./src/main.tsx","./src/root-router.tsx","./src/vite-env.d.ts","./src/components/sybil-character.tsx","./src/components/auth/auth-screen.tsx","./src/components/chat/chat-attachment-list.tsx","./src/components/chat/chat-messages-panel.tsx","./src/components/markdown/markdown-content.tsx","./src/components/search/search-results-panel.tsx","./src/components/ui/button.tsx","./src/components/ui/input.tsx","./src/components/ui/scroll-area.tsx","./src/components/ui/separator.tsx","./src/components/ui/textarea.tsx","./src/hooks/use-session-auth.ts","./src/lib/api.ts","./src/lib/utils.ts","./src/pages/search-route-page.tsx"],"version":"5.9.3"}