rax-flow 0.1.6 → 0.1.8

package/dist/tui/hooks/useAppState.js

@@ -0,0 +1,190 @@
+import { useState, useCallback } from "react";
+const COMMAND_SUGGESTIONS = [
+    "/run", "/status", "/agents", "/providers", "/workflows",
+    "/logs", "/metrics", "/memory", "/help", "/exit",
+];
+const DEFAULT_AGENTS = [
+    { name: "IntentClassifier", role: "Classify intent", status: "idle", provider: "H" },
+    { name: "TaskPlanner", role: "Decompose tasks", status: "idle", provider: "H" },
+    { name: "SpecAgent", role: "Write specs", status: "idle", provider: "H" },
+    { name: "CodeGenerator", role: "Generate code", status: "idle", provider: "H" },
+    { name: "TestAgent", role: "Run tests", status: "idle", provider: "H" },
+    { name: "FixAgent", role: "Fix issues", status: "idle", provider: "H" },
+    { name: "MutationAgent", role: "Evolve workflow", status: "idle", provider: "H" },
+    { name: "ValidatorAgent", role: "Validate outputs", status: "idle", provider: "H" },
+];
+const DEFAULT_PROVIDERS = [
+    { name: "Host-Native", status: "active", latency: 12 },
+    { name: "Claude Code", status: "active", latency: 8 },
+    { name: "OpenCode", status: "idle", latency: 0 },
+    { name: "Anthropic", status: "idle", latency: 0 },
+];
+const DEFAULT_WORKFLOW_STATE = {
+    levels: [
+        {
+            name: "L1: SPEC",
+            progress: 0,
+            nodes: [
+                { id: "intent", name: "IntentClassifier", status: "pending", agent: "H" },
+                { id: "spec", name: "SpecAgent", status: "pending", agent: "H" },
+                { id: "arch", name: "ArchitectureAgent", status: "pending", agent: "H" },
+            ],
+        },
+        {
+            name: "L2: CODE",
+            progress: 0,
+            nodes: [
+                { id: "task", name: "TaskPlanner", status: "pending", agent: "H" },
+                { id: "codegen", name: "CodeGenerator", status: "pending", agent: "H" },
+            ],
+        },
+        {
+            name: "L3: TEST",
+            progress: 0,
+            nodes: [
+                { id: "test", name: "TestAgent", status: "pending", agent: "H" },
+                { id: "fix", name: "FixAgent", status: "pending", agent: "H" },
+            ],
+        },
+    ],
+    currentLevel: 0,
+    totalProgress: 0,
+};
+function generateId() {
+    return Math.random().toString(36).slice(2, 9);
+}
+export function useAppState() {
+    const [state, setState] = useState({
+        projectName: process.cwd().split("/").pop() || "project",
+        agentCount: 12,
+        provider: "HOST-NATIVE",
+        status: "ready",
+        messages: [
+            {
+                id: generateId(),
+                type: "system",
+                content: "■ RAX-FLOW HUB prêt. Tapez votre prompt ou /help pour les commandes.",
+                timestamp: new Date(),
+            },
+        ],
+        agents: DEFAULT_AGENTS,
+        providers: DEFAULT_PROVIDERS,
+        fitness: 0.87,
+        currentWorkflow: null,
+        suggestions: COMMAND_SUGGESTIONS,
+        isProcessing: false,
+        workflowState: DEFAULT_WORKFLOW_STATE,
+    });
+    const addMessage = useCallback((type, content, agent) => {
+        setState((prev) => ({
+            ...prev,
+            messages: [
+                ...prev.messages,
+                { id: generateId(), type, content, timestamp: new Date(), agent },
+            ],
+        }));
+    }, []);
+    const updateWorkflowProgress = useCallback((level, nodeIndex, status) => {
+        setState((prev) => {
+            const newLevels = prev.workflowState.levels.map((l, i) => {
+                if (i !== level)
+                    return l;
+                const newNodes = l.nodes.map((n, j) => j === nodeIndex ? { ...n, status } : n);
+                const doneCount = newNodes.filter((n) => n.status === "done").length;
+                return {
+                    ...l,
+                    nodes: newNodes,
+                    progress: Math.round((doneCount / newNodes.length) * 100),
+                };
+            });
+            const totalDone = newLevels.reduce((acc, l) => acc + l.nodes.filter((n) => n.status === "done").length, 0);
+            const totalNodes = newLevels.reduce((acc, l) => acc + l.nodes.length, 0);
+            return {
+                ...prev,
+                workflowState: {
+                    levels: newLevels,
+                    currentLevel: level,
+                    totalProgress: Math.round((totalDone / totalNodes) * 100),
+                },
+            };
+        });
+    }, []);
+    const processCommand = useCallback((input) => {
+        if (input.startsWith("/")) {
+            const cmd = input.slice(1).toLowerCase();
+            switch (cmd) {
+                case "help":
+                    addMessage("system", `Commandes: /run /status /agents /providers /workflows /logs /metrics /memory /exit`);
+                    break;
+                case "status":
+                    addMessage("system", `Orchestrator: ● ACTIVE | Fitness: ${state.fitness.toFixed(2)} | Agents: ${state.agents.filter((a) => a.status !== "idle").length}/8 actifs`);
+                    break;
+                case "agents":
+                    const agentList = state.agents.map((a) => `${a.status === "running" ? "▶" : "○"} ${a.name} [${a.provider}]`).join("\n");
+                    addMessage("system", agentList);
+                    break;
+                case "providers":
+                    const providerList = state.providers.map((p) => `${p.status === "active" ? "●" : "○"} ${p.name} ${p.latency > 0 ? `(${p.latency}ms)` : ""}`).join("\n");
+                    addMessage("system", providerList);
+                    break;
+                case "exit":
+                case "quit":
+                    addMessage("system", "À bientôt !");
+                    break;
+                default:
+                    if (cmd.startsWith("run ")) {
+                        const prompt = cmd.slice(4);
+                        runWorkflow(prompt);
+                    }
+                    else {
+                        addMessage("error", `Commande inconnue: /${cmd}. Tapez /help pour l'aide.`);
+                    }
+            }
+        }
+        else {
+            runWorkflow(input);
+        }
+    }, [state, addMessage]);
+    const runWorkflow = useCallback((prompt) => {
+        setState((prev) => ({ ...prev, status: "running", isProcessing: true }));
+        addMessage("user", prompt);
+        let step = 0;
+        const steps = [
+            { level: 0, node: 0, msg: "Analyse de l'intent...", agent: "IntentClassifier" },
+            { level: 0, node: 1, msg: "Génération des specs...", agent: "SpecAgent" },
+            { level: 0, node: 2, msg: "Design de l'architecture...", agent: "ArchitectureAgent" },
+            { level: 1, node: 0, msg: "Planification des tâches...", agent: "TaskPlanner" },
+            { level: 1, node: 1, msg: "Génération du code...", agent: "CodeGenerator" },
+            { level: 2, node: 0, msg: "Exécution des tests...", agent: "TestAgent" },
+            { level: 2, node: 1, msg: "Application des fixes...", agent: "FixAgent" },
+        ];
+        function executeStep() {
+            if (step >= steps.length) {
+                setState((prev) => ({
+                    ...prev,
+                    status: "ready",
+                    isProcessing: false,
+                    fitness: Math.min(prev.fitness + 0.05, 0.99),
+                    currentWorkflow: prompt,
+                }));
+                addMessage("success", `✓ Workflow terminé! Fitness: ${(state.fitness + 0.05).toFixed(2)}`);
+                return;
+            }
+            const s = steps[step];
+            updateWorkflowProgress(s.level, s.node, "running");
+            addMessage("agent", s.msg, s.agent);
+            setTimeout(() => {
+                updateWorkflowProgress(s.level, s.node, "done");
+                step++;
+                executeStep();
+            }, 500 + Math.random() * 500);
+        }
+        executeStep();
+    }, [addMessage, updateWorkflowProgress, state.fitness]);
+    return {
+        state,
+        dispatch: setState,
+        processCommand,
+    };
+}
+//# sourceMappingURL=useAppState.js.map

