@brainpilot/web 0.0.3 → 0.0.5

package/src/i18n/messages/sidebar.ts

@@ -0,0 +1,52 @@
+import { defineMessages } from "../types";
+
+export default defineMessages(
+  {
+    "sidebar.newChat": "新对话",
+    "sidebar.plugins": "插件",
+    "sidebar.automations": "自动化",
+    "sidebar.demo": "Live Demo",
+    "sidebar.conversations": "对话",
+    "sidebar.search": "搜索对话",
+    "sidebar.loading": "加载中",
+    "sidebar.sessionCount": "{count} 个会话",
+    "sidebar.empty": "尚无会话",
+    "sidebar.settings": "设置",
+    "sidebar.aria.nav": "工作区导航",
+    "sidebar.aria.primary": "主导航",
+    "sidebar.aria.resize": "调整侧边栏宽度",
+    "sidebar.aria.expand": "展开侧边栏",
+    "sidebar.aria.collapse": "收起侧边栏",
+    "sidebar.aria.newConversation": "新建对话",
+    "sidebar.aria.saveTitle": "保存对话标题",
+    "sidebar.aria.cancelRename": "取消重命名",
+    "sidebar.aria.confirmDelete": "确认删除",
+    "sidebar.aria.cancelDelete": "取消删除",
+    "sidebar.aria.rename": "重命名对话",
+    "sidebar.aria.delete": "删除对话",
+  },
+  {
+    "sidebar.newChat": "New chat",
+    "sidebar.plugins": "Plugins",
+    "sidebar.automations": "Automations",
+    "sidebar.demo": "Live Demo",
+    "sidebar.conversations": "Conversations",
+    "sidebar.search": "Search conversations",
+    "sidebar.loading": "Loading",
+    "sidebar.sessionCount": "{count} sessions",
+    "sidebar.empty": "No conversations yet",
+    "sidebar.settings": "Settings",
+    "sidebar.aria.nav": "Workspace navigation",
+    "sidebar.aria.primary": "Primary",
+    "sidebar.aria.resize": "Resize sidebar",
+    "sidebar.aria.expand": "Expand sidebar",
+    "sidebar.aria.collapse": "Collapse sidebar",
+    "sidebar.aria.newConversation": "New conversation",
+    "sidebar.aria.saveTitle": "Save session title",
+    "sidebar.aria.cancelRename": "Cancel rename",
+    "sidebar.aria.confirmDelete": "Confirm delete",
+    "sidebar.aria.cancelDelete": "Cancel delete",
+    "sidebar.aria.rename": "Rename session",
+    "sidebar.aria.delete": "Delete session",
+  },
+);

package/src/i18n/messages/terminal.ts

@@ -0,0 +1,22 @@
+import { defineMessages } from "../types";
+
+export default defineMessages(
+  {
+    "terminal.connectFailed": "终端连接失败",
+    "terminal.aria.drawer": "工作区终端",
+    "terminal.aria.resize": "调整终端高度",
+    "terminal.aria.newTab": "新建终端标签",
+    "terminal.aria.clear": "清空终端",
+    "terminal.aria.reconnect": "重新连接终端",
+    "terminal.aria.minimize": "最小化终端",
+  },
+  {
+    "terminal.connectFailed": "Terminal connection failed",
+    "terminal.aria.drawer": "Workspace terminals",
+    "terminal.aria.resize": "Resize terminal",
+    "terminal.aria.newTab": "New terminal tab",
+    "terminal.aria.clear": "Clear terminal",
+    "terminal.aria.reconnect": "Reconnect terminal",
+    "terminal.aria.minimize": "Minimize terminal",
+  },
+);

package/src/i18n/messages/trace.ts

