{!showAllProfiles ? (
-
- ) : null}
-
- {!showAllProfiles && agentSessions.length > 0 ? (
+
+
+ ) : null}
+
+ {!showAllProfiles && agentSessions.length > 0 ? (
+
+
+
) : null}
diff --git a/apps/desktop/src/app/chat/sidebar/load-more-row.test.tsx b/apps/desktop/src/app/chat/sidebar/load-more-row.test.tsx
new file mode 100644
index 00000000000..02978ee2adf
--- /dev/null
+++ b/apps/desktop/src/app/chat/sidebar/load-more-row.test.tsx
@@ -0,0 +1,54 @@
+import { cleanup, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+import { SidebarLoadMoreRow } from './load-more-row'
+
+afterEach(cleanup)
+
+vi.mock('@/i18n', () => ({
+ useI18n: () => ({
+ t: {
+ sidebar: {
+ loadCount: (n: number) => `Load ${n} more`,
+ loadMore: 'Load more',
+ loading: 'Loading…'
+ }
+ }
+ })
+}))
+
+// The tooltip's open transition rides a real, un-act()-wrapped Radix timer
+// that reliably never fires on the Linux CI runner (see dialog.test.tsx's
+// skipped hover test) — so instead of hovering and waiting for the tip to
+// open, we assert the structural fix directly: the button is now wrapped in
+// a Tip (data-slot="tooltip-trigger"), which is what #
was missing.
+describe('SidebarLoadMoreRow', () => {
+ it('wraps the button in a Tip with the loading label as the trigger', () => {
+ render()
+
+ const button = screen.getByRole('button', { name: 'Loading…' })
+ expect(button.closest('[data-slot="tooltip-trigger"]')).toBeTruthy()
+ })
+
+ it('wraps the button in a Tip with the count label when a step is given', () => {
+ render()
+
+ const button = screen.getByRole('button', { name: 'Load 5 more' })
+ expect(button.closest('[data-slot="tooltip-trigger"]')).toBeTruthy()
+ })
+
+ it('wraps the button in a Tip with the generic label when step is 0', () => {
+ render()
+
+ const button = screen.getByRole('button', { name: 'Load more' })
+ expect(button.closest('[data-slot="tooltip-trigger"]')).toBeTruthy()
+ })
+
+ it('still fires onClick (Tip does not intercept the trigger interaction)', () => {
+ const onClick = vi.fn()
+ render()
+
+ screen.getByRole('button', { name: 'Load more' }).click()
+ expect(onClick).toHaveBeenCalledOnce()
+ })
+})
diff --git a/apps/desktop/src/app/chat/sidebar/load-more-row.tsx b/apps/desktop/src/app/chat/sidebar/load-more-row.tsx
index e0085fdb587..617bad91726 100644
--- a/apps/desktop/src/app/chat/sidebar/load-more-row.tsx
+++ b/apps/desktop/src/app/chat/sidebar/load-more-row.tsx
@@ -1,5 +1,6 @@
import { Codicon } from '@/components/ui/codicon'
import { GlyphSpinner } from '@/components/ui/glyph-spinner'
+import { Tip } from '@/components/ui/tooltip'
import { useI18n } from '@/i18n'
interface SidebarLoadMoreRowProps {
@@ -16,18 +17,20 @@ export function SidebarLoadMoreRow({ step, onClick, loading = false }: SidebarLo
const label = loading ? t.sidebar.loading : step > 0 ? t.sidebar.loadCount(step) : t.sidebar.loadMore
return (
-
+
+
+
)
}
diff --git a/apps/desktop/src/app/chat/sidebar/project-dialog.test.tsx b/apps/desktop/src/app/chat/sidebar/project-dialog.test.tsx
new file mode 100644
index 00000000000..39c83da6dbe
--- /dev/null
+++ b/apps/desktop/src/app/chat/sidebar/project-dialog.test.tsx
@@ -0,0 +1,87 @@
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it, vi } from 'vitest'
+
+import { ProjectDialog } from './project-dialog'
+
+afterEach(cleanup)
+
+vi.mock('@/i18n', () => ({
+ useI18n: () => ({
+ t: {
+ common: { cancel: 'Cancel', save: 'Save' },
+ sidebar: {
+ projects: {
+ addFolder: 'Add folder',
+ create: 'Create',
+ createDesc: 'Create a new project',
+ createFailed: 'Failed to create project',
+ createTitle: 'New project',
+ foldersLabel: 'Folders',
+ ideaGenerate: 'Generate',
+ ideaGenerating: 'Generating…',
+ ideaLabel: 'Idea',
+ ideaPlaceholder: 'What are you building?',
+ ideaShuffle: 'Shuffle ideas',
+ namePlaceholder: 'Project name',
+ noFolders: 'No folders yet',
+ primaryBadge: 'Primary',
+ removeFolder: 'Remove folder'
+ }
+ }
+ }
+ })
+}))
+
+// $projectDialog is a real nanostore atom in the app; recreate it here so
+// useStore behaves identically without pulling in the rest of the projects
+// store (backend calls, project list, etc.) which is irrelevant to the Tip fix.
+// vi.mock factories are hoisted above the rest of the file, so the atom must
+// be created inside vi.hoisted to exist by the time the factory runs.
+const { $projectDialog } = vi.hoisted(() => {
+ // eslint-disable-next-line @typescript-eslint/no-var-requires -- nanostores has no side effects to worry about at hoist time
+ const { atom } = require('nanostores') as typeof import('nanostores')
+
+ return {
+ $projectDialog: atom<{ mode: 'create' | 'rename' | 'add-folder'; name?: string; projectId?: string } | null>({
+ mode: 'create'
+ })
+ }
+})
+
+vi.mock('@/store/projects', () => ({
+ $projectDialog,
+ addProjectFolder: vi.fn(),
+ closeProjectDialog: vi.fn(),
+ createProject: vi.fn(),
+ generateProjectIdea: vi.fn(),
+ pickProjectFolder: vi.fn(async () => '/Users/test/my-folder'),
+ renameProject: vi.fn()
+}))
+
+vi.mock('@/store/notifications', () => ({
+ notifyError: vi.fn()
+}))
+
+vi.mock('@/lib/project-idea-templates', () => ({
+ randomIdeaTemplates: () => [{ emoji: '🚀', idea: 'A rocket tracker', label: 'Rocket tracker' }]
+}))
+
+const tipTrigger = (el: HTMLElement) => el.closest('[data-slot="tooltip-trigger"]')
+
+describe('ProjectDialog', () => {
+ it('wraps the "shuffle idea" button in a Tip', () => {
+ render()
+
+ const button = screen.getByRole('button', { name: 'Shuffle ideas' })
+ expect(tipTrigger(button)).toBeTruthy()
+ })
+
+ it('wraps the "remove folder" button in a Tip once a folder is added', async () => {
+ render()
+
+ fireEvent.click(screen.getByRole('button', { name: 'Add folder' }))
+
+ const button = await screen.findByRole('button', { name: 'Remove folder' })
+ expect(tipTrigger(button)).toBeTruthy()
+ })
+})
diff --git a/apps/desktop/src/app/chat/sidebar/project-dialog.tsx b/apps/desktop/src/app/chat/sidebar/project-dialog.tsx
index 5d0fc29dba1..a6254a518b5 100644
--- a/apps/desktop/src/app/chat/sidebar/project-dialog.tsx
+++ b/apps/desktop/src/app/chat/sidebar/project-dialog.tsx
@@ -14,6 +14,7 @@ import {
import { GenerateButton } from '@/components/ui/generate-button'
import { Input } from '@/components/ui/input'
import { Textarea } from '@/components/ui/textarea'
+import { Tip } from '@/components/ui/tooltip'
import { useI18n } from '@/i18n'
import { type ProjectIdeaTemplate, randomIdeaTemplates } from '@/lib/project-idea-templates'
import { cn } from '@/lib/utils'
@@ -197,16 +198,18 @@ export function ProjectDialog() {
{p.primaryBadge}
)}
-
+
+
+
))}
@@ -258,17 +261,19 @@ export function ProjectDialog() {
{template.label}
))}
-
+
+
+