Node Inspector

The Node Inspector is the contextual parameters sidebar that dynamically slides into view on the right-hand side of your canvas whenever you click on any design element.

Property Evaluation Topology

graph LR
    ClickNode["Click Workspace Shape"] ==>|"Highlight Element"| OpenInspector["Right Panel Slides Open"]
    OpenInspector --> FieldsGrid["Render Node Properties<br/>(e.g., Target Files, Timeout Limits)"]
    FieldsGrid ==>|"Type Parameter Values"| AutoSave["Trigger Real-Time Auto-Save"]

    classDef clickToken fill:#0f172a,stroke:#38bdf8,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef pnlToken fill:#312e81,stroke:#ec4899,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef saveToken fill:#065f46,stroke:#10b981,stroke-width:2px,color:#fff,rx:6px,ry:6px;

    class ClickNode clickToken;
    class OpenInspector,FieldsGrid pnlToken;
    class AutoSave saveToken;

Key Properties to Review

1. Dynamic Attribute Forms

Input elements instantly display validation matrices tailored strictly to their underlying type, keeping configuration options clean and focused.

2. Immediate Feedback Updates

Values typed inside inspector boxes update canvas link labels directly without explicit confirm modals.

# Node Inspector

The **Node Inspector** is the contextual parameters sidebar that dynamically slides into view on the right-hand side of your canvas whenever you click on any design element.

---

## Property Evaluation Topology

```mermaid
graph LR
    ClickNode["Click Workspace Shape"] ==>|"Highlight Element"| OpenInspector["Right Panel Slides Open"]
    OpenInspector --> FieldsGrid["Render Node Properties<br/>(e.g., Target Files, Timeout Limits)"]
    FieldsGrid ==>|"Type Parameter Values"| AutoSave["Trigger Real-Time Auto-Save"]

classDef clickToken fill:#0f172a,stroke:#38bdf8,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef pnlToken fill:#312e81,stroke:#ec4899,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef saveToken fill:#065f46,stroke:#10b981,stroke-width:2px,color:#fff,rx:6px,ry:6px;

class ClickNode clickToken;
    class OpenInspector,FieldsGrid pnlToken;
    class AutoSave saveToken;
```

---

## Key Properties to Review

### 1. Dynamic Attribute Forms
Input elements instantly display validation matrices tailored strictly to their underlying type, keeping configuration options clean and focused.

### 2. Immediate Feedback Updates
Values typed inside inspector boxes update canvas link labels directly without explicit confirm modals.