harness-mix 0.1.0

package/src/native-ui/renderer-extension/src/index.ts

@@ -0,0 +1,266 @@
+import { WORKSPACE_CONTRACT_VERSION } from "@codexhost/shared-contracts/version";
+
+export { readCodexLocaleSettings, setCodexLocaleOverride } from "./codex-locale-adapter.js";
+export type {
+  CodexLocaleMode,
+  CodexLocaleOverride,
+  CodexLocaleReadStatus,
+  CodexLocaleRequestOptions,
+  CodexLocaleSettings,
+  CodexLocaleSource,
+  ReadCodexLocaleSettingsOptions,
+  SetCodexLocaleOverrideOptions,
+} from "./codex-locale-adapter.js";
+
+export {
+  DEFAULT_RENDERER_AGENTS,
+  DraftAgentController,
+  KNOWN_RENDERER_AGENTS,
+} from "./agent-selection-state.js";
+export type {
+  ComposerAgentPhase,
+  DraftAgentControllerOptions,
+  DraftAgentSwitchOperations,
+  DraftComposerState,
+  ExternalRendererAgent,
+  RendererAgent,
+  RendererAgentAvailability,
+} from "./agent-selection-state.js";
+export {
+  HARNESS_INSPECT_METHOD,
+  THREAD_FORK_METHOD,
+  THREAD_HARNESS_SWITCH_METHOD,
+  THREAD_INSPECT_METHOD,
+  HARNESS_COMMANDS_INSPECT_METHOD,
+  THREAD_COMMANDS_INSPECT_METHOD,
+  THREAD_COMMAND_EXECUTE_METHOD,
+  THREAD_MODEL_SELECT_METHOD,
+  THREAD_PERMISSION_MODE_SELECT_METHOD,
+  THREAD_THINKING_SELECT_METHOD,
+  THREAD_OWNERSHIP_LIST_METHOD,
+  THREAD_USAGE_INSPECT_METHOD,
+  UPDATE_CHECK_METHOD,
+  UPDATE_START_METHOD,
+  UPDATE_STATUS_METHOD,
+  createRendererModelClient,
+} from "./renderer-model-client.js";
+export type { RendererModelClient } from "./renderer-model-client.js";
+export {
+  TRANSCRIPT_ITEM_IDS_ATTRIBUTE,
+  TRANSCRIPT_ITEM_SELECTOR,
+  TRANSCRIPT_TEXT_BODY_SELECTOR,
+  inspectRendererTranscriptContract,
+} from "./renderer-transcript-dom.js";
+export type { RendererTranscriptContractInspection } from "./renderer-transcript-dom.js";
+export {
+  inspectRendererComposerContract,
+  isNativeContextUsageControlCandidate,
+  nativeContextUsageControlForComposer,
+} from "./renderer-composer-dom.js";
+export type { RendererComposerContractInspection } from "./renderer-composer-dom.js";
+export {
+  rendererHarnessCommandPresentation,
+  rendererHarnessMessages,
+  rendererPermissionModePresentation,
+} from "./renderer-harness-localization.js";
+export type { RendererHarnessMessages } from "./renderer-harness-localization.js";
+export { mountRendererHarnessCommandControl } from "./renderer-harness-command-control.js";
+export type { RendererHarnessCommandControl } from "./renderer-harness-command-control.js";
+export {
+  creditsPeriodLabel,
+  formatRendererCreditsReset,
+  rendererCreditsTone,
+} from "./renderer-credits-control.js";
+export {
+  formatRendererCacheHitRate,
+  formatRendererCost,
+  formatRendererCreditsPercent,
+  formatRendererTokenCount,
+} from "./renderer-usage-control.js";
+export {
+  inspectRendererForkContract,
+  installRendererForkControl,
+  rendererForkTargetFromButton,
+} from "./renderer-fork-control.js";
+export type {
+  RendererForkContractInspection,
+  RendererForkControl,
+  RendererForkDom,
+  RendererForkTarget,
+} from "./renderer-fork-control.js";
+export {
+  draftPermissionMode,
+  installRendererBindingProbe,
+  isOwnershipSubmissionBlocked,
+  permissionModeSelectionLocked,
+  restoredThreadOwnership,
+  shouldRefreshCodexAccountsForAdapterState,
+  shouldTransferComposerState,
+} from "./renderer-binding-probe.js";
+export type {
+  ComposerOwnershipStatus,
+  RendererBindingProbeApi,
+  RendererBindingProbeOptions,
+  RendererBindingProbeStatus,
+  RestoredThreadOwnership,
+} from "./renderer-binding-probe.js";
+export {
+  ANTIGRAVITY_TRANSPORT_MODEL_ID,
+  ANTIGRAVITY_TRANSPORT_MODEL_PREFIX,
+  CLAUDE_CODE_TRANSPORT_MODEL_ID,
+  CLAUDE_CODE_TRANSPORT_MODEL_PREFIX,
+  GROK_TRANSPORT_MODEL_ID,
+  GROK_TRANSPORT_MODEL_PREFIX,
+  OPENCODE_TRANSPORT_MODEL_ID,
+  OPENCODE_TRANSPORT_MODEL_PREFIX,
+  antigravityTransportModelId,
+  claudeTransportModelId,
+  activeRendererDraftPrewarmPolicy,
+  decodeAntigravityTransportModelId,
+  decodeClaudeTransportModelId,
+  decodeDeepSeekHarnessTransportModelId,
+  deepSeekHarnessTransportModelId,
+  decodeGrokTransportModelId,
+  decodeOpenCodeTransportModelId,
+  decodePiTransportModelId,
+  findActivePrewarmTargets,
+  findComposerModelTarget,
+  inspectComposerModelContract,
+  installCurrentRendererAdapter,
+  isAntigravityTransportModelId,
+  isClaudeTransportModelId,
+  isDeepSeekHarnessTransportModelId,
+  isDraftPrewarmPolicyReady,
+  isMainProcessTitlePolicyReady,
+  isGrokTransportModelId,
+  isOpenCodeTransportModelId,
+  isPiTransportModelId,
+  modelSelectionForAgent,
+  grokTransportModelId,
+  openCodeTransportModelId,
+  piTransportModelId,
+  PI_TRANSPORT_MODEL_ID,
+  PI_TRANSPORT_MODEL_PREFIX,
+  DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID,
+  DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX,
+  threadIdFromComposerModelTarget,
+} from "./versioned-renderer-adapter.js";
+export type {
+  LockedComposerSelection,
+  ModelPowerSelection,
+  RendererDraftPrewarmPolicy,
+  RendererAdapterState,
+  RendererAdapterStatus,
+  RendererComposerModelContractState,
+} from "./versioned-renderer-adapter.js";
+export {
+  inspectRendererSidebarContract,
+  SIDEBAR_AGENT_ICON_ATTRIBUTE,
+  SIDEBAR_THREAD_ROW_ATTRIBUTE,
+  SIDEBAR_THREAD_ROW_SELECTOR,
+} from "./renderer-sidebar-agent-icons.js";
+export type { RendererSidebarContractInspection } from "./renderer-sidebar-agent-icons.js";
+export type {
+  ExternalModelControlView,
+  ExternalPermissionModeControlView,
+  PiModelControlView,
+} from "./renderer-composer-dom.js";
+export {
+  RENDERER_CONTRACT_AUDIT_SCHEMA_VERSION,
+  inspectRendererContracts,
+} from "./contract-audit.js";
+export type {
+  RendererContractAuditApi,
+  RendererContractAuditInspection,
+} from "./contract-audit.js";
+export {
+  CLAUDE_PERMISSION_MODE_PREFERENCE_KEY,
+  readClaudePermissionModePreference,
+  writeClaudePermissionModePreference,
+} from "./renderer-permission-mode-preference.js";
+export type { PermissionModePreferenceStorage } from "./renderer-permission-mode-preference.js";
+export {
+  isPermissionModeControlReady,
+  mountRendererPermissionModePicker,
+  renderRendererPermissionModePicker,
+  rendererPermissionModeLabel,
+} from "./renderer-permission-mode-picker.js";
+export type {
+  RendererPermissionModeControlView,
+  RendererPermissionModePickerControl,
+} from "./renderer-permission-mode-picker.js";
+export {
+  RendererSettingsNavigationState,
+  RendererSettingsPageScope,
+  createRendererSettingsPageRegistry,
+} from "./settings/core.js";
+export type {
+  RendererSettingsAsyncHandlers,
+  RendererSettingsPageDefinition,
+  RendererSettingsPageMountContext,
+  RendererSettingsPageRegistry,
+} from "./settings/core.js";
+export {
+  DEFAULT_RENDERER_SETTINGS_PAGE_IDS,
+  createDefaultRendererSettingsPages,
+  createDefaultRendererSettingsRegistry,
+} from "./settings/pages.js";
+export type {
+  DefaultRendererSettingsPageId,
+  RendererConnectionAgentSnapshot,
+  RendererConnectionDiagnostics,
+  RendererConnectionHostSnapshot,
+  RendererConnectionSnapshot,
+  RendererCodexAccountClient,
+  RendererUpdateClient,
+} from "./settings/pages.js";
+export {
+  DEFAULT_RENDERER_SETTINGS_MESSAGES,
+  RENDERER_SETTINGS_LANGUAGE_SELECTIONS,
+  RENDERER_SETTINGS_LOCALES,
+  codexLocaleOverrideForSettingsSelection,
+  rendererSettingsLanguageSelection,
+  rendererSettingsMessages,
+  resolveRendererSettingsLocale,
+} from "./settings/localization.js";
+export type {
+  RendererSettingsLanguageControl,
+  RendererSettingsLanguageSelection,
+  RendererSettingsLocale,
+  RendererSettingsMessages,
+  RendererSettingsWritableLanguageSelection,
+} from "./settings/localization.js";
+export {
+  SETTINGS_SHELL_ATTRIBUTE,
+  installRendererSettingsShell,
+  isRendererSettingsDialogSupported,
+  mountRendererSettingsShell,
+} from "./settings/shell.js";
+export type { RendererSettingsShell } from "./settings/shell.js";
+export {
+  SETTINGS_HEADER_SURFACE_SELECTOR,
+  SETTINGS_TRIGGER_ATTRIBUTE,
+  inspectRendererSettingsContract,
+  installRendererSettingsHeaderTrigger,
+  mountRendererSettingsTrigger,
+  selectRendererSettingsHeaderSlot,
+} from "./settings/trigger.js";
+export type {
+  RendererSettingsBounds,
+  RendererSettingsContractInspection,
+  RendererSettingsHeaderSlotCandidate,
+  RendererSettingsHeaderTriggerControl,
+  RendererSettingsTriggerControl,
+} from "./settings/trigger.js";
+export {
+  RENDERER_SETTINGS_ICON_NAMES,
+  createRendererSettingsIcon,
+  isRendererSettingsIconName,
+} from "./settings/icons.js";
+export type { RendererSettingsIconName } from "./settings/icons.js";
+
+export const rendererBuildMetadata = {
+  name: "@codexhost/renderer-extension",
+  target: "browser",
+  contractVersion: WORKSPACE_CONTRACT_VERSION,
+} as const;

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

