From 5f139c961270522383395ae4bb6baa2705720a74 Mon Sep 17 00:00:00 2001 From: LukeParkerDev <10430890+Hona@users.noreply.github.com> Date: Thu, 6 Aug 2026 21:26:00 +1000 Subject: [PATCH] feat(app): redesign non-modal settings --- .../src/components/server/server-row-menu.tsx | 9 +- .../src/components/settings-v2/appearance.tsx | 202 +++++++++++++++++ .../settings-v2/dialog-settings-v2.tsx | 98 +++++--- .../src/components/settings-v2/extensions.tsx | 214 ++++++++++++++++++ .../app/src/components/settings-v2/index.tsx | 8 + .../app/src/components/settings-v2/models.tsx | 15 +- .../components/settings-v2/notifications.tsx | 183 +++++++++++++++ .../settings-v2/parts/server-select.tsx | 72 ++++++ .../src/components/settings-v2/projects.tsx | 97 ++++++++ .../src/components/settings-v2/providers.tsx | 16 +- .../src/components/settings-v2/servers.tsx | 32 ++- .../components/settings-v2/settings-v2.css | 45 ++++ packages/app/src/i18n/ar.ts | 44 ++++ packages/app/src/i18n/br.ts | 44 ++++ packages/app/src/i18n/bs.ts | 44 ++++ packages/app/src/i18n/en.ts | 38 +++- packages/app/src/i18n/es.ts | 44 ++++ packages/app/src/i18n/no.ts | 44 ++++ packages/app/src/i18n/pl.ts | 44 ++++ packages/app/src/i18n/ru.ts | 44 ++++ packages/app/src/i18n/th.ts | 44 ++++ packages/app/src/i18n/tr.ts | 44 ++++ packages/app/src/i18n/uk.ts | 44 ++++ packages/app/src/i18n/zh.ts | 44 ++++ packages/app/src/i18n/zht.ts | 44 ++++ packages/app/src/wsl/settings.tsx | 12 +- packages/ui/src/components/icon.tsx | 5 + 27 files changed, 1520 insertions(+), 54 deletions(-) create mode 100644 packages/app/src/components/settings-v2/appearance.tsx create mode 100644 packages/app/src/components/settings-v2/extensions.tsx create mode 100644 packages/app/src/components/settings-v2/notifications.tsx create mode 100644 packages/app/src/components/settings-v2/parts/server-select.tsx create mode 100644 packages/app/src/components/settings-v2/projects.tsx diff --git a/packages/app/src/components/server/server-row-menu.tsx b/packages/app/src/components/server/server-row-menu.tsx index ee4a46db070..3c6a6299457 100644 --- a/packages/app/src/components/server/server-row-menu.tsx +++ b/packages/app/src/components/server/server-row-menu.tsx @@ -80,11 +80,10 @@ export const ServerRowMenuView: Component<{ > {props.labels.edit} - - {props.labels.default} - - - {props.labels.defaultRemove} + + + {props.labels.default} + diff --git a/packages/app/src/components/settings-v2/appearance.tsx b/packages/app/src/components/settings-v2/appearance.tsx new file mode 100644 index 00000000000..8465de4a2bf --- /dev/null +++ b/packages/app/src/components/settings-v2/appearance.tsx @@ -0,0 +1,202 @@ +import { Component, Show, createMemo, createResource, createSignal } from "solid-js" +import { ButtonV2 } from "@opencode-ai/ui/v2/button-v2" +import { SelectV2 } from "@opencode-ai/ui/v2/select-v2" +import { Switch } from "@opencode-ai/ui/v2/switch-v2" +import { TextInputV2 } from "@opencode-ai/ui/v2/text-input-v2" +import { useLanguage } from "@/context/language" +import { usePlatform } from "@/context/platform" +import { ExternalLink } from "../external-link" +import { SettingsListV2 } from "./parts/list" +import { SettingsRowV2 } from "./parts/row" +import { + createAppearanceSettingsController, + type AppearanceSettingsController, +} from "./general-controllers" +import "./settings-v2.css" + +const schemeOptions: ("system" | "light" | "dark")[] = ["system", "light", "dark"] +const densityOptions: ("compact" | "default" | "comfortable")[] = ["compact", "default", "comfortable"] + +const fontSettings = { + ui: { + action: "settings-ui-font", + title: "settings.general.row.uiFont.title", + description: "settings.general.row.uiFont.description", + font: "ui", + input: "setUI", + }, + code: { + action: "settings-code-font", + title: "settings.general.row.font.title", + description: "settings.general.row.font.description", + font: "code", + input: "setCode", + }, + terminal: { + action: "settings-terminal-font", + title: "settings.general.row.terminalFont.title", + description: "settings.general.row.terminalFont.description", + font: "terminal", + input: "setTerminal", + }, +} as const + +const FontSetting: Component<{ + kind: "ui" | "code" | "terminal" + fonts: AppearanceSettingsController["fonts"] +}> = (props) => { + const language = useLanguage() + const config = () => fontSettings[props.kind] + return ( + +
+ props.fonts[config().input](event.currentTarget.value)} + placeholder={props.fonts[config().font]().placeholder} + spellcheck={false} + autocorrect="off" + autocomplete="off" + autocapitalize="off" + aria-label={language.t(config().title)} + style={{ "font-family": props.fonts[config().font]().family }} + /> +
+ + ) +} + +export const SettingsAppearanceV2: Component = () => { + const language = useLanguage() + const platform = usePlatform() + const appearance = createAppearanceSettingsController() + const desktop = createMemo(() => platform.platform === "desktop") + const [density, setDensity] = createSignal<"compact" | "default" | "comfortable">("default") + + const [pinchZoom, { mutate: setPinchZoom }] = createResource( + () => desktop() && "getPinchZoomEnabled" in platform, + () => Promise.resolve(platform.getPinchZoomEnabled?.() ?? false).catch(() => false), + { initialValue: false }, + ) + + const onPinchZoomChange = (checked: boolean) => { + setPinchZoom(checked) + const update = platform.setPinchZoomEnabled?.(checked) + if (!update) return + void update.catch(() => setPinchZoom(!checked)) + } + + const restoreDefaults = () => { + appearance.scheme.select("system") + appearance.fonts.setUI("") + appearance.fonts.setCode("") + appearance.fonts.setTerminal("") + setDensity("default") + } + + return ( + <> +
+
+

{language.t("settings.tab.appearance")}

+ + {language.t("settings.action.restoreDefaults")} + +
+
+ +
+
+ + + option === appearance.scheme.current())} + placement="bottom-end" + gutter={6} + label={(option) => { + if (option === "system") return language.t("theme.scheme.system") + if (option === "light") return language.t("theme.scheme.light") + return language.t("theme.scheme.dark") + }} + onSelect={(option) => option && appearance.scheme.select(option)} + /> + + + + {language.t("settings.general.row.theme.description")}{" "} + + {language.t("common.learnMore")} + + + } + > + option.id} + label={(option) => option.name} + onSelect={appearance.theme.select} + /> + + + + { + if (option === "compact") return language.t("settings.appearance.density.compact") + if (option === "comfortable") return language.t("settings.appearance.density.comfortable") + return language.t("settings.appearance.density.default") + }} + onSelect={(option) => option && setDensity(option)} + /> + + + + + + +
+ + +
+

