diff --git a/packages/app/src/components/server/server-row-menu.tsx b/packages/app/src/components/server/server-row-menu.tsx index 0a2920dec7f..6cd63b85a8c 100644 --- a/packages/app/src/components/server/server-row-menu.tsx +++ b/packages/app/src/components/server/server-row-menu.tsx @@ -78,11 +78,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..2ae41e5e208 --- /dev/null +++ b/packages/app/src/components/settings-v2/appearance.tsx @@ -0,0 +1,178 @@ +import { Component, Show, createMemo, createResource } 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 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 [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("") + } + + return ( + <> +
+
+

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

+ + {language.t("common.reset")} + +
+
+ +
+
+ + + 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} + /> + + + + + + +
+ + +
+

{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 df7c37b6845..fde2fa9e476 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 { SettingsWorkspacesV2 } from "./workspaces" +import { SettingsProjectsV2 } from "./projects" +import { SettingsExtensionsV2 } from "./extensions" import { useDialog } from "@opencode-ai/ui/context/dialog" import { useTabs } from "@/context/tabs" import { useServerSync } from "@/context/server-sync" +import "./settings-v2.css" export const DialogSettings: Component<{ sessionID?: string @@ -50,54 +54,73 @@ export const DialogSettings: Component<{ >
-
-
-
- {language.t("settings.section.desktop")} -
- - - {language.t("settings.tab.general")} - - - - {language.t("settings.tab.shortcuts")} - -
-
+
+
+ + + {language.t("settings.tab.preferences")} + + + + {language.t("settings.general.section.appearance")} + + + + {language.t("settings.tab.notifications")} + + + + {language.t("settings.tab.shortcuts")} + +
-
- {language.t("settings.section.server")} -
- - - {language.t("settings.tab.workspaces")} - - - - {language.t("status.popover.tab.servers")} - - - - {language.t("settings.providers.title")} - - - - {language.t("settings.models.title")} - -
-
+
+ + + {language.t("settings.tab.workspaces")} + + + + {language.t("status.popover.tab.servers")} + + + + {language.t("settings.tab.projects")} + +
+ +
+ + + {language.t("settings.providers.title")} + + + + {language.t("settings.models.title")} + + + + {language.t("settings.tab.extensions")} +
+
{language.t("app.name.desktop")} v{platform.version}
+ + + + + + + @@ -107,12 +130,18 @@ export const DialogSettings: Component<{ + + + + + + ) 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..02ed8096892 --- /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/general.tsx b/packages/app/src/components/settings-v2/general.tsx index 8e131f3a41d..fc6cce162f4 100644 --- a/packages/app/src/components/settings-v2/general.tsx +++ b/packages/app/src/components/settings-v2/general.tsx @@ -1,74 +1,25 @@ -import { Component, Show, createMemo, createResource } from "solid-js" +import { Component, Show, createMemo } from "solid-js" import { createMediaQuery } from "@solid-primitives/media" 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 { useDialog } from "@opencode-ai/ui/context/dialog" import { useLanguage } from "@/context/language" import { usePlatform } from "@/context/platform" import { useUpdaterAction } from "../updater-action" import { type WorkspaceDefaultDestination, useSettings } from "@/context/settings" -import { ExternalLink } from "../external-link" import { SettingsListV2 } from "./parts/list" import { SettingsRowV2 } from "./parts/row" import { LayoutRetirementNotice, LayoutTransitionToggle } from "./interface-transition" import { - createAppearanceSettingsController, createPermissionScopeController, createShellOptions, createShellSettingsController, - createSoundSettingsController, - soundOptions, - type AppearanceSettingsController, type PermissionScopeController, type ShellSettingsController, - type SoundSettingsController, } from "./general-controllers" import "./settings-v2.css" -const schemeOptions: ("system" | "light" | "dark")[] = ["system", "light", "dark"] -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 soundSettings = { - agent: { - action: "settings-sounds-agent", - title: "settings.general.sounds.agent.title", - description: "settings.general.sounds.agent.description", - }, - permissions: { - action: "settings-sounds-permissions", - title: "settings.general.sounds.permissions.title", - description: "settings.general.sounds.permissions.description", - }, - errors: { - action: "settings-sounds-errors", - title: "settings.general.sounds.errors.title", - description: "settings.general.sounds.errors.description", - }, -} as const - const PermissionScopeSetting: Component<{ controller: PermissionScopeController }> = (props) => { const language = useLanguage() return ( @@ -147,130 +98,6 @@ const ShellSetting: Component<{ controller: ShellSettingsController }> = (props) ) } -const AppearanceSection: Component<{ controller: AppearanceSettingsController }> = (props) => { - const language = useLanguage() - return ( -
-

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

- - - option === props.controller.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 && props.controller.scheme.select(option)} - /> - - - - {language.t("settings.general.row.theme.description")}{" "} - - {language.t("common.learnMore")} - - - } - > - option.id} - label={(option) => option.name} - onSelect={props.controller.theme.select} - /> - - - - - - -
- ) -} - -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 }} - /> -
- - ) -} - -const SoundsSection: Component<{ controller: SoundSettingsController }> = (props) => { - const language = useLanguage() - return ( -
-

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

- - - - - -
- ) -} - -const SoundSetting: Component<{ - kind: "agent" | "permissions" | "errors" - channel: SoundSettingsController["agent"] -}> = (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} - /> - - ) -} - const LanguageSetting = () => { const language = useLanguage() const options = createMemo(() => @@ -310,21 +137,17 @@ export const SettingsGeneralV2: Component<{ const updater = useUpdaterAction() const permissionScope = createPermissionScopeController(() => props.sessionID) const shell = createShellSettingsController() - const appearance = createAppearanceSettingsController() - const sounds = createSoundSettingsController() const desktop = createMemo(() => platform.platform === "desktop") - 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 = () => { + settings.general.setAutoSave(true) + settings.general.setShowReasoningSummaries(true) + settings.general.setShellToolPartsExpanded(false) + settings.general.setEditToolPartsExpanded(false) + settings.general.setShowFileTree(false) + settings.general.setShowSearch(false) + settings.general.setShowStatus(false) + settings.general.setShowCustomAgents(false) } const InterfaceSection = () => ( @@ -455,50 +278,7 @@ export const SettingsGeneralV2: Component<{ />
- -
- ) - const NotificationsSection = () => ( -
-

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

- - - -
- settings.notifications.setAgent(checked)} - /> -
- - - -
- settings.notifications.setPermissions(checked)} - /> -
- - - -
- settings.notifications.setErrors(checked)} - /> -
-
) @@ -532,30 +312,15 @@ export const SettingsGeneralV2: Component<{ ) - // We can probably remove this, right? - const DisplaySection = () => ( - -
-

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

- - - -
- -
- - -
- - ) - return ( <>
-

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

+
+

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

+ + {language.t("common.reset")} + +
@@ -569,18 +334,10 @@ export const SettingsGeneralV2: Component<{ - - - - - - - -
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 7007cbef64a..5d9c9ab9479 100644 --- a/packages/app/src/components/settings-v2/models.tsx +++ b/packages/app/src/components/settings-v2/models.tsx @@ -4,14 +4,16 @@ 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 { ServerConnection, useServer } from "@/context/server" import { useServerSDK } from "@/context/server-sdk" import { useServerSync } from "@/context/server-sync" 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" @@ -23,8 +25,10 @@ const PROVIDER_ICON_SIZE = 16 export const SettingsModelsV2: Component = () => { const language = useLanguage() const models = useModels() + const server = useServer() const serverSdk = useServerSDK() useServerSync()().loadProviders() + const [selectedServer, setSelectedServer] = createSignal(server.key) const [store, setStore] = persisted( Persist.serverGlobal(serverSdk().scope, "settings-v2.models.providers"), createStore({ collapsed: {} as Record }), @@ -55,7 +59,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 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") + } + + return ( + <> +
+
+

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

+ + {language.t("common.reset")} + +
+
+ +
+
+ + +
+ settings.notifications.setAgent(checked)} + /> +
+ + + +
+ settings.notifications.setPermissions(checked)} + /> +
+ + + +
+ settings.notifications.setErrors(checked)} + /> +
+ + +
+ +
+

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