@@ -0,0 +1,84 @@
+import { defineMessages } from "../types";
+
+export default defineMessages(
+  {
+    // AgentsPanel
+    "trace.agents.eyebrow": "实时 Agent 网络",
+    "trace.agents.title": "Agents",
+    "trace.agents.emptyNoSession": "创建或选择会话后，这里会显示参与当前任务的 Agent 与它们之间的消息流。",
+    "trace.agents.emptyNoEvents": "当前会话还没有 Agent 状态事件。",
+    // TracePanel
+    "trace.eyebrow": "推理轨迹",
+    "trace.title": "Trace",
+    "trace.loadFailed": "加载 Trace 失败",
+    "trace.aria.layoutDir": "Trace 布局方向",
+    "trace.aria.refreshControls": "Trace 刷新控制",
+    "trace.aria.refresh": "刷新 Trace",
+    "trace.autoRefreshTitle": "每 3 秒自动刷新 Trace",
+    "trace.live": "实时",
+    "trace.emptyNoSession": "创建或选择会话后，这里会显示任务分解和 Agent 协作轨迹。",
+    "trace.untitled": "未命名会话",
+    "trace.focus": "聚焦：{focus}",
+    "trace.nodes": "{visible}/{total} 个节点",
+    "trace.created": "创建于：{time}",
+    "trace.searchPlaceholder": "搜索标题、Agent、产物、工具…",
+    "trace.aria.clearSearch": "清除 Trace 搜索",
+    "trace.status": "状态",
+    "trace.aria.statusFilter": "Trace 状态筛选",
+    "trace.allStatus": "全部状态",
+    "trace.type": "类型",
+    "trace.aria.typeFilter": "Trace 类型筛选",
+    "trace.allTypes": "全部类型",
+    "trace.aria.graph": "Trace 图",
+    "trace.aria.zoomControls": "Trace 缩放控制",
+    "trace.aria.zoomOut": "缩小",
+    "trace.aria.zoomIn": "放大",
+    "trace.aria.resetZoom": "重置缩放",
+    "trace.noMatch": "没有节点匹配当前筛选条件。",
+    "trace.aria.playbackControls": "Trace 回放控制",
+    "trace.aria.pause": "暂停回放",
+    "trace.aria.play": "开始回放",
+    "trace.aria.playbackProgress": "回放进度",
+    "trace.status.done": "完成",
+    "trace.status.running": "进行中",
+  },
+  {
+    "trace.agents.eyebrow": "Live agent network",
+    "trace.agents.title": "Agents",
+    "trace.agents.emptyNoSession": "Once you create or select a session, the agents involved in the current task and the message flow between them will appear here.",
+    "trace.agents.emptyNoEvents": "No agent status events in this session yet.",
+    "trace.eyebrow": "Reasoning trace",
+    "trace.title": "Trace",
+    "trace.loadFailed": "Failed to load trace",
+    "trace.aria.layoutDir": "Trace layout direction",
+    "trace.aria.refreshControls": "Trace refresh controls",
+    "trace.aria.refresh": "Refresh trace",
+    "trace.autoRefreshTitle": "Refresh trace automatically every 3 seconds",
+    "trace.live": "Live",
+    "trace.emptyNoSession": "Once you create or select a session, the task breakdown and agent collaboration trace will appear here.",
+    "trace.untitled": "Untitled session",
+    "trace.focus": "Focus: {focus}",
+    "trace.nodes": "{visible}/{total} nodes",
+    "trace.created": "Created: {time}",
+    "trace.searchPlaceholder": "Search title, agent, artifact, tool...",
+    "trace.aria.clearSearch": "Clear trace search",
+    "trace.status": "Status",
+    "trace.aria.statusFilter": "Trace status filter",
+    "trace.allStatus": "All status",
+    "trace.type": "Type",
+    "trace.aria.typeFilter": "Trace type filter",
+    "trace.allTypes": "All types",
+    "trace.aria.graph": "Trace graph",
+    "trace.aria.zoomControls": "Trace zoom controls",
+    "trace.aria.zoomOut": "Zoom out",
+    "trace.aria.zoomIn": "Zoom in",
+    "trace.aria.resetZoom": "Reset zoom",
+    "trace.noMatch": "No trace nodes match the current filters.",
+    "trace.aria.playbackControls": "Trace playback controls",
+    "trace.aria.pause": "Pause playback",
+    "trace.aria.play": "Play playback",
+    "trace.aria.playbackProgress": "Playback progress",
+    "trace.status.done": "done",
+    "trace.status.running": "running",
+  },
+);

package/src/i18n/messages.ts

