Added Enhancment shortcuts view
This commit is contained in:
parent
2c6d1ac5e2
commit
e3610c6db3
@ -14,12 +14,12 @@ struct APIKeyManagementView: View {
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
// Header Section
|
||||
// Provider Selection
|
||||
HStack {
|
||||
VStack(alignment: .leading, spacing: 4) {
|
||||
Text("Enhance your transcriptions with AI")
|
||||
.font(.headline)
|
||||
.foregroundColor(.secondary)
|
||||
Picker("AI Provider", selection: $aiService.selectedProvider) {
|
||||
ForEach(AIProvider.allCases.filter { $0 != .elevenLabs && $0 != .deepgram }, id: \.self) { provider in
|
||||
Text(provider.rawValue).tag(provider)
|
||||
}
|
||||
}
|
||||
|
||||
Spacer()
|
||||
@ -42,13 +42,6 @@ struct APIKeyManagementView: View {
|
||||
}
|
||||
}
|
||||
|
||||
// Provider Selection
|
||||
Picker("AI Provider", selection: $aiService.selectedProvider) {
|
||||
ForEach(AIProvider.allCases.filter { $0 != .elevenLabs && $0 != .deepgram }, id: \.self) { provider in
|
||||
Text(provider.rawValue).tag(provider)
|
||||
}
|
||||
}
|
||||
|
||||
.onChange(of: aiService.selectedProvider) { oldValue, newValue in
|
||||
if aiService.selectedProvider == .ollama {
|
||||
checkOllamaConnection()
|
||||
@ -443,7 +436,6 @@ struct APIKeyManagementView: View {
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding()
|
||||
.alert("Error", isPresented: $showAlert) {
|
||||
Button("OK", role: .cancel) { }
|
||||
} message: {
|
||||
|
||||
@ -69,11 +69,9 @@ struct EnhancementSettingsView: View {
|
||||
.font(.headline)
|
||||
|
||||
APIKeyManagementView()
|
||||
.background(CardBackground(isSelected: false))
|
||||
}
|
||||
.padding()
|
||||
.background(Color(.windowBackgroundColor).opacity(0.4))
|
||||
.cornerRadius(10)
|
||||
.background(CardBackground(isSelected: false))
|
||||
|
||||
// 3. Enhancement Modes & Assistant Section
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
@ -99,6 +97,8 @@ struct EnhancementSettingsView: View {
|
||||
}
|
||||
.padding()
|
||||
.background(CardBackground(isSelected: false))
|
||||
|
||||
EnhancementShortcutsSection()
|
||||
}
|
||||
}
|
||||
.padding(24)
|
||||
|
||||
145
VoiceInk/Views/Settings/EnhancementShortcutsView.swift
Normal file
145
VoiceInk/Views/Settings/EnhancementShortcutsView.swift
Normal file
@ -0,0 +1,145 @@
|
||||
import SwiftUI
|
||||
|
||||
struct EnhancementShortcutsView: View {
|
||||
private let shortcuts: [ShortcutRowData] = [
|
||||
.toggleEnhancement,
|
||||
.switchPrompt
|
||||
]
|
||||
|
||||
var body: some View {
|
||||
VStack(spacing: 12) {
|
||||
ForEach(shortcuts) { shortcut in
|
||||
ShortcutRow(data: shortcut)
|
||||
}
|
||||
}
|
||||
.background(Color.clear)
|
||||
}
|
||||
}
|
||||
|
||||
struct EnhancementShortcutsSection: View {
|
||||
@State private var isExpanded = false
|
||||
|
||||
var body: some View {
|
||||
VStack(spacing: 0) {
|
||||
Button {
|
||||
withAnimation(.spring(response: 0.35, dampingFraction: 0.85)) {
|
||||
isExpanded.toggle()
|
||||
}
|
||||
} label: {
|
||||
HStack(spacing: 12) {
|
||||
Image(systemName: "command")
|
||||
.font(.system(size: 20))
|
||||
.foregroundColor(.accentColor)
|
||||
.frame(width: 24, height: 24)
|
||||
|
||||
VStack(alignment: .leading, spacing: 2) {
|
||||
Text("Enhancement Shortcuts")
|
||||
.font(.headline)
|
||||
.foregroundColor(.primary)
|
||||
Text("Keep enhancement prompts handy")
|
||||
.font(.subheadline)
|
||||
.foregroundColor(.secondary)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
Image(systemName: "chevron.down")
|
||||
.rotationEffect(.degrees(isExpanded ? 0 : -90))
|
||||
.foregroundColor(.secondary)
|
||||
.font(.system(size: 14, weight: .semibold))
|
||||
}
|
||||
.padding(.horizontal, 16)
|
||||
.padding(.vertical, 14)
|
||||
.contentShape(Rectangle())
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
|
||||
if isExpanded {
|
||||
Divider()
|
||||
.transition(.opacity)
|
||||
|
||||
VStack(alignment: .leading, spacing: 16) {
|
||||
EnhancementShortcutsView()
|
||||
|
||||
Text("Enhancement shortcuts are available only when the recorder is visible and VoiceInk is running.")
|
||||
.font(.caption)
|
||||
.foregroundColor(.secondary)
|
||||
}
|
||||
.padding(16)
|
||||
.transition(
|
||||
.asymmetric(
|
||||
insertion: .opacity.combined(with: .scale(scale: 0.98, anchor: .top)),
|
||||
removal: .opacity
|
||||
)
|
||||
)
|
||||
}
|
||||
}
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
.background(CardBackground(isSelected: false))
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Supporting Views
|
||||
private struct ShortcutRowData: Identifiable {
|
||||
let id = UUID()
|
||||
let title: String
|
||||
let description: String
|
||||
let keyDisplay: [String]
|
||||
|
||||
static let toggleEnhancement = ShortcutRowData(
|
||||
title: "Toggle AI Enhancement",
|
||||
description: "Quickly enable or disable enhancement while recording.",
|
||||
keyDisplay: ["⌘", "E"]
|
||||
)
|
||||
|
||||
static let switchPrompt = ShortcutRowData(
|
||||
title: "Switch Enhancement Prompt",
|
||||
description: "Switch between your saved prompts without touching the UI. Use ⌘1–⌘0 to activate the corresponding prompt in the order they are saved.",
|
||||
keyDisplay: ["⌘", "1 – 0"]
|
||||
)
|
||||
}
|
||||
|
||||
private struct ShortcutRow: View {
|
||||
let data: ShortcutRowData
|
||||
|
||||
var body: some View {
|
||||
HStack(alignment: .center, spacing: 16) {
|
||||
VStack(alignment: .leading, spacing: 4) {
|
||||
HStack(spacing: 8) {
|
||||
Text(data.title)
|
||||
.font(.system(size: 14, weight: .semibold))
|
||||
InfoTip(title: data.title, message: data.description, learnMoreURL: "https://tryvoiceink.com/docs/switching-enhancement-prompts")
|
||||
}
|
||||
}
|
||||
|
||||
Spacer(minLength: 0)
|
||||
|
||||
HStack(spacing: 8) {
|
||||
ForEach(data.keyDisplay, id: \.self) { key in
|
||||
KeyChip(label: key)
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 8)
|
||||
}
|
||||
}
|
||||
|
||||
private struct KeyChip: View {
|
||||
let label: String
|
||||
|
||||
var body: some View {
|
||||
Text(label)
|
||||
.font(.system(size: 13, weight: .semibold, design: .monospaced))
|
||||
.padding(.horizontal, 12)
|
||||
.padding(.vertical, 6)
|
||||
.background(
|
||||
RoundedRectangle(cornerRadius: 10, style: .continuous)
|
||||
.fill(Color(NSColor.controlBackgroundColor))
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 10, style: .continuous)
|
||||
.stroke(Color(NSColor.separatorColor).opacity(0.7), lineWidth: 0.8)
|
||||
)
|
||||
)
|
||||
.shadow(color: Color(NSColor.shadowColor).opacity(0.1), radius: 4, x: 0, y: 2)
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user