rspace-online/backlog/tasks/task-102 - rFunds-→-rFlows-...

2.4 KiB

id title status assignee created_date labels dependencies priority
TASK-102 rFunds → rFlows: Full module rename, mobile touch support & CSS alignment Done
2026-03-04 03:19
rflows
refactor
mobile
css
medium

Description

Complete rename of the rfunds module to rflows across the entire rspace-online codebase, plus mobile touch support and CSS formatting alignment.

Rename scope: Directory, files, classes, custom elements, CSS classes, schemas, module registration, cross-codebase references (32+ files), Vite build config, Docker/Traefik configs, domain references (rfunds.online → rflows.online).

Mobile touch: Two-finger pinch-to-zoom and pan on the flow diagram SVG canvas, following the canvas.html gesture pattern. Includes center-point zoom, drag threshold, and touch-action: none.

CSS alignment: Renamed .funds-* → .flows-* class prefixes, aligned with rSpace dark theme conventions (slate palette, 8px border-radius, system-ui font, thin scrollbar, 44px mobile tap targets).

Acceptance Criteria

  • #1 All rfunds references renamed to rflows across 32+ files
  • #2 Vite build produces dist/modules/rflows/ with folk-flows-app.js, folk-flow-river.js, flows.css
  • #3 Module loads at /{space}/rflows with correct shell and module switcher
  • #4 Canvas embed button shows rFlows and uses moduleId rflows
  • #5 Two-finger pinch-to-zoom on flow diagram SVG works with center-point zoom
  • #6 Two-finger pan on flow diagram works
  • #7 Single-touch node drag works with 5px threshold
  • #8 CSS uses .flows-* prefix, 8px border-radius, system-ui font, thin scrollbar
  • #9 Mobile toolbar collapses at 768px with 44px tap targets
  • #10 Docker/Traefik configs updated for rflows.online domain
  • #11 EncryptID CORS updated for rflows.online

Final Summary

Completed full rfunds → rflows rename across the entire rspace-online codebase (32+ files). Added mobile two-finger pinch-to-zoom and pan to the flow diagram SVG canvas following canvas.html's gesture pattern. Aligned CSS with rSpace dark theme conventions. Build verified — dist/modules/rflows/ outputs correctly. Deployed to production successfully.

Commit: a6008a4 refactor: complete rfunds → rflows rename across configs and references