[harlan-zw]

🔗 Linked issue

Related to #433 and #431

❓ Type of change

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

📚 Description

Harlan found /skills/trending messy after #433 moved it to the full-width shell. Rows were tall and slow to scan, a second post card was cut off at the board's edge, and a Skill with one post read "1 mentions". This change polishes the board and the sidebar. Ranking, data, routes and copy stay the same, apart from the plural fix.

On each row:

• Ranks are plain tabular mono numbers on the Skill name's baseline. The first three are a step darker, and none is rose. They replace the dot-grid numerals from feat(trending): put braille sparks and run chips on the board #431.
• The metadata line runs source, stars, then the signal that ranked the row: the mention spark, the star surge, the filler note, or the skill count and update date. An empty slot renders nothing. A long repository name gets cut short before it pushes the signal down. When the line is too narrow, the signal moves to its own line as a whole.
• sparkCount in shared/braille-spark.ts picks the noun from the count, so a spark reads "1 mention in 7 days". BrailleSpark takes the window as a separate period prop, and its screen reader label uses the same text. A day with no mentions now draws the lowest bar at 40% opacity as a track, so a lone bar no longer floats in a gap. The plain-text spark from brailleSpark() keeps the blank cell.
• Descriptions stop at two lines, and the run chip is as wide as its command.
• The post carousel shows whole cards only: one, or two where the column has room. The pager ends on the cards' right edge.

In the sidebar, the weekly invitation drops the email preview and its card, and its button is smaller. That button is the rail's one solid rose element, so the install chip under it inks its dot while the invitation shows. SkilldInstallChip and _CommandChip gain an optional quiet prop for this, and every other chip keeps the rose dot. The invitation after the fifth row on narrow screens keeps its preview.

DESIGN.md describes the spark track and logs the polish as a 2026-10-06 decision.

Page question: what are devs talking about this week or month? Primary action: copy the run command. Owning concern: Loop 1. DESIGN motifs: PASS; the rail spends one solid rose element, and each spark keeps today in rose.

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

[harlan-github-agent]

🤖 MERGED

Harlan Agent Kit posted this automated review. It is not Harlan's personal review or approval. AI open source policy. Last updated: 2026-10-05 17:02 UTC.

GitHub merged this pull request.

• Logged (15/100): The PR's only image stays inaccessible, so the diagram cannot be verified against the implementation. View code
  • Ask an agent to verify and fix this finding
• Logged (20/100): A quiet today loses the rose marker that the motif and the PR text promise. View code
  • Ask an agent to verify and fix this finding

Review completed. No finding above 80/100.

Selected findings run after merge and open separate pull requests.

[harlan-zw]

Agent check (Harlan Agent Kit), since CI cannot show it. Headless Chrome against a local dev server and local D1 data, at 1440 and 390 wide, light and dark, on week, month and all time.

• At 1440, the metadata line of each of the first eight rows stays on one line on every range. At 390, the signal takes its own line on each of those rows that has one.
• Stepping a carousel moves exactly one whole card into the track, and the pager count follows.
• No horizontal page overflow at either width.

Before	After