@sonde/agent 0.0.0

package/src/tui/manager/PackManager.tsx

@@ -0,0 +1,71 @@
+import { Box, Text, useInput } from 'ink';
+import { useState } from 'react';
+import type { ProbeExecutor } from '../../runtime/executor.js';
+
+interface PackManagerProps {
+  executor: ProbeExecutor;
+}
+
+export function PackManager({ executor }: PackManagerProps): JSX.Element {
+  const packs = executor.getLoadedPacks();
+  const [cursor, setCursor] = useState(0);
+
+  useInput((_input, key) => {
+    if (key.upArrow) {
+      setCursor((prev) => (prev > 0 ? prev - 1 : packs.length - 1));
+    } else if (key.downArrow) {
+      setCursor((prev) => (prev < packs.length - 1 ? prev + 1 : 0));
+    }
+  });
+
+  const selectedPack = packs[cursor];
+  const fullPack = selectedPack ? executor.getPackByName(selectedPack.name) : undefined;
+
+  return (
+    <Box flexDirection="column">
+      <Text bold color="white">
+        Packs ({packs.length} loaded)
+      </Text>
+      <Box marginTop={1} flexDirection="column">
+        {packs.map((pack, i) => {
+          const isCursor = i === cursor;
+          return (
+            <Box key={pack.name}>
+              <Text color={isCursor ? 'cyan' : 'white'} bold={isCursor}>
+                {isCursor ? '> ' : '  '}
+                {pack.name}
+              </Text>
+              <Text color="gray"> v{pack.version}</Text>
+              <Text color="green"> [{pack.status}]</Text>
+            </Box>
+          );
+        })}
+      </Box>
+
+      {fullPack && (
+        <Box marginTop={1} flexDirection="column">
+          <Text bold color="cyan">
+            {fullPack.manifest.name}
+          </Text>
+          <Text color="gray">
+            {'  '}
+            {fullPack.manifest.description}
+          </Text>
+          <Box marginTop={1} flexDirection="column">
+            {fullPack.manifest.probes.map((probe) => (
+              <Text key={probe.name}>
+                {'  '}
+                <Text color="white">{probe.name}</Text>
+                <Text color="gray"> — {probe.description}</Text>
+              </Text>
+            ))}
+          </Box>
+        </Box>
+      )}
+
+      <Box marginTop={1}>
+        <Text color="gray">Up/Down: navigate</Text>
+      </Box>
+    </Box>
+  );
+}

package/src/tui/manager/StatusView.tsx

@@ -0,0 +1,103 @@
+import { Box, Text } from 'ink';
+import type { AgentConfig } from '../../config.js';
+import type { AgentAuditLog } from '../../runtime/audit.js';
+import type { ProbeExecutor } from '../../runtime/executor.js';
+import type { ActivityEntry } from './ManagerApp.js';
+
+interface StatusViewProps {
+  config: AgentConfig;
+  connected: boolean;
+  agentId: string | undefined;
+  executor: ProbeExecutor;
+  auditLog: AgentAuditLog;
+  activity: ActivityEntry[];
+}
+
+export function StatusView({
+  config,
+  connected,
+  agentId,
+  executor,
+  auditLog,
+  activity,
+}: StatusViewProps): JSX.Element {
+  const packs = executor.getLoadedPacks();
+  const chainResult = auditLog.verifyChain();
+  const recentEntries = auditLog.getRecent();
+  const lastEntry = activity.length > 0 ? activity[activity.length - 1] : undefined;
+
+  return (
+    <Box flexDirection="column">
+      <Box flexDirection="column" marginBottom={1}>
+        <Text bold color="white">
+          Agent
+        </Text>
+        <Text>
+          {'  '}Name: <Text color="cyan">{config.agentName}</Text>
+        </Text>
+        <Text>
+          {'  '}ID: <Text color="cyan">{agentId ?? '(pending)'}</Text>
+        </Text>
+        <Text>
+          {'  '}Hub: <Text color="cyan">{config.hubUrl}</Text>
+        </Text>
+      </Box>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text bold color="white">
+          Connection
+        </Text>
+        <Text>
+          {'  '}Status:{' '}
+          <Text color={connected ? 'green' : 'yellow'}>
+            {connected ? 'Connected' : 'Connecting...'}
+          </Text>
+        </Text>
+        <Text>
+          {'  '}Packs loaded: <Text color="cyan">{packs.length}</Text>
+        </Text>
+      </Box>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text bold color="white">
+          Packs
+        </Text>
+        {packs.map((pack) => (
+          <Text key={pack.name}>
+            {'  '}
+            <Text color="cyan">{pack.name}</Text> <Text color="gray">v{pack.version}</Text>{' '}
+            <Text color="green">[{pack.status}]</Text>
+          </Text>
+        ))}
+      </Box>
+
+      <Box flexDirection="column" marginBottom={1}>
+        <Text bold color="white">
+          Activity
+        </Text>
+        <Text>
+          {'  '}Total probes: <Text color="cyan">{activity.length}</Text>
+        </Text>
+        <Text>
+          {'  '}Last:{' '}
+          <Text color="gray">
+            {lastEntry ? `${lastEntry.probe} (${lastEntry.durationMs}ms)` : 'No activity yet'}
+          </Text>
+        </Text>
+      </Box>
+
+      <Box flexDirection="column">
+        <Text bold color="white">
+          Audit
+        </Text>
+        <Text>
+          {'  '}Chain:{' '}
+          <Text color={chainResult.valid ? 'green' : 'red'}>
+            {chainResult.valid ? 'Valid' : `Broken at entry ${chainResult.brokenAt}`}
+          </Text>
+          <Text color="gray"> ({recentEntries.length} entries)</Text>
+        </Text>
+      </Box>
+    </Box>
+  );
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": [
+    { "path": "../shared" },
+    { "path": "../packs" }
+  ]
+}

package/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    globals: true,
+    passWithNoTests: true,
+  },
+});