@@ -0,0 +1,32 @@
+import type { Bundle, Dict, Locale } from "./types";
+
+import sidebar from "./messages/sidebar";
+import sandbox from "./messages/sandbox";
+import shell from "./messages/shell";
+import settings from "./messages/settings";
+import chat from "./messages/chat";
+import search from "./messages/search";
+import quota from "./messages/quota";
+import files from "./messages/files";
+import trace from "./messages/trace";
+import analytics from "./messages/analytics";
+import network from "./messages/network";
+import profile from "./messages/profile";
+import contexts from "./messages/contexts";
+import terminal from "./messages/terminal";
+import demo from "./messages/demo";
+
+/** Fallback locale used when a key is missing in the active locale. */
+export const DEFAULT_LOCALE: Locale = "zh-CN";
+
+/** All namespace bundles. Keys are already fully-qualified (e.g. "sidebar.newChat"). */
+const bundles: Bundle[] = [sidebar, sandbox, shell, settings, chat, search, quota, files, trace, analytics, network, profile, contexts, terminal, demo];
+
+function build(locale: Locale): Dict {
+  return Object.assign({}, ...bundles.map((bundle) => bundle[locale]));
+}
+
+export const messages: Record<Locale, Dict> = {
+  "zh-CN": build("zh-CN"),
+  "en-US": build("en-US"),
+};

package/src/i18n/translate.ts

@@ -0,0 +1,46 @@
+import type { Locale } from "./types";
+import { messages, DEFAULT_LOCALE } from "./messages";
+
+export type TranslateVars = Record<string, string | number>;
+
+/**
+ * Pure translation function — safe to call outside of React (e.g. inside
+ * context callbacks that hold the current locale in a ref).
+ *
+ * Resolution order: requested locale → DEFAULT_LOCALE → the raw key.
+ * Supports `{var}` interpolation.
+ */
+export function translate(locale: Locale, key: string, vars?: TranslateVars): string {
+  const table = messages[locale] ?? messages[DEFAULT_LOCALE];
+  let str = table[key] ?? messages[DEFAULT_LOCALE][key];
+
+  if (str === undefined) {
+    if (import.meta.env.DEV) {
+      console.warn(`[i18n] missing translation key: "${key}"`);
+    }
+    return key;
+  }
+
+  if (vars) {
+    for (const [name, value] of Object.entries(vars)) {
+      str = str.replace(new RegExp(`\\{${name}\\}`, "g"), String(value));
+    }
+  }
+  return str;
+}
+
+/**
+ * Module-level "active locale", kept in sync by PreferencesContext. Lets code
+ * outside the React tree (context callbacks producing error strings) translate
+ * without holding a hook. Reactive UI should still use useT().
+ */
+let activeLocale: Locale = DEFAULT_LOCALE;
+
+export function setActiveLocale(locale: Locale): void {
+  activeLocale = locale;
+}
+
+/** Translate against the current active locale (non-reactive). */
+export function tg(key: string, vars?: TranslateVars): string {
+  return translate(activeLocale, key, vars);
+}

package/src/i18n/types.ts

@@ -0,0 +1,15 @@
+export type Locale = "zh-CN" | "en-US";
+
+/** A flat dictionary of translation key → string for a single locale. */
+export type Dict = Record<string, string>;
+
+/** A namespace bundle: parallel zh-CN / en-US dictionaries with identical keys. */
+export type Bundle = Record<Locale, Dict>;
+
+/**
+ * Define a namespace's messages while enforcing that the en-US block has
+ * exactly the same keys as the zh-CN block (missing or extra keys error).
+ */
+export function defineMessages<T extends Dict>(zh: T, en: Record<keyof T, string>): Bundle {
+  return { "zh-CN": zh, "en-US": en as Dict };
+}

package/src/i18n/useT.ts

@@ -0,0 +1,15 @@
+import { useCallback } from "react";
+import { usePreferences } from "../contexts/PreferencesContext";
+import { translate, TranslateVars } from "./translate";
+
+/**
+ * React hook returning a `t(key, vars?)` translator bound to the current
+ * UI language (single source of truth: PreferencesContext.language).
+ *
+ * Components re-render and re-translate automatically when the user switches
+ * language in Settings.
+ */
+export function useT() {
+  const { language } = usePreferences();
+  return useCallback((key: string, vars?: TranslateVars) => translate(language, key, vars), [language]);
+}

package/src/main.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { App } from "./App";
+import "@fontsource-variable/geist";
+import "@fontsource-variable/geist-mono";
+import "./styles/tokens.css";
+import "./styles/global.css";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);