summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authoropencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>2026-02-17 13:45:58 +0000
committeropencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>2026-02-17 13:45:58 +0000
commit703d6347445e1465cdf5ac5c4381a9d89afa3889 (patch)
tree21b0839270a6c22e2b7071ef52f15932d1837a6b
parente273a31e70741f48dbc316145c568306dfd09624 (diff)
downloadopencode-703d6347445e1465cdf5ac5c4381a9d89afa3889.tar.gz
opencode-703d6347445e1465cdf5ac5c4381a9d89afa3889.zip
chore: generate
-rw-r--r--packages/app/src/components/session/session-header.tsx193
1 files changed, 98 insertions, 95 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx
index 614349c46..c14b28a66 100644
--- a/packages/app/src/components/session/session-header.tsx
+++ b/packages/app/src/components/session/session-header.tsx
@@ -554,114 +554,117 @@ export function SessionHeader() {
</Show>
<div class="flex items-center gap-1">
<div class="hidden md:flex items-center gap-3 shrink-0">
- <TooltipKeybind
- title={language.t("command.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"
+ <TooltipKeybind
+ title={language.t("command.terminal.toggle")}
+ keybind={command.keybind("terminal.toggle")}
>
- <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0">
- <Icon
- size="small"
- name={view().terminal.opened() ? "layout-bottom-partial" : "layout-bottom"}
- class="group-hover/terminal-toggle:hidden"
- />
- <Icon
- size="small"
- name="layout-bottom-partial"
- class="hidden group-hover/terminal-toggle:inline-block"
- />
- <Icon
- size="small"
- name={view().terminal.opened() ? "layout-bottom" : "layout-bottom-partial"}
- class="hidden group-active/terminal-toggle:inline-block"
- />
- </div>
- </Button>
- </TooltipKeybind>
- </div>
+ <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">
+ <Icon
+ size="small"
+ name={view().terminal.opened() ? "layout-bottom-partial" : "layout-bottom"}
+ class="group-hover/terminal-toggle:hidden"
+ />
+ <Icon
+ size="small"
+ name="layout-bottom-partial"
+ class="hidden group-hover/terminal-toggle:inline-block"
+ />
+ <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">
- <TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}>
- <Button
- variant="ghost"
- 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"
+ <TooltipKeybind
+ title={language.t("command.review.toggle")}
+ keybind={command.keybind("review.toggle")}
>
- <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0">
- <Icon
- size="small"
- name={view().reviewPanel.opened() ? "layout-right-partial" : "layout-right"}
- class="group-hover/review-toggle:hidden"
- />
- <Icon
- size="small"
- name="layout-right-partial"
- class="hidden group-hover/review-toggle:inline-block"
- />
- <Icon
- size="small"
- name={view().reviewPanel.opened() ? "layout-right" : "layout-right-partial"}
- class="hidden group-active/review-toggle:inline-block"
- />
- </div>
- </Button>
- </TooltipKeybind>
- </div>
+ <Button
+ variant="ghost"
+ 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">
+ <Icon
+ size="small"
+ name={view().reviewPanel.opened() ? "layout-right-partial" : "layout-right"}
+ class="group-hover/review-toggle:hidden"
+ />
+ <Icon
+ size="small"
+ name="layout-right-partial"
+ class="hidden group-hover/review-toggle:inline-block"
+ />
+ <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
- 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
- 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={{
- "opacity-100 scale-100": view().reviewPanel.opened(),
- "opacity-0 scale-90": !view().reviewPanel.opened(),
+ "w-8 ml-0": view().reviewPanel.opened(),
+ "w-0 -ml-1": !view().reviewPanel.opened(),
}}
>
- <TooltipKeybind
- title={language.t("command.fileTree.toggle")}
- keybind={command.keybind("fileTree.toggle")}
+ <div
+ class="transition-[opacity,transform] duration-200 ease-out origin-center motion-reduce:transition-none"
+ classList={{
+ "opacity-100 scale-100": view().reviewPanel.opened(),
+ "opacity-0 scale-90": !view().reviewPanel.opened(),
+ }}
>
- <Button
- variant="ghost"
- class="titlebar-icon w-8 h-6 p-0 box-border"
- 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}
+ <TooltipKeybind
+ title={language.t("command.fileTree.toggle")}
+ keybind={command.keybind("fileTree.toggle")}
>
- <div class="relative flex items-center justify-center size-4">
- <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>
+ <Button
+ variant="ghost"
+ class="titlebar-icon w-8 h-6 p-0 box-border"
+ 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">
+ <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>
</Portal>
)}