fix(frontend): onboarding run card (#11636)

## Changes 🏗️

### Before

<img width="300" height="730" alt="Screenshot 2025-12-18 at 17 16 57"
src="https://github.com/user-attachments/assets/f57efc83-aa55-4371-96af-e294cab9b03a"
/>

- extra label
- overflow

### After

<img width="300" height="642" alt="Screenshot 2025-12-18 at 17 41 53"
src="https://github.com/user-attachments/assets/50721293-c67c-438a-9c9d-ff7ffae11d14"
/>

## Checklist 📋

#### For code changes:
- [x] I have clearly listed my changes in the PR description
- [x] I have made a test plan
- [x] I have tested my changes according to the test plan:
  - [x] Run locally
  - [x] Test the above

autogpt_platform/frontend/src/app/(no-navbar)/onboarding/5-run/page.tsx

@@ -8,7 +8,6 @@ import {
   CardTitle,
 } from "@/components/__legacy__/ui/card";
 import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
-import { InformationTooltip } from "@/components/molecules/InformationTooltip/InformationTooltip";
 import { CircleNotchIcon } from "@phosphor-icons/react/dist/ssr";
 import { Play } from "lucide-react";
 import OnboardingButton from "../components/OnboardingButton";
@@ -79,20 +78,13 @@ export default function Page() {
                 <CardContent className="flex flex-col gap-4">
                   {Object.entries(agent?.input_schema.properties || {}).map(
                     ([key, inputSubSchema]) => (
-                      <div key={key} className="flex flex-col space-y-2">
+                      <RunAgentInputs
-                        <label className="flex items-center gap-1 text-sm font-medium">
+                        key={key}
-                          {inputSubSchema.title || key}
+                        schema={inputSubSchema}
-                          <InformationTooltip
+                        value={onboarding.state?.agentInput?.[key]}
-                            description={inputSubSchema.description}
+                        placeholder={inputSubSchema.description}
-                          />
+                        onChange={(value) => handleSetAgentInput(key, value)}
-                        </label>
+                      />
-                        <RunAgentInputs
-                          schema={inputSubSchema}
-                          value={onboarding.state?.agentInput?.[key]}
-                          placeholder={inputSubSchema.description}
-                          onChange={(value) => handleSetAgentInput(key, value)}
-                        />
-                      </div>
                     ),
                   )}
                   <AgentOnboardingCredentials

autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/CredentialsInputs/components/CredentialRow/CredentialRow.tsx

@@ -62,12 +62,15 @@ export function CredentialRow({
       </div>
       <IconKey className="h-5 w-5 shrink-0 text-zinc-800" />
       <div className="flex min-w-0 flex-1 flex-nowrap items-center gap-4">
-        <Text variant="body" className="tracking-tight">
+        <Text
+          variant="body"
+          className="line-clamp-1 flex-[0_0_50%] text-ellipsis tracking-tight"
+        >
           {getCredentialDisplayName(credential, displayName)}
         </Text>
         <Text
           variant="large"
-          className="relative top-1 font-mono tracking-tight"
+          className="relative top-1 flex-[0_0_40%] overflow-hidden font-mono tracking-tight"
         >
           {"*".repeat(MASKED_KEY_LENGTH)}
         </Text>