v2.1.0: core 0.6.0 with QoderWork and TRAE SOLO support

Author: anhao

README.md

@@ -10,7 +10,7 @@
 
 Website: [codedrobe.app](https://codedrobe.app) · [Download the latest release](https://github.com/CodeDrobe/desktop/releases/latest)
 
-CodeDrobe Desktop is an open-source theme manager for AI desktop apps — currently **OpenAI Codex** and **WorkBuddy** — on macOS and Windows. Browse the CodeDrobe theme store, apply a theme to any supported app with one click, and restore the native interface at any time. Themes only change appearance: your app installation and data stay untouched.
+CodeDrobe Desktop is an open-source theme manager for AI desktop apps — currently **OpenAI Codex**, **WorkBuddy**, **QoderWork**, and **TRAE SOLO** — on macOS and Windows. Browse the CodeDrobe theme store, apply a theme to any supported app with one click, and restore the native interface at any time. Themes only change appearance: your app installation and data stay untouched.
 
 ![CodeDrobe Desktop theme manager](docs/images/desktop.png)
 
@@ -19,7 +19,7 @@ CodeDrobe Desktop is an open-source theme manager for AI desktop apps — curren
 Version 2 is a complete rebuild:
 
 - **New UI** built with Tailwind CSS + shadcn-style components, sharing the design language of [codedrobe.app](https://codedrobe.app).
-- **Multi-app support** on the new `@codedrobe/core` engine: one theme package can target several apps, and the detail drawer applies it per app (Codex, WorkBuddy).
+- **Multi-app support** on the new `@codedrobe/core` engine: one theme package can target several apps, and the detail drawer applies it per app (Codex, WorkBuddy, QoderWork, TRAE SOLO).
 - **CodeDrobe account sign-in** (OAuth 2.0 PKCE through your system browser) with likes, a synced **Favorites** view, and share actions.
 - **Deep links**: `codedrobe://themes/apply?theme=<slug>&app=<id>` from the website installs and applies a theme after an in-app confirmation.
 - **Settings dialog** with categorized sections: display language, manual app-path override, per-app debug ports, and software updates.

README_zh.md

@@ -10,7 +10,7 @@
 
 官方网站：[codedrobe.app](https://codedrobe.app) · [下载最新版本](https://github.com/CodeDrobe/desktop/releases/latest)
 
-CodeDrobe Desktop 是一款面向 AI 桌面应用的开源主题管理器，目前支持 **OpenAI Codex** 和 **WorkBuddy**，运行于 macOS 和 Windows。在应用内浏览 CodeDrobe 主题商店、一键把主题应用到任意受支持的应用，并可随时恢复原生界面。主题只改变外观，不会修改应用安装包和你的数据。
+CodeDrobe Desktop 是一款面向 AI 桌面应用的开源主题管理器，目前支持 **OpenAI Codex**、**WorkBuddy**、**QoderWork** 与 **TRAE SOLO**，运行于 macOS 和 Windows。在应用内浏览 CodeDrobe 主题商店、一键把主题应用到任意受支持的应用，并可随时恢复原生界面。主题只改变外观，不会修改应用安装包和你的数据。
 
 ![CodeDrobe Desktop 主题管理器](docs/images/desktop.png)
 
@@ -19,7 +19,7 @@ CodeDrobe Desktop 是一款面向 AI 桌面应用的开源主题管理器，目
 v2 是一次彻底重构：
 
 - **全新 UI**：基于 Tailwind CSS + shadcn 风格组件，与 [codedrobe.app](https://codedrobe.app) 共享同一套设计语言。
-- **多应用支持**：换用新的 `@codedrobe/core` 引擎，一个主题包可以适配多个应用，详情抽屉里按应用逐个应用（Codex、WorkBuddy）。
+- **多应用支持**：换用新的 `@codedrobe/core` 引擎，一个主题包可以适配多个应用，详情抽屉里按应用逐个应用（Codex、WorkBuddy、QoderWork、TRAE SOLO）。
 - **CodeDrobe 账号登录**：通过系统浏览器完成 OAuth 2.0 PKCE 授权，支持喜欢主题、同步的**收藏**列表和分享。
 - **深度链接**：网页上的 `codedrobe://themes/apply?theme=<slug>&app=<id>` 链接会在应用内确认后自动安装并应用主题。
 - **设置弹窗**：分类式设置——界面语言、手动指定应用安装位置、按应用配置调试端口、软件更新。

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "codedrobe-desktop",
   "productName": "CodeDrobe",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "Open-source theme manager and desktop customization tool for the OpenAI Codex app on macOS and Windows.",
   "author": "CodeDrobe",
   "license": "MPL-2.0",
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@codedrobe/core": "0.4.0",
+    "@codedrobe/core": "0.6.0",
     "@hugeicons/core-free-icons": "^4.2.2",
     "@hugeicons/react": "^1.1.9",
     "class-variance-authority": "^0.7.1",

package.json

@@ -8,6 +8,7 @@ import {
   findRunningPids,
   findTargets,
   getAdapter,
+  resolveDebugPorts,
   resolveThemeTarget,
   restoreSkin,
 } from '@codedrobe/core';
@@ -88,6 +89,31 @@ export class CoreService {
       ?? this.adapter(appId).defaultPort;
   }
 
+  /**
+   * Hosts that force an ephemeral debug port (e.g. QoderWork) publish the
+   * live port through DevToolsActivePort files. An explicit user override
+   * always wins; a file port is only trusted while it serves targets that
+   * match the adapter.
+   */
+  private async resolveLivePort(appId: AppId, preferredPort: number): Promise<number> {
+    if (this.settings.overridesFor(appId).port != null) return preferredPort;
+    const adapter = this.adapter(appId);
+    try {
+      if ((await findTargets(adapter, preferredPort, 1200)).length) return preferredPort;
+    } catch {
+      // Fall through to the published debug-port candidates.
+    }
+    for (const filePort of await resolveDebugPorts(adapter, process.platform)) {
+      if (filePort === preferredPort) continue;
+      try {
+        if ((await findTargets(adapter, filePort, 1200)).length) return filePort;
+      } catch {
+        // Try the next candidate.
+      }
+    }
+    return preferredPort;
+  }
+
   defaultPortFor(appId: AppId): number {
     return this.adapter(appId).defaultPort;
   }
@@ -98,7 +124,7 @@ export class CoreService {
 
   private async appStatus(appId: AppId): Promise<AppStatus> {
     const adapter = this.adapter(appId);
-    const port = this.portFor(appId);
+    let port = this.portFor(appId);
     const override = this.settings.overridesFor(appId);
     let discovered: Awaited<ReturnType<typeof discoverApp>> = null;
     let running = false;
@@ -117,6 +143,7 @@ export class CoreService {
       }
     }
     if (running) {
+      port = await this.resolveLivePort(appId, port);
       try {
         debugReady = (await findTargets(adapter, port, 1200)).length > 0;
       } catch {
@@ -144,7 +171,7 @@ export class CoreService {
     if (platform() === 'unsupported') throw new Error(copy.unsupportedPlatform);
     const appId = request.appId;
     const adapter = this.adapter(appId);
-    const port = request.port ?? this.portFor(appId);
+    const port = request.port ?? (await this.resolveLivePort(appId, this.portFor(appId)));
     if (!isPort(port)) throw new Error(copy.invalidCdpPort);
 
     const entry = await this.library.find(request.themeId);
@@ -196,7 +223,7 @@ export class CoreService {
 
   async restore(appId: AppId): Promise<SystemStatus> {
     const adapter = this.adapter(appId);
-    const port = this.portFor(appId);
+    const port = await this.resolveLivePort(appId, this.portFor(appId));
     this.log(`[restore] ${appId} (port ${port})`);
     try {
       await restoreSkin({ adapter, port });

src/main/core-service.ts

@@ -5,8 +5,8 @@ import type { AppLocale } from './i18n';
 export type Platform = 'darwin' | 'win32' | 'unsupported';
 
 /** Platform-registered target applications (mirrors @codedrobe/core adapters). */
-export type AppId = 'codex' | 'workbuddy';
-export const APP_IDS: readonly AppId[] = ['codex', 'workbuddy'];
+export type AppId = 'codex' | 'workbuddy' | 'qoderwork' | 'traework';
+export const APP_IDS: readonly AppId[] = ['codex', 'workbuddy', 'qoderwork', 'traework'];
 
 export function isAppId(value: unknown): value is AppId {
   return typeof value === 'string' && (APP_IDS as readonly string[]).includes(value);

src/shared/types.ts

@@ -4,10 +4,14 @@ import type { AppId } from '@shared/types';
 import { cn } from '@/lib/utils';
 import codexIcon from '../assets/apps/codex.png';
 import workbuddyIcon from '../assets/apps/workbuddy.png';
+import qoderworkIcon from '../assets/apps/qoderwork.png';
+import traeworkIcon from '../assets/apps/traework.png';
 
 export const APP_META: Record<AppId, { name: string; icon: string }> = {
   codex: { name: 'Codex', icon: codexIcon },
   workbuddy: { name: 'WorkBuddy', icon: workbuddyIcon },
+  qoderwork: { name: 'QoderWork', icon: qoderworkIcon },
+  traework: { name: 'TRAE SOLO', icon: traeworkIcon },
 };
 
 /** App icon mark (mirrors the website's AppMark; rounded-square app icon). */

src/ui/assets/apps/qoderwork.png

@@ -16,7 +16,7 @@ import { HugeIcon } from '@/components/ui/huge-icon';
 import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '@/components/ui/empty';
 import { InputGroup, InputGroupAddon, InputGroupInput } from '@/components/ui/input-group';
 import { Spinner } from '@/components/ui/spinner';
-import { AppMark } from '@/components/app-mark';
+import { APP_META, AppMark } from '@/components/app-mark';
 import { StoreThemeCard } from '@/components/theme-card';
 import { cn } from '@/lib/utils';
 
@@ -138,7 +138,7 @@ export function StoreView({ controller }: { controller: AppController }) {
             )}
           >
             <AppMark appId={appId} size={14} />
-            {appId === 'codex' ? 'Codex' : 'WorkBuddy'}
+            {APP_META[appId].name}
           </button>
         ))}
         <span className="mx-1 h-4 w-px bg-border" />