// directionDocs.jsx — styled documentation placeholder, matching D v3. // Content is grounded in the real UI (modes, trigger/replace rules, contexts, // BYO-key AI) and clearly marked as a work in progress. function DocsPage() { const P = VXP; const kicker = { fontFamily: P.mono, fontSize: 12.5, color: P.coral, letterSpacing: 0.4, marginBottom: 12, textTransform: 'uppercase' }; const h2 = { fontFamily: P.display, fontWeight: 700, fontSize: 26, letterSpacing: -0.5, margin: '0 0 14px', scrollMarginTop: 20 }; const body = { fontSize: 16.5, lineHeight: 1.7, color: P.mute, margin: '0 0 14px', maxWidth: 620 }; const nav = COPY.docs.sidebar; const Sec = ({ id, k, title, children }) => (

{k &&

{k}

}

{title}

{children}

); return (

{/* nav */}

{/* sidebar */} {/* content */}

{COPY.docs.title}

{COPY.docs.wipBadge}

{COPY.docs.install.body}

{COPY.docs.basics.body}

{COPY.docs.modes.body}

{COPY.docs.rules.body}

{COPY.docs.contexts.body}

{COPY.docs.ai.body}

{COPY.docs.format.body}

{COPY.docs.format.sampleFilename}

{`rules:
  - trigger: `}{'"open brace"'}{`
    replace: `}{'"{"'}{`
  - trigger: `}{'"new line"'}{`
    replace: `}{'"\\\\n"'}{``}

{COPY.docs.requirements.body}

); } window.DocsPage = DocsPage;