feat(ui/graph): Knowledge Graph Refinement and Sidebar Hierarchy (#25)

This PR addresses several UI/UX and architectural refinements for the Knowledge Graph and Intelligence Sidebar.

### Key Changes:
- **Knowledge Graph (#21, #22)**:
  - Implemented \"pill-shaped\" nodes with dynamic label truncation and SVG tooltips.
  - Added bound-constrained simulation to keep nodes within the viewport.
  - Integrated `ResizeObserver` for dynamic layout handling.
  - Implemented Zoom-to-Fit functionality.
  - Enforced unique concept IDs in AI prompts and hardened JS logic to prevent multi-selection bugs.
- **Intelligence Sidebar (#23)**:
  - Improved visual depth with a radial gradient background for the graph.
  - Increased sidebar divider contrast for better layering.
  - Transformed graph controls into a floating glassmorphism panel.
  - Relocated the \"Logout\" action to the toolbar bottom and rebranded it as \"Exit\".

Fixes #21
Fixes #22
Fixes #23

Reviewed-on: #25
Co-authored-by: Marek Jasiński <jasins.marek@gmail.com>
Co-committed-by: Marek Jasiński <jasins.marek@gmail.com>

This commit was merged in pull request #25.

This commit is contained in:

Marek Jaisński

2026-05-09 09:36:23 +00:00

committed by

Marek Jaisński

parent 9e77aee231

commit 34794db209

11 changed files with 144 additions and 47 deletions

									
										src/NexusReader.UI.Shared/Layout/MainLayout.razor.css
									
		+1
		-1
	
												View File
												
				@@ -33,7 +33,7 @@ main {

				    height: 100%;

				    background: #0d0d0d;

				    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);

				    border-left: 1px solid rgba(255, 255, 255, 0.05);

				    border-left: 1px solid rgba(255, 255, 255, 0.1);

				    overflow: hidden;

				    z-index: 10;

				}