Keep session chrome in info view

This commit is contained in:
Shantur Rathore
2025-12-14 13:24:47 +00:00
parent 20b82496a1
commit 5e8b3fd5c9

View File

@@ -937,6 +937,7 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
{leftAppBarButtonIcon()} {leftAppBarButtonIcon()}
</IconButton> </IconButton>
<Show when={!showingInfoView()}>
<div class="inline-flex items-center gap-1 rounded-full border border-base px-2 py-0.5 text-xs text-primary"> <div class="inline-flex items-center gap-1 rounded-full border border-base px-2 py-0.5 text-xs text-primary">
<span class="uppercase text-[10px] tracking-wide text-primary/70">Used</span> <span class="uppercase text-[10px] tracking-wide text-primary/70">Used</span>
<span class="font-semibold text-primary">{formattedUsedTokens()}</span> <span class="font-semibold text-primary">{formattedUsedTokens()}</span>
@@ -945,8 +946,10 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
<span class="uppercase text-[10px] tracking-wide text-primary/70">Avail</span> <span class="uppercase text-[10px] tracking-wide text-primary/70">Avail</span>
<span class="font-semibold text-primary">{formattedAvailableTokens()}</span> <span class="font-semibold text-primary">{formattedAvailableTokens()}</span>
</div> </div>
</Show>
</div> </div>
<div class="session-toolbar-center flex-1 flex items-center justify-center gap-2 min-w-[160px]"> <div class="session-toolbar-center flex-1 flex items-center justify-center gap-2 min-w-[160px]">
<button <button
type="button" type="button"
@@ -1008,6 +1011,9 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
sx={{ flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column", overflowX: "hidden" }} sx={{ flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column", overflowX: "hidden" }}
class="content-area" class="content-area"
> >
<Show
when={showingInfoView()}
fallback={
<Show <Show
when={cachedSessionIds().length > 0 && activeSessionIdForInstance()} when={cachedSessionIds().length > 0 && activeSessionIdForInstance()}
fallback={ fallback={
@@ -1045,6 +1051,12 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
}} }}
</For> </For>
</Show> </Show>
}
>
<div class="info-view-pane flex flex-col flex-1 min-h-0 overflow-y-auto">
<InfoView instanceId={props.instance.id} />
</div>
</Show>
</Box> </Box>
{renderRightPanel()} {renderRightPanel()}
@@ -1056,9 +1068,7 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
<> <>
<div class="instance-shell2 flex flex-col flex-1 min-h-0"> <div class="instance-shell2 flex flex-col flex-1 min-h-0">
<Show when={hasSessions()} fallback={<InstanceWelcomeView instance={props.instance} />}> <Show when={hasSessions()} fallback={<InstanceWelcomeView instance={props.instance} />}>
<Show when={showingInfoView()} fallback={sessionLayout}> {sessionLayout}
<InfoView instanceId={props.instance.id} />
</Show>
</Show> </Show>
</div> </div>