feat: update tamplates

frontend/src/modules/ide/components/FilePicker.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import type { FileNode } from "../types";
 import { FilePickerItem } from "./FilePickerItem";
 import { useFilePickerStore } from "../store/useFilePickerStore";
+import { TerminalOutput } from "@/modules/terminal";
+import { useTerminalStore } from "@/modules/terminal/store/useTerminalStore";
 
 interface FilePickerProps {
   files: FileNode;
@@ -55,6 +57,9 @@ const FilePickerTree: React.FC<{
 };
 
 export const FilePicker: React.FC<FilePickerProps> = ({ files, onRun }) => {
+  const terminalOpen = useTerminalStore((s) => s.isOpen);
+  const jobs = useTerminalStore((s) => s.jobs);
+
   return (
     <div
       style={{
@@ -63,6 +68,13 @@ export const FilePicker: React.FC<FilePickerProps> = ({ files, onRun }) => {
         backgroundColor: "var(--bg-primary)",
       }}
     >
+      {/* Terminal — сверху, над списком файлов */}
+      {terminalOpen && jobs.length > 0 && (
+        <div style={{ height: 250 }}>
+          <TerminalOutput />
+        </div>
+      )}
+
       {(files.children || []).map((child, idx) => (
         <FilePickerTree key={idx} node={child} level={0} onRun={onRun} />
       ))}

frontend/src/modules/ide/components/RunScriptModal.tsx

@@ -60,21 +60,14 @@ export const RunScriptModal: React.FC<RunScriptModalProps> = ({
       // 4. Ждём завершения по id
       const jobResult = await scriptsApi.waitJob(runResult.id);
 
-      // 5. Обновляем джоб
-      addJob({
-        id: jobResult.id,
-        scriptPath,
+      // 5. Обновляем существующий джоб (не создаём новый!)
+      const terminalStore = useTerminalStore.getState();
+      terminalStore.updateJob(runResult.id, {
         command: jobResult.command,
         stdin: jobResult.stdin,
-      });
-
-      // Обновляем с финальным статусом
-      const terminalStore = useTerminalStore.getState();
-      terminalStore.updateJob(jobResult.id, {
         status: jobResult.status,
         stdout: jobResult.stdout,
         stderr: jobResult.stderr,
-        stdin: jobResult.stdin,
         isRunning: false,
       });
 

frontend/src/pages/templates.page.tsx

@@ -1,11 +1,9 @@
 import { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
-import { FiEdit3, FiPlay } from "react-icons/fi";
+import { FiEdit3 } from "react-icons/fi";
 import { FaSpinner } from "react-icons/fa";
 import { FilePicker } from "../modules/ide";
 import { RunScriptModal } from "../modules/ide/components/RunScriptModal";
-import { TerminalOutput } from "../modules/terminal";
-import { useTerminalStore } from "../modules/terminal/store/useTerminalStore";
 import type { FileNode } from "../modules/ide";
 import { scriptsApi } from "../modules/ide/api/scripts.api";
 
@@ -50,9 +48,6 @@ export const TemplatesPage = () => {
     scriptId: number;
   } | null>(null);
 
-  const terminalOpen = useTerminalStore((s) => s.isOpen);
-  const [terminalHeight] = useState(300);
-
   useEffect(() => {
     scriptsApi
       .getTree()
@@ -78,22 +73,21 @@ export const TemplatesPage = () => {
     <div
       style={{
         height: "100vh",
-        position: "relative",
         backgroundColor: "var(--bg-primary)",
         display: "flex",
         flexDirection: "column",
       }}
     >
-      {/* Floating header */}
+      {/* Header bar */}
       <div
         style={{
-          position: "absolute",
-          top: "16px",
-          right: "16px",
-          zIndex: 10,
           display: "flex",
           alignItems: "center",
-          gap: "16px",
+          justifyContent: "flex-end",
+          padding: "12px 16px",
+          borderBottom: "1px solid var(--border)",
+          backgroundColor: "var(--card-bg)",
+          flexShrink: 0,
         }}
       >
         {/* Open in Editor button */}
@@ -125,15 +119,7 @@ export const TemplatesPage = () => {
         </button>
       </div>
 
-      {/* File Picker + Terminal */}
-      <div
-        style={{
-          flex: 1,
-          display: "flex",
-          flexDirection: "column",
-          overflow: "hidden",
-        }}
-      >
+      {/* File Picker (terminal встроен внутрь) */}
       <div style={{ flex: 1, overflow: "hidden" }}>
         {loading ? (
           <div
@@ -181,14 +167,6 @@ export const TemplatesPage = () => {
         ) : null}
       </div>
 
-        {/* Terminal */}
-        {terminalOpen && (
-          <div style={{ height: `${terminalHeight}px`, flexShrink: 0 }}>
-            <TerminalOutput />
-          </div>
-        )}
-      </div>
-
       {/* Run Script Modal */}
       {runModal && (
         <RunScriptModal