feat: add connector name field to form and update submission logic

Signed-off-by: Tomas Weiss <tomas.weiss2@gmail.com>

Author: tomkis

apps/agentstack-ui/src/modules/connectors/components/AddConnectorForm.tsx

@@ -8,6 +8,7 @@ import { useForm } from 'react-hook-form';
 export interface CreateConnectorForm {
   client_id?: string;
   client_secret?: string;
+  name: string;
   url: string;
 }
 
@@ -26,6 +27,7 @@ export const AddConnectorForm = (props: AddConnectorFormProps) => {
 
   return (
     <form onSubmit={handleSubmit(props.onSubmit)}>
+      <input type="text" placeholder="Connector Name" {...register('name', { required: true })} />
       <input type="text" placeholder="URL" {...register('url', { required: true })} />
       <input type="text" placeholder="Client ID" {...register('client_id')} />
       <input

apps/agentstack-ui/src/modules/connectors/components/ConnectorsView.tsx

@@ -21,15 +21,14 @@ export const ConnectorsView = () => {
   const authorize = useAuthorize();
 
   const onSubmit = useCallback(
-    ({ url, client_id, client_secret }: CreateConnectorForm) => {
+    ({ url, client_id, client_secret, name }: CreateConnectorForm) => {
       createConnector({
         url,
         client_id,
         client_secret,
         match_preset: false,
-        // TODO: get name from the form
         metadata: {
-          name: 'GitHub',
+          name,
         },
       });
     },