+
+
+ {#if showSearch}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/if}
+
+
+
+
+
+ {#if searchQuery.trim()}
+
+ Found {filteredNodes.length} node{filteredNodes.length !== 1 ? 's' : ''} and {filteredLinks.length}
+ link{filteredLinks.length !== 1 ? 's' : ''}
+
+ {/if}
+
+
+
+
+
+
+
+ {#if !controlsCollapsed}
+
+
+
+ {/if}
+
+
+
+ Pan Left/Middle Drag
+
+
+ Zoom Scroll Wheel
+
+
+ Select Click Node
+
+
+ Link Shift + Drag Node
+
+
+ Copy Ctrl + C
+
+
+ Paste Ctrl + V
+
+
+ Search Ctrl + F
+
+
+ Delete Del Key
+
+
+ Undo Ctrl + Z
+
+
+
+
+
+ {#if selectedNode}
+
+
+ {/if}
+
+ {#if showAddModal}
+
+
+
+
+
+
+ Entity
+ {selectedNode.label || 'Untitled'}
+
+
+
+ {#if selectedNode.imageUrl}
+ 
+ {:else}
+
+
+
+
+ {/if}
+
+
+ Type
+ {selectedNode.type}
+ {#if selectedNode.notes}
+ {selectedNode.notes}
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ Type
+
+
+ {#each nodeTypes as type}
+
+ {/each}
+
+
+
+
+
+
+
+ {#if selectedNode?.imageUrl}
+
+ {/if}
+
+
+ + Paste a URL or upload a PNG/JPEG/WebP (2MB max). +
+ {#if imageUploadError} +{imageUploadError}
+ {/if} +
+
+
+
+
+
+
+ Display Options
+
+
+
+
+
+
+
+
+
+ Connections
+ {#if connectedEdges.length > 0}
+
+ {#each connectedEdges as edge}
+
+ {:else}
+
+
+ {/each}
+
+ {edge.otherNode?.label || 'Unknown entity'}
+
+
+ {edge.otherNode?.type || 'entity'} • {edge.label}
+
+
+ No linked entities yet. Shift + drag from this node to create relationships.
+
+ {/if}
+
+ Changes are applied and saved automatically.
+
+
+ (showAddModal = false)}
+ on:keydown={(e) => e.key === 'Escape' && (showAddModal = false)}
+ role="dialog"
+ tabindex="-1"
+ aria-modal="true"
+ aria-label="Add Entity"
+ >
+
+ {/if}
+
+
+ Add Entity
+
+
+
+
+
+ e.key === 'Enter' && addNode()}
+ />
+
+
+
+
+
+ {#each nodeTypes as type}
+
+ {/each}
+
+
+
+
+
+
+
+ {#if newNodeImage}
+
+ {/if}
+
+
+ + Paste a URL or upload a PNG/JPEG/WebP (2MB max). +
+ {#if newNodeImageError} +{newNodeImageError}
+ {/if} +
+
+
+
+
+
+
+
+