Site: drop Mac App Store badge, add Antigravity/Kilo Code marks - #86
Merged
Conversation
The macOS App Store requires the app sandbox entitlement; antgrid's process/PTY spawning and filesystem access can't run inside it. The iOS App Store and Google Play badges stay, since those apps ship as mobile companions, not the desktop agent.
Neither ships in the installed simple-icons set, so both fell back to the single-letter placeholder chip. Added their marks as local astro-icon SVGs (MIT-licensed, from lobehub/lobe-icons) alongside the seven pulled from simple-icons.
…sion split Most of the roster's brands are officially black wordmarks, so only Claude Code, Mistral and Antigravity actually gain a hue here — the rest fall back to the same neutral they always used. Antigravity now uses the real thesvg-color mark (a soft gradient inside the flame silhouette) instead of the flat lobehub glyph, which read as a stray tile against the rest of the row. Dropped the supervised/unsupervised split and its dot marker — this row no longer needs to carry which three agents Handler drives; that distinction belongs wherever Handler itself gets explained, not here.
Copied verbatim from lobehub's React wrapper markup; it does nothing for a plain inlined SVG here and astro-icon's sanitizer strips it on every load, logging a warning each time.
The thesvg-color flame silhouette's mask only covers a ~15.6x14.4 sub-region of the nominal 24x24 viewBox, so at the row's icon size it rendered small and shifted toward the top-left next to full-bleed siblings. Tightened the viewBox to the mask's actual content bounds (measured via getBBox) so it fills its chip like every other mark.
Both logos are wider than tall (24x15 and 24x17.1 in their native viewBox) but were forced into the same square 14x14 slot as the square marks, padding them small. Pulled them in as local icons with a tightened viewBox and let them render at their natural aspect ratio instead of a fixed square.
The prior fix added mt-auto to the drawer's sign-in row, but .appwin-rail's display:block media-query rule lives outside any @layer, so it silently outranked Rail.astro's own flex/flex-col utility classes (those sit in Tailwind's layered utilities) and flattened the column back to block, making mt-auto inert. Switched the rule to display:flex. The agent pane's test/lint tray had the same symptom for a different reason: nothing made the pane a flex column at all, so it just sat under the transcript with the grid row's leftover height as dead space beneath it. Made the pane a flex column with the transcript taking flex-1, so the tray sits flush at the bottom like the drawer's footer.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Test plan
bunx astro check— 0 errors/warnings/hints