gabriel / musehub public
refactor BREAKING task/commit-detail-rewrite #1 / 1
AI Agent gabriel · 135 days ago · May 9, 2026 · Diff

refactor: rewrite commit detail page with cmt- prefix, split-pane layout, and drop D3 graph

Remove the embedded force-directed symbol graph from the commit detail page. The graph visualization belongs on a dedicated explorer page (planned separately). Drop D3 and @types/d3 entirely — 70 packages removed from the bundle.

Rename all classes from cd3-/cd2- to cmt- prefix for consistency with the MuseHub naming convention. Apply the same split-pane scrolling layout used on proposal detail and docs pages. Sidebar becomes a single unified panel with proposal-scard-style borderless sections.

sha256:2480c5421b771a4d5cb24448712f393f4d4cf401103f00ba76cf752f513dc94d sha
sha256:7ba1c0cd75b789c0937901e04afd49ac1cab315cbefa3f313a7895318a15f6bd parent
+60 ~136 −84 symbols
sha256:63c690e5da063c617632a47bff099bffcde0071569da47089601148083490dfe snapshot
+60
symbols added
~136
symbols modified
−84
symbols removed
−2
dead symbols removed
Semantic Changes 280 symbols
~ musehub/templates/musehub/pages/commit_detail.html .html 6 symbols added, 15 symbols removed, 3 symbols modified
− aside@354 section aside@354 L354–488
− button#sgm-dead section button#sgm-dead L186–186
− button#sgm-graph section button#sgm-graph L185–185
− button#sgm-impact section button#sgm-impact L187–187
− details@207 section details@207 L207–261
− details@270 section details@270 L270–310
− div#cd2-sym-graph-section section div#cd2-sym-graph-section L176–201
− div#cd2-sym-info section div#cd2-sym-info L192–199
− h3: Commit section h3: Commit L466–466
− h3: Provenance section h3: Provenance L361–361
− h3: Snapshot section h3: Snapshot L446–446
− main@51 section main@51 L51–351
− span#cd3-sha section span#cd3-sha L101–106
− summary: {{ icon("chevron-down", 12, "cd3-chevron") }} section summary: {{ icon("chevron-down", 12, "cd3-chevron") }} L271–283
− svg#cd2-sym-svg section svg#cd2-sym-svg L191–191
+ aside@327 section aside@327 L327–454
+ details@174 section details@174 L174–223
+ details@232 section details@232 L232–272
+ main@52 section main@52 L52–324
+ span#cmt-sha section span#cmt-sha L102–107
+ summary: {{ icon("chevron-down", 12, "cmt-chevron") }} section summary: {{ icon("chevron-down", 12, "cmt-chevron") }} L233–245
~ div#commit-comments
~ h1: {{ commit_subject }}
~ h2: {{ comments | length }} comment{{ 's' if comments | length != 1 else '' }}
~ package-lock.json .json
~ package.json .json
~ src/scss/components/_commit-detail.scss .scss 33 symbols added, 36 symbols removed, 105 symbols modified
~ cd2-graph-section
~ cd2-sym-info-panel
~ cd3-author
~ cd3-author:hover
~ cd3-av-agent
~ cd3-av-human
~ cd3-av-unk
~ cd3-body
~ cd3-branch-pill
~ cd3-chevron
~ cd3-copy-btn
~ cd3-copy-btn:hover
~ cd3-ct-build
~ cd3-ct-chore
~ cd3-ct-ci
~ cd3-ct-feat
~ cd3-ct-fix
~ cd3-ct-perf
~ cd3-ct-style
~ cd3-ct-test
~ cd3-date
~ cd3-dim-label
~ cd3-dim-num
~ cd3-disc-hd
~ cd3-disc-title
~ cd3-ext
~ cd3-file-card
~ cd3-file-card:last-child
~ cd3-file-delete
~ cd3-file-hd
~ cd3-file-insert
~ cd3-file-path
~ cd3-file-path:hover
~ cd3-file-patch
~ cd3-file-summary
~ cd3-fl-dot
~ cd3-fl-dot
~ cd3-fl-dot
~ cd3-fl-gone
~ cd3-fl-dot
~ cd3-fl-path
~ cd3-fl-path:hover
~ cd3-fl-row
~ cd3-fl-row:hover
~ cd3-breaking-border
~ cd3-k-class
~ cd3-k-func
~ cd3-k-method
~ cd3-k-var
~ cd3-kind
~ cd3-mono
~ cd3-muted
~ cd3-nav-all
~ cd3-nav-all:hover
~ cd3-nav-card
~ cd3-nav-card:hover
~ cd3-nav-dir
~ cd3-nav-disabled
~ cd3-nav-msg
~ cd3-nav-sha
~ cd3-op-add
~ cd3-op-del
~ cd3-op-dot
~ cd3-op-mod
~ cd3-op-unk
~ cd3-parent-chip
~ cd3-parent-chip:hover
~ cd3-pos-pill
~ cd3-prov-agent-chip
~ cd3-prov-break-item
~ cd3-prov-agent
~ cd3-prov-glow
~ cd3-prov-green
~ cd3-prov-human-chip
~ cd3-prov-model-pill
~ cd3-prov-row--breaking
~ cd3-prov-row:last-child
~ cd3-prov-sig-badge
~ cd3-prov-truncate
~ cd3-prov-val
~ cd3-reviewer
~ cd3-scope
~ cd3-section-hd
~ cd3-pill-count
~ cd3-section-summary
~ -webkit-details-marker
~ cd3-section-summary:hover
~ cd3-section-title
~ cd3-sep
~ cd3-sha
~ cd3-subject
~ cd3-sv
~ cd3-sv-breaking
~ cd3-sv-major
~ cd3-sv-patch
~ cd3-sym-child-name
~ cd3-sym-link
~ cd3-sym-link:hover
~ cd3-sym-row:hover
~ cd3-tally-add
~ cd3-tally-del
~ cd3-tally-del
~ cd3-tally-mod
~ cd3-type
~ cd3-chevron
− cd2-mode-btn rule .cd2-mode-btn L236–253
− active rule .cd2-mode-btn.active L248–252
− cd2-mode-btn:hover rule .cd2-mode-btn:hover L247–247
− cd2-sym-graph-wrap rule .cd2-sym-graph-wrap L255–255
− cd2-sym-hint rule .cd2-sym-hint L263–263
− cd3-avatar rule .cd3-avatar L39–65
− cd3-ct-docs rule .cd3-ct-docs L138–138
− cd3-ct-refactor rule .cd3-ct-refactor L137–137
− cd3-dim-add rule .cd3-dim-add L218–218
− cd3-dim-card rule .cd3-dim-card L197–201
− cd3-dim-clean rule .cd3-dim-clean L224–224
− cd3-dim-dead rule .cd3-dim-dead L223–223
− cd3-dim-del rule .cd3-dim-del L220–220
− cd3-dim-files rule .cd3-dim-files L221–221
− cd3-dim-mod rule .cd3-dim-mod L219–219
− cd3-dim-snap rule .cd3-dim-snap L222–222
− cd3-dim-test rule .cd3-dim-test L225–225
− cd3-header rule .cd3-header L11–18
− cd3-k-import import rule .cd3-k-import L419–419
− cd3-prov-card rule .cd3-prov-card L525–528
− cd3-prov-identity rule .cd3-prov-identity L567–569
− cd3-prov-label rule .cd3-prov-label L608–615
− cd3-prov-label--danger rule .cd3-prov-label.cd3-prov-label--danger L614–614
− cd3-prov-row rule .cd3-prov-row L602–606
− cd3-section rule .cd3-section L267–272
− cd3-section-pill rule .cd3-section-pill L300–315
− cd3-side-card rule .cd3-side-card L518–523
− cd3-side-hd rule .cd3-side-hd L537–540
− cd3-side-title rule .cd3-side-title L542–549
− cd3-sv-minor rule .cd3-sv-minor L158–158
− cd3-sym-name rule .cd3-sym-delete .cd3-sym-name L398–401
− cd3-sym-desc rule .cd3-sym-desc L396–396
− cd3-sym-indent rule .cd3-sym-indent L380–380
− cd3-sym-name rule .cd3-sym-name L382–387
− cd3-sym-row rule .cd3-sym-row L374–378
− cd3-time rule .cd3-time L76–76
+ cmt-author:hover rule .cmt-author:hover L72–72
+ cmt-avatar rule .cmt-avatar L39–65
+ cmt-cli-hint rule .cmt-cli-hint L492–496
+ cmt-dim--add rule .cmt-dim--add L221–221
+ cmt-dim--clean rule .cmt-dim--clean L227–227
+ cmt-dim--dead rule .cmt-dim--dead L226–226
+ cmt-dim--del rule .cmt-dim--del L223–223
+ cmt-dim--files rule .cmt-dim--files L224–224
+ cmt-dim--mod rule .cmt-dim--mod L222–222
+ cmt-dim--snap rule .cmt-dim--snap L225–225
+ cmt-dim--test rule .cmt-dim--test L228–228
+ cmt-file-path:hover rule .cmt-file-path:hover L322–322
+ cmt-fl-path--gone rule .cmt-fl-path--gone L411–411
+ cmt-fl-row rule .cmt-fl-row L387–391
+ cmt-fl-dot rule .cmt-fl-row--del .cmt-fl-dot L401–401
+ cmt-fl-row:hover rule .cmt-fl-row:hover L390–390
+ cmt-header rule .cmt-header L11–18
+ cmt-kind--class class rule .cmt-kind--class L379–379
+ cmt-kind--import import rule .cmt-kind--import L383–383
+ cmt-scard-hd rule .cmt-scard-hd L538–544
+ cmt-scard-label rule .cmt-scard-label L522–530
+ cmt-scard-val rule .cmt-scard-val L532–535
+ cmt-section-pill rule .cmt-section-pill L265–280
+ cmt-section-summary:hover rule .cmt-section-summary:hover L249–249
+ cmt-sha-break rule .cmt-sha-break L82–82
+ cmt-side-panel rule .cmt-side-panel L500–507
+ cmt-sym-desc rule .cmt-sym-desc L360–360
+ cmt-sym-indent rule .cmt-sym-indent L345–345
+ cmt-sym-name rule .cmt-sym-name L347–358
+ cmt-sym-name--link:hover rule .cmt-sym-name.cmt-sym-name--link:hover L355–355
+ cmt-type--ci rule .cmt-type--ci L145–145
+ cmt-type--refactor rule .cmt-type--refactor L140–140
+ span rule span L519–519
~ src/scss/pages/_commit-detail.scss .scss 21 symbols added, 14 symbols removed, 27 symbols modified
~ cd3-badges
~ cd3-body
~ cd3-cli-hint-icon
~ cd3-comment-list
~ cd3-dim-card
~ cd3-disc-hd
~ cd3-file-hd
~ cd3-file-list
~ cd3-file-summary
~ cd3-fl-dot
~ cd3-fl-row
~ cd3-header
~ cd3-header-actions
~ cd3-header-top
~ cd3-meta-row
~ cd3-nav
~ cd3-nav-all
~ cd3-nav-disabled
~ cd3-nav-newer
~ cd3-section-hd
~ cd3-section-title-row
~ cd3-subject
~ cd3-sym-child
~ cd3-sym-row
~ cd3-sym-tree
~ cd3-tally
− cd2-sym-graph-wrap rule .cd2-sym-graph-wrap L97–100
− cd2-sym-info-panel rule .cd2-sym-info-panel L108–115
− cd2-sym-svg rule .cd2-sym-svg L102–106
− cd3-cli-hint rule .cd3-cli-hint L248–261
− cd3-dims rule .cd3-dims L64–68
− cd3-discussion rule .cd3-discussion L232–232
− cd3-layout rule .cd3-layout L11–18
− cd3-main rule .cd3-main L20–20
− cd3-prov-identity rule .cd3-prov-identity L201–206
− cd3-prov-label rule .cd3-prov-label L215–219
− cd3-prov-row rule .cd3-prov-row L208–213
− cd3-prov-val rule .cd3-prov-val L221–228
− cd3-side-hd rule .cd3-side-hd L194–199
− cd3-sidebar rule .cd3-sidebar L21–21
+ btn rule .btn L300–300
+ cmt-cli-hint rule .cmt-cli-hint L219–228
+ cmt-dims rule .cmt-dims L95–99
+ cmt-layout rule .cmt-layout L18–30
+ cmt-main rule .cmt-main L32–42
+ cmt-page rule .cmt-page L11–16
+ cmt-parents rule .cmt-parents L285–289
+ cmt-reviewers rule .cmt-reviewers L291–295
+ cmt-scard rule .cmt-scard L234–237
+ cmt-scard-action rule .cmt-scard-action L297–301
+ cmt-scard-hd rule .cmt-scard-hd L239–245
+ cmt-scard-identity rule .cmt-scard-identity L247–253
+ cmt-scard-label rule .cmt-scard-label L264–268
+ cmt-scard-row rule .cmt-scard-row L255–262
+ cmt-scard-row:last-child rule .cmt-scard-row:last-child L261–261
+ cmt-scard-val rule .cmt-scard-val L270–283
+ cmt-scard-val--col rule .cmt-scard-val.cmt-scard-val--col L278–282
+ cmt-scard:last-child rule .cmt-scard:last-child L236–236
+ cmt-side-panel rule .cmt-side-panel L232–232
+ cmt-sidebar rule .cmt-sidebar L44–52
+ cmt-sym-indent rule .cmt-sym-indent L160–160
~ (max-width: 900px)
~ src/ts/pages/commit-detail.ts .ts 19 symbols removed, 1 symbol modified
− ChildOp interface ChildOp L17–21
− FileCluster interface FileCluster L79–82
− FileOp interface FileOp L23–28
− PageData interface PageData L49–61
− Provenance interface Provenance L42–47
− SnapshotDiff interface SnapshotDiff L35–40
− StructuredDelta interface StructuredDelta L30–33
− SymEdge interface SymEdge L74–77
− SymNode interface SymNode L63–72
− buildGraph function function buildGraph L135–189
− detectKind function function detectKind L115–127
− highlightImpact function function highlightImpact L389–406
− initCopyBtn function function initCopyBtn L461–469
− initModeButtons function function initModeButtons L471–480
− pill function function pill L432–433
− renderGraph function function renderGraph L193–347
− selectNode function function selectNode L410–457
− setMode function function setMode L351–387
− shortLabel function function shortLabel L129–133
~ initCommitDetail
← Older Oldest on task/commit-detail-rewrite
All commits
Newer → Latest on task/commit-detail-rewrite

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:2480c5421b771a4d5cb24448712f393f4d4cf401103f00ba76cf752f513dc94d --body "your comment"