apteva 0.4.57 → 0.7.0

package/src/tui/AgentList.tsx

@@ -1,145 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Box, Text, useApp, useInput } from "ink";
-import Spinner from "ink-spinner";
-import type { AptevaAPI, Agent, User } from "./api.js";
-
-interface AgentListProps {
-  api: AptevaAPI;
-  user: User;
-}
-
-export function AgentList({ api, user }: AgentListProps) {
-  const { exit } = useApp();
-  const [agents, setAgents] = useState<Agent[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [selected, setSelected] = useState(0);
-
-  useEffect(() => {
-    const load = async () => {
-      const result = await api.getAgents();
-      setAgents(result);
-      setLoading(false);
-    };
-    load();
-  }, []);
-
-  useInput((input, key) => {
-    if (input === "q") exit();
-    if (input === "r") {
-      setLoading(true);
-      api.getAgents().then(result => {
-        setAgents(result);
-        setLoading(false);
-      });
-    }
-    if (key.upArrow) setSelected(s => Math.max(0, s - 1));
-    if (key.downArrow) setSelected(s => Math.min(agents.length - 1, s + 1));
-  });
-
-  const statusColor = (status: string) => {
-    if (status === "running") return "green";
-    if (status === "error") return "red";
-    return "gray";
-  };
-
-  const statusIcon = (status: string) => {
-    if (status === "running") return "●";
-    if (status === "error") return "✕";
-    return "○";
-  };
-
-  // Column widths
-  const nameW = 24;
-  const statusW = 12;
-  const modelW = 28;
-  const providerW = 14;
-
-  return (
-    <Box flexDirection="column" padding={1}>
-      {/* Header */}
-      <Box marginBottom={1} justifyContent="space-between">
-        <Box>
-          <Text color="hex('#f97316')" bold>
-            {">"}_
-          </Text>
-          <Text bold> apteva</Text>
-          <Text dimColor> — agents</Text>
-        </Box>
-        <Text dimColor>
-          {user.username} ({user.role})
-        </Text>
-      </Box>
-
-      {loading ? (
-        <Box>
-          <Text color="hex('#f97316')">
-            <Spinner type="dots" />
-          </Text>
-          <Text> Loading agents...</Text>
-        </Box>
-      ) : agents.length === 0 ? (
-        <Text dimColor>No agents found.</Text>
-      ) : (
-        <Box flexDirection="column">
-          {/* Table header */}
-          <Box>
-            <Text bold color="hex('#888')">
-              {"  "}
-              {pad("NAME", nameW)}
-              {pad("STATUS", statusW)}
-              {pad("MODEL", modelW)}
-              {pad("PROVIDER", providerW)}
-            </Text>
-          </Box>
-          <Box marginBottom={0}>
-            <Text dimColor>
-              {"  "}
-              {"─".repeat(nameW + statusW + modelW + providerW)}
-            </Text>
-          </Box>
-
-          {/* Rows */}
-          {agents.map((agent, i) => (
-            <Box key={agent.id}>
-              <Text color={i === selected ? "hex('#f97316')" : undefined}>
-                {i === selected ? "▸ " : "  "}
-              </Text>
-              <Text color={i === selected ? "white" : undefined}>
-                {pad(agent.name, nameW)}
-              </Text>
-              <Text color={statusColor(agent.status)}>
-                {statusIcon(agent.status)}{" "}
-                {pad(agent.status, statusW - 2)}
-              </Text>
-              <Text dimColor>
-                {pad(agent.model, modelW)}
-              </Text>
-              <Text dimColor>
-                {pad(agent.provider, providerW)}
-              </Text>
-            </Box>
-          ))}
-        </Box>
-      )}
-
-      {/* Footer */}
-      <Box marginTop={1}>
-        <Text dimColor>
-          ↑↓ navigate · r refresh · q quit
-        </Text>
-      </Box>
-      <Box>
-        <Text dimColor>
-          {agents.length} agent{agents.length !== 1 ? "s" : ""}
-          {" · "}
-          {agents.filter(a => a.status === "running").length} running
-        </Text>
-      </Box>
-    </Box>
-  );
-}
-
-function pad(str: string, width: number): string {
-  if (str.length >= width) return str.slice(0, width - 1) + "…";
-  return str + " ".repeat(width - str.length);
-}

package/src/tui/App.tsx

@@ -1,102 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Box, Text } from "ink";
-import Spinner from "ink-spinner";
-import { AptevaAPI, type User } from "./api.js";
-import { Login } from "./Login.js";
-import { AgentList } from "./AgentList.js";
-import { spawn } from "child_process";
-import { resolve, dirname } from "path";
-import { fileURLToPath } from "url";
-
-interface AppProps {
-  baseUrl: string;
-}
-
-export function App({ baseUrl }: AppProps) {
-  const [api] = useState(() => new AptevaAPI(baseUrl));
-  const [screen, setScreen] = useState<"connecting" | "login" | "agents">("connecting");
-  const [user, setUser] = useState<User | null>(null);
-  const [connectError, setConnectError] = useState("");
-
-  useEffect(() => {
-    let cancelled = false;
-
-    const tryConnect = async () => {
-      // First check if server is already running
-      const connected = await api.checkConnection();
-      if (cancelled) return;
-
-      if (connected) {
-        setScreen("login");
-        return;
-      }
-
-      // Server not running — try to start it
-      setConnectError("Server not running. Starting...");
-
-      try {
-        // Find the server entry point relative to this file
-        const serverPath = resolve(dirname(fileURLToPath(import.meta.url)), "../server.ts");
-        const child = spawn("bun", ["run", serverPath], {
-          stdio: "ignore",
-          detached: true,
-          env: { ...process.env, PORT: new URL(baseUrl).port || "4280" },
-        });
-        child.unref();
-
-        // Wait for server to come up (poll for up to 10 seconds)
-        for (let i = 0; i < 20; i++) {
-          if (cancelled) return;
-          await new Promise(r => setTimeout(r, 500));
-          const up = await api.checkConnection();
-          if (up) {
-            if (!cancelled) setScreen("login");
-            return;
-          }
-        }
-      } catch {
-        // Spawn failed
-      }
-
-      if (!cancelled) {
-        setConnectError(`Cannot connect to ${baseUrl}. Start the server with: bun run dev`);
-      }
-    };
-
-    tryConnect();
-    return () => { cancelled = true; };
-  }, []);
-
-  if (screen === "connecting") {
-    return (
-      <Box flexDirection="column" padding={1}>
-        <Box marginBottom={1}>
-          <Text color="hex('#f97316')" bold>{">"}_</Text>
-          <Text bold> apteva</Text>
-        </Box>
-        <Box>
-          <Text color="hex('#f97316')"><Spinner type="dots" /></Text>
-          <Text> {connectError || `Connecting to ${baseUrl}...`}</Text>
-        </Box>
-      </Box>
-    );
-  }
-
-  if (screen === "login") {
-    return (
-      <Login
-        api={api}
-        onSuccess={(u) => {
-          setUser(u);
-          setScreen("agents");
-        }}
-      />
-    );
-  }
-
-  if (screen === "agents" && user) {
-    return <AgentList api={api} user={user} />;
-  }
-
-  return null;
-}

