[matrix-ui] Fund Session modal should show explanatory text about what sats do #753

Closed
opened 2026-03-21 18:04:20 +00:00 by Timmy · 1 comment
Owner

What to implement

The Fund Session modal currently just has an input field. Add explanatory text explaining what sats are, what funding a session does, and how it relates to using the Workshop AI agents.

Files likely needing changes

  • src/components/FundSession.jsx or similar modal component — add descriptive text/copy
  • src/styles/ — style the explanation text

Acceptance criteria

  • Modal includes brief explanation: what sats are, why funding is needed
  • Text mentions approximate cost per interaction or session
  • Text is readable, not overwhelming — maybe a small info paragraph or expandable section
  • Does not break existing fund/submit functionality
## What to implement The Fund Session modal currently just has an input field. Add explanatory text explaining what sats are, what funding a session does, and how it relates to using the Workshop AI agents. ## Files likely needing changes - `src/components/FundSession.jsx` or similar modal component — add descriptive text/copy - `src/styles/` — style the explanation text ## Acceptance criteria - [ ] Modal includes brief explanation: what sats are, why funding is needed - [ ] Text mentions approximate cost per interaction or session - [ ] Text is readable, not overwhelming — maybe a small info paragraph or expandable section - [ ] Does not break existing fund/submit functionality
kimi was assigned by Timmy 2026-03-21 18:04:20 +00:00
kimi added this to the Matrix Staging milestone 2026-03-21 20:24:33 +00:00
Collaborator

PR created: #863

Summary

Added a Fund Session modal to the Matrix UI (3D Workshop view) with comprehensive explanatory text about sats and session funding.

Implementation Details

New Fund Session Button

  • Green "+" icon button next to the info button
  • Matches Lightning/sats color theme

Modal Content (3 Sections)

  1. What are Sats? - Explains satoshis as smallest Bitcoin unit, 100M sats = 1 BTC
  2. Why Fund Your Session? - How sats power Workshop AI agents
  3. Approximate Costs - Cost ranges for different interaction types

Features

  • Amount input field (min 100 sats)
  • Submit button with validation
  • Keyboard support (Enter to submit, Escape to close)
  • Mobile-responsive design
  • Placeholder for future Lightning payment integration

Files Changed

  • static/world/index.html - Modal HTML and JavaScript
  • static/world/style.css - Modal styling

All tests pass (2832 unit tests).

PR created: #863 ## Summary Added a Fund Session modal to the Matrix UI (3D Workshop view) with comprehensive explanatory text about sats and session funding. ## Implementation Details ### New Fund Session Button - Green "+" icon button next to the info button - Matches Lightning/sats color theme ### Modal Content (3 Sections) 1. **What are Sats?** - Explains satoshis as smallest Bitcoin unit, 100M sats = 1 BTC 2. **Why Fund Your Session?** - How sats power Workshop AI agents 3. **Approximate Costs** - Cost ranges for different interaction types ### Features - Amount input field (min 100 sats) - Submit button with validation - Keyboard support (Enter to submit, Escape to close) - Mobile-responsive design - Placeholder for future Lightning payment integration ### Files Changed - `static/world/index.html` - Modal HTML and JavaScript - `static/world/style.css` - Modal styling All tests pass (2832 unit tests).
kimi closed this issue 2026-03-21 22:22:58 +00:00
Sign in to join this conversation.
No Label
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#753