conectese 0.1.15 → 0.2.0

package/bin/conectese.js

@@ -47,8 +47,8 @@ if (command === 'init') {
   const result = await agentsCli(subcommand, args, process.cwd());
   if (!result.success) process.exitCode = 1;
 } else if (command === 'runs') {
-  const squadName = positionals[1] || null;
-  const runs = await listRuns(squadName, process.cwd());
+  const teamName = positionals[1] || null;
+  const runs = await listRuns(teamName, process.cwd());
   printRuns(runs);
 } else {
   console.log(`
@@ -65,9 +65,9 @@ if (command === 'init') {
     npx conectese agents install <name>   Install a predefined agent
     npx conectese agents remove <name>    Remove an agent
     npx conectese agents update           Update all agents
-    npx conectese runs [squad-name]     View execution history
+    npx conectese runs [team-name]     View execution history
 
-  Learn more: https://github.com/renatoasse/conectese
+  Learn more: https://github.com/henriqueadm-ai/conectese
   `);
   if (command) process.exitCode = 1;
 }

package/dashboard/src/App.tsx

@@ -1,12 +1,13 @@
-import { useSquadSocket } from "@/hooks/useSquadSocket";
-import { SquadSelector } from "@/components/SquadSelector";
+import { useTeamSocket } from "@/hooks/useTeamSocket";
+import { TeamSelector } from "@/components/TeamSelector";
 import { PhaserGame } from "@/office/PhaserGame";
 import { StatusBar } from "@/components/StatusBar";
 import { IngestionModal } from "@/components/IngestionModal";
