feat(ios): comprehensive iPhone+iPad UX polish — refined-native design system

Freeze a shared design system (DesignSystem/{Tokens,Typography,StatusStyle,
Primitives}.swift): indigo #7C8CFF accent (root .tint), semantic status colors,
2-4-8-12-16-20-24 spacing + sm8/md12/lg16 radii scale, SF Mono tabular numbers,
reduce-motion-gated animations, haptics, reusable StatusBadge/TelemetryChip/Card/
SectionHeader/DSButtonStyle/ContinueLastBanner. Every changed view consumes tokens
— no hardcoded colors/spacing.

Applied across all surfaces (visual only — zero behavior/logic change, all suites
green): session list rows + status system (shape+color, not color-alone) +
telemetry chips + thumbnail placeholders; terminal gate card (≥44pt approve/reject)
+ keybar + reconnect + quick-reply + digest + SwiftTerm accent theme; pairing hero
+ warning tiers + Projects cards + Timeline/Diff; nav chrome + iPad split placeholder
+ privacy shade + motion. Chinese gate copy. UX finding fixed: timeline class colors
now via DS.Palette (+timelineTool/timelineUser tokens).

Design review 8.5/10. Verified: iPhone 16 290 + iPad Pro 11 290 tests green;
packages + integration green; consistency audit ~clean; zero changes under
ios/Packages, src/, public/.

ios/App/WebTerm/Wiring/TerminalContainerView.swift

@@ -35,18 +35,20 @@ struct TerminalContainerView: View {
     /// T-iOS-25 (additive) · Quick-reply palette store — per-container over
     /// `.standard` defaults (non-secret UI prefs, plan §5.3 split).
     @State private var quickReplyStore = QuickReplyStore()
+    /// 无障碍：减弱动态效果时，overlay 进出塌成即时切换（DS.Motion.gated）。
+    @Environment(\.accessibilityReduceMotion) private var reduceMotion
 
     private enum Metrics {
-        static let overlaySpacing: CGFloat = 8
-        static let overlayHorizontalPadding: CGFloat = 12
-        /// Clears TerminalScreen's own top-aligned ReconnectBanner zone.
-        static let overlayTopPadding: CGFloat = 52
-        /// Breathing room between the chip row and the keyboard/key-bar edge.
-        static let quickReplyBottomPadding: CGFloat = 8
+        /// Clears TerminalScreen's own top-aligned ReconnectBanner zone: a
+        /// hit-target-tall pill plus a gap. (They rarely co-exist — the banner
+        /// hides on `.connected` while gates/digests only arrive connected.)
+        static let overlayTopPadding: CGFloat = DS.Layout.minHitTarget + DS.Space.sm8
     }
 
     private enum Copy {
-        static let planGatePending = "⚠ 计划待批准"
+        /// The re-entry chip's own amber StatusBadge carries the "needs me"
+        /// warning shape, so the copy itself stays plain (no emoji).
+        static let planGatePending = "计划待批准"
     }
 
     var body: some View {
@@ -75,16 +77,19 @@ struct TerminalContainerView: View {
             gateViewModel: controller.gateViewModel,
             store: quickReplyStore
         )
-        .padding(.horizontal, Metrics.overlayHorizontalPadding)
-        .padding(.bottom, Metrics.quickReplyBottomPadding)
-        .animation(.default, value: controller.gateViewModel.currentGate)
+        .padding(.horizontal, DS.Space.md12)
+        .padding(.bottom, DS.Space.sm8)
+        .animation(
+            DS.Motion.gated(DS.Motion.base, reduceMotion: reduceMotion),
+            value: controller.gateViewModel.currentGate
+        )
     }
 
     // MARK: - Digest + tool gate (top stack)
 
     @ViewBuilder private var topOverlays: some View {
         let gateViewModel = controller.gateViewModel
-        VStack(spacing: Metrics.overlaySpacing) {
+        VStack(spacing: DS.Space.sm8) {
             if let digest = gateViewModel.digest {
                 AwayDigestView(
                     digest: digest,
@@ -99,16 +104,38 @@ struct TerminalContainerView: View {
                 }
             }
             if hasDismissedPendingPlanGate {
-                Button(Copy.planGatePending) { dismissedPlanGateEpoch = nil }
-                    .buttonStyle(.borderedProminent)
-                    .tint(.orange)
-                    .controlSize(.small)
+                planGatePendingChip
             }
         }
-        .padding(.horizontal, Metrics.overlayHorizontalPadding)
+        .padding(.horizontal, DS.Space.md12)
         .padding(.top, Metrics.overlayTopPadding)
-        .animation(.default, value: gateViewModel.toolGate)
-        .animation(.default, value: gateViewModel.digest)
+        .animation(DS.Motion.gated(DS.Motion.base, reduceMotion: reduceMotion),
+                   value: gateViewModel.toolGate)
+        .animation(DS.Motion.gated(DS.Motion.base, reduceMotion: reduceMotion),
+                   value: gateViewModel.digest)
+    }
+
+    /// The "plan still pending" re-entry chip shown after the user swiped the
+    /// plan sheet away — an amber pending-approval pill that re-presents the
+    /// sheet on tap.
+    private var planGatePendingChip: some View {
+        Button {
+            dismissedPlanGateEpoch = nil
+        } label: {
+            HStack(spacing: DS.Space.xs4) {
+                StatusBadge(status: .pendingApproval)
+                Text(Copy.planGatePending)
+                    .font(DS.Typography.callout.weight(.medium))
+                    .foregroundStyle(DS.Palette.textPrimary)
+            }
+            .padding(.horizontal, DS.Space.md12)
+            .frame(minHeight: DS.Layout.minHitTarget)
+            .background(.regularMaterial, in: Capsule())
+            .overlay(
+                Capsule().strokeBorder(DS.Palette.statusWaiting, lineWidth: DS.Stroke.hairline)
+            )
+        }
+        .buttonStyle(.plain)
     }
 
     // MARK: - Timeline drill-down (T-iOS-24, additive)