feat: add SwiftUI GitHub mobile app inspired by Claude Code
- Create new iOS app at apps/ios-github-mobile - Session list view with repository info and status - Chat view with collapsible tool executions (Write, Bash, Read) - Message input with model/repo/branch selection chips - PR creation flow simulation - Dark theme matching Claude Code aesthetic - Mock data for repos, sessions, and tool calls - Modern SwiftUI with @Observable, NavigationStack https://claude.ai/code/session_018qmTB96S8xvNRQFrhcvzJp
This commit is contained in:
Claude
parent
86e0916fa3
commit
cffaf0b904
22
apps/ios-github-mobile/Package.swift
Normal file
22
apps/ios-github-mobile/Package.swift
Normal file
@ -0,0 +1,22 @@
|
||||
// swift-tools-version: 5.9
|
||||
import PackageDescription
|
||||
|
||||
let package = Package(
|
||||
name: "GitHubMobile",
|
||||
platforms: [
|
||||
.iOS(.v17),
|
||||
.macOS(.v14)
|
||||
],
|
||||
products: [
|
||||
.library(
|
||||
name: "GitHubMobile",
|
||||
targets: ["GitHubMobile"]
|
||||
)
|
||||
],
|
||||
targets: [
|
||||
.target(
|
||||
name: "GitHubMobile",
|
||||
path: "Sources"
|
||||
)
|
||||
]
|
||||
)
|
||||
96
apps/ios-github-mobile/README.md
Normal file
96
apps/ios-github-mobile/README.md
Normal file
@ -0,0 +1,96 @@
|
||||
# GitHub Mobile - SwiftUI App
|
||||
|
||||
A beautiful SwiftUI mobile app inspired by the Claude Code mobile experience. This app provides a clean interface for managing GitHub repositories and sending code requests through an AI assistant.
|
||||
|
||||
## Features
|
||||
|
||||
- **Session Management**: View and manage coding sessions organized by repository
|
||||
- **Chat Interface**: Send messages and view AI responses with tool execution details
|
||||
- **Repository Selection**: Browse and select from your GitHub repositories
|
||||
- **Model Selection**: Choose between different AI models (Sonnet, Opus, Haiku)
|
||||
- **Dark Theme**: Beautiful dark theme matching the Claude Code aesthetic
|
||||
- **PR Creation**: Simulate creating pull requests from the app
|
||||
|
||||
## Screenshots
|
||||
|
||||
The app is inspired by the Claude Code mobile app UI:
|
||||
- Session list with repository information
|
||||
- Chat view with collapsible tool executions (Write, Bash, Read, etc.)
|
||||
- Bottom input with model/repo selection chips
|
||||
|
||||
## Requirements
|
||||
|
||||
- iOS 17.0+
|
||||
- Xcode 15.0+
|
||||
- Swift 5.9+
|
||||
|
||||
## Project Structure
|
||||
|
||||
```
|
||||
Sources/
|
||||
├── GitHubMobileApp.swift # App entry point
|
||||
├── ContentView.swift # Main navigation container
|
||||
├── Models/
|
||||
│ ├── Models.swift # Data models (Session, Message, Repository, etc.)
|
||||
│ └── AppState.swift # Observable app state
|
||||
├── Views/
|
||||
│ ├── SessionListView.swift # Session list screen
|
||||
│ └── ChatView.swift # Chat/conversation screen
|
||||
├── Components/
|
||||
│ ├── MessageInputView.swift # Message input component
|
||||
│ ├── PickerSheets.swift # Model and repo picker sheets
|
||||
│ └── StatusIndicator.swift # Status indicators and badges
|
||||
├── Theme/
|
||||
│ └── AppTheme.swift # Colors, spacing, and styling
|
||||
└── Assets.xcassets/ # App icons and colors
|
||||
```
|
||||
|
||||
## Architecture
|
||||
|
||||
The app uses modern SwiftUI patterns:
|
||||
- **@Observable** macro for state management (iOS 17+)
|
||||
- **NavigationStack** with typed navigation paths
|
||||
- **Environment** for dependency injection
|
||||
- **View modifiers** for reusable styling
|
||||
|
||||
## Building
|
||||
|
||||
### Using Xcode
|
||||
|
||||
1. Open `Package.swift` in Xcode
|
||||
2. Select your target device
|
||||
3. Build and run (Cmd+R)
|
||||
|
||||
### Using Swift Package Manager
|
||||
|
||||
```bash
|
||||
swift build
|
||||
```
|
||||
|
||||
## Mock Data
|
||||
|
||||
The app includes mock data for demonstration:
|
||||
- Sample repositories (clawdbot, systemss, Awesome-Prompts, etc.)
|
||||
- Sample sessions with various titles
|
||||
- Mock tool executions (Write, Bash commands)
|
||||
|
||||
## Customization
|
||||
|
||||
### Colors
|
||||
|
||||
Edit `Theme/AppTheme.swift` to customize:
|
||||
- Background colors
|
||||
- Accent colors (warm orange by default)
|
||||
- Text colors
|
||||
- Tool execution colors
|
||||
|
||||
### Mock Data
|
||||
|
||||
Edit `Models/Models.swift` to customize:
|
||||
- `Repository.mockList` - Available repositories
|
||||
- `Session.mockList` - Session list items
|
||||
- `Session.mockActiveSession()` - Active session with tool calls
|
||||
|
||||
## License
|
||||
|
||||
Open source - feel free to use and modify.
|
||||
@ -0,0 +1,20 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0.350",
|
||||
"green" : "0.550",
|
||||
"red" : "0.850"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
{
|
||||
"images" : [
|
||||
{
|
||||
"idiom" : "universal",
|
||||
"platform" : "ios",
|
||||
"size" : "1024x1024"
|
||||
},
|
||||
{
|
||||
"idiom" : "universal",
|
||||
"platform" : "macos",
|
||||
"size" : "1024x1024"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,6 @@
|
||||
{
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
{
|
||||
"colors" : [
|
||||
{
|
||||
"color" : {
|
||||
"color-space" : "srgb",
|
||||
"components" : {
|
||||
"alpha" : "1.000",
|
||||
"blue" : "0.080",
|
||||
"green" : "0.080",
|
||||
"red" : "0.080"
|
||||
}
|
||||
},
|
||||
"idiom" : "universal"
|
||||
}
|
||||
],
|
||||
"info" : {
|
||||
"author" : "xcode",
|
||||
"version" : 1
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,70 @@
|
||||
import SwiftUI
|
||||
|
||||
struct MessageInputView: View {
|
||||
@Binding var text: String
|
||||
let placeholder: String
|
||||
let onSend: () -> Void
|
||||
|
||||
@FocusState private var isFocused: Bool
|
||||
|
||||
var body: some View {
|
||||
HStack(alignment: .bottom, spacing: AppTheme.spacingSM) {
|
||||
// Add attachment button
|
||||
Button {
|
||||
// Add attachment action
|
||||
} label: {
|
||||
Image(systemName: "plus")
|
||||
.font(.title3)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
.frame(width: 36, height: 36)
|
||||
}
|
||||
|
||||
// Text input
|
||||
ZStack(alignment: .leading) {
|
||||
if text.isEmpty {
|
||||
Text(placeholder)
|
||||
.foregroundStyle(AppTheme.tertiaryText)
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
.padding(.vertical, AppTheme.spacingMD)
|
||||
}
|
||||
|
||||
TextEditor(text: $text)
|
||||
.scrollContentBackground(.hidden)
|
||||
.padding(.horizontal, AppTheme.spacingSM)
|
||||
.padding(.vertical, AppTheme.spacingSM)
|
||||
.frame(minHeight: 40, maxHeight: 120)
|
||||
.focused($isFocused)
|
||||
}
|
||||
.background(AppTheme.cardBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusLG))
|
||||
|
||||
// Send button
|
||||
Button(action: onSend) {
|
||||
Image(systemName: "arrow.up")
|
||||
.font(.body)
|
||||
.fontWeight(.semibold)
|
||||
.foregroundStyle(text.isEmpty ? AppTheme.tertiaryText : AppTheme.buttonPrimaryText)
|
||||
.frame(width: 36, height: 36)
|
||||
.background(text.isEmpty ? AppTheme.chipBackground : AppTheme.accent)
|
||||
.clipShape(Circle())
|
||||
}
|
||||
.disabled(text.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
VStack {
|
||||
Spacer()
|
||||
MessageInputView(
|
||||
text: .constant(""),
|
||||
placeholder: "Ask Claude to help with code...",
|
||||
onSend: {}
|
||||
)
|
||||
}
|
||||
}
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
155
apps/ios-github-mobile/Sources/Components/PickerSheets.swift
Normal file
155
apps/ios-github-mobile/Sources/Components/PickerSheets.swift
Normal file
@ -0,0 +1,155 @@
|
||||
import SwiftUI
|
||||
|
||||
// MARK: - Model Picker Sheet
|
||||
|
||||
struct ModelPickerSheet: View {
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
@Binding var selectedModel: AIModel
|
||||
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
|
||||
List {
|
||||
ForEach(AIModel.all) { model in
|
||||
Button {
|
||||
selectedModel = model
|
||||
dismiss()
|
||||
} label: {
|
||||
HStack {
|
||||
VStack(alignment: .leading, spacing: AppTheme.spacingXS) {
|
||||
Text(model.displayName)
|
||||
.font(.body)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
|
||||
Text(modelDescription(for: model))
|
||||
.font(.caption)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
if model.id == selectedModel.id {
|
||||
Image(systemName: "checkmark")
|
||||
.foregroundStyle(AppTheme.accent)
|
||||
}
|
||||
}
|
||||
.padding(.vertical, AppTheme.spacingXS)
|
||||
}
|
||||
}
|
||||
.listRowBackground(AppTheme.cardBackground)
|
||||
}
|
||||
.scrollContentBackground(.hidden)
|
||||
}
|
||||
.navigationTitle("Select Model")
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .topBarTrailing) {
|
||||
Button("Done") {
|
||||
dismiss()
|
||||
}
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private func modelDescription(for model: AIModel) -> String {
|
||||
switch model.name {
|
||||
case "sonnet":
|
||||
return "Balanced performance and speed"
|
||||
case "opus":
|
||||
return "Most capable, complex tasks"
|
||||
case "haiku":
|
||||
return "Fast and efficient"
|
||||
default:
|
||||
return ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Repository Picker Sheet
|
||||
|
||||
struct RepositoryPickerSheet: View {
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
let repositories: [Repository]
|
||||
@Binding var selectedRepository: Repository?
|
||||
@State private var searchText = ""
|
||||
|
||||
private var filteredRepositories: [Repository] {
|
||||
if searchText.isEmpty {
|
||||
return repositories
|
||||
}
|
||||
return repositories.filter {
|
||||
$0.name.localizedCaseInsensitiveContains(searchText) ||
|
||||
$0.owner.localizedCaseInsensitiveContains(searchText)
|
||||
}
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
|
||||
List {
|
||||
ForEach(filteredRepositories) { repo in
|
||||
Button {
|
||||
selectedRepository = repo
|
||||
dismiss()
|
||||
} label: {
|
||||
HStack {
|
||||
Image(systemName: "folder")
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
|
||||
VStack(alignment: .leading, spacing: AppTheme.spacingXS) {
|
||||
Text(repo.name)
|
||||
.font(.body)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
|
||||
Text(repo.owner)
|
||||
.font(.caption)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
if repo.id == selectedRepository?.id {
|
||||
Image(systemName: "checkmark")
|
||||
.foregroundStyle(AppTheme.accent)
|
||||
}
|
||||
}
|
||||
.padding(.vertical, AppTheme.spacingXS)
|
||||
}
|
||||
}
|
||||
.listRowBackground(AppTheme.cardBackground)
|
||||
}
|
||||
.scrollContentBackground(.hidden)
|
||||
.searchable(text: $searchText, prompt: "Search repositories")
|
||||
}
|
||||
.navigationTitle("Select Repository")
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .topBarTrailing) {
|
||||
Button("Done") {
|
||||
dismiss()
|
||||
}
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview("Model Picker") {
|
||||
ModelPickerSheet(selectedModel: .constant(.sonnet))
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
|
||||
#Preview("Repository Picker") {
|
||||
RepositoryPickerSheet(
|
||||
repositories: Repository.mockList,
|
||||
selectedRepository: .constant(nil)
|
||||
)
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
108
apps/ios-github-mobile/Sources/Components/StatusIndicator.swift
Normal file
108
apps/ios-github-mobile/Sources/Components/StatusIndicator.swift
Normal file
@ -0,0 +1,108 @@
|
||||
import SwiftUI
|
||||
|
||||
struct StatusIndicator: View {
|
||||
let status: SessionStatus
|
||||
|
||||
var body: some View {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Circle()
|
||||
.fill(statusColor)
|
||||
.frame(width: 8, height: 8)
|
||||
|
||||
Text(status.rawValue)
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
}
|
||||
}
|
||||
|
||||
private var statusColor: Color {
|
||||
switch status {
|
||||
case .idle:
|
||||
return AppTheme.secondaryText
|
||||
case .running:
|
||||
return AppTheme.accent
|
||||
case .completed:
|
||||
return AppTheme.success
|
||||
case .error:
|
||||
return AppTheme.error
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Loading Indicator
|
||||
|
||||
struct LoadingIndicator: View {
|
||||
@State private var isAnimating = false
|
||||
|
||||
var body: some View {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
ForEach(0..<3) { index in
|
||||
Circle()
|
||||
.fill(AppTheme.accent)
|
||||
.frame(width: 6, height: 6)
|
||||
.scaleEffect(isAnimating ? 1.0 : 0.5)
|
||||
.animation(
|
||||
.easeInOut(duration: 0.6)
|
||||
.repeatForever()
|
||||
.delay(Double(index) * 0.2),
|
||||
value: isAnimating
|
||||
)
|
||||
}
|
||||
}
|
||||
.onAppear {
|
||||
isAnimating = true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Tool Status Badge
|
||||
|
||||
struct ToolStatusBadge: View {
|
||||
let status: ToolCallStatus
|
||||
|
||||
var body: some View {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
switch status {
|
||||
case .pending:
|
||||
Image(systemName: "clock")
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
case .running:
|
||||
ProgressView()
|
||||
.scaleEffect(0.7)
|
||||
.tint(AppTheme.accent)
|
||||
case .completed:
|
||||
Image(systemName: "checkmark.circle.fill")
|
||||
.foregroundStyle(AppTheme.success)
|
||||
case .failed:
|
||||
Image(systemName: "xmark.circle.fill")
|
||||
.foregroundStyle(AppTheme.error)
|
||||
}
|
||||
}
|
||||
.font(.caption)
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
VStack(spacing: 20) {
|
||||
StatusIndicator(status: .idle)
|
||||
StatusIndicator(status: .running)
|
||||
StatusIndicator(status: .completed)
|
||||
StatusIndicator(status: .error)
|
||||
|
||||
Divider()
|
||||
|
||||
LoadingIndicator()
|
||||
|
||||
Divider()
|
||||
|
||||
HStack(spacing: 20) {
|
||||
ToolStatusBadge(status: .pending)
|
||||
ToolStatusBadge(status: .running)
|
||||
ToolStatusBadge(status: .completed)
|
||||
ToolStatusBadge(status: .failed)
|
||||
}
|
||||
}
|
||||
.padding()
|
||||
.background(AppTheme.background)
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
20
apps/ios-github-mobile/Sources/ContentView.swift
Normal file
20
apps/ios-github-mobile/Sources/ContentView.swift
Normal file
@ -0,0 +1,20 @@
|
||||
import SwiftUI
|
||||
|
||||
struct ContentView: View {
|
||||
@Environment(AppState.self) private var appState
|
||||
|
||||
var body: some View {
|
||||
NavigationStack(path: Bindable(appState).navigationPath) {
|
||||
SessionListView()
|
||||
.navigationDestination(for: Session.self) { session in
|
||||
ChatView(session: session)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
ContentView()
|
||||
.environment(AppState())
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
14
apps/ios-github-mobile/Sources/GitHubMobileApp.swift
Normal file
14
apps/ios-github-mobile/Sources/GitHubMobileApp.swift
Normal file
@ -0,0 +1,14 @@
|
||||
import SwiftUI
|
||||
|
||||
@main
|
||||
struct GitHubMobileApp: App {
|
||||
@State private var appState = AppState()
|
||||
|
||||
var body: some Scene {
|
||||
WindowGroup {
|
||||
ContentView()
|
||||
.environment(appState)
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
}
|
||||
}
|
||||
55
apps/ios-github-mobile/Sources/Info.plist
Normal file
55
apps/ios-github-mobile/Sources/Info.plist
Normal file
@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
|
||||
<plist version="1.0">
|
||||
<dict>
|
||||
<key>CFBundleDevelopmentRegion</key>
|
||||
<string>$(DEVELOPMENT_LANGUAGE)</string>
|
||||
<key>CFBundleDisplayName</key>
|
||||
<string>Code</string>
|
||||
<key>CFBundleExecutable</key>
|
||||
<string>$(EXECUTABLE_NAME)</string>
|
||||
<key>CFBundleIdentifier</key>
|
||||
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
|
||||
<key>CFBundleInfoDictionaryVersion</key>
|
||||
<string>6.0</string>
|
||||
<key>CFBundleName</key>
|
||||
<string>$(PRODUCT_NAME)</string>
|
||||
<key>CFBundlePackageType</key>
|
||||
<string>APPL</string>
|
||||
<key>CFBundleShortVersionString</key>
|
||||
<string>1.0.0</string>
|
||||
<key>CFBundleVersion</key>
|
||||
<string>1</string>
|
||||
<key>LSRequiresIPhoneOS</key>
|
||||
<true/>
|
||||
<key>UIApplicationSceneManifest</key>
|
||||
<dict>
|
||||
<key>UIApplicationSupportsMultipleScenes</key>
|
||||
<true/>
|
||||
</dict>
|
||||
<key>UILaunchScreen</key>
|
||||
<dict>
|
||||
<key>UIColorName</key>
|
||||
<string>LaunchBackground</string>
|
||||
</dict>
|
||||
<key>UIRequiredDeviceCapabilities</key>
|
||||
<array>
|
||||
<string>armv7</string>
|
||||
</array>
|
||||
<key>UISupportedInterfaceOrientations</key>
|
||||
<array>
|
||||
<string>UIInterfaceOrientationPortrait</string>
|
||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||
</array>
|
||||
<key>UISupportedInterfaceOrientations~ipad</key>
|
||||
<array>
|
||||
<string>UIInterfaceOrientationPortrait</string>
|
||||
<string>UIInterfaceOrientationPortraitUpsideDown</string>
|
||||
<string>UIInterfaceOrientationLandscapeLeft</string>
|
||||
<string>UIInterfaceOrientationLandscapeRight</string>
|
||||
</array>
|
||||
<key>UIUserInterfaceStyle</key>
|
||||
<string>Dark</string>
|
||||
</dict>
|
||||
</plist>
|
||||
92
apps/ios-github-mobile/Sources/Models/AppState.swift
Normal file
92
apps/ios-github-mobile/Sources/Models/AppState.swift
Normal file
@ -0,0 +1,92 @@
|
||||
import Foundation
|
||||
import Observation
|
||||
import SwiftUI
|
||||
|
||||
@Observable
|
||||
@MainActor
|
||||
final class AppState {
|
||||
var sessions: [Session] = Session.mockList
|
||||
var repositories: [Repository] = Repository.mockList
|
||||
var selectedModel: AIModel = .sonnet
|
||||
var currentSession: Session?
|
||||
var navigationPath = NavigationPath()
|
||||
|
||||
// Current input state
|
||||
var messageInput: String = ""
|
||||
var selectedRepository: Repository?
|
||||
var selectedBranch: String = "main"
|
||||
|
||||
init() {
|
||||
self.selectedRepository = repositories.first
|
||||
}
|
||||
|
||||
func createNewSession(title: String, repository: Repository) -> Session {
|
||||
let session = Session(
|
||||
id: UUID().uuidString,
|
||||
title: title,
|
||||
repository: repository,
|
||||
createdAt: Date(),
|
||||
status: .idle,
|
||||
messages: []
|
||||
)
|
||||
sessions.insert(session, at: 0)
|
||||
return session
|
||||
}
|
||||
|
||||
func sendMessage(_ content: String, to session: Session) {
|
||||
guard let index = sessions.firstIndex(where: { $0.id == session.id }) else { return }
|
||||
|
||||
let message = Message(
|
||||
id: UUID().uuidString,
|
||||
role: .user,
|
||||
content: content,
|
||||
timestamp: Date(),
|
||||
toolCalls: []
|
||||
)
|
||||
|
||||
sessions[index].messages.append(message)
|
||||
sessions[index].status = .running
|
||||
|
||||
// Simulate assistant response after a delay
|
||||
simulateResponse(for: sessions[index])
|
||||
}
|
||||
|
||||
private func simulateResponse(for session: Session) {
|
||||
guard let index = sessions.firstIndex(where: { $0.id == session.id }) else { return }
|
||||
|
||||
// Create a simulated assistant response
|
||||
DispatchQueue.main.asyncAfter(deadline: .now() + 1.5) { [weak self] in
|
||||
guard let self else { return }
|
||||
|
||||
let assistantMessage = Message(
|
||||
id: UUID().uuidString,
|
||||
role: .assistant,
|
||||
content: "Anladım! Şimdi bu değişiklikleri yapmaya başlıyorum...",
|
||||
timestamp: Date(),
|
||||
toolCalls: [
|
||||
ToolCall(
|
||||
id: UUID().uuidString,
|
||||
type: .read,
|
||||
name: "Read",
|
||||
input: "/home/user/\(session.repository.name)/README.md",
|
||||
output: "# \(session.repository.name)\n\nProject description...",
|
||||
status: .completed
|
||||
)
|
||||
]
|
||||
)
|
||||
|
||||
self.sessions[index].messages.append(assistantMessage)
|
||||
self.sessions[index].status = .idle
|
||||
}
|
||||
}
|
||||
|
||||
func openSession(_ session: Session) {
|
||||
currentSession = session
|
||||
navigationPath.append(session)
|
||||
}
|
||||
|
||||
func selectRepository(_ repository: Repository) {
|
||||
selectedRepository = repository
|
||||
selectedBranch = repository.defaultBranch
|
||||
}
|
||||
}
|
||||
277
apps/ios-github-mobile/Sources/Models/Models.swift
Normal file
277
apps/ios-github-mobile/Sources/Models/Models.swift
Normal file
@ -0,0 +1,277 @@
|
||||
import Foundation
|
||||
|
||||
// MARK: - Repository
|
||||
|
||||
struct Repository: Identifiable, Hashable, Codable {
|
||||
let id: String
|
||||
let name: String
|
||||
let owner: String
|
||||
let defaultBranch: String
|
||||
|
||||
var fullName: String {
|
||||
"\(owner)/\(name)"
|
||||
}
|
||||
|
||||
static let mock = Repository(
|
||||
id: "1",
|
||||
name: "clawdbot",
|
||||
owner: "semihpolat",
|
||||
defaultBranch: "main"
|
||||
)
|
||||
|
||||
static let mockList: [Repository] = [
|
||||
Repository(id: "1", name: "clawdbot", owner: "semihpolat", defaultBranch: "main"),
|
||||
Repository(id: "2", name: "systemss", owner: "semihpolat", defaultBranch: "main"),
|
||||
Repository(id: "3", name: "Awesome-Prompts", owner: "semihpolat", defaultBranch: "main"),
|
||||
Repository(id: "4", name: "statue", owner: "semihpolat", defaultBranch: "main"),
|
||||
Repository(id: "5", name: "littleagents", owner: "semihpolat", defaultBranch: "main"),
|
||||
Repository(id: "6", name: "ultimateaiscraper", owner: "semihpolat", defaultBranch: "main"),
|
||||
]
|
||||
}
|
||||
|
||||
// MARK: - Session
|
||||
|
||||
struct Session: Identifiable, Hashable {
|
||||
let id: String
|
||||
let title: String
|
||||
let repository: Repository
|
||||
let createdAt: Date
|
||||
var status: SessionStatus
|
||||
var messages: [Message]
|
||||
|
||||
static func == (lhs: Session, rhs: Session) -> Bool {
|
||||
lhs.id == rhs.id
|
||||
}
|
||||
|
||||
func hash(into hasher: inout Hasher) {
|
||||
hasher.combine(id)
|
||||
}
|
||||
}
|
||||
|
||||
enum SessionStatus: String, Codable {
|
||||
case idle = "Idle"
|
||||
case running = "Running"
|
||||
case completed = "Completed"
|
||||
case error = "Error"
|
||||
}
|
||||
|
||||
// MARK: - Message
|
||||
|
||||
struct Message: Identifiable, Hashable {
|
||||
let id: String
|
||||
let role: MessageRole
|
||||
let content: String
|
||||
let timestamp: Date
|
||||
var toolCalls: [ToolCall]
|
||||
|
||||
static func == (lhs: Message, rhs: Message) -> Bool {
|
||||
lhs.id == rhs.id
|
||||
}
|
||||
|
||||
func hash(into hasher: inout Hasher) {
|
||||
hasher.combine(id)
|
||||
}
|
||||
}
|
||||
|
||||
enum MessageRole: String, Codable {
|
||||
case user
|
||||
case assistant
|
||||
case system
|
||||
}
|
||||
|
||||
// MARK: - Tool Call
|
||||
|
||||
struct ToolCall: Identifiable, Hashable {
|
||||
let id: String
|
||||
let type: ToolType
|
||||
let name: String
|
||||
let input: String
|
||||
var output: String?
|
||||
var status: ToolCallStatus
|
||||
|
||||
static func == (lhs: ToolCall, rhs: ToolCall) -> Bool {
|
||||
lhs.id == rhs.id
|
||||
}
|
||||
|
||||
func hash(into hasher: inout Hasher) {
|
||||
hasher.combine(id)
|
||||
}
|
||||
}
|
||||
|
||||
enum ToolType: String, Codable {
|
||||
case write = "Write"
|
||||
case bash = "Bash"
|
||||
case read = "Read"
|
||||
case edit = "Edit"
|
||||
case glob = "Glob"
|
||||
case grep = "Grep"
|
||||
|
||||
var color: SwiftUI.Color {
|
||||
switch self {
|
||||
case .write, .edit:
|
||||
return AppTheme.toolWrite
|
||||
case .bash:
|
||||
return AppTheme.toolBash
|
||||
case .read, .glob, .grep:
|
||||
return AppTheme.toolRead
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
enum ToolCallStatus: String, Codable {
|
||||
case pending
|
||||
case running
|
||||
case completed
|
||||
case failed
|
||||
}
|
||||
|
||||
// MARK: - AI Model
|
||||
|
||||
struct AIModel: Identifiable, Hashable {
|
||||
let id: String
|
||||
let name: String
|
||||
let displayName: String
|
||||
|
||||
static let sonnet = AIModel(id: "sonnet-4.5", name: "sonnet", displayName: "Sonnet 4.5")
|
||||
static let opus = AIModel(id: "opus-4.5", name: "opus", displayName: "Opus 4.5")
|
||||
static let haiku = AIModel(id: "haiku", name: "haiku", displayName: "Haiku")
|
||||
|
||||
static let all: [AIModel] = [.sonnet, .opus, .haiku]
|
||||
}
|
||||
|
||||
// MARK: - Mock Data
|
||||
|
||||
extension Session {
|
||||
static let mockList: [Session] = [
|
||||
Session(
|
||||
id: "1",
|
||||
title: "Design Claude Code system architecture for mobile",
|
||||
repository: Repository.mockList[1],
|
||||
createdAt: Date().addingTimeInterval(-3600),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
Session(
|
||||
id: "2",
|
||||
title: "Add popular tweets with images to platform showcase",
|
||||
repository: Repository.mockList[2],
|
||||
createdAt: Date().addingTimeInterval(-7200),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
Session(
|
||||
id: "3",
|
||||
title: "Add popular tweets with images to platform library",
|
||||
repository: Repository.mockList[2],
|
||||
createdAt: Date().addingTimeInterval(-10800),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
Session(
|
||||
id: "4",
|
||||
title: "Evaluate migrating SvelteKit project to Next.js",
|
||||
repository: Repository.mockList[3],
|
||||
createdAt: Date().addingTimeInterval(-14400),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
Session(
|
||||
id: "5",
|
||||
title: "Update resources list with current tools and links",
|
||||
repository: Repository.mockList[4],
|
||||
createdAt: Date().addingTimeInterval(-18000),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
Session(
|
||||
id: "6",
|
||||
title: "Sync fork with original repository",
|
||||
repository: Repository.mockList[3],
|
||||
createdAt: Date().addingTimeInterval(-21600),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
Session(
|
||||
id: "7",
|
||||
title: "Improve UI Design with Shadcn Style",
|
||||
repository: Repository.mockList[5],
|
||||
createdAt: Date().addingTimeInterval(-25200),
|
||||
status: .idle,
|
||||
messages: []
|
||||
),
|
||||
]
|
||||
|
||||
static func mockActiveSession() -> Session {
|
||||
Session(
|
||||
id: "active-1",
|
||||
title: "Add popular tweets with images to platform",
|
||||
repository: Repository.mockList[2],
|
||||
createdAt: Date().addingTimeInterval(-1800),
|
||||
status: .running,
|
||||
messages: [
|
||||
Message(
|
||||
id: "m1",
|
||||
role: .assistant,
|
||||
content: "Haklisın, hemen README.md'yi oluşturup push yapıyorum!",
|
||||
timestamp: Date().addingTimeInterval(-1200),
|
||||
toolCalls: [
|
||||
ToolCall(
|
||||
id: "tc1",
|
||||
type: .write,
|
||||
name: "Write",
|
||||
input: "/home/user/Awesome-Prompts/README.md",
|
||||
output: """
|
||||
+ # Awesome AI Prompts
|
||||
+
|
||||
+ A curated collection of powerful AI prompts that went viral on X/Twitter.
|
||||
+ These prompts have been battle-tested by thousands of users and proven to deliver
|
||||
+ exceptional results with ChatGPT, Claude, and other LLMs.
|
||||
+
|
||||
""",
|
||||
status: .completed
|
||||
)
|
||||
]
|
||||
),
|
||||
Message(
|
||||
id: "m2",
|
||||
role: .assistant,
|
||||
content: "Şimdi commit ve push yapıyorum:",
|
||||
timestamp: Date().addingTimeInterval(-900),
|
||||
toolCalls: [
|
||||
ToolCall(
|
||||
id: "tc2",
|
||||
type: .bash,
|
||||
name: "Bash",
|
||||
input: "git add README.md && git status",
|
||||
output: nil,
|
||||
status: .completed
|
||||
),
|
||||
ToolCall(
|
||||
id: "tc3",
|
||||
type: .bash,
|
||||
name: "Bash",
|
||||
input: "git commit -m \"$(cat <<'EOF'\nAdd comprehensive Awesome AI Prompts collection...\nEOF\n)\"",
|
||||
output: nil,
|
||||
status: .completed
|
||||
),
|
||||
ToolCall(
|
||||
id: "tc4",
|
||||
type: .bash,
|
||||
name: "Bash",
|
||||
input: "git push -u origin claude/add-popular-tweets-dy04J",
|
||||
output: nil,
|
||||
status: .completed
|
||||
)
|
||||
]
|
||||
),
|
||||
Message(
|
||||
id: "m3",
|
||||
role: .assistant,
|
||||
content: "Push tamam! Şimdi PR oluşturuyorum:",
|
||||
timestamp: Date().addingTimeInterval(-600),
|
||||
toolCalls: []
|
||||
),
|
||||
]
|
||||
)
|
||||
}
|
||||
}
|
||||
86
apps/ios-github-mobile/Sources/Theme/AppTheme.swift
Normal file
86
apps/ios-github-mobile/Sources/Theme/AppTheme.swift
Normal file
@ -0,0 +1,86 @@
|
||||
import SwiftUI
|
||||
|
||||
enum AppTheme {
|
||||
// Background colors
|
||||
static let background = Color(red: 0.08, green: 0.08, blue: 0.08)
|
||||
static let surfaceBackground = Color(red: 0.12, green: 0.12, blue: 0.12)
|
||||
static let cardBackground = Color(red: 0.16, green: 0.16, blue: 0.16)
|
||||
static let inputBackground = Color(red: 0.14, green: 0.14, blue: 0.14)
|
||||
|
||||
// Text colors
|
||||
static let primaryText = Color.white
|
||||
static let secondaryText = Color(white: 0.6)
|
||||
static let tertiaryText = Color(white: 0.45)
|
||||
|
||||
// Accent colors
|
||||
static let accent = Color(red: 0.85, green: 0.55, blue: 0.35) // Warm orange like Claude
|
||||
static let accentLight = Color(red: 0.95, green: 0.75, blue: 0.55)
|
||||
|
||||
// Status colors
|
||||
static let success = Color(red: 0.3, green: 0.7, blue: 0.4)
|
||||
static let warning = Color(red: 0.9, green: 0.7, blue: 0.3)
|
||||
static let error = Color(red: 0.9, green: 0.4, blue: 0.4)
|
||||
|
||||
// Tool colors
|
||||
static let toolWrite = Color(red: 0.4, green: 0.7, blue: 0.4)
|
||||
static let toolBash = Color(red: 0.5, green: 0.6, blue: 0.8)
|
||||
static let toolRead = Color(red: 0.7, green: 0.6, blue: 0.8)
|
||||
|
||||
// Chip/Tag colors
|
||||
static let chipBackground = Color(red: 0.2, green: 0.2, blue: 0.2)
|
||||
static let chipBorder = Color(white: 0.3)
|
||||
|
||||
// Button colors
|
||||
static let buttonPrimary = Color(white: 0.95)
|
||||
static let buttonPrimaryText = Color.black
|
||||
|
||||
// Spacing
|
||||
static let spacingXS: CGFloat = 4
|
||||
static let spacingSM: CGFloat = 8
|
||||
static let spacingMD: CGFloat = 12
|
||||
static let spacingLG: CGFloat = 16
|
||||
static let spacingXL: CGFloat = 24
|
||||
|
||||
// Corner radius
|
||||
static let radiusSM: CGFloat = 6
|
||||
static let radiusMD: CGFloat = 10
|
||||
static let radiusLG: CGFloat = 16
|
||||
static let radiusXL: CGFloat = 24
|
||||
static let radiusFull: CGFloat = 100
|
||||
}
|
||||
|
||||
// MARK: - View Modifiers
|
||||
|
||||
struct CardStyle: ViewModifier {
|
||||
func body(content: Content) -> some View {
|
||||
content
|
||||
.background(AppTheme.cardBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusLG))
|
||||
}
|
||||
}
|
||||
|
||||
struct ChipStyle: ViewModifier {
|
||||
func body(content: Content) -> some View {
|
||||
content
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
.padding(.vertical, AppTheme.spacingSM)
|
||||
.background(AppTheme.chipBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusFull))
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: AppTheme.radiusFull)
|
||||
.stroke(AppTheme.chipBorder, lineWidth: 1)
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
extension View {
|
||||
func cardStyle() -> some View {
|
||||
modifier(CardStyle())
|
||||
}
|
||||
|
||||
func chipStyle() -> some View {
|
||||
modifier(ChipStyle())
|
||||
}
|
||||
}
|
||||
341
apps/ios-github-mobile/Sources/Views/ChatView.swift
Normal file
341
apps/ios-github-mobile/Sources/Views/ChatView.swift
Normal file
@ -0,0 +1,341 @@
|
||||
import SwiftUI
|
||||
|
||||
struct ChatView: View {
|
||||
@Environment(AppState.self) private var appState
|
||||
let session: Session
|
||||
@State private var messageText = ""
|
||||
@State private var showModelPicker = false
|
||||
@State private var selectedModel: AIModel = .sonnet
|
||||
@State private var showCreatePR = false
|
||||
|
||||
private var currentSession: Session {
|
||||
appState.sessions.first { $0.id == session.id } ?? session
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
|
||||
VStack(spacing: 0) {
|
||||
// Messages scroll view
|
||||
ScrollViewReader { proxy in
|
||||
ScrollView {
|
||||
LazyVStack(alignment: .leading, spacing: AppTheme.spacingLG) {
|
||||
ForEach(currentSession.messages) { message in
|
||||
MessageView(message: message)
|
||||
.id(message.id)
|
||||
}
|
||||
|
||||
// Create PR button if there are tool calls
|
||||
if currentSession.messages.contains(where: { !$0.toolCalls.isEmpty }) {
|
||||
CreatePRButton(
|
||||
branchName: "claude/add-popular-tweets-dy04J",
|
||||
showCreatePR: $showCreatePR
|
||||
)
|
||||
.padding(.horizontal, AppTheme.spacingLG)
|
||||
}
|
||||
}
|
||||
.padding(.vertical, AppTheme.spacingMD)
|
||||
}
|
||||
.onChange(of: currentSession.messages.count) { _, _ in
|
||||
if let lastMessage = currentSession.messages.last {
|
||||
withAnimation {
|
||||
proxy.scrollTo(lastMessage.id, anchor: .bottom)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Input area
|
||||
VStack(spacing: AppTheme.spacingMD) {
|
||||
MessageInputView(
|
||||
text: $messageText,
|
||||
placeholder: "Add feedback...",
|
||||
onSend: sendMessage
|
||||
)
|
||||
|
||||
// Bottom chips
|
||||
HStack(spacing: AppTheme.spacingSM) {
|
||||
// Branch indicator
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Text("Branch")
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
Text("claude/add-popular-tweets...")
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
.font(.caption)
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
.padding(.vertical, AppTheme.spacingSM)
|
||||
.background(AppTheme.chipBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusMD))
|
||||
|
||||
// Create PR button inline
|
||||
Button {
|
||||
showCreatePR = true
|
||||
} label: {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Text("Create PR")
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
Image(systemName: "arrow.up.right")
|
||||
.font(.caption)
|
||||
Image(systemName: "ellipsis")
|
||||
.font(.caption2)
|
||||
}
|
||||
}
|
||||
.font(.caption)
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
.padding(.vertical, AppTheme.spacingSM)
|
||||
.background(AppTheme.chipBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusMD))
|
||||
|
||||
Spacer()
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
}
|
||||
.padding(.bottom, AppTheme.spacingMD)
|
||||
.background(AppTheme.background)
|
||||
}
|
||||
}
|
||||
.navigationTitle(session.repository.fullName)
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .principal) {
|
||||
VStack(spacing: 2) {
|
||||
Text(String(session.title.prefix(30)) + (session.title.count > 30 ? "..." : ""))
|
||||
.font(.subheadline)
|
||||
.fontWeight(.medium)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
Text("\(session.repository.fullName) · Default")
|
||||
.font(.caption2)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
}
|
||||
}
|
||||
|
||||
ToolbarItem(placement: .topBarTrailing) {
|
||||
Menu {
|
||||
Button("View on GitHub") {}
|
||||
Button("Copy branch name") {}
|
||||
Divider()
|
||||
Button("Delete session", role: .destructive) {}
|
||||
} label: {
|
||||
Image(systemName: "ellipsis.circle")
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
}
|
||||
.sheet(isPresented: $showCreatePR) {
|
||||
CreatePRSheet(session: currentSession)
|
||||
.presentationDetents([.medium])
|
||||
}
|
||||
}
|
||||
|
||||
private func sendMessage() {
|
||||
guard !messageText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty else { return }
|
||||
appState.sendMessage(messageText, to: currentSession)
|
||||
messageText = ""
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Message View
|
||||
|
||||
struct MessageView: View {
|
||||
let message: Message
|
||||
@State private var expandedToolCalls: Set<String> = []
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading, spacing: AppTheme.spacingMD) {
|
||||
// Message content
|
||||
if !message.content.isEmpty {
|
||||
Text(message.content)
|
||||
.font(.body)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
.padding(.horizontal, AppTheme.spacingLG)
|
||||
}
|
||||
|
||||
// Tool calls
|
||||
ForEach(message.toolCalls) { toolCall in
|
||||
ToolCallView(
|
||||
toolCall: toolCall,
|
||||
isExpanded: expandedToolCalls.contains(toolCall.id),
|
||||
onToggle: {
|
||||
if expandedToolCalls.contains(toolCall.id) {
|
||||
expandedToolCalls.remove(toolCall.id)
|
||||
} else {
|
||||
expandedToolCalls.insert(toolCall.id)
|
||||
}
|
||||
}
|
||||
)
|
||||
.padding(.horizontal, AppTheme.spacingLG)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Tool Call View
|
||||
|
||||
struct ToolCallView: View {
|
||||
let toolCall: ToolCall
|
||||
let isExpanded: Bool
|
||||
let onToggle: () -> Void
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading, spacing: 0) {
|
||||
// Header
|
||||
Button(action: onToggle) {
|
||||
HStack(spacing: AppTheme.spacingSM) {
|
||||
// Tool type badge
|
||||
Text(toolCall.type.rawValue)
|
||||
.font(.subheadline)
|
||||
.fontWeight(.medium)
|
||||
.foregroundStyle(toolCall.type.color)
|
||||
|
||||
// File path or command
|
||||
Text(toolCall.input)
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
.lineLimit(1)
|
||||
|
||||
Spacer()
|
||||
|
||||
// Expand indicator
|
||||
Image(systemName: isExpanded ? "chevron.up" : "chevron.down")
|
||||
.font(.caption)
|
||||
.foregroundStyle(AppTheme.tertiaryText)
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
.padding(.vertical, AppTheme.spacingSM)
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
|
||||
// Expanded content
|
||||
if isExpanded, let output = toolCall.output {
|
||||
ScrollView(.horizontal, showsIndicators: false) {
|
||||
Text(output)
|
||||
.font(.system(.caption, design: .monospaced))
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
.padding(AppTheme.spacingMD)
|
||||
}
|
||||
.frame(maxHeight: 200)
|
||||
.background(AppTheme.surfaceBackground)
|
||||
}
|
||||
}
|
||||
.background(AppTheme.cardBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusMD))
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Create PR Button
|
||||
|
||||
struct CreatePRButton: View {
|
||||
let branchName: String
|
||||
@Binding var showCreatePR: Bool
|
||||
|
||||
var body: some View {
|
||||
HStack {
|
||||
Text(branchName)
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
.lineLimit(1)
|
||||
|
||||
Spacer()
|
||||
|
||||
Button {
|
||||
showCreatePR = true
|
||||
} label: {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Text("Create PR")
|
||||
.fontWeight(.medium)
|
||||
Image(systemName: "arrow.up.right")
|
||||
Image(systemName: "ellipsis")
|
||||
}
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
.padding(AppTheme.spacingMD)
|
||||
.background(AppTheme.cardBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusMD))
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Create PR Sheet
|
||||
|
||||
struct CreatePRSheet: View {
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
let session: Session
|
||||
@State private var prTitle = ""
|
||||
@State private var prDescription = ""
|
||||
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
|
||||
VStack(spacing: AppTheme.spacingLG) {
|
||||
VStack(alignment: .leading, spacing: AppTheme.spacingSM) {
|
||||
Text("Title")
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
|
||||
TextField("PR title", text: $prTitle)
|
||||
.textFieldStyle(.plain)
|
||||
.padding(AppTheme.spacingMD)
|
||||
.background(AppTheme.inputBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusMD))
|
||||
}
|
||||
|
||||
VStack(alignment: .leading, spacing: AppTheme.spacingSM) {
|
||||
Text("Description")
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
|
||||
TextEditor(text: $prDescription)
|
||||
.scrollContentBackground(.hidden)
|
||||
.padding(AppTheme.spacingMD)
|
||||
.background(AppTheme.inputBackground)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusMD))
|
||||
.frame(minHeight: 120)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
Button {
|
||||
// Create PR action
|
||||
dismiss()
|
||||
} label: {
|
||||
Text("Create Pull Request")
|
||||
.font(.body)
|
||||
.fontWeight(.medium)
|
||||
.foregroundStyle(AppTheme.buttonPrimaryText)
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.vertical, AppTheme.spacingMD)
|
||||
.background(AppTheme.buttonPrimary)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusFull))
|
||||
}
|
||||
}
|
||||
.padding(AppTheme.spacingLG)
|
||||
}
|
||||
.navigationTitle("Create PR")
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .topBarLeading) {
|
||||
Button("Cancel") {
|
||||
dismiss()
|
||||
}
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
.onAppear {
|
||||
prTitle = session.title
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
NavigationStack {
|
||||
ChatView(session: Session.mockActiveSession())
|
||||
}
|
||||
.environment(AppState())
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
220
apps/ios-github-mobile/Sources/Views/SessionListView.swift
Normal file
220
apps/ios-github-mobile/Sources/Views/SessionListView.swift
Normal file
@ -0,0 +1,220 @@
|
||||
import SwiftUI
|
||||
|
||||
struct SessionListView: View {
|
||||
@Environment(AppState.self) private var appState
|
||||
@State private var showingNewSessionSheet = false
|
||||
|
||||
var body: some View {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
|
||||
VStack(spacing: 0) {
|
||||
// Session list
|
||||
ScrollView {
|
||||
LazyVStack(spacing: 0) {
|
||||
// Status indicator
|
||||
HStack {
|
||||
Text("Idle")
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
Spacer()
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingLG)
|
||||
.padding(.top, AppTheme.spacingMD)
|
||||
.padding(.bottom, AppTheme.spacingSM)
|
||||
|
||||
// Sessions
|
||||
ForEach(appState.sessions) { session in
|
||||
SessionRowView(session: session)
|
||||
.onTapGesture {
|
||||
appState.openSession(session)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// New session button
|
||||
Button {
|
||||
showingNewSessionSheet = true
|
||||
} label: {
|
||||
Text("New session")
|
||||
.font(.body)
|
||||
.fontWeight(.medium)
|
||||
.foregroundStyle(AppTheme.buttonPrimaryText)
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.vertical, AppTheme.spacingMD)
|
||||
.background(AppTheme.buttonPrimary)
|
||||
.clipShape(RoundedRectangle(cornerRadius: AppTheme.radiusFull))
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingLG)
|
||||
.padding(.vertical, AppTheme.spacingMD)
|
||||
.background(AppTheme.background)
|
||||
}
|
||||
}
|
||||
.navigationTitle("Code")
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .topBarLeading) {
|
||||
Button {
|
||||
// Settings/filter menu
|
||||
} label: {
|
||||
Image(systemName: "line.3.horizontal.decrease")
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
}
|
||||
.sheet(isPresented: $showingNewSessionSheet) {
|
||||
NewSessionSheet()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Session Row
|
||||
|
||||
struct SessionRowView: View {
|
||||
let session: Session
|
||||
|
||||
var body: some View {
|
||||
HStack(alignment: .center, spacing: AppTheme.spacingMD) {
|
||||
VStack(alignment: .leading, spacing: AppTheme.spacingXS) {
|
||||
Text(session.title)
|
||||
.font(.body)
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
.lineLimit(2)
|
||||
|
||||
Text(session.repository.fullName)
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(AppTheme.secondaryText)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
Image(systemName: "chevron.right")
|
||||
.font(.footnote)
|
||||
.foregroundStyle(AppTheme.tertiaryText)
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingLG)
|
||||
.padding(.vertical, AppTheme.spacingMD)
|
||||
.contentShape(Rectangle())
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - New Session Sheet
|
||||
|
||||
struct NewSessionSheet: View {
|
||||
@Environment(AppState.self) private var appState
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
@State private var messageText = ""
|
||||
@State private var selectedRepository: Repository?
|
||||
@State private var selectedBranch = "main"
|
||||
@State private var selectedModel: AIModel = .sonnet
|
||||
@State private var showModelPicker = false
|
||||
@State private var showRepoPicker = false
|
||||
|
||||
var body: some View {
|
||||
NavigationStack {
|
||||
ZStack {
|
||||
AppTheme.background.ignoresSafeArea()
|
||||
|
||||
VStack(spacing: 0) {
|
||||
Spacer()
|
||||
|
||||
// Message input area
|
||||
VStack(spacing: AppTheme.spacingMD) {
|
||||
// Text input
|
||||
MessageInputView(
|
||||
text: $messageText,
|
||||
placeholder: "Ask Claude to help with code...",
|
||||
onSend: createSession
|
||||
)
|
||||
|
||||
// Bottom chips
|
||||
HStack(spacing: AppTheme.spacingSM) {
|
||||
// Model picker
|
||||
Button {
|
||||
showModelPicker = true
|
||||
} label: {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Image(systemName: "cube")
|
||||
Text(selectedModel.displayName)
|
||||
Image(systemName: "chevron.down")
|
||||
.font(.caption2)
|
||||
}
|
||||
}
|
||||
.chipStyle()
|
||||
|
||||
// Repository picker
|
||||
Button {
|
||||
showRepoPicker = true
|
||||
} label: {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Image(systemName: "folder")
|
||||
Text(selectedRepository?.name ?? "Select repo")
|
||||
}
|
||||
}
|
||||
.chipStyle()
|
||||
|
||||
// Branch
|
||||
if selectedRepository != nil {
|
||||
HStack(spacing: AppTheme.spacingXS) {
|
||||
Image(systemName: "arrow.triangle.branch")
|
||||
Text(selectedBranch)
|
||||
}
|
||||
.chipStyle()
|
||||
}
|
||||
|
||||
Spacer()
|
||||
}
|
||||
.padding(.horizontal, AppTheme.spacingMD)
|
||||
}
|
||||
.padding(.bottom, AppTheme.spacingLG)
|
||||
}
|
||||
}
|
||||
.navigationTitle("New Session")
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbar {
|
||||
ToolbarItem(placement: .topBarLeading) {
|
||||
Button("Cancel") {
|
||||
dismiss()
|
||||
}
|
||||
.foregroundStyle(AppTheme.primaryText)
|
||||
}
|
||||
}
|
||||
.onAppear {
|
||||
selectedRepository = appState.repositories.first
|
||||
}
|
||||
.sheet(isPresented: $showModelPicker) {
|
||||
ModelPickerSheet(selectedModel: $selectedModel)
|
||||
.presentationDetents([.medium])
|
||||
}
|
||||
.sheet(isPresented: $showRepoPicker) {
|
||||
RepositoryPickerSheet(
|
||||
repositories: appState.repositories,
|
||||
selectedRepository: $selectedRepository
|
||||
)
|
||||
.presentationDetents([.medium, .large])
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private func createSession() {
|
||||
guard !messageText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty,
|
||||
let repository = selectedRepository else { return }
|
||||
|
||||
let session = appState.createNewSession(
|
||||
title: String(messageText.prefix(50)),
|
||||
repository: repository
|
||||
)
|
||||
appState.sendMessage(messageText, to: session)
|
||||
dismiss()
|
||||
appState.openSession(session)
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
NavigationStack {
|
||||
SessionListView()
|
||||
}
|
||||
.environment(AppState())
|
||||
.preferredColorScheme(.dark)
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user