+import { CheckpointModal } from "@/components/CheckpointModal";
 import { useState } from "react";
 
 export function App() {
-  useSquadSocket();
+  useTeamSocket();
   const [showIngestion, setShowIngestion] = useState(false);
 
   return (
@@ -74,7 +75,7 @@ export function App() {
 
       {/* Main content */}
       <div style={{ display: "flex", flex: 1, overflow: "hidden" }}>
-        <SquadSelector />
+        <TeamSelector />
         <PhaserGame />
       </div>
 
@@ -83,6 +84,7 @@ export function App() {
 
       {/* Overlays */}
       {showIngestion && <IngestionModal onClose={() => setShowIngestion(false)} />}
+      <CheckpointModal />
     </div>
   );
 }

package/dashboard/src/components/CheckpointModal.tsx

@@ -0,0 +1,150 @@
+import { useState, useEffect } from "react";
+import { useTeamStore } from "@/store/useTeamStore";
+
+export function CheckpointModal() {
+  const selectedTeam = useTeamStore((s) => s.selectedTeam);
+  const state = useTeamStore((s) =>
+    s.selectedTeam ? s.activeStates.get(s.selectedTeam) : undefined
+  );
+  
+  const [formData, setFormData] = useState<Record<string, string>>({});
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState("");
+
+  const isActive = state?.status === "checkpoint" && state.handoff?.missingData && state.handoff.missingData.length > 0;
+  const missingFields = state?.handoff?.missingData || [];
+
+  // Reset form when checkpoint fields change
+  useEffect(() => {
+    if (isActive) {
+      const initial: Record<string, string> = {};
+      missingFields.forEach(f => initial[f] = "");
+      setFormData(initial);
+      setError("");
+    }
+  }, [isActive, missingFields.join(",")]);
+
+  if (!isActive) return null;
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!selectedTeam) return;
+
+    // Build payload ensuring numbers where appropriate
+    const payload: Record<string, string | number> = {};
+    for (const [key, val] of Object.entries(formData)) {
+      if (val.trim() === "") continue; // or might throw an error
+      const num = Number(val);
+      payload[key] = isNaN(num) ? val : num;
+    }
+
+    setSubmitting(true);
+    setError("");
+
+    try {
+      const res = await fetch(`/api/team/${selectedTeam}/checkpoint`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload),
+      });
+
+      if (!res.ok) {
+        const data = await res.json();
+        throw new Error(data.error || "Failed to submit checkpoint data");
+      }
+      
+      // Successfully submitted.
+      // The watcher plugin will reset the team status to "running"
+      // avoiding the need to manually close the modal.
+    } catch (err: any) {
+      setError(err.message || "Erro desconhecido ao submeter dados financeiros.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  return (
+    <div style={{
+      position: "fixed",
+      top: 0, left: 0, right: 0, bottom: 0,
+      backgroundColor: "rgba(0, 0, 0, 0.7)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 9999,
+      backdropFilter: "blur(2px)"
+    }}>
+      <div style={{
+        backgroundColor: "var(--bg-main, #1e1e1e)",
+        borderRadius: 8,
+        width: 400,
+        maxWidth: "90%",
+        padding: 24,
+        boxShadow: "0 10px 25px rgba(0,0,0,0.5)",
+        border: "1px solid var(--border, #333)",
+        display: "flex",
+        flexDirection: "column",
+        gap: 16
+      }}>
+        <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
+          <h2 style={{ margin: 0, fontSize: 18, color: "var(--accent, #3b82f6)" }}>Atenção Necessária</h2>
+        </div>
+
+        <p style={{ margin: 0, fontSize: 13, color: "var(--text-muted, #ccc)" }}>
+          O agente encontrou dados faltantes (Halt & Catch protocol). 
+          Por favor, preencha os valores abaixo para que o cálculo possa continuar com segurança.
+        </p>
+
+        <form onSubmit={handleSubmit} style={{ display: "flex", flexDirection: "column", gap: 12 }}>
+          {missingFields.map((field) => (
+            <div key={field}>
+              <label style={{ display: "block", fontSize: 12, marginBottom: 4, fontWeight: "bold" }}>
+                {field}
+              </label>
+              <input 
+                type="text" 
+                required
+                value={formData[field] || ""}
+                onChange={(e) => setFormData({ ...formData, [field]: e.target.value })}
+                style={{
+                  width: "100%",
+                  padding: "8px 12px",
+                  borderRadius: 4,
+                  border: "1px solid var(--border, #444)",
+                  background: "var(--bg-sidebar, #121212)",
+                  color: "inherit",
+                  boxSizing: "border-box"
+                }}
+              />
+            </div>
+          ))}
+
+          {error && (
+            <div style={{ color: "#ef4444", fontSize: 13, background: "rgba(239,68,68,0.1)", padding: 8, borderRadius: 4, textAlign: "center" }}>
+              {error}
+            </div>
+          )}
+
+          <div style={{ display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 8 }}>
+            <button 
+              type="submit"
+              disabled={submitting}
+              style={{
+                padding: "8px 16px",
+                background: "var(--accent, #3b82f6)",
+                border: "none",
+                color: "white",
+                borderRadius: 4,
+                cursor: submitting ? "not-allowed" : "pointer",
+                opacity: submitting ? 0.6 : 1,
+                fontWeight: 500
+              }}
+            >
+              {submitting ? "Enviando..." : "Enviar e Prosseguir"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}

package/dashboard/src/components/StatusBadge.tsx

@@ -1,6 +1,6 @@
-import type { SquadStatus } from "@/types/state";
+import type { TeamStatus } from "@/types/state";
 
-const STATUS_COLORS: Record<SquadStatus | "inactive", string> = {
+const STATUS_COLORS: Record<TeamStatus | "inactive", string> = {
   idle: "#888",
   running: "var(--accent-cyan)",
   completed: "var(--accent-green)",
@@ -9,7 +9,7 @@ const STATUS_COLORS: Record<SquadStatus | "inactive", string> = {
 };
 
 interface StatusBadgeProps {
-  status: SquadStatus | "inactive";
+  status: TeamStatus | "inactive";
 }
 
 export function StatusBadge({ status }: StatusBadgeProps) {

package/dashboard/src/components/StatusBar.tsx

@@ -1,13 +1,13 @@
 import { useEffect, useState } from "react";
-import { useSquadStore } from "@/store/useSquadStore";
+import { useTeamStore } from "@/store/useTeamStore";
 import { formatElapsed } from "@/lib/formatTime";
 
 export function StatusBar() {
-  const selectedSquad = useSquadStore((s) => s.selectedSquad);
-  const state = useSquadStore((s) =>
-    s.selectedSquad ? s.activeStates.get(s.selectedSquad) : undefined
+  const selectedTeam = useTeamStore((s) => s.selectedTeam);
+  const state = useTeamStore((s) =>
+    s.selectedTeam ? s.activeStates.get(s.selectedTeam) : undefined
   );
-  const isConnected = useSquadStore((s) => s.isConnected);
+  const isConnected = useTeamStore((s) => s.isConnected);
 
   // Elapsed timer
   const [elapsed, setElapsed] = useState(0);
@@ -25,11 +25,11 @@ export function StatusBar() {
     return () => clearInterval(interval);
   }, [state?.startedAt]);
 
-  if (!selectedSquad || !state) {
+  if (!selectedTeam || !state) {
     return (
       <footer style={footerStyle}>
         <span style={{ color: "var(--text-secondary)" }}>
-          Select an active squad to monitor
+          Select an active team to monitor
         </span>
         <ConnectionDot connected={isConnected} />
       </footer>

package/dashboard/src/components/{SquadCard.tsx → TeamCard.tsx}

@@ -1,14 +1,14 @@
-import type { SquadInfo, SquadState } from "@/types/state";
+import type { TeamInfo, TeamState } from "@/types/state";
 import { StatusBadge } from "./StatusBadge";
 
-interface SquadCardProps {
-  squad: SquadInfo;
-  state: SquadState | undefined;
+interface TeamCardProps {
+  team: TeamInfo;
+  state: TeamState | undefined;
   isSelected: boolean;
   onSelect: () => void;
 }
 
-export function SquadCard({ squad, state, isSelected, onSelect }: SquadCardProps) {
+export function TeamCard({ team, state, isSelected, onSelect }: TeamCardProps) {
   const isActive = !!state;
   const status = state?.status ?? "inactive";
 
@@ -33,9 +33,9 @@ export function SquadCard({ squad, state, isSelected, onSelect }: SquadCardProps
       }}
     >
       <StatusBadge status={status} />
-      <span style={{ marginRight: 4 }}>{squad.icon}</span>
+      <span style={{ marginRight: 4 }}>{team.icon}</span>
       <span style={{ flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
-        {squad.name}
+        {team.name}
       </span>
       {state?.step && (
         <span style={{ fontSize: 11, color: "var(--text-secondary)" }}>

package/dashboard/src/components/{SquadSelector.tsx → TeamSelector.tsx}

@@ -1,14 +1,14 @@
-import { useSquadStore } from "@/store/useSquadStore";
-import { SquadCard } from "./SquadCard";
+import { useTeamStore } from "@/store/useTeamStore";
+import { TeamCard } from "./TeamCard";
 
-export function SquadSelector() {
-  const squads = useSquadStore((s) => s.squads);
-  const activeStates = useSquadStore((s) => s.activeStates);
-  const selectedSquad = useSquadStore((s) => s.selectedSquad);
-  const selectSquad = useSquadStore((s) => s.selectSquad);
+export function TeamSelector() {
+  const teams = useTeamStore((s) => s.teams);
+  const activeStates = useTeamStore((s) => s.activeStates);
+  const selectedTeam = useTeamStore((s) => s.selectedTeam);
+  const selectTeam = useTeamStore((s) => s.selectTeam);
 
-  // Sort: active squads first, then alphabetical
-  const squadList = Array.from(squads.values()).sort((a, b) => {
+  // Sort: active teams first, then alphabetical
+  const teamList = Array.from(teams.values()).sort((a, b) => {
     const aActive = activeStates.has(a.code) ? 0 : 1;
     const bActive = activeStates.has(b.code) ? 0 : 1;
     if (aActive !== bActive) return aActive - bActive;
@@ -41,18 +41,18 @@ export function SquadSelector() {
         Squads
       </div>
       <div style={{ flex: 1, overflowY: "auto" }}>
-        {squadList.length === 0 && (
+        {teamList.length === 0 && (
           <div style={{ padding: "16px 12px", color: "var(--text-secondary)", fontSize: 12 }}>
-            No squads found
+            No teams found
           </div>
         )}
-        {squadList.map((squad) => (
-          <SquadCard
-            key={squad.code}
-            squad={squad}
-            state={activeStates.get(squad.code)}
-            isSelected={selectedSquad === squad.code}
-            onSelect={() => selectSquad(squad.code)}
+        {teamList.map((team) => (
+          <TeamCard
+            key={team.code}
+            team={team}
+            state={activeStates.get(team.code)}
+            isSelected={selectedTeam === team.code}
+            onSelect={() => selectTeam(team.code)}
           />
         ))}
       </div>

package/dashboard/src/hooks/{useSquadSocket.ts → useTeamSocket.ts}

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { useSquadStore } from "@/store/useSquadStore";
+import { useTeamStore } from "@/store/useTeamStore";
 import type { WsMessage } from "@/types/state";
 
 const RECONNECT_BASE_MS = 1000;
@@ -7,14 +7,14 @@ const RECONNECT_MAX_MS = 30000;
 const WS_FAIL_THRESHOLD = 3;
 const POLL_INTERVAL_MS = 3000;
 
-export function useSquadSocket() {
+export function useTeamSocket() {
   const wsRef = useRef<WebSocket | null>(null);
   const pollTimerRef = useRef<ReturnType<typeof setInterval> | null>(null);
 
-  const setConnected = useSquadStore((s) => s.setConnected);
-  const setSnapshot = useSquadStore((s) => s.setSnapshot);
-  const updateSquadState = useSquadStore((s) => s.updateSquadState);
-  const setSquadInactive = useSquadStore((s) => s.setSquadInactive);
+  const setConnected = useTeamStore((s) => s.setConnected);
+  const setSnapshot = useTeamStore((s) => s.setSnapshot);
+  const updateTeamState = useTeamStore((s) => s.updateTeamState);
+  const setTeamInactive = useTeamStore((s) => s.setTeamInactive);
 
   useEffect(() => {
     let disposed = false;
@@ -26,13 +26,13 @@ export function useSquadSocket() {
       if (disposed) return;
       switch (msg.type) {
         case "SNAPSHOT":
-          setSnapshot(msg.squads, msg.activeStates);
+          setSnapshot(msg.teams, msg.activeStates);
           break;
-        case "SQUAD_UPDATE":
-          updateSquadState(msg.squad, msg.state);
+        case "TEAM_UPDATE":
+          updateTeamState(msg.team, msg.state);
           break;
-        case "SQUAD_INACTIVE":
-          setSquadInactive(msg.squad);
+        case "TEAM_INACTIVE":
+          setTeamInactive(msg.team);
           break;
       }
     }
@@ -78,7 +78,7 @@ export function useSquadSocket() {
 
       const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
       const ws = new WebSocket(
-        `${protocol}//${window.location.host}/__squads_ws`,
+        `${protocol}//${window.location.host}/__teams_ws`,
       );
       wsRef.current = ws;
 
@@ -131,5 +131,5 @@ export function useSquadSocket() {
       wsRef.current?.close();
       wsRef.current = null;
     };
-  }, [setConnected, setSnapshot, updateSquadState, setSquadInactive]);
+  }, [setConnected, setSnapshot, updateTeamState, setTeamInactive]);
 }

package/dashboard/src/lib/normalizeState.ts

@@ -1,4 +1,4 @@
-import type { SquadState, Agent } from "@/types/state";
+import type { TeamState, Agent } from "@/types/state";
 
 /**
  * Returns agents sorted by desk position (row first, then col).
@@ -13,13 +13,13 @@ export function sortAgentsByDesk(agents: Agent[]): Agent[] {
 /**
  * Find agent by id.
  */
-export function findAgent(state: SquadState, agentId: string): Agent | undefined {
+export function findAgent(state: TeamState, agentId: string): Agent | undefined {
   return state.agents.find((a) => a.id === agentId);
 }
 
 /**
  * Returns the currently working agent, if any.
  */
-export function getWorkingAgent(state: SquadState): Agent | undefined {
+export function getWorkingAgent(state: TeamState): Agent | undefined {
   return state.agents.find((a) => a.status === "working");
 }

package/dashboard/src/office/OfficeScene.ts

@@ -8,7 +8,7 @@ import {
 import { CELL_W, CELL_H, MARGIN, WALL_H } from './palette';
 import { RoomBuilder } from './RoomBuilder';
 import { AgentSprite } from './AgentSprite';
-import type { SquadState, Agent } from '@/types/state';
+import type { TeamState, Agent } from '@/types/state';
 
 function assignCharacters(agents: Agent[]): Map<string, CharacterName> {
   const assignments = new Map<string, CharacterName>();
@@ -80,14 +80,14 @@ export class OfficeScene extends Phaser.Scene {
 
     this.roomBuilder = new RoomBuilder(this);
 
-    this.events.on('stateUpdate', (state: SquadState | null) => {
+    this.events.on('stateUpdate', (state: TeamState | null) => {
       this.onStateUpdate(state);
     });
 
     this.renderScene(DEMO_AGENTS);
   }
 
-  private onStateUpdate(state: SquadState | null): void {
+  private onStateUpdate(state: TeamState | null): void {
     const agents = state?.agents ?? DEMO_AGENTS;
     this.renderScene(agents);
   }

package/dashboard/src/office/PhaserGame.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
 import Phaser from 'phaser';
 import { OfficeScene } from './OfficeScene';
-import { useSquadStore } from '@/store/useSquadStore';
+import { useTeamStore } from '@/store/useTeamStore';
 
 export function PhaserGame() {
   const containerRef = useRef<HTMLDivElement>(null);
@@ -52,18 +52,18 @@ export function PhaserGame() {
 
   // Bridge React state → Phaser scene
   useEffect(() => {
-    return useSquadStore.subscribe((state) => {
+    return useTeamStore.subscribe((state) => {
       const game = gameRef.current;
       if (!game) return;
       const scene = game.scene.getScene('OfficeScene') as OfficeScene | null;
       if (!scene || !scene.scene.isActive()) return;
 
-      const selectedSquad = state.selectedSquad;
-      const squadState = selectedSquad
-        ? state.activeStates.get(selectedSquad) ?? null
+      const selectedTeam = state.selectedTeam;
+      const teamState = selectedTeam
+        ? state.activeStates.get(selectedTeam) ?? null
         : null;
 
-      scene.events.emit('stateUpdate', squadState);
+      scene.events.emit('stateUpdate', teamState);
     });
   }, []);