Skip to content
ArchTect Docs

Inspector Reference

The Inspector panel on the right side of the editor shows and edits properties for the currently selected item.

Context-sensitive display

Section titled “Context-sensitive display”

The Inspector adapts based on your selection:

Element properties (person, software system, container, component)

Section titled “Element properties (person, software system, container, component)”
Field Description
Name Display name
Description Purpose or role of the element
Technology Technology stack (e.g., “Java”, “PostgreSQL”)
Tags Comma-separated tags for styling and filtering
URL External documentation link
Properties Custom key-value metadata

Relationship properties

Section titled “Relationship properties”
Field Description
Source Originating element
Destination Target element
Description What the relationship represents
Technology Communication protocol (e.g., “HTTPS”, “gRPC”)
Tags Tags for styling

View properties (when no element is selected)

Section titled “View properties (when no element is selected)”
Field Description
Title View display title
Description View description
Auto layout Enable/disable and direction
Layout engine Default, ELK, Dagre, or Graphviz
Themes Applied theme list

Filtered view properties

Section titled “Filtered view properties”

In addition to standard view properties:

Field Description
Base view The view being filtered
Filter mode Include or exclude
Tag list Tags used for filtering

Editing workflow

Section titled “Editing workflow”
  1. Select an item on the canvas or in the Views panel.
  2. Edit fields in the Inspector.
  3. Save — Click the Save button or press Ctrl+S.
  4. Cancel — Click Cancel to discard unsaved changes.

All Inspector edits serialize back to the DSL automatically.

Tips

Section titled “Tips”
  • Tags drive styles — editing tags changes how elements appear.
  • Properties are preserved in exports and documentation.

See also

Section titled “See also”