This PR introduces a standalone Tsunami terminal element (`wave:term`)
and routes terminal IO outside the normal render/event loop for
lower-latency streaming. It adds imperative terminal output
(`TermWrite`) over SSE and terminal input/resize delivery over a
dedicated `/api/terminput` endpoint.
- **Frontend: new `wave:term` element**
- Added `tsunami/frontend/src/element/tsunamiterm.tsx`.
- Uses `@xterm/xterm` with `@xterm/addon-fit`.
- Renders as an outer `<div>` (style/class/ref target), with xterm
auto-fit to that container.
- Supports ref passthrough on the outer element.
- **Frontend: terminal transport wiring**
- Registered `wave:term` in `tsunami/frontend/src/vdom.tsx`.
- Added SSE listener handling for `termwrite` in
`tsunami/frontend/src/model/tsunami-model.tsx`, dispatched to the
terminal component via a local custom event.
- `onData` and `onResize` now POST directly to `/api/terminput` as JSON
payloads:
- `id`
- `data64` (base64 terminal input)
- `termsize` (`rows`, `cols`) for resize updates
- **Backend: new terminal IO APIs**
- Added `/api/terminput` handler in `tsunami/engine/serverhandlers.go`.
- Added protocol types in `tsunami/rpctypes/protocoltypes.go`:
- `TermInputPacket`, `TermWritePacket`, `TermSize`
- Added engine/client support in `tsunami/engine/clientimpl.go`:
- `SendTermWrite(id, data64)` -> emits SSE event `termwrite`
- `SetTermInputHandler(...)` and `HandleTermInput(...)`
- Exposed app-level APIs in `tsunami/app/defaultclient.go`:
- `TermWrite(id, data64) error`
- `SetTermInputHandler(func(TermInputPacket))`
- **Example usage**
```go
app.SetTermInputHandler(func(input app.TermInputPacket) {
// input.Id, input.Data64, input.TermSize.Rows/Cols
})
_ = app.TermWrite("term1", "SGVsbG8gZnJvbSB0aGUgYmFja2VuZA0K")
```
- **<screenshot>**
- Provided screenshot URL:
https://github.com/user-attachments/assets/58c92ebb-0a52-43d2-b577-17c9cf92a19c
<!-- START COPILOT CODING AGENT TIPS -->
---
💬 We'd love your input! Share your thoughts on Copilot coding agent in
our [2 minute survey](https://gh.io/copilot-coding-agent-survey).
---------
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: sawka <2722291+sawka@users.noreply.github.com>
Co-authored-by: sawka <mike@commandline.dev>
* Kebab Menu + Switch App Functionality
* Updated Secrets Tab (still more to do, but closer)
* Better Error Handling (Switch to Secrets Tab)
* Add AppInit functionality to Tsunami (fixes initialization issues and
races with embedded assets, and error handling)
* Tsunami - ListStaticFiles
* Tsunami - More Robust Manifest generation (even when there are extra
stdout messages)
* load manifest metadata into the FE
* builder only edits draft/ apps (convert local => draft)
* gofmt app.go after saving (AI tools and manual user save)
* dont open duplicate builder windows
* remix app context menu in waveapp
* add icon/iconcolor in appmeta and implement in the wave block frame
## Alert and Confirm Modal System for Tsunami
This PR implements a complete modal system for the tsunami app framework
as specified in the requirements.
### Implementation Summary
**Backend (Go) - 574 lines changed across 11 files:**
1. **Type Definitions** (`rpctypes/protocoltypes.go`):
- `ModalConfig`: Configuration for modal display with icon, title, text,
and button labels
- `ModalResult`: Result structure containing modal ID and confirmation
status
2. **Client State Management** (`engine/clientimpl.go`):
- Added `ModalState` to track open modals with result channels
- `OpenModals` map to track all currently open modals
- `ShowModal()`: Sends SSE event to display modal and returns result
channel
- `CloseModal()`: Processes modal result from frontend
- `CloseAllModals()`: Automatically cancels all modals when frontend
sends Resync flag (page refresh)
3. **API Endpoint** (`engine/serverhandlers.go`):
- `/api/modalresult` POST endpoint to receive modal results from
frontend
- Validates and processes `ModalResult` JSON payload
- Closes all modals on Resync (page refresh) before processing events
4. **User-Facing Hooks** (`app/hooks.go`):
- `UseAlertModal()`: Returns (isOpen, triggerAlert) for alert modals
- `UseConfirmModal()`: Returns (isOpen, triggerConfirm) for confirm
modals
- Both hooks manage local state and handle async modal lifecycle
**Frontend (TypeScript/React):**
1. **Type Definitions** (`types/vdom.d.ts`):
- Added `ModalConfig` and `ModalResult` TypeScript types
2. **Modal Components** (`element/modals.tsx`):
- `AlertModal`: Dark-mode styled alert with icon, title, text, and OK
button
- `ConfirmModal`: Dark-mode styled confirm with icon, title, text, OK
and Cancel buttons
- Both support keyboard (ESC) and backdrop click dismissal
- Fully accessible with focus management
3. **Model Integration** (`model/tsunami-model.tsx`):
- Added `currentModal` atom to track displayed modal
- SSE event handler for `showmodal` events
- `sendModalResult()`: Sends result to `/api/modalresult` and clears
modal
4. **UI Integration** (`vdom.tsx`):
- Integrated modal display in `VDomView` component
- Conditionally renders alert or confirm modal based on type
**Demo Application** (`demo/modaltest/`):
- Comprehensive demonstration of modal functionality
- Shows 4 different modal configurations:
- Alert with icon
- Simple alert with custom button text
- Confirm modal
- Delete confirmation with custom buttons
- Displays modal state and results in real-time
### Key Features
✅ **SSE-Based Modal Display**: Modals are pushed from backend to
frontend via SSE
✅ **API-Based Result Handling**: Results sent back via
`/api/modalresult` endpoint
✅ **Automatic Cleanup**: All open modals auto-cancel on page refresh
(when Resync flag is set)
✅ **Type-Safe Hooks**: Full TypeScript and Go type safety
✅ **Dark Mode UI**: Components styled for Wave Terminal's dark theme
✅ **Accessibility**: Keyboard navigation, ESC to dismiss, backdrop click
support
✅ **Zero Security Issues**: Passed CodeQL security analysis
✅ **Zero Code Review Issues**: Clean implementation following best
practices
### Testing
- ✅ Go code compiles without errors
- ✅ TypeScript/React builds without errors
- ✅ All existing tests pass
- ✅ Demo app created and compiles successfully
- ✅ CodeQL security scan: 0 vulnerabilities
- ✅ Code review: 0 issues
### Security Summary
No security vulnerabilities were introduced. All modal operations are
properly scoped to the client's SSE connection, and modal IDs are
generated server-side to prevent tampering.
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: sawka <2722291+sawka@users.noreply.github.com>
Massive PR, over 13k LOC updated, 128 commits to implement the first pass at the new Wave AI panel. Two backend adapters (OpenAI and Anthropic), layout changes to support the panel, keyboard shortcuts, and a huge focus/layout change to integrate the panel seamlessly into the UI.
Also fixes some small issues found during the Wave AI journey (zoom fixes, documentation, more scss removal, circular dependency issues, settings, etc)
checkpoint. good to merge. we have a working tsunami view inside of wave (with lots of caveats). but enough for some dev testing. merge so we dont drift too far from main and while we're at a stable point.
Huge PR. 135 commits here to rebuild waveapps into the "Tsunami" framework.
* Simplified API
* Updated system.md prompt
* Basic applications building and running
* /api/config and /api/data support
* tailwind styling
* no need for async updates
* goroutine/timer primitives for async routing handling
* POC for integrating 3rd party react frameworks (recharts)
* POC for server side components (table.go)
* POC for interacting with apps via /api/config (tsunamiconfig)
Checkpoint. Still needs to be tightly integrated with Wave (lifecycle, AI interaction, etc.) but looking very promising 🚀
