learn more links and UI tidy up

Author: alexrozanski

LlamaChat/ui/settings/tabs/sources/SourcesSettingsListView.swift

@@ -27,7 +27,7 @@ struct SourcesSettingsListView: View {
       }
       .frame(maxWidth: .infinity)
       Divider()
-        .foregroundColor(Color(NSColor.separatorColor.cgColor))
+        .foregroundColor(Color(nsColor: NSColor.separatorColor))
     }
   }
 

LlamaChat/ui/sources/AddSourceContentView.swift

@@ -29,6 +29,6 @@ struct AddSourceContentView: View {
           }
         }
     }
-    .frame(width: 600, height: 400)
+    .frame(width: 620, height: 430)
   }
 }

LlamaChat/ui/sources/configure/components/ConfigureLocalModelSelectFormatView.swift

@@ -18,7 +18,7 @@ struct ConfigureLocalModelSelectFormatView: View {
     Section {
       Picker("Format", selection: sourceTypeBinding) {
         Text("Select Format")
-          .foregroundColor(Color(NSColor.disabledControlTextColor.cgColor))
+          .foregroundColor(Color(nsColor: NSColor.disabledControlTextColor))
           .tag(ConfigureLocalModelSourceType?(nil))
         ForEach(ConfigureLocalModelSourceType.allCases) { source in
           Text(source.label).tag(ConfigureLocalModelSourceType?(source))

LlamaChat/ui/sources/configure/components/ConfigureLocalModelSizePickerView.swift

@@ -42,7 +42,7 @@ struct ConfigureLocalModelSizePickerView: View {
     )
     Picker("Model Size", selection: modelTypeBinding) {
       Text(viewModel.label(for: .unknown))
-        .foregroundColor(unknownModelSizeAppearance.isDisabled ? Color(NSColor.disabledControlTextColor.cgColor) : nil)
+        .foregroundColor(unknownModelSizeAppearance.isDisabled ? Color(nsColor: NSColor.disabledControlTextColor) : nil)
         .tag(ModelSize.unknown)
       if !unknownModelSizeAppearance.isDisabled {
         Divider()

LlamaChat/ui/sources/type/SourceTypeSelectionView.swift

@@ -19,6 +19,23 @@ struct SourceTypeSelectionRow: View {
         Text(source.name)
           .fontWeight(.bold)
         Text(source.description)
+        if let learnMoreLink = source.learnMoreLink {
+          Text("Learn More")
+            .font(.footnote)
+            .foregroundColor(.blue)
+            .underline()
+            .onHover { isHovered in
+              // TODO: Use cursor rects to make this more robust.
+              if isHovered {
+                NSCursor.pointingHand.set()
+              } else {
+                NSCursor.arrow.set()
+              }
+            }
+            .onTapGesture {
+              NSWorkspace.shared.open(learnMoreLink)
+            }
+        }
       }
       .padding()
       Spacer()

LlamaChat/viewmodel/sources/SelectSourceTypeViewModel.swift

@@ -10,11 +10,12 @@ import Foundation
 class SelectSourceTypeViewModel: ObservableObject {
   typealias SelectSourceHandler = (ChatSourceType) -> Void
 
-  struct Source: Equatable {
+  struct Source {
     let id: String
     let type: ChatSourceType
     let name: String
     let description: String
+    let learnMoreLink: URL?
   }
 
   @Published var sources: [Source]
@@ -32,22 +33,25 @@ class SelectSourceTypeViewModel: ObservableObject {
         return Source(
           id: type.rawValue,
           type: type,
-          name: "Llama",
-          description: "The OG Facebook LLaMA model"
+          name: "LLaMA",
+          description: "The original Facebook LLaMA Large Language Model",
+          learnMoreLink: URL(string: "https://github.com/facebookresearch/llama")
         )
       case .alpaca:
         return Source(
           id: type.rawValue,
           type: type,
           name: "Alpaca",
-          description: "Stanford's Alpaca model: a fine-tuned instruction-following LLaMA model"
+          description: "Stanford's Alpaca model: a fine-tuned instruction-following LLaMA model",
+          learnMoreLink: URL(string: "https://github.com/tatsu-lab/stanford_alpaca")
         )
       case .gpt4All:
         return Source(
           id: type.rawValue,
           type: type,
           name: "GPT4All",
-          description: "Nomic AI's assistant-style LLM based on LLaMA"
+          description: "Nomic AI's assistant-style LLM based on LLaMA",
+          learnMoreLink: URL(string: "https://github.com/nomic-ai/gpt4all")
         )
       }
     }