Tab Hierarchy (Hierarchical Open Editors)

A VS Code extension that shows your currently open editors (tabs) arranged in a folder hierarchy, grouped by editor group. Built for working with many open files: filter, pin favourites, regroup, and close in bulk — all from the Explorer sidebar.

Features

Grouping modes (`openEditorsHierarchy.groupBy`)

folder – nest files under their workspace-folder hierarchy (default)
flat – a single flat list of files
type – bucket files by extension (.ts, .md, …)

Cycle modes any time with the Toggle Grouping title-bar button.

Live filter

Click the Filter button in the view title (or Ctrl/Cmd+Alt+F when the view is focused).
Matches file name or path, case-insensitive; empty folders are pruned.
The active filter is shown as a message above the tree; click Clear Filter to reset.

Pin to top (favourites)

Right-click a file → Pin to Top (or use the inline pin action). Pinned files float into a Pinned section at the very top, across all grouping modes.
Favourites are persisted per workspace (workspaceState); Unpin to remove.

Unsaved badge

The view shows a badge with the count of unsaved (dirty) editors (openEditorsHierarchy.showDirtyBadge).

Drag & drop

Drag a file (or a multi-selection) onto an editor group to move it into that group.
Note: this relies on the VS Code Tabs API and is best verified interactively (see Development).

Smart indicators

Active-file highlight, dirty marker, pinned-tab marker, and preview marker on each entry.
All tab types are shown — text, diff, custom editors, notebooks, webviews/previews, terminals, settings/walkthroughs, and any other editor tab. Non-file tabs (e.g. Extensions, file history, Output) get a representative icon and are clickable: selecting one focuses its editor group and activates the tab.

Actions

Action	Where
Open File / Reveal Tab	Click / context menu
Pin to Top / Unpin	Inline + context menu
Close Tab / Close Others / Close to the Right	Context menu
Close Folder	Folder context menu (batched close)
Save All / Close Saved	View title bar
Filter / Clear Filter / Toggle Grouping / Refresh	View title bar

Settings

Setting	Default	Description
`openEditorsHierarchy.autoRefresh`	`true`	Auto-refresh when tabs change
`openEditorsHierarchy.groupBy`	`folder`	`folder` \| `flat` \| `type`
`openEditorsHierarchy.sortOrder`	`name`	`name` \| `type` \| `modified`
`openEditorsHierarchy.showGroupNumbers`	`true`	Show "Group N" labels
`openEditorsHierarchy.showFileExtensions`	`true`	Show extensions in labels
`openEditorsHierarchy.showTabBadges`	`true`	Show dirty / pinned / preview indicators
`openEditorsHierarchy.showDirtyBadge`	`true`	Show unsaved-count view badge
`openEditorsHierarchy.hideSingleGroup`	`true`	Hide the group wrapper when there's only one group
`openEditorsHierarchy.autoRevealActiveFile`	`true`	Reveal/select the active file in the tree
`openEditorsHierarchy.maxRefreshDelay`	`100`	Debounce (ms) for refreshes
`openEditorsHierarchy.initializationDelay`	`2000`	Startup delay (ms)

Requirements

VS Code 1.85.0+ (modern Tabs API). Works with single- and multi-root workspaces.

Contributing

Will be available soon. For now, please open issues for bugs and feature requests.

License

MIT

Tab Hierarchy

SleepyDev