[PR #7218] feat(web): add kiosk mode for simplified UI #12302

Open
opened 2026-02-16 18:17:13 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/anomalyco/opencode/pull/7218

State: open
Merged: No


Summary

Add kiosk mode to the web UI that provides a simplified user experience by hiding navigation elements.

URL Parameters

Parameter Description
?kiosk=true Hides sidebar and header
?dir=/path Auto-opens project and navigates to new session

Use Cases

  • Embedded deployments
  • Simplified onboarding experiences
  • Kiosk terminals
  • Single-project focused workflows

Example URLs

# Basic kiosk mode
http://localhost:4096/?kiosk=true

# Kiosk with auto-project
http://localhost:4096/?kiosk=true&dir=/home/user/my-project

Changes

  • packages/app/src/context/layout.tsx - Added kiosk.enabled() and kiosk.dir() state
  • packages/app/src/pages/layout.tsx - Conditional sidebar rendering
  • packages/app/src/components/session/session-header.tsx - Conditional header rendering
  • packages/app/src/pages/home.tsx - Auto-redirect logic for dir parameter
  • docs/KIOSK_MODE.md - Feature documentation

Test Plan

  • Verify ?kiosk=true hides sidebar (desktop)
  • Verify ?kiosk=true hides sidebar (mobile)
  • Verify ?kiosk=true hides header
  • Verify ?dir=/path auto-redirects to new session
  • Verify normal mode unaffected without parameters
  • Type checking passes
**Original Pull Request:** https://github.com/anomalyco/opencode/pull/7218 **State:** open **Merged:** No --- ## Summary Add kiosk mode to the web UI that provides a simplified user experience by hiding navigation elements. ### URL Parameters | Parameter | Description | |-----------|-------------| | `?kiosk=true` | Hides sidebar and header | | `?dir=/path` | Auto-opens project and navigates to new session | ### Use Cases - Embedded deployments - Simplified onboarding experiences - Kiosk terminals - Single-project focused workflows ### Example URLs ``` # Basic kiosk mode http://localhost:4096/?kiosk=true # Kiosk with auto-project http://localhost:4096/?kiosk=true&dir=/home/user/my-project ``` ## Changes - `packages/app/src/context/layout.tsx` - Added `kiosk.enabled()` and `kiosk.dir()` state - `packages/app/src/pages/layout.tsx` - Conditional sidebar rendering - `packages/app/src/components/session/session-header.tsx` - Conditional header rendering - `packages/app/src/pages/home.tsx` - Auto-redirect logic for `dir` parameter - `docs/KIOSK_MODE.md` - Feature documentation ## Test Plan - [x] Verify `?kiosk=true` hides sidebar (desktop) - [x] Verify `?kiosk=true` hides sidebar (mobile) - [x] Verify `?kiosk=true` hides header - [x] Verify `?dir=/path` auto-redirects to new session - [x] Verify normal mode unaffected without parameters - [x] Type checking passes
yindo added the pull-request label 2026-02-16 18:17:13 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#12302