@harness-mix/cli 0.1.8 → 0.1.10

package/src/native-ui/renderer-extension/src/renderer-binding-probe.ts

@@ -109,6 +109,7 @@ const externalHarnessIds = {
   zcode: harnessIdSchema.parse("zcode"),
   trae: harnessIdSchema.parse("trae"),
   'cursor-cli': harnessIdSchema.parse("cursor-cli"),
+  cline: harnessIdSchema.parse("cline"),
   'codex-harness': harnessIdSchema.parse('codex-harness'),
 } as const;
 
@@ -128,6 +129,7 @@ const externalAgents: readonly ExternalRendererAgent[] = [
   "zcode",
   "trae",
   "cursor-cli",
+  "cline",
   'codex-harness',
 ];
 type HarnessAvailability = Partial<Record<ExternalRendererAgent, RendererAgentAvailability>>;
@@ -503,7 +505,7 @@ export function restoredThreadOwnership(inspection: ThreadInspection): RestoredT
       ...(permissionModeId ? { permissionModeId } : {}),
     };
   }
-  if (inspection.harnessId === "openclaw" || inspection.harnessId === "hermes" || inspection.harnessId === 'codex-harness' || inspection.harnessId === 'qoder' || inspection.harnessId === 'codebuddy' || inspection.harnessId === 'zcode' || inspection.harnessId === 'trae' || inspection.harnessId === 'cursor-cli') {
+  if (inspection.harnessId === "openclaw" || inspection.harnessId === "hermes" || inspection.harnessId === 'codex-harness' || inspection.harnessId === 'qoder' || inspection.harnessId === 'codebuddy' || inspection.harnessId === 'zcode' || inspection.harnessId === 'trae' || inspection.harnessId === 'cursor-cli' || inspection.harnessId === 'cline') {
     const harnessId = inspection.harnessId;
     const route = decodeHarnessPluginRoute(inspection.transportModelId);
     if (!route || route.harnessId !== harnessId) {
@@ -568,7 +570,7 @@ export function shouldTransferComposerState(
   );
 }
 
-export function isLateConversationTarget(
+export function isLateConversationTarget(
   mountedTarget: readonly unknown[] | null,
   currentTarget: readonly unknown[] | null,
 ): boolean {
@@ -580,19 +582,43 @@ export function isLateConversationTarget(
     mountedTarget.length !== currentTarget.length ||
     mountedTarget.some((value, index) => value !== currentTarget[index])
   );
-}
-
-export function lateConversationTargetResolution(
+}
+
+export function composerTargetResolution(
+  mountedTarget: readonly unknown[] | null,
+  currentTarget: readonly unknown[] | null,
+  sourcePhase: ComposerAgentPhase,
+  submissionPending = false,
+): "none" | "transfer" | "inspect" | "restore-draft" {
+  if (!currentTarget) return "none";
+  if (
+    mountedTarget &&
+    mountedTarget.length === currentTarget.length &&
+    mountedTarget.every((value, index) => value === currentTarget[index])
+  ) {
+    return "none";
+  }
+  if (currentTarget[0] === "default") return "restore-draft";
+  if (currentTarget[0] !== "conversation") return "none";
+  return mountedTarget?.[0] === "default" && (sourcePhase === "locked" || submissionPending)
+    ? "transfer"
+    : "inspect";
+}
+
+export function lateConversationTargetResolution(
   mountedTarget: readonly unknown[] | null,
   currentTarget: readonly unknown[] | null,
   sourcePhase: ComposerAgentPhase,
   submissionPending = false,
-): "none" | "transfer" | "inspect" {
-  if (!isLateConversationTarget(mountedTarget, currentTarget)) return "none";
-  return mountedTarget?.[0] === "default" && (sourcePhase === "locked" || submissionPending)
-    ? "transfer"
-    : "inspect";
-}
+): "none" | "transfer" | "inspect" {
+  const resolution = composerTargetResolution(
+    mountedTarget,
+    currentTarget,
+    sourcePhase,
+    submissionPending,
+  );
+  return resolution === "restore-draft" ? "none" : resolution;
+}
 
 export function scopedComposerTarget(
   target: readonly unknown[] | null,
@@ -748,11 +774,11 @@ export function installRendererBindingProbe(
   const settingsLifecycle = installRendererSettingsLifecycle(window, {
     getUpdateClient: () => modelControl,
     getAccountClient: () => modelControl,
-    getConnectionDiagnostics: () => connectionDiagnostics,
-    getStorageClient: () => {
-      const client = modelClientForHost('local');
-      return client?.inspectStorage && client.optimizeStorage ? { inspectStorage: () => client.inspectStorage!(), optimizeStorage: () => client.optimizeStorage!() } : null;
-    },
+    getConnectionDiagnostics: () => connectionDiagnostics,
+    getStorageClient: () => {
+      const client = modelClientForHost('local');
+      return client?.inspectStorage && client.optimizeStorage ? { inspectStorage: () => client.inspectStorage!(), optimizeStorage: () => client.optimizeStorage!() } : null;
+    },
     getIntegrationsClient: () => {
       const client = modelClientForHost('local');
       if (!client?.integrationCatalog || !client.listIntegrations || !client.saveMcp || !client.removeMcp || !client.changeSkill) return null;
@@ -770,6 +796,10 @@ export function installRendererBindingProbe(
         importHarnessSession: (input) => importSession(input),
       };
     },
+    getPetClient: () => {
+      const client = modelClientForHost("local");
+      return client?.petsClient ?? null;
+    },
     openImportedThread: (threadId, signal) =>
       openRendererThread(threadId, { hostId: "local", signal }),
     onLocaleChange() {
@@ -803,6 +833,7 @@ export function installRendererBindingProbe(
       zcode: undefined,
       trae: undefined,
       'cursor-cli': undefined,
+      cline: undefined,
       'codex-harness': undefined,
     },
     webUi: Object.fromEntries(
@@ -1346,25 +1377,30 @@ export function installRendererBindingProbe(
     }
   };
 
-  const refreshMountedConversationTarget = (mounted: MountedComposer): boolean => {
-    const currentTarget = findComposerModelTarget(mounted.composer);
-    const resolution = lateConversationTargetResolution(
-      mounted.modelTarget,
-      currentTarget,
+  const refreshMountedComposerTarget = (mounted: MountedComposer): boolean => {
+    const currentTarget = findComposerModelTarget(mounted.composer);
+    const resolution = composerTargetResolution(
+      mounted.modelTarget,
+      currentTarget,
       controller.get(mounted.composer).phase,
       controller.isSubmissionPending(mounted.composer),
     );
     if (resolution === "none") return false;
 
-    const previousTarget = mounted.modelTarget;
-    const nextHostId = activeModelHostId() ?? mounted.hostId;
+    const nextHostId = activeModelHostId() ?? mounted.hostId;
     const nextControllerTarget = controllerTarget(currentTarget, nextHostId);
     mounted.modelTarget = currentTarget;
     mounted.hostId = nextHostId;
-    const rebound =
-      resolution === "transfer"
-        ? controller.transfer(mounted.composer, mounted.composer, nextControllerTarget)
-        : controller.rebindConversation(mounted.composer, nextControllerTarget) !== null;
+    const rebound =
+      resolution === "transfer"
+        ? controller.transfer(mounted.composer, mounted.composer, nextControllerTarget)
+        : controller.rebindTarget(
+            mounted.composer,
+            nextControllerTarget,
+            currentTarget?.[0] === "default"
+              ? readNewThreadAgentPreference(enabledAgentSet)
+              : undefined,
+          ) !== null;
     if (!rebound) {
       mounted.ownershipStatus = "error";
       renderMounted(mounted);
@@ -1376,18 +1412,27 @@ export function installRendererBindingProbe(
       if (shouldRetryExternalThreadUsage(controller.get(mounted.composer).agent, null, null)) {
         scheduleThreadUsageRefresh(mounted);
       }
-    } else {
-      mounted.composerId = controller.get(mounted.composer).composerId;
+    } else {
+      mounted.composerId = controller.get(mounted.composer).composerId;
       mounted.modelView = { status: "idle" };
       mounted.permissionModeView = { status: "idle" };
       mounted.threadConfiguration = undefined;
-      mounted.ownershipStatus = "loading";
+      mounted.ownershipStatus =
+        currentTarget?.[0] === "conversation" ? "loading" : "not-required";
       mounted.usage = null;
       mounted.accountCredits = null;
       mounted.usageRequestGeneration += 1;
       usageRefreshAttempts.delete(mounted.composer);
-      if (previousTarget?.[0] === "conversation") renderMounted(mounted);
-      void loadThreadOwnership(mounted);
+      renderMounted(mounted);
+      if (currentTarget?.[0] === "conversation") {
+        void loadThreadOwnership(mounted);
+      } else {
+        applyComposerAgent(mounted.composer);
+        const state = controller.get(mounted.composer);
+        if (state.agent !== "codex") void loadExternalCatalog(mounted);
+        void refreshDraftCodexUsage(mounted);
+        void refreshCommands(mounted);
+      }
     }
     sidebarAgentIcons.refresh();
     return true;
@@ -2669,7 +2714,7 @@ export function installRendererBindingProbe(
       const state = controller.get(composer);
       const hideCodexControls = controller.isSwitching(composer) || state.agent !== "codex";
       reconcileComposerNativeControls(mounted.control, hideCodexControls, hideCodexControls);
-      if (refreshTargets) refreshMountedConversationTarget(mounted);
+      if (refreshTargets) refreshMountedComposerTarget(mounted);
     }
     for (const editor of document.querySelectorAll(EDITOR_SELECTOR)) {
       const composer = composerForEditor(editor);

package/src/native-ui/renderer-extension/src/renderer-harness-handoff.ts

@@ -39,7 +39,7 @@ export function rendererHarnessHandoffMessages(locale: RendererSettingsLocale) {
         includeLabel: "将要交接",
         includeOptions: { conversation: "近期对话", plan: "当前计划", evidence: "测试与工具证据", files: "文件变更", unresolved: "未解决问题" },
         notePlaceholder: "例如：按上面的方案继续实现，先核对当前文件状态和未完成步骤",
-        context: "下一条消息会自动携带近期对话、最新方案、计划和变更文件。",
+        context: "确认后会先连接目标 Harness，失败将自动恢复。下一条消息会携带已选的近期对话、最新方案、计划和变更文件。",
         running: "若当前回合仍在运行，请先停止或等待完成。",
         cancel: "取消",
         confirm: "确认接力",
@@ -54,7 +54,7 @@ export function rendererHarnessHandoffMessages(locale: RendererSettingsLocale) {
         includeLabel: "Include",
         includeOptions: { conversation: "Recent conversation", plan: "Current plan", evidence: "Test and tool evidence", files: "File changes", unresolved: "Open issues" },
         notePlaceholder: "For example: implement the plan above; verify the working tree and remaining steps first",
-        context: "Your next message will include recent context, the latest solution, plan, and changed files.",
+        context: "The target Harness is connected before the switch commits; failures roll back automatically. Your next message carries the selected recent conversation, latest solution, plan, and changed files.",
         running: "If a turn is still running, stop it or wait for it to finish first.",
         cancel: "Cancel",
         confirm: "Hand off",

package/src/native-ui/renderer-extension/src/renderer-harness-mentions.ts

@@ -70,6 +70,7 @@ const AGENT_DESCRIPTIONS: Record<string, string> = {
   trae: 'Trae 原生协同',
   'kiro-cli': 'Kiro CLI 智能编程',
   'cursor-cli': 'Cursor CLI 原生协同',
+  cline: 'Cline 自主编程智能体',
 };
 
 const AGENT_COLORS: Record<string, string> = {
@@ -93,6 +94,7 @@ const AGENT_COLORS: Record<string, string> = {
   zcode: '#4f46e5',
   trae: '#0284c7',
   'cursor-cli': '#475569',
+  cline: '#be185d',
 };
 
 function getAgentColor(agentId: string): string {

package/src/native-ui/renderer-extension/src/renderer-model-client.ts

@@ -105,6 +105,10 @@ import {
   createRendererSessionImportClient,
   type RendererSessionImportClient,
 } from "./renderer-session-import-client.js";
+import {
+  createRendererPetsClient,
+  type RendererPetsClient,
+} from "./settings/pets-client.js";
 
 export const HARNESS_INSPECT_METHOD = "codexhost/harness/inspect";
 export const HARNESS_INSTALL_METHOD = "codexhost/harness/install";
@@ -174,6 +178,7 @@ function notificationTarget(manager: RequestManagerCandidate): RequestManagerCan
 }
 
 export interface RendererModelClient extends Partial<RendererSessionImportClient>, Partial<RendererIntegrationsClient> {
+  petsClient?: RendererPetsClient;
   inspectStorage?(): Promise<import('./settings/storage-page.js').RendererStorageInspection>;
   optimizeStorage?(): Promise<{ before: import('./settings/storage-page.js').RendererStorageInspection; after: import('./settings/storage-page.js').RendererStorageInspection }>;
   listCollaborationAgents?(): Promise<Array<{ id: string; name: string; available: boolean; lead: boolean }>>;
@@ -343,6 +348,7 @@ export function createRendererModelClient(
     ...createRendererSessionImportClient(async (method, params) =>
       manager.sendRequest(method, params),
     ),
+    petsClient: createRendererPetsClient((method, params) => manager.sendRequest(method, params)),
     async forkThread(input: ExternalThreadForkParams): Promise<ExternalThreadForkResult> {
       const params = externalThreadForkParamsSchema.parse(input);
       const result = await manager.sendRequest(THREAD_FORK_METHOD, params);

package/src/native-ui/renderer-extension/src/renderer-settings-lifecycle.ts

@@ -10,6 +10,7 @@ import {
   type RendererCodexAccountClient,
   type RendererUpdateClient,
   type RendererStorageClient,
+  type RendererPetsClient,
 } from "./settings/pages.js";
 import type {
   RendererSessionImportClient,
@@ -20,6 +21,7 @@ import {
   installRendererSettingsHeaderTrigger,
   type RendererSettingsHeaderTriggerControl,
 } from "./settings/trigger.js";
+import { restoreRendererSkin } from "./settings/skin-runtime.js";
 
 const UPDATE_CHECK_TIMEOUT_MS = 5_000;
 const UPDATE_RETRY_DELAYS_MS = [1_000, 3_000, 10_000, 30_000] as const;
@@ -31,6 +33,7 @@ export interface RendererSettingsLifecycleOptions {
   getAccountClient?(): RendererCodexAccountClient | null;
   getSessionImportClient?(): RendererSessionImportClient | null;
   getStorageClient?(): RendererStorageClient | null;
+  getPetClient?(): RendererPetsClient | null;
   openImportedThread?: RendererImportedThreadOpener;
   onLocaleChange?(locale: RendererSettingsLocale): void;
 }
@@ -45,6 +48,7 @@ export function installRendererSettingsLifecycle(
   ownerWindow: Window = window,
   options: RendererSettingsLifecycleOptions = {},
 ): RendererSettingsLifecycleControl {
+  restoreRendererSkin(ownerWindow);
   const lifecycleController = new AbortController();
   let locale = resolveRendererSettingsLocale(ownerWindow.navigator.languages);
   let shell: RendererSettingsShell | null = null;
@@ -79,6 +83,7 @@ export function installRendererSettingsLifecycle(
       },
       options.getIntegrationsClient,
       options.getStorageClient,
+      options.getPetClient,
     );
     const nextShell = installRendererSettingsShell(definitions, messages, ownerWindow.document);
     const nextTrigger = installRendererSettingsHeaderTrigger({

package/src/native-ui/renderer-extension/src/renderer-sidebar-agent-icons.ts

@@ -147,6 +147,7 @@ export function rendererAgentForThreadOwnership(
   if (ownership.harnessId === "zcode") return "zcode";
   if (ownership.harnessId === "trae") return "trae";
   if (ownership.harnessId === "cursor-cli") return "cursor-cli";
+  if (ownership.harnessId === "cline") return "cline";
   if (ownership.harnessId === 'codex-harness') return 'codex-harness';
   return null;
 }

package/src/native-ui/renderer-extension/src/settings/connections-page.ts

@@ -31,6 +31,7 @@ export const HARNESS_INSTALL_COMMANDS: Readonly<Partial<Record<ExternalRendererA
   antigravity: { command: "npm install -g @google/antigravity-cli" },
   openclaw: { command: "npm install -g openclaw" },
   hermes: { command: "pip install hermes-agent" },
+  cline: { command: "npm install -g cline" },
   "codex-harness": { command: "npm install -g @openai/codex" },
 });
 
@@ -50,6 +51,7 @@ const HARNESS_INSTALL_URLS: Readonly<Record<ExternalRendererAgent, string>> = Ob
   zcode: "https://zcode.z.ai/",
   trae: "https://www.trae.ai/",
   'cursor-cli': "https://cursor.com/docs/cli/installation",
+  cline: "https://docs.cline.bot/usage/cli-overview",
   'codex-harness': 'https://developers.openai.com/codex/',
 });
 

package/src/native-ui/renderer-extension/src/settings/icons.ts

@@ -31,8 +31,11 @@ import Search from "lucide/dist/esm/icons/search.mjs";
 import CircleHelp from "lucide/dist/esm/icons/circle-question-mark.mjs";
 import X from "lucide/dist/esm/icons/x.mjs";
 import Users from "lucide/dist/esm/icons/users.mjs";
-import Plus from "lucide/dist/esm/icons/plus.mjs";
-import Database from 'lucide/dist/esm/icons/database.mjs';
+import Plus from "lucide/dist/esm/icons/plus.mjs";
+import Database from 'lucide/dist/esm/icons/database.mjs';
+import Palette from "lucide/dist/esm/icons/palette.mjs";
+import ShieldCheck from "lucide/dist/esm/icons/shield-check.mjs";
+import PawPrint from "lucide/dist/esm/icons/paw-print.mjs";
 import harnessMixLogoUrl from "../../../../assets/brand-harness-mix.png";
 
 export const RENDERER_SETTINGS_ICON_NAMES = [
@@ -68,8 +71,11 @@ export const RENDERER_SETTINGS_ICON_NAMES = [
   "trash",
   "terminal",
   "search",
-  "help",
-  "storage",
+  "help",
+  "palette",
+  "shield",
+  "storage",
+  "pets",
 ] as const;
 
 export type RendererSettingsIconName = (typeof RENDERER_SETTINGS_ICON_NAMES)[number];
@@ -107,8 +113,11 @@ const iconNodes = {
   trash: Trash,
   terminal: Terminal,
   search: Search,
-  help: CircleHelp,
-  storage: Database,
+  help: CircleHelp,
+  palette: Palette,
+  shield: ShieldCheck,
+  storage: Database,
+  pets: PawPrint,
 } satisfies Record<RendererSettingsIconName, IconNode>;
 
 export function isRendererSettingsIconName(value: string): value is RendererSettingsIconName {

package/src/native-ui/renderer-extension/src/settings/localization.ts

@@ -515,7 +515,9 @@ const ENGLISH_MESSAGES: RendererSettingsMessages = Object.freeze({
     skills: 'Skills',
     "session-import": "Session Import",
     storage: "Storage & verification",
-    updates: "Updates",
+    skins: "Skins",
+    pets: "Pets",
+    updates: "Updates",
     about: "About",
   }),
 });
@@ -773,7 +775,9 @@ const CHINESE_MESSAGES: RendererSettingsMessages = Object.freeze({
     skills: 'Skills',
     "session-import": "会话导入",
     storage: "存储与验证",
-    updates: "更新",
+    skins: "皮肤",
+    pets: "桌宠",
+    updates: "更新",
     about: "关于",
   }),
 });

package/src/native-ui/renderer-extension/src/settings/pages.ts

@@ -26,11 +26,14 @@ import {
   type RendererSessionImportClient,
   type RendererImportedThreadOpener,
 } from "./session-import-page.js";
-import { createReleaseNotesElement } from "./release-notes.js";
-import { createMcpSettingsPage, createSkillsSettingsPage } from './integrations-page.js';
-import type { RendererIntegrationsClient } from '../renderer-integrations-client.js';
-import { createAccountsSettingsPage, type RendererCodexAccountClient } from "./accounts-page.js";
-import { createStorageSettingsPage, type RendererStorageClient } from './storage-page.js';
+import { createReleaseNotesElement } from "./release-notes.js";
+import { createMcpSettingsPage, createSkillsSettingsPage } from './integrations-page.js';
+import type { RendererIntegrationsClient } from '../renderer-integrations-client.js';
+import { createAccountsSettingsPage, type RendererCodexAccountClient } from "./accounts-page.js";
+import { createStorageSettingsPage, type RendererStorageClient } from './storage-page.js';
+import { createSkinSettingsPage } from "./skin-market.js";
+import { createPetSettingsPage } from "./pet-market.js";
+import type { RendererPetsClient } from "./pets-client.js";
 
 export type {
   RendererConnectionAgentSnapshot,
@@ -74,23 +77,25 @@ function windowsInstallerDownloadUrl(window: Window | null | undefined, version:
 
 export const DEFAULT_RENDERER_SETTINGS_PAGE_IDS = [
   "connections",
-  "accounts",
-  "mcp",
-  "skills",
-  "session-import",
-  "storage",
+  "accounts",
+  "mcp",
+  "skills",
+  "session-import",
+  "storage",
+  "skins",
+  "pets",
   "updates",
   "about",
 ] as const;
 
 export type DefaultRendererSettingsPageId = (typeof DEFAULT_RENDERER_SETTINGS_PAGE_IDS)[number];
 
-export interface RendererUpdateClient {
-  checkUpdate(): Promise<UpdateCheckResult>;
-  startUpdate(): Promise<UpdateStartResult>;
-  readUpdateStatus(): Promise<UpdateStatusResult>;
-  readCurrentVersion?(): Promise<{ version: string }>;
-}
+export interface RendererUpdateClient {
+  checkUpdate(): Promise<UpdateCheckResult>;
+  startUpdate(): Promise<UpdateStartResult>;
+  readUpdateStatus(): Promise<UpdateStatusResult>;
+  readCurrentVersion?(): Promise<{ version: string }>;
+}
 
 function panelIconName(view: string): RendererSettingsIconName {
   if (view === "failed" || view === "error") return "alert";
@@ -161,10 +166,10 @@ function formatUpdateBytes(value: number): string {
   return `${scaled.toFixed(scaled >= 10 ? 0 : 1)} ${unit}`;
 }
 
-export function aboutPage(
-  messages: RendererSettingsMessages,
-  getClient: () => RendererUpdateClient | null = () => null,
-): RendererSettingsPageDefinition {
+export function aboutPage(
+  messages: RendererSettingsMessages,
+  getClient: () => RendererUpdateClient | null = () => null,
+): RendererSettingsPageDefinition {
   return Object.freeze({
     id: "about",
     label: messages.pageLabels.about,
@@ -187,7 +192,7 @@ export function aboutPage(
       versionRow.className = "settings-about-version-row";
       const versionBadge = document.createElement("span");
       versionBadge.className = "settings-about-version-badge";
-      versionBadge.textContent = "v…";
+      versionBadge.textContent = "v…";
       const checkUpdateBtn = document.createElement("button");
       checkUpdateBtn.type = "button";
       checkUpdateBtn.className = "settings-command-button settings-command-button--secondary";
@@ -227,27 +232,27 @@ export function aboutPage(
         repositoryUrl,
       );
       repositorySection.append(openSource, repository);
-      panel.append(product, tagline, versionRow, introduction, starCallout, repositorySection);
-      context.content.append(heading, panel);
-      const client = getClient();
-      const readVersion = client?.readCurrentVersion
-        ? () => client.readCurrentVersion!()
-        : client
-          ? () => client.checkUpdate().then(({ currentVersion }) => ({ version: currentVersion }))
-          : null;
-      if (readVersion) {
-        void context.runLatest(readVersion, {
-          success(result) {
-            versionBadge.textContent = `v${result.version}`;
-          },
-          failure() {
-            versionBadge.textContent = "v—";
-          },
-        });
-      } else {
-        versionBadge.textContent = "v—";
-      }
-      return undefined;
+      panel.append(product, tagline, versionRow, introduction, starCallout, repositorySection);
+      context.content.append(heading, panel);
+      const client = getClient();
+      const readVersion = client?.readCurrentVersion
+        ? () => client.readCurrentVersion!()
+        : client
+          ? () => client.checkUpdate().then(({ currentVersion }) => ({ version: currentVersion }))
+          : null;
+      if (readVersion) {
+        void context.runLatest(readVersion, {
+          success(result) {
+            versionBadge.textContent = `v${result.version}`;
+          },
+          failure() {
+            versionBadge.textContent = "v—";
+          },
+        });
+      } else {
+        versionBadge.textContent = "v—";
+      }
+      return undefined;
     },
   });
 }
@@ -625,20 +630,23 @@ export function createDefaultRendererSettingsPages(
   getDiagnostics: () => RendererConnectionDiagnostics | null = () => null,
   getAccountClient: () => RendererCodexAccountClient | null = () => null,
   getSessionImportClient: () => RendererSessionImportClient | null = () => null,
-  openImportedThread: RendererImportedThreadOpener = () =>
-    Promise.reject(new Error("Imported Thread navigation is unavailable")),
-  getIntegrationsClient: () => RendererIntegrationsClient | null = () => null,
-  getStorageClient: () => RendererStorageClient | null = () => null,
-): readonly RendererSettingsPageDefinition[] {
+  openImportedThread: RendererImportedThreadOpener = () =>
+    Promise.reject(new Error("Imported Thread navigation is unavailable")),
+  getIntegrationsClient: () => RendererIntegrationsClient | null = () => null,
+  getStorageClient: () => RendererStorageClient | null = () => null,
+  getPetClient: () => RendererPetsClient | null = () => null,
+): readonly RendererSettingsPageDefinition[] {
   return Object.freeze([
     createConnectionsSettingsPage(messages, getDiagnostics),
-    createAccountsSettingsPage(messages, getAccountClient),
-    createMcpSettingsPage(messages, getIntegrationsClient),
-    createSkillsSettingsPage(messages, getIntegrationsClient),
-    createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
-    createStorageSettingsPage(messages, getStorageClient),
+    createAccountsSettingsPage(messages, getAccountClient),
+    createMcpSettingsPage(messages, getIntegrationsClient),
+    createSkillsSettingsPage(messages, getIntegrationsClient),
+    createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
+    createStorageSettingsPage(messages, getStorageClient),
+    createSkinSettingsPage(messages),
+    createPetSettingsPage(messages, getPetClient),
     updatesPage(messages, getUpdateClient),
-    aboutPage(messages, getUpdateClient),
+    aboutPage(messages, getUpdateClient),
   ]);
 }
 
@@ -648,9 +656,10 @@ export function createDefaultRendererSettingsRegistry(
   getDiagnostics: () => RendererConnectionDiagnostics | null = () => null,
   getAccountClient: () => RendererCodexAccountClient | null = () => null,
   getSessionImportClient: () => RendererSessionImportClient | null = () => null,
-  openImportedThread?: RendererImportedThreadOpener,
-  getIntegrationsClient?: () => RendererIntegrationsClient | null,
-  getStorageClient?: () => RendererStorageClient | null,
+  openImportedThread?: RendererImportedThreadOpener,
+  getIntegrationsClient?: () => RendererIntegrationsClient | null,
+  getStorageClient?: () => RendererStorageClient | null,
+  getPetClient?: () => RendererPetsClient | null,
 ): RendererSettingsPageRegistry {
   return createRendererSettingsPageRegistry(
     createDefaultRendererSettingsPages(
@@ -659,12 +668,14 @@ export function createDefaultRendererSettingsRegistry(
       getDiagnostics,
       getAccountClient,
       getSessionImportClient,
-      openImportedThread,
-      getIntegrationsClient,
-      getStorageClient,
+      openImportedThread,
+      getIntegrationsClient,
+      getStorageClient,
+      getPetClient,
     ),
   );
 }
 
-export type { RendererCodexAccountClient } from "./accounts-page.js";
-export type { RendererStorageClient, RendererStorageInspection } from './storage-page.js';
+export type { RendererCodexAccountClient } from "./accounts-page.js";
+export type { RendererStorageClient, RendererStorageInspection } from './storage-page.js';
+export type { RendererPetsClient } from "./pets-client.js";