Skip to content

Feat(webapp) chat AI UI improvements, new task landing pages and side menu#3941

Open
samejr wants to merge 132 commits into
mainfrom
feat(webapp)-chat-ai-UI-improvements
Open

Feat(webapp) chat AI UI improvements, new task landing pages and side menu#3941
samejr wants to merge 132 commits into
mainfrom
feat(webapp)-chat-ai-UI-improvements

Conversation

@samejr

@samejr samejr commented Jun 13, 2026

Copy link
Copy Markdown
Member

Closes #

✅ Checklist

  • I have followed every step in the contributing guide
  • The PR title follows the convention.
  • I ran and tested the code works

Testing

[Describe the steps you took to test this change]


Changelog

[Short description of what has changed]


Screenshots

[Screenshots]

💯

samejr and others added 27 commits June 11, 2026 17:01
Conflicts:
- AgentMessageView.tsx, AgentView.tsx: kept both sides.
- schedules/route.tsx: deletion preserved; the purchase modal and usage
  bar have been moved into the Scheduled Task landing page with a new
  shared resource action route.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@changeset-bot

changeset-bot Bot commented Jun 13, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 11be5b1

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@coderabbitai

coderabbitai Bot commented Jun 13, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Too many files!

This PR contains 152 files, which is 2 over the limit of 150.

To get a review, narrow the scope:
• coderabbit review --type committed # exclude uncommitted changes
• coderabbit review --dir # limit to a subdirectory
• coderabbit review --base # compare against a closer base

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: aa9b1da7-a8c6-4709-9c59-28a0102951f8

📥 Commits

