\n Loading...\n

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

\n {/* Navigation Header */}\n

\n Business Network\n

\n \n

\n setCurrentView('users')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'users'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n 🔍 Discover\n \n \n setCurrentView('chat')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors relative ${\n currentView === 'chat'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n 💬 Chat\n {unreadCount > 0 && (\n \n {unreadCount > 9 ? '9+' : unreadCount}\n \n )}\n \n \n setCurrentView('profile')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'profile'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n 👤 Profile\n \n

\n\n

\n \n Welcome, {user.name}\n \n \n {user.userType === 'business' ? '🏢 Business' : '👤 Consumer'}\n \n \n Logout\n \n

\n\n {/* Main Content */}\n

\n {currentView === 'users' && (\n \n )}\n \n {currentView === 'chat' && (\n \n )}\n \n {currentView === 'profile' && (\n \n )}\n

\n );\n}",[],[248,255,262],{"_107":269,"_100":270,"_151":271,"_153":256,"_154":138,"_155":272,"_157":158,"_109":273,"_104":31,"_160":178,"_162":274,"_163":27,"_164":-5,"_165":275,"_103":276},"2ef6cfca-3f9b-11f0-9007-76b3cceeab13","Auth.tsx","2ef6d07e-3f9b-11f0-9007-76b3cceeab13",14,["D",1748859618880],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User, AuthResponse } from \"../../shared/types.ts\";\nimport { INDUSTRIES } from \"../../shared/types.ts\";\n\ninterface AuthProps {\n onLogin: (user: User) => 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 \n // Form data\n const [email, setEmail] = useState('');\n const [name, setName] = useState('');\n const [userType, setUserType] = useState<'business' | 'consumer'>('consumer');\n const [industry, setIndustry] = useState('');\n const [company, setCompany] = useState('');\n const [description, setDescription] = useState('');\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 payload = isLogin \n ? { email }\n : { email, name, userType, industry, company, description };\n\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload)\n });\n\n const data: AuthResponse = await response.json();\n\n if (data.success && data.user) {\n onLogin(data.user);\n } else {\n setError(data.error || 'Authentication failed');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n console.error('Auth error:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const resetForm = () => {\n setEmail('');\n setName('');\n setUserType('consumer');\n setIndustry('');\n setCompany('');\n setDescription('');\n setError('');\n };\n\n const toggleMode = () => {\n setIsLogin(!isLogin);\n resetForm();\n };\n\n return (\n

\n {isLogin ? 'Welcome Back' : 'Join the Network'}\n

\n {isLogin \n ? 'Sign in to connect with professionals and consumers'\n : 'Create your account to start networking'\n }\n

\n\n

\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Email Address\n \n setEmail(e.target.value)}\n className=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"your@email.com\"\n />\n

\n\n {!isLogin && (\n <>\n

\n \n Full Name\n \n setName(e.target.value)}\n className=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"John Doe\"\n />\n

\n\n

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

\n \n setUserType(e.target.value as 'consumer')}\n className=\"sr-only\"\n />\n

👤

Consumer

Looking for services

\n \n\n \n setUserType(e.target.value as 'business')}\n className=\"sr-only\"\n />\n

🏢

Business

Offering services

\n \n

\n\n {userType === 'business' && (\n <>\n

\n \n Industry\n \n setIndustry(e.target.value)}\n className=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n >\n \n {INDUSTRIES.map((ind) => (\n \n ))}\n \n

\n\n

\n \n Company Name\n \n setCompany(e.target.value)}\n className=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Your Company Inc.\"\n />\n

\n \n )}\n\n

\n \n Description\n \n setDescription(e.target.value)}\n className=\"mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n placeholder={userType === 'business' \n ? \"Tell us about your business and services...\"\n : \"Tell us about yourself and what you're looking for...\"\n }\n />\n

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

\n {isLogin ? 'Signing in...' : 'Creating account...'}\n

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

