@tuturuuu/ui 0.22.0 → 0.24.0

package/src/components/ui/finance/wallets/walletId/inventory-wallet-contribution.tsx

@@ -0,0 +1,84 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { listInventoryFinanceEntries } from '@tuturuuu/internal-api';
+import { Badge } from '@tuturuuu/ui/badge';
+import { Card } from '@tuturuuu/ui/card';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@tuturuuu/ui/select';
+import { Skeleton } from '@tuturuuu/ui/skeleton';
+import { getCurrencyLocale } from '@tuturuuu/utils/currencies';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+
+export function InventoryWalletContribution({
+  currency,
+  walletId,
+  wsId,
+}: {
+  currency: string;
+  walletId: string;
+  wsId: string;
+}) {
+  const t = useTranslations('inventory-finance-reconciliation');
+  const [provider, setProvider] = useState('all');
+  const { data, isLoading } = useQuery({
+    queryKey: ['inventory-wallet-contribution', wsId, walletId, provider],
+    queryFn: () =>
+      listInventoryFinanceEntries(wsId, {
+        currency,
+        limit: 1,
+        provider:
+          provider === 'all'
+            ? undefined
+            : (provider as 'polar' | 'square_pos' | 'square_terminal'),
+        status: 'linked',
+        walletId,
+      }),
+  });
+  if (isLoading) return <Skeleton className="h-32 w-full" />;
+  const values =
+    provider === 'all'
+      ? data?.summary.netSales
+      : data?.summary.providers.find((item) => item.provider === provider)
+          ?.netSales;
+  const net = values?.find((item) => item.currency === currency)?.amount ?? 0;
+
+  return (
+    <Card className="my-4 flex flex-col gap-4 p-4 md:flex-row md:items-center md:justify-between">
+      <div>
+        <div className="flex items-center gap-2">
+          <h3 className="font-semibold">{t('wallet_contribution_title')}</h3>
+          <Badge variant="secondary">{t('linked_only')}</Badge>
+        </div>
+        <p className="text-muted-foreground text-sm">
+          {t('wallet_contribution_description')}
+        </p>
+        <p className="mt-2 font-bold text-2xl">
+          {new Intl.NumberFormat(getCurrencyLocale(currency), {
+            currency,
+            style: 'currency',
+          }).format(net)}
+        </p>
+      </div>
+      <Select value={provider} onValueChange={setProvider}>
+        <SelectTrigger className="w-52">
+          <SelectValue />
+        </SelectTrigger>
+        <SelectContent>
+          <SelectItem value="all">{t('all_providers')}</SelectItem>
+          <SelectItem value="polar">{t('provider_polar')}</SelectItem>
+          <SelectItem value="square_pos">{t('provider_square_pos')}</SelectItem>
+          <SelectItem value="square_terminal">
+            {t('provider_square_terminal')}
+          </SelectItem>
+        </SelectContent>
+      </Select>
+    </Card>
+  );
+}

package/src/components/ui/finance/wallets/walletId/wallet-details-page.test.tsx

@@ -117,6 +117,10 @@ vi.mock('./interest', () => ({
   WalletInterestSection: () => null,
 }));
 