Reviewing files that changed from the base of the PR and between 034058b and 11be5b1.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (152)
  • .server-changes/playground-history-tab.md
  • .server-changes/standard-task-sidebar-properties.md
  • apps/webapp/app/assets/icons/AIChatIcon.tsx
  • apps/webapp/app/assets/icons/AIMetricsIcon.tsx
  • apps/webapp/app/assets/icons/AIPenIcon.tsx
  • apps/webapp/app/assets/icons/AIPromptsIcon.tsx
  • apps/webapp/app/assets/icons/ArrowLeftRightIcon.tsx
  • apps/webapp/app/assets/icons/ArrowRightSquareIcon.tsx
  • apps/webapp/app/assets/icons/AttemptIcon.tsx
  • apps/webapp/app/assets/icons/AvatarCircleIcon.tsx
  • apps/webapp/app/assets/icons/BatchesIcon.tsx
  • apps/webapp/app/assets/icons/BeakerIcon.tsx
  • apps/webapp/app/assets/icons/BellIcon.tsx
  • apps/webapp/app/assets/icons/BookIcon.tsx
  • apps/webapp/app/assets/icons/Box3DIcon.tsx
  • apps/webapp/app/assets/icons/BugIcon.tsx
  • apps/webapp/app/assets/icons/BulbIcon.tsx
  • apps/webapp/app/assets/icons/ChartArrowIcon.tsx
  • apps/webapp/app/assets/icons/ChartBarIcon.tsx
  • apps/webapp/app/assets/icons/ClockIcon.tsx
  • apps/webapp/app/assets/icons/CodeSquareIcon.tsx
  • apps/webapp/app/assets/icons/CreditCardIcon.tsx
  • apps/webapp/app/assets/icons/CubeSparkleIcon.tsx
  • apps/webapp/app/assets/icons/DeploymentsIcon.tsx
  • apps/webapp/app/assets/icons/DialIcon.tsx
  • apps/webapp/app/assets/icons/EnvelopeIcon.tsx
  • apps/webapp/app/assets/icons/FolderClosedIcon.tsx
  • apps/webapp/app/assets/icons/FolderOpenIcon.tsx
  • apps/webapp/app/assets/icons/FunctionIcon.tsx
  • apps/webapp/app/assets/icons/GlobeLinesIcon.tsx
  • apps/webapp/app/assets/icons/HomeIcon.tsx
  • apps/webapp/app/assets/icons/IDIcon.tsx
  • apps/webapp/app/assets/icons/InfoIcon.tsx
  • apps/webapp/app/assets/icons/IntegrationsIcon.tsx
  • apps/webapp/app/assets/icons/KeyIcon.tsx
  • apps/webapp/app/assets/icons/KeyValueIcon.tsx
  • apps/webapp/app/assets/icons/KeyboardIcon.tsx
  • apps/webapp/app/assets/icons/LogsIcon.tsx
  • apps/webapp/app/assets/icons/MessageInputIcon.tsx
  • apps/webapp/app/assets/icons/MessageOutputIcon.tsx
  • apps/webapp/app/assets/icons/NotificationIcon.tsx
  • apps/webapp/app/assets/icons/PadlockIcon.tsx
  • apps/webapp/app/assets/icons/PlaygroundIcon.tsx
  • apps/webapp/app/assets/icons/PlusIcon.tsx
  • apps/webapp/app/assets/icons/PrivateIcon.tsx
  • apps/webapp/app/assets/icons/QuestionMarkIcon.tsx
  • apps/webapp/app/assets/icons/QueuesIcon.tsx
  • apps/webapp/app/assets/icons/RadarPulseIcon.tsx
  • apps/webapp/app/assets/icons/RightSideMenuIcon.tsx
  • apps/webapp/app/assets/icons/RolesIcon.tsx
  • apps/webapp/app/assets/icons/RunFunctionIcon.tsx
  • apps/webapp/app/assets/icons/RunsIcon.tsx
  • apps/webapp/app/assets/icons/ShieldIcon.tsx
  • apps/webapp/app/assets/icons/ShieldLockIcon.tsx
  • apps/webapp/app/assets/icons/SlackIcon.tsx
  • apps/webapp/app/assets/icons/SlidersIcon.tsx
  • apps/webapp/app/assets/icons/StarIcon.tsx
  • apps/webapp/app/assets/icons/TableIcon.tsx
  • apps/webapp/app/assets/icons/TaskIcon.tsx
  • apps/webapp/app/assets/icons/TasksIcon.tsx
  • apps/webapp/app/assets/icons/TestTubeIcon.tsx
  • apps/webapp/app/assets/icons/TextSquareIcon.tsx
  • apps/webapp/app/assets/icons/UsageIcon.tsx
  • apps/webapp/app/assets/icons/UserCrossIcon.tsx
  • apps/webapp/app/assets/icons/UserGroupIcon.tsx
  • apps/webapp/app/assets/icons/WaitpointTokenIcon.tsx
  • apps/webapp/app/components/BlankStatePanels.tsx
  • apps/webapp/app/components/FeatureBadges.tsx
  • apps/webapp/app/components/ImpersonationBanner.tsx
  • apps/webapp/app/components/Shortcuts.tsx
  • apps/webapp/app/components/code/StreamdownRenderer.tsx
  • apps/webapp/app/components/navigation/AccountSideMenu.tsx
  • apps/webapp/app/components/navigation/DashboardDialogs.tsx
  • apps/webapp/app/components/navigation/DashboardList.tsx
  • apps/webapp/app/components/navigation/EnvironmentSelector.tsx
  • apps/webapp/app/components/navigation/HelpAndFeedbackPopover.tsx
  • apps/webapp/app/components/navigation/NotificationPanel.tsx
  • apps/webapp/app/components/navigation/OrganizationSettingsSideMenu.tsx
  • apps/webapp/app/components/navigation/SideMenu.tsx
  • apps/webapp/app/components/navigation/SideMenuItem.tsx
  • apps/webapp/app/components/navigation/sideMenuTypes.ts
  • apps/webapp/app/components/primitives/Headers.tsx
  • apps/webapp/app/components/primitives/PageHeader.tsx
  • apps/webapp/app/components/primitives/Paragraph.tsx
  • apps/webapp/app/components/primitives/SearchInput.tsx
  • apps/webapp/app/components/primitives/charts/Chart.tsx
  • apps/webapp/app/components/primitives/charts/ChartBar.tsx
  • apps/webapp/app/components/primitives/charts/ChartLine.tsx
  • apps/webapp/app/components/primitives/charts/useYAxisWidth.ts
  • apps/webapp/app/components/runs/v3/RunFilters.tsx
  • apps/webapp/app/components/runs/v3/RunIcon.tsx
  • apps/webapp/app/components/runs/v3/SpanTitle.tsx
  • apps/webapp/app/components/runs/v3/TaskRunsTable.tsx
  • apps/webapp/app/components/runs/v3/TaskTriggerSource.tsx
  • apps/webapp/app/components/runs/v3/agent/AgentMessageView.tsx
  • apps/webapp/app/components/runs/v3/agent/AgentView.tsx
  • apps/webapp/app/components/runs/v3/ai/AIChatMessages.tsx
  • apps/webapp/app/components/schedules/PurchaseSchedulesModal.tsx
  • apps/webapp/app/components/schedules/ScheduleInspector.tsx
  • apps/webapp/app/components/schedules/SchedulesUsageBar.tsx
  • apps/webapp/app/components/sessions/v1/CloseSessionDialog.tsx
  • apps/webapp/app/components/sessions/v1/SessionFilters.tsx
  • apps/webapp/app/components/sessions/v1/SessionStatus.tsx
  • apps/webapp/app/components/sessions/v1/SessionsTable.tsx
  • apps/webapp/app/presenters/v3/AgentDetailPresenter.server.ts
  • apps/webapp/app/presenters/v3/BuiltInDashboards.server.ts
  • apps/webapp/app/presenters/v3/RunPresenter.server.ts
  • apps/webapp/app/presenters/v3/SessionListPresenter.server.ts
  • apps/webapp/app/presenters/v3/TaskDetailPresenter.server.ts
  • apps/webapp/app/presenters/v3/TasksDashboardPresenter.server.ts
  • apps/webapp/app/presenters/v3/UnifiedTaskListPresenter.server.ts
  • apps/webapp/app/root.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.agents.$agentParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.agents/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.dashboards._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors.$fingerprint/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.errors._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.models._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.playground.$agentParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.playground/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.prompts.$promptSlug/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.prompts._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.$scheduleParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.edit.$scheduleParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.sessions.$sessionParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.sessions._index/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.tasks.dashboard/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.tasks.scheduled.$taskParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.tasks.standard.$taskParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/AIPayloadTabContent.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/SchemaTabContent.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test/route.tsx
  • apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.integrations.slack.tsx
  • apps/webapp/app/routes/account._index/route.tsx
  • apps/webapp/app/routes/confirm-basic-details.tsx
  • apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.spans.$spanParam/route.tsx
  • apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.streams.$streamKey/route.tsx
  • apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.schedules.new/route.tsx
  • apps/webapp/app/routes/resources.orgs.$organizationSlug.schedules-addon.ts
  • apps/webapp/app/routes/storybook.icons/route.tsx
  • apps/webapp/app/routes/storybook/route.tsx
  • apps/webapp/app/services/taskIdentifierRegistry.server.ts
  • apps/webapp/app/tailwind.css
  • apps/webapp/app/utils/pathBuilder.ts
  • apps/webapp/app/v3/mollifier/syntheticTrace.server.ts
  • apps/webapp/package.json
  • apps/webapp/tailwind.config.js

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat(webapp)-chat-ai-UI-improvements

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

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

