From e4cf5a188d66b1357cc96bfcead250a81f699be5 Mon Sep 17 00:00:00 2001
From: Codex <codex@example.com>
Date: Sat, 19 Sep 2026 13:28:08 +0800
Subject: [PATCH 1/3] feat(accounts): keep operations in context and scope 292
 to OAuth accounts

---
 .github/workflows/downstream-verify.yml       |   7 +
 ...t_repo_codex_lifecycle_integration_test.go |  45 +-
 .../service/codex_ticket_lifecycle.go         |   6 +-
 .../service/codex_ticket_manual_test.go       |  36 ++
 ...odex_ticket_account_status_independent.sql |  25 +
 .../__tests__/integration/data-import.spec.ts |   1 +
 .../accountOperationIdempotency.spec.ts       |  29 ++
 .../src/api/accountOperationIdempotency.ts    |  24 +
 frontend/src/api/client.ts                    |   6 +-
 .../account/BulkEditAccountModal.vue          |  10 +-
 .../components/account/CreateAccountModal.vue |   9 +-
 .../__tests__/BulkEditAccountModal.spec.ts    |   1 +
 .../__tests__/CreateAccountModal.spec.ts      |   1 +
 .../AccountOperationConfirmDialog.vue         |  29 ++
 .../account-jobs/AccountOperationDialog.vue   |  48 ++
 .../account-jobs/AccountOperationProgress.vue | 144 ++++++
 .../admin/account-jobs/AccountTaskDrawer.vue  | 441 +++---------------
 .../__tests__/AccountTaskDrawer.spec.ts       | 218 +++------
 .../admin/account/AccountActionMenu.vue       |  10 +-
 .../admin/account/AccountBulkActionsBar.vue   |   3 +-
 .../account/AccountBulkTaxonomyModal.vue      |   9 +-
 .../admin/account/BatchTestAccountModal.vue   |  12 +-
 .../admin/account/CodexTicketHarvestModal.vue |  91 ++--
 .../admin/account/ImportDataModal.vue         |  10 +-
 .../AccountActionMenu.spark_shadow.spec.ts    |  11 +
 .../__tests__/AccountBulkActionsBar.spec.ts   |   9 +
 .../AccountBulkTaxonomyModal.spec.ts          |   1 +
 .../__tests__/BatchTestAccountModal.spec.ts   |   3 +-
 .../__tests__/CodexTicketHarvestModal.spec.ts |  37 +-
 .../account/__tests__/ImportDataModal.spec.ts |   3 +-
 frontend/src/components/layout/AppHeader.vue  |  20 +-
 frontend/src/components/layout/AppLayout.vue  |   4 +-
 frontend/src/components/layout/AppSidebar.vue |   1 -
 .../__tests__/useTicketSelection.spec.ts      |  40 ++
 .../src/composables/useTicketSelection.ts     |  31 ++
 .../src/i18n/locales/en/admin/accountTasks.ts |  37 +-
 .../src/i18n/locales/en/admin/accounts.ts     |   8 +-
 .../src/i18n/locales/zh/admin/accountTasks.ts |  41 +-
 .../src/i18n/locales/zh/admin/accounts.ts     |   8 +-
 frontend/src/router/index.ts                  |   2 +-
 .../src/stores/__tests__/accountJobs.spec.ts  |  89 ++--
 frontend/src/stores/accountJobs.ts            | 193 ++++++--
 frontend/src/utils/codexTicketEligibility.ts  |  15 +
 frontend/src/views/admin/AccountsView.vue     | 168 +++----
 .../__tests__/AccountsView.console.spec.ts    |   9 +-
 .../AccountsView.selectAllResults.spec.ts     |  19 +-
 46 files changed, 1152 insertions(+), 812 deletions(-)
 create mode 100644 backend/migrations/245_codex_ticket_account_status_independent.sql
 create mode 100644 frontend/src/api/__tests__/accountOperationIdempotency.spec.ts
 create mode 100644 frontend/src/api/accountOperationIdempotency.ts
 create mode 100644 frontend/src/components/admin/account-jobs/AccountOperationConfirmDialog.vue
 create mode 100644 frontend/src/components/admin/account-jobs/AccountOperationDialog.vue
 create mode 100644 frontend/src/components/admin/account-jobs/AccountOperationProgress.vue
 create mode 100644 frontend/src/composables/__tests__/useTicketSelection.spec.ts
 create mode 100644 frontend/src/composables/useTicketSelection.ts
 create mode 100644 frontend/src/utils/codexTicketEligibility.ts

diff --git a/.github/workflows/downstream-verify.yml b/.github/workflows/downstream-verify.yml
index dcba0bffd250..be465c5ec61d 100644
--- a/.github/workflows/downstream-verify.yml
+++ b/.github/workflows/downstream-verify.yml
@@ -130,6 +130,13 @@ jobs:
             src/i18n/__tests__/accountConsoleLocales.spec.ts \
             src/__tests__/integration/data-import.spec.ts \
             src/components/admin/account-jobs/__tests__/AccountTaskDrawer.spec.ts \
+            src/stores/__tests__/accountJobs.spec.ts \
+            src/composables/__tests__/useTicketSelection.spec.ts \
+            src/api/__tests__/accountOperationIdempotency.spec.ts \
+            src/components/admin/account/__tests__/CodexTicketHarvestModal.spec.ts \
+            src/components/admin/account/__tests__/BatchTestAccountModal.spec.ts \
+            src/components/admin/account/__tests__/AccountBulkActionsBar.spec.ts \
+            src/components/admin/account/__tests__/AccountActionMenu.spark_shadow.spec.ts \
             src/components/admin/account/__tests__/AccountConsoleFilters.spec.ts \
             src/components/admin/account/__tests__/AccountUsageViews.spec.ts \
             src/components/account/__tests__/AccountUsageCell.spec.ts \
diff --git a/backend/internal/repository/account_repo_codex_lifecycle_integration_test.go b/backend/internal/repository/account_repo_codex_lifecycle_integration_test.go
index 8f3986ff22e5..e1f5e54cd44a 100644
--- a/backend/internal/repository/account_repo_codex_lifecycle_integration_test.go
+++ b/backend/internal/repository/account_repo_codex_lifecycle_integration_test.go
@@ -110,14 +110,14 @@ func TestCodexTicketRepositoryConcurrentLeaseAndAccountInvalidation(t *testing.T
 	var lease string
 	require.NoError(t, integrationDB.QueryRowContext(ctx, `SELECT lease_id FROM openai_codex_ticket_runtime WHERE account_id=$1 AND model=$2`, a.ID, model).Scan(&lease))
 	require.Equal(t, claims[0].LeaseID, lease)
-	// Disable and re-enable before IO completes must still reject its old result.
+	// Business status changes do not revoke a credential owner's ticket claim.
 	_, err = integrationDB.ExecContext(ctx, `UPDATE accounts SET status='disabled' WHERE id=$1`, a.ID)
 	require.NoError(t, err)
 	_, err = integrationDB.ExecContext(ctx, `UPDATE accounts SET status='active' WHERE id=$1`, a.ID)
 	require.NoError(t, err)
 	applied, err := r.FinishCodexTicket(ctx, claims[0], successfulTicket(a, model, now), service.CodexTicketResult{Success: true}, now)
 	require.NoError(t, err)
-	require.False(t, applied)
+	require.True(t, applied)
 	// A legacy ticket without an identity stamp cannot survive changing owner.
 	raw, _ := json.Marshal(map[string]any{"codex_turn_ticket:" + model: map[string]any{"state": "gAAAAA" + strings.Repeat("B", 286), "length": 292, "expires_at": now.Add(time.Hour)}})
 	_, err = integrationDB.ExecContext(ctx, `UPDATE accounts SET extra=extra||$2::jsonb WHERE id=$1`, a.ID, string(raw))
@@ -129,6 +129,47 @@ func TestCodexTicketRepositoryConcurrentLeaseAndAccountInvalidation(t *testing.T
 	require.NotContains(t, loaded.Extra, "codex_turn_ticket:"+model)
 }
 
+func TestCodexTicketInactiveAccountsHarvestAndRenewWithoutEnabling(t *testing.T) {
+	for _, accountType := range []string{service.AccountTypeOAuth, service.AccountTypeSetupToken} {
+		for _, status := range []string{"disabled", "error"} {
+			t.Run(accountType+"/"+status, func(t *testing.T) {
+				ctx := context.Background()
+				r, a, now := newTicketIntegrationAccount(t)
+				_, err := integrationDB.ExecContext(ctx, `UPDATE accounts SET type=$2,status=$3,schedulable=false,error_message='keep diagnostic' WHERE id=$1`, a.ID, accountType, status)
+				require.NoError(t, err)
+				a, err = r.GetByID(ctx, a.ID)
+				require.NoError(t, err)
+				const model = "gpt-6-astra"
+				claim, err := r.ClaimCodexTicket(ctx, a.ID, model, "manual", 0, true, false, now)
+				require.NoError(t, err)
+				ticket := successfulTicket(a, model, now)
+				applied, err := r.FinishCodexTicket(ctx, claim, ticket, service.CodexTicketResult{Success: true}, now)
+				require.NoError(t, err)
+				require.True(t, applied)
+				renewAt := ticket.ExpiresAt.Add(-time.Minute)
+				renewal, err := r.ClaimCodexTicket(ctx, a.ID, model, "renewal", 0, false, false, renewAt)
+				require.NoError(t, err)
+				applied, err = r.FinishCodexTicket(ctx, renewal, successfulTicket(a, model, renewAt), service.CodexTicketResult{Success: true}, renewAt)
+				require.NoError(t, err)
+				require.True(t, applied)
+				loaded, err := r.GetByID(ctx, a.ID)
+				require.NoError(t, err)
+				require.Equal(t, status, loaded.Status)
+				require.False(t, loaded.Schedulable)
+				require.Equal(t, "keep diagnostic", loaded.ErrorMessage)
+				// Deletion still revokes a live claim and rejects the late result.
+				claim, err = r.ClaimCodexTicket(ctx, a.ID, model, "manual-again", 0, true, true, renewAt)
+				require.NoError(t, err)
+				_, err = integrationDB.ExecContext(ctx, `UPDATE accounts SET deleted_at=NOW() WHERE id=$1`, a.ID)
+				require.NoError(t, err)
+				applied, err = r.FinishCodexTicket(ctx, claim, successfulTicket(a, model, renewAt), service.CodexTicketResult{Success: true}, renewAt)
+				require.NoError(t, err)
+				require.False(t, applied)
+			})
+		}
+	}
+}
+
 func TestCodexTicketRepositoryInterruptedRenewalIsConsumed(t *testing.T) {
 	ctx := context.Background()
 	r, a, now := newTicketIntegrationAccount(t)
diff --git a/backend/internal/service/codex_ticket_lifecycle.go b/backend/internal/service/codex_ticket_lifecycle.go
index cb9b93ffd282..7945cf927e72 100644
--- a/backend/internal/service/codex_ticket_lifecycle.go
+++ b/backend/internal/service/codex_ticket_lifecycle.go
@@ -86,14 +86,16 @@ func CodexTicketAccountIdentity(a *Account) string {
 }
 
 func CodexTicketAccountEligible(a *Account) bool {
-	return isOpenAICodexTicketAccount(a) && a.Status == StatusActive
+	// Ticket ownership is independent of business scheduling. Administrators may
+	// prepare and renew tickets while an OAuth-like account is disabled/in error.
+	return isOpenAICodexTicketAccount(a)
 }
 
 func CodexTicketFailure(code string) CodexTicketResult {
 	messages := map[string]string{
 		"ticket_disabled":       "票据总开关未开启",
 		"ticket_proxy_missing":  "未配置打票代理",
-		"ticket_ineligible":     "仅启用状态的 OpenAI OAuth/Setup Token 非影子账号可打票",
+		"ticket_ineligible":     "仅 OpenAI OAuth/Setup Token 非影子账号可打票",
 		"ticket_model_invalid":  "模型不在票据配置范围内",
 		"ticket_busy":           "该账号和模型已有打票任务",
 		"ticket_interrupted":    "上次请求已开始，结果未确认；不会自动重复发送",
diff --git a/backend/internal/service/codex_ticket_manual_test.go b/backend/internal/service/codex_ticket_manual_test.go
index b89799aa5cf6..6690927a8a54 100644
--- a/backend/internal/service/codex_ticket_manual_test.go
+++ b/backend/internal/service/codex_ticket_manual_test.go
@@ -191,3 +191,39 @@ func TestCodexTicketManualOnlyOneRequestAndPersistence(t *testing.T) {
 		})
 	}
 }
+
+func TestCodexTicketEligibilityIndependentOfAccountStatus(t *testing.T) {
+	for _, accountType := range []string{AccountTypeOAuth, AccountTypeSetupToken} {
+		for _, status := range []string{StatusActive, "disabled", "error"} {
+			t.Run(accountType+"/"+status, func(t *testing.T) {
+				a := ticketTestAccount(41)
+				a.Type, a.Status, a.Schedulable, a.ErrorMessage = accountType, status, false, "preserve diagnostic"
+				r := newCodexTicketMemoryStore(a)
+				var calls atomic.Int64
+				upstream := &codexTicketFuncUpstream{do: func(*http.Request) (*http.Response, error) {
+					calls.Add(1)
+					resp := codexTicketResponse()
+					resp.Header.Set(openAICodexTurnStateHeader, fakeCodexTicketState(292))
+					return resp, nil
+				}}
+				s := ticketTestService(t, config.OpenAICodexTicketConfig{Enabled: true, HarvestProxyURL: "http://proxy.example.com:8080"}, upstream)
+				s.accountRepo = r
+				result := s.HarvestCodexTicket(context.Background(), a.ID, "gpt-6-astra", "manual", 0, false)
+				require.True(t, result.Success)
+				require.Equal(t, int64(1), calls.Load())
+				require.Equal(t, "ready", r.states["gpt-6-astra"].Phase)
+				require.Equal(t, status, a.Status)
+				require.False(t, a.Schedulable)
+				require.Equal(t, "preserve diagnostic", a.ErrorMessage)
+			})
+		}
+	}
+	for _, a := range []*Account{
+		{Platform: PlatformOpenAI, Type: AccountTypeAPIKey},
+		{Platform: PlatformAnthropic, Type: AccountTypeOAuth},
+		{Platform: PlatformOpenAI, Type: AccountTypeOAuth, ParentAccountID: func() *int64 { id := int64(1); return &id }()},
+		nil,
+	} {
+		require.False(t, CodexTicketAccountEligible(a))
+	}
+}
diff --git a/backend/migrations/245_codex_ticket_account_status_independent.sql b/backend/migrations/245_codex_ticket_account_status_independent.sql
new file mode 100644
index 000000000000..ebacf8add71b
--- /dev/null
+++ b/backend/migrations/245_codex_ticket_account_status_independent.sql
@@ -0,0 +1,25 @@
+-- Account status controls business scheduling, not ticket preparation/renewal.
+-- Preserve deletion and credential-owner invalidation, including in-flight IO.
+-- Existing stopped renewals are deliberately not enrolled by this migration.
+CREATE OR REPLACE FUNCTION invalidate_codex_ticket_account_claims() RETURNS TRIGGER AS $$
+DECLARE principal_changed BOOLEAN;
+BEGIN
+    principal_changed := NEW.platform IS DISTINCT FROM OLD.platform
+       OR NEW.type IS DISTINCT FROM OLD.type
+       OR NEW.parent_account_id IS DISTINCT FROM OLD.parent_account_id
+       OR COALESCE(NEW.credentials->>'chatgpt_account_id','') IS DISTINCT FROM COALESCE(OLD.credentials->>'chatgpt_account_id','')
+       OR COALESCE(NEW.credentials->>'chatgpt_user_id','') IS DISTINCT FROM COALESCE(OLD.credentials->>'chatgpt_user_id','')
+       OR COALESCE(NEW.credentials->>'organization_id','') IS DISTINCT FROM COALESCE(OLD.credentials->>'organization_id','')
+       OR (COALESCE(NEW.credentials->>'chatgpt_account_id','')='' AND COALESCE(NEW.credentials->>'chatgpt_user_id','')='' AND
+           COALESCE(NEW.credentials->>'email','') IS DISTINCT FROM COALESCE(OLD.credentials->>'email',''));
+    IF NEW.deleted_at IS DISTINCT FROM OLD.deleted_at OR principal_changed THEN
+        UPDATE openai_codex_ticket_runtime SET phase='stopped',next_at=NULL,lease_id='',lease_until=NULL,updated_at=NOW()
+          WHERE account_id=NEW.id;
+        NEW.extra := (SELECT COALESCE(jsonb_object_agg(e.key, CASE WHEN e.key LIKE 'codex_ticket_runtime:%'
+          THEN e.value || '{"phase":"stopped","next_attempt_at":null}'::jsonb ELSE e.value END), '{}'::jsonb)
+          FROM jsonb_each(CASE WHEN jsonb_typeof(NEW.extra)='object' THEN NEW.extra ELSE '{}'::jsonb END) e
+          WHERE NOT (principal_changed AND e.key LIKE 'codex_turn_ticket:%'));
+    END IF;
+    RETURN NEW;
+END;
+$$ LANGUAGE plpgsql;
diff --git a/frontend/src/__tests__/integration/data-import.spec.ts b/frontend/src/__tests__/integration/data-import.spec.ts
index b38651a029a6..fa67ac9ab9e0 100644
--- a/frontend/src/__tests__/integration/data-import.spec.ts
+++ b/frontend/src/__tests__/integration/data-import.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
 import ImportDataModal from '@/components/admin/account/ImportDataModal.vue'
diff --git a/frontend/src/api/__tests__/accountOperationIdempotency.spec.ts b/frontend/src/api/__tests__/accountOperationIdempotency.spec.ts
new file mode 100644
index 000000000000..0c82a74102e6
--- /dev/null
+++ b/frontend/src/api/__tests__/accountOperationIdempotency.spec.ts
@@ -0,0 +1,29 @@
+import { webcrypto } from 'node:crypto'
+import { AxiosHeaders, type InternalAxiosRequestConfig } from 'axios'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { stabilizeAccountOperationKey, settleAccountOperation, clearAccountOperationKeys } from '../accountOperationIdempotency'
+const request = (key: string, ids = [1]) => ({ method: 'post', url: '/admin/accounts/batch-delete', data: { account_ids: ids }, headers: new AxiosHeaders({ 'Idempotency-Key': key }) }) as InternalAxiosRequestConfig
+afterEach(() => { clearAccountOperationKeys(); vi.unstubAllGlobals() })
+describe('uncertain account operation submission', () => {
+  it('reuses the key after a lost response, isolates changed targets and releases confirmed submissions', async () => {
+    vi.stubGlobal('crypto', webcrypto)
+    const first = request('first'); await stabilizeAccountOperationKey(first)
+    const retry = request('new-key'); await stabilizeAccountOperationKey(retry)
+    expect(retry.headers.get('Idempotency-Key')).toBe('first')
+    const changed = request('changed', [2]); await stabilizeAccountOperationKey(changed)
+    expect(changed.headers.get('Idempotency-Key')).toBe('changed')
+    settleAccountOperation(retry)
+    const next = request('next'); await stabilizeAccountOperationKey(next)
+    expect(next.headers.get('Idempotency-Key')).toBe('next')
+  })
+  it('does not retain another administrator session or affect non-operation requests', async () => {
+    vi.stubGlobal('crypto', webcrypto)
+    await stabilizeAccountOperationKey(request('old'))
+    clearAccountOperationKeys()
+    const next = request('next'); await stabilizeAccountOperationKey(next)
+    expect(next.headers.get('Idempotency-Key')).toBe('next')
+    const unrelated = request('unrelated'); unrelated.url = '/admin/settings'
+    await stabilizeAccountOperationKey(unrelated)
+    expect(unrelated.headers.get('Idempotency-Key')).toBe('unrelated')
+  })
+})
diff --git a/frontend/src/api/accountOperationIdempotency.ts b/frontend/src/api/accountOperationIdempotency.ts
new file mode 100644
index 000000000000..adda06c05c38
--- /dev/null
+++ b/frontend/src/api/accountOperationIdempotency.ts
@@ -0,0 +1,24 @@
+import type { InternalAxiosRequestConfig } from 'axios'
+
+// Keep only unresolved submissions. A timeout may have happened after the
+// server committed the operation; retrying that payload must reuse its key.
+const unresolved = new Map<string, string>()
+let session = 0
+type OperationConfig = InternalAxiosRequestConfig & { accountOperationSignature?: string }
+export async function stabilizeAccountOperationKey(config: OperationConfig): Promise<void> {
+  const url = String(config.url || '')
+  const key = config.headers?.get('Idempotency-Key')
+  if (!key || !/^\/admin\/(accounts(?:\/|$)|account-jobs(?:\/|$))/.test(url)) return
+  const epoch = session
+  const payload = `${config.method}:${url}:${typeof config.data === 'string' ? config.data : JSON.stringify(config.data)}`
+  const digest = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(payload))
+  if (epoch !== session) throw new Error('Account operation session changed')
+  const signature = `${epoch}:` + Array.from(new Uint8Array(digest), n => n.toString(16).padStart(2, '0')).join('')
+  if (!unresolved.has(signature)) unresolved.set(signature, String(key))
+  config.headers.set('Idempotency-Key', unresolved.get(signature)!)
+  config.accountOperationSignature = signature
+}
+export function settleAccountOperation(config?: OperationConfig): void {
+  if (config?.accountOperationSignature) unresolved.delete(config.accountOperationSignature)
+}
+export function clearAccountOperationKeys(): void { unresolved.clear(); session++ }
diff --git a/frontend/src/api/client.ts b/frontend/src/api/client.ts
index 245896cd3ecd..57d310e4aae1 100644
--- a/frontend/src/api/client.ts
+++ b/frontend/src/api/client.ts
@@ -14,6 +14,7 @@ import {
 } from './adminUIRequest'
 import { refreshAuthTokens } from './tokenRefresh'
 import { getAPIBaseURL } from './url'
+import { settleAccountOperation, stabilizeAccountOperationKey } from './accountOperationIdempotency'
 export { buildApiUrl, buildGatewayUrl } from './url'
 
 // ==================== Axios Instance Configuration ====================