package/src/tui/Login.tsx

@@ -1,104 +0,0 @@
-import React, { useState } from "react";
-import { Box, Text, useInput } from "ink";
-import TextInput from "ink-text-input";
-import Spinner from "ink-spinner";
-import type { AptevaAPI, User } from "./api.js";
-
-interface LoginProps {
-  api: AptevaAPI;
-  onSuccess: (user: User) => void;
-}
-
-export function Login({ api, onSuccess }: LoginProps) {
-  const [field, setField] = useState<"username" | "password">("username");
-  const [username, setUsername] = useState("");
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState("");
-  const [loading, setLoading] = useState(false);
-
-  useInput((input, key) => {
-    if (key.tab || (key.return && field === "username" && username)) {
-      setField(field === "username" ? "password" : "username");
-    }
-  });
-
-  const handleSubmit = async () => {
-    if (!username || !password) return;
-    setLoading(true);
-    setError("");
-    const result = await api.login(username, password);
-    setLoading(false);
-    if (result.success && result.user) {
-      onSuccess(result.user);
-    } else {
-      setError(result.error || "Login failed");
-    }
-  };
-
-  return (
-    <Box flexDirection="column" padding={1}>
-      <Box marginBottom={1}>
-        <Text color="hex('#f97316')" bold>
-          {">"}_
-        </Text>
-        <Text bold> apteva</Text>
-      </Box>
-
-      <Box marginBottom={1}>
-        <Text dimColor>Sign in to continue</Text>
-      </Box>
-
-      <Box>
-        <Text color={field === "username" ? "hex('#f97316')" : "white"}>
-          Username:{" "}
-        </Text>
-        {field === "username" ? (
-          <TextInput
-            value={username}
-            onChange={setUsername}
-            onSubmit={() => {
-              if (username) setField("password");
-            }}
-          />
-        ) : (
-          <Text>{username}</Text>
-        )}
-      </Box>
-
-      <Box>
-        <Text color={field === "password" ? "hex('#f97316')" : "white"}>
-          Password:{" "}
-        </Text>
-        {field === "password" ? (
-          <TextInput
-            value={password}
-            onChange={setPassword}
-            onSubmit={handleSubmit}
-            mask="*"
-          />
-        ) : (
-          <Text dimColor>{"*".repeat(password.length) || "..."}</Text>
-        )}
-      </Box>
-
-      {loading && (
-        <Box marginTop={1}>
-          <Text color="hex('#f97316')">
-            <Spinner type="dots" />
-          </Text>
-          <Text> Signing in...</Text>
-        </Box>
-      )}
-
-      {error && (
-        <Box marginTop={1}>
-          <Text color="red">{error}</Text>
-        </Box>
-      )}
-
-      <Box marginTop={1}>
-        <Text dimColor>Tab to switch fields · Enter to submit</Text>
-      </Box>
-    </Box>
-  );
-}

