gabriel / musehub public
feat BREAKING task/profile-hero-prof-migration #1 / 1
AI Agent gabriel · 156 days ago · Apr 21, 2026 · Diff

feat: migrate profile page from pid-* to prof-* CSS system

- Rewrite hero as 3-column grid: [avatar card 172px] [body 1fr] [side card 172px] - Avatar card: centered human/agent/org icon, matching side card width/style - Side card: AVAX/trust/treasury with top border accent color - Remove @handle from name row (moved to avatar card) - Replace all pid-* classes with prof-* throughout template - Add prof-avatar-card, prof-side-card, prof-manifest, prof-caps-*, prof-canvas-*, prof-attestations, prof-provenance, prof-fleet, prof-activity, prof-evt-*, prof-load-more, prof-roster, prof-footprint SCSS components - Heatmap swatches use modifier classes (no inline styles) - Provenance indentation uses CSS custom property (--prof-indent)

sha256:a00a4e7f19ca115b79560255513196e9ffd3b89fec0fc2adc72655fab7ab6aa3 sha
sha256:1a8e347bf2e699cff7915a6c7845da78737e780a2228bf20d7b564dde9419383 parent
+140 ~14 −24 symbols
sha256:93ea6e3ed301742170368f56d81b64e567d7234614490f21bb937f6b659a9001 snapshot
+140
symbols added
~14
symbols modified
−24
symbols removed
0
dead code introduced
Semantic Changes 178 symbols
~ musehub/templates/musehub/pages/profile.html .html 12 symbols added, 12 symbols removed, 11 symbols modified
− nav@608 section nav@608 L608–613
− section@170 section section@170 L170–224
− section@231 section section@231 L231–252
− section@259 section section@259 L259–289
− section@299 section section@299 L299–339
− section@347 section section@347 L347–384
− section@391 section section@391 L391–426
− section@433 section section@433 L433–456
− section@463 section section@463 L463–511
− section@518 section section@518 L518–577
− section@584 section section@584 L584–598
− section@605 section section@605 L605–650
+ nav@618 section nav@618 L618–623
+ section@179 section section@179 L179–233
+ section@240 section section@240 L240–261
+ section@268 section section@268 L268–298
+ section@308 section section@308 L308–348
+ section@356 section section@356 L356–393
+ section@400 section section@400 L400–435
+ section@442 section section@442 L442–464
+ section@471 section section@471 L471–521
+ section@528 section section@528 L528–587
+ section@594 section section@594 L594–608
+ section@615 section section@615 L615–660
~ handle }}
~ h2: Activity Canvas
~ h2: Attestations
~ h2: Capabilities Scope
~ h2: Commit Activity
~ h2: Member Roster
~ h2: Provenance Chain
~ h2: Recent Activity
~ h2: Spawned Agents
~ h2: Symbol Footprint
~ h2: {% if is_agent %}Repositories Touched{% else %}Repositories{% endif %}
~ src/scss/_user-profile.scss .scss 128 symbols added, 12 symbols removed, 3 symbols modified
~ prof-domain-pills
~ prof-social-dot
− prof-avatar--xl rule .prof-avatar--xl L364–364
− prof-avatar-glow rule .prof-avatar-glow L367–367
− prof-domain-pill rule .prof-domain-pill L383–391
− prof-domain-pill:hover rule .prof-domain-pill:hover L390–390
− prof-domain-pill__icon rule .prof-domain-pill__icon L392–392
− prof-hero__actions rule .prof-hero__actions L393–393
− prof-hero__avatar-wrap rule .prof-hero__avatar-wrap L360–360
− prof-social-row rule .prof-social-row L379–379
− prof-social-stat rule .prof-social-stat L380–380
− prof-social-stat:hover rule .prof-social-stat:hover L380–380
− prof-verified rule .prof-verified L372–372
− img rule img L365–365
+ prof-activity rule .prof-activity L577–577
+ prof-attest-age rule .prof-attest-age L533–533
+ prof-attest-claim rule .prof-attest-claim L532–532
+ prof-attest-col rule .prof-attest-col L526–526
+ prof-attest-col__header rule .prof-attest-col__header L527–530
+ prof-attest-empty rule .prof-attest-empty L534–534
+ prof-attest-row rule .prof-attest-row L531–531
+ prof-attestations rule .prof-attestations L522–525
+ prof-avatar--xs rule .prof-avatar--xs L626–630
+ prof-avatar-card rule .prof-avatar-card L362–368
+ prof-avatar-card__handle rule .prof-avatar-card__handle L376–379
+ prof-avatar-card__icon rule .prof-avatar-card__icon L369–375
+ prof-avatar-card__icon--agent rule .prof-avatar-card__icon--agent L373–373
+ prof-avatar-card__icon--human rule .prof-avatar-card__icon--human L372–372
+ prof-avatar-card__icon--org rule .prof-avatar-card__icon--org L374–374
+ prof-bio--muted rule .prof-bio--muted L415–415
+ prof-canvas rule .prof-canvas L476–479
+ prof-canvas__cell rule .prof-canvas__cell L495–516
+ prof-canvas__cell--audio rule .prof-canvas__cell--audio L510–515
+ prof-canvas__cell--audio[data-intensity="1"] rule .prof-canvas__cell--audio[data-intensity="1"] L511–511
+ prof-canvas__cell--audio[data-intensity="2"] rule .prof-canvas__cell--audio[data-intensity="2"] L512–512
+ prof-canvas__cell--audio[data-intensity="3"] rule .prof-canvas__cell--audio[data-intensity="3"] L513–513
+ prof-canvas__cell--audio[data-intensity="4"] rule .prof-canvas__cell--audio[data-intensity="4"] L514–514
+ prof-canvas__cell--code rule .prof-canvas__cell--code L498–503
+ prof-canvas__cell--code[data-intensity="1"] rule .prof-canvas__cell--code[data-intensity="1"] L499–499
+ prof-canvas__cell--code[data-intensity="2"] rule .prof-canvas__cell--code[data-intensity="2"] L500–500
+ prof-canvas__cell--code[data-intensity="3"] rule .prof-canvas__cell--code[data-intensity="3"] L501–501
+ prof-canvas__cell--code[data-intensity="4"] rule .prof-canvas__cell--code[data-intensity="4"] L502–502
+ prof-canvas__cell--midi rule .prof-canvas__cell--midi L504–509
+ prof-canvas__cell--midi[data-intensity="1"] rule .prof-canvas__cell--midi[data-intensity="1"] L505–505
+ prof-canvas__cell--midi[data-intensity="2"] rule .prof-canvas__cell--midi[data-intensity="2"] L506–506
+ prof-canvas__cell--midi[data-intensity="3"] rule .prof-canvas__cell--midi[data-intensity="3"] L507–507
+ prof-canvas__cell--midi[data-intensity="4"] rule .prof-canvas__cell--midi[data-intensity="4"] L508–508
+ prof-canvas__cell[data-intensity="0"] rule .prof-canvas__cell[data-intensity="0"] L497–497
+ prof-canvas__col rule .prof-canvas__col L494–494
+ prof-canvas__domain-name rule .prof-canvas__domain-name L485–491
+ prof-canvas__domain-name--audio rule .prof-canvas__domain-name--audio L490–490
+ prof-canvas__domain-name--code rule .prof-canvas__domain-name--code L488–488
+ prof-canvas__domain-name--midi rule .prof-canvas__domain-name--midi L489–489
+ prof-canvas__grid rule .prof-canvas__grid L493–493
+ prof-canvas__label rule .prof-canvas__label L484–484
+ prof-canvas__legend rule .prof-canvas__legend L518–518
+ prof-canvas__legend-item rule .prof-canvas__legend-item L519–519
+ prof-canvas__peak rule .prof-canvas__peak L517–517
+ prof-canvas__row rule .prof-canvas__row L480–483
+ prof-canvas__row:last-of-type rule .prof-canvas__row:last-of-type L482–482
+ prof-canvas__total rule .prof-canvas__total L492–492
+ prof-cap rule .prof-cap L463–467
+ prof-cap--granted rule .prof-cap--granted L466–466
+ prof-caps-grid rule .prof-caps-grid L462–462
+ prof-caps-meta rule .prof-caps-meta L468–472
+ prof-evt rule .prof-evt L578–586
+ prof-evt__icon rule .prof-evt--commit .prof-evt__icon L582–582
+ prof-evt__icon rule .prof-evt--issue .prof-evt__icon L584–584
+ prof-evt__icon rule .prof-evt--proposal .prof-evt__icon L583–583
+ prof-evt__icon rule .prof-evt--release .prof-evt__icon L585–585
+ prof-evt:last-child rule .prof-evt:last-child L581–581
+ prof-evt__agent rule .prof-evt__agent L598–598
+ prof-evt__body rule .prof-evt__body L592–592
+ prof-evt__icon rule .prof-evt__icon L587–591
+ prof-evt__meta rule .prof-evt__meta L597–597
+ prof-evt__title rule .prof-evt__title L593–596
+ prof-fleet rule .prof-fleet L554–554
+ prof-fleet-card__sep rule .prof-fleet-card__sep L555–555
+ prof-footprint rule .prof-footprint L566–566
+ prof-footprint__changes rule .prof-footprint__changes L574–574
+ prof-footprint__item rule .prof-footprint__item L567–571
+ prof-footprint__item:last-child rule .prof-footprint__item:last-child L570–570
+ prof-footprint__repo rule .prof-footprint__repo L572–572
+ prof-footprint__repo:hover rule .prof-footprint__repo:hover L572–572
+ prof-footprint__sym rule .prof-footprint__sym L573–573
+ prof-heatmap-swatch--agent rule .prof-heatmap-swatch--agent L559–559
+ prof-heatmap-swatch--human rule .prof-heatmap-swatch--human L558–558
+ prof-hero__rule rule .prof-hero__rule L413–413
+ prof-hm-stat-sep rule .prof-hm-stat-sep L560–560
+ prof-link rule .prof-link L416–416
+ prof-link:hover rule .prof-link:hover L416–416
+ prof-load-more rule .prof-load-more L601–601
+ prof-load-more__btn rule .prof-load-more__btn L602–608
+ prof-load-more__btn:hover rule .prof-load-more__btn:hover L607–607
+ prof-manifest rule .prof-manifest L437–440
+ prof-manifest__body rule .prof-manifest__body L446–446
+ prof-manifest__header rule .prof-manifest__header L441–445
+ prof-manifest__key rule .prof-manifest__key L451–451
+ prof-manifest__row rule .prof-manifest__row L447–450
+ prof-manifest__row:nth-child(even) rule .prof-manifest__row:nth-child(even) L449–449
+ prof-manifest__val rule .prof-manifest__val L452–458
+ prof-manifest__val--agent rule .prof-manifest__val--agent L455–455
+ prof-manifest__val--human rule .prof-manifest__val--human L454–454
+ prof-manifest__val--org rule .prof-manifest__val--org L456–456
+ prof-mono-sm rule .prof-mono-sm L459–459
+ prof-project-chip rule .prof-project-chip L425–433
+ prof-project-chip:hover rule .prof-project-chip:hover L432–432
+ prof-project-chip__icon rule .prof-project-chip__icon L434–434
+ prof-prov-annotation rule .prof-prov-annotation L551–551
+ prof-prov-connector rule .prof-prov-connector L543–543
+ prof-prov-handle rule .prof-prov-handle L545–545
+ prof-prov-handle:hover rule .prof-prov-handle:hover L545–545
+ prof-prov-icon rule .prof-prov-icon L544–544
+ prof-prov-node rule .prof-prov-node L538–538
+ prof-prov-node__indent rule .prof-prov-node__indent L539–542
+ prof-prov-root-label rule .prof-prov-root-label L546–550
+ prof-provenance rule .prof-provenance L537–537
+ prof-repo-tags rule .prof-repo-tags L563–563
+ prof-roster rule .prof-roster L611–611
+ prof-roster-identity rule .prof-roster-identity L623–623
+ prof-roster-role rule .prof-roster-role L624–624
+ prof-roster-table rule .prof-roster-table L612–622
+ prof-roster-weight rule .prof-roster-weight L625–625
+ prof-section-hd rule .prof-section-hd L633–633
+ prof-side-card rule .prof-side-card L382–391
+ prof-side-card--avax rule .prof-side-card--avax L387–387
+ prof-side-card--treasury rule .prof-side-card--treasury L389–389
+ prof-side-card--trust rule .prof-side-card--trust L388–388
+ prof-side-card__addr rule .prof-side-card__addr L396–399
+ prof-side-card__addr--empty rule .prof-side-card__addr--empty L398–398
+ prof-side-card__chain rule .prof-side-card__chain L403–403
+ prof-side-card__chain-arrow rule .prof-side-card__chain-arrow L405–408
+ prof-side-card__chain-arrow--self rule .prof-side-card__chain-arrow--self L407–407
+ prof-side-card__chain-node rule .prof-side-card__chain-node L404–404
+ prof-side-card__check rule .prof-side-card__check L401–401
+ prof-side-card__hd rule .prof-side-card__hd L392–395
+ prof-side-card__meta rule .prof-side-card__meta L402–402
+ prof-side-card__row rule .prof-side-card__row L400–400
+ td rule td L619–619
+ th rule th L614–618
+ tr:hover td rule tr:hover td L621–621
+ tr:last-child td rule tr:last-child td L620–620
~ prof-meta-row
← Older Oldest on task/profile-hero-prof-migration
All commits
Newer → Latest on task/profile-hero-prof-migration

0 comments

No comments yet. Be the first to start the discussion.

To add a comment, use the Muse CLI: muse hub commit comment sha256:a00a4e7f19ca115b79560255513196e9ffd3b89fec0fc2adc72655fab7ab6aa3 --body "your comment"