From dafb84fa4df997c548863d6146d4cebcf48d41b7 Mon Sep 17 00:00:00 2001
From: Eyejoker <phj1081@gmail.com>
Date: Mon, 27 Apr 2026 22:26:17 +0900
Subject: [PATCH] =?UTF-8?q?Settings:=20clarify=20Codex=20=EB=A7=8C?=
 =?UTF-8?q?=EB=A3=8C=3D=EA=B2=B0=EC=A0=9C,=20drop=20Claude=20expiry=20badg?=
 =?UTF-8?q?e=20(#49)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Codex expiry badge now says "결제 만료/까지" so it's unambiguous that
  this is the ChatGPT Pro/Team subscription end-date, not an OAuth
  access-token TTL.
- Claude rows no longer show an expiry badge: Claude credentials only
  expose an OAuth access_token TTL (auto-refreshed every few minutes
  by the existing claude token refresh loop), which is meaningless to
  the user. Replace it with a static "토큰 자동갱신" tag so the column
  alignment stays consistent.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
---
 apps/dashboard/src/App.tsx | 69 ++++++++++++++++++--------------------
 1 file changed, 33 insertions(+), 36 deletions(-)

diff --git a/apps/dashboard/src/App.tsx b/apps/dashboard/src/App.tsx
index 5905aa3..5df8763 100644
--- a/apps/dashboard/src/App.tsx
+++ b/apps/dashboard/src/App.tsx
@@ -1340,16 +1340,19 @@ function formatExpiry(
   });
   if (days < 0) {
     const ago = Math.ceil(-days);
-    return { label: `${dateStr} 만료 (${ago}일 전)`, cls: 'is-expired' };
+    return {
+      label: `결제 만료 ${dateStr} (${ago}일 전)`,
+      cls: 'is-expired',
+    };
   }
   if (days < 7) {
     return {
-      label: `${dateStr}까지 (${Math.floor(days)}일)`,
+      label: `결제 ${dateStr}까지 (${Math.floor(days)}일)`,
       cls: 'is-soon',
     };
   }
   return {
-    label: `${dateStr}까지 (${Math.floor(days)}일)`,
+    label: `결제 ${dateStr}까지 (${Math.floor(days)}일)`,
     cls: 'is-active',
   };
 }
@@ -1475,39 +1478,33 @@ function AccountSettings({ onRestartStack }: { onRestartStack: () => void }) {
           <p className="settings-hint">계정 없음</p>
         ) : (
           <ul className="settings-account-list">
-            {data.claude.map((acc) => {
-              const expiry = formatExpiry(
-                acc.expiresAt ? new Date(acc.expiresAt).toISOString() : null,
-              );
-              return (
-                <li key={acc.index} className="settings-account-row">
-                  <div className="settings-account-main">
-                    <span className="settings-account-tag">#{acc.index}</span>
-                    <span className="settings-account-email">
-                      {acc.subscriptionType ?? 'unknown'}
-                      {acc.rateLimitTier ? ` · ${acc.rateLimitTier}` : ''}
-                    </span>
-                    {expiry ? (
-                      <span className={`settings-account-badge ${expiry.cls}`}>
-                        {expiry.label}
-                      </span>
-                    ) : null}
-                  </div>
-                  {acc.index > 0 ? (
-                    <button
-                      className="settings-delete"
-                      disabled={busy}
-                      onClick={() => void handleDelete('claude', acc.index)}
-                      type="button"
-                    >
-                      삭제
-                    </button>
-                  ) : (
-                    <span className="settings-account-default">기본</span>
-                  )}
-                </li>
-              );
-            })}
+            {data.claude.map((acc) => (
+              <li key={acc.index} className="settings-account-row">
+                <div className="settings-account-main">
+                  <span className="settings-account-tag">#{acc.index}</span>
+                  <span className="settings-account-email">
+                    {acc.subscriptionType ?? 'unknown'}
+                    {acc.rateLimitTier ? ` · ${acc.rateLimitTier}` : ''}
+                  </span>
+                  <span className="settings-account-plan">claude</span>
+                  <span className="settings-account-badge is-active">
+                    토큰 자동갱신
+                  </span>
+                </div>
+                {acc.index > 0 ? (
+                  <button
+                    className="settings-delete"
+                    disabled={busy}
+                    onClick={() => void handleDelete('claude', acc.index)}
+                    type="button"
+                  >
+                    삭제
+                  </button>
+                ) : (
+                  <span className="settings-account-default">기본</span>
+                )}
+              </li>
+            ))}
           </ul>
         )}
         <div className="settings-add-token">