@devin-ai-integration devin-ai-integration Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Devin Review found 1 potential issue.

Open in Devin Review

Comment on lines +124 to +143
{/* {isUsingPlugin && ( */}
{/* {featureFlags.hasPrivateConnections && ( */}
<SideMenuItem
name="Private Connections"
icon={PadlockIcon}
activeIconColor="text-text-bright"
inactiveIconColor="text-text-dimmed"
to={v3PrivateConnectionsPath(organization)}
data-action="private-connections"
/>
{/* )} */}
<SideMenuItem
name="Roles"
icon={RolesIcon}
activeIconColor="text-text-bright"
inactiveIconColor="text-text-dimmed"
to={organizationRolesPath(organization)}
data-action="roles"
/>
{/* )} */}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚩 Feature flag guards for Private Connections and Roles removed from sidebar — routes still guard access

The hasPrivateConnections feature flag guard and the isUsingPlugin guard for Roles have been commented out (apps/webapp/app/components/navigation/OrganizationSettingsSideMenu.tsx:124-143), making both menu items visible to all users regardless of their entitlements. This is not a bug because the route loaders themselves still enforce access: _app.orgs.$organizationSlug.settings.private-connections._index/route.tsx calls canAccessPrivateConnections() (which checks the hasPrivateConnections feature flag in apps/webapp/app/v3/canAccessPrivateConnections.server.ts), and the Roles route checks rbac.isUsingPlugin(). However, users without access will now see a link in the sidebar that leads to a page that may redirect or show an error/upsell, which could be a confusing UX. The commented-out guards ({/* {isUsingPlugin && ( */}, {/* {featureFlags.hasPrivateConnections && ( */}) suggest this might be a WIP change that needs cleanup before merge.

Open in Devin Review

Was this helpful? React with 👍 or 👎 to provide feedback.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant