Vyasa Extension Refactor Audit and Execution Plan

Mechanical Migration PlanURL copied

Phase 9: Split Global CSS Into Extension AssetsURL copied

Goal:

  • CSS ownership matches feature ownership.

Move by selector:

  • .tabs-* -> Tabs.
  • .mermaid-*, .mermaidTooltip -> Mermaid.
  • .d2-* -> D2.
  • .cytograph-* -> Cytograph.
  • .tasks-*, .vyasa-tasks-* -> Tasks.
  • .vyasa-bookmark-* -> Bookmarks.
  • annotation/sidenote reply rules -> Annotations.
  • .pdf-focus, .pdf-viewer -> PDF document.
  • .iframe-fullscreen-* -> iframe embed.
  • .posts-search-*, command palette search result rules -> Search.
  • .vyasa-sidebar-*, navbar/footer/mobile panels -> Default layout.
  • .vyasa-code-*, .code-block, .code-copy-button -> Code highlight/documents.
  • .katex-* -> Math.
  • .vyasa-zen-*, .vyasa-reveal-* -> Slides.

Acceptance:

  • header.css contains only core variables or is owned by default layout.
  • Feature extension CSS sits beside feature JS.