package/dist/tui/hooks/useAppState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppState.js","sourceRoot":"","sources":["../../../src/tui/hooks/useAppState.ts"],"names":[],"mappings":"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"}

package/dist/tui/index.d.ts

@@ -0,0 +1,3 @@
+export declare function startTUI(): import("ink").Instance;
+export { App } from "./App.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/tui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tui/index.ts"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,2BAEvB;AAED,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC"}

package/dist/tui/index.js

@@ -0,0 +1,8 @@
+import { render } from "ink";
+import React from "react";
+import { App } from "./App.js";
+export function startTUI() {
+    return render(React.createElement(App));
+}
+export { App } from "./App.js";
+//# sourceMappingURL=index.js.map

package/dist/tui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,UAAU,QAAQ;IACtB,OAAO,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1C,CAAC;AAED,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rax-flow",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -8,15 +8,21 @@
     "rax-flow": "dist/bin.js"
   },
   "dependencies": {
+    "ink": "^6.8.0",
+    "ink-box": "^2.0.0",
+    "ink-spinner": "^5.0.0",
+    "ink-text-input": "^6.0.0",
     "rax-flow-agents": "0.1.5",
     "rax-flow-core": "0.1.4",
     "rax-flow-providers": "0.1.4",
+    "react": "19.2.3",
     "ws": "^8.19.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
+    "@types/react": "^19.2.14",
     "@types/ws": "^8.18.1"
   },
   "scripts": {

package/src/bin.ts

@@ -7,7 +7,7 @@ import { runDoctor } from "./doctor.js";
 import { runInitHost } from "./init-host.js";
 import { runWorkflow } from "./run.js";
 import { runDashboard } from "./dashboard.js";
-import { startHub, startHubOneShot } from "./hub/index.js";
+import { startHubOneShot } from "./hub/index.js";
 
 function getFlag(args: string[], flag: string): string | undefined {
   const index = args.indexOf(flag);
@@ -21,7 +21,8 @@ async function main() {
 
   // Mode hub interactif (défaut) - sans arguments ou avec 'hub'
   if (!command || command === "hub") {
-    await startHub({ cwd: process.cwd() });
+    const { startTUI } = await import("./tui/index.js");
+    startTUI();
     return;
   }
 

package/src/tui/App.tsx

@@ -0,0 +1,113 @@
+import React, { useState, useEffect } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { Header } from "./components/Header.js";
+import { ChatPanel } from "./components/ChatPanel.js";
+import { StatusPanel } from "./components/StatusPanel.js";
+import { DAGPanel } from "./components/DAGPanel.js";
+import { InputBar } from "./components/InputBar.js";
+import { HelpOverlay } from "./components/HelpOverlay.js";
+import { useAppState } from "./hooks/useAppState.js";
+
+type ActivePanel = "chat" | "dag" | "status";
+
+export function App() {
+  const { exit } = useApp();
+  const { state, processCommand } = useAppState();
+  const [activePanel, setActivePanel] = useState<ActivePanel>("chat");
+  const [showHelp, setShowHelp] = useState(false);
+  const [tick, setTick] = useState(0);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setTick((t) => t + 1);
+    }, 100);
+    return () => clearInterval(interval);
+  }, []);
+
+  useInput((input, key) => {
+    if (key.ctrl && input === "c") {
+      exit();
+    }
+    if (key.ctrl && input === "d") {
+      exit();
+    }
+    if (key.escape) {
+      setShowHelp(false);
+    }
+    if (input === "?" && !showHelp) {
+      setShowHelp(true);
+      return;
+    }
+    if (showHelp) return;
+
+    if (key.return && input === "") {
+    }
+    
+    if (key.tab) {
+      const panels: ActivePanel[] = ["chat", "dag", "status"];
+      const currentIndex = panels.indexOf(activePanel);
+      setActivePanel(panels[(currentIndex + 1) % panels.length]);
+    }
+  });
+
+  const handleSubmit = (input: string) => {
+    const trimmed = input.trim();
+    if (!trimmed) return;
+
+    if (trimmed === "exit" || trimmed === "quit") {
+      exit();
+      return;
+    }
+
+    if (trimmed === "?" || trimmed === "/help") {
+      setShowHelp(!showHelp);
+      return;
+    }
+
+    processCommand(trimmed);
+  };
+
+  return (
+    <Box flexDirection="column" height="100%" width="100%">
+      <Header
+        projectName={state.projectName}
+        agentCount={state.agentCount}
+        provider={state.provider}
+        status={state.status}
+        tick={tick}
+        activePanel={activePanel}
+      />
+      
+      {showHelp ? (
+        <HelpOverlay onDismiss={() => setShowHelp(false)} />
+      ) : (
+        <>
+          <Box flexGrow={1} flexDirection="row" width="100%">
+            <ChatPanel
+              messages={state.messages}
+              isProcessing={state.isProcessing}
+              isActive={activePanel === "chat"}
+            />
+            <DAGPanel
+              workflowState={state.workflowState}
+              tick={tick}
+              isActive={activePanel === "dag"}
+            />
+            <StatusPanel
+              agents={state.agents}
+              providers={state.providers}
+              fitness={state.fitness}
+              currentWorkflow={state.currentWorkflow}
+              isActive={activePanel === "status"}
+            />
+          </Box>
+          <InputBar
+            onSubmit={handleSubmit}
+            suggestions={state.suggestions}
+            isProcessing={state.isProcessing}
+          />
+        </>
+      )}
+    </Box>
+  );
+}