@@ -39,7 +40,8 @@ const getUserTimezone = (): string => {
 }
 
 apiClient.interceptors.request.use(
-  (config: InternalAxiosRequestConfig) => {
+  async (config: InternalAxiosRequestConfig) => {
+    await stabilizeAccountOperationKey(config)
     // Attach token from localStorage
     const token = localStorage.getItem('auth_token')
     if (token && config.headers) {
@@ -80,6 +82,7 @@ apiClient.interceptors.request.use(
 
 apiClient.interceptors.response.use(
   (response: AxiosResponse) => {
+    settleAccountOperation(response.config)
     // Unwrap standard API response format { code, message, data }
     const apiResponse = response.data as ApiResponse<unknown>
     if (apiResponse && typeof apiResponse === 'object' && 'code' in apiResponse) {
@@ -112,6 +115,7 @@ apiClient.interceptors.response.use(
     // Handle common errors
     if (error.response) {
       const { status, data } = error.response
+      if (status >= 400 && status < 500 && status !== 408) settleAccountOperation(error.config)
       const url = String(error.config?.url || '')
 
       // Validate `data` shape to avoid HTML error pages breaking our error handling.
diff --git a/frontend/src/components/account/BulkEditAccountModal.vue b/frontend/src/components/account/BulkEditAccountModal.vue
index 8d4452fef50f..bb58d1963614 100644
--- a/frontend/src/components/account/BulkEditAccountModal.vue
+++ b/frontend/src/components/account/BulkEditAccountModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseDialog
+  <AccountOperationDialog :job="operationJob"
     :show="show"
     :title="t('admin.accounts.bulkEdit.title')"
     width="wide"
@@ -1466,7 +1466,7 @@
         </button>
       </div>
     </template>
-  </BaseDialog>
+  </AccountOperationDialog>
 
   <ConfirmDialog
     :show="showMixedChannelWarning"
@@ -1495,7 +1495,7 @@ import type {
   OpenAIEndpointCapability,
   OpenAIResponsesMode
 } from '@/types'
-import BaseDialog from '@/components/common/BaseDialog.vue'
+import AccountOperationDialog from '@/components/admin/account-jobs/AccountOperationDialog.vue'
 import ConfirmDialog from '@/components/common/ConfirmDialog.vue'
 import Select from '@/components/common/Select.vue'
 import ProxySelector from '@/components/common/ProxySelector.vue'
@@ -1555,6 +1555,8 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
+const operationJob = ref<AccountJob | null>(null)
+watch(() => props.show, show => { if (show) operationJob.value = null })
 const appStore = useAppStore()
 
 // Platform awareness
@@ -2318,8 +2320,8 @@ const submitBulkUpdate = async (baseUpdates: Record<string, unknown>) => {
       })
       : await adminAPI.accounts.bulkUpdate(props.accountIds, updates)
     pendingUpdatesForConfirm.value = null
+    operationJob.value = job
     emit('updated', job)
-    handleClose()
   } catch (error: any) {
     // 兜底：多平台混合场景下，预检查跳过，由后端 409 触发确认框
     if (error.status === 409 && error.error === 'mixed_channel_warning') {
diff --git a/frontend/src/components/account/CreateAccountModal.vue b/frontend/src/components/account/CreateAccountModal.vue
index 2d4a1683ae5e..3ba0257a335f 100644
--- a/frontend/src/components/account/CreateAccountModal.vue
+++ b/frontend/src/components/account/CreateAccountModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseDialog
+  <AccountOperationDialog :job="operationJob"
     :show="show"
     :title="t('admin.accounts.createAccount')"
     width="wide"
@@ -3778,7 +3778,7 @@
         </button>
       </div>
     </template>
-  </BaseDialog>
+  </AccountOperationDialog>
 
   <!-- Gemini Help Dialog -->
   <BaseDialog
@@ -4051,6 +4051,7 @@ import type {
   AccountAvailableModel
 } from '@/types'
 import BaseDialog from '@/components/common/BaseDialog.vue'
+import AccountOperationDialog from '@/components/admin/account-jobs/AccountOperationDialog.vue'
 import ConfirmDialog from '@/components/common/ConfirmDialog.vue'
 import Select from '@/components/common/Select.vue'
 import HelpTooltip from '@/components/common/HelpTooltip.vue'
@@ -4221,6 +4222,8 @@ interface Props {
 }
 
 const props = defineProps<Props>()
+const operationJob = ref<AccountJob | null>(null)
+watch(() => props.show, show => { if (show) operationJob.value = null })
 const emit = defineEmits<{
   close: []
   created: [job?: AccountJob]
@@ -6773,8 +6776,8 @@ const handleOpenAIImportCodexSession = async (content: string) => {
       update_existing: true
     })
 
+    operationJob.value = job
     emit('created', job)
-    handleClose()
   } catch (error: any) {
     oauthClient.error.value =
       error.response?.data?.detail ||
diff --git a/frontend/src/components/account/__tests__/BulkEditAccountModal.spec.ts b/frontend/src/components/account/__tests__/BulkEditAccountModal.spec.ts
index 97f314238a09..460444713485 100644
--- a/frontend/src/components/account/__tests__/BulkEditAccountModal.spec.ts
+++ b/frontend/src/components/account/__tests__/BulkEditAccountModal.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { describe, expect, it, vi, beforeEach } from 'vitest'
 import { flushPromises, mount } from '@vue/test-utils'
 import { nextTick } from 'vue'
diff --git a/frontend/src/components/account/__tests__/CreateAccountModal.spec.ts b/frontend/src/components/account/__tests__/CreateAccountModal.spec.ts
index 17255f391c96..bb9caf075a4b 100644
--- a/frontend/src/components/account/__tests__/CreateAccountModal.spec.ts
+++ b/frontend/src/components/account/__tests__/CreateAccountModal.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { defineComponent, type PropType } from 'vue'
 import { flushPromises, mount } from '@vue/test-utils'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
diff --git a/frontend/src/components/admin/account-jobs/AccountOperationConfirmDialog.vue b/frontend/src/components/admin/account-jobs/AccountOperationConfirmDialog.vue
new file mode 100644
index 000000000000..cc8f7913f541
--- /dev/null
+++ b/frontend/src/components/admin/account-jobs/AccountOperationConfirmDialog.vue
@@ -0,0 +1,29 @@
+<template>
+  <AccountOperationDialog :show="show" :title="title" :job="job" width="normal" @close="emit('close')">
+    <p data-test="confirm-dialog" class="text-sm leading-relaxed text-muted">{{ message }}</p>
+    <p v-if="error" role="alert" class="mt-3 text-sm text-red-600">{{ error }}</p>
+    <template #footer>
+      <button class="btn btn-secondary" :disabled="busy" @click="emit('close')">{{ t('common.cancel') }}</button>
+      <button data-test="confirm-dialog-submit" class="btn" :class="danger ? 'btn-danger' : 'btn-primary'" :disabled="busy" @click="start">{{ busy ? t('common.processing') : confirmText || t('common.confirm') }}</button>
+    </template>
+  </AccountOperationDialog>
+</template>
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import AccountOperationDialog from './AccountOperationDialog.vue'
+import type { AccountJob } from '@/api/admin/accountJobs'
+const props = defineProps<{ show: boolean; title: string; message: string; danger?: boolean; confirmText?: string; execute: () => Promise<AccountJob> }>()
+const emit = defineEmits<{ close: []; submitted: [job: AccountJob] }>()
+const { t } = useI18n()
+const job = ref<AccountJob | null>(null), busy = ref(false), error = ref('')
+watch(() => props.show, show => { if (show) { job.value = null; error.value = '' } })
+watch(() => props.execute, () => { job.value = null; error.value = '' })
+async function start() {
+  if (busy.value || job.value) return
+  busy.value = true; error.value = ''
+  try { job.value = await props.execute(); emit('submitted', job.value) }
+  catch { error.value = t('admin.accountTasks.actionFailed') }
+  finally { busy.value = false }
+}
+</script>
diff --git a/frontend/src/components/admin/account-jobs/AccountOperationDialog.vue b/frontend/src/components/admin/account-jobs/AccountOperationDialog.vue
new file mode 100644
index 000000000000..e485eb310bba
--- /dev/null
+++ b/frontend/src/components/admin/account-jobs/AccountOperationDialog.vue
@@ -0,0 +1,48 @@
+<template>
+  <BaseDialog :show="show" :title="operation ? t(`admin.accountTasks.kinds.${operation.kind}`) : title" :width="width" @close="close">
+    <template v-if="job">
+      <details class="mb-5 border-b border-line pb-3">
+        <summary class="cursor-pointer text-xs text-muted">{{ t('admin.accountTasks.configuration') }}</summary>
+        <fieldset disabled class="mt-3 max-h-52 overflow-y-auto opacity-70"><slot /></fieldset>
+      </details>
+      <AccountOperationProgress @close="close" />
+    </template>
+    <slot v-else />
+    <template v-if="!job && $slots.footer" #footer><slot name="footer" /></template>
+  </BaseDialog>
+</template>
+<script setup lang="ts">
+import { computed, defineAsyncComponent, onBeforeUnmount, shallowRef, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import BaseDialog from '@/components/common/BaseDialog.vue'
+import type { useAccountJobsStore } from '@/stores/accountJobs'
+import type { AccountJob } from '@/api/admin/accountJobs'
+const props = withDefaults(defineProps<{ show: boolean; title: string; job?: AccountJob | null; width?: 'narrow' | 'normal' | 'wide' | 'extra-wide' | 'full' }>(), { job: null, width: 'wide' })
+const emit = defineEmits<{ close: [] }>()
+const { t } = useI18n()
+const AccountOperationProgress = defineAsyncComponent(() => import('./AccountOperationProgress.vue'))
+const operations = shallowRef<ReturnType<typeof useAccountJobsStore> | null>(null)
+const operation = computed(() => props.job ? operations.value?.currentJob ?? props.job : null)
+let mounted = true
+watch(() => props.job, async job => {
+  if (job) {
+    const { useAccountJobsStore } = await import('@/stores/accountJobs')
+    const store = useAccountJobsStore()
+    operations.value = store
+    if (props.job?.id !== job.id) return
+    store.track(job, { open: mounted && props.show, embedded: true })
+    if (mounted && props.show) void store.loadCurrent(job.id).catch(() => { store.connectionLost = true })
+  }
+}, { immediate: true })
+watch(() => props.show, show => { if (!show && props.job && operations.value?.embeddedOpen) operations.value.closeDrawer() })
+function close() {
+  const store = operations.value
+  if (props.job && store) {
+    const current = store.currentJob
+    if (current && ['succeeded', 'partially_succeeded', 'failed', 'canceled'].includes(current.status)) store.dismissJob(current.id)
+    else store.closeDrawer()
+  }
+  emit('close')
+}
+onBeforeUnmount(() => { mounted = false; if (props.job && operations.value?.embeddedOpen) operations.value.closeDrawer() })
+</script>
diff --git a/frontend/src/components/admin/account-jobs/AccountOperationProgress.vue b/frontend/src/components/admin/account-jobs/AccountOperationProgress.vue
new file mode 100644
index 000000000000..fa9f821a253f
--- /dev/null
+++ b/frontend/src/components/admin/account-jobs/AccountOperationProgress.vue
@@ -0,0 +1,144 @@
+<template>
+  <div v-if="job" class="space-y-5" data-test="operation-progress">
+    <div class="flex items-start justify-between gap-4">
+      <div class="flex min-w-0 items-center gap-3">
+        <span class="flex h-10 w-10 shrink-0 items-center justify-center border border-line bg-raised" :class="statusClass(job.status)">
+          <Icon :name="terminal ? (job.failed_count ? 'exclamationTriangle' : 'checkCircle') : 'refresh'" size="md" :class="!terminal && 'animate-spin'" />
+        </span>
+        <div>
+          <p class="text-base font-semibold text-ink" aria-live="polite">{{ job.cancel_requested_at && !terminal ? t('admin.accountTasks.stopping') : statusLabel(job.status) }}</p>
+          <p class="mt-1 text-xs text-muted">{{ t('admin.accountTasks.progress', { processed: job.processed_count, total: job.target_count }) }}</p>
+        </div>
+      </div>
+      <span class="shrink-0 text-2xl font-semibold tabular-nums text-ink">{{ progress }}<span class="ml-0.5 text-xs font-normal text-muted">%</span></span>
+    </div>
+    <div class="h-1 overflow-hidden bg-surface" role="progressbar" :aria-label="t('admin.accountTasks.progressLabel')" :aria-valuenow="progress" aria-valuemin="0" aria-valuemax="100">
+      <div class="h-full bg-primary-500 transition-[width] duration-300" :style="{ width: `${progress}%` }" />
+    </div>
+    <div class="grid grid-cols-3 divide-x divide-line border-y border-line py-3 text-center text-xs">
+      <div><span class="block text-lg font-semibold tabular-nums text-primary-600 dark:text-primary-400">{{ job.succeeded_count }}</span><span class="text-muted">{{ t('admin.accountTasks.statuses.succeeded') }}</span></div>
+      <div><span class="block text-lg font-semibold tabular-nums" :class="job.failed_count ? 'text-red-600 dark:text-red-400' : 'text-ink'">{{ job.failed_count }}</span><span class="text-muted">{{ t('admin.accountTasks.statuses.failed') }}</span></div>
+      <div><span class="block text-lg font-semibold tabular-nums text-ink">{{ job.canceled_count }}</span><span class="text-muted">{{ t('admin.accountTasks.statuses.canceled') }}</span></div>
+    </div>
+    <p v-if="store.connectionLost" role="status" class="border-l-2 border-amber-500 bg-raised px-3 py-2 text-sm text-amber-700 dark:text-amber-300">{{ t('admin.accountTasks.reconnecting') }}</p>
+    <p v-if="error || job.error_message" role="alert" class="text-sm text-red-600 dark:text-red-400">{{ error || job.error_message }}</p>
+
+    <section v-if="duplicateReview" class="space-y-3">
+      <p class="text-sm text-muted">{{ t('admin.accountTasks.duplicate.selectSurvivor') }}</p>
+      <label v-for="account in duplicateReview.accounts" :key="account.account_id" class="flex cursor-pointer items-center gap-3 border border-line p-3 transition-colors hover:bg-raised" :class="survivorID === account.account_id && 'border-primary-500 bg-raised'">
+        <input v-model="survivorID" type="radio" name="duplicate-survivor" :value="account.account_id" :data-test="`duplicate-survivor-${account.account_id}`" />
+        <span class="min-w-0"><span class="block truncate text-sm font-medium text-ink">{{ account.name }}</span><span class="mt-1 block text-xs text-muted">{{ t('admin.accountTasks.duplicate.summary', { id: account.account_id, groups: account.group_count, tags: account.tag_count, score: account.configuration_score }) }}</span></span>
+      </label>
+      <p v-if="confirmMerge" class="text-sm text-red-600">{{ t('admin.accountTasks.duplicate.confirmMerge') }}</p>
+      <button type="button" data-test="duplicate-merge-submit" class="btn btn-danger" :disabled="!survivorID || busy" @click="merge">{{ t(confirmMerge ? 'admin.accountTasks.duplicate.merge' : 'admin.accountTasks.duplicate.reviewMerge') }}</button>
+    </section>
+
+    <section v-else class="space-y-3">
+      <div class="flex items-center justify-between gap-3 border-b border-line">
+        <div class="flex gap-5 text-sm" role="group" :aria-label="t('admin.accountTasks.results')">
+          <button v-for="filter in ['', 'failed']" :key="filter" type="button" class="border-b-2 px-0.5 pb-2 transition-colors" :class="store.itemFilter === filter ? 'border-primary-500 font-medium text-ink' : 'border-transparent text-muted hover:text-ink'" :aria-pressed="store.itemFilter === filter" @click="setFilter(filter)">{{ t(filter ? 'admin.accountTasks.failedOnly' : 'admin.accountTasks.allResults') }}</button>
+        </div>
+        <button class="btn-ghost btn-icon" :disabled="store.loadingCurrent" :aria-label="t('common.refresh')" @click="refresh"><Icon name="refresh" size="sm" /></button>
+      </div>
+      <div class="max-h-[38vh] divide-y divide-line overflow-y-auto" :aria-busy="store.loadingCurrent">
+        <div v-for="item in store.items" :key="item.id" class="py-3 first:pt-0">
+          <div class="flex items-start justify-between gap-3">
+            <div class="min-w-0">
+              <p class="truncate text-sm font-medium text-ink">{{ itemLabel(item) }}</p>
+              <p v-if="item.metadata.model_id" class="mt-1 break-all text-xs text-muted">{{ item.metadata.model_id }}</p>
+            </div>
+            <span class="shrink-0 text-xs" :class="statusClass(item.status)">{{ ticketResult(item)?.code === 'ticket_skipped' ? t('admin.accountTasks.skipped') : statusLabel(item.status) }}</span>
+          </div>
+          <p v-if="item.error_message" class="mt-2 break-words text-xs text-red-600 dark:text-red-400">{{ item.error_message }}</p>
+          <p v-if="ticketResult(item)" class="mt-2 break-words text-xs leading-relaxed text-muted">{{ ticketResultLabel(item) }}</p>
+          <p v-else-if="typeof item.metadata.latency_ms === 'number'" class="mt-1 text-xs tabular-nums text-muted">{{ item.metadata.latency_ms }} ms</p>
+        </div>
+        <p v-if="!store.items.length" class="py-5 text-center text-sm text-muted">{{ t(store.loadingCurrent ? 'common.loading' : store.itemFilter ? 'admin.accountTasks.noFailures' : 'admin.accountTasks.awaitingResults') }}</p>
+      </div>
+      <div v-if="store.itemPage.total > store.itemPage.pageSize" class="flex items-center justify-between text-xs text-muted">
+        <span>{{ store.itemPage.page }} / {{ Math.ceil(store.itemPage.total / store.itemPage.pageSize) }}</span>
+        <div class="flex gap-2"><button class="btn btn-secondary btn-sm" :disabled="store.loadingCurrent || store.itemPage.page <= 1" @click="changePage(-1)">{{ t('admin.accountTasks.previousPage') }}</button><button class="btn btn-secondary btn-sm" :disabled="store.loadingCurrent || store.itemPage.page * store.itemPage.pageSize >= store.itemPage.total" @click="changePage(1)">{{ t('admin.accountTasks.nextPage') }}</button></div>
+      </div>
+    </section>
+    <div class="flex flex-wrap items-center justify-between gap-3 border-t border-line pt-4">
+      <span class="text-xs text-muted">{{ t(terminal ? 'admin.accountTasks.savedInHistory' : 'admin.accountTasks.continuesInBackground') }}</span>
+      <div class="flex gap-2">
+        <button v-if="!terminal" class="btn btn-secondary btn-sm" :disabled="busy || !!job.cancel_requested_at" @click="stop">{{ t(job.cancel_requested_at ? 'admin.accountTasks.stopping' : 'admin.accountTasks.cancel') }}</button>
+        <button v-if="terminal && job.failed_count > 0 && !retryExpired" class="btn btn-secondary btn-sm" :disabled="busy" @click="retry">{{ t('admin.accountTasks.retryFailed') }}</button>
+        <button class="btn btn-primary btn-sm" @click="emit('close')">{{ t(terminal ? 'common.close' : 'admin.accountTasks.minimize') }}</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import Icon from '@/components/icons/Icon.vue'
+import { isTerminalAccountJob, useAccountJobsStore } from '@/stores/accountJobs'
+import { list as listAccounts } from '@/api/admin/accounts'
+import type { AccountJobItem, DuplicateReviewMetadata } from '@/api/admin/accountJobs'
+import type { TicketResult } from '@/api/admin/codexTickets'
+const emit = defineEmits<{ close: [] }>()
+const { t } = useI18n()
+const store = useAccountJobsStore()
+const job = computed(() => store.currentJob)
+const terminal = computed(() => !!job.value && isTerminalAccountJob(job.value))
+const progress = computed(() => job.value?.target_count ? Math.min(100, Math.round(job.value.processed_count / job.value.target_count * 100)) : 0)
+const busy = ref(false), error = ref(''), retryExpired = ref(false), survivorID = ref<number | null>(null), confirmMerge = ref(false)
+const names = ref<Record<number, string>>({})
+let nameVersion = 0
+watch(() => job.value?.id, () => { error.value = ''; retryExpired.value = false; survivorID.value = null; confirmMerge.value = false })
+watch(survivorID, () => { confirmMerge.value = false })
+watch(() => store.items.map(item => item.target_account_id).filter(Boolean).join(','), async ids => {
+  const version = ++nameVersion
+  if (!ids) return
+  try {
+    const page = await listAccounts(1, 100, { account_ids: ids, lite: '1', include_scheduler_score: '0' })
+    if (version === nameVersion) for (const account of page.items) names.value[account.id] = account.name
+  } catch { /* Deleted accounts still have their durable account ID in results. */ }
+}, { immediate: true })
+const duplicateReview = computed<DuplicateReviewMetadata | null>(() => {
+  if (job.value?.kind !== 'account_duplicate_review' || job.value.status !== 'succeeded') return null
+  for (const item of store.items) {
+    const metadata = item.metadata
+    if (item.status !== 'succeeded' || typeof metadata.confirmation_hash !== 'string' || !metadata.confirmation_hash || !Array.isArray(metadata.accounts)) continue
+    const accounts = metadata.accounts
+    if (accounts.length < 2 || accounts.length > 100 || !accounts.every(a => a && Number.isSafeInteger(a.account_id) && a.account_id > 0 && typeof a.name === 'string' && Number.isFinite(a.group_count) && Number.isFinite(a.tag_count) && Number.isFinite(a.configuration_score))) continue
+    return { confirmation_hash: metadata.confirmation_hash, accounts }
+  }
+  return null
+})
+function statusLabel(status: string) { return t(`admin.accountTasks.statuses.${status}`) }
+function statusClass(status: string) {
+  return status === 'failed' ? 'text-red-600 dark:text-red-400' : ['partially_succeeded', 'canceled'].includes(status) ? 'text-amber-600 dark:text-amber-400' : 'text-primary-600 dark:text-primary-400'
+}
+function itemLabel(item: AccountJobItem) { return (typeof item.metadata.name === 'string' && item.metadata.name) || (item.target_account_id && names.value[item.target_account_id]) || (item.target_account_id ? t('admin.accountTasks.account', { id: item.target_account_id }) : t('admin.accountTasks.item', { ordinal: item.ordinal })) }
+function ticketResult(item: AccountJobItem): TicketResult | null { return item.metadata.ticket_result && typeof item.metadata.ticket_result === 'object' ? item.metadata.ticket_result as TicketResult : null }
+function ticketResultLabel(item: AccountJobItem) {
+  const r = ticketResult(item)
+  if (!r) return ''
+  return [r.message, r.http_status ? `HTTP ${r.http_status}` : '', r.observed_length ? `${t('admin.accounts.tickets.length')}: ${r.observed_length}` : '', r.duration_ms ? `${r.duration_ms} ms` : ''].filter(Boolean).join(' · ')
+}
+async function action(callback: () => Promise<unknown>) {
+  if (busy.value) return
+  busy.value = true; error.value = ''
+  try { await callback() }
+  catch (e) {
+    const code = String((e as { code?: string })?.code || '').toLowerCase()
+    retryExpired.value = code.includes('payload_expired')
+    error.value = t(retryExpired.value ? 'admin.accountTasks.retryExpired' : 'admin.accountTasks.actionFailed')
+  } finally { busy.value = false }
+}
+async function stop() { if (job.value) await action(() => store.cancelJob(job.value!.id)) }
+async function retry() { if (job.value) await action(() => store.retryJob(job.value!.id)) }
+async function merge() {
+  if (!duplicateReview.value || !survivorID.value) return
+  if (!confirmMerge.value) { confirmMerge.value = true; return }
+  const review = duplicateReview.value
+  await action(() => store.mergeDuplicates({ survivor_account_id: survivorID.value!, loser_account_ids: review.accounts.map(a => a.account_id).filter(id => id !== survivorID.value), confirmation_hash: review.confirmation_hash }))
+}
+async function setFilter(status: string) { if (job.value) await action(() => store.loadCurrent(job.value!.id, { page: 1, status })) }
+async function changePage(offset: number) { if (job.value) await action(() => store.loadCurrent(job.value!.id, { page: store.itemPage.page + offset })) }
+async function refresh() { if (job.value) await action(() => store.loadCurrent(job.value!.id)) }
+</script>
diff --git a/frontend/src/components/admin/account-jobs/AccountTaskDrawer.vue b/frontend/src/components/admin/account-jobs/AccountTaskDrawer.vue
index 7595a69fe6ec..b45bc4db9057 100644
--- a/frontend/src/components/admin/account-jobs/AccountTaskDrawer.vue
+++ b/frontend/src/components/admin/account-jobs/AccountTaskDrawer.vue
@@ -1,397 +1,80 @@
 <template>
+  <BaseDialog :show="store.drawerOpen" :title="store.currentJob ? t('admin.accountTasks.kinds.' + store.currentJob.kind) : t('admin.accountTasks.details')" width="wide" @close="closeResult">
+    <AccountOperationProgress @close="closeResult" />
+  </BaseDialog>
+  <BaseDialog :show="store.historyOpen" :title="t('admin.accountTasks.title')" width="wide" @close="store.historyOpen = false">
+    <div class="mb-5 flex flex-wrap items-center justify-between gap-3">
+      <p class="text-sm text-muted">{{ t('admin.accountTasks.description') }}</p>
+      <select v-model="historyStatus" class="input !w-auto" :aria-label="t('admin.accountTasks.allStatuses')" @change="loadHistory(1)">
+        <option value="">{{ t('admin.accountTasks.allStatuses') }}</option>
+        <option v-for="status in statuses" :key="status" :value="status">{{ t('admin.accountTasks.statuses.' + status) }}</option>
+      </select>
+    </div>
+    <div class="divide-y divide-line" :aria-busy="store.loadingJobs">
+      <button v-for="operation in store.recentJobs" :key="operation.id" type="button" class="flex w-full items-center justify-between gap-4 py-4 text-left transition-colors hover:bg-raised" @click="store.openJob(operation.id)">
+        <span class="min-w-0">
+          <span class="block text-sm font-medium text-ink">{{ t('admin.accountTasks.kinds.' + operation.kind) }}</span>
+          <span class="mt-1 block text-xs text-muted">{{ formatTime(operation.created_at) }} · {{ t('admin.accountTasks.resultSummary', { succeeded: operation.succeeded_count, failed: operation.failed_count, canceled: operation.canceled_count }) }}</span>
+        </span>
+        <span class="shrink-0 text-xs" :class="operation.failed_count ? 'text-amber-600 dark:text-amber-400' : 'text-primary-600 dark:text-primary-400'">{{ t('admin.accountTasks.statuses.' + operation.status) }}</span>
+      </button>
+      <p v-if="!store.recentJobs.length" class="py-10 text-center text-sm text-muted">{{ t(store.loadingJobs ? 'common.loading' : 'admin.accountTasks.noTasks') }}</p>
+    </div>
+    <template #footer>
+      <span class="mr-auto text-xs text-muted">{{ store.jobPage.page }} / {{ Math.max(1, Math.ceil(store.jobPage.total / store.jobPage.pageSize)) }}</span>
+      <button class="btn btn-secondary btn-sm" :disabled="store.loadingJobs || store.jobPage.page <= 1" @click="loadHistory(store.jobPage.page - 1)">{{ t('admin.accountTasks.previousPage') }}</button>
+      <button class="btn btn-secondary btn-sm" :disabled="store.loadingJobs || store.jobPage.page * store.jobPage.pageSize >= store.jobPage.total" @click="loadHistory(store.jobPage.page + 1)">{{ t('admin.accountTasks.nextPage') }}</button>
+    </template>
+  </BaseDialog>
   <Teleport to="body">
-    <div v-if="store.drawerOpen" class="fixed inset-0 z-50 flex justify-end" @keydown.esc="store.closeDrawer">
-      <button
-        type="button"
-        class="absolute inset-0 bg-black/30"
-        :aria-label="t('common.close')"
-        @click="store.closeDrawer"
-      />
-      <aside
-        role="dialog"
-        aria-modal="true"
-        :aria-label="t('admin.accountTasks.drawerTitle')"
-        class="relative flex h-full w-full max-w-md flex-col border-l border-gray-200 bg-white shadow-outline dark:border-dark-700 dark:bg-dark-900"
-      >
-        <header class="flex items-start justify-between gap-3 border-b border-gray-200 px-4 py-3 dark:border-dark-700">
-          <div class="min-w-0">
-            <h2 class="break-words text-base font-semibold text-gray-900 dark:text-white">
-              {{ t('admin.accountTasks.drawerTitle') }}
-            </h2>
-            <p class="mt-0.5 text-xs text-gray-500 dark:text-dark-300">
-              {{ t('admin.accountTasks.description') }}
-            </p>
-          </div>
-          <button
-            type="button"
-            data-test="task-refresh"
-            class="btn-ghost btn-icon shrink-0"
-            :aria-label="t('common.refresh')"
-            :disabled="store.loadingJobs || store.loadingCurrent"
-            @click="store.refreshDrawer"
-          >
-            <Icon name="refresh" size="sm" />
+    <Transition name="operation-dock">
+      <aside v-if="dockJob && !store.drawerOpen && !store.embeddedOpen" class="fixed bottom-4 right-4 z-40 w-[calc(100%-2rem)] border border-line bg-canvas shadow-outline sm:w-80" :aria-label="t('admin.accountTasks.inProgress')" data-test="operation-dock">
+        <div class="flex items-center gap-3 px-4 py-3">
+          <Icon :name="isTerminalAccountJob(dockJob) ? 'checkCircle' : 'refresh'" size="sm" class="shrink-0 text-primary-600" :class="!isTerminalAccountJob(dockJob) && 'animate-spin'" />
+          <button class="min-w-0 flex-1 text-left" @click="store.openJob(dockJob.id)">
+            <span class="block truncate text-sm font-medium text-ink">{{ t('admin.accountTasks.kinds.' + dockJob.kind) }}</span>
+            <span class="mt-1 block text-xs text-muted" aria-live="polite">{{ store.connectionLost ? t('admin.accountTasks.reconnecting') : t('admin.accountTasks.statuses.' + dockJob.status) }} · {{ dockJob.processed_count }}/{{ dockJob.target_count }}</span>
           </button>
-          <button type="button" class="btn-ghost btn-icon shrink-0" :aria-label="t('common.close')" @click="store.closeDrawer">
-            <Icon name="x" size="sm" />
-          </button>
-        </header>
-
-        <div class="min-h-0 flex-1 overflow-y-auto p-4">
-          <div v-if="store.recentJobs.length" class="space-y-2">
-            <button
-              v-for="job in store.recentJobs.slice(0, 8)"
-              :key="job.id"
-              type="button"
-              class="w-full rounded-none border px-3 py-2 text-left transition-colors"
-              :class="store.currentJob?.id === job.id
-                ? 'border-primary-400 bg-primary-50 dark:border-primary-600 dark:bg-primary-900/20'
-                : 'border-gray-200 hover:bg-gray-50 dark:border-dark-700 dark:hover:bg-dark-800'"
-              :aria-pressed="store.currentJob?.id === job.id"
-              @click="store.openJob(job.id)"
-            >
-              <div class="flex items-center justify-between gap-2">
-                <span class="truncate text-sm font-medium text-gray-900 dark:text-white">{{ kindLabel(job.kind) }}</span>
-                <span class="shrink-0 text-xs text-gray-500 dark:text-dark-300">#{{ job.id }}</span>
-              </div>
-              <div class="mt-1 flex items-center justify-between gap-2 text-xs">
-                <span :class="statusClass(job.status)">{{ statusLabel(job.status) }}</span>
-                <span class="tabular-nums text-gray-500 dark:text-dark-300">{{ job.processed_count }}/{{ job.target_count }}</span>
-              </div>
-            </button>
-          </div>
-          <p v-else class="py-10 text-center text-sm text-gray-500 dark:text-dark-300">
-            {{ t('admin.accountTasks.noTasks') }}
-          </p>
-
-          <section v-if="store.currentJob" class="mt-5 border-t border-gray-200 pt-4 dark:border-dark-700">
-            <div class="flex items-center justify-between gap-3">
-              <h3 class="text-sm font-semibold text-gray-900 dark:text-white">
-                {{ t('admin.accountTasks.details') }} #{{ store.currentJob.id }}
-              </h3>
-              <span class="text-xs" :class="statusClass(store.currentJob.status)">
-                {{ statusLabel(store.currentJob.status) }}
-              </span>
-            </div>
-            <div class="mt-3 h-2 overflow-hidden rounded-full bg-gray-100 dark:bg-dark-700">
-              <div class="h-full bg-primary-500 transition-[width]" :style="{ width: `${progressPercent}%` }" />
-            </div>
-            <div
-              class="sr-only"
-              role="progressbar"
-              :aria-label="t('admin.accountTasks.jobProgress', { id: store.currentJob.id })"
-              aria-valuemin="0"
-              aria-valuemax="100"
-              :aria-valuenow="progressPercent"
-            />
-            <p class="mt-1 text-xs tabular-nums text-gray-500 dark:text-dark-300">
-              {{ t('admin.accountTasks.progress', { processed: store.currentJob.processed_count, total: store.currentJob.target_count }) }}
-            </p>
-            <p class="mt-1 text-xs tabular-nums text-gray-500 dark:text-dark-300" data-test="task-result-summary">
-              {{ t('admin.accountTasks.resultSummary', {
-                succeeded: store.currentJob.succeeded_count,
-                failed: store.currentJob.failed_count,
-                canceled: store.currentJob.canceled_count
-              }) }}
-            </p>
-            <p class="mt-1 text-xs tabular-nums text-gray-500 dark:text-dark-300" data-test="task-progress-metrics">
-              {{ t('admin.accountTasks.progressMetrics', { elapsed: elapsedLabel, rate: rateLabel, eta: etaLabel }) }}
-            </p>
-            <p
-              v-if="store.currentJob.error_message"
-              class="mt-2 break-words text-xs text-red-600 dark:text-red-300"
-            >
-              {{ store.currentJob.error_message }}
-            </p>
-
-            <div class="mt-3 flex flex-wrap gap-2">
-              <button
-                v-if="canCancel"
-                type="button"
-                data-test="task-cancel"
-                class="btn btn-secondary btn-sm"
-                @click="cancelCurrent"
-              >
-                {{ t('admin.accountTasks.cancel') }}
-              </button>
-              <button
-                v-if="canRetry"
-                type="button"
-                data-test="task-retry"
-                class="btn btn-primary btn-sm"
-                @click="retryCurrent"
-              >
-                {{ t('admin.accountTasks.retryFailed') }}
-              </button>
-            </div>
-
-            <div v-if="duplicateReview" class="mt-5 rounded-none border border-gray-200 p-3 dark:border-dark-700">
-              <h4 class="text-sm font-semibold text-gray-900 dark:text-white">
-                {{ t('admin.accountTasks.duplicate.title') }}
-              </h4>
-              <p class="mt-1 text-xs text-gray-500 dark:text-dark-300">
-                {{ t('admin.accountTasks.duplicate.selectSurvivor') }}
-              </p>
-              <div class="mt-3 space-y-2">
-                <label
-                  v-for="account in duplicateReview.accounts"
-                  :key="account.account_id"
-                  class="flex cursor-pointer items-start gap-3 rounded-none border border-gray-200 p-3 dark:border-dark-700"
-                >
-                  <input
-                    v-model="survivorID"
-                    type="radio"
-                    name="duplicate-survivor"
-                    :value="account.account_id"
-                    :data-test="`duplicate-survivor-${account.account_id}`"
-                    class="mt-0.5 h-4 w-4 text-primary-600 dark:text-primary-400"
-                  />
-                  <span class="min-w-0 flex-1">
-                    <span class="block truncate text-sm font-medium text-gray-900 dark:text-white">{{ account.name }}</span>
-                    <span class="mt-1 block text-xs text-gray-500 dark:text-dark-300">
-                      {{ t('admin.accountTasks.duplicate.summary', {
-                        id: account.account_id,
-                        groups: account.group_count,
-                        tags: account.tag_count,
-                        score: account.configuration_score
-                      }) }}
-                    </span>
-                  </span>
-                </label>
-              </div>
-              <button
-                type="button"
-                data-test="duplicate-merge-submit"
-                class="btn btn-danger mt-3 w-full"
-                :disabled="!survivorID || merging"
-                @click="submitDuplicateMerge"
-              >
-                {{ merging ? t('common.saving') : t('admin.accountTasks.duplicate.merge') }}
-              </button>
-            </div>
-
-            <div v-if="store.items.length" class="mt-5">
-              <h4 class="mb-2 text-sm font-semibold text-gray-900 dark:text-white">
-                {{ t('admin.accountTasks.results') }}
-              </h4>
-              <div class="divide-y divide-gray-100 rounded-none border border-gray-200 dark:divide-dark-700 dark:border-dark-700">
-                <div v-for="item in store.items" :key="item.id" class="px-3 py-2 text-xs">
-                  <div class="flex items-center justify-between gap-2">
-                    <span class="text-gray-700 dark:text-dark-200">{{ itemLabel(item) }}</span>
-                    <span :class="statusClass(item.status)">{{ statusLabel(item.status) }}</span>
-                  </div>
-                  <p v-if="item.error_message" class="mt-1 break-words text-red-600 dark:text-red-300">{{ item.error_message }}</p>
-                  <p v-if="['account_batch_test', 'codex_ticket_harvest'].includes(store.currentJob.kind)" class="mt-1 text-gray-500 dark:text-gray-300">
-                    {{ item.metadata.model_id || t('admin.accounts.batchTest.defaultModel') }}
-                    <span v-if="typeof item.metadata.latency_ms === 'number'"> · {{ item.metadata.latency_ms }} ms</span>
-                  </p>
-                  <p v-if="item.metadata.ticket_result" class="mt-1 text-gray-600 dark:text-gray-300">{{ ticketResultLabel(item.metadata.ticket_result) }}</p>
-                </div>
-              </div>
-              <div v-if="store.itemPage.total > store.itemPage.pageSize" class="mt-2 flex justify-end gap-2">
-                <button type="button" class="btn btn-secondary btn-sm" :disabled="store.itemPage.page <= 1" @click="changeItemPage(-1)">
-                  {{ t('admin.accountTasks.previousPage') }}
-                </button>
-                <button type="button" class="btn btn-secondary btn-sm" :disabled="store.itemPage.page * store.itemPage.pageSize >= store.itemPage.total" @click="changeItemPage(1)">
-                  {{ t('admin.accountTasks.nextPage') }}
-                </button>
-              </div>
-            </div>
-          </section>
+          <button v-if="isTerminalAccountJob(dockJob)" class="btn-ghost btn-icon" :aria-label="t('common.close')" @click="store.dismissJob(dockJob.id)"><Icon name="x" size="sm" /></button>
+          <button v-else class="text-xs text-primary-600" @click="store.openJob(dockJob.id)">{{ t('admin.accountTasks.expand') }}</button>
+        </div>
+        <div v-if="store.visibleJobs.length > 1" class="flex items-center justify-between border-t border-line px-4 py-2 text-xs text-muted">
+          <button :aria-label="t('admin.accountTasks.previousOperation')" @click="switchDock(-1)">←</button>
+          <span>{{ dockIndex + 1 }} / {{ store.visibleJobs.length }}</span>
+          <button :aria-label="t('admin.accountTasks.nextOperation')" @click="switchDock(1)">→</button>
         </div>
-
-        <footer class="border-t border-gray-200 p-3 dark:border-dark-700">
-          <RouterLink to="/admin/tasks" class="btn btn-secondary w-full" @click="store.closeDrawer">
-            {{ t('admin.accountTasks.viewAll') }}
-          </RouterLink>
-        </footer>
+        <div class="h-0.5 bg-surface"><div class="h-full bg-primary-500 transition-[width]" :style="{ width: (dockJob.target_count ? Math.min(100, dockJob.processed_count / dockJob.target_count * 100) : 0) + '%' }" /></div>
       </aside>
-    </div>
+    </Transition>
   </Teleport>
 </template>
-
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
+import BaseDialog from '@/components/common/BaseDialog.vue'
 import Icon from '@/components/icons/Icon.vue'
+import AccountOperationProgress from './AccountOperationProgress.vue'
 import { isTerminalAccountJob, useAccountJobsStore } from '@/stores/accountJobs'
 import { useAppStore } from '@/stores/app'
-import type {
-  AccountJobItem,
-  AccountJobStatus,
-  DuplicateReviewAccount,
-  DuplicateReviewMetadata,
-} from '@/api/admin/accountJobs'
-
 const { t } = useI18n()
 const store = useAccountJobsStore()
-const appStore = useAppStore()
-const survivorID = ref<number | null>(null)
-const merging = ref(false)
-
-function safeDuplicateReview(item: AccountJobItem): DuplicateReviewMetadata | null {
-  if (item.status !== 'succeeded' || !item.metadata || typeof item.metadata !== 'object') return null
-  const hash = item.metadata.confirmation_hash
-  const rawAccounts = item.metadata.accounts
-  if (typeof hash !== 'string' || hash.length === 0 || !Array.isArray(rawAccounts)) return null
-  const accounts: DuplicateReviewAccount[] = []
-  for (const candidate of rawAccounts) {
-    if (!candidate || typeof candidate !== 'object') return null
-    const value = candidate as Record<string, unknown>
-    if (
-      !Number.isInteger(value.account_id)
-      || Number(value.account_id) <= 0
-      || typeof value.name !== 'string'
-      || !Number.isFinite(value.group_count)
-      || !Number.isFinite(value.tag_count)
-      || !Number.isFinite(value.configuration_score)
-    ) return null
-    accounts.push({
-      account_id: Number(value.account_id),
-      name: value.name,
-      group_count: Number(value.group_count),
-      tag_count: Number(value.tag_count),
-      configuration_score: Number(value.configuration_score),
-    })
-  }
-  if (accounts.length < 2 || accounts.length > 100) return null
-  return { confirmation_hash: hash, accounts }
-}
-
-const duplicateReview = computed(() => {
-  if (store.currentJob?.kind !== 'account_duplicate_review' || store.currentJob.status !== 'succeeded') return null
-  for (const item of store.items) {
-    const result = safeDuplicateReview(item)
-    if (result) return result
-  }
-  return null
-})
-
-watch(() => store.currentJob?.id, () => {
-  survivorID.value = null
-})
-
-const progressPercent = computed(() => {
-  const job = store.currentJob
-  if (!job || job.target_count <= 0) return 0
-  return Math.min(100, Math.round((job.processed_count / job.target_count) * 100))
-})
-const elapsedSeconds = computed(() => {
-  const job = store.currentJob
-  if (!job) return 0
-  const started = new Date(job.started_at || job.created_at).getTime()
-  // Metrics describe the last explicitly refreshed snapshot, not a stale live estimate.
-  const finished = new Date(job.finished_at || job.updated_at).getTime()
-  if (!Number.isFinite(started) || !Number.isFinite(finished) || finished <= started) return 0
-  return Math.max(0, Math.floor((finished - started) / 1_000))
-})
-const formatDuration = (seconds: number): string => {
-  if (!Number.isFinite(seconds) || seconds <= 0) return '0s'
-  const whole = Math.max(0, Math.round(seconds))
-  const hours = Math.floor(whole / 3_600)
-  const minutes = Math.floor((whole % 3_600) / 60)
-  const remaining = whole % 60
-  if (hours > 0) return `${hours}h ${minutes}m`
-  if (minutes > 0) return `${minutes}m ${remaining}s`
-  return `${remaining}s`
-}
-const processingRate = computed(() => {
-  const job = store.currentJob
-  if (!job || elapsedSeconds.value <= 0 || job.processed_count <= 0) return 0
-  return job.processed_count / elapsedSeconds.value
-})
-const elapsedLabel = computed(() => formatDuration(elapsedSeconds.value))
-const rateLabel = computed(() => processingRate.value > 0 ? processingRate.value.toFixed(1) : '0.0')
-const etaLabel = computed(() => {
-  const job = store.currentJob
-  if (!job || isTerminalAccountJob(job)) return t('admin.accountTasks.etaDone')
-  const remaining = Math.max(0, job.target_count - job.processed_count)
-  if (remaining === 0) return '0s'
-  if (processingRate.value <= 0) return '--'
-  return formatDuration(remaining / processingRate.value)
-})
-const canCancel = computed(() => {
-  const job = store.currentJob
-  return Boolean(job && (job.status === 'pending' || job.status === 'running') && !job.cancel_requested_at)
-})
-const canRetry = computed(() => {
-  const job = store.currentJob
-  return Boolean(job && job.failed_count > 0 && (job.status === 'failed' || job.status === 'partially_succeeded'))
-})
-
-function kindLabel(kind: string): string {
-  const key = `admin.accountTasks.kinds.${kind}`
-  return String(t(key))
-}
-
-function ticketResultLabel(value: unknown): string {
-  if (!value || typeof value !== 'object') return ''
-  const result = value as { stage?: string; message?: string; http_status?: number; observed_length?: number; duration_ms?: number }
-  return [result.stage ? t('admin.accounts.tickets.stages.' + result.stage) : '', result.message, result.http_status ? 'HTTP ' + result.http_status : '', result.observed_length ? t('admin.accounts.tickets.length') + ': ' + result.observed_length : '', result.duration_ms ? result.duration_ms + ' ms' : ''].filter(Boolean).join(' · ')
-}
-
-function statusLabel(status: AccountJobStatus | AccountJobItem['status']): string {
-  return String(t(`admin.accountTasks.statuses.${status}`))
-}
-
-function statusClass(status: AccountJobStatus | AccountJobItem['status']): string {
-  if (status === 'succeeded') return 'text-emerald-600 dark:text-emerald-300'
-  if (status === 'failed') return 'text-red-600 dark:text-red-300'
-  if (status === 'partially_succeeded' || status === 'canceled') return 'text-amber-600 dark:text-amber-300'
-  return 'text-primary-600 dark:text-primary-300'
-}
-
-function itemLabel(item: AccountJobItem): string {
-  if (item.target_account_id) return String(t('admin.accountTasks.account', { id: item.target_account_id }))
-  return String(t('admin.accountTasks.item', { ordinal: item.ordinal }))
-}
-
-async function cancelCurrent(): Promise<void> {
-  if (!store.currentJob) return
-  try {
-    await store.cancelJob(store.currentJob.id)
-  } catch {
-    appStore.showError(t('admin.accountTasks.actionFailed'))
-  }
-}
-
-async function retryCurrent(): Promise<void> {
-  if (!store.currentJob) return
-  try {
-    await store.retryJob(store.currentJob.id)
-  } catch {
-    appStore.showError(t('admin.accountTasks.actionFailed'))
-  }
-}
-
-async function submitDuplicateMerge(): Promise<void> {
-  const review = duplicateReview.value
-  if (!review || !survivorID.value || merging.value) return
-  merging.value = true
-  try {
-    await store.mergeDuplicates({
-      survivor_account_id: survivorID.value,
-      loser_account_ids: review.accounts
-        .map((account) => account.account_id)
-        .filter((accountID) => accountID !== survivorID.value),
-      confirmation_hash: review.confirmation_hash,
-    })
-  } catch {
-    appStore.showError(t('admin.accountTasks.duplicate.mergeFailed'))
-  } finally {
-    merging.value = false
-  }
+const dockIndex = ref(0), historyStatus = ref('')
+const statuses = ['pending', 'running', 'succeeded', 'partially_succeeded', 'failed', 'canceled']
+const dockJob = computed(() => store.visibleJobs[dockIndex.value] ?? store.visibleJobs[0])
+watch(() => store.visibleJobs.length, count => { dockIndex.value = Math.min(dockIndex.value, Math.max(0, count - 1)) })
+watch(() => store.historyOpen, open => { if (open) historyStatus.value = '' })
+function switchDock(offset: number) { dockIndex.value = (dockIndex.value + offset + store.visibleJobs.length) % store.visibleJobs.length }
+function closeResult() {
+  if (store.currentJob && isTerminalAccountJob(store.currentJob)) store.dismissJob(store.currentJob.id)
+  else store.closeDrawer()
 }
-
-async function changeItemPage(offset: number): Promise<void> {
-  if (!store.currentJob) return
-  try {
-    await store.loadCurrent(store.currentJob.id, {
-      page: store.itemPage.page + offset,
-      page_size: store.itemPage.pageSize,
-    })
-  } catch {
-    appStore.showError(t('admin.accountTasks.loadFailed'))
-  }
+function formatTime(value: string) { const d = new Date(value); return Number.isNaN(d.getTime()) ? '—' : d.toLocaleString() }
+async function loadHistory(page: number) {
+  try { await store.loadRecent({ page, status: historyStatus.value }) }
+  catch { useAppStore().showError(t('admin.accountTasks.loadFailed')) }
 }
 </script>
+<style scoped>
+.operation-dock-enter-active, .operation-dock-leave-active { transition: opacity .18s ease, transform .18s ease; }
+.operation-dock-enter-from, .operation-dock-leave-to { opacity: 0; transform: translateY(8px); }
+</style>
diff --git a/frontend/src/components/admin/account-jobs/__tests__/AccountTaskDrawer.spec.ts b/frontend/src/components/admin/account-jobs/__tests__/AccountTaskDrawer.spec.ts
index 176a260ff8d3..a738890bf76c 100644
--- a/frontend/src/components/admin/account-jobs/__tests__/AccountTaskDrawer.spec.ts
+++ b/frontend/src/components/admin/account-jobs/__tests__/AccountTaskDrawer.spec.ts
@@ -1,175 +1,83 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-import { flushPromises, mount } from '@vue/test-utils'
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
 import { createPinia, setActivePinia } from 'pinia'
-
-const api = vi.hoisted(() => ({
-  list: vi.fn(),
-  get: vi.fn(),
-  listItems: vi.fn(),
-  cancel: vi.fn(),
-  retryFailed: vi.fn(),
-  reviewDuplicates: vi.fn(),
-  mergeDuplicates: vi.fn(),
-}))
-
+const api = vi.hoisted(() => ({ list: vi.fn(), get: vi.fn(), listItems: vi.fn(), cancel: vi.fn(), retryFailed: vi.fn(), mergeDuplicates: vi.fn() }))
 vi.mock('@/api/admin/accountJobs', () => ({ default: api }))
-vi.mock('vue-i18n', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('vue-i18n')>()
-  return {
-    ...actual,
-    useI18n: () => ({ t: (key: string) => key }),
-  }
-})
-
+vi.mock('@/api/admin/accounts', () => ({ list: vi.fn().mockResolvedValue({ items: [] }) }))
+vi.mock('vue-i18n', async () => ({ ...await vi.importActual<typeof import('vue-i18n')>('vue-i18n'), useI18n: () => ({ t: (key: string) => key }) }))
 import AccountTaskDrawer from '../AccountTaskDrawer.vue'
+import AccountOperationDialog from '../AccountOperationDialog.vue'
 import { useAccountJobsStore } from '@/stores/accountJobs'
 import type { AccountJob } from '@/api/admin/accountJobs'
-
-const reviewJob: AccountJob = {
-  id: 51,
-  created_by: 1,
-  kind: 'account_duplicate_review',
-  status: 'succeeded',
-  metadata: { internal_marker: 'MustNotRender' },
-  target_count: 2,
-  processed_count: 2,
-  succeeded_count: 2,
-  failed_count: 0,
-  canceled_count: 0,
-  attempt: 1,
-  created_at: '2026-08-21T00:00:00Z',
-  updated_at: '2026-08-21T00:01:00Z',
-}
-
-describe('AccountTaskDrawer', () => {
+const base: AccountJob = { id: 51, created_by: 1, kind: 'account_batch_refresh', status: 'running', metadata: { secret: 'MustNotRender' }, target_count: 2, processed_count: 1, succeeded_count: 1, failed_count: 0, canceled_count: 0, attempt: 1, created_at: '2026-08-21T00:00:00Z', updated_at: '2026-08-21T00:01:00Z' }
+let wrappers: VueWrapper[]
+const options = { global: { stubs: { Teleport: true, Icon: true } } }
+function button(wrapper: VueWrapper, label: string) { return wrapper.findAll('button').find(b => b.text().endsWith(label))! }
+describe('account operation presentation', () => {
   beforeEach(() => {
-    setActivePinia(createPinia())
-    vi.clearAllMocks()
-    api.mergeDuplicates.mockResolvedValue({
-      ...reviewJob,
-      id: 52,
-      kind: 'account_duplicate_merge',
-      status: 'pending',
-      processed_count: 0,
-      succeeded_count: 0,
-    })
-  })
-
-  afterEach(() => {
-    vi.useRealTimers()
+    setActivePinia(createPinia()); vi.resetAllMocks(); vi.useFakeTimers(); wrappers = []
+    api.get.mockImplementation(async () => ({ ...useAccountJobsStore().currentJob }))
+    api.list.mockResolvedValue({ items: [], total: 0, page: 1, page_size: 20 })
+    api.listItems.mockImplementation(async () => ({ items: [...useAccountJobsStore().items], total: useAccountJobsStore().items.length, page: 1, page_size: 20 }))
   })
-
-  it('refreshes active tasks automatically and stops after completion', async () => {
-    vi.useFakeTimers()
-    const store = useAccountJobsStore()
-    const runningJob = { ...reviewJob, status: 'running' as const, processed_count: 1 }
-    api.list.mockResolvedValue({ items: [runningJob], total: 1, page: 1, page_size: 20 })
-    api.get.mockResolvedValue(runningJob)
-    api.listItems.mockResolvedValue({ items: [], total: 0, page: 1, page_size: 20 })
-    store.track(runningJob)
-    const wrapper = mount(AccountTaskDrawer, {
-      global: { stubs: { Teleport: true, RouterLink: true, Icon: true } },
-    })
-
-    await vi.advanceTimersByTimeAsync(3_000)
+  afterEach(() => { wrappers.forEach(w => w.unmount()); useAccountJobsStore().clear(); vi.useRealTimers() })
+  it('keeps execution in the original window and minimizes without canceling', async () => {
+    const wrapper = mount(AccountOperationDialog, { ...options, props: { show: true, title: 'Refresh', job: base } }); wrappers.push(wrapper)
     await flushPromises()
-    expect(api.list.mock.calls.length).toBeGreaterThanOrEqual(1)
-    expect(api.get.mock.calls.length).toBeGreaterThanOrEqual(1)
-    expect(api.listItems.mock.calls.length).toBeGreaterThanOrEqual(1)
-
-    api.list.mockResolvedValue({
-      items: [{ ...runningJob, status: 'succeeded', processed_count: 2 }],
-      total: 1,
-      page: 1,
-      page_size: 20,
-    })
-    api.get.mockResolvedValue({ ...runningJob, status: 'succeeded', processed_count: 2 })
-    const listCallsBeforeCompletion = api.list.mock.calls.length
-    await vi.advanceTimersByTimeAsync(3_000)
-    await flushPromises()
-    const listCallsAfterCompletion = api.list.mock.calls.length
-    await vi.advanceTimersByTimeAsync(6_000)
-    expect(api.list.mock.calls.length).toBe(listCallsAfterCompletion)
-    expect(listCallsAfterCompletion).toBeGreaterThan(listCallsBeforeCompletion)
-
-    await wrapper.get('[data-test="task-refresh"]').trigger('click')
+    const store = useAccountJobsStore()
+    expect(store.embeddedOpen).toBe(true)
+    expect(store.drawerOpen).toBe(false)
+    expect(wrapper.get('[role="progressbar"]').attributes('aria-valuenow')).toBe('50')
+    await button(wrapper, '.minimize').trigger('click')
+    expect(wrapper.emitted('close')).toHaveLength(1)
+    expect(api.cancel).not.toHaveBeenCalled()
+    await wrapper.setProps({ show: false })
+    const host = mount(AccountTaskDrawer, options); wrappers.push(host)
+    expect(host.find('[data-test="operation-dock"]').exists()).toBe(true)
+    api.get.mockResolvedValue({ ...base, status: 'succeeded', processed_count: 2, succeeded_count: 2 })
+    await vi.advanceTimersByTimeAsync(3000)
+    expect(store.activeCount).toBe(0)
+    expect(store.drawerOpen).toBe(false)
+    expect(host.text()).toContain('statuses.succeeded')
+  })
+  it('shows stopping until the server confirms a terminal result and retries only failures', async () => {
+    const store = useAccountJobsStore(); store.track(base)
+    const wrapper = mount(AccountTaskDrawer, options); wrappers.push(wrapper); await flushPromises()
+    api.cancel.mockResolvedValue({ ...base, cancel_requested_at: '2026-08-21T00:02:00Z' })
+    await button(wrapper, '.cancel').trigger('click'); await flushPromises()
+    expect(button(wrapper, '.stopping').attributes('disabled')).toBeDefined()
+    expect(button(wrapper, '.retryFailed')).toBeUndefined()
+    store.currentJob = { ...base, status: 'partially_succeeded', processed_count: 2, failed_count: 1 }
+    await store.loadCurrent(base.id)
     await flushPromises()
-    expect(api.list.mock.calls.length).toBeGreaterThan(listCallsAfterCompletion)
-    wrapper.unmount()
+    expect(api.listItems.mock.calls.at(-1)?.[1].status).toBe('failed')
+    api.retryFailed.mockResolvedValue({ ...base, id: 52, status: 'pending', target_count: 1, processed_count: 0, retry_of_job_id: 51 })
+    await button(wrapper, '.retryFailed').trigger('click'); await flushPromises()
+    expect(api.retryFailed).toHaveBeenCalledWith(51)
+    expect(store.currentJob?.id).toBe(52)
   })
-
-  it('uses only safe duplicate review metadata to submit a confirmed merge', async () => {
+  it('validates safe duplicate metadata and requires explicit merge confirmation', async () => {
     const store = useAccountJobsStore()
-    store.track(reviewJob)
-    store.items = [{
-      id: 101,
-      job_id: 51,
-      ordinal: 1,
-      action: 'review',
-      status: 'succeeded',
-      metadata: {
-        confirmation_hash: 'opaque-confirmation-token',
-        accounts: [
-          { account_id: 7, name: 'Keep me', group_count: 2, tag_count: 1, configuration_score: 9 },
-          { account_id: 8, name: 'Merge me', group_count: 1, tag_count: 0, configuration_score: 4 },
-        ],
-        api_key: 'MustNotRender',
-        confirmation_fingerprint: 'MustNotRender',
-      },
-      created_at: '2026-08-21T00:00:00Z',
-      updated_at: '2026-08-21T00:01:00Z',
-    }]
-
-    const wrapper = mount(AccountTaskDrawer, {
-      global: {
-        stubs: {
-          Teleport: true,
-          RouterLink: { template: '<a><slot /></a>' },
-          Icon: true,
-        },
-      },
-    })
-
+    store.track({ ...base, kind: 'account_duplicate_review', status: 'succeeded', processed_count: 2 })
+    store.items = [{ id: 101, job_id: 51, ordinal: 1, status: 'succeeded', metadata: { confirmation_hash: 'opaque-confirmation-token', api_key: 'MustNotRender', accounts: [{ account_id: 7, name: 'Keep me', group_count: 2, tag_count: 1, configuration_score: 9 }, { account_id: 8, name: 'Merge me', group_count: 1, tag_count: 0, configuration_score: 4 }] }, created_at: base.created_at, updated_at: base.updated_at }]
+    const wrapper = mount(AccountTaskDrawer, options); wrappers.push(wrapper); await flushPromises()
     expect(wrapper.text()).toContain('Keep me')
-    expect(wrapper.text()).toContain('Merge me')
     expect(wrapper.text()).not.toContain('MustNotRender')
-    expect(wrapper.html()).not.toContain('confirmation_fingerprint')
-
     await wrapper.get('[data-test="duplicate-survivor-7"]').setValue(true)
     await wrapper.get('[data-test="duplicate-merge-submit"]').trigger('click')
-    await flushPromises()
-
-    expect(api.mergeDuplicates).toHaveBeenCalledWith({
-      survivor_account_id: 7,
-      loser_account_ids: [8],
-      confirmation_hash: 'opaque-confirmation-token',
-    })
+    expect(api.mergeDuplicates).not.toHaveBeenCalled()
+    api.mergeDuplicates.mockResolvedValue({ ...base, id: 52, kind: 'account_duplicate_merge', status: 'pending' })
+    await wrapper.get('[data-test="duplicate-merge-submit"]').trigger('click'); await flushPromises()
+    expect(api.mergeDuplicates).toHaveBeenCalledWith({ survivor_account_id: 7, loser_account_ids: [8], confirmation_hash: 'opaque-confirmation-token' })
     expect(store.currentJob?.id).toBe(52)
   })
-
-  it('shows progress and permits cancel or retry only in matching states', async () => {
-    const store = useAccountJobsStore()
-    store.track({ ...reviewJob, status: 'running', processed_count: 1 })
-    api.cancel.mockResolvedValue({ ...reviewJob, status: 'running', cancel_requested_at: '2026-08-21T00:02:00Z' })
-    const wrapper = mount(AccountTaskDrawer, {
-      global: { stubs: { Teleport: true, RouterLink: true, Icon: true } },
-    })
-
-    expect(wrapper.get('[role="progressbar"]').attributes('aria-valuenow')).toBe('50')
-    expect(wrapper.get('[data-test="task-result-summary"]').text()).toContain('admin.accountTasks.resultSummary')
-    expect(wrapper.get('[data-test="task-progress-metrics"]').text()).toContain('admin.accountTasks.progressMetrics')
-    expect(wrapper.find('[data-test="task-cancel"]').exists()).toBe(true)
-    expect(wrapper.find('[data-test="task-retry"]').exists()).toBe(false)
-
-    store.currentJob = {
-      ...reviewJob,
-      status: 'failed',
-      failed_count: 2,
-      error_message: 'redacted task failure',
-    }
-    await wrapper.vm.$nextTick()
-    expect(wrapper.find('[data-test="task-cancel"]').exists()).toBe(false)
-    expect(wrapper.find('[data-test="task-retry"]').exists()).toBe(true)
-    expect(wrapper.text()).toContain('redacted task failure')
+  it('keeps expired retry failures actionable without claiming success', async () => {
+    const store = useAccountJobsStore(); store.track({ ...base, status: 'failed', failed_count: 2 })
+    const wrapper = mount(AccountTaskDrawer, options); wrappers.push(wrapper); await flushPromises()
+    api.retryFailed.mockRejectedValue({ code: 'ACCOUNT_JOB_PAYLOAD_EXPIRED' })
+    await button(wrapper, '.retryFailed').trigger('click'); await flushPromises()
+    expect(wrapper.text()).toContain('accountTasks.retryExpired')
+    expect(button(wrapper, '.retryFailed')).toBeUndefined()
+    expect(store.currentJob?.status).toBe('failed')
   })
 })
diff --git a/frontend/src/components/admin/account/AccountActionMenu.vue b/frontend/src/components/admin/account/AccountActionMenu.vue
index 408f9e32fad4..c359725e65cf 100644
--- a/frontend/src/components/admin/account/AccountActionMenu.vue
+++ b/frontend/src/components/admin/account/AccountActionMenu.vue
@@ -9,9 +9,10 @@
         :style="menuStyle"
         @click.stop
       >
-        <div class="py-1">
+        <p v-if="busy" role="status" class="border-b border-line px-4 py-2 text-xs text-muted">{{ t('common.processing') }}</p>
+        <fieldset :disabled="busy" class="py-1 disabled:opacity-60">
           <template v-if="account">
-            <button @click="$emit('harvest-tickets', account); $emit('close')" class="flex w-full items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-dark-700">{{ t('admin.accounts.tickets.title') }}</button>
+            <button v-if="canManageCodexTickets(account)" data-test="ticket-harvest" @click="$emit('harvest-tickets', account); $emit('close')" class="flex w-full items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-dark-700"><Icon name="shield" size="sm" class="text-primary-600" />{{ t('admin.accounts.tickets.title') }}</button>
             <button @click="$emit('test', account); $emit('close')" class="flex w-full items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-dark-700">
               <Icon name="play" size="sm" class="text-green-500" :stroke-width="2" />
               {{ t('admin.accounts.testConnection') }}
@@ -61,7 +62,7 @@
               {{ t('admin.accounts.resetQuota') }}
             </button>
           </template>
-        </div>
+        </fieldset>
       </div>
     </div>
   </Teleport>
@@ -73,8 +74,9 @@ import { useResizeObserver, useWindowSize } from '@vueuse/core'
 import { useI18n } from 'vue-i18n'
 import { Icon } from '@/components/icons'
 import type { Account } from '@/types'
+import { canManageCodexTickets } from '@/utils/codexTicketEligibility'
 
-const props = defineProps<{ show: boolean; account: Account | null; anchorRect: DOMRect | null }>()
+const props = defineProps<{ show: boolean; account: Account | null; anchorRect: DOMRect | null; busy?: boolean }>()
 const emit = defineEmits(['harvest-tickets', 'close', 'test', 'stats', 'schedule', 'duplicate', 'reauth', 'refresh-token', 'recover-state', 'recover-cindy-balance', 'reset-quota', 'set-privacy', 'create-spark-shadow'])
 const { t } = useI18n()
 const menuRef = ref<HTMLElement | null>(null)
diff --git a/frontend/src/components/admin/account/AccountBulkActionsBar.vue b/frontend/src/components/admin/account/AccountBulkActionsBar.vue
index 21333b03e900..018fb6682ddc 100644
--- a/frontend/src/components/admin/account/AccountBulkActionsBar.vue
+++ b/frontend/src/components/admin/account/AccountBulkActionsBar.vue
@@ -46,7 +46,7 @@
       <template v-if="selectedIds.length > 0">
         <button @click="$emit('delete')" class="btn btn-danger btn-sm">{{ t('admin.accounts.bulkActions.delete') }}</button>
         <button data-test="batch-test" @click="$emit('test')" class="btn btn-secondary btn-sm">{{ t('admin.accounts.batchTest.title') }}</button>
-        <button data-test="batch-ticket" :disabled="selectedIds.length > 100" @click="$emit('harvest-tickets')" class="btn btn-secondary btn-sm">{{ t('admin.accounts.tickets.title') }}</button>
+        <button v-if="canHarvestTickets" data-test="batch-ticket" :disabled="selectedIds.length > 100" :title="selectedIds.length > 100 ? t('admin.accounts.tickets.limit') : undefined" @click="$emit('harvest-tickets')" class="btn btn-secondary btn-sm">{{ t('admin.accounts.tickets.title') }}</button>
         <button @click="$emit('reset-status')" class="btn btn-secondary btn-sm">{{ t('admin.accounts.bulkActions.resetStatus') }}</button>
         <button @click="$emit('refresh-token')" class="btn btn-secondary btn-sm">{{ t('admin.accounts.bulkActions.refreshToken') }}</button>
         <button data-test="refresh-tier" @click="$emit('refresh-tier')" class="btn btn-secondary btn-sm">{{ t('admin.accounts.bulkActions.refreshTier') }}</button>
@@ -83,6 +83,7 @@ defineProps<{
   totalResults: number
   selectingAll: boolean
   allResultsSelected: boolean
+  canHarvestTickets?: boolean
 }>()
 
 defineEmits([
diff --git a/frontend/src/components/admin/account/AccountBulkTaxonomyModal.vue b/frontend/src/components/admin/account/AccountBulkTaxonomyModal.vue
index 40271e7c1c53..e0ff2522b437 100644
--- a/frontend/src/components/admin/account/AccountBulkTaxonomyModal.vue
+++ b/frontend/src/components/admin/account/AccountBulkTaxonomyModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseDialog
+  <AccountOperationDialog :job="operationJob"
     :show="show"
     :title="t('admin.accounts.bulkTaxonomy.title')"
     width="wide"
@@ -50,7 +50,7 @@
         {{ saving ? t('common.saving') : t('admin.accounts.bulkTaxonomy.submit') }}
       </button>
     </template>
-  </BaseDialog>
+  </AccountOperationDialog>
 </template>
 
 <script setup lang="ts">
@@ -60,7 +60,7 @@ import { adminAPI } from '@/api/admin'
 import type { AccountListFilters } from '@/api/admin/accounts'
 import type { AccountJob } from '@/api/admin/accountJobs'
 import { useAppStore } from '@/stores/app'
-import BaseDialog from '@/components/common/BaseDialog.vue'
+import AccountOperationDialog from '@/components/admin/account-jobs/AccountOperationDialog.vue'
 import type { AccountBulkTaxonomyRequest, AccountManagementFolder, AccountManagementTag } from '@/types'
 
 export type AccountBulkTaxonomyTarget =
@@ -79,6 +79,8 @@ const emit = defineEmits<{
   stale: []
 }>()
 const { t } = useI18n()
+const operationJob = ref<AccountJob | null>(null)
+watch(() => props.show, show => { if (show) operationJob.value = null })
 const appStore = useAppStore()
 const folderAction = ref<'' | 'set' | 'clear'>('')
 const folderID = ref('')
@@ -141,6 +143,7 @@ const submit = async () => {
   saving.value = true
   try {
     const job = await adminAPI.accounts.bulkUpdateTaxonomy(payload)
+    operationJob.value = job
     emit('updated', job)
   } catch (error: any) {
     if (error?.response?.status === 409) {
diff --git a/frontend/src/components/admin/account/BatchTestAccountModal.vue b/frontend/src/components/admin/account/BatchTestAccountModal.vue
index d8aed926136b..c830381bfcfe 100644
--- a/frontend/src/components/admin/account/BatchTestAccountModal.vue
+++ b/frontend/src/components/admin/account/BatchTestAccountModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseDialog :show="show" :title="t('admin.accounts.batchTest.title')" width="wide" @close="emit('close')">
+  <AccountOperationDialog :job="operationJob" :show="show" :title="t('admin.accounts.batchTest.title')" width="wide" @close="emit('close')">
     <form id="batch-test-accounts" @submit.prevent="submit">
       <p class="mb-4 text-sm text-gray-600 dark:text-gray-300">{{ t('admin.accounts.batchTest.description', { count: rows.length }) }}</p>
       <p v-if="applicationResult" class="mb-3 text-sm text-blue-600" role="status">{{ applicationResult }}</p>
@@ -33,13 +33,13 @@
       <button type="button" class="btn btn-secondary" :disabled="busy" @click="emit('close')">{{ t('common.cancel') }}</button>
       <button type="submit" form="batch-test-accounts" class="btn btn-primary" :disabled="busy || !ready">{{ t(busy ? 'common.submitting' : 'admin.accounts.batchTest.start') }}</button>
     </template>
-  </BaseDialog>
+  </AccountOperationDialog>
 </template>
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import BaseDialog from '@/components/common/BaseDialog.vue'
+import AccountOperationDialog from '@/components/admin/account-jobs/AccountOperationDialog.vue'
 import AccountTestModelSelect from './AccountTestModelSelect.vue'
 import accountJobsAPI, { type AccountJob, type BatchTestModelRow } from '@/api/admin/accountJobs'
 import { prepareAccountTestModels, accountTestModelsForMode, defaultAccountTestModel } from '@/utils/accountTestModels'
@@ -50,6 +50,8 @@ import { useAccountTestPrompt } from '@/composables/useAccountTestPrompt'
 const props = defineProps<{ show: boolean; accountIds: number[] }>()
 const emit = defineEmits<{ close: []; submitted: [job: AccountJob] }>()
 const { t } = useI18n()
+const operationJob = ref<AccountJob | null>(null)
+watch(() => props.show, show => { if (show) operationJob.value = null })
 const { prompt, valid: promptValid } = useAccountTestPrompt()
 type Row = BatchTestModelRow & { model: string; loading: boolean }
 const rows = ref<Row[]>([])
@@ -114,8 +116,8 @@ async function submit() {
   const items = rows.value.map(row => ({ account_id: row.account_id, model_id: row.model }))
   busy.value = true
   try {
-    emit('submitted', await accountJobsAPI.batchTest(items, prompt.value))
-    emit('close')
+    operationJob.value = await accountJobsAPI.batchTest(items, prompt.value)
+    emit('submitted', operationJob.value)
   } catch { useAppStore().showError(t('admin.accounts.batchTest.submitFailed')) }
   finally { busy.value = false }
 }
diff --git a/frontend/src/components/admin/account/CodexTicketHarvestModal.vue b/frontend/src/components/admin/account/CodexTicketHarvestModal.vue
index 72461c0db248..77e177056cb3 100644
--- a/frontend/src/components/admin/account/CodexTicketHarvestModal.vue
+++ b/frontend/src/components/admin/account/CodexTicketHarvestModal.vue
@@ -1,33 +1,54 @@
 <template>
-  <BaseDialog :show="show" :title="t('admin.accounts.tickets.title')" width="wide" @close="emit('close')">
-    <p class="mb-3 text-sm text-gray-500">{{ t('admin.accounts.tickets.description') }}</p>
-    <p v-if="!enabled" class="mb-3 text-amber-600">{{ t('admin.accounts.tickets.disabled') }}</p>
-    <div class="mb-3 flex gap-4">
-      <label v-for="model in models" :key="model"><input v-model="selected" type="checkbox" :value="model" :disabled="busy" /> {{ model }}</label>
+  <AccountOperationDialog :show="show" :job="operationJob" :title="t('admin.accounts.tickets.title')" width="wide" @close="emit('close')">
+    <div class="space-y-5">
+      <p class="text-sm leading-relaxed text-muted">{{ t('admin.accounts.tickets.description') }}</p>
+      <p v-if="!enabled && !loading" class="border-l-2 border-amber-500 bg-raised px-3 py-2 text-sm text-amber-700 dark:text-amber-300">{{ t('admin.accounts.tickets.disabled') }}</p>
+      <div class="grid gap-2 sm:grid-cols-2">
+        <label v-for="model in models" :key="model" class="flex cursor-pointer items-center gap-3 border p-3 transition-colors" :class="selected.includes(model) ? 'border-primary-500 bg-raised' : 'border-line'">
+          <input v-model="selected" type="checkbox" :value="model" :disabled="busy" class="h-4 w-4 accent-primary-600" />
+          <span class="text-sm font-medium text-ink">{{ model }}</span>
+        </label>
+      </div>
+      <label class="flex items-center gap-2 text-xs text-muted"><input v-model="force" type="checkbox" :disabled="busy" />{{ t('admin.accounts.tickets.force') }}</label>
+      <div class="max-h-[42vh] space-y-4 overflow-y-auto">
+        <section v-for="row in rows" :key="row.id" class="border border-line">
+          <div class="flex items-center justify-between gap-2 border-b border-line bg-raised px-4 py-3">
+            <strong class="truncate text-sm text-ink">{{ row.account?.name || '#' + row.id }}</strong>
+            <span v-if="row.account" class="text-xs text-muted">{{ row.account.type }}</span>
+          </div>
+          <p v-if="!row.account" class="p-4 text-sm text-muted">{{ row.error || t('common.loading') }}</p>
+          <p v-else-if="!eligible(row.account)" class="p-4 text-sm text-amber-600">{{ t('admin.accounts.tickets.ineligible') }}</p>
+          <div v-else class="divide-y divide-line px-4">
+            <div v-for="model in selected" :key="model" class="space-y-2 py-3">
+              <div class="flex flex-wrap items-center justify-between gap-2">
+                <span class="text-sm font-medium text-ink">{{ model }}</span>
+                <span class="text-xs" :class="ticket(row.account, model)?.ready ? 'text-primary-600 dark:text-primary-400' : 'text-muted'">{{ status(row.account, model) }}</span>
+              </div>
+              <dl class="grid gap-x-4 gap-y-1 text-xs text-muted sm:grid-cols-2">
+                <div>{{ t('admin.accounts.tickets.expires') }} · {{ time(ticket(row.account, model)?.expires_at) }}</div>
+                <div>{{ t('admin.accounts.tickets.next') }} · {{ time(ticket(row.account, model)?.next_attempt_at) }}</div>
+                <div>{{ t('admin.accounts.tickets.last') }} · {{ time(ticket(row.account, model)?.last_attempt_at) }}</div>
+              </dl>
+              <p v-if="ticket(row.account, model)?.last_result?.message" class="text-xs leading-relaxed text-muted">{{ ticket(row.account, model)?.last_result?.message }}</p>
+              <button v-if="!['idle', 'stopped'].includes(ticket(row.account, model)?.renewal_state || 'idle')" type="button" class="text-xs text-primary-600 hover:underline dark:text-primary-400" :disabled="busy" @click="stop(row.account, model)">{{ t('admin.accounts.tickets.stop') }}</button>
+            </div>
+          </div>
+        </section>
+      </div>
+      <p class="text-xs text-muted">{{ t('admin.accountTasks.accountUnchanged') }}</p>
+      <p v-if="error" role="alert" class="text-sm text-red-600 dark:text-red-400">{{ error }}</p>
     </div>
-    <label class="block mb-3"><input v-model="force" type="checkbox" :disabled="busy" /> {{ t('admin.accounts.tickets.force') }}</label>
-    <div v-for="row in rows" :key="row.id" class="border-b py-2 text-sm">
-      <strong>{{ row.account?.name || `#${row.id}` }}</strong>
-      <span v-if="!row.account"> · {{ row.error || t('common.loading') }}</span>
-      <span v-else-if="!eligible(row.account)" class="text-amber-600"> · {{ t('admin.accounts.tickets.ineligible') }}</span>
-      <template v-else>
-        <div v-for="model in selected" :key="model" class="flex justify-between gap-2">
-          <span>{{ model }} · {{ status(row.account, model) }}</span>
-          <button type="button" class="text-primary-600" :disabled="busy" @click="stop(row.account, model)">{{ t('admin.accounts.tickets.stop') }}</button>
-        </div>
-      </template>
-    </div>
-    <p v-if="error" role="alert" class="mt-3 text-red-600">{{ error }}</p>
     <template #footer>
-      <button class="btn btn-secondary" @click="emit('close')">{{ t('common.close') }}</button>
-      <button class="btn btn-primary" :disabled="busy || loading || !enabled || !selected.length || !eligibleIDs.length || rows.length > 100" @click="submit">{{ t('admin.accounts.tickets.start') }}</button>
+      <button class="btn btn-secondary" :disabled="busy" @click="emit('close')">{{ t('common.close') }}</button>
+      <button class="btn btn-primary" :disabled="!canSubmit" @click="submit">{{ t(busy ? 'common.submitting' : 'admin.accounts.tickets.start') }}</button>
     </template>
-  </BaseDialog>
+  </AccountOperationDialog>
 </template>
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
-import BaseDialog from '@/components/common/BaseDialog.vue'
+import AccountOperationDialog from '@/components/admin/account-jobs/AccountOperationDialog.vue'
+import { canManageCodexTickets } from '@/utils/codexTicketEligibility'
 import { getById } from '@/api/admin/accounts'
 import { codexTicketsAPI } from '@/api/admin/codexTickets'
 import { accountJobIdempotencyHeaders, type AccountJob } from '@/api/admin/accountJobs'
@@ -35,13 +56,16 @@ import type { Account } from '@/types'
 const props = defineProps<{ show: boolean; accountIds: number[] }>()
 const emit = defineEmits<{ close: []; submitted: [job: AccountJob] }>()
 const { t } = useI18n()
+const operationJob = ref<AccountJob | null>(null)
 const rows = ref<Array<{ id: number; account?: Account; error?: string }>>([])
 const models = ref<string[]>([]), selected = ref<string[]>([])
 const enabled = ref(false), busy = ref(false), loading = ref(false), force = ref(false), error = ref('')
 let version = 0
 let submission = accountJobIdempotencyHeaders('codex_ticket_harvest')
-const eligible = (a: Account) => a.platform === 'openai' && ['oauth', 'setup-token'].includes(a.type) && a.parent_account_id == null && a.status === 'active'
-const eligibleIDs = computed(() => rows.value.filter(r => r.account && eligible(r.account)).map(r => r.id))
+const eligible = canManageCodexTickets
+const canSubmit = computed(() => !busy.value && !loading.value && enabled.value && selected.value.length > 0 && rows.value.length > 0 && rows.value.length <= 100 && rows.value.every(r => eligible(r.account)))
+const ticket = (a: Account, model: string) => a.codex_turn_tickets?.find(value => value.model === model)
+const time = (value?: string) => value ? new Date(value).toLocaleString() : '—'
 function status(a: Account, model: string) {
   const value = a.codex_turn_tickets?.find(ticket => ticket.model === model)
   const phase = value?.renewal_state || 'idle'
@@ -51,6 +75,7 @@ watch([selected, force], () => { submission = accountJobIdempotencyHeaders('code
 watch(() => props.show, async show => {
   const v = ++version
   if (!show) return
+  operationJob.value = null; enabled.value = false
   error.value = ''; force.value = false; loading.value = true
   rows.value = [...new Set(props.accountIds)].map(id => ({ id }))
   submission = accountJobIdempotencyHeaders('codex_ticket_harvest')
@@ -70,9 +95,23 @@ watch(() => props.show, async show => {
   finally { if (v === version) loading.value = false }
 }, { immediate: true })
 async function submit() {
-  if (busy.value) return
+  if (!canSubmit.value) return
   busy.value = true; error.value = ''
-  try { emit('submitted', await codexTicketsAPI.harvest(eligibleIDs.value, selected.value, force.value, submission)); emit('close') }
+  try {
+    const ids = rows.value.map(row => row.id)
+    for (let i = 0; i < ids.length; i += 5) {
+      const verified = await Promise.all(ids.slice(i, i + 5).map(async id => {
+        try { return await getById(id) }
+        catch { return null }
+      }))
+      if (verified.some(account => !eligible(account))) {
+        error.value = t('admin.accountTasks.selectionChanged')
+        return
+      }
+    }
+    operationJob.value = await codexTicketsAPI.harvest(ids, selected.value, force.value, submission)
+    emit('submitted', operationJob.value)
+  }
   catch { error.value = t('admin.accounts.tickets.submitFailed') }
   finally { busy.value = false }
 }
diff --git a/frontend/src/components/admin/account/ImportDataModal.vue b/frontend/src/components/admin/account/ImportDataModal.vue
index 3b40d332492f..a3aff55d35d7 100644
--- a/frontend/src/components/admin/account/ImportDataModal.vue
+++ b/frontend/src/components/admin/account/ImportDataModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseDialog
+  <AccountOperationDialog :job="operationJob"
     :show="show"
     :title="t('admin.accounts.dataImportTitle')"
     width="wide"
@@ -178,7 +178,7 @@
         {{ busy ? t('admin.accounts.dataImporting') : t('admin.accounts.dataImportSubmitJob') }}
       </button>
     </template>
-  </BaseDialog>
+  </AccountOperationDialog>
 </template>
 
 <script setup lang="ts">
@@ -186,7 +186,7 @@ import { computed, onScopeDispose, ref, shallowRef, watch } from 'vue'
 import { readAccountImportFiles } from '@/utils/accountImportWorker'
 import { AccountImportParseError } from '@/utils/accountImportParser'
 import { useI18n } from 'vue-i18n'
-import BaseDialog from '@/components/common/BaseDialog.vue'
+import AccountOperationDialog from '@/components/admin/account-jobs/AccountOperationDialog.vue'
 import AccountImportSettingsEditor, { type AccountImportSettingsDraft } from './AccountImportSettingsEditor.vue'
 import { adminAPI } from '@/api/admin'
 import type { AccountImportPreview } from '@/api/admin/accounts'
@@ -220,6 +220,8 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
+const operationJob = ref<AccountJob | null>(null)
+watch(() => props.show, show => { if (show) operationJob.value = null })
 const appStore = useAppStore()
 const busy = ref(false)
 const files = ref<File[]>([])
@@ -471,8 +473,8 @@ async function handleSubmit(): Promise<void> {
   busy.value = true
   try {
     const job = await adminAPI.accounts.importData(buildImportRequest())
+    operationJob.value = job
     emit('imported', job)
-    emit('close')
   } catch (error: any) {
     if (error?.code === 'CLOUDFLARE_UPLOAD_TOO_LARGE') {
       appStore.showError(error.message)
diff --git a/frontend/src/components/admin/account/__tests__/AccountActionMenu.spark_shadow.spec.ts b/frontend/src/components/admin/account/__tests__/AccountActionMenu.spark_shadow.spec.ts
index f1f631a0821b..76963c2b450c 100644
--- a/frontend/src/components/admin/account/__tests__/AccountActionMenu.spark_shadow.spec.ts
+++ b/frontend/src/components/admin/account/__tests__/AccountActionMenu.spark_shadow.spec.ts
@@ -49,6 +49,17 @@ const getBodyText = () => document.body.textContent ?? ''
 const getBodyButtons = () => Array.from(document.body.querySelectorAll('button'))
 
 describe('AccountActionMenu — spark shadow 按钮可见性', () => {
+  it.each([
+    [{ platform: 'openai', type: 'oauth', status: 'error' }, true],
+    [{ platform: 'openai', type: 'setup-token', status: 'disabled' }, true],
+    [{ platform: 'openai', type: 'apikey' }, false],
+    [{ platform: 'anthropic', type: 'oauth' }, false],
+    [{ platform: 'openai', type: 'oauth', parent_account_id: 9 }, false],
+  ] as [Partial<Account>, boolean][])('restricts ticket actions by ownership, not account status: %j', (overrides, visible) => {
+    const wrapper = mount(AccountActionMenu, { props: { show: true, account: makeAccount(overrides), anchorRect }, attachTo: document.body })
+    expect(!!document.body.querySelector('[data-test="ticket-harvest"]')).toBe(visible)
+    wrapper.unmount()
+  })
   it('仅已标记账号显示 Cindy 恢复入口并发送专用事件', async () => {
     const account = makeAccount({ cindy_balance_insufficient: true })
     const wrapper = mount(AccountActionMenu, {
diff --git a/frontend/src/components/admin/account/__tests__/AccountBulkActionsBar.spec.ts b/frontend/src/components/admin/account/__tests__/AccountBulkActionsBar.spec.ts
index 3c51e637cb2d..e6e1c019b507 100644
--- a/frontend/src/components/admin/account/__tests__/AccountBulkActionsBar.spec.ts
+++ b/frontend/src/components/admin/account/__tests__/AccountBulkActionsBar.spec.ts
@@ -10,6 +10,15 @@ vi.mock('vue-i18n', () => ({
 }))
 
 describe('AccountBulkActionsBar', () => {
+  it('hides unverified/mixed ticket selections and enforces the 100-account limit', async () => {
+    const wrapper = mount(AccountBulkActionsBar, { props: { selectedIds: [1, 2], totalResults: 101, selectingAll: false, allResultsSelected: false } })
+    expect(wrapper.find('[data-test="batch-ticket"]').exists()).toBe(false)
+    await wrapper.setProps({ canHarvestTickets: true })
+    expect(wrapper.get('[data-test="batch-ticket"]').attributes('disabled')).toBeUndefined()
+    await wrapper.setProps({ selectedIds: Array.from({ length: 101 }, (_, i) => i + 1) })
+    expect(wrapper.get('[data-test="batch-ticket"]').attributes('disabled')).toBeDefined()
+    wrapper.unmount()
+  })
   it('allows selecting all results before any row is selected', async () => {
     const wrapper = mount(AccountBulkActionsBar, {
       props: {
diff --git a/frontend/src/components/admin/account/__tests__/AccountBulkTaxonomyModal.spec.ts b/frontend/src/components/admin/account/__tests__/AccountBulkTaxonomyModal.spec.ts
index 3fac76fac411..819034f97a82 100644
--- a/frontend/src/components/admin/account/__tests__/AccountBulkTaxonomyModal.spec.ts
+++ b/frontend/src/components/admin/account/__tests__/AccountBulkTaxonomyModal.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { flushPromises, mount } from '@vue/test-utils'
 import AccountBulkTaxonomyModal from '../AccountBulkTaxonomyModal.vue'
diff --git a/frontend/src/components/admin/account/__tests__/BatchTestAccountModal.spec.ts b/frontend/src/components/admin/account/__tests__/BatchTestAccountModal.spec.ts
index f07065f34985..8a1e5b44dc22 100644
--- a/frontend/src/components/admin/account/__tests__/BatchTestAccountModal.spec.ts
+++ b/frontend/src/components/admin/account/__tests__/BatchTestAccountModal.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { flushPromises, mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import BatchTestAccountModal from '../BatchTestAccountModal.vue'
@@ -29,7 +30,7 @@ describe('BatchTestAccountModal per-account selections', () => {
   expect(wrapper.text()).toContain('"applied":2,"skipped":1')
   await wrapper.get('form').trigger('submit'); await flushPromises()
   expect(batchTest).toHaveBeenCalledWith([{ account_id: 1, model_id: 'shared' }, { account_id: 2, model_id: 'other' }, { account_id: 3, model_id: 'shared' }], '')
-  expect(wrapper.emitted('submitted')?.[0]).toEqual([{ id: 12, status: 'pending' }]); expect(wrapper.emitted('close')).toHaveLength(1)
+  expect(wrapper.emitted('submitted')?.[0]).toEqual([{ id: 12, status: 'pending' }]); expect(wrapper.emitted('close')).toBeUndefined()
   wrapper.unmount()
  })
  it('blocks empty/error results until explicitly removed or successfully retried', async () => {
diff --git a/frontend/src/components/admin/account/__tests__/CodexTicketHarvestModal.spec.ts b/frontend/src/components/admin/account/__tests__/CodexTicketHarvestModal.spec.ts
index c563938931b8..0546dbc5f948 100644
--- a/frontend/src/components/admin/account/__tests__/CodexTicketHarvestModal.spec.ts
+++ b/frontend/src/components/admin/account/__tests__/CodexTicketHarvestModal.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { mount, flushPromises } from '@vue/test-utils'
 import { describe, it, expect, vi } from 'vitest'
 import CodexTicketHarvestModal from '../CodexTicketHarvestModal.vue'
@@ -7,18 +8,42 @@ vi.mock('@/api/admin/accounts', () => ({ getById: mocks.getById }))
 vi.mock('@/api/admin/accountJobs', () => ({ accountJobIdempotencyHeaders: () => ({ headers: { 'Idempotency-Key': 'test-key' } }) }))
 vi.mock('vue-i18n', () => ({ useI18n: () => ({ t: (key: string) => key }) }))
 describe('manual account/model harvest', () => {
-  it('selects configured models, explains ineligible accounts and submits a persistent job', async () => {
+  function mountModal(ids = [1]) {
     mocks.policy.mockResolvedValue({ enabled: true, models: ['gpt-6-astra', 'gpt-5.6-sol'] })
-    mocks.getById.mockImplementation(async (id: number) => ({ id, name: 'Account ' + id, platform: id === 1 ? 'openai' : 'cindy', type: id === 1 ? 'oauth' : 'apikey', status: 'active' }))
+    mocks.getById.mockImplementation(async (id: number) => ({ id, name: 'Account ' + id, platform: 'openai', type: 'setup-token', status: 'disabled' }))
     mocks.harvest.mockResolvedValue({ id: 77, status: 'pending' })
-    const wrapper = mount(CodexTicketHarvestModal, { props: { show: true, accountIds: [1, 2] }, global: { stubs: { BaseDialog: { template: '<div><slot/><slot name="footer"/></div>' } } } })
+    return mount(CodexTicketHarvestModal, { props: { show: true, accountIds: ids } })
+  }
+  it('allows disabled Setup Token accounts and keeps results in the original window', async () => {
+    const wrapper = mountModal()
     await flushPromises()
-    expect(wrapper.text()).toContain('tickets.ineligible')
     expect(wrapper.findAll('input[type="checkbox"]').filter(i => (i.element as HTMLInputElement).checked)).toHaveLength(2)
-    await wrapper.findAll('button').find(b => b.text().endsWith('.start'))!.trigger('click'); await flushPromises()
+    await wrapper.findAll('button').find(b => b.text().endsWith('.start'))!.trigger('click')
+    await flushPromises()
+    expect(mocks.getById).toHaveBeenCalledTimes(2) // Load + submission revalidation.
     expect(mocks.harvest).toHaveBeenCalledWith([1], ['gpt-6-astra', 'gpt-5.6-sol'], false, { headers: { 'Idempotency-Key': 'test-key' } })
     expect(wrapper.emitted('submitted')![0][0]).toEqual({ id: 77, status: 'pending' })
-    expect(wrapper.emitted('close')).toHaveLength(1)
+    expect(wrapper.emitted('close')).toBeUndefined()
+    wrapper.unmount()
+  })
+  it('rejects a mixed set without silently submitting its eligible subset', async () => {
+    mocks.harvest.mockClear()
+    const wrapper = mountModal([1, 2])
+    mocks.getById.mockImplementation(async (id: number) => ({ id, platform: id === 1 ? 'openai' : 'cindy', type: id === 1 ? 'oauth' : 'apikey' }))
+    await flushPromises()
+    expect(wrapper.findAll('button').find(b => b.text().endsWith('.start'))!.attributes('disabled')).toBeDefined()
+    expect(mocks.harvest).not.toHaveBeenCalled()
+    wrapper.unmount()
+  })
+  it('rejects an account whose type changes immediately before submission', async () => {
+    mocks.harvest.mockClear()
+    const wrapper = mountModal()
+    await flushPromises()
+    mocks.getById.mockResolvedValue({ id: 1, platform: 'openai', type: 'apikey' })
+    await wrapper.findAll('button').find(b => b.text().endsWith('.start'))!.trigger('click')
+    await flushPromises()
+    expect(mocks.harvest).not.toHaveBeenCalled()
+    expect(wrapper.text()).toContain('accountTasks.selectionChanged')
     wrapper.unmount()
   })
 })
diff --git a/frontend/src/components/admin/account/__tests__/ImportDataModal.spec.ts b/frontend/src/components/admin/account/__tests__/ImportDataModal.spec.ts
index 492d4734adad..e73ba5f28dae 100644
--- a/frontend/src/components/admin/account/__tests__/ImportDataModal.spec.ts
+++ b/frontend/src/components/admin/account/__tests__/ImportDataModal.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { props: ['job', 'show'], template: '<div><slot/><slot name="footer"/></div>' } }))
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { flushPromises, mount } from '@vue/test-utils'
 
@@ -84,6 +85,6 @@ describe('ImportDataModal', () => {
       target_group_id: 12,
     })
     expect(wrapper.emitted('imported')?.[0]?.[0]).toMatchObject({ id: 71, status: 'pending' })
-    expect(wrapper.emitted('close')).toHaveLength(1)
+    expect(wrapper.emitted('close')).toBeUndefined()
   })
 })
diff --git a/frontend/src/components/layout/AppHeader.vue b/frontend/src/components/layout/AppHeader.vue
index 423325a66fe1..f8cb4a1b5292 100644
--- a/frontend/src/components/layout/AppHeader.vue
+++ b/frontend/src/components/layout/AppHeader.vue
@@ -26,23 +26,6 @@
         <!-- Announcement Bell -->
         <AnnouncementBell v-if="user" />
 
-        <button
-          v-if="authStore.isAdmin"
-          type="button"
-          data-test="account-task-button"
-          class="relative flex h-9 w-9 items-center justify-center rounded-none text-gray-600 transition-colors hover:bg-gray-100 hover:text-gray-900 dark:text-dark-300 dark:hover:bg-dark-800 dark:hover:text-white"
-          :aria-label="t('admin.accountTasks.drawerTitle')"
-          :title="t('admin.accountTasks.drawerTitle')"
-          @click="accountJobsStore.openDrawer"
-        >
-          <Icon name="clipboard" size="sm" />
-          <span
-            v-if="accountJobsStore.activeCount > 0"
-            class="absolute -right-1 -top-1 inline-flex h-4 min-w-4 items-center justify-center rounded-none bg-primary-600 px-1 text-[10px] font-semibold text-white"
-          >
-            {{ accountJobsStore.activeCount > 99 ? '99+' : accountJobsStore.activeCount }}
-          </span>
-        </button>
 
         <!-- Docs Link -->
         <a
@@ -271,7 +254,7 @@
 import { ref, computed, onMounted, onBeforeUnmount } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { useAccountJobsStore, useAppStore, useAuthStore, useOnboardingStore } from '@/stores'
+import { useAppStore, useAuthStore, useOnboardingStore } from '@/stores'
 import { useAdminSettingsStore } from '@/stores/adminSettings'
 import LocaleSwitcher from '@/components/common/LocaleSwitcher.vue'
 import SubscriptionProgressMini from '@/components/common/SubscriptionProgressMini.vue'
@@ -289,7 +272,6 @@ const appStore = useAppStore()
 const authStore = useAuthStore()
 const adminSettingsStore = useAdminSettingsStore()
 const onboardingStore = useOnboardingStore()
-const accountJobsStore = useAccountJobsStore()
 
 const user = computed(() => authStore.user)
 const dropdownOpen = ref(false)
diff --git a/frontend/src/components/layout/AppLayout.vue b/frontend/src/components/layout/AppLayout.vue
index cfe3e89c629e..8475dba26e53 100644
--- a/frontend/src/components/layout/AppLayout.vue
+++ b/frontend/src/components/layout/AppLayout.vue
@@ -17,7 +17,7 @@
       </main>
     </div>
 
-    <AccountTaskDrawer v-if="isAdmin" />
+    <AccountOperationHost v-if="isAdmin" />
   </div>
 </template>
 
@@ -30,7 +30,7 @@ import { useOnboardingTour } from '@/composables/useOnboardingTour'
 import { useOnboardingStore } from '@/stores/onboarding'
 import AppSidebar from './AppSidebar.vue'
 import AppHeader from './AppHeader.vue'
-import AccountTaskDrawer from '@/components/admin/account-jobs/AccountTaskDrawer.vue'
+import AccountOperationHost from '@/components/admin/account-jobs/AccountTaskDrawer.vue'
 
 const appStore = useAppStore()
 const authStore = useAuthStore()
diff --git a/frontend/src/components/layout/AppSidebar.vue b/frontend/src/components/layout/AppSidebar.vue
index 385e8e836436..a92de85f51b8 100644
--- a/frontend/src/components/layout/AppSidebar.vue
+++ b/frontend/src/components/layout/AppSidebar.vue
@@ -864,7 +864,6 @@ const adminNavItems = computed((): NavItem[] => {
     { path: '/admin/subscriptions', label: t('nav.subscriptions'), icon: CreditCardIcon, hideInSimpleMode: true, featureFlag: flagSubscription },
     { path: '/admin/accounts', label: t('nav.accounts'), icon: GlobeIcon },
     { path: '/admin/plugins', label: t('nav.plugins'), icon: PluginIcon, featureFlag: flagPluginManagement },
-    { path: '/admin/tasks', label: t('nav.tasks'), icon: DocumentIcon },
     { path: '/admin/announcements', label: t('nav.announcements'), icon: BellIcon },
     { path: '/admin/proxies', label: t('nav.proxies'), icon: ServerIcon },
     {
diff --git a/frontend/src/composables/__tests__/useTicketSelection.spec.ts b/frontend/src/composables/__tests__/useTicketSelection.spec.ts
new file mode 100644
index 000000000000..b0203762a97c
--- /dev/null
+++ b/frontend/src/composables/__tests__/useTicketSelection.spec.ts
@@ -0,0 +1,40 @@
+import { ref, defineComponent } from 'vue'
+import { flushPromises, mount } from '@vue/test-utils'
+import { describe, it, expect, vi } from 'vitest'
+import { useTicketSelection } from '../useTicketSelection'
+import type { TicketAccountIdentity } from '@/utils/codexTicketEligibility'
+const api = vi.hoisted(() => ({ list: vi.fn() }))
+vi.mock('@/api/admin/accounts', () => api)
+const account = (id: number, type: 'oauth' | 'setup-token' | 'apikey' = 'oauth'): TicketAccountIdentity => ({ id, type, platform: 'openai', parent_account_id: null })
+describe('ticket selection across pages', () => {
+  it('hides unknown and mixed selections, and admits a fully verified OAuth-like selection', async () => {
+    const ids = ref([1, 2]), rows = ref([account(1)])
+    let resolve!: (value: unknown) => void
+    api.list.mockReturnValueOnce(new Promise(r => { resolve = r }))
+    let selection!: ReturnType<typeof useTicketSelection>
+    const wrapper = mount(defineComponent({ setup() { selection = useTicketSelection(ids, rows); return () => null } }))
+    expect(selection.canHarvestTickets.value).toBe(false)
+    resolve({ items: [account(2, 'setup-token')] })
+    await flushPromises()
+    expect(selection.canHarvestTickets.value).toBe(true)
+    rows.value = [account(2, 'apikey')]
+    await flushPromises()
+    expect(selection.canHarvestTickets.value).toBe(false)
+    ids.value = []
+    await flushPromises()
+    expect(selection.canHarvestTickets.value).toBe(false)
+    wrapper.unmount()
+  })
+  it('ignores an obsolete fetch after selection changes and never infers shadow eligibility', async () => {
+    const ids = ref([1, 2]), rows = ref([account(1)])
+    let resolve!: (value: unknown) => void
+    api.list.mockReturnValueOnce(new Promise(r => { resolve = r }))
+    let selection!: ReturnType<typeof useTicketSelection>
+    const wrapper = mount(defineComponent({ setup() { selection = useTicketSelection(ids, rows); return () => null } }))
+    ids.value = [3]; rows.value = [{ ...account(3), parent_account_id: 1 }]
+    await flushPromises()
+    resolve({ items: [account(3)] }); await flushPromises()
+    expect(selection.canHarvestTickets.value).toBe(false)
+    wrapper.unmount()
+  })
+})
diff --git a/frontend/src/composables/useTicketSelection.ts b/frontend/src/composables/useTicketSelection.ts
new file mode 100644
index 000000000000..91f33716fb3e
--- /dev/null
+++ b/frontend/src/composables/useTicketSelection.ts
@@ -0,0 +1,31 @@
+import { computed, onBeforeUnmount, ref, watch, type Ref } from 'vue'
+import { list } from '@/api/admin/accounts'
+import { allCanManageCodexTickets, type TicketAccountIdentity } from '@/utils/codexTicketEligibility'
+
+export function useTicketSelection(ids: Ref<number[]>, rows: Ref<TicketAccountIdentity[]>) {
+  const identities = ref(new Map<number, TicketAccountIdentity>())
+  let generation = 0
+  let controller: AbortController | null = null
+  function remember(accounts: TicketAccountIdentity[]) {
+    const next = new Map(identities.value)
+    for (const a of accounts) next.set(a.id, { id: a.id, platform: a.platform, type: a.type, parent_account_id: a.parent_account_id })
+    identities.value = next
+  }
+  watch([() => ids.value.join(','), rows], async () => {
+    const version = ++generation
+    controller?.abort()
+    controller = new AbortController()
+    const signal = controller.signal
+    remember(rows.value)
+    const missing = ids.value.filter(id => !identities.value.has(id))
+    try {
+      for (let i = 0; i < missing.length; i += 100) {
+        const page = await list(1, 100, { account_ids: missing.slice(i, i + 100).join(','), lite: '1', include_scheduler_score: '0' }, { signal })
+        if (version !== generation || signal.aborted) return
+        remember(page.items)
+      }
+    } catch { /* Unknown account identities cannot expose the batch action. */ }
+  }, { immediate: true })
+  onBeforeUnmount(() => { generation++; controller?.abort() })
+  return { remember, canHarvestTickets: computed(() => allCanManageCodexTickets(ids.value, identities.value)) }
+}
diff --git a/frontend/src/i18n/locales/en/admin/accountTasks.ts b/frontend/src/i18n/locales/en/admin/accountTasks.ts
index ed94f0ed1697..351f0ba1d6af 100644
--- a/frontend/src/i18n/locales/en/admin/accountTasks.ts
+++ b/frontend/src/i18n/locales/en/admin/accountTasks.ts
@@ -1,16 +1,37 @@
 export default {
   accountTasks: {
-    title: 'Account Tasks',
+    configuration: "Configuration",
+    progressLabel: "Operation progress",
+    minimize: "Minimize",
+    expand: "View",
+    stopping: "Stopping…",
+    continuesInBackground: "Continues in the background when minimized",
+    savedInHistory: "Results saved in operation history",
+    reconnecting: "Connection interrupted. Reconnecting to progress updates. The operation continues in the background.",
+    allResults: "All results",
+    failedOnly: "Failed",
+    noFailures: "No failed items",
+    awaitingResults: "Waiting for results",
+    skipped: "Skipped",
+    retryExpired: "The original operation data has expired. Close this window and configure the operation again.",
+    inProgress: "Account operation progress",
+    previousOperation: "Previous operation",
+    nextOperation: "Next operation",
+    selectionChanged: "The selected accounts have changed or include unsupported accounts. Select them again.",
+    confirmAction: "This operation will affect {count} accounts.",
+    accountUnchanged: "Ticket harvesting does not change account status or business scheduling.",
+    historyAction: "Operation history",
+    title: 'Operation history',
     description: 'Track account imports and bulk operations.',
     drawerTitle: 'Account tasks',
     viewAll: 'View all tasks',
     noTasks: 'No account tasks yet',
     allKinds: 'All operations',
     allStatuses: 'All statuses',
-    details: 'Task details',
+    details: 'Operation results',
     results: 'Item results',
     retryFailed: 'Retry failed items',
-    cancel: 'Cancel task',
+    cancel: 'Stop operation',
     previousPage: 'Previous',
     nextPage: 'Next',
     progress: '{processed} of {total}',
@@ -55,14 +76,16 @@ export default {
       canceled: 'Canceled',
     },
     notifications: {
-      succeeded: 'Task #{id} completed',
-      partially_succeeded: 'Task #{id} completed with failed items',
-      failed: 'Task #{id} failed',
-      canceled: 'Task #{id} was canceled',
+      succeeded: '{name} completed',
+      partially_succeeded: '{name} completed with failed items',
+      failed: '{name} failed',
+      canceled: '{name} was canceled',
     },
     loadFailed: 'Failed to load account tasks',
     actionFailed: 'Task action failed',
     duplicate: {
+      reviewMerge: 'Review merge',
+      confirmMerge: 'Confirm to merge the reviewed accounts into the selected account.',
       title: 'Duplicate review',
       selectSurvivor: 'Choose the account to keep. The other reviewed accounts will be merged into it.',
       summary: 'Account #{id} · {groups} groups · {tags} tags · score {score}',
diff --git a/frontend/src/i18n/locales/en/admin/accounts.ts b/frontend/src/i18n/locales/en/admin/accounts.ts
index e7a5b40d3194..7f382508e916 100644
--- a/frontend/src/i18n/locales/en/admin/accounts.ts
+++ b/frontend/src/i18n/locales/en/admin/accounts.ts
@@ -3,10 +3,10 @@ export default {accounts: {
   textTestPrompt: { label: 'Text test prompt', hint: 'Blank uses hi. Remembered only for this site and administrator in this browser.', reset: 'Restore default', tooLong: 'Prompt exceeds 8192 characters. Shorten it to continue.' },
   tickets: {
     stages: { request: 'Request', configuration: 'Configuration', lifecycle: 'Task state', account_auth: 'Account authentication', proxy_auth: 'Proxy authentication', proxy_protocol: 'Proxy protocol', proxy_dns: 'Proxy DNS', proxy_connect: 'Proxy connection', tls: 'TLS certificate', ticket_validation: 'Ticket validation', upstream_http: 'Upstream HTTP', persistence: 'Persistence' },
-    title: 'Harvest 292 / renewal', description: 'One request per account and model. Valid tickets are skipped by default. Success enrolls renewal at 1 minute before expiry, with one retry at 1 minute after expiry. Submitted jobs continue when this window closes.',
-    disabled: 'The ticket switch is off.', force: 'Harvest again even with a valid ticket', ineligible: 'Not eligible: requires an active non-shadow OpenAI OAuth or Setup Token account.',
-    valid: 'Valid', stop: 'Stop automatic renewal', start: 'Submit harvest', limit: 'Select up to 100 accounts.', loadFailed: 'Could not load accounts or ticket configuration.',
-    submitFailed: 'Operation failed. Check the current status before retrying.', next: 'Next renewal', last: 'Last attempt', length: 'Ticket length',
+    title: 'Harvest 292 / renewal', description: 'One request per account and model. Valid tickets are skipped by default. Success enrolls renewal at 1 minute before expiry, with one retry at 1 minute after expiry. Harvesting continues when this window is minimized.',
+    disabled: 'The ticket switch is off.', force: 'Harvest again even with a valid ticket', ineligible: 'Not eligible: requires a non-shadow OpenAI OAuth or Setup Token account.',
+    valid: 'Valid', stop: 'Stop automatic renewal', start: 'Start harvesting', limit: 'Select up to 100 accounts.', loadFailed: 'Could not load accounts or ticket configuration.',
+    submitFailed: 'Operation failed. Check the current status before retrying.', next: 'Next renewal', last: 'Last attempt', length: 'Ticket length', expires: 'Expires',
     states: { idle: 'Awaiting manual harvest', ready: 'Renewal scheduled', retry: 'Waiting for retry after expiry', stopped: 'Automatic renewal stopped', manual_running: 'Manual harvest running', pre_running: 'Renewing before expiry', post_running: 'Retrying after expiry' }
   },
   ticketProxy: {
diff --git a/frontend/src/i18n/locales/zh/admin/accountTasks.ts b/frontend/src/i18n/locales/zh/admin/accountTasks.ts
index c0b9db1fc5b6..2862dbfc60a3 100644
--- a/frontend/src/i18n/locales/zh/admin/accountTasks.ts
+++ b/frontend/src/i18n/locales/zh/admin/accountTasks.ts
@@ -1,16 +1,37 @@
 export default {
   accountTasks: {
-    title: '账号任务',
-    description: '查看账号导入和批量操作的执行进度。',
-    drawerTitle: '账号任务',
+    configuration: "操作配置",
+    progressLabel: "操作进度",
+    minimize: "收起",
+    expand: "查看",
+    stopping: "正在停止…",
+    continuesInBackground: "收起后继续执行",
+    savedInHistory: "结果已保存在操作记录中",
+    reconnecting: "连接中断，正在重新获取进度。操作仍在后台执行。",
+    allResults: "全部结果",
+    failedOnly: "失败项",
+    noFailures: "暂无失败项",
+    awaitingResults: "等待执行结果",
+    skipped: "已跳过",
+    retryExpired: "原操作资料已过期，请关闭此窗口并重新配置操作。",
+    inProgress: "账号操作进度",
+    previousOperation: "上一个操作",
+    nextOperation: "下一个操作",
+    selectionChanged: "选中账号已变化或包含不适用账号，请重新选择。",
+    confirmAction: "即将对 {count} 个账号执行此操作。",
+    accountUnchanged: "打票不改变账号状态或业务调度设置。",
+    historyAction: "操作记录",
+    title: '操作记录',
+    description: '查看近期账号操作及其执行结果。',
+    drawerTitle: '账号操作',
     viewAll: '查看全部任务',
-    noTasks: '暂无账号任务',
+    noTasks: '暂无操作记录',
     allKinds: '全部操作',
     allStatuses: '全部状态',
     details: '任务详情',
     results: '逐项结果',
     retryFailed: '重试失败项',
-    cancel: '取消任务',
+    cancel: '停止操作',
     previousPage: '上一页',
     nextPage: '下一页',
     progress: '已处理 {processed} / {total}',
@@ -55,14 +76,16 @@ export default {
       canceled: '已取消',
     },
     notifications: {
-      succeeded: '任务 #{id} 已完成',
-      partially_succeeded: '任务 #{id} 已完成，但有失败项',
-      failed: '任务 #{id} 执行失败',
-      canceled: '任务 #{id} 已取消',
+      succeeded: '{name}已完成',
+      partially_succeeded: '{name}已完成，部分账号需要处理',
+      failed: '{name}失败，请查看结果',
+      canceled: '{name}已停止',
     },
     loadFailed: '加载账号任务失败',
     actionFailed: '任务操作失败',
     duplicate: {
+      reviewMerge: '检查合并',
+      confirmMerge: '确认后将合并其他已复核账号，仅保留所选账号。',
       title: '重复账号复核',
       selectSurvivor: '选择要保留的账号，其余已复核账号将合并到该账号。',
       summary: '账号 #{id} · {groups} 个分组 · {tags} 个标签 · 完整度 {score}',
diff --git a/frontend/src/i18n/locales/zh/admin/accounts.ts b/frontend/src/i18n/locales/zh/admin/accounts.ts
index b680d504f544..d70d4953b632 100644
--- a/frontend/src/i18n/locales/zh/admin/accounts.ts
+++ b/frontend/src/i18n/locales/zh/admin/accounts.ts
@@ -3,10 +3,10 @@ export default {accounts: {
   textTestPrompt: { label: '文本测试提示词', hint: '留空使用 hi；仅当前站点和管理员浏览器记忆。', reset: '恢复默认', tooLong: '提示词超过8192字符，请缩短后重试。' },
   tickets: {
     stages: { request: '请求', configuration: '配置检查', lifecycle: '任务状态', account_auth: '账号鉴权', proxy_auth: '代理鉴权', proxy_protocol: '代理协议', proxy_dns: '代理DNS', proxy_connect: '代理连接', tls: 'TLS证书', ticket_validation: '票据校验', upstream_http: '上游HTTP', persistence: '持久化' },
-    title: '打292 / 管理续期', description: '每个账号和模型仅请求一次；有效票默认跳过。成功后在到期前1分钟续期，失败仅在到期后1分钟再试一次。任务提交后关闭窗口仍继续。',
-    disabled: '票据总开关未开启。', force: '重新打票（已有有效票据也执行一次）', ineligible: '不适用：仅启用的 OpenAI OAuth/Setup Token 非影子账号。',
-    valid: '有效', stop: '停止自动续期', start: '提交打292', limit: '一次最多选择100个账号。', loadFailed: '无法读取账号或票据配置。',
-    submitFailed: '操作失败，请查看状态后重试。', next: '下次续期', last: '最近尝试', length: '票据长度',
+    title: '打292 / 管理续期', description: '每个账号和模型仅请求一次；有效票默认跳过。成功后在到期前1分钟续期，失败仅在到期后1分钟再试一次。收起窗口后仍继续执行。',
+    disabled: '票据总开关未开启。', force: '重新打票（已有有效票据也执行一次）', ineligible: '不适用：仅 OpenAI OAuth/Setup Token 非影子账号。',
+    valid: '有效', stop: '停止自动续期', start: '开始打292', limit: '一次最多选择100个账号。', loadFailed: '无法读取账号或票据配置。',
+    submitFailed: '操作失败，请查看状态后重试。', next: '下次续期', last: '最近尝试', length: '票据长度', expires: '到期时间',
     states: { idle: '待手动打票', ready: '自动续期待命', retry: '等待到期后重试', stopped: '自动续期已停止', manual_running: '手动打票中', pre_running: '到期前续期中', post_running: '到期后重试中' }
   },
   ticketProxy: {
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 7b48426483ae..6b6d6c6f6eee 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -553,7 +553,7 @@ const routes: RouteRecordRaw[] = [
   {
     path: '/admin/tasks',
     name: 'AdminAccountTasks',
-    component: () => import('@/views/admin/AccountTasksView.vue'),
+    redirect: { path: '/admin/accounts', query: { operations: 'history' } },
     meta: {
       requiresAuth: true,
       requiresAdmin: true,
diff --git a/frontend/src/stores/__tests__/accountJobs.spec.ts b/frontend/src/stores/__tests__/accountJobs.spec.ts
index 0ff43ff5c430..d06d0bc09e9b 100644
--- a/frontend/src/stores/__tests__/accountJobs.spec.ts
+++ b/frontend/src/stores/__tests__/accountJobs.spec.ts
@@ -45,11 +45,12 @@ describe('useAccountJobsStore', () => {
     vi.useFakeTimers()
     vi.clearAllMocks()
     list.mockResolvedValue({ items: [], total: 0, page: 1, page_size: 20 })
-    get.mockResolvedValue(job('running'))
+    get.mockImplementation(async (id: number) => job('running', { id }))
     listItems.mockResolvedValue({ items: [], total: 0, page: 1, page_size: 20 })
   })
 
   afterEach(() => {
+    useAccountJobsStore().clear()
     vi.useRealTimers()
     vi.restoreAllMocks()
   })
@@ -57,7 +58,7 @@ describe('useAccountJobsStore', () => {
   it('notifies once only when a job tracked in this session becomes terminal', async () => {
     const store = useAccountJobsStore()
     const app = useAppStore()
-    store.track(job('running'))
+    store.track(job('running'), { open: false })
     list
       .mockResolvedValueOnce({ items: [job('succeeded')], total: 1, page: 1, page_size: 20 })
       .mockResolvedValueOnce({ items: [job('succeeded')], total: 1, page: 1, page_size: 20 })
@@ -107,7 +108,7 @@ describe('useAccountJobsStore', () => {
     await store.openJob(19, { page: 2, page_size: 1 })
 
     expect(store.recentJobs.map((item) => item.id)).toEqual([19, 20])
-    expect(store.activeJobs.map((item) => item.id)).toEqual([19])
+    expect(store.activeJobs).toEqual([]) // Browsing history never enrolls active tracking.
     expect(store.currentJob?.processed_count).toBe(5)
     expect(store.items.map((item) => item.id)).toEqual([90])
     expect(store.jobPage).toEqual({ total: 7, page: 2, pageSize: 2 })
@@ -138,48 +139,74 @@ describe('useAccountJobsStore', () => {
 
     expect(listItems).toHaveBeenCalledWith(20, {
       page: 1,
-      page_size: 10,
+      page_size: 20,
       status: undefined,
     }, { signal: expect.any(AbortSignal) })
   })
 
-  it('polls active tasks and stops after they become terminal', async () => {
+  it('polls tracked operations independently of history and stops at terminal state', async () => {
     const store = useAccountJobsStore()
-    store.track(job('running'))
-    expect(list).not.toHaveBeenCalled()
-
-    list.mockResolvedValue({
-      items: [job('succeeded')],
-      total: 1,
-      page: 1,
-      page_size: 20,
-    })
+    store.track(job('running'), { open: false })
+    list.mockResolvedValue({ items: [job('failed', { id: 80 })], total: 40, page: 2, page_size: 20 })
+    await store.loadRecent({ page: 2, status: 'failed' })
+    list.mockClear()
+    get.mockResolvedValue(job('succeeded'))
     await vi.advanceTimersByTimeAsync(3_000)
-    await vi.runOnlyPendingTimersAsync()
-    expect(list).toHaveBeenCalledTimes(1)
-
+    expect(get).toHaveBeenCalledTimes(1)
+    expect(store.completedJobs.map(j => j.id)).toEqual([19])
+    expect(store.activeCount).toBe(0)
+    expect(store.recentJobs.map(j => j.id)).toEqual([80])
     await vi.advanceTimersByTimeAsync(6_000)
-    expect(list).toHaveBeenCalledTimes(1)
-
-    store.clear()
-    await vi.advanceTimersByTimeAsync(10_000)
-
-    expect(store.recentJobs).toEqual([])
-    expect(store.currentJob).toBeNull()
-    expect(store.items).toEqual([])
-    expect(store.drawerOpen).toBe(false)
+    expect(get).toHaveBeenCalledTimes(1)
+    expect(list).not.toHaveBeenCalled()
   })
 
-  it('performs one initial admin-session load and does not keep polling without active jobs', async () => {
-    list.mockResolvedValue({ items: [], total: 0, page: 1, page_size: 20 })
+  it('recovers pending and running operations once and stops polling when empty', async () => {
     const store = useAccountJobsStore()
+    store.startPolling()
+    await vi.advanceTimersByTimeAsync(0)
+    expect(list.mock.calls.map(call => call[0].status)).toEqual(['pending', 'running'])
+    await vi.advanceTimersByTimeAsync(6_000)
+    expect(list).toHaveBeenCalledTimes(2)
+  })
 
+  it('recovers all pages without inheriting history filters or losing in-flight operations', async () => {
+    const store = useAccountJobsStore()
+    list.mockImplementation(async ({ status, page }: { status: string; page: number }) => ({
+      items: status === 'pending' ? [job('pending', { id: page })] : [job('running', { id: 3 })],
+      total: status === 'pending' ? 2 : 1, page, page_size: 1,
+    }))
     store.startPolling()
     await vi.advanceTimersByTimeAsync(0)
-    expect(list).toHaveBeenCalledTimes(1)
+    expect(store.activeJobs.map(j => j.id).sort()).toEqual([1, 2, 3])
+    expect(list.mock.calls.map(call => [call[0].status, call[0].page])).toEqual([['pending', 1], ['pending', 2], ['running', 1]])
+  })
 
-    await vi.advanceTimersByTimeAsync(6_000)
-    expect(list).toHaveBeenCalledTimes(1)
+  it('retains unknown outcomes on network loss and reconnects without resubmitting', async () => {
+    const store = useAccountJobsStore()
+    store.track(job('running'), { open: false })
+    get.mockRejectedValueOnce(new Error('offline'))
+    await vi.advanceTimersByTimeAsync(3000)
+    expect(store.connectionLost).toBe(true)
+    expect(store.activeJobs[0].status).toBe('running')
+    get.mockResolvedValue(job('succeeded'))
+    await vi.advanceTimersByTimeAsync(3000)
+    expect(store.connectionLost).toBe(false)
+    expect(store.activeCount).toBe(0)
+    expect(retryFailed).not.toHaveBeenCalled()
+  })
+
+  it('focuses terminal failures once and restores an explicit all-results page after minimizing', async () => {
+    const store = useAccountJobsStore()
+    get.mockResolvedValue(job('partially_succeeded', { failed_count: 1 }))
+    listItems.mockImplementation(async (_id, params) => ({ items: [], total: 60, page: params.page, page_size: 20 }))
+    await store.openJob(19)
+    expect(store.itemFilter).toBe('failed')
+    await store.loadCurrent(19, { status: '', page: 2 })
+    store.closeDrawer()
+    await store.openJob(19)
+    expect(store.itemFilter).toBe('')
+    expect(store.itemPage.page).toBe(2)
   })
 
   it('refreshes the selected page and filters on an explicit request', async () => {
diff --git a/frontend/src/stores/accountJobs.ts b/frontend/src/stores/accountJobs.ts
index a928d1cdfea1..087bd9150832 100644
--- a/frontend/src/stores/accountJobs.ts
+++ b/frontend/src/stores/accountJobs.ts
@@ -9,6 +9,7 @@ import accountJobsAPI, {
 } from '@/api/admin/accountJobs'
 import { useAppStore } from '@/stores/app'
 import { i18n } from '@/i18n'
+import { clearAccountOperationKeys } from '@/api/accountOperationIdempotency'
 
 const POLL_INTERVAL_MS = 3_000
 const TERMINAL_STATUSES = new Set(['succeeded', 'partially_succeeded', 'failed', 'canceled'])
@@ -24,6 +25,13 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
   const selectedJobID = ref<number | null>(null)
   const items = ref<AccountJobItem[]>([])
   const drawerOpen = ref(false)
+  const embeddedOpen = ref(false)
+  const historyOpen = ref(false)
+  const connectionLost = ref(false)
+  const trackedJobs = ref<Record<number, AccountJob>>({})
+  const dismissedJobs = ref<Set<number>>(new Set())
+  const itemFilter = ref('')
+  const detailCache = new Map<number, { items: AccountJobItem[]; page: typeof itemPage; filter: string }>()
   const loadingJobs = ref(false)
   const loadingCurrent = ref(false)
   const jobPage = reactive({ total: 0, page: 1, pageSize: 20 })
@@ -31,6 +39,7 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
   const listFilters = reactive({ kind: '', status: '' })
   const trackedStatuses = new Map<number, AccountJob['status']>()
   const notifiedJobs = new Set<number>()
+  const failuresFocused = new Set<number>()
   let poller: ReturnType<typeof setInterval> | null = null
   let pollingEnabled = false
   let pollInFlight = false
@@ -40,15 +49,16 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
   let listRequestSerial = 0
   let currentRequestSerial = 0
 
-  const activeJobs = computed(() => recentJobs.value.filter((job) => !isTerminalAccountJob(job)))
+  const activeJobs = computed(() => Object.values(trackedJobs.value).filter((job) => !isTerminalAccountJob(job)))
   const activeCount = computed(() => activeJobs.value.length)
+  const visibleJobs = computed(() => Object.values(trackedJobs.value)
+    .filter(job => !dismissedJobs.value.has(job.id))
+    .sort((a, b) => b.id - a.id))
+  let activeRequest: AbortController | null = null
+  let recoveryNeeded = false
 
   function hasKnownActiveJobs(): boolean {
-    if (activeJobs.value.length > 0) return true
-    for (const status of trackedStatuses.values()) {
-      if (!TERMINAL_STATUSES.has(status)) return true
-    }
-    return false
+    return activeJobs.value.length > 0
   }
 
   function stopPolling(): void {
@@ -61,7 +71,7 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
 
   function syncPollingState(): void {
     if (!pollingEnabled || pollInFlight) return
-    if (!hasKnownActiveJobs()) {
+    if (!hasKnownActiveJobs() && !recoveryNeeded && !connectionLost.value) {
       stopPolling()
       return
     }
@@ -73,7 +83,7 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
   function notifyTerminal(job: AccountJob): void {
     const appStore = useAppStore()
     const key = `admin.accountTasks.notifications.${job.status}`
-    const message = String(i18n.global.t(key, { id: job.id }))
+    const message = String(i18n.global.t(key, { name: i18n.global.t(`admin.accountTasks.kinds.${job.kind}`) }))
     if (job.status === 'succeeded') appStore.showSuccess(message)
     else if (job.status === 'partially_succeeded' || job.status === 'canceled') {
       appStore.showWarning(message)
@@ -91,12 +101,13 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
       && !notifiedJobs.has(job.id)
     ) {
       notifiedJobs.add(job.id)
-      notifyTerminal(job)
+      if (currentJob.value?.id !== job.id || (!drawerOpen.value && !embeddedOpen.value)) notifyTerminal(job)
     }
     if (previous && isTerminalAccountJob(job) && !TERMINAL_STATUSES.has(previous)) {
       completedJobs.value = [...completedJobs.value, job]
     }
     trackedStatuses.set(job.id, job.status)
+    if (trackedJobs.value[job.id]) trackedJobs.value[job.id] = job
   }
 
   function updateRecent(job: AccountJob, allowInsert = false): void {
@@ -124,20 +135,18 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
     loadingCurrent.value = false
   }
 
-  function track(job: AccountJob, options: { open?: boolean } = {}): void {
+  function track(job: AccountJob, options: { open?: boolean; embedded?: boolean } = {}): void {
     observeTrackedTransition(job)
+    trackedJobs.value[job.id] = job
+    dismissedJobs.value.delete(job.id)
     listRequest?.abort()
     listRequestSerial += 1
     loadingJobs.value = false
     updateRecent(job, true)
     if (options.open !== false) {
-      invalidateCurrentRequest()
-      currentJob.value = job
-      selectedJobID.value = job.id
-      items.value = []
-      itemPage.total = 0
-      itemPage.page = 1
-      drawerOpen.value = true
+      selectJob(job.id, job)
+      embeddedOpen.value = !!options.embedded
+      drawerOpen.value = !options.embedded
     }
     if (!isTerminalAccountJob(job)) startPolling(false)
   }
@@ -160,7 +169,7 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
         status: listFilters.status || undefined,
       }, { signal: controller.signal })
       if (generation !== requestGeneration || requestSerial !== listRequestSerial) return
-      for (const job of page.items) observeTrackedTransition(job)
+      for (const job of page.items) if (trackedJobs.value[job.id]) observeTrackedTransition(job)
       recentJobs.value = page.items
       jobPage.total = page.total
       jobPage.page = page.page
@@ -189,14 +198,19 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
     currentRequest = controller
     loadingCurrent.value = true
     try {
-      const [job, page] = await Promise.all([
-        accountJobsAPI.get(jobID, { signal: controller.signal }),
-        accountJobsAPI.listItems(jobID, {
-          page: params.page ?? itemPage.page,
-          page_size: params.page_size ?? itemPage.pageSize,
-          status: params.status,
-        }, { signal: controller.signal }),
-      ])
+      const job = await accountJobsAPI.get(jobID, { signal: controller.signal })
+      if (generation !== requestGeneration || requestSerial !== currentRequestSerial || selectedJobID.value !== jobID) return
+      let status = params.status ?? itemFilter.value
+      let requestedPage = params.page ?? itemPage.page
+      if (isTerminalAccountJob(job) && job.failed_count > 0 && !failuresFocused.has(jobID) && params.status === undefined) {
+        status = 'failed'
+        requestedPage = 1
+      }
+      const page = await accountJobsAPI.listItems(jobID, {
+        page: requestedPage,
+        page_size: params.page_size ?? itemPage.pageSize,
+        status: status || undefined,
+      }, { signal: controller.signal })
       if (generation !== requestGeneration || requestSerial !== currentRequestSerial || selectedJobID.value !== jobID) return
       observeTrackedTransition(job)
       currentJob.value = job
@@ -205,12 +219,17 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
       itemPage.total = page.total
       itemPage.page = page.page
       itemPage.pageSize = page.page_size
+      itemFilter.value = status
+      if (isTerminalAccountJob(job) && job.failed_count > 0) failuresFocused.add(jobID)
+      detailCache.set(jobID, { items: page.items, page: { ...itemPage }, filter: itemFilter.value })
+      connectionLost.value = false
     } catch (error) {
       if (controller.signal.aborted || generation !== requestGeneration || requestSerial !== currentRequestSerial) return
       controller.abort()
       if ((error as { status?: number; response?: { status?: number } })?.status === 404
         || (error as { response?: { status?: number } })?.response?.status === 404) {
         trackedStatuses.delete(jobID)
+        delete trackedJobs.value[jobID]
         selectedJobID.value = null
         currentJob.value = null
         items.value = []
@@ -233,14 +252,10 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
     jobID: number,
     params: AccountJobItemListParams = {},
   ): Promise<void> {
-    if (selectedJobID.value !== jobID) {
-      items.value = []
-      itemPage.total = 0
-      itemPage.page = 1
-    }
-    const known = recentJobs.value.find((job) => job.id === jobID)
-    selectedJobID.value = jobID
-    currentJob.value = known ?? null
+    const known = trackedJobs.value[jobID] ?? recentJobs.value.find((job) => job.id === jobID)
+    selectJob(jobID, known)
+    embeddedOpen.value = false
+    historyOpen.value = false
     drawerOpen.value = true
     try {
       await loadCurrent(jobID, params)
@@ -252,6 +267,41 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
   function closeDrawer(): void {
     invalidateCurrentRequest()
     drawerOpen.value = false
+    embeddedOpen.value = false
+  }
+
+  function selectJob(id: number, job?: AccountJob): void {
+    invalidateCurrentRequest()
+    const cache = detailCache.get(id)
+    selectedJobID.value = id
+    currentJob.value = job ?? null
+    items.value = cache?.items ?? []
+    Object.assign(itemPage, cache?.page ?? { total: 0, page: 1, pageSize: 20 })
+    itemFilter.value = cache?.filter ?? ''
+  }
+
+  function dismissJob(id: number): void {
+    if (trackedJobs.value[id] && !isTerminalAccountJob(trackedJobs.value[id])) return
+    dismissedJobs.value.add(id)
+    if (currentJob.value?.id === id) closeDrawer()
+  }
+
+  // Recover every active operation, independently of history pagination/filters.
+  async function recoverActive(signal: AbortSignal, epoch: number): Promise<void> {
+    for (const status of ['pending', 'running']) {
+      let page = 1
+      for (;;) {
+        const result = await accountJobsAPI.list({ status, page, page_size: 100 }, { signal })
+        if (epoch !== generation || signal.aborted) return
+        for (const job of result.items) {
+          observeTrackedTransition(job)
+          trackedJobs.value[job.id] = job
+        }
+        if (!result.items.length || page * result.page_size >= result.total) break
+        page++
+      }
+    }
+    if (epoch === generation) recoveryNeeded = false
   }
 
   async function refreshDrawer(): Promise<void> {
@@ -268,33 +318,58 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
 
   async function poll(): Promise<void> {
     if (!pollingEnabled || pollInFlight) return
+    const epoch = generation
     pollInFlight = true
+    const controller = new AbortController()
+    activeRequest = controller
     try {
-      await loadRecent()
+      if (recoveryNeeded) await recoverActive(controller.signal, epoch)
+      const activeIDs = activeJobs.value.map(job => job.id)
+      for (let offset = 0; offset < activeIDs.length; offset += 5) {
+        await Promise.all(activeIDs.slice(offset, offset + 5).map(async id => {
+          try {
+            const job = await accountJobsAPI.get(id, { signal: controller.signal })
+            if (epoch !== generation || controller.signal.aborted) return
+            observeTrackedTransition(job)
+            updateRecent(job)
+            if (currentJob.value?.id === id) currentJob.value = job
+          } catch (error) {
+            if ((error as { status?: number })?.status === 404 && epoch === generation) {
+              delete trackedJobs.value[id]
+              trackedStatuses.delete(id)
+              return
+            }
+            throw error
+          }
+        }))
+      }
+      if (epoch !== generation || controller.signal.aborted) return
       const jobID = selectedJobID.value
-      const selected = currentJob.value
-      if (drawerOpen.value && jobID !== null && (!selected || !isTerminalAccountJob(selected))) {
+      if ((drawerOpen.value || embeddedOpen.value) && jobID !== null) {
         await loadCurrent(jobID)
       }
+      connectionLost.value = false
     } catch (error) {
-      if (!(error as { code?: string })?.code?.includes('CANCEL')) {
-        console.error('Account job polling failed', error)
-      }
+      if (epoch === generation && !(error as { code?: string })?.code?.includes('CANCEL')) connectionLost.value = true
     } finally {
-      pollInFlight = false
-      syncPollingState()
+      if (epoch === generation) {
+        activeRequest = null
+        pollInFlight = false
+        syncPollingState()
+      }
     }
   }
 
   function startPolling(immediate = true): void {
     pollingEnabled = true
-    if (immediate) void poll()
+    if (immediate) { recoveryNeeded = true; void poll() }
     syncPollingState()
   }
 
   async function openDrawer(): Promise<void> {
-    drawerOpen.value = true
-    await refreshDrawer()
+    historyOpen.value = true
+    try { await loadRecent({ page: 1, kind: '', status: '' }) }
+    catch { useAppStore().showError(String(i18n.global.t('admin.accountTasks.loadFailed'))) }
   }
 
   async function cancelJob(jobID: number): Promise<AccountJob> {
@@ -307,24 +382,32 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
 
   async function retryJob(jobID: number): Promise<AccountJob> {
     const replacement = await accountJobsAPI.retryFailed(jobID)
-    track(replacement)
+    track(replacement, { embedded: embeddedOpen.value })
+    void loadCurrent(replacement.id).catch(() => { connectionLost.value = true })
     return replacement
   }
 
   async function reviewDuplicates(accountIDs: number[]): Promise<AccountJob> {
     const job = await accountJobsAPI.reviewDuplicates(accountIDs)
-    track(job)
+    track(job, { embedded: embeddedOpen.value })
+    void loadCurrent(job.id).catch(() => { connectionLost.value = true })
     return job
   }
 
   async function mergeDuplicates(request: DuplicateMergeRequest): Promise<AccountJob> {
     const job = await accountJobsAPI.mergeDuplicates(request)
-    track(job)
+    track(job, { embedded: embeddedOpen.value })
+    void loadCurrent(job.id).catch(() => { connectionLost.value = true })
     return job
   }
 
   function clear(): void {
+    clearAccountOperationKeys()
     stopPolling()
+    activeRequest?.abort()
+    activeRequest = null
+    pollInFlight = false
+    recoveryNeeded = false
     listRequest?.abort()
     currentRequest?.abort()
     generation += 1
@@ -334,6 +417,13 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
     selectedJobID.value = null
     items.value = []
     drawerOpen.value = false
+    embeddedOpen.value = false
+    historyOpen.value = false
+    connectionLost.value = false
+    trackedJobs.value = {}
+    dismissedJobs.value = new Set()
+    detailCache.clear()
+    itemFilter.value = ''
     loadingJobs.value = false
     loadingCurrent.value = false
     jobPage.total = 0
@@ -346,6 +436,7 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
     listFilters.status = ''
     trackedStatuses.clear()
     notifiedJobs.clear()
+    failuresFocused.clear()
   }
 
   return {
@@ -356,6 +447,12 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
     currentJob,
     items,
     drawerOpen,
+    embeddedOpen,
+    historyOpen,
+    connectionLost,
+    visibleJobs,
+    itemFilter,
+    dismissJob,
     loadingJobs,
     loadingCurrent,
     jobPage,
diff --git a/frontend/src/utils/codexTicketEligibility.ts b/frontend/src/utils/codexTicketEligibility.ts
new file mode 100644
index 000000000000..bfccd434c891
--- /dev/null
+++ b/frontend/src/utils/codexTicketEligibility.ts
@@ -0,0 +1,15 @@
+import type { Account } from '@/types'
+
+export type TicketAccountIdentity = Pick<Account, 'id' | 'platform' | 'type' | 'parent_account_id'>
+
+// Match the backend's IsOpenAIOAuthLike + non-shadow ownership contract.
+// Account status and business schedulability do not control ticket ownership.
+export function canManageCodexTickets(account?: TicketAccountIdentity | null): boolean {
+  return !!account && account.platform === 'openai'
+    && (account.type === 'oauth' || account.type === 'setup-token')
+    && account.parent_account_id == null
+}
+
+export function allCanManageCodexTickets(ids: number[], accounts: Map<number, TicketAccountIdentity>): boolean {
+  return ids.length > 0 && ids.every(id => canManageCodexTickets(accounts.get(id)))
+}
diff --git a/frontend/src/views/admin/AccountsView.vue b/frontend/src/views/admin/AccountsView.vue
index 8061a9237422..31cace6e6e84 100644
--- a/frontend/src/views/admin/AccountsView.vue
+++ b/frontend/src/views/admin/AccountsView.vue
@@ -1,5 +1,6 @@
 <template>
   <AppLayout>
+    <div v-if="immediateAccountActions.size" role="status" class="mb-3 flex items-center gap-2 text-xs text-muted"><Icon name="refresh" size="sm" class="animate-spin" />{{ t('common.processing') }}</div>
     <slot
       name="scope-tools"
       :selected-ids="selIds"
@@ -20,6 +21,7 @@
             @create="showCreate = true"
           >
             <template #after>
+              <button class="btn btn-ghost px-2" data-test="operation-history" @click="accountJobsStore.openDrawer()"><Icon name="clock" size="sm" /><span class="hidden md:inline">{{ t('admin.accountTasks.historyAction') }}</span></button>
               <label class="flex items-center gap-2 text-sm text-gray-700 dark:text-gray-200">
                 <span class="hidden md:inline">{{ t('admin.accounts.apiKeyReveal') }}</span>
                 <Toggle
@@ -237,6 +239,7 @@
           <span>#{{ completedImportJobIDs.join(', #') }}</span>
         </div>
         <AccountBulkActionsBar
+          :can-harvest-tickets="canHarvestTickets"
           :selected-ids="selIds"
           :total-results="pagination.total"
           :selecting-all="selectingAllResults"
@@ -509,6 +512,7 @@
             </div>
           </template>
           <template #cell-actions="{ row }">
+            <span v-if="immediateAccountActions.has(row.id)" role="status" class="inline-flex items-center gap-1 text-xs text-muted"><Icon name="refresh" size="sm" class="animate-spin" />{{ t('common.processing') }}</span>
             <div class="flex items-center gap-1" @click.stop>
               <button @click.stop="handleEdit(row)" class="flex flex-col items-center gap-0.5 rounded-none p-1.5 text-gray-500 transition-colors hover:bg-gray-100 hover:text-primary-600 dark:hover:bg-dark-700 dark:hover:text-primary-400">
                 <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" /></svg>
@@ -571,11 +575,12 @@
     <EditAccountModal :show="showEdit" :account="edAcc" :proxies="proxies" :groups="groups" @close="showEdit = false" @updated="handleAccountUpdated" />
     <ReAuthAccountModal :show="showReAuth" :account="reAuthAcc" @close="closeReAuthModal" @reauthorized="handleAccountUpdated" />
     <AccountTestModal :show="showTest" :account="testingAcc" @close="closeTestModal" />
-    <BatchTestAccountModal :show="showBatchTest" :account-ids="batchTestAccountIDs" @close="showBatchTest = false; enterAutoRefreshSilentWindow()" @submitted="accountJobsStore.track" />
-    <CodexTicketHarvestModal :show="showTicketHarvest" :account-ids="ticketAccountIDs" @close="showTicketHarvest = false; enterAutoRefreshSilentWindow()" @submitted="accountJobsStore.track" />
+    <BatchTestAccountModal :show="showBatchTest" :account-ids="batchTestAccountIDs" @close="showBatchTest = false; enterAutoRefreshSilentWindow()" />
+    <CodexTicketHarvestModal :show="showTicketHarvest" :account-ids="ticketAccountIDs" @close="showTicketHarvest = false; enterAutoRefreshSilentWindow()" />
+    <AccountOperationConfirmDialog v-if="pendingOperation" :show="true" :title="pendingOperation.title" :message="pendingOperation.message" :danger="pendingOperation.danger" :execute="pendingOperation.execute" @close="pendingOperation = null" @submitted="clearSelection()" />
     <AccountStatsModal :show="showStats" :account="statsAcc" @close="closeStatsModal" />
     <ScheduledTestsPanel :show="showSchedulePanel" :account-id="scheduleAcc?.id ?? null" :model-options="scheduleModelOptions" @close="closeSchedulePanel" />
-    <AccountActionMenu :show="menu.show" :account="menu.acc" :anchor-rect="menu.anchorRect" @close="menu.show = false" @harvest-tickets="account => openTicketHarvest([account.id])" @test="handleTest" @stats="handleViewStats" @schedule="handleSchedule" @duplicate="handleDuplicateAccount" @reauth="handleReAuth" @refresh-token="handleRefresh" @recover-state="handleRecoverState" @recover-cindy-balance="handleRecoverCindyBalance" @reset-quota="handleResetQuota" @set-privacy="handleSetPrivacy" @create-spark-shadow="handleCreateSparkShadow" />
+    <AccountActionMenu :busy="!!menu.acc && immediateAccountActions.has(menu.acc.id)" :show="menu.show" :account="menu.acc" :anchor-rect="menu.anchorRect" @close="menu.show = false" @harvest-tickets="account => openTicketHarvest([account.id])" @test="handleTest" @stats="handleViewStats" @schedule="handleSchedule" @duplicate="handleDuplicateAccount" @reauth="handleReAuth" @refresh-token="handleRefresh" @recover-state="handleRecoverState" @recover-cindy-balance="handleRecoverCindyBalance" @reset-quota="handleResetQuota" @set-privacy="handleSetPrivacy" @create-spark-shadow="handleCreateSparkShadow" />
     <SyncFromCrsModal :show="showSync" @close="showSync = false" @synced="reload" />
     <ImportDataModal
       :show="showImportData"
@@ -599,15 +604,15 @@
     />
     <TempUnschedStatusModal :show="showTempUnsched" :account="tempUnschedAcc" @close="showTempUnsched = false" @reset="handleTempUnschedReset" />
     <ConfirmDialog :show="showDeleteDialog" :title="t('admin.accounts.deleteAccount')" :message="t('admin.accounts.deleteConfirm', { name: deletingAcc?.name })" :confirm-text="t('common.delete')" :cancel-text="t('common.cancel')" :danger="true" @confirm="confirmDelete" @cancel="showDeleteDialog = false" />
-    <ConfirmDialog
+    <AccountOperationConfirmDialog
       :show="showCindyDeleteDialog"
       :title="cindyView === 'banned' ? t('admin.accounts.cindy.deleteBanned') : t('admin.accounts.cindy.deleteInsufficient')"
       :message="t(cindyView === 'banned' ? 'admin.accounts.cindy.deleteBannedConfirm' : 'admin.accounts.cindy.deleteConfirm', { count: cindyDeletePreview?.count ?? 0 })"
       :confirm-text="t('common.delete')"
-      :cancel-text="t('common.cancel')"
       :danger="true"
-      @confirm="confirmCindyTerminalDelete"
-      @cancel="closeCindyDeleteDialog"
+      :execute="confirmCindyTerminalDelete"
+      @submitted="clearSelection()"
+      @close="closeCindyDeleteDialog"
     />
     <ConfirmDialog :show="showCreateShadowDialog" :title="t('admin.accounts.createSparkShadow')" :message="t('admin.accounts.createSparkShadowConfirm', { name: creatingShadowAcc?.name })" @confirm="confirmCreateSparkShadow" @cancel="showCreateShadowDialog = false" />
     <ConfirmDialog :show="showExportDataDialog" :title="t('admin.accounts.dataExport')" :message="t('admin.accounts.dataExportConfirmMessage')" :confirm-text="t('admin.accounts.dataExportConfirm')" :cancel-text="t('common.cancel')" @confirm="handleExportData" @cancel="showExportDataDialog = false">
@@ -731,6 +736,8 @@ import AccountUsageCell from '@/components/account/AccountUsageCell.vue'
 import UpstreamBillingRateCell from '@/components/account/UpstreamBillingRateCell.vue'
 import BatchTestAccountModal from '@/components/admin/account/BatchTestAccountModal.vue'
 import CodexTicketHarvestModal from '@/components/admin/account/CodexTicketHarvestModal.vue'
+import AccountOperationConfirmDialog from '@/components/admin/account-jobs/AccountOperationConfirmDialog.vue'
+import { useTicketSelection } from '@/composables/useTicketSelection'
 import AccountIdentityBadges from '@/components/account/AccountIdentityBadges.vue'
 import AccountSelectionCheckbox from '@/components/account/AccountSelectionCheckbox.vue'
 import { getAccountPlanType } from '@/utils/accountPresentation'
@@ -772,6 +779,10 @@ const { t } = useI18n()
 const appStore = useAppStore()
 const authStore = useAuthStore()
 const accountJobsStore = useAccountJobsStore()
+const pendingOperation = ref<{ title: string; message: string; danger?: boolean; execute: () => Promise<AccountJob> } | null>(null)
+function confirmAccountOperation(kind: string, ids: number[], execute: () => Promise<AccountJob>, danger = false) {
+  pendingOperation.value = { title: t(`admin.accountTasks.kinds.${kind}`), message: t('admin.accountTasks.confirmAction', { count: ids.length }), execute, danger }
+}
 const pendingDataImportJobIDs = new Map<number, number>()
 const completedImportJobIDs = ref<number[]>([])
 const showBatchTest = ref(false)
@@ -1751,6 +1762,7 @@ const {
   rows: accounts,
   getId: (account) => account.id
 })
+const { canHarvestTickets, remember: rememberTicketAccounts } = useTicketSelection(selIds, accounts)
 
 watch(selectedSet, () => {
   if (!applyingImportSelection) importSelectionRevision += 1
@@ -2407,60 +2419,24 @@ const openMenu = (a: Account, e: MouseEvent) => {
 }
 const handleBulkDelete = async () => {
   const accountIds = [...selIds.value]
-  if (!confirm(t('admin.accounts.bulkActions.confirmDelete', { count: accountIds.length }))) return
-  try {
-    const job = await adminAPI.accounts.batchDelete(accountIds)
-    clearSelection()
-    accountJobsStore.track(job)
-  } catch (error) {
-    console.error('Failed to bulk delete accounts:', error)
-    appStore.showError(String(error))
-  }
+  confirmAccountOperation('account_batch_delete', accountIds, () => adminAPI.accounts.batchDelete(accountIds), true)
 }
 const handleBulkResetStatus = async () => {
-  if (!confirm(t('common.confirm'))) return
-  try {
-    const job = await adminAPI.accounts.batchClearError([...selIds.value])
-    clearSelection()
-    accountJobsStore.track(job)
-  } catch (error) {
-    console.error('Failed to bulk reset status:', error)
-    appStore.showError(String(error))
-  }
+  const ids = [...selIds.value]
+  confirmAccountOperation('account_batch_clear_error', ids, () => adminAPI.accounts.batchClearError(ids))
 }
 const handleBulkRefreshToken = async () => {
-  if (!confirm(t('common.confirm'))) return
   const accountIds = [...selIds.value]
-  try {
-    const job = await adminAPI.accounts.batchRefresh(accountIds)
-    clearSelection()
-    accountJobsStore.track(job)
-  } catch (error) {
-    console.error('Failed to bulk refresh token:', error)
-    appStore.showError(String(error))
-  }
+  confirmAccountOperation('account_batch_refresh', accountIds, () => adminAPI.accounts.batchRefresh(accountIds))
 }
 const handleBulkRefreshTier = async () => {
-  if (!confirm(t('common.confirm'))) return
-  try {
-    const job = await adminAPI.accounts.batchRefreshTier([...selIds.value])
-    clearSelection()
-    accountJobsStore.track(job)
-  } catch (error) {
-    console.error('Failed to bulk refresh account tiers:', error)
-    appStore.showError(String(error))
-  }
+  const ids = [...selIds.value]
+  confirmAccountOperation('account_batch_refresh_tier', ids, () => adminAPI.accounts.batchRefreshTier(ids))
 }
 const handleDuplicateReview = async () => {
   const accountIDs = [...selIds.value]
   if (accountIDs.length < 2 || accountIDs.length > 100) return
-  try {
-    await accountJobsStore.reviewDuplicates(accountIDs)
-    clearSelection()
-  } catch (error) {
-    console.error('Failed to review duplicate accounts:', error)
-    appStore.showError(t('common.operationFailed'))
-  }
+  confirmAccountOperation('account_duplicate_review', accountIDs, () => accountJobsAPI.reviewDuplicates(accountIDs))
 }
 const handleBulkProbeUpstreamBilling = async () => {
   const accountIDs = [...selIds.value]
@@ -2498,14 +2474,7 @@ const handleBulkProbeUpstreamBilling = async () => {
 }
 const handleBulkToggleSchedulable = async (schedulable: boolean) => {
   const accountIds = [...selIds.value]
-  try {
-    const job = await adminAPI.accounts.bulkUpdate(accountIds, { schedulable })
-    clearSelection()
-    accountJobsStore.track(job)
-  } catch (error) {
-    console.error('Failed to bulk toggle schedulable:', error)
-    appStore.showError(t('common.error'))
-  }
+  confirmAccountOperation('account_bulk_update', accountIds, () => adminAPI.accounts.bulkUpdate(accountIds, { schedulable }))
 }
 const buildBulkEditFilterSnapshot = () => {
   return buildAccountQueryFilters()
@@ -2519,7 +2488,11 @@ const handleSelectAllResults = async () => {
   selectingAllResults.value = true
   try {
     const ids = await fetchAllAccountIds(
-      (page, pageSize, requestFilters) => adminAPI.accounts.list(page, pageSize, requestFilters),
+      async (page, pageSize, requestFilters) => {
+        const result = await adminAPI.accounts.list(page, pageSize, requestFilters)
+        rememberTicketAccounts(result.items)
+        return result
+      },
       filters
     )
     if (requestVersion !== selectionRequestVersion.value) return
@@ -2594,9 +2567,8 @@ const closeBulkTaxonomy = () => {
 }
 
 const handleBulkTaxonomyUpdated = (job: AccountJob) => {
-  closeBulkTaxonomy()
   clearSelection()
-  accountJobsStore.track(job)
+  accountJobsStore.track(job, { open: false })
 }
 
 const handleBulkTaxonomyStale = async () => {
@@ -2605,15 +2577,12 @@ const handleBulkTaxonomyStale = async () => {
 }
 
 const handleBulkUpdated = (job: AccountJob) => {
-  showBulkEdit.value = false
-  bulkEditTarget.value = null
   clearSelection()
-  accountJobsStore.track(job)
+  accountJobsStore.track(job, { open: false })
 }
 const handleDataImported = (job: AccountJob) => {
-  showImportData.value = false
   pendingDataImportJobIDs.set(job.id, importSelectionRevision)
-  accountJobsStore.track(job)
+  accountJobsStore.track(job, { open: false })
 }
 
 const completedImportQueue = new Map<number, number>()
@@ -2662,10 +2631,18 @@ const refreshCompletedImports = async () => {
 }
 
 const observedAccountJobs = computed(() => [...(accountJobsStore.recentJobs || []), ...(accountJobsStore.completedJobs || [])])
+const refreshedOperations = new Set<number>()
 watch(
   () => observedAccountJobs.value.map(job => `${job.id}:${job.status}`).join('|'),
   () => {
     for (const job of observedAccountJobs.value) {
+      if (isTerminalAccountJob(job) && accountJobsStore.completedJobs?.some(done => done.id === job.id) && !refreshedOperations.has(job.id)) {
+        refreshedOperations.add(job.id)
+        if (!pendingDataImportJobIDs.has(job.id) && job.kind !== 'account_batch_test' && job.kind !== 'account_duplicate_review') {
+          void load()
+          if (['account_bulk_taxonomy', 'account_bulk_update', 'account_batch_delete', 'account_duplicate_merge', 'cindy_confirmed_cleanup', 'cindy_banned_cleanup'].includes(job.kind)) void loadFacets()
+        }
+      }
       const revision = pendingDataImportJobIDs.get(job.id)
       if (revision === undefined || !isTerminalAccountJob(job)) continue
       pendingDataImportJobIDs.delete(job.id)
@@ -2677,7 +2654,7 @@ watch(
 const handleAccountCreated = (job?: AccountJob) => {
   if (job) {
     clearSelection()
-    accountJobsStore.track(job)
+    accountJobsStore.track(job, { open: false })
     return
   }
   void reload()
@@ -2838,18 +2815,15 @@ const openCindyTerminalDelete = async () => {
     cindyDeleteLoading.value = false
   }
 }
-const confirmCindyTerminalDelete = async () => {
+const confirmCindyTerminalDelete = async (): Promise<AccountJob> => {
   const preview = cindyDeletePreview.value
-  if (!preview || cindyDeleteLoading.value) return
+  if (!preview || cindyDeleteLoading.value) throw new Error('No pending cleanup')
   cindyDeleteLoading.value = true
   try {
     const job = cindyView.value === 'banned'
       ? await adminAPI.accounts.deleteCindyBanned(preview)
       : await adminAPI.accounts.deleteCindyInsufficient(preview)
-    showCindyDeleteDialog.value = false
-    cindyDeletePreview.value = null
-    clearSelection()
-    accountJobsStore.track(job)
+    return job
   } catch (error: any) {
     showCindyDeleteDialog.value = false
     cindyDeletePreview.value = null
@@ -2863,11 +2837,14 @@ const confirmCindyTerminalDelete = async () => {
       console.error('Failed to delete Cindy insufficient accounts:', error)
       appStore.showError(extractApiErrorMessage(error, t(cindyView.value === 'banned' ? 'admin.accounts.cindy.deleteBannedFailed' : 'admin.accounts.cindy.deleteFailed')))
     }
+    throw error
   } finally {
     cindyDeleteLoading.value = false
   }
 }
 const handleRecoverCindyBalance = async (account: Account) => {
+  if (immediateAccountActions.has(account.id)) return
+  immediateAccountActions.add(account.id)
   try {
     const updated = await adminAPI.accounts.clearCindyBalanceInsufficient(account.id)
     handleAccountUpdated(updated)
@@ -2876,7 +2853,7 @@ const handleRecoverCindyBalance = async (account: Account) => {
   } catch (error) {
     console.error('Failed to clear Cindy insufficient balance marker:', error)
     appStore.showError(extractApiErrorMessage(error, t('admin.accounts.cindy.recoverFailed')))
-  }
+  } finally { immediateAccountActions.delete(account.id) }
 }
 const handleTaxonomyAccountUpdated = async (updatedAccount: Account) => {
   handleAccountUpdated(updatedAccount)
@@ -2970,6 +2947,7 @@ const handleSchedule = async (a: Account) => {
 const closeSchedulePanel = () => { showSchedulePanel.value = false; scheduleAcc.value = null; scheduleModelOptions.value = [] }
 const handleReAuth = (a: Account) => { reAuthAcc.value = a; showReAuth.value = true }
 const duplicatingAccountIDs = new Set<number>()
+const immediateAccountActions = reactive(new Set<number>())
 const handleDuplicateAccount = async (a: Account) => {
   if (duplicatingAccountIDs.has(a.id)) return
   duplicatingAccountIDs.add(a.id)
@@ -2985,16 +2963,22 @@ const handleDuplicateAccount = async (a: Account) => {
   }
 }
 const handleRefresh = async (a: Account) => {
+  if (immediateAccountActions.has(a.id)) return
+  immediateAccountActions.add(a.id)
   try {
     const result = await adminAPI.accounts.refreshCredentials(a.id)
     patchAccountInList(result.account)
     enterAutoRefreshSilentWindow()
     if (result.warning) appStore.showWarning(result.message)
+    else appStore.showSuccess(t('common.success'))
   } catch (error) {
     console.error('Failed to refresh credentials:', error)
-  }
+    appStore.showError(t('common.operationFailed'))
+  } finally { immediateAccountActions.delete(a.id) }
 }
 const handleRecoverState = async (a: Account) => {
+  if (immediateAccountActions.has(a.id)) return
+  immediateAccountActions.add(a.id)
   try {
     const updated = await adminAPI.accounts.recoverState(a.id)
     patchAccountInList(updated)
@@ -3003,9 +2987,11 @@ const handleRecoverState = async (a: Account) => {
   } catch (error: any) {
     console.error('Failed to recover account state:', error)
     appStore.showError(error?.message || t('admin.accounts.recoverStateFailed'))
-  }
+  } finally { immediateAccountActions.delete(a.id) }
 }
 const handleResetQuota = async (a: Account) => {
+  if (immediateAccountActions.has(a.id)) return
+  immediateAccountActions.add(a.id)
   try {
     const updated = await adminAPI.accounts.resetAccountQuota(a.id)
     patchAccountInList(updated)
@@ -3013,7 +2999,8 @@ const handleResetQuota = async (a: Account) => {
     appStore.showSuccess(t('common.success'))
   } catch (error) {
     console.error('Failed to reset quota:', error)
-  }
+    appStore.showError(t('common.operationFailed'))
+  } finally { immediateAccountActions.delete(a.id) }
 }
 
 const privacyResultMessageKey = (account: Account): { type: 'success' | 'error'; key: string } => {
@@ -3038,6 +3025,8 @@ const privacyResultMessageKey = (account: Account): { type: 'success' | 'error';
 }
 
 const handleSetPrivacy = async (a: Account) => {
+  if (immediateAccountActions.has(a.id)) return
+  immediateAccountActions.add(a.id)
   try {
     const updated = await adminAPI.accounts.setPrivacy(a.id)
     patchAccountInList(updated)
@@ -3051,9 +3040,11 @@ const handleSetPrivacy = async (a: Account) => {
   } catch (error: any) {
     console.error('Failed to set privacy:', error)
     appStore.showError(error?.response?.data?.message || t('admin.accounts.privacyFailed'))
-  }
+  } finally { immediateAccountActions.delete(a.id) }
 }
 const onRevertFallback = async (a: Account) => {
+  if (immediateAccountActions.has(a.id)) return
+  immediateAccountActions.add(a.id)
   try {
     await adminAPI.accounts.revertProxyFallback(a.id)
     appStore.showSuccess(t('admin.accounts.revertProxySuccess'))
@@ -3061,7 +3052,7 @@ const onRevertFallback = async (a: Account) => {
   } catch (error: any) {
     console.error('Failed to revert proxy fallback:', error)
     appStore.showError(error?.response?.data?.message || t('admin.accounts.revertProxyFailed'))
-  }
+  } finally { immediateAccountActions.delete(a.id) }
 }
 const handleCreateSparkShadow = (a: Account) => {
   creatingShadowAcc.value = a
@@ -3069,7 +3060,8 @@ const handleCreateSparkShadow = (a: Account) => {
 }
 const confirmCreateSparkShadow = async () => {
   const a = creatingShadowAcc.value
-  if (!a) return
+  if (!a || immediateAccountActions.has(a.id)) return
+  immediateAccountActions.add(a.id)
   try {
     await adminAPI.accounts.createSparkShadow(a.id, { name: `${a.name} (Spark)` })
     showCreateShadowDialog.value = false
@@ -3079,10 +3071,21 @@ const confirmCreateSparkShadow = async () => {
   } catch (error: any) {
     console.error('Failed to create spark shadow-outline:', error)
     appStore.showError(error?.response?.data?.message || t('admin.accounts.createSparkShadowFailed'))
-  }
+  } finally { immediateAccountActions.delete(a.id) }
 }
 const handleDelete = (a: Account) => { deletingAcc.value = a; showDeleteDialog.value = true }
-const confirmDelete = async () => { if(!deletingAcc.value) return; try { await adminAPI.accounts.delete(deletingAcc.value.id); showDeleteDialog.value = false; deletingAcc.value = null; reload() } catch (error) { console.error('Failed to delete account:', error) } }
+const confirmDelete = async () => {
+  const account = deletingAcc.value
+  if (!account || immediateAccountActions.has(account.id)) return
+  immediateAccountActions.add(account.id)
+  try {
+    await adminAPI.accounts.delete(account.id)
+    showDeleteDialog.value = false; deletingAcc.value = null
+    await load()
+  } catch {
+    appStore.showError(t('common.operationFailed'))
+  } finally { immediateAccountActions.delete(account.id) }
+}
 const updateSchedulableInList = (accountIds: number[], schedulable: boolean) => {
   const idSet = new Set(accountIds)
   accounts.value = accounts.value.map((account) => (
@@ -3159,6 +3162,7 @@ const handleClickOutside = (event: MouseEvent) => {
 }
 
 onMounted(async () => {
+  if (route.query.operations === 'history') void accountJobsStore.openDrawer()
   if (typeof window !== 'undefined') {
     desktopViewportMediaQuery = window.matchMedia(desktopViewportQuery)
     isDesktopViewport.value = desktopViewportMediaQuery.matches
diff --git a/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts b/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts
index fd7eef945deb..7d767489773c 100644
--- a/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts
+++ b/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { name: 'AccountOperationDialog', props: ['job', 'show'], template: '<div v-if="show"><slot/><slot name="footer"/></div>' } }))
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { flushPromises, mount } from '@vue/test-utils'
 import { createMemoryHistory, createRouter } from 'vue-router'
@@ -427,7 +428,7 @@ describe('admin AccountsView Cockpit console', () => {
     await wrapper.get('[data-test="emit-import-result"]').trigger('click')
     await flushPromises()
 
-    expect(jobTrack).toHaveBeenCalledWith({ id: 71, kind: 'account_import', status: 'pending' })
+    expect(jobTrack).toHaveBeenCalledWith({ id: 71, kind: 'account_import', status: 'pending' }, { open: false })
     expect(wrapper.get('[data-test="console-account-ids"]').text()).toBe('')
     expect(wrapper.get('[data-test="selected-ids"]').text()).toBe('')
     wrapper.unmount()
@@ -597,7 +598,7 @@ describe('admin AccountsView Cockpit console', () => {
     await wrapper.get('[data-test="emit-import-result"]').trigger('click')
     await flushPromises()
     expect(wrapper.get('[data-test="scope-tools-context"]').attributes('data-selected')).toBe('')
-    expect(jobTrack).toHaveBeenCalledWith({ id: 71, kind: 'account_import', status: 'pending' })
+    expect(jobTrack).toHaveBeenCalledWith({ id: 71, kind: 'account_import', status: 'pending' }, { open: false })
   })
 
   it('deletes Cindy insufficient accounts only with the server preview fingerprint', async () => {
@@ -621,7 +622,7 @@ describe('admin AccountsView Cockpit console', () => {
     await wrapper.get('[data-test="confirm-dialog-submit"]').trigger('click')
     await flushPromises()
     expect(deleteCindyInsufficient).toHaveBeenCalledWith({ count: 2, fingerprint: 'fingerprint-2' })
-    expect(jobTrack).toHaveBeenCalledWith({ id: 72, kind: 'cindy_cleanup', status: 'pending' })
+    expect(wrapper.findComponent({ name: 'AccountOperationConfirmDialog' }).findComponent({ name: 'AccountOperationDialog' }).props('job')).toMatchObject({ id: 72, kind: 'cindy_cleanup', status: 'pending' })
     expect(showSuccess).not.toHaveBeenCalled()
   })
 
@@ -659,7 +660,7 @@ describe('admin AccountsView Cockpit console', () => {
     await wrapper.get('[data-test="confirm-dialog-submit"]').trigger('click')
     await flushPromises()
     expect(deleteCindyBanned).toHaveBeenCalledWith({ count: 1, fingerprint: 'banned-fingerprint' })
-    expect(jobTrack).toHaveBeenCalledWith({ id: 73, kind: 'cindy_banned_cleanup', status: 'pending' })
+    expect(wrapper.findComponent({ name: 'AccountOperationConfirmDialog' }).findComponent({ name: 'AccountOperationDialog' }).props('job')).toMatchObject({ id: 73, kind: 'cindy_banned_cleanup', status: 'pending' })
   })
 
   it('manual Cindy recovery calls the dedicated endpoint and refreshes the filtered list', async () => {
diff --git a/frontend/src/views/admin/__tests__/AccountsView.selectAllResults.spec.ts b/frontend/src/views/admin/__tests__/AccountsView.selectAllResults.spec.ts
index b11c009d054e..d16bbc491f22 100644
--- a/frontend/src/views/admin/__tests__/AccountsView.selectAllResults.spec.ts
+++ b/frontend/src/views/admin/__tests__/AccountsView.selectAllResults.spec.ts
@@ -1,3 +1,4 @@
+vi.mock('@/components/admin/account-jobs/AccountOperationDialog.vue', () => ({ default: { name: 'AccountOperationDialog', props: ['job', 'show'], template: '<div v-if="show"><slot/><slot name="footer"/></div>' } }))
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { flushPromises, mount } from '@vue/test-utils'
 
@@ -31,6 +32,8 @@ const {
   batchRefreshTier: vi.fn()
 }))
 
+vi.mock('@/api/admin/accountJobs', async () => ({ ...await vi.importActual<typeof import('@/api/admin/accountJobs')>('@/api/admin/accountJobs'), default: { reviewDuplicates } }))
+
 vi.mock('@/stores/accountJobs', () => ({
   useAccountJobsStore: () => ({ track: jobTrack, reviewDuplicates })
 }))
@@ -202,9 +205,12 @@ describe('admin AccountsView select all filtered results', () => {
     await wrapper.get('[data-test="select-page"]').trigger('click')
     await wrapper.get('[data-test="refresh-token"]').trigger('click')
     await flushPromises()
+    expect(batchRefresh).not.toHaveBeenCalled()
+    await wrapper.get('[data-test="confirm-dialog-submit"]').trigger('click')
+    await flushPromises()
 
     expect(batchRefresh).toHaveBeenCalledWith([1, 2, 3])
-    expect(jobTrack).toHaveBeenCalledWith(job)
+    expect(wrapper.findComponent({ name: 'AccountOperationConfirmDialog' }).findComponent({ name: 'AccountOperationDialog' }).props('job')).toEqual(job)
     expect(listAccounts).toHaveBeenCalledTimes(1)
     expect(wrapper.getComponent(AccountBulkActionsBarStub).props('selectedIds')).toEqual([])
     expect(wrapper.findAll<HTMLInputElement>('[data-test="data-table"] input').map(input => input.element.checked))
@@ -224,11 +230,14 @@ describe('admin AccountsView select all filtered results', () => {
     await wrapper.get('[data-test="select-page"]').trigger('click')
     await wrapper.get('[data-test="refresh-token"]').trigger('click')
     await flushPromises()
+    expect(batchRefresh).not.toHaveBeenCalled()
+    await wrapper.get('[data-test="confirm-dialog-submit"]').trigger('click')
+    await flushPromises()
 
     expect(batchRefresh).toHaveBeenCalledWith([1, 2, 3])
     expect(jobTrack).not.toHaveBeenCalled()
     expect(wrapper.getComponent(AccountBulkActionsBarStub).props('selectedIds')).toEqual([1, 2, 3])
-    expect(showError).toHaveBeenCalledWith('Error: job submission failed')
+    expect(wrapper.text()).toContain('admin.accountTasks.actionFailed')
     wrapper.unmount()
   })
 
@@ -318,6 +327,8 @@ describe('admin AccountsView select all filtered results', () => {
     await wrapper.get('[data-test="select-page"]').trigger('click')
     await wrapper.get('[data-test="duplicate-review"]').trigger('click')
     await flushPromises()
+    await wrapper.get('[data-test="confirm-dialog-submit"]').trigger('click')
+    await flushPromises()
 
     expect(reviewDuplicates).toHaveBeenCalledWith(currentPage.map((account) => account.id))
     expect(wrapper.get('[data-test="selected-count"]').text()).toBe('0')
@@ -325,9 +336,11 @@ describe('admin AccountsView select all filtered results', () => {
     await wrapper.get('[data-test="select-page"]').trigger('click')
     await wrapper.get('[data-test="refresh-tier"]').trigger('click')
     await flushPromises()
+    await wrapper.get('[data-test="confirm-dialog-submit"]').trigger('click')
+    await flushPromises()
 
     expect(batchRefreshTier).toHaveBeenCalledWith(currentPage.map((account) => account.id))
-    expect(jobTrack).toHaveBeenCalledWith({ id: 92, kind: 'account_batch_refresh_tier', status: 'pending' })
+    expect(wrapper.findComponent({ name: 'AccountOperationConfirmDialog' }).findComponent({ name: 'AccountOperationDialog' }).props('job')).toMatchObject({ id: 92, kind: 'account_batch_refresh_tier', status: 'pending' })
     expect(wrapper.get('[data-test="selected-count"]').text()).toBe('0')
   })
 })

From 534e0b92fbc603b1c7177c30a20fb75e0c7804f3 Mon Sep 17 00:00:00 2001
From: Codex <codex@example.com>
Date: Sat, 19 Sep 2026 13:30:38 +0800
Subject: [PATCH 2/3] fix(accounts): resume progress tracking when opening
 active history

---
 frontend/src/stores/__tests__/accountJobs.spec.ts | 15 ++++++++++++++-
 frontend/src/stores/accountJobs.ts                |  4 ++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/stores/__tests__/accountJobs.spec.ts b/frontend/src/stores/__tests__/accountJobs.spec.ts
index d06d0bc09e9b..0eda65050c0b 100644
--- a/frontend/src/stores/__tests__/accountJobs.spec.ts
+++ b/frontend/src/stores/__tests__/accountJobs.spec.ts
@@ -108,7 +108,7 @@ describe('useAccountJobsStore', () => {
     await store.openJob(19, { page: 2, page_size: 1 })
 
     expect(store.recentJobs.map((item) => item.id)).toEqual([19, 20])
-    expect(store.activeJobs).toEqual([]) // Browsing history never enrolls active tracking.
+    expect(store.activeJobs.map(item => item.id)).toEqual([19]) // Opening an active result resumes tracking.
     expect(store.currentJob?.processed_count).toBe(5)
     expect(store.items.map((item) => item.id)).toEqual([90])
     expect(store.jobPage).toEqual({ total: 7, page: 2, pageSize: 2 })
@@ -196,6 +196,19 @@ describe('useAccountJobsStore', () => {
     expect(retryFailed).not.toHaveBeenCalled()
   })
 
+  it('resumes an operation opened from history even after the initial recovery was idle', async () => {
+    const store = useAccountJobsStore()
+    store.startPolling()
+    await vi.advanceTimersByTimeAsync(0)
+    await store.openJob(19)
+    expect(store.activeCount).toBe(1)
+    store.closeDrawer()
+    get.mockResolvedValue(job('succeeded'))
+    await vi.advanceTimersByTimeAsync(3000)
+    expect(store.activeCount).toBe(0)
+    expect(store.completedJobs.map(j => j.id)).toEqual([19])
+  })
+
   it('focuses terminal failures once and restores an explicit all-results page after minimizing', async () => {
     const store = useAccountJobsStore()
     get.mockResolvedValue(job('partially_succeeded', { failed_count: 1 }))
diff --git a/frontend/src/stores/accountJobs.ts b/frontend/src/stores/accountJobs.ts
index 087bd9150832..3ac96f22e030 100644
--- a/frontend/src/stores/accountJobs.ts
+++ b/frontend/src/stores/accountJobs.ts
@@ -213,6 +213,10 @@ export const useAccountJobsStore = defineStore('accountJobs', () => {
       }, { signal: controller.signal })
       if (generation !== requestGeneration || requestSerial !== currentRequestSerial || selectedJobID.value !== jobID) return
       observeTrackedTransition(job)
+      if (!isTerminalAccountJob(job)) {
+        trackedJobs.value[job.id] = job
+        startPolling(false)
+      }
       currentJob.value = job
       updateRecent(job)
       items.value = page.items

From cdf12b68542ecbbe59e80f89d7d1c564f3ff8955 Mon Sep 17 00:00:00 2001
From: Codex <codex@example.com>
Date: Sat, 19 Sep 2026 13:37:34 +0800
Subject: [PATCH 3/3] fix(accounts): retain bulk edit targets in operation
 summaries

---
 frontend/src/views/admin/AccountsView.vue     |  2 +-
 .../__tests__/AccountsView.console.spec.ts    | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/admin/AccountsView.vue b/frontend/src/views/admin/AccountsView.vue
index 31cace6e6e84..24ce77a1ed21 100644
--- a/frontend/src/views/admin/AccountsView.vue
+++ b/frontend/src/views/admin/AccountsView.vue
@@ -593,7 +593,7 @@
     />
     <BulkEditAccountModal
       :show="showBulkEdit"
-      :account-ids="selIds"
+      :account-ids="bulkEditTarget?.mode === 'selected' ? bulkEditTarget.accountIds : selIds"
       :selected-platforms="selPlatforms"
       :selected-types="selTypes"
       :target="bulkEditTarget ?? undefined"
diff --git a/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts b/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts
index 7d767489773c..9a4c3d83c543 100644
--- a/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts
+++ b/frontend/src/views/admin/__tests__/AccountsView.console.spec.ts
@@ -158,6 +158,7 @@ const DataTableStub = {
     <div data-test="view-table" :data-columns="columns.map(column => column.key).join(',')" :data-name-class="columnClass('name')">
       <div v-for="row in data" :key="row.id">
         <button data-test="open-row" @click="$emit('row-click', row)">{{ row.name }}</button>
+        <slot name="cell-select" :row="row" />
         <slot name="cell-name" :row="row" :value="row.name" />
         <slot v-if="columns.some(column => column.key === 'cindy_probe')" name="cell-cindy_probe" :row="row" :value="row.cindy_balance_probe_outcome" />
       </div>
@@ -215,7 +216,7 @@ const commonStubs = {
     emits: ['refresh'],
     template: '<div><button data-test="page-refresh" @click="$emit(\'refresh\')">refresh</button><slot name="beforeCreate" /><slot name="after" /></div>'
   },
-  AccountBulkActionsBar: { props: ['selectedIds'], template: '<div data-test="selected-ids">{{ selectedIds.join(\',\') }}</div>' },
+  AccountBulkActionsBar: { name: 'AccountBulkActionsBar', emits: ['edit-selected'], props: ['selectedIds'], template: '<div data-test="selected-ids">{{ selectedIds.join(\',\') }}</div>' },
   AccountActionMenu: true,
   ImportDataModal: ImportDataModalStub,
   AccountDetailsDrawer: DetailsDrawerStub,
@@ -261,6 +262,22 @@ const mountView = (
 })
 
 describe('admin AccountsView Cockpit console', () => {
+  it('preserves the submitted bulk-edit selection in the original window after clearing page selection', async () => {
+    const wrapper = mountView()
+    await flushPromises()
+    await wrapper.get<HTMLInputElement>('input[type="checkbox"]').setValue(true)
+    wrapper.findComponent({ name: 'AccountBulkActionsBar' }).vm.$emit('edit-selected')
+    await flushPromises()
+    const modal = wrapper.findComponent({ name: 'BulkEditAccountModal' })
+    const ids = modal.props('accountIds')
+    expect(ids).toEqual([account.id])
+    modal.vm.$emit('updated', { id: 91, kind: 'account_bulk_update', status: 'pending' })
+    await flushPromises()
+    expect(wrapper.get('[data-test="selected-ids"]').text()).toBe('')
+    expect(modal.props('show')).toBe(true)
+    expect(modal.props('accountIds')).toEqual(ids)
+    wrapper.unmount()
+  })
   beforeEach(() => {
     localStorage.clear()
     sessionStorage.clear()