feat: update tamplates

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,68 +119,52 @@ export const TemplatesPage = () => {
         </button>
       </div>
 
-      {/* File Picker + Terminal */}
-      <div
-        style={{
-          flex: 1,
-          display: "flex",
-          flexDirection: "column",
-          overflow: "hidden",
-        }}
-      >
-        <div style={{ flex: 1, overflow: "hidden" }}>
-          {loading ? (
-            <div
+      {/* File Picker (terminal встроен внутрь) */}
+      <div style={{ flex: 1, overflow: "hidden" }}>
+        {loading ? (
+          <div
+            style={{
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+            }}
+          >
+            <FaSpinner
+              size={24}
               style={{
-                height: "100%",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-              }}
-            >
-              <FaSpinner
-                size={24}
-                style={{
-                  color: "var(--accent)",
-                  animation: "spin 1s linear infinite",
-                }}
-              />
-            </div>
-          ) : files ? (
-            <FilePicker
-              files={files}
-              onRun={(path) => {
-                // Находим ID скрипта по пути
-                const findNodeById = (
-                  node: FileNode,
-                  p: string,
-                ): FileNode | null => {
-                  if (node.path === p) return node;
-                  if (node.children) {
-                    for (const child of node.children) {
-                      const found = findNodeById(child, p);
-                      if (found) return found;
-                    }
-                  }
-                  return null;
-                };
-                const node = findNodeById(files, path);
-                if (node?.id) {
-                  handleRun(path, node.id);
-                } else {
-                  console.warn("Script ID not found for path:", path);
-                }
+                color: "var(--accent)",
+                animation: "spin 1s linear infinite",
               }}
             />
-          ) : null}
-        </div>
-
-        {/* Terminal */}
-        {terminalOpen && (
-          <div style={{ height: `${terminalHeight}px`, flexShrink: 0 }}>
-            <TerminalOutput />
           </div>
-        )}
+        ) : files ? (
+          <FilePicker
+            files={files}
+            onRun={(path) => {
+              // Находим ID скрипта по пути
+              const findNodeById = (
+                node: FileNode,
+                p: string,
+              ): FileNode | null => {
+                if (node.path === p) return node;
+                if (node.children) {
+                  for (const child of node.children) {
+                    const found = findNodeById(child, p);
+                    if (found) return found;
+                  }
+                }
+                return null;
+              };
+              const node = findNodeById(files, path);
+              if (node?.id) {
+                handleRun(path, node.id);
+              } else {
+                console.warn("Script ID not found for path:", path);
+              }
+            }}
+          />
+        ) : null}
       </div>
 
       {/* Run Script Modal */}