\n \n {isLogin \n ? \"Don't have an account? Sign up\"\n : \"Already have an account? Sign in\"\n }\n \n

\n );\n}",[],[248,255,270],{"_107":278,"_100":279,"_151":280,"_153":256,"_154":138,"_155":281,"_157":158,"_109":282,"_104":31,"_160":178,"_162":283,"_163":27,"_164":-5,"_165":284,"_103":285},"602515ac-3f9b-11f0-9db8-76b3cceeab13","Chat.tsx","6025164c-3f9b-11f0-9db8-76b3cceeab13",16,["D",1748859701392],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User, Message, ChatConversation, ApiResponse } from \"../../shared/types.ts\";\n\ninterface ChatProps {\n currentUser: User;\n selectedUserId: number | null;\n onSelectUser: (userId: number) => void;\n onMessageSent: () => void;\n}\n\nexport default function Chat({ currentUser, selectedUserId, onSelectUser, onMessageSent }: ChatProps) {\n const [conversations, setConversations] = useState([]);\n const [messages, setMessages] = useState([]);\n const [newMessage, setNewMessage] = useState('');\n const [loading, setLoading] = useState(false);\n const [sendingMessage, setSendingMessage] = useState(false);\n const [selectedUser, setSelectedUser] = useState(null);\n const messagesEndRef = useRef(null);\n\n useEffect(() => {\n fetchConversations();\n }, []);\n\n useEffect(() => {\n if (selectedUserId) {\n fetchMessages(selectedUserId);\n fetchUserDetails(selectedUserId);\n }\n }, [selectedUserId]);\n\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n // Poll for new messages every 3 seconds when a conversation is selected\n useEffect(() => {\n if (selectedUserId) {\n const interval = setInterval(() => {\n fetchMessages(selectedUserId, true);\n }, 3000);\n return () => clearInterval(interval);\n }\n }, [selectedUserId]);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n const fetchConversations = async () => {\n try {\n const response = await fetch('/api/chat/conversations');\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setConversations(data.data);\n }\n } catch (error) {\n console.error('Failed to fetch conversations:', error);\n }\n };\n\n const fetchMessages = async (userId: number, silent = false) => {\n if (!silent) setLoading(true);\n \n try {\n const response = await fetch(`/api/chat/messages/${userId}`);\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setMessages(data.data);\n // Refresh conversations to update unread counts\n fetchConversations();\n }\n } catch (error) {\n console.error('Failed to fetch messages:', error);\n } finally {\n if (!silent) setLoading(false);\n }\n };\n\n const fetchUserDetails = async (userId: number) => {\n try {\n const response = await fetch(`/api/users/${userId}`);\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setSelectedUser(data.data);\n }\n } catch (error) {\n console.error('Failed to fetch user details:', error);\n }\n };\n\n const sendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!newMessage.trim() || !selectedUserId || sendingMessage) return;\n\n setSendingMessage(true);\n \n try {\n const response = await fetch('/api/chat/messages', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n receiverId: selectedUserId,\n content: newMessage.trim()\n })\n });\n\n const data: ApiResponse = await response.json();\n \n if (data.success && data.data) {\n setMessages(prev => [...prev, data.data!]);\n setNewMessage('');\n fetchConversations(); // Refresh conversations\n onMessageSent();\n }\n } catch (error) {\n console.error('Failed to send message:', error);\n } finally {\n setSendingMessage(false);\n }\n };\n\n const formatTime = (timestamp: string) => {\n const date = new Date(timestamp);\n const now = new Date();\n const diffInHours = (now.getTime() - date.getTime()) / (1000 * 60 * 60);\n \n if (diffInHours < 24) {\n return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n } else if (diffInHours < 24 * 7) {\n return date.toLocaleDateString([], { weekday: 'short', hour: '2-digit', minute: '2-digit' });\n } else {\n return date.toLocaleDateString([], { month: 'short', day: 'numeric' });\n }\n };\n\n return (\n

\n {/* Conversations List */}\n

Conversations

\n \n

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

💬

\n No conversations yet. Start by discovering users and sending them a message!\n

\n ) : (\n conversations.map((conversation) => (\n onSelectUser(conversation.userId)}\n className={`conversation-item p-4 border-b cursor-pointer transition-colors ${\n selectedUserId === conversation.userId ? 'active' : ''\n }`}\n >\n

\n {conversation.userName}\n

\n \n {conversation.userType === 'business' ? '🏢' : '👤'}\n \n

\n \n {conversation.company && (\n

{conversation.company}

\n )}\n \n {conversation.lastMessage && (\n

\n {conversation.lastMessage}\n

\n )}\n \n {conversation.lastMessageTime && (\n

\n {formatTime(conversation.lastMessageTime)}\n

\n )}\n

\n \n {conversation.unreadCount > 0 && (\n \n {conversation.unreadCount > 9 ? '9+' : conversation.unreadCount}\n \n )}\n

\n ))\n )}\n

