@harness-mix/cli 0.1.11 → 0.1.12

package/src/native-ui/renderer-extension/src/settings/pet-market.ts

@@ -24,6 +24,9 @@ const COPY = {
     installedBadge: "Installed",
     uninstall: "Uninstall",
     uninstalling: "Removing...",
+    retry: "Retry",
+    installFailed: "Install failed",
+    uninstallFailed: "Uninstall failed",
     tip: "Select in Appearance > Pets or type /pet to wake",
     empty: "No pets match the current filter.",
     officialBadge: "Official",
@@ -46,6 +49,9 @@ const COPY = {
     installedBadge: "已安装",
     uninstall: "卸载",
     uninstalling: "卸载中...",
+    retry: "重试",
+    installFailed: "安装失败",
+    uninstallFailed: "卸载失败",
     tip: "安装后在官方设置「外观 > 桌宠」或输入 /pet 指令唤醒伴侣",
     empty: "没有找到符合条件的桌宠。",
     officialBadge: "官方预载",
@@ -54,6 +60,10 @@ const COPY = {
 } as const;
 
 type PetTab = "all" | "official" | "community" | "installed";
+type PetOperation = "install" | "uninstall";
+type PetOperationState =
+  | { readonly status: "installing" | "uninstalling" }
+  | { readonly status: "failed"; readonly op: PetOperation; readonly error: string };
 
 const SPRITE_COLUMNS = 8;
 const SPRITE_FRAMES = 6;
@@ -71,6 +81,7 @@ function setupSpriteAnimation(
 
   let currentFrame = 0;
   let timer: number | null = null;
+  let idleTimeout: number | null = null;
   let isHovered = false;
 
   const tick = () => {
@@ -115,13 +126,21 @@ function setupSpriteAnimation(
   const idleInterval = window.setInterval(() => {
     if (!isHovered && timer === null) {
       startLoop();
-      setTimeout(stopLoop, FRAME_DURATION_MS * SPRITE_FRAMES);
+      if (idleTimeout !== null) window.clearTimeout(idleTimeout);
+      idleTimeout = window.setTimeout(() => {
+        idleTimeout = null;
+        stopLoop();
+      }, FRAME_DURATION_MS * SPRITE_FRAMES);
     }
   }, 4000 + Math.random() * 3000);
 
   return () => {
     stopLoop();
     clearInterval(idleInterval);
+    if (idleTimeout !== null) {
+      window.clearTimeout(idleTimeout);
+      idleTimeout = null;
+    }
     if (parentCard) {
       parentCard.removeEventListener("mouseenter", onMouseEnter);
       parentCard.removeEventListener("mouseleave", onMouseLeave);
@@ -199,8 +218,52 @@ export function createPetSettingsPage(
 
       let allPets: RendererPetItem[] = [];
       const imageCache = new Map<string, string>(); // id -> dataUrl / url
+      // 每个 pet 的操作状态机：installing / uninstalling / failed（含错误与失败操作类型）
+      const petStates = new Map<string, PetOperationState>();
+      // 渲染世代：重渲染后让在途的 preview 回调失效，避免给已分离的 DOM 节点挂动画
+      let renderEpoch = 0;
+
+      const runPetOperation = (pet: RendererPetItem, op: PetOperation) => {
+        const client = getClient();
+        const current = petStates.get(pet.id);
+        // 操作进行中禁止重复触发；failed 状态允许重试
+        if (!client || (current && current.status !== "failed")) return;
+        petStates.set(pet.id, {
+          status: op === "install" ? "installing" : "uninstalling",
+        });
+        renderGrid();
+        const settle = (installed: boolean, failure: string | null) => {
+          if (failure === null) {
+            petStates.delete(pet.id);
+          } else {
+            petStates.set(pet.id, { status: "failed", op, error: failure });
+          }
+          allPets = allPets.map((p) =>
+            p.id === pet.id ? { ...p, installed } : p,
+          );
+          renderGrid();
+        };
+        const onSuccess = () => settle(op === "install", null);
+        const onFailure = (err: unknown) =>
+          settle(pet.installed, err instanceof Error ? err.message : String(err));
+        if (op === "install") {
+          void client
+            .install({
+              id: pet.id,
+              displayName: pet.displayName,
+              description: pet.description,
+              spritesheetUrl: pet.spritesheetUrl,
+              spriteVersionNumber: pet.spriteVersionNumber,
+            })
+            .then(onSuccess, onFailure);
+        } else {
+          void client.uninstall(pet.id).then(onSuccess, onFailure);
+        }
+      };
 
       const renderGrid = () => {
+        renderEpoch += 1;
+        const epoch = renderEpoch;
         // Clear previous animations
         for (const d of disposers) d();
         disposers.length = 0;
@@ -229,10 +292,12 @@ export function createPetSettingsPage(
         }
 
         for (const pet of filtered) {
+          const opState = petStates.get(pet.id);
           const card = document.createElement("article");
           card.className = "pet-card";
           card.dataset.petId = pet.id;
           card.dataset.installed = String(pet.installed);
+          if (opState) card.dataset.state = opState.status;
 
           // Stage
           const stage = document.createElement("div");
@@ -242,49 +307,6 @@ export function createPetSettingsPage(
           sprite.className = "pet-card__sprite";
           stage.append(sprite);
 
-          // Load visual asset
-          const client = getClient();
-          const cachedImg = imageCache.get(pet.id);
-          if (cachedImg) {
-            const disposeAnim = setupSpriteAnimation(sprite, cachedImg, pet.spriteVersionNumber);
-            disposers.push(disposeAnim);
-          } else if (pet.spritesheetUrl) {
-            imageCache.set(pet.id, pet.spritesheetUrl);
-            const disposeAnim = setupSpriteAnimation(
-              sprite,
-              pet.spritesheetUrl,
-              pet.spriteVersionNumber,
-            );
-            disposers.push(disposeAnim);
-          } else if (client) {
-            // Load base64 preview on demand
-            void client.preview(pet.id).then(
-              (res) => {
-                if (res && res.dataBase64) {
-                  const dataUrl = `data:${res.mime};base64,${res.dataBase64}`;
-                  imageCache.set(pet.id, dataUrl);
-                  const disposeAnim = setupSpriteAnimation(
-                    sprite,
-                    dataUrl,
-                    pet.spriteVersionNumber,
-                  );
-                  disposers.push(disposeAnim);
-                }
-              },
-              () => {
-                if (pet.previewUrl) {
-                  sprite.style.backgroundImage = `url("${pet.previewUrl}")`;
-                  sprite.style.backgroundSize = "contain";
-                  sprite.style.backgroundPosition = "center";
-                }
-              },
-            );
-          } else if (pet.previewUrl) {
-            sprite.style.backgroundImage = `url("${pet.previewUrl}")`;
-            sprite.style.backgroundSize = "contain";
-            sprite.style.backgroundPosition = "center";
-          }
-
           // Body
           const body = document.createElement("div");
           body.className = "pet-card__body";
@@ -299,7 +321,13 @@ export function createPetSettingsPage(
           const badges = document.createElement("div");
           badges.className = "pet-card__badges";
 
-          if (pet.installed) {
+          if (opState?.status === "failed") {
+            const b = document.createElement("span");
+            b.className = "pet-card__badge pet-card__badge--failed";
+            b.textContent =
+              opState.op === "install" ? copy.installFailed : copy.uninstallFailed;
+            badges.append(b);
+          } else if (pet.installed) {
             const b = document.createElement("span");
             b.className = "pet-card__badge pet-card__badge--installed";
             b.append(createRendererSettingsIcon("check", 12), copy.installedBadge);
@@ -333,68 +361,110 @@ export function createPetSettingsPage(
           const actions = document.createElement("div");
           actions.className = "pet-card__actions";
 
-          if (pet.installed) {
+          if (opState?.status === "installing" || opState?.status === "uninstalling") {
+            // 操作进行中：按钮禁用，防止重复点击（runPetOperation 内还有 petStates 防重入）
+            const busyBtn = document.createElement("button");
+            busyBtn.type = "button";
+            busyBtn.className =
+              opState.status === "installing"
+                ? "pet-btn pet-btn--primary"
+                : "pet-btn pet-btn--danger";
+            busyBtn.disabled = true;
+            busyBtn.textContent =
+              opState.status === "installing" ? copy.installing : copy.uninstalling;
+            actions.append(busyBtn);
+          } else if (opState?.status === "failed") {
+            // 失败后错误显示在卡片内，重试按钮恢复对应操作
+            const retryBtn = document.createElement("button");
+            retryBtn.type = "button";
+            retryBtn.className =
+              opState.op === "install"
+                ? "pet-btn pet-btn--primary"
+                : "pet-btn pet-btn--danger";
+            retryBtn.textContent = copy.retry;
+            retryBtn.addEventListener("click", () => runPetOperation(pet, opState.op));
+            actions.append(retryBtn);
+          } else if (pet.installed) {
             const uninstallBtn = document.createElement("button");
             uninstallBtn.type = "button";
             uninstallBtn.className = "pet-btn pet-btn--danger";
             uninstallBtn.textContent = copy.uninstall;
-            uninstallBtn.addEventListener("click", () => {
-              if (!client) return;
-              uninstallBtn.disabled = true;
-              uninstallBtn.textContent = copy.uninstalling;
-              void client.uninstall(pet.id).then(
-                () => {
-                  allPets = allPets.map((p) =>
-                    p.id === pet.id ? { ...p, installed: false } : p,
-                  );
-                  renderGrid();
-                },
-                (err) => {
-                  uninstallBtn.disabled = false;
-                  uninstallBtn.textContent = copy.uninstall;
-                  alert(err instanceof Error ? err.message : String(err));
-                },
-              );
-            });
+            uninstallBtn.addEventListener("click", () =>
+              runPetOperation(pet, "uninstall"),
+            );
             actions.append(uninstallBtn);
           } else {
             const installBtn = document.createElement("button");
             installBtn.type = "button";
             installBtn.className = "pet-btn pet-btn--primary";
             installBtn.textContent = copy.install;
-            installBtn.addEventListener("click", () => {
-              if (!client) return;
-              installBtn.disabled = true;
-              installBtn.textContent = copy.installing;
-              void client
-                .install({
-                  id: pet.id,
-                  displayName: pet.displayName,
-                  description: pet.description,
-                  spritesheetUrl: pet.spritesheetUrl,
-                  spriteVersionNumber: pet.spriteVersionNumber,
-                })
-                .then(
-                  () => {
-                    allPets = allPets.map((p) =>
-                      p.id === pet.id ? { ...p, installed: true } : p,
-                    );
-                    renderGrid();
-                  },
-                  (err) => {
-                    installBtn.disabled = false;
-                    installBtn.textContent = copy.install;
-                    alert(err instanceof Error ? err.message : String(err));
-                  },
-                );
-            });
+            installBtn.addEventListener("click", () =>
+              runPetOperation(pet, "install"),
+            );
             actions.append(installBtn);
           }
 
           footer.append(hint, actions);
-          body.append(cardHeader, desc, footer);
+
+          // 操作状态/错误显示在卡片内（而非全局弹窗）
+          if (opState?.status === "failed") {
+            const errorBox = document.createElement("div");
+            errorBox.className = "pet-card__error";
+            errorBox.textContent = opState.error;
+            body.append(cardHeader, desc, errorBox, footer);
+          } else if (opState) {
+            const statusLine = document.createElement("div");
+            statusLine.className = "pet-card__status";
+            statusLine.textContent =
+              opState.status === "installing" ? copy.installing : copy.uninstalling;
+            body.append(cardHeader, desc, statusLine, footer);
+          } else {
+            body.append(cardHeader, desc, footer);
+          }
           card.append(stage, body);
           grid.append(card);
+
+          // Load visual asset（必须在 card 挂载后进行，setupSpriteAnimation 依赖 closest('.pet-card')）
+          const cachedImg = imageCache.get(pet.id);
+          if (cachedImg) {
+            disposers.push(
+              setupSpriteAnimation(sprite, cachedImg, pet.spriteVersionNumber),
+            );
+          } else if (pet.spritesheetUrl) {
+            imageCache.set(pet.id, pet.spritesheetUrl);
+            disposers.push(
+              setupSpriteAnimation(sprite, pet.spritesheetUrl, pet.spriteVersionNumber),
+            );
+          } else {
+            const showStaticPreview = () => {
+              if (!pet.previewUrl) return;
+              sprite.style.backgroundImage = `url("${pet.previewUrl}")`;
+              sprite.style.backgroundSize = "contain";
+              sprite.style.backgroundPosition = "center";
+            };
+            const client = getClient();
+            if (client) {
+              // Load base64 preview on demand；重渲染/卸载后丢弃过期回调，避免泄漏动画定时器
+              void client.preview(pet.id).then(
+                (res) => {
+                  if (epoch !== renderEpoch || !sprite.isConnected) return;
+                  if (res && res.dataBase64) {
+                    const dataUrl = `data:${res.mime};base64,${res.dataBase64}`;
+                    imageCache.set(pet.id, dataUrl);
+                    disposers.push(
+                      setupSpriteAnimation(sprite, dataUrl, pet.spriteVersionNumber),
+                    );
+                  }
+                },
+                () => {
+                  if (epoch !== renderEpoch || !sprite.isConnected) return;
+                  showStaticPreview();
+                },
+              );
+            } else {
+              showStaticPreview();
+            }
+          }
         }
       };
 
@@ -439,8 +509,20 @@ export function createPetSettingsPage(
       }
 
       return () => {
+        renderEpoch += 1; // 使在途 preview 回调失效
         for (const d of disposers) d();
         disposers.length = 0;
+        // 释放图片缓存（blob: URL 需要显式 revoke；data: URL 仅释放引用）
+        for (const url of imageCache.values()) {
+          if (url.startsWith("blob:")) {
+            try {
+              URL.revokeObjectURL(url);
+            } catch {
+              /* 忽略撤销失败 */
+            }
+          }
+        }
+        imageCache.clear();
       };
     },
   });

package/src/native-ui/renderer-extension/src/settings/pets-client.ts

@@ -61,14 +61,14 @@ export function createRendererPetsClient(
   send: (method: string, params: unknown) => Promise<unknown>,
 ): RendererPetsClient {
   return {
-    catalog: async () => (await send("codexhost/pets/catalog", {})) as RendererPetCatalogResult,
+    catalog: async () => (await send("harnessmix/pets/catalog", {})) as RendererPetCatalogResult,
     community: async (query = {}) =>
-      (await send("codexhost/pets/community", query)) as RendererPetCommunityResult,
+      (await send("harnessmix/pets/community", query)) as RendererPetCommunityResult,
     preview: async (id: string) =>
-      (await send("codexhost/pets/preview", { id })) as RendererPetPreviewResult,
+      (await send("harnessmix/pets/preview", { id })) as RendererPetPreviewResult,
     install: async (params: RendererPetInstallParams) =>
-      (await send("codexhost/pets/install", params)) as RendererPetInstallResult,
+      (await send("harnessmix/pets/install", params)) as RendererPetInstallResult,
     uninstall: async (id: string) =>
-      (await send("codexhost/pets/uninstall", { id })) as { id: string; removed: boolean },
+      (await send("harnessmix/pets/uninstall", { id })) as { id: string; removed: boolean },
   };
 }

package/src/native-ui/renderer-extension/src/settings/release-notes.ts

@@ -214,7 +214,7 @@ function appendInline(document: ReleaseNotesDocument, parent: HTMLElement, text:
 
 function isSafeLink(href: string): boolean {
   try {
-    const url = new URL(href, "https://codexhost.invalid");
+    const url = new URL(href, "https://harnessmix.invalid");
     return url.protocol === "http:" || url.protocol === "https:";
   } catch {
     return false;

package/src/native-ui/renderer-extension/src/settings/session-import-list-controls.ts

@@ -1,7 +1,7 @@
 import {
   HARNESS_SESSION_IMPORT_DEFAULT_PAGE_SIZE,
   type HarnessSessionListParams,
-} from "@codexhost/shared-contracts";
+} from "@harnessmix/shared-contracts";
 import type { RendererSettingsMessages } from "./localization.js";
 
 /** Search submission and pagination state; native discovery and import are owned elsewhere. */

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

@@ -3,7 +3,7 @@ import type {
   HarnessSessionImportCandidate,
   HarnessSessionImportSourcesResult,
   HostThreadId,
-} from "@codexhost/shared-contracts";
+} from "@harnessmix/shared-contracts";
 
 import {
   RendererSessionImportUnavailableError,

package/src/native-ui/renderer-extension/src/settings/shell.css

@@ -67,7 +67,7 @@ button {
   border: 0;
 }
 
-.codexhost-settings-dialog {
+.harnessmix-settings-dialog {
   width: min(1120px, calc(100vw - 48px));
   height: min(780px, calc(100vh - 88px));
   max-width: none;
@@ -84,7 +84,7 @@ button {
   box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));
 }
 
-.codexhost-settings-dialog::backdrop {
+.harnessmix-settings-dialog::backdrop {
   background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));
   backdrop-filter: blur(1px);
 }
@@ -155,7 +155,7 @@ button {
   color: var(--settings-text);
 }
 
-.settings-brand__mark .codexhost-settings-icon {
+.settings-brand__mark .harnessmix-settings-icon {
   width: 24px;
   height: 24px;
   object-fit: contain;
@@ -231,7 +231,7 @@ button {
   cursor: pointer;
 }
 
-.settings-nav-button .codexhost-settings-icon {
+.settings-nav-button .harnessmix-settings-icon {
   width: 16px;
   height: 16px;
   opacity: 0.9;
@@ -260,7 +260,7 @@ button {
   text-decoration: none;
 }
 
-.settings-nav-star-link .codexhost-settings-icon {
+.settings-nav-star-link .harnessmix-settings-icon {
   color: var(--settings-warning);
 }
 
@@ -1546,23 +1546,23 @@ button {
   gap: 8px;
 }
 
-.settings-update-panel__head .codexhost-settings-icon {
+.settings-update-panel__head .harnessmix-settings-icon {
   color: var(--settings-muted);
 }
 
-.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,
-.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,
-.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,
-.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {
+.settings-update-panel[data-update-state="available"] .harnessmix-settings-icon,
+.settings-update-panel[data-update-state="downloading"] .harnessmix-settings-icon,
+.settings-update-panel[data-update-state="installing"] .harnessmix-settings-icon,
+.settings-update-panel[data-update-state="restarting"] .harnessmix-settings-icon {
   color: var(--settings-focus);
 }
 
-.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {
+.settings-update-panel[data-update-state="current"] .harnessmix-settings-icon {
   color: var(--settings-success);
 }
 
-.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,
-.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {
+.settings-update-panel[data-update-state="failed"] .harnessmix-settings-icon,
+.settings-update-panel[data-update-state="error"] .harnessmix-settings-icon {
   color: var(--settings-danger);
 }
 
@@ -1914,14 +1914,14 @@ button {
   outline-offset: 2px;
 }
 
-.codexhost-settings-icon {
+.harnessmix-settings-icon {
   display: block;
   flex: none;
   stroke: currentColor;
 }
 
 @media (max-width: 720px) {
-  .codexhost-settings-dialog {
+  .harnessmix-settings-dialog {
     width: calc(100vw - 16px);
     height: calc(100vh - 16px);
     border-radius: 10px;

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

@@ -14,9 +14,9 @@ import {
   DEFAULT_RENDERER_SETTINGS_MESSAGES,
   type RendererSettingsMessages,
 } from "./localization.js";
-import { CODEXHOST_GITHUB_REPOSITORY_URL, createDefaultRendererSettingsRegistry } from "./pages.js";
+import { HARNESSMIX_GITHUB_REPOSITORY_URL, createDefaultRendererSettingsRegistry } from "./pages.js";
 
-export const SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
+export const SETTINGS_SHELL_ATTRIBUTE = "data-harnessmix-settings-shell";
 export const RENDERER_SETTINGS_COLOR_SCHEME = "inherit";
 
 export interface RendererSettingsShell {
@@ -33,7 +33,7 @@ export interface RendererSettingsShell {
 
 declare global {
   interface Window {
-    __codexhostSettingsShellV1?: RendererSettingsShell;
+    __harnessmixSettingsShellV1?: RendererSettingsShell;
   }
 }
 
@@ -61,7 +61,7 @@ export function mountRendererSettingsShell(
   const resolvedRegistry = registry ?? createDefaultRendererSettingsRegistry(messages);
   if (!ownerDocument.body) throw new Error("Renderer document body is unavailable");
   if (ownerDocument.querySelector(`[${SETTINGS_SHELL_ATTRIBUTE}]`)) {
-    throw new Error("A codexhost settings shell is already mounted");
+    throw new Error("A harnessmix settings shell is already mounted");
   }
 
   const root = ownerDocument.createElement("div");
@@ -73,7 +73,7 @@ export function mountRendererSettingsShell(
   style.textContent = `${settingsCss}\n${accountsCss}\n${skinMarketCss}\n${petMarketCss}`;
 
   const dialog = ownerDocument.createElement("dialog");
-  dialog.className = "codexhost-settings-dialog";
+  dialog.className = "harnessmix-settings-dialog";
   const frame = ownerDocument.createElement("div");
   frame.className = "settings-frame";
 
@@ -91,7 +91,7 @@ export function mountRendererSettingsShell(
   brandName.textContent = "Harness Mix";
   const brandTitle = ownerDocument.createElement("span");
   brandTitle.className = "settings-brand__title";
-  brandTitle.id = "codexhost-settings-dialog-title";
+  brandTitle.id = "harnessmix-settings-dialog-title";
   brandTitle.textContent = messages.title;
   brandCopy.append(brandName, brandTitle);
   brand.append(brandMark, brandCopy);
@@ -205,7 +205,7 @@ export function mountRendererSettingsShell(
   }
   const starLink = ownerDocument.createElement("a");
   starLink.className = "settings-nav-button settings-nav-star-link";
-  starLink.href = CODEXHOST_GITHUB_REPOSITORY_URL;
+  starLink.href = HARNESSMIX_GITHUB_REPOSITORY_URL;
   starLink.target = "_blank";
   starLink.rel = "noopener noreferrer";
   starLink.setAttribute("aria-label", messages.starOnGitHub);
@@ -314,17 +314,17 @@ export function installRendererSettingsShell(
     : createDefaultRendererSettingsRegistry(messages);
   const ownerWindow = ownerDocument.defaultView ?? (typeof window !== "undefined" ? window : undefined);
   if (ownerWindow) {
-    ownerWindow.__codexhostSettingsShellV1?.dispose();
+    ownerWindow.__harnessmixSettingsShellV1?.dispose();
   }
   const shell = mountRendererSettingsShell(registry, ownerDocument, messages);
   if (ownerWindow) {
-    ownerWindow.__codexhostSettingsShellV1 = shell;
+    ownerWindow.__harnessmixSettingsShellV1 = shell;
   }
   const dispose = shell.dispose.bind(shell);
   shell.dispose = () => {
     dispose();
-    if (ownerWindow && ownerWindow.__codexhostSettingsShellV1 === shell) {
-      delete ownerWindow.__codexhostSettingsShellV1;
+    if (ownerWindow && ownerWindow.__harnessmixSettingsShellV1 === shell) {
+      delete ownerWindow.__harnessmixSettingsShellV1;
     }
   };
   return shell;

package/src/native-ui/renderer-extension/src/settings/skin-runtime.ts

@@ -469,12 +469,12 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   font-size: inherit !important;
   font-weight: inherit !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header [role="button"]:not([data-codexhost-settings-trigger] *) {
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header [role="button"]:not([data-harnessmix-settings-trigger] *) {
   background: transparent !important;
   background-color: transparent !important;
   border-color: transparent !important;
@@ -489,11 +489,11 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   filter: none !important;
   outline: none !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-codexhost-settings-trigger] *):hover {
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-harnessmix-settings-trigger] *):hover {
   background: color-mix(in srgb, ${text} 12%, transparent) !important;
   background-color: color-mix(in srgb, ${text} 12%, transparent) !important;
 }
@@ -507,11 +507,11 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   filter: none !important;
   outline: none !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-codexhost-settings-trigger] *):active {
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-harnessmix-settings-trigger] *):active {
   background: color-mix(in srgb, ${text} 18%, transparent) !important;
   background-color: color-mix(in srgb, ${text} 18%, transparent) !important;
 }
@@ -578,7 +578,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-action-sidebar-thread-ac
   background: linear-gradient(90deg, color-mix(in srgb, ${accent} 22%, transparent), color-mix(in srgb, ${secondary} 16%, transparent)) !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(.border-border, .border-sidebar-border) { border-color: color-mix(in srgb, ${text} 14%, transparent) !important; }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-codexhost-settings-shell] {
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-harnessmix-settings-shell] {
   --settings-bg: color-mix(in srgb, ${surface} 90%, transparent);
   --settings-sidebar: color-mix(in srgb, ${surface} 86%, ${secondary});
   --settings-panel: color-mix(in srgb, ${surface} 90%, transparent);

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

@@ -4,7 +4,7 @@ import {
   type RendererSettingsMessages,
 } from "./localization.js";
 
-export const SETTINGS_TRIGGER_ATTRIBUTE = "data-codexhost-settings-trigger";
+export const SETTINGS_TRIGGER_ATTRIBUTE = "data-harnessmix-settings-trigger";
 export const SETTINGS_HEADER_SURFACE_SELECTOR =
   '[data-testid="app-shell-header-context-menu-surface"]';
 const SETTINGS_APPLICATION_HEADER_SELECTOR = 'header[data-pip-obstacle="app-shell-header"]';