@yancyyu/openhermit 1.6.41 → 1.6.43

package/src/renderer/components/team/CcSessionsSection.tsx

@@ -6,7 +6,7 @@
  * 改进：
  * - 分组：live 会话在上，inactive 在下
  * - 运行中和历史会话统一展示在团队详情中
- * - 点击会话行可展开最近历史消息
+ * - 点击会话行可展开最近历史动态
  */
 
 import { useCallback, useEffect, useState } from 'react';
@@ -28,8 +28,16 @@ import {
 
 import type { CcSession, CcSessionDetail } from '@shared/types';
 
-const SESSION_DETAIL_PAGE_SIZE = 12;
-const HISTORICAL_SESSION_PAGE_SIZE = 10;
+const SESSION_DETAIL_PAGE_SIZE = 6;
+const HISTORICAL_SESSION_PAGE_SIZE = 3;
+
+function formatSessionDetailError(error: unknown): string {
+  const message = error instanceof Error ? error.message : String(error || '');
+  if (/session not found/i.test(message)) {
+    return '会话文件已不存在，请刷新会话列表';
+  }
+  return message || '加载会话历史失败';
+}
 
 interface CcSessionsSectionProps {
   teamName: string;
@@ -281,6 +289,17 @@ function CcSessionRow({
       return;
     }
 
+    // cc-only sessions (e.g. a Feishu listening session with no local Claude
+    // JSONL yet) have no local detail to read — the detail endpoint would 404
+    // and surface a misleading "会话文件已不存在" (#20). Skip the fetch; the
+    // render branch shows an inline listening state instead.
+    if (session.hasLocalFile === false) {
+      setDetail(null);
+      setDetailError(null);
+      setLoadingDetail(false);
+      return;
+    }
+
     let cancelled = false;
     const isIncrementalLoad = historyLimit > SESSION_DETAIL_PAGE_SIZE;
     setDetailError(null);
@@ -294,7 +313,7 @@ function CcSessionRow({
       .catch((err) => {
         if (!cancelled) {
           setDetail(null);
-          setDetailError(err instanceof Error ? err.message : '加载会话历史失败');
+          setDetailError(formatSessionDetailError(err));
         }
       })
       .finally(() => {
@@ -307,7 +326,7 @@ function CcSessionRow({
     return () => {
       cancelled = true;
     };
-  }, [historyLimit, isExpanded, session.id, teamName]);
+  }, [historyLimit, isExpanded, session.hasLocalFile, session.id, teamName]);
 
   const handleLoadMoreHistory = useCallback(() => {
     if (loadingDetail || loadingMoreHistory || !hasMoreHistory) {
@@ -384,96 +403,112 @@ function CcSessionRow({
         </div>
       </button>
 
-
       {isExpanded && (
         <div className="px-3 pb-3">
-          {loadingDetail && !detail && (
-            <div className="rounded-lg bg-[var(--color-surface)] px-3 py-3">
-              <div className="space-y-2">
-                {[1, 2, 3].map((i) => (
-                  <div
-                    key={i}
-                    className="h-3 animate-pulse rounded bg-[var(--color-surface-raised)]"
-                  />
-                ))}
-              </div>
-            </div>
-          )}
-          {detailError && !loadingDetail && (
-            <div className="flex items-center gap-2 rounded-lg bg-red-500/10 px-3 py-2 text-xs text-red-400">
-              <AlertCircle size={13} className="shrink-0" />
-              <span>{detailError}</span>
+          {session.hasLocalFile === false ? (
+            // cc-only session (e.g. Feishu listening, no local JSONL yet) —
+            // no local history to show. Avoids the misleading
+            // "会话文件已不存在" 404 path (#20).
+            <div className="flex items-center gap-2 rounded-lg bg-[var(--color-surface)] px-3 py-2 text-xs text-[var(--color-text-muted)]">
+              <Radio size={13} className="shrink-0 animate-pulse text-emerald-400" />
+              <span>监听中，暂无本地历史</span>
             </div>
-          )}
-          {detail && (
-            <div className="rounded-lg bg-[var(--color-surface)] p-2">
-              {detail.history.length === 0 ? (
-                <div className="px-2 py-3 text-xs text-[var(--color-text-muted)]">暂无消息</div>
-              ) : (
-                <>
-                  <div className="mb-2 flex items-center justify-between px-1 text-[10px] text-[var(--color-text-muted)]">
-                    <span>会话历史</span>
-                    <span>
-                      已显示 {detail.history.length} / {detail.historyCount}
-                    </span>
+          ) : (
+            <>
+              {loadingDetail && !detail && (
+                <div className="rounded-lg bg-[var(--color-surface)] px-3 py-3">
+                  <div className="space-y-2">
+                    {[1, 2, 3].map((i) => (
+                      <div
+                        key={i}
+                        className="h-3 animate-pulse rounded bg-[var(--color-surface-raised)]"
+                      />
+                    ))}
                   </div>
-                  <div className="max-h-64 space-y-2 overflow-y-auto pr-1">
-                    {[...detail.history].reverse().map((msg, i) => {
-                      const isUserMessage = msg.role === 'user';
-                      return (
-                        <div
-                          key={`${msg.timestamp}-${i}`}
-                          className={`rounded-lg px-3 py-2 text-[11px] leading-relaxed ${
-                            isUserMessage
-                              ? 'bg-indigo-500/10 text-[var(--color-text)]'
-                              : 'bg-[var(--color-surface-raised)] text-[var(--color-text)]'
-                          }`}
-                        >
-                          <div className="mb-1 flex items-center gap-2">
-                            <span
-                              className={`shrink-0 text-[10px] font-medium ${
-                                isUserMessage ? 'text-indigo-400' : 'text-[var(--color-text-muted)]'
+                </div>
+              )}
+              {detailError && !loadingDetail && (
+                <div className="flex items-center gap-2 rounded-lg bg-red-500/10 px-3 py-2 text-xs text-red-400">
+                  <AlertCircle size={13} className="shrink-0" />
+                  <span>{detailError}</span>
+                </div>
+              )}
+              {detail && (
+                <div className="rounded-lg bg-[var(--color-surface)] p-2">
+                  {detail.history.length === 0 ? (
+                    <div className="px-2 py-3 text-xs text-[var(--color-text-muted)]">暂无动态</div>
+                  ) : (
+                    <>
+                      <div className="mb-2 flex items-center justify-between px-1 text-[10px] text-[var(--color-text-muted)]">
+                        <span>会话历史</span>
+                        <span>
+                          已显示 {detail.history.length} / {detail.historyCount}
+                        </span>
+                      </div>
+                      <div className="max-h-64 space-y-2 overflow-y-auto pr-1">
+                        {[...detail.history].reverse().map((msg, i) => {
+                          const isUserMessage = msg.role === 'user';
+                          return (
+                            <div
+                              key={`${msg.timestamp}-${i}`}
+                              className={`rounded-lg px-3 py-2 text-[11px] leading-relaxed ${
+                                isUserMessage
+                                  ? 'bg-indigo-500/10 text-[var(--color-text)]'
+                                  : 'bg-[var(--color-surface-raised)] text-[var(--color-text)]'
                               }`}
                             >
-                              {isUserMessage ? '用户' : 'Agent'}
-                            </span>
-                            <span className="text-[10px] text-[var(--color-text-muted)] opacity-60">
-                              {formatMessageTime(msg.timestamp)}
-                            </span>
-                          </div>
-                          <div className="whitespace-pre-wrap break-words">
-                            {msg.content.slice(0, 500)}
-                            {msg.content.length > 500 ? '…' : ''}
-                          </div>
+                              <div className="mb-1 flex items-center gap-2">
+                                <span
+                                  className={`shrink-0 text-[10px] font-medium ${
+                                    isUserMessage
+                                      ? 'text-indigo-400'
+                                      : 'text-[var(--color-text-muted)]'
+                                  }`}
+                                >
+                                  {isUserMessage ? '用户' : 'Agent'}
+                                </span>
+                                <span className="text-[10px] text-[var(--color-text-muted)] opacity-60">
+                                  {formatMessageTime(msg.timestamp)}
+                                </span>
+                              </div>
+                              <div className="whitespace-pre-wrap break-words">
+                                {msg.content.slice(0, 500)}
+                                {msg.content.length > 500 ? '…' : ''}
+                              </div>
+                            </div>
+                          );
+                        })}
+                      </div>
+                      {hasMoreHistory && (
+                        <div className="mt-2 flex items-center justify-between gap-2 px-1">
+                          <span className="text-[10px] text-[var(--color-text-muted)]">
+                            每次加载 {SESSION_DETAIL_PAGE_SIZE} 条
+                          </span>
+                          <button
+                            type="button"
+                            className="inline-flex items-center gap-1 rounded-full bg-[var(--color-surface-raised)] px-2.5 py-1 text-xs text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text)] disabled:cursor-not-allowed disabled:opacity-50"
+                            onClick={handleLoadMoreHistory}
+                            disabled={loadingDetail || loadingMoreHistory}
+                          >
+                            {loadingMoreHistory ? (
+                              <>
+                                <Loader2 size={12} className="animate-spin" />
+                                加载中...
+                              </>
+                            ) : (
+                              <>
+                                加载更早 ({Math.max(detail.historyCount - detail.history.length, 0)}
+                                )
+                              </>
+                            )}
+                          </button>
                         </div>
-                      );
-                    })}
-                  </div>
-                  {hasMoreHistory && (
-                    <div className="mt-2 flex items-center justify-between gap-2 px-1">
-                      <span className="text-[10px] text-[var(--color-text-muted)]">
-                        每次加载 {SESSION_DETAIL_PAGE_SIZE} 条
-                      </span>
-                      <button
-                        type="button"
-                        className="inline-flex items-center gap-1 rounded-full bg-[var(--color-surface-raised)] px-2.5 py-1 text-xs text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text)] disabled:cursor-not-allowed disabled:opacity-50"
-                        onClick={handleLoadMoreHistory}
-                        disabled={loadingDetail || loadingMoreHistory}
-                      >
-                        {loadingMoreHistory ? (
-                          <>
-                            <Loader2 size={12} className="animate-spin" />
-                            加载中...
-                          </>
-                        ) : (
-                          <>加载更早 ({Math.max(detail.historyCount - detail.history.length, 0)})</>
-                        )}
-                      </button>
-                    </div>
+                      )}
+                    </>
                   )}
-                </>
+                </div>
               )}
-            </div>
+            </>
           )}
         </div>
       )}
@@ -492,14 +527,14 @@ function buildSessionRecordMarkdown(session: CcSession, detail: CcSessionDetail)
     `- Status: ${detail.live ? 'live' : detail.active ? 'active' : 'inactive'}`,
     `- Created: ${detail.createdAt || session.createdAt}`,
     `- Updated: ${detail.updatedAt || session.updatedAt}`,
-    `- Messages: ${detail.historyCount}`,
+    `- Loop events: ${detail.historyCount}`,
     '',
-    '## Messages',
+    '## Loop events',
     '',
   ];
 
   if (detail.history.length === 0) {
-    lines.push('_No messages._', '');
+    lines.push('_No Loop events._', '');
     return lines.join('\n');
   }
 

package/src/renderer/components/team/HarnessBrandLogos.tsx

@@ -0,0 +1,318 @@
+/**
+ * Brand logos for harness runtimes that are not one of the four CliProviderId
+ * providers (anthropic / codex / gemini / opencode), which already live in
+ * {@link ProviderBrandLogo}.
+ *
+ * Each logo is a self-contained 24×24 inline SVG so the harness picker, settings
+ * list, and empty-state grid all render a recognisable brand mark instead of an
+ * emoji fallback.
+ */
+
+import { useId } from 'react';
+
+import type { CcAgentType } from '@shared/types/ccConnect';
+
+type BrandLogoProps = Readonly<{
+  className?: string;
+}>;
+
+/** Cursor — the editor's signature pointer/arrow mark, monochrome on a dark tile. */
+const CursorBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <path d="M7.6 6.2 16 11.1l-3.5.9a.6.6 0 0 0-.4.4l-.9 3.5L7.6 6.2Z" fill="#FFFFFF" />
+      <path d="M11.2 16.2 10.4 13l3.6-1 .8 3.3-3.6 1Z" fill="#FFFFFF" fillOpacity="0.55" />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#2a2a2a" />
+          <stop offset="1" stopColor="#0a0a0a" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** Kimi (Moonshot) — crescent moon, blue→violet. */
+const KimiBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <path d="M16.4 3.6a8.5 8.5 0 1 0 4 9.9 6.6 6.6 0 0 1-4-9.9Z" fill={`url(#${gradientId})`} />
+      <circle cx="18.4" cy="6.4" r="1.5" fill={`url(#${gradientId})`} />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="4"
+          y1="4"
+          x2="20"
+          y2="20"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#6E8BFF" />
+          <stop offset="1" stopColor="#9B6BFF" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** Devin (Cognition) — bold geometric "D" node mark. */
+const DevinBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <path
+        d="M8 6.5h4.2a5.5 5.5 0 0 1 0 11H8a.5.5 0 0 1-.5-.5V7A.5.5 0 0 1 8 6.5Zm2.2 3v5a.4.4 0 0 0 .4.4h1.5a2.9 2.9 0 0 0 0-5.8h-1.5a.4.4 0 0 0-.4.4Z"
+        fill="#FFFFFF"
+      />
+      <circle cx="9.6" cy="9.2" r="1.1" fill="#FFFFFF" fillOpacity="0.6" />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#4F6FED" />
+          <stop offset="1" stopColor="#7A5AF8" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** Qoder — code-bracket "Q" on a purple tile. */
+const QoderBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <path
+        d="M9.2 7.4 6.4 12l2.8 4.6"
+        fill="none"
+        stroke="#FFFFFF"
+        strokeWidth="1.7"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M14.8 7.4 17.6 12l-2.8 4.6"
+        fill="none"
+        stroke="#FFFFFF"
+        strokeWidth="1.7"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <circle cx="12" cy="12" r="1.6" fill="#FFFFFF" />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#8B5CF6" />
+          <stop offset="1" stopColor="#6D28D9" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** Pi (Inflection) — the π glyph on a dark rounded tile. */
+const PiBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <path
+        d="M6.6 9h10.8M9.4 9c-.2 2 .0 4 .0 6.2 0 1-.5 1.6-1.3 1.6M14.6 9c.2 2 .0 4 .0 6.2 0 1 .5 1.6 1.3 1.6M12 9v8"
+        fill="none"
+        stroke="#F4F4F5"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#1f2937" />
+          <stop offset="1" stopColor="#0f172a" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** iFlow — lowercase "i" riding a flow wave, sky blue. */
+const IFlowBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <circle cx="9" cy="6.6" r="1.3" fill="#FFFFFF" />
+      <path
+        d="M7.6 9.4h2.8v4.4c0 1.5.7 2.4 1.9 2.4"
+        fill="none"
+        stroke="#FFFFFF"
+        strokeWidth="1.7"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M13.5 13.2c1 0 1.6.9 2.7.9s1.7-.9 2.8-.9"
+        fill="none"
+        stroke="#FFFFFF"
+        strokeOpacity="0.8"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#38BDF8" />
+          <stop offset="1" stopColor="#0EA5E9" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** ACP (Agent Client Protocol) — linked nodes. */
+const AcpBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <path
+        d="M8.2 8.2 12 12m3.8 3.8L12 12m0 0 3.8-3.8M12 12l-3.8 3.8"
+        stroke="#FFFFFF"
+        strokeOpacity="0.45"
+        strokeWidth="1.4"
+        strokeLinecap="round"
+      />
+      <circle cx="7.6" cy="7.6" r="2.1" fill="#FFFFFF" />
+      <circle cx="16.4" cy="7.6" r="2.1" fill="#FFFFFF" />
+      <circle cx="7.6" cy="16.4" r="2.1" fill="#FFFFFF" />
+      <circle cx="16.4" cy="16.4" r="2.1" fill="#FFFFFF" />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#64748B" />
+          <stop offset="1" stopColor="#334155" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+/** Tmux — terminal tile with a split pane, signature green. */
+const TmuxBrandLogo = ({ className }: BrandLogoProps): React.JSX.Element => {
+  const gradientId = useId();
+  return (
+    <svg viewBox="0 0 24 24" className={className} aria-hidden="true">
+      <rect x="1.25" y="1.25" width="21.5" height="21.5" rx="6" fill={`url(#${gradientId})`} />
+      <rect
+        x="5"
+        y="5"
+        width="14"
+        height="14"
+        rx="2"
+        fill="#0F1A17"
+        stroke="#2BB673"
+        strokeWidth="0.9"
+      />
+      <path d="M12 5.4v13.2" stroke="#2BB673" strokeWidth="0.9" strokeOpacity="0.6" />
+      <path
+        d="M7.2 9.2 9 11l-1.8 1.8"
+        fill="none"
+        stroke="#32D58B"
+        strokeWidth="1.3"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <defs>
+        <linearGradient
+          id={gradientId}
+          x1="3"
+          y1="3"
+          x2="21"
+          y2="21"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset="0" stopColor="#1b2421" />
+          <stop offset="1" stopColor="#0a0f0d" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+};
+
+interface HarnessBrandLogoProps {
+  readonly type: CcAgentType;
+  readonly className?: string;
+}
+
+/**
+ * Renders the brand logo for a harness runtime that is NOT one of the four
+ * CliProviderId providers. Returns null for provider-backed harnesses
+ * (claudecode/codex/gemini/opencode) — those use {@link ProviderBrandLogo}.
+ */
+export const HarnessBrandLogo = ({
+  type,
+  className,
+}: HarnessBrandLogoProps): React.JSX.Element | null => {
+  switch (type) {
+    case 'cursor':
+      return <CursorBrandLogo className={className} />;
+    case 'kimi':
+      return <KimiBrandLogo className={className} />;
+    case 'devin':
+      return <DevinBrandLogo className={className} />;
+    case 'qoder':
+      return <QoderBrandLogo className={className} />;
+    case 'pi':
+      return <PiBrandLogo className={className} />;
+    case 'iflow':
+      return <IFlowBrandLogo className={className} />;
+    case 'acp':
+      return <AcpBrandLogo className={className} />;
+    case 'tmux':
+      return <TmuxBrandLogo className={className} />;
+    default:
+      return null;
+  }
+};

package/src/renderer/components/team/HarnessSelect.tsx

@@ -1,4 +1,3 @@
-import type { CcAgentType } from '@shared/types/ccConnect';
 import { ProviderBrandLogo } from '@renderer/components/common/ProviderBrandLogo';
 import {
   Select,
@@ -7,13 +6,17 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@renderer/components/ui/select';
-import { ALL_AGENT_TYPES, AGENT_TYPE_LABELS } from './HarnessCards';
+
+import { HarnessBrandLogo } from './HarnessBrandLogos';
+import { AGENT_TYPE_LABELS, ALL_AGENT_TYPES } from './HarnessCards';
+
+import type { CcAgentType } from '@shared/types/ccConnect';
 
 interface HarnessSelectProps {
-  value: CcAgentType;
-  onChange: (value: CcAgentType) => void;
-  className?: string;
-  id?: string;
+  readonly value: CcAgentType;
+  readonly onChange: (value: CcAgentType) => void;
+  readonly className?: string;
+  readonly id?: string;
 }
 
 const HARNESS_PROVIDER_MAP: Partial<
@@ -25,30 +28,26 @@ const HARNESS_PROVIDER_MAP: Partial<
   opencode: 'opencode',
 };
 
-function HarnessIcon({ type, className }: { type: CcAgentType; className?: string }) {
+interface HarnessIconProps {
+  readonly type: CcAgentType;
+  readonly className?: string;
+}
+
+const HarnessIcon = ({ type, className }: HarnessIconProps): React.JSX.Element => {
   const providerId = HARNESS_PROVIDER_MAP[type];
   if (providerId) {
     return <ProviderBrandLogo providerId={providerId} className={className} />;
   }
-  return <span className={className}>{EMOJI_FALLBACK[type]}</span>;
-}
-
-const EMOJI_FALLBACK: Record<CcAgentType, string> = {
-  claudecode: '🤖',
-  codex: '🔬',
-  cursor: '💻',
-  gemini: '💎',
-  iflow: '🌊',
-  kimi: '🌙',
-  devin: '🧑‍💻',
-  opencode: '🔓',
-  qoder: '⚡',
-  pi: '🥧',
-  acp: '🔗',
-  tmux: '🖥️',
+  // Brand logo for the non-provider harness runtimes (cursor, kimi, …, tmux).
+  return <HarnessBrandLogo type={type} className={className} />;
 };
 
-export function HarnessSelect({ value, onChange, className, id }: HarnessSelectProps) {
+const HarnessSelect = ({
+  value,
+  onChange,
+  className,
+  id,
+}: HarnessSelectProps): React.JSX.Element => {
   return (
     <Select value={value} onValueChange={(v) => onChange(v as CcAgentType)}>
       <SelectTrigger id={id} className={className}>
@@ -66,6 +65,6 @@ export function HarnessSelect({ value, onChange, className, id }: HarnessSelectP
       </SelectContent>
     </Select>
   );
-}
+};
 
-export { HarnessIcon, HARNESS_PROVIDER_MAP, EMOJI_FALLBACK };
+export { HARNESS_PROVIDER_MAP, HarnessIcon, HarnessSelect };