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

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
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).
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #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
<!-- AC:END -->

## Final Summary

<!-- SECTION:FINAL_SUMMARY:BEGIN -->
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
<!-- SECTION:FINAL_SUMMARY:END -->
