summaryrefslogtreecommitdiffhomepage
path: root/packages/app/src/pages
diff options
context:
space:
mode:
authorGitHub Action <[email protected]>2026-01-20 23:58:59 +0000
committerGitHub Action <[email protected]>2026-01-20 23:58:59 +0000
commitbb8bf32abe55ac49c45eb4801a61db6ca3c3b453 (patch)
tree966e2344896cd538192004f118b121db09c5af26 /packages/app/src/pages
parent233d003b4926ec615ff15c1ddd54a1719a62ef13 (diff)
downloadopencode-bb8bf32abe55ac49c45eb4801a61db6ca3c3b453.tar.gz
opencode-bb8bf32abe55ac49c45eb4801a61db6ca3c3b453.zip
chore: generate
Diffstat (limited to 'packages/app/src/pages')
-rw-r--r--packages/app/src/pages/error.tsx11
-rw-r--r--packages/app/src/pages/home.tsx14
-rw-r--r--packages/app/src/pages/layout.tsx28
-rw-r--r--packages/app/src/pages/session.tsx92
4 files changed, 79 insertions, 66 deletions
diff --git a/packages/app/src/pages/error.tsx b/packages/app/src/pages/error.tsx
index 460c87295..6d6faf6fa 100644
--- a/packages/app/src/pages/error.tsx
+++ b/packages/app/src/pages/error.tsx
@@ -78,9 +78,10 @@ function formatInitError(error: InitError, t: Translator): string {
suggestions?: string[]
}
- const suggestionsLine = Array.isArray(suggestions) && suggestions.length
- ? [t("error.chain.didYouMean", { suggestions: suggestions.join(", ") })]
- : []
+ const suggestionsLine =
+ Array.isArray(suggestions) && suggestions.length
+ ? [t("error.chain.didYouMean", { suggestions: suggestions.join(", ") })]
+ : []
return [
t("error.chain.modelNotFound", { provider: providerID, model: modelID }),
@@ -253,7 +254,9 @@ export const ErrorPage: Component<ErrorPageProps> = (props) => {
when={store.version}
fallback={
<Button size="large" variant="ghost" onClick={checkForUpdates} disabled={store.checking}>
- {store.checking ? language.t("error.page.action.checking") : language.t("error.page.action.checkUpdates")}
+ {store.checking
+ ? language.t("error.page.action.checking")
+ : language.t("error.page.action.checkUpdates")}
</Button>
}
>
diff --git a/packages/app/src/pages/home.tsx b/packages/app/src/pages/home.tsx
index efed2e658..4007129b5 100644
--- a/packages/app/src/pages/home.tsx
+++ b/packages/app/src/pages/home.tsx
@@ -76,13 +76,13 @@ export default function Home() {
</Button>
<Switch>
<Match when={sync.data.project.length > 0}>
- <div class="mt-20 w-full flex flex-col gap-4">
- <div class="flex gap-2 items-center justify-between pl-3">
- <div class="text-14-medium text-text-strong">{language.t("home.recentProjects")}</div>
- <Button icon="folder-add-left" size="normal" class="pl-2 pr-3" onClick={chooseProject}>
- {language.t("command.project.open")}
- </Button>
- </div>
+ <div class="mt-20 w-full flex flex-col gap-4">
+ <div class="flex gap-2 items-center justify-between pl-3">
+ <div class="text-14-medium text-text-strong">{language.t("home.recentProjects")}</div>
+ <Button icon="folder-add-left" size="normal" class="pl-2 pr-3" onClick={chooseProject}>
+ {language.t("command.project.open")}
+ </Button>
+ </div>
<ul class="flex flex-col gap-2">
<For
each={sync.data.project
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
index 2cbc97a55..172ae7174 100644
--- a/packages/app/src/pages/layout.tsx
+++ b/packages/app/src/pages/layout.tsx
@@ -1909,9 +1909,9 @@ export default function Layout(props: ParentProps) {
trigger={trigger}
onOpenChange={setOpen}
>
- <div class="-m-3 p-2 flex flex-col w-72">
- <div class="px-4 pt-2 pb-1 text-14-medium text-text-strong truncate">{displayName(props.project)}</div>
- <div class="px-4 pb-2 text-12-medium text-text-weak">{language.t("sidebar.project.recentSessions")}</div>
+ <div class="-m-3 p-2 flex flex-col w-72">
+ <div class="px-4 pt-2 pb-1 text-14-medium text-text-strong truncate">{displayName(props.project)}</div>
+ <div class="px-4 pb-2 text-12-medium text-text-weak">{language.t("sidebar.project.recentSessions")}</div>
<div class="px-2 pb-2 flex flex-col gap-2">
<Show
when={workspaceEnabled()}
@@ -2177,22 +2177,22 @@ export default function Layout(props: ParentProps) {
class="shrink-0 size-6 rounded-md opacity-0 group-hover/project:opacity-100 data-[expanded]:opacity-100 data-[expanded]:bg-surface-base-active"
/>
<DropdownMenu.Portal>
- <DropdownMenu.Content class="mt-1">
- <DropdownMenu.Item onSelect={() => dialog.show(() => <DialogEditProject project={p} />)}>
+ <DropdownMenu.Content class="mt-1">
+ <DropdownMenu.Item onSelect={() => dialog.show(() => <DialogEditProject project={p} />)}>
<DropdownMenu.ItemLabel>{language.t("common.edit")}</DropdownMenu.ItemLabel>
- </DropdownMenu.Item>
- <DropdownMenu.Item onSelect={() => layout.sidebar.toggleWorkspaces(p.worktree)}>
- <DropdownMenu.ItemLabel>
+ </DropdownMenu.Item>
+ <DropdownMenu.Item onSelect={() => layout.sidebar.toggleWorkspaces(p.worktree)}>
+ <DropdownMenu.ItemLabel>
{layout.sidebar.workspaces(p.worktree)()
? language.t("sidebar.workspaces.disable")
: language.t("sidebar.workspaces.enable")}
- </DropdownMenu.ItemLabel>
- </DropdownMenu.Item>
- <DropdownMenu.Separator />
- <DropdownMenu.Item onSelect={() => closeProject(p.worktree)}>
+ </DropdownMenu.ItemLabel>
+ </DropdownMenu.Item>
+ <DropdownMenu.Separator />
+ <DropdownMenu.Item onSelect={() => closeProject(p.worktree)}>
<DropdownMenu.ItemLabel>{language.t("common.close")}</DropdownMenu.ItemLabel>
- </DropdownMenu.Item>
- </DropdownMenu.Content>
+ </DropdownMenu.Item>
+ </DropdownMenu.Content>
</DropdownMenu.Portal>
</DropdownMenu>
</div>
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx
index ebc6b8c23..562176c1b 100644
--- a/packages/app/src/pages/session.tsx
+++ b/packages/app/src/pages/session.tsx
@@ -673,14 +673,14 @@ export default function Page() {
},
...(sync.data.config.share !== "disabled"
? [
- {
- id: "session.share",
- title: language.t("command.session.share"),
- description: language.t("command.session.share.description"),
- category: language.t("command.category.session"),
- slash: "share",
- disabled: !params.id || !!info()?.share?.url,
- onSelect: async () => {
+ {
+ id: "session.share",
+ title: language.t("command.session.share"),
+ description: language.t("command.session.share.description"),
+ category: language.t("command.category.session"),
+ slash: "share",
+ disabled: !params.id || !!info()?.share?.url,
+ onSelect: async () => {
if (!params.id) return
await sdk.client.session
.share({ sessionID: params.id })
@@ -708,14 +708,14 @@ export default function Page() {
)
},
},
- {
- id: "session.unshare",
- title: language.t("command.session.unshare"),
- description: language.t("command.session.unshare.description"),
- category: language.t("command.category.session"),
- slash: "unshare",
- disabled: !params.id || !info()?.share?.url,
- onSelect: async () => {
+ {
+ id: "session.unshare",
+ title: language.t("command.session.unshare"),
+ description: language.t("command.session.unshare.description"),
+ category: language.t("command.category.session"),
+ slash: "unshare",
+ disabled: !params.id || !info()?.share?.url,
+ onSelect: async () => {
if (!params.id) return
await sdk.client.session
.unshare({ sessionID: params.id })
@@ -1262,7 +1262,9 @@ export default function Page() {
<Show
when={diffsReady()}
fallback={
- <div class="px-4 py-4 text-text-weak">{language.t("session.review.loadingChanges")}</div>
+ <div class="px-4 py-4 text-text-weak">
+ {language.t("session.review.loadingChanges")}
+ </div>
}
>
<SessionReviewTab
@@ -1283,13 +1285,15 @@ export default function Page() {
</Show>
</Match>
<Match when={true}>
- <div class="h-full px-4 pb-30 flex flex-col items-center justify-center text-center gap-6">
- <Mark class="w-14 opacity-10" />
- <div class="text-14-regular text-text-weak max-w-56">{language.t("session.review.empty")}</div>
+ <div class="h-full px-4 pb-30 flex flex-col items-center justify-center text-center gap-6">
+ <Mark class="w-14 opacity-10" />
+ <div class="text-14-regular text-text-weak max-w-56">
+ {language.t("session.review.empty")}
</div>
- </Match>
- </Switch>
- </div>
+ </div>
+ </Match>
+ </Switch>
+ </div>
}
>
<div class="relative w-full h-full min-w-0">
@@ -1502,11 +1506,11 @@ export default function Page() {
<Show when={diffs()}>
<DiffChanges changes={diffs()} variant="bars" />
</Show>
- <div class="flex items-center gap-1.5">
- <div>{language.t("session.tab.review")}</div>
- <Show when={info()?.summary?.files}>
- <div class="text-12-medium text-text-strong h-4 px-2 flex flex-col items-center justify-center rounded-full bg-surface-base">
- {info()?.summary?.files ?? 0}
+ <div class="flex items-center gap-1.5">
+ <div>{language.t("session.tab.review")}</div>
+ <Show when={info()?.summary?.files}>
+ <div class="text-12-medium text-text-strong h-4 px-2 flex flex-col items-center justify-center rounded-full bg-surface-base">
+ {info()?.summary?.files ?? 0}
</div>
</Show>
</div>
@@ -1558,7 +1562,9 @@ export default function Page() {
<Show
when={diffsReady()}
fallback={
- <div class="px-6 py-4 text-text-weak">{language.t("session.review.loadingChanges")}</div>
+ <div class="px-6 py-4 text-text-weak">
+ {language.t("session.review.loadingChanges")}
+ </div>
}
>
<SessionReviewTab
@@ -1575,13 +1581,15 @@ export default function Page() {
</Show>
</Match>
<Match when={true}>
- <div class="h-full px-6 pb-30 flex flex-col items-center justify-center text-center gap-6">
- <Mark class="w-14 opacity-10" />
- <div class="text-14-regular text-text-weak max-w-56">{language.t("session.review.empty")}</div>
+ <div class="h-full px-6 pb-30 flex flex-col items-center justify-center text-center gap-6">
+ <Mark class="w-14 opacity-10" />
+ <div class="text-14-regular text-text-weak max-w-56">
+ {language.t("session.review.empty")}
</div>
- </Match>
- </Switch>
- </div>
+ </div>
+ </Match>
+ </Switch>
+ </div>
</Show>
</Tabs.Content>
</Show>
@@ -1871,13 +1879,15 @@ export default function Page() {
</div>
)}
</For>
- <div class="flex-1" />
- <div class="text-text-weak pr-2">{language.t("common.loading")}...</div>
+ <div class="flex-1" />
+ <div class="text-text-weak pr-2">{language.t("common.loading")}...</div>
+ </div>
+ <div class="flex-1 flex items-center justify-center text-text-weak">
+ {language.t("terminal.loading")}
+ </div>
</div>
- <div class="flex-1 flex items-center justify-center text-text-weak">{language.t("terminal.loading")}</div>
- </div>
- }
- >
+ }
+ >
<DragDropProvider
onDragStart={handleTerminalDragStart}
onDragEnd={handleTerminalDragEnd}