Skip to content

[BUG] Web UI: File tree toggle hidden by desktop() gate in settings, and panel not open by default #34223

Closed as not planned

Description

@runningStoic

Description

When using OpenCode via opencode web (browser), the file tree cannot be enabled because:

  1. The "Show file tree" toggle is hidden — it's inside the AdvancedSection in settings-general.tsx, which is gated behind <Show when={desktop()}>. Since desktop() checks platform.platform === "desktop", it's always false in the browser/web context, hiding the toggle entirely.
  2. layout.fileTree.opened defaults to false — even when visibility is forced on (e.g. production where !newLayoutDesigns() is true), the panel has width: 0px because opened is false.

The keyboard shortcut Ctrl+\ / Cmd+\ does toggle the tree open, but there is no UI affordance for web users to discover this.

Expected Behavior

  • Web users should be able to find and toggle the "Show file tree" setting in Settings → General
  • The file tree should be discoverable without needing to know the Ctrl+\ keyboard shortcut

Plugins

No response

OpenCode version

1.17.11

Steps to reproduce

  1. Run opencode web (or use the production app at app.opencode.ai)
  2. Open the web UI in a browser
  3. Navigate to a session page (e.g. /{base64_dir}/session/{session_id})
  4. Open Settings → General → scroll down — there is no "Show file tree" option
  5. There is no file tree panel area appears on the right side

Screenshot and/or share link

Image

Operating System

CentOS Stream

Terminal

No response

Activity

  1. github-actions commented on Jun 27, 2026

    @github-actions
    Contributor

    This issue might be a duplicate of existing issues. Please check:


    For keybind-related issues, please also check our pinned keybinds documentation: #4997

  2. rajsinghtech commented on Jun 29, 2026

    @rajsinghtech

    +1

  3. kyjus25 commented on Jun 29, 2026

    @kyjus25

    +1

  4. kyjus25 commented on Jun 29, 2026

    @kyjus25

    Wanted to note also that the issues described are also affecting the "Toggle File Tree" on the new layout in Desktop.

    Settings -> General -> Advanced -> File Tree (as stated by OP that it is visible in Desktop) is defaulted to false, so unless the user manually knows to go to that advanced setting to flip it to true, the File Tree can't be opened. In the old layout the visible() short-circuits to true regardless of the preference:

    const visible = (preference: () => boolean) => createMemo(() => !newLayoutDesigns() || preference())
  5. github-actions commented on Aug 29, 2026

    @github-actions
    Contributor

    To stay organized issues are automatically closed after 60 days of no activity. If the issue is still relevant please open a new one.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions