diff --git a/Source/Applications/SystemCenter/Controllers/SystemCenter/AppHostController.cs b/Source/Applications/SystemCenter/Controllers/SystemCenter/AppHostController.cs
index dd8f67867..765381061 100644
--- a/Source/Applications/SystemCenter/Controllers/SystemCenter/AppHostController.cs
+++ b/Source/Applications/SystemCenter/Controllers/SystemCenter/AppHostController.cs
@@ -26,8 +26,8 @@
 using GSF.Data.Model;
 using GSF.Reflection;
 using Newtonsoft.Json;
-using openXDA.APIMiddleware;
 using openXDA.APIAuthentication;
+using openXDA.APIMiddleware;
 using openXDA.Model;
 using System;
 using System.Collections.Generic;
@@ -88,6 +88,8 @@ public IHttpActionResult Get()
             // Add MiMD
             hosts.Add(GetMiMD());
 
+            hosts.Add(GetOpenMIC());
+
             // Add XDA Nodes
             using (AdoDataConnection connection = CreateDbConnection())
             {
@@ -208,6 +210,28 @@ void ConfigureRequest(HttpRequestMessage request)
             return ResponseMessage(responseMessage);
         }
 
+        [Route("openMIC/Ping"), HttpGet]
+        public IHttpActionResult openMICPing()
+        {
+            using (AdoDataConnection connection = new AdoDataConnection("systemSettings"))
+            {
+                string url = new TableOperations<SystemCenter.Model.Setting>(connection).QueryRecordWhere($"Name = 'OpenMIC.Url'")?.Value ?? "";
+                string credential = new TableOperations<SystemCenter.Model.Setting>(connection).QueryRecordWhere($"Name = 'OpenMIC.Credential'")?.Value ?? "";
+                string password = new TableOperations<SystemCenter.Model.Setting>(connection).QueryRecordWhere($"Name = 'OpenMIC.Password'")?.Value ?? "";
+
+                //string token = GenerateAntiForgeryToken(application);
+                //return Get(httpClient, url, requestURI, credential, password, token);
+                APIQuery query = new APIQuery(credential, password, url); 
+                void ConfigureRequest(HttpRequestMessage request)
+                {
+                    request.Method = HttpMethod.Get;
+                }
+                HttpResponseMessage response = query.SendWebRequestAsync(ConfigureRequest, $"api/health").Result;
+                if (response.IsSuccessStatusCode) return Ok(1);
+                return ResponseMessage(response);
+            }
+        }
+
         [Route("MiMDConsole/Ping"), HttpGet]
         public IHttpActionResult MiMDPing()
         {
@@ -299,6 +323,14 @@ private string GetMiMDBaseURL()
             }
         }
 
+        private string GetOpenMICBaseURL()
+        {
+            using (AdoDataConnection connection = CreateDbConnection())
+            {
+                return connection.ExecuteScalar("", "SELECT Value FROM [SystemCenter.Setting] WHERE Name = {0}", "OpenMIC.Url");
+            }
+        }
+
         private AdoDataConnection CreateDbConnection()
         {
             AdoDataConnection connection = new AdoDataConnection("systemSettings");
@@ -344,6 +376,21 @@ private AppHost GetMiMD()
             };
         }
 
