diff --git a/src/web-ui/src/app/scenes/shell/ShellNav.scss b/src/web-ui/src/app/scenes/shell/ShellNav.scss index 07827dedd..ca2d9da33 100644 --- a/src/web-ui/src/app/scenes/shell/ShellNav.scss +++ b/src/web-ui/src/app/scenes/shell/ShellNav.scss @@ -275,6 +275,7 @@ &__sections { flex: 1 1 auto; + min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 0 0 $size-gap-3; @@ -285,6 +286,14 @@ background: var(--border-subtle); border-radius: 2px; } + + &--empty { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: $size-gap-3; + } } &__terminal-list { @@ -443,10 +452,22 @@ } &__empty { - padding: $size-gap-3; - margin: 0 $size-gap-3; - border: 1px dashed var(--border-subtle); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: $size-gap-3; + align-self: stretch; + width: 100%; + box-sizing: border-box; + padding: $size-gap-4 $size-gap-3; + text-align: center; + border: 2px dashed var(--border-subtle); border-radius: 10px; + } + + &__empty-message { + margin: 0; color: var(--color-text-muted); font-size: var(--font-size-xs); line-height: $line-height-relaxed; diff --git a/src/web-ui/src/app/scenes/shell/ShellNav.tsx b/src/web-ui/src/app/scenes/shell/ShellNav.tsx index 84e8f3dc2..e3ed68def 100644 --- a/src/web-ui/src/app/scenes/shell/ShellNav.tsx +++ b/src/web-ui/src/app/scenes/shell/ShellNav.tsx @@ -24,6 +24,7 @@ import { useShellStore } from './shellStore'; import { useShellEntries } from './hooks'; import type { ShellEntry } from './hooks/shellEntryTypes'; import { useShellNavMenuState } from './hooks/useShellNavMenuState'; +import { Button } from '@/component-library/components/Button'; import { Tooltip } from '@/component-library/components/Tooltip'; import ShellNavEntryItem from './components/ShellNavEntryItem'; import ShellNavWorkspaceSwitcher from './components/ShellNavWorkspaceSwitcher'; @@ -328,7 +329,9 @@ const ShellNav: React.FC = () => { -
+ {navView === 'agent' ? t('nav.shell.empty.agent') : t('nav.shell.empty.manual')} +
+