docs: documentation update with images

chore: added tootips and info explanation to the Ui Presenter Manager window

Author: CoderGamester

Editor/UiPresenterManagerWindow.cs

@@ -20,6 +20,19 @@ public class UiPresenterManagerWindow : EditorWindow
 		private double _lastRefreshTime;
 		private const double RefreshInterval = 0.5; // seconds
 
+		private const string StatsExplanation = 
+			"Stats Summary\n\n" +
+			"• Total: Number of presenter instances currently loaded in memory.\n" +
+			"• Opened: Presenters that are currently visible (tracked by UiService.VisiblePresenters).\n" +
+			"• Closed: Presenters loaded in memory but hidden (ready to reopen without reloading).";
+
+		private const string PresenterExplanation =
+			"Presenter List\n\n" +
+			"• Presenter Type: The class name of the UiPresenter component, click to ping the presenter GameObject in the scene.\n" +
+			"• Status: Green dot = visible, Red dot = loaded but hidden.\n" +
+			"• Actions: OPEN/CLOSE toggles visibility; Unload removes from memory.\n" +
+			"• Instance: Multi-instance address ('(default)' for singleton presenters).";
+		
 		private ScrollView _scrollView;
 		private Label _statsLabel;
 
@@ -58,6 +71,11 @@ private void CreateGUI()
 			var header = CreateHeader();
 			root.Add(header);
 
+			// Stats explanation
+			var statsHelpBox = new HelpBox(StatsExplanation, HelpBoxMessageType.Info);
+			statsHelpBox.style.marginBottom = 5;
+			root.Add(statsHelpBox);
+			
 			// Stats bar
 			_statsLabel = new Label();
 			_statsLabel.style.paddingLeft = 10;
@@ -66,8 +84,14 @@ private void CreateGUI()
 			_statsLabel.style.backgroundColor = new Color(0.15f, 0.15f, 0.15f);
 			_statsLabel.style.unityFontStyleAndWeight = FontStyle.Bold;
 			_statsLabel.enableRichText = true;
+			_statsLabel.tooltip = "Total: loaded in memory | Opened: visible | Closed: hidden but loaded";
 			root.Add(_statsLabel);
 
+			// Presenter list explanation
+			var presenterHelpBox = new HelpBox(PresenterExplanation, HelpBoxMessageType.Info);
+			presenterHelpBox.style.marginBottom = 5;
+			root.Add(presenterHelpBox);
+			
 			// Column Headers
 			var columnHeaders = CreateColumnHeaders();
 			root.Add(columnHeaders);
@@ -165,6 +189,14 @@ private Label CreateHeaderLabel(string text, int columnIndex)
 			ApplyColumnStyle(label, columnIndex);
 			label.style.unityFontStyleAndWeight = FontStyle.Bold;
 			label.style.paddingLeft = 10;
+			label.tooltip = columnIndex switch
+			{
+				0 => "The UiPresenter component class name",
+				1 => "Green = visible, Red = hidden",
+				2 => "Open/Close toggles visibility; Unload removes from memory",
+				3 => "Instance address for multi-instance presenters",
+				_ => ""
+			};
 			return label;
 		}
 
@@ -231,11 +263,20 @@ private VisualElement CreatePresenterRow(GameLovers.UiService.UiService service,
 				row.style.backgroundColor = new Color(1, 1, 1, 0.03f);
 			}
 
-			// Type (column 0)
-			var typeLabel = new Label(instance.Type.Name);
-			ApplyColumnStyle(typeLabel, 0);
-			typeLabel.style.paddingLeft = 10;
-			row.Add(typeLabel);
+			// Type button (column 0) - clickable to select in hierarchy
+			var typeButton = new Button(() => 
+			{
+				Selection.activeGameObject = instance.Presenter.gameObject;
+				EditorGUIUtility.PingObject(instance.Presenter.gameObject);
+				if (SceneView.lastActiveSceneView != null)
+				{
+					SceneView.lastActiveSceneView.FrameSelected();
+				}
+			}) { text = instance.Type.Name };
+			ApplyColumnStyle(typeButton, 0);
+			typeButton.style.marginLeft = 5;
+			typeButton.style.marginRight = 5;
+			row.Add(typeButton);
 
 			// Status (column 1)
 			var statusContainer = new VisualElement();

