Add wave:term component with direct SSE output + /api/terminput input path

[Copilot]

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

  app.SetTermInputHandler(func(input app.TermInputPacket) {
      // input.Id, input.Data64, input.TermSize.Rows/Cols
  })
  
  _ = app.TermWrite("term1", "SGVsbG8gZnJvbSB0aGUgYmFja2VuZA0K")

• • Provided screenshot URL: https://github.com/user-attachments/assets/58c92ebb-0a52-43d2-b577-17c9cf92a19c

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[kilo-code-bot]

CRITICAL: Missing displayName for React.forwardRef component

According to the project's coding guidelines, when using React.memo() or React.forwardRef(), you must add a displayName for the component. This helps with debugging and React DevTools.

Add after the component definition:

TsunamiTerm.displayName = "TsunamiTerm";

[kilo-code-bot]

Code Review Summary

Status: 1 Issue Found | Recommendation: Address before merge

Overview

Severity	Count
CRITICAL	1
WARNING	0
SUGGESTION	0

Issue Details (click to expand)

CRITICAL

File	Line	Issue
tsunami/frontend/src/element/tsunamiterm.tsx	39	Missing displayName for React.forwardRef component

Files Reviewed (7 files)

• tsunami/app/defaultclient.go - No issues
• tsunami/engine/clientimpl.go - No issues
• tsunami/engine/serverhandlers.go - No issues
• tsunami/frontend/src/element/tsunamiterm.tsx - 1 issue
• tsunami/frontend/src/model/tsunami-model.tsx - No issues
• tsunami/frontend/src/vdom.tsx - No issues
• tsunami/rpctypes/protocoltypes.go - No issues

---

Fix these issues in Kilo Cloud