\n\n {/* Chat Area */}\n

\n {selectedUserId && selectedUser ? (\n <>\n {/* Chat Header */}\n

{selectedUser.name}

\n \n {selectedUser.userType === 'business' ? '🏢 Business' : '👤 Consumer'}\n \n

\n \n {selectedUser.company && (\n

{selectedUser.company}

\n )}\n \n {selectedUser.industry && (\n \n {selectedUser.industry}\n \n )}\n

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

\n {loading ? (\n

\n Loading messages...\n

\n ) : messages.length === 0 ? (\n

👋

\n Start the conversation! Send a message to {selectedUser.name}.\n

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

{message.content}

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

\n ))\n )}\n

\n\n {/* Message Input */}\n \n \n ) : (\n

💬

Select a conversation

\n Choose a conversation from the left to start chatting, or discover new users to connect with.\n

\n )}\n

\n \n );\n}",[],[248,255,279],{"_107":287,"_100":288,"_151":289,"_153":256,"_154":138,"_155":290,"_157":158,"_109":291,"_104":31,"_160":178,"_162":292,"_163":27,"_164":-5,"_165":293,"_103":294},"747061a6-3f9b-11f0-8a14-76b3cceeab13","Profile.tsx","74706250-3f9b-11f0-8a14-76b3cceeab13",17,["D",1748859735440],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface ProfileProps {\n user: User;\n}\n\nexport default function Profile({ user }: ProfileProps) {\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n return (\n

\n {/* Header */}\n

Your Profile

\n This is how other users see your profile\n

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

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

\n \n

{user.name}

\n \n

\n \n {user.userType === 'business' ? '🏢 Business Professional' : '👤 Consumer'}\n \n

\n\n

\n {/* Basic Information */}\n

Basic Information

\n \n Email Address\n \n

\n {user.email}\n

\n \n

\n \n Member Since\n \n

\n {formatDate(user.createdAt)}\n

\n\n {/* Business Information */}\n {user.userType === 'business' && (\n

Business Information

\n {user.company && (\n

\n \n Company\n \n

\n {user.company}\n

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

\n \n Industry\n \n

\n \n {user.industry}\n \n

\n )}\n

\n )}\n\n {/* Description */}\n {user.description && (\n

\n {user.userType === 'business' ? 'About Our Business' : 'About Me'}\n

\n {user.description}\n

\n )}\n\n {/* Profile Tips */}\n

💡 Profile Tips

• Make sure your company and industry information is accurate
• Write a compelling description of your services
• Respond promptly to messages from potential customers
• Keep your profile updated with current offerings
• Be clear about what services or products you're looking for
• Write a friendly description to help businesses understand your needs
• Don't hesitate to reach out to businesses that interest you
• Be specific when messaging businesses about your requirements

\n\n {/* Contact Information */}\n

📧 Contact Information

\n Other users can contact you through the chat system. Your email address is kept private \n and is only used for account management purposes.\n

\n\n {/* Statistics Card */}\n

Network Activity

👥

Profile Views

Coming Soon

\n \n

💬

Messages Sent

Coming Soon

\n \n

🤝

Connections

Coming Soon

