Align iOS remote sessions and timeline UX with HarmonyOS

src/apps/mobile/ios/OpenBitFun/Features/Chat/ChatTimelineView.swift

@@ -1,3 +1,4 @@
+import Foundation
 import OpenBitFunMobileCore
 import SwiftUI
 import UIKit
@@ -37,12 +38,30 @@ struct ChatTimelineView: View {
             }
             .simultaneousGesture(
                 DragGesture(minimumDistance: 8).onChanged { value in
-                    if value.translation.height < -8 { userScrolledUp = true }
+                    if value.translation.height > 8 { userScrolledUp = true }
                 }
             )
+            .scrollDismissesKeyboard(.interactively)
+            .onChange(of: model.selectedSessionID) { _ in
+                userScrolledUp = false
+                Task { @MainActor in
+                    await Task.yield()
+                    proxy.scrollTo("timeline-bottom", anchor: .bottom)
+                }
+            }
+            .onChange(of: model.isSending) { sending in
+                guard sending else { return }
+                userScrolledUp = false
+                Task { @MainActor in
+                    await Task.yield()
+                    proxy.scrollTo("timeline-bottom", anchor: .bottom)
+                }
+            }
             .onChange(of: model.timelineRows) { _ in
                 guard !userScrolledUp else { return }
-                withAnimation(.easeOut(duration: 0.18)) {
+                Task { @MainActor in
+                    await Task.yield()
+                    guard !userScrolledUp else { return }
                     proxy.scrollTo("timeline-bottom", anchor: .bottom)
                 }
             }
@@ -73,6 +92,60 @@ struct ChatTimelineView: View {
     }
 }
 