@@ -0,0 +1,30 @@
+import { DEFAULT_RENDERER_AGENTS, type RendererAgent } from "./agent-selection-state.js";
+import {
+  installRendererBindingProbe,
+  type RendererBindingProbeApi,
+} from "./renderer-binding-probe.js";
+import { installCurrentRendererAdapter } from "./versioned-renderer-adapter.js";
+
+export function installRendererBinding(
+  enabledAgents: readonly RendererAgent[] = DEFAULT_RENDERER_AGENTS,
+  defaultAgent: RendererAgent = "codex",
+): RendererBindingProbeApi {
+  window.__codexhostRendererBindingProbeV1?.dispose();
+  const binding = installRendererBindingProbe({ enabledAgents, defaultAgent });
+  try {
+    const adapter = installCurrentRendererAdapter();
+    binding.setAdapter(adapter.status, adapter.dispose, adapter.applyAgent, adapter.modelControl);
+  } catch (error) {
+    console.error(
+      "codexhost Renderer Adapter installation failed",
+      error instanceof Error ? error.name : "UnknownError",
+    );
+    binding.setAdapter({
+      state: "unsupported",
+      reason: "installation-failed",
+      modelUpdates: 0,
+      hook: null,
+    });
+  }
+  return binding;
+}

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

@@ -0,0 +1,4 @@
+import { DEFAULT_RENDERER_AGENTS } from "./agent-selection-state.js";
+import { installRendererBinding } from "./install-renderer-binding.js";
+
+installRendererBinding(DEFAULT_RENDERER_AGENTS);

