monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

chore: cleanup

Browse Source
This commit is contained in:
Adam
2026-02-09 07:37:50 -06:00
parent acc53d9f61
commit bda0cbdec7
2 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/app/src/components/session/session-header.tsx
View File

@@ -283,7 +283,7 @@ export function SessionHeader() {
<Portal mount={mount()}> <Portal mount={mount()}>
<button <button
type="button" type="button"
class="hidden md:flex w-[320px] max-w-full min-w-0 p-1 pl-1.5 items-center gap-2 justify-between rounded-md border border-border-weak-base bg-surface-raised-base transition-colors cursor-default hover:bg-surface-raised-base-hover focus-visible:bg-surface-raised-base-hover active:bg-surface-raised-base-active" class="hidden md:flex w-[320px] max-w-full min-w-0 h-[24px] px-2 pl-1.5 items-center gap-2 justify-between rounded-md border border-border-base bg-surface-panel transition-colors cursor-default hover:bg-surface-raised-base-hover focus-visible:bg-surface-raised-base-hover active:bg-surface-raised-base-active"
onClick={() => command.trigger("file.open")} onClick={() => command.trigger("file.open")}
aria-label={language.t("session.header.searchFiles")} aria-label={language.t("session.header.searchFiles")}
> >
@@ -294,7 +294,11 @@ export function SessionHeader() {
</span> </span>
</div> </div>
<Show when={hotkey()}>{(keybind) => <Keybind class="shrink-0">{keybind()}</Keybind>}</Show> <Show when={hotkey()}>
{(keybind) => (
<Keybind class="shrink-0 !border-0 !bg-transparent !shadow-none px-0">{keybind()}</Keybind>
)}
</Show>
</button> </button>
</Portal> </Portal>
)} )}
@@ -303,6 +307,7 @@ export function SessionHeader() {
{(mount) => ( {(mount) => (
<Portal mount={mount()}> <Portal mount={mount()}>
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<StatusPopover />
<Show when={projectDirectory()}> <Show when={projectDirectory()}>
<div class="hidden xl:flex items-center"> <div class="hidden xl:flex items-center">
<Show <Show
@@ -322,25 +327,23 @@ export function SessionHeader() {
} }
> >
<div class="flex items-center"> <div class="flex items-center">
<div class="flex items-center rounded-full border border-border-base bg-surface-panel"> <div class="flex items-center rounded-md border border-border-base bg-surface-panel overflow-hidden">
<Button <Button
variant="ghost" variant="ghost"
class="rounded-full h-[28px] py-1.5 pr-4 pl-3 gap-2 border-none shadow-none" class="rounded-none h-[24px] py-1.5 pr-4 pl-3 gap-2 border-none shadow-none"
onClick={() => openDir(current().id)} onClick={() => openDir(current().id)}
aria-label={language.t("session.header.open.ariaLabel", { app: current().label })} aria-label={language.t("session.header.open.ariaLabel", { app: current().label })}
> >
<AppIcon id={current().icon} class="size-5" /> <AppIcon id={current().icon} class="size-5" />
<span class="text-12-regular text-text-strong"> <span class="text-12-regular text-text-strong">Open</span>
{language.t("session.header.open.action", { app: current().label })}
</span>
</Button> </Button>
<div class="h-6 w-px bg-border-base" /> <div class="self-stretch w-px bg-border-base/70" />
<DropdownMenu> <DropdownMenu>
<DropdownMenu.Trigger <DropdownMenu.Trigger
as={IconButton} as={IconButton}
icon="chevron-down" icon="chevron-down"
variant="ghost" variant="ghost"
class="rounded-full h-[28px] w-auto px-2 border-none shadow-none data-[expanded]:bg-surface-raised-base-active" class="rounded-none h-[24px] w-auto px-2 border-none shadow-none data-[expanded]:bg-surface-raised-base-active"
aria-label={language.t("session.header.open.menu")} aria-label={language.t("session.header.open.menu")}
/> />
<DropdownMenu.Portal> <DropdownMenu.Portal>
@@ -380,7 +383,6 @@ export function SessionHeader() {
</Show> </Show>
</div> </div>
</Show> </Show>
<StatusPopover />
<Show when={showShare()}> <Show when={showShare()}>
<div class="flex items-center"> <div class="flex items-center">
<Popover <Popover
@@ -396,8 +398,9 @@ export function SessionHeader() {
class="rounded-xl [&_[data-slot=popover-close-button]]:hidden" class="rounded-xl [&_[data-slot=popover-close-button]]:hidden"
triggerAs={Button} triggerAs={Button}
triggerProps={{ triggerProps={{
variant: "secondary", variant: "ghost",
class: "rounded-sm h-[24px] px-3", class:
"rounded-md h-[24px] px-3 border border-border-base bg-surface-panel shadow-none data-[expanded]:bg-surface-raised-base-active",
classList: { "rounded-r-none": shareUrl() !== undefined }, classList: { "rounded-r-none": shareUrl() !== undefined },
style: { scale: 1 }, style: { scale: 1 },
}} }}
@@ -469,8 +472,8 @@ export function SessionHeader() {
> >
<IconButton <IconButton
icon={state.copied ? "check" : "link"} icon={state.copied ? "check" : "link"}
variant="secondary" variant="ghost"
class="rounded-l-none" class="rounded-l-none h-[24px] border border-border-base bg-surface-panel shadow-none"
onClick={copyLink} onClick={copyLink}
disabled={state.unshare} disabled={state.unshare}
aria-label={ aria-label={

2
packages/app/src/components/status-popover.tsx
View File

@@ -141,7 +141,7 @@ export function StatusPopover() {
triggerProps={{ triggerProps={{
variant: "ghost", variant: "ghost",
class: class:
"rounded-sm w-[75px] h-[24px] py-1.5 pr-3 pl-2 gap-2 border-none shadow-none data-[expanded]:bg-surface-raised-base-active", "rounded-md h-[24px] px-3 gap-2 border border-border-base bg-surface-panel shadow-none data-[expanded]:bg-surface-raised-base-active",
style: { scale: 1 }, style: { scale: 1 },
}} }}
trigger={ trigger={