\n );\n }\n\n if (!session) {\n return (\n

\n 💼 FreelanceHub\n

\n Connect, Collaborate, and Grow Your Digital Career\n

🎯

Find Perfect Jobs

Browse opportunities that match your skills and expertise

🤝

Connect & Network

Join our community chat and build professional relationships

📈

Grow Your Business

Showcase your skills and attract high-quality clients

\n \n

\n );\n }\n\n return (\n

\n \n

\n {currentPage === 'home' && }\n {currentPage === 'jobs' && }\n {currentPage === 'freelancers' && }\n {currentPage === 'chat' && }\n {currentPage === 'profile' && }\n

\n );\n}\n\nfunction HomePage({ user }: { user: User }) {\n return (\n

\n Welcome back, {user.name}! 👋\n

\n Ready to {user.user_type === 'freelancer' ? 'find your next project' : 'hire amazing talent'}?\n

\n\n

💼

Job Board

\n {user.user_type === 'freelancer' \n ? 'Browse and apply to exciting opportunities'\n : 'Post jobs and find the perfect freelancer'\n }\n

Explore Jobs →

\n\n

👥

Community Chat

\n Connect with other professionals, share tips, and collaborate\n

Join Chat →

\n\n

🌟

Freelancer Directory

\n {user.user_type === 'freelancer'\n ? 'Network with other freelancers and learn from their experience'\n : 'Browse profiles and find skilled professionals'\n }\n

View Directory →

\n\n

Quick Stats

500+

Active Jobs

1,200+

Freelancers

800+

Clients

95%

Success Rate

\n );\n}",[],[257,264,271],{"_106":278,"_98":279,"_150":280,"_152":265,"_153":137,"_154":281,"_156":157,"_108":282,"_103":31,"_159":177,"_161":283,"_162":27,"_163":-5,"_164":284,"_101":285},"d48fb180-3f97-11f0-a9c1-76b3cceeab13","Auth.tsx","d48fb27a-3f97-11f0-a9c1-76b3cceeab13",15,["D",1748858178722],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { UserSession, AuthResponse } from \"../../shared/types.ts\";\n\ninterface AuthProps {\n onLogin: (session: UserSession) => void;\n}\n\nexport default function Auth({ onLogin }: AuthProps) {\n const [isLogin, setIsLogin] = useState(true);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [formData, setFormData] = useState({\n email: '',\n password: '',\n name: '',\n user_type: 'freelancer' as 'freelancer' | 'client'\n });\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError('');\n\n try {\n const endpoint = isLogin ? '/api/auth/login' : '/api/auth/register';\n const body = isLogin \n ? { email: formData.email, password: formData.password }\n : formData;\n\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(body)\n });\n\n const data: AuthResponse = await response.json();\n\n if (data.success && data.user && data.token) {\n onLogin({ user: data.user, token: data.token });\n } else {\n setError(data.error || 'Authentication failed');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n setFormData(prev => ({\n ...prev,\n [e.target.name]: e.target.value\n }));\n };\n\n return (\n

\n {isLogin ? 'Welcome Back' : 'Join FreelanceHub'}\n

\n {isLogin \n ? 'Sign in to your account' \n : 'Create your account and start connecting'\n }\n

\n\n {error && (\n

\n ⚠️\n {error}\n

\n )}\n\n

\n {!isLogin && (\n

\n \n Full Name\n \n \n

\n )}\n\n

\n \n Email Address\n \n \n

\n\n

\n \n Password\n \n \n

\n\n {!isLogin && (\n

\n \n I am a...\n \n \n \n \n \n

\n )}\n\n \n {loading ? (\n

\n Please wait...\n

\n ) : (\n isLogin ? 'Sign In' : 'Create Account'\n )}\n \n \n\n

\n {\n setIsLogin(!isLogin);\n setError('');\n setFormData({\n email: '',\n password: '',\n name: '',\n user_type: 'freelancer'\n });\n }}\n className=\"text-blue-600 hover:text-blue-700 font-medium\"\n >\n {isLogin \n ? \"Don't have an account? Sign up\" \n : \"Already have an account? Sign in\"\n }\n \n

\n\n {/* Demo accounts info */}\n

Demo Accounts

Freelancer: demo@freelancer.com / password123

Client: demo@client.com / password123

\n );\n}",[],[257,264,279],{"_106":287,"_98":288,"_150":289,"_152":265,"_153":137,"_154":290,"_156":157,"_108":291,"_103":31,"_159":177,"_161":292,"_162":27,"_163":-5,"_164":293,"_101":294},"24510eda-3f98-11f0-bbf4-76b3cceeab13","Chat.tsx","24510f8e-3f98-11f0-bbf4-76b3cceeab13",17,["D",1748858312526],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { ChatMessage, User, ApiResponse } from \"../../shared/types.ts\";\n\ninterface ChatProps {\n user: User;\n token: string;\n}\n\nexport default function Chat({ user, token }: ChatProps) {\n const [messages, setMessages] = useState([]);\n const [newMessage, setNewMessage] = useState('');\n const [loading, setLoading] = useState(true);\n const [sending, setSending] = useState(false);\n const [connected, setConnected] = useState(false);\n const [onlineUsers, setOnlineUsers] = useState([]);\n const messagesEndRef = useRef(null);\n const eventSourceRef = useRef(null);\n\n useEffect(() => {\n fetchMessages();\n connectToChat();\n\n return () => {\n if (eventSourceRef.current) {\n eventSourceRef.current.close();\n }\n };\n }, []);\n\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n const fetchMessages = async () => {\n try {\n const response = await fetch('/api/chat/messages');\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setMessages(data.data);\n }\n } catch (error) {\n console.error('Error fetching messages:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const connectToChat = () => {\n const eventSource = new EventSource('/api/chat/stream');\n eventSourceRef.current = eventSource;\n\n eventSource.onopen = () => {\n setConnected(true);\n };\n\n eventSource.onmessage = (event) => {\n try {\n const data = JSON.parse(event.data);\n \n if (data.type === 'message') {\n setMessages(prev => [...prev, data.data]);\n } else if (data.type === 'connected') {\n setConnected(true);\n }\n } catch (error) {\n console.error('Error parsing SSE data:', error);\n }\n };\n\n eventSource.onerror = () => {\n setConnected(false);\n // Attempt to reconnect after 3 seconds\n setTimeout(() => {\n if (eventSourceRef.current?.readyState === EventSource.CLOSED) {\n connectToChat();\n }\n }, 3000);\n };\n };\n\n const sendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!newMessage.trim() || sending) return;\n\n setSending(true);\n const messageText = newMessage.trim();\n setNewMessage('');\n\n try {\n const response = await fetch('/api/chat/messages', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({ message: messageText })\n });\n\n const data: ApiResponse = await response.json();\n\n if (!data.success) {\n // Restore message if failed\n setNewMessage(messageText);\n console.error('Failed to send message:', data.error);\n }\n } catch (error) {\n // Restore message if failed\n setNewMessage(messageText);\n console.error('Error sending message:', error);\n } finally {\n setSending(false);\n }\n };\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n const formatTime = (timestamp: string) => {\n return new Date(timestamp).toLocaleTimeString([], { \n hour: '2-digit', \n minute: '2-digit' \n });\n };\n\n const isOwnMessage = (message: ChatMessage) => {\n return message.user_id === user.id;\n };\n\n if (loading) {\n return (\n

