aevgarik/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix adapter diagnostics text overflow in onboarding and config UI

Browse Source
This commit is contained in:
Dotta
2026-03-03 13:02:08 -06:00
parent 5346a4faef
commit 771f7f07f4
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/AgentConfigForm.tsx
View File

@@ -800,14 +800,14 @@ function AdapterEnvironmentResult({ result }: { result: AdapterEnvironmentTestRe
</div>
<div className="mt-2 space-y-1.5">
{result.checks.map((check, idx) => (
<div key={`${check.code}-${idx}`} className="text-[11px] leading-relaxed">
<div key={`${check.code}-${idx}`} className="text-[11px] leading-relaxed break-words">
<span className="font-medium uppercase tracking-wide opacity-80">
{check.level}
</span>
<span className="mx-1 opacity-60">·</span>
<span>{check.message}</span>
{check.detail && <span className="opacity-75"> ({check.detail})</span>}
{check.hint && <span className="opacity-90"> Hint: {check.hint}</span>}
{check.detail && <span className="block opacity-75 break-all">({check.detail})</span>}
{check.hint && <span className="block opacity-90 break-words">Hint: {check.hint}</span>}
</div>
))}
</div>

6
ui/src/components/OnboardingWizard.tsx
View File

@@ -882,14 +882,14 @@ function AdapterEnvironmentResult({ result }: { result: AdapterEnvironmentTestRe
</div>
<div className="mt-1.5 space-y-1">
{result.checks.map((check, idx) => (
<div key={`${check.code}-${idx}`} className="leading-relaxed">
<div key={`${check.code}-${idx}`} className="leading-relaxed break-words">
<span className="font-medium uppercase tracking-wide opacity-80">
{check.level}
</span>
<span className="mx-1 opacity-60">·</span>
<span>{check.message}</span>
{check.detail && <span className="opacity-75"> ({check.detail})</span>}
{check.hint && <span className="opacity-90"> Hint: {check.hint}</span>}
{check.detail && <span className="block opacity-75 break-all">({check.detail})</span>}
{check.hint && <span className="block opacity-90 break-words">Hint: {check.hint}</span>}
</div>
))}
</div>