diff --git a/src/components/thread/messages/ai.tsx b/src/components/thread/messages/ai.tsx
index af5eac2..77e389e 100644
--- a/src/components/thread/messages/ai.tsx
+++ b/src/components/thread/messages/ai.tsx
@@ -86,7 +86,7 @@ function Interrupt({
)}
{interruptValue &&
!isAgentInboxInterruptSchema(interruptValue) &&
- isLastMessage ? (
+ (isLastMessage || hasNoAIOrToolMessages) ? (
+ {JSON.stringify(value, null, 2)}
+
+ );
+ } else if (isUrl(value)) {
+ return (
+
+ {value}
+
+ );
+ } else {
+ return String(value);
+ }
+}
+
export function GenericInterruptView({
interrupt,
}: {
@@ -17,9 +50,13 @@ export function GenericInterruptView({
const contentLines = contentStr.split("\n");
const shouldTruncate = contentLines.length > 4 || contentStr.length > 500;
- // Function to truncate long string values
+ // Function to truncate long string values (but preserve URLs)
const truncateValue = (value: any): any => {
if (typeof value === "string" && value.length > 100) {
+ // Don't truncate URLs so they remain clickable
+ if (isUrl(value)) {
+ return value;
+ }
return value.substring(0, 100) + "...";
}
@@ -95,13 +132,7 @@ export function GenericInterruptView({
{key}
- {JSON.stringify(value, null, 2)}
-
- ) : (
- String(value)
- )}
+ {renderInterruptStateItem(value)}