Skip to content

fix(registry): keep file tree names on one line - #532

Merged
harlan-zw merged 2 commits into
mainfrom
fix/skill-file-tree-ui
Oct 7, 2026
Merged

harlan-zw merged 2 commits into
mainfrom
fix/skill-file-tree-ui

Conversation

@harlan-zw

@harlan-zw harlan-zw commented Oct 7, 2026 •

Copy link
Copy Markdown
Collaborator

🔗 Linked issue

None.

❓ Type of change

  • 📖 Documentation
  • 🐞 Bug fix
  • 👌 Enhancement
  • ✨ New feature
  • 🧹 Chore
  • ⚠️ Breaking change

📚 Description

The Files tree on a Skill page wrapped a long name mid-word, such as shipreel.example.ym over l. Rows aligned to the top, so chevrons and sizes sat above the label. Files also kept a blank gap where folders had a chevron, so files looked indented.

Each row now stays on one line. A long name loses its middle and keeps its end, for example pack…lock.json. The new splitFileLabel starts that tail at a separator when one fits, so similar names stay apart. Folder chevrons move after the file count, so file and folder names share one column. Row contents centre vertically, and folder rows show their path on hover like file rows.

🤖 AI disclosure: Harlan Agent Kit modified this description. My AI open-source policy.

A long file name wrapped mid-word, such as `shipreel.example.ym` over
`l`, and top-aligned rows left chevrons and sizes above the label.
Names now truncate in the middle and keep a tail that starts at a word
boundary, so two similar names stay apart. Rows centre their contents.
@harlan-zw harlan-zw added the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 7, 2026
@harlan-zw

Copy link
Copy Markdown
Collaborator Author

Agent check in the running app, against production data for thebstar/shipreel at 1440, 1100, and 390 pixels wide:

Before After
Before After

@harlan-github-agent harlan-github-agent Bot added harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit. and removed harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. labels Oct 7, 2026
Files kept a blank gap where folders had a chevron, so files looked
indented next to folders. Chevrons now follow the folder file count,
and the guide line runs under the parent folder icon. The truncated
name head rounds down to whole characters, so the ellipsis sits flush
against the tail.
@harlan-zw harlan-zw added the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 7, 2026
@harlan-zw

Copy link
Copy Markdown
Collaborator Author

Agent check of 39a88f2c7 in the running app, production data for thebstar/shipreel. Chevrons now sit after the count, file and folder names share one column, and the ellipsis sits flush against the tail:

Dark, 1440 Light, 1440 Phone popover, 390
Dark Light Phone

@harlan-github-agent harlan-github-agent Bot removed the harlan-agent-review Pull request triage requires an adversarial Review. Adding this label manually always forces one. label Oct 7, 2026
@harlan-zw
harlan-zw merged commit 92bc6ca into main Oct 7, 2026
7 checks passed
@harlan-zw
harlan-zw deleted the fix/skill-file-tree-ui branch October 7, 2026 03:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

harlan-agent-review-required Pull request triage requires an adversarial Review for this head commit.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant