+
);
} else {
parts.push(
@@ -891,6 +890,8 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
files: m.files && m.files.length > 0 ? m.files : undefined,
suggestedQuestions: m.suggested_questions,
debugArtifacts: m.debug_artifacts as DebugArtifacts | undefined,
+ isError: m.is_error,
+ actionCard: m.action_card,
})),
);
}, [conversationDetail]);
@@ -911,10 +912,13 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
pendingConversationIdRef.current = undefined;
}, [conversationId]);
- const handleSend = async () => {
- const text = input.trim();
+ const handleSend = async (overrideText?: string) => {
+ const isString = typeof overrideText === 'string';
+ const text = (isString ? overrideText : input).trim();
if (!text || isLoading) return;
- setInput('');
+ if (!isString) {
+ setInput('');
+ }
const userEntry: ChatEntry = { id: generateId(), role: 'user', text };
setMessages((prev) => [...prev, userEntry]);
@@ -942,6 +946,8 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
files: result.files && result.files.length > 0 ? result.files : undefined,
suggestedQuestions: result.suggested_questions,
debugArtifacts: result.debug_artifacts as DebugArtifacts | undefined,
+ isError: result.is_error,
+ actionCard: result.action_card,
};
setMessages((prev) => [...prev, assistantEntry]);
queryClient.invalidateQueries({ queryKey: CONVERSATIONS_QUERY_KEY });
@@ -971,6 +977,13 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
files: entry.files,
suggested_questions: entry.suggestedQuestions,
debug_artifacts: entry.debugArtifacts,
+ // Must mirror what GetConversation returns per message. The
+ // remount below re-hydrates from this cache, so anything dropped
+ // here disappears from the reply the user just received — an
+ // action card silently vanishes on a brand-new conversation and
+ // only comes back on refresh.
+ action_card: entry.actionCard,
+ is_error: entry.isError,
})),
});
navigate(`${basePath}/${activeConversationId}`, { replace: true });
@@ -1032,7 +1045,14 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
{
id: generateId(),
role: 'assistant',
- text: 'I am sorry, but I ran into an issue while thinking about that. Please try asking again.',
+ text: '> **Analysis Took Too Long**\n> \n> We lost connection to the server or the request timed out. Please try asking again.',
+ isError: true,
+ actionCard: {
+ title: 'Timeout Error',
+ description: 'The request took too long to complete.',
+ button_text: 'Try Again',
+ action_url: '#retry'
+ }
},
]);
}
@@ -1046,7 +1066,14 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
{
id: generateId(),
role: 'assistant',
- text: 'I am sorry, but I ran into an issue while thinking about that. Please try asking again.',
+ text: '> **Network Error**\n> \n> We lost connection to the server or the request failed. Please check your network and try again.',
+ isError: true,
+ actionCard: {
+ title: 'Network Error',
+ description: 'The connection failed.',
+ button_text: 'Try Again',
+ action_url: '#retry'
+ }
},
]);
setIsLoading(false);
@@ -1082,8 +1109,11 @@ export const ChatConversation: React.FC<{ surface: ChatSurface }> = ({ surface }
const debugModalMsg = debugModalMsgId ? messages.find((m) => m.id === debugModalMsgId) : undefined;
return (
-
-
+
+ {/* Header: pl-4 pr-6 instead of px-4 so max-w-4xl mx-auto centers identically
+ to the messages section which has scrollbar-gutter:stable (8px) on the right.
+ Math: header right=24px, messages right=16px(px-4)+8px(gutter)=24px → same. */}
+
-