{resolvedLinkState}

\r\n \r\n

\r\n

Link Status

\r\n

{resolvedLinkMessage}

\r\n

Last Successful Link

\r\n

{resolvedLastSuccess}

\r\n

Last Link Attempt

\r\n

{resolvedLastAttempt}

\r\n

\r\n {resolvedLastError && (\r\n

\r\n

Last Link Error

\r\n

{resolvedLastError}

\r\n

\r\n )}\r\n

\r\n

Active Interfaces

\r\n

\r\n {activeInterfaces.length > 0\r\n ? activeInterfaces.map((item) => formatInterface(item)).join(', ')\r\n : 'No active interfaces reported'}\r\n

\r\n

Configured Interfaces

\r\n

\r\n {reticulumInterfaces.length > 0\r\n ? reticulumInterfaces\r\n .map((item) =>\r\n `${formatInterface(item)} (${item.online ? 'online' : 'offline'})`,\r\n )\r\n .join(', ')\r\n : 'No interfaces reported'}\r\n

\r\n

\r\n \r\n )}\r\n \r\n {gatewayInfo && (\r\n

\r\n

Gateway Configuration

\r\n

Server Identity: {gatewayInfo.serverIdentity ?? 'Not configured'}
Client Display Name: {gatewayInfo.clientDisplayName}
Request Timeout: \r\n {Number.isInteger(gatewayInfo.requestTimeoutSeconds)\r\n ? `${gatewayInfo.requestTimeoutSeconds} seconds`\r\n : `${gatewayInfo.requestTimeoutSeconds.toFixed(1)} seconds`}\r\n
LXMF Config Path: {gatewayInfo.lxmfConfigPath ?? 'Not configured'}
LXMF Storage Path: {gatewayInfo.lxmfStoragePath ?? 'Not configured'}
Allowed Origins: \r\n {allowedOrigins.length > 0\r\n ? allowedOrigins.join(', ')\r\n : 'Not configured'}\r\n

\r\n

\r\n )}\r\n

\r\n

Link Destination

\r\n {!linkDestination && !linkDestinationError && (\r\n

Loading link destination…

\r\n )}\r\n {linkDestinationError &&

{linkDestinationError}

}\r\n {linkDestinationSuccess &&

{linkDestinationSuccess}

}\r\n {linkDestination && (\r\n <>\r\n {!linkDestination.configurable && (\r\n

\r\n Runtime updates are disabled because the gateway is using environment overrides.\r\n

\r\n )}\r\n \r\n

Config Path: {linkDestination.configPath ?? 'Provided via environment'}
Gateway Link State: {linkDestination.linkStatus?.state ?? 'unknown'}
Gateway Link Message: \r\n {linkDestination.linkStatus?.message ?? 'No link status reported yet.'}\r\n

\r\n \r\n )}\r\n

\r\n

Web UI API Configuration

\r\n

API Base URL: {webUiConfig.apiBaseUrl}
Live Updates URL: {webUiConfig.liveUpdatesUrl}
Server Identity Header: {webUiConfig.serverIdentityHeader ?? 'Not configured'}

\r\n

\r\n \r\n \r\n );\r\n}\r\n",{"_636":1157,"_628":629,"_638":82},{"_727":1158,"_729":1159,"_731":1160,"_733":734,"_688":735,"_736":31,"_41":1153,"_737":1161,"_739":740,"_633":112,"_91":741},"

{resolvedLinkState}

\r\n \r\n

\r\n

Link Status

\r\n

{resolvedLinkMessage}

\r\n

Last Successful Link

\r\n

{resolvedLastSuccess}

\r\n

Last Link Attempt

\r\n

{resolvedLastAttempt}

\r\n

\r\n {resolvedLastError && (\r\n

\r\n

Last Link Error

\r\n

{resolvedLastError}

\r\n

\r\n )}\r\n

\r\n

Active Interfaces

\r\n

\r\n {activeInterfaces.length > 0\r\n ? activeInterfaces.map((item) => formatInterface(item)).join(', ')\r\n : 'No active interfaces reported'}\r\n

\r\n

