style(dashboard): quick start flow on agents

[scopsy]

What changed? Why was the change needed?

What changed

Added a new quick start overview flow for agents that are connected via bridge. This replaces the setup guide UI with a dashboard showing agent behavior settings, connected provider integrations, and recent conversations activity. The implementation introduces four new React components (AgentBehaviorSection, ConnectedProvidersSection, RecentConversationsSection, AgentConnectedOverview) and modifies the existing setup guide to conditionally render the new overview when a bridge connection is detected.

Affected areas

dashboard — Added new UI components for the agent quick start flow, including sections for behavior toggles/emoji reactions, connected provider management with React Query integration fetching, and a recent conversations overview. Updated the agent overview tab to conditionally render the new overview when an agent has a connected bridge, and modified the setup guide to show a "coming soon" state for connected agents.

Testing

No tests are referenced in the changes. Manual verification of the conditional rendering logic and provider fetching behavior would be recommended.

Screenshots

Expand for optional sections

Related enterprise PR

Special notes for your reviewer

[netlify]

✅ Deploy preview added

Name	Link
🔨 Latest commit	b16aac8
🔍 Latest deploy log	https://app.netlify.com/projects/dashboard-v2-novu-staging/deploys/69e0e6ffc3033d0008642d3b
😎 Deploy Preview	https://deploy-preview-10752.dashboard-v2.novu-staging.co
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

📝 Walkthrough

Walkthrough

Five new React components are introduced for the agent dashboard: AgentBehaviorSection (settings for typing indicators and reactions), AgentConnectedOverview (composed container), ConnectedProvidersSection (provider integrations UI), and RecentConversationsSection (conversation history placeholder). Existing components AgentOverviewTab and AgentSetupGuide are modified to conditionally render connected agent views based on bridge connection status and integration state.

Changes

Cohort / File(s)	Summary
New Agent Behavior & Overview Components apps/dashboard/src/components/agents/agent-behavior-section.tsx, apps/dashboard/src/components/agents/agent-connected-overview.tsx	New components for rendering agent behavior settings (typing indicator toggle, emoji-based message reactions) and serving as a composed container for connected agent overview sections.
Connected Providers & Conversations UI apps/dashboard/src/components/agents/connected-providers-section.tsx, apps/dashboard/src/components/agents/recent-conversations-section.tsx	New components fetching and displaying connected provider integrations and placeholder UI for recent conversations with navigation to activity tab.
Agent Overview & Setup Logic Updates apps/dashboard/src/components/agents/agent-overview-tab.tsx, apps/dashboard/src/components/agents/agent-setup-guide.tsx	Modified to conditionally render AgentConnectedOverview when bridge is connected; added React Query integration fetching, hasConnectedIntegration computation, "Coming soon" placeholder, and conditional code setup section rendering based on integration state.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• feat(api-service): add emoji reaction support to agent conversations fixes NV-7369 #10726: Adds backend behavior.reactions and typing indicator handling that directly correspond to the new AgentBehaviorSection UI controls introduced in this PR.
• feat(dashboard): Agent integrations page #10701: Modifies agent integrations UI surface using the same ConnectedProvidersSection component and integrations query keys.
• feat(dashboard, api-service): Slack quickstart flow #10728: Modifies agent overview/setup UI components (agent-overview-tab.tsx, agent-setup-guide.tsx) in coordination with the conditional bridge-connected rendering logic changes.

Suggested labels

@novu/dashboard

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The title uses 'style' type which is not in the valid types list (feat, fix, chore, docs, test, perf, ci). The description 'quick start flow on agents' is relevant but the type is invalid.	Change the type from 'style' to a valid type such as 'feat' since this adds new components and UI sections. For example: 'feat(dashboard): quick start flow on agents'.
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

Hey there and thank you for opening this pull request! 👋

We require pull request titles to follow specific formatting rules and it looks like your proposed title needs to be adjusted.

Your PR title is: style(dashboard): quick start flow on agents

Requirements:

1. Follow the Conventional Commits specification
2. As a team member, include Linear ticket ID at the end: fixes TICKET-ID or include it in your branch name

Expected format: feat(scope): Add fancy new feature fixes NOV-123

Details:

PR title must end with 'fixes TICKET-ID' (e.g., 'fixes NOV-123') or include ticket ID in branch name