@arach/lattices 0.1.0 → 0.2.0

package/app/Sources/SettingsView.swift

@@ -29,29 +29,33 @@ struct SettingsContentView: View {
 
     // MARK: - Back Bar
 
+    private var currentTabLabel: String {
+        switch selectedTab {
+        case "general": return "General"
+        case "search": return "Search & OCR"
+        case "shortcuts": return "Shortcuts"
+        default: return page.label
+        }
+    }
+
     private var backBar: some View {
         VStack(spacing: 0) {
-            HStack(spacing: 6) {
+            HStack(spacing: 8) {
                 Button {
                     onBack?()
                 } label: {
-                    HStack(spacing: 4) {
-                        Image(systemName: "chevron.left")
-                            .font(.system(size: 9, weight: .semibold))
-                        Text("Screen Map")
-                            .font(Typo.heading(11))
-                    }
-                    .foregroundColor(Palette.textDim)
+                    Image(systemName: "chevron.left")
+                        .font(.system(size: 10, weight: .semibold))
+                        .foregroundColor(Palette.textMuted)
                 }
                 .buttonStyle(.plain)
                 .onHover { h in if h { NSCursor.pointingHand.push() } else { NSCursor.pop() } }
 
-                Spacer()
+                Text(page == .docs ? "Docs" : currentTabLabel)
+                    .font(Typo.heading(13))
+                    .foregroundColor(Palette.text)
 
-                Text(page.label.uppercased())
-                    .font(Typo.pixel(11))
-                    .foregroundColor(Palette.textMuted)
-                    .tracking(1)
+                Spacer()
             }
             .padding(.horizontal, 16)
             .padding(.vertical, 8)
@@ -64,38 +68,53 @@ struct SettingsContentView: View {
 
     private var settingsBody: some View {
         VStack(spacing: 0) {
-            // Internal tab bar
-            HStack(spacing: 0) {
+            // Tab bar
+            HStack(spacing: 2) {
                 settingsTab(label: "General", id: "general")
+                settingsTab(label: "Search & OCR", id: "search")
                 settingsTab(label: "Shortcuts", id: "shortcuts")
                 Spacer()
             }
-            .padding(.horizontal, 16)
-            .padding(.top, 4)
-            .padding(.bottom, 4)
+            .padding(.horizontal, 14)
+            .padding(.vertical, 6)
 
             Rectangle().fill(Palette.border).frame(height: 0.5)
 
             // Tab content
             switch selectedTab {
             case "shortcuts": shortcutsContent
+            case "search":    searchOcrContent
             default:          generalContent
             }
         }
     }
 
     private func settingsTab(label: String, id: String) -> some View {
-        Button {
+        let active = selectedTab == id
+        return Button {
             selectedTab = id
         } label: {
             Text(label)
-                .font(Typo.heading(11))
-                .foregroundColor(selectedTab == id ? Palette.text : Palette.textDim)
-                .padding(.horizontal, 12)
-                .padding(.vertical, 6)
+                .font(Typo.mono(11))
+                .foregroundColor(active ? Palette.text : Palette.textMuted)
+                .padding(.horizontal, 10)
+                .padding(.vertical, 5)
                 .background(
-                    RoundedRectangle(cornerRadius: 4)
-                        .fill(selectedTab == id ? Color.white.opacity(0.06) : Color.clear)
+                    ZStack {
+                        if active {
+                            RoundedRectangle(cornerRadius: 6)
+                                .fill(Color.white.opacity(0.06))
+                            RoundedRectangle(cornerRadius: 6)
+                                .strokeBorder(
+                                    LinearGradient(
+                                        colors: [Color.white.opacity(0.12), Color.white.opacity(0.04)],
+                                        startPoint: .top,
+                                        endPoint: .bottom
+                                    ),
+                                    lineWidth: 0.5
+                                )
+                        }
+                    }
                 )
         }
         .buttonStyle(.plain)
@@ -125,127 +144,517 @@ struct SettingsContentView: View {
     // MARK: - General
 
     private var generalContent: some View {
-        VStack(alignment: .leading, spacing: 0) {
-            ScrollView {
-                LazyVStack(alignment: .leading, spacing: 0, pinnedViews: .sectionHeaders) {
-                    Section(header: stickyHeader("General")) {
-                        VStack(alignment: .leading, spacing: 20) {
-                            settingsRow("Terminal") {
-                                Picker("", selection: $prefs.terminal) {
-                                    ForEach(Terminal.installed) { t in
-                                        Text(t.rawValue).tag(t)
-                                    }
-                                }
-                                .pickerStyle(.radioGroup)
-                                .labelsHidden()
+        ScrollView {
+            VStack(alignment: .leading, spacing: 12) {
+                // ── Terminal ──
+                settingsCard {
+                    VStack(alignment: .leading, spacing: 8) {
+                        Text("Terminal")
+                            .font(Typo.mono(11))
+                            .foregroundColor(Palette.text)
+
+                        Picker("", selection: $prefs.terminal) {
+                            ForEach(Terminal.installed) { t in
+                                Text(t.rawValue).tag(t)
                             }
+                        }
+                        .pickerStyle(.segmented)
+                        .labelsHidden()
 
-                            separator
+                        Text("Used for attaching to tmux sessions")
+                            .font(Typo.caption(10))
+                            .foregroundColor(Palette.textMuted)
+                    }
+                }
 
-                            settingsRow("Mode") {
-                                VStack(alignment: .leading, spacing: 6) {
-                                    Picker("", selection: $prefs.mode) {
-                                        Text("Learning").tag(InteractionMode.learning)
-                                        Text("Auto").tag(InteractionMode.auto)
-                                    }
-                                    .pickerStyle(.radioGroup)
-                                    .labelsHidden()
+                // ── tmux ──
+                settingsCard {
+                    VStack(alignment: .leading, spacing: 10) {
+                        Text("tmux")
+                            .font(Typo.mono(11))
+                            .foregroundColor(Palette.text)
+
+                        // Mode
+                        HStack {
+                            Text("Detach mode")
+                                .font(Typo.mono(10))
+                                .foregroundColor(Palette.textDim)
+                            Spacer()
+                            Picker("", selection: $prefs.mode) {
+                                Text("Learning").tag(InteractionMode.learning)
+                                Text("Auto").tag(InteractionMode.auto)
+                            }
+                            .pickerStyle(.segmented)
+                            .labelsHidden()
+                            .frame(width: 160)
+                        }
 
-                                    Text(prefs.mode == .learning
-                                        ? "Shows tmux keybinding hints on detach"
-                                        : "Detaches sessions automatically")
-                                        .font(Typo.caption(10))
-                                        .foregroundColor(Palette.textMuted)
+                        Text(prefs.mode == .learning
+                            ? "Shows keybinding hints on detach"
+                            : "Detaches sessions silently")
+                            .font(Typo.caption(9))
+                            .foregroundColor(Palette.textMuted.opacity(0.7))
+
+                        cardDivider
+
+                        // Project scan root
+                        Text("Project scan root")
+                            .font(Typo.mono(10))
+                            .foregroundColor(Palette.textDim)
+
+                        HStack(spacing: 6) {
+                            TextField("~/dev", text: $prefs.scanRoot)
+                                .textFieldStyle(.plain)
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.text)
+                                .padding(.horizontal, 8)
+                                .padding(.vertical, 5)
+                                .background(
+                                    RoundedRectangle(cornerRadius: 5)
+                                        .fill(Color.white.opacity(0.06))
+                                        .overlay(RoundedRectangle(cornerRadius: 5).strokeBorder(Color.white.opacity(0.08), lineWidth: 0.5))
+                                )
+
+                            Button {
+                                let panel = NSOpenPanel()
+                                panel.canChooseDirectories = true
+                                panel.canChooseFiles = false
+                                panel.allowsMultipleSelection = false
+                                if !prefs.scanRoot.isEmpty {
+                                    panel.directoryURL = URL(fileURLWithPath: prefs.scanRoot)
+                                }
+                                if panel.runModal() == .OK, let url = panel.url {
+                                    prefs.scanRoot = url.path
                                 }
+                            } label: {
+                                Image(systemName: "folder")
+                                    .font(.system(size: 11))
+                                    .foregroundColor(Palette.textDim)
+                                    .padding(6)
+                                    .background(
+                                        RoundedRectangle(cornerRadius: 5)
+                                            .fill(Color.white.opacity(0.06))
+                                            .overlay(RoundedRectangle(cornerRadius: 5).strokeBorder(Color.white.opacity(0.08), lineWidth: 0.5))
+                                    )
                             }
+                            .buttonStyle(.plain)
+                        }
 
-                            separator
-
-                            settingsRow("Scan root") {
-                                VStack(alignment: .leading, spacing: 6) {
-                                    HStack(spacing: 6) {
-                                        TextField("~/dev", text: $prefs.scanRoot)
-                                            .textFieldStyle(.plain)
-                                            .font(Typo.mono(12))
-                                            .foregroundColor(Palette.text)
-                                            .padding(.horizontal, 8)
-                                            .padding(.vertical, 5)
-                                            .background(
-                                                RoundedRectangle(cornerRadius: 3)
-                                                    .fill(Color.black.opacity(0.3))
-                                                    .overlay(
-                                                        RoundedRectangle(cornerRadius: 3)
-                                                            .strokeBorder(Palette.border, lineWidth: 0.5)
-                                                    )
-                                            )
-
-                                        Button {
-                                            let panel = NSOpenPanel()
-                                            panel.canChooseDirectories = true
-                                            panel.canChooseFiles = false
-                                            panel.allowsMultipleSelection = false
-                                            if !prefs.scanRoot.isEmpty {
-                                                panel.directoryURL = URL(fileURLWithPath: prefs.scanRoot)
-                                            }
-                                            if panel.runModal() == .OK, let url = panel.url {
-                                                prefs.scanRoot = url.path
-                                            }
-                                        } label: {
-                                            Text("Browse")
-                                                .font(Typo.caption(11))
-                                                .foregroundColor(Palette.textDim)
-                                                .padding(.horizontal, 10)
-                                                .padding(.vertical, 5)
-                                                .background(
-                                                    RoundedRectangle(cornerRadius: 3)
-                                                        .fill(Palette.surface)
-                                                        .overlay(
-                                                            RoundedRectangle(cornerRadius: 3)
-                                                                .strokeBorder(Palette.border, lineWidth: 0.5)
-                                                        )
-                                                )
-                                        }
-                                        .buttonStyle(.plain)
-                                    }
-
-                                    Text("Scans for .lattices.json configs")
+                        HStack {
+                            Text("Scans for .lattices.json project configs")
+                                .font(Typo.caption(9))
+                                .foregroundColor(Palette.textMuted.opacity(0.7))
+                            Spacer()
+                            Button {
+                                scanner.updateRoot(prefs.scanRoot)
+                                scanner.scan()
+                            } label: {
+                                Text("Rescan")
+                                    .font(Typo.monoBold(10))
+                                    .foregroundColor(Palette.text)
+                                    .padding(.horizontal, 12)
+                                    .padding(.vertical, 4)
+                                    .background(
+                                        RoundedRectangle(cornerRadius: 4)
+                                            .fill(Palette.surfaceHov)
+                                            .overlay(RoundedRectangle(cornerRadius: 4).strokeBorder(Palette.borderLit, lineWidth: 0.5))
+                                    )
+                            }
+                            .buttonStyle(.plain)
+                        }
+                    }
+                }
+            }
+            .padding(16)
+        }
+    }
+
+    // MARK: - Search & OCR
+
+    private func ocrNumField(_ value: Binding<Double>, width: CGFloat = 50) -> some View {
+        TextField("", value: value, formatter: NumberFormatter())
+            .textFieldStyle(.plain)
+            .font(Typo.monoBold(11))
+            .foregroundColor(Palette.text)
+            .multilineTextAlignment(.center)
+            .frame(width: width)
+            .padding(.horizontal, 4)
+            .padding(.vertical, 3)
+            .background(
+                RoundedRectangle(cornerRadius: 5)
+                    .fill(Color.white.opacity(0.06))
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 5)
+                            .strokeBorder(Color.white.opacity(0.08), lineWidth: 0.5)
+                    )
+            )
+    }
+
+    private func ocrIntField(_ value: Binding<Int>, width: CGFloat = 36) -> some View {
+        TextField("", value: value, formatter: NumberFormatter())
+            .textFieldStyle(.plain)
+            .font(Typo.monoBold(11))
+            .foregroundColor(Palette.text)
+            .multilineTextAlignment(.center)
+            .frame(width: width)
+            .padding(.horizontal, 4)
+            .padding(.vertical, 3)
+            .background(
+                RoundedRectangle(cornerRadius: 5)
+                    .fill(Color.white.opacity(0.06))
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 5)
+                            .strokeBorder(Color.white.opacity(0.08), lineWidth: 0.5)
+                    )
+            )
+    }
+
+    private func ocrSectionLabel(_ text: String) -> some View {
+        Text(text)
+            .font(Typo.monoBold(10))
+            .foregroundColor(Palette.textDim)
+            .tracking(0.5)
+    }
+
+    private var searchOcrContent: some View {
+        ScrollView {
+            VStack(spacing: 12) {
+                // ── Screen Text Recognition Card ──
+                settingsCard {
+                    VStack(alignment: .leading, spacing: 10) {
+                        // Header row: label + toggle
+                        HStack {
+                            HStack(spacing: 8) {
+                                RoundedRectangle(cornerRadius: 4)
+                                    .fill(prefs.ocrEnabled ? Palette.running.opacity(0.15) : Palette.surface)
+                                    .overlay(
+                                        Image(systemName: "text.viewfinder")
+                                            .font(.system(size: 11, weight: .medium))
+                                            .foregroundColor(prefs.ocrEnabled ? Palette.running : Palette.textMuted)
+                                    )
+                                    .frame(width: 24, height: 24)
+
+                                VStack(alignment: .leading, spacing: 1) {
+                                    Text("Screen text recognition")
+                                        .font(Typo.mono(12))
+                                        .foregroundColor(Palette.text)
+                                    Text("Vision OCR on visible windows")
                                         .font(Typo.caption(10))
                                         .foregroundColor(Palette.textMuted)
                                 }
                             }
+                            Spacer()
+                            Toggle("", isOn: Binding(
+                                get: { prefs.ocrEnabled },
+                                set: { OcrModel.shared.setEnabled($0) }
+                            ))
+                            .toggleStyle(.switch)
+                            .controlSize(.small)
+                            .labelsHidden()
+                        }
+
+                        // Accuracy
+                        HStack(spacing: 8) {
+                            Text("Accuracy")
+                                .font(Typo.mono(10))
+                                .foregroundColor(Palette.textDim)
+                            Picker("", selection: $prefs.ocrAccuracy) {
+                                Text("Accurate").tag("accurate")
+                                Text("Fast").tag("fast")
+                            }
+                            .pickerStyle(.segmented)
+                            .labelsHidden()
+                            .frame(width: 140)
+                            Spacer()
+                        }
+                        .padding(.leading, 32)
+                    }
+                }
+
+                // ── Scan Schedule Card ──
+                settingsCard {
+                    VStack(alignment: .leading, spacing: 10) {
+                        ocrSectionLabel("Schedule")
+
+                        // Quick scan sentence
+                        HStack(spacing: 0) {
+                            Text("Quick scan top ")
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.textDim)
+                            ocrIntField($prefs.ocrQuickLimit, width: 32)
+                            Text(" windows every ")
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.textDim)
+                            ocrNumField($prefs.ocrQuickInterval, width: 42)
+                            Text("s")
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.textDim)
+                            Spacer()
+                        }
+
+                        cardDivider
+
+                        // Deep scan sentence
+                        HStack(spacing: 0) {
+                            Text("Deep scan up to ")
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.textDim)
+                            ocrIntField($prefs.ocrDeepLimit, width: 32)
+                            Text(" windows every ")
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.textDim)
+                            ocrNumField($prefs.ocrDeepInterval, width: 52)
+                            Text("s")
+                                .font(Typo.mono(11))
+                                .foregroundColor(Palette.textDim)
+                            Spacer()
+                        }
+
+                        // Human-readable deep interval
+                        let h = Int(prefs.ocrDeepInterval / 3600)
+                        let m = Int(prefs.ocrDeepInterval.truncatingRemainder(dividingBy: 3600) / 60)
+                        if h > 0 || m > 0 {
+                            Text("≈ \(h > 0 ? "\(h)h" : "")\(m > 0 ? " \(m)m" : "")")
+                                .font(Typo.caption(9))
+                                .foregroundColor(Palette.textMuted.opacity(0.6))
+                                .padding(.leading, 2)
                         }
-                        .padding(.horizontal, 20)
-                        .padding(.vertical, 12)
                     }
                 }
+
+                // ── Status Card ──
+                settingsCard {
+                    HStack(spacing: 8) {
+                        let ocrResults = OcrModel.shared.results
+                        let isScanning = OcrModel.shared.isScanning
+
+                        Circle()
+                            .fill(isScanning ? Palette.detach : (prefs.ocrEnabled ? Palette.running : Palette.textMuted))
+                            .frame(width: 6, height: 6)
+
+                        Text(isScanning ? "Scanning..." : (prefs.ocrEnabled ? "\(ocrResults.count) windows cached" : "Disabled"))
+                            .font(Typo.mono(10))
+                            .foregroundColor(Palette.textMuted)
+
+                        Spacer()
+
+                        Button {
+                            OcrModel.shared.scan()
+                        } label: {
+                            HStack(spacing: 4) {
+                                Image(systemName: "arrow.clockwise")
+                                    .font(.system(size: 9, weight: .semibold))
+                                Text("Scan Now")
+                                    .font(Typo.monoBold(10))
+                            }
+                            .foregroundColor(prefs.ocrEnabled ? Palette.text : Palette.textMuted)
+                            .padding(.horizontal, 10)
+                            .padding(.vertical, 4)
+                            .background(
+                                RoundedRectangle(cornerRadius: 4)
+                                    .fill(prefs.ocrEnabled ? Palette.surfaceHov : Palette.surface)
+                                    .overlay(RoundedRectangle(cornerRadius: 4).strokeBorder(Palette.borderLit, lineWidth: 0.5))
+                            )
+                        }
+                        .buttonStyle(.plain)
+                        .disabled(!prefs.ocrEnabled)
+                    }
+                }
+
+                // ── Recent Captures ──
+                recentCapturesSection
             }
+            .padding(16)
+        }
+    }
 
-            Spacer(minLength: 0)
+    // MARK: - Recent Captures Browser
 
-            separator
+    private var recentCapturesSection: some View {
+        let ocrResults = OcrModel.shared.results
+        let grouped = Dictionary(grouping: ocrResults.values, by: \.app)
+            .sorted { $0.value.count > $1.value.count }
 
-            HStack {
-                Spacer()
-                Button {
-                    scanner.updateRoot(prefs.scanRoot)
-                    scanner.scan()
-                } label: {
-                    Text("Save")
+        return Group {
+            if !grouped.isEmpty {
+                settingsCard {
+                    VStack(alignment: .leading, spacing: 8) {
+                        ocrSectionLabel("Recent Captures")
+
+                        ForEach(grouped, id: \.key) { app, windows in
+                            ocrAppGroup(app: app, windows: windows.sorted { $0.timestamp > $1.timestamp })
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    private func ocrAppGroup(app: String, windows: [OcrWindowResult]) -> some View {
+        let isCollapsed = collapsedOcrApps.contains(app)
+
+        return VStack(alignment: .leading, spacing: 0) {
+            // App header
+            Button {
+                withAnimation(.easeInOut(duration: 0.15)) {
+                    if isCollapsed {
+                        collapsedOcrApps.remove(app)
+                    } else {
+                        collapsedOcrApps.insert(app)
+                    }
+                }
+            } label: {
+                HStack(spacing: 6) {
+                    Image(systemName: isCollapsed ? "chevron.right" : "chevron.down")
+                        .font(.system(size: 8, weight: .semibold))
+                        .foregroundColor(Palette.textMuted)
+                        .frame(width: 10)
+
+                    Text(app)
                         .font(Typo.monoBold(11))
-                        .foregroundColor(Palette.bg)
-                        .padding(.horizontal, 24)
-                        .padding(.vertical, 5)
-                        .background(
-                            RoundedRectangle(cornerRadius: 3).fill(Palette.text)
-                        )
+                        .foregroundColor(Palette.text)
+
+                    Text("(\(windows.count))")
+                        .font(Typo.mono(10))
+                        .foregroundColor(Palette.textMuted)
+
+                    Spacer()
                 }
-                .buttonStyle(.plain)
+                .padding(.vertical, 4)
+                .contentShape(Rectangle())
             }
-            .padding(.horizontal, 20)
-            .padding(.vertical, 10)
+            .buttonStyle(.plain)
+
+            if !isCollapsed {
+                VStack(alignment: .leading, spacing: 2) {
+                    ForEach(windows, id: \.wid) { win in
+                        ocrWindowRow(win)
+                    }
+                }
+                .padding(.leading, 16)
+            }
+        }
+    }
+
+    private func ocrWindowRow(_ win: OcrWindowResult) -> some View {
+        let isExpanded = expandedOcrWindow == win.wid
+        let preview = String(win.fullText.prefix(80)).replacingOccurrences(of: "\n", with: " ")
+
+        return VStack(alignment: .leading, spacing: 0) {
+            Button {
+                withAnimation(.easeInOut(duration: 0.15)) {
+                    expandedOcrWindow = isExpanded ? nil : win.wid
+                }
+            } label: {
+                HStack(spacing: 6) {
+                    Image(systemName: isExpanded ? "chevron.down" : "chevron.right")
+                        .font(.system(size: 7, weight: .semibold))
+                        .foregroundColor(Palette.textMuted)
+                        .frame(width: 8)
+
+                    VStack(alignment: .leading, spacing: 2) {
+                        HStack(spacing: 6) {
+                            Text(win.title.isEmpty ? "Untitled" : win.title)
+                                .font(Typo.mono(10))
+                                .foregroundColor(Palette.text)
+                                .lineLimit(1)
+
+                            Spacer()
+
+                            Text(ocrRelativeTime(win.timestamp))
+                                .font(Typo.caption(9))
+                                .foregroundColor(Palette.textMuted)
+                        }
+
+                        if !isExpanded && !preview.isEmpty {
+                            Text(preview)
+                                .font(Typo.caption(9))
+                                .foregroundColor(Palette.textMuted.opacity(0.7))
+                                .lineLimit(1)
+                        }
+                    }
+                }
+                .padding(.vertical, 4)
+                .contentShape(Rectangle())
+            }
+            .buttonStyle(.plain)
+
+            if isExpanded {
+                ocrExpandedDetail(win)
+                    .padding(.leading, 14)
+                    .padding(.vertical, 4)
+            }
+        }
+    }
+
+    private func ocrExpandedDetail(_ win: OcrWindowResult) -> some View {
+        VStack(alignment: .leading, spacing: 6) {
+            // Metadata row
+            HStack(spacing: 10) {
+                let avgConfidence = win.texts.isEmpty ? 0 : win.texts.map(\.confidence).reduce(0, +) / Float(win.texts.count)
+                Text("\(win.texts.count) blocks")
+                    .font(Typo.caption(9))
+                    .foregroundColor(Palette.textMuted)
+                Text("confidence: \(String(format: "%.0f%%", avgConfidence * 100))")
+                    .font(Typo.caption(9))
+                    .foregroundColor(Palette.textMuted)
+                Spacer()
+            }
+
+            // Full text in scrollable monospaced area
+            ScrollView {
+                Text(win.fullText)
+                    .font(.system(size: 10, design: .monospaced))
+                    .foregroundColor(Palette.textDim)
+                    .textSelection(.enabled)
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .padding(8)
+            }
+            .frame(maxHeight: 150)
+            .background(
+                RoundedRectangle(cornerRadius: 4)
+                    .fill(Color.black.opacity(0.2))
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 4)
+                            .strokeBorder(Color.white.opacity(0.06), lineWidth: 0.5)
+                    )
+            )
         }
     }
 
+    private func ocrRelativeTime(_ date: Date) -> String {
+        let seconds = Int(-date.timeIntervalSinceNow)
+        if seconds < 60 { return "just now" }
+        let minutes = seconds / 60
+        if minutes < 60 { return "\(minutes)m ago" }
+        let hours = minutes / 60
+        if hours < 24 { return "\(hours)h ago" }
+        return "\(hours / 24)d ago"
+    }
+
+    // MARK: - Settings Card
+
+    private func settingsCard<Content: View>(@ViewBuilder content: () -> Content) -> some View {
+        content()
+            .padding(.horizontal, 14)
+            .padding(.vertical, 12)
+            .frame(maxWidth: .infinity, alignment: .leading)
+            .liquidGlass()
+    }
+
+    private var cardDivider: some View {
+        Rectangle()
+            .fill(
+                LinearGradient(
+                    colors: [Color.white.opacity(0.03), Color.white.opacity(0.08), Color.white.opacity(0.03)],
+                    startPoint: .leading,
+                    endPoint: .trailing
+                )
+            )
+            .frame(height: 0.5)
+            .padding(.vertical, 3)
+    }
+
     // MARK: - Shortcuts (Spatial Layout)
 
     private var shortcutsContent: some View {
@@ -449,6 +858,9 @@ struct SettingsContentView: View {
         }
     }
 
+    @State private var expandedOcrWindow: UInt32?
+    @State private var collapsedOcrApps: Set<String> = []
+
     @State private var activeTilePopover: HotkeyAction?
 
     private func tileCellPopoverBinding(for action: HotkeyAction) -> Binding<Bool> {