package/src/tui/api.ts

@@ -1,72 +0,0 @@
-export interface Agent {
-  id: string;
-  name: string;
-  model: string;
-  provider: string;
-  status: "running" | "stopped" | "error";
-  port: number | null;
-  projectId: string | null;
-}
-
-export interface User {
-  id: string;
-  username: string;
-  role: string;
-}
-
-export class AptevaAPI {
-  baseUrl: string;
-  private token: string | null = null;
-
-  constructor(baseUrl: string) {
-    this.baseUrl = baseUrl.replace(/\/$/, "");
-  }
-
-  async checkConnection(): Promise<boolean> {
-    try {
-      const res = await fetch(`${this.baseUrl}/api/auth/check`, { signal: AbortSignal.timeout(3000) });
-      return res.ok;
-    } catch {
-      return false;
-    }
-  }
-
-  private async fetch(path: string, opts: RequestInit = {}): Promise<Response> {
-    const headers: Record<string, string> = {
-      "Content-Type": "application/json",
-      ...(opts.headers as Record<string, string> || {}),
-    };
-    if (this.token) {
-      headers.Authorization = `Bearer ${this.token}`;
-    }
-    return fetch(`${this.baseUrl}${path}`, { ...opts, headers });
-  }
-
-  async login(username: string, password: string): Promise<{ success: boolean; user?: User; error?: string }> {
-    try {
-      const res = await this.fetch("/api/auth/login", {
-        method: "POST",
-        body: JSON.stringify({ username, password }),
-      });
-      const data = await res.json();
-      if (!res.ok) {
-        return { success: false, error: data.error || "Login failed" };
-      }
-      this.token = data.accessToken;
-      return { success: true, user: data.user };
-    } catch (err: any) {
-      return { success: false, error: err.message || "Connection failed" };
-    }
-  }
-
-  async getAgents(): Promise<Agent[]> {
-    try {
-      const res = await this.fetch("/api/agents");
-      if (!res.ok) return [];
-      const data = await res.json();
-      return data.agents || [];
-    } catch {
-      return [];
-    }
-  }
-}

package/src/tui/index.tsx

@@ -1,7 +0,0 @@
-import React from "react";
-import { render } from "ink";
-import { App } from "./App.js";
-
-const baseUrl = process.argv[2] || "http://localhost:4280";
-
-render(<App baseUrl={baseUrl} />);