feat: sidebar instead of separate screens (#40)
This commit is contained in:
Owen Gretzinger
@@ -1,291 +0,0 @@
|
|||||||
import SwiftUI
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
struct CollapsedTranscriptChunkView: View {
|
|
||||||
let chunk: CollapsedTranscriptChunk
|
|
||||||
|
|
||||||
var body: some View {
|
|
||||||
HStack(alignment: .firstTextBaseline, spacing: 8) {
|
|
||||||
// Source indicator
|
|
||||||
HStack(spacing: 4) {
|
|
||||||
Image(systemName: chunk.source.icon)
|
|
||||||
.font(.caption)
|
|
||||||
.foregroundColor(chunk.source == .mic ? .blue : .orange)
|
|
||||||
|
|
||||||
Text(chunk.source.displayName)
|
|
||||||
.font(.caption)
|
|
||||||
.fontWeight(.medium)
|
|
||||||
.foregroundColor(chunk.source == .mic ? .blue : .orange)
|
|
||||||
}
|
|
||||||
.frame(width: 50, alignment: .leading)
|
|
||||||
|
|
||||||
// Transcript text
|
|
||||||
Text(chunk.combinedText)
|
|
||||||
.font(.body)
|
|
||||||
.foregroundColor(.primary)
|
|
||||||
.frame(maxWidth: .infinity, alignment: .leading)
|
|
||||||
}
|
|
||||||
.padding(.vertical, 2)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
struct MeetingDetailView: View {
|
|
||||||
@StateObject private var viewModel: MeetingViewModel
|
|
||||||
@Environment(\.dismiss) private var dismiss
|
|
||||||
@State private var showDeleteAlert = false
|
|
||||||
@State private var isEditing = false
|
|
||||||
@State private var showCopyConfirmation = false
|
|
||||||
|
|
||||||
init(meeting: Meeting) {
|
|
||||||
self._viewModel = StateObject(wrappedValue: MeetingViewModel(meeting: meeting))
|
|
||||||
}
|
|
||||||
|
|
||||||
var body: some View {
|
|
||||||
VStack(alignment: .leading, spacing: 20) {
|
|
||||||
// Meeting Title with Menu
|
|
||||||
HStack {
|
|
||||||
TextField("Meeting Title", text: $viewModel.meeting.title)
|
|
||||||
.font(.title2)
|
|
||||||
.fontWeight(.semibold)
|
|
||||||
.textFieldStyle(.plain)
|
|
||||||
|
|
||||||
Spacer()
|
|
||||||
|
|
||||||
// Ellipsis menu
|
|
||||||
Menu {
|
|
||||||
Button("Delete Meeting", role: .destructive) {
|
|
||||||
showDeleteAlert = true
|
|
||||||
}
|
|
||||||
} label: {
|
|
||||||
Image(systemName: "ellipsis")
|
|
||||||
.resizable()
|
|
||||||
.scaledToFit()
|
|
||||||
.frame(width: 12, height: 12)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
}
|
|
||||||
.labelStyle(.iconOnly)
|
|
||||||
.menuIndicator(.hidden)
|
|
||||||
.menuStyle(BorderlessButtonMenuStyle())
|
|
||||||
.frame(width: 20, height: 20)
|
|
||||||
}
|
|
||||||
.padding(.bottom, 10)
|
|
||||||
|
|
||||||
// Controls Section
|
|
||||||
HStack {
|
|
||||||
// Left: Tab Toggles
|
|
||||||
// Replace checkbox-style toggles with a native segmented control for a cleaner look
|
|
||||||
Picker("", selection: $viewModel.selectedTab) {
|
|
||||||
ForEach(MeetingViewTab.allCases, id: \.self) { tab in
|
|
||||||
Text(tab.rawValue).tag(tab)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.pickerStyle(.segmented)
|
|
||||||
.frame(maxWidth: 260) // keep it compact so the recording controls have space
|
|
||||||
|
|
||||||
Spacer()
|
|
||||||
|
|
||||||
// Right: Recording and Copy Buttons
|
|
||||||
HStack(spacing: 12) {
|
|
||||||
Button(action: {
|
|
||||||
viewModel.toggleRecording()
|
|
||||||
}) {
|
|
||||||
HStack(spacing: 4) {
|
|
||||||
Image(systemName: viewModel.recordingState == .recording ? "stop.circle.fill" : "record.circle")
|
|
||||||
.foregroundColor(viewModel.recordingState == .recording ? .red : .accentColor)
|
|
||||||
Text(viewModel.recordingButtonText)
|
|
||||||
}
|
|
||||||
.frame(minWidth: 110, minHeight: 36)
|
|
||||||
.background(viewModel.recordingState == .recording ? Color.red.opacity(0.1) : Color.accentColor.opacity(0.1))
|
|
||||||
.cornerRadius(8)
|
|
||||||
}
|
|
||||||
.buttonStyle(.plain)
|
|
||||||
|
|
||||||
Button(action: {
|
|
||||||
viewModel.copyCurrentTabContent()
|
|
||||||
showCopyConfirmation = true
|
|
||||||
|
|
||||||
// Reset confirmation after 2 seconds
|
|
||||||
DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
|
|
||||||
showCopyConfirmation = false
|
|
||||||
}
|
|
||||||
}) {
|
|
||||||
HStack(spacing: 4) {
|
|
||||||
Image(systemName: showCopyConfirmation ? "checkmark.circle.fill" : "doc.on.doc")
|
|
||||||
.foregroundColor(showCopyConfirmation ? .green : .primary)
|
|
||||||
Text(showCopyConfirmation ? "Copied!" : "Copy")
|
|
||||||
.foregroundColor(showCopyConfirmation ? .green : .primary)
|
|
||||||
}
|
|
||||||
.frame(minWidth: 90, minHeight: 36)
|
|
||||||
.background(showCopyConfirmation ? Color.green.opacity(0.1) : Color.gray.opacity(0.1))
|
|
||||||
.cornerRadius(8)
|
|
||||||
}
|
|
||||||
.buttonStyle(.plain)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Content Area
|
|
||||||
VStack(alignment: .leading, spacing: 8) {
|
|
||||||
switch viewModel.selectedTab {
|
|
||||||
case .myNotes:
|
|
||||||
myNotesView
|
|
||||||
case .transcript:
|
|
||||||
transcriptView
|
|
||||||
case .enhancedNotes:
|
|
||||||
enhancedNotesView
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
}
|
|
||||||
.padding()
|
|
||||||
.navigationTitle("")
|
|
||||||
.alert("Error", isPresented: .constant(viewModel.errorMessage != nil)) {
|
|
||||||
Button("OK") {
|
|
||||||
viewModel.errorMessage = nil
|
|
||||||
}
|
|
||||||
} message: {
|
|
||||||
Text(viewModel.errorMessage ?? "")
|
|
||||||
}
|
|
||||||
.alert("Delete Meeting", isPresented: $showDeleteAlert) {
|
|
||||||
Button("Delete", role: .destructive) {
|
|
||||||
viewModel.deleteMeeting()
|
|
||||||
dismiss()
|
|
||||||
}
|
|
||||||
Button("Cancel", role: .cancel) { }
|
|
||||||
} message: {
|
|
||||||
Text("Are you sure you want to delete this meeting? This action cannot be undone.")
|
|
||||||
}
|
|
||||||
.onDisappear {
|
|
||||||
// Stop recording if it's in progress when leaving the page
|
|
||||||
if viewModel.isRecording {
|
|
||||||
print("🛑 Stopping recording because user is leaving the page")
|
|
||||||
viewModel.stopRecording()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Auto-delete empty meetings when leaving, otherwise save
|
|
||||||
viewModel.deleteIfEmpty()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MARK: - Content Views
|
|
||||||
|
|
||||||
private var myNotesView: some View {
|
|
||||||
VStack(alignment: .leading, spacing: 8) {
|
|
||||||
Text("My Notes")
|
|
||||||
.font(.headline)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
|
|
||||||
TextEditor(text: $viewModel.meeting.userNotes)
|
|
||||||
.font(.body)
|
|
||||||
.padding(8)
|
|
||||||
.scrollContentBackground(.hidden)
|
|
||||||
.background(Color.gray.opacity(0.05))
|
|
||||||
.cornerRadius(8)
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private var transcriptView: some View {
|
|
||||||
VStack(alignment: .leading, spacing: 8) {
|
|
||||||
Text("Transcript")
|
|
||||||
.font(.headline)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
|
|
||||||
ScrollView {
|
|
||||||
if viewModel.meeting.collapsedTranscriptChunks.isEmpty {
|
|
||||||
Text("Transcript will appear here...")
|
|
||||||
.frame(maxWidth: .infinity, alignment: .leading)
|
|
||||||
.padding()
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
} else {
|
|
||||||
LazyVStack(alignment: .leading, spacing: 4) {
|
|
||||||
ForEach(viewModel.meeting.collapsedTranscriptChunks) { chunk in
|
|
||||||
CollapsedTranscriptChunkView(chunk: chunk)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.padding()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
.background(Color.gray.opacity(0.05))
|
|
||||||
.cornerRadius(8)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private var enhancedNotesView: some View {
|
|
||||||
VStack(alignment: .leading, spacing: 8) {
|
|
||||||
HStack {
|
|
||||||
Text("Enhanced Notes")
|
|
||||||
.font(.headline)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
|
|
||||||
Spacer()
|
|
||||||
|
|
||||||
if viewModel.isGeneratingNotes {
|
|
||||||
ProgressView()
|
|
||||||
.scaleEffect(0.7)
|
|
||||||
} else {
|
|
||||||
// Template selector
|
|
||||||
Picker("", selection: $viewModel.selectedTemplateId) {
|
|
||||||
ForEach(viewModel.templates) { template in
|
|
||||||
Text(template.title).tag(template.id as UUID?)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.pickerStyle(.menu)
|
|
||||||
.frame(width: 200)
|
|
||||||
|
|
||||||
Button(action: {
|
|
||||||
Task {
|
|
||||||
await viewModel.generateNotes()
|
|
||||||
isEditing = false
|
|
||||||
}
|
|
||||||
}) {
|
|
||||||
HStack(spacing: 4) {
|
|
||||||
Image(systemName: "sparkles")
|
|
||||||
Text("Generate")
|
|
||||||
}
|
|
||||||
.font(.caption)
|
|
||||||
.padding(.horizontal, 8)
|
|
||||||
.padding(.vertical, 4)
|
|
||||||
.background(Color.accentColor.opacity(0.1))
|
|
||||||
.cornerRadius(6)
|
|
||||||
}
|
|
||||||
.buttonStyle(.plain)
|
|
||||||
.disabled(viewModel.meeting.transcript.isEmpty)
|
|
||||||
}
|
|
||||||
Button(action: {
|
|
||||||
isEditing.toggle()
|
|
||||||
}) {
|
|
||||||
Image(systemName: isEditing ? "pencil.circle.fill" : "pencil.circle")
|
|
||||||
}
|
|
||||||
.buttonStyle(.plain)
|
|
||||||
}
|
|
||||||
|
|
||||||
if isEditing {
|
|
||||||
TextEditor(text: Binding(
|
|
||||||
get: { viewModel.meeting.generatedNotes },
|
|
||||||
set: { viewModel.meeting.generatedNotes = $0 }
|
|
||||||
))
|
|
||||||
.font(.body)
|
|
||||||
.padding(8)
|
|
||||||
.scrollContentBackground(.hidden)
|
|
||||||
.background(Color.gray.opacity(0.05))
|
|
||||||
.cornerRadius(8)
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
} else {
|
|
||||||
RenderedNotesView(text: viewModel.meeting.generatedNotes)
|
|
||||||
.font(.body)
|
|
||||||
.background(Color.gray.opacity(0.05))
|
|
||||||
.cornerRadius(8)
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#Preview {
|
|
||||||
NavigationStack {
|
|
||||||
MeetingDetailView(meeting: Meeting())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -3,22 +3,57 @@ import SwiftUI
|
|||||||
struct MeetingListView: View {
|
struct MeetingListView: View {
|
||||||
@StateObject private var viewModel = MeetingListViewModel()
|
@StateObject private var viewModel = MeetingListViewModel()
|
||||||
@ObservedObject var settingsViewModel: SettingsViewModel
|
@ObservedObject var settingsViewModel: SettingsViewModel
|
||||||
|
@State private var selectedMeeting: Meeting?
|
||||||
@State private var navigationPath = NavigationPath()
|
@State private var navigationPath = NavigationPath()
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
NavigationStack(path: $navigationPath) {
|
NavigationSplitView {
|
||||||
List {
|
// Sidebar with meetings list
|
||||||
|
sidebarContent
|
||||||
|
} detail: {
|
||||||
|
// Detail view with meeting content
|
||||||
|
detailContent
|
||||||
|
}
|
||||||
|
.navigationSplitViewStyle(.balanced)
|
||||||
|
.overlay {
|
||||||
|
if viewModel.isLoading {
|
||||||
|
ProgressView("Loading meetings...")
|
||||||
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||||
|
.background(Color.clear)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var sidebarContent: some View {
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
HStack(spacing: 6) {
|
||||||
|
Image(systemName: "magnifyingglass")
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
TextField("Search meetings...", text: $viewModel.searchText)
|
||||||
|
.textFieldStyle(.plain)
|
||||||
|
}
|
||||||
|
.padding(EdgeInsets(top: 8, leading: 12, bottom: 8, trailing: 12))
|
||||||
|
|
||||||
|
Divider()
|
||||||
|
|
||||||
|
Spacer().frame(height: 12) // Add space before list content
|
||||||
|
|
||||||
|
List(selection: $selectedMeeting) {
|
||||||
// Only render meeting sections when there are meetings or loading state
|
// Only render meeting sections when there are meetings or loading state
|
||||||
ForEach(groupedMeetings, id: \.day) { dayGroup in
|
ForEach(groupedMeetings, id: \.day) { dayGroup in
|
||||||
Section {
|
Section {
|
||||||
ForEach(dayGroup.meetings) { meeting in
|
ForEach(dayGroup.meetings, id: \.id) { meeting in
|
||||||
NavigationLink(value: meeting) {
|
|
||||||
MeetingRowView(meeting: meeting)
|
MeetingRowView(meeting: meeting)
|
||||||
}
|
.tag(meeting)
|
||||||
}
|
}
|
||||||
.onDelete { indexSet in
|
.onDelete { indexSet in
|
||||||
for index in indexSet {
|
for index in indexSet {
|
||||||
viewModel.deleteMeeting(dayGroup.meetings[index])
|
let meetingToDelete = dayGroup.meetings[index]
|
||||||
|
viewModel.deleteMeeting(meetingToDelete)
|
||||||
|
// Clear selection if the deleted meeting was selected
|
||||||
|
if selectedMeeting?.id == meetingToDelete.id {
|
||||||
|
selectedMeeting = nil
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} header: {
|
} header: {
|
||||||
@@ -39,40 +74,48 @@ struct MeetingListView: View {
|
|||||||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.navigationTitle("Meetingnotes")
|
}
|
||||||
|
.navigationTitle("Meetings")
|
||||||
|
}
|
||||||
|
|
||||||
|
private var detailContent: some View {
|
||||||
|
NavigationStack(path: $navigationPath) {
|
||||||
|
Group {
|
||||||
|
if let selectedMeeting = selectedMeeting {
|
||||||
|
MeetingDetailContentView(meeting: selectedMeeting, onDelete: {
|
||||||
|
// When a meeting is deleted from the detail view, clear the selection
|
||||||
|
self.selectedMeeting = nil
|
||||||
|
})
|
||||||
|
.id(selectedMeeting.id) // Force recreation when selection changes
|
||||||
|
} else {
|
||||||
|
ContentUnavailableView(
|
||||||
|
"Select a Meeting",
|
||||||
|
systemImage: "sidebar.leading",
|
||||||
|
description: Text("Choose a meeting from the sidebar to view its details")
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.navigationTitle("")
|
||||||
.toolbar {
|
.toolbar {
|
||||||
ToolbarItemGroup(placement: .primaryAction) {
|
ToolbarItemGroup(placement: .primaryAction) {
|
||||||
// Search field (leftmost within the right-aligned group)
|
Spacer()
|
||||||
HStack(spacing: 4) {
|
|
||||||
Image(systemName: "magnifyingglass")
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
TextField("Search meetings...", text: $viewModel.searchText)
|
|
||||||
.textFieldStyle(.plain)
|
|
||||||
}
|
|
||||||
.padding(6)
|
|
||||||
.background(
|
|
||||||
RoundedRectangle(cornerRadius: 6)
|
|
||||||
.stroke(Color.secondary.opacity(0.5))
|
|
||||||
)
|
|
||||||
.frame(width: 220)
|
|
||||||
// Settings button (middle)
|
|
||||||
Button {
|
Button {
|
||||||
navigationPath.append("settings")
|
navigationPath.append("settings")
|
||||||
} label: {
|
} label: {
|
||||||
Image(systemName: "gearshape")
|
Image(systemName: "gearshape")
|
||||||
}
|
}
|
||||||
// Plus button (rightmost)
|
.help("Settings")
|
||||||
|
|
||||||
Button {
|
Button {
|
||||||
let newMeeting = viewModel.createNewMeeting()
|
let newMeeting = viewModel.createNewMeeting()
|
||||||
navigationPath.append(newMeeting)
|
selectedMeeting = newMeeting
|
||||||
} label: {
|
} label: {
|
||||||
Image(systemName: "plus")
|
Image(systemName: "plus")
|
||||||
}
|
}
|
||||||
|
.help("New Meeting")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.navigationDestination(for: Meeting.self) { meeting in
|
|
||||||
MeetingDetailView(meeting: meeting)
|
|
||||||
}
|
|
||||||
.navigationDestination(for: String.self) { path in
|
.navigationDestination(for: String.self) { path in
|
||||||
if path == "settings" {
|
if path == "settings" {
|
||||||
SettingsView(viewModel: settingsViewModel, navigationPath: $navigationPath)
|
SettingsView(viewModel: settingsViewModel, navigationPath: $navigationPath)
|
||||||
@@ -81,11 +124,6 @@ struct MeetingListView: View {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.overlay {
|
|
||||||
if viewModel.isLoading {
|
|
||||||
ProgressView("Loading meetings...")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
private var groupedMeetings: [DayGroup] {
|
private var groupedMeetings: [DayGroup] {
|
||||||
@@ -124,42 +162,307 @@ struct MeetingRowView: View {
|
|||||||
let meeting: Meeting
|
let meeting: Meeting
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
HStack {
|
|
||||||
VStack(alignment: .leading, spacing: 6) {
|
VStack(alignment: .leading, spacing: 6) {
|
||||||
// Title or default
|
// Title or default
|
||||||
Text(meeting.title.isEmpty ? "Untitled meeting" : meeting.title)
|
Text(meeting.title.isEmpty ? "Untitled meeting" : meeting.title)
|
||||||
.font(.headline)
|
.font(.headline)
|
||||||
.lineLimit(1)
|
.lineLimit(1)
|
||||||
|
|
||||||
// Notes preview or placeholder
|
// Date
|
||||||
HStack {
|
HStack {
|
||||||
if !meeting.generatedNotes.isEmpty {
|
|
||||||
Text(meeting.generatedNotes.replacingOccurrences(of: "\n", with: " ").trimmingCharacters(in: .whitespacesAndNewlines))
|
|
||||||
.font(.subheadline)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
.lineLimit(1)
|
|
||||||
} else {
|
|
||||||
Text("No notes yet")
|
|
||||||
.font(.subheadline)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
.italic()
|
|
||||||
}
|
|
||||||
Spacer()
|
|
||||||
}
|
|
||||||
.padding(.trailing, 20)
|
|
||||||
}
|
|
||||||
|
|
||||||
Spacer()
|
|
||||||
|
|
||||||
// Date on the right
|
|
||||||
Text(meeting.date, style: .time)
|
Text(meeting.date, style: .time)
|
||||||
.font(.caption)
|
.font(.caption)
|
||||||
.foregroundColor(.secondary)
|
.foregroundColor(.secondary)
|
||||||
|
Spacer()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.padding(.vertical, 4)
|
.padding(.vertical, 4)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// MARK: - Meeting Detail Content View
|
||||||
|
// This is a refactored version of MeetingDetailView that works within the sidebar layout
|
||||||
|
|
||||||
|
struct CollapsedTranscriptChunkView: View {
|
||||||
|
let chunk: CollapsedTranscriptChunk
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
HStack(alignment: .firstTextBaseline, spacing: 8) {
|
||||||
|
// Source indicator
|
||||||
|
HStack(spacing: 4) {
|
||||||
|
Image(systemName: chunk.source.icon)
|
||||||
|
.font(.caption)
|
||||||
|
.foregroundColor(chunk.source == .mic ? .blue : .orange)
|
||||||
|
|
||||||
|
Text(chunk.source.displayName)
|
||||||
|
.font(.caption)
|
||||||
|
.fontWeight(.medium)
|
||||||
|
.foregroundColor(chunk.source == .mic ? .blue : .orange)
|
||||||
|
}
|
||||||
|
.frame(width: 50, alignment: .leading)
|
||||||
|
|
||||||
|
// Transcript text
|
||||||
|
Text(chunk.combinedText)
|
||||||
|
.font(.body)
|
||||||
|
.foregroundColor(.primary)
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
|
}
|
||||||
|
.padding(.vertical, 2)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
struct MeetingDetailContentView: View {
|
||||||
|
@StateObject private var viewModel: MeetingViewModel
|
||||||
|
@State private var showDeleteAlert = false
|
||||||
|
@State private var isEditing = false
|
||||||
|
@State private var showCopyConfirmation = false
|
||||||
|
let onDelete: () -> Void
|
||||||
|
|
||||||
|
init(meeting: Meeting, onDelete: @escaping () -> Void) {
|
||||||
|
self._viewModel = StateObject(wrappedValue: MeetingViewModel(meeting: meeting))
|
||||||
|
self.onDelete = onDelete
|
||||||
|
}
|
||||||
|
|
||||||
|
var body: some View {
|
||||||
|
VStack(alignment: .leading, spacing: 20) {
|
||||||
|
// Meeting Title with Menu
|
||||||
|
HStack {
|
||||||
|
TextField("Meeting Title", text: $viewModel.meeting.title)
|
||||||
|
.font(.title2)
|
||||||
|
.fontWeight(.semibold)
|
||||||
|
.textFieldStyle(.plain)
|
||||||
|
|
||||||
|
Spacer()
|
||||||
|
|
||||||
|
// Ellipsis menu
|
||||||
|
Menu {
|
||||||
|
Button("Delete Meeting", role: .destructive) {
|
||||||
|
showDeleteAlert = true
|
||||||
|
}
|
||||||
|
} label: {
|
||||||
|
Image(systemName: "ellipsis")
|
||||||
|
.resizable()
|
||||||
|
.scaledToFit()
|
||||||
|
.frame(width: 12, height: 12)
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
}
|
||||||
|
.labelStyle(.iconOnly)
|
||||||
|
.menuIndicator(.hidden)
|
||||||
|
.menuStyle(BorderlessButtonMenuStyle())
|
||||||
|
.frame(width: 20, height: 20)
|
||||||
|
}
|
||||||
|
.padding(.bottom, 10)
|
||||||
|
|
||||||
|
// Controls Section
|
||||||
|
HStack {
|
||||||
|
// Left: Tab Toggles
|
||||||
|
Picker("", selection: $viewModel.selectedTab) {
|
||||||
|
ForEach(MeetingViewTab.allCases, id: \.self) { tab in
|
||||||
|
Text(tab.rawValue).tag(tab)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pickerStyle(.segmented)
|
||||||
|
.frame(maxWidth: 260)
|
||||||
|
|
||||||
|
Spacer()
|
||||||
|
|
||||||
|
// Right: Recording and Copy Buttons
|
||||||
|
HStack(spacing: 12) {
|
||||||
|
Button(action: {
|
||||||
|
viewModel.toggleRecording()
|
||||||
|
}) {
|
||||||
|
HStack(spacing: 4) {
|
||||||
|
Image(systemName: viewModel.recordingState == .recording ? "stop.circle.fill" : "record.circle")
|
||||||
|
.foregroundColor(viewModel.recordingState == .recording ? .red : .accentColor)
|
||||||
|
Text(viewModel.recordingButtonText)
|
||||||
|
}
|
||||||
|
.frame(minWidth: 110, minHeight: 36)
|
||||||
|
.background(viewModel.recordingState == .recording ? Color.red.opacity(0.1) : Color.accentColor.opacity(0.1))
|
||||||
|
.cornerRadius(8)
|
||||||
|
}
|
||||||
|
.buttonStyle(.plain)
|
||||||
|
|
||||||
|
Button(action: {
|
||||||
|
viewModel.copyCurrentTabContent()
|
||||||
|
showCopyConfirmation = true
|
||||||
|
|
||||||
|
// Reset confirmation after 2 seconds
|
||||||
|
DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
|
||||||
|
showCopyConfirmation = false
|
||||||
|
}
|
||||||
|
}) {
|
||||||
|
HStack(spacing: 4) {
|
||||||
|
Image(systemName: showCopyConfirmation ? "checkmark.circle.fill" : "doc.on.doc")
|
||||||
|
.foregroundColor(showCopyConfirmation ? .green : .primary)
|
||||||
|
Text(showCopyConfirmation ? "Copied!" : "Copy")
|
||||||
|
.foregroundColor(showCopyConfirmation ? .green : .primary)
|
||||||
|
}
|
||||||
|
.frame(minWidth: 90, minHeight: 36)
|
||||||
|
.background(showCopyConfirmation ? Color.green.opacity(0.1) : Color.gray.opacity(0.1))
|
||||||
|
.cornerRadius(8)
|
||||||
|
}
|
||||||
|
.buttonStyle(.plain)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Content Area
|
||||||
|
VStack(alignment: .leading, spacing: 8) {
|
||||||
|
switch viewModel.selectedTab {
|
||||||
|
case .myNotes:
|
||||||
|
myNotesView
|
||||||
|
case .transcript:
|
||||||
|
transcriptView
|
||||||
|
case .enhancedNotes:
|
||||||
|
enhancedNotesView
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.frame(maxHeight: .infinity)
|
||||||
|
}
|
||||||
|
.padding()
|
||||||
|
.alert("Error", isPresented: .constant(viewModel.errorMessage != nil)) {
|
||||||
|
Button("OK") {
|
||||||
|
viewModel.errorMessage = nil
|
||||||
|
}
|
||||||
|
} message: {
|
||||||
|
Text(viewModel.errorMessage ?? "")
|
||||||
|
}
|
||||||
|
.alert("Delete Meeting", isPresented: $showDeleteAlert) {
|
||||||
|
Button("Delete", role: .destructive) {
|
||||||
|
viewModel.deleteMeeting()
|
||||||
|
onDelete()
|
||||||
|
}
|
||||||
|
Button("Cancel", role: .cancel) { }
|
||||||
|
} message: {
|
||||||
|
Text("Are you sure you want to delete this meeting? This action cannot be undone.")
|
||||||
|
}
|
||||||
|
.onDisappear {
|
||||||
|
// Stop recording if it's in progress when leaving the page
|
||||||
|
if viewModel.isRecording {
|
||||||
|
print("🛑 Stopping recording because user is leaving the page")
|
||||||
|
viewModel.stopRecording()
|
||||||
|
}
|
||||||
|
|
||||||
|
// Auto-delete empty meetings when leaving, otherwise save
|
||||||
|
viewModel.deleteIfEmpty()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// MARK: - Content Views
|
||||||
|
|
||||||
|
private var myNotesView: some View {
|
||||||
|
VStack(alignment: .leading, spacing: 8) {
|
||||||
|
Text("My Notes")
|
||||||
|
.font(.headline)
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
|
||||||
|
TextEditor(text: $viewModel.meeting.userNotes)
|
||||||
|
.font(.body)
|
||||||
|
.padding(8)
|
||||||
|
.scrollContentBackground(.hidden)
|
||||||
|
.background(Color.gray.opacity(0.05))
|
||||||
|
.cornerRadius(8)
|
||||||
|
.frame(maxHeight: .infinity)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var transcriptView: some View {
|
||||||
|
VStack(alignment: .leading, spacing: 8) {
|
||||||
|
Text("Transcript")
|
||||||
|
.font(.headline)
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
|
||||||
|
ScrollView {
|
||||||
|
if viewModel.meeting.collapsedTranscriptChunks.isEmpty {
|
||||||
|
Text("Transcript will appear here...")
|
||||||
|
.frame(maxWidth: .infinity, alignment: .leading)
|
||||||
|
.padding()
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
} else {
|
||||||
|
LazyVStack(alignment: .leading, spacing: 4) {
|
||||||
|
ForEach(viewModel.meeting.collapsedTranscriptChunks) { chunk in
|
||||||
|
CollapsedTranscriptChunkView(chunk: chunk)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.padding()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.frame(maxHeight: .infinity)
|
||||||
|
.background(Color.gray.opacity(0.05))
|
||||||
|
.cornerRadius(8)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var enhancedNotesView: some View {
|
||||||
|
VStack(alignment: .leading, spacing: 8) {
|
||||||
|
HStack {
|
||||||
|
Text("Enhanced Notes")
|
||||||
|
.font(.headline)
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
|
||||||
|
Spacer()
|
||||||
|
|
||||||
|
if viewModel.isGeneratingNotes {
|
||||||
|
ProgressView()
|
||||||
|
.scaleEffect(0.7)
|
||||||
|
} else {
|
||||||
|
// Template selector
|
||||||
|
Picker("", selection: $viewModel.selectedTemplateId) {
|
||||||
|
ForEach(viewModel.templates) { template in
|
||||||
|
Text(template.title).tag(template.id as UUID?)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pickerStyle(.menu)
|
||||||
|
.frame(width: 200)
|
||||||
|
|
||||||
|
Button(action: {
|
||||||
|
Task {
|
||||||
|
await viewModel.generateNotes()
|
||||||
|
isEditing = false
|
||||||
|
}
|
||||||
|
}) {
|
||||||
|
HStack(spacing: 4) {
|
||||||
|
Image(systemName: "sparkles")
|
||||||
|
Text("Generate")
|
||||||
|
}
|
||||||
|
.font(.caption)
|
||||||
|
.padding(.horizontal, 8)
|
||||||
|
.padding(.vertical, 4)
|
||||||
|
.background(Color.accentColor.opacity(0.1))
|
||||||
|
.cornerRadius(6)
|
||||||
|
}
|
||||||
|
.buttonStyle(.plain)
|
||||||
|
.disabled(viewModel.meeting.transcript.isEmpty)
|
||||||
|
}
|
||||||
|
Button(action: {
|
||||||
|
isEditing.toggle()
|
||||||
|
}) {
|
||||||
|
Image(systemName: isEditing ? "pencil.circle.fill" : "pencil.circle")
|
||||||
|
}
|
||||||
|
.buttonStyle(.plain)
|
||||||
|
}
|
||||||
|
|
||||||
|
if isEditing {
|
||||||
|
TextEditor(text: Binding(
|
||||||
|
get: { viewModel.meeting.generatedNotes },
|
||||||
|
set: { viewModel.meeting.generatedNotes = $0 }
|
||||||
|
))
|
||||||
|
.font(.body)
|
||||||
|
.padding(8)
|
||||||
|
.scrollContentBackground(.hidden)
|
||||||
|
.background(Color.gray.opacity(0.05))
|
||||||
|
.cornerRadius(8)
|
||||||
|
.frame(maxHeight: .infinity)
|
||||||
|
} else {
|
||||||
|
RenderedNotesView(text: viewModel.meeting.generatedNotes)
|
||||||
|
.font(.body)
|
||||||
|
.background(Color.gray.opacity(0.05))
|
||||||
|
.cornerRadius(8)
|
||||||
|
.frame(maxHeight: .infinity)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#Preview {
|
#Preview {
|
||||||
MeetingListView(settingsViewModel: SettingsViewModel())
|
MeetingListView(settingsViewModel: SettingsViewModel())
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user