openuispec 0.1.25 → 0.1.28

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/HomeView.swift

@@ -0,0 +1,201 @@
+import SwiftUI
+
+struct HomeView: View {
+    @Bindable var model: AppModel
+
+    var body: some View {
+        GeometryReader { geometry in
+            let expanded = geometry.size.width >= 900
+            ScrollView {
+                VStack(alignment: .leading, spacing: 24) {
+                    header
+                    searchField
+                    filterRow
+                    if expanded {
+                        HStack(alignment: .top, spacing: 24) {
+                            taskList(expanded: true)
+                                .frame(maxWidth: .infinity)
+                            detailPanel
+                                .frame(maxWidth: 420)
+                        }
+                    } else {
+                        taskList(expanded: false)
+                    }
+                }
+                .padding(24)
+            }
+            .background(Color(.systemGroupedBackground))
+            .navigationTitle(model.localized("nav.tasks"))
+            .toolbar {
+                ToolbarItem(placement: .topBarTrailing) {
+                    Button {
+                        model.presentedSheet = .createTask
+                    } label: {
+                        Label(model.localized("home.new_task"), systemImage: "plus")
+                    }
+                    .buttonStyle(.borderedProminent)
+                }
+            }
+        }
+    }
+
+    private var header: some View {
+        VStack(alignment: .leading, spacing: 6) {
+            Text(model.greeting())
+                .font(.system(size: 30, weight: .bold, design: .rounded))
+            Text(model.todayCountText())
+                .font(.body)
+                .foregroundStyle(AppPalette.textSecondary)
+        }
+    }
+
+    private var searchField: some View {
+        VStack(alignment: .leading, spacing: 8) {
+            Text(model.localized("home.search_label"))
+                .font(.caption.weight(.semibold))
+                .foregroundStyle(AppPalette.textSecondary)
+            TextField(model.localized("home.search_placeholder"), text: $model.searchQuery)
+                .textFieldStyle(.roundedBorder)
+        }
+    }
+
+    private var filterRow: some View {
+        ScrollView(.horizontal, showsIndicators: false) {
+            HStack(spacing: 10) {
+                filterChip(.all)
+                filterChip(.today)
+                filterChip(.upcoming)
+                filterChip(.done)
+                Picker("Sort", selection: $model.sortOrder) {
+                    Text("Due").tag(SortOrder.dueDate)
+                    Text("Priority").tag(SortOrder.priority)
+                    Text("Created").tag(SortOrder.createdAt)
+                }
+                .pickerStyle(.menu)
+            }
+        }
+    }
+
+    private func filterChip(_ filter: HomeFilter) -> some View {
+        let selected = model.homeFilter == filter
+        let title: String
+        switch filter {
+        case .all: title = model.localized("home.filter.all")
+        case .today: title = model.localized("home.filter.today")
+        case .upcoming: title = model.localized("home.filter.upcoming")
+        case .done: title = model.localized("home.filter.done")
+        }
+        return Button {
+            model.homeFilter = filter
+        } label: {
+            Text("\(title) (\(model.count(for: filter)))")
+                .font(.subheadline.weight(.semibold))
+                .padding(.horizontal, 12)
+                .padding(.vertical, 8)
+                .background(selected ? AppPalette.brandPrimary : AppPalette.surfaceSecondary)
+                .foregroundStyle(selected ? .white : .primary)
+                .clipShape(Capsule())
+        }
+        .buttonStyle(.plain)
+    }
+
+    private func taskList(expanded: Bool) -> some View {
+        VStack(alignment: .leading, spacing: 14) {
+            if model.filteredTasks.isEmpty {
+                ContentUnavailableView(
+                    model.localized("home.empty_title"),
+                    systemImage: "checkmark.circle.fill",
+                    description: Text(model.localized("home.empty_body"))
+                )
+                .frame(maxWidth: .infinity)
+                .padding(.top, 40)
+            } else {
+                ForEach(model.filteredTasks) { task in
+                    if expanded {
+                        taskRow(task)
+                    } else {
+                        NavigationLink {
+                            TaskDetailView(model: model, taskID: task.id)
+                        } label: {
+                            taskCard(task)
+                        }
+                        .buttonStyle(.plain)
+                    }
+                }
+            }
+        }
+    }
+
+    private func taskRow(_ task: Task) -> some View {
+        Button {
+            model.selectedTaskID = task.id
+        } label: {
+            taskCard(task)
+                .overlay {
+                    RoundedRectangle(cornerRadius: 24)
+                        .stroke(model.selectedTaskID == task.id ? AppPalette.brandPrimary : .clear, lineWidth: 2)
+                }
+        }
+        .buttonStyle(.plain)
+    }
+
+    private func taskCard(_ task: Task) -> some View {
+        HStack(alignment: .top, spacing: 14) {
+            Image(systemName: task.status == .done ? "checkmark.circle.fill" : "circle")
+                .font(.title3)
+                .foregroundStyle(task.status == .done ? AppPalette.success : AppPalette.textTertiary)
+
+            VStack(alignment: .leading, spacing: 6) {
+                Text(task.title)
+                    .font(.headline)
+                Text([model.project(for: task)?.name, relativeDate(task.dueDate)].compactMap { $0 }.joined(separator: " · "))
+                    .font(.subheadline)
+                    .foregroundStyle(AppPalette.textSecondary)
+                if !task.tags.isEmpty {
+                    HStack(spacing: 6) {
+                        ForEach(task.tags, id: \.self) { tag in
+                            Text(tag)
+                                .font(.caption.weight(.medium))
+                                .padding(.horizontal, 8)
+                                .padding(.vertical, 4)
+                                .background(AppPalette.surfaceSecondary)
+                                .clipShape(Capsule())
+                        }
+                    }
+                }
+            }
+            Spacer()
+            Circle()
+                .fill(priorityColor(task.priority))
+                .frame(width: 10, height: 10)
+        }
+        .padding(18)
+        .background(.background)
+        .clipShape(RoundedRectangle(cornerRadius: 24))
+        .shadow(color: .black.opacity(0.05), radius: 12, y: 4)
+    }
+
+    private var detailPanel: some View {
+        Group {
+            if let selectedTask = model.selectedTask {
+                TaskDetailPanel(model: model, taskID: selectedTask.id)
+            } else {
+                ContentUnavailableView("Select a task", systemImage: "sidebar.right", description: Text("Choose a task to inspect its details."))
+            }
+        }
+    }
+
+    private func relativeDate(_ date: Date?) -> String? {
+        guard let date else { return nil }
+        return date.formatted(.relative(presentation: .named))
+    }
+
+    private func priorityColor(_ priority: TaskPriority) -> Color {
+        switch priority {
+        case .low: Color(hex: "#9CA3AF")
+        case .medium: AppPalette.info
+        case .high: AppPalette.warning
+        case .urgent: AppPalette.danger
+        }
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/ProfileEditView.swift

@@ -0,0 +1,48 @@
+import SwiftUI
+
+struct ProfileEditView: View {
+    @Bindable var model: AppModel
+    @Environment(\.dismiss) private var dismiss
+    @State private var name = ""
+    @State private var email = ""
+
+    var body: some View {
+        Form {
+            Section {
+                VStack(spacing: 12) {
+                    Image(systemName: model.currentUser.avatarSymbol ?? "person.crop.circle.fill")
+                        .font(.system(size: 54))
+                        .foregroundStyle(AppPalette.brandPrimary)
+                    Text(model.currentUser.name)
+                        .font(.headline)
+                    Text(model.currentUser.email)
+                        .foregroundStyle(AppPalette.textSecondary)
+                    Button(model.localized("profile.change_photo")) {}
+                }
+                .frame(maxWidth: .infinity)
+                .padding(.vertical, 12)
+            }
+
+            Section {
+                TextField(model.localized("profile.field_name"), text: $name)
+                TextField(model.localized("profile.field_email"), text: $email)
+                    .textInputAutocapitalization(.never)
+                    .keyboardType(.emailAddress)
+            }
+
+            Section {
+                Button(model.localized("profile.save")) {
+                    model.updateProfile(name: name, email: email)
+                    dismiss()
+                }
+                .buttonStyle(.borderedProminent)
+                .frame(maxWidth: .infinity, alignment: .center)
+            }
+        }
+        .navigationTitle(model.localized("profile.save"))
+        .onAppear {
+            name = model.currentUser.name
+            email = model.currentUser.email
+        }
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/ProjectDetailView.swift

@@ -0,0 +1,59 @@
+import SwiftUI
+
+struct ProjectDetailView: View {
+    @Bindable var model: AppModel
+    let projectID: UUID
+
+    private var project: Project? {
+        model.projects.first(where: { $0.id == projectID })
+    }
+
+    var body: some View {
+        Group {
+            if let project {
+                List {
+                    Section {
+                        VStack(alignment: .leading, spacing: 12) {
+                            HStack {
+                                Image(systemName: project.icon)
+                                    .foregroundStyle(Color(hex: project.colorHex))
+                                Text(project.name)
+                                    .font(.largeTitle.weight(.bold))
+                            }
+                            Text("\(model.tasks(for: project).count) tasks")
+                                .foregroundStyle(AppPalette.textSecondary)
+                        }
+                        .padding(.vertical, 8)
+                    }
+
+                    Section {
+                        if model.tasks(for: project).isEmpty {
+                            ContentUnavailableView(
+                                model.localized("project_detail.empty_title"),
+                                systemImage: "checkmark.circle.fill",
+                                description: Text(model.localized("project_detail.empty_body"))
+                            )
+                            .padding(.vertical, 24)
+                        } else {
+                            ForEach(model.tasks(for: project)) { task in
+                                NavigationLink {
+                                    TaskDetailView(model: model, taskID: task.id)
+                                } label: {
+                                    VStack(alignment: .leading, spacing: 4) {
+                                        Text(task.title)
+                                        Text(task.dueDate?.formatted(.relative(presentation: .named)) ?? "No due date")
+                                            .font(.subheadline)
+                                            .foregroundStyle(AppPalette.textSecondary)
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+                .navigationTitle(project.name)
+            } else {
+                ContentUnavailableView("Project missing", systemImage: "folder.badge.questionmark")
+            }
+        }
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/ProjectsView.swift

@@ -0,0 +1,63 @@
+import SwiftUI
+
+struct ProjectsView: View {
+    @Bindable var model: AppModel
+
+    private let gridColumns = [
+        GridItem(.adaptive(minimum: 220), spacing: 16)
+    ]
+
+    var body: some View {
+        ScrollView {
+            LazyVGrid(columns: gridColumns, spacing: 16) {
+                ForEach(model.projects) { project in
+                    NavigationLink {
+                        ProjectDetailView(model: model, projectID: project.id)
+                    } label: {
+                        ProjectCard(project: project, taskCount: model.tasks(for: project).count)
+                    }
+                    .buttonStyle(.plain)
+                }
+            }
+            .padding(24)
+        }
+        .background(Color(.systemGroupedBackground))
+        .navigationTitle(model.localized("projects.title"))
+        .toolbar {
+            ToolbarItem(placement: .topBarTrailing) {
+                Button {
+                    model.presentedSheet = .newProject
+                } label: {
+                    Label(model.localized("projects.new_project"), systemImage: "plus.circle")
+                }
+            }
+        }
+    }
+}
+
+private struct ProjectCard: View {
+    let project: Project
+    let taskCount: Int
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 14) {
+            Image(systemName: project.icon)
+                .font(.title2.weight(.semibold))
+                .foregroundStyle(Color(hex: project.colorHex))
+                .frame(width: 48, height: 48)
+                .background(Color(hex: project.colorHex).opacity(0.12))
+                .clipShape(RoundedRectangle(cornerRadius: 16))
+            Text(project.name)
+                .font(.headline)
+                .multilineTextAlignment(.leading)
+            Text(taskCount == 1 ? "1 task" : "\(taskCount) tasks")
+                .font(.subheadline)
+                .foregroundStyle(AppPalette.textSecondary)
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .padding(20)
+        .background(.background)
+        .clipShape(RoundedRectangle(cornerRadius: 24))
+        .shadow(color: .black.opacity(0.05), radius: 12, y: 4)
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/SettingsView.swift

@@ -0,0 +1,85 @@
+import SwiftUI
+
+struct SettingsView: View {
+    @Bindable var model: AppModel
+    @State private var showDeleteAlert = false
+
+    var body: some View {
+        List {
+            Section {
+                NavigationLink {
+                    ProfileEditView(model: model)
+                } label: {
+                    HStack(spacing: 12) {
+                        Image(systemName: model.currentUser.avatarSymbol ?? "person.crop.circle.fill")
+                            .font(.largeTitle)
+                            .foregroundStyle(AppPalette.brandPrimary)
+                        VStack(alignment: .leading) {
+                            Text(model.currentUser.name)
+                                .font(.headline)
+                            Text(model.currentUser.email)
+                                .font(.subheadline)
+                                .foregroundStyle(AppPalette.textSecondary)
+                        }
+                    }
+                    .padding(.vertical, 4)
+                }
+            }
+
+            Section {
+                Picker(model.localized("settings.theme"), selection: $model.preferences.theme) {
+                    Text(model.localized("settings.theme_system")).tag(ThemePreference.system)
+                    Text(model.localized("settings.theme_light")).tag(ThemePreference.light)
+                    Text(model.localized("settings.theme_dark")).tag(ThemePreference.dark)
+                    Text(model.localized("settings.theme_warm")).tag(ThemePreference.warm)
+                }
+
+                Picker(model.localized("settings.default_priority"), selection: $model.preferences.defaultPriority) {
+                    Text(model.localized("priority.low")).tag(TaskPriority.low)
+                    Text(model.localized("priority.medium")).tag(TaskPriority.medium)
+                    Text(model.localized("priority.high")).tag(TaskPriority.high)
+                    Text(model.localized("priority.urgent")).tag(TaskPriority.urgent)
+                }
+
+                Toggle(model.localized("settings.notifications"), isOn: $model.preferences.notificationsEnabled)
+                Toggle(model.localized("settings.reminders"), isOn: $model.preferences.remindersEnabled)
+            } header: {
+                Text(model.localized("settings.preferences"))
+            } footer: {
+                Text(model.localized("settings.reminders_helper"))
+            }
+
+            Section {
+                Button(model.localized("settings.export")) {
+                    model.exportData()
+                }
+
+                Button(model.localized("settings.delete_account"), role: .destructive) {
+                    showDeleteAlert = true
+                }
+            } header: {
+                Text(model.localized("settings.data"))
+            }
+
+            Section {
+                VStack(spacing: 4) {
+                    Text(model.localized("settings.app_version"))
+                    Text(model.localized("settings.app_credit"))
+                }
+                .font(.caption)
+                .foregroundStyle(AppPalette.textSecondary)
+                .frame(maxWidth: .infinity)
+            }
+            .listRowBackground(Color.clear)
+        }
+        .navigationTitle(model.localized("nav.settings"))
+        .alert(model.localized("settings.delete_title"), isPresented: $showDeleteAlert) {
+            Button(model.localized("common.cancel"), role: .cancel) {}
+            Button(model.localized("settings.delete_confirm"), role: .destructive) {
+                model.toastMessage = model.localized("settings.delete_title")
+            }
+        } message: {
+            Text(model.localized("settings.delete_message"))
+        }
+    }
+}

package/examples/taskflow/generated/ios/TaskFlow/Sources/TaskFlow/Screens/TaskDetailView.swift

@@ -0,0 +1,219 @@
+import AVKit
+import SwiftUI
+
+struct TaskDetailView: View {
+    @Bindable var model: AppModel
+    let taskID: UUID
+    @State private var showDeletePrompt = false
+
+    private var task: Task? {
+        model.tasks.first(where: { $0.id == taskID })
+    }
+
+    var body: some View {
+        Group {
+            if let task {
+                ScrollView {
+                    TaskDetailContent(model: model, task: task) {
+                        showDeletePrompt = true
+                    }
+                    .padding(24)
+                }
+                .navigationTitle(task.title)
+                .navigationBarTitleDisplayMode(.inline)
+                .alert(model.localized("task_detail.delete_title"), isPresented: $showDeletePrompt) {
+                    Button(model.localized("common.cancel"), role: .cancel) {}
+                    Button(model.localized("common.delete"), role: .destructive) {
+                        model.delete(task: task)
+                    }
+                } message: {
+                    Text(String(format: model.localized("task_detail.delete_message"), task.title))
+                }
+            } else {
+                ContentUnavailableView("Task missing", systemImage: "exclamationmark.triangle")
+            }
+        }
+    }
+}
+
+struct TaskDetailPanel: View {
+    @Bindable var model: AppModel
+    let taskID: UUID
+    @State private var showDeletePrompt = false
+
+    private var task: Task? {
+        model.tasks.first(where: { $0.id == taskID })
+    }
+
+    var body: some View {
+        Group {
+            if let task {
+                TaskDetailContent(model: model, task: task) {
+                    showDeletePrompt = true
+                }
+                .padding(24)
+                .background(.background)
+                .clipShape(RoundedRectangle(cornerRadius: 28))
+                .alert(model.localized("task_detail.delete_title"), isPresented: $showDeletePrompt) {
+                    Button(model.localized("common.cancel"), role: .cancel) {}
+                    Button(model.localized("common.delete"), role: .destructive) {
+                        model.delete(task: task)
+                    }
+                } message: {
+                    Text(String(format: model.localized("task_detail.delete_message"), task.title))
+                }
+            }
+        }
+    }
+}
+
+private struct TaskDetailContent: View {
+    @Bindable var model: AppModel
+    let task: Task
+    let requestDelete: () -> Void
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 24) {
+            VStack(alignment: .leading, spacing: 12) {
+                Text(task.title)
+                    .font(.system(size: 28, weight: .bold, design: .rounded))
+                HStack(spacing: 12) {
+                    badge(model.statusLabel(task.status), color: statusColor(task.status))
+                    badge(model.priorityLabel(task.priority), color: priorityColor(task.priority))
+                }
+            }
+
+            HStack(spacing: 12) {
+                statCard(model.localized("task_detail.status"), value: model.statusLabel(task.status), color: statusColor(task.status))
+                statCard(model.localized("task_detail.priority"), value: model.priorityLabel(task.priority), color: priorityColor(task.priority))
+                statCard(model.localized("task_detail.due"), value: task.dueDate?.formatted(date: .abbreviated, time: .omitted) ?? "No due date", color: AppPalette.info)
+            }
+
+            if let description = task.description, !description.isEmpty {
+                detailBlock(title: model.localized("task_detail.description")) {
+                    Text(description)
+                        .foregroundStyle(AppPalette.textSecondary)
+                }
+            }
+
+            if let attachment = task.attachment {
+                detailBlock(title: "Media") {
+                    VStack(alignment: .leading, spacing: 10) {
+                        Label(attachment.title, systemImage: attachment.mediaType == "video" ? "play.rectangle.fill" : "waveform")
+                            .font(.headline)
+                        if attachment.mediaType == "video", let mediaURL = attachment.url {
+                            VideoPlayer(player: AVPlayer(url: mediaURL))
+                                .frame(minHeight: 220)
+                                .clipShape(RoundedRectangle(cornerRadius: 16))
+                        } else {
+                            Text(model.localized("media_player.error"))
+                                .font(.subheadline)
+                                .foregroundStyle(AppPalette.textSecondary)
+                        }
+                    }
+                    .padding()
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .background(AppPalette.surfaceSecondary)
+                    .clipShape(RoundedRectangle(cornerRadius: 20))
+                }
+            }
+
+            detailBlock(title: model.localized("task_detail.details")) {
+                VStack(spacing: 12) {
+                    detailRow(model.localized("task_detail.project"), value: model.project(for: task)?.name ?? "No project", symbol: "folder")
+                    detailRow(model.localized("task_detail.assignee"), value: model.assignee(for: task)?.name ?? model.localized("task_detail.unassigned"), symbol: "person")
+                    detailRow(model.localized("task_detail.tags"), value: task.tags.isEmpty ? "No tags" : task.tags.joined(separator: ", "), symbol: "tag")
+                    detailRow(model.localized("task_detail.created"), value: task.createdAt.formatted(date: .abbreviated, time: .shortened), symbol: "clock")
+                }
+            }
+
+            HStack(spacing: 12) {
+                Button(model.localized("task_detail.edit")) {
+                    model.presentedSheet = .editTask(task.id)
+                }
+                .buttonStyle(.borderedProminent)
+
+                Button(model.localized("task_detail.assign_to")) {
+                    model.presentedSheet = .assignTask(task.id)
+                }
+                .buttonStyle(.bordered)
+
+                Button(task.status == .done ? model.localized("task_detail.reopen") : model.localized("task_detail.complete")) {
+                    model.toggle(task: task)
+                }
+                .buttonStyle(.bordered)
+
+                Button(model.localized("task_detail.delete"), role: .destructive) {
+                    requestDelete()
+                }
+                .buttonStyle(.bordered)
+            }
+        }
+    }
+
+    private func badge(_ text: String, color: Color) -> some View {
+        Text(text)
+            .font(.subheadline.weight(.semibold))
+            .padding(.horizontal, 12)
+            .padding(.vertical, 8)
+            .background(color.opacity(0.14))
+            .foregroundStyle(color)
+            .clipShape(Capsule())
+    }
+
+    private func statCard(_ title: String, value: String, color: Color) -> some View {
+        VStack(alignment: .leading, spacing: 8) {
+            Text(title)
+                .font(.caption.weight(.semibold))
+                .foregroundStyle(AppPalette.textSecondary)
+            Text(value)
+                .font(.headline)
+            Circle()
+                .fill(color)
+                .frame(width: 10, height: 10)
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .padding()
+        .background(AppPalette.surfaceSecondary)
+        .clipShape(RoundedRectangle(cornerRadius: 20))
+    }
+
+    private func detailBlock<Content: View>(title: String, @ViewBuilder content: () -> Content) -> some View {
+        VStack(alignment: .leading, spacing: 10) {
+            Text(title.uppercased())
+                .font(.caption.weight(.bold))
+                .foregroundStyle(AppPalette.textTertiary)
+            content()
+        }
+    }
+
+    private func detailRow(_ title: String, value: String, symbol: String) -> some View {
+        HStack {
+            Label(title, systemImage: symbol)
+                .foregroundStyle(AppPalette.textSecondary)
+            Spacer()
+            Text(value)
+                .multilineTextAlignment(.trailing)
+        }
+        .padding()
+        .background(AppPalette.surfaceSecondary)
+        .clipShape(RoundedRectangle(cornerRadius: 18))
+    }
+
+    private func priorityColor(_ priority: TaskPriority) -> Color {
+        switch priority {
+        case .low: Color(hex: "#9CA3AF")
+        case .medium: AppPalette.info
+        case .high: AppPalette.warning
+        case .urgent: AppPalette.danger
+        }
+    }
+
+    private func statusColor(_ status: TaskStatus) -> Color {
+        switch status {
+        case .todo: Color(hex: "#9CA3AF")
+        case .inProgress: AppPalette.brandPrimary
+        case .done: AppPalette.success
+        }
+    }
+}