Tasks · NovelForge Product Entry SPA v4

T0 · Structural contract

• Define v4 Product Entry identity.
• Fix WeiUI → Story Loom → Product Entry dependency direction.
• Define premium-cute / kawaii state-language boundaries.
• Define build-time Knowledge Explorer.

T1 · Knowledge compiler

• Exact-pin Markdown parser.
• Add site/scripts/build-content.mjs.
• Parse paired docs from documentation manifest.
• Generate safe AST / TOC / excerpt / metadata / search index.
• Generate automatically for build/dev; runtime never calls GitHub API.
• Mark generated content authority as derived / false.

T2 · Global product shell

• Command Palette / global search.
• ⌘K / Ctrl+K.
• Mobile search equivalent.
• Fast actions for Studio / Docs / Architecture / Publication.
• WeiUI-backed controls / focus / touch.
• Kawaii status hints / emoji / kaomoji.

T3 · Product Home

• Rebuild as high-density Product Entry rather than brochure.
• Expose ≥4 real operable entries in first two screens.
• Real Studio launch CTA.
• Capability dock / focus panels.
• Knowledge search surface.
• Architecture / Publication interactive teasers.
• Release status capsule.

T4 · Knowledge Explorer

• /docs search / filter / library.
• /docs/:docId deep link.
• Fully read real repository docs inside SPA.
• TOC / heading / paragraph / list / code / quote / table renderer.
• Source/tier/status metadata.
• Keyboard + mobile reading controls.

T5 · Interactive routes

• /studio hosted Studio CTA + capability explorer.
• /architecture interactive system map + details.
• /publication profile explorer + boundaries.
• /product capability/boundary explorer.
• /changelog release timeline/status.

T6 · Premium cute visual system

• Derive all site composition colors from Story Loom / WeiUI semantics.
• Materialize project/runtime/editorial/evidence/validated/rejected lanes.
• Emoji / kaomoji / kawaii sticker state language.
• No fake avatars / fake social proof.
• Avoid giant whitespace / headline-only rhythm.

T7 · Advanced progressive CSS

• Container/style queries.
• Subgrid / :has().
• Semantic color-mix().
• Masks / filters / blends / gradient materials.
• 3D perspective / tactile states.
• Scroll/view timelines.
• View Transitions.
• Popover + Anchor Positioning.
• @starting-style + discrete transitions.
• content-visibility for docs.
• Complete reduced-motion fallback.

T8 · Quality / delivery

• Update deterministic Product Site QA.
• Generated-content checks.
• Native zh-CN gate.
• No-fake-marketing gate.
• TypeScript/Vite production build.
• Desktop/mobile browser render review.
• Cloudflare production deploy.