{children}
@@ -357,7 +357,7 @@ function MarkdownContent({ content }: { content: string }) {
}
return (
-
+
{children}
)
@@ -374,7 +374,7 @@ function MarkdownContent({ content }: { content: string }) {
},
th({ children }: { children?: React.ReactNode }) {
return (
-
+
{children}
)
@@ -424,7 +424,7 @@ function MarkdownContent({ content }: { content: string }) {
},
img({ alt, src }: { alt?: string; src?: string }) {
return (
-
+
🖼 {alt || src || "image"}
)
@@ -559,7 +559,7 @@ function TuiSelectPrompt({
data-testid="tui-select-prompt"
tabIndex={0}
onKeyDown={handleKeyDown}
- className="mt-2 rounded-xl border border-border/60 bg-background/60 p-1.5 shadow-sm outline-none focus-visible:ring-1 focus-visible:ring-border"
+ className="mt-2 rounded-xl border border-border bg-background p-1.5 shadow-sm outline-none focus-visible:ring-1 focus-visible:ring-border"
aria-label={`Select: ${prompt.label}`}
role="listbox"
aria-activedescendant={`tui-select-option-${localIndex}`}
@@ -584,7 +584,7 @@ function TuiSelectPrompt({
"flex w-full items-start gap-2 rounded-lg px-3 py-1.5 text-left text-sm transition-colors",
isSelected
? "bg-primary/15 text-primary font-medium"
- : "text-foreground hover:bg-muted/60",
+ : "text-foreground hover:bg-muted",
)}
>
@@ -671,7 +671,7 @@ function TuiTextPrompt({
return (
{prompt.label && (
@@ -695,7 +695,7 @@ function TuiTextPrompt({
"flex h-8 items-center justify-center rounded-lg px-3 text-xs font-medium transition-all",
value.trim()
? "bg-primary text-primary-foreground hover:bg-primary/90 active:scale-95 shadow-sm"
- : "bg-muted text-muted-foreground/40 cursor-not-allowed",
+ : "bg-muted text-muted-foreground cursor-not-allowed",
)}
>
Submit
@@ -771,7 +771,7 @@ function TuiPasswordPrompt({
return (
{prompt.label && (
@@ -796,7 +796,7 @@ function TuiPasswordPrompt({
onClick={() => setShowPassword((s) => !s)}
tabIndex={-1}
aria-label={showPassword ? "Hide input" : "Show input"}
- className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground/50 hover:text-muted-foreground transition-colors"
+ className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-muted-foreground transition-colors"
>
{showPassword ? (
-
+
Value is transmitted securely and not stored in chat history.
@@ -910,7 +910,7 @@ function InlineThinking({ content, isStreaming }: { content: string; isStreaming
onClick={() => setExpanded((e) => !e)}
className={cn(
"group w-full rounded-xl border px-3.5 py-2.5 text-left transition-all",
- "border-border/40 bg-muted/20 hover:bg-muted/30",
+ "border-border/50 bg-muted/50 hover:bg-muted/50",
)}
>
{/* Header row */}
@@ -922,21 +922,21 @@ function InlineThinking({ content, isStreaming }: { content: string; isStreaming
) : (
- 💭
+ 💭
)}
-
+
{isStreaming ? "Thinking…" : "Thought process"}
{hasMore && !expanded && (
-
+
{lines.length} lines
)}
{expanded
- ?
+
{line}
))}
@@ -957,7 +957,7 @@ function InlineThinking({ content, isStreaming }: { content: string; isStreaming
{expanded && (
{content}
{isStreaming &&
+
{group.label}
{group.items.map((action) => {
@@ -1542,9 +1542,9 @@ function PlaceholderState({
{showSpinner ? (
- {request.title}
)}
@@ -1675,7 +1675,7 @@ function InlineSelect({
disabled={disabled}
className={cn(
"flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-sm transition-colors",
- checked ? "bg-primary/15 text-primary font-medium" : "text-foreground hover:bg-muted/60",
+ checked ? "bg-primary/15 text-primary font-medium" : "text-foreground hover:bg-muted",
)}
>
@@ -1693,7 +1693,7 @@ function InlineSelect({
disabled={disabled}
className={cn(
"flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-sm transition-colors",
- selected ? "bg-primary/15 text-primary font-medium" : "text-foreground hover:bg-muted/60",
+ selected ? "bg-primary/15 text-primary font-medium" : "text-foreground hover:bg-muted",
)}
>
@@ -1714,7 +1714,7 @@ function InlineSelect({
"mt-2 flex w-full items-center justify-center rounded-lg px-3 py-2 text-xs font-medium transition-all",
canSubmit && !disabled
? "bg-primary text-primary-foreground hover:bg-primary/90 active:scale-[0.98] shadow-sm"
- : "bg-muted text-muted-foreground/40 cursor-not-allowed",
+ : "bg-muted text-muted-foreground cursor-not-allowed",
)}
>
{isMulti ? `Submit (${multiValues.size})` : "Submit"}
@@ -1816,7 +1816,7 @@ function InlineInput({
"flex h-8 items-center justify-center rounded-lg px-3 text-xs font-medium transition-all",
value.trim() && !disabled
? "bg-primary text-primary-foreground hover:bg-primary/90 active:scale-95 shadow-sm"
- : "bg-muted text-muted-foreground/40 cursor-not-allowed",
+ : "bg-muted text-muted-foreground cursor-not-allowed",
)}
>
Submit
@@ -1927,12 +1927,12 @@ function ToolExecutionBlock({ tool }: { tool: CompletedToolExecution }) {
"w-full rounded-lg border px-3 py-2 text-left text-xs transition-colors",
isError
? "border-destructive/30 bg-destructive/5 hover:bg-destructive/10"
- : "border-border/40 bg-muted/20 hover:bg-muted/30",
+ : "border-border/50 bg-muted/50 hover:bg-muted/50",
)}
>
{/* Header */}
-
+
{icon}
@@ -1942,16 +1942,16 @@ function ToolExecutionBlock({ tool }: { tool: CompletedToolExecution }) {
{shortPath}
)}
{bashCommand && !shortPath && (
- {bashCommand.length > 60 ? bashCommand.slice(0, 60) + "…" : bashCommand}
+ {bashCommand.length > 60 ? bashCommand.slice(0, 60) + "…" : bashCommand}
)}
-
+
{expanded ? {title}
+ {title}
{status}
{action}
@@ -290,7 +290,7 @@ function SegmentedControl({
disabled?: boolean
}) {
return (
-
+
{options.map((opt) => (