feat(agents): parameterized agent selection via agentName

frontend/src/components/EventCard.tsx

@@ -1,5 +1,8 @@
 import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useMitzoStore } from '@mitzo/client/hooks';
 import type { CalendarEvent } from '../hooks/useCalendarData';
+import { buildMeetingPrepPrompt, buildMeetingContext } from '../lib/calendar-utils';
 
 function formatTime(isoStr: string): string {
   if (!isoStr.includes('T')) return '';
@@ -9,6 +12,18 @@
 
 export function EventCard({ event }: { event: CalendarEvent }) {
   const [expanded, setExpanded] = useState(false);
+  const navigate = useNavigate();
+  const setPendingSession = useMitzoStore((s) => s.setPendingSession);
+
+  function handlePrepClick(e: React.MouseEvent) {
+    e.stopPropagation();
+    setPendingSession({
+      prompt: buildMeetingPrepPrompt(event),
+      context: buildMeetingContext(event),
+      agentName: 'mitzo-calendar',
+    });
+    navigate('/chat');
+  }
 
   if (event.type === 'milestone') {
     return (
@@ -70,17 +85,22 @@
               )}
             </div>
           )}
-          {event.hangoutLink && (
-            <a
-              className="cal-detail-link"
-              href={event.hangoutLink}
-              target="_blank"
-              rel="noopener noreferrer"
-              onClick={(e) => e.stopPropagation()}
-            >
-              Join video call
-            </a>
-          )}
+          <div className="cal-event-actions">
+            <button className="cal-action-prep" onClick={handlePrepClick}>
+              Prep for this meeting
+            </button>
+            {event.hangoutLink && (
+              <a
+                className="cal-detail-link"
+                href={event.hangoutLink}
+                target="_blank"
+                rel="noopener noreferrer"
+                onClick={(e) => e.stopPropagation()}
+              >
+                Join video call
+              </a>
+            )}
+          </div>
         </div>
       )}
     </div>

frontend/src/lib/__tests__/calendar-utils.test.ts

@@ -0,0 +1,74 @@
+import { describe, it, expect } from 'vitest';
+import { buildMeetingPrepPrompt, buildMeetingContext } from '../calendar-utils';
+import type { CalendarEvent } from '../../hooks/useCalendarData';
+
+function makeEvent(overrides: Partial<CalendarEvent> = {}): CalendarEvent {
+  return {
+    id: 'evt-1',
+    type: 'meeting',
+    title: 'Standup',
+    start: '2026-05-22T10:00:00Z',
+    end: '2026-05-22T10:30:00Z',
+    ...overrides,
+  };
+}
+
+describe('buildMeetingPrepPrompt', () => {
+  it('includes title and formatted time range', () => {
+    const result = buildMeetingPrepPrompt(makeEvent());
+    expect(result).toContain('Prepare for "Standup"');
+    expect(result).toContain(' at ');
+  });
+
+  it('omits time for all-day events (no T in start)', () => {
+    const result = buildMeetingPrepPrompt(makeEvent({ start: '2026-05-22', end: '2026-05-23' }));
+    expect(result).toBe('Prepare for "Standup"');
+  });
+
+  it('omits time when start is empty', () => {
+    const result = buildMeetingPrepPrompt(makeEvent({ start: '' }));
+    expect(result).toBe('Prepare for "Standup"');
+  });
+});
+
+describe('buildMeetingContext', () => {
+  it('includes meeting title', () => {
+    const result = buildMeetingContext(makeEvent());
+    expect(result).toContain('**Meeting:** Standup');
+  });
+
+  it('includes location when present', () => {
+    const result = buildMeetingContext(makeEvent({ location: 'Room 42' }));
+    expect(result).toContain('**Where:** Room 42');
+  });
+
+  it('omits location when absent', () => {
+    const result = buildMeetingContext(makeEvent());
+    expect(result).not.toContain('**Where:**');
+  });
+
+  it('formats attendees from email addresses', () => {
+    const result = buildMeetingContext(
+      makeEvent({ attendees: ['alice@example.com', 'bob@example.com'] }),
+    );
+    expect(result).toContain('**Attendees:** alice, bob');
+  });
+
+  it('truncates attendees beyond 10 with count', () => {
+    const attendees = Array.from({ length: 12 }, (_, i) => `user${i}@example.com`);
+    const result = buildMeetingContext(makeEvent({ attendees }));
+    expect(result).toContain('(+2 more)');
+    expect(result).not.toContain('user10');
+  });
+
+  it('includes video link when present', () => {
+    const result = buildMeetingContext(makeEvent({ hangoutLink: 'https://meet.google.com/abc' }));
+    expect(result).toContain('**Video:** [Join call](https://meet.google.com/abc)');
+  });
+
+  it('includes context prompts at the end', () => {
+    const result = buildMeetingContext(makeEvent());
+    expect(result).toContain('Review recent Jira activity');
+    expect(result).toContain('key topics and decisions');
+  });
+});

frontend/src/lib/calendar-utils.ts

