Skip to content

Commit 6835bd2

Browse files
committed
docs: trim JSON viewer docs
1 parent 39d9bb3 commit 6835bd2

2 files changed

Lines changed: 5 additions & 16 deletions

File tree

docs/customization/editor-settings.mdx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -207,10 +207,7 @@ Autocomplete is always on. Dismiss with `Escape`. See [Autocomplete](/features/a
207207
|---------|---------|---------|
208208
| Default view | Text, Tree | Text |
209209

210-
Controls which mode the JSON viewer opens in by default. You can always toggle between modes using the segmented control in the viewer toolbar. The last-used mode is remembered.
211-
212-
- **Text**: syntax-highlighted JSON with brace matching and a format button
213-
- **Tree**: hierarchical tree with disclosure triangles, search filtering, expand/collapse all, and right-click to copy value or key path
210+
Pick which mode the JSON viewer starts in. You can switch anytime with the toggle in the viewer. Your last choice is remembered.
214211

215212
## Keyboard Shortcuts
216213

docs/features/data-grid.mdx

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -191,19 +191,11 @@ If ENUM/SET metadata is unavailable (e.g., from a complex query), the cell falls
191191

192192
### JSON Viewer
193193

194-
JSON/JSONB cells open a dedicated viewer with two modes:
194+
Double-click a JSON cell to open the viewer. Switch between **Text** and **Tree** modes with the toggle at the top.
195195

196-
- **Text mode**: syntax-highlighted JSON with brace matching. Auto-formatted on open. Click the format button to re-indent after edits.
197-
- **Tree mode**: hierarchical tree with expand/collapse disclosure triangles. Each node shows the key name, value preview, and type badge. Right-click a node to copy its value or key path (e.g., `$.users[0].email`).
196+
Text mode shows syntax-highlighted JSON with brace matching. Tree mode shows a collapsible outline you can search, expand/collapse all, and right-click to copy values or key paths like `$.users[0].email`.
198197

199-
Toggle between modes with the segmented control at the top. Your preferred mode is saved in **Settings > Editor > JSON Viewer**.
200-
201-
Tree mode features:
202-
- **Search**: filter nodes by key or value
203-
- **Expand/Collapse All**: toolbar buttons to open or close the entire tree
204-
- **Copy Key Path**: right-click any node to copy its JSON path
205-
206-
Invalid JSON still opens in text mode for editing. Values are compacted on save.
198+
Values are compacted on save. Invalid JSON falls back to text mode.
207199

208200
{/* Screenshot: JSON editor with validation */}
209201
<Frame caption="JSON viewer with Text/Tree toggle">
@@ -297,7 +289,7 @@ When a row is selected, the inspector shows all column values with full content:
297289

298290
- Search columns by name
299291
- TEXT/VARCHAR columns get a multi-line editor
300-
- JSON/JSONB columns show a compact preview. Click the expand button to open a full-height JSON viewer with Text/Tree toggle, search, and expand/collapse
292+
- JSON/JSONB columns show a compact preview with an expand button for the full JSON viewer
301293
- Edits here are queued like inline edits
302294

303295
### Table Info Mode

0 commit comments

Comments
 (0)