Skip to content

Details Panel

The left sidebar. When you select an item, this is where you see and edit its guts.

Tabs

The panel is organized into tabs. Not all tabs appear in all setups — depends on how Webseriously is configured.

Actions

Buttons for things you can do to the selected item:

  • Add — create a child
  • Delete — remove this item (and its children)
  • Collapse/Expand — hide or show children in the graph

Some setups add custom actions here too.

Data

The item's fields. At minimum, there's a name. Beyond that, it depends on your schema:

  • Text fields
  • Numbers
  • Dates
  • Dropdowns
  • Checkboxes

Edit directly. Changes save automatically (or on blur, depending on setup).

Tags

Labels you can attach to items. Good for cross-cutting categorization — things that don't fit the hierarchy.

Click to add tags. Click again to remove. Search to find existing tags.

Tags are flat — no hierarchy. One item can have many tags. One tag can apply to many items.

Traits

Special properties that affect how the item behaves or displays.

Examples:

  • Locked — can't be edited or moved
  • Hidden — doesn't show in graph
  • Starred — gets a visual indicator

Traits are toggles — on or off.

Preferences

Per-item display settings. Override the global defaults for just this item.

Examples:

  • Custom color
  • Collapsed by default
  • Different label format

Not every item needs custom preferences. Most inherit from their parent or from global settings.

When Nothing is Selected

If you click empty space and deselect everything, the Details panel shows global info:

  • Database status
  • Total item count
  • Maybe a welcome message or tips

Resizing

Drag the separator between Details and Graph to resize the panel. Make it narrower for more graph space. Make it wider if you're doing heavy editing.

Some setups let you collapse the panel entirely — a toggle in Controls or a keyboard shortcut.

Context Sensitivity

The panel updates instantly as you select different items. No save button, no explicit refresh. Click something, see its details. Click something else, see those instead.

This is the whole point: the graph is for navigating, the panel is for inspecting and editing. Two tools, one workflow.