Auto-collapse logs for succesful/timedout/queued deployments

Author: myftija

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.deployments.$deploymentParam/route.tsx

@@ -245,7 +245,14 @@ export default function Page() {
               </Property.Item>
               <Property.Item>
                 <Property.Label>Logs</Property.Label>
-                <LogsDisplay logs={logs} isStreaming={isStreaming} streamError={streamError} />
+                <LogsDisplay
+                  logs={logs}
+                  isStreaming={isStreaming}
+                  streamError={streamError}
+                  initialCollapsed={(
+                    ["PENDING", "DEPLOYED", "TIMED_OUT"] satisfies (typeof deployment.status)[]
+                  ).includes(deployment.status)}
+                />
               </Property.Item>
               {deployment.canceledAt && (
                 <Property.Item>
@@ -426,6 +433,10 @@ function LogsDisplay({
   const [collapsed, setCollapsed] = useState(initialCollapsed);
   const logsContainerRef = useRef<HTMLDivElement>(null);
 
+  useEffect(() => {
+    setCollapsed(initialCollapsed);
+  }, [initialCollapsed]);
+
   // auto-scroll log container to bottom when new logs arrive
   useEffect(() => {
     if (logsContainerRef.current) {