\n );\n}",[],[248,255,288],{"_107":296,"_100":297,"_151":298,"_153":256,"_154":138,"_155":299,"_157":158,"_109":300,"_104":31,"_160":178,"_162":301,"_163":27,"_164":-5,"_165":302,"_103":303},"445d0af0-3f9b-11f0-8926-76b3cceeab13","UserList.tsx","445d0ba4-3f9b-11f0-8926-76b3cceeab13",15,["D",1748859654786],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User, ApiResponse } from \"../../shared/types.ts\";\nimport { INDUSTRIES } from \"../../shared/types.ts\";\n\ninterface UserListProps {\n currentUser: User;\n onStartChat: (userId: number) => void;\n}\n\nexport default function UserList({ currentUser, onStartChat }: UserListProps) {\n const [users, setUsers] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState('');\n const [searchQuery, setSearchQuery] = useState('');\n const [filterType, setFilterType] = useState<'all' | 'business' | 'consumer'>('all');\n const [filterIndustry, setFilterIndustry] = useState('');\n\n useEffect(() => {\n fetchUsers();\n }, [filterType, filterIndustry]);\n\n const fetchUsers = async () => {\n setLoading(true);\n setError('');\n\n try {\n let url = '/api/users';\n const params = new URLSearchParams();\n \n if (filterType !== 'all') {\n params.append('type', filterType);\n }\n \n if (filterIndustry) {\n params.append('industry', filterIndustry);\n }\n\n if (params.toString()) {\n url += '?' + params.toString();\n }\n\n const response = await fetch(url);\n const data: ApiResponse = await response.json();\n\n if (data.success && data.data) {\n setUsers(data.data);\n } else {\n setError(data.error || 'Failed to fetch users');\n }\n } catch (error) {\n setError('Network error. Please try again.');\n console.error('Fetch users error:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleSearch = async () => {\n if (!searchQuery.trim()) {\n fetchUsers();\n return;\n }\n\n setLoading(true);\n try {\n const response = await fetch(`/api/users/search/${encodeURIComponent(searchQuery)}`);\n const data: ApiResponse = await response.json();\n\n if (data.success && data.data) {\n setUsers(data.data);\n } else {\n setError(data.error || 'Search failed');\n }\n } catch (error) {\n setError('Search failed. Please try again.');\n console.error('Search error:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const filteredUsers = users.filter(user => {\n if (searchQuery && !searchQuery.trim()) return true;\n \n const query = searchQuery.toLowerCase();\n return (\n user.name.toLowerCase().includes(query) ||\n user.company?.toLowerCase().includes(query) ||\n user.industry?.toLowerCase().includes(query) ||\n user.description?.toLowerCase().includes(query)\n );\n });\n\n return (\n

\n {/* Header */}\n

Discover Professionals & Consumers

\n Connect with {currentUser.userType === 'business' ? 'potential customers and partners' : 'businesses and service providers'}\n

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

\n {/* Search */}\n

\n setSearchQuery(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && handleSearch()}\n className=\"flex-1 px-4 py-2 border border-gray-300 rounded-l-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n \n 🔍\n \n

\n\n {/* User Type Filter */}\n

\n setFilterType(e.target.value as 'all' | 'business' | 'consumer')}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n

\n\n {/* Industry Filter */}\n

\n setFilterIndustry(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n {INDUSTRIES.map((industry) => (\n \n ))}\n \n

\n\n {/* Clear Filters */}\n {(filterType !== 'all' || filterIndustry || searchQuery) && (\n

\n {\n setFilterType('all');\n setFilterIndustry('');\n setSearchQuery('');\n fetchUsers();\n }}\n className=\"text-sm text-blue-600 hover:text-blue-500 transition-colors\"\n >\n Clear all filters\n \n

\n )}\n

\n\n {/* Error Message */}\n {error && (\n

\n {error}\n

\n )}\n\n {/* Loading State */}\n {loading && (\n

\n Loading users...\n

\n )}\n\n {/* Users Grid */}\n {!loading && (\n

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

👥

No users found

\n {searchQuery || filterType !== 'all' || filterIndustry\n ? 'Try adjusting your search or filters'\n : 'Be the first to connect with others!'\n }\n

\n ) : (\n filteredUsers.map((user) => (\n

{user.name}

\n {user.company && (\n

{user.company}

\n )}\n

\n \n {user.userType === 'business' ? '🏢' : '👤'}\n \n

\n\n {user.industry && (\n

\n \n {user.industry}\n \n

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

\n {user.description}\n

\n )}\n\n

\n \n Joined {new Date(user.createdAt).toLocaleDateString()}\n \n onStartChat(user.id)}\n className=\"px-4 py-2 bg-gradient-to-r from-blue-600 to-indigo-600 text-white text-sm rounded-md hover:from-blue-700 hover:to-indigo-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all\"\n >\n 💬 Chat\n \n

\n ))\n )}\n

\n )}\n\n {/* Results Count */}\n {!loading && filteredUsers.length > 0 && (\n

\n Showing {filteredUsers.length} user{filteredUsers.length !== 1 ? 's' : ''}\n

\n )}\n

