| import React from 'react'; |
| import { AgentIntentTiles } from './AgentIntentTiles'; |
| export function ChatEmptyState({ title, description, isAgent, isPersona, capabilityLabels = [], onPickPrompt, agentIntent = null, onAgentIntentChange, onResumeVoice, }) { |
| return (<div className="h-full w-full flex items-center justify-center px-6"> |
| <div className="w-full max-w-2xl"> |
| <div className="rounded-3xl border border-white/10 bg-white/5 p-8 shadow-[0_20px_80px_rgba(0,0,0,0.35)]"> |
| <div className="text-2xl font-semibold text-white">{title}</div> |
| |
| <div className="mt-2 text-sm text-white/60 leading-relaxed"> |
| {description?.trim() |
| ? description |
| : isAgent |
| ? 'This project is an advanced assistant. Ask normally — it can use available capabilities when needed.' |
| : 'Start a conversation, upload files, or use voice mode.'} |
| </div> |
| |
| {/* Persona projects: prominent "Continue in Voice" button */} |
| {isPersona && onResumeVoice && (<div className="mt-5 flex flex-col gap-2"> |
| <button onClick={onResumeVoice} className="w-full flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-gradient-to-r from-purple-600/30 to-blue-600/30 border border-purple-500/40 hover:border-purple-400/60 transition-all text-white font-medium text-sm"> |
| <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg> |
| Continue in Voice |
| </button> |
| <p className="text-center text-[11px] text-white/40"> |
| Or type below to chat via text |
| </p> |
| </div>)} |
| |
| {isAgent && capabilityLabels.length > 0 ? (<div className="mt-4"> |
| <div className="text-xs font-semibold text-white/70">This assistant can:</div> |
| <div className="mt-2 flex flex-wrap gap-2"> |
| {capabilityLabels.map((c) => (<span key={c} className="text-xs px-2 py-1 rounded-full bg-white/10 border border-white/10 text-white/80"> |
| {c} |
| </span>))} |
| </div> |
| </div>) : null} |
| |
| {isAgent ? (<> |
| <AgentIntentTiles value={agentIntent} onChange={(i) => onAgentIntentChange?.(i)}/> |
| |
| <div className="mt-4 text-xs text-white/55 leading-relaxed"> |
| {agentIntent |
| ? "Tip: describe your goal in one sentence — I'll route this to the right tools." |
| : 'Pick an intent to get a focused starting point.'} |
| </div> |
| </>) : null} |
| </div> |
| |
| <div className="mt-4 text-center text-[11px] text-white/40"> |
| HomePilot can make mistakes. Verify important outputs. |
| </div> |
| </div> |
| </div>); |
| } |
|
|
