\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}",[],[252,258,264],{"_102":271,"_95":272,"_154":273,"_156":259,"_157":136,"_158":135,"_159":160,"_104":274,"_99":32,"_162":180,"_164":275,"_165":22,"_166":-5,"_167":276,"_98":277},"c65824ec-3fdf-11f0-8202-76b3cceeab13","Auth.tsx","9b999b60-b6f2-461e-b74b-6f98e28037a7",["D",1748889078572],"/** @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}",[],[252,258,272],{"_102":279,"_95":280,"_154":281,"_156":259,"_157":136,"_158":135,"_159":160,"_104":282,"_99":32,"_162":180,"_164":283,"_165":22,"_166":-5,"_167":284,"_98":285},"c6582abe-3fdf-11f0-8202-76b3cceeab13","Chat.tsx","7027a4c7-3e83-425a-8a49-e38132b3d93f",["D",1748889078572],"/** @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}",[],[252,258,280],{"_102":287,"_95":288,"_154":289,"_156":259,"_157":136,"_158":135,"_159":160,"_104":290,"_99":32,"_162":180,"_164":291,"_165":22,"_166":-5,"_167":292,"_98":293},"c6583680-3fdf-11f0-8202-76b3cceeab13","FreelancerDirectory.tsx","bbf6783b-c8a1-49f1-8eea-ec21eb55e9f7",["D",1748889078572],"/** @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}",[],[252,258,288],{"_102":295,"_95":296,"_154":297,"_156":259,"_157":136,"_158":135,"_159":160,"_104":298,"_99":32,"_162":180,"_164":299,"_165":22,"_166":-5,"_167":300,"_98":301},"c6584044-3fdf-11f0-8202-76b3cceeab13","Header.tsx","903292e0-7ebd-428e-b1a2-24bffb04c3f7",["D",1748889078572],"/** @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}",[],[252,258,296],{"_102":303,"_95":304,"_154":305,"_156":259,"_157":136,"_158":135,"_159":160,"_104":306,"_99":32,"_162":180,"_164":307,"_165":22,"_166":-5,"_167":308,"_98":309},"c658463e-3fdf-11f0-8202-76b3cceeab13","JobBoard.tsx","af974342-6ae2-441b-9bdc-3356a97faae8",["D",1748889078572],"/** @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}",[],[252,258,304],{"_102":311,"_95":312,"_154":313,"_156":259,"_157":136,"_158":135,"_159":160,"_104":314,"_99":32,"_162":180,"_164":315,"_165":22,"_166":-5,"_167":316,"_98":317},"c658730c-3fdf-11f0-8202-76b3cceeab13","UserProfile.tsx","7d7c9a99-346c-462b-85ce-5af26fa73e6f",["D",1748889078572],"/** @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}",[],[252,258,312],[252,258],{"_102":320,"_95":321,"_154":322,"_156":253,"_157":136,"_158":135,"_159":160,"_104":323,"_99":32,"_162":324,"_164":325,"_165":22,"_166":-5,"_167":326,"_98":327},"c6588612-3fdf-11f0-8202-76b3cceeab13","index.html","13b34ad9-9a2c-401a-a648-481605cde746",["D",1748889078572],"file","\n\n\n \n \n FreelanceHub - Connect, Collaborate, Grow\n \n \n 💼\">\n \n\n\n

\n \n\n",[],[252,321],{"_102":329,"_95":330,"_154":331,"_156":253,"_157":136,"_158":135,"_159":160,"_104":332,"_99":32,"_162":180,"_164":333,"_165":22,"_166":-5,"_167":334,"_98":335},"c65888ce-3fdf-11f0-8202-76b3cceeab13","index.tsx","98218259-7c49-4712-b745-df8acec701ec",["D",1748889078572],"/** @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();",[],[252,330],[252],{"_102":338,"_95":339,"_154":340,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":341,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":342,"_98":351},"c6588dd8-3fdf-11f0-8202-76b3cceeab13","shared","3c27178d-3114-4874-9b66-af51fd6d37aa",["D",1748889078572],[343],{"_102":344,"_95":345,"_154":346,"_156":340,"_157":136,"_158":135,"_159":160,"_104":347,"_99":32,"_162":180,"_164":348,"_165":22,"_166":-5,"_167":349,"_98":350},"c6588c52-3fdf-11f0-8202-76b3cceeab13","types.ts","9a08b4ac-9886-406a-bc2a-9153595a0a01",["D",1748889078572],"// 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}",[],[339,345],[339],{"_102":353,"_95":354,"_154":355,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":356,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":357,"_98":358},"c6588f72-3fdf-11f0-8202-76b3cceeab13","untitled-folder-9320","51b27c09-e5f7-43da-9d80-ed1c10f54759",["D",1748889078572],[],[354],{"_102":360,"_95":361,"_154":362,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":363,"_99":32,"_162":324,"_164":364,"_165":22,"_166":-5,"_167":365,"_98":366},"c658912a-3fdf-11f0-8202-76b3cceeab13","README.md","c1585b21-e441-49ad-96b1-c2b54532d550",["D",1748889078572],"# 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.",[],[361],"files",[151,169,175,184,193,199,207,215,223,231,240,250,256,262,270,278,286,294,302,310,319,328,337,343,352,359],"counts",{"_371":32,"_372":135,"_373":32,"_374":32},"pulls","branches","forks","envVars","contents",[377,380,383,386,389],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":378,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":379},["D",1748889078572],[153],{"_102":251,"_95":252,"_154":253,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":381,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":382},["D",1748889078572],[252],{"_102":338,"_95":339,"_154":340,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":384,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":385},["D",1748889078572],[339],{"_102":353,"_95":354,"_154":355,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":387,"_99":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":388},["D",1748889078572],[354],{"_102":360,"_95":361,"_154":362,"_156":-5,"_157":136,"_158":135,"_159":160,"_104":390,"_99":32,"_162":324,"_164":364,"_165":22,"_166":-5,"_98":391},["D",1748889078572],[361],"upstreamProject",{"_102":144,"_95":394,"_110":-5,"_111":-5,"_108":109,"_23":395},"Freelancing",{"_93":94,"_128":129},"upstreamBranch",{"_102":139,"_104":398,"_399":400,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_401":402,"_106":-5,"_148":22,"_108":109,"_147":94,"_16":117,"_146":394},["D",1748857895548],"updatedAt",["D",1748888798535],"lockfileKey","1756811473406-esm.town_v_Sandra_Ozumba_Freelancing@22-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":409,"_374":414},{"_102":103,"_95":96,"_104":410,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":411,"_130":412,"_133":413,"_148":22},["D",1748889078572],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":117,"_146":96,"_147":94},[],"actionData","errors"]

Sandra_Ozumba

Freelance101

Environment variables