Keep session chrome in info view
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user