diff options
| author | GitHub Action <[email protected]> | 2026-01-22 11:11:32 +0000 |
|---|---|---|
| committer | GitHub Action <[email protected]> | 2026-01-22 11:11:32 +0000 |
| commit | d14735ef4bc599c7dda8ebebbdbf66707a57a82f (patch) | |
| tree | 11bac69160b65cb7b08e357f4c15eefb65637771 /packages/app/src/components | |
| parent | 3435327bc074a7ba8c3fe8939c97de54bbdefd65 (diff) | |
| download | opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.tar.gz opencode-d14735ef4bc599c7dda8ebebbdbf66707a57a82f.zip | |
chore: generate
Diffstat (limited to 'packages/app/src/components')
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 |