package/src/tui/components/ChatPanel.tsx

@@ -0,0 +1,83 @@
+import React from "react";
+import { Box, Text } from "ink";
+
+interface Message {
+  id: string;
+  type: "user" | "system" | "agent" | "error" | "success";
+  content: string;
+  timestamp: Date;
+  agent?: string;
+}
+
+interface ChatPanelProps {
+  messages: Message[];
+  isProcessing: boolean;
+  isActive: boolean;
+}
+
+function formatTime(date: Date): string {
+  return date.toLocaleTimeString("fr-FR", {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+  });
+}
+
+function MessageItem({ message }: { message: Message }) {
+  const typeColors: Record<string, string> = {
+    user: "cyan",
+    system: "gray",
+    agent: "#f97316",
+    error: "red",
+    success: "green",
+  };
+
+  const typeLabels: Record<string, string> = {
+    user: "YOU",
+    system: "SYS",
+    agent: message.agent || "AGENT",
+    error: "ERR",
+    success: "OK",
+  };
+
+  return (
+    <Box flexDirection="column" marginBottom={1}>
+      <Box flexDirection="row">
+        <Text color="gray" dimColor>[{formatTime(message.timestamp)}]</Text>
+        <Text color={typeColors[message.type]} bold> [{typeLabels[message.type]}]</Text>
+        {message.agent && <Text color="gray"> [{message.agent}]</Text>}
+      </Box>
+      <Text color="white">{message.content}</Text>
+    </Box>
+  );
+}
+
+export function ChatPanel({ messages, isProcessing, isActive }: ChatPanelProps) {
+  const borderColor = isActive ? "#f97316" : "gray";
+
+  return (
+    <Box
+      flexDirection="column"
+      flexGrow={2}
+      borderStyle="single"
+      borderColor={borderColor}
+      paddingX={1}
+    >
+      <Box borderStyle="single" borderColor="#f97316" marginBottom={1}>
+        <Text color="#f97316" bold>CHAT</Text>
+        <Text color="gray"> — Tapez /help pour les commandes</Text>
+        {isActive && <Text color="yellow"> [ACTIF]</Text>}
+      </Box>
+      <Box flexDirection="column" flexGrow={1} overflow="hidden">
+        {messages.slice(-15).map((msg) => (
+          <MessageItem key={msg.id} message={msg} />
+        ))}
+        {isProcessing && (
+          <Box>
+            <Text color="yellow">● Processing...</Text>
+          </Box>
+        )}
+      </Box>
+    </Box>
+  );
+}

