Guillermo.Arrieta/acad-ia-2
1
0
Fork 0
Code Issues 13 Pull Requests Actions Wiki Activity

Merge pull request 'Agregar estilo cuando la respuesta del asistente sea refusal #139' (#140) from issue/139-agregar-estilo-cuando-la-respuesta-del-asistente-s into main

Browse Source 
Reviewed-on: #140
This commit was merged in pull request #140.
This commit is contained in:
Roberto Silva Corona
2026-02-25 22:05:07 +00:00
parent 543e83609e b888bb22cd
commit f706456ff6
1 changed files with 35 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/routes/planes/$planId/_detalle/iaplan.tsx
View File

@@ -126,16 +126,16 @@ function RouteComponent() {
const conversacionJson = activeChatData?.conversacion_json || [] const conversacionJson = activeChatData?.conversacion_json || []
const chatMessages = useMemo(() => { const chatMessages = useMemo(() => {
const json = activeChatData?.conversacion_json const json = activeChatData?.conversacion_json || []
if (!Array.isArray(json)) return []
return json.map((msg: any, index: number) => { return json.map((msg: any, index: number) => {
const isAssistant = msg.user === 'assistant' const isAssistant = msg.user === 'assistant'
return { return {
id: `${activeChatId}-${index}-${msg.timestamp}`, // ID estable id: `${activeChatId}-${index}`,
role: isAssistant ? 'assistant' : 'user', role: isAssistant ? 'assistant' : 'user',
content: isAssistant ? msg.message : msg.prompt, content: isAssistant ? msg.message : msg.prompt,
// EXTRAEMOS EL CAMPO REFUSAL
isRefusal: isAssistant && msg.refusal === true,
suggestions: suggestions:
isAssistant && msg.recommendations isAssistant && msg.recommendations
? msg.recommendations.map((rec: any) => ({ ? msg.recommendations.map((rec: any) => ({
@@ -275,7 +275,7 @@ function RouteComponent() {
// Si no hay campos, enviamos el texto tal cual // Si no hay campos, enviamos el texto tal cual
if (fields.length === 0) return userInput if (fields.length === 0) return userInput
return `Instrucción del usuario: ${userInput}` return ` ${userInput}`
} }
const handleSend = async (promptOverride?: string) => { const handleSend = async (promptOverride?: string) => {
@@ -504,31 +504,44 @@ function RouteComponent() {
{chatMessages.map((msg) => ( {chatMessages.map((msg) => (
<div <div
key={msg.id} key={msg.id}
className={`flex max-w-[85%] flex-col ${msg.role === 'user' ? 'ml-auto items-end' : 'items-start'}`} className={`flex max-w-[85%] flex-col ${
msg.role === 'user' ? 'ml-auto items-end' : 'items-start'
}`}
> >
<div <div
className={`rounded-2xl p-3 text-sm whitespace-pre-wrap shadow-sm ${ className={`relative rounded-2xl p-3 text-sm whitespace-pre-wrap shadow-sm transition-all duration-300 ${
msg.role === 'user' msg.role === 'user'
? 'rounded-tr-none bg-teal-600 text-white' ? 'rounded-tr-none bg-teal-600 text-white'
: 'rounded-tl-none border bg-white text-slate-700' : `rounded-tl-none border bg-white text-slate-700 ${
// --- LÓGICA DE REFUSAL ---
msg.isRefusal
? 'border-red-200 bg-red-50/50 ring-1 ring-red-100'
: 'border-slate-100'
}`
}`} }`}
> >
{/* Contenido de texto normal */} {/* Icono opcional de advertencia si es refusal */}
{msg.content} {msg.isRefusal && (
<div className="mb-1 flex items-center gap-1 text-[10px] font-bold text-red-500 uppercase">
{/* Si el mensaje tiene sugerencias (ImprovementCard) */} <span>Aviso del Asistente</span>
{msg.suggestions && msg.suggestions.length > 0 && (
<div className="mt-4">
<ImprovementCard
suggestions={msg.suggestions}
planId={planId}
currentDatos={data?.datos}
activeChatId={activeChatId}
// Puedes pasar una prop nueva si tu ImprovementCard la soporta:
// isReadOnly={msg.suggestions.every(s => s.applied)}
/>
</div> </div>
)} )}
{msg.content}
{/* Renderizado de sugerencias (ImprovementCard) */}
{!msg.isRefusal &&
msg.suggestions &&
msg.suggestions.length > 0 && (
<div className="mt-4">
<ImprovementCard
suggestions={msg.suggestions}
planId={planId}
currentDatos={data?.datos}
conversacionId={activeChatId}
/>
</div>
)}
</div> </div>
</div> </div>
))} ))}