+vi.mock('./inventory-wallet-contribution', () => ({
+  InventoryWalletContribution: () => null,
+}));
+
 vi.mock('./wallet-details-actions', () => ({
   WalletDetailsActions: (
     ...args: Parameters<typeof mocks.walletDetailsActions>

package/src/components/ui/finance/wallets/walletId/wallet-details-page.tsx

@@ -31,6 +31,7 @@ import { WalletCheckpointPanel } from '../checkpoints/wallet-checkpoint-panel';
 import { WalletIconDisplay } from '../wallet-icon-display';
 import { CreditWalletSummary } from './credit-wallet-summary';
 import { WalletInterestSection } from './interest';
+import { InventoryWalletContribution } from './inventory-wallet-contribution';
 import {
   type WalletDetailsAction,
   WalletDetailsActions,
@@ -79,6 +80,7 @@ export default async function WalletDetailsPage({
   if (!resolvedWorkspace || !resolvedPermissions) notFound();
   const { withoutPermission, containsPermission } = resolvedPermissions;
   const canManageRoles = !withoutPermission('manage_workspace_roles');
+  const canManageFinance = containsPermission('manage_finance');
 
   // Transaction permissions
   const canUpdateTransactions = containsPermission('update_transactions');
@@ -288,6 +290,13 @@ export default async function WalletDetailsPage({
         </Card>
       </div>
       <Separator className="my-4" />
+      {canManageFinance && (
+        <InventoryWalletContribution
+          currency={currency}
+          walletId={walletId}
+          wsId={wsId}
+        />
+      )}
       {canManageRoles && !resolvedWorkspace.personal && (
         <>
           <WalletRoleAccessDialog wsId={wsId} walletId={walletId} />

package/src/components/ui/legacy/meet/create-plan-dialog.tsx

@@ -1,11 +1,12 @@
 'use client';
 
-import { createPlan } from '@tuturuuu/apis/meet/actions';
+import { useMutation } from '@tanstack/react-query';
 import {
   ClipboardList,
   MapPin as MapPinIcon,
   Sparkles as SparklesIcon,
 } from '@tuturuuu/icons';
+import { createMeetPlan } from '@tuturuuu/internal-api';
 import type { User } from '@tuturuuu/types';
 import type { Timezone } from '@tuturuuu/types/primitives/Timezone';
 import type { JSONContent } from '@tuturuuu/types/tiptap';
@@ -52,6 +53,7 @@ interface Props {
     startTime: number | undefined;
     endTime: number | undefined;
     timezone: Timezone | undefined;
+    durationMinutes: number;
     wsId?: string;
   };
 }
@@ -63,6 +65,8 @@ const FormSchema = z.object({
   end_time: z.string().optional(),
   dates: z.array(z.string()).optional(),
   is_public: z.boolean().optional(),
+  timezone: z.string().optional(),
+  duration_minutes: z.number().int().min(15).max(480),
   ws_id: z.string().optional(),
   agenda_enabled: z.boolean().optional(), // <-- Added field for agenda toggle
   agenda_content: z.custom<JSONContent>().optional(),
@@ -90,12 +94,19 @@ const convertToTimetz = (
   return `${timeStr}${offsetStr}`;
 };
 
-export default function CreatePlanDialog({ plan }: Props) {
+export default function CreatePlanDialog({
+  plan,
+  planBasePath = '/meet/plans',
+}: Props & { planBasePath?: string }) {
   const t = useTranslations('meet-together');
   const router = useRouter();
 
   const [isOpened, setIsOpened] = useState(false);
   const [creating, setCreating] = useState(false);
+  const createMutation = useMutation({
+    mutationFn: (payload: Parameters<typeof createMeetPlan>[0]) =>
+      createMeetPlan(payload),
+  });
 
   const form = useForm({
     resolver: zodResolver(FormSchema),
@@ -107,6 +118,8 @@ export default function CreatePlanDialog({ plan }: Props) {
         ?.sort((a, b) => a.getTime() - b.getTime())
         ?.map((date) => dayjs(date).format('YYYY-MM-DD')),
       is_public: true,
+      timezone: plan.timezone?.utc[0],
+      duration_minutes: plan.durationMinutes,
       ws_id: plan.wsId,
       agenda_enabled: false, // <-- Default value for agenda toggle
       agenda_content: undefined,
@@ -153,17 +166,21 @@ export default function CreatePlanDialog({ plan }: Props) {
 
     const { agenda_enabled: _, ...rest } = data;
 
-    const result = await createPlan(rest);
-
-    if (result.data) {
-      const normalizedId = result.data.id.replace(/-/g, '');
-      router.push(`/meet-together/plans/${normalizedId}`);
+    try {
+      const result = await createMutation.mutateAsync(
+        rest as Parameters<typeof createMeetPlan>[0]
+      );
+      const normalizedId = result.id.replace(/-/g, '');
+      router.push(`${planBasePath}/${normalizedId}`);
       router.refresh();
-    } else {
+    } catch (error) {
       setCreating(false);
       toast({
         title: t('something_went_wrong'),
-        description: result.error || t('cant_create_plan_right_now'),
+        description:
+          error instanceof Error
+            ? error.message
+            : t('cant_create_plan_right_now'),
       });
     }
   };
@@ -283,7 +300,7 @@ export default function CreatePlanDialog({ plan }: Props) {
                               className="mb-0 cursor-pointer font-medium text-foreground"
                               onClick={(e) => e.stopPropagation()}
                             >
-                              Where TuMeet?
+                              Where to meet?
                             </FormLabel>
                           </div>
                           <p className="text-muted-foreground text-xs leading-relaxed">

package/src/components/ui/legacy/meet/edit-plan-dialog.tsx

@@ -1,7 +1,12 @@
 'use client';
 
-import { deletePlan, updatePlan } from '@tuturuuu/apis/meet/actions';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { Pencil } from '@tuturuuu/icons';
+import {
+  deleteMeetPlan,
+  type MeetPlanSnapshot,
+  updateMeetPlan,
+} from '@tuturuuu/internal-api';
 import type { MeetTogetherPlan } from '@tuturuuu/types/primitives/MeetTogetherPlan';
 import {
   AlertDialog,
@@ -37,10 +42,11 @@ import { toast } from '@tuturuuu/ui/hooks/use-toast';
 import { Input } from '@tuturuuu/ui/input';
 import { zodResolver } from '@tuturuuu/ui/resolvers';
 import { Separator } from '@tuturuuu/ui/separator';
+import { Tabs, TabsList, TabsTrigger } from '@tuturuuu/ui/tabs';
 import { parseTimeFromTimetz } from '@tuturuuu/utils/time-helper';
 import timezones from '@tuturuuu/utils/timezones';
 import dayjs from 'dayjs';
-import { useRouter } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
 import * as z from 'zod';
@@ -63,6 +69,8 @@ const FormSchema = z
       .array(z.string())
       .min(1, { message: 'At least one date is required' }),
     is_public: z.boolean().optional(),
+    timezone: z.string().optional(),
+    duration_minutes: z.number().int().min(15).max(480),
   })
   .refine(
     (data) => {
@@ -113,10 +121,39 @@ export default function EditPlanDialog({
 }: Props) {
   const t = useTranslations();
   const router = useRouter();
+  const pathname = usePathname();
+  const queryClient = useQueryClient();
 
   const [isOpened, setIsOpened] = useState(false);
   const [updating, setUpdating] = useState(false);
   const [deleting, setDeleting] = useState(false);
+  const updateMutation = useMutation({
+    mutationFn: (data: z.infer<typeof FormSchema>) =>
+      updateMeetPlan(plan.id!, data),
+    onMutate: async (data) => {
+      if (!plan.id) return {};
+      const queryKey = ['meet-plan', plan.id] as const;
+      await queryClient.cancelQueries({ queryKey });
+      const previous = queryClient.getQueryData<MeetPlanSnapshot>(queryKey);
+      if (previous) {
+        queryClient.setQueryData<MeetPlanSnapshot>(queryKey, {
+          ...previous,
+          plan: { ...previous.plan, ...data },
+        });
+      }
+      return { previous };
+    },
+    onError: (_error, _data, context) => {
+      if (plan.id && context?.previous)
+        queryClient.setQueryData(['meet-plan', plan.id], context.previous);
+    },
+    onSuccess: (snapshot) => {
+      if (plan.id) queryClient.setQueryData(['meet-plan', plan.id], snapshot);
+    },
+  });
+  const deleteMutation = useMutation({
+    mutationFn: () => deleteMeetPlan(plan.id!),
+  });
 
   // Parse plan data once for form initialization
   const parsedStartTime = plan.start_time
@@ -126,14 +163,16 @@ export default function EditPlanDialog({
   const parsedDates = plan.dates
     ? plan.dates.map((dateStr: string) => new Date(dateStr))
     : [];
-  const parsedTimezone = plan.start_time
-    ? (() => {
-        const offset = parseTimezoneFromTimetz(plan.start_time);
-        return offset !== undefined
-          ? timezones.find((tz) => tz.offset === offset)
-          : undefined;
-      })()
-    : undefined;
+  const parsedTimezone = plan.timezone
+    ? timezones.find((tz) => tz.utc.includes(plan.timezone!))
+    : plan.start_time
+      ? (() => {
+          const offset = parseTimezoneFromTimetz(plan.start_time);
+          return offset !== undefined
+            ? timezones.find((tz) => tz.offset === offset)
+            : undefined;
+        })()
+      : undefined;
 
   const form = useForm({
     resolver: zodResolver(FormSchema),
@@ -146,6 +185,8 @@ export default function EditPlanDialog({
         .sort((a: Date, b: Date) => a.getTime() - b.getTime())
         .map((date: Date) => dayjs(date).format('YYYY-MM-DD')),
       is_public: true,
+      timezone: plan.timezone ?? parsedTimezone?.utc[0],
+      duration_minutes: plan.duration_minutes ?? 60,
     },
   });
 
@@ -157,6 +198,8 @@ export default function EditPlanDialog({
   const watchedStartTime = form.watch('start_time');
   const watchedEndTime = form.watch('end_time');
   const watchedDates = form.watch('dates');
+  const watchedTimezone = form.watch('timezone');
+  const watchedDuration = form.watch('duration_minutes');
 
   // Convert form values back to component-friendly formats
   const currentStartTime = watchedStartTime
@@ -170,12 +213,13 @@ export default function EditPlanDialog({
       ? watchedDates.map((dateStr: string) => new Date(dateStr))
       : parsedDates;
   const currentTimezone = watchedStartTime
-    ? (() => {
+    ? (timezones.find((tz) => tz.utc.includes(watchedTimezone ?? '')) ??
+      (() => {
         const offset = parseTimezoneFromTimetz(watchedStartTime);
         return offset !== undefined
           ? timezones.find((tz) => tz.offset === offset)
           : parsedTimezone;
-      })()
+      })())
     : parsedTimezone;
 
   const originalDatesString = JSON.stringify(
@@ -188,7 +232,9 @@ export default function EditPlanDialog({
     plan.name !== watchedName ||
     originalDatesString !== newDatesString ||
     plan.start_time !== watchedStartTime ||
-    plan.end_time !== watchedEndTime;
+    plan.end_time !== watchedEndTime ||
+    plan.timezone !== watchedTimezone ||
+    (plan.duration_minutes ?? 60) !== watchedDuration;
 
   const handleSubmit = async () => {
     if (!plan.id) {
@@ -234,20 +280,20 @@ export default function EditPlanDialog({
       return;
     }
 
-    const result = await updatePlan(plan.id, data);
-
-    if (result.data) {
+    try {
+      await updateMutation.mutateAsync(data);
       onSuccess?.();
       router.refresh();
       setUpdating(false);
       setIsOpened(false);
-    } else {
+    } catch (error) {
       setUpdating(false);
       toast({
         title: t('meet-together-plan-details.something_went_wrong'),
         description:
-          result.error ||
-          t('meet-together-plan-details.cant_update_plan_right_now'),
+          error instanceof Error
+            ? error.message
+            : t('meet-together-plan-details.cant_update_plan_right_now'),
       });
     }
   };
@@ -263,16 +309,16 @@ export default function EditPlanDialog({
 
     setDeleting(true);
     try {
-      const result = await deletePlan(plan.id);
-
-      if (result.data) {
-        router.push('/meet-together');
-      } else {
+      try {
+        await deleteMutation.mutateAsync();
+        router.push(pathname.includes('/meet/plans/') ? '/meet' : '/');
+      } catch (error) {
         toast({
           title: t('meet-together-plan-details.something_went_wrong'),
           description:
-            result.error ||
-            t('meet-together-plan-details.cant_delete_plan_right_now'),
+            error instanceof Error
+              ? error.message
+              : t('meet-together-plan-details.cant_delete_plan_right_now'),
         });
       }
     } finally {
@@ -424,6 +470,7 @@ export default function EditPlanDialog({
                   <TimezoneSelector
                     value={currentTimezone}
                     onValueChange={(newTimezone) => {
+                      form.setValue('timezone', newTimezone?.utc[0]);
                       // Update both start and end times with new timezone
                       form.setValue(
                         'start_time',
@@ -440,6 +487,23 @@ export default function EditPlanDialog({
                     }}
                   />
                 </div>
+                <div className="grid w-full gap-2">
+                  <FormLabel>{t('meet-together.duration')}</FormLabel>
+                  <Tabs
+                    value={String(watchedDuration)}
+                    onValueChange={(value) =>
+                      form.setValue('duration_minutes', Number(value))
+                    }
+                  >
+                    <TabsList className="grid h-auto w-full grid-cols-4">
+                      {[30, 45, 60, 90].map((minutes) => (
+                        <TabsTrigger key={minutes} value={String(minutes)}>
+                          {minutes}m
+                        </TabsTrigger>
+                      ))}
+                    </TabsList>
+                  </Tabs>
+                </div>
               </div>
 
               <DialogFooter>

package/src/components/ui/legacy/meet/form.tsx

@@ -3,6 +3,7 @@
 import type { User } from '@tuturuuu/types';
 import type { Timezone } from '@tuturuuu/types/primitives/Timezone';
 import { Separator } from '@tuturuuu/ui/separator';
+import { Tabs, TabsList, TabsTrigger } from '@tuturuuu/ui/tabs';
 import timezones from '@tuturuuu/utils/timezones';
 import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
@@ -14,9 +15,11 @@ import TimezoneSelector from './timezone-selector';
 export default function Form({
   wsId,
   user,
+  planBasePath,
 }: {
   wsId?: string;
   user: Partial<User> | null;
+  planBasePath: string;
 }) {
   const t = useTranslations('meet-together');
 
@@ -24,6 +27,7 @@ export default function Form({
   const [startTime, setStartTime] = useState<number | undefined>(9);
   const [endTime, setEndTime] = useState<number | undefined>(17);
   const [timezone, setTimezone] = useState<Timezone | undefined>(undefined);
+  const [durationMinutes, setDurationMinutes] = useState(60);
 
   useEffect(() => {
     const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
@@ -41,6 +45,7 @@ export default function Form({
     startTime,
     endTime,
     timezone,
+    durationMinutes,
     wsId,
   };
 
@@ -85,8 +90,27 @@ export default function Form({
           <p className="w-full font-semibold">{t('time-zone')}</p>
           <TimezoneSelector value={timezone} onValueChange={setTimezone} />
         </div>
+        <div className="grid w-full gap-2">
+          <p className="w-full font-semibold">{t('duration')}</p>
+          <Tabs
+            value={String(durationMinutes)}
+            onValueChange={(value) => setDurationMinutes(Number(value))}
+          >
+            <TabsList className="grid h-auto w-full grid-cols-4">
+              {[30, 45, 60, 90].map((minutes) => (
+                <TabsTrigger key={minutes} value={String(minutes)}>
+                  {minutes}m
+                </TabsTrigger>
+              ))}
+            </TabsList>
+          </Tabs>
+        </div>
         <div className="flex w-full justify-center lg:justify-start">
-          <CreatePlanDialog plan={plan} user={user} />
+          <CreatePlanDialog
+            plan={plan}
+            user={user}
+            planBasePath={planBasePath}
+          />
         </div>
       </div>
     </div>

package/src/components/ui/legacy/meet/lib/meet-ics.test.ts

@@ -0,0 +1,40 @@
+import { describe, expect, it, vi } from 'vitest';
+import { createMeetIcs } from './meet-ics';
+
+describe('Tuturuuu Meet ICS export', () => {
+  it('creates one event per finalized alternative', () => {
+    vi.useFakeTimers();
+    vi.setSystemTime(new Date('2026-08-01T00:00:00.000Z'));
+    const ics = createMeetIcs({
+      planId: 'plan-1',
+      title: 'Design, review',
+      timeframes: [
+        {
+          id: 'slot-1',
+          plan_id: 'plan-1',
+          start_at: '2026-08-04T02:00:00.000Z',
+          end_at: '2026-08-04T03:00:00.000Z',
+          position: 0,
+          created_by: null,
+          created_at: '2026-08-01T00:00:00.000Z',
+          updated_at: '2026-08-01T00:00:00.000Z',
+        },
+        {
+          id: 'slot-2',
+          plan_id: 'plan-1',
+          start_at: '2026-08-05T02:00:00.000Z',
+          end_at: '2026-08-05T03:00:00.000Z',
+          position: 1,
+          created_by: null,
+          created_at: '2026-08-01T00:00:00.000Z',
+          updated_at: '2026-08-01T00:00:00.000Z',
+        },
+      ],
+    });
+
+    expect(ics.match(/BEGIN:VEVENT/gu)).toHaveLength(2);
+    expect(ics).toContain('SUMMARY:Design\\, review');
+    expect(ics).toContain('DTSTART:20260804T020000Z');
+    vi.useRealTimers();
+  });
+});

package/src/components/ui/legacy/meet/lib/meet-ics.ts

@@ -0,0 +1,50 @@
+import type { MeetFinalizedTimeframe } from '@tuturuuu/types/primitives/MeetTogetherPlan';
+
+function escapeIcs(value: string) {
+  return value
+    .replaceAll('\\', '\\\\')
+    .replaceAll(';', '\\;')
+    .replaceAll(',', '\\,')
+    .replaceAll('\n', '\\n');
+}
+
+function toIcsTimestamp(value: string) {
+  return new Date(value)
+    .toISOString()
+    .replaceAll(/[-:]/gu, '')
+    .replace('.000', '');
+}
+
+export function createMeetIcs({
+  planId,
+  title,
+  description,
+  timeframes,
+}: {
+  planId: string;
+  title: string;
+  description?: string | null;
+  timeframes: MeetFinalizedTimeframe[];
+}) {
+  const generatedAt = toIcsTimestamp(new Date().toISOString());
+  const events = timeframes.flatMap((timeframe) => [
+    'BEGIN:VEVENT',
+    `UID:${timeframe.id}@meet.tuturuuu.com`,
+    `DTSTAMP:${generatedAt}`,
+    `DTSTART:${toIcsTimestamp(timeframe.start_at)}`,
+    `DTEND:${toIcsTimestamp(timeframe.end_at)}`,
+    `SUMMARY:${escapeIcs(title)}`,
+    `DESCRIPTION:${escapeIcs(description ?? `Tuturuuu Meet plan ${planId}`)}`,
+    'END:VEVENT',
+  ]);
+
+  return [
+    'BEGIN:VCALENDAR',
+    'VERSION:2.0',
+    'PRODID:-//Tuturuuu//Meet//EN',
+    'CALSCALE:GREGORIAN',
+    ...events,
+    'END:VCALENDAR',
+    '',
+  ].join('\r\n');
+}

package/src/components/ui/legacy/meet/lib/meet-insights.test.ts

@@ -0,0 +1,76 @@
+import type { MeetTogetherPlan } from '@tuturuuu/types/primitives/MeetTogetherPlan';
+import { describe, expect, it } from 'vitest';
+import { calculateMeetPlanInsights, rankMeetTimeframes } from './meet-insights';
+
+const plan: MeetTogetherPlan = {
+  dates: ['2026-08-04'],
+  duration_minutes: 30,
+  start_time: '09:00:00+07',
+  end_time: '10:00:00+07',
+};
+
+const users = [
+  { id: 'user-a', display_name: 'An', is_guest: false, timeblock_count: 1 },
+  { id: 'user-b', display_name: 'Binh', is_guest: true, timeblock_count: 1 },
+];
+
+describe('Tuturuuu Meet ranking and insights', () => {
+  it('ranks duration-aware confirmed overlap before tentative overlap', () => {
+    const ranked = rankMeetTimeframes({
+      plan,
+      users,
+      timeblocks: [
+        {
+          date: '2026-08-04',
+          start_time: '09:00:00+07',
+          end_time: '10:00:00+07',
+          user_id: 'user-a',
+          tentative: false,
+        },
+        {
+          date: '2026-08-04',
+          start_time: '09:00:00+07',
+          end_time: '09:30:00+07',
+          user_id: 'user-b',
+          tentative: false,
+        },
+        {
+          date: '2026-08-04',
+          start_time: '09:30:00+07',
+          end_time: '10:00:00+07',
+          user_id: 'user-b',
+          tentative: true,
+        },
+      ],
+    });
+
+    expect(ranked[0]).toMatchObject({
+      startMinute: 540,
+      endMinute: 570,
+      confirmedUserIds: ['user-a', 'user-b'],
+      confirmedPercent: 100,
+    });
+    expect(ranked.at(-1)?.weightedPercent).toBe(75);
+  });
+
+  it('computes response, peak, and average availability from plan data', () => {
+    const insights = calculateMeetPlanInsights({
+      plan,
+      users,
+      timeblocks: [
+        {
+          date: '2026-08-04',
+          start_time: '09:00:00+07',
+          end_time: '10:00:00+07',
+          user_id: 'user-a',
+          tentative: false,
+        },
+      ],
+    });
+
+    expect(insights.respondedCount).toBe(1);
+    expect(insights.responsePercent).toBe(50);
+    expect(insights.peakAttendance).toBe(1);
+    expect(insights.peakAttendancePercent).toBe(50);
+  });
+});