Stabilization Smoke — ChannelTalk Clone

Date: 2026-07-06 KST Project root: /home/tlswk/projects/re-center/channel-talk/clone Base commit before smoke: 09947ea — Add mapping inspector and visual fidelity pass

BLUF

Ran the stabilization UI smoke across Inbox, ALF, and Mapping Inspector. The app loads, API envelopes return ok=true, and final desktop/mobile screenshots were captured. During the smoke, mobile ALF Deploy and Mapping Detail had narrow-screen clipping risk; the layout was fixed and re-verified.

Fixes Applied During Smoke

• src/components/alf/DeploySurface.tsx
  • Mobile deploy cards now stack control groups vertically instead of squeezing description, segmented state controls, coverage, and risk into one row.
• src/components/alf/ui.tsx
  • Shared segmented buttons now preserve button labels without shrinking.
• src/components/mappings/GuideDetail.tsx
  • Endpoint and response-field rows now wrap safely on mobile.
  • Long guide titles, canonical keys, API fields, table names, and descriptions use break-safe text behavior.

Verification

• npm run lint — pass
• npm run build — pass
• Final API smoke on next start --port 3053:
  • /api/db-status — 200, ok=true
  • /api/inbox/user-chats?limit=3 — 200, ok=true
  • /api/alf/knowledge/sets — 200, ok=true
  • /api/alf/rules — 200, ok=true
  • /api/alf/tasks — 200, ok=true
  • /api/alf/test-cases — 200, ok=true
  • /api/alf/deploy-targets — 200, ok=true
  • /api/mappings/guides?limit=3 — 200, ok=true
• Final page smoke:
  • / — 200
  • /alf/knowledge — 200
  • /alf/rules — 200
  • /alf/tasks — 200
  • /alf/test — 200
  • /alf/deploy — 200
  • /mappings — 200
  • /mappings/help%3A932cae8a — 200
• Puppeteer mobile DOM check on mapping detail:
  • bodyChars=11185
  • overlay=false
  • scrollWidth=390, clientWidth=390
  • offenders=[]

Known non-blocking warning:

• next build still emits the pre-existing Turbopack NFT tracing warning through src/server/db/client.ts. Build succeeds.

Screenshot Artifacts

Final screenshots are under:

/tmp/channel-talk-smoke-20260706-final/

Captured:

• desktop-inbox.png
• desktop-alf-knowledge.png
• desktop-alf-rules.png
• desktop-alf-tasks.png
• desktop-alf-test.png
• desktop-alf-deploy.png
• desktop-mappings.png
• desktop-mapping-detail.png
• mobile-inbox.png
• mobile-alf-deploy.png
• mobile-mappings.png
• mobile-mapping-detail.png

Next Recommended

The standalone clone is ready for the next decision point:

1. Commit/push this stabilization fix if remote publication is needed.
2. Start Session G Mattermost Plugin POC without blocking the standalone Next clone.