ui: move instance info to drawer header

Remove the Instance section from the session list and replace it with an info icon button in the left drawer header.
This commit is contained in:
Shantur Rathore
2026-01-09 17:30:53 +00:00
parent 1a7aefcbae
commit 38064b229c
2 changed files with 20 additions and 41 deletions

View File

@@ -26,6 +26,7 @@ import MenuIcon from "@suid/icons-material/Menu"
import MenuOpenIcon from "@suid/icons-material/MenuOpen"
import PushPinIcon from "@suid/icons-material/PushPin"
import PushPinOutlinedIcon from "@suid/icons-material/PushPinOutlined"
import InfoOutlinedIcon from "@suid/icons-material/InfoOutlined"
import type { Instance } from "../../types/instance"
import type { Command } from "../../lib/commands"
import type { BackgroundProcess } from "../../../../server/src/api-types"
@@ -848,6 +849,15 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
</div>
</div>
<div class="flex items-center gap-2">
<IconButton
size="small"
color="inherit"
aria-label="Instance Info"
title="Instance Info"
onClick={() => handleSessionSelect("info")}
>
<InfoOutlinedIcon fontSize="small" />
</IconButton>
<Show when={!isPhoneLayout()}>
<IconButton
size="small"