Browsing collections
The collections panel — navigating top-level collections, opening documents, and drilling into subcollections.
The Firestore module opens on the collections panel: a list of your project's top-level collections down the left side, with the data for the selected collection filling the rest of the screen.
The collections panel#
When you open Firestore for a project, Firepanel lists every top-level collection it finds. Click any collection to load its documents into the data table.
The currently open collection is highlighted, and the URL updates as you navigate — so you can bookmark or share a link straight to a collection (anyone opening it still needs access to the project).
Tip
Press ⌘K and type a collection name to jump straight to it without reaching for the mouse. The command palette lists every collection in the open project.
Navigating documents#
Inside a collection, each row in the data table is a document. Click a row to open the document detail view, where you can see and edit every field with type-aware editors.
The document's ID is shown alongside its fields, and you can copy the full document path at any time for use in your own code or the Firebase Console.
Subcollections#
Firestore documents can themselves contain collections — subcollections. Firepanel lets you drill straight into them:
Open the parent document
Click the document in the table to open its detail view.
Follow a subcollection
Any subcollections on that document are listed so you can open them. Firepanel navigates one level deeper, showing the subcollection's documents in the table.
Walk back up
The breadcrumb-style path at the top of the view shows where you are
(collection / documentId / subcollection / …). Click any segment to jump back
up the tree.
Because the path is reflected in the URL, deeply nested locations are linkable too.
A note on large collections#
Firepanel loads documents in pages and virtualizes the table, so even a collection with thousands of documents stays smooth to scroll. You don't pull the entire collection into the browser at once — Firepanel fetches what you need as you go. See The data table for sorting, filtering, and search that help you find a specific record fast.
Coming soon#
A full tree view of the collection hierarchy and quick subcollection previews are on the roadmap. For now, drilling through documents is the way to reach nested data.