ClipSpacesClipSpaces Docs
Back to app

All releases

Docs site: How-to, Releases, and Privacy pages

Added a developer-docs-style section to the app — sidebar nav, sticky header, on-this-page table of contents, and a shared prose style — reachable from the account popover and the canvas help popover.

Added

  • components/docs/DocsShell.tsx — the docs frame (header with theme toggle + back-to-app, left nav, prose column, optional right TOC, footer). Reuses the existing cs-theme localStorage convention and components/Logo.tsx.
  • app/docs/page.tsx — "How to use" guide (getting started, adding content, connecting, diagramming, Ask AI, sharing, integrations, shortcuts).
  • app/releases/page.tsx — release notes rendered from CHANGELOG.md at server/build time (one source of truth), shown as a newest-first timeline.
  • app/privacy/page.tsx — privacy policy drafted from the app's actual data practices (local-first, Supabase + RLS, encrypted AI keys, Notion tokens, WebRTC, Vercel Analytics).
  • lib/changelog.ts — pure parseChangelog() / formatReleaseDate() / releaseMonth() / groupReleasesByMonth() helpers (tests/changelog.test.ts covers parsing, slugs, date formatting, and month grouping).
  • components/docs/DocsSearch.tsx — a ⌘K command-palette search in the docs header: a static index of every page + section, filterable, with arrow-key/Enter navigation. Collapses to an icon on narrow headers. Renders via a document.body portal so its overlay covers the whole page (escaping the header's backdrop-filter containing block).
  • app/(docs)/layout.tsx + components/docs/DocsChrome.tsx — the docs now share one layout (a (docs) route group, URLs unchanged). The chrome (header, sidebar, search) stays mounted across navigations and only the article/TOC swaps, fixing the per-navigation remount lag. DocsShell is now a server component rendering just the content + TOC (docs First Load JS 159→107 kB).
  • react-markdown + remark-gfm for rendering changelog/prose markdown.

Changed

  • app/globals.css — docs shell, .prose, and release-timeline styles (theme-aware, responsive: sidebar/TOC collapse under ~980px). Headings use Inter across the board with a tighter, Vercel-docs-style type scale (no Space Grotesk in docs). Sidebar nav groups now have a divider between them.
  • app/releases/page.tsx — releases are grouped by month: a month divider heading per group, and the "On this page" rail lists months instead of every (often duplicate) release date — so it stays compact and bounded as the number of releases grows.
  • components/TopBar.tsx — the always-visible file-menu dropdown (the Logo pill) now has a Help & docs section (How to use / What's new / Privacy), so docs and the privacy policy are reachable from the main page even when signed out or with no Supabase backend.
  • components/AuthButton.tsx + components/Canvas.tsx — added Docs / Releases / Privacy links to the account and help popovers.