From 9a1d9406776df8c759a77c4c9b817b8e53f8d4c7 Mon Sep 17 00:00:00 2001
From: Ubbe <hi@ubbe.dev>
Date: Thu, 18 Dec 2025 18:08:19 +0100
Subject: [PATCH] fix(frontend): onboarding run card (#11636)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 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
---
 .../app/(no-navbar)/onboarding/5-run/page.tsx | 22 ++++++-------------
 .../CredentialRow/CredentialRow.tsx           |  7 ++++--
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/autogpt_platform/frontend/src/app/(no-navbar)/onboarding/5-run/page.tsx b/autogpt_platform/frontend/src/app/(no-navbar)/onboarding/5-run/page.tsx
index 4b6abacbff..58960a0cf6 100644
--- a/autogpt_platform/frontend/src/app/(no-navbar)/onboarding/5-run/page.tsx
+++ b/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">
-                        <label className="flex items-center gap-1 text-sm font-medium">
-                          {inputSubSchema.title || key}
-                          <InformationTooltip
-                            description={inputSubSchema.description}
-                          />
-                        </label>
-                        <RunAgentInputs
-                          schema={inputSubSchema}
-                          value={onboarding.state?.agentInput?.[key]}
-                          placeholder={inputSubSchema.description}
-                          onChange={(value) => handleSetAgentInput(key, value)}
-                        />
-                      </div>
+                      <RunAgentInputs
+                        key={key}
+                        schema={inputSubSchema}
+                        value={onboarding.state?.agentInput?.[key]}
+                        placeholder={inputSubSchema.description}
+                        onChange={(value) => handleSetAgentInput(key, value)}
+                      />
                     ),
                   )}
                   <AgentOnboardingCredentials
diff --git a/autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/CredentialsInputs/components/CredentialRow/CredentialRow.tsx b/autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/CredentialsInputs/components/CredentialRow/CredentialRow.tsx
index 251b4cfbb4..34c066e90d 100644
--- a/autogpt_platform/frontend/src/app/(platform)/library/agents/[id]/components/NewAgentLibraryView/components/modals/CredentialsInputs/components/CredentialRow/CredentialRow.tsx
+++ b/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>