Skip to content

ComponentsFileTree

Components

FileTree

Files and changed-files trees on Reka Tree: keyboard navigation, folders, selection, indent guides, diff stats, flat list mode, commits list recipe.

Tree

Rows h-control (32 comfortable / 24 compact), radius 8 / 6, start padding 8 + depth × 12. ↑↓ move, → opens / enters, ← closes / goes to parent, Enter selects (aria-current).

Files (guides, stats)
  • app
  • components
  • Composer.vue42 added lines7 removed lines
  • MessageList.vue3 added lines12 removed lines
  • app.vue1 added lines1 removed lines
  • package.json2 added lines1 removed lines
  • pnpm-lock.yaml120 added lines98 removed lines

Selected: app/components/Composer.vue

Flat changes list
  • Composer.vueapp/components42 added lines7 removed lines
  • MessageList.vueapp/components3 added lines12 removed lines
  • useStream.tsapp/composables18 added lines
  • app.vueapp1 added lines1 removed lines
  • chat.post.tsserver/api64 added lines21 removed lines
  • package.json2 added lines1 removed lines
  • pnpm-lock.yaml120 added lines98 removed lines
Compact density
  • app
  • app.vue
  • package.json
  • pnpm-lock.yaml
Empty pane

Start the session to see its files

Files appear once the environment is running.

Commits list recipe

Same row styles as a vertical toolbar of pressed buttons.

Commits