Skip to content

feat: Add 14 new interactive canvas types (Canvas Ultra)#9

Open
consigcody94 wants to merge 1 commit intodvdsgl:mainfrom
consigcody94:feature/canvas-ultra
Open

feat: Add 14 new interactive canvas types (Canvas Ultra)#9
consigcody94 wants to merge 1 commit intodvdsgl:mainfrom
consigcody94:feature/canvas-ultra

Conversation

@consigcody94
Copy link

Summary

Adds a comprehensive collection of 14 new interactive terminal canvases across business, travel, personal, creative, development, and AI domains.

New Canvas Types

Business:

  • kanban - Task management board with drag-drop, WIP limits, labels, priorities
  • pipeline - CRM sales pipeline with stages, probability tracking, weighted values
  • dashboard - Multi-widget dashboard (stats, bar/line/pie charts, gauges, tables)
  • invoice - Invoice generator with line items, tax calculation, status tracking
  • gantt - Project timeline with tasks, milestones, day/week/month views
  • org-chart - Organization hierarchy with tree navigation, expand/collapse

Travel:

  • hotel - Hotel search with ratings, room selection, amenities, compare mode
  • itinerary - Trip planner with day-by-day activities, drag reorder, cost tracking

Personal:

  • budget - Budget tracker with category spending, pie charts, transactions
  • smart-home - IoT dashboard with room-based device controls
  • workout - Exercise tracker with sets/reps, rest timer, progress

Creative:

  • playlist - Music playlist with now playing, drag reorder, shuffle

Development:

  • git-diff - Diff viewer with unified/split modes, file navigation

AI:

  • agent-dashboard - Agent monitoring with status, logs, token usage, context viz

Also Includes

  • Shared Component Library: DataTable, Charts (Bar, Line, Pie, Gauge, Sparkline, Heatmap), Forms (TextInput, Select, Slider, DatePicker), Layout (Panel, Tabs, Modal, Accordion)
  • Canvas Registry: Type-safe lookup and search for canvas definitions
  • Updated Documentation: Comprehensive SKILL.md with examples for all canvas types

Test plan

  • Run bun install in canvas directory
  • Test each canvas type with bun run src/cli.ts show <type> --config '{...}'
  • Verify keyboard navigation works (arrows, Enter, Space, ESC)
  • Test in tmux environment

Screenshots

Canvases render interactive TUIs in the terminal using React/Ink.


🤖 Generated with Claude Code

Adds comprehensive canvas collection for business, travel, personal,
creative, development, and AI workflows:

Business:
- Kanban board with drag-drop, WIP limits, labels
- Sales pipeline with probability tracking
- Multi-widget dashboard (stats, charts, gauges)
- Invoice generator with line items and tax
- Gantt chart with milestones
- Org chart with tree navigation

Travel:
- Hotel search with compare mode
- Itinerary planner with day-by-day activities

Personal:
- Budget tracker with category visualization
- Smart home IoT dashboard
- Workout tracker with rest timer

Creative:
- Playlist builder with shuffle and reorder

Development:
- Git diff viewer (unified/split modes)

AI:
- Agent dashboard with logs and token usage

Also includes:
- Shared component library (DataTable, Charts, Forms, Layout)
- Canvas registry for type lookup
- Updated SKILL.md with all canvas examples

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
paulrobello added a commit to paulrobello/claude-canvas that referenced this pull request Jan 13, 2026
Adds scroll wheel detection to the shared useMouse and useGridMouse hooks
so the 14 new canvas types from PR dvdsgl#9 can use mouse scroll navigation.

Changes:
- MouseEvent now includes isScroll, scrollDirection, and 'scroll' type
- useMouse accepts onScroll callback for wheel events
- useGridMouse accepts onScroll with grid coordinates
- Matches scroll logic from calendar/hooks/use-mouse.ts
paulrobello added a commit to paulrobello/claude-canvas that referenced this pull request Jan 13, 2026
Documents all functionality added from merged PRs:
- 17 canvas types (14 new from PR dvdsgl#9 + 3 original)
- Mouse scroll wheel support (PR dvdsgl#7)
- Windows support with Windows Terminal (PR dvdsgl#8)
- Calendar CRUD with local storage (PR dvdsgl#8)
- Terminal Vision capture feature (issue dvdsgl#5)
- Shared component library (Charts, Forms, Layout)
- Full CLI command reference
- Canvas examples and keyboard shortcuts
- IPC protocol documentation
- Project structure overview
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant