-
-
Loading node dashboard...
+function getNodeLabel(nodeId: string): string {
+ if (nodeId.includes('node-1')) return 'НОДА1';
+ if (nodeId.includes('node-2')) return 'НОДА2';
+ return 'НОДА';
+}
+
+function NodeCard({ node }: { node: NodeProfile }) {
+ const isOnline = node.status === 'online';
+ const nodeLabel = getNodeLabel(node.node_id);
+ const isProduction = node.environment === 'production';
+
+ return (
+
+ {/* Header */}
+
+
+
+
+
+
+
+ {nodeLabel}
+
+
{node.name}
+
+
+
+
+ {isOnline ? 'online' : 'offline'}
+
+
+
+ {/* Info */}
+
+ {node.hostname && (
+
+ )}
+
+
+ {node.environment}
+
+
+
+ {/* Roles */}
+ {node.roles.length > 0 && (
+
+ {node.roles.map((role) => (
+
+ {role}
+
+ ))}
+
+ )}
+
+ {/* Stats */}
+
+
+
+
+ {node.agents_total}
+ агентів
+
+
+ {node.agents_online}
+ online
+
+
+
+ Open →
+
+
+
+ );
+}
+
+export default function NodesPage() {
+ const { nodes, total, isLoading, error } = useNodeList();
+
+ return (
+
+
+ {/* Header */}
+
+
+
+
+ Node Directory
+
+
+
+ Всі ноди мережі DAARION
+
+
+ Знайдено нод: {total}
+
+
+
+ {/* Legend */}
+
-
- );
- }
-
- if (error) {
- return (
-
-
-
-
Failed to load dashboard
-
{error.message}
-
+
+ {/* Content */}
+ {error && (
+
+
Помилка завантаження нод
-
-
- );
- }
-
- if (!dashboard) return null;
-
- return (
-
-
- {/* Header */}
-
-
-
Node Dashboard
-
- Real-time monitoring and status
+ )}
+
+ {isLoading ? (
+
+ {Array.from({ length: 2 }).map((_, i) => (
+
+ ))}
+
+ ) : nodes.length === 0 ? (
+
+
+
+ Ноди не знайдені
+
+
+ Наразі немає зареєстрованих нод.
-
- {lastUpdated && (
-
- Updated: {lastUpdated.toLocaleTimeString()}
-
- )}
-
-
-
-
- {/* Main Grid */}
-
- {/* Left Column - Node Summary */}
-
-
- {/* Right Column */}
-
-
-
-
+ ) : (
+
+ {nodes.map((node) => (
+
+ ))}
+ )}
+
+ {/* Links */}
+
+
+
+ Agent Console
+
+
+
+
+ Публічні громадяни
+
+
);
}
-
diff --git a/apps/web/src/hooks/useNodes.ts b/apps/web/src/hooks/useNodes.ts
new file mode 100644
index 00000000..a32ea31d
--- /dev/null
+++ b/apps/web/src/hooks/useNodes.ts
@@ -0,0 +1,48 @@
+'use client';
+
+import useSWR from 'swr';
+import { NodeProfile, NodeListResponse } from '@/lib/types/nodes';
+
+const fetcher = async (url: string) => {
+ const res = await fetch(url);
+ if (!res.ok) {
+ throw new Error('Failed to fetch');
+ }
+ return res.json();
+};
+
+export function useNodeList() {
+ const { data, error, isLoading, mutate } = useSWR
(
+ '/api/nodes/list',
+ fetcher,
+ {
+ revalidateOnFocus: false,
+ }
+ );
+
+ return {
+ nodes: data?.items || [],
+ total: data?.total || 0,
+ isLoading,
+ error,
+ mutate,
+ };
+}
+
+export function useNodeProfile(nodeId: string | undefined) {
+ const { data, error, isLoading, mutate } = useSWR(
+ nodeId ? `/api/nodes/${nodeId}` : null,
+ fetcher,
+ {
+ revalidateOnFocus: false,
+ }
+ );
+
+ return {
+ node: data,
+ isLoading,
+ error,
+ mutate,
+ };
+}
+
diff --git a/apps/web/src/lib/types/agents.ts b/apps/web/src/lib/types/agents.ts
index 5efd1dec..a1c5aec7 100644
--- a/apps/web/src/lib/types/agents.ts
+++ b/apps/web/src/lib/types/agents.ts
@@ -1,4 +1,4 @@
-import { HomeNodeInfo } from './citizens';
+import { HomeNode } from './citizens';
export interface AgentMicrodaoMembership {
microdao_id: string;
@@ -18,7 +18,7 @@ export interface AgentSummary {
public_slug?: string | null;
public_title?: string | null;
district?: string | null;
- home_node?: HomeNodeInfo | null;
+ home_node?: HomeNode | null;
microdao_memberships: AgentMicrodaoMembership[];
}
@@ -39,7 +39,7 @@ export interface AgentDashboard {
public_tagline?: string | null;
public_skills: string[];
district?: string | null;
- home_node?: HomeNodeInfo | null;
+ home_node?: HomeNode | null;
microdao_memberships: AgentMicrodaoMembership[];
system_prompts?: {
core?: string;
diff --git a/apps/web/src/lib/types/nodes.ts b/apps/web/src/lib/types/nodes.ts
new file mode 100644
index 00000000..f93b1ec9
--- /dev/null
+++ b/apps/web/src/lib/types/nodes.ts
@@ -0,0 +1,18 @@
+export interface NodeProfile {
+ node_id: string;
+ name: string;
+ hostname?: string | null;
+ roles: string[];
+ environment: string;
+ status: string;
+ gpu_info?: string | null;
+ agents_total: number;
+ agents_online: number;
+ last_heartbeat?: string | null;
+}
+
+export interface NodeListResponse {
+ items: NodeProfile[];
+ total: number;
+}
+