feat: support recent run apps feature

Author: plutoless

core/src/ten_manager/designer_frontend/public/locales/en-US/common.json

@@ -112,7 +112,8 @@
     "deleteConnectionSuccess": "Connection deleted successfully",
     "deleteConnectionFailed": "Failed to delete connection",
     "replaceNode": "Replace Node with ...",
-    "manageApps": "Manage Apps"
+    "manageApps": "Manage Apps",
+    "runApp": "Run"
   },
   "toast": {
     "saveFileSuccess": "File saved successfully",

core/src/ten_manager/designer_frontend/public/locales/ja-JP/common.json

@@ -112,7 +112,8 @@
     "deleteConnectionSuccess": "接続の削除に成功しました",
     "deleteConnectionFailed": "接続の削除に失敗しました",
     "replaceNode": "ノードを置き換え...",
-    "manageApps": "アプリを管理"
+    "manageApps": "アプリを管理",
+    "runApp": "実行"
   },
   "toast": {
     "saveFileSuccess": "ファイルの保存に成功しました",

core/src/ten_manager/designer_frontend/public/locales/zh-CN/common.json

@@ -112,7 +112,8 @@
     "deleteConnectionSuccess": "连接删除成功",
     "deleteConnectionFailed": "连接删除失败",
     "replaceNode": "替换节点...",
-    "manageApps": "管理应用"
+    "manageApps": "管理应用",
+    "runApp": "运行"
   },
   "toast": {
     "saveFileSuccess": "文件保存成功",

core/src/ten_manager/designer_frontend/public/locales/zh-TW/common.json

@@ -112,7 +112,8 @@
     "deleteConnectionSuccess": "連線刪除成功",
     "deleteConnectionFailed": "連線刪除失敗",
     "replaceNode": "替換節點...",
-    "manageApps": "管理應用程式"
+    "manageApps": "管理應用程式",
+    "runApp": "執行"
   },
   "toast": {
     "saveFileSuccess": "檔案儲存成功",

core/src/ten_manager/designer_frontend/src/api/services/storage.ts

@@ -11,6 +11,7 @@ import { makeAPIRequest, getTanstackQueryClient } from "@/api/services/utils";
 import { ENDPOINT_PREFERENCES, ENDPOINT_STORAGE } from "@/api/endpoints";
 import { ENDPOINT_METHOD } from "@/api/endpoints/constant";
 import { PERSISTENT_SCHEMA, PERSISTENT_DEFAULTS } from "@/constants/persistent";
+import { IRunAppParams } from "@/types/apps";
 
 export const getPreferencesLogViewerLines = async () => {
   const template =
@@ -133,3 +134,21 @@ export const useStorage = (type?: "in-memory" | "persistent") => {
     mutate: mutation.mutate,
   };
 };
+
+export const addRecentRunApp = async (app: IRunAppParams) => {
+  const { base_dir, script_name, stdout_is_log, stderr_is_log, run_with_agent } = app;
+  const data = await getStorageValueByKey();
+  await setStorageValueByKey(undefined, {
+    ...data,
+    recent_run_apps: [
+      {
+        base_dir: base_dir,
+        script_name: script_name,
+        stdout_is_log: stdout_is_log,
+        stderr_is_log: stderr_is_log,
+        run_with_agent: run_with_agent,
+      },
+      ...(data?.recent_run_apps || []),
+    ].slice(0, 3) // keep only the first 3
+  });
+}

core/src/ten_manager/designer_frontend/src/components/Popup/Default/App.tsx

@@ -49,6 +49,7 @@ import { Separator } from "@/components/ui/Separator";
 import {
   RTCInteractionPopupTitle,
 } from "@/components/AppBar/Menu/ExtensionMenu";
+import { addRecentRunApp, setStorageValueByKey, useStorage } from "@/api/services/storage";
 
 export const AppFolderPopupTitle = () => {
   const { t } = useTranslation();
@@ -146,11 +147,19 @@ export const AppRunPopupContent = (props: { widget: IDefaultWidget }) => {
   >(scripts?.[0] || undefined);
   const [runWithAgent, setRunWithAgent] = React.useState<boolean>(false);
 
-  const handleRun = () => {
+  const handleRun = async () => {
     removeWidget(widget.widget_id);
 
     const newAppStartWidgetId = "app-start-" + Date.now();
 
+    await addRecentRunApp({
+      base_dir: baseDir || "",
+      script_name: selectedScript || "",
+      stdout_is_log: true,
+      stderr_is_log: true,
+      run_with_agent: runWithAgent,
+    });
+
     appendWidget({
       container_id: CONTAINER_DEFAULT_ID,
       group_id: GROUP_LOG_VIEWER_ID,

core/src/ten_manager/designer_frontend/src/components/Popup/Default/RTC.tsx

@@ -47,21 +47,15 @@ export const RTCWidgetTitle = () => {
 const RTCWidgetContentInner = ({ widget }: { widget: IWidget }) => {
   const [ready, setReady] = useState(false);
   const { nodes } = useFlowStore();
-  const isConnected = useIsConnected();
-  const { data, error } = useRTCEnvVar();
+  // const isConnected = useIsConnected();
+  const { data, error: rtcEnvError } = useRTCEnvVar();
   const { appId, appCert } = data || {};
   const [channel, setChannel] = useState<string | null>(null);
   const [token, setToken] = useState<string | null>(null);
   const [uid, setUid] = useState<number | null>(null);
   const client = useRTCClient();
   const { chatItems, addChatItem } = useChatItemReducer();
 
-  React.useEffect(() => {
-    if (error) {
-      toast.error(error.message);
-    }
-  }, [error]);
-
   // Register parser logic and hook up chat message updates
   useRTCMessageParser(client, uid, (newMsg) => {
     addChatItem(newMsg);
@@ -101,7 +95,7 @@ const RTCWidgetContentInner = ({ widget }: { widget: IWidget }) => {
     return () => { };
   }, [channel, appId, appCert, uid]);
 
-  useJoin(
+  const {error:joinError} = useJoin(
     {
       appid: appId || "",
       channel: channel || "",
@@ -116,11 +110,11 @@ const RTCWidgetContentInner = ({ widget }: { widget: IWidget }) => {
   const [videoSourceType, setVideoSourceType] = useState<VideoSourceType>(
     VideoSourceType.CAMERA
   );
-  const { localMicrophoneTrack } = useLocalMicrophoneTrack(micOn);
-  const { localCameraTrack } = useLocalCameraTrack(
+  const { localMicrophoneTrack, error: micError } = useLocalMicrophoneTrack(micOn);
+  const { localCameraTrack, error: camError } = useLocalCameraTrack(
     videoSourceType === VideoSourceType.CAMERA ? videoOn : false
   );
-  const { screenTrack } = useLocalScreenTrack(
+  const { screenTrack, error: screenError } = useLocalScreenTrack(
     videoSourceType === VideoSourceType.SCREEN ? videoOn : false,
     {},
     "disable" // withAudio: "enable" | "disable"
@@ -157,8 +151,16 @@ const RTCWidgetContentInner = ({ widget }: { widget: IWidget }) => {
     ? [localMicrophoneTrack, localCameraTrack]
     : [localMicrophoneTrack, screenTrack];
 
-  usePublish(publishTracks);
+  const {error: publishError} = usePublish(publishTracks);
 
+  
+  React.useEffect(() => {
+    [rtcEnvError, joinError, publishError, micError, camError, screenError].forEach((error) => {
+      if (error) {
+        toast.error(error.message);
+      }
+    });
+  }, [rtcEnvError, joinError, publishError, micError, camError, screenError]);
 
   return (
     <div className="flex flex-col h-full w-full gap-2">

core/src/ten_manager/designer_frontend/src/constants/persistent.ts

@@ -17,10 +17,25 @@ export const PERSISTENT_SCHEMA = {
       type: "string",
       description: "Schema version",
     },
+    recent_run_apps: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          base_dir: { type: "string", description: "Base Dir" },
+          script_name: { type: "string", description: "Selected Script Name" },
+          stdout_is_log: { type: "boolean", description: "Std Out Logs" },
+          stderr_is_log: { type: "boolean", description: "Std Err Logs" },
+          run_with_agent: { type: "boolean", description: "Run with Agent" },
+        },
+        required: ["base_dir", "script_name", "stdout_is_log", "stderr_is_log", "run_with_agent"],
+      }
+    }
   },
   required: ["version"],
 };
 
 export const PERSISTENT_DEFAULTS = {
   version: "0.0.1",
+  recent_run_apps: [],
 };

core/src/ten_manager/designer_frontend/src/flow/ContextMenu/PaneContextMenu.tsx

@@ -11,6 +11,7 @@ import {
   FolderTreeIcon,
   GitPullRequestCreateIcon,
   PackagePlusIcon,
+  PlayIcon,
   // PinIcon,
 } from "lucide-react";
 
@@ -19,6 +20,8 @@ import ContextMenu, {
   type IContextMenuItem,
 } from "@/flow/ContextMenu/ContextMenu";
 import { EGraphActions } from "@/types/graphs";
+import { useStorage } from "@/api/services/storage";
+import { IRunAppParams } from "@/types/apps";
 
 
 interface PaneContextMenuProps {
@@ -30,6 +33,7 @@ interface PaneContextMenuProps {
   onOpenExistingGraph?: () => void;
   onGraphAct?: (type: EGraphActions) => void;
   onAppManager?: () => void;
+  onAppRun?: (app: IRunAppParams) => void;
   onClose: () => void;
 }
 
@@ -42,9 +46,12 @@ const PaneContextMenu: React.FC<PaneContextMenuProps> = ({
   onOpenExistingGraph,
   onGraphAct,
   onAppManager,
+  onAppRun, // Assuming you have a function to handle running the app
   onClose,
 }) => {
   const { t } = useTranslation();
+  const { data } = useStorage();
+  const { recent_run_apps = [] } = data || {};
 
 
 
@@ -95,6 +102,24 @@ const PaneContextMenu: React.FC<PaneContextMenuProps> = ({
         onAppManager?.();
       },
     },
+    ...recent_run_apps.map((app: IRunAppParams) => ({
+      _type: EContextMenuItemType.BUTTON,
+      label: `${t("action.runApp")} ${app.base_dir} ${app.script_name}`,
+      icon: <PlayIcon className="size-3" />,
+      disabled: !graphId,
+      onClick: () => {
+        onClose();
+        // Assuming you have a function to handle running the app
+        // runApp(app);
+        onAppRun?.({
+          script_name: app.script_name,
+          base_dir: app.base_dir,
+          run_with_agent: app.run_with_agent, // Assuming default value, adjust as needed
+          stderr_is_log: true, // Assuming default value, adjust as needed
+          stdout_is_log: true, // Assuming default value, adjust as needed
+        });
+      },
+    })),
   ];
 
   return <ContextMenu visible={visible} x={x} y={y} items={items} />;