feat(goose): support customizing extension timeout (#1428)

ui/desktop/src/components/settings/extensions/ManualExtensionModal.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Card } from '../../ui/card';
 import { Button } from '../../ui/button';
 import { Input } from '../../ui/input';
-import { FullExtensionConfig } from '../../../extensions';
+import { FullExtensionConfig, DEFAULT_EXTENSION_TIMEOUT } from '../../../extensions';
 import { toast } from 'react-toastify';
 import Select from 'react-select';
 import { createDarkSelectStyles, darkSelectTheme } from '../../ui/select-styles';
@@ -22,6 +22,7 @@ export function ManualExtensionModal({ isOpen, onClose, onSubmit }: ManualExtens
     enabled: true,
     args: [],
     commandInput: '',
+    timeout: DEFAULT_EXTENSION_TIMEOUT,
   });
   const [envKey, setEnvKey] = useState('');
   const [envValue, setEnvValue] = useState('');
@@ -267,8 +268,20 @@ export function ManualExtensionModal({ isOpen, onClose, onSubmit }: ManualExtens
                   </div>
                 )}
               </div>
-            </div>
 
+              <div>
+                <label className="block text-sm font-medium text-textStandard mb-2">
+                  Timeout (secs)*
+                </label>
+                <Input
+                  type="number"
+                  value={formData.timeout || DEFAULT_EXTENSION_TIMEOUT}
+                  onChange={(e) => setFormData({ ...formData, timeout: parseInt(e.target.value) })}
+                  className="w-full"
+                  required
+                />
+              </div>
+            </div>
             <div className="mt-[8px] -ml-8 -mr-8 pt-8">
               <Button
                 type="submit"