chore: cleanup

Author: jaaydenh

site/src/DynamicForm.tsx

@@ -239,21 +239,13 @@ export function DynamicForm() {
         <Controller
             name={param.name}
             control={methods.control}
-            render={({ field }) => {
-              const { debounced } = useDebouncedFunction(
-                (e: React.ChangeEvent<HTMLInputElement>) => field.onChange(e),
-                1000
-              );
-
-              return (
-                <Input
-                  onChange={debounced}
-                  className="w-[300px]"
-                  type={mapParamTypeToInputType(param.type)}
-                  defaultValue={param.default_value}
-                />
-              );
-            }}
+            render={({ field }) => (
+              <DebouncedInput
+                field={field}
+                type={mapParamTypeToInputType(param.type)}
+                defaultValue={param.default_value}
+              />
+            )}
           />
         {renderDiagnostics(param.diagnostics)}
       </div>
@@ -273,6 +265,26 @@ export function DynamicForm() {
     );
   };
 
+  const DebouncedInput = ({ field, type, defaultValue }: { 
+    field: { onChange: (e: React.ChangeEvent<HTMLInputElement>) => void }, 
+    type: string, 
+    defaultValue?: string 
+  }) => {
+    const { debounced } = useDebouncedFunction(
+      (e: React.ChangeEvent<HTMLInputElement>) => field.onChange(e),
+      2000
+    );
+
+    return (
+      <Input
+        onChange={debounced}
+        className="w-[300px]"
+        type={type}
+        defaultValue={defaultValue}
+      />
+    );
+  };
+
   if (isLoading && directories.length === 0) {
     return <div>Loading directories...</div>;
   }

site/src/useWebSocket.ts

@@ -25,7 +25,8 @@ export function useWebSocket<T>(url: string, testdata: string) {
           console.log("Received message:", data);
           setMessage(data);
         } catch (err) {
-          console.error("Invalid JSON from server:", event.data);
+          console.error("Invalid JSON from server: ", event.data);
+          console.error("Error: ", err);
         }
       };
 
@@ -51,7 +52,6 @@ export function useWebSocket<T>(url: string, testdata: string) {
     setMessage(null);
     setConnectionStatus('connecting');
 
-    // Create new connection after a small delay to ensure cleanup completes
     const createConnection = () => {
       urlRef.current = url;
       connectWebSocket();