Configured Interfaces

\r\n

\r\n \r\n )}\r\n \r\n {gatewayInfo && (\r\n

\r\n

Gateway Configuration

\r\n

Server Identity: {gatewayInfo.serverIdentity ?? 'Not configured'}
Client Display Name: {gatewayInfo.clientDisplayName}
Request Timeout: \r\n {Number.isInteger(gatewayInfo.requestTimeoutSeconds)\r\n ? `${gatewayInfo.requestTimeoutSeconds} seconds`\r\n : `${gatewayInfo.requestTimeoutSeconds.toFixed(1)} seconds`}\r\n
LXMF Config Path: {gatewayInfo.lxmfConfigPath ?? 'Not configured'}
LXMF Storage Path: {gatewayInfo.lxmfStoragePath ?? 'Not configured'}
Allowed Origins: \r\n {allowedOrigins.length > 0\r\n ? allowedOrigins.join(', ')\r\n : 'Not configured'}\r\n

\r\n

\r\n )}\r\n

\r\n

Link Destination

\r\n {!linkDestination && !linkDestinationError && (\r\n

Loading link destination…

\r\n )}\r\n {linkDestinationError &&

{linkDestinationError}

}\r\n {linkDestinationSuccess &&

{linkDestinationSuccess}

}\r\n {linkDestination && (\r\n <>\r\n {!linkDestination.configurable && (\r\n

\r\n Runtime updates are disabled because the gateway is using environment overrides.\r\n

\r\n )}\r\n \r\n

Config Path: {linkDestination.configPath ?? 'Provided via environment'}
Gateway Link State: {linkDestination.linkStatus?.state ?? 'unknown'}
Gateway Link Message: \r\n {linkDestination.linkStatus?.message ?? 'No link status reported yet.'}\r\n

\r\n \r\n )}\r\n

\r\n

Web UI API Configuration

\r\n

API Base URL: {webUiConfig.apiBaseUrl}
Live Updates URL: {webUiConfig.liveUpdatesUrl}
Server Identity Header: {webUiConfig.serverIdentityHeader ?? 'Not configured'}

\r\n

