@harness-mix/cli 0.1.8 → 0.1.10

package/scripts/handoff-checkpoint-test.cjs

@@ -3,6 +3,7 @@ const fs = require('node:fs/promises');
 const path = require('node:path');
 const { HandoffCheckpoints } = require('../src/main/host/handoff-checkpoints');
 const { HandoffAccess } = require('../src/main/host/handoff-access');
+const { SessionHistory } = require('../src/main/host/session-history');
 const { dispatch } = require('../src/main/host/handoff-mcp.cjs');
 
 async function main() {
@@ -47,6 +48,17 @@ async function main() {
   thread.messages[0].text = 'mutated after handoff';
   assert.doesNotMatch(JSON.stringify(runtime.handoffs.owned(thread.id, checkpoint.checkpointId)), /mutated after handoff/);
 
+  // 引用会话只读工具：pi 原生历史存根（30 轮），用户消息里显式给出 harness-mix://session/ 链接才可读
+  const sessionRef = Buffer.from(JSON.stringify(['pi', 'past-1'])).toString('base64url');
+  thread.messages.push({ id: 'user-2', role: 'user', text: `看看 [旧会话](harness-mix://session/${sessionRef}) 的结论` });
+  runtime.adapters.set('pi', { manifest: { integrations: { mcp: false } } });
+  runtime.threads = [thread];
+  runtime.execution = { isRunning: () => false };
+  runtime.history = new SessionHistory(runtime, {
+    async listNative() { return [{ nativeSessionId: 'past-1', title: '旧会话', cwd: process.cwd(), updatedAt: 5, running: null }]; },
+    async readNative() { return Array.from({ length: 30 }, (_, i) => ({ id: `m${i}`, role: i % 2 ? 'assistant' : 'user', text: `turn-${i}`, at: i })); },
+  });
+
   const access = new HandoffAccess(runtime);
   const connection = await access.connection({ ...thread, harnessId: 'target', pendingHandoff: { checkpointId: checkpoint.checkpointId } });
   assert.ok(connection);
@@ -59,6 +71,7 @@ async function main() {
     assert.deepEqual(catalog.tools.map(tool => tool.name), [
       'get_handoff_checkpoint', 'list_handoff_conversation', 'list_handoff_evidence',
       'read_handoff_evidence', 'list_handoff_files', 'read_handoff_plan',
+      'get_session_info', 'list_session_messages',
     ]);
     const result = await dispatch({ id: 2, method: 'tools/call', params: { name: 'get_handoff_checkpoint', arguments: { checkpoint_id: checkpoint.checkpointId } } });
     const summary = JSON.parse(result.content[0].text);
@@ -67,6 +80,31 @@ async function main() {
     const denied = await dispatch({ id: 3, method: 'tools/call', params: { name: 'get_handoff_checkpoint', arguments: { checkpoint_id: 'handoff_outside_scope' } } });
     assert.equal(denied.isError, true);
     assert.match(denied.content[0].text, /outside this native session scope/);
+
+    // 引用会话：元数据廉价读取（无内嵌消息时 messageCount 为 null）
+    const info = JSON.parse((await dispatch({ id: 4, method: 'tools/call', params: { name: 'get_session_info', arguments: { session_id: sessionRef } } })).content[0].text);
+    assert.equal(info.harnessId, 'pi');
+    assert.equal(info.title, '旧会话');
+    assert.equal(info.messageCount, null);
+    assert.equal(info.branch, null);
+    // 引用会话：正文分页（offset 0 = 最近一页，nextOffset 逐页向更早翻）
+    const recent = JSON.parse((await dispatch({ id: 5, method: 'tools/call', params: { name: 'list_session_messages', arguments: { session_id: sessionRef, limit: 12 } } })).content[0].text);
+    assert.equal(recent.messageCount, 30);
+    assert.equal(recent.returned, 12);
+    assert.equal(recent.hasMore, true);
+    assert.equal(recent.nextOffset, 12);
+    assert.match(recent.transcript, /User: turn-28/);
+    assert.doesNotMatch(recent.transcript, /turn-17/);
+    const oldest = JSON.parse((await dispatch({ id: 6, method: 'tools/call', params: { name: 'list_session_messages', arguments: { session_id: sessionRef, offset: 24, limit: 12 } } })).content[0].text);
+    assert.equal(oldest.returned, 6);
+    assert.equal(oldest.hasMore, false);
+    assert.equal(oldest.nextOffset, null);
+    assert.match(oldest.transcript, /User: turn-0/);
+    // 未被用户引用的会话拒绝读取
+    const otherRef = Buffer.from(JSON.stringify(['pi', 'past-2'])).toString('base64url');
+    const deniedSession = await dispatch({ id: 7, method: 'tools/call', params: { name: 'get_session_info', arguments: { session_id: otherRef } } });
+    assert.equal(deniedSession.isError, true);
+    assert.match(deniedSession.content[0].text, /not referenced/);
   } finally {
     if (oldUrl === undefined) delete process.env.HARNESS_MIX_HANDOFF_URL; else process.env.HARNESS_MIX_HANDOFF_URL = oldUrl;
     if (oldKey === undefined) delete process.env.HARNESS_MIX_HANDOFF_KEY; else process.env.HARNESS_MIX_HANDOFF_KEY = oldKey;

package/scripts/integrations-test.cjs

@@ -78,7 +78,7 @@ async function main() {
   const acp = acpServers(selected.servers, collab);
   assert.equal(acp.length, 2); assert.equal(acp[1].name, 'harness-mix'); assert.deepEqual(acp[0].env, []);
   assert.ok(namedServers(selected.servers, collab)['hm-user-probe']);
-  const catalog = await manager.catalog(); assert.equal(catalog.harnesses.length, 16);
+  const catalog = await manager.catalog(); assert.equal(catalog.harnesses.length, 17);
   for (const a of adapters.values()) {
     const entry = catalog.harnesses.find(h => h.id === a.manifest.id);
     assert.equal(entry.mcp, a.manifest.integrations?.mcp === true);
@@ -93,6 +93,9 @@ async function main() {
   assert.deepEqual(manager.roots(adapters.get('zcode'), { scope: 'project', cwd: project }), [path.join(project, '.zcode/skills'), path.join(project, '.agents/skills')]);
   // Trae IDE (.trae) and TraeCode CLI (.traecli) share one managed root set.
   assert.deepEqual(manager.roots(adapters.get('trae'), { scope: 'project', cwd: project }), [path.join(project, '.trae/skills'), path.join(project, '.traecli/skills'), path.join(project, '.agents/skills')]);
+  // Cline 官方文档：全局 ~/.cline/skills 与项目 .cline/skills。
+  assert.deepEqual(manager.roots(adapters.get('cline'), { scope: 'global', cwd: null }), [path.join(home, '.cline/skills')]);
+  assert.deepEqual(manager.roots(adapters.get('cline'), { scope: 'project', cwd: project }), [path.join(project, '.cline/skills')]);
   // Hermes documents no project-scope skills directory, so only its global root is managed.
   assert.deepEqual(manager.roots(adapters.get('hermes'), { scope: 'project', cwd: project }), []);
   assert.deepEqual(manager.roots(adapters.get('hermes'), { scope: 'global', cwd: null }), [path.join(home, '.hermes/skills')]);
@@ -116,7 +119,7 @@ async function main() {
   const globalOnly = await blocked.ensureSkillRoots({ cwd: 'relative-not-absolute' }, adapters.get('codex'), {});
   assert.equal(globalOnly.length, 1);
   // Exercise the real protocol dispatcher without starting native processes.
-  assert.equal((await NativeProtocol.prototype.request.call({ runtime }, 'codexhost/integrations/catalog', {})).harnesses.length, 16);
+  assert.equal((await NativeProtocol.prototype.request.call({ runtime }, 'codexhost/integrations/catalog', {})).harnesses.length, 17);
   assert.equal((await NativeProtocol.prototype.request.call({ runtime }, 'codexhost/integrations/list', local)).skills.length, 3);
   console.log('integrations: scope precedence, persistence, native status projection, no credential fields, unsupported capabilities, skill install/disable/restore, links, and protocol PASS');
 }

package/scripts/kiro-cursor-adapters-test.cjs

@@ -57,6 +57,24 @@ if (process.argv.includes('--fixture')) {
         assert.deepEqual(nativeCommand(module.manifest.id, ['acp']), { command: process.execPath, args: ['acp'] });
       } finally { if (previous === undefined) delete process.env[key]; else process.env[key] = previous; }
     }
+    // Cline：官方 `cline --acp`；诚实能力声明（无 plan/原生 diff/thinking 档/独立提问），
+    // 保留 resume 与 plan/act 权限模式；命令只认 cline 与 HARNESS_MIX_CLINE_EXECUTABLE。
+    {
+      const module = require('../src/main/adapters/cline');
+      const caps = module.manifest.capabilities;
+      assert.deepEqual(module.manifest.integrations.skills, { global: ['.cline/skills'], project: ['.cline/skills'] });
+      for (const [capability, expected] of [['fork', false], ['questions', false], ['thinkingLevels', false], ['plan', false], ['nativeDiff', false], ['usage', false], ['resume', true], ['permissionModes', true], ['models', true], ['attachments', true], ['approvals', true]])
+        assert.equal(caps[capability], expected, `cline ${capability}`);
+      const previous = process.env.HARNESS_MIX_CLINE_EXECUTABLE;
+      try {
+        delete process.env.HARNESS_MIX_CLINE_EXECUTABLE;
+        process.env.HARNESS_MIX_CLINE_EXECUTABLE = __filename + '.missing';
+        assert.throws(() => nativeCommand('cline', ['--acp']), /未安装/);
+        assert.equal((await module.create().inspect()).available, false);
+        process.env.HARNESS_MIX_CLINE_EXECUTABLE = process.execPath;
+        assert.deepEqual(nativeCommand('cline', ['--acp']), { command: process.execPath, args: ['--acp'] });
+      } finally { if (previous === undefined) delete process.env.HARNESS_MIX_CLINE_EXECUTABLE; else process.env.HARNESS_MIX_CLINE_EXECUTABLE = previous; }
+    }
     const adapter = acpAdapter({ id: 'fixture', name: 'Fixture', bin: () => ({ command: process.execPath, args: [__filename, '--fixture'] }), args: [], requestTimeoutMs: 5000 }).create();
     const events = [];
     let session;

package/scripts/native-acp-depth-test.cjs

@@ -47,7 +47,7 @@ if (process.argv.includes('--fixture')) {
   });
 } else {
   (async () => {
-    for (const vendor of ['codebuddy', 'kiro-cli', 'cursor-cli', 'qoder', 'zcode', 'trae']) {
+    for (const vendor of ['codebuddy', 'kiro-cli', 'cursor-cli', 'qoder', 'zcode', 'trae', 'cline']) {
       const module = nativeAcp({ id: vendor, name: vendor, args: [], timeoutMs: 2000, command: () => ({ command: process.execPath, args: [__filename, '--fixture'] }) });
       const adapter = module.create(), events = [];
       let s;

package/scripts/native-config-test.cjs

@@ -3,6 +3,7 @@ const fs = require('node:fs');
 const os = require('node:os');
 const path = require('node:path');
 const { nativeEnvironment, nativePaths, saveNativeSettings } = require('../src/main/native/config');
+const { isCodexTaskEnvironment, readLiveHostInstance } = require('../src/main/native/launcher');
 
 const directory = fs.mkdtempSync(path.join(os.tmpdir(), 'harness-mix-config-'));
 try {
@@ -18,8 +19,37 @@ try {
   assert.equal(nativeEnvironment({ CODEXHOST_DATA_DIR: directory, CODEXHOST_PI_COMMAND: 'D:\\other\\pi.cmd' }).CODEXHOST_PI_COMMAND,
     'D:\\other\\pi.cmd', 'Explicit environment takes priority');
   for (const file of Object.values(nativePaths())) assert.ok(fs.statSync(file).isFile(), file);
+  const runtimeDirectory = path.join(directory, 'runtime');
+  fs.mkdirSync(runtimeDirectory, { recursive: true });
+  const instanceFile = path.join(runtimeDirectory, 'instance.json');
+  fs.writeFileSync(instanceFile, JSON.stringify({
+    pid: 4242,
+    beatAt: 1_000_000,
+    mode: 'native-host',
+  }));
+  assert.deepEqual(
+    readLiveHostInstance(directory, { now: 1_010_000, isPidAlive: pid => pid === 4242 }),
+    { pid: 4242, beatAt: 1_000_000, mode: 'native-host' },
+    'A live Host makes repeated npm start idempotent',
+  );
+  assert.equal(
+    readLiveHostInstance(directory, { now: 1_020_000, isPidAlive: () => true }),
+    null,
+    'A stale Host heartbeat does not block a real launch',
+  );
+  assert.equal(
+    readLiveHostInstance(directory, { now: 1_010_000, isPidAlive: () => false }),
+    null,
+    'A dead Host PID does not block a real launch',
+  );
+  assert.equal(isCodexTaskEnvironment({ CODEX_THREAD_ID: 'thread-1' }), true);
+  assert.equal(isCodexTaskEnvironment({ CODEX_SESSION_ID: 'session-1' }), true);
+  assert.equal(
+    isCodexTaskEnvironment({ CODEX_INTERNAL_ORIGINATOR_OVERRIDE: 'Codex Desktop' }),
+    true,
+  );
+  assert.equal(isCodexTaskEnvironment({}), false);
   console.log('Native configuration, AppX environment recovery, credential exclusion and packaged resources passed');
 } finally {
-  fs.rmSync(path.join(directory, 'harness-mix-settings.json'), { force: true });
-  fs.rmdirSync(directory);
+  fs.rmSync(directory, { recursive: true, force: true });
 }

package/scripts/native-protocol-test.cjs

@@ -16,13 +16,20 @@ async function main() {
   const adapter = { manifest: { id: 'pi', name: 'Pi', capabilities: { streaming: true, models: true, approvals: true, questions: true, resume: true } },
     async open(input) { emits.push(input.emit); emit = input.emit; return {}; },
     async describe() { return { models: [{ id: 'demo', name: 'Demo', provider: 'test' }], thinkingLevels: [{ id: 'high', label: 'High', default: true }, { id: 'low', label: 'Low' }], permissionModes: [] }; },
-    async send() {}, async cancel() {}, async close() {},
+    async send(session, text, hooks, extras) { sendExtras.push(extras); }, async cancel() {}, async close() {},
     async respond(session, id, answer) { answers.push({ id, answer }); } };
+  const sendExtras = [];
   runtime.adapters.set('pi', adapter); runtime.status.pi = { available: true };
   const events = [];
+  let observeQueueOrder = false;
+  let queueResponseResolved = false;
+  let queueNotificationBeforeResponse = false;
   const section = { id: 'test-pinned-section', name: 'Pinned', appearance: null };
   const officialRequests = [];
-  const bridge = new NativeProtocol(runtime, event => events.push(event), async (method, params) => {
+  const bridge = new NativeProtocol(runtime, event => {
+    if (observeQueueOrder && event?.method === 'thread/queue/changed' && !queueResponseResolved) queueNotificationBeforeResponse = true;
+    events.push(event);
+  }, async (method, params) => {
     officialRequests.push({ method, params });
     if (method === 'threadSection/list') return { data: [section], nextCursor: null };
     if (method === 'account/read') return { account: { type: 'chatgpt', email: 'native@example.com', planType: 'plus' }, requiresOpenaiAuth: true };
@@ -149,13 +156,18 @@ async function main() {
     await wait(() => !runtime.threads.find(t => t.id === prewarmed.thread.id).reviewPending && !runtime.sending.has(prewarmed.thread.id));
     emit = emits[0]; // 恢复主线程的事件源（open 顺序：主线程序，预热线程后）
     schemas.threadInspectionSchema.parse(await bridge.request('codexhost/thread/inspect', { threadId }));
-    const turn = await bridge.request('turn/start', { threadId, input: [{ type: 'text', text: 'test' }] });
+    const turn = await bridge.request('turn/start', { threadId, input: [{ type: 'text', text: 'test' }], approvalPolicy: 'never', sandboxPolicy: { type: 'dangerFullAccess' } });
+    // turn/start 在 currentTurn 建立后即返回，adapter.send 的调用在其后；等待透传到达
+    await wait(() => sendExtras.at(-1)?.turnPermissions != null);
+    assert.deepEqual(sendExtras.at(-1).turnPermissions, { approvalPolicy: 'never', sandboxPolicy: { type: 'dangerFullAccess' } }, 'turn/start 权限参数透传到适配器');
     assert.ok(runtime.core.getTurn(turn.turn.id), 'Native turn IDs come from the existing ProtocolCore');
     emit({ kind: 'thinking-delta', text: 'reason' });
     emit({ kind: 'text-delta', text: 'hello' });
     emit({ kind: 'text-delta', text: ' world' });
     emit({ kind: 'tool', toolCallId: 't', title: 'Read', state: 'running', input: '{}' });
     emit({ kind: 'tool', toolCallId: 't', title: 'Read', state: 'completed', output: 'done' });
+    emit({ kind: 'tool', toolCallId: 'sh', title: 'Bash', state: 'running', input: '{"command":"cat package.json"}' });
+    emit({ kind: 'tool', toolCallId: 'sh', title: 'Bash', state: 'completed', output: '{}' });
     emit({ kind: 'approval', requestId: 'permission', method: 'confirm', title: 'Allow?' });
     const approval = events.find(e => e.id?.startsWith('harness-mix:approval:'));
     assert.equal(answers.length, 0, 'Approval is not fabricated');
@@ -169,7 +181,13 @@ async function main() {
     emit({ kind: 'completed', finalAnswer: true });
     await wait(() => !runtime.threads.find(t => t.id === threadId).reviewPending && !runtime.sending.has(threadId));
     assert.equal(events.filter(e => e.method === 'item/agentMessage/delta').map(e => e.params.delta).join(''), 'hello world');
-    assert.ok(events.some(e => e.method === 'item/completed' && e.params.item.type === 'mcpToolCall'));
+    // 非终端工具投影为 dynamicToolCall（摘要显示真实工具名），终端命令投影为原生 commandExecution
+    assert.ok(events.some(e => e.method === 'item/completed' && e.params.item.type === 'dynamicToolCall' && e.params.item.tool === 'Read'));
+    const execItem = events.filter(e => e.method === 'item/completed').map(e => e.params.item).find(i => i.type === 'commandExecution');
+    assert.equal(execItem?.command, 'cat package.json', 'Shell tool projects the real command text');
+    assert.equal(execItem?.commandActions?.[0]?.type, 'read', 'Simple cat command classifies as a read action');
+    assert.equal(execItem?.commandActions?.[0]?.path, 'package.json');
+    assert.equal(typeof execItem?.durationMs, 'number', 'Command execution carries a real duration');
     // Desktop 以 `diff --git a/x b/x` 切分文件并提取路径，且只在 @@ hunk 头之后计数增删行
     const turnDiff = events.filter(e => e.method === 'turn/diff/updated').at(-1).params.diff;
     assert.ok(turnDiff.includes('diff --git a/a.txt b/a.txt'), 'turn diff carries git-style file headers');
@@ -177,11 +195,26 @@ async function main() {
     assert.ok(turnDiff.includes('@@ -0,0 +1,1 @@') && turnDiff.includes('+hello'), 'turn diff carries a countable hunk');
     assert.ok(events.some(e => e.method === 'turn/diff/updated' && e.params.diff.includes('a.txt')));
     assert.equal(events.filter(e => e.method === 'turn/completed' && e.params.threadId === threadId).length, 1);
+    // Desktop「已处理/用时」计时契约：item/started 带 startedAtMs、item/completed 带
+    // completedAtMs，终态 Turn 带 startedAt/completedAt（epoch 秒）与 durationMs（毫秒）；
+    // 缺这些字段时 Desktop 无法合成 worked-for 计时项，完成回合只显示集成摘要。
+    const completedTurn = events.filter(e => e.method === 'turn/completed' && e.params.threadId === threadId && e.params.turn.status === 'completed').at(-1).params.turn;
+    assert.equal(typeof completedTurn.durationMs, 'number', 'Completed turn carries durationMs for the Desktop worked-for timer');
+    assert.ok(Number.isInteger(completedTurn.startedAt) && Number.isInteger(completedTurn.completedAt), 'Completed turn carries epoch-second startedAt/completedAt');
+    assert.ok(completedTurn.durationMs >= 0 && completedTurn.completedAt >= completedTurn.startedAt, 'Turn timing fields are coherent');
+    assert.ok(events.filter(e => e.method === 'item/started').every(e => typeof e.params.startedAtMs === 'number'), 'item/started carries startedAtMs');
+    assert.ok(events.filter(e => e.method === 'item/completed').every(e => typeof e.params.completedAtMs === 'number'), 'item/completed carries completedAtMs');
     const history = await bridge.request('thread/read', { threadId });
     assert.equal(history.thread.turns[0].status, 'completed');
+    assert.equal(typeof history.thread.turns[0].durationMs, 'number', 'Restored turns keep durationMs');
     const projectedChange = history.thread.turns[0].items.flatMap(i => i.type === 'fileChange' ? i.changes : []).find(change => change.path === 'a.txt');
     assert.equal(projectedChange?.kind.type, 'add', 'fileChange item projects the added kind');
     assert.ok(projectedChange?.diff.includes('diff --git a/a.txt b/a.txt') && projectedChange.diff.includes('@@ -0,0 +1,1 @@'), 'fileChange item carries a full unified diff');
+    await bridge.request('thread/settings/update', { threadId, approvalPolicy: 'never', sandboxPolicy: { type: 'dangerFullAccess' } });
+    assert.deepEqual(runtime.threads.find(t => t.id === threadId).options.turnPermissions, { approvalPolicy: 'never', sandboxPolicy: { type: 'dangerFullAccess' } }, 'Desktop 权限菜单设置存储到线程');
+    const resumed = await bridge.request('thread/resume', { threadId });
+    assert.equal(resumed.approvalPolicy, 'never', 'thread/resume 回显实际生效的权限');
+    assert.deepEqual(resumed.sandbox, { type: 'dangerFullAccess' }, 'thread/resume 回显实际生效的沙箱');
     await bridge.request('thread/name/set', { threadId, name: 'Local Core' });
     await bridge.request('thread/archive', { threadId });
     assert.equal(runtime.threads.find(t => t.id === threadId).archived, true);
@@ -341,13 +374,18 @@ async function main() {
     const qThread = await bridge.request('thread/start', { cwd: root, model: routeModel('pi') });
     const qThreadId = qThread.thread.id;
     assert.deepEqual(await bridge.request('thread/queue/list', { threadId: qThreadId }), { data: [], nextCursor: null });
+    observeQueueOrder = true;
     const q1 = await bridge.request('thread/queue/add', {
       threadId: qThreadId,
       input: [{ type: 'text', text: '排队补充需求 1' }],
       clientUserMessageId: 'client-msg-1',
     });
+    queueResponseResolved = true;
     assert.equal(typeof q1.queuedSubmission.id, 'string');
     assert.equal(q1.queuedSubmission.clientUserMessageId, 'client-msg-1');
+    await wait(() => events.at(-1)?.method === 'thread/queue/changed' && events.at(-1)?.params?.threadId === qThreadId);
+    assert.equal(queueNotificationBeforeResponse, false, 'Queue mutation response precedes changed notification so Desktop edits keep the current id');
+    observeQueueOrder = false;
     assert.equal(events.at(-1)?.method, 'thread/queue/changed');
     assert.equal(events.at(-1)?.params?.threadId, qThreadId);
 
@@ -388,6 +426,24 @@ async function main() {
     assert.equal(qList.data.length, 1);
     assert.equal(qList.data[0].id, q1.queuedSubmission.id);
 
+    // 输入准备或原生启动失败时不得丢失排队项，仍可编辑后重试。
+    await bridge.request('thread/queue/update', {
+      threadId: qThreadId,
+      queuedSubmissionId: q1.queuedSubmission.id,
+      input: [{ type: 'unsupported-test-input' }],
+    });
+    await assert.rejects(bridge.request('thread/queue/start', {
+      threadId: qThreadId,
+      queuedSubmissionId: q1.queuedSubmission.id,
+    }), /Unsupported native input type/);
+    qList = await bridge.request('thread/queue/list', { threadId: qThreadId });
+    assert.equal(qList.data[0]?.id, q1.queuedSubmission.id, 'Failed queue start keeps the item for editing or retry');
+    await bridge.request('thread/queue/update', {
+      threadId: qThreadId,
+      queuedSubmissionId: q1.queuedSubmission.id,
+      input: [{ type: 'text', text: '修正后的排队消息' }],
+    });
+
     // 空闲状态启动排队消息
     const startedQ = await bridge.request('thread/queue/start', {
       threadId: qThreadId,

package/scripts/native-ui-smoke.cjs

@@ -12,7 +12,7 @@ app.whenReady().then(async () => {
   const icons = getAllIconsDictionary();
   icons.harnesses['claude-code'] = icons.harnesses.claude;
   icons.harnesses['deepseek-harness'] = icons.harnesses.dsh;
-  const bundle = await esbuild.build({ stdin: { contents: `export { createRendererAgentIcon } from './src/native-ui/renderer-extension/src/renderer-agent-icon.ts'; export { mountRendererAgentPicker, renderRendererAgentPicker } from './src/native-ui/renderer-extension/src/renderer-agent-picker.ts'; export { mountRendererModelPicker, renderRendererModelPicker } from './src/native-ui/renderer-extension/src/renderer-model-picker.ts'; export { mountRendererHarnessHandoff } from './src/native-ui/renderer-extension/src/renderer-harness-handoff.ts'; export { restoredThreadOwnership } from './src/native-ui/renderer-extension/src/renderer-binding-probe.ts'; export { installRendererSidebarAgentIcons } from './src/native-ui/renderer-extension/src/renderer-sidebar-agent-icons.ts'; export { installRendererSettingsLifecycle } from './src/native-ui/renderer-extension/src/harness-mix-settings.ts'; export { createAccountsSettingsPage } from './src/native-ui/renderer-extension/src/settings/accounts-page.ts'; export { createStorageSettingsPage } from './src/native-ui/renderer-extension/src/settings/storage-page.ts'; export { aboutPage } from './src/native-ui/renderer-extension/src/settings/pages.ts'; export { rendererSettingsMessages } from './src/native-ui/renderer-extension/src/settings/localization.ts'; export { installRendererSettingsShell } from './src/native-ui/renderer-extension/src/settings/shell.ts';`, resolveDir: process.cwd() }, bundle: true, alias: { '@codexhost/shared-contracts': path.resolve('src/native-ui/shared-contracts/src/index.ts') }, platform: 'browser', format: 'iife', globalName: 'NativeUI', write: false, loader: { '.svg': 'dataurl', '.png': 'dataurl', '.css': 'text' }, logLevel: 'silent' });
+  const bundle = await esbuild.build({ stdin: { contents: `export { createRendererAgentIcon } from './src/native-ui/renderer-extension/src/renderer-agent-icon.ts'; export { mountRendererAgentPicker, renderRendererAgentPicker } from './src/native-ui/renderer-extension/src/renderer-agent-picker.ts'; export { mountRendererModelPicker, renderRendererModelPicker } from './src/native-ui/renderer-extension/src/renderer-model-picker.ts'; export { mountRendererHarnessHandoff } from './src/native-ui/renderer-extension/src/renderer-harness-handoff.ts'; export { restoredThreadOwnership } from './src/native-ui/renderer-extension/src/renderer-binding-probe.ts'; export { installRendererSidebarAgentIcons } from './src/native-ui/renderer-extension/src/renderer-sidebar-agent-icons.ts'; export { installRendererSettingsLifecycle } from './src/native-ui/renderer-extension/src/harness-mix-settings.ts'; export { createAccountsSettingsPage } from './src/native-ui/renderer-extension/src/settings/accounts-page.ts'; export { createStorageSettingsPage } from './src/native-ui/renderer-extension/src/settings/storage-page.ts'; export { createSkinSettingsPage } from './src/native-ui/renderer-extension/src/settings/skin-market.ts'; export { applyRendererSkin } from './src/native-ui/renderer-extension/src/settings/skin-runtime.ts'; export { aboutPage } from './src/native-ui/renderer-extension/src/settings/pages.ts'; export { rendererSettingsMessages } from './src/native-ui/renderer-extension/src/settings/localization.ts'; export { installRendererSettingsShell } from './src/native-ui/renderer-extension/src/settings/shell.ts';`, resolveDir: process.cwd() }, bundle: true, alias: { '@codexhost/shared-contracts': path.resolve('src/native-ui/shared-contracts/src/index.ts') }, platform: 'browser', format: 'iife', globalName: 'NativeUI', write: false, loader: { '.svg': 'dataurl', '.png': 'dataurl', '.webp': 'dataurl', '.css': 'text' }, logLevel: 'silent' });
   const win = new BrowserWindow({ show: false, width: 900, height: 650, webPreferences: { contextIsolation: true, sandbox: true, offscreen: true, backgroundThrottling: false } });
   await win.loadURL('data:text/html,<html><head><style>body{background:%2317191d;color:white;font:16px Arial;padding:40px}button{background:%23272a30;color:white;border:0;padding:12px}img{vertical-align:middle}main{display:flex;gap:25px;margin-bottom:40px}</style></head><body><h2>Harness Mix native components</h2><main></main></body></html>');
   await win.webContents.executeJavaScript(`globalThis.__HARNESS_MIX_ICONS__=${JSON.stringify(icons)};globalThis.__HARNESS_MIX_MODEL_FAMILIES__=${JSON.stringify(MODEL_FAMILIES.map(f => ({ id: f.id, pattern: f.regex.source })))};${bundle.outputFiles[0].text}`);
@@ -22,7 +22,7 @@ app.whenReady().then(async () => {
     lifecycle.dispose();
     return pageIds;
   })()`);
-  assert.deepEqual(liveSettingsPages, ['connections', 'accounts', 'mcp', 'skills', 'session-import', 'storage', 'updates', 'about']);
+  assert.deepEqual(liveSettingsPages, ['connections', 'accounts', 'mcp', 'skills', 'session-import', 'storage', 'skins', 'pets', 'updates', 'about']);
   const { NativeProtocol } = require('../src/main/native/protocol');
   const nativeThreads = ['pi', 'claude', 'dsh', 'antigravity'].map((harnessId, index) => ({ id: 'sidebar-' + index, harnessId, model: { id: 'model-' + index, provider: 'native' }, options: {} }));
   const protocol = new NativeProtocol({ threads: nativeThreads, getThread: id => nativeThreads.find(thread => thread.id === id), subscribe: () => () => {}, core: { subscribe: () => () => {} }, describe: async () => ({}), getCapabilities: () => ({}) }, () => {});
@@ -137,6 +137,7 @@ app.whenReady().then(async () => {
         inspectStorage:async () => ({storageSchemaVersion:3,threadCount:12,loadedThreadCount:2,indexBytes:2048,recordBytes:5242880,recordCount:12,legacyBytes:0}),
         optimizeStorage:async () => ({before:{storageSchemaVersion:3,threadCount:12,loadedThreadCount:2,indexBytes:2048,recordBytes:5242880,recordCount:12,legacyBytes:0},after:{storageSchemaVersion:3,threadCount:12,loadedThreadCount:2,indexBytes:2048,recordBytes:4194304,recordCount:12,legacyBytes:0}}),
       })),
+      NativeUI.createSkinSettingsPage(messages),
       NativeUI.aboutPage(messages, () => ({ readCurrentVersion:async () => ({version:'0.1.4'}), checkUpdate:async () => { throw new Error('not expected'); } })),
     ], messages, document);
     shell.openSettings(undefined, 'accounts');
@@ -156,6 +157,35 @@ app.whenReady().then(async () => {
   assert.match(storageText, /Schema v3/);
   assert.match(storageText, /12 个任务/);
   fs.writeFileSync(path.join(out, 'settings-storage.png'), (await win.webContents.capturePage()).toPNG());
+  const skinResult = await win.webContents.executeJavaScript(`(async () => {
+    globalThis.__codexhostSettingsShellV1.openSettings(undefined, 'skins');
+    const shadow = globalThis.__codexhostSettingsShellV1.root.shadowRoot;
+    const firstButton = shadow.querySelector('button[data-skin-action="styler-nocturne-studio"]');
+    const mikuButton = shadow.querySelector('button[data-skin-action="miku-488137"]');
+    firstButton.click();
+    mikuButton.click();
+    await new Promise(resolve => setTimeout(resolve, 300));
+    return {
+      text: shadow.textContent,
+      active: document.documentElement.getAttribute('data-harness-mix-skin'),
+      style: Boolean(document.getElementById('harness-mix-renderer-skin')),
+      cardCount: shadow.querySelectorAll('.skin-card').length,
+      bundledPreviewCount: [...shadow.querySelectorAll('.skin-preview')].filter(preview => preview.style.backgroundImage.includes('data:image/webp')).length,
+    };
+  })()`);
+    assert.match(skinResult.text, /Native Codex.*Miku 488137.*原神 · 晨曦.*鸣潮 · 共鸣.*龙珠 · 筋斗云.*金辉盛境.*夜曲工作室.*静谧花园/s);
+    assert.equal(skinResult.active, 'miku-488137');
+  assert.equal(skinResult.style, true);
+    assert.equal(skinResult.cardCount, 17);
+    assert.equal(skinResult.bundledPreviewCount, 16);
+    fs.writeFileSync(path.join(out, 'settings-skins.png'), (await win.webContents.capturePage()).toPNG());
+    await win.webContents.executeJavaScript(`(() => {
+      const shadow = globalThis.__codexhostSettingsShellV1.root.shadowRoot;
+      const page = shadow.querySelector('.settings-page');
+      page.scrollTop = page.scrollHeight;
+    })()`);
+    await new Promise(resolve => setTimeout(resolve, 100));
+    fs.writeFileSync(path.join(out, 'settings-skins-discovery.png'), (await win.webContents.capturePage()).toPNG());
   const aboutText = await win.webContents.executeJavaScript(`(async () => {
     globalThis.__codexhostSettingsShellV1.openSettings(undefined, 'about');
     await new Promise(resolve => setTimeout(resolve, 100));
@@ -163,6 +193,101 @@ app.whenReady().then(async () => {
   })()`);
   assert.match(aboutText, /v0\.1\.4/);
   fs.writeFileSync(path.join(out, 'settings-about.png'), (await win.webContents.capturePage()).toPNG());
+  await win.setSize(1055, 616);
+  const skinShowcase = await win.webContents.executeJavaScript(`(async () => {
+    document.body.innerHTML = '<div id="root"><aside class="app-shell-left-panel"><button aria-haspopup="menu" aria-label="Open Codex menu"><span>Codex</span></button><nav><strong>新建任务</strong><span>拉取请求</span><span>云端</span><span>已安排</span><span>插件</span><small>项目</small><span class="active" data-app-action-sidebar-thread-active="true">Miku Codex</span><span>开源项目</span><span>Harness Mix</span></nav><footer>Harness Mix</footer></aside><main class="main-surface" data-app-shell-main-surface="default"><section class="welcome"><h1>你想让我们在 Miku Codex 中构建什么？</h1><div class="suggestions"><button class="bg-card">探索并理解代码</button><button class="bg-card">构建新功能、应用或工具</button><button class="bg-card">审查代码并提出修改建议</button><button class="bg-card">修复问题和失败</button></div></section><section class="composer-surface-chrome"><small>Miku Codex　 本地　 main</small><div>随心输入</div><footer>＋　完全访问 <span>5.6 Luna　↑</span></footer></section></main></div>';
+    const fixtureStyle = document.createElement('style');
+    fixtureStyle.textContent = '*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{padding:0!important;overflow:hidden;font-family:Arial,"Microsoft YaHei",sans-serif}#root{display:flex}.app-shell-left-panel{display:flex;flex:0 0 204px;flex-direction:column;padding:6px 10px 12px}.app-shell-left-panel button{border:0;color:inherit;font:700 16px inherit;text-align:left}.app-shell-left-panel nav{display:flex;flex-direction:column;gap:12px;padding:5px 2px;font-size:13px}.app-shell-left-panel nav small{margin-top:6px;opacity:.55}.app-shell-left-panel nav .active{padding:7px;border-radius:7px}.app-shell-left-panel>footer{margin-top:auto;font-size:12px}.main-surface{position:relative;display:flex;flex:1;align-items:center;justify-content:center;overflow:hidden}.welcome{width:min(660px,70vw);text-align:center;transform:translateY(-35px)}.welcome h1{margin:0 0 26px;font-size:23px;font-weight:500}.suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.suggestions button{min-height:76px;padding:12px;border:1px solid #fff8;border-radius:9px;color:inherit;text-align:left;font-weight:600}.composer-surface-chrome{position:absolute;right:13%;bottom:12px;left:13%;min-height:94px;padding:12px 18px;border:1px solid transparent;border-radius:16px}.composer-surface-chrome>div{padding:13px 0;color:#52617a99}.composer-surface-chrome footer{font-size:11px}.composer-surface-chrome footer span{float:right}';
+    document.head.append(fixtureStyle);
+    NativeUI.applyRendererSkin('miku-488137', document);
+    await new Promise(resolve => setTimeout(resolve, 150));
+    const root = getComputedStyle(document.getElementById('root'));
+    const main = getComputedStyle(document.querySelector('.main-surface'));
+    const logo = getComputedStyle(document.querySelector('.app-shell-left-panel button'));
+    const polaroid = getComputedStyle(document.body, '::after');
+    return { rootBackground:root.backgroundImage, mainBackground:main.backgroundImage, logoBackground:logo.backgroundImage, polaroidBackground:polaroid.backgroundImage };
+  })()`);
+  assert.match(skinShowcase.rootBackground, /data:image\/webp/);
+  assert.match(skinShowcase.mainBackground, /linear-gradient/);
+  assert.match(skinShowcase.logoBackground, /data:image\/webp/);
+  assert.match(skinShowcase.polaroidBackground, /data:image\/webp/);
+  fs.writeFileSync(path.join(out, 'skin-miku-full.png'), (await win.webContents.capturePage()).toPNG());
+  await win.setSize(1024, 716);
+  const responsiveHome = await win.webContents.executeJavaScript(`(async () => {
+    document.body.innerHTML = '<div id="root"><aside class="app-shell-left-panel"></aside><main class="main-surface" data-app-shell-main-surface="default"><div data-app-shell-main-content-top-fade="full-bleed"></div><header data-pip-obstacle="app-shell-header"><div data-testid="app-shell-header-context-menu-surface"><div data-app-shell-page-header="true"><div data-app-shell-header-toolbar="true"><div class="thread-title-surface"><div>新任务</div></div><button class="header-action" aria-label="聊天操作" aria-haspopup="menu" data-state="open">...</button></div></div></div></header><div role="main" style="container-type:size;container-name:home-main-content;width:100%;height:100%;display:flex;flex-direction:column"><section class="_Hero_smoke_2"><h1 data-feature="game-source">你想让我们在 harness-mix 中构建什么？</h1></section><section class="[--thread-content-max-width:42rem]"><div data-composer-placement="home" class="composer-surface-chrome">随心输入<table><tbody><tr><td>响应式验证</td></tr></tbody></table></div></section></div></main></div>';
+    const fixtureStyle = document.createElement('style');
+    fixtureStyle.textContent = 'html,body,#root{width:100%;height:100%;margin:0}#root{display:flex}.app-shell-left-panel{flex:0 0 240px}.main-surface{position:relative;min-width:0;flex:1}.main-surface>header{position:absolute;z-index:2;width:100%;height:44px}.main-surface>header>div{display:flex;justify-content:space-between;padding:8px 12px}._Hero_smoke_2{display:flex;flex:0 0 44%;align-items:flex-end;justify-content:center;min-block-size:260px;padding-bottom:32px}h1{font-size:32px}.\\[--thread-content-max-width\\:42rem\\]{width:var(--thread-content-max-width);max-width:100%;margin:auto}.composer-surface-chrome{padding:24px}';
+    document.head.append(fixtureStyle);
+    NativeUI.applyRendererSkin('miku-488137', document);
+    await new Promise(resolve => setTimeout(resolve, 100));
+    const hero = getComputedStyle(document.querySelector('._Hero_smoke_2'));
+    const heading = getComputedStyle(document.querySelector('[data-feature="game-source"]'));
+    const header = getComputedStyle(document.querySelector('[data-pip-obstacle="app-shell-header"]'));
+    const headerAction = getComputedStyle(document.querySelector('.header-action'));
+    const titleSurface = getComputedStyle(document.querySelector('.thread-title-surface'));
+    const topFade = getComputedStyle(document.querySelector('[data-app-shell-main-content-top-fade]'));
+    const table = getComputedStyle(document.querySelector('table'));
+    return { flexBasis:hero.flexBasis, minBlockSize:parseFloat(hero.minBlockSize), fontSize:parseFloat(heading.fontSize), headerBackground:header.backgroundColor, headerActionBackground:headerAction.backgroundColor, titleBackground:titleSurface.backgroundColor, topFadeImage:topFade.backgroundImage, topFadeOpacity:topFade.opacity, tableBackground:table.backgroundColor };
+  })()`);
+  assert.equal(responsiveHome.flexBasis, 'auto');
+  assert.ok(responsiveHome.minBlockSize <= 200, `responsive hero remained too tall: ${responsiveHome.minBlockSize}px`);
+  assert.ok(responsiveHome.fontSize <= 28, `responsive heading remained too large: ${responsiveHome.fontSize}px`);
+  assert.equal(responsiveHome.headerBackground, 'rgba(0, 0, 0, 0)');
+  assert.equal(responsiveHome.headerActionBackground, 'rgba(0, 0, 0, 0)');
+  assert.equal(responsiveHome.titleBackground, 'rgba(0, 0, 0, 0)');
+  assert.equal(responsiveHome.topFadeImage, 'none');
+  assert.equal(responsiveHome.topFadeOpacity, '0');
+  assert.notEqual(responsiveHome.tableBackground, 'rgba(0, 0, 0, 0)');
+  fs.writeFileSync(path.join(out, 'skin-responsive-home.png'), (await win.webContents.capturePage()).toPNG());
+  await win.setSize(1920, 1000);
+  const wideThreadWidth = await win.webContents.executeJavaScript(`(() => getComputedStyle(document.querySelector('[class*="thread-content-max-width"]')).getPropertyValue('--thread-content-max-width').trim())()`);
+  assert.match(wideThreadWidth, /72rem/);
+  await win.setSize(1020, 716);
+  const readableConversation = await win.webContents.executeJavaScript(`(async () => {
+    document.body.innerHTML = '<div id="root"><aside class="app-shell-left-panel"><button aria-haspopup="menu" aria-label="Open Codex menu"><span>Codex</span></button><nav><strong>新建任务</strong><span>Pull Request</span><span>定时任务</span><span>插件</span><small>项目</small><span>snipaste-pro</span><span>harness-mix</span><span class="active" data-app-action-sidebar-thread-active="true">查找换肤界面差异原因</span></nav><footer>Harness Mix</footer></aside><main class="main-surface chat" data-app-shell-main-surface="default"><header>查找换肤界面差异原因</header><div class="chat-scroll"><article data-local-conversation-final-assistant><div data-response-annotation-conversation><small>用时 19秒</small><p>是的，准确说是修改了 Codex UI 的运行时表现层。</p><p>它会：</p><ul><li>注入 CSS、替换颜色变量和背景图。</li><li>把部分原生面板变成半透明。</li><li>增加 Logo、拍立得等纯视觉装饰。</li><li>保留原有按钮、输入框、会话和交互逻辑。</li></ul><p>它不会修改 Codex 的安装包、模型调用、账号、权限或会话归属。</p></div></article></div><section class="composer-surface-chrome"><div>随心输入</div><footer>＋　完全访问 <span>GPT-5.6 Sol　↑</span></footer></section></main></div>';
+    const chatStyle = document.createElement('style');
+    chatStyle.textContent = '.app-shell-left-panel button{background:transparent}.chat.main-surface{display:block;padding:0 22px}.chat>header{height:56px;padding:18px 4px;border-bottom:1px solid #6b789633;font-size:14px}.chat-scroll{height:calc(100% - 180px);overflow:auto;padding:42px 8px 80px}.chat article{max-width:760px;margin:0 auto;font-size:15px;line-height:1.7}.chat article small{opacity:.55}.chat article p{margin:13px 0}.chat article li{margin:4px 0}.chat .composer-surface-chrome{right:22px;bottom:14px;left:22px;background:#fff}';
+    document.head.append(chatStyle);
+    NativeUI.applyRendererSkin('dragonball-nimbus', document);
+    await new Promise(resolve => setTimeout(resolve, 150));
+    const response = getComputedStyle(document.querySelector('[data-response-annotation-conversation]'));
+    return { background:response.backgroundColor, color:response.color, padding:response.padding, radius:response.borderRadius };
+  })()`);
+  assert.notEqual(readableConversation.background, 'rgba(0, 0, 0, 0)');
+  assert.notEqual(readableConversation.background, 'transparent');
+  assert.equal(readableConversation.padding, '14px 16px 12px');
+  assert.equal(readableConversation.radius, '18px');
+  fs.writeFileSync(path.join(out, 'skin-conversation-readable.png'), (await win.webContents.capturePage()).toPNG());
+  const darkSurfaceResult = await win.webContents.executeJavaScript(`(async () => {
+    document.body.innerHTML = '<div id="root"><aside class="app-shell-left-panel"><button aria-haspopup="menu" aria-label="Open Codex menu"><span>Codex</span></button><nav><strong>新对话</strong><span>Pull Request</span><span>定时任务</span><span>插件</span><small>项目</small><span class="active" data-app-action-sidebar-thread-active="true">暗色皮肤全界面适配</span></nav></aside><main class="main-surface dark-fixture" data-app-shell-main-surface="default"><header>暗色皮肤全界面适配</header><div data-user-message-bubble="true"><div data-markdown-text-tone="user-message"><p data-markdown-han-text="true">暗色皮肤里的用户消息必须清晰可读。</p></div></div><article data-response-annotation-conversation><p>正文、工具状态、评审卡和输入区都需要保持清晰。</p><section class="review-card"><div>已编辑 3 个文件</div><button class="review-action">审核</button><button class="review-row">src/settings/skin-runtime.ts</button><button class="review-row">scripts/native-ui-smoke.cjs</button></section></article><section class="composer-real" data-composer-layout="multiline"><input placeholder="随心输入"><button>完全访问</button><button>GPT-5.6 Sol</button></section></main></div>';
+    const darkFixtureStyle = document.createElement('style');
+    darkFixtureStyle.textContent = 'html,body,#root{width:100%;height:100%;margin:0}.dark-fixture{position:relative;display:block;padding:24px}.dark-fixture>header{padding:12px 0}.dark-fixture>[data-user-message-bubble]{max-width:520px;margin:24px 0 0 auto;padding:12px 16px;border-radius:16px}.dark-fixture article{max-width:700px;margin:60px auto}.review-card{margin-top:24px;padding:14px;border:1px solid var(--color-token-border-default);border-radius:12px;background:color-mix(in srgb,var(--color-surface-elevated-secondary) 50%,transparent)}.review-card button{color:var(--color-text-primary)}.review-action{float:right;background:var(--color-background-primary-soft-alpha)}.review-row{display:block;width:100%;margin-top:10px;padding:10px;text-align:left;border:0;background:color-mix(in srgb,var(--color-surface) 70%,transparent)}.composer-real{position:absolute;right:24px;bottom:16px;left:24px;padding:18px;border-radius:20px;background:color-mix(in srgb,var(--color-surface-elevated-secondary) 86%,transparent)}.composer-real input{width:70%;padding:8px;color:var(--color-text-primary);background:transparent;border:0}.composer-real button{margin-left:8px;color:var(--color-text-secondary);background:transparent;border:0}';
+    document.head.append(darkFixtureStyle);
+    NativeUI.applyRendererSkin('dragonball-nimbus', document);
+    await new Promise(resolve => setTimeout(resolve, 50));
+    const before = { buttons:document.querySelectorAll('button').length, inputs:document.querySelectorAll('input').length };
+    const lightReviewBackground = getComputedStyle(document.querySelector('.review-card')).backgroundColor;
+    NativeUI.applyRendererSkin('genshin-night', document);
+    await new Promise(resolve => setTimeout(resolve, 150));
+    const review = getComputedStyle(document.querySelector('.review-card'));
+    const row = getComputedStyle(document.querySelector('.review-row'));
+    const composer = getComputedStyle(document.querySelector('.composer-real'));
+    const userBubble = getComputedStyle(document.querySelector('[data-user-message-bubble]'));
+    const userText = getComputedStyle(document.querySelector('[data-markdown-text-tone="user-message"]'));
+    const after = { buttons:document.querySelectorAll('button').length, inputs:document.querySelectorAll('input').length };
+    return { before, after, active:document.documentElement.getAttribute('data-harness-mix-skin'), lightReviewBackground, reviewBackground:review.backgroundColor, rowBackground:row.backgroundColor, composerBackground:composer.backgroundColor, color:review.color, userBubbleColor:userBubble.color, userTextColor:userText.color, userBubbleBackground:userBubble.backgroundColor };
+  })()`);
+  assert.deepEqual(darkSurfaceResult.after, darkSurfaceResult.before);
+  assert.equal(darkSurfaceResult.active, 'genshin-night');
+  assert.notEqual(darkSurfaceResult.reviewBackground, darkSurfaceResult.lightReviewBackground);
+  assert.doesNotMatch(darkSurfaceResult.reviewBackground, /255, 255, 255/);
+  assert.doesNotMatch(darkSurfaceResult.rowBackground, /255, 255, 255/);
+  assert.doesNotMatch(darkSurfaceResult.composerBackground, /255, 255, 255/);
+  assert.equal(darkSurfaceResult.color, 'rgb(240, 230, 200)');
+  assert.equal(darkSurfaceResult.userBubbleColor, 'rgb(240, 230, 200)');
+  assert.equal(darkSurfaceResult.userTextColor, 'rgb(240, 230, 200)');
+  assert.notEqual(darkSurfaceResult.userBubbleBackground, 'rgba(0, 0, 0, 0)');
+  fs.writeFileSync(path.join(out, 'skin-dark-all-surfaces.png'), (await win.webContents.capturePage()).toPNG());
   win.destroy();
   console.log('PASS: real Electron native picker, graphical Harness handoff, official Account/Usage, sharded Storage metrics, live About version and all project Harness/model SVGs load');
   app.quit();