release-2.4.1 (#921)

* chore(deps-dev): bump the dev-minor-updates group across 1 directory with 12 updates (#910) Bumps the dev-minor-updates group with 12 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@radix-ui/react-select](https://github.com/radix-ui/primitives/tree/HEAD/packages/react/select) | `2.2.6` | `2.3.1` | | [@radix-ui/react-slider](https://github.com/radix-ui/primitives/tree/HEAD/packages/react/slider) | `1.3.6` | `1.4.1` | | [@radix-ui/react-slot](https://github.com/radix-ui/primitives/tree/HEAD/packages/react/slot) | `1.2.5` | `1.3.0` | | [@radix-ui/react-switch](https://github.com/radix-ui/primitives/tree/HEAD/packages/react/switch) | `1.2.6` | `1.3.1` | | [cytoscape](https://github.com/cytoscape/cytoscape.js) | `3.33.4` | `3.34.0` | | [electron](https://github.com/electron/electron) | `42.2.0` | `42.4.1` | | [electron-builder](https://github.com/electron-userland/electron-builder/tree/HEAD/packages/electron-builder) | `26.8.1` | `26.15.3` | | [lucide-react](https://github.com/lucide-icons/lucide/tree/HEAD/packages/lucide-react) | `1.16.0` | `1.20.0` | | [radix-ui](https://github.com/radix-ui/primitives/tree/HEAD/packages/react/radix-ui) | `1.4.3` | `1.6.0` | | [react-hook-form](https://github.com/react-hook-form/react-hook-form) | `7.76.1` | `7.79.0` | | [sharp](https://github.com/lovell/sharp) | `0.34.5` | `0.35.1` | | [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/typescript-eslint) | `8.60.0` | `8.61.1` | Updates `@radix-ui/react-select` from 2.2.6 to 2.3.1 - [Changelog](https://github.com/radix-ui/primitives/blob/main/packages/react/select/CHANGELOG.md) - [Commits](https://github.com/radix-ui/primitives/commits/HEAD/packages/react/select) Updates `@radix-ui/react-slider` from 1.3.6 to 1.4.1 - [Changelog](https://github.com/radix-ui/primitives/blob/main/packages/react/slider/CHANGELOG.md) - [Commits](https://github.com/radix-ui/primitives/commits/HEAD/packages/react/slider) Updates `@radix-ui/react-slot` from 1.2.5 to 1.3.0 - [Changelog](https://github.com/radix-ui/primitives/blob/main/packages/react/slot/CHANGELOG.md) - [Commits](https://github.com/radix-ui/primitives/commits/HEAD/packages/react/slot) Updates `@radix-ui/react-switch` from 1.2.6 to 1.3.1 - [Changelog](https://github.com/radix-ui/primitives/blob/main/packages/react/switch/CHANGELOG.md) - [Commits](https://github.com/radix-ui/primitives/commits/HEAD/packages/react/switch) Updates `cytoscape` from 3.33.4 to 3.34.0 - [Release notes](https://github.com/cytoscape/cytoscape.js/releases) - [Commits](https://github.com/cytoscape/cytoscape.js/compare/v3.33.4...v3.34.0) Updates `electron` from 42.2.0 to 42.4.1 - [Release notes](https://github.com/electron/electron/releases) - [Commits](https://github.com/electron/electron/compare/v42.2.0...v42.4.1) Updates `electron-builder` from 26.8.1 to 26.15.3 - [Release notes](https://github.com/electron-userland/electron-builder/releases) - [Changelog](https://github.com/electron-userland/electron-builder/blob/master/packages/electron-builder/CHANGELOG.md) - [Commits](https://github.com/electron-userland/electron-builder/commits/electron-builder@26.15.3/packages/electron-builder) Updates `lucide-react` from 1.16.0 to 1.20.0 - [Release notes](https://github.com/lucide-icons/lucide/releases) - [Commits](https://github.com/lucide-icons/lucide/commits/1.20.0/packages/lucide-react) Updates `radix-ui` from 1.4.3 to 1.6.0 - [Changelog](https://github.com/radix-ui/primitives/blob/main/packages/react/radix-ui/CHANGELOG.md) - [Commits](https://github.com/radix-ui/primitives/commits/HEAD/packages/react/radix-ui) Updates `react-hook-form` from 7.76.1 to 7.79.0 - [Release notes](https://github.com/react-hook-form/react-hook-form/releases) - [Changelog](https://github.com/react-hook-form/react-hook-form/blob/master/CHANGELOG.md) - [Commits](https://github.com/react-hook-form/react-hook-form/compare/v7.76.1...v7.79.0) Updates `sharp` from 0.34.5 to 0.35.1 - [Release notes](https://github.com/lovell/sharp/releases) - [Commits](https://github.com/lovell/sharp/compare/v0.34.5...v0.35.1) Updates `typescript-eslint` from 8.60.0 to 8.61.1 - [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases) - [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-eslint/CHANGELOG.md) - [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.61.1/packages/typescript-eslint) --- updated-dependencies: - dependency-name: "@radix-ui/react-select" dependency-version: 2.3.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: "@radix-ui/react-slider" dependency-version: 1.4.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: "@radix-ui/react-slot" dependency-version: 1.3.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: "@radix-ui/react-switch" dependency-version: 1.3.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: cytoscape dependency-version: 3.34.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: electron dependency-version: 42.4.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: electron-builder dependency-version: 26.15.3 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: lucide-react dependency-version: 1.18.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: radix-ui dependency-version: 1.6.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: react-hook-form dependency-version: 7.79.0 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: sharp dependency-version: 0.35.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates - dependency-name: typescript-eslint dependency-version: 8.61.1 dependency-type: direct:development update-type: version-update:semver-minor dependency-group: dev-minor-updates ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(deps): bump node in /docker in the docker-major-updates group (#914) Bumps the docker-major-updates group in /docker with 1 update: node. Updates `node` from 24-slim to 26-slim --- updated-dependencies: - dependency-name: node dependency-version: 26-slim dependency-type: direct:production dependency-group: docker-major-updates ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * ci(deps): bump the github-actions group with 2 updates (#915) Bumps the github-actions group with 2 updates: [actions/checkout](https://github.com/actions/checkout) and [actions/setup-node](https://github.com/actions/setup-node). Updates `actions/checkout` from 5 to 6 - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v5...v6) Updates `actions/setup-node` from 4 to 6 - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](https://github.com/actions/setup-node/compare/v4...v6) --- updated-dependencies: - dependency-name: actions/checkout dependency-version: '6' dependency-type: direct:production update-type: version-update:semver-major dependency-group: github-actions - dependency-name: actions/setup-node dependency-version: '6' dependency-type: direct:production update-type: version-update:semver-major dependency-group: github-actions ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * chore(deps): bump the prod-minor-updates group across 1 directory with 5 updates (#916) Bumps the prod-minor-updates group with 5 updates in the / directory: | Package | From | To | | --- | --- | --- | | [axios](https://github.com/axios/axios) | `1.17.0` | `1.18.0` | | [better-sqlite3](https://github.com/WiseLibs/better-sqlite3) | `12.10.0` | `12.11.1` | | [body-parser](https://github.com/expressjs/body-parser) | `2.2.2` | `2.3.0` | | [multer](https://github.com/expressjs/multer) | `2.1.1` | `2.2.0` | | [undici](https://github.com/nodejs/undici) | `8.4.0` | `8.5.0` | Updates `axios` from 1.17.0 to 1.18.0 - [Release notes](https://github.com/axios/axios/releases) - [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md) - [Commits](https://github.com/axios/axios/compare/v1.17.0...v1.18.0) Updates `better-sqlite3` from 12.10.0 to 12.11.1 - [Release notes](https://github.com/WiseLibs/better-sqlite3/releases) - [Commits](https://github.com/WiseLibs/better-sqlite3/compare/v12.10.0...v12.11.1) Updates `body-parser` from 2.2.2 to 2.3.0 - [Release notes](https://github.com/expressjs/body-parser/releases) - [Changelog](https://github.com/expressjs/body-parser/blob/master/HISTORY.md) - [Commits](https://github.com/expressjs/body-parser/compare/v2.2.2...v2.3.0) Updates `multer` from 2.1.1 to 2.2.0 - [Release notes](https://github.com/expressjs/multer/releases) - [Changelog](https://github.com/expressjs/multer/blob/main/CHANGELOG.md) - [Commits](https://github.com/expressjs/multer/compare/v2.1.1...v2.2.0) Updates `undici` from 8.4.0 to 8.5.0 - [Release notes](https://github.com/nodejs/undici/releases) - [Commits](https://github.com/nodejs/undici/compare/v8.4.0...v8.5.0) --- updated-dependencies: - dependency-name: axios dependency-version: 1.18.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: prod-minor-updates - dependency-name: better-sqlite3 dependency-version: 12.11.1 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: prod-minor-updates - dependency-name: body-parser dependency-version: 2.3.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: prod-minor-updates - dependency-name: multer dependency-version: 2.2.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: prod-minor-updates - dependency-name: undici dependency-version: 8.5.0 dependency-type: direct:production update-type: version-update:semver-minor dependency-group: prod-minor-updates ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * feat: add unlink button for dual auth * fix: general bug fixes * fix: general qol/small feature additions * fix: 100mb max upload size * fix: terminal syntax not handling carriage returns or shell prompt lines properly * feat: continued general improvements * fix: terminal outputting success right after folder path * chore: update release notes * feat: continued fixes and improvements * chore: lint, format, and bump version to 2.4.1 * chore: sync Crowdin translations for 2.4.1 * fix: rebase dev branch onto main before Crowdin download * fix: use merge instead of rebase to sync main before Crowdin --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2026-07-16 05:13:36 +00:00 · 2026-06-21 15:55:41 -05:00
parent 8072b4ede9
commit d1a8dcf3c6
165 changed files with 87244 additions and 60766 deletions
@@ -15,6 +15,7 @@ import {
  LayoutPanelLeft,
  Plus,
  Minus,
+  Pencil,
 } from "lucide-react";
 import { tabIcon } from "@/shell/tabUtils";
 import type { Tab, TabType, SplitMode } from "@/types/ui-types";
@@ -35,6 +36,7 @@ export function TabBar({
  onSplitTab,
  onAddToSplit,
  onRemoveFromSplit,
+  onRenameTab,
 }: {
  tabs: Tab[];
  activeTabId: string;
@@ -48,6 +50,7 @@ export function TabBar({
  onSplitTab: (tabId: string, mode: SplitMode) => void;
  onAddToSplit: (tabId: string) => void;
  onRemoveFromSplit: (tabId: string) => void;
+  onRenameTab?: (tabId: string, newLabel: string) => void;
 }) {
  const { t } = useTranslation();
  const [open, setOpen] = useState(true);
@@ -58,6 +61,9 @@ export function TabBar({
  const [contextPos, setContextPos] = useState<{ x: number; y: number } | null>(
    null,
  );
+  const [renamingTabId, setRenamingTabId] = useState<string | null>(null);
+  const [renameValue, setRenameValue] = useState("");
+  const renameInputRef = useRef<HTMLInputElement>(null);

  const tabBarRef = useRef<HTMLDivElement>(null);
  const tabEls = useRef<Map<string, HTMLDivElement>>(new Map());
@@ -165,6 +171,19 @@ export function TabBar({
    return () => window.removeEventListener("mousedown", onDown);
  }, [contextTabId]);

+  useEffect(() => {
+    if (renamingTabId) {
+      setTimeout(() => renameInputRef.current?.focus(), 0);
+    }
+  }, [renamingTabId]);
+
+  function commitRename() {
+    if (!renamingTabId) return;
+    const trimmed = renameValue.trim();
+    if (trimmed) onRenameTab?.(renamingTabId, trimmed);
+    setRenamingTabId(null);
+  }
+
  const dragIdx = tabs.findIndex((t) => t.id === dragTabId);
  const target = dragTargetIndex ?? dragIdx;

@@ -288,8 +307,25 @@ export function TabBar({
                  <span className="absolute bottom-0.5 left-1/2 -translate-x-1/2 size-1 rounded-full bg-muted-foreground/40 z-10" />
                )}
                {tabIcon(tab.type)}
-                {tab.type !== "dashboard" && tab.label}
-                {tab.type !== "dashboard" && (
+                {tab.type !== "dashboard" && renamingTabId === tab.id ? (
+                  <input
+                    ref={renameInputRef}
+                    value={renameValue}
+                    onChange={(e) => setRenameValue(e.target.value)}
+                    onBlur={commitRename}
+                    onKeyDown={(e) => {
+                      if (e.key === "Enter") commitRename();
+                      else if (e.key === "Escape") setRenamingTabId(null);
+                    }}
+                    onPointerDown={(e) => e.stopPropagation()}
+                    onClick={(e) => e.stopPropagation()}
+                    className="bg-transparent border-b border-accent-brand outline-none text-sm w-28 min-w-0"
+                    style={{ fontWeight: "inherit" }}
+                  />
+                ) : (
+                  tab.type !== "dashboard" && tab.label
+                )}
+                {tab.type !== "dashboard" && renamingTabId !== tab.id && (
                  <div
                    className={`flex items-center gap-0.5 ml-1 ${active ? "opacity-100" : "opacity-0 group-hover/tab:opacity-100"}`}
                  >
@@ -300,7 +336,7 @@ export function TabBar({
                          e.stopPropagation();
                          onRefreshTab(tab.id);
                        }}
-                        title="Refresh connection"
+                        title={t("nav.refreshTab")}
                        className="flex items-center justify-center size-5 md:size-4 rounded-sm transition-colors text-muted-foreground hover:text-foreground hover:bg-muted"
                      >
                        <RefreshCw className="size-3" />
@@ -456,13 +492,25 @@ export function TabBar({
                  }}
                >
                  <RefreshCw className="size-3" />
-                  Refresh connection
+                  {t("nav.refreshTab")}
                </button>
              )}
+              <button
+                className="flex items-center gap-2 w-full px-3 py-1.5 text-xs text-left hover:bg-accent hover:text-accent-foreground"
+                onClick={() => {
+                  setRenameValue(ctxTab.label);
+                  setRenamingTabId(contextTabId);
+                  setContextTabId(null);
+                  setContextPos(null);
+                }}
+              >
+                <Pencil className="size-3" />
+                {t("nav.renameTab")}
+              </button>
              <div className="h-px bg-border my-1" />
              {/* Split submenu */}
              <div className="px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground">
-                Split
+                {t("terminal.split.splitTab")}
              </div>
              {SPLIT_MODES.filter((m) => m.id !== "none").map((mode) => (
                <button
@@ -489,7 +537,7 @@ export function TabBar({
                      }}
                    >
                      <Minus className="size-3" />
-                      Remove from split
+                      {t("terminal.split.removeFromSplit")}
                    </button>
                  ) : hasEmptySlot ? (
                    <button
@@ -500,7 +548,7 @@ export function TabBar({
                      }}
                    >
                      <Plus className="size-3" />
-                      Add to split
+                      {t("terminal.split.addToSplit")}
                    </button>
                  ) : null}
                </>
@@ -514,7 +562,7 @@ export function TabBar({
                }}
              >
                <X className="size-3" />
-                Close tab
+                {t("nav.closeTab")}
              </button>
            </div>
          );
@@ -20,6 +20,8 @@ import type {
  TerminalHandle,
  TerminalHostConfig,
 } from "@/features/terminal/Terminal";
+import { MobileTerminalKeyboard } from "@/features/terminal/MobileTerminalKeyboard";
+import { useIsMobile } from "@/hooks/use-mobile";
 import { FileManager } from "@/features/file-manager/FileManager";
 import { DockerManager } from "@/features/docker/DockerManager";
 import { HostMetricsTab } from "@/features/host-metrics/HostMetricsTab";
@@ -127,33 +129,58 @@ function TerminalTabContent({
  label,
  isVisible,
  onCloseTab,
+  onRenameTab,
+  onOpenFileInEditor,
+  onOpenFileManager,
 }: {
  tab: Tab;
  host: Host;
  label: string;
  isVisible: boolean;
  onCloseTab?: (id: string) => void;
+  onRenameTab?: (tabId: string, newLabel: string) => void;
+  onOpenFileInEditor?: (filePath: string) => void;
+  onOpenFileManager?: (path?: string) => void;
 }) {
  const { previewTerminalTheme } = useTabsSafe();
+  const isMobile = useIsMobile();
  return (
    <CommandHistoryProvider>
-      <TerminalFeature
-        ref={tab.terminalRef as React.Ref<TerminalHandle>}
-        hostConfig={
-          {
-            ...hostToSSHHost(host),
-            sshPort: host.sshPort ?? host.port,
-            instanceId: tab.instanceId ?? tab.id,
-            restoredSessionId: tab.restoredSessionId ?? null,
-          } as TerminalHostConfig
-        }
-        isVisible={isVisible}
-        title={label}
-        showTitle={false}
-        splitScreen={false}
-        onClose={() => onCloseTab?.(tab.id)}
-        previewTheme={previewTerminalTheme}
-      />
+      <div className="flex flex-col h-full w-full">
+        <div className="flex-1 min-h-0">
+          <TerminalFeature
+            ref={tab.terminalRef as React.Ref<TerminalHandle>}
+            hostConfig={
+              {
+                ...hostToSSHHost(host),
+                sshPort: host.sshPort ?? host.port,
+                instanceId: tab.instanceId ?? tab.id,
+                restoredSessionId: tab.restoredSessionId ?? null,
+              } as TerminalHostConfig
+            }
+            isVisible={isVisible}
+            title={label}
+            showTitle={false}
+            splitScreen={false}
+            onClose={() => onCloseTab?.(tab.id)}
+            onTitleChange={
+              onRenameTab && host.terminalConfig?.useSSHTitle
+                ? (title) => onRenameTab(tab.id, title)
+                : undefined
+            }
+            previewTheme={previewTerminalTheme}
+            onOpenFileInEditor={onOpenFileInEditor}
+            onOpenFileManager={onOpenFileManager}
+          />
+        </div>
+        {isMobile && (
+          <MobileTerminalKeyboard
+            terminalRef={
+              tab.terminalRef as React.RefObject<TerminalHandle | null>
+            }
+          />
+        )}
+      </div>
    </CommandHistoryProvider>
  );
 }
@@ -164,6 +191,9 @@ export function renderTabContent(
  onOpenTab?: (host: Host, type: TabType) => void,
  onCloseTab?: (id: string) => void,
  isVisible = true,
+  onOpenFileInEditor?: (host: Host, filePath: string) => void,
+  onOpenFileManager?: (host: Host, path?: string) => void,
+  onRenameTab?: (tabId: string, newLabel: string) => void,
 ) {
  const { host, label } = tab;

@@ -191,6 +221,15 @@ export function renderTabContent(
          label={label}
          isVisible={isVisible}
          onCloseTab={onCloseTab}
+          onRenameTab={onRenameTab}
+          onOpenFileInEditor={
+            onOpenFileInEditor
+              ? (fp) => onOpenFileInEditor(host, fp)
+              : undefined
+          }
+          onOpenFileManager={
+            onOpenFileManager ? (p) => onOpenFileManager(host, p) : undefined
+          }
        />
      );

@@ -202,7 +241,12 @@ export function renderTabContent(
            messageKey="fileManager.noHostSelected"
          />
        );
-      return <FileManager initialHost={hostToSSHHost(host)} />;
+      return (
+        <FileManager
+          initialHost={hostToSSHHost(host)}
+          initialFilePath={tab.initialFilePath}
+        />
+      );

    case "docker":
      if (!host)