Fix last view value of agent card component

packages/protolib/src/bundles/agents/agents/agentsPage.tsx

@@ -87,6 +87,19 @@ const AgentCard = ({ data, extraMenuActions }) => {
     online: false,
     last_view: null
   })
+
+  useEffect(() => {
+    const setNewStatus = async () => {
+      const statusResult = await getAgentStatus(data.name)
+      setStatus(statusResult.status)
+    }
+
+    setNewStatus()
+    const interval = setInterval(setNewStatus, 5000)
+
+    return () => clearInterval(interval)
+  }, [])
+
   const getAgentStatus = async (agentName) => {
     const response = await API.get(`${sourceUrl}/${agentName}/status`)
     if (!response.data) return {
@@ -110,16 +123,6 @@ const AgentCard = ({ data, extraMenuActions }) => {
     return `${hours}:${minutes} ${day}/${month}/${year}`;
   }
 
-
-  useEffect(() => {
-    const interval = setInterval(async () => {
-      const statusResult = await getAgentStatus(data.name)
-      setStatus(statusResult.status)
-    }, 5000)
-
-    return () => clearInterval(interval)
-  }, [])
-
   return <CardBody title={data.name}>
     <XStack right={20} top={20} position={"absolute"}>
       <ItemMenu type="item" sourceUrl={sourceUrl} onDelete={async (sourceUrl, deviceId?: string) => {

packages/protolib/src/bundles/agents/bifrost/bifrostUtils.ts

@@ -1,3 +1,3 @@
-export const heartbeatTimeout = 15_000 // 30 seconds
+export const heartbeatTimeout = 30_000 // 30 seconds
 export const defActionEndpoint = (agentName: string, subsystemName: string, actionName: string) => `agents/${agentName}/subsystem/${subsystemName}/action/${actionName}`
 export const defMonitorEndpoint = (agentName: string, subsystemName: string, monitorName: string) => `agents/${agentName}/subsystem/${subsystemName}/monitor/${monitorName}`