GraphiForge — BPMN-Style Real-Time Authoring & Hierarchy Snap Studio

1. New Element Palette Click or Drag to Canvas

📦 Service Box

Standard microservice / task node

🗄️ Data Store

Database / cache cylinder

⚡ Event Stream

Async broker / queue topic

🛡️ Policy Gate

BPMN decision / routing gate

2. Ghost & Floating UI Options

Ghost Display Mode

Commit Behavior

Floating Selection Toolbar Cursor-Following Snap HUD

3. 1-Click Interactive Demos

3. Snap Priority Rules

① BPMN Context Pad & Ports

Click any node to reveal +N / +S (S1 Spine) and +E / +W (S2 Same-Rank Peer) ghost append slots.

② Box Center Auto-Promote

Hover/drop inside a box's core center (u,v ∈ [0.22, 0.78]) to promote the box into subgraph cluster_*.

③ Inline Edge-Split

Hover/drop on any edge path to split A → B into A → New → B.

④ Deepest Subgraph Snap

Highlights the innermost subgraph cluster_* and shows magnetic sibling guidelines.

Live Spatial & Hierarchy Resolution ● Engine Active

dropMode

—

Breadcrumb

Target Scope

—

Layout Recipe

—

Magnetic Snap

—

Feedback

Hover or drag over the diagram

5-Stage Lifecycle (저장·조회·수정·삭제·활용) fp: ready

1-Hop Focus all

🎯 글자 겹침 · 라벨 미세 조정 (Micro-Nudge) 0 overlaps · Clear

(0, 0)

Canonical DOT Source (SSOT)

Non-Destructive AST Patch Diff / Lifecycle Output Initial state

// Perform any snap / context-pad / lifecycle action to inspect the AST diff