+struct ConversationLoadingState: View {
+    var body: some View {
+        GeometryReader { proxy in
+            let contentWidth = max(0, min(proxy.size.width - 44, 760))
+            VStack(spacing: 18) {
+                assistantSkeleton(width: contentWidth * 0.72, height: 78)
+                userSkeleton(width: contentWidth * 0.46, height: 42)
+                assistantSkeleton(width: contentWidth * 0.84, height: 112)
+            }
+            .frame(width: contentWidth)
+            .padding(.top, 28)
+            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
+        }
+        .background(OpenBitFunTheme.page)
+        .accessibilityElement(children: .ignore)
+        .accessibilityLabel(Text(MobileLocalization.text("正在加载")))
+    }
+
+    private func assistantSkeleton(width: CGFloat, height: CGFloat) -> some View {
+        HStack(spacing: 0) {
+            VStack(alignment: .leading, spacing: 9) {
+                skeletonLine(fraction: 0.74)
+                skeletonLine(fraction: 0.92)
+                skeletonLine(fraction: 0.58)
+            }
+            .padding(14)
+            .frame(width: width, height: height, alignment: .leading)
+            .background(OpenBitFunTheme.soft)
+            .clipShape(RoundedRectangle(cornerRadius: 10))
+            Spacer(minLength: 0)
+        }
+        .frame(maxWidth: .infinity)
+    }
+
+    private func userSkeleton(width: CGFloat, height: CGFloat) -> some View {
+        HStack(spacing: 0) {
+            Spacer(minLength: 0)
+            RoundedRectangle(cornerRadius: 10)
+                .fill(OpenBitFunTheme.soft)
+                .frame(width: width, height: height)
+        }
+        .frame(maxWidth: .infinity)
+    }
+
+    private func skeletonLine(fraction: CGFloat) -> some View {
+        GeometryReader { proxy in
+            RoundedRectangle(cornerRadius: 5)
+                .fill(OpenBitFunTheme.line)
+                .frame(width: proxy.size.width * fraction, height: 10)
+        }
+        .frame(height: 10)
+    }
+}
+
 private struct ConversationRowView: View {
     let row: MobileConversationRow
     @ObservedObject var model: MobileAppModel
@@ -340,15 +413,11 @@ struct MarkdownMessageView: View {
     let text: String
     @ObservedObject var model: MobileAppModel
 
-    private var blocks: [MarkdownBlock] { MarkdownParser.shared.parse(text: text) }
-    private var references: [MessageFileReference] {
-        MessageFileReferenceProjector.shared.project(source: text)
-    }
-
     var body: some View {
+        let projection = MarkdownProjectionCache.shared.projection(for: text)
         VStack(alignment: .leading, spacing: 9) {
-            ForEach(blocks, id: \.id) { MarkdownBlockView(block: $0) }
-            ForEach(references, id: \.id) { FileReferenceCard(reference: $0, model: model) }
+            ForEach(projection.blocks, id: \.id) { MarkdownBlockView(block: $0) }
+            ForEach(projection.references, id: \.id) { FileReferenceCard(reference: $0, model: model) }
         }
         .frame(maxWidth: .infinity, alignment: .leading)
         .environment(\.openURL, OpenURLAction { url in
@@ -361,6 +430,43 @@ struct MarkdownMessageView: View {
     }
 }
 
+@MainActor
+private final class MarkdownProjectionCache {
+    struct Projection {
+        let blocks: [MarkdownBlock]
+        let references: [MessageFileReference]
+    }
+
+    private final class Entry: NSObject {
+        let projection: Projection
+
+        init(_ projection: Projection) {
+            self.projection = projection
+        }
+    }
+
+    static let shared = MarkdownProjectionCache()
+    private let entries = NSCache<NSString, Entry>()
+
+    private init() {
+        entries.countLimit = 48
+        entries.totalCostLimit = 4 * 1_024 * 1_024
+    }
+
+    func projection(for text: String) -> Projection {
+        let key = text as NSString
+        if let cached = entries.object(forKey: key) {
+            return cached.projection
+        }
+        let projection = Projection(
+            blocks: MarkdownParser.shared.parse(text: text),
+            references: MessageFileReferenceProjector.shared.project(source: text)
+        )
+        entries.setObject(Entry(projection), forKey: key, cost: text.utf8.count)
+        return projection
+    }
+}
+
 private struct MarkdownBlockView: View {
     let block: MarkdownBlock
 
@@ -764,10 +870,7 @@ private struct ToolStatusList: View {
             pending.removeAll()
         }
         for tool in tools {
-            let collapsible = tool.actions.isEmpty
-                && ["COMPLETED", "CANCELLED"].contains(tool.phase)
-                && ["DOCUMENT", "FOLDER", "SEARCH"].contains(tool.kind)
-            if collapsible { pending.append(tool) } else { flush(); result.append(.tool(tool)) }
+            if tool.foldIntoSummary { pending.append(tool) } else { flush(); result.append(.tool(tool)) }
         }
         flush()
         return result
@@ -786,7 +889,7 @@ private struct CollapsedToolsRow: View {
                     Image(systemName: "doc.on.doc").font(.system(size: 12, weight: .medium))
                         .frame(width: 20, height: 20).background(OpenBitFunTheme.soft)
                         .clipShape(RoundedRectangle(cornerRadius: 6))
-                    Text(model.localizedFormat("已完成 %lld 项读取与搜索", Int64(tools.count)))
+                    Text(model.localizedFormat("已完成 %lld 项操作", Int64(tools.count)))
                         .font(MobileDesignTypography.bodySmall.font)
                     Spacer()
                     Image(systemName: expanded ? "chevron.up" : "chevron.down")
@@ -795,7 +898,11 @@ private struct CollapsedToolsRow: View {
                 .foregroundStyle(OpenBitFunTheme.muted).frame(minHeight: 32)
             }
             .buttonStyle(.plain)
-            if expanded { ForEach(tools) { ToolStatusRow(tool: $0, model: model) } }
+            if expanded {
+                VStack(alignment: .leading, spacing: 3) {
+                    ForEach(tools) { ToolStatusRow(tool: $0, model: model) }
+                }
+            }
         }
     }
 }

src/apps/mobile/ios/OpenBitFun/Features/DesignSystem/AdaptiveModalComponents.swift

@@ -202,6 +202,10 @@ private struct OpenBitFunAdaptiveModalModifier<ModalContent: View>: ViewModifier
 
     private var isSide: Bool { placement.mode == .side }
 
+    private var compactDetent: PresentationDetent {
+        placement.height > 0 ? .height(CGFloat(placement.height)) : .large
+    }
+
     private var compactPresented: Binding<Bool> {
         Binding(
             get: { isPresented && !isSide },
@@ -229,7 +233,7 @@ private struct OpenBitFunAdaptiveModalModifier<ModalContent: View>: ViewModifier
     @ViewBuilder
     private var compactSheet: some View {
         let surface = modalContent()
-            .presentationDetents([.large])
+            .presentationDetents([compactDetent])
             .presentationDragIndicator(.hidden)
         if #available(iOS 16.4, *) {
             surface.presentationCornerRadius(MobileDesignGeometry.sheetTopRadius)

src/apps/mobile/ios/OpenBitFun/Features/Shell/MobileShellView.swift

@@ -354,7 +354,12 @@ struct MobileShellView: View {
                 LocalHomeView()
                 ComposerBar(model: model)
             } else {
-                ChatTimelineView(model: model)
+                ZStack {
+                    ChatTimelineView(model: model)
+                    if model.surface == .remote && model.remoteConversationLoading {
+                        ConversationLoadingState()
+                    }
+                }
                 ComposerBar(model: model)
             }
         }

src/apps/mobile/ios/OpenBitFun/Features/Shell/SessionActionComponents.swift

@@ -26,13 +26,6 @@ struct SessionActionSurface: View {
 
     var body: some View {
         VStack(spacing: 0) {
-            if presentation == .bottomSheet {
-                Capsule()
-                    .fill(OpenBitFunTheme.line)
-                    .frame(width: 36, height: 4)
-                    .padding(.bottom, 10)
-            }
-
             HStack(spacing: 12) {
                 VStack(alignment: .leading, spacing: 3) {
                     Text(model.localized("会话操作"))
@@ -69,11 +62,17 @@ struct SessionActionSurface: View {
         .frame(width: presentation == .popover ? 300 : nil)
         .frame(maxWidth: presentation == .bottomSheet ? .infinity : nil)
         .background(OpenBitFunTheme.card)
-        .clipShape(RoundedRectangle(cornerRadius: MobileDesignGeometry.popoverRadius))
-        .overlay(
-            RoundedRectangle(cornerRadius: MobileDesignGeometry.popoverRadius)
-                .stroke(OpenBitFunTheme.line, lineWidth: 1)
+        .clipShape(
+            RoundedRectangle(
+                cornerRadius: presentation == .popover ? MobileDesignGeometry.popoverRadius : 0
+            )
         )
+        .overlay {
+            if presentation == .popover {
+                RoundedRectangle(cornerRadius: MobileDesignGeometry.popoverRadius)
+                    .stroke(OpenBitFunTheme.line, lineWidth: 1)
+            }
+        }
         .shadow(
             color: presentation == .popover ? OpenBitFunTheme.line : OpenBitFunTheme.transparent,
             radius: presentation == .popover ? 20 : 0,