1  'use client'
 2  
 3  import { LaunchActionCard } from '@/components/shared/launch-action-card'
 4  import type { StepNextProps } from './types'
 5  import { StepShell } from './shared'
 6  
 7  export function StepNext({
 8    createdAgents,
 9    onContinueToDashboard,
10    onOpenFirstAgent,
11    onOpenProtocols,
12    onOpenBuilder,
13    onOpenConnectors,
14    onOpenUsage,
15  }: StepNextProps) {
16    const firstAgent = createdAgents[0] || null
17  
18    return (
19      <StepShell wide>
20        <h1 className="font-display text-[36px] font-800 leading-[1.05] tracking-[-0.04em] mb-3">
21          Launch Your Workspace
22        </h1>
23        <p className="text-[15px] text-text-2 mb-2">
24          Setup is complete. Start from the path that gets you to an actual result fastest.
25        </p>
26        <p className="text-[13px] text-text-3 mb-7">
27          {firstAgent
28            ? `${firstAgent.name} is ready to use.`
29            : 'You finished setup without starter agents, so the launch options below focus on wiring up the rest of the workspace.'}
30        </p>
31  
32        <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-3 mb-8">
33          <LaunchActionCard
34            title={firstAgent ? 'Open First Agent Chat' : 'Open Agents'}
35            description={firstAgent
36              ? `Jump straight into ${firstAgent.name} and start working from the workspace you just created.`
37              : 'Open the agents workspace so you can create or tune the first agent manually.'}
38            actionLabel={firstAgent ? 'Open Chat' : 'Open Agents'}
39            onClick={onOpenFirstAgent}
40            tone="primary"
41          />
42          <LaunchActionCard
43            title="Start Structured Session"
44            description="Open bounded collaboration runs for reviews, planning rounds, decision-making, or focused multi-agent work."
45            actionLabel="Open Protocols"
46            onClick={onOpenProtocols}
47          />
48          <LaunchActionCard
49            title="Open Workflow Builder"
50            description="Jump into the visual protocol builder if you want a reusable orchestration graph instead of a one-off run."
51            actionLabel="Open Builder"
52            onClick={onOpenBuilder}
53          />
54          <LaunchActionCard
55            title="Connect a Platform"
56            description="Bridge agents into Discord, Slack, Telegram, WhatsApp, or other runtime connectors."
57            actionLabel="Open Connectors"
58            onClick={onOpenConnectors}
59          />
60          <LaunchActionCard
61            title="Review Usage"
62            description="Inspect cost, provider health, and agent activity so the workspace stays observable from day one."
63            actionLabel="Open Usage"
64            onClick={onOpenUsage}
65          />
66          <LaunchActionCard
67            title="Go to Dashboard"
68            description="Land on the main home view. Fresh workspaces open in guided launch mode before switching to the normal ops dashboard."
69            actionLabel="Open Home"
70            onClick={onContinueToDashboard}
71          />
72        </div>
73  
74        <button
75          type="button"
76          onClick={onContinueToDashboard}
77          className="px-10 py-3.5 rounded-[14px] border-none bg-accent-bright text-white text-[15px] font-display font-600 cursor-pointer hover:brightness-110 active:scale-[0.97] transition-all duration-200 shadow-[0_6px_28px_rgba(99,102,241,0.3)]"
78        >
79          Continue to Dashboard
80        </button>
81      </StepShell>
82    )
83  }