Add Hierarchy View and custom app icon

- New Hierarchy View showing process creation parent-child tree
- Custom Sysmon View icon for window, taskbar, and installers

Author: nshalabi

SysmonView/build/icon.ico

@@ -14,12 +14,17 @@ let mainWindow: BrowserWindow | null = null;
 let db: Database | null = null;
 
 function createWindow() {
+  const iconPath = app.isPackaged
+    ? path.join(process.resourcesPath, 'icon.png')
+    : path.join(__dirname, '../build/icon.png');
+
   mainWindow = new BrowserWindow({
     width: 1280,
     height: 720,
     minWidth: 1024,
     minHeight: 600,
     title: 'Sysmon View',
+    icon: iconPath,
     webPreferences: {
       preload: path.join(__dirname, 'preload.js'),
       contextIsolation: true,

SysmonView/build/icon.png

@@ -1,6 +1,6 @@
 {
   "name": "sysmon-view",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Sysmon View - Visualize and enrich Windows Sysmon event logs",
   "main": "dist-electron/main.js",
   "author": "Nader Shalabi",
@@ -28,8 +28,13 @@
       {
         "from": "node_modules/sql.js/dist/sql-wasm.wasm",
         "to": "sql-wasm.wasm"
+      },
+      {
+        "from": "build/icon.png",
+        "to": "icon.png"
       }
     ],
+    "icon": "build/icon",
     "win": {
       "target": [
         {

SysmonView/electron/main.ts

@@ -4,6 +4,7 @@ import StatusBar from './components/StatusBar';
 import ProcessView from './pages/ProcessView';
 import AllEventsView from './pages/AllEventsView';
 import MapView from './pages/MapView';
+import HierarchyView from './pages/HierarchyView';
 import PreferencesDialog from './components/PreferencesDialog';
 import AboutDialog from './components/AboutDialog';
 import DocumentationDialog from './components/DocumentationDialog';
@@ -22,10 +23,11 @@ import DocumentationDialog from './components/DocumentationDialog';
  *   - "All Events"    (TabSheetAllEvents)
  */
 
-type TabId = 'process' | 'map' | 'events';
+type TabId = 'process' | 'hierarchy' | 'map' | 'events';
 
 const TABS: { id: TabId; label: string }[] = [
   { id: 'process', label: 'Process View' },
+  { id: 'hierarchy', label: 'Hierarchy View' },
   { id: 'map', label: 'Map View' },
   { id: 'events', label: 'All Events' },
 ];
@@ -88,6 +90,7 @@ export default function App() {
       {/* Content area */}
       <div className="flex-1 overflow-hidden" key={refreshKey}>
         {activeTab === 'process' && <ProcessView />}
+        {activeTab === 'hierarchy' && <HierarchyView />}
         {activeTab === 'map' && <MapView />}
         {activeTab === 'events' && <AllEventsView />}
       </div>