refactor(frontend): finish design-system migration — chatbot, a11y, lint

- Rewrite chatbot container + panel to new surface/signal/ink tokens
  (was still on dead glass/text-primary tokens -> wrong colors)
- loading-skeleton: glass -> surface-2
- Fix a11y: SVG charts role=img+aria-label, audio aria-label,
  message-entry as real <button>, tooltip biome-ignore (intentional)
- Type messages/page initialPage (noImplicitAny)
- tsc clean, next build green, biome 0 errors
This commit is contained in:
asepharyana
2026-08-14 11:02:52 +07:00
parent 5bbf75a65b
commit 8b281c7feb
10 changed files with 61 additions and 40 deletions
@@ -39,11 +39,12 @@ export function MessageEntry({
const status = msg.ai_status ?? null;
return (
<div
<button
type="button"
data-selected={selected}
onClick={onSelect}
className={cn(
"group relative mb-1.5 flex items-start gap-2.5 rounded-[var(--radius-r)] p-2.5 cursor-pointer",
"group relative mb-1.5 flex w-full items-start gap-2.5 rounded-[var(--radius-r)] p-2.5 text-left cursor-pointer",
"transition-all hover:bg-[var(--color-surface-2)]",
selected && "bg-[var(--color-signal)]/6",
)}
@@ -81,6 +82,6 @@ export function MessageEntry({
)}
</div>
</div>
</div>
</button>
);
}