chore: generate

This commit is contained in:
opencode-agent[bot]
2026-02-17 13:45:58 +00:00
parent e273a31e70
commit 703d634744

View File

@@ -554,114 +554,117 @@ export function SessionHeader() {
</Show> </Show>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<div class="hidden md:flex items-center gap-3 shrink-0"> <div class="hidden md:flex items-center gap-3 shrink-0">
<TooltipKeybind <TooltipKeybind
title={language.t("command.terminal.toggle")} title={language.t("command.terminal.toggle")}
keybind={command.keybind("terminal.toggle")} keybind={command.keybind("terminal.toggle")}
>
<Button
variant="ghost"
class="group/terminal-toggle titlebar-icon w-8 h-6 p-0 box-border"
onClick={() => view().terminal.toggle()}
aria-label={language.t("command.terminal.toggle")}
aria-expanded={view().terminal.opened()}
aria-controls="terminal-panel"
> >
<div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> <Button
<Icon variant="ghost"
size="small" class="group/terminal-toggle titlebar-icon w-8 h-6 p-0 box-border"
name={view().terminal.opened() ? "layout-bottom-partial" : "layout-bottom"} onClick={() => view().terminal.toggle()}
class="group-hover/terminal-toggle:hidden" aria-label={language.t("command.terminal.toggle")}
/> aria-expanded={view().terminal.opened()}
<Icon aria-controls="terminal-panel"
size="small" >
name="layout-bottom-partial" <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0">
class="hidden group-hover/terminal-toggle:inline-block" <Icon
/> size="small"
<Icon name={view().terminal.opened() ? "layout-bottom-partial" : "layout-bottom"}
size="small" class="group-hover/terminal-toggle:hidden"
name={view().terminal.opened() ? "layout-bottom" : "layout-bottom-partial"} />
class="hidden group-active/terminal-toggle:inline-block" <Icon
/> size="small"
</div> name="layout-bottom-partial"
</Button> class="hidden group-hover/terminal-toggle:inline-block"
</TooltipKeybind> />
</div> <Icon
size="small"
name={view().terminal.opened() ? "layout-bottom" : "layout-bottom-partial"}
class="hidden group-active/terminal-toggle:inline-block"
/>
</div>
</Button>
</TooltipKeybind>
</div>
<div class="hidden md:block shrink-0"> <div class="hidden md:block shrink-0">
<TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}> <TooltipKeybind
<Button title={language.t("command.review.toggle")}
variant="ghost" keybind={command.keybind("review.toggle")}
class="group/review-toggle titlebar-icon w-8 h-6 p-0 box-border"
onClick={() => view().reviewPanel.toggle()}
aria-label={language.t("command.review.toggle")}
aria-expanded={view().reviewPanel.opened()}
aria-controls="review-panel"
> >
<div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> <Button
<Icon variant="ghost"
size="small" class="group/review-toggle titlebar-icon w-8 h-6 p-0 box-border"
name={view().reviewPanel.opened() ? "layout-right-partial" : "layout-right"} onClick={() => view().reviewPanel.toggle()}
class="group-hover/review-toggle:hidden" aria-label={language.t("command.review.toggle")}
/> aria-expanded={view().reviewPanel.opened()}
<Icon aria-controls="review-panel"
size="small" >
name="layout-right-partial" <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0">
class="hidden group-hover/review-toggle:inline-block" <Icon
/> size="small"
<Icon name={view().reviewPanel.opened() ? "layout-right-partial" : "layout-right"}
size="small" class="group-hover/review-toggle:hidden"
name={view().reviewPanel.opened() ? "layout-right" : "layout-right-partial"} />
class="hidden group-active/review-toggle:inline-block" <Icon
/> size="small"
</div> name="layout-right-partial"
</Button> class="hidden group-hover/review-toggle:inline-block"
</TooltipKeybind> />
</div> <Icon
size="small"
name={view().reviewPanel.opened() ? "layout-right" : "layout-right-partial"}
class="hidden group-active/review-toggle:inline-block"
/>
</div>
</Button>
</TooltipKeybind>
</div>
<div class="hidden md:block shrink-0"> <div class="hidden md:block shrink-0">
<div
aria-hidden={!view().reviewPanel.opened()}
class="overflow-hidden transition-[width,margin-left] duration-200 ease-out motion-reduce:transition-none"
classList={{
"w-8 ml-0": view().reviewPanel.opened(),
"w-0 -ml-1": !view().reviewPanel.opened(),
}}
>
<div <div
class="transition-[opacity,transform] duration-200 ease-out origin-center motion-reduce:transition-none" aria-hidden={!view().reviewPanel.opened()}
class="overflow-hidden transition-[width,margin-left] duration-200 ease-out motion-reduce:transition-none"
classList={{ classList={{
"opacity-100 scale-100": view().reviewPanel.opened(), "w-8 ml-0": view().reviewPanel.opened(),
"opacity-0 scale-90": !view().reviewPanel.opened(), "w-0 -ml-1": !view().reviewPanel.opened(),
}} }}
> >
<TooltipKeybind <div
title={language.t("command.fileTree.toggle")} class="transition-[opacity,transform] duration-200 ease-out origin-center motion-reduce:transition-none"
keybind={command.keybind("fileTree.toggle")} classList={{
"opacity-100 scale-100": view().reviewPanel.opened(),
"opacity-0 scale-90": !view().reviewPanel.opened(),
}}
> >
<Button <TooltipKeybind
variant="ghost" title={language.t("command.fileTree.toggle")}
class="titlebar-icon w-8 h-6 p-0 box-border" keybind={command.keybind("fileTree.toggle")}
onClick={() => layout.fileTree.toggle()}
disabled={!view().reviewPanel.opened()}
aria-label={language.t("command.fileTree.toggle")}
aria-expanded={layout.fileTree.opened()}
aria-controls="file-tree-panel"
tabIndex={view().reviewPanel.opened() ? undefined : -1}
> >
<div class="relative flex items-center justify-center size-4"> <Button
<Icon variant="ghost"
size="small" class="titlebar-icon w-8 h-6 p-0 box-border"
name={layout.fileTree.opened() ? "file-tree-active" : "file-tree"} onClick={() => layout.fileTree.toggle()}
classList={{ disabled={!view().reviewPanel.opened()}
"text-icon-strong": layout.fileTree.opened(), aria-label={language.t("command.fileTree.toggle")}
"text-icon-weak": !layout.fileTree.opened(), aria-expanded={layout.fileTree.opened()}
}} aria-controls="file-tree-panel"
/> tabIndex={view().reviewPanel.opened() ? undefined : -1}
</div> >
</Button> <div class="relative flex items-center justify-center size-4">
</TooltipKeybind> <Icon
size="small"
name={layout.fileTree.opened() ? "file-tree-active" : "file-tree"}
classList={{
"text-icon-strong": layout.fileTree.opened(),
"text-icon-weak": !layout.fileTree.opened(),
}}
/>
</div>
</Button>
</TooltipKeybind>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</Portal> </Portal>
)} )}