improvement(workspaces): enlarge workspace glyphs slightly past the tile edge

Author: TheodoreSpeaks

apps/sim/components/identity-tile/identity-tile.tsx

@@ -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) {
@@ -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
       )}