Back to page

Node Inspector

Raw Markdown & AI/RAG Chunks
Raw Markdown Source 1285 chars
# 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.
AI Chunks (RAG) 3 chunks
Chunk #1 Node Inspector
# 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.

---
Chunk #2 Property Evaluation Topology
## 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;
```

---
Chunk #3 Key Properties to Review
## 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.