Mobile‑First Compact Dashboard & WhatsApp “Finish” Bot in a Next.js 13 App

TL;DR: I refactored the ticket‑panel UI to a mobile‑first layout with a bottom TabBar , collapsible filters, and responsive CSS. I also added a “Finish” button to the WhatsApp bot flow. The changes live in app/* , components/TabBar.tsx , and lib/wa‑bot.ts .

The Problem

The original albaida‑tickets panel was built for desktop browsers. When the same view was opened on a phone:

The sidebar pushed the main content off‑screen.

Filter controls were always expanded, consuming most of the vertical space.

There was no persistent navigation for the most common actions (My tickets, New ticket, Settings).

On the bot side, users could navigate the menu but never had a clear way to signal that they were done filing a complaint.…