feat: keep stream error toggle open by default (#8703)

Author: uinstinct

gui/src/components/ToggleDiv.tsx

@@ -7,15 +7,17 @@ interface ToggleProps {
   title: React.ReactNode;
   icon?: ComponentType<React.SVGProps<SVGSVGElement>>;
   testId?: string;
+  defaultOpen?: boolean;
 }
 
 function ToggleDiv({
   children,
   title,
   icon: Icon,
   testId = "context-items-peek",
+  defaultOpen = false,
 }: ToggleProps) {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(defaultOpen);
   const [isHovered, setIsHovered] = useState(false);
 
   return (

gui/src/pages/gui/StreamError.tsx

@@ -250,7 +250,11 @@ const StreamErrorDialog = ({ error }: StreamErrorProps) => {
       {/* Expandable technical details using ToggleDiv */}
       {message && (
         <div className="mb-2">
-          <ToggleDiv title="View error output" testId="error-output-toggle">
+          <ToggleDiv
+            title="View error output"
+            testId="error-output-toggle"
+            defaultOpen
+          >
             <div className="flex flex-col gap-0 rounded-sm">
               <code className="text-editor-foreground block max-h-48 overflow-y-auto p-3 font-mono text-xs">
                 {parsedError}