\n );\n }\n\n return (\n

Community Chat

\n Connect with fellow freelancers and clients in real-time\n

\n \n {connected ? 'Connected' : 'Disconnected'}\n \n

\n\n

\n {/* Chat Header */}\n

💬

General Discussion

\n Share tips, ask questions, and network with the community\n

\n {messages.length} messages\n

\n\n {/* Messages Area */}\n

\n {messages.length === 0 ? (\n

💭

No messages yet

Be the first to start the conversation!

\n ) : (\n messages.map((message) => (\n \n

\n {!isOwnMessage(message) && (\n

\n {message.user_name}\n

\n )}\n

{message.message}

\n {formatTime(message.created_at)}\n

\n \n {/* Avatar */}\n

\n {message.user_name.charAt(0).toUpperCase()}\n

\n ))\n )}\n

\n\n {/* Message Input */}\n

\n\n {/* Chat Guidelines */}\n

💡 Chat Guidelines

• Be respectful and professional
• Share knowledge and help others
• No spam or self-promotion
• Keep discussions relevant to freelancing and business
• Use direct messages for private conversations

\n );\n}",[],[257,264,288],{"_106":296,"_98":297,"_150":298,"_152":265,"_153":137,"_154":299,"_156":157,"_108":300,"_103":31,"_159":177,"_161":301,"_162":27,"_163":-5,"_164":302,"_101":303},"6612fa54-3f98-11f0-bc2d-76b3cceeab13","FreelancerDirectory.tsx","6612fb08-3f98-11f0-bc2d-76b3cceeab13",19,["D",1748858422842],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User, ApiResponse } from \"../../shared/types.ts\";\n\nexport default function FreelancerDirectory() {\n const [freelancers, setFreelancers] = useState([]);\n const [loading, setLoading] = useState(true);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedSkill, setSelectedSkill] = useState('');\n const [selectedFreelancer, setSelectedFreelancer] = useState(null);\n\n useEffect(() => {\n fetchFreelancers();\n }, []);\n\n const fetchFreelancers = async () => {\n try {\n const response = await fetch('/api/users?limit=50');\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setFreelancers(data.data);\n }\n } catch (error) {\n console.error('Error fetching freelancers:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const getSkills = (skillsJson: string): string[] => {\n try {\n return skillsJson ? JSON.parse(skillsJson) : [];\n } catch {\n return [];\n }\n };\n\n const getAllSkills = (): string[] => {\n const allSkills = new Set();\n freelancers.forEach(freelancer => {\n getSkills(freelancer.skills || '').forEach(skill => allSkills.add(skill));\n });\n return Array.from(allSkills).sort();\n };\n\n const filteredFreelancers = freelancers.filter(freelancer => {\n const matchesSearch = !searchTerm || \n freelancer.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n freelancer.title?.toLowerCase().includes(searchTerm.toLowerCase()) ||\n freelancer.bio?.toLowerCase().includes(searchTerm.toLowerCase());\n\n const matchesSkill = !selectedSkill || \n getSkills(freelancer.skills || '').some(skill => \n skill.toLowerCase().includes(selectedSkill.toLowerCase())\n );\n\n return matchesSearch && matchesSkill;\n });\n\n if (loading) {\n return (\n

\n );\n }\n\n return (\n

Freelancer Directory

\n Discover talented freelancers and virtual assistants\n

\n\n {/* Search and Filters */}\n

\n \n Search Freelancers\n \n setSearchTerm(e.target.value)}\n placeholder=\"Search by name, title, or bio...\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n

\n \n Filter by Skill\n \n setSelectedSkill(e.target.value)}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n {getAllSkills().map(skill => (\n \n ))}\n \n

\n\n

\n {filteredFreelancers.length} freelancer{filteredFreelancers.length !== 1 ? 's' : ''} found\n

\n {(searchTerm || selectedSkill) && (\n {\n setSearchTerm('');\n setSelectedSkill('');\n }}\n className=\"text-blue-600 hover:text-blue-700 text-sm font-medium\"\n >\n Clear Filters\n \n )}\n

\n\n {/* Freelancers Grid */}\n

\n {filteredFreelancers.length === 0 ? (\n

👥

No freelancers found

\n {searchTerm || selectedSkill \n ? 'Try adjusting your search criteria' \n : 'Be the first to join as a freelancer!'\n }\n

\n ) : (\n filteredFreelancers.map((freelancer) => (\n setSelectedFreelancer(freelancer)}\n />\n ))\n )}\n

\n\n {/* Freelancer Details Modal */}\n {selectedFreelancer && (\n setSelectedFreelancer(null)}\n />\n )}\n