\n );\n}",[],[248,255,297],[248,255],{"_107":306,"_100":307,"_151":308,"_153":249,"_154":138,"_155":250,"_157":158,"_109":309,"_104":31,"_160":310,"_162":311,"_163":27,"_164":-5,"_165":312,"_103":313},"fea2a290-3f9a-11f0-9d82-76b3cceeab13","index.html","fea2a34e-3f9a-11f0-9d82-76b3cceeab13",["D",1748859537799],"file","\n\n\n \n \n Business-Consumer Network\n \n \n \n \n\n\n

\n \n\n",[],[248,307],{"_107":315,"_100":316,"_151":317,"_153":249,"_154":138,"_155":318,"_157":158,"_109":319,"_104":31,"_160":178,"_162":320,"_163":27,"_164":-5,"_165":321,"_103":322},"0a1150ea-3f9b-11f0-a0d3-76b3cceeab13","index.tsx","0a1151bc-3f9b-11f0-a0d3-76b3cceeab13",12,["D",1748859556981],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[248,316],{"_107":324,"_100":325,"_151":326,"_153":249,"_154":138,"_155":327,"_157":158,"_109":328,"_104":31,"_160":310,"_162":329,"_163":27,"_164":-5,"_165":330,"_103":331},"06f75436-3f9b-11f0-b0a5-76b3cceeab13","style.css","06f75508-3f9b-11f0-b0a5-76b3cceeab13",11,["D",1748859551775],"/* Custom styles for the business-consumer network app */\n\n.chat-container {\n height: calc(100vh - 200px);\n}\n\n.messages-container {\n height: calc(100% - 80px);\n overflow-y: auto;\n scroll-behavior: smooth;\n}\n\n.message-bubble {\n max-width: 70%;\n word-wrap: break-word;\n}\n\n.message-sent {\n margin-left: auto;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.message-received {\n margin-right: auto;\n background: #f3f4f6;\n color: #374151;\n}\n\n.conversation-item:hover {\n background-color: #f9fafb;\n}\n\n.conversation-item.active {\n background-color: #e5e7eb;\n border-left: 4px solid #667eea;\n}\n\n.user-card {\n transition: all 0.2s ease-in-out;\n}\n\n.user-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n}\n\n.industry-badge {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.business-badge {\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n}\n\n.consumer-badge {\n background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n}\n\n.unread-badge {\n background: #ef4444;\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.7;\n }\n}\n\n.loading-spinner {\n border: 2px solid #f3f4f6;\n border-top: 2px solid #667eea;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n/* Scrollbar styling */\n.messages-container::-webkit-scrollbar {\n width: 6px;\n}\n\n.messages-container::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 3px;\n}\n\n.messages-container::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 3px;\n}\n\n.messages-container::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}",[],[248,325],[248],{"_107":334,"_100":335,"_151":336,"_153":-5,"_154":138,"_155":240,"_157":158,"_109":337,"_104":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":338,"_103":347},"c4bcf5d0-3f9a-11f0-8da9-76b3cceeab13","shared","258af88f-928b-4eb7-8aca-a20457add198",["D",1748859440661],[339],{"_107":340,"_100":341,"_151":342,"_153":336,"_154":138,"_155":240,"_157":158,"_109":343,"_104":31,"_160":178,"_162":344,"_163":27,"_164":-5,"_165":345,"_103":346},"c4bced88-3f9a-11f0-8da9-76b3cceeab13","types.ts","c4bcee50-3f9a-11f0-8da9-76b3cceeab13",["D",1748859440661],"// Shared types for the business-consumer network app\n\nexport interface User {\n id: number;\n email: string;\n name: string;\n userType: 'business' | 'consumer';\n industry?: string;\n company?: string;\n description?: string;\n createdAt: string;\n}\n\nexport interface Message {\n id: number;\n senderId: number;\n receiverId: number;\n content: string;\n timestamp: string;\n read: boolean;\n}\n\nexport interface ChatConversation {\n userId: number;\n userName: string;\n userType: 'business' | 'consumer';\n industry?: string;\n company?: string;\n lastMessage?: string;\n lastMessageTime?: string;\n unreadCount: number;\n}\n\nexport interface AuthResponse {\n success: boolean;\n user?: User;\n error?: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\nexport const INDUSTRIES = [\n 'Technology',\n 'Healthcare',\n 'Finance',\n 'Education',\n 'Retail',\n 'Manufacturing',\n 'Real Estate',\n 'Food & Beverage',\n 'Transportation',\n 'Entertainment',\n 'Consulting',\n 'Marketing',\n 'Construction',\n 'Energy',\n 'Agriculture',\n 'Fashion',\n 'Sports',\n 'Travel & Tourism',\n 'Legal Services',\n 'Other'\n] as const;\n\nexport type Industry = typeof INDUSTRIES[number];",[],[335,341],[335],{"_107":349,"_100":350,"_151":351,"_153":-5,"_154":138,"_155":352,"_157":158,"_109":353,"_104":31,"_160":310,"_162":354,"_163":27,"_164":-5,"_165":355,"_103":356},"bfebc84c-3f9a-11f0-ab00-76b3cceeab13","README.md","bfebc90a-3f9a-11f0-ab00-76b3cceeab13",1,["D",1748859432583],"# Business-Consumer Network\n\nA networking platform that connects business professionals from all industries with consumers, featuring real-time chat communication.\n\n## Features\n\n- **User Registration**: Separate registration for business professionals and consumers\n- **Industry Categories**: Business users can select from various industry categories\n- **User Discovery**: Browse and search for business professionals or consumers\n- **Real-time Chat**: Direct messaging between users with persistent chat history\n- **Profile Management**: User profiles with industry information and contact details\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 endpoints\n│ │ ├── users.ts # User management endpoints\n│ │ ├── chat.ts # Chat functionality endpoints\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── Auth.tsx # Login/Register forms\n│ │ ├── UserList.tsx # User discovery interface\n│ │ ├── Chat.tsx # Chat interface\n│ │ └── Profile.tsx # User profile component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Tech Stack\n\n- **Backend**: Hono (TypeScript API framework)\n- **Database**: SQLite with Val Town's sqlite service\n- **Frontend**: React with TypeScript\n- **Styling**: TailwindCSS\n- **Real-time**: Polling-based chat updates\n\n## Getting Started\n\n1. The app will automatically set up the database on first run\n2. Register as either a business professional or consumer\n3. Browse other users and start conversations\n4. Use the chat interface to communicate in real-time\n\n## Database Schema\n\n- **users**: User profiles with type (business/consumer) and industry\n- **messages**: Chat messages between users with timestamps",[],[350],"files",[148,167,173,182,192,199,207,216,225,235,246,253,260,268,277,286,295,305,314,323,333,339,348],"counts",{"_361":31,"_362":352,"_363":31,"_364":31},"pulls","branches","forks","envVars","contents",[367,370,373,376],{"_107":149,"_100":150,"_151":152,"_153":-5,"_154":138,"_155":156,"_157":158,"_109":368,"_104":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_103":369},["D",1748859448733],[150],{"_107":247,"_100":248,"_151":249,"_153":-5,"_154":138,"_155":250,"_157":158,"_109":371,"_104":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_103":372},["D",1748859537799],[248],{"_107":334,"_100":335,"_151":336,"_153":-5,"_154":138,"_155":240,"_157":158,"_109":374,"_104":31,"_160":161,"_162":-5,"_163":27,"_164":-5,"_103":375},["D",1748859440661],[335],{"_107":349,"_100":350,"_151":351,"_153":-5,"_154":138,"_155":352,"_157":158,"_109":377,"_104":31,"_160":310,"_162":354,"_163":27,"_164":-5,"_103":378},["D",1748859432583],[350],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_98":99,"_100":101,"_102":42,"_105":385,"_389":390,"_509":31,"_510":27},{"_107":108,"_100":101,"_109":386,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":31,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_131":27,"_21":387,"_135":388},["D",1748859381788],{"_98":99,"_133":134},{"_104":137,"_100":42,"_107":138,"_139":108,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":101,"_145":99},"history",[391,396,404,409,414,419,424,432,437,442,450,457,462,467,472,480,485,496,504],{"_151":238,"_104":137,"_109":392,"_154":138,"_357":393},["D",1748859753574],[394],{"_107":236,"_154":138,"_151":238,"_100":237,"_162":242,"_160":241,"_104":240,"_153":152,"_109":392,"_155":137,"_164":-5,"_157":158,"_163":27,"_103":395},[150,237],{"_151":238,"_104":397,"_109":398,"_154":138,"_357":399},18,["D",1748859738621],[400],{"_107":401,"_154":138,"_151":238,"_100":237,"_162":402,"_160":241,"_104":352,"_153":152,"_109":398,"_155":397,"_164":-5,"_157":27,"_163":27,"_103":403},"7655e2de-3f9b-11f0-9ebe-76b3cceeab13","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport authRoutes from \"./routes/auth.ts\";\nimport userRoutes from \"./routes/users.ts\";\nimport chatRoutes from \"./routes/chat.ts\";\nimport staticRoutes from \"./routes/static.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait runMigrations();\n\n// API routes\napp.route(\"/api/auth\", authRoutes);\napp.route(\"/api/users\", userRoutes);\napp.route(\"/api/chat\", chatRoutes);\n\n// Static file serving and main app\napp.route(\"/\", staticRoutes);\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ status: \"healthy\", timestamp: new Date().toISOString() });\n});\n\n// 404 handler\napp.notFound((c) => {\n return c.json({ error: \"Not found\" }, 404);\n});\n\nexport default app;",[150,237],{"_151":289,"_104":290,"_109":405,"_154":138,"_357":406},["D",1748859735440],[407],{"_107":287,"_154":138,"_151":289,"_100":288,"_162":292,"_160":178,"_104":31,"_153":256,"_109":405,"_155":290,"_164":-5,"_157":158,"_163":27,"_103":408},[248,255,288],{"_151":280,"_104":281,"_109":410,"_154":138,"_357":411},["D",1748859701392],[412],{"_107":278,"_154":138,"_151":280,"_100":279,"_162":283,"_160":178,"_104":31,"_153":256,"_109":410,"_155":281,"_164":-5,"_157":158,"_163":27,"_103":413},[248,255,279],{"_151":298,"_104":299,"_109":415,"_154":138,"_357":416},["D",1748859654786],[417],{"_107":296,"_154":138,"_151":298,"_100":297,"_162":301,"_160":178,"_104":31,"_153":256,"_109":415,"_155":299,"_164":-5,"_157":158,"_163":27,"_103":418},[248,255,297],{"_151":271,"_104":272,"_109":420,"_154":138,"_357":421},["D",1748859618880],[422],{"_107":269,"_154":138,"_151":271,"_100":270,"_162":274,"_160":178,"_104":31,"_153":256,"_109":420,"_155":272,"_164":-5,"_157":158,"_163":27,"_103":423},[248,255,270],{"_151":263,"_104":257,"_109":425,"_154":138,"_357":426},["D",1748859581502],[427,429],{"_107":261,"_154":138,"_151":263,"_100":262,"_162":265,"_160":178,"_104":31,"_153":256,"_109":425,"_155":257,"_164":-5,"_157":158,"_163":27,"_103":428},[248,255,262],{"_107":254,"_154":138,"_151":256,"_100":255,"_162":-5,"_160":161,"_104":31,"_153":249,"_109":430,"_155":257,"_164":-5,"_157":158,"_163":27,"_103":431},["D",1748859581502],[248,255],{"_151":317,"_104":318,"_109":433,"_154":138,"_357":434},["D",1748859556981],[435],{"_107":315,"_154":138,"_151":317,"_100":316,"_162":320,"_160":178,"_104":31,"_153":249,"_109":433,"_155":318,"_164":-5,"_157":158,"_163":27,"_103":436},[248,316],{"_151":326,"_104":327,"_109":438,"_154":138,"_357":439},["D",1748859551775],[440],{"_107":324,"_154":138,"_151":326,"_100":325,"_162":329,"_160":310,"_104":31,"_153":249,"_109":438,"_155":327,"_164":-5,"_157":158,"_163":27,"_103":441},[248,325],{"_151":249,"_104":250,"_109":443,"_154":138,"_357":444},["D",1748859537799],[445,447],{"_107":247,"_154":138,"_151":249,"_100":248,"_162":-5,"_160":161,"_104":31,"_153":-5,"_109":443,"_155":250,"_164":-5,"_157":158,"_163":27,"_103":446},[248],{"_107":306,"_154":138,"_151":308,"_100":307,"_162":311,"_160":310,"_104":31,"_153":249,"_109":448,"_155":250,"_164":-5,"_157":158,"_163":27,"_103":449},["D",1748859537799],[248,307],{"_151":238,"_104":451,"_109":452,"_154":138,"_357":453},9,["D",1748859530993],[454],{"_107":455,"_154":138,"_151":238,"_100":237,"_162":402,"_160":178,"_104":31,"_153":152,"_109":452,"_155":451,"_164":-5,"_157":27,"_163":27,"_103":456},"fa9404a0-3f9a-11f0-b815-76b3cceeab13",[150,237],{"_151":219,"_104":220,"_109":458,"_154":138,"_357":459},["D",1748859523058],[460],{"_107":217,"_154":138,"_151":219,"_100":218,"_162":222,"_160":178,"_104":31,"_153":195,"_109":458,"_155":220,"_164":-5,"_157":158,"_163":27,"_103":461},[150,194,218],{"_151":210,"_104":211,"_109":463,"_154":138,"_357":464},["D",1748859513816],[465],{"_107":208,"_154":138,"_151":210,"_100":209,"_162":213,"_160":178,"_104":31,"_153":195,"_109":463,"_155":211,"_164":-5,"_157":158,"_163":27,"_103":466},[150,194,209],{"_151":228,"_104":229,"_109":468,"_154":138,"_357":469},["D",1748859497840],[470],{"_107":226,"_154":138,"_151":228,"_100":227,"_162":231,"_160":178,"_104":31,"_153":195,"_109":468,"_155":229,"_164":-5,"_157":158,"_163":27,"_103":471},[150,194,227],{"_151":202,"_104":196,"_109":473,"_154":138,"_357":474},["D",1748859484779],[475,477],{"_107":200,"_154":138,"_151":202,"_100":201,"_162":204,"_160":178,"_104":31,"_153":195,"_109":473,"_155":196,"_164":-5,"_157":158,"_163":27,"_103":476},[150,194,201],{"_107":193,"_154":138,"_151":195,"_100":194,"_162":-5,"_160":161,"_104":31,"_153":152,"_109":478,"_155":196,"_164":-5,"_157":158,"_163":27,"_103":479},["D",1748859484779],[150,194],{"_151":185,"_104":186,"_109":481,"_154":138,"_357":482},["D",1748859468436],[483],{"_107":183,"_154":138,"_151":185,"_100":184,"_162":188,"_160":178,"_104":31,"_153":170,"_109":481,"_155":186,"_164":-5,"_157":158,"_163":27,"_103":484},[150,169,184],{"_151":170,"_104":156,"_109":486,"_154":138,"_357":487},["D",1748859448733],[488,490,493],{"_107":168,"_154":138,"_151":170,"_100":169,"_162":-5,"_160":161,"_104":31,"_153":152,"_109":486,"_155":156,"_164":-5,"_157":158,"_163":27,"_103":489},[150,169],{"_107":149,"_154":138,"_151":152,"_100":150,"_162":-5,"_160":161,"_104":31,"_153":-5,"_109":491,"_155":156,"_164":-5,"_157":158,"_163":27,"_103":492},["D",1748859448733],[150],{"_107":174,"_154":138,"_151":176,"_100":175,"_162":179,"_160":178,"_104":31,"_153":170,"_109":494,"_155":156,"_164":-5,"_157":158,"_163":27,"_103":495},["D",1748859448733],[150,169,175],{"_151":342,"_104":240,"_109":497,"_154":138,"_357":498},["D",1748859440661],[499,501],{"_107":340,"_154":138,"_151":342,"_100":341,"_162":344,"_160":178,"_104":31,"_153":336,"_109":497,"_155":240,"_164":-5,"_157":158,"_163":27,"_103":500},[335,341],{"_107":334,"_154":138,"_151":336,"_100":335,"_162":-5,"_160":161,"_104":31,"_153":-5,"_109":502,"_155":240,"_164":-5,"_157":158,"_163":27,"_103":503},["D",1748859440661],[335],{"_151":351,"_104":352,"_109":505,"_154":138,"_357":506},["D",1748859432583],[507],{"_107":349,"_154":138,"_151":351,"_100":350,"_162":354,"_160":310,"_104":31,"_153":-5,"_109":505,"_155":352,"_164":-5,"_157":158,"_163":27,"_103":508},[350],"page","hasNext","routes/_app","actionData","errors"]

History