README.md

@@ -2,19 +2,11 @@
 
 [![Unity Version](https://img.shields.io/badge/Unity-6000.0%2B-blue.svg)](https://unity3d.com/get-unity/download)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Version](https://img.shields.io/badge/version-1.0.0-green.svg)](CHANGELOG.md)
+[![Version](https://img.shields.io/badge/version-1.2.0-green.svg)](CHANGELOG.md)
 
 > **Quick Links**: [Installation](#installation) | [Quick Start](#quick-start) | [Documentation](docs/README.md) | [Examples](#examples) | [Troubleshooting](docs/troubleshooting.md)
 
-<!-- TODO: Add a demo GIF or video showing the UiService in action -->
-<!-- Recommended content:
-     - Opening/closing UI presenters with animations
-     - Layer management demonstration
-     - Editor windows (Analytics Window, Hierarchy Window)
-     - UI Sets batch operations
--->
-
-![UiService Demo](docs/images/demo.gif)
+![UiService Demo](docs/demo.gif)
 
 ## Why Use This Package?
 

docs/core-concepts.md

@@ -4,14 +4,45 @@ This document covers the fundamental concepts of the UI Service: presenters, lay
 
 ## Table of Contents
 
+- [Editor Windows](#editor-windows)
 - [Service Interfaces](#service-interfaces)
 - [UI Presenter](#ui-presenter)
 - [Presenter Features](#presenter-features)
 - [UI Layers](#ui-layers)
 - [UI Sets](#ui-sets)
 - [Multi-Instance Support](#multi-instance-support)
 - [UI Configuration](#ui-configuration)
-- [Editor Windows](#editor-windows)
+
+---
+
+## Editor Windows
+
+The package includes unified tools for development and debugging.
+
+### Presenter Manager Window
+
+**Menu:** `Tools → UI Service → Presenter Manager`
+
+![UiConfigs Inspector](presenter-manager.png)
+
+Manage active and loaded UI presenters in real-time during play mode:
+- View all loaded presenters and their current status (Open/Closed)
+- Quick Open/Close/Unload actions per instance
+- Bulk operations: Close All, Unload All
+- Status indicators: 🟢 Open, 🔴 Closed
+
+### UiConfigs Inspector
+
+**Menu:** `Tools → UI Service → Select Ui Configs`
+
+![UiConfigs Inspector](uiconfigs-inspector.gif)
+
+Select any `UiConfigs` asset to see the enhanced inspector:
+- Visual layer hierarchy
+- Color-coded layers
+- Drag & drop reordering
+- Statistics panel
+- UI set management
 
 ---
 
@@ -650,30 +681,3 @@ var dynamicUi = Instantiate(uiPrefab);
 _uiService.AddUi(dynamicUi, layer: 3, openAfter: true);
 ```
 
----
-
-## Editor Windows
-
-The package includes unified tools for development and debugging.
-
-### Presenter Manager Window
-
-**Menu:** `Tools → UI Service → Presenter Manager`
-
-Manage active and loaded UI presenters in real-time during play mode:
-- View all loaded presenters and their current status (Open/Closed)
-- Quick Open/Close/Unload actions per instance
-- Bulk operations: Close All, Unload All
-- Status indicators: 🟢 Open, 🔴 Closed
-
-### UiConfigs Inspector
-
-![UiConfigs Inspector](uiconfigs-inspector.gif)
-
-Select any `UiConfigs` asset to see the enhanced inspector:
-- Visual layer hierarchy
-- Color-coded layers
-- Drag & drop reordering
-- Statistics panel
-- UI set management
-