\n );\n}\n\nfunction FreelancerCard({ freelancer, onClick }: {\n freelancer: User;\n onClick: () => void;\n}) {\n const skills = getSkills(freelancer.skills || '');\n\n const getSkills = (skillsJson: string): string[] => {\n try {\n return skillsJson ? JSON.parse(skillsJson) : [];\n } catch {\n return [];\n }\n };\n\n return (\n

\n {freelancer.name.charAt(0).toUpperCase()}\n

{freelancer.name}

\n {freelancer.title && (\n

{freelancer.title}

\n )}\n

\n\n

\n {freelancer.location && (\n

\n 📍\n {freelancer.location}\n

\n )}\n\n {freelancer.hourly_rate && (\n

\n 💰\n ${freelancer.hourly_rate}/hour\n

\n )}\n\n

\n 📅\n Joined {new Date(freelancer.created_at).toLocaleDateString()}\n

\n\n {freelancer.bio && (\n

\n {freelancer.bio}\n

\n )}\n\n {skills.length > 0 && (\n

\n {skills.slice(0, 4).map((skill, index) => (\n \n {skill}\n \n ))}\n {skills.length > 4 && (\n +{skills.length - 4}\n )}\n

\n )}\n

\n );\n}\n\nfunction FreelancerModal({ freelancer, onClose }: {\n freelancer: User;\n onClose: () => void;\n}) {\n const skills = getSkills(freelancer.skills || '');\n\n const getSkills = (skillsJson: string): string[] => {\n try {\n return skillsJson ? JSON.parse(skillsJson) : [];\n } catch {\n return [];\n }\n };\n\n return (\n

\n {freelancer.name.charAt(0).toUpperCase()}\n

{freelancer.name}

\n {freelancer.title && (\n

{freelancer.title}

\n )}\n

\n {freelancer.location && (\n \n 📍\n {freelancer.location}\n \n )}\n \n 📅\n Joined {new Date(freelancer.created_at).toLocaleDateString()}\n \n

\n \n \n \n

\n\n

\n {freelancer.hourly_rate && (\n

${freelancer.hourly_rate}/hour

Hourly Rate

\n )}\n\n {freelancer.bio && (\n

About

{freelancer.bio}

\n )}\n\n {skills.length > 0 && (\n

Skills & Expertise

\n {skills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n )}\n\n

Contact Information

\n 📧\n {freelancer.email}\n

\n {freelancer.portfolio_url && (\n

\n 🔗\n \n View Portfolio\n \n

\n )}\n

\n\n

\n \n Close\n \n {\n window.location.href = `mailto:${freelancer.email}?subject=Project Opportunity`;\n }}\n className=\"flex-1 bg-blue-600 text-white py-3 px-4 rounded-lg font-medium hover:bg-blue-700 transition-colors\"\n >\n Contact Freelancer\n \n

\n );\n}",[],[257,264,297],{"_106":305,"_98":306,"_150":307,"_152":265,"_153":137,"_154":308,"_156":157,"_108":309,"_103":31,"_159":177,"_161":310,"_162":27,"_163":-5,"_164":311,"_101":312},"c3601cce-3f97-11f0-9348-76b3cceeab13","Header.tsx","c3601d96-3f97-11f0-9348-76b3cceeab13",14,["D",1748858149887],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface HeaderProps {\n user: User;\n currentPage: string;\n onPageChange: (page: any) => void;\n onLogout: () => void;\n}\n\nexport default function Header({ user, currentPage, onPageChange, onLogout }: HeaderProps) {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n const navItems = [\n { id: 'home', label: 'Home', icon: '🏠' },\n { id: 'jobs', label: 'Jobs', icon: '💼' },\n { id: 'freelancers', label: 'Freelancers', icon: '👥' },\n { id: 'chat', label: 'Chat', icon: '💬' },\n { id: 'profile', label: 'Profile', icon: '👤' },\n ];\n\n return (\n

\n {/* Logo */}\n

💼

FreelanceHub

\n {user.user_type === 'freelancer' ? 'Freelancer' : 'Client'} Dashboard\n

\n\n {/* Desktop Navigation */}\n \n\n {/* User Menu */}\n

{user.name}

{user.email}

\n \n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"flex items-center space-x-2 p-2 rounded-lg hover:bg-gray-100 transition-colors\"\n >\n

\n {user.name.charAt(0).toUpperCase()}\n

\n \n \n\n {/* Dropdown Menu */}\n {isMenuOpen && (\n

\n {\n onPageChange('profile');\n setIsMenuOpen(false);\n }}\n className=\"flex items-center space-x-2 w-full px-4 py-2 text-left text-gray-700 hover:bg-gray-100\"\n >\n 👤\n Profile Settings\n \n

\n {\n onLogout();\n setIsMenuOpen(false);\n }}\n className=\"flex items-center space-x-2 w-full px-4 py-2 text-left text-red-600 hover:bg-red-50\"\n >\n 🚪\n Logout\n \n

\n )}\n

\n\n {/* Mobile Menu Button */}\n setIsMenuOpen(!isMenuOpen)}\n className=\"md:hidden p-2 rounded-lg hover:bg-gray-100\"\n >\n \n \n

