summaryrefslogtreecommitdiffhomepage
path: root/packages/app/src/components
diff options
context:
space:
mode:
authorGitHub Action <[email protected]>2026-01-22 11:11:32 +0000
committerGitHub Action <[email protected]>2026-01-22 11:11:32 +0000
commitd14735ef4bc599c7dda8ebebbdbf66707a57a82f (patch)
tree11bac69160b65cb7b08e357f4c15eefb65637771 /packages/app/src/components
parent3435327bc074a7ba8c3fe8939c97de54bbdefd65 (diff)
downloadopencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.tar.gz
opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.zip
chore: generate
Diffstat (limited to 'packages/app/src/components')
-rw-r--r--packages/app/src/components/dialog-connect-provider.tsx4
-rw-r--r--packages/app/src/components/prompt-input.tsx5
-rw-r--r--packages/app/src/components/session/session-header.tsx126
-rw-r--r--packages/app/src/components/session/session-sortable-tab.tsx7
4 files changed, 74 insertions, 68 deletions
diff --git a/packages/app/src/components/dialog-connect-provider.tsx b/packages/app/src/components/dialog-connect-provider.tsx
index d8d4ad9c2..bf0b648c3 100644
--- a/packages/app/src/components/dialog-connect-provider.tsx
+++ b/packages/app/src/components/dialog-connect-provider.tsx
@@ -143,7 +143,9 @@ export function DialogConnectProvider(props: { provider: string }) {
}
return (
- <Dialog title={<IconButton tabIndex={-1} icon="arrow-left" variant="ghost" onClick={goBack} aria-label="Go back" />}>
+ <Dialog
+ title={<IconButton tabIndex={-1} icon="arrow-left" variant="ghost" onClick={goBack} aria-label="Go back" />}
+ >
<div class="flex flex-col gap-6 px-2.5 pb-3">
<div class="px-2.5 flex gap-4 items-center">
<ProviderIcon id={props.provider as IconName} class="size-5 shrink-0 icon-strong-base" />
diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx
index 825f2b116..c43338e50 100644
--- a/packages/app/src/components/prompt-input.tsx
+++ b/packages/app/src/components/prompt-input.tsx
@@ -1653,10 +1653,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
title={language.t("command.model.choose")}
keybind={command.keybind("model.choose")}
>
- <ModelSelectorPopover
- triggerAs={Button}
- triggerProps={{ variant: "ghost" }}
- >
+ <ModelSelectorPopover triggerAs={Button} triggerProps={{ variant: "ghost" }}>
<Show when={local.model.current()?.provider?.id}>
<ProviderIcon id={local.model.current()!.provider.id as IconName} class="size-4 shrink-0" />
</Show>
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx
index f2ffa3ec5..fc4aee71f 100644
--- a/packages/app/src/components/session/session-header.tsx
+++ b/packages/app/src/components/session/session-header.tsx
@@ -260,71 +260,73 @@ export function SessionHeader() {
}}
trigger={language.t("session.share.action.share")}
>
- <div class="flex flex-col gap-2">
- <Show
- when={shareUrl()}
- fallback={
- <div class="flex">
- <Button
- size="large"
- variant="primary"
- class="w-1/2"
- onClick={shareSession}
- disabled={state.share}
- >
- {state.share
- ? language.t("session.share.action.publishing")
- : language.t("session.share.action.publish")}
- </Button>
+ <div class="flex flex-col gap-2">
+ <Show
+ when={shareUrl()}
+ fallback={
+ <div class="flex">
+ <Button
+ size="large"
+ variant="primary"
+ class="w-1/2"
+ onClick={shareSession}
+ disabled={state.share}
+ >
+ {state.share
+ ? language.t("session.share.action.publishing")
+ : language.t("session.share.action.publish")}
+ </Button>
+ </div>
+ }
+ >
+ <div class="flex flex-col gap-2 w-72">
+ <TextField value={shareUrl() ?? ""} readOnly copyable class="w-full" />
+ <div class="grid grid-cols-2 gap-2">
+ <Button
+ size="large"
+ variant="secondary"
+ class="w-full shadow-none border border-border-weak-base"
+ onClick={unshareSession}
+ disabled={state.unshare}
+ >
+ {state.unshare
+ ? language.t("session.share.action.unpublishing")
+ : language.t("session.share.action.unpublish")}
+ </Button>
+ <Button
+ size="large"
+ variant="primary"
+ class="w-full"
+ onClick={viewShare}
+ disabled={state.unshare}
+ >
+ {language.t("session.share.action.view")}
+ </Button>
+ </div>
</div>
+ </Show>
+ </div>
+ </Popover>
+ <Show when={shareUrl()} fallback={<div class="size-6" aria-hidden="true" />}>
+ <Tooltip
+ value={
+ state.copied
+ ? language.t("session.share.copy.copied")
+ : language.t("session.share.copy.copyLink")
}
+ placement="top"
+ gutter={8}
>
- <div class="flex flex-col gap-2 w-72">
- <TextField value={shareUrl() ?? ""} readOnly copyable class="w-full" />
- <div class="grid grid-cols-2 gap-2">
- <Button
- size="large"
- variant="secondary"
- class="w-full shadow-none border border-border-weak-base"
- onClick={unshareSession}
- disabled={state.unshare}
- >
- {state.unshare
- ? language.t("session.share.action.unpublishing")
- : language.t("session.share.action.unpublish")}
- </Button>
- <Button
- size="large"
- variant="primary"
- class="w-full"
- onClick={viewShare}
- disabled={state.unshare}
- >
- {language.t("session.share.action.view")}
- </Button>
- </div>
- </div>
- </Show>
- </div>
- </Popover>
- <Show when={shareUrl()} fallback={<div class="size-6" aria-hidden="true" />}>
- <Tooltip
- value={
- state.copied ? language.t("session.share.copy.copied") : language.t("session.share.copy.copyLink")
- }
- placement="top"
- gutter={8}
- >
- <IconButton
- icon={state.copied ? "check" : "copy"}
- variant="secondary"
- class="rounded-l-none"
- onClick={copyLink}
- disabled={state.unshare}
- aria-label="Copy share link"
- />
- </Tooltip>
- </Show>
+ <IconButton
+ icon={state.copied ? "check" : "copy"}
+ variant="secondary"
+ class="rounded-l-none"
+ onClick={copyLink}
+ disabled={state.unshare}
+ aria-label="Copy share link"
+ />
+ </Tooltip>
+ </Show>
</div>
</Show>
</div>
diff --git a/packages/app/src/components/session/session-sortable-tab.tsx b/packages/app/src/components/session/session-sortable-tab.tsx
index 6f2c044fc..ea2b84f49 100644
--- a/packages/app/src/components/session/session-sortable-tab.tsx
+++ b/packages/app/src/components/session/session-sortable-tab.tsx
@@ -37,7 +37,12 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v
value={props.tab}
closeButton={
<Tooltip value={language.t("common.closeTab")} placement="bottom">
- <IconButton icon="close" variant="ghost" onClick={() => props.onTabClose(props.tab)} aria-label="Close tab" />
+ <IconButton
+ icon="close"
+ variant="ghost"
+ onClick={() => props.onTabClose(props.tab)}
+ aria-label="Close tab"
+ />
</Tooltip>
}
hideCloseButton