@@ -324,9 +326,9 @@ export default function ConfigView(props: ConfigViewProps) {
- OpenWork server sharing
+ {t("config.sharing_title")}
- Share these details with a trusted device. Keep the server on the same network for the fastest setup.
+ {t("config.sharing_subtitle")}
@@ -337,13 +339,13 @@ export default function ConfigView(props: ConfigViewProps) {
- OpenWork Server URL
- {hostConnectUrl() || "Starting server…"}
+ {t("config.server_url_label")}
+ {hostConnectUrl() || t("config.starting_server")}
{hostConnectUrlUsesMdns()
- ? ".local names are easier to remember but may not resolve on all networks."
- : "Use your local IP on the same Wi-Fi for the fastest connection."}
+ ? t("config.mdns_hint")
+ : t("config.ip_hint")}
@@ -353,13 +355,13 @@ export default function ConfigView(props: ConfigViewProps) {
onClick={() => handleCopy(hostConnectUrl(), "host-url")}
disabled={!hostConnectUrl()}
>
- {copyingField() === "host-url" ? "Copied" : "Copy"}
+ {copyingField() === "host-url" ? t("config.copied") : t("config.copy")}
- Access token
+ {t("config.access_token_label")}
{clientTokenVisible()
? hostInfo()?.clientToken || "—"
@@ -367,7 +369,7 @@ export default function ConfigView(props: ConfigViewProps) {
? "••••••••••••"
: "—"}
- Use on phones or laptops connecting to this server.
+ {t("config.access_token_hint")}
- Server token
+ {t("config.server_token_label")}
{hostTokenVisible()
? hostInfo()?.hostToken || "—"
@@ -399,7 +401,7 @@ export default function ConfigView(props: ConfigViewProps) {
? "••••••••••••"
: "—"}
- Keep private. Required for approval actions.
+ {t("config.server_token_hint")}
-
- For per-workspace sharing links, use Share... in the workspace menu.
-
+
- OpenWork server
+ {t("config.openwork_server_title")}
- Connect to an OpenWork server. Use the URL and access token from your server admin.
+ {t("config.openwork_server_subtitle")}
{openworkStatusLabel()}
@@ -441,22 +441,22 @@ export default function ConfigView(props: ConfigViewProps) {
setOpenworkUrl(event.currentTarget.value)}
- placeholder="http://127.0.0.1:8787"
- hint="Use the URL shared by your OpenWork server."
+ placeholder={t("dashboard.remote_base_url_placeholder")}
+ hint={t("dashboard.openwork_host_hint")}
disabled={props.busy}
/>
- Resolved worker URL: {resolvedWorkspaceUrl() || "Not set"}
- Worker ID: {resolvedWorkspaceId() || "Unavailable"}
+ {t("config.resolved_worker_url")}{resolvedWorkspaceUrl() || t("config.not_set")}
+ {t("config.worker_id")}{resolvedWorkspaceId() || t("config.unavailable")}
@@ -491,27 +491,27 @@ export default function ConfigView(props: ConfigViewProps) {
const ok = await props.testOpenworkServerConnection(next);
setOpenworkTestState(ok ? "success" : "error");
setOpenworkTestMessage(
- ok ? "Connection successful." : "Connection failed. Check the host URL and token.",
+ ok ? t("config.connection_success") : t("config.connection_failed")
);
} catch (error) {
- const message = error instanceof Error ? error.message : "Connection failed.";
+ const message = error instanceof Error ? error.message : t("config.connection_failed_generic");
setOpenworkTestState("error");
setOpenworkTestMessage(message);
}
}}
disabled={props.busy || openworkTestState() === "testing"}
>
- {openworkTestState() === "testing" ? "Testing..." : "Test connection"}
+ {openworkTestState() === "testing" ? t("config.testing") : t("config.test_connection")}
@@ -527,25 +527,23 @@ export default function ConfigView(props: ConfigViewProps) {
role="status"
aria-live="polite"
>
- {openworkTestState() === "testing" ? "Testing connection..." : openworkTestMessage() ?? "Connection status updated."}
+ {openworkTestState() === "testing" ? t("config.testing_connection") : openworkTestMessage() ?? t("config.connection_status_updated")}
-
- OpenWork server connection needed to sync skills, plugins, and commands.
+
+ {t("config.sync_hint")}
- Messaging identities
-
- Manage Telegram/Slack identities and routing in the Identities tab.
-
+ {t("config.identities_title")}
+
- Some config features (local server sharing + messaging bridge) require the desktop app.
+ {t("config.desktop_only_hint")}
diff --git a/packages/app/src/app/pages/dashboard.tsx b/packages/app/src/app/pages/dashboard.tsx
index c8823df0..dd7d5908 100644
--- a/packages/app/src/app/pages/dashboard.tsx
+++ b/packages/app/src/app/pages/dashboard.tsx
@@ -14,6 +14,7 @@ import type {
WorkspaceSessionGroup,
View,
} from "../types";
+import { t } from "../../i18n";
import type { McpDirectoryInfo } from "../constants";
import {
formatRelativeTime,
@@ -289,23 +290,23 @@ export default function DashboardView(props: DashboardViewProps) {
const title = createMemo(() => {
switch (props.tab) {
case "scheduled":
- return "Automations";
+ return t("dashboard.tab_automations");
case "soul":
return "Soul";
case "skills":
- return "Skills";
+ return t("dashboard.tab_skills");
case "plugins":
- return "Extensions";
+ return t("dashboard.tab_extensions");
case "mcp":
- return "Extensions";
+ return t("dashboard.tab_extensions");
case "identities":
return "Messaging";
case "config":
- return "Advanced";
+ return t("dashboard.tab_advanced");
case "settings":
- return "Settings";
+ return t("dashboard.tab_settings");
default:
- return "Automations";
+ return t("dashboard.tab_automations");
}
});
@@ -314,15 +315,15 @@ export default function DashboardView(props: DashboardViewProps) {
workspace.openworkWorkspaceName?.trim() ||
workspace.name?.trim() ||
workspace.path?.trim() ||
- "Worker";
+ t("dashboard.workspace_worker");
const workspaceKindLabel = (workspace: WorkspaceInfo) =>
workspace.workspaceType === "remote"
? workspace.sandboxBackend === "docker" ||
Boolean(workspace.sandboxRunId?.trim()) ||
Boolean(workspace.sandboxContainerName?.trim())
- ? "Sandbox"
- : "Remote"
- : "Local";
+ ? t("dashboard.workspace_sandbox")
+ : t("dashboard.workspace_remote")
+ : t("dashboard.workspace_local");
const openSessionFromList = (workspaceId: string, sessionId: string) => {
// Route-driven selection: navigate first and let the route effect own selectSession.
@@ -412,7 +413,7 @@ export default function DashboardView(props: DashboardViewProps) {
const showMoreLabel = (workspaceId: string, total: number) => {
const remaining = Math.max(0, total - previewCount(workspaceId));
const nextCount = Math.min(MAX_SESSIONS_PREVIEW, remaining);
- return nextCount > 0 ? `Show ${nextCount} more` : "Show more";
+ return nextCount > 0 ? t("dashboard.show_more_count").replace("{count}", nextCount.toString()) : t("dashboard.show_more");
};
const [workspaceMenuId, setWorkspaceMenuId] = createSignal(null);
let workspaceMenuRef: HTMLDivElement | undefined;
@@ -654,23 +655,23 @@ export default function DashboardView(props: DashboardViewProps) {
const token = props.openworkServerHostInfo?.clientToken?.trim() || "";
return [
{
- label: "OpenWork worker URL",
+ label: t("dashboard.share_worker_url"),
value: url,
- placeholder: !isTauriRuntime() ? "Desktop app required" : "Starting server...",
+ placeholder: !isTauriRuntime() ? t("dashboard.share_desktop_required") : t("dashboard.share_starting_server"),
hint: mountedUrl
- ? "Use on phones or laptops connecting to this worker."
+ ? t("dashboard.share_worker_hint")
: hostUrl
- ? "Worker URL is resolving; host URL shown as fallback."
+ ? t("dashboard.share_resolving_hint")
: undefined,
},
{
- label: "Access token",
+ label: t("config.access_token_label"),
value: token,
secret: true,
- placeholder: isTauriRuntime() ? "-" : "Desktop app required",
+ placeholder: isTauriRuntime() ? "-" : t("dashboard.share_desktop_required"),
hint: mountedUrl
- ? "Use on phones or laptops connecting to this worker."
- : "Use on phones or laptops connecting to this host.",
+ ? t("dashboard.share_worker_hint")
+ : t("dashboard.share_host_hint"),
},
];
}
@@ -684,15 +685,15 @@ export default function DashboardView(props: DashboardViewProps) {
"";
return [
{
- label: "OpenWork worker URL",
+ label: t("dashboard.share_worker_url"),
value: url,
},
{
- label: "Access token",
+ label: t("config.access_token_label"),
value: token,
secret: true,
- placeholder: token ? undefined : "Set token in Advanced",
- hint: "This token grants access to the worker on that host.",
+ placeholder: token ? undefined : t("dashboard.share_token_advanced_hint"),
+ hint: t("dashboard.share_token_grant_hint"),
},
];
}
@@ -701,13 +702,13 @@ export default function DashboardView(props: DashboardViewProps) {
const directory = ws.directory?.trim() || "";
return [
{
- label: "OpenCode base URL",
+ label: t("dashboard.share_opencode_url"),
value: baseUrl,
},
{
- label: "Directory",
+ label: t("dashboard.share_directory"),
value: directory,
- placeholder: "(auto)",
+ placeholder: t("dashboard.share_auto"),
},
];
});
@@ -716,17 +717,17 @@ export default function DashboardView(props: DashboardViewProps) {
const ws = shareWorkspace();
if (!ws) return null;
if (ws.workspaceType === "local" && props.engineInfo?.runtime === "direct") {
- return "Engine runtime is set to Direct. Switching local workers can restart the host and disconnect clients. The token may change after a restart.";
+ return t("dashboard.share_direct_warning");
}
return null;
});
const exportDisabledReason = createMemo(() => {
const ws = shareWorkspace();
- if (!ws) return "Export is available for local workers in the desktop app.";
- if (ws.workspaceType === "remote") return "Export is only supported for local workers.";
- if (!isTauriRuntime()) return "Export is available in the desktop app.";
- if (props.exportWorkspaceBusy) return "Export is already running.";
+ if (!ws) return t("dashboard.export_local_desktop");
+ if (ws.workspaceType === "remote") return t("dashboard.export_local_only");
+ if (!isTauriRuntime()) return t("dashboard.export_desktop_only");
+ if (props.exportWorkspaceBusy) return t("dashboard.export_running");
return null;
});
@@ -747,13 +748,13 @@ export default function DashboardView(props: DashboardViewProps) {
const updatePillLabel = createMemo(() => {
const state = props.updateStatus?.state;
if (state === "ready") {
- return props.anyActiveRuns ? "Update ready" : "Install update";
+ return props.anyActiveRuns ? t("dashboard.update_ready_btn") : t("dashboard.install_update_btn");
}
if (state === "downloading") {
const percent = updateDownloadPercent();
- return percent == null ? "Downloading" : `Downloading ${percent}%`;
+ return percent == null ? t("dashboard.downloading_btn") : t("dashboard.downloading_percent_btn").replace("{percent}", percent.toString());
}
- return "Update available";
+ return t("dashboard.update_available_btn");
});
const updatePillButtonTone = createMemo(() => {
@@ -807,11 +808,11 @@ export default function DashboardView(props: DashboardViewProps) {
const state = props.updateStatus?.state;
if (state === "ready") {
return props.anyActiveRuns
- ? `Update ready ${version}. Stop active runs to restart.`
- : `Restart to apply update ${version}`;
+ ? t("dashboard.update_ready_tooltip").replace("{version}", version)
+ : t("dashboard.update_restart_tooltip").replace("{version}", version);
}
- if (state === "downloading") return `Downloading update ${version}`;
- return `Update available ${version}`;
+ if (state === "downloading") return t("dashboard.update_downloading_tooltip").replace("{version}", version);
+ return t("dashboard.update_available_tooltip").replace("{version}", version);
});
const handleUpdatePillClick = () => {
@@ -973,7 +974,7 @@ export default function DashboardView(props: DashboardViewProps) {
setWorkspaceMenuId(null);
}}
>
- Edit name
+ {t("dashboard.menu_edit_name")}
@@ -1028,7 +1029,7 @@ export default function DashboardView(props: DashboardViewProps) {
setWorkspaceMenuId(null);
}}
>
- Stop sandbox
+ {t("dashboard.menu_stop_sandbox")}
@@ -1141,8 +1142,8 @@ export default function DashboardView(props: DashboardViewProps) {
onClick={() => createTaskInWorkspace(workspace().id)}
disabled={props.newTaskDisabled}
>
- No tasks yet.
- + New task
+ {t("dashboard.tasks_empty")}
+ {t("dashboard.tasks_new")}
@@ -1159,7 +1160,7 @@ export default function DashboardView(props: DashboardViewProps) {
}
>
- Loading tasks...
+ {t("dashboard.loading_tasks")}
@@ -1177,7 +1178,7 @@ export default function DashboardView(props: DashboardViewProps) {
onClick={() => setAddWorkspaceMenuOpen((prev) => !prev)}
>
@@ -1190,7 +1191,7 @@ export default function DashboardView(props: DashboardViewProps) {
}}
>
@@ -1519,7 +1520,7 @@ export default function DashboardView(props: DashboardViewProps) {
onClick={props.repairOpencodeCache}
disabled={props.cacheRepairBusy || !props.developerMode}
>
- {props.cacheRepairBusy ? "Repairing cache" : "Repair cache"}
+ {props.cacheRepairBusy ? t("dashboard.repairing_cache_btn") : t("dashboard.repair_cache_btn")}
@@ -1594,7 +1595,7 @@ export default function DashboardView(props: DashboardViewProps) {
onClick={() => props.setTab("scheduled")}
>
@@ -1649,12 +1650,12 @@ export default function DashboardView(props: DashboardViewProps) {
- Apps (MCP) and OpenCode plugins live in one place. + {t("extensions.description")}
- Let people reach your worker through messaging apps. Connect a channel and - your worker will automatically read and respond to messages. + {t("identities.description")}
openwork).
- /w/<workspace-id>) or select a workspace mapped on this host.
- /newbot.
-
+
/start to your bot to activate the chat.
+
- Connect your Slack workspace to let team members interact with this worker in channels and DMs. + {t("identities.slack_hint")}
- Control which conversations go to which workspace folder. Messages are - routed to the worker's default folder unless you set up rules here. + {t("identities.message_routing_description")}
/dir <path> in Slack/Telegram to override the directory for a specific chat (limited to this workspace root).
- @agent <id> to route via a specific OpenCode agent.
-