\n {/* Header */}\n

\n \n ← Back to {isAdmin ? 'Dashboard' : 'Requests'}\n \n

\n {isAdmin && (\n

\n {request.status === 'open' && (\n updateRequestStatus('in_progress')}\n className=\"inline-flex items-center px-3 py-1.5 border border-transparent text-xs font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700\"\n >\n Start Working\n \n )}\n {request.status === 'in_progress' && (\n updateRequestStatus('resolved')}\n className=\"inline-flex items-center px-3 py-1.5 border border-transparent text-xs font-medium rounded-md text-white bg-green-600 hover:bg-green-700\"\n >\n Mark Resolved\n \n )}\n {request.status === 'resolved' && (\n updateRequestStatus('open')}\n className=\"inline-flex items-center px-3 py-1.5 border border-gray-300 text-xs font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50\"\n >\n Reopen\n \n )}\n

\n )}\n

\n \n

{request.title}

{request.description}

\n 👤 {request.user_email}\n 📅 {new Date(request.created_at).toLocaleString()}\n

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

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

Chat Messages

\n \n

\n {loading ? (\n

\n Loading messages...\n

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

💬

No messages yet. Start the conversation!

\n ) : (\n

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

\n \n {message.sender_type === 'admin' ? '🛠️' : '👤'}\n \n

\n \n {message.sender_type === 'admin' ? 'Support Team' : message.sender_email}\n \n \n {new Date(message.created_at).toLocaleString()}\n \n

\n {message.message}\n

\n ))}\n

\n )}\n

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

\n setNewMessage(e.target.value)}\n placeholder={`Type your message as ${isAdmin ? 'support team' : 'user'}...`}\n rows={2}\n className=\"block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border resize-none\"\n onKeyDown={(e) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n sendMessage(e);\n }\n }}\n />\n

\n \n {sending ? (\n <>\n

\n Sending...\n \n ) : (\n <>\n Send\n 📤\n \n )}\n \n

\n Press Enter to send, Shift+Enter for new line\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/bertarios/untitled-6698/code/frontend/components/ChatWindow.tsx","extension","actionData","errors"]