[kimi] Add Fund Session modal with explanatory text about sats (#753) #863

Closed
kimi wants to merge 1 commits from kimi/issue-753 into main
Collaborator

Fixes #753

Summary

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

Changes Made

1. New Fund Session Button (static/world/index.html)

  • Added a green "+" button next to the info button in the overlay
  • Styled with green theme (#00b450) to match Lightning/sats concept

2. Fund Session Modal (static/world/index.html)

Created a full-featured modal with three explanatory sections:

What are Sats?

  • Explains satoshis as the smallest unit of Bitcoin
  • Compares to cents/dollars for accessibility
  • Mentions 100 million sats = 1 bitcoin
  • Highlights suitability for tiny AI interaction payments

🛠️ Why Fund Your Session?

  • Explains how sats power Workshop AI agents
  • Lists three benefits: processing requests, priority access, agent compensation

💰 Approximate Costs

  • Cost table showing:
    • Simple chat: ~10-50 sats
    • Code generation: ~100-500 sats
    • Complex multi-agent job: ~1,000-5,000 sats
  • Note about cost variation and unused balance retention

3. Funding Input Form

  • Amount input field (min 100 sats, step 100)
  • "Fund Session" submit button with gradient styling
  • Placeholder text: "1000"
  • Footer: " Lightning Network · No subscriptions · Pay as you go"

4. JavaScript Functionality (static/world/index.html)

  • Modal open/close handlers
  • Input validation (minimum 100 sats)
  • Enter key support for form submission
  • Escape key closes modal
  • Focus management (auto-focus input on open)

5. Styling (static/world/style.css)

  • Complete CSS for modal with green theme
  • Slide-in animation from right (consistent with About panel)
  • Cost table styling with green accent
  • Input field styling with focus states
  • Submit button with hover effects
  • Mobile-responsive design

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 — organized in sections
  • Does not break existing fund/submit functionality (placeholder for Lightning integration)

Testing

  • All 2832 unit tests pass
  • tox -e lint passes
  • tox -e format passes
Fixes #753 ## Summary Added a Fund Session modal to the Matrix UI (3D Workshop view) with comprehensive explanatory text about sats and session funding. ## Changes Made ### 1. New Fund Session Button (`static/world/index.html`) - Added a green "+" button next to the info button in the overlay - Styled with green theme (#00b450) to match Lightning/sats concept ### 2. Fund Session Modal (`static/world/index.html`) Created a full-featured modal with three explanatory sections: **⚡ What are Sats?** - Explains satoshis as the smallest unit of Bitcoin - Compares to cents/dollars for accessibility - Mentions 100 million sats = 1 bitcoin - Highlights suitability for tiny AI interaction payments **🛠️ Why Fund Your Session?** - Explains how sats power Workshop AI agents - Lists three benefits: processing requests, priority access, agent compensation **💰 Approximate Costs** - Cost table showing: - Simple chat: ~10-50 sats - Code generation: ~100-500 sats - Complex multi-agent job: ~1,000-5,000 sats - Note about cost variation and unused balance retention ### 3. Funding Input Form - Amount input field (min 100 sats, step 100) - "Fund Session" submit button with gradient styling - Placeholder text: "1000" - Footer: "⚡ Lightning Network · No subscriptions · Pay as you go" ### 4. JavaScript Functionality (`static/world/index.html`) - Modal open/close handlers - Input validation (minimum 100 sats) - Enter key support for form submission - Escape key closes modal - Focus management (auto-focus input on open) ### 5. Styling (`static/world/style.css`) - Complete CSS for modal with green theme - Slide-in animation from right (consistent with About panel) - Cost table styling with green accent - Input field styling with focus states - Submit button with hover effects - Mobile-responsive design ## 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 — organized in sections - ✅ Does not break existing fund/submit functionality (placeholder for Lightning integration) ## Testing - All 2832 unit tests pass - tox -e lint passes - tox -e format passes
kimi added 1 commit 2026-03-21 22:22:32 +00:00
feat(matrix-ui): add Fund Session modal with explanatory text about sats
Some checks failed
Tests / lint (pull_request) Has been cancelled
Tests / test (pull_request) Has been cancelled
36de0b491d
- Add Fund Session button to Matrix UI overlay (green plus icon)
- Create modal with three explanatory sections:
  * What are Sats? - explains satoshis as smallest Bitcoin unit
  * Why Fund Your Session? - explains how sats power Workshop AI agents
  * Approximate Costs - shows cost ranges for different interaction types
- Add input field for funding amount (min 100 sats)
- Style modal with green theme to match Lightning/sats concept
- Add proper keyboard support (Enter to submit, Escape to close)
- Mobile-responsive design

Fixes #753
Owner

Closing — this PR has merge conflicts with main that cannot be auto-resolved via rebase. @kimi please rebase your branch against current main and reopen, or open a fresh PR from a new branch.

Closing — this PR has merge conflicts with main that cannot be auto-resolved via rebase. @kimi please rebase your branch against current main and reopen, or open a fresh PR from a new branch.
Timmy closed this pull request 2026-03-22 01:46:26 +00:00
Some checks failed
Tests / lint (pull_request) Has been cancelled
Tests / test (pull_request) Has been cancelled

Pull request closed

Sign in to join this conversation.
No Reviewers
No Label
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#863