Document Editing
Inspect, edit, and manage Firestore documents with the document inspector panel.
Document Inspector
When you click a document in the table, the inspector panel opens on the right side showing all document fields, metadata, and available actions.
Metadata Display
The top of the inspector shows:
- Document ID — selectable text for easy copying
- Created and Updated timestamps
- Estimated document size — with a visual warning when approaching Firestore’s 1 MB limit
Field Display
Document fields are rendered in a structured view with type-appropriate formatting. Maps and arrays display as expandable tree nodes, while scalar values (strings, numbers, booleans, timestamps, geopoints, references) show inline.
Editing Documents
Click Edit to enter edit mode. In this mode you can:
- Modify values — click any scalar field to change its value with a type-appropriate editor
- Add fields — click the + button to add a new field with a name, type, and value
- Delete fields — click the trash icon on any field, including nested map or array entries
- Navigate references — click a document reference field to jump to that document
Undo and Redo
During editing, use the Undo and Redo buttons in the inspector toolbar to step through your changes. This works for all field modifications, additions, and deletions made during the current edit session.
Saving Changes
Click Save to commit all changes as a single document update operation. Stackpane sends only the modified fields as a PATCH update, minimizing the data transferred.
Click Cancel to discard all unsaved changes and return to read mode.
Document Actions
The inspector footer provides additional actions:
- Bookmark — star the document for quick access from the sidebar
- Duplicate — create a new document with the same field structure and values
- Save as Template — save the field structure as a reusable template for creating new documents
- Copy Path — copy the full document path to the clipboard
- Copy JSON — copy the document data as formatted JSON
- Edit History — view the local changelog of changes made through Stackpane
Subcollections
Below the document fields, the inspector lists any subcollections of the current document. Click a subcollection to navigate into it, with breadcrumb navigation to return to the parent.
Document Changelog
Stackpane maintains a local history of changes you make to documents. Each entry records the operation type (create, update, delete), timestamp, and a diff of changed fields.
To view the changelog:
- Select a document and click History in the inspector footer.
- Browse the timeline of changes with color-coded operation badges.
- Each entry shows before/after values for modified fields.
- Click Restore on any entry to revert the document to that state.
The changelog is stored locally and persists across sessions. It only tracks changes made through Stackpane, not changes from other sources.