Feat/terminal

crates/librefang-api/Cargo.toml

@@ -18,6 +18,7 @@ librefang-extensions = { path = "../librefang-extensions" }
 librefang-migrate = { path = "../librefang-migrate" }
 librefang-telemetry = { path = "../librefang-telemetry" }
 dashmap = { workspace = true }
+portable-pty = "0.9"
 tokio = { workspace = true }
 serde = { workspace = true }
 serde_json = { workspace = true }

crates/librefang-api/dashboard/package.json

@@ -31,7 +31,9 @@
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "zustand": "^5.0.12"
+    "zustand": "^5.0.12",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",

crates/librefang-api/dashboard/src/App.tsx

@@ -1,7 +1,7 @@
 import { Link, Outlet } from "@tanstack/react-router";
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { Globe, Sun, Moon, Search, ChevronLeft, ChevronRight, ChevronDown, Menu, Home, Layers, MessageCircle, CheckCircle, Calendar, Shield, Users, User, Server, Network, Bell, Hand, BarChart3, Database, Activity, FileText, Settings, Puzzle, Cpu, Lock, Share2, Gauge, LogOut, UserCircle, X, Sparkles } from "lucide-react";
+import { Globe, Sun, Moon, Search, ChevronLeft, ChevronRight, ChevronDown, Menu, Home, Layers, MessageCircle, CheckCircle, Calendar, Shield, Users, User, Server, Network, Bell, Hand, BarChart3, Database, Activity, FileText, Settings, Puzzle, Cpu, Lock, Share2, Gauge, LogOut, UserCircle, X, Sparkles, Terminal } from "lucide-react";
 import { useUIStore } from "./lib/store";
 import { CommandPalette, useCommandPalette } from "./components/ui/CommandPalette";
 import { ShortcutsHelp } from "./components/ui/ShortcutsHelp";
@@ -440,6 +440,7 @@ export function App() {
       label: t("nav.advanced"),
       items: [
         { to: "/comms", label: t("nav.comms"), icon: Activity },
+        { to: "/terminal", label: t("nav.terminal"), icon: Terminal },
         { to: "/network", label: t("nav.network"), icon: Share2 },
         { to: "/a2a", label: t("nav.a2a"), icon: Globe },
         { to: "/telemetry", label: t("nav.telemetry"), icon: Gauge },

crates/librefang-api/dashboard/src/components/ui/CommandPalette.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { useTranslation } from "react-i18next";
-import { Search, Home, Layers, MessageCircle, Server, Network, Calendar, Shield, BarChart3, FileText, Settings, Bot, Clock, CheckCircle, Database, Activity, Hand, Puzzle, Cpu, Radio } from "lucide-react";
+import { Search, Home, Layers, MessageCircle, Server, Network, Calendar, Shield, BarChart3, FileText, Settings, Bot, Clock, CheckCircle, Database, Activity, Hand, Puzzle, Cpu, Radio, Terminal } from "lucide-react";
 import type { LucideIcon } from "lucide-react";
 import { useFocusTrap } from "../../lib/useFocusTrap";
 
@@ -48,6 +48,7 @@ export function CommandPalette({ isOpen, onClose }: CommandPaletteProps) {
     { id: "runtime", labelKey: "nav.runtime", categoryKey: "nav.system", icon: Activity, action: () => navigate({ to: "/runtime" }) },
     { id: "logs", labelKey: "nav.logs", categoryKey: "nav.system", icon: FileText, action: () => navigate({ to: "/logs" }) },
     { id: "settings", labelKey: "nav.settings", categoryKey: "nav.system", icon: Settings, action: () => navigate({ to: "/settings" }) },
+    { id: "terminal", labelKey: "nav.terminal", categoryKey: "nav.advanced", icon: Terminal, action: () => navigate({ to: "/terminal" }) },
   ], [navigate]);
 
   const filteredCommands = useMemo(() => commands.filter(cmd => {

crates/librefang-api/dashboard/src/locales/en.json

@@ -34,6 +34,7 @@
     "network": "Network",
     "a2a": "A2A",
     "telemetry": "Telemetry",
+    "terminal": "Terminal",
     "user_center": "User Center",
     "logout": "Logout",
     "expand_sidebar": "Expand sidebar",
@@ -1401,5 +1402,17 @@
     "navigate": "Navigate",
     "open": "Open",
     "close": "Close"
+  },
+  "terminal": {
+    "badge": "Terminal",
+    "title": "Terminal",
+    "subtitle_connected": "Connected",
+    "subtitle_disconnected": "Disconnected",
+    "subtitle_error": "Error: {{error}}",
+    "connect": "Connect",
+    "disconnect": "Disconnect",
+    "started": "[Terminal started: {{shell}} (PID: {{pid}})]",
+    "exited": "[Process exited with code {{code}}]",
+    "error_unknown": "Unknown error"
   }
 }

crates/librefang-api/dashboard/src/locales/zh.json

@@ -34,6 +34,7 @@
     "network": "网络",
     "a2a": "A2A",
     "telemetry": "遥测",
+    "terminal": "终端",
     "user_center": "用户中心",
     "logout": "退出登录",
     "expand_sidebar": "展开侧边栏",
@@ -1408,5 +1409,17 @@
     "navigate": "导航",
     "open": "打开",
     "close": "关闭"
+  },
+  "terminal": {
+    "badge": "终端",
+    "title": "终端",
+    "subtitle_connected": "已连接",
+    "subtitle_disconnected": "未连接",
+    "subtitle_error": "错误: {{error}}",
+    "connect": "连接",
+    "disconnect": "断开",
+    "started": "[终端已启动: {{shell}} (PID: {{pid}})]",
+    "exited": "[进程已退出，代码 {{code}}]",
+    "error_unknown": "未知错误"
   }
 }