package/src/tui/components/DAGPanel.tsx

@@ -0,0 +1,116 @@
+import React from "react";
+import { Box, Text } from "ink";
+
+interface DAGNode {
+  id: string;
+  name: string;
+  status: "pending" | "running" | "done" | "error";
+  agent?: string;
+}
+
+interface DAGLevel {
+  name: string;
+  progress: number;
+  nodes: DAGNode[];
+}
+
+interface WorkflowState {
+  levels: DAGLevel[];
+  currentLevel: number;
+  totalProgress: number;
+}
+
+interface DAGPanelProps {
+  workflowState: WorkflowState;
+  tick: number;
+  isActive: boolean;
+}
+
+const statusIcons: Record<string, { icon: string; color: string }> = {
+  pending: { icon: "○", color: "gray" },
+  running: { icon: "▶", color: "yellow" },
+  done: { icon: "●", color: "green" },
+  error: { icon: "✗", color: "red" },
+};
+
+const spinnerFrames = ["◐", "◓", "◑", "◒"];
+
+function ProgressBar({ progress, width = 20 }: { progress: number; width?: number }) {
+  const filled = Math.round((progress / 100) * width);
+  const empty = width - filled;
+  const bar = "█".repeat(filled) + "░".repeat(empty);
+  return (
+    <Text color={progress >= 100 ? "green" : progress > 0 ? "yellow" : "gray"}>
+      {bar}
+    </Text>
+  );
+}
+
+function DAGNodeItem({ node, tick }: { node: DAGNode; tick: number }) {
+  const { icon, color } = statusIcons[node.status];
+  const animatedIcon = node.status === "running" 
+    ? spinnerFrames[tick % spinnerFrames.length]
+    : icon;
+
+  return (
+    <Box flexDirection="row" marginLeft={2}>
+      <Text color={color}>{animatedIcon}</Text>
+      <Text color="white"> {node.name}</Text>
+      {node.agent && <Text color="gray"> [{node.agent}]</Text>}
+    </Box>
+  );
+}
+
+function DAGLevelView({ level, tick, isActive }: { level: DAGLevel; tick: number; isActive: boolean }) {
+  return (
+    <Box flexDirection="column" marginBottom={1}>
+      <Box flexDirection="row">
+        <Text color={isActive ? "#f97316" : "gray"} bold={isActive}>
+          {level.name}
+        </Text>
+        <Text color="gray"> </Text>
+        <ProgressBar progress={level.progress} width={12} />
+        <Text color="gray"> {level.progress}%</Text>
+      </Box>
+      {level.nodes.map((node) => (
+        <DAGNodeItem key={node.id} node={node} tick={tick} />
+      ))}
+    </Box>
+  );
+}
+
+export function DAGPanel({ workflowState, tick, isActive }: DAGPanelProps) {
+  const borderColor = isActive ? "#f97316" : "gray";
+
+  return (
+    <Box
+      flexDirection="column"
+      width={40}
+      borderStyle="single"
+      borderColor={borderColor}
+      paddingX={1}
+    >
+      <Box borderStyle="single" borderColor="#f97316" marginBottom={1}>
+        <Text color="#f97316" bold>DAG</Text>
+        <Text color="gray"> EXECUTION</Text>
+      </Box>
+
+      <Box flexDirection="column" flexGrow={1}>
+        {workflowState.levels.map((level, index) => (
+          <DAGLevelView
+            key={level.name}
+            level={level}
+            tick={tick}
+            isActive={index === workflowState.currentLevel}
+          />
+        ))}
+      </Box>
+
+      <Box borderStyle="single" borderColor="gray" marginTop={1}>
+        <Text color="gray">Total: </Text>
+        <ProgressBar progress={workflowState.totalProgress} width={10} />
+        <Text color="white"> {workflowState.totalProgress}%</Text>
+      </Box>
+    </Box>
+  );
+}