@@ -0,0 +1,68 @@
+import type { CalendarEvent } from '../hooks/useCalendarData';
+
+export function buildMeetingPrepPrompt(event: CalendarEvent): string {
+  const time = formatEventTime(event);
+  const when = time ? ` at ${time}` : '';
+
+  return `Prepare for "${event.title}"${when}`;
+}
+
+export function buildMeetingContext(event: CalendarEvent): string {
+  const lines: string[] = [];
+
+  lines.push(`**Meeting:** ${event.title}`);
+
+  if (event.start) {
+    const startDate = new Date(event.start);
+    const dateStr = startDate.toLocaleDateString([], {
+      weekday: 'short',
+      month: 'short',
+      day: 'numeric',
+      hour: 'numeric',
+      minute: '2-digit',
+    });
+    lines.push(`**When:** ${dateStr}`);
+  }
+
+  if (event.location) {
+    lines.push(`**Where:** ${event.location}`);
+  }
+
+  if (event.attendees && event.attendees.length > 0) {
+    const displayAttendees = event.attendees
+      .slice(0, 10)
+      .map((email) => {
+        const name = email.split('@')[0];
+        return name;
+      })
+      .join(', ');
+
+    const suffix = event.attendees.length > 10 ? ` (+${event.attendees.length - 10} more)` : '';
+    lines.push(`**Attendees:** ${displayAttendees}${suffix}`);
+  }
+
+  if (event.hangoutLink) {
+    lines.push(`**Video:** [Join call](${event.hangoutLink})`);
+  }
+
+  lines.push('');
+  lines.push('**Context for this meeting:**');
+  lines.push('- Review recent Jira activity for attendees');
+  lines.push('- Check relevant docs and recent conversations');
+  lines.push('- Identify key topics and decisions needed');
+
+  return lines.join('\n');
+}
+
+function formatEventTime(event: CalendarEvent): string {
+  if (!event.start || !event.start.includes('T')) return '';
+
+  const start = new Date(event.start);
+  const end = event.end ? new Date(event.end) : null;
+
+  const startTime = start.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+  if (!end) return startTime;
+
+  const endTime = end.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+  return `${startTime}–${endTime}`;
+}

frontend/src/pages/ChatView.tsx

@@ -138,6 +138,7 @@ export function ChatView() {
       model: modelState,
       mode,
       ...(pendingSession.telosTaskId ? { telosTaskId: pendingSession.telosTaskId } : {}),
+      ...(pendingSession.agentName ? { agentName: pendingSession.agentName } : {}),
     });
     clearPendingSession();
     forceScrollToBottom();

frontend/src/pages/TodoView.tsx

@@ -17,7 +17,7 @@
   defaultCollapsed: boolean;
 }
 
 export function groupIntoSections(items: TodoItem[]): TodoSection[] {
   const focus: TodoItem[] = [];
   const active: TodoItem[] = [];
   const seen: TodoItem[] = [];
@@ -190,6 +190,8 @@
     setPendingSession({
       prompt: buildPrompt(item),
       context: buildTodoContext(item),
+      telosTaskId: item.id,
+      agentName: 'mitzo-telos',
     });
     navigate('/chat');
   }

frontend/src/styles/calendar.css

@@ -304,12 +304,39 @@
   color: var(--text-dim);
 }
 
+.cal-event-actions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+.cal-action-prep {
+  background: var(--accent);
+  color: #fff;
+  border: none;
+  padding: var(--space-2) var(--space-3);
+  border-radius: 6px;
+  font-size: var(--text-sm);
+  font-weight: 500;
+  cursor: pointer;
+  transition: opacity 0.15s;
+}
+
+.cal-action-prep:hover {
+  opacity: 0.9;
+}
+
+.cal-action-prep:active {
+  transform: scale(0.98);
+}
+
 .cal-detail-link {
   display: inline-block;
-  margin-top: var(--space-1h);
   color: var(--accent);
   font-size: var(--text-xs);
   text-decoration: none;
+  padding: var(--space-1) 0;
 }
 
 .cal-detail-link:hover {

packages/client/src/store.ts

@@ -56,12 +56,14 @@ export interface SendMessageOptions {
   extraTools?: string;
   isolation?: boolean;
   telosTaskId?: string;
+  agentName?: string;
 }
 
 export interface PendingSession {
   prompt: string;
   context: string;
   telosTaskId?: string;
+  agentName?: string;
 }
 
 export interface MitzoStoreState {
@@ -317,6 +319,7 @@ export function createMitzoStore(options: MitzoStoreOptions): StoreApi<MitzoStor
         if (opts?.extraTools) msg.extraTools = opts.extraTools;
         if (opts?.isolation !== undefined) msg.isolation = opts.isolation;
         if (opts?.telosTaskId !== undefined) msg.telosTaskId = opts.telosTaskId;
+        if (opts?.agentName !== undefined) msg.agentName = opts.agentName;
         return msg;
       };
 

packages/protocol/src/ws-schemas-v2.ts

@@ -88,6 +88,10 @@ export const V2SendMessage = z.object({
   images: z.array(ImageSchema).optional(),
   contextBlocks: z.array(z.string()).optional(),
   telosTaskId: z.string().optional(),
+  agentName: z
+    .string()
+    .regex(/^[a-zA-Z0-9_-]+$/)
+    .optional(),
 });
 
 export const V2InterruptMessage = z.object({