package/src/native-ui/renderer-extension/src/production-entry.ts

@@ -0,0 +1,23 @@
+import { DEFAULT_RENDERER_AGENTS, type RendererAgent } from "./agent-selection-state.js";
+import { installRendererBinding } from "./install-renderer-binding.js";
+
+declare global {
+  interface Window {
+    __codexhostProductionConfigV1?: {
+      defaultAgent: RendererAgent;
+    };
+  }
+}
+
+const configuration = window.__codexhostProductionConfigV1;
+delete window.__codexhostProductionConfigV1;
+
+const install = (): void => {
+  installRendererBinding(DEFAULT_RENDERER_AGENTS, configuration?.defaultAgent ?? "codex");
+};
+
+if (document.documentElement && document.body) {
+  install();
+} else {
+  window.addEventListener("DOMContentLoaded", install, { once: true });
+}

package/src/native-ui/renderer-extension/src/renderer-agent-icon.ts

@@ -0,0 +1,145 @@
+import { projectIcon } from './harness-mix-icons.js';
+import codexAgentIconUrl from "./assets/codex-agent.png";
+import grokAgentIconUrl from "./assets/grok-agent.png";
+import antigravityAgentIconUrl from "./assets/antigravity-agent.svg";
+import kiroAgentIconUrl from "./assets/kiro-agent.svg";
+import ompAgentIconUrl from "./assets/omp-agent.svg";
+import openCodeAgentIconUrl from "./assets/opencode-agent.png";
+import type { RendererAgent } from "./agent-selection-state.js";
+
+export const RENDERER_AGENT_LABELS: Record<RendererAgent, string> = {
+  codex: "Codex",
+  pi: "Pi",
+  "claude-code": "Claude Code",
+  "deepseek-harness": "DeepSeek Harness",
+  opencode: "OpenCode",
+  grok: "Grok",
+  omp: "Oh My Pi",
+  antigravity: "Antigravity CLI",
+  "kiro-cli": "Kiro CLI",
+  openclaw: "OpenClaw",
+  hermes: "Hermes",
+  qoder: "Qoder",
+  workbuddy: "Workbuddy",
+  zcode: "ZCode",
+  trae: "Trae",
+  'codex-harness': 'Codex（协作）',
+};
+
+const PI_PATHS = [
+  {
+    d: "M1 1h16.5v11H12v5.5H6.5V23H1V1zm5.5 5.5V12H12V6.5H6.5z",
+    fillRule: "evenodd",
+  },
+  { d: "M17.5 12H23v11h-5.5V12z" },
+] as const;
+
+// DeepSeek Harness whale mark, exact extract from the official dsh web
+// favicon (`packages/client/ui-primitives/src/FishLogo.tsx`), native
+// 23.16x17.04. Rendered in the DeepSeek brand blue #4D6BFE.
+const DEEPSEEK_HARNESS_WHALE_PATH =
+  "M22.9168 1.43018C22.6713 1.31018 22.5658 1.53918 22.4223 1.65519C22.3733 1.69269 22.3318 1.74169 22.2903 1.78669C21.9317 2.1697 21.5127 2.42121 20.9657 2.39121C20.1657 2.34621 19.4827 2.59771 18.8787 3.20973C18.7502 2.45521 18.3236 2.0047 17.6746 1.71569C17.3351 1.56568 16.9916 1.41518 16.7536 1.08867C16.5876 0.856163 16.5421 0.597155 16.4591 0.341647C16.4061 0.187643 16.3536 0.0301382 16.1761 0.00363739C15.9836 -0.0263635 15.9081 0.135141 15.8326 0.270145C15.5306 0.822162 15.4136 1.43018 15.4251 2.0462C15.4516 3.43174 16.0366 4.53527 17.1991 5.3203C17.3311 5.4103 17.3651 5.5003 17.3236 5.63181C17.2441 5.90231 17.1501 6.16482 17.0671 6.43533C17.0141 6.60784 16.9351 6.64584 16.7501 6.57033C16.1121 6.30383 15.5611 5.90931 15.074 5.4328C14.2475 4.63328 13.5 3.75075 12.568 3.05973C12.349 2.89822 12.13 2.74822 11.9034 2.60522C10.9524 1.68169 12.028 0.923165 12.277 0.833162C12.5375 0.739159 12.3675 0.41615 11.5259 0.42015C10.6844 0.42365 9.91439 0.705658 8.93286 1.08117C8.78935 1.13767 8.63835 1.17867 8.48384 1.21267C7.59332 1.04367 6.66829 1.00617 5.70226 1.11517C3.88321 1.31768 2.43016 2.1777 1.36213 3.64575C0.0790928 5.4103 -0.222916 7.41536 0.146595 9.50642C0.535106 11.7105 1.66014 13.535 3.38869 14.9616C5.18125 16.4406 7.24581 17.1657 9.60138 17.0266C11.0319 16.9441 12.6245 16.7526 14.421 15.2321C14.874 15.4576 15.3496 15.5476 16.1381 15.6151C16.7456 15.6716 17.3306 15.5851 17.7836 15.4911C18.4931 15.3411 18.4441 14.6841 18.1876 14.5636C16.1081 13.595 16.5646 13.9891 16.1496 13.67C17.2061 12.42 18.8202 10.1979 19.3182 7.17235C19.3672 6.83834 19.4297 6.36783 19.4222 6.09732C19.4182 5.93231 19.4562 5.86831 19.6447 5.84931C20.1657 5.78931 20.6712 5.64681 21.1357 5.3913C22.4833 4.65528 23.0268 3.44624 23.1548 1.9972C23.1738 1.77569 23.1508 1.54668 22.9168 1.43018ZM11.1749 14.4736C9.15936 12.889 8.18184 12.3675 7.77832 12.39C7.40081 12.4125 7.46881 12.8445 7.55182 13.126C7.63882 13.404 7.75182 13.5955 7.91033 13.8396C8.01983 14.0011 8.09533 14.2411 7.80083 14.4216C7.15181 14.8231 6.02327 14.2866 5.97027 14.2601C4.65673 13.4865 3.5587 12.4655 2.78467 11.069C2.03715 9.72493 1.60314 8.28289 1.53164 6.74384C1.51264 6.37233 1.62214 6.24082 1.99215 6.17332C2.47916 6.08332 2.98118 6.06432 3.46769 6.13582C5.52476 6.43633 7.27581 7.35586 8.74385 8.8129C9.58188 9.64243 10.2159 10.634 10.8689 11.6025C11.5634 12.631 12.3105 13.611 13.262 14.4146C13.598 14.6961 13.866 14.9101 14.1225 15.0681C13.349 15.1546 12.058 15.1731 11.1749 14.4746L11.1749 14.4736ZM12.141 8.25988C12.141 8.09488 12.273 7.96338 12.439 7.96338C12.4765 7.96338 12.5105 7.97088 12.541 7.98188C12.5825 7.99688 12.6205 8.01938 12.6505 8.05338C12.7035 8.10588 12.7335 8.18088 12.7335 8.25988C12.7335 8.42489 12.6015 8.55639 12.4355 8.55639C12.2695 8.55639 12.141 8.42489 12.141 8.25988ZM15.1415 9.79893C14.949 9.87793 14.7565 9.94544 14.5715 9.95294C14.2845 9.96794 13.9715 9.85143 13.8015 9.70893C13.5375 9.48742 13.3485 9.36342 13.2695 8.97691C13.2355 8.8119 13.2545 8.55639 13.2845 8.40989C13.3525 8.09438 13.277 7.89187 13.0545 7.70787C12.8735 7.55786 12.643 7.51636 12.39 7.51636C12.2955 7.51636 12.209 7.47486 12.1445 7.44136C12.039 7.38886 11.9519 7.25735 12.035 7.09585C12.0615 7.04335 12.19 6.91584 12.22 6.89334C12.5635 6.69784 12.9595 6.76184 13.326 6.90834C13.6655 7.04735 13.9225 7.30236 14.292 7.66287C14.6695 8.09838 14.7375 8.21838 14.9525 8.54539C15.1225 8.8009 15.277 9.06341 15.3831 9.36392C15.4471 9.55142 15.3641 9.70493 15.1415 9.79893Z";
+
+const CLAUDE_PATH =
+  "M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z";
+
+function createSvgIcon(
+  paths: readonly { d: string; fillRule?: string; fill?: string }[],
+  color: string,
+  size: number,
+  ownerDocument: Document,
+  viewBox = "0 0 24 24",
+): SVGSVGElement {
+  const svg = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("viewBox", viewBox);
+  svg.setAttribute("aria-hidden", "true");
+  svg.style.width = `${size}px`;
+  svg.style.height = `${size}px`;
+  svg.style.flex = "none";
+  svg.style.fill = color;
+  for (const definition of paths) {
+    const path = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "path");
+    path.setAttribute("d", definition.d);
+    if (definition.fillRule) path.setAttribute("fill-rule", definition.fillRule);
+    if (definition.fill) path.setAttribute("fill", definition.fill);
+    svg.append(path);
+  }
+  return svg;
+}
+
+export function createRendererAgentIcon(
+  agent: RendererAgent,
+  size = 20,
+  ownerDocument: Document = document,
+): Element {
+  const local = projectIcon('harnesses', agent, size, ownerDocument);
+  if (local) return local;
+  if (agent === "codex") {
+    const image = ownerDocument.createElement("img");
+    image.src = codexAgentIconUrl;
+    image.alt = "";
+    image.draggable = false;
+    image.style.width = `${size}px`;
+    image.style.height = `${size}px`;
+    image.style.objectFit = "contain";
+    image.style.flex = "none";
+    return image;
+  }
+  if (agent === "pi") return createSvgIcon(PI_PATHS, "currentColor", size, ownerDocument);
+  if (agent === "claude-code") {
+    return createSvgIcon([{ d: CLAUDE_PATH }], "#d97757", size, ownerDocument);
+  }
+  if (agent === "deepseek-harness") {
+    return createSvgIcon(
+      [{ d: DEEPSEEK_HARNESS_WHALE_PATH }],
+      "#4D6BFE",
+      size,
+      ownerDocument,
+      "0 0 23.16 17.04",
+    );
+  }
+  if (agent === "opencode") {
+    const image = ownerDocument.createElement("img");
+    image.src = openCodeAgentIconUrl;
+    image.alt = "";
+    image.draggable = false;
+    image.style.width = `${size}px`;
+    image.style.height = `${size}px`;
+    image.style.objectFit = "contain";
+    image.style.flex = "none";
+    return image;
+  }
+  if (agent === "omp") {
+    const image = ownerDocument.createElement("img");
+    image.src = ompAgentIconUrl;
+    image.alt = "";
+    image.draggable = false;
+    image.style.width = `${size}px`;
+    image.style.height = `${size}px`;
+    image.style.objectFit = "contain";
+    image.style.borderRadius = "22.37%";
+    image.style.flex = "none";
+    return image;
+  }
+  if (agent === "antigravity" || agent === "kiro-cli") {
+    const image = ownerDocument.createElement("img");
+    image.src = agent === "kiro-cli" ? kiroAgentIconUrl : antigravityAgentIconUrl;
+    image.alt = "";
+    image.draggable = false;
+    image.style.width = `${size}px`;
+    image.style.height = `${size}px`;
+    image.style.objectFit = "contain";
+    image.style.flex = "none";
+    return image;
+  }
+  const mark = ownerDocument.createElement("img");
+  mark.src = grokAgentIconUrl;
+  mark.alt = "";
+  mark.draggable = false;
+  mark.style.width = `${size}px`;
+  mark.style.height = `${size}px`;
+  mark.style.objectFit = "contain";
+  mark.style.borderRadius = "22.37%";
+  mark.style.flex = "none";
+  return mark;
+}