\n\n {/* Mobile Navigation */}\n {isMenuOpen && (\n

\n {navItems.map((item) => (\n {\n onPageChange(item.id);\n setIsMenuOpen(false);\n }}\n className={`flex items-center space-x-3 w-full px-4 py-3 rounded-lg transition-colors ${\n currentPage === item.id\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n )}\n

\n );\n}",[],[257,264,306],{"_106":314,"_98":315,"_150":316,"_152":265,"_153":137,"_154":317,"_156":157,"_108":318,"_103":31,"_159":177,"_161":319,"_162":27,"_163":-5,"_164":320,"_101":321},"0d0ac0c2-3f98-11f0-81cf-76b3cceeab13","JobBoard.tsx","0d0ac162-3f98-11f0-81cf-76b3cceeab13",16,["D",1748858273481],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Job, User, ApiResponse } from \"../../shared/types.ts\";\n\ninterface JobBoardProps {\n user: User;\n token: string;\n}\n\nexport default function JobBoard({ user, token }: JobBoardProps) {\n const [jobs, setJobs] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showCreateForm, setShowCreateForm] = useState(false);\n const [selectedJob, setSelectedJob] = useState(null);\n const [filter, setFilter] = useState('all');\n\n useEffect(() => {\n fetchJobs();\n }, [filter]);\n\n const fetchJobs = async () => {\n try {\n const url = filter === 'all' ? '/api/jobs' : `/api/jobs?status=${filter}`;\n const response = await fetch(url);\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setJobs(data.data);\n }\n } catch (error) {\n console.error('Error fetching jobs:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const formatBudget = (job: Job) => {\n if (job.budget_type === 'fixed') {\n if (job.budget_min && job.budget_max) {\n return `$${job.budget_min} - $${job.budget_max}`;\n } else if (job.budget_min) {\n return `$${job.budget_min}+`;\n }\n return 'Budget TBD';\n } else {\n if (job.budget_min && job.budget_max) {\n return `$${job.budget_min} - $${job.budget_max}/hr`;\n } else if (job.budget_min) {\n return `$${job.budget_min}+/hr`;\n }\n return 'Rate TBD';\n }\n };\n\n const getSkills = (skillsJson: string): string[] => {\n try {\n return JSON.parse(skillsJson);\n } catch {\n return [];\n }\n };\n\n if (loading) {\n return (\n

\n );\n }\n\n return (\n

Job Board

\n {user.user_type === 'freelancer' \n ? 'Find your next opportunity' \n : 'Post jobs and find talent'\n }\n

\n \n {user.user_type === 'client' && (\n setShowCreateForm(true)}\n className=\"mt-4 md:mt-0 bg-blue-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors\"\n >\n + Post New Job\n \n )}\n

\n\n {/* Filters */}\n

\n {['all', 'open', 'in_progress', 'completed'].map((status) => (\n setFilter(status)}\n className={`px-4 py-2 rounded-lg font-medium transition-colors ${\n filter === status\n ? 'bg-blue-600 text-white'\n : 'bg-white text-gray-600 hover:bg-gray-100 border border-gray-300'\n }`}\n >\n {status === 'all' ? 'All Jobs' : status.replace('_', ' ').toUpperCase()}\n \n ))}\n

\n\n {/* Jobs List */}\n

\n {jobs.length === 0 ? (\n

📋

No jobs found

\n {user.user_type === 'client' \n ? 'Be the first to post a job!' \n : 'Check back later for new opportunities.'\n }\n

\n ) : (\n jobs.map((job) => (\n setSelectedJob(job)}\n onUpdate={fetchJobs}\n />\n ))\n )}\n

\n\n {/* Create Job Modal */}\n {showCreateForm && (\n setShowCreateForm(false)}\n onSuccess={() => {\n setShowCreateForm(false);\n fetchJobs();\n }}\n />\n )}\n\n {/* Job Details Modal */}\n {selectedJob && (\n setSelectedJob(null)}\n onUpdate={fetchJobs}\n />\n )}\n

\n );\n}\n\nfunction JobCard({ job, user, token, onClick, onUpdate }: {\n job: Job;\n user: User;\n token: string;\n onClick: () => void;\n onUpdate: () => void;\n}) {\n const skills = getSkills(job.skills_required);\n const isOwner = user.id === job.client_id;\n\n const getStatusColor = (status: string) => {\n switch (status) {\n case 'open': return 'bg-green-100 text-green-800';\n case 'in_progress': return 'bg-blue-100 text-blue-800';\n case 'completed': return 'bg-gray-100 text-gray-800';\n case 'cancelled': return 'bg-red-100 text-red-800';\n default: return 'bg-gray-100 text-gray-800';\n }\n };\n\n const formatBudget = (job: Job) => {\n if (job.budget_type === 'fixed') {\n if (job.budget_min && job.budget_max) {\n return `$${job.budget_min} - $${job.budget_max}`;\n } else if (job.budget_min) {\n return `$${job.budget_min}+`;\n }\n return 'Budget TBD';\n } else {\n if (job.budget_min && job.budget_max) {\n return `$${job.budget_min} - $${job.budget_max}/hr`;\n } else if (job.budget_min) {\n return `$${job.budget_min}+/hr`;\n }\n return 'Rate TBD';\n }\n };\n\n const getSkills = (skillsJson: string): string[] => {\n try {\n return JSON.parse(skillsJson);\n } catch {\n return [];\n }\n };\n\n return (\n

{job.title}

\n \n {job.status.replace('_', ' ').toUpperCase()}\n \n

{job.description}

\n 👤 {job.client_name}\n 💰 {formatBudget(job)}\n 📅 {new Date(job.created_at).toLocaleDateString()}\n

\n {isOwner && (\n

\n \n Your Job\n \n

\n )}\n

\n\n

\n {skills.slice(0, 5).map((skill, index) => (\n \n {skill}\n \n ))}\n {skills.length > 5 && (\n +{skills.length - 5} more\n )}\n

\n );\n}\n\nfunction CreateJobModal({ user, token, onClose, onSuccess }: {\n user: User;\n token: string;\n onClose: () => void;\n onSuccess: () => void;\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [formData, setFormData] = useState({\n title: '',\n description: '',\n budget_type: 'fixed' as 'fixed' | 'hourly',\n budget_min: '',\n budget_max: '',\n skills_required: '',\n deadline: ''\n });\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError('');\n\n try {\n const skills = formData.skills_required.split(',').map(s => s.trim()).filter(s => s);\n \n const response = await fetch('/api/jobs', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n ...formData,\n budget_min: formData.budget_min ? parseFloat(formData.budget_min) : undefined,\n budget_max: formData.budget_max ? parseFloat(formData.budget_max) : undefined,\n skills_required: skills,\n deadline: formData.deadline || undefined\n })\n });\n\n const data: ApiResponse = await response.json();\n\n if (data.success) {\n onSuccess();\n } else {\n setError(data.error || 'Failed to create job');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

Post New Job

\n \n \n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Job Title *\n \n setFormData(prev => ({ ...prev, title: e.target.value }))}\n required\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"e.g., WordPress Developer Needed\"\n />\n

\n\n

\n \n Description *\n \n setFormData(prev => ({ ...prev, description: e.target.value }))}\n required\n rows={4}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Describe the project, requirements, and expectations...\"\n />\n

\n\n

\n \n Budget Type *\n \n setFormData(prev => ({ ...prev, budget_type: e.target.value as 'fixed' | 'hourly' }))}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n

\n\n

\n \n Deadline\n \n setFormData(prev => ({ ...prev, deadline: e.target.value }))}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n\n

\n \n Min Budget ($)\n \n setFormData(prev => ({ ...prev, budget_min: e.target.value }))}\n min=\"0\"\n step=\"0.01\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"0.00\"\n />\n

\n\n

\n \n Max Budget ($)\n \n setFormData(prev => ({ ...prev, budget_max: e.target.value }))}\n min=\"0\"\n step=\"0.01\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"0.00\"\n />\n

\n\n

\n \n Required Skills *\n \n setFormData(prev => ({ ...prev, skills_required: e.target.value }))}\n required\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"e.g., JavaScript, React, Node.js (comma separated)\"\n />\n

Separate skills with commas

\n\n

\n \n Cancel\n \n \n {loading ? 'Creating...' : 'Post Job'}\n \n

\n );\n}\n\nfunction JobDetailsModal({ job, user, token, onClose, onUpdate }: {\n job: Job;\n user: User;\n token: string;\n onClose: () => void;\n onUpdate: () => void;\n}) {\n const [showApplyForm, setShowApplyForm] = useState(false);\n const skills = getSkills(job.skills_required);\n const isOwner = user.id === job.client_id;\n const canApply = user.user_type === 'freelancer' && job.status === 'open' && !isOwner;\n\n const formatBudget = (job: Job) => {\n if (job.budget_type === 'fixed') {\n if (job.budget_min && job.budget_max) {\n return `$${job.budget_min} - $${job.budget_max}`;\n } else if (job.budget_min) {\n return `$${job.budget_min}+`;\n }\n return 'Budget TBD';\n } else {\n if (job.budget_min && job.budget_max) {\n return `$${job.budget_min} - $${job.budget_max}/hr`;\n } else if (job.budget_min) {\n return `$${job.budget_min}+/hr`;\n }\n return 'Rate TBD';\n }\n };\n\n const getSkills = (skillsJson: string): string[] => {\n try {\n return JSON.parse(skillsJson);\n } catch {\n return [];\n }\n };\n\n return (\n

{job.title}

\n 👤 {job.client_name}\n 📅 Posted {new Date(job.created_at).toLocaleDateString()}\n {job.deadline && (\n ⏰ Due {new Date(job.deadline).toLocaleDateString()}\n )}\n

\n \n \n \n

\n\n

Description

{job.description}

\n\n

Budget

{formatBudget(job)}

{job.budget_type} project

\n\n

Status

\n {job.status.replace('_', ' ')}\n

Current project status

\n\n

Required Skills

\n {skills.map((skill, index) => (\n \n {skill}\n \n ))}\n

\n\n {canApply && (\n

\n setShowApplyForm(true)}\n className=\"w-full bg-blue-600 text-white py-3 px-4 rounded-lg font-medium hover:bg-blue-700 transition-colors\"\n >\n Apply for this Job\n \n

\n )}\n

\n\n {showApplyForm && (\n setShowApplyForm(false)}\n onSuccess={() => {\n setShowApplyForm(false);\n onUpdate();\n }}\n />\n )}\n

\n );\n}\n\nfunction ApplicationModal({ job, user, token, onClose, onSuccess }: {\n job: Job;\n user: User;\n token: string;\n onClose: () => void;\n onSuccess: () => void;\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [formData, setFormData] = useState({\n proposal: '',\n proposed_rate: ''\n });\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError('');\n\n try {\n const response = await fetch(`/api/jobs/${job.id}/apply`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n proposal: formData.proposal,\n proposed_rate: formData.proposed_rate ? parseFloat(formData.proposed_rate) : undefined\n })\n });\n\n const data: ApiResponse = await response.json();\n\n if (data.success) {\n onSuccess();\n } else {\n setError(data.error || 'Failed to submit application');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

Apply for Job

\n \n \n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Proposal *\n \n setFormData(prev => ({ ...prev, proposal: e.target.value }))}\n required\n rows={6}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Explain why you're the perfect fit for this job, your approach, and relevant experience...\"\n />\n

\n\n

\n \n Your Rate ({job.budget_type === 'hourly' ? 'per hour' : 'total'}) ($)\n \n setFormData(prev => ({ ...prev, proposed_rate: e.target.value }))}\n min=\"0\"\n step=\"0.01\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Your proposed rate\"\n />\n

\n\n

\n \n Cancel\n \n \n {loading ? 'Submitting...' : 'Submit Application'}\n \n

\n );\n}",[],[257,264,315],{"_106":323,"_98":324,"_150":325,"_152":265,"_153":137,"_154":326,"_156":157,"_108":327,"_103":31,"_159":177,"_161":328,"_162":27,"_163":-5,"_164":329,"_101":330},"4786824a-3f98-11f0-bbf4-76b3cceeab13","UserProfile.tsx","47868312-3f98-11f0-bbf4-76b3cceeab13",18,["D",1748858371599],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User, ApiResponse } from \"../../shared/types.ts\";\n\ninterface UserProfileProps {\n user: User;\n token: string;\n}\n\nexport default function UserProfile({ user: initialUser, token }: UserProfileProps) {\n const [user, setUser] = useState(initialUser);\n const [editing, setEditing] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [success, setSuccess] = useState('');\n const [formData, setFormData] = useState({\n name: user.name || '',\n title: user.title || '',\n bio: user.bio || '',\n skills: user.skills ? JSON.parse(user.skills).join(', ') : '',\n hourly_rate: user.hourly_rate?.toString() || '',\n location: user.location || '',\n portfolio_url: user.portfolio_url || ''\n });\n\n useEffect(() => {\n setFormData({\n name: user.name || '',\n title: user.title || '',\n bio: user.bio || '',\n skills: user.skills ? JSON.parse(user.skills).join(', ') : '',\n hourly_rate: user.hourly_rate?.toString() || '',\n location: user.location || '',\n portfolio_url: user.portfolio_url || ''\n });\n }, [user]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError('');\n setSuccess('');\n\n try {\n const skills = formData.skills.split(',').map(s => s.trim()).filter(s => s);\n \n const response = await fetch(`/api/users/${user.id}`, {\n method: 'PUT',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n ...formData,\n skills: JSON.stringify(skills),\n hourly_rate: formData.hourly_rate ? parseFloat(formData.hourly_rate) : undefined\n })\n });\n\n const data: ApiResponse = await response.json();\n\n if (data.success && data.data) {\n setUser(data.data);\n setEditing(false);\n setSuccess('Profile updated successfully!');\n \n // Update localStorage session\n const savedSession = localStorage.getItem('freelancehub_session');\n if (savedSession) {\n const session = JSON.parse(savedSession);\n session.user = data.data;\n localStorage.setItem('freelancehub_session', JSON.stringify(session));\n }\n } else {\n setError(data.error || 'Failed to update profile');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n setFormData(prev => ({\n ...prev,\n [e.target.name]: e.target.value\n }));\n };\n\n const getSkills = (): string[] => {\n try {\n return user.skills ? JSON.parse(user.skills) : [];\n } catch {\n return [];\n }\n };\n\n const getCompletionPercentage = (): number => {\n const fields = [\n user.name,\n user.title,\n user.bio,\n user.skills,\n user.location,\n user.user_type === 'freelancer' ? user.hourly_rate : true,\n user.user_type === 'freelancer' ? user.portfolio_url : true\n ];\n \n const completed = fields.filter(field => field && field !== '').length;\n return Math.round((completed / fields.length) * 100);\n };\n\n return (\n

Profile Settings

\n Manage your profile information and showcase your skills\n

\n\n {/* Profile Completion */}\n

Profile Completion

\n {getCompletionPercentage()}%\n

\n Complete your profile to attract more {user.user_type === 'freelancer' ? 'clients' : 'freelancers'}\n

\n\n {/* Success/Error Messages */}\n {success && (\n

\n ✅\n {success}\n

\n )}\n\n {error && (\n

\n ⚠️\n {error}\n

\n )}\n\n

\n {/* Profile Card */}\n

\n {user.name.charAt(0).toUpperCase()}\n

{user.name}

\n {user.title && (\n

{user.title}

\n )}\n

\n \n {user.user_type === 'freelancer' ? 'Freelancer' : 'Client'}\n \n

\n\n

\n {user.location && (\n

\n 📍\n {user.location}\n

\n )}\n\n {user.hourly_rate && user.user_type === 'freelancer' && (\n

\n 💰\n ${user.hourly_rate}/hour\n

\n )}\n\n {user.portfolio_url && (\n

\n 🔗\n \n Portfolio\n \n

\n )}\n\n

\n 📧\n {user.email}\n

\n\n

\n 📅\n \n Joined {new Date(user.created_at).toLocaleDateString()}\n \n

\n\n {getSkills().length > 0 && (\n

Skills

\n {getSkills().slice(0, 6).map((skill, index) => (\n \n {skill}\n \n ))}\n {getSkills().length > 6 && (\n +{getSkills().length - 6} more\n )}\n

\n )}\n

\n\n {/* Profile Form */}\n

Profile Information

\n {!editing && (\n setEditing(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors\"\n >\n Edit Profile\n \n )}\n

\n\n {editing ? (\n

\n \n Full Name *\n \n \n

\n\n

\n \n Professional Title\n \n \n

\n\n

\n \n Bio\n \n \n

\n\n

\n \n Skills\n \n \n

Separate skills with commas

\n\n

\n \n Location\n \n \n

\n\n {user.user_type === 'freelancer' && (\n

\n \n Hourly Rate ($)\n \n \n

\n )}\n

\n\n {user.user_type === 'freelancer' && (\n

\n \n Portfolio URL\n \n \n

\n )}\n\n

\n {\n setEditing(false);\n setError('');\n setSuccess('');\n }}\n className=\"flex-1 bg-gray-300 text-gray-700 py-3 px-4 rounded-lg font-medium hover:bg-gray-400 transition-colors\"\n >\n Cancel\n \n \n {loading ? 'Saving...' : 'Save Changes'}\n \n

\n ) : (\n

About

\n {user.bio || 'No bio provided yet.'}\n

\n\n {getSkills().length > 0 && (\n

Skills & Expertise

\n {getSkills().map((skill, index) => (\n \n {skill}\n \n ))}\n

\n )}\n\n

Contact Information

Email: {user.email}

\n {user.location &&

Location: {user.location}

}\n

\n\n {user.user_type === 'freelancer' && (\n

Professional Details

\n {user.hourly_rate &&

Rate: ${user.hourly_rate}/hour

}\n {user.portfolio_url && (\n

\n Portfolio: \n \n View Portfolio\n \n

\n )}\n

\n );\n}",[],[257,264,324],[257,264],{"_106":333,"_98":334,"_150":335,"_152":258,"_153":137,"_154":259,"_156":157,"_108":336,"_103":31,"_159":337,"_161":338,"_162":27,"_163":-5,"_164":339,"_101":340},"9ecd569c-3f97-11f0-bfd0-76b3cceeab13","index.html","9ecd5728-3f97-11f0-bfd0-76b3cceeab13",["D",1748858088524],"file","\n\n\n \n \n FreelanceHub - Connect, Collaborate, Grow\n \n \n 💼\">\n \n\n\n

\n \n\n",[],[257,334],{"_106":342,"_98":343,"_150":344,"_152":258,"_153":137,"_154":345,"_156":157,"_108":346,"_103":31,"_159":177,"_161":347,"_162":27,"_163":-5,"_164":348,"_101":349},"a2110e2a-3f97-11f0-bfd0-76b3cceeab13","index.tsx","a2110ef2-3f97-11f0-bfd0-76b3cceeab13",12,["D",1748858094005],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[257,343],[257],{"_106":352,"_98":353,"_150":354,"_152":-5,"_153":137,"_154":355,"_156":157,"_108":356,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":357,"_101":366},"45877892-3f97-11f0-8cc8-76b3cceeab13","shared","c46be444-d3ee-457c-a976-ab24b14f6b78",2,["D",1748857938753],[358],{"_106":359,"_98":360,"_150":361,"_152":354,"_153":137,"_154":355,"_156":157,"_108":362,"_103":31,"_159":177,"_161":363,"_162":27,"_163":-5,"_164":364,"_101":365},"45876b72-3f97-11f0-8cc8-76b3cceeab13","types.ts","45876c08-3f97-11f0-8cc8-76b3cceeab13",["D",1748857938753],"// Shared TypeScript types for the FreelanceHub platform\n\nexport interface User {\n id: number;\n email: string;\n name: string;\n user_type: 'freelancer' | 'client';\n title?: string;\n bio?: string;\n skills?: string; // JSON string of skill array\n hourly_rate?: number;\n location?: string;\n portfolio_url?: string;\n avatar_url?: string;\n created_at: string;\n updated_at: string;\n}\n\nexport interface Job {\n id: number;\n client_id: number;\n title: string;\n description: string;\n budget_min?: number;\n budget_max?: number;\n budget_type: 'fixed' | 'hourly';\n skills_required: string; // JSON string of skill array\n status: 'open' | 'in_progress' | 'completed' | 'cancelled';\n deadline?: string;\n created_at: string;\n updated_at: string;\n client_name?: string; // Joined from users table\n}\n\nexport interface ChatMessage {\n id: number;\n user_id: number;\n user_name: string;\n message: string;\n created_at: string;\n}\n\nexport interface JobApplication {\n id: number;\n job_id: number;\n freelancer_id: number;\n proposal: string;\n proposed_rate?: number;\n status: 'pending' | 'accepted' | 'rejected';\n created_at: string;\n}\n\nexport interface AuthResponse {\n success: boolean;\n user?: User;\n token?: string;\n error?: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\n// Frontend-only types\nexport interface UserSession {\n user: User;\n token: string;\n}\n\nexport interface ChatState {\n messages: ChatMessage[];\n connected: boolean;\n typing: string[];\n}\n\nexport interface JobFilters {\n skills?: string[];\n budget_min?: number;\n budget_max?: number;\n budget_type?: 'fixed' | 'hourly';\n status?: string;\n}",[],[353,360],[353],{"_106":368,"_98":369,"_150":370,"_152":-5,"_153":137,"_154":136,"_156":157,"_108":371,"_103":249,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":372,"_101":373},"1f64d3a6-3fdf-11f0-8921-76b3cceeab13","untitled-folder-9320","1b849e88-3fdf-11f0-90ab-76b3cceeab13",["D",1748888798535],[],[369],{"_106":375,"_98":376,"_150":377,"_152":-5,"_153":137,"_154":249,"_156":157,"_108":378,"_103":31,"_159":337,"_161":379,"_162":27,"_163":-5,"_164":380,"_101":381},"3b00509c-3f97-11f0-a968-76b3cceeab13","README.md","3b005146-3f97-11f0-a968-76b3cceeab13",["D",1748857921091],"# FreelanceHub - Digital Professional Community Platform\n\nA comprehensive platform for freelancers and virtual assistants to connect, collaborate, and grow their businesses.\n\n## Features\n\n- **User Profiles**: Showcase skills, experience, and portfolio\n- **Job Board**: Post and browse job opportunities\n- **Real-time Chat**: Public chat room for networking and collaboration\n- **Skill Matching**: Connect clients with the right professionals\n- **Community Features**: Tips sharing and project discussions\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── auth.ts # Authentication routes\n│ │ ├── jobs.ts # Job posting routes\n│ │ ├── users.ts # User profile routes\n│ │ ├── chat.ts # Chat functionality\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono app entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React app\n│ │ ├── Header.tsx # Navigation header\n│ │ ├── JobBoard.tsx # Job listings\n│ │ ├── UserProfile.tsx # User profiles\n│ │ ├── Chat.tsx # Real-time chat\n│ │ └── Auth.tsx # Login/register forms\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Database**: SQLite with Val Town's sqlite service\n- **Frontend**: React 18.2.0 with TypeScript\n- **Styling**: TailwindCSS\n- **Real-time**: Server-Sent Events for chat\n- **Storage**: Val Town blob storage for file uploads\n\n## Getting Started\n\n1. The app runs on Val Town's platform\n2. Database tables are automatically created on first run\n3. Visit the main URL to access the platform\n4. Register as a freelancer or client to get started\n\n## API Endpoints\n\n- `GET /` - Main application\n- `POST /api/auth/register` - User registration\n- `POST /api/auth/login` - User login\n- `GET /api/jobs` - List jobs\n- `POST /api/jobs` - Create job posting\n- `GET /api/users/:id` - Get user profile\n- `PUT /api/users/:id` - Update user profile\n- `GET /api/chat/messages` - Get chat messages\n- `POST /api/chat/messages` - Send chat message\n- `GET /api/chat/stream` - SSE chat stream\n\n## Environment Variables\n\nNo API keys required - uses Val Town's built-in services.",[],[376],"files",[147,166,172,181,191,198,206,215,224,233,243,255,262,269,277,286,295,304,313,322,332,341,351,358,367,374],"counts",{"_386":31,"_387":249,"_388":249,"_389":31},"pulls","branches","forks","envVars","contents",[392,395,398,401,404],{"_106":199,"_98":200,"_150":201,"_152":194,"_153":137,"_154":195,"_156":157,"_108":393,"_103":31,"_159":177,"_161":203,"_162":27,"_163":-5,"_101":394},["D",1748857992087],[149,193,200],{"_106":207,"_98":208,"_150":209,"_152":194,"_153":137,"_154":210,"_156":157,"_108":396,"_103":31,"_159":177,"_161":212,"_162":27,"_163":-5,"_101":397},["D",1748858059614],[149,193,208],{"_106":216,"_98":217,"_150":218,"_152":194,"_153":137,"_154":219,"_156":157,"_108":399,"_103":31,"_159":177,"_161":221,"_162":27,"_163":-5,"_101":400},["D",1748858038462],[149,193,217],{"_106":225,"_98":226,"_150":227,"_152":194,"_153":137,"_154":228,"_156":157,"_108":402,"_103":31,"_159":177,"_161":230,"_162":27,"_163":-5,"_101":403},["D",1748858068455],[149,193,226],{"_106":234,"_98":235,"_150":236,"_152":194,"_153":137,"_154":237,"_156":157,"_108":405,"_103":31,"_159":177,"_161":239,"_162":27,"_163":-5,"_101":406},["D",1748858007966],[149,193,235],{"_106":192,"_98":193,"_150":194,"_152":151,"_153":137,"_154":195,"_156":157,"_108":408,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_101":409},["D",1748857992087],[149,193],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":42,"_103":-7,"_101":102,"_104":416,"_145":420,"_382":499,"_337":500,"_390":502,"_513":-5,"_514":27,"_515":-5,"_516":-5,"_517":-5,"_518":519},{"_106":107,"_98":99,"_108":417,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":-5,"_118":27,"_119":-5,"_120":31,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":27,"_21":418,"_134":419},["D",1748857895548],{"_96":97,"_132":133},{"_103":136,"_98":42,"_106":137,"_138":107,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":99,"_144":97},[421,454,487,493,496],{"_106":148,"_98":149,"_150":151,"_152":-5,"_153":137,"_154":155,"_156":157,"_108":158,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":422,"_101":453},[423,432,450],{"_106":167,"_98":168,"_150":169,"_152":151,"_153":137,"_154":155,"_156":157,"_108":170,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":424,"_101":431},[425,428],{"_106":173,"_98":174,"_150":175,"_152":169,"_153":137,"_154":155,"_156":157,"_108":176,"_103":31,"_159":177,"_161":178,"_162":27,"_163":-5,"_164":426,"_101":427},[],[149,168,174],{"_106":182,"_98":183,"_150":184,"_152":169,"_153":137,"_154":185,"_156":157,"_108":186,"_103":31,"_159":177,"_161":187,"_162":27,"_163":-5,"_164":429,"_101":430},[],[149,168,183],[149,168],{"_106":192,"_98":193,"_150":194,"_152":151,"_153":137,"_154":195,"_156":157,"_108":196,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":433,"_101":449},[434,437,440,443,446],{"_106":199,"_98":200,"_150":201,"_152":194,"_153":137,"_154":195,"_156":157,"_108":202,"_103":31,"_159":177,"_161":203,"_162":27,"_163":-5,"_164":435,"_101":436},[],[149,193,200],{"_106":207,"_98":208,"_150":209,"_152":194,"_153":137,"_154":210,"_156":157,"_108":211,"_103":31,"_159":177,"_161":212,"_162":27,"_163":-5,"_164":438,"_101":439},[],[149,193,208],{"_106":216,"_98":217,"_150":218,"_152":194,"_153":137,"_154":219,"_156":157,"_108":220,"_103":31,"_159":177,"_161":221,"_162":27,"_163":-5,"_164":441,"_101":442},[],[149,193,217],{"_106":225,"_98":226,"_150":227,"_152":194,"_153":137,"_154":228,"_156":157,"_108":229,"_103":31,"_159":177,"_161":230,"_162":27,"_163":-5,"_164":444,"_101":445},[],[149,193,226],{"_106":234,"_98":235,"_150":236,"_152":194,"_153":137,"_154":237,"_156":157,"_108":238,"_103":31,"_159":177,"_161":239,"_162":27,"_163":-5,"_164":447,"_101":448},[],[149,193,235],[149,193],{"_106":244,"_98":245,"_150":246,"_152":151,"_153":137,"_154":247,"_156":157,"_108":248,"_103":249,"_159":250,"_161":251,"_162":27,"_163":-5,"_164":451,"_101":452},[],[149,245],[149],{"_106":256,"_98":257,"_150":258,"_152":-5,"_153":137,"_154":259,"_156":157,"_108":260,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":455,"_101":486},[456,480,483],{"_106":263,"_98":264,"_150":265,"_152":258,"_153":137,"_154":266,"_156":157,"_108":267,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":457,"_101":479},[458,461,464,467,470,473,476],{"_106":270,"_98":271,"_150":272,"_152":265,"_153":137,"_154":266,"_156":157,"_108":273,"_103":31,"_159":177,"_161":274,"_162":27,"_163":-5,"_164":459,"_101":460},[],[257,264,271],{"_106":278,"_98":279,"_150":280,"_152":265,"_153":137,"_154":281,"_156":157,"_108":282,"_103":31,"_159":177,"_161":283,"_162":27,"_163":-5,"_164":462,"_101":463},[],[257,264,279],{"_106":287,"_98":288,"_150":289,"_152":265,"_153":137,"_154":290,"_156":157,"_108":291,"_103":31,"_159":177,"_161":292,"_162":27,"_163":-5,"_164":465,"_101":466},[],[257,264,288],{"_106":296,"_98":297,"_150":298,"_152":265,"_153":137,"_154":299,"_156":157,"_108":300,"_103":31,"_159":177,"_161":301,"_162":27,"_163":-5,"_164":468,"_101":469},[],[257,264,297],{"_106":305,"_98":306,"_150":307,"_152":265,"_153":137,"_154":308,"_156":157,"_108":309,"_103":31,"_159":177,"_161":310,"_162":27,"_163":-5,"_164":471,"_101":472},[],[257,264,306],{"_106":314,"_98":315,"_150":316,"_152":265,"_153":137,"_154":317,"_156":157,"_108":318,"_103":31,"_159":177,"_161":319,"_162":27,"_163":-5,"_164":474,"_101":475},[],[257,264,315],{"_106":323,"_98":324,"_150":325,"_152":265,"_153":137,"_154":326,"_156":157,"_108":327,"_103":31,"_159":177,"_161":328,"_162":27,"_163":-5,"_164":477,"_101":478},[],[257,264,324],[257,264],{"_106":333,"_98":334,"_150":335,"_152":258,"_153":137,"_154":259,"_156":157,"_108":336,"_103":31,"_159":337,"_161":338,"_162":27,"_163":-5,"_164":481,"_101":482},[],[257,334],{"_106":342,"_98":343,"_150":344,"_152":258,"_153":137,"_154":345,"_156":157,"_108":346,"_103":31,"_159":177,"_161":347,"_162":27,"_163":-5,"_164":484,"_101":485},[],[257,343],[257],{"_106":352,"_98":353,"_150":354,"_152":-5,"_153":137,"_154":355,"_156":157,"_108":356,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":488,"_101":492},[489],{"_106":359,"_98":360,"_150":361,"_152":354,"_153":137,"_154":355,"_156":157,"_108":362,"_103":31,"_159":177,"_161":363,"_162":27,"_163":-5,"_164":490,"_101":491},[],[353,360],[353],{"_106":368,"_98":369,"_150":370,"_152":-5,"_153":137,"_154":136,"_156":157,"_108":371,"_103":249,"_159":160,"_161":-5,"_162":27,"_163":-5,"_164":494,"_101":495},[],[369],{"_106":375,"_98":376,"_150":377,"_152":-5,"_153":137,"_154":249,"_156":157,"_108":378,"_103":31,"_159":337,"_161":379,"_162":27,"_163":-5,"_164":497,"_101":498},[],[376],[421,423,425,428,432,434,437,440,443,446,450,454,456,458,461,464,467,470,473,476,480,483,487,489,493,496],{"_106":192,"_98":193,"_150":194,"_152":151,"_153":137,"_154":195,"_156":157,"_108":408,"_103":31,"_159":160,"_161":-5,"_162":27,"_163":-5,"_101":501},[149,193],[503,505,507,509,511],{"_106":199,"_98":200,"_150":201,"_152":194,"_153":137,"_154":195,"_156":157,"_108":393,"_103":31,"_159":177,"_161":203,"_162":27,"_163":-5,"_101":504},[149,193,200],{"_106":207,"_98":208,"_150":209,"_152":194,"_153":137,"_154":210,"_156":157,"_108":396,"_103":31,"_159":177,"_161":212,"_162":27,"_163":-5,"_101":506},[149,193,208],{"_106":216,"_98":217,"_150":218,"_152":194,"_153":137,"_154":219,"_156":157,"_108":399,"_103":31,"_159":177,"_161":221,"_162":27,"_163":-5,"_101":508},[149,193,217],{"_106":225,"_98":226,"_150":227,"_152":194,"_153":137,"_154":228,"_156":157,"_108":402,"_103":31,"_159":177,"_161":230,"_162":27,"_163":-5,"_101":510},[149,193,226],{"_106":234,"_98":235,"_150":236,"_152":194,"_153":137,"_154":237,"_156":157,"_108":405,"_103":31,"_159":177,"_161":239,"_162":27,"_163":-5,"_101":512},[149,193,235],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]