chore: generate
This commit is contained in:
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user