feat(mac): About Window for Config App 🍎

mac/Config/Config.xcodeproj/project.pbxproj

@@ -51,6 +51,11 @@
 /* End PBXFileSystemSynchronizedBuildFileExceptionSet section */
 
 /* Begin PBXFileSystemSynchronizedRootGroup section */
+		3A8B4F0F301263BC00A18F80 /* Resources */ = {
+			isa = PBXFileSystemSynchronizedRootGroup;
+			path = Resources;
+			sourceTree = "<group>";
+		};
 		D87D6F492FAF95400083A95E /* Installation */ = {
 			isa = PBXFileSystemSynchronizedRootGroup;
 			path = Installation;
@@ -101,6 +106,7 @@
 		D88F03BD2F50ED5000C02A31 = {
 			isa = PBXGroup;
 			children = (
+				3A8B4F0F301263BC00A18F80 /* Resources */,
 				D87D6F492FAF95400083A95E /* Installation */,
 				D88F03C82F50ED5000C02A31 /* Config */,
 				D88F03E02F50ED5100C02A31 /* ConfigUITests */,
@@ -142,6 +148,7 @@
 			dependencies = (
 			);
 			fileSystemSynchronizedGroups = (
+				3A8B4F0F301263BC00A18F80 /* Resources */,
 				D87D6F492FAF95400083A95E /* Installation */,
 				D88F03C82F50ED5000C02A31 /* Config */,
 			);

mac/Config/Config/About/AboutPanelView.swift

@@ -0,0 +1,56 @@
+/*
+ * Keyman is copyright (C) SIL Global. MIT License.
+ *
+ * Created by Eli Schantz on 2026-07-23
+ *
+ * View shown when About Keyman Configuration is selected from the menu.
+ */
+
+import SwiftUI
+import KeymanSettings
+
+struct AboutPanelView: View {
+
+  var body: some View {
+    VStack(spacing: 20) {
+      HStack(alignment: .top, spacing: 28) {
+        Image(nsImage: NSApp.applicationIconImage)
+          .resizable()
+          .aspectRatio(contentMode: .fit)
+          .frame(width: 104, height: 104)
+
+        VStack(alignment: .leading, spacing: 6) {
+          Text("Keyman Configuration")
+            .font(.system(size: 32, weight: .semibold))
+          Text("Version \(ConfigAppUtil.configAppVersion())")
+            .font(.system(size: 13))
+            .foregroundStyle(.secondary)
+
+          Spacer(minLength: 14)
+
+          Text("Copyright © SIL Global")
+            .font(.system(size: 11))
+            .foregroundStyle(.secondary)
+        }
+
+        Spacer(minLength: 0)
+      }
+
+      HStack {
+        Spacer()
+        Button("License Agreement") {
+          if let url = Bundle.main.url(forResource: "keyman-for-mac-os-license", withExtension: "html") {
+            NSWorkspace.shared.open(url)
+          }
+        }
+      }
+    }
+    .padding(.top, 32)
+    .padding(.horizontal, 42)
+    .padding(.bottom, 20)
+    .frame(width: 570, height: 200)
+  }
+}
+#Preview {
+  AboutPanelView()
+}

mac/Config/Config/Assets.xcassets/AccessibilityPermission.imageset/Contents.json

@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "AccessibilityPermissionLight.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "AccessibilityPermissionDark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "AccessibilityPermissionLight 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "AccessibilityPermissionDark 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "AccessibilityPermissionLight 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "AccessibilityPermissionDark 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

mac/Config/Config/Assets.xcassets/EnableKeyman.imageset/Contents.json

@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "EnableKeymanLight.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "EnableKeymanDark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "EnableKeymanLight 2.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "EnableKeymanDark 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "EnableKeymanLight 1.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "EnableKeymanDark 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

mac/Config/Config/Assets.xcassets/InstallerIcon.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "InstallerIcon.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "InstallerIcon 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "InstallerIcon 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

mac/Config/Config/Assets.xcassets/Keyman-256.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "Keyman-256.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "Keyman-256 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "Keyman-256 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

mac/Config/Config/Assets.xcassets/KeymanLogo-BIG.imageset/Contents.json

@@ -0,0 +1,56 @@
+{
+  "images" : [
+    {
+      "filename" : "keyman logo BIG (2) 3.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Keyman_Logo_BIG_Dark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "keyman logo BIG (2) 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Keyman_Logo_BIG_Dark 1.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "keyman logo BIG (2) 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "Keyman_Logo_BIG_Dark 2.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

mac/Config/Config/ConfigApp.swift

@@ -7,6 +7,7 @@
  */
 
 import SwiftUI
+import AppKit
 import KeymanSettings
 
 @main
@@ -22,11 +23,13 @@ struct ConfigApp: App {
         .task {
           if !installation.getHasDisplayedInstallationComplete() {
             openWindow(id: "install")
+            openWindow(id: "new install")
           }
         }
         .onReceive(NotificationCenter.default.publisher(for: .installationRepairStarted)) { notification in openWindow(id: "install")
         }
     }
+
     Window("Installation", id: "install") {
       MainInstallView()
         .environmentObject(installation)
@@ -41,5 +44,53 @@ struct ConfigApp: App {
       InstallDebugView()
         .environmentObject(installation)
     }
+
+    Window("New Installation", id: "new install") {
+      ParentInstallView()
+        .environmentObject(installation)
+    }
+    .defaultSize(width: 500, height: 400)
+    .windowResizability(.contentSize)
+    .commands {
+      CommandGroup(replacing: .appInfo) {
+        Button {
+          AboutPanelPresenter.showAboutPanel()
+        } label: {
+          Label("About Keyman Configuration", systemImage: "info.circle")
+        }
+      }
+    }
+  }
+}
+
+@MainActor
+private enum AboutPanelPresenter {
+  private static var aboutWindow: NSWindow?
+
+  static func showAboutPanel() {
+    let contentView = AboutPanelView()
+
+    let window = aboutWindow ?? makeAboutWindow()
+    window.contentView = NSHostingView(rootView: contentView)
+    window.center()
+    window.makeKeyAndOrderFront(nil)
+    aboutWindow = window
+
+    NSApp.activate(ignoringOtherApps: true)
+  }
+
+  private static func makeAboutWindow() -> NSWindow {
+    let window = NSWindow(
+      contentRect: NSRect(x: 0, y: 0, width: 570, height: 200),
+      styleMask: [.titled, .closable],
+      backing: .buffered,
+      defer: false
+    )
+
+    window.titleVisibility = .hidden
+    window.titlebarAppearsTransparent = true
+    window.isReleasedWhenClosed = false
+    window.backgroundColor = .windowBackgroundColor
+    return window
   }
 }