-
- {currentFile ? (
-
-
- {currentFile.replace(projectPath, "")}
+
+
+ {openTabs.length === 0 ? (
+
+ Select a file to edit
) : (
- Select a file to edit
+ openTabs.map((tab) => {
+ const isActive = tab.id === activeTabId;
+ const isDirty = unsavedChanges[tab.path] !== undefined;
+ return (
+
+ );
+ })
)}
@@ -719,6 +973,64 @@ export default function EditorView() {
)}
);
}
diff --git a/src/components/FileTree.jsx b/src/components/FileTree.jsx
index c598a79..290d114 100644
--- a/src/components/FileTree.jsx
+++ b/src/components/FileTree.jsx
@@ -124,17 +124,21 @@ const FileTreeNode = ({
onSelect,
selectedPath,
level = 0,
- defaultOpen = false,
projectRoot,
onRefresh,
onRequestCreate,
gitStatusByPath,
folderChangesByPath,
+ expandedPaths,
+ onToggleFolder,
}) => {
- const [isOpen, setIsOpen] = useState(defaultOpen); // All folders closed by default
+ const isDirectory = node.type === "directory";
+ const isOpen =
+ isDirectory && expandedPaths
+ ? !!expandedPaths[normalizePath(node.path)]
+ : false;
const [iconError, setIconError] = useState(false);
const [isDragOver, setIsDragOver] = useState(false);
- const isDirectory = node.type === "directory";
const isSelected = selectedPath === node.path;
const hasChildren = isDirectory && node.children && node.children.length > 0;
const parentPath = isDirectory ? node.path : dirname(node.path);
@@ -145,16 +149,16 @@ const FileTreeNode = ({
const handleToggle = (e) => {
e.stopPropagation();
- if (isDirectory) {
- setIsOpen(!isOpen);
+ if (isDirectory && onToggleFolder) {
+ onToggleFolder(node.path);
}
};
const handleSelect = (e) => {
e.stopPropagation();
if (isDirectory) {
- if (hasChildren) {
- setIsOpen(!isOpen);
+ if (hasChildren && onToggleFolder) {
+ onToggleFolder(node.path);
}
// Don't call onSelect for directories
return;
@@ -469,18 +473,20 @@ const FileTreeNode = ({
className="overflow-hidden"
>
{node.children.map((child) => (
-
+
))}
)}
@@ -496,6 +502,8 @@ export default function FileTree({
projectRoot,
onRefresh,
gitStatusByPath,
+ expandedPaths = {},
+ onToggleFolder,
}) {
// Sort files and compute which folders contain any changes
const { sortedFiles, folderChangesByPath } = useMemo(() => {
@@ -658,6 +666,8 @@ export default function FileTree({
onRequestCreate={openCreateDialog}
gitStatusByPath={gitStatusByPath}
folderChangesByPath={folderChangesByPath}
+ expandedPaths={expandedPaths}
+ onToggleFolder={onToggleFolder}
/>
))
)}
diff --git a/src/components/LogViewer.jsx b/src/components/LogViewer.jsx
index 58cceba..41ca41c 100644
--- a/src/components/LogViewer.jsx
+++ b/src/components/LogViewer.jsx
@@ -1,6 +1,13 @@
import React, { useEffect, useRef, useState } from "react";
import { useOutletContext } from "react-router-dom";
-import { Terminal as TerminalIcon, Send, BrushCleaning } from "lucide-react";
+import {
+ Terminal as TerminalIcon,
+ Send,
+ BrushCleaning,
+ Copy,
+ Download,
+ MoreVertical,
+} from "lucide-react";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
import { Terminal } from "@xterm/xterm";
@@ -12,6 +19,13 @@ import { toast } from "react-toastify";
import { useAtomValue, useSetAtom } from "jotai";
import { logsAtom } from "@/store/atoms";
+import {
+ ContextMenu,
+ ContextMenuContent,
+ ContextMenuItem,
+ ContextMenuTrigger,
+ ContextMenuSeparator,
+} from "@/components/ui/context-menu";
export default function LogViewer(props) {
const context = useOutletContext();
@@ -27,6 +41,8 @@ export default function LogViewer(props) {
const xtermRef = useRef(null);
const fitAddonRef = useRef(null);
const lastLogIndexRef = useRef(0);
+ const [isCopying, setIsCopying] = useState(false);
+ const [isExporting, setIsExporting] = useState(false);
useEffect(() => {
lastLogIndexRef.current = 0;
@@ -159,6 +175,91 @@ export default function LogViewer(props) {
};
const setAllLogs = useSetAtom(logsAtom);
+ const copyTextToClipboard = async (text) => {
+ await navigator.clipboard.writeText(text);
+ };
+
+ const handleCopyCurrentLogs = async () => {
+ if (!logs || logs.length === 0) {
+ toast.info("No console logs to copy");
+ return;
+ }
+ setIsCopying(true);
+ try {
+ const text = logs.map((l) => l?.data ?? "").join("");
+ await copyTextToClipboard(text);
+ toast.success("Console logs copied");
+ } catch (err) {
+ console.error("Failed to copy console logs:", err);
+ toast.error("Failed to copy console logs");
+ } finally {
+ setIsCopying(false);
+ }
+ };
+
+ const handleExportCurrentLogs = async () => {
+ setIsExporting(true);
+ try {
+ const res = await window.api.exportConsoleLogsProject(projectId);
+ if (res?.canceled) {
+ toast.info("Export canceled");
+ return;
+ }
+ toast.success("Console logs exported");
+ } catch (err) {
+ console.error("Failed to export console logs:", err);
+ toast.error("Failed to export console logs");
+ } finally {
+ setIsExporting(false);
+ }
+ };
+
+ const handleCopyAllLogs = async () => {
+ setIsCopying(true);
+ try {
+ const [projects, allLogs] = await Promise.all([
+ window.api.getProjects(),
+ window.api.getAllLogs(),
+ ]);
+ const parts = projects.map((p) => {
+ const id = p?.id;
+ const key = String(id);
+ const projectLogs = allLogs?.[key] || [];
+ const projectName = p?.name || `Project ${id}`;
+ const header = `===== Console Logs: ${projectName} (ID: ${id}) =====\n`;
+ const body = Array.isArray(projectLogs)
+ ? projectLogs.map((l) => l?.data ?? "").join("")
+ : "";
+ return `${header}${body}`;
+ });
+ const text = parts.join("\n");
+ await copyTextToClipboard(text);
+ toast.success("All console logs copied");
+ } catch (err) {
+ console.error("Failed to copy all console logs:", err);
+ toast.error("Failed to copy all console logs");
+ } finally {
+ setIsCopying(false);
+ }
+ };
+
+ const handleExportAllLogs = async () => {
+ setIsExporting(true);
+ try {
+ const res = await window.api.exportConsoleLogsAll();
+ if (res?.canceled) {
+ toast.info("Export canceled");
+ return;
+ }
+ toast.success("Console logs exported (.zip)");
+ } catch (err) {
+ console.error("Failed to export all console logs:", err);
+ toast.error("Failed to export all console logs");
+ } finally {
+ setIsExporting(false);
+ }
+ };
+
const handleClear = () => {
lastLogIndexRef.current = 0;
xtermRef.current.clear();
@@ -213,11 +314,61 @@ export default function LogViewer(props) {