Skip to content

fix(app): reveal the full skill description on hover - #3091

Closed
benjaminshafii wants to merge 1 commit into
devfrom
fix/skill-description-full-text
Closed

fix(app): reveal the full skill description on hover#3091
benjaminshafii wants to merge 1 commit into
devfrom
fix/skill-description-full-text

Conversation

@benjaminshafii

Copy link
Copy Markdown
Member

What

Reported via OpenWork feedback (fangrenzsf-creator, Jun 14, v0.16.2, Windows), in Chinese: Skills list descriptions are unreadable when long.

Investigation — the reported symptom was NOT reproducible

The user said the text does not wrap and forces a horizontal scrollbar. That is not what the code does:

  • extension-card.tsx:175 uses line-clamp-2 — the text wraps, then clips at 2 lines. No whitespace-nowrap, no truncate, no overflow-x scroller, and the grid tracks are minmax(0,1fr) so content cannot widen a track.
  • The page the user actually saw at v0.16.2 (settings/pages/skills-view.tsx) is dead code on dev — unreferenced since 820d00a. Its skill name had truncate without min-w-0, which is the real source of their horizontal scrollbar, but that file no longer ships. The live card already has min-w-0 break-words.

The genuine remaining gap

Clipped text had no title and no tooltip, so the full description was unreachable from the list — it existed only in the detail modal. That matches the user's own suggestion #3.

How

Wrap the clipped <p> in the existing Tooltip primitive (components/ui/tooltip.tsx, Base UI). TooltipProvider is already mounted app-wide at index.react.tsx:43. TooltipContent already has max-w-xs. 5 insertions, 1 deletion.

Tradeoff (please weigh in)

The tooltip is unconditional — it shows even when the description is short enough not to clip, duplicating visible text. Detecting actual clipping needs DOM measurement, which is disproportionate here. Skill descriptions are characteristically long (they are LLM-facing trigger text, which is why this was reported at all), so in practice it nearly always adds information. Happy to gate it on a measured overflow check if you'd rather.

Tests run

$ pnpm --filter @openwork/app typecheck
$ tsc -p tsconfig.json --noEmit   (exit 0)

$ pnpm --filter @openwork/app exec bun test tests/openwork-connect-beta-badge.test.tsx
 1 pass  0 fail   (only existing test touching extension-card)

$ git diff --stat
 1 file changed, 5 insertions(+), 1 deletion(-)

Not done

No fraimz/CDP run.

Skill descriptions are clipped at two lines by line-clamp-2 with no
title or tooltip, so the full text was unreachable from the extensions
list. Wrap the clipped text in the existing Tooltip primitive.

Reported via OpenWork feedback (fangrenzsf-creator, Jun 14).
@vercel

vercel Bot commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
openwork-app Ready Ready Preview, Comment Jul 24, 2026 11:57pm
openwork-den Ready Ready Preview, Comment Jul 24, 2026 11:57pm
openwork-den-worker-proxy Ready Ready Preview, Comment Jul 24, 2026 11:57pm
openwork-landing Ready Ready Preview, Comment, Open in v0 Jul 24, 2026 11:57pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
openwork-diagnostics Skipped Skipped Jul 24, 2026 11:57pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant