v1.5.1: design polish for popover + Preferences ("crafted Mac utility")

Both surfaces now share a small design system (Sources/WeChatMulti/
DesignSystem.swift):

- Brand color tokens: jade, jadeDeep, jadeTint, hoverTint, badgeRed —
  one source of truth, used by both surfaces.
- Motion tokens: hover (140ms easeOut), state (220ms easeInOut),
  entry (spring 0.42/0.86). Mac-feel timings — responsive, not floaty.
- SectionLabel: tracked uppercase header that signals "crafted utility"
  without shouting.
- SettingsCard: subtle elevated container with 0.5pt hairline border
  using the system control-background color (adapts dark/light).
- JadeButtonStyle: themed primary button (available for future use).

PreferencesView redesigned:
- Hero card with app icon, name, version pill, tagline, and a layered
  jade-tinted gradient background (linear + radial wash anchored to the
  icon). Drop shadow under the icon picks up jadeDeep.
- Three SettingsCards: Startup, WeChat Source, Clones. Each has a tracked
  uppercase header label plus tightly-spaced content.
- WeChat path now rendered in a subtle monospace panel with a shippingbox
  glyph and a jade version pill at the row's right edge.
- Clone count in a jade monospace pill mirrors the Source version pill.
- Sections fade + offset in with staggered spring delays on appear.
- Footer: jade-colored repo link + "Crafted for macOS" microcopy.

MenuPanelView polished:
- Account-count chip in a jade-tinted capsule with monospace digits.
- Subtitle ("running" / "not running") in monospace; jadeDeep when
  running, secondary when stopped.
- Status dots gain a glow ring + gradient fill + tiny white speckle
  highlight for depth (animates on state change with state token).
- Hover state on rows uses a left-to-right jade gradient + 0.5pt jade
  border instead of flat opacity — adds visual interest without noise.
- Hover transitions animated through the hover token.
- Stale-clone prompt redesigned: orange iconography in a circular
  background, two-line label, trailing arrow.clockwise icon.
- Footer items gain SF Symbol leading icons (plus.circle.fill jade-tinted
  for "Add account", slider.horizontal.3 for Preferences, power for
  Quit) plus monospace shortcuts that brighten on hover.

Bumped to v1.5.1 / build 10.

Author: ashinno

Resources/Info.plist

@@ -21,9 +21,9 @@
     <key>CFBundlePackageType</key>
     <string>APPL</string>
     <key>CFBundleShortVersionString</key>
-    <string>1.5.0</string>
+    <string>1.5.1</string>
     <key>CFBundleVersion</key>
-    <string>9</string>
+    <string>10</string>
     <key>LSMinimumSystemVersion</key>
     <string>13.0</string>
     <key>LSUIElement</key>

Sources/WeChatMulti/DesignSystem.swift

@@ -0,0 +1,86 @@
+import SwiftUI
+
+/// Shared design tokens — colors, typography, motion — used by the popover
+/// and the Preferences window so both surfaces feel like one app.
+///
+/// The aesthetic direction is "crafted Mac utility" (Linear / Things 3 / Tot
+/// territory): restrained native-feeling layout with the jade brand color
+/// surfacing in the moments where it matters — toggles, links, active state,
+/// success indicators — instead of flooding every surface with green.
+enum Brand {
+    // MARK: - Color
+
+    /// Primary brand jade (lighter top of the icon gradient).
+    static let jade       = Color(red: 0x1F/255, green: 0xC5/255, blue: 0x6B/255)
+    /// Darker brand jade (bottom of the icon gradient). Used for hover-deep
+    /// states and the wordmark in the design's wordmark lockup.
+    static let jadeDeep   = Color(red: 0x07/255, green: 0xA0/255, blue: 0x50/255)
+    /// Highlight tint for active rows — semantically "this is selected".
+    static let jadeTint   = Color(red: 0x1F/255, green: 0xC5/255, blue: 0x6B/255).opacity(0.14)
+    /// Stronger hover tint for buttons that aren't account rows.
+    static let hoverTint  = Color.primary.opacity(0.06)
+    /// Accent red from the design's notification badge — used only for
+    /// destructive actions and overdue warnings.
+    static let badgeRed   = Color(red: 0xFA/255, green: 0x3E/255, blue: 0x3E/255)
+}
+
+/// Motion constants — keep durations tight so the UI feels responsive, not
+/// floaty. Mac users expect 120–200ms transitions.
+enum Motion {
+    static let hover  = Animation.easeOut(duration: 0.14)
+    static let state  = Animation.easeInOut(duration: 0.22)
+    static let entry  = Animation.spring(response: 0.42, dampingFraction: 0.86)
+}
+
+/// Reusable section header — the tracked uppercase label that visually
+/// separates groups of settings. Cheap typography trick that signals
+/// "this is a crafted utility, not a quick form."
+struct SectionLabel: View {
+    let title: String
+    var body: some View {
+        Text(title)
+            .font(.system(size: 10.5, weight: .semibold, design: .default))
+            .tracking(0.9)
+            .textCase(.uppercase)
+            .foregroundStyle(.secondary)
+    }
+}
+
+/// Card container — subtle elevation behind a group of related rows.
+/// Adapts to light/dark via NSColor.controlBackgroundColor.
+struct SettingsCard<Content: View>: View {
+    @ViewBuilder var content: Content
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 14) {
+            content
+        }
+        .padding(.horizontal, 16)
+        .padding(.vertical, 14)
+        .background(
+            RoundedRectangle(cornerRadius: 10, style: .continuous)
+                .fill(Color(nsColor: .controlBackgroundColor))
+        )
+        .overlay(
+            RoundedRectangle(cornerRadius: 10, style: .continuous)
+                .strokeBorder(Color.primary.opacity(0.06), lineWidth: 0.5)
+        )
+    }
+}
+
+/// Themed primary button — jade fill with a darker pressed state. Used for
+/// the rare "main action" inside Preferences (currently unused but available).
+struct JadeButtonStyle: ButtonStyle {
+    func makeBody(configuration: Configuration) -> some View {
+        configuration.label
+            .font(.system(size: 12, weight: .semibold))
+            .foregroundColor(.white)
+            .padding(.horizontal, 14)
+            .padding(.vertical, 6)
+            .background(
+                RoundedRectangle(cornerRadius: 6, style: .continuous)
+                    .fill(configuration.isPressed ? Brand.jadeDeep : Brand.jade)
+            )
+            .opacity(configuration.isPressed ? 0.92 : 1)
+    }
+}