feat(captions): replace model popover with segment picker and add sizes to descriptions

Co-Authored-By: Claude Opus 4.6 <[email protected]>

Author: jkuri

Reframed/Editor/PropertiesPanel+CaptionsTab.swift

@@ -18,48 +18,27 @@ extension PropertiesPanel {
     VStack(alignment: .leading, spacing: Layout.itemSpacing) {
       SectionHeader(icon: "waveform", title: "Generate")
 
-      HStack(spacing: 8) {
+      VStack(alignment: .leading, spacing: Layout.compactSpacing) {
         Text("Model")
           .font(.system(size: 12))
           .foregroundStyle(ReframedColors.secondaryText)
-          .frame(width: captionLabelWidth, alignment: .leading)
-        SelectButton(label: selectedModelLabel) { dismiss in
-          VStack(spacing: 2) {
-            ForEach(WhisperModel.allCases) { model in
-              let downloaded = WhisperModelManager.shared.isDownloaded(model)
-              Button {
-                editorState.captionModel = model.rawValue
-                dismiss()
-              } label: {
-                HStack {
-                  Text(model.label)
-                    .font(.system(size: 12))
-                  Spacer()
-                  if editorState.captionModel == model.rawValue {
-                    Image(systemName: "checkmark")
-                      .font(.system(size: 10, weight: .semibold))
-                  } else if !downloaded {
-                    Image(systemName: "arrow.down.circle")
-                      .font(.system(size: 10))
-                      .foregroundStyle(ReframedColors.dimLabel)
-                  }
-                }
-                .padding(.horizontal, 8)
-                .padding(.vertical, 6)
-                .contentShape(Rectangle())
-              }
-              .buttonStyle(.plain)
-            }
-          }
-          .padding(4)
-          .frame(width: 220)
-        }
+        SegmentPicker(
+          items: WhisperModel.allCases,
+          label: { $0.shortLabel },
+          selection: Binding(
+            get: { WhisperModel(rawValue: editorState.captionModel) ?? .base },
+            set: { editorState.captionModel = $0.rawValue }
+          )
+        )
       }
 
       if let model = WhisperModel(rawValue: editorState.captionModel) {
         Text(model.description)
           .font(.system(size: 11))
           .foregroundStyle(ReframedColors.dimLabel)
+          .lineLimit(2)
+          .fixedSize(horizontal: false, vertical: true)
+          .frame(minHeight: 28, alignment: .top)
       }
 
       HStack(spacing: 8) {
@@ -144,10 +123,6 @@ extension PropertiesPanel {
     }
   }
 
-  private var selectedModelLabel: String {
-    WhisperModel(rawValue: editorState.captionModel)?.shortLabel ?? "Base"
-  }
-
   private var transcriptionStatusText: String {
     let pct = Int(editorState.transcriptionProgress * 100)
     if editorState.transcriptionProgress < 0.15 {

Reframed/Utilities/WhisperModelManager.swift

@@ -29,10 +29,10 @@ enum WhisperModel: String, CaseIterable, Identifiable, Sendable {
 
   var description: String {
     switch self {
-    case .base: "Fast, lower accuracy. Good for clear English audio."
-    case .small: "Balanced speed and accuracy. Good for most use cases."
-    case .medium: "High accuracy, slower. Recommended for multilingual."
-    case .large: "Best accuracy, slowest. Best for difficult audio."
+    case .base: "~140 MB. Fast, lower accuracy. Good for clear English audio."
+    case .small: "~460 MB. Balanced speed and accuracy. Good for most use cases."
+    case .medium: "~1.5 GB. High accuracy, slower. Recommended for multilingual."
+    case .large: "~3 GB. Best accuracy, slowest. Best for difficult audio."
     }
   }
 }