Fixed metadata naming

Author: ln-12

client/src/App.tsx

@@ -81,7 +81,7 @@ import {
   CustomHeaders,
   migrateFromLegacyAuth,
 } from "./lib/types/customHeaders";
-import MetaDataTab from "./components/MetaDataTab";
+import MetadataTab from "./components/MetadataTab";
 
 const CONFIG_LOCAL_STORAGE_KEY = "inspectorConfig_v1";
 
@@ -197,14 +197,14 @@ const App = () => {
   const [authState, setAuthState] =
     useState<AuthDebuggerState>(EMPTY_DEBUGGER_STATE);
 
-  // Meta data state - persisted in localStorage
+  // Metadata state - persisted in localStorage
   const [metaData, setMetaData] = useState<Record<string, string>>(() => {
     const savedMetaData = localStorage.getItem("lastMetaData");
     if (savedMetaData) {
       try {
         return JSON.parse(savedMetaData);
       } catch (error) {
-        console.warn("Failed to parse saved meta data:", error);
+        console.warn("Failed to parse saved metadata:", error);
       }
     }
     return {};
@@ -1022,7 +1022,7 @@ const App = () => {
                 </TabsTrigger>
                 <TabsTrigger value="metadata">
                   <Settings className="w-4 h-4 mr-2" />
-                  Meta Data
+                  Metadata
                 </TabsTrigger>
               </TabsList>
 
@@ -1184,7 +1184,7 @@ const App = () => {
                       onRootsChange={handleRootsChange}
                     />
                     <AuthDebuggerWrapper />
-                    <MetaDataTab
+                    <MetadataTab
                       metaData={metaData}
                       onMetaDataChange={handleMetaDataChange}
                     />

client/src/components/MetaDataTab.tsx

@@ -10,12 +10,12 @@ interface MetaDataEntry {
   value: string;
 }
 
-interface MetaDataTabProps {
+interface MetadataTabProps {
   metaData: Record<string, string>;
   onMetaDataChange: (metaData: Record<string, string>) => void;
 }
 
-const MetaDataTab: React.FC<MetaDataTabProps> = ({
+const MetadataTab: React.FC<MetadataTabProps> = ({
   metaData,
   onMetaDataChange,
 }) => {
@@ -59,7 +59,7 @@ const MetaDataTab: React.FC<MetaDataTabProps> = ({
       <div className="space-y-4">
         <div className="flex items-center justify-between">
           <div>
-            <h3 className="text-lg font-semibold">Meta Data</h3>
+            <h3 className="text-lg font-semibold">Metadata</h3>
             <p className="text-sm text-gray-600 dark:text-gray-400">
               Key-value pairs that will be included in all MCP requests
             </p>
@@ -109,7 +109,7 @@ const MetaDataTab: React.FC<MetaDataTabProps> = ({
         {entries.length === 0 && (
           <div className="text-center py-8">
             <p className="text-gray-500 dark:text-gray-400 mb-4">
-              No meta data entries. Click "Add Entry" to add key-value pairs.
+              No metadata entries. Click "Add Entry" to add key-value pairs.
             </p>
           </div>
         )}
@@ -118,4 +118,4 @@ const MetaDataTab: React.FC<MetaDataTabProps> = ({
   );
 };
 
-export default MetaDataTab;
+export default MetadataTab;