Pass 2 showing the usage commands

src/components/UserVirtualApiKeys.tsx

@@ -171,10 +171,6 @@ export default function UserVirtualApiKeys({
         orgId,
         initialData.userKey.virtualApiKeyId
     );
-    const keyPreview = formatVirtualApiKeyPreview(
-        initialData.userKey.virtualApiKeyId,
-        initialData.userKey.lastChars
-    );
 
     return (
         <>
@@ -186,15 +182,6 @@ export default function UserVirtualApiKeys({
                     resourceName={resourceName}
                 />
 
-                <AiClientConfigSection
-                    endpoint={t("aiClientConfigEndpointPlaceholder")}
-                    auth={{
-                        mode: "keyed",
-                        keyDisplay: keyPreview,
-                        getKeyText: getKeyCopyText
-                    }}
-                />
-
                 {initialData.manualKeys.length > 0 ? (
                     <SettingsSection>
                         <SettingsSectionHeader>
@@ -227,6 +214,15 @@ export default function UserVirtualApiKeys({
                         </SettingsSectionBody>
                     </SettingsSection>
                 ) : null}
+
+                <AiClientConfigSection
+                    layout="wide"
+                    endpoint={t("aiClientConfigEndpointPlaceholder")}
+                    auth={{
+                        mode: "keyed",
+                        getKeyText: getKeyCopyText
+                    }}
+                />
             </SettingsContainer>
         </>
     );