package/src/tui/components/Header.tsx

@@ -0,0 +1,76 @@
+import React from "react";
+import { Box, Text } from "ink";
+
+interface HeaderProps {
+  projectName: string;
+  agentCount: number;
+  provider: string;
+  status: "ready" | "running" | "error";
+  tick: number;
+  activePanel: string;
+}
+
+const spinnerFrames = ["◐", "◓", "◑", "◒"];
+const panelNames: Record<string, string> = {
+  chat: "CHAT",
+  dag: "DAG",
+  status: "STATUS",
+};
+
+export function Header({ projectName, agentCount, provider, status, tick, activePanel }: HeaderProps) {
+  const statusColors = {
+    ready: "green",
+    running: "yellow",
+    error: "red",
+  };
+
+  const statusText = {
+    ready: "READY",
+    running: "RUNNING",
+    error: "ERROR",
+  };
+
+  const animatedStatus = status === "running" 
+    ? spinnerFrames[tick % spinnerFrames.length]
+    : status === "error" ? "✗" : "●";
+
+  return (
+    <Box
+      flexDirection="column"
+      borderStyle="single"
+      borderColor="gray"
+      width="100%"
+    >
+      <Box
+        flexDirection="row"
+        justifyContent="space-between"
+        alignItems="center"
+        paddingX={1}
+      >
+        <Box flexDirection="row" alignItems="center">
+          <Text color="#f97316" bold>■</Text>
+          <Text color="white" bold> RAX-FLOW</Text>
+          <Text color="gray"> HUB</Text>
+        </Box>
+        <Box flexDirection="row" alignItems="center">
+          <Text color="gray">Project:</Text>
+          <Text color="cyan"> {projectName}</Text>
+          <Text color="gray"> │ Agents:</Text>
+          <Text color="green"> {agentCount}/12</Text>
+          <Text color="gray"> │ [{provider}]</Text>
+          <Text color={statusColors[status]}> {animatedStatus} {statusText[status]}</Text>
+        </Box>
+      </Box>
+      <Box flexDirection="row" paddingX={1}>
+        {(["chat", "dag", "status"] as const).map((panel) => (
+          <Box key={panel} marginRight={2}>
+            <Text color={activePanel === panel ? "#f97316" : "gray"} bold={activePanel === panel}>
+              [{panelNames[panel]}]
+            </Text>
+          </Box>
+        ))}
+        <Text color="gray">| Tab: Changer │ ?: Aide │ Ctrl+C: Quitter</Text>
+      </Box>
+    </Box>
+  );
+}