Message timestamps in full mode, API error state, model badges on session list

components/MessageBubble.tsx

@@ -10,6 +10,7 @@ interface Props {
   message: Message;
   toolResults: Map<string, { name: string; content: string }>;
   verbosity?: Verbosity;
+  showTimestamp?: boolean;
 }
 
 function ReasoningBlock({ text }: { text: string }) {
@@ -72,7 +73,7 @@ function ToolCallBlock({ tc, result, defaultOpen, showResult }: { tc: ToolCall;
   );
 }
 
-export function MessageBubble({ message, toolResults, verbosity = "normal" }: Props) {
+export function MessageBubble({ message, toolResults, verbosity = "normal", showTimestamp = false }: Props) {
   const isUser = message.role === "user";
   const content = message.content || "";
   const reasoning = message.reasoning || "";
@@ -132,6 +133,13 @@ export function MessageBubble({ message, toolResults, verbosity = "normal" }: Pr
             (tool calls only)
           </div>
         )}
+
+        {/* Timestamp */}
+        {showTimestamp && message.timestamp && (
+          <div className="text-[10px] mt-1" style={{ color: isUser ? "rgba(255,255,255,0.5)" : "var(--text-3)" }}>
+            {new Date(message.timestamp * 1000).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
+          </div>
+        )}
       </div>
     </div>
   );