+        private AppHost GetOpenMIC()
+        {
+            return new AppHost()
+            {
+                Name = "openMIC",
+                App = "openMIC",
+                PingURL = "./api/SystemCenter/AppHost/openMIC/Ping",
+                Properties = new AppProperty[]
+                {
+                    new AppProperty() { Name= "Host", Value = GetOpenMICBaseURL() }
+                },
+                Image = "../Images/NodeTiles/openMIC.png"
+            };
+        }
+
         private string DatabaseName
         {
             get
diff --git a/Source/Applications/SystemCenter/SystemCenter.csproj b/Source/Applications/SystemCenter/SystemCenter.csproj
index 532ac87a8..337b8ec91 100644
--- a/Source/Applications/SystemCenter/SystemCenter.csproj
+++ b/Source/Applications/SystemCenter/SystemCenter.csproj
@@ -492,6 +492,9 @@
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </None>
     <Content Include="wwwroot\Images\GiantLogo.png" />
+	  <Content Include="wwwroot\Images\NodeTiles\openMIC.png">
+		  <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+	  </Content>
 		<Content Include="wwwroot\Images\NodeTiles\XDA.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
@@ -504,6 +507,9 @@
 		<Content Include="wwwroot\Images\NodeTiles\XDAIcon.png">
 			<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
 		</Content>
+	  <Content Include="wwwroot\Images\NodeTiles\openMICIcon.png">
+		  <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+	  </Content>
 		<Content Include="wwwroot\Images\NodeTiles\SystemCenterIcon.png">
 			<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
 		</Content>
@@ -547,7 +553,12 @@
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AdditionalFields\ByAdditionalField.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\ConsoleWindow.tsx" />
     <Content Include="wwwroot\Scripts\TSX\SystemCenter\LineSegment\ByLineSegment.tsx" />
-    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\NodeStats.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\NodeConnections.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\NodeDetails.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\NodeHealth.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\StatusDetails.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\StatusGroup.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AppHost\StatusItem.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AssetAttribute\FawgLineSegmentWizard\Common.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AssetAttribute\Generation.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\AssetAttribute\StationAux.tsx" />
@@ -574,6 +585,7 @@
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\CommonComponents\Restrictions\EditionRestrictionTooltip.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\CommonComponents\Restrictions\RoleRestrictionTooltip.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\CommonComponents\ExternalDBUpdate.tsx" />
+    <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\DeviceHealthReport\AppStatus.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\ExternalDB\ExternalDBTable.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\ExternalDB\ExternalDBTableFields.tsx" />
     <TypeScriptCompile Include="wwwroot\Scripts\TSX\SystemCenter\ExternalDB\ExternalDBTableForm.tsx" />
diff --git a/Source/Applications/SystemCenter/wwwroot/Images/NodeTiles/openMIC.png b/Source/Applications/SystemCenter/wwwroot/Images/NodeTiles/openMIC.png
new file mode 100644
index 000000000..acc388b0c
Binary files /dev/null and b/Source/Applications/SystemCenter/wwwroot/Images/NodeTiles/openMIC.png differ
diff --git a/Source/Applications/SystemCenter/wwwroot/Images/NodeTiles/openMICIcon.png b/Source/Applications/SystemCenter/wwwroot/Images/NodeTiles/openMICIcon.png
new file mode 100644
index 000000000..2bccc6c7b
Binary files /dev/null and b/Source/Applications/SystemCenter/wwwroot/Images/NodeTiles/openMICIcon.png differ
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/AppHost.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/AppHost.tsx
index f6a36825f..7ed2ed541 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/AppHost.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/AppHost.tsx
@@ -25,8 +25,7 @@ import * as React from 'react';
 import { Application } from '@gpa-gemstone/application-typings';
 import { LoadingScreen, ServerErrorIcon, LayoutGrid } from '@gpa-gemstone/react-interactive';
 import ApplicationCard, { IHost } from './ApplicationCard';
-import ConsoleWindow from './ConsoleWindow';
-import NodeStats from './NodeStats';
+import NodeDetails from './NodeDetails';
 import { useMediaQuery } from '@gpa-gemstone/helper-functions';
 
 
@@ -34,7 +33,7 @@ const AppHost: Application.Types.iByComponent = (props) => {
     const [hosts, setHosts] = React.useState<IHost[]>([]);
     const [status, setStatus] = React.useState<Application.Types.Status>('uninitiated');
     const [console, setConsole] = React.useState<IHost | null>(null);
-    const [stats, setStats] = React.useState<IHost | null>(null);
+    const [details, setDetails] = React.useState<IHost | null>(null);
 
     const shouldHaveTwoRowsHeight = useMediaQuery('(max-height: 1250px)');
     const shouldBeSmall = useMediaQuery('(max-width: 1750px)');
@@ -68,23 +67,20 @@ const AppHost: Application.Types.iByComponent = (props) => {
                 <LayoutGrid RowsPerPage={shouldHaveTwoRowsHeight ? 2 : 3} ColMax={shouldHaveTwoColumns ? 2 : 3}>
                     {hosts.map((h) => <ApplicationCard {...h}
                         OpenConsole={() => setConsole(h)}
-                        OpenStats={() => setStats(h)}
+                        OpenDetails={() => { setDetails(h); setConsole(h) }}
                         key={h.PingURL}
                         IsSmall={shouldBeSmall}
                     />)}
                 </LayoutGrid>
             </div>
-            <ConsoleWindow
-                ApplicationName={console?.Name ?? ''}
-                Close={() => setConsole(null)}
-                ConsoleURL={console?.ConsoleURL}
-            />
-            <NodeStats
-                ApplicationName={stats?.Name ?? ''}
-                Close={() => setStats(null)}
-                StatsURL={stats?.StatsURL}
-                ApplicationType={stats?.App ?? null}
-                Properties={stats?.Properties}
+            <NodeDetails
+                ApplicationName={details?.Name ?? ''}
+                StatsURL={details?.StatsURL ?? ''}
+                ApplicationType={details?.App ?? null}
+                Properties={details?.Properties ?? []}
+                SetDetails={setDetails}
+                SetConsole={setConsole}
+                ConsoleURL={console?.ConsoleURL ?? ''}
             />
         </div>)
 }
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ApplicationCard.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ApplicationCard.tsx
index 1abc07a1e..f4c29faf1 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ApplicationCard.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ApplicationCard.tsx
@@ -23,6 +23,7 @@
 
 import * as React from 'react';
 import { useAppDispatch } from '../hooks';
+import { SystemCenter as SC } from '../global'
 
 export interface IHostProperties { Name: string, Value: string }
 
@@ -33,9 +34,9 @@ export interface IHost {
     StatsURL?: string,
     ConsoleURL: string,
     Name: string,
-    App: 'XDA' | 'MiMD' | 'SystemCenter',
+    App: SC.ApplicationType,
     OpenConsole: () => void,
-    OpenStats: () => void
+    OpenDetails: () => void
 }
 
 export interface IApplicationCard extends IHost {
@@ -98,13 +99,8 @@ const ApplicationCard = (props: IApplicationCard) => {
                 </div>
                 <div className="card-footer">
                     <div className="row">
-                        <div className={`col align-self-start`}>
-                            <button className={`btn btn-info`} onClick={() => props.OpenConsole()} disabled={status == "Loading" || status == "Unknown" }>Console</button>
-                        </div>
-                        <div className={`col align-self-end`}>
-                            {props.App === 'MiMD' ? null :
-                                <button className={`btn btn-info float-right`} onClick={() => props.OpenStats()} disabled={status == "Loading" || status == "Unknown"}>Status</button>
-                            }
+                        <div className={`col`}>
+                            <button className={`btn btn-${status == "Loading" || status == "Unknown" ? 'secondary' : 'info' }`} onClick={() => props.OpenDetails()} disabled={status == "Loading" || status == "Unknown"}>Details</button>
                         </div>
                     </div>
                 </div>
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ConsoleWindow.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ConsoleWindow.tsx
index b98fb0ffa..4c21befee 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ConsoleWindow.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/ConsoleWindow.tsx
@@ -22,8 +22,6 @@
 //******************************************************************************************************
 
 import * as React from 'react';
-import { Modal } from '@gpa-gemstone/react-interactive';
-
 export interface IMessage { Message: string, Type: number }
 
 export interface IProps {
@@ -103,7 +101,7 @@ const ConsoleWindow = (props: IProps) => {
 
 
     React.useEffect(() => {
-        if (props.ConsoleURL != undefined && props.ConsoleURL.length > 0) 
+        if (props.ConsoleURL != undefined && props.ConsoleURL.length > 0)
             document.addEventListener("keydown", handleKeyPress, false);
 
         return () => {
@@ -113,19 +111,19 @@ const ConsoleWindow = (props: IProps) => {
 
     React.useEffect(() => { cmdRef.current = cmd; }, [cmd]);
     React.useEffect(() => { lastCmdRef.current = lastCmd; }, [lastCmd]);
-    
+
     function handleKeyPress(event) {
 
         if (event.keyCode == 38 && cmd.length > 0) // arrow down key
         {
             event.preventDefault();
-            setCMD(lastCmdRef.current); 
+            setCMD(lastCmdRef.current);
         }
         else if (event.keyCode == 13)  // enter key
         {
             event.preventDefault();
             sendCmd(cmdRef.current);
-            setCMD(''); 
+            setCMD('');
         }
     }
 
@@ -179,31 +177,24 @@ const ConsoleWindow = (props: IProps) => {
     }, [props.ConsoleURL]);
 
     return (
-        <>
-            <Modal
-                Show={props.ConsoleURL != undefined && props.ConsoleURL.length > 0}
-                CallBack={(_conf, button) => { if (!button) { props.Close(); sessionIDRef.current = ''; } else { sendCmd(cmd); setCMD(''); } }}
-                ShowCancel={false} Size={'xlg'}
-                Title={'Console - ' + props.ApplicationName}
-                ShowX={true}
-                ConfirmText={'Send'}
-            >
-                <div className="well" style={{ height: innerHeight - 400, display: 'flex', flexDirection: 'column' }}>
-                    <div className="row">
-                        <div className="col-6">
-                            <label className="small pull-left" >
-                                {lastUpdate !== null ? <small><em>Last update {lastUpdate}</em></small> : 
+        <div className="row h-100">
+            <div className="col h-100">
+                <div className="row">
+                    <div className="col-6">
+                        <label className="small pull-left" >
+                            {lastUpdate !== null ? <small><em>Last update {lastUpdate}</em></small> :
                                 <small><em>Updating...</em></small>}
-                            </label>
-                        </div>
-                        <div className="col-6">
-                            <label className="small pull-right" style={{ display: autoScroll ? 'none' : undefined }} >
-                                <small><em>Scrolling paused during mouse interaction...</em></small>
-                            </label>
-                        </div>
+                        </label>
+                    </div>
+                    <div className="col-6">
+                        <label className="small pull-right" style={{ display: autoScroll ? 'none' : undefined }} >
+                            <small><em>Scrolling paused during mouse interaction...</em></small>
+                        </label>
                     </div>
-                    <div className="row" style={{ flex: 1, overflow: "auto" }}>
-                        <div className="col">
+                </div>
+                <div className="row" style={{ flex: 1, overflow: "auto" }}>
+                    <div className="col">
+                        <div className="well" style={{ height: innerHeight - 400, display: 'flex', flexDirection: 'column' }}>
                             <pre className="small" style={remoteConsoleStyle} ref={consoleDiv}
                                 onMouseEnter={() => setAutoScroll(false)}
                                 onMouseLeave={() => setAutoScroll(true)}
@@ -214,20 +205,25 @@ const ConsoleWindow = (props: IProps) => {
                             </pre>
                         </div>
                     </div>
-                    <div className="row">
-                        <div className="col">
-                            <div className="input-group">
-                                <input type="text" className="form-control"
-                                    placeholder="Server command..."
-                                    onChange={(evt) => setCMD(evt.target.value)}
-                                    value={cmd}
-                                />
-                            </div>
+                </div>
+
+                <div className="row my-2">
+                    <div className="col-10">
+                        <div className="input-group">
+                            <input type="text" className="form-control"
+                                placeholder="Server command..."
+                                onChange={(evt) => setCMD(evt.target.value)}
+                                value={cmd}
+                            />
                         </div>
-                    </div> 
+                    </div>
+                    <div className="col-2">
+                        <button className="btn btn-primary" onClick={() => { sendCmd(cmd); setCMD('') }}> Send </button>
+                    </div>
                 </div>
-            </Modal>
-         </>)
+            </div>
+        </div>
+    )
 }
 
 
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeConnections.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeConnections.tsx
new file mode 100644
index 000000000..4ebe9fe2c
--- /dev/null
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeConnections.tsx
@@ -0,0 +1,222 @@
+//******************************************************************************************************
+//  NodeConnections.tsx - Gbtc
+//
+//  Copyright © 2026, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  02/26/2026 - Natalie Beatty
+//       Generated original version of source code.
+//
+//  04/03/2026 - Natalie Beatty
+//       Renamed to NodeConnections.tsx
+//
+//******************************************************************************************************
+
+import * as React from 'react'
+import { Application, SystemCenter, OpenXDA } from '@gpa-gemstone/application-typings'
+import { SystemCenter as SC } from '../global'
+import StatusGroup from './StatusGroup'
+
+const NodeConnections = (props: { ApplicationName: string, ApplicationType: SC.ApplicationType, Properties: { Name: string, Value: string }[] }) => {
+    const [status, setStatus] = React.useState<Application.Types.Status>('uninitiated');
+    const [extDBStatus, setExtDBStatus] = React.useState<SC.StatusItem[]>([{ Name: "Loading...", Status: "Loading", Details: [] }]);
+    const [remoteXDAStatus, setRemoteXDAStatus] = React.useState<SC.StatusItem[]>([{ Name: "Loading...", Status: "Loading", Details: [] }]);
+    const [hoveredItem, setHoveredItem] = React.useState<string>(null)
+    const [fawgStatus, setFawgStatus] = React.useState<SC.StatusItem>({ Name: "FAWG", Status: "Loading", Details: [] })
+    const [PQIStatus, setPQIStatus] = React.useState<SC.StatusItem>({ Name: "PQI", Status: "Loading", Details: [] })
+    const [SCADAStatus, setSCADAStatus] = React.useState<SC.StatusItem>({ Name: "SCADA Resource", Status: "Loading", Details: [] })
+
+    React.useEffect(() => {
+        setStatus('loading');
+        switch (props.ApplicationType) {
+            case 'SystemCenter':
+                testDBs()
+                testFAWG()
+                testPQI()
+                break;
+            case 'XDA':
+                testRemoteXDAs()
+                testSCADA()
+                break;
+            default:
+                break;
+        }
+    }, [props.ApplicationName])
+
+
+    function testDBs() {
+        const h = $.ajax({
+            type: "POST",
+            url: `${homePath}api/SystemCenter/ExternalDatabases/TestAllConnections`,
+            contentType: "application/json; charset=utf-8",
+            dataType: 'json',
+            cache: false,
+            async: true
+        });
+
+        h.done((statuses: SC.StatusItem[]) => {
+            setExtDBStatus(statuses)
+        }).fail((d) => {
+            setExtDBStatus([])
+        })
+
+
+        return function cleanup() {
+            if (h.abort != null)
+                h.abort();
+        }
+    }
+
+    function testRemoteXDAs() {
+        const h = $.ajax({
+            type: "GET",
+            url: `${homePath}api/OpenXDA/remoteXDAInstance/RemoteConnectionStatus/${props.Properties.find(prop => prop.Name === "ID").Value}`,
+            contentType: "application/json; charset=utf-8",
+            dataType: 'json',
+            cache: false,
+            async: true
+        });
+
+        h.done((statuses: SC.StatusItem[]) => {
+            setRemoteXDAStatus(statuses)
+        }).fail(() => {
+            setRemoteXDAStatus([])
+        })
+        return function cleanup() {
+            if (h.abort != null)
+                h.abort();
+        }
+    }
+
+    function testFAWG() {
+        const h = $.ajax({
+            type: "POST",
+            url: `${homePath}api/LineSegmentWizard/TestConnection`,
+            contentType: "application/json; charset=utf-8",
+            dataType: 'json',
+            cache: false,
+            async: true
+        });
+
+        h.done((d: SC.StatusItem) => {
+            d.Name = 'FAWG'
+            setFawgStatus(d)
+        }).fail(() => {
+            setFawgStatus({ Status: 'Error', Name: 'FAWG', Details: [{ Status: "Error", Description: "Errors occurred in retrieving FAWG connection status." }] })
+        })
+
+        return function cleanup() {
+            if (h.abort != null)
+                h.abort();
+        }
+    }
+
+    function testPQI() {
+        const h = $.ajax({
+            type: "GET",
+            url: `${homePath}api/SystemCenter/PQI/Test`,
+            contentType: "application/json; charset=utf-8",
+            dataType: 'json',
+            cache: false,
+            async: true
+        });
+
+        h.done((d: SC.StatusItem) => {
+            d.Name = 'PQI'
+            setPQIStatus(d)
+        }).fail(() => {
+            setPQIStatus({ Status: 'Error', Name: 'PQI', Details: [{ Status: "Error", Description: "Errors occurred in retrieving PQI connection status." }] })
+        })
+
+        return function cleanup() {
+            if (h.abort != null)
+                h.abort();
+        }
+    }
+    function testSCADA() {
+        const h = $.ajax({
+            type: "GET",
+            url: `${homePath}api/OpenXDA/ScadaHealth`,
+            contentType: "application/json; charset=utf-8",
+            dataType: 'json',
+            cache: false,
+            async: true
+        });
+
+        h.done((d: SC.StatusItem) => {
+            d.Name = 'SCADA'
+            setSCADAStatus(d)
+        }).fail(() => {
+            setSCADAStatus({ Status: 'Error', Name: 'SCADA Resource', Details: [{ Status: "Error", Description: "Errors occurred in retrieving SCADA Resource connection status." }] })
+        })
+
+        return function cleanup() {
+            if (h.abort != null)
+                h.abort();
+        }
+    }
+
+    return (
+        props.ApplicationType === 'SystemCenter' ?
+            <div className="row h-100">
+                {extDBStatus.length == 0 ? null :
+                    <div className="col-6 h-100">
+                    <StatusGroup
+                        StatusItems={extDBStatus}
+                        Status={status}
+                        HoveredItem={hoveredItem}
+                        SetHoveredItem={setHoveredItem}
+                        Name="External Database Connections"
+                    />
+                </div>
+                }
+                <div className={`col-${extDBStatus.length == 0 ? 12 : 6} h-100`}>
+                    <StatusGroup
+                        StatusItems={[fawgStatus, PQIStatus]}
+                        Status={status}
+                        HoveredItem={hoveredItem}
+                        SetHoveredItem={setHoveredItem}
+                        Name="Other Connections"
+                    />
+                </div>
+            </div >
+            : props.ApplicationType === "XDA" ?
+                <div className="row h-100">
+                    {remoteXDAStatus.length == 0 ? null :
+                        <div className="col-6 h-100">
+                        <StatusGroup
+                            StatusItems={remoteXDAStatus}
+                            Status={status}
+                            HoveredItem={hoveredItem}
+                            SetHoveredItem={setHoveredItem}
+                            Name="Remote openXDA Connections"
+                        />
+                    </div>
+                    }
+                    <div className={`col-${remoteXDAStatus.length == 0 ? 12 : 6} h-100`}>
+                        <StatusGroup
+                            StatusItems={[SCADAStatus]}
+                            Status={status}
+                            HoveredItem={hoveredItem}
+                            SetHoveredItem={setHoveredItem}
+                            Name="Other Connections"
+                        />
+                    </div>
+                </div>
+                : null
+    )
+}
+
+export default NodeConnections;
\ No newline at end of file
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeDetails.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeDetails.tsx
new file mode 100644
index 000000000..7fbf35f8e
--- /dev/null
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeDetails.tsx
@@ -0,0 +1,116 @@
+//******************************************************************************************************
+//  NodeDetails.tsx - Gbtc
+//
+//  Copyright © 2023, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  10/14/2024 - G. Santos
+//       Generated original version of source code.
+//  04/03/2026 - N. Beatty
+//       Renamed to NodeDetails.
+//
+//******************************************************************************************************
+
+import * as React from 'react';
+import { Modal, TabSelector } from '@gpa-gemstone/react-interactive';
+import NodeConnections from './NodeConnections';
+import NodeHealth from './NodeHealth';
+import ConsoleWindow from './ConsoleWindow'
+import { IHost } from './ApplicationCard';
+import { SystemCenter as SC } from '../global'
+
+type tab = 'connections' | 'health' | 'console'
+
+interface ITab { Label: string, Id: string }
+export interface IMessage { Message: string, Type: number }
+
+export interface IProps {
+    StatsURL: string,
+    ConsoleURL: string,
+    ApplicationName: string,
+    ApplicationType: SC.ApplicationType,
+    Properties: { Name: string, Value: string }[],
+    SetDetails: React.Dispatch<React.SetStateAction<IHost | null>>
+    SetConsole: React.Dispatch<React.SetStateAction<IHost | null>>
+}
+
+const ApplicationTabs = {
+    'SystemCenter': [{ Label: 'Connections', Id: 'connections' }, { Label: 'Console', Id: 'console' }],
+    'XDA': [{ Label: 'Connections', Id: 'connections' }, { Label: 'Health', Id: 'health' }, { Label: 'Console', Id: 'console' }],
+    'MiMD': [{ Label: 'Console', Id: 'console' }],
+    'openMIC': [{ Label: 'Health', Id: 'health' }]
+}
+
+const NodeDetails = (props: IProps) => {
+
+    const [tab, setTab] = React.useState<tab>('connections');
+
+    const availableTabs = React.useMemo(() => {
+        if (!Object.keys(ApplicationTabs).includes(props.ApplicationType)) return []
+        return ApplicationTabs[props.ApplicationType]
+    }, [props.ApplicationType])
+
+    React.useEffect(() => {
+        if (availableTabs.length == 0) return
+        setTab(availableTabs[0].Id as tab)
+    }, [availableTabs])
+
+    return (
+        <Modal
+            Show={props.ApplicationName !== '' ? true : false}
+            ShowCancel={false} ShowConfirm={false} ShowX={true} Size={'xlg'}
+            CallBack={() => { props.SetDetails(null); setTab('connections') }}
+            Title={'Details - ' + props.ApplicationName}
+            BodyStyle={{ overflow: 'hidden', height: 'calc(100vh - 210px)', display: 'flex', flexDirection: 'column'} }
+        >
+            <div className="row">
+                <TabSelector CurrentTab={tab} SetTab={(t: tab) => setTab(t)} Tabs={availableTabs} />
+            </div>
+            <div className="row" style={{ flex: '1 1 0%', overflow: 'hidden' }}>
+                <div className="col-12" style={{ height: '100%' }}>
+                    <div className="tab-content m-3" style={{ height: '100%' }}>
+                        {tab === "connections" ?
+                            <div className="tab-pane active" style={{ height: 'inherit' }}>
+                                <NodeConnections
+                                    ApplicationName={props.ApplicationName}
+                                    ApplicationType={props.ApplicationType}
+                                    Properties={props.Properties}
+                                />
+                            </div>
+                            : tab === "health" ? <div className="tab-pane active" style={{ height: 'inherit' }} >
+                                <NodeHealth
+                                    StatsURL={props.StatsURL}
+                                    ApplicationName={props.ApplicationName}
+                                    ApplicationType={props.ApplicationType}
+                                    Close={() => props.SetDetails(null)}
+                                    Properties={props.Properties}
+                                />
+                            </div>
+                                : tab === "console" ? <div className="tab-pane active" style={{ height: 'inherit' }}>
+                                    <ConsoleWindow
+                                        ConsoleURL={props.ConsoleURL}
+                                        ApplicationName={props.ApplicationName}
+                                        Close={() => props.SetConsole(null)}
+                                    />
+                                </div>
+                                    : null}
+                    </div>
+                </div>
+            </div>
+        </Modal >);
+}
+
+
+export default NodeDetails;
\ No newline at end of file
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeHealth.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeHealth.tsx
index e211eaa4d..149616be5 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeHealth.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeHealth.tsx
@@ -1,7 +1,7 @@
 //******************************************************************************************************
 //  NodeHealth.tsx - Gbtc
 //
-//  Copyright © 2026, Grid Protection Alliance.  All Rights Reserved.
+//  Copyright � 2026, Grid Protection Alliance.  All Rights Reserved.
 //
 //  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
 //  the NOTICE file distributed with this work for additional information regarding copyright ownership.
@@ -16,136 +16,81 @@
 //
 //  Code Modification History:
 //  ----------------------------------------------------------------------------------------------------
-//  02/26/2026 - Natalie Beatty
+//  10/14/2024 - G. Santos
 //       Generated original version of source code.
+//  04/02/2026 - N. Beatty
+//       Moved from NodeStats.tsx to NodeHealth.tsx
 //
 //******************************************************************************************************
 
-import * as React from 'react'
-import { Application, SystemCenter, OpenXDA } from '@gpa-gemstone/application-typings'
-import { SystemCenter as SC } from '../global'
-import StatusGroup from './StatusGroup'
-
-const NodeHealth = (props: { ApplicationName: string, ApplicationType: 'SystemCenter' | 'MiMD' | 'XDA', Properties: { Name: string, Value: string }[] }) => {
-    const [status, setStatus] = React.useState<Application.Types.Status>('uninitiated');
-    const [extDBStatus, setExtDBStatus] = React.useState<SC.StatusItem[]>([{Name: "Loading...", Status: "Loading", Details: [] }]);
-    const [remoteXDAStatus, setRemoteXDAStatus] = React.useState<SC.StatusItem[]>([{ Name: "Loading...", Status: "Loading", Details: [] }]);
-    const [hoveredItem, setHoveredItem] = React.useState<string>(null)
-    const [fawgStatus, setFawgStatus] = React.useState<SC.StatusItem>({ Name: "FAWG", Status: "Loading", Details: [] })
-    const [PQIStatus, setPQIStatus] = React.useState<SC.StatusItem>({ Name: "PQI", Status: "Loading", Details: [] })
-    const [SCADAStatus, setSCADAStatus] = React.useState<SC.StatusItem>({ Name: "SCADA Resource", Status: "Loading", Details: [] })
-
-    React.useEffect(() => {
-        setStatus('loading');
-        switch (props.ApplicationType) {
-            case 'SystemCenter':
-                testDBs()
-                testFAWG()
-                testPQI()
-                break;
-            case 'XDA':
-                testRemoteXDAs()
-                testSCADA()
-                break;
-            default:
-                break;
-        }
-    }, [props.ApplicationName])
-
-
-    function testDBs() {
-        const h = $.ajax({
-            type: "POST",
-            url: `${homePath}api/SystemCenter/ExternalDatabases/TestAllConnections`,
-            contentType: "application/json; charset=utf-8",
-            dataType: 'json',
-            cache: false,
-            async: true
-        });
-
-        h.done((statuses: SC.StatusItem[]) => {
-            setExtDBStatus(statuses)
-        }).fail((d) => {
-            setExtDBStatus([{ Status: 'Error', Name: 'External Database Connections', Details: [{ Status: "Error", Description: "Errors occured in retrieving External DB Connection status" }] }])
-        })
-    
-
-        return function cleanup() {
-            if (h.abort != null)
-                h.abort();
-        }
-    }
 
-    function testRemoteXDAs() {
-        const h = $.ajax({
-            type: "GET",
-            url: `${homePath}api/OpenXDA/remoteXDAInstance/RemoteConnectionStatus/${props.Properties.find(prop => prop.Name === "ID").Value}`,
-            contentType: "application/json; charset=utf-8",
-            dataType: 'json',
-            cache: false,
-            async: true
-        });
+import * as React from 'react';
+import { ReactIcons } from '@gpa-gemstone/gpa-symbols';
+import { Application } from '@gpa-gemstone/application-typings';
+import { SystemCenter as SC } from '../global'
+import StatusDetails from './StatusDetails'
+
+const statStyle: React.CSSProperties = {
+    fontSize: "1em",
+    display: 'inline-block',
+    overflow: 'auto',
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word'
+}
 
-        h.done((statuses: SC.StatusItem[]) => {
-            setRemoteXDAStatus(statuses)
-        }).fail(() => {
-            setRemoteXDAStatus([{ Status: 'Error', Name: 'Remote XDA Connection', Details: [{ Status: "Error", Description: "Errors occured in retrieving Remote XDA Connection status" }] }])
-        })
-        return function cleanup() {
-            if (h.abort != null)
-                h.abort();
-        }
-    }
+export interface IProps {
+    StatsURL: string,
+    ApplicationName: string,
+    ApplicationType: SC.ApplicationType,
+    Close: () => void
+    Properties: { Name: string, Value: string }[]
+}
 
-    function testFAWG() {
-        const h = $.ajax({
-            type: "POST",
-            url: `${homePath}api/LineSegmentWizard/TestConnection`,
-            contentType: "application/json; charset=utf-8",
-            dataType: 'json',
-            cache: false,
-            async: true
-        });
+const NodeHealth = (props: IProps) => {
 
-        h.done((d: SC.StatusItem) => {
-            d.Name = 'FAWG'
-            setFawgStatus(d)
-        }).fail(() => {
-            setFawgStatus({ Status: 'Error', Name: 'FAWG', Details: [{ Status: "Error", Description: "Errors occured in retrieving FAWG status" }] })
-        })
+    const [statInfo, setStatInfo] = React.useState<string>('');
+    const [status, setStatus] = React.useState<Application.Types.Status>('uninitiated');
+    const [openMICStatus, setOpenMICStatus] = React.useState<SC.StatusItem>({ Name: 'openMIC', Status: 'Loading', Details: [] });
 
-        return function cleanup() {
-            if (h.abort != null)
-                h.abort();
+    React.useEffect(() => {
+        if (props.ApplicationType === 'openMIC') {
+            setStatus('loading')
+            const cleanup = GetOpenMICHealth()
+            return cleanup
         }
-    }
-
-    function testPQI() {
-        const h = $.ajax({
-            type: "GET",
-            url: `${homePath}api/SystemCenter/PQI/Test`,
-            contentType: "application/json; charset=utf-8",
-            dataType: 'json',
-            cache: false,
-            async: true
-        });
 
-        h.done((d: SC.StatusItem) => {
-            d.Name = 'PQI'
-            setPQIStatus(d)
-        }).fail(() => {
-            setPQIStatus({ Status: 'Error', Name: 'PQI', Details: [{ Status: "Error", Description: "Errors occured in retrieving PQI status" }] })
-        })
+        if (props.StatsURL == null || props.StatsURL.length == 0) return;
 
-        return function cleanup() {
-            if (h.abort != null)
-                h.abort();
-        }
-    }
-    function testSCADA() {
+        setStatus('loading');
+        let statHandle: JQuery.jqXHR<string>;
+        const intervalHandle = setInterval(() => {
+            if (statHandle != null && statHandle?.abort != null) statHandle.abort();
+
+            statHandle = $.ajax({
+                type: "GET",
+                url: props.StatsURL,
+                dataType: 'text',
+                cache: false,
+                async: true
+            }).done((stat: string) => {
+                setStatus('idle');
+                // Regex remove wrapping quotes, carriage return, and format \\ to \
+                setStatInfo(stat.replace(/^\"+|\"+$/g, '').replace(/\\r\\n/g, '\n').replace(/\\\\/g, '\\'));
+            }).fail((_a, _b, e) => {
+                setStatus('error');
+            });
+        }, 5000);
+
+        return () => {
+            clearInterval(intervalHandle);
+            if (statHandle != null && statHandle.abort != null) statHandle.abort();
+        };
+    }, [props.ApplicationName]);
+
+    const GetOpenMICHealth = () => {
         const h = $.ajax({
             type: "GET",
-            url: `${homePath}api/OpenXDA/ScadaHealth`,
+            url: `${homePath}api/DeviceHealthReport/OpenMICStatus`,
             contentType: "application/json; charset=utf-8",
             dataType: 'json',
             cache: false,
@@ -153,10 +98,11 @@ const NodeHealth = (props: { ApplicationName: string, ApplicationType: 'SystemCe
         });
 
         h.done((d: SC.StatusItem) => {
-            d.Name = 'SCADA'
-            setSCADAStatus(d)
+            setOpenMICStatus(d)
+            setStatus('idle')
         }).fail(() => {
-            setSCADAStatus({ Status: 'Error', Name: 'SCADA Resource', Details: [{Status: "Error", Description: "Errors occured in retrieving SCADA Resource"}] })
+            setOpenMICStatus({ Status: 'Error', Name: 'openMIC', Details: [{ Status: "Error", Description: "Errors occurred in retrieving openMIC health." }] })
+            setStatus('error')
         })
 
         return function cleanup() {
@@ -166,49 +112,36 @@ const NodeHealth = (props: { ApplicationName: string, ApplicationType: 'SystemCe
     }
 
     return (
-        props.ApplicationType === 'SystemCenter' ?
-            <div className="row">
-                <div className="col-6">
-                    <StatusGroup
-                        StatusItems={extDBStatus}
-                                Status={status}
-                                HoveredItem={hoveredItem}
-                                SetHoveredItem={setHoveredItem}
-                        Name="External Database Connections"
-                            />
-                </div>
-                <div className="col-6">
-                    <StatusGroup
-                        StatusItems={[fawgStatus, PQIStatus]}
-                        Status={status}
-                        HoveredItem={hoveredItem}
-                        SetHoveredItem={setHoveredItem}
-                        Name="Other Connections"
-                    />
-                </div>
-            </div >
-            : props.ApplicationType === "XDA" ?
-                <div>
-                    <div className="row">
-                        <StatusGroup
-                            StatusItems={remoteXDAStatus}
-                        Status={status}
-                        HoveredItem={hoveredItem}
-                        SetHoveredItem={setHoveredItem}
-                            Name="Remote XDA Connections"
-                    />
-                    </div>
-                    <div className="row">
-                        <StatusGroup
-                            StatusItems={[SCADAStatus]}
-                            Status={status}
-                            HoveredItem={hoveredItem}
-                            SetHoveredItem={setHoveredItem}
-                            Name="Other Connections"
-                        />
-                    </div>
-                </div>
-                : null
+        <fieldset className="border h-100" style={{ padding: '10px', flex: '1 1 0%', display: 'flex', flexDirection: 'column', overflow: 'auto'}}>
+            <legend className="w-auto" style={{ fontSize: 'large' }}>{props.ApplicationType} Health:</legend>
+
+            {status === "error" ?
+
+                <div className={`col-12 d-flex alert-danger`}>
+                    <span className={"my-3"}>
+                        <ReactIcons.CircledX Color="var(--danger)" />
+                    </span>
+                    <h5
+                        className={"m-3"}
+                    >
+                        Failed to get {props.ApplicationType} health.
+                    </h5>
+                </div> :
+                status === "loading" ?
+                    <ReactIcons.SpiningIcon /> :
+                    props.ApplicationType === 'XDA' ?
+                        <div className="w-100 h-100">
+                                <pre style={statStyle}>
+                                    {statInfo}
+                                </pre>
+                            </div>
+                        : props.ApplicationType === 'openMIC'
+                            ? <StatusDetails
+                                StatusItem={openMICStatus}
+                            /> :
+                            null}
+
+        </fieldset>
     )
 }
 
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeStats.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeStats.tsx
deleted file mode 100644
index b6b9c2fbb..000000000
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/NodeStats.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-//******************************************************************************************************
-//  NodeStats.tsx - Gbtc
-//
-//  Copyright © 2023, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  10/14/2024 - G. Santos
-//       Generated original version of source code.
-//
-//******************************************************************************************************
-
-import * as React from 'react';
-import { Modal, ServerErrorIcon } from '@gpa-gemstone/react-interactive';
-import { Application } from '@gpa-gemstone/application-typings';
-import NodeHealth from './NodeHealth';
-import { ReactIcons } from '@gpa-gemstone/gpa-symbols';
-
-export interface IMessage { Message: string, Type: number }
-
-export interface IProps {
-    StatsURL: string,
-    ApplicationName: string,
-    ApplicationType: 'SystemCenter' | 'XDA' | 'MiMD',
-    Close: () => void
-    Properties: { Name: string, Value: string }[]
-}
-
-const statStyle: React.CSSProperties = {
-    fontSize: "1em",
-    display: 'inline-block',
-    overflow: 'auto',
-    whiteSpace: 'pre-wrap',
-    wordBreak: 'break-word'
-}
-
-const NodeStats = (props: IProps) => {
-    const [statInfo, setStatInfo] = React.useState<string>('');
-    const [status, setStatus] = React.useState<Application.Types.Status>('uninitiated');
-    const [autoScroll, setAutoScroll] = React.useState<boolean>(true);
-    const [lastUpdate, setLastUpdate] = React.useState<string | null>('');
-
-    React.useEffect(() => {
-        if (props.StatsURL == null || props.StatsURL.length == 0) return;
-
-        setStatus('loading');
-        let statHandle: JQuery.jqXHR<string>;
-        const intervalHandle = setInterval(() => {
-            if (statHandle != null && statHandle?.abort != null) statHandle.abort();
-
-            statHandle = $.ajax({
-                type: "GET",
-                url: props.StatsURL,
-                dataType: 'text',
-                cache: false,
-                async: true
-            }).done((stat: string) => {
-                setStatus('idle');
-                // Regex remove wrapping quotes, carriage return, and format \\ to \
-                setStatInfo(stat.replace(/^\"+|\"+$/g, '').replace(/\\r\\n/g, '\n').replace(/\\\\/g, '\\'));
-            }).fail((_a, _b, e) => {
-                console.error(e);
-                setStatus('error');
-            });
-        }, 5000);
-
-        return () => {
-            clearInterval(intervalHandle);
-            if (statHandle != null && statHandle.abort != null) statHandle.abort();
-        };
-    }, [props.ApplicationName]);
-
-    return (
-        <Modal
-            Show={props.ApplicationName !== '' ? true : false}
-            ShowCancel={false} ShowConfirm={false} ShowX={true} Size={'xlg'}
-            CallBack={() => { props.Close(); setStatus('uninitiated'); setStatInfo('') }}
-            Title={'Statistics - ' + props.ApplicationName}
-        >
-            {(props.StatsURL ?? "") === "" ?
-                <div className="col-12">
-                    <NodeHealth
-                        ApplicationName={props.ApplicationName}
-                        ApplicationType={props.ApplicationType}
-                        Properties={props.Properties}
-                    />
-                </div> :
-                <div className="row">
-                    <fieldset className="border col-6" style={{ padding: '10px', height: '100%' }}>
-                        <legend className="w-auto" style={{ fontSize: 'large' }}>XDA Stats:</legend>
-                        {
-                            status === "error" ?
-
-                                <div className={`col-12 d-flex alert-danger`}>
-                                    <span className={"my-3"}>
-                                        <ReactIcons.CircledX Color="var(--danger)" />
-                                    </span>
-                                    <h5
-                                        className={"m-3"}
-                                    >
-                                       Failed to get openXDA stats.
-                                    </h5>
-                                </div> :
-                                status === "loading" ?
-                                    <ReactIcons.SpiningIcon /> :
-                                    <div className="w-100 h-100">
-                                        <pre style={statStyle}>
-                                            {statInfo}
-                                        </pre>
-                                    </div>
-                        }
-                    </fieldset>
-                    <div className="col-6">
-                        <NodeHealth
-                            ApplicationName={props.ApplicationName}
-                            ApplicationType={props.ApplicationType}
-                            Properties={props.Properties}
-                        />
-                    </div>
-                </div>
-            }
-
-        </Modal>);
-}
-
-
-export default NodeStats;
\ No newline at end of file
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusDetails.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusDetails.tsx
new file mode 100644
index 000000000..ee68522ce
--- /dev/null
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusDetails.tsx
@@ -0,0 +1,52 @@
+//******************************************************************************************************
+//  StatusDetails.tsx - Gbtc
+//
+//  Copyright © 2026, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  04/06/2026 - Natalie Beatty
+//      Generated original version of source code.
+//
+//******************************************************************************************************
+import * as React from 'react'
+import { SystemCenter } from '../global'
+import { ReactIcons } from '@gpa-gemstone/gpa-symbols'
+import { GetStatusSymbol, GetStatusItemAlertClass } from './StatusItem'
+
+interface IProps {
+    StatusItem: SystemCenter.StatusItem
+}
+
+const StatusDetails = (props: IProps) => {
+    return (
+        <div>
+            {props.StatusItem.Details.length == 0 ? <ReactIcons.SpiningIcon />
+                : props.StatusItem.Details.map((d, i) => {
+                    return (
+                        <div className={'row mb-2 mx-2'} key={i}> 
+                            <div className={`col-12 d-flex align-items-center alert-${GetStatusItemAlertClass(d.Status)}`}>
+                                <span className={"my-3"}>{GetStatusSymbol(d.Status)}</span>
+                                <h5 className={"m-3"} >
+                                    {d.Description}
+                                </h5>
+                            </div>
+                        </div>
+                    )
+                })}
+        </div>
+    )
+}
+
+export default StatusDetails;
\ No newline at end of file
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusGroup.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusGroup.tsx
index 09d13cfb5..416e41600 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusGroup.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusGroup.tsx
@@ -23,14 +23,12 @@
 
 import * as React from 'react'
 import { Application } from '@gpa-gemstone/application-typings'
-import { ReactIcons } from '@gpa-gemstone/gpa-symbols';
-import { ServerErrorIcon } from '@gpa-gemstone/react-interactive'
 import { SystemCenter as SC } from '../global'
 import StatusItem from './StatusItem'
 
 const StatusGroup = (props: { Name: string, StatusItems: SC.StatusItem[], Status: Application.Types.Status, HoveredItem: String, SetHoveredItem: React.Dispatch<React.SetStateAction<String>> }) => {
     return (
-        <fieldset className="border col-12" style={{ padding: '10px', height: '100%' }}>
+        <fieldset className="border h-100" style={{ padding: '10px', flex: '1 1 0%', display: 'flex', flexDirection: 'column', overflow: 'auto' }}>
             <legend className="w-auto" style={{ fontSize: 'large' }}>{`${props.Name}:`}</legend>
             {props.StatusItems.map((statusItem, index) => (
                 <StatusItem
@@ -39,8 +37,7 @@ const StatusGroup = (props: { Name: string, StatusItems: SC.StatusItem[], Status
                     SetHoveredItem={props.SetHoveredItem}
                     key={index}
                 />
-            ))
-            }
+                ))}
         </fieldset>
     )
 }
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusItem.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusItem.tsx
index 98f7db793..768da2dc8 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusItem.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/AppHost/StatusItem.tsx
@@ -46,7 +46,7 @@ const StatusItem = (props: {StatusItem: SC.StatusItem, HoveredItem: String, SetH
                 {props.StatusItem.Status === "N/A" ? <p className={"my-3 mx-2"}> {props.StatusItem.Name} is disabled. </p> : null}
                 {props.StatusItem.Status !== 'Error' ? null : <p className={"my-3 mx-2"}> {props.StatusItem.Details.find((detail) => detail.Status === 'Error')?.Description} </p>}
                 <ToolTip
-                    Show={props.HoveredItem === props.StatusItem.Name && props.StatusItem.Status !== 'Loading' && (props.StatusItem.Details.length ?? 0) > 0}
+                    Show={props.HoveredItem === props.StatusItem.Name && props.StatusItem.Status !== 'Loading' && (props.StatusItem.Details ?? []).length > 0}
                     Position={'right'}
                     Target={`statusbutton${props.StatusItem.Name}`}
                 >
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/AppStatus.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/AppStatus.tsx
index da92636ee..e2b16400d 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/AppStatus.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/AppStatus.tsx
@@ -31,17 +31,18 @@ import { ErrorBoundary } from '@gpa-gemstone/common-pages'
 
 interface IOpenMICStatus {
     Details: {
-        Status: 'Success' | 'Error' 
+        Status: 'Success' | 'Error'
         Description: string
     }[],
     Status: 'Success' | 'Error' | 'N/A'
 }
 
-const AppStatus = (props: { Name: string, Endpoint: string }) => {
+const AppStatus = (props: { Name: string, Endpoint: string, IsCondensed: boolean }) => {
 
     const [isHovered, setIsHovered] = React.useState<boolean>(false);
     const [status, setStatus] = React.useState<Application.Types.Status>('uninitiated');
-    const [appStatusData, setAppStatusData] = React.useState<IOpenMICStatus>({Status: 'N/A', Details: []});
+    const [appStatusData, setAppStatusData] = React.useState<IOpenMICStatus>({ Status: 'N/A', Details: [] });
+    const [hasError, setHasError] = React.useState<boolean>(false);
 
     React.useEffect(() => {
         let handle = getAppStatus();
@@ -49,6 +50,7 @@ const AppStatus = (props: { Name: string, Endpoint: string }) => {
         handle.done((dt) => {
             setStatus('idle')
             setAppStatusData(dt)
+            setHasError(dt.Details.some(d => d.Status === 'Error'))
         }).fail((d) => setStatus('error'));
 
         return function cleanup() {
@@ -79,21 +81,23 @@ const AppStatus = (props: { Name: string, Endpoint: string }) => {
             >
                 {status === 'idle' ? props.Name : null}
                 <ServerErrorIcon Show={status == 'error'} />
-                <LoadingIcon Show={status == 'loading' } />
+                <LoadingIcon Show={status == 'loading'} />
             </div>
             <ToolTip
                 Show={isHovered && status === 'idle' && appStatusData.Status !== 'N/A' && (appStatusData.Details?.length ?? 0) > 0}
                 Position={'bottom'}
                 Target={`statusbutton${props.Name}`}
             >
-                {appStatusData?.Details == null ? <></> :
-                   appStatusData.Details.map((data, index) => (
-                       <div key={index}
-                           className={'d-flex'}
-                       >
-                            {GetStatusSymbol(data.Status)}
-                            <p> {data.Description} </p>
-                        </div>
+                {appStatusData?.Details == null ? null
+                    : appStatusData.Details.map((data, index) => (
+                        hasError && data.Status === 'Success' && props.IsCondensed ? null // if there is an error, and this detail is a success, skip it.
+                            : !hasError && index !== appStatusData.Details.length - 1 && props.IsCondensed ? null // if there are no errors, and this detail is not the last, skip it.
+                                : <div key={index}
+                                    className={'d-flex'}
+                                >
+                                    {GetStatusSymbol(data.Status)}
+                                    <p> {data.Description} </p>
+                                </div>
                     ))
 
                 }
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/DeviceHealthReport.tsx b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/DeviceHealthReport.tsx
index 0ceddab45..160ce5d1e 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/DeviceHealthReport.tsx
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/DeviceHealthReport/DeviceHealthReport.tsx
@@ -73,7 +73,7 @@ const DeviceHealthReport: Application.Types.iByComponent = (props) => {
     const settings = useAppSelector(SystemCenterSettingSlice.Data);
     const settingStatus = useAppSelector(SystemCenterSettingSlice.Status);
     const [hovered, setHovered] = React.useState<number>(null);
-    const [pagedData, setPagedData] = React.useState<IPagedResult>(null);
+    const [pagedData, setPagedData] = React.useState<IPagedResult>({TotalRecords: 0, NumberOfPages: 0, Data: '', RecordsPerPage: 0});
     const [page, setPage] = React.useState<number>(0);
 
     React.useEffect(() => {
@@ -165,7 +165,7 @@ const DeviceHealthReport: Application.Types.iByComponent = (props) => {
         <div className="container-fluid d-flex h-100 flex-column" style={{ height: 'inherit' }}>
             <div className="row">
                 <SearchBar<SCGlobal.DeviceHealthReport> CollumnList={filterableList} SetFilter={setSearch} Direction={'left'} defaultCollumn={standardSearch} Width={'50%'} Label={'Search'} StorageID="DeviceHealthReportFilter"
-                    ShowLoading={searchState == 'Loading'} ResultNote={searchState == 'Error' ? 'Could not complete Search' : 'Found ' + data.length + ' Meter(s)'}
+                    ShowLoading={searchState == 'Loading'} ResultNote={searchState == 'Error' ? 'Could not complete Search' : ('Displaying Device Health Report(s) ' + (pagedData.TotalRecords > 0 ? (pagedData.RecordsPerPage * page + 1) : 0) + ' - ' + (pagedData.RecordsPerPage * page + data.length)) + ' out of ' + pagedData.TotalRecords}
                     GetEnum={(setOptions, field) => {
                         let handle = null;
                         if (field.type != 'enum' || field.enum == undefined || field.enum.length != 1)
@@ -192,10 +192,12 @@ const DeviceHealthReport: Application.Types.iByComponent = (props) => {
                                 <AppStatus
                                     Name="openMIC"
                                     Endpoint="OpenMICStatus"
+                                    IsCondensed={true}
                                 />
                                 <AppStatus
-                                    Name="Scada Trigger"
+                                    Name="SCADA Trigger"
                                     Endpoint="ScadaTriggerStatus"
+                                    IsCondensed={false}
                                 />
 
                             </div>
@@ -361,18 +363,18 @@ const DeviceHealthReport: Application.Types.iByComponent = (props) => {
                                             Position={'bottom'}
                                             Target={`badDays${index}`}
                                         >
-                                            <ul> {item['MICBadDays'] == null ? null :
-                                                <li key={0}>
+                                            <div> {item['MICBadDays'] == null ? null :
+                                                <p key={0}>
                                                     {`openMIC: ${item['MICBadDays']}`}
-                                                </li>
+                                                </p>
                                             }
-                                                <li key={1}>
+                                                <p key={1}>
                                                     {`miMD: ${item['MiMDBadDays']}`}
-                                                </li>
-                                                <li key={2}>
+                                                </p>
+                                                <p key={2}>
                                                     {`openXDA: ${item['XDABadDays']}`}
-                                                </li>
-                                            </ul>
+                                                </p>
+                                            </div>
                                         </ToolTip>
                                     </>
                                 )
diff --git a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/global.d.ts b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/global.d.ts
index f2eb75457..14afb7e59 100644
--- a/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/global.d.ts
+++ b/Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/global.d.ts
@@ -65,6 +65,8 @@ export namespace SystemCenter {
         Content?: (item: IColDatum<T>) => React.ReactNode;
     }
 
+    type ApplicationType = 'XDA' | 'MiMD' | 'SystemCenter' | 'openMIC' | ''
+
     // Todo: There is a pr for this in gemstone, when its merged and published, remove this and ues gemstone version
     interface SEBrowserSetting extends GemstoneSC.Types.Setting { ApplicationInstance: boolean, Scope: string, Roles: string }