Files
temetro/frontend/lib/nav.ts
T
Khalid Abdi 1d9b1b1d22 frontend: chat/meetings/messages/settings UX fixes
- settings: keep tab nav on its own row so "Developers" no longer wraps
- chat: show the "Veil active" chip once per conversation, not every turn
- chat: record cards only offer "Click for more" when they have detail
- chat: chat-history panel (pill + sheet) top-left of the AI chat with
  "Start new chat"; rename sidebar "New chat" -> "Ask temetro" (Sparkles)
- meetings: disable past dates, add an Upcoming Meetings list, and use the
  Empty component for empty days; scheduler can be pre-targeted via ?with
- messages: add a call button left of each inbox row -> Meetings (?with)
- toast: add a dismiss (x) button; call invites now ring 30s with "Accept"

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-20 18:34:48 +03:00

156 lines
3.5 KiB
TypeScript

import {
BarChart3,
Boxes,
CalendarClock,
Cross,
FlaskConical,
History,
ListTodo,
type LucideIcon,
Mail,
NotebookPen,
Pill,
Receipt,
Settings,
Sparkles,
Users,
Video,
} from "lucide-react";
// Access areas gate routes/nav by role capability (probed against the Better
// Auth permissions in lib/access.ts — see canAccessArea in lib/roles.ts):
// - "clinical": full clinicians only (owner/admin/doctor/member).
// - "pharmacy": pharmacy + full clinicians.
// - "lab": lab + full clinicians.
// Defined here (not roles.ts) because roles.ts imports nav.ts.
export type AccessArea = "clinical" | "pharmacy" | "lab";
export type NavSubItem = {
id: string;
// i18n key resolved with t() at render time.
labelKey: string;
icon?: LucideIcon;
link: string;
// Hidden from roles outside this access area. See lib/roles.ts.
access?: AccessArea;
};
export type NavItem = {
id: string;
// i18n key resolved with t() at render time.
labelKey: string;
icon: LucideIcon;
link: string;
// Optional sub-pages revealed under this item in the sidebar.
subs?: NavSubItem[];
// Hidden from roles outside this access area. See lib/roles.ts.
access?: AccessArea;
};
// Single source of truth for the primary navigation. Consumed by the sidebar
// (components/sidebar-02/app-sidebar.tsx) and the command palette
// (components/command-palette.tsx) so the two never drift.
export const navItems: NavItem[] = [
{
id: "new-chat",
labelKey: "nav.newChat",
icon: Sparkles,
link: "/",
access: "clinical",
},
{
id: "patients",
labelKey: "nav.patients",
icon: Users,
link: "/patients",
subs: [
{ id: "patients-list", labelKey: "nav.patients", link: "/patients" },
{
id: "appointments",
labelKey: "nav.appointments",
icon: CalendarClock,
link: "/appointments",
},
{
id: "invoices",
labelKey: "nav.invoices",
icon: Receipt,
link: "/invoices",
access: "clinical",
},
{
id: "prescriptions",
labelKey: "nav.prescriptions",
icon: Pill,
link: "/prescriptions",
access: "clinical",
},
],
},
{
id: "analysis",
labelKey: "nav.analysis",
icon: BarChart3,
link: "/analysis",
access: "clinical",
},
{
id: "pharmacy",
labelKey: "nav.pharmacy",
icon: Cross,
link: "/pharmacy",
access: "pharmacy",
subs: [
{
id: "pharmacy-dispensing",
labelKey: "nav.pharmacy",
link: "/pharmacy",
},
{
id: "inventory",
labelKey: "nav.inventory",
icon: Boxes,
link: "/inventory",
},
],
},
{
id: "lab",
labelKey: "nav.lab",
icon: FlaskConical,
link: "/lab",
access: "lab",
},
{
id: "messages",
labelKey: "nav.messages",
icon: Mail,
link: "/messages",
subs: [
{ id: "messages-inbox", labelKey: "nav.inbox", link: "/messages" },
{
id: "meetings",
labelKey: "nav.meetings",
icon: Video,
link: "/messages/meetings",
},
],
},
{
id: "notes",
labelKey: "nav.notes",
icon: NotebookPen,
link: "/notes",
access: "clinical",
},
{ id: "tasks", labelKey: "nav.tasks", icon: ListTodo, link: "/tasks" },
{
id: "activity",
labelKey: "nav.activity",
icon: History,
link: "/activity",
access: "clinical",
},
{ id: "settings", labelKey: "nav.settings", icon: Settings, link: "/settings" },
];