'use client'; import * as React from 'react'; import { RiAddLine, RiMore2Line, RiTimeLine } from '@remixicon/react'; import * as Button from './components/ui/button'; import * as Divider from './components/ui/divider'; import * as Drawer from './components/ui/drawer'; import * as ProgressCircle from './components/ui/progress-circle'; const DashedDivider = ({ className }: { className?: string }) => { return (

); }; type FollowUpAction = { color: string; title: string; assignee: string; date: string; }; const followUpActions: FollowUpAction[] = [ { color: 'bg-error-base', title: 'Weekly sales pipeline review', assignee: 'James Brown', date: 'Every Monday, 10:00 AM', }, { color: 'bg-warning-base', title: 'Mid-quarter marketing campaign analysis', assignee: 'Sophia Williams', date: 'Nov 15, 2025', }, { color: 'bg-away-base', title: 'Lead qualification process optimization', assignee: 'Wei Chen', date: 'Oct 31, 2025', }, { color: 'bg-success-base', title: 'Customer feedback integration program', assignee: 'Laura Perez', date: 'Jan 18, 2025', }, ]; export default function BlockDrawer() { const [open, setOpen] = React.useState(false); return (

Open Goal

Goal

Archive Q4-2025 Revenue & Marketing Goals

October 1 — December 31, 2025

KEY RESULTS

Lead Conversion Rate

18.5%

+2.1% {'\n'} vs last week

Sales Pipeline Progress

65%

-2% {'\n'} vs last week

New key result

FOLLOW-UPS ACTIONS

{followUpActions.map((action, index) => (

{action.title}

{action.assignee} — {action.date}

{index < followUpActions.length - 1 && } ))}

setOpen(false)} > Cancel setOpen(false)} > Follow up

); }