\r\n \r\n \r\n );\r\n}\r\n","/bin/bash -lc 'sed -n '\"'\"'260,520p'\"'\"' examples/EmergencyManagement/webui/src/pages/DashboardPage.tsx'",[1162],"44362",{"_729":1163,"_286":1164,"_209":1165,"_91":745},"sed -n '260,520p' examples/EmergencyManagement/webui/src/pages/DashboardPage.tsx","DashboardPage.tsx","examples/EmergencyManagement/webui/src/pages/DashboardPage.tsx",{"_636":1167,"_628":629,"_638":82},{"_727":-5,"_729":1159,"_731":1168,"_733":734,"_688":-5,"_736":-5,"_41":1153,"_737":1161,"_739":740,"_633":693,"_91":741},[1169],{"_729":1163,"_286":1164,"_209":1165,"_91":745},{"_636":1171,"_628":629,"_638":82},{"_686":1172,"_677":1153,"_41":-5,"_286":753,"_702":-5,"_91":703},"{\"cmd\":\"sed -n '260,520p' examples/EmergencyManagement/webui/src/pages/DashboardPage.tsx\"}",{"_636":1174,"_628":629,"_638":82},{"_677":1175,"_679":1176,"_91":681},"call_DtvJnMtFJgFabQm8qJZvoxTT",{"_416":1177,"_683":-5},"Chunk ID: fd9271\nWall time: 0.0516 seconds\nProcess exited with code 0\nOriginal token count: 2118\nOutput:\nimport { ChangeEvent, FormEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\n\r\nimport {\r\n apiClient,\r\n createLinkDestination,\r\n deleteLinkDestination,\r\n extractApiErrorMessage,\r\n getApiBaseUrl,\r\n getConfiguredServerIdentity,\r\n getLinkDestinationSettings,\r\n getLiveUpdatesUrl,\r\n LinkDestinationSettings,\r\n LinkStatus,\r\n updateLinkDestination,\r\n} from '../lib/apiClient';\r\n\r\ninterface ReticulumInterfaceStatus {\r\n id: string;\r\n name: string;\r\n type: string;\r\n online: boolean;\r\n mode?: string | null;\r\n bitrate?: number | null;\r\n}\r\n\r\ninterface GatewayInfo {\r\n version: string;\r\n uptime: string;\r\n serverIdentity?: string | null;\r\n clientDisplayName: string;\r\n requestTimeoutSeconds: number;\r\n lxmfConfigPath?: string | null;\r\n lxmfStoragePath?: string | null;\r\n allowedOrigins?: string[];\r\n linkStatus?: LinkStatus | null;\r\n reticulumInterfaces?: ReticulumInterfaceStatus[] | null;\r\n}\r\n\r\nexport function DashboardPage(): JSX.Element {\r\n const [gatewayInfo, setGatewayInfo] = useState(null);\r\n const [error, setError] = useState(null);\r\n const [linkDestination, setLinkDestination] = useState(null);\r\n const [linkDestinationInput, setLinkDestinationInput] = useState('');\r\n const [linkDestinationError, setLinkDestinationError] = useState(null);\r\n const [linkDestinationSuccess, setLinkDestinationSuccess] = useState(null);\r\n const [isSavingLinkDestination, setIsSavingLinkDestination] = useState(false);\r\n const isMountedRef = useRef(true);\r\n const webUiConfig = useMemo(\r\n () => ({\r\n apiBaseUrl: getApiBaseUrl(),\r\n liveUpdatesUrl: getLiveUpdatesUrl(),\r\n serverIdentityHeader: getConfiguredServerIdentity() ?? null,\r\n }),\r\n [],\r\n );\r\n const allowedOrigins = useMemo(\r\n () =>\r\n gatewayInfo && Array.isArray(gatewayInfo.allowedOrigins)\r\n ? gatewayInfo.allowedOrigins\r\n : [],\r\n [gatewayInfo],\r\n );\r\n const reticulumInterfaces = useMemo(\r\n () =>\r\n gatewayInfo && Array.isArray(gatewayInfo.reticulumInterfaces)\r\n ? gatewayInfo.reticulumInterfaces\r\n : [],\r\n [gatewayInfo],\r\n );\r\n const linkStatus = gatewayInfo?.linkStatus ?? null;\r\n const resolvedLinkMessage = linkStatus?.message ?? 'No link status reported yet.';\r\n const resolvedLinkState = linkStatus?.state ?? 'unknown';\r\n const resolvedLastSuccess = linkStatus?.lastSuccess ?? 'Never';\r\n const resolvedLastAttempt = linkStatus?.lastAttempt ?? 'Never';\r\n const resolvedLastError = linkStatus?.lastError ?? null;\r\n const activeInterfaces = useMemo(\r\n () => reticulumInterfaces.filter((item) => item.online),\r\n [reticulumInterfaces],\r\n );\r\n const formatInterface = (item: ReticulumInterfaceStatus): string => {\r\n const parts: string[] = [];\r\n const resolvedName = item.name?.trim() ? item.name.trim() : item.type;\r\n parts.push(resolvedName);\r\n if (item.mode?.trim()) {\r\n parts.push(item.mode.trim());\r\n }\r\n if (typeof item.bitrate === 'number' && Number.isFinite(item.bitrate)) {\r\n parts.push(`${item.bitrate} bps`);\r\n }\r\n return parts.join(' • ');\r\n };\r\n\r\n const applyLinkDestinationResponse = useCallback(\r\n (response: LinkDestinationSettings) => {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setLinkDestination(response);\r\n setLinkDestinationInput(response.serverIdentity ?? '');\r\n setGatewayInfo((previous) =>\r\n previous\r\n ? {\r\n ...previous,\r\n serverIdentity: response.serverIdentity ?? null,\r\n linkStatus: response.linkStatus ?? previous.linkStatus,\r\n }\r\n : previous,\r\n );\r\n },\r\n [],\r\n );\r\n\r\n const loadGatewayInfo = useCallback(async () => {\r\n setError(null);\r\n try {\r\n const response = await apiClient.get('/');\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setGatewayInfo(response.data);\r\n } catch (err: unknown) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setGatewayInfo(null);\r\n setError(extractApiErrorMessage(err));\r\n }\r\n }, [extractApiErrorMessage]);\r\n\r\n const loadLinkDestination = useCallback(async () => {\r\n setLinkDestinationError(null);\r\n setLinkDestinationSuccess(null);\r\n try {\r\n const response = await getLinkDestinationSettings();\r\n applyLinkDestinationResponse(response);\r\n } catch (err: unknown) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setLinkDestination(null);\r\n setLinkDestinationInput('');\r\n setLinkDestinationError(extractApiErrorMessage(err));\r\n }\r\n }, [applyLinkDestinationResponse, extractApiErrorMessage]);\r\n\r\n const handleLinkDestinationInputChange = useCallback(\r\n (event: ChangeEvent) => {\r\n setLinkDestinationInput(event.target.value);\r\n },\r\n [],\r\n );\r\n\r\n const handleLinkDestinationSubmit = useCallback(\r\n async (event: FormEvent) => {\r\n event.preventDefault();\r\n if (!linkDestination?.configurable) {\r\n setLinkDestinationError('Gateway configuration is read-only.');\r\n return;\r\n }\r\n const trimmed = linkDestinationInput.trim();\r\n if (!trimmed) {\r\n setLinkDestinationError('Server identity hash is required.');\r\n return;\r\n }\r\n setIsSavingLinkDestination(true);\r\n setLinkDestinationError(null);\r\n setLinkDestinationSuccess(null);\r\n try {\r\n const payload = { serverIdentity: trimmed };\r\n const response = linkDestination?.serverIdentity\r\n ? await updateLinkDestination(payload)\r\n : await createLinkDestination(payload);\r\n applyLinkDestinationResponse(response);\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setLinkDestinationSuccess('Link destination saved.');\r\n } catch (err: unknown) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setLinkDestinationError(extractApiErrorMessage(err));\r\n } finally {\r\n if (isMountedRef.current) {\r\n setIsSavingLinkDestination(false);\r\n }\r\n }\r\n },\r\n [\r\n linkDestination,\r\n linkDestinationInput,\r\n applyLinkDestinationResponse,\r\n extractApiErrorMessage,\r\n ],\r\n );\r\n\r\n const handleLinkDestinationClear = useCallback(async () => {\r\n if (!linkDestination?.configurable) {\r\n return;\r\n }\r\n if (!linkDestination.serverIdentity) {\r\n setLinkDestinationInput('');\r\n return;\r\n }\r\n setIsSavingLinkDestination(true);\r\n setLinkDestinationError(null);\r\n setLinkDestinationSuccess(null);\r\n try {\r\n await deleteLinkDestination();\r\n const refreshed = await getLinkDestinationSettings();\r\n applyLinkDestinationResponse(refreshed);\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setLinkDestinationSuccess('Link destination removed.');\r\n } catch (err: unknown) {\r\n if (!isMountedRef.current) {\r\n return;\r\n }\r\n setLinkDestinationError(extractApiErrorMessage(err));\r\n } finally {\r\n if (isMountedRef.current) {\r\n setIsSavingLinkDestination(false);\r\n }\r\n }\r\n }, [linkDestination, applyLinkDestinationResponse, extractApiErrorMessage]);\r\n\r\n useEffect(() => {\r\n isMountedRef.current = true;\r\n loadGatewayInfo();\r\n loadLinkDestination();\r\n return () => {\r\n isMountedRef.current = false;\r\n };\r\n }, [loadGatewayInfo, loadLinkDestination]);\r\n\r\n return (\r\n

\r\n

Dashboard

\r\n

High-level overview of the Emergency Management gateway.

\r\n

Gateway Status

\r\n {error &&

{error}

}\r\n {!error && !gatewayInfo &&

Loading gateway information…

}\r\n {gatewayInfo && (\r\n

Version: {gatewayInfo.version}
Uptime: {gatewayInfo.uptime}
Link State: {resolvedLinkState}