diff options
Diffstat (limited to 'packages/app/src/components')
6 files changed, 33 insertions, 23 deletions
diff --git a/packages/app/src/components/dialog-connect-provider.tsx b/packages/app/src/components/dialog-connect-provider.tsx index fa72ccef3..63f3c5dbe 100644 --- a/packages/app/src/components/dialog-connect-provider.tsx +++ b/packages/app/src/components/dialog-connect-provider.tsx @@ -236,8 +236,12 @@ export function DialogConnectProvider(props: { provider: string }) { <Switch> <Match when={provider().id === "opencode"}> <div class="flex flex-col gap-4"> - <div class="text-14-regular text-text-base">{language.t("provider.connect.opencodeZen.line1")}</div> - <div class="text-14-regular text-text-base">{language.t("provider.connect.opencodeZen.line2")}</div> + <div class="text-14-regular text-text-base"> + {language.t("provider.connect.opencodeZen.line1")} + </div> + <div class="text-14-regular text-text-base"> + {language.t("provider.connect.opencodeZen.line2")} + </div> <div class="text-14-regular text-text-base"> {language.t("provider.connect.opencodeZen.visit.prefix")} <Link href="https://opencode.ai/zen" tabIndex={-1}> @@ -317,7 +321,9 @@ export function DialogConnectProvider(props: { provider: string }) { <div class="flex flex-col gap-6"> <div class="text-14-regular text-text-base"> {language.t("provider.connect.oauth.code.visit.prefix")} - <Link href={store.authorization!.url}>{language.t("provider.connect.oauth.code.visit.link")}</Link> + <Link href={store.authorization!.url}> + {language.t("provider.connect.oauth.code.visit.link")} + </Link> {language.t("provider.connect.oauth.code.visit.suffix", { provider: provider().name })} </div> <form onSubmit={handleSubmit} class="flex flex-col items-start gap-4"> @@ -367,7 +373,9 @@ export function DialogConnectProvider(props: { provider: string }) { <div class="flex flex-col gap-6"> <div class="text-14-regular text-text-base"> {language.t("provider.connect.oauth.auto.visit.prefix")} - <Link href={store.authorization!.url}>{language.t("provider.connect.oauth.auto.visit.link")}</Link> + <Link href={store.authorization!.url}> + {language.t("provider.connect.oauth.auto.visit.link")} + </Link> {language.t("provider.connect.oauth.auto.visit.suffix", { provider: provider().name })} </div> <TextField diff --git a/packages/app/src/components/dialog-select-model-unpaid.tsx b/packages/app/src/components/dialog-select-model-unpaid.tsx index 6ac1fa678..98cf57508 100644 --- a/packages/app/src/components/dialog-select-model-unpaid.tsx +++ b/packages/app/src/components/dialog-select-model-unpaid.tsx @@ -62,9 +62,9 @@ export const DialogSelectModelUnpaid: Component = () => { </div> <div class="px-1.5 pb-1.5"> <div class="w-full rounded-sm border border-border-weak-base bg-surface-raised-base"> - <div class="w-full flex flex-col items-start gap-4 px-1.5 pt-4 pb-4"> + <div class="w-full flex flex-col items-start gap-4 px-1.5 pt-4 pb-4"> <div class="px-2 text-14-medium text-text-base">{language.t("dialog.model.unpaid.addMore.title")}</div> - <div class="w-full"> + <div class="w-full"> <List class="w-full px-0" key={(x) => x?.id} diff --git a/packages/app/src/components/dialog-select-server.tsx b/packages/app/src/components/dialog-select-server.tsx index 9b401afbd..bb0ad5b43 100644 --- a/packages/app/src/components/dialog-select-server.tsx +++ b/packages/app/src/components/dialog-select-server.tsx @@ -200,9 +200,7 @@ export function DialogSelectServer() { <div class="mt-6 px-3 flex flex-col gap-1.5"> <div class="px-3"> <h3 class="text-14-regular text-text-weak">{language.t("dialog.server.default.title")}</h3> - <p class="text-12-regular text-text-weak mt-1"> - {language.t("dialog.server.default.description")} - </p> + <p class="text-12-regular text-text-weak mt-1">{language.t("dialog.server.default.description")}</p> </div> <div class="flex items-center gap-2 px-3 py-2"> <Show @@ -210,7 +208,9 @@ export function DialogSelectServer() { fallback={ <Show when={server.url} - fallback={<span class="text-14-regular text-text-weak">{language.t("dialog.server.default.none")}</span>} + fallback={ + <span class="text-14-regular text-text-weak">{language.t("dialog.server.default.none")}</span> + } > <Button variant="secondary" diff --git a/packages/app/src/components/session/session-context-tab.tsx b/packages/app/src/components/session/session-context-tab.tsx index 3758dd6e8..b41578910 100644 --- a/packages/app/src/components/session/session-context-tab.tsx +++ b/packages/app/src/components/session/session-context-tab.tsx @@ -261,7 +261,10 @@ export function SessionContextTab(props: SessionContextTabProps) { value: `${number(c?.cacheRead)} / ${number(c?.cacheWrite)}`, }, { label: language.t("context.stats.userMessages"), value: count.user.toLocaleString(language.locale()) }, - { label: language.t("context.stats.assistantMessages"), value: count.assistant.toLocaleString(language.locale()) }, + { + label: language.t("context.stats.assistantMessages"), + value: count.assistant.toLocaleString(language.locale()), + }, { label: language.t("context.stats.totalCost"), value: cost() }, { label: language.t("context.stats.sessionCreated"), value: time(props.info()?.time.created) }, { label: language.t("context.stats.lastActivity"), value: time(c?.message.time.created) }, @@ -402,9 +405,7 @@ export function SessionContextTab(props: SessionContextTabProps) { )} </For> </div> - <div class="hidden text-11-regular text-text-weaker"> - {language.t("context.breakdown.note")} - </div> + <div class="hidden text-11-regular text-text-weaker">{language.t("context.breakdown.note")}</div> </div> </Show> diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index 66221fd42..1bdbbb6a0 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -183,7 +183,10 @@ export function SessionHeader() { }} aria-hidden={!showReview()} > - <TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}> + <TooltipKeybind + title={language.t("command.review.toggle")} + keybind={command.keybind("review.toggle")} + > <Button variant="ghost" class="group/review-toggle size-6 p-0" diff --git a/packages/app/src/components/settings-general.tsx b/packages/app/src/components/settings-general.tsx index 5f3519a74..c356b269b 100644 --- a/packages/app/src/components/settings-general.tsx +++ b/packages/app/src/components/settings-general.tsx @@ -15,13 +15,11 @@ export const SettingsGeneral: Component = () => { Object.entries(theme.themes()).map(([id, def]) => ({ id, name: def.name ?? id })), ) - const colorSchemeOptions = createMemo( - (): { value: ColorScheme; label: string }[] => [ - { value: "system", label: language.t("theme.scheme.system") }, - { value: "light", label: language.t("theme.scheme.light") }, - { value: "dark", label: language.t("theme.scheme.dark") }, - ], - ) + const colorSchemeOptions = createMemo((): { value: ColorScheme; label: string }[] => [ + { value: "system", label: language.t("theme.scheme.system") }, + { value: "light", label: language.t("theme.scheme.light") }, + { value: "dark", label: language.t("theme.scheme.dark") }, + ]) const languageOptions = createMemo(() => language.locales.map((locale) => ({ @@ -107,7 +105,7 @@ export const SettingsGeneral: Component = () => { title={language.t("settings.general.row.theme.title")} description={ <> - {language.t("settings.general.row.theme.description")} {" "} + {language.t("settings.general.row.theme.description")}{" "} <a href="#" class="text-text-interactive-base"> {language.t("common.learnMore")} </a> |