Add metadata and squash migrations

src-web/components/GrpcConnectionSetupPane.tsx

@@ -7,13 +7,14 @@ import type { ReflectResponseService } from '../hooks/useGrpc';
 import { useGrpcConnections } from '../hooks/useGrpcConnections';
 import { useRequestUpdateKey } from '../hooks/useRequestUpdateKey';
 import { useUpdateGrpcRequest } from '../hooks/useUpdateGrpcRequest';
-import type { GrpcRequest } from '../lib/models';
+import type { GrpcMetadataEntry, GrpcRequest } from '../lib/models';
 import { AUTH_TYPE_BASIC, AUTH_TYPE_BEARER, AUTH_TYPE_NONE } from '../lib/models';
 import { BasicAuth } from './BasicAuth';
 import { BearerAuth } from './BearerAuth';
 import { Button } from './core/Button';
 import { Icon } from './core/Icon';
 import { IconButton } from './core/IconButton';
+import { PairEditor } from './core/PairEditor';
 import { RadioDropdown } from './core/RadioDropdown';
 import { HStack, VStack } from './core/Stacks';
 import type { TabItem } from './core/Tabs/Tabs';
@@ -155,6 +156,11 @@ export function GrpcConnectionSetupPane({
     [activeRequest.authentication, activeRequest.authenticationType, updateRequest],
   );
 
+  const handleMetadataChange = useCallback(
+    (metadata: GrpcMetadataEntry[]) => updateRequest.mutate({ metadata }),
+    [updateRequest],
+  );
+
   return (
     <VStack style={style}>
       <div
@@ -281,6 +287,15 @@ export function GrpcConnectionSetupPane({
             <EmptyStateText>No Authentication {activeRequest.authenticationType}</EmptyStateText>
           )}
         </TabContent>
+        <TabContent value="metadata">
+          <PairEditor
+            valueAutocompleteVariables
+            nameAutocompleteVariables
+            pairs={activeRequest.metadata}
+            onChange={handleMetadataChange}
+            forceUpdateKey={forceUpdateKey}
+          />
+        </TabContent>
       </Tabs>
     </VStack>
   );

src-web/lib/models.ts

@@ -104,6 +104,12 @@ export interface HttpUrlParameter {
   enabled?: boolean;
 }
 
+export interface GrpcMetadataEntry {
+  name: string;
+  value: string;
+  enabled?: boolean;
+}
+
 export interface GrpcRequest extends BaseModel {
   readonly workspaceId: string;
   readonly model: 'grpc_request';
@@ -117,6 +123,7 @@ export interface GrpcRequest extends BaseModel {
   protoFiles: string[];
   authentication: Record<string, string | number | boolean | null | undefined>;
   authenticationType: string | null;
+  metadata: GrpcMetadataEntry[];
 }
 
 export interface GrpcMessage extends BaseModel {