Skip to content

feat(workspaces): generated glyph icons for workspaces without a logo #8488

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
TheodoreSpeaks wants to merge 3 commits into
base: staging
Choose a base branch
from
Open

feat(workspaces): generated glyph icons for workspaces without a logo #8488

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5570573
feat(workspaces): generated glyph icons for workspaces without a logo
TheodoreSpeaks Sep 30, 2026
a2f4994
improvement(workspaces): zoom workspace glyphs to fill the 16px tile
TheodoreSpeaks Oct 1, 2026
73bc3af
improvement(workspaces): enlarge workspace glyphs slightly past the t…
TheodoreSpeaks Oct 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
improvement(workspaces): enlarge workspace glyphs slightly past the t… 
…ile edge
  • Loading branch information
@TheodoreSpeaks
TheodoreSpeaks committed Oct 1, 2026
commit 73bc3af581cf04f553e4329f524157e55a23bb33
11 changes: 6 additions & 5 deletions apps/sim/components/identity-tile/identity-tile.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,12 @@ const GLYPH_SIZE_CLASS = {
const GOO_ALPHA_MATRIX = '1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9'

/**
* Crops to the 76-unit span `generateGlyph` fits into (plus a small margin) so the
* glyph fills the tile. Zooming via the viewBox, not the geometry, keeps the gaps
* the goo blur is tuned to.
* Crops inside the 76-unit span `generateGlyph` fits into so the glyph slightly
* overfills the tile; the svg overflows so the outermost tips bleed under half a
* pixel instead of clipping. Zooming via the viewBox, not the geometry, keeps the
* gaps the goo blur is tuned to.
*/
const GLYPH_VIEW_BOX = '10 10 80 80'
const GLYPH_VIEW_BOX = '14 14 72 72'

function glyphShape(shape: GlyphShape, key: number) {
switch (shape.kind) {
Expand Down Expand Up @@ -98,7 +99,7 @@ function Glyph({ seed, className, slot, size }: GlyphProps) {
aria-hidden='true'
viewBox={GLYPH_VIEW_BOX}
className={cn(
'shrink-0 text-[var(--text-icon)] dark:text-[var(--text-secondary)]',
'shrink-0 overflow-visible text-[var(--text-icon)] dark:text-[var(--text-secondary)]',
GLYPH_SIZE_CLASS[size],
className
)}
Expand Down
Loading