diff --git a/src/workspaces/officerdev/src/apps/Terminal/Headers.tsx b/src/workspaces/officerdev/src/apps/Terminal/Headers.tsx index c34dd179..463d60aa 100644 --- a/src/workspaces/officerdev/src/apps/Terminal/Headers.tsx +++ b/src/workspaces/officerdev/src/apps/Terminal/Headers.tsx @@ -2,6 +2,8 @@ import { TerminalSquare, Monitor, Columns2, PenLine, Sparkles, Circle, Loader2 } import { useWorkspace } from '../../components/Workspace'; import { useGlobal } from 'hooks/useGlobal'; import type { TerminalConnectionState } from './Terminal'; +import { useTranslation } from '../../locales'; +import { Untranslated } from '@/components/Untranslated'; const ConnectionIndicator = ({ panelId }: { panelId: string }) => { const [state] = useGlobal(`terminal-conn-${panelId}`, 'disconnected'); @@ -18,12 +20,13 @@ const ConnectionIndicator = ({ panelId }: { panelId: string }) => { }; export const TerminalHeader = ({ panelId }: { panelId: string }) => { + const { t } = useTranslation(); const { cwd } = useWorkspace(); return ( <> - Terminal + {t('terminal.title')} {cwd} @@ -31,11 +34,12 @@ export const TerminalHeader = ({ panelId }: { panelId: string }) => { }; export const HostTerminalHeader = ({ panelId }: { panelId: string }) => { + const { t } = useTranslation(); const { cwd } = useWorkspace(); return ( <> - Terminal + {t('terminal.title')} {cwd} @@ -47,7 +51,9 @@ export const TmuxHeader = ({ panelId }: { panelId: string }) => { return ( <> - Tmux + + Tmux + {cwd} @@ -59,7 +65,9 @@ export const NvimHeader = ({ panelId }: { panelId: string }) => { return ( <> - Neovim + + Neovim + {cwd} @@ -71,7 +79,9 @@ export const ClaudeCodeHeader = ({ panelId }: { panelId: string }) => { return ( <> - Claude Code + + Claude Code + {cwd} diff --git a/src/workspaces/officerdev/src/apps/Terminal/RunningShells.tsx b/src/workspaces/officerdev/src/apps/Terminal/RunningShells.tsx index 489f3e3a..c172c30f 100644 --- a/src/workspaces/officerdev/src/apps/Terminal/RunningShells.tsx +++ b/src/workspaces/officerdev/src/apps/Terminal/RunningShells.tsx @@ -2,6 +2,7 @@ import { useCallback } from 'react'; import { useQuery, useQueryClient } from '@tanstack/react-query'; import { TerminalSquare, Trash2, RefreshCw } from 'lucide-react'; import { useClient } from 'hooks/useClient'; +import { useTranslation } from '../../locales'; // Every shell the pty sidecar is holding, whether or not a panel is pointing at it. // @@ -44,6 +45,7 @@ const since = (ts: number): string => { }; export const RunningShells = () => { + const { t } = useTranslation(); const client = useClient(); const queryClient = useQueryClient(); @@ -69,12 +71,12 @@ export const RunningShells = () => {
- Running shells + {t('terminal.runningShells')} {sessions.length}
- {isLoading &&

Loading…

} + {isLoading &&

{t('terminal.loading')}

} {!isLoading && sessions.length === 0 && ( -

No shells running.

+

{t('terminal.noShells')}

)} {sessions.map((s) => (
@@ -94,9 +96,7 @@ export const RunningShells = () => {

{s.title || 'shell'} {s.clients === 0 && ( - - orphan - + orphan )}

@@ -109,7 +109,7 @@ export const RunningShells = () => {