opt: universe improve onboard ux

Signed-off-by: xunzhuo <xunzhuo@vllm-semantic-router.ai>

Author: Xunzhuo

apps/macos/Scripts/package-runtime.sh

@@ -30,7 +30,8 @@ VOICE_RUNTIME_REQUIREMENTS=(
   "funasr>=1.2,<2"
   "modelscope>=1.10,<2"
   "setuptools>=69"
-  "torchaudio>=2.11,<3"
+  # Match the macOS torch wheel family; newer torchaudio wheels are arm64-only.
+  "torchaudio>=2.2,<2.3"
 )
 
 fail() {

apps/macos/Sources/AppModel.swift

@@ -1197,8 +1197,8 @@ final class ElephantAppModel: ObservableObject {
     @Published var userAvatarPath = UserDefaults.standard.string(forKey: ElephantAppModel.userAvatarPathKey) ?? ""
     @Published var herdAvatarPaths: [String: String] = UserDefaults.standard.dictionary(forKey: ElephantAppModel.herdAvatarPathsKey) as? [String: String] ?? [:]
     @Published var hiddenEpisodeIDs: Set<String> = Set(UserDefaults.standard.stringArray(forKey: ElephantAppModel.hiddenEpisodeIDsKey) ?? [])
-    @Published var isSleepDisplayPresented = false
-    @Published var sleepDisplayReason = "manual"
+    @Published var isSleepDisplayPresented = ElephantAppModel.shouldPresentLaunchLockScreen()
+    @Published var sleepDisplayReason = ElephantAppModel.shouldPresentLaunchLockScreen() ? "launch" : "manual"
     @Published var sleepUnlockPassword = ""
     @Published var sleepUnlockError = ""
     @Published var sleepIdleMinutes = ElephantAppModel.persistedSleepIdleMinutes()
@@ -1260,6 +1260,10 @@ final class ElephantAppModel: ObservableObject {
         return UserDefaults.standard.bool(forKey: key)
     }
 
+    private static func shouldPresentLaunchLockScreen() -> Bool {
+        !onboardingPreviewMode && storedAppLockPasswordRecord() != nil
+    }
+
     private static func localizedText(_ language: AppLanguage, en: String, zh: String, fr: String, de: String) -> String {
         switch language {
         case .zh: return zh

apps/macos/Sources/DesignSystem.swift

@@ -539,11 +539,11 @@ struct SettingsRow: View {
     var value: String
 
     var body: some View {
-        HStack(alignment: .firstTextBaseline, spacing: 18) {
+        HStack(alignment: .firstTextBaseline, spacing: 16) {
             Text(label)
-                .font(.callout)
+                .font(.callout.weight(.medium))
                 .foregroundStyle(ElephantTheme.muted)
-                .frame(width: 148, alignment: .leading)
+                .frame(width: 132, alignment: .leading)
             Text(value)
                 .font(.callout)
                 .foregroundStyle(ElephantTheme.ink)
@@ -552,7 +552,8 @@ struct SettingsRow: View {
                 .truncationMode(.middle)
                 .frame(maxWidth: .infinity, alignment: .leading)
         }
-        .padding(.vertical, 7)
+        .frame(maxWidth: .infinity, minHeight: 34, alignment: .leading)
+        .padding(.vertical, 5)
     }
 }
 
@@ -572,21 +573,76 @@ struct SettingsFieldRow<Accessory: View>: View {
     }
 
     var body: some View {
-        HStack(alignment: .center, spacing: 18) {
+        HStack(alignment: .center, spacing: 16) {
             Text(label)
-                .font(.callout)
+                .font(.callout.weight(.medium))
                 .foregroundStyle(ElephantTheme.muted)
-                .frame(width: 148, alignment: .leading)
+                .frame(width: 132, alignment: .leading)
             Text(value)
                 .font(.callout)
                 .foregroundStyle(ElephantTheme.ink)
                 .textSelection(.enabled)
                 .lineLimit(1)
                 .truncationMode(.middle)
-            Spacer(minLength: 0)
+                .frame(maxWidth: 260, alignment: .leading)
+            Spacer(minLength: 12)
             accessory
         }
-        .padding(.vertical, 7)
+        .frame(maxWidth: .infinity, minHeight: 34, alignment: .leading)
+        .padding(.vertical, 5)
+    }
+}
+
+private struct SettingsControlFieldModifier: ViewModifier {
+    var width: CGFloat?
+    var minHeight: CGFloat
+
+    func body(content: Content) -> some View {
+        content
+            .textFieldStyle(.plain)
+            .font(.callout)
+            .foregroundStyle(ElephantTheme.ink)
+            .padding(.horizontal, 10)
+            .frame(width: width, alignment: .center)
+            .frame(minHeight: minHeight, alignment: .center)
+            .frame(maxWidth: width == nil ? .infinity : width, alignment: .center)
+            .background(
+                Color(nsColor: .controlBackgroundColor).opacity(0.84),
+                in: RoundedRectangle(cornerRadius: 8, style: .continuous)
+            )
+            .overlay(
+                RoundedRectangle(cornerRadius: 8, style: .continuous)
+                    .stroke(ElephantTheme.line.opacity(0.72), lineWidth: 1)
+            )
+    }
+}
+
+private struct SettingsTextEditorModifier: ViewModifier {
+    var minHeight: CGFloat
+
+    func body(content: Content) -> some View {
+        content
+            .scrollContentBackground(.hidden)
+            .padding(8)
+            .frame(minHeight: minHeight)
+            .background(
+                Color(nsColor: .controlBackgroundColor).opacity(0.84),
+                in: RoundedRectangle(cornerRadius: 8, style: .continuous)
+            )
+            .overlay(
+                RoundedRectangle(cornerRadius: 8, style: .continuous)
+                    .stroke(ElephantTheme.line.opacity(0.72), lineWidth: 1)
+            )
+    }
+}
+
+extension View {
+    func settingsControlField(width: CGFloat? = nil, minHeight: CGFloat = 34) -> some View {
+        modifier(SettingsControlFieldModifier(width: width, minHeight: minHeight))
+    }
+
+    func settingsTextEditor(minHeight: CGFloat = 120) -> some View {
+        modifier(SettingsTextEditorModifier(minHeight: minHeight))
     }
 }