{language.t("settings.general.section.display")}

+ + +
+ +
+ + +
+ +
+ + ) +} diff --git a/packages/app/src/components/settings-v2/dialog-settings-v2.tsx b/packages/app/src/components/settings-v2/dialog-settings-v2.tsx index 8507846f877..59751d2c645 100644 --- a/packages/app/src/components/settings-v2/dialog-settings-v2.tsx +++ b/packages/app/src/components/settings-v2/dialog-settings-v2.tsx @@ -5,15 +5,19 @@ import { Icon } from "@opencode-ai/ui/icon" import { useLanguage } from "@/context/language" import { usePlatform } from "@/context/platform" import { SettingsGeneralV2 } from "./general" +import { SettingsAppearanceV2 } from "./appearance" import { SettingsKeybinds } from "../settings-keybinds" +import { SettingsNotificationsV2 } from "./notifications" import { SettingsProvidersV2 } from "./providers" import { SettingsModelsV2 } from "./models" -import "./settings-v2.css" import { SettingsServersV2 } from "./servers" +import { SettingsProjectsV2 } from "./projects" +import { SettingsExtensionsV2 } from "./extensions" import { useDialog } from "@opencode-ai/ui/context/dialog" import { useLayout } from "@/context/layout" import { useTabs } from "@/context/tabs" import { useServerSync } from "@/context/server-sync" +import "./settings-v2.css" export const DialogSettings: Component<{ sessionID?: string @@ -52,62 +56,90 @@ export const DialogSettings: Component<{ >
-
-
-
- {language.t("settings.section.desktop")} -
- - - {language.t("settings.tab.general")} - - - - {language.t("settings.tab.shortcuts")} - -
-
+
+ {/* Group 1: Preferences */} +
+ + + {language.t("settings.tab.general")} + + + + {language.t("settings.tab.appearance")} + + + + {language.t("settings.tab.notifications")} + + + + {language.t("settings.tab.shortcuts")} + +
-
- {language.t("settings.section.server")} -
- - - {language.t("status.popover.tab.servers")} - - - - {language.t("settings.providers.title")} - - - - {language.t("settings.models.title")} - -
-
+ {/* Group 2: Environment & Workspaces */} +
+ + + {language.t("settings.tab.servers")} + + + + {language.t("settings.tab.projects")} + +
+ + {/* Group 3: Capabilities & Extensions */} +
+ + + {language.t("settings.tab.providers")} + + + + {language.t("settings.tab.models")} + + + + {language.t("settings.tab.extensions")} +
+
{language.t("app.name.desktop")} v{platform.version}
+ + + + + + + + + + + + + ) diff --git a/packages/app/src/components/settings-v2/extensions.tsx b/packages/app/src/components/settings-v2/extensions.tsx new file mode 100644 index 00000000000..cb6d84d79e6 --- /dev/null +++ b/packages/app/src/components/settings-v2/extensions.tsx @@ -0,0 +1,214 @@ +import { Component, For, Show, createMemo, createSignal } from "solid-js" +import { Icon } from "@opencode-ai/ui/icon" +import { Switch } from "@opencode-ai/ui/v2/switch-v2" +import { useLanguage } from "@/context/language" +import { ServerConnection, useServer } from "@/context/server" +import { useServerSync } from "@/context/server-sync" +import { ExternalLink } from "../external-link" +import { InlineServerSelect } from "./parts/server-select" +import "./settings-v2.css" + +type ExtensionSubTab = "mcps" | "plugins" | "skills" + +interface McpRowItem { + name: string + status?: string +} + +interface PluginRowItem { + name: string +} + +interface SkillRowItem { + name: string +} + +export const SettingsExtensionsV2: Component = () => { + const language = useLanguage() + const server = useServer() + const serverSync = useServerSync() + const [selectedServer, setSelectedServer] = createSignal(server.key) + const [activeSubTab, setActiveSubTab] = createSignal("mcps") + + const [mcpOverrides, setMcpOverrides] = createSignal>({}) + const mcps = createMemo(() => { + const configMcp = (serverSync().data.config as { mcp?: Record })?.mcp ?? {} + const configEntries = Object.entries(configMcp).map(([name, conf]) => ({ + name, + status: conf.disabled ? "disabled" : "connected", + })) + + const firstProject = server.projects.list()[0]?.worktree + const childMcp = firstProject ? serverSync().child(firstProject, { mcp: true })[0].mcp : {} + const childEntries = Object.entries(childMcp ?? {}).map(([name, stat]) => ({ + name, + status: stat?.status, + })) + + const map = new Map() + for (const item of configEntries) map.set(item.name, item) + for (const item of childEntries) { + const existing = map.get(item.name) + map.set(item.name, { ...existing, ...item }) + } + + return Array.from(map.values()).sort((a, b) => a.name.localeCompare(b.name)) + }) + + const isMcpEnabled = (item: McpRowItem) => { + if (mcpOverrides()[item.name] !== undefined) return mcpOverrides()[item.name] + return item.status === "connected" + } + + const handleMcpToggle = (item: McpRowItem, checked: boolean) => { + setMcpOverrides((prev) => ({ ...prev, [item.name]: checked })) + const firstProject = server.projects.list()[0]?.worktree + if (firstProject) { + void serverSync().mcp.toggle(firstProject, item.name) + } + } + + const plugins = createMemo(() => { + const raw = serverSync().data.config.plugin ?? [] + return raw.map((item) => { + const name = typeof item === "string" ? item : item[0] + return { name } + }) + }) + + const skills = createMemo(() => { + const configSkills = (serverSync().data.config as { skills?: string[] })?.skills ?? [] + return configSkills.map((name) => ({ name })) + }) + + return ( + <> +
+
+
+

{language.t("settings.tab.extensions")}

+ {language.t("settings.mcps.description")} +
+ +
+
+ +
+ {/* Sub-Tabs Pill Strip */} +
+ + + +
+ + {/* MCPs Sub-Tab */} + +
+
+ + {language.t("settings.extensions.availableAll")} + + {language.t("settings.extensions.manageConfig")} +
+
+ + {(item) => ( +
+
+ + {item.name} +
+ handleMcpToggle(item, checked)} + hideLabel + > + {item.name} + +
+ )} + +
+
+ + + {/* Plugins Sub-Tab */} + +
+
+ + {language.t("settings.extensions.availableAll")} + + {language.t("settings.extensions.manageConfig")} +
+
+ + {(plugin) => ( +
+
+ + {plugin.name} +
+
+ )} + +
+
+ + + {/* Skills Sub-Tab */} + +
+
+ + {language.t("settings.extensions.availableAll")} + + + {language.t("settings.extensions.addSkills")} + +
+
+ + {(skill) => ( +
+
+ + {skill.name} +
+
+ )} + +
+
+ +
+ + ) +} diff --git a/packages/app/src/components/settings-v2/index.tsx b/packages/app/src/components/settings-v2/index.tsx index 8ff58843798..cbece20af6e 100644 --- a/packages/app/src/components/settings-v2/index.tsx +++ b/packages/app/src/components/settings-v2/index.tsx @@ -1 +1,9 @@ export { DialogSettings } from "./dialog-settings-v2" +export { SettingsGeneralV2 } from "./general" +export { SettingsAppearanceV2 } from "./appearance" +export { SettingsNotificationsV2 } from "./notifications" +export { SettingsProvidersV2 } from "./providers" +export { SettingsModelsV2 } from "./models" +export { SettingsServersV2 } from "./servers" +export { SettingsProjectsV2 } from "./projects" +export { SettingsExtensionsV2 } from "./extensions" diff --git a/packages/app/src/components/settings-v2/models.tsx b/packages/app/src/components/settings-v2/models.tsx index 482e8cbffbd..b43ff6ef345 100644 --- a/packages/app/src/components/settings-v2/models.tsx +++ b/packages/app/src/components/settings-v2/models.tsx @@ -4,13 +4,15 @@ import { Switch } from "@opencode-ai/ui/v2/switch-v2" import { Icon as IconV2 } from "@opencode-ai/ui/v2/icon" import { IconButtonV2 } from "@opencode-ai/ui/v2/icon-button-v2" import { TextInputV2 } from "@opencode-ai/ui/v2/text-input-v2" -import { type Component, For, Show } from "solid-js" +import { type Component, For, Show, createSignal } from "solid-js" import { createStore } from "solid-js/store" import { useLanguage } from "@/context/language" import { useModels } from "@/context/models" import { useServerSDK } from "@/context/server-sdk" +import { ServerConnection, useServer } from "@/context/server" import { popularProviders } from "@/hooks/use-providers" import { Persist, persisted } from "@/utils/persist" +import { InlineServerSelect } from "./parts/server-select" import { SettingsListV2 } from "./parts/list" import { SettingsRowV2 } from "./parts/row" import "./settings-v2.css" @@ -22,7 +24,9 @@ const PROVIDER_ICON_SIZE = 16 export const SettingsModelsV2: Component = () => { const language = useLanguage() const models = useModels() + const server = useServer() const serverSdk = useServerSDK() + const [selectedServer, setSelectedServer] = createSignal(server.key) const [store, setStore] = persisted( Persist.serverGlobal(serverSdk().scope, "settings-v2.models.providers"), createStore({ collapsed: {} as Record }), @@ -53,7 +57,14 @@ export const SettingsModelsV2: Component = () => { return ( <>
-

{language.t("settings.models.title")}

+
+

{language.t("settings.models.title")}

+ +
= (props) => { + const language = useLanguage() + const config = () => soundSettings[props.kind] + return ( + + option.id} + label={(option) => language.t(option.label)} + onHighlight={props.channel.highlight} + onSelect={props.channel.select} + placement="bottom-end" + gutter={6} + /> + + ) +} + +export const SettingsNotificationsV2: Component = () => { + const language = useLanguage() + const settings = useSettings() + const sounds = createSoundSettingsController() + const [unreadBadge, setUnreadBadge] = createSignal<"count" | "dot" | "none">("count") + const [focusMode, setFocusMode] = createSignal<"auto" | "always" | "never">("auto") + + const restoreDefaults = () => { + settings.notifications.setAgent(true) + settings.notifications.setPermissions(true) + settings.notifications.setErrors(true) + settings.sounds.setAgent("bip-bop-01") + settings.sounds.setPermissions("alert-01") + settings.sounds.setErrors("nope-01") + setUnreadBadge("count") + setFocusMode("auto") + } + + return ( + <> +
+
+

{language.t("settings.tab.notifications")}

+ + {language.t("settings.action.restoreDefaults")} + +
+
+ +
+
+

{language.t("settings.general.section.notifications")}

+ + +
+ settings.notifications.setAgent(checked)} + /> +
+ + + +
+ settings.notifications.setPermissions(checked)} + /> +
+ + + +
+ settings.notifications.setErrors(checked)} + /> +
+ + +
+ +
+

{language.t("settings.general.section.sounds")}

+ + + + + + + { + if (option === "dot") return language.t("settings.notifications.unreadBadge.dot") + if (option === "none") return language.t("settings.notifications.unreadBadge.none") + return language.t("settings.notifications.unreadBadge.count") + }} + onSelect={(option) => option && setUnreadBadge(option)} + /> + + + + { + if (option === "always") return language.t("settings.notifications.focusMode.always") + if (option === "never") return language.t("settings.notifications.focusMode.never") + return language.t("settings.notifications.focusMode.auto") + }} + onSelect={(option) => option && setFocusMode(option)} + /> + + +
+
+ + ) +} diff --git a/packages/app/src/components/settings-v2/parts/server-select.tsx b/packages/app/src/components/settings-v2/parts/server-select.tsx new file mode 100644 index 00000000000..d4c8436e003 --- /dev/null +++ b/packages/app/src/components/settings-v2/parts/server-select.tsx @@ -0,0 +1,72 @@ +import { Show, createMemo, type Component } from "solid-js" +import { SelectV2 } from "@opencode-ai/ui/v2/select-v2" +import { useGlobal } from "@/context/global" +import { useLanguage } from "@/context/language" +import { ServerConnection, serverName, useServer } from "@/context/server" + +export interface ServerSelectOption { + key: ServerConnection.Key | "all" + label: string + isDefault?: boolean + isAll?: boolean +} + +export const InlineServerSelect: Component<{ + value: ServerConnection.Key | "all" + onChange: (key: ServerConnection.Key | "all") => void + includeAll?: boolean + disabled?: boolean +}> = (props) => { + const language = useLanguage() + const global = useGlobal() + const server = useServer() + + const hasMultipleServers = createMemo(() => global.servers.list().length > 1) + + const options = createMemo(() => { + const list: ServerSelectOption[] = [] + if (props.includeAll) { + list.push({ + key: "all", + label: language.t("settings.server.all"), + isAll: true, + }) + } + + const servers = global.servers.list() + for (const item of servers) { + const key = ServerConnection.key(item) + const isDefault = key === server.key + list.push({ + key, + label: serverName(item) || key, + isDefault, + }) + } + + return list + }) + + const currentOption = createMemo(() => { + return options().find((opt) => opt.key === props.value) ?? options()[0] + }) + + return ( + + opt.key} + label={(opt) => opt.label} + disabled={props.disabled} + placement="bottom-end" + gutter={6} + onSelect={(opt) => { + if (opt) props.onChange(opt.key) + }} + /> + + ) +} diff --git a/packages/app/src/components/settings-v2/projects.tsx b/packages/app/src/components/settings-v2/projects.tsx new file mode 100644 index 00000000000..3a132c80517 --- /dev/null +++ b/packages/app/src/components/settings-v2/projects.tsx @@ -0,0 +1,97 @@ +import { Component, For, Show, createMemo, createSignal } from "solid-js" +import { IconButtonV2 } from "@opencode-ai/ui/v2/icon-button-v2" +import { Icon as IconV2 } from "@opencode-ai/ui/v2/icon" +import { ProjectAvatar } from "@opencode-ai/ui/v2/project-avatar-v2" +import { useDialog } from "@opencode-ai/ui/context/dialog" +import { useLanguage } from "@/context/language" +import { ServerConnection, useServer } from "@/context/server" +import { useGlobal } from "@/context/global" +import { useLayout, getProjectAvatarVariant } from "@/context/layout" +import { InlineServerSelect } from "./parts/server-select" +import { DialogEditProjectV2 } from "../dialog-edit-project-v2" +import "./settings-v2.css" + +export const SettingsProjectsV2: Component = () => { + const dialog = useDialog() + const language = useLanguage() + const server = useServer() + const global = useGlobal() + const layout = useLayout() + const [selectedServer, setSelectedServer] = createSignal(server.key) + + const projects = createMemo(() => { + return layout.projects.list() + }) + + const openProjectSettings = (project: ReturnType[number]) => { + const currentServer = server.current ?? global.servers.list()[0] + if (!currentServer) return + dialog.push(() => ) + } + + return ( + <> +
+
+
+

{language.t("settings.projects.title")}

+ {language.t("settings.projects.description")} +
+ +
+
+ +
+
+ 0} + fallback={ +
+ {language.t("settings.projects.empty")} +
+ } + > + + {(project) => { + const name = () => project.name || project.worktree.split(/[/\\]/).pop() || project.worktree + const color = () => getProjectAvatarVariant(project.icon?.color) + + return ( +
openProjectSettings(project)} + > +
+ + {name()} +
+
+ } + onClick={(e: MouseEvent) => { + e.stopPropagation() + openProjectSettings(project) + }} + /> +
+
+ ) + }} + + +
+
+ + ) +} diff --git a/packages/app/src/components/settings-v2/providers.tsx b/packages/app/src/components/settings-v2/providers.tsx index 067a55bae89..604c9976ee5 100644 --- a/packages/app/src/components/settings-v2/providers.tsx +++ b/packages/app/src/components/settings-v2/providers.tsx @@ -4,12 +4,14 @@ import { useDialog } from "@opencode-ai/ui/context/dialog" import { ProviderIcon } from "@opencode-ai/ui/provider-icon" import { showToast } from "@/utils/toast" import { popularProviders, useProviders } from "@/hooks/use-providers" -import { createMemo, type Accessor, type Component, For, Show } from "solid-js" +import { createMemo, createSignal, type Accessor, type Component, For, Show } from "solid-js" import { useLanguage } from "@/context/language" import { useServerSDK } from "@/context/server-sdk" import { useServerSync } from "@/context/server-sync" +import { ServerConnection, useServer } from "@/context/server" import { DialogConnectProvider, useProviderConnectController } from "../dialog-connect-provider" import { DialogCustomProvider } from "../dialog-custom-provider" +import { InlineServerSelect } from "./parts/server-select" import { SettingsListV2 } from "./parts/list" import "./settings-v2.css" @@ -40,6 +42,9 @@ export const SettingsProvidersV2: Component<{ const providers = useProviders(props.directory) const providerConnect = useProviderConnectController({ onBack: props.onBack }) + const server = useServer() + const [selectedServer, setSelectedServer] = createSignal(server.key) + const connect = (provider?: string) => { providerConnect.select(provider) void dialog.show(() => ) @@ -143,7 +148,14 @@ export const SettingsProvidersV2: Component<{ return ( <>
-

{language.t("settings.providers.title")}

+
+

{language.t("settings.providers.title")}

+ +
diff --git a/packages/app/src/components/settings-v2/servers.tsx b/packages/app/src/components/settings-v2/servers.tsx index b93f700d24c..9e3b483ac1d 100644 --- a/packages/app/src/components/settings-v2/servers.tsx +++ b/packages/app/src/components/settings-v2/servers.tsx @@ -9,7 +9,7 @@ import { createStore } from "solid-js/store" import { ServerRowMenu } from "@/components/server/server-row-menu" import { ServerHealthIndicator } from "@/components/server/server-row" import { useLanguage } from "@/context/language" -import { ServerConnection, serverName } from "@/context/server" +import { ServerConnection, serverName, useServer } from "@/context/server" import { useServerManagementController } from "../dialog-select-server" import { DialogServerV2 } from "./dialog-server-v2" import { SettingsListV2 } from "./parts/list" @@ -19,6 +19,7 @@ import "./settings-v2.css" export const SettingsServersV2: Component = () => { const dialog = useDialog() const language = useLanguage() + const server = useServer() const controller = useServerManagementController() const [store, setStore] = createStore({ filter: "" }) const wslServers = useFilteredWslServers(() => store.filter) @@ -27,15 +28,38 @@ export const SettingsServersV2: Component = () => { () => controller.sortedItems().filter((item) => !isWslServer(item)).length + wslServers().length > 1, ) + const isLocal = (item: ServerConnection.Any) => ServerConnection.local(item) + + const isDefaultServer = (key: ServerConnection.Key, item: ServerConnection.Any) => { + const def = controller.defaultKey() + if (!def) return isLocal(item) + return def === key + } + const filtered = createMemo(() => { const items = controller.sortedItems().filter((item) => !isWslServer(item)) const query = store.filter.trim() - if (!query) return items + if (!query) { + return items.slice().sort((a, b) => { + const aLocal = isLocal(a) + const bLocal = isLocal(b) + if (aLocal && !bLocal) return -1 + if (!aLocal && bLocal) return 1 + return 0 + }) + } return fuzzysort .go(query, items, { keys: [(item) => serverName(item), (item) => item.http.url], }) .map((result) => result.obj) + .sort((a, b) => { + const aLocal = isLocal(a) + const bLocal = isLocal(b) + if (aLocal && !bLocal) return -1 + if (!aLocal && bLocal) return 1 + return 0 + }) }) const openAdd = () => { @@ -97,12 +121,11 @@ export const SettingsServersV2: Component = () => { } > - {(item) => { const key = ServerConnection.key(item) const health = () => controller.status()[key] - const isDefault = () => controller.defaultKey() === key + const isDefault = () => isDefaultServer(key, item) return (
@@ -131,6 +154,7 @@ export const SettingsServersV2: Component = () => { ) }} +
diff --git a/packages/app/src/components/settings-v2/settings-v2.css b/packages/app/src/components/settings-v2/settings-v2.css index c4d47344a26..d1f9479a9a5 100644 --- a/packages/app/src/components/settings-v2/settings-v2.css +++ b/packages/app/src/components/settings-v2/settings-v2.css @@ -39,6 +39,14 @@ background: linear-gradient(to bottom, var(--v2-background-bg-base) calc(100% - 24px), transparent); } +.settings-v2-tab-header-row { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; + width: 100%; +} + .settings-v2-tab-title { font-size: 15px; font-weight: 640; @@ -727,3 +735,40 @@ line-height: 1; color: var(--v2-state-fg-danger); } + +.settings-v2-extensions-tabs { + display: flex; + align-items: flex-start; + gap: 6px; + width: 280px; + height: 32px; + overflow: visible; +} + +.settings-v2-extensions-tabs > button { + display: flex; + align-items: center; + justify-content: center; + flex: none; + height: 24px; + padding: 0 8px; + border: 0.5px solid transparent; + border-radius: 6px; + background: transparent; + color: var(--v2-text-text-muted); + font-size: 13px; + font-weight: 440; + line-height: 1; + letter-spacing: -0.04px; +} + +.settings-v2-extensions-tabs > button[data-selected] { + border-color: var(--v2-border-border-muted); + background: var(--v2-background-bg-layer-03); + color: var(--v2-text-text-base); +} + +.settings-v2-extensions-tabs > button:focus-visible { + outline: 2px solid var(--v2-border-border-focus); + outline-offset: 2px; +} diff --git a/packages/app/src/i18n/ar.ts b/packages/app/src/i18n/ar.ts index 320738a6b02..a05d797a9d3 100644 --- a/packages/app/src/i18n/ar.ts +++ b/packages/app/src/i18n/ar.ts @@ -1005,4 +1005,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "فشل إنشاء أيقونة المشروع الدائمة", "error.childStore.storeCreateFailed": "فشل إنشاء المخزن", "terminal.connectionLost.abnormalClose": "تم إغلاق WebSocket بشكل غير طبيعي: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/br.ts b/packages/app/src/i18n/br.ts index 9d6765ec94e..e43edfc970b 100644 --- a/packages/app/src/i18n/br.ts +++ b/packages/app/src/i18n/br.ts @@ -1021,4 +1021,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Falha ao criar ícone de projeto persistente", "error.childStore.storeCreateFailed": "Falha ao criar armazenamento", "terminal.connectionLost.abnormalClose": "WebSocket fechado anormalmente: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/bs.ts b/packages/app/src/i18n/bs.ts index 915313c3e2b..08eb5fb0a8d 100644 --- a/packages/app/src/i18n/bs.ts +++ b/packages/app/src/i18n/bs.ts @@ -1097,4 +1097,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Nije uspjelo kreiranje trajne ikone projekta", "error.childStore.storeCreateFailed": "Nije uspjelo kreiranje skladišta", "terminal.connectionLost.abnormalClose": "WebSocket zatvoren nenormalno: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/en.ts b/packages/app/src/i18n/en.ts index f03147f151d..51e8714aa13 100644 --- a/packages/app/src/i18n/en.ts +++ b/packages/app/src/i18n/en.ts @@ -843,8 +843,44 @@ export const dict = { "settings.section.desktop": "Desktop", "settings.section.server": "Server", - "settings.tab.general": "General", + "settings.tab.general": "Preferences", + "settings.tab.appearance": "Appearance", "settings.tab.shortcuts": "Shortcuts", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", "settings.desktop.section.wsl": "WSL", "settings.desktop.wsl.title": "WSL integration", "settings.desktop.wsl.description": "Run the OpenCode server inside WSL on Windows.", diff --git a/packages/app/src/i18n/es.ts b/packages/app/src/i18n/es.ts index 00dca6704b2..5c5b18752e0 100644 --- a/packages/app/src/i18n/es.ts +++ b/packages/app/src/i18n/es.ts @@ -1105,4 +1105,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Error al crear icono de proyecto persistente", "error.childStore.storeCreateFailed": "Error al crear almacén", "terminal.connectionLost.abnormalClose": "WebSocket cerrado anormalmente: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/no.ts b/packages/app/src/i18n/no.ts index a4e8efb79d2..9796f154a5e 100644 --- a/packages/app/src/i18n/no.ts +++ b/packages/app/src/i18n/no.ts @@ -1108,4 +1108,48 @@ export const dict = { "settings.general.row.pinchZoom.description": "Tillat knipebevegelser på styreflaten og Ctrl-rulling for å zoome", "settings.updates.action.downloading": "Laster ned...", "settings.updates.action.installing": "Installerer...", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } satisfies Partial> diff --git a/packages/app/src/i18n/pl.ts b/packages/app/src/i18n/pl.ts index f2e32ffeb87..2146bcda040 100644 --- a/packages/app/src/i18n/pl.ts +++ b/packages/app/src/i18n/pl.ts @@ -1021,4 +1021,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Nie udało się utworzyć trwałej ikony projektu", "error.childStore.storeCreateFailed": "Nie udało się utworzyć magazynu", "terminal.connectionLost.abnormalClose": "WebSocket zamknięty nieprawidłowo: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/ru.ts b/packages/app/src/i18n/ru.ts index fa6fb04d04e..2d822bff734 100644 --- a/packages/app/src/i18n/ru.ts +++ b/packages/app/src/i18n/ru.ts @@ -1100,4 +1100,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Не удалось создать постоянный значок проекта", "error.childStore.storeCreateFailed": "Не удалось создать хранилище", "terminal.connectionLost.abnormalClose": "WebSocket закрыт аварийно: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/th.ts b/packages/app/src/i18n/th.ts index 0ae67ee34eb..320cb0639a4 100644 --- a/packages/app/src/i18n/th.ts +++ b/packages/app/src/i18n/th.ts @@ -1084,4 +1084,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "ไม่สามารถสร้างไอคอนโปรเจกต์ถาวร", "error.childStore.storeCreateFailed": "ไม่สามารถสร้างที่เก็บ", "terminal.connectionLost.abnormalClose": "WebSocket ปิดอย่างผิดปกติ: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/tr.ts b/packages/app/src/i18n/tr.ts index d401519af9c..00ef5f47017 100644 --- a/packages/app/src/i18n/tr.ts +++ b/packages/app/src/i18n/tr.ts @@ -1103,4 +1103,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Kalıcı proje simgesi oluşturulamadı", "error.childStore.storeCreateFailed": "Depo oluşturulamadı", "terminal.connectionLost.abnormalClose": "WebSocket anormal şekilde kapandı: {{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } satisfies Partial> diff --git a/packages/app/src/i18n/uk.ts b/packages/app/src/i18n/uk.ts index c949f41de2d..83585a668ea 100644 --- a/packages/app/src/i18n/uk.ts +++ b/packages/app/src/i18n/uk.ts @@ -1102,4 +1102,48 @@ export const dict = { "workspace.reset.archived.one": "1 сесію буде заархівовано.", "workspace.reset.archived.many": "{{count}} сесій буде заархівовано.", "workspace.reset.note": "Це скине робочу область, щоб вона відповідала гілці за замовчуванням.", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } diff --git a/packages/app/src/i18n/zh.ts b/packages/app/src/i18n/zh.ts index 82d73ac3a6a..0f7a5f29035 100644 --- a/packages/app/src/i18n/zh.ts +++ b/packages/app/src/i18n/zh.ts @@ -1075,4 +1075,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "创建持久化项目图标失败", "error.childStore.storeCreateFailed": "创建存储失败", "terminal.connectionLost.abnormalClose": "WebSocket 异常关闭：{{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } satisfies Partial> diff --git a/packages/app/src/i18n/zht.ts b/packages/app/src/i18n/zht.ts index fbe80d95eef..e2030ed8121 100644 --- a/packages/app/src/i18n/zht.ts +++ b/packages/app/src/i18n/zht.ts @@ -1071,4 +1071,48 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "建立持續性專案圖示失敗", "error.childStore.storeCreateFailed": "建立儲存區失敗", "terminal.connectionLost.abnormalClose": "WebSocket 異常關閉：{{code}}", + "command.session.export": "Export session", + "command.session.export.description": "Export the full session transcript as JSON", + "context.export.session": "Export session", + "toast.session.export.success.title": "Session exported", + "toast.session.export.success.description": "Saved session to {{filename}}", + "toast.session.export.failed.title": "Failed to export session", + "toast.session.export.failed.description": "An error occurred while exporting the session", + "common.export": "Export", + "settings.tab.appearance": "Appearance", + "settings.tab.notifications": "Notifications", + "settings.tab.providers": "Providers", + "settings.tab.models": "Models", + "settings.tab.servers": "Servers", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.tab.mcps": "MCPs", + "settings.tab.plugins": "Plugins", + "settings.tab.skills": "Skills", + "settings.server.all": "All servers", + "settings.action.restoreDefaults": "Restore defaults", + "settings.action.resetAll": "Reset all settings", + "settings.action.resetAll.description": "Revert all settings and preferences back to default values", + "settings.appearance.density.title": "Interface density", + "settings.appearance.density.description": "Adjust padding and spacing across the application", + "settings.appearance.density.compact": "Compact", + "settings.appearance.density.default": "Default", + "settings.appearance.density.comfortable": "Comfortable", + "settings.notifications.unreadBadge.title": "Unread badge", + "settings.notifications.unreadBadge.description": "Show unread session indicator badge on the app icon", + "settings.notifications.unreadBadge.count": "Count", + "settings.notifications.unreadBadge.dot": "Dot", + "settings.notifications.unreadBadge.none": "None", + "settings.notifications.focusMode.title": "Focus mode", + "settings.notifications.focusMode.description": "Suppress desktop notifications while presenting or in fullscreen", + "settings.notifications.focusMode.auto": "Auto", + "settings.notifications.focusMode.always": "Always", + "settings.notifications.focusMode.never": "Never", + "settings.projects.title": "Projects", + "settings.projects.description": "View and configure projects on this server", + "settings.projects.empty": "No projects found", + "settings.mcps.description": "Manage Model Context Protocol (MCP) servers and tools", + "settings.extensions.availableAll": "Available to all projects", + "settings.extensions.manageConfig": "Manage in opencode.json", + "settings.extensions.addSkills": "How to add skills", } satisfies Partial> diff --git a/packages/app/src/wsl/settings.tsx b/packages/app/src/wsl/settings.tsx index 82616c6dcf7..8659ad00b6b 100644 --- a/packages/app/src/wsl/settings.tsx +++ b/packages/app/src/wsl/settings.tsx @@ -145,16 +145,14 @@ export function WslServerSettings(props: { {language.t("wsl.server.retryStart")} - - props.controller.setDefault(key)}> + + props.controller.setDefault(key)} + > {language.t("dialog.server.menu.default")} - - props.controller.setDefault(null)}> - {language.t("dialog.server.menu.defaultRemove")} - - remove(key)}> {language.t("dialog.server.menu.delete")} diff --git a/packages/ui/src/components/icon.tsx b/packages/ui/src/components/icon.tsx index 196635269a3..57f82174119 100644 --- a/packages/ui/src/components/icon.tsx +++ b/packages/ui/src/components/icon.tsx @@ -103,6 +103,11 @@ const icons = { link: ``, providers: ``, models: ``, + appearance: ``, + notifications: ``, + extensions: ``, + cube: ``, + "post-skill": ``, "arrow-undo-down": ``, }