+ + + + + +
+
+ + ) +} 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 acd73ddbe54..11b40b7d781 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 { useServerProtocol, 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" @@ -41,6 +43,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(() => ) @@ -145,7 +150,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 fda3a76e97c..98d7dadad28 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; @@ -944,3 +952,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 3f55b308408..06d2bb1de15 100644 --- a/packages/app/src/i18n/ar.ts +++ b/packages/app/src/i18n/ar.ts @@ -1168,4 +1168,16 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "فشل إنشاء أيقونة المشروع الدائمة", "error.childStore.storeCreateFailed": "فشل إنشاء المخزن", "terminal.connectionLost.abnormalClose": "تم إغلاق WebSocket بشكل غير طبيعي: {{code}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/az.ts b/packages/app/src/i18n/az.ts index d818ae57fd6..e52912a3622 100644 --- a/packages/app/src/i18n/az.ts +++ b/packages/app/src/i18n/az.ts @@ -1165,4 +1165,16 @@ export const dict = { "workspace.reset.archived.one": "1 sessiya arxivlənəcək.", "workspace.reset.archived.many": "{{count}} sessiya arxivlənəcək.", "workspace.reset.note": "Bu iş sahəsini standart branch ilə uyğunlaşdırmaq üçün sıfırlayacaq.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/br.ts b/packages/app/src/i18n/br.ts index 09da845ccb5..f9e1f60aec5 100644 --- a/packages/app/src/i18n/br.ts +++ b/packages/app/src/i18n/br.ts @@ -1178,4 +1178,16 @@ 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}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/bs.ts b/packages/app/src/i18n/bs.ts index feb41c651a8..fceebcf486f 100644 --- a/packages/app/src/i18n/bs.ts +++ b/packages/app/src/i18n/bs.ts @@ -1254,4 +1254,16 @@ 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}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/da.ts b/packages/app/src/i18n/da.ts index 87737b09424..ede7c2af061 100644 --- a/packages/app/src/i18n/da.ts +++ b/packages/app/src/i18n/da.ts @@ -1245,4 +1245,16 @@ export const dict = { "help.tabs.persistence": "Dine faner er stadig åbne, når du åbner appen igen.", "help.tabs.worktrees": "Det nye design understøtter endnu ikke Git Worktrees, men understøttelsen kommer snart. Hvis du foretrækker at fortsætte med det tidligere layout, kan du skifte mellem layoutene under Indstillinger. Bemærk, at det nye layout bliver permanent om nogle få uger.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/de.ts b/packages/app/src/i18n/de.ts index 00849598c5c..41714d1ce4d 100644 --- a/packages/app/src/i18n/de.ts +++ b/packages/app/src/i18n/de.ts @@ -1182,4 +1182,16 @@ export const dict = { "help.tabs.persistence": "Wenn Sie die App erneut öffnen, sind Ihre Tabs weiterhin geöffnet.", "help.tabs.worktrees": "Das neue Design unterstützt Git-Worktrees noch nicht. Diese Funktion folgt in Kürze. Wenn Sie das bisherige Layout vorerst weiterverwenden möchten, können Sie in den Einstellungen zwischen den Layouts wechseln. Beachten Sie jedoch, dass das neue Layout in einigen Wochen dauerhaft verwendet wird.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } satisfies Partial> diff --git a/packages/app/src/i18n/en.ts b/packages/app/src/i18n/en.ts index eadd758b0d0..80c9308683c 100644 --- a/packages/app/src/i18n/en.ts +++ b/packages/app/src/i18n/en.ts @@ -892,7 +892,19 @@ export const dict = { "settings.section.desktop": "Desktop", "settings.section.server": "Server", "settings.tab.general": "General", + "settings.tab.preferences": "Preferences", "settings.tab.shortcuts": "Shortcuts", + "settings.tab.notifications": "Notifications", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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 9e9ff2c3675..36facf6d25c 100644 --- a/packages/app/src/i18n/es.ts +++ b/packages/app/src/i18n/es.ts @@ -1262,4 +1262,16 @@ 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}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/fi.ts b/packages/app/src/i18n/fi.ts index aa9c92574cf..ae66abdc956 100644 --- a/packages/app/src/i18n/fi.ts +++ b/packages/app/src/i18n/fi.ts @@ -1165,4 +1165,16 @@ export const dict = { "help.tabs.persistence": "Kun avaat sovelluksen uudelleen, välilehtesi ovat yhä avoinna.", "help.tabs.worktrees": "Uusi ulkoasu ei vielä tue Git-työpuita, mutta tuki on tulossa pian. Jos haluat jatkaa aiemman ulkoasun käyttöä, voit vaihtaa ulkoasua asetuksissa. Huomaa kuitenkin, että uudesta ulkoasusta tulee pysyvä muutaman viikon kuluttua.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/fr.ts b/packages/app/src/i18n/fr.ts index 3c89860a449..09bff468d78 100644 --- a/packages/app/src/i18n/fr.ts +++ b/packages/app/src/i18n/fr.ts @@ -1196,4 +1196,16 @@ export const dict = { "titlebar.update": "Mettre à jour", "titlebar.updateVersion": "Mettre à jour {{version}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/hi.ts b/packages/app/src/i18n/hi.ts index 0aaf8e14dc6..2206ff08b17 100644 --- a/packages/app/src/i18n/hi.ts +++ b/packages/app/src/i18n/hi.ts @@ -1160,4 +1160,16 @@ export const dict = { "workspace.reset.archived.one": "1 सेशन संग्रहित किया जाएगा।", "workspace.reset.archived.many": "{{count}} सेशन संग्रहित किए जाएँगे।", "workspace.reset.note": "यह डिफ़ॉल्ट शाखा से मिलान करने के लिए वर्कस्पेस को रीसेट कर देगा।", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/id.ts b/packages/app/src/i18n/id.ts index 96dc3c7592e..cac2735c972 100644 --- a/packages/app/src/i18n/id.ts +++ b/packages/app/src/i18n/id.ts @@ -1247,4 +1247,16 @@ export const dict = { "workspace.reset.archived.one": "1 sesi akan diarsipkan.", "workspace.reset.archived.many": "{{count}} sesi akan diarsipkan.", "workspace.reset.note": "Ini akan mengatur ulang ruang kerja agar cocok dengan cabang bawaan.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/it.ts b/packages/app/src/i18n/it.ts index a093e11485a..e016327c56d 100644 --- a/packages/app/src/i18n/it.ts +++ b/packages/app/src/i18n/it.ts @@ -1173,4 +1173,16 @@ export const dict = { "desktop.wsl.error.failedPort": "Impossibile ottenere la porta", "desktop.picker.error.notSelected": "Il file non è stato selezionato nella finestra di selezione", "desktop.picker.error.sizeLimit": "Gli allegati selezionati superano il limite di {{limit}} MB", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/ja.ts b/packages/app/src/i18n/ja.ts index b96e8b544b2..8f4a52d6e03 100644 --- a/packages/app/src/i18n/ja.ts +++ b/packages/app/src/i18n/ja.ts @@ -1166,4 +1166,16 @@ export const dict = { "titlebar.update": "アップデート", "titlebar.updateVersion": "アップデート {{version}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/ko.ts b/packages/app/src/i18n/ko.ts index b96fb4c5947..498a35463dc 100644 --- a/packages/app/src/i18n/ko.ts +++ b/packages/app/src/i18n/ko.ts @@ -1164,4 +1164,16 @@ export const dict = { "desktop.picker.error.notSelected": "선택기에서 파일을 선택하지 않았습니다", "desktop.picker.error.sizeLimit": "선택한 첨부 파일이 {{limit}} MB 제한을 초과합니다", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/nl.ts b/packages/app/src/i18n/nl.ts index 6fb1dc09f24..023cd439677 100644 --- a/packages/app/src/i18n/nl.ts +++ b/packages/app/src/i18n/nl.ts @@ -1168,4 +1168,16 @@ export const dict = { "workspace.reset.archived.many": "{{count}} sessies worden gearchiveerd.", "workspace.reset.note": "Hierdoor wordt de werkruimte opnieuw ingesteld zodat deze overeenkomt met de standaardbranch.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/no.ts b/packages/app/src/i18n/no.ts index 11958029dc3..6e087212f7f 100644 --- a/packages/app/src/i18n/no.ts +++ b/packages/app/src/i18n/no.ts @@ -1264,4 +1264,16 @@ 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...", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } satisfies Partial> diff --git a/packages/app/src/i18n/pa.ts b/packages/app/src/i18n/pa.ts index 6298581c0aa..e8077755e67 100644 --- a/packages/app/src/i18n/pa.ts +++ b/packages/app/src/i18n/pa.ts @@ -1158,4 +1158,16 @@ export const dict = { "workspace.reset.archived.one": "1 سیشن آرکائیو کیتا جائے گا۔", "workspace.reset.archived.many": "{{count}} سیشن آرکائیو کیتے جان گے۔", "workspace.reset.note": "ایہ ورک اسپیس نو ڈیفالٹ برانچ نال ملاون لئی ری سیٹ کرے گا۔", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/pl.ts b/packages/app/src/i18n/pl.ts index 9b3c927498d..f7f572cde33 100644 --- a/packages/app/src/i18n/pl.ts +++ b/packages/app/src/i18n/pl.ts @@ -1181,4 +1181,16 @@ 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}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/ru.ts b/packages/app/src/i18n/ru.ts index cf4fa8d8f4c..d2c4fd2971b 100644 --- a/packages/app/src/i18n/ru.ts +++ b/packages/app/src/i18n/ru.ts @@ -1259,4 +1259,16 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "Не удалось создать постоянный значок проекта", "error.childStore.storeCreateFailed": "Не удалось создать хранилище", "terminal.connectionLost.abnormalClose": "WebSocket закрыт аварийно: {{code}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/sv.ts b/packages/app/src/i18n/sv.ts index 39b363c6b65..270dc2a6297 100644 --- a/packages/app/src/i18n/sv.ts +++ b/packages/app/src/i18n/sv.ts @@ -1157,4 +1157,16 @@ export const dict = { "workspace.reset.archived.one": "1 session kommer att arkiveras.", "workspace.reset.archived.many": "{{count}} sessioner kommer att arkiveras.", "workspace.reset.note": "Detta kommer att återställa arbetsytan så att den matchar standardgrenen.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/th.ts b/packages/app/src/i18n/th.ts index 1a0e9db72b1..002fcdfef9c 100644 --- a/packages/app/src/i18n/th.ts +++ b/packages/app/src/i18n/th.ts @@ -1235,4 +1235,16 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "ไม่สามารถสร้างไอคอนโปรเจกต์ถาวร", "error.childStore.storeCreateFailed": "ไม่สามารถสร้างที่เก็บ", "terminal.connectionLost.abnormalClose": "WebSocket ปิดอย่างผิดปกติ: {{code}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/tr.ts b/packages/app/src/i18n/tr.ts index 85623036e42..84ec2fdcc92 100644 --- a/packages/app/src/i18n/tr.ts +++ b/packages/app/src/i18n/tr.ts @@ -1257,4 +1257,16 @@ 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}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } satisfies Partial> diff --git a/packages/app/src/i18n/uk.ts b/packages/app/src/i18n/uk.ts index 54732a87b7e..14171bfbce2 100644 --- a/packages/app/src/i18n/uk.ts +++ b/packages/app/src/i18n/uk.ts @@ -1264,4 +1264,16 @@ export const dict = { "workspace.reset.archived.one": "1 сесію буде заархівовано.", "workspace.reset.archived.many": "{{count}} сесій буде заархівовано.", "workspace.reset.note": "Це скине робочу область, щоб вона відповідала гілці за замовчуванням.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/ur.ts b/packages/app/src/i18n/ur.ts index 2ab69e7aec7..fed198ca47a 100644 --- a/packages/app/src/i18n/ur.ts +++ b/packages/app/src/i18n/ur.ts @@ -1161,4 +1161,16 @@ export const dict = { "workspace.reset.archived.one": "1 سیشن آرکائیو کیا جائے گا۔", "workspace.reset.archived.many": "{{count}} سیشنز آرکائیو کیے جائیں گے۔", "workspace.reset.note": "یہ ڈیفالٹ برانچ سے ملنے کے لیے ورک اسپیس کو دوبارہ ترتیب دے گا۔", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/vi.ts b/packages/app/src/i18n/vi.ts index 06fda4ce707..3903f0af7b5 100644 --- a/packages/app/src/i18n/vi.ts +++ b/packages/app/src/i18n/vi.ts @@ -1166,4 +1166,16 @@ export const dict = { "workspace.reset.archived.one": "1 phiên sẽ được lưu trữ.", "workspace.reset.archived.many": "{{count}} phiên sẽ được lưu trữ.", "workspace.reset.note": "Điều này sẽ thiết lập lại không gian làm việc để phù hợp với nhánh mặc định.", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } diff --git a/packages/app/src/i18n/zh.ts b/packages/app/src/i18n/zh.ts index f1186f5b545..b932c04e392 100644 --- a/packages/app/src/i18n/zh.ts +++ b/packages/app/src/i18n/zh.ts @@ -1224,4 +1224,16 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "创建持久化项目图标失败", "error.childStore.storeCreateFailed": "创建存储失败", "terminal.connectionLost.abnormalClose": "WebSocket 异常关闭：{{code}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } satisfies Partial> diff --git a/packages/app/src/i18n/zht.ts b/packages/app/src/i18n/zht.ts index 6cc3d555289..d677feebea6 100644 --- a/packages/app/src/i18n/zht.ts +++ b/packages/app/src/i18n/zht.ts @@ -1220,4 +1220,16 @@ export const dict = { "error.childStore.persistedProjectIconCreateFailed": "建立持續性專案圖示失敗", "error.childStore.storeCreateFailed": "建立儲存區失敗", "terminal.connectionLost.abnormalClose": "WebSocket 異常關閉：{{code}}", + "settings.tab.preferences": "Preferences", + "settings.tab.projects": "Projects", + "settings.tab.extensions": "Extensions", + "settings.server.all": "All servers", + "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.tab.notifications": "Notifications", } satisfies Partial> diff --git a/packages/app/src/wsl/settings.tsx b/packages/app/src/wsl/settings.tsx index 901f2476686..ed19e90d3c4 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 babca7c864e..09d161faa68 100644 --- a/packages/ui/src/components/icon.tsx +++ b/packages/ui/src/components/icon.tsx @@ -104,6 +104,11 @@ const icons = { link: ``, providers: ``, models: ``, + appearance: ``, + notifications: ``, + extensions: ``, + cube: ``, + "post-skill": ``, "arrow-undo-down": ``, }