Skip to content

refactor(chat): migrate 8 bare fetch to apiFetch across 3 files#684

Open
jun261930-tech wants to merge 4 commits into
builderz-labs:mainfrom
jun261930-tech:migrate/chat-workspace
Open

refactor(chat): migrate 8 bare fetch to apiFetch across 3 files#684
jun261930-tech wants to merge 4 commits into
builderz-labs:mainfrom
jun261930-tech:migrate/chat-workspace

Conversation

@jun261930-tech
Copy link
Copy Markdown

Summary

Migrate chat workspace (3 files, 8 calls) bare fetch('/api/...) to apiFetch<T>() from @/lib/api-client.

Files Changed

File Calls Description
chat-workspace.tsx 6 agents GET, messages GET/POST, session-prefs PATCH, sessions/continue POST
conversation-list.tsx 2 session-prefs PATCH + GET
message-list.tsx 1 messages POST (retry handler)

Verification

  • pnpm typecheck → 0 error
  • pnpm lint → 0 error, 316 warnings (baseline 343, -27 from this PR)

Why this matters

Chat workspace is a high-stakes user-facing panel handling real-time messaging. Migrating ensures 401 errors during active chats are handled gracefully with login redirect.

Closes: task-11 P2.3

P1 of MC code-quality plan (see PLAN.md / PR-api-client.md):

- src/lib/api-client.ts          (+120) ApiError + apiFetch<T> wrapper
- src/lib/__tests__/api-client.test.ts (+108) 8 vitest cases (200/401/403/500/network/loop/204/no-redirect)
- src/components/auth-expired-listener.tsx (+30) global mc:auth-expired -> /login redirect
- src/app/layout.tsx             (+2) register listener
- eslint.config.mjs              (+31) no-restricted-syntax warn for bare fetch('/api/...')

Quality gates passed:
- pnpm vitest run src/lib/__tests__/api-client.test.ts: 8/8 (2.5s)
- pnpm typecheck: 0 error
- pnpm lint: 0 error, 343 warn (~baseline 334 bare fetch + 9 pre-existing)

Out of scope: migrating existing 334 bare fetch sites (P2, separate PR).

P0 verification: playwright captured 19/19 /api/* returning 200 after login,
ruling out backend issue (cookie expired) — see p0-network-evidence.txt.
- Replace loadData() Promise.all 4x fetch → apiFetch<UsageStats|TrendData|...>
- Replace loadSessionCosts() fetch → apiFetch<{ sessions: SessionCostEntry[] }>
- Replace exportData() fetch → apiFetch<Response>({ raw: true })
- Add apiFetch import from '@/lib/api-client'
- Zero new errors: typecheck pass, lint 0 error

Refs: task-11 P2
Files migrated:
- dashboard.tsx: 5 calls (status, sessions, claude/sessions, github, hermes)
- empty-state-launchpad.tsx: 2 calls (agent-runtimes, capabilities fallback)
- sidebar.tsx: 1 call (status overview)
- onboarding-checklist-widget.tsx: 3 calls (onboarding read + 2x POST)
- security-audit-widget.tsx: 1 call (security-audit)

Zero errors: typecheck pass, lint 0 error (325 warnings vs 343 baseline, -18).

Refs: task-11 P2.2
Files migrated:
- chat-workspace.tsx: 6 calls (agents, messages GET/POST, session-prefs PATCH, continue POST)
- conversation-list.tsx: 2 calls (session-prefs PATCH + GET)
- message-list.tsx: 1 call (messages POST retry)

Zero errors: typecheck pass, lint 0 error (316 warnings vs 343 baseline, -27).

Refs: task-11 P2.3
@jun261930-tech jun261930-tech requested a review from 